/*global css*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
body,textarea,input,button,select,keygen,legend{font-size:14px; color:#333; font-family:Arial; -webkit-text-size-adjust:none; outline:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:none;}
i,cite,em,var,address,dfn{font-style:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
sup,sub{font-size:80%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
ins,u,s,a{text-decoration:none;}
textarea,input{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd; outline:none;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;}
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
body{background-color: #fff;}
img{max-width: 100%;}
a, a:hover, a:visited, a:link, a:active , a:focus {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*解决手机版点击背景问题*/
}
@font-face {
  font-family: 'NeutraText';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/NeutraText-Book.eot');
  src: url('../fonts/NeutraText-Book.eot?#iefix') format('embedded-opentype'),
  url('../fonts/NeutraText-Book.woff2') format('woff2'),
  url('../fonts/NeutraText-Book.woff') format('woff');
  font-display:swap;
}
@font-face {
  font-family: 'TrajanPro3';font-style: bold;  /* project id 1853964 */
  src: url('../fonts/TRAJANPRO3-BOLD.eot');
  src: url('../fonts/TRAJANPRO3-BOLD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/TRAJANPRO3-BOLD.woff2') format('woff2'),
  url('../fonts/TRAJANPRO3-BOLD.woff') format('woff');
  font-display:swap;
}
@font-face {
  font-family: 'MyriadPro';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
  url('../fonts/MyriadPro-Regular.woff') format('woff');
  font-display:swap;
}
@font-face {
  font-family: 'ImpaktStd';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/ImpaktStd.eot');
  src: url('../fonts/ImpaktStd.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ImpaktStd.woff2') format('woff2'),
  url('../fonts/ImpaktStd.woff') format('woff');
  font-display:swap;
}
/*文字大小，颜色，行距定义*/
.fz_12px{font-size:12px;}
.fz_14px{font-size:14px;}
.fz_16px{font-size:16px;}
.fc_red{color:#ff0000;}
.fc_grey{color:#aaa;}
.fc_gory{color:#666;}
.fc_white{color:#fff;}
.fc_yellow{color:#ff6600;}
.flh_150{line-height:150%;}
.flh_180{line-height:180%;}

/*float*/
.fl{float:left;}
.fr{float:right;}

/*form*/
.form_input{color:#333; height:20px; line-height:20px;}
.form_area{color:#333; line-height:180%; resize:none; overflow:auto;}
.form_button{border:none; background:#505050; color:#fff; height:22px; line-height:22px; padding:0 5px; overflow:hidden; width:80px;}
.form_focus{border-color:red;}
.form_input.center{text-align:center;}

/*padding*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}


/*win_alert*/
.win_alert{position:fixed; left:0; top:30%; background:#fff; border:1px #ccc solid; opacity:0.95; filter:alpha(opacity=95); width:400px; z-index:100000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding-top:7px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);}
.win_alert .win_close{height:14px; padding:5px 0;}
.win_alert .win_close .close{float:right; padding:0; line-height:100%; font-size:20px; margin-right:17px; cursor:pointer; background:none; border:0; color:#888;}
.win_alert .win_close .close:hover{color:#aaa;}
.win_alert .win_tips{padding:12px 30px 26px 80px; background:url(../images/win_warning.jpg) no-repeat 30px 8px; line-height:23px; border-bottom:1px #dbdbdb solid; margin-bottom:1px;}
.win_alert .win_btns{padding:10px 4px 10px 0; background:#ededed; text-align:right;}
.win_alert .win_btns .btn{height:22px; line-height:22px; text-align:center; padding:0 20px; border:1px #b7b7b7 solid; background:#fff; color:#7d7070; cursor:pointer; margin-right:12px; font-size:12px; border-radius:4px;}
.win_alert .win_btns .btn_sure{border:1px #30ad8f solid; background:#55a290; color:#fff;}

.d-flex{display: flex;-webkit-display: flex;}
.flex-just-between{display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.flex-align-center{display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: center;}
.container{width: 1230px;margin: 0 auto;padding: 0 15px;}
/*公告头部*/
.header{width: 100%;}
.headtop {height: 42px;line-height: 42px;font-size: 12px;justify-content: space-between;-webkit-justify-content: space-between;}
.headtop .welcome{width: 25%;height: 42px;color: #292929;}
.headtop .toprightnav{display: flex;align-items: center;}
.headtop .toprightnav a{min-width: 60px;height: 30px; margin: 0 8px;position: relative;display: flex;align-items: center;}
.headtop .toprightnav a:hover{color: #5b1fa8;}
.headtop .toprightnav a:after{width: 1px;height: 14px;background-color: #4f4c4c;position: absolute;top: 50%;margin-top: -7px;right: -8px;content: "";}
.headtop .toprightnav a:last-child:after{display: none;}
.headtop .toprightnav a span.icon{width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;margin-right: 3px;}
span.icon.icon-login{background-image: url(../images/icon_user.png);}
span.icon.icon-register{background-image: url(../images/icon_userplus.png);}
span.icon.icon-order{background-image: url(../images/icon_msg.png);}
span.icon.icon-help{background-image: url(../images/icon_quer.png);}
span.icon.icon-star{background-image: url(../images/icon_star.png);}

.headtop .toprightnav a span.tips{min-width: 14px;padding: 0 2px; height: 14px;border-radius: 14px;background-color: #000;color: #fff;line-height: 14px;text-align: center;margin: 0 5px;}
.headmid{width: 100%;height: 116px;padding: 30px 0;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.headmid .logo{width: 191px;height: 47px;background: url(../images/logo.png) left center no-repeat;margin-right: 103px;color: transparent;text-indent: -9999rem;}
.headmid .searchform{width: 58%;height: 40px;line-height: 40px;}
.headmid .searchform form{display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.headmid .searchform .txt{display: flex;-webkit-display: flex;flex: 1 1 auto;height: 40px;border: 0; border-bottom: 2px solid #010101;font-size: 14px;background-color: #fff;padding: 0 15px;}
.headmid .searchform .searchbtn{width: 60px;height: 40px;background: url(../images/icon_search.png) center center no-repeat;border:0;text-indent: -9999em;cursor: pointer;}

.headnav{justify-content: space-between;-webkit-justify-content: space-between;height: 56px;line-height: 56px;}
.headnav .nav a{padding: 0 26px 0 25px;text-transform: capitalize;}
.headnav .promenu{width: 140px;position: relative;}
.headnav .promenu .title{ text-transform: capitalize;padding-left: 30px;background: url(../images/icon_menu.png) left center no-repeat;}
.headnav .promenu:hover .promenu_wrap{visibility: visible;}
.promenu_wrap{padding: 30px;display: flex;-webkit-display: flex;position: absolute;top: 100%;left: 0;z-index: 9;background-color: #fff;width: 600px;visibility: hidden;}
.promenu_wrap .promenu_con{display: flex;flex-wrap: wrap;-webkit-display: flex;-webkit-flex-wrap: wrap;}
.promenu_wrap .promenu_con a{height: 40px;line-height: 40px; padding: 0 10px; margin: 0 0 15px;font-size: 16px;}
.promenu_wrap .imgbg{width: 232px;height: 111px;background: url(../images/pronavbg.jpg) center center no-repeat;}


.m_header{background-color: #fff;z-index: 9999; height: 50px;position: fixed;left: 0;top: 0; width: 100%;display: none;padding: 5px 10px;display: flex;justify-content: space-between;box-shadow: 0 2px 6px rgba(0,0,0,0.2);display: none;}
.m_header .menu_btn{flex: 1;}
.m_header .menu_btn a{display: block; width: 40px;height: 40px;background: url(../images/m/icon_menu.png) center center no-repeat;background-size: 24px;}
.m_header .m_logo{flex: 1;}
.m_header .m_logo a{display: block;width: 96px;height: 40px;background: url(../images/m/logo.png) center center no-repeat;background-size: 100%;}
.m_head_right{display: flex;flex: 1;justify-content: flex-end;}
.m_head_right .m_search{width: 35px;height: 40px;background: url(../images/m/icon_sear_top.png) center center no-repeat;background-size: 24px;}
.m_head_right .m_cart{width: 40px;height: 40px;background: url(../images/m/icon_cart_top.png) center center no-repeat;background-size: 24px;position: relative;margin-left: 5px;margin-right: 10px;}
.m_head_right .m_cart .tips{position: absolute;right: -10px;top: 0;min-width: 20px;height: 20px;line-height: 20px; padding: 0 5px;text-align: center; background-color: #000;color: #fff;border-radius: 20px;}

.body100{height: 100%;overflow: hidden;}
.pop_up_bg{position: fixed;width: 100%;height: 100%;top:0; left:0; z-index:10019;background-color: rgba(0,0,0,0.5);visibility:hidden;}
.pop_up{width:80%; height:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:10020; -webkit-transform:-webkit-translateX(-100%); transform:translateX(-100%); -webkit-transition:all .4s; transition:all .4s; visibility:hidden;opacity: 0;filter: alpha(opacity=0);display: none;}
.pop_up .close{width:2rem; height:2rem; position:absolute;z-index: 2; right:-19%; top:1.5rem;}
.pop_up .close>em{width:2rem; height:2rem; background:url(../images/m/nav_close.png) no-repeat center/80%; display:block;cursor: pointer;}
.pop_up.show{-webkit-transform:-webkit-translateX(0); transform:translateX(0);opacity: 1;filter: alpha(opacity=100);}
.pop_up_right{left:auto; right:0; -webkit-transform:-webkit-translateX(100%); transform:translateX(100%);}
.pop_up_container{position:relative; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.pop_up_container .category_close{width:1rem; height:3.4375rem; line-height:3.4375rem; padding-left:.625rem; padding-right:1rem; background-color:#fff; position:inherit; right:auto; top:auto; display:inline-block;}
.pop_up_container .category_close>em{width:auto; height:auto; margin:1.2rem .2rem 0 0; background:none; border-width:.5rem .5rem .5rem 0; border-color:transparent #999 transparent transparent; border-style:solid; float:right; display:block; position:relative; z-index:10;}
.pop_up_container .category_close>em>i{border-width:.5rem .5rem .5rem 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-.5rem; left:.1rem; z-index:11;}
.pop_up_container .category_title{height:3.4375rem; line-height:3.4375rem; font-size:1rem;}
.pop_up_container .side_head{height:3.4375rem; line-height:3.4375rem; text-align:center;}
.pop_up_container .side_head .side_close{width:1rem; height:3.3rem; line-height:3.3rem; padding-left:.625rem; padding-right:1rem; background-color:#fff; position:absolute; right:auto; top:auto; left:0; display:inline-block;}
.pop_up_container .side_head .side_close>em{width:auto; height:auto; margin:1.3rem .2rem 0 0; background:none; border-width:.5rem .5rem .5rem 0; border-color:transparent #848484 transparent transparent; border-style:solid; float:right; display:block; position:relative; z-index:10;}
.pop_up_container .side_head .side_close>em>i{border-width:.5rem .5rem .5rem 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-.5rem; left:.1rem; z-index:11;}
.pop_up_container .side_head .side_title{font-size:1rem;}

.menu_list .item{position: relative;bottom:-20px;opacity: 0;overflow: visible;
  -webkit-transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1),bottom 0.5s cubic-bezier(0.5, 0, 0, 1),visibility 0.5s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1),bottom 0.5s cubic-bezier(0.5, 0, 0, 1),visibility 0.5s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1),bottom 0.5s cubic-bezier(0.5, 0, 0, 1),visibility 0.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1),bottom 0.5s cubic-bezier(0.5, 0, 0, 1),visibility 0.5s cubic-bezier(0.5, 0, 0, 1);
}
.pop_up.nav_side{background-color: transparent;}
.nav_side.show .menu_list .item{bottom: 0;opacity: 1;}
.nav_side.show .menu_list .item:nth-child(1){transition-delay: .1s;}
.nav_side.show .menu_list .item:nth-child(2){transition-delay: .15s;}
.nav_side.show .menu_list .item:nth-child(3){transition-delay: .2s;}
.nav_side.show .menu_list .item:nth-child(4){transition-delay: .25s;}
.nav_side.show .menu_list .item:nth-child(5){transition-delay: .3s;}
.nav_side.show .menu_list .item:nth-child(6){transition-delay: .35s;}
.nav_side.show .menu_list .item:nth-child(7){transition-delay: .4s;}
.nav_side.show .menu_list .item:nth-child(8){transition-delay: .45s;}
.nav_side.show .menu_list .item:nth-child(9){transition-delay: .5s;}
.nav_side.show .menu_list .item:nth-child(10){transition-delay: .55s;}
.nav_side.show .menu_list .item:nth-child(11){transition-delay: .6s;}
.nav_side.show .menu_list .item:nth-child(12){transition-delay: .65s;}
#gnavBg {
  display: block;
  width: 125%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  visibility: hidden;
  pointer-events: none;
  padding-right: 60px;
  overflow: hidden;
}
#gnavBg:before {
  /*content: "we create exciting businesses";*/
  content: "";
  text-align: left;
  padding-top: 30px;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg) translateY(-100%);
  width: 60px;
  height: calc(100%);
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  font-size: 10px;
  line-height: 60px;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  letter-spacing: 4px;
  /*background-color: rgba(51, 51, 51,1);*/
  /*background-color: rgba(0, 0, 0,1);*/
  background-color: rgba(104,145,179,1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
}
#gnavBg>div{
  height: 100%;
  display: block;
  width: 100%;
  position: relative;
}
#gnavBg span {
  display: block;
  width: 0;
  height: 10%;
  z-index: 0;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1);
  transition-delay: .1s;
  background-color: rgba(105,41,205,1);
}
#gnavBg.open{
  visibility: visible;
}
#gnavBg.open:before{
  transform: rotate(180deg) translateY(0);
  /*background-color: rgba(0,145,179,1);*/
  background-color: rgba(105, 41, 205, 1);
  /*background-color: rgba(31, 31, 31, 1);*/
  /*transition-delay: .36s;*/
  transition-delay: .5s;
}
#gnavBg.open span{width: 100%;background-color: rgba(255,255,255,1)}
#gnavBg span:nth-child(1){bottom: 90%;}
#gnavBg span:nth-child(2){bottom: 80%;}
#gnavBg span:nth-child(3){bottom: 70%;}
#gnavBg span:nth-child(4){bottom: 60%;}
#gnavBg span:nth-child(5){bottom: 50%;}
#gnavBg span:nth-child(6){bottom: 40%;}
#gnavBg span:nth-child(7){bottom: 30%;}
#gnavBg span:nth-child(8){bottom: 20%;}
#gnavBg span:nth-child(9){bottom: 10%;}
#gnavBg span:nth-child(10){bottom: 0%;}
#gnavBg.open span:nth-child(1){transition-delay: .03s;}
#gnavBg.open span:nth-child(2){transition-delay: .09s;}
#gnavBg.open span:nth-child(3){transition-delay: .12s;}
#gnavBg.open span:nth-child(4){transition-delay: .15s;}
#gnavBg.open span:nth-child(5){transition-delay: .18s;}
#gnavBg.open span:nth-child(6){transition-delay: .21s;}
#gnavBg.open span:nth-child(7){transition-delay: .24s;}
#gnavBg.open span:nth-child(8){transition-delay: .27s;}
#gnavBg.open span:nth-child(9){transition-delay: .30s;}
#gnavBg.open span:nth-child(10){transition-delay: .33s;}
#gnavBtn {display: block;}

.nav_container .currency{ margin:0 0.625rem;}
.nav_container .currency a{ line-height:2.5rem; font-size:0.875rem; color:#5f5f5f; display:block; padding-left:.3125rem; position:relative;}
.nav_container .currency .icon{width:1.5rem; height:1.5rem; background-color:#fff; position:absolute; top:.5rem; right:0; -webkit-transform:-webkit-rotate(0); transform:rotate(0); -webkit-transition:all .4s; transition:all .4s;}
.nav_container .currency .icon>em{margin:.3rem .2rem 0 0; border-width:.5rem 0 .5rem .5rem; border-color:transparent transparent transparent #999; border-style:solid; float:right; display:block; position:relative; z-index:10;}
.nav_container .currency .icon>em>i{border-width:.5rem 0 .5rem .5rem; border-color:transparent transparent transparent #fff; border-style:solid; display:block; position:absolute; top:-.5rem; right:.1rem; z-index:11;}
.nav_container .currency img{ margin-left:0.3rem;}
.nav_container .user{height:4rem; line-height:4rem; overflow:hidden; padding-top:.625rem; font-size:.975rem; color:#aaa; background-color:#f8f8f8;margin-bottom: 10px;}
.nav_container .user>a{font-size:.975rem;}
.nav_container .user .user_logo{width:2.5rem; height:2.5rem; line-height:2.5rem; margin-left:1.5rem; margin-top:.5rem; margin-right:1rem; text-align:center; font-size:1rem; color:#fff; background-image:url(../images/m/bg_user_logo_to.png); background-repeat:no-repeat; background-position:center; background-size:100%; float:left;}
.nav_container .user.center{text-align:center;}
.nav_container .search{height:2.8125rem; margin:0 .625rem; background-color:#eee;}
.nav_container .search .text{width:80%; height:2.8125rem; line-height:1rem; padding-left:.625rem; font-size:.875rem; background:none; border:0;}
.nav_container .search .sub{width:20%; height:2.8125rem; background:url(../images/m/menu_search.png) no-repeat center/1rem; border:0;}
.menu_list{max-width:100%; overflow-x:hidden; overflow-y:scroll; padding:0 .625rem; position:relative; -webkit-overflow-scrolling:touch;}
.menu_list .item{position:relative; border-color:#ddd;}
.menu_list .item a{height:2.5rem; line-height:2.5rem; overflow:hidden; margin-left:.3125rem; font-size:.875rem; color:#5f5f5f; display:block;}
.menu_list .item a>img{width:1rem; height:.6875rem; overflow:hidden; margin-right:.6rem;}
.menu_list .item a>b{ font-weight:bold; color:#333;}
.menu_list .item.son>.icon{width:1.5rem; height:1.5rem; background-color:#fff; position:absolute; top:.5rem; right:0; -webkit-transform:-webkit-rotate(0); transform:rotate(0); -webkit-transition:all .4s; transition:all .4s;}
.menu_list .item.son>.icon>em{margin:.3rem .2rem 0 0; border-width:.5rem 0 .5rem .5rem; border-color:transparent transparent transparent #999; border-style:solid; float:right; display:block; position:relative; z-index:10;}
.menu_list .item.son>.icon>em>i{border-width:.5rem 0 .5rem .5rem; border-color:transparent transparent transparent #fff; border-style:solid; display:block; position:absolute; top:-.5rem; right:.1rem; z-index:11;}
.menu_list .item.son .current_list{height:1.25rem; line-height:1.25rem;}
.menu_list .item.son .current_list>span{padding:0 .3rem; font-size:.75rem; color:#ccc;}
.menu_list .item.open>.icon{-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.menu_list .menu_son{display:none; border-color:#f8f8f8;}
.menu_list .menu_son .item{margin-left:.625rem; border:0;}
.menu_list .menu_son .item a{border-bottom:.0625rem #f2f2f2 solid;}
.menu_list .menu_son .item:last-child a{border:0;}
.menu_list .menu_grandson{border:0;}
.menu_list .menu_grandson a{color:#878787;}
.menu_list .menu_grandson .item:last-child a{border-bottom:.0625rem #f2f2f2 solid;}
.menu_list .attr_son{padding:.625rem; padding-bottom:0;}
.menu_list .attr_son span{line-height:2rem; margin:0 .3125rem .625rem 0; padding:0 .625rem; color:#333; white-space:nowrap; cursor:pointer; border-radius:.3215rem; position:relative; vertical-align:middle; display:inline-block;}
.menu_list .attr_son span>em{width:.5rem; height:.5rem; margin-left:.3rem; margin-top:.75rem; background:url(../images/icon_remove_white.png) no-repeat center; background-size:100%; float:right; display:block;}
.menu_list .attr_son span.current{color:#fff;}
.menu_button{padding:.8rem .625rem;}
.menu_button .btn{width:48%; text-transform:uppercase; font-size:.9rem; color:#fff; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu_button .btn:first-child{margin-right:4%;}
.menu_button .btn>em{width:1.15rem; height:1.15rem; margin-right:.625rem; margin-top:.65rem; background-repeat:no-repeat; background-position:center; background-size:100%; display:inline-block; vertical-align:top;}
.menu_button .btn_default{background-color:#d0d0d0;}
.menu_button .btn_default>em{background-image:url(../images/icon_refine_clear.png);}
.menu_button .btn_primary>em{background-image:url(../images/icon_refine_apply.png);}
.refine_current{padding:1rem .625rem .375rem; background-color:#f6f6f6;}
.refine_current>a{height:1.5rem; line-height:1.5rem; margin:0 .625rem .625rem 0; padding:0 .625rem; font-size:.75rem; color:#333; background-color:#fff; border:.0625rem #ccc solid; border-radius:.3125rem; display:inline-block;}
.refine_current>a>em{width:.5rem; height:.5rem; margin-left:.3rem; margin-top:.5rem; background:url(../images/icon_remove_black.png) no-repeat center; background-size:100%; float:right; display:block;}

.modal_side .menu_list{padding:0;}
.modal_side .menu_list .item a{margin-left:.625rem;}
.modal_side .menu_list .item.son>.icon{right:.625rem;}

.sort_by_side .menu_list{padding-top:.625rem; padding-bottom:.625rem; background-color:#fafafa;}
.sort_by_side .menu_list .sort_by_item{border-color:#ddd; position:relative;}
.sort_by_side .menu_list .sort_by_item>a{height:2.5rem; line-height:2.5rem; overflow:hidden; padding-left:1.5rem; font-size:.875rem; color:#5f5f5f; display:block;}
.sort_by_side .menu_list .sort_by_item>a>em{width:1rem; height:1rem; margin-top:.75rem; margin-right:.5rem; background-image:url(../images/icon_checkbox_s.png); background-repeat:no-repeat; background-position:center; background-size:100%; display:inline-block; position:absolute; top:0; right:0; vertical-align:top;}
.sort_by_side .menu_list .sort_by_item>a.current{color:#fff;}
.sort_by_side .menu_list .sort_by_item>a.current>em{background-image:url(../images/icon_checkbox_s_current.png);}

/*手机底部导航*/
.m_footer{display: none;position: fixed;left: 0;bottom: 0;z-index: 9999; width: 100%;height: 55px;align-items: center;justify-content: center;background-color: #fff;border-top: 1px solid #eee;}
.m_footer .item{flex: 1;text-align: center;margin: 0 5px;font-size: 12px;font-weight: bold;}
.m_footer .item .title{height: 18px;line-height: 18px;}
.m_footer .item .icon{width: 30px;height: 25px;margin: 0 auto;background-size: 21px;background-repeat: no-repeat;background-position: center center;}
.m_footer .item .icon_home{background-image: url(../images/m/icon_home.png);}
.m_footer .item .icon_category{background-image: url(../images/m/icon_category.png);}
.m_footer .item .icon_shopcart{background-image: url(../images/m/icon_shopcart.png);}
.m_footer .item .icon_my{background-image: url(../images/m/icon_my.png);}