﻿/*b,h1,h2,h3,h4,h5,h6,strong{margin:0;font-family:Montserrat,CartoGothicStdBold,sans-serif;font-weight:400;color:#000;text-rendering:optimizelegibility}*/
.float-wrap{display:table;width:100%}
.float-right,.right{float:right}
.float-left,.left{float:left}
.float-none{float:none;clear:both}

html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
/*body{font-size:12px}
*{padding:0;margin:0;font-family:'Montserrat',CartoGothicStd-Book,sans-serif}*/
input{outline:0}
a,img{border:0}
a{text-decoration:none}
li{list-style:none}
.spride-n{background:url(../images/spride-n.png?20191107)}
.spride-magicinstock {
    background: url(../images/spride-magicinstock.com.png?20211030)
}
.spride-magic-wholesale {
    background: url(../images/spride-magic-wholesale.com.png?20211030)
}
.div-1000{width:1280px;margin:0 auto}
.hide{visibility:hidden}
.menu-item{margin:0;padding:0;z-index:100}
.menu-item:hover{position:relative}
.menu-item a.menu-hd{color:#000;line-height:24px;height:26px}
.menu-item:hover .menu-hd{z-index:890}
.menu-item .menu-bd{z-index:-777;top:46px;display:none;visibility:hidden;background:#fff;position:absolute;border:solid 1px #dedede;padding:10px 0 5px}
.menu-item:hover .menu-bd,a.menu-hd:hover .menu-bd{display:block;visibility:visible}
.menu-item .menu-bd dl{margin:0;border:0}
.jiao-1{background:url(../images/spride-n.png?20191107) 0 -129px;width:17px;height:9px;display:block;float:left;margin-top:-9px;margin-left:30px}
.small{font-size:9px;color:#acacac;line-height:25px}
.wi-50{width:50%}
.wi-33{width:33%}
.wi-40{width:40%}
.wi-60{width:60%}
.wi-70{width:70%}
.wi-30{width:30%}
.wi-45{width:45%}
.wi-48{width:48%}
.wi-47{width:47%}
.m-b-90{margin-bottom:90px!important}
.loading-ico{background:url(../images/loading.gif) no-repeat center center}
.textalign-right{text-align:right}
.icon-close,.icon-close-2{display:inline-block;width:7px;height:7px;background:url(../images/spride-n.png?20191107) 0 -182px}
.icon-close-2{text-indent:20em;overflow:hidden;background-position:0 -194px;width:11px;height:11px}
.clear{clear:both}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.p-l-10{padding-left:10px}
.m-l-20{margin-left:20px}
.error_box{background:#feeeef;border:1px solid #ffcbcd;font-weight:700;padding:10px;color:#333}
.success_box{border:1px solid #d2e6b3;background:#f5fdf3;padding:5px;padding-left:10px;font-size:12px;color:#000}
.hide-layer{position:absolute;width:100%;height:800px;background:#000;z-index:2;display:none}
/*.livechat_online{background:url(/images/livechat_sprit.png) left top no-repeat;width:180px;height:34px;display:block;border:solid 0 #fff}
.livechat_offline{background:url(/images/livechat_sprit.png) left bottom no-repeat;width:180px;height:34px;display:block;border:solid 0 #fff}*/

.top-n-wrap{background:#373737;}
.top-n{color:#fff}
.header-n{padding:10px 0 1px;border-bottom:1px solid #dedede;height:80px;box-sizing:content-box}
.logo-n,.logo-n a{display:block;width:185px;height:71px}
.logo-n a:hover{background:url(../images/spride-n.png?20191107) -185px 0}
.account{line-height:27px}
.account,.account a,li.account a.menu-hd{color:#fff;text-decoration:none;font-size:11px}
.account a{color:#fff}
li.account .menu-bd{top:27px;border-top:none;width:200px;left:0px;font-family:Helvetica;text-indent:20px;padding:0;padding:3px;color:#000}
li.top_help .menu-bd{left:-56px;width: 170px;}
li.account .menu-bd dl{padding:8px}
li.account .menu-bd dl a,li.account .menu-bd dl dd,li.account .menu-bd dl p{height:20px;margin:3px 0;font-size:11px;color:#676767;text-decoration:none;line-height:20px}
li.account .menu-bd dl a:hover{color:#b80000}
li.account .menu-bd dl dd.accounts{font-weight:700;color:#000;border-bottom:1px solid #dedede;height:30px;line-height:30px}
li.account .menu-bd dl p.sout{background:#ddd;margin-top:10px}
li.account .menu-bd dt{margin-bottom:10px}
li.account .jiao-1{background:url(../images/spride-n.png?20191107) -19px -129px;width:14px;height:6px;margin-left:110px}
li.currency .jiao-1{margin-left:86px}
li.help .jiao-1{margin-left:86px}
.links li.menu-item{height:27px}
.bussiness-link li{margin-left:20px;line-height:27px;font-family:Helvetica}
.bussiness-link li a{color:#fff;text-decoration:none;font-size:11px}
li.currency .menu-bd{left:-65px;width:120px;text-indent:10px;top:27px;border-top:none;left:-76px;text-indent:20px;padding:3px;color:#000}
li.account{line-height:27px}
li.account a{color:#fff}
li.account a.menu-hd{color:#fff;font-family:Helvetica;text-decoration:none;font-size:11px;text-transform:uppercase;line-height:29px}
li.account .menu-bd div{margin:0;padding:0;line-height:22px}
li.account .menu-bd a{height:20px;margin:0 0;font-size:11px;color:#676767;text-decoration:none;line-height:20px}
li.account .menu-bd div a:hover{border-bottom:solid 1px #b80000}
li.account .menu-bd div.accounts{font-weight:700;color:#000;border-bottom:1px solid #efefef;height:25px;line-height:20px}
li.account .menu-bd div.signout{background:#efefef;margin:10px 0;color:#000;line-height:22px}
li.currency .menu-hd{color:#fff}
li.currency .menu-bd .jiao-1{background:url(../images/spride-n.png?20191107) -19px -129px;margin-left:93px;margin-top:-9px}
li.currency .menu-bd div{margin:0;padding:0;line-height:22px}
li.currency .menu-bd a{height:20px;margin:0 0;font-size:11px;color:#676767;text-decoration:none;line-height:20px}
li.currency .menu-bd div a:hover{border-bottom:solid 1px #b80000}

.original_100_icon{background:#d9a3a3;width:85px;height:15px;display:block;position:absolute;margin-left:205px;margin-top:20px;color:#fff;font-size:9px;font-family:Helvetica,Arial;line-height:16px;text-align:center;border-radius:15px 15px/15px;overflow:hidden;-moz-border-radius:15px}
.new_icon{background:url(../images/new.gif) no-repeat;width:75px;height:25px;display:block;position:absolute;margin-left:580px;margin-top:25px;text-align:center}
.nav-n li.float-left{margin-left:20px;margin-top:30px}
.nav-n li.menu-item{height:50px}
.nav-n li.float-left a{font-size:12px;display:block;line-height:30px;color:#000;font-weight:700;text-decoration:none;border-bottom:3px solid #fff;font-family: Montserrat,Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif}
.nav-n li.float-left a:hover{display:block;border-bottom:solid 3px #b80000;color:#b80000;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear}
.nav-n a.selected{display:block;border-bottom:3px solid #b80000;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear}
.nav-n li.menu-item .menu-bd{top:50px;padding:0;left:0;border-color:#dedede;width:320px}
.nav-n li.menu-item .menu-bd-1{width:580px}
.nav-n li.menu-item .menu-bd-1 dl.sp-dl{padding-right:20px;margin-right:20px;border-right:1px solid #efefef;height:450px}
.nav-n .menu-bd dl{padding:15px;font-family:'Californian FB'}
.nav-n .menu-bd dd{font-size:12px;font-family:Candara;line-height:22px}
.nav-n .menu-bd dt{font-size:12px;font-family:Candara;font-weight:700;line-height:40px}
.nav-n li.float-left dd a{font-family:Candara;font-weight:400!important;font-size:12px;border-bottom:1px solid #fff;line-height:22px;display:inline-block;padding:0}
.nav-n li.float-left dd a:hover{color:#b80000;border-bottom:1px solid #b80000;display:inline-block}
.nav-n li.float-left dd a.red-n{border-bottom:solid 1px #d40260;color:#d40260;margin:10px 0}
.nav-n li.float-left dd a.red-n:hover{color:#000}
.nav-n li.float-left .menu-bd dt{font-size:16px;font-family:Candara}
.header-n .right-wrap{padding-top:15px}
.header-n .right-wrap li a{font-size:11px;text-decoration:none;font-weight:400;line-height:20px;color:#555;border-bottom:none;}
.header-n .right-wrap li a:hover{border-bottom:solid 1px #d40260;color:#000}
.header-n .right-wrap li a span{font-weight:700;font-size:11px;color:#b80000;font-family:Verdana}
.header-n .right-wrap li.float-left{min-width:100px;margin-left:11px;text-align:center;position:relative; padding-bottom: 18px;}
.header-n .right-wrap li.cart{min-width:100px; max-width:112px; border-bottom:none;}
.header-n .icon-user{background: url("../images/icon-user.png") no-repeat; display: block; width: 29px; height: 29px; margin: 0 auto;}
.header-n .cart .icon-cart{background: url("../images/icon-cart.png") no-repeat; display: block; width: 29px; height: 29px; margin: 0 auto;}
#_g_customer_service_panel{z-index: 100;top:66px;display:none;background:#fff;position:absolute;border:solid 1px #dedede;padding:0 0 5px;margin-left:-88px;width:280px;-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 7px rgba(0,0,0,.1);box-shadow:1px 1px 7px rgba(0,0,0,.1)}
#_g_customer_service_panel .jiao-1{margin-left:120px;margin-top:-6px}
#_g_customer_service_panel .close-1{margin-left:232px;margin-top:5px;z-index: 999;background:url(../images/spride-n.png?20191107) left -280px;display:block;width:40px;height:20px; border-bottom-width: 0;}


.footer_sprite{overflow:hidden;background-repeat:no-repeat;background-image:url(../images/footer_sprite_v1.png?2)}
.footer_sprite_twitter_active{background-position:0 0}
.footer_sprite_twitter_inactive{background-position:0 -43px}
.footer_sprite_pinterest_active{background-position:0 -86px}
.footer_sprite_pinterest_inactive{background-position:0 -129px}
.footer_sprite_linkedin_active{background-position:0 -172px}
.footer_sprite_linkedin_inactive{background-position:0 -215px}
.footer_sprite_facebook_active{background-position:0 -258px}
.footer_sprite_facebook_inactive{background-position:0 -301px}
.footer_sprite_arrow_down{background-position:0 -344px}
.footer_sprite_arrow_up{background-position:0 -559px}
.footer_sprite_twitter{background-position:0 -350px}
.footer_sprite_pinterest{background-position:0 -362px}
.footer_sprite_iphone{background-position:0 -377px}
.footer_sprite_ipad{background-position:0 -574px}
.footer_sprite_linkedin{background-position:0 -408px}
.footer_sprite_facebook{background-position:0 -420px}
.footer_sprite_ins {background-image: url("../images/icon-ins.png");}
.footer_sprite_privacy{background-position:0 0;width:100px;height:30px;display:block}
.footer_sprite_ssl{background-position:0 -30px;width:145px;height:26px;display:block}
.footer_sprite_paypal{background-position:0 -60px;width:76px;height:30px;display:block}
.footer_sprite_webmoney{background-position:0 -90px;width:86px;height:30px;display:block}
.footer_sprite_visa{background-position:0 -120px;width:80px;height:30px;display:block}
.footer_sprite_shipping{background-position:0 -150px;width:200px;height:27px;display:block;overflow:hidden}
.footer_sprite_trustwave{background-position:0 -184px;width:86px;height:30px;display:block}
.footer_sprite_logo{background-position:0 -436px}
.footer_sprite_pin_active{background-position:0 -472px}
.footer_sprite_pin_inactive{background-position:0 -485px}
.footer_sprite_button_right_active{background-position:0 -503px}
.footer_sprite_button_right_inactive{background-position:0 -517px}
.footer_sprite_button_left_active{background-position:0 -531px}
#footer_main{border-top:solid 1px #b8b8b8;background:#ddd;width:100%;margin-top: 30px;float: left;}
#footer_wrapper{width:100%}
#footer_wrapper #footer_hidden{height:0!important}
#footer_container{margin-bottom:0;margin:0 auto 0 0;padding-top:35px;font-size:12px;line-height:12px;width:100%;overflow:hidden;padding-bottom:10px}
#footer_container #footer .lhs{float:left;margin:0;padding:0}
#footer_container #footer{width:1280px;margin:0 auto;font-family:Lato,sans-serif}
#footer_container #footer a{font-weight:400;font-size:12px;color:#000;text-decoration:none;color:#444}
#footer_container #footer a:visited{font-weight:400;font-size:12px;color:#000;text-decoration:none;color:#444}
#footer_container #footer a:link{font-weight:400;font-size:12px;color:#000;text-decoration:none;color:#444}
#footer_container #footer a:hover{border-bottom:1px solid #d40260}
#footer_container #footer #footer_vs_info{ width: 25%;}
#footer_container #footer #footer_vs_info #footer_debug{width:980px;margin-top:20px}
#footer_container #footer #footer_vs_info .logo_footer{display:block;width:204px;height:33px}
#footer_container #footer #footer_vs_info .copyright_notice{font-size:11px;line-height:15px;color:#444}
#footer_container #footer .footer_div{width:14%;margin-left:1%}
#footer_container #footer .footer_div .footer_heading{font-weight:400;font-size:14px;color:#000;text-transform:uppercase;clear:both;line-height:20px}
#footer_container #footer .footer_div ul.footer_link_list{list-style-type:none;float:left;margin-top:7px}
#footer_container #footer .footer_div ul.footer_link_list li a{line-height:20px;font-size:12px}
#footer_container #footer #footer_social{margin-left:0}
#footer_container #footer #footer_social div{overflow:visible}
#footer_container #footer #footer_social a{margin-left:17px}
#footer_container #footer #footer_social .facebook_button{margin:10px 0 0 3px}
#footer_container #footer #footer_social .facebook_button div{padding:2px 0}
#footer_container #footer #footer_social .facebook_button a{margin-left:15px;padding-top:4px}
#footer_container #footer #footer_social .twitter_button{margin-top:11px}
#footer_container #footer #footer_social .pinterest_button{margin-top:13px}
#footer_container #footer #footer_social .linkedin_button{margin-top:13px}
#footer_container #footer_security{width:1280px;margin:auto;display:flex; display:-webkit-flex; justify-content:center;}
#footer_container #footer_security .privacy_button{margin-top:26px;margin-left:3px;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
#footer_container #footer_security .ssl_button{margin-top:26px;margin-left:3px;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
#footer_container #footer_security .paypal_button{margin-top:26px;margin-left:0;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
#footer_container #footer_security .webmoney_button{margin-top:26px;margin-left:0;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
#footer_container #footer_security .visa_button{margin-top:26px;margin-left:0;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
#footer_container #footer_security .shipping_button{margin-top:26px;margin-left:0;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;background:#fff;overflow:hidden}
#footer_container #footer_security .trustwave_button{margin-top:26px;margin-left:0;float:right;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}
/*.main{max-width:1280px;margin: 0 auto;width: 100%;position: relative;}*/

.index_icons{width:1280px;height:40px;margin:10px auto 0}
.index_icons ul li{float:left;width:33.3%;display:block;text-align:center;line-height:30px;font-size: 12px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_classic{width:1280px;margin:0 auto 0}
.index_classic_th{ float: left;width: 100%;}
.index_classic_title{background:url(../images/index_sprite.png) repeat-x 0 0;width:100%;line-height:30px;text-align:center;float: left;margin:10px 0}
.index_classic_title strong{background:#fff;padding:0 20px;text-decoration:none;-webkit-font-smoothing:subpixel-antialiased;font-size:18px;line-height:40px;color: #000;}
.index_classic dl dd{float:left;width:60.6%;display:block;}
.index_classic dl dt{float:right;width:39.4%;display:block;}
.index_classic dl dt .small{ float: left;width: 49%;height: 0;padding-bottom: 40%;margin-top: 1.5%; overflow: hidden;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index_classic dl dd a{float: left; width: 32.3%;height: 0;padding-bottom: 26%;overflow: hidden;position: relative;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index_classic a.big{width:100%;height: 0;position: relative; padding-bottom: 81.5%;float:right;display:block;margin:0;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px}
.index_classic a.big strong{background:#fff;position: absolute;width: 100%;bottom: 0;height:40px;line-height:40px;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;text-align:center;font-size:11px}
.index_classic a.small{float: left; background: #000000;margin:0 1% 1% 0;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index_classic a.small strong{background:#fff;display:block;bottom: 0;width: 100%; position: absolute;margin-top:114px;height:40px;line-height:40px;color:#000;font-size:12px;text-indent:10px;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.index_classic a:hover strong{background:#d40260;display:block;color:#fff}
.index_classic a p{ width: 100%;overflow: hidden;}
.index_classic a p img{ width: 100%;}
.index_classic a.big p{width: 100%;overflow: hidden;}
.index_classic a.big p img{ width: 100%;height: 100%;}

.top_cat{ display: none;}
.phone_nav{ display: none;}
.foot_txt{font-style:italic;line-height:50px;color:#666;border-bottom:solid 1px #ccc;font-size:16px;font-family:Montserrat,verdana;text-align:center;font-weight:normal}

@media print{
    .site-nav {display:none}
    .header {display:none}
    .process-min {display:none}
    .footer {display:none}
    .payForm {display:none}
}

.index_pro_tui{ float: left;width: 100%;margin-top: 30px;position: relative;}
.index_listall{background: url(../images/qwe_07.png) no-repeat center top;}
.index_listnew{background: url(../images/qwe_09.png) no-repeat center top;}
.index_pro_tuilist{position: absolute; width:234px;height: 320px;border: solid 1px #eeeeee;border-right: 0;background: #fff;overflow: hidden;z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_pro_tuilist b{ float: left;width: 100%;text-align: center;line-height: 40px;font-size: 16px;color: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_pro_tuilist p{ float: left;width: 100%;text-align: center;color: #fff;}
.index_pro_tuilist span{ width: 100%;height: 40px;float: left;margin-top: 0;text-align: center;margin-bottom: 0;}
.index_pro_tuilist span img{ margin-top: 5px;}
.index_pro_tuilist ul{ float: left;width: 100%;padding: 10px 0px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_pro_tuilist li{ float: left;width: 100%;line-height: 32px;color: #999;padding: 0px 10px;}
.index_pro_tuilist a{ color: #999;font-size: 13px; white-space: nowrap;}
.index_prolist{position: absolute;left: 234px;  width:240px;height: 320px; overflow:hidden;}
.index_prolist img{ float: left;width: 100%;}
.index_prolistthree{float: left;width: 100%;padding-left: 475px;height: 320px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;z-index: 1;overflow: hidden;}
.index_pro_pp{ position: absolute;width: 100%;bottom: 0;}
.index_prolistx{ float: left;width: 32.3%;height:320px;overflow: hidden;position: relative;margin-left: 1%;border: solid 1px #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_prolistmore{display: none; bottom: 60px;color: #fff;line-height: 30px;width: 100%;text-align: center;font-size: 16px; padding: 0 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_prolistx p{ display:none; bottom: 30px;color: #999;line-height: 30px;height: 30px;overflow: hidden;font-size: 14px; padding: 0 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_prolistx span{bottom: 0px;line-height: 30px;font-size: 14px; padding: 0 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_prolistx img{ /*float: left;width: 100%;margin-top: -15%;*/}

.index_prolist:hover .index_probb{ display: block;}
.index_probb{  position: absolute;  width:240px;line-height: 38px;background: rgba(0,0,0,.5) none repeat 0 0 scroll!important;
    filter: Alpha(opaity=50);background: #000000;height: 38px;color: #fff;bottom: 0;text-align: center;}

.index_listall_a{border-right: solid 1px #c0dfed;}
.index_pro_tuilist_a span{
    background: -ms-linear-gradient(left,#5f9fbb, #b8e6f9,  #5f9fbb);        /* IE 10 */
    background:-moz-linear-gradient(left,#5f9fbb,#b8e6f9,#5f9fbb);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8e6f9), to(#5f9fbb));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8e6f9), to(#5f9fbb));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#5f9fbb, #b8e6f9, #5f9fbb);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#5f9fbb, #b8e6f9, #5f9fbb);  /*Opera 11.10+*/}
.index_pro_tuilist_a b{background: #619eba;}
.index_pro_tuilist_a p{ background: #b2d7e8;}
.index_pro_tuilist_a li:hover{ border-left: solid 2px #a6cada;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #a6cada;}
.index_prolistx_a span{color: #a6cada;}
.index_prolistx_a:hover{ border: solid 1px #a6cada;z-index: 1;}
.index_prolistx_a:hover .index_prolistmore{ background: #a6cada;color: #fff;display: block;}

.index_listall_b{border-right: solid 1px #e8ca58;}
.index_pro_tuilist_b span{
    background: -ms-linear-gradient(left,#e7b633, #ffde98,  #e7b633);        /* IE 10 */
    background:-moz-linear-gradient(left,#e7b633,#ffde98,#e7b633);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffde98), to(#e7b633));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffde98), to(#e7b633));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#e7b633, #ffde98, #e7b633);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#e7b633, #ffde98, #e7b633);  /*Opera 11.10+*/}
.index_pro_tuilist_b b{background: #cea440;}
.index_pro_tuilist_b p{ background: #ddb92e;}
.index_pro_tuilist_b li:hover{ border-left: solid 2px #ffd549;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #ffd549;}
.index_prolistx_b span{color: #ffd549;}
.index_prolistx_b:hover{ border: solid 1px #ffd549;z-index: 1;}
.index_prolistx_b:hover .index_prolistmore{ background: #ffd549;color: #fff;display: block;}


.index_listall_c{border-right: solid 1px #de685c;}
.index_pro_tuilist_c span{
    background: -ms-linear-gradient(left,#b74338, #e95b4e,  #b74338);        /* IE 10 */
    background:-moz-linear-gradient(left,#b74338,#e95b4e,#b74338);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e95b4e), to(#b74338));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e95b4e), to(#b74338));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#b74338, #e95b4e, #b74338);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#b74338, #e95b4e, #b74338);  /*Opera 11.10+*/}
.index_pro_tuilist_c b{background: #c6392d;}
.index_pro_tuilist_c p{ background: #c75347;}
.index_pro_tuilist_c li:hover{ border-left: solid 2px #d85c50;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #d85c50;}
.index_prolistx_c span{color: #d85c50;}
.index_prolistx_c:hover{ border: solid 1px #d85c50;z-index: 1;}
.index_prolistx_c:hover .index_prolistmore{ background: #d85c50;color: #fff; display: block;}

.index_listall_d{border-right: solid 1px #a5c6e7;}
.index_pro_tuilist_d span{
    background: -ms-linear-gradient(left,#5f86bf, #7eace0,  #5f86bf);        /* IE 10 */
    background:-moz-linear-gradient(left,#5f86bf,#7eace0,#5f86bf);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#7eace0), to(#5f86bf));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7eace0), to(#5f86bf));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#5f86bf, #7eace0, #5f86bf);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#5f86bf, #7eace0, #5f86bf);  /*Opera 11.10+*/}
.index_pro_tuilist_d b{background: #6790c6;}
.index_pro_tuilist_d p{ background: #99b9d8;}
.index_pro_tuilist_d li:hover{ border-left: solid 2px #82a3cc;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #82a3cc;}
.index_prolistx_d span{color: #82a3cc;}
.index_prolistx_d:hover{ border: solid 1px #82a3cc;z-index: 1;}
.index_prolistx_d:hover .index_prolistmore{ background: #82a3cc;color: #fff; display: block;}

.index_listall_e{border-right: solid 1px #76e1d6;}
.index_pro_tuilist_e span{
    background: -ms-linear-gradient(left,#33a999, #5cdfcf,  #33a999);        /* IE 10 */
    background:-moz-linear-gradient(left,#33a999,#5cdfcf,#33a999);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#5cdfcf), to(#33a999));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5cdfcf), to(#33a999));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#33a999, #5cdfcf, #33a999);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#33a999, #5cdfcf, #33a999);  /*Opera 11.10+*/}
.index_pro_tuilist_e b{background:#40c0b1;}
.index_pro_tuilist_e p{ background: #65d9cd;}
.index_pro_tuilist_e li:hover{ border-left: solid 2px #59c6bb;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #59c6bb;}
.index_prolistx_e span{color: #59c6bb;}
.index_prolistx_e:hover{ border: solid 1px #59c6bb;z-index: 1;}
.index_prolistx_e:hover .index_prolistmore{ background: #59c6bb;color: #fff; display: block;}

.index_listall_f{border-right: solid 1px #fcc5d6;}
.index_pro_tuilist_f span{
    background: -ms-linear-gradient(left,#ff5c8f, #fcc5d6,  #ff5c8f);        /* IE 10 */
    background:-moz-linear-gradient(left,#ff5c8f,#fcc5d6,#ff5c8f);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fcc5d6), to(#ff5c8f));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcc5d6), to(#ff5c8f));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#ff5c8f, #fcc5d6, #fcc5d6);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#ff5c8f, #fcc5d6, #ff5c8f);  /*Opera 11.10+*/}
.index_pro_tuilist_f b{background: #f59fba;}
.index_pro_tuilist_f p{ background: #fab8cd;}
.index_pro_tuilist_f li:hover{ border-left: solid 2px #f59fba;border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;color: #f59fba;}
.index_prolistx_f span{color: #f59fba;}
.index_prolistx_f:hover{ border: solid 1px #f59fba;z-index: 1;}
.index_prolistx_f:hover .index_prolistmore{ background: #f59fba;color: #fff; display: block;}

.index_ad_heng{ float: left;width: 100%;margin-top: 30px;}
.index_ad_heng a {display:block;}
.index_ad_heng img{ width: 100%;display:block;}

.header-n *{box-sizing:border-box}
.header-n .mg{margin:0 auto;width:1000px}
.nav_list{position:relative}
.nav_list .menu-item:hover{position:static}
.nav-n li.float-left .red{color:#b80000;border-bottom:solid 3px #b80000}
.nav_erji{position:absolute;top:80px;left:50%;display:none;margin-left:-362px;width:1050px;-webkit-box-shadow:0 4px 20px #999;-moz-box-shadow:0 4px 20px #999;box-shadow:0 4px 20px #999;z-index:110}
.nav-n .nav_item{z-index:1000;padding:20px 0;width:100%;background:#f8f8f8;box-shadow:1px 0 3px rgba(0,0,0,.2)}
.nav-n .nav_bg{background: #f8f8f8;/*background:#f8f8f8 url(../images/nav_item_a.png) -50px 100% no-repeat*/}
.nav-n .nav_item img:hover{opacity:.9}
.nav-n .nav_item ul li{float:left;line-height:24px}
.nav-n .nav_item ul li h5{color:#333;font-weight:700;font-size:12px}
.nav-n .nav_item ul li a{display:block;color:#666;font-weight:400 !important;font-size:12px;line-height:24px;border:none}
.nav-n .nav_item ul li a:hover{color:#b80000;text-decoration:underline;border:none}
.nav-n .nav_item ul li + li{margin-left:73px}
.nav-n .nav_item .item_price{margin:30px 0;text-align:right}
.nav-n .nav_item .item_price span{margin:0 5px;color:#333;font-weight:700;font-size:12px}
.nav-n .nav_item .item_price input[type=text]{width:70px;height:31px;border:1px solid #959595;border-radius:5px;text-align:center}
.nav-n .nav_item .item_price input[type=button]{margin-left:5px;width:55px;height:31px;border:1px solid #b80000;border-radius:5px;background:#b80000;color:#fff;font-size:12px}
.nav-n .nav_item .item_view a{color:#b80000;text-decoration:underline;font-size:12px;border:none}
.nav-n .nav_item .item_view a:hover{border:none}
.nav-n .nav_item .item_one{margin-bottom:56px}

.header-n .search {width: 340px; float: left; position: relative; border: 1px solid #b80000; margin: 24px;border-radius: 5px;}
.header-n .search input[type="text"] {width: 100%; height: 30px; padding: 0 64px 0 32px; border: 0;border-radius: 4px;}
.header-n .search .search-btn {position: absolute;right: 0; top: 0; height: 30px; padding: 0 10px; border: 0; background-color: #b80000; color: #fff; cursor: pointer;border-radius: 0 4px 4px 0;}
.header-n .search:after {content:""; background: url("../images/icon-search.png") no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; top: 7px; left: 9px;}
.header-n .nav-n {margin-right: 40px;}
.customer-service-wrapper {text-align: left;  color: #555;}
.customer-service-wrapper dl dt {color: #333; text-align: center; font-weight: bold; background-color: #f6f6f6; }
.customer-service-wrapper dl dd {padding: 0 10px;}
.customer-service-wrapper dl.offer-info-box {overflow: hidden; zoom: 1; padding: 10px 0; font-size: 11px;}
.customer-service-wrapper dl.offer-info-box dd {float: left; width: 50%; text-align: center; padding: 0 1%; cursor:pointer;}
.customer-service-wrapper dl.offer-info-box .offer-num {font-size: 24px; color: #b80000; display: inline-block; padding-bottom: 7px;}
.customer-service-wrapper dl.offer-info-box dd:first-child {border-right: 1px solid #f3f3f3;}
.customer-service-wrapper .logout-btn { text-align: right;}

.menu_top_txt p {display:inline;}
/*#_g_header-account-links a span{ font-weight: bold;}*/
#_g_header-account-links a:hover {color:#b80000; text-decoration:underline;}
.ico-logout {text-transform:uppercase;}
.ico-logout:hover {border-bottom:1px solid #b80000;}
.header-n .right-wrap li a .inbox-unread {color:#b80000;}
.index-collection-header {font-size: 18px; font-weight: 600; color: #444; text-align: center; padding: 10px; margin-bottom: 20px;}
.header-n .log-username {max-width: 100px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_prolistx > a {display: flex;display:-webkit-flex; height:100%; text-align: center; justify-content:center; align-items:center;}
.index_prolist:hover img {opacity: .70;filter: alpha(opacity=70);}
.index_prolist img {-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;transition: opacity .3s ease-out;}

.responsive-online-nav-wrapper .filters-button{display:block;overflow:visible;text-align:center;margin-bottom:10px}
.responsive-online-nav-wrapper .filters-button span{display:inline-block;width:auto;margin:5px 0 -10px -5px;background-image:url('../images/filters-button.png');background-position:left center;background-repeat:no-repeat;padding:0 0 0 36px;line-height:50px;text-transform:uppercase;font-weight:400;color:#555;float:none;height:auto;background-color:#b80000 !important}
.air-theme .responsive-online-nav-wrapper .filters-button span{font-size:14px}
.earth-theme .responsive-online-nav-wrapper .filters-button span{font-size:16px}
.home-page-body .responsive-online-nav-wrapper .filters-button {display: none;}
.air-theme .account-page .address-list .button-2, .air-theme .account-page .order-list .button-2 {color:#b80000 !important;}

.new-arrivals-block {margin:40px auto 0;}
.shopping-cart-header .logo img {height:47px;}
.new-arrivals-block .product-grid {overflow: hidden; zoom:1;}
.new-arrivals-block .product-grid .pro-item {float:left; width:15%; margin-left:2%;}
.new-arrivals-block .product-grid .pro-item:first-child {margin-left:0;}
.new-arrivals-block .product-grid .pro-item .product-item-photo {display:block; text-align: center;}
.new-arrivals-block .product-grid .pro-item .product-item-photo img {transition: all .3s;}
.new-arrivals-block .product-grid .pro-item:hover .product-item-photo img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.new-arrivals-block .product-grid .details {text-align:center; margin: 10px 0;}
.new-arrivals-block .product-grid .details .product-title {font-size:12px; font-weight: normal; margin: 5px 0; height: 32px; overflow: hidden; text-transform: capitalize;}

.collection-block {margin-top: 40px;}
.collection-block .index_classic_title {float: none;}
.about-us-block,.choose-us-block {margin-top: 40px;}
.about-us-block .about-us-header,.choose-us-block .title {text-align: center; margin-bottom: 40px;}
.about-us-block .about-us-header span ,.choose-us-block .title span {font-size: 18px; color: #000; text-transform: uppercase; position:relative;}
.about-us-block .about-us-header span::after {content: ""; display: block; width:80%; height:1px; background-color: #9f9f9f; position: absolute; left: 50%; margin-left: -40%; bottom: -5px;}
.about-us-block .about-content {text-align:center;}

.mt-collection-box .mt-row{width: 100%; overflow: hidden; zoom:1;}
.mt-collection-box .mt-row .mt-col-8,.mt-collection-box .mt-row .mt-col-4 {float: left; padding: 5px; position: relative; min-height:1px;}
.mt-collection-box .mt-row .mt-col-8 {width:60%; }
.mt-collection-box .mt-row .mt-col-4 {width:40%; }
.mt-collection-box .mt-row a {display:block;}
.mt-collection-box .mt-row img {display:block; width: 100%; height: 300px;}
.mt-collection-box .mt-row a:hover { opacity: 0.5; transition: opacity 0.3s ease-out;}
.mt-collection-box .mt-row .collection-name {display:inline-block; position:absolute; right: 25px; bottom: 24px; color:#fff; font-weight: 500; letter-spacing: 1px; font-size: 16px;}

.choose-us-block ul li {float: left; width: 18.4%; margin-left: 2%; text-align: center; margin-bottom:10px;}
.choose-us-block ul li:first-child {margin-left: 0;}
.choose-us-block ul li p {line-height: 24px; margin-top:10px; font-size: 13px;}

#index_banner .swiper-pagination-bullet-active {background: #b80000;}

/*防疫物资页面*/
.product-cell .add-info .prices {color: #b80000 !important;}
.product-cell .buy-btn {background-color:#b80000 !important;}
.html-fy-page #footer_main {margin-top: 0 !important;}

@media (min-width: 1025px) {
    .new-arrivals-block .product-grid .pro-item .product-item-photo {max-height:192px; min-height:192px; overflow:hidden;}
}
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
    .div-1000 {width: 100%;}
    .header-n .nav-n {margin-right: 0;}
}
@media only screen and (min-width: 901px) and (max-width: 1146px) {
    .header-n .search {display: none;}
    .header-n .nav-n {margin-right: 0;}
}

@media only screen and (min-width: 901px) and (max-width: 990px) {
    .div-1000{ width: 99%;padding: 0 0.5%;}
    .index_banner{ width: 100%;min-width: auto;}
    .index_icons{ width: 100%;}
    .index_main_2{ width: 100%;}
    .index_classic{ width: 100%;}
    .index_classic h3{ width: 100%;}
    .index_can_offer{ width: 100%;}
    .index_about{ width: 100%;}
    .nav-n li.float-left{ margin-left: 10px;}
    #footer_container #footer{ width: 100%;}
    #footer_container #footer_security{ width: 100%;}
    .header-n .search {width: 200px !important;}
}
@media only screen and (min-width: 651px) and (max-width: 900px) {
    .div-1000{ width: 99%;padding: 0 0.5%;}
    .menu_top_txt{ display: none;}
    .header-n .right-wrap{ display: none;}
    .logo-n, .logo-n a{ width: 140px;}
    .nav-n li.float-left{ margin-left: 10px;}
    .header-n .search {display: none;}
    .top_cat{ display: block;}
    .index_banner{ width: 100%;min-width: auto;}
    .index_banner .slideBanners .JQ-slide{ width: 100%;}
    .index_icons{ width: 100%;}
    .index_main_2{ width: 100%;}
    .index_classic{ width: 100%;}
    .index_classic h3{ width: 100%;}

    #footer_container #footer{ width: 100%;}
    .foot_txt{ font-size: 14px;}
    #footer_container #footer_security{ width: 100%;}
    .nav-n a.design_your_own_link{ width: 150px;}
    .nav-n .menu-bd dl{ padding: 10px;}

    .index_pro_tuilist li{ line-height: 22px;}
    .index_prolistx{ width: 50%; margin-left:-1px;}
    
    .new-arrivals-block .product-grid .pro-item {width:32%;}
    .new-arrivals-block .product-grid .pro-item:nth-child(3n+1) {margin-left:0;}
}
@media only screen and (min-width: 320px) and (max-width: 650px) {
    .div-1000{ width: 98%;padding: 0 1%;}
    .top-n-wrap{ display: none;}
    .header-n{ display: none;}
    .top_cat{ display: block;}
    .phone_nav{ display: block;}
    .cd-main-content{ margin-top: 50px;}
    .index_banner{ width: 100%;min-width: 100%;}
    .index_banner .slideBanners .JQ-slide{ width: 100%;}
    .index_icons{ width: 100%;height: auto;}
    .index_main_2{ width: 100%;}
    .index_classic{ width: 100%;}
    .index_classic h3{ width: 100%;}
    .index_can_offer{ width: 100%;}
    .index_classic dl dd{width:100%;}
    .index_classic dl dt{width:100%;}
    #footer_container #footer{ width: 100%;}
    #footer_container #footer #footer_vs_info{ width: 100%;margin-bottom:30px;display: block;}
    #footer_container #footer .footer_div{ display: none;}
    .foot_txt{ font-size: 12px;line-height: 30px;}
    #footer_container #footer_security{ width: 100%;}
    #footer_security{ display: none;}
    .index_icons ul li{ line-height: 14px;}

    .index_prolistx{ width: 50%; margin-left: -1px;}
    .index_pro_tuilist {width: 200px;}
    .index_prolist {left: 200px;}
    .index_prolistthree{padding-left: 0;margin-top: 320px;}
    .index_pro_tuilist a {font-size: 12px;}
    .new-arrivals-block .product-grid .pro-item {width:49%;}
    .new-arrivals-block .product-grid .pro-item:nth-child(2n+1) {margin-left:0;}

    .mt-collection-box .mt-row .mt-col-8, .mt-collection-box .mt-row .mt-col-4 {width:100%; float: none;}
    .mt-collection-box .mt-row img {height: auto;}
    .choose-us-block ul li {width: 49%;}
    .choose-us-block ul li:nth-child(2n+1) {margin-left: 0;}
    .choose-us-block ul li p {min-height: 72px;}
}
@media only screen and (max-width: 320px) {
    .div-1000{ width: 98%;padding: 0 1%;}
    .top-n-wrap{ display: none;}
    .header-n{ display: none;}
    .top_cat{ display: block;}
    .phone_nav{ display: block;}
    .cd-main-content{ margin-top: 50px;}
    .index_banner{ width: 100%;min-width: 100%;}
    .index_banner .slideBanners .JQ-slide{ width: 100%;}
    .index_icons{ width: 100%;height: auto;}
    .index_main_2{ width: 100%;}
    .index_classic{ width: 100%;}
    .index_classic h3{ width: 100%;}
    .index_classic dl dd{width:100%;}
    .index_classic dl dt{width:100%;}

    #footer_container #footer{ width: 100%;}
    #footer_container #footer #footer_vs_info{ width: 100%;margin-bottom:30px;display: block;}
    #footer_container #footer .footer_div{ display: none;}
    .foot_txt{ font-size: 12px;line-height: 30px;}
    #footer_container #footer_security{ width: 100%;}
    #footer_security{ display: none;}

    .index_icons ul li{ line-height: 14px;}
    .index_prolistx{ width: 50%; margin-left:-1px;}
    .index_prolistthree{padding-left: 0;margin-top: 320px;}
}

@media all and (max-width: 1024px) {
    .notAndroid23 .nopAjaxFilters7Spikes.open {max-height: 100vh; overflow-y: auto;}
}

@media only screen and (min-width: 901px) and (max-width: 990px) {

}
@media only screen and (min-width: 651px) and (max-width: 900px) {

}
@media only screen and (min-width: 320px) and (max-width: 650px) {

}
@media only screen and (max-width: 320px) {

}