body{background-color:#fff;color:#333;margin:105px auto 0;font-size:14px;padding:0;line-height: 1.67; font-family:"Microsoft YaHei","Microsoft JhengHei","SF UI Display",".PingFang SC","PingFang SC","Neue Haas Grotesk Text Pro","Arial Nova","Segoe UI","Helvetica Neue","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","Hiragino Sans GB",sans-serif}
*{margin:0;padding:0;outline:none; box-sizing: border-box;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}
img{border:0; max-width: 100%;}
a{text-decoration:none;color:#666}
a:hover{text-decoration:none}
input,textarea,select{vertical-align:middle}
em,i{font-style:normal}
.bold{font-weight:bold}
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tc{text-align: center;}
.te{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr{position: relative;}
.it{background-color:#fff;border:1px solid #ddd;color:#000;font-size:12px;line-height:20px;padding:4px 5px;width:32em}
.itmax{width: 100%; box-sizing: border-box;}
.itmid{width:16em}
.itsort{width:8.5em}
.it5em{width: 4.5em;}
.itmini{width:3em}
.btn{display:inline-block;background-color:#ec124a; border-radius:4px;border:0;color:#FFF;padding:6px 12px; text-transform:capitalize;cursor:pointer;vertical-align:middle}
.btnsmall{font-size:12px;padding:3px 10px}
.btnbig{font-size: 1.5em; padding: 6px 20px;}
.bggre{background-color: #6c6;}
.bggry{background-color: #999;}
.bgorg{background-color: #f93;}
.bgred{background-color: #c30;}
.bgblue{background-color: #39f;}

.btngroup{margin: 1.5em 0;}
.btngroup a{position: relative; margin-right: 1em;}
.btngroup a b{position: absolute; bottom: 0; left: 0; white-space: nowrap; margin-bottom: 3em; background-color: #fffc; padding: 0.5em 1em; color: #ec124a; border: 1px solid ; display: none;}
.btngroup a b:before{content: ""; position: absolute; padding: 6px; transform: rotate(45deg); left: 45%; bottom: -8px; background-color: #fff; border-width: 0 1px 1px 0; border-style: solid;}
.btngroup a:hover b{display: block;}
.btngroup a img{  margin: .5em 0;  width: 8em;  max-width: inherit;  display: block;}

textarea{border:1px solid #ddd;background-color:#FFF;padding:4px 5px;color:#000;width:32em; font-size: 1em;line-height:1.67}
select{color:#000;background-color:#fff;border:1px solid #ddd;padding:5px;height:30px;max-width:320px}

.container{width:100%; max-width:1310px; margin: auto; padding: 0 15px;}
.clear:after,.container:after{content: "";display: block;clear: both;}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1660px){.container{max-width:1310px}}

.header{position:fixed;top:0;left:0;right:0;z-index:1;background-color:#fff; border-bottom: 2px solid #ec124a; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);}
.header .top{display: table; white-space: nowrap;}
.header .logo{display:table-cell; width:25%; padding: 5px;}
.header .logo img{display:block;max-height:50px}
.header .logo a {display: inline-block;font-size: 24px;vertical-align: middle;color: #000; max-width: 80%;}
.header .search{display:table-cell; width: 50%;}
.header .search div{border:2px solid #ec124a;border-radius:4px;display:flex}
.search select{height:36px;padding:0 10px;border:0}
.search input{flex:1;border:0;padding:0 10px;line-height:20px; width: 100%;}
.search button{background-color:#ec124a;color:#fff;padding:0 2%;border:0;white-space:nowrap}
.header .nav{display:table-cell; width:25%; text-align:right; font-size: 12px;}
.nav > ul{}
.nav ul > li{display:inline-block;vertical-align:middle;text-align:center;position:relative;padding:0 10px;color:#666}
.nav li i{font-size:2em;display:block}
.nav sup{position:absolute;top:5px;right:5px;background-color:#ec124a;color:#fff;width:1.67em;border-radius:50%}
.language p, .mainnav p{display:none;position:absolute;left:0;right:0;top:3em; z-index: 3; overflow: hidden; background-color:#fff;line-height:1.67;box-shadow:0 0 .5em #0005; border-radius:0 0 5px 5px}
.language:hover p, .mainnav li:hover p{display:block}
.language a{display:block; line-height:2.4}
.language a.cur,.language a:hover, .mainnav a:hover, .mainnav a.cur{background-color:#ec124a;color:#fff}

.mainnav{display: flex;line-height: 2.5; white-space: nowrap; font-size: 16px;}
.mainnav:before{content: "商品分类："; font-weight: bold; color: #ec124a;}
.mainnav li{min-width: 7em; text-align: center;  position: relative;}
.mainnav li a{display: block; padding: 0 15px;}
.mainnav p{top: 2.5em; line-height: 2.5;}

.cates{clear: both; padding-top: 2em;}
.cates a{font-size: 1.25em; white-space: nowrap; display: inline-block; margin: 1em 1em 0 0; border: 1px solid #ec124a; color: #ec124a; border-radius: 5px; padding: 0 0.5em; line-height: 2;  min-width: 6em;  text-align: center;}
.cates a:hover{background-color: #ec124a; color: #fff;}

.products {padding: 4em 0;}
.products h2{font-weight:500;line-height:1.2;text-transform:uppercase;font-size:2em;text-align:center;margin-bottom: 1em}
.products h2 em{display:block;color:#999;font-weight:normal;text-transform:capitalize;font-size:.75em;line-height:2}
.products li{float:left;width:20%;padding:1em; border-radius: 0.25em;}
.products li:hover{box-shadow:0 0 5px rgba(0,0,0,0.25)}
.products a{display: block;}
.products li img{border-radius: 5px 5px 0 0; width: 100%;}
.product-name a{font-size:15px;color:#333;line-height: 1.25;height:2.8em;overflow:hidden;margin-top:10px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.product-name a span{display: inline-block; font-size: 10px; vertical-align: middle; padding: 2px 5px; color: #fff; background-color: #39f;}
.product-name a span.new{background-color: #ec124a;}
.price b{font-size: 20px; color: #ec124a;}
.price del{color: #999;}
.price span{float: right;}
.price a{display: inline-block; font-size: 16px; width: 24px; line-height: 1; height: 24px; margin-left: 5px; border-radius: 50%; text-align: center;}
.price a:hover{background-color: #ec124a;color: #fff;}
.products .btn_more{width: 10em;font-size: 1.25em; line-height: 2.8; text-align: center; margin: 2em auto; background-color: #ec124a; color: #fff; transition: all .5s;}
.products .btn_more:hover{background-color: #333;}

.pagetitle{margin-bottom: 1em; padding-top: 1em; line-height: 2; font-size: 18px; white-space: nowrap; border-bottom: 1px solid #ddd;}
.pagetitle span{display:inline-block; border-bottom: 2px solid #ec124a; letter-spacing: 2px;}
.pagetitle em{display:inline-block; letter-spacing: 2px; padding: 0 .75em; cursor: pointer;}
.pagetitle em.on{background-color: #ec124a; color: #fff;}

.table{width: 100%; border-collapse: collapse; margin-bottom: 2em; text-align: center;}
.table th, .table td{padding:5px; border-bottom: 1px solid #ddd;}
.table th{background-color: #ec124a99; color: #fff; font-size: 16px;}
.table a{display: inline-block;}
.table .pro-thumbnail, .table .pro-price, .table .pro-quantity, .table .pro-subtotal, .table .pro-remove {width: 80px;}

/** 分页 */
.paginatoin-area{margin-top:40px;padding:20px;background-color:#f7f7f7}
.paginatoin-area .pagination-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.paginatoin-area .pagination-box li{margin-right:5px;display:inline-block}
.paginatoin-area .pagination-box li:last-child{margin-right:0}
.paginatoin-area .pagination-box li a{color:#111;height:36px;width:36px;display:inline-block;padding:0 10px;text-align:center;line-height:36px;background-color:#fff}
.paginatoin-area .pagination-box li a i{font-size:12px;line-height:36px}
.paginatoin-area .pagination-box li a:hover{color:#fff;border-color:#CC2121;background-color:#CC2121}
.paginatoin-area .pagination-box li.active a{color:#fff;background-color:#CC2121}

/*商品详情页*/
.breadcrumb{line-height:2.5;margin-bottom:2em}
.pro_large{float:left;width:320px;margin-right:2em}
.pro_large img{display:block}
.pro_large .jqzoom{padding:0px;cursor:pointer;border:1px solid #ccc}
.imgList{white-space: nowrap; overflow: hidden;}
.imgList li{text-align:left;display:inline-block;cursor:pointer;margin-right:8px}
.imgList li.last{margin-right:0;margin-left:1px}
.imgList{text-align:left;margin-top:11px;overflow:hidden}
.imgList img{width:58px; height:58px}
.imgList .on img{border:4px solid #e83426}
div.zoomdiv{z-index:999;position:absolute;top:0px;left:0px;width:100px;height:100px;background:#fff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden}
div.jqZoomPup{z-index:999;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #a3a3a3;background:#fff url(/mall/img/search.png) center  no-repeat;opacity:0.5}
.zoomdiv img{max-width:inherit !important;min-height:320px}

.pro_box{overflow:hidden}
.pro_box h3{font-size:20px;font-weight:bold;color:#000}
.pro_box .pro_desc{color:#e83426;line-height:22px;margin-top:5px;font-size:15px;border-bottom:1px dotted #d9d9d9;padding-bottom:15px}
.pro_box .price{margin-bottom:1em}
.pro_box .price b{font-size:30px}
.pro_box .price:after{content: " 起"; font-size: 16px; color: #ec124a;}
.pro_box i{display: inline-block; width: 4em; margin-right: 1em; color: #999; white-space: nowrap; text-align: justify; text-align-last: justify; margin-bottom: 8px;}
.pro_box p em{display: inline-block; margin-right: 2em; color: #777;}
.pro_box p em:before{content: "▣ "; color:#696}
.pro_box .gui i{float: left;}
.pro_box .gui p{overflow: hidden;}
.pro_box .gui span{display: inline-block; white-space: nowrap; color: #999; margin: 0 5px 5px 0; line-height: 3; padding-right: .5em; border: 1px solid #ddd; cursor: pointer;}
.pro_box .gui img{height: 3em; margin-right: .5em; vertical-align: top;}
.pro_box .gui span.on{color: #c30; border-color: #c30;}

.pro_memo{float:right;width:72%}
.pro_side{float:left;width:26%;padding:0}
.pro_side li{width:50%}

/*详情页 商品属性*/
.pro_attr{background-color: #f4f4f4; padding: 1em 0;}
.pro_attr p{line-height: 5; text-align: center;}
.pro_attr li{float: left; white-space: nowrap; width: 33%; overflow:hidden; text-overflow:ellipsis}
.pro_attr li em{display: inline-block; width: 5em; text-align: right; margin-right: 1em; color: #777;}

.pro_comm .fl{margin-right: 1em; color: #999; text-align: center;}
.pro_comm .fl em{font-size: 28px; display: block; color: #ec124a;}
.pro_comm .fl em:after{font-size: 18px; content: "%";}
.pro_comm div{overflow: hidden;}
.pro_comm div em{display: inline-block; width: 6em;}
.pro_comm div i{color: #777; font-size: 12px;}
.pro_comm p{margin-bottom: 10px;}
.pro_comm span{background-color: #eee; display: inline-block; width: 12em; border: 1px solid #ccc; border-radius: 0.5em; overflow: hidden;}
.pro_comm span a{ display: block; height: .85em;background-color: #ec124a;}

.pro_memo img{display: block; margin: auto; max-width: 100%;}

/** 个人中心 */
.pro-qty{width:90px; padding:0 15px;float:left}
.pro-qty .qtybtn{width:15px;display:block;float:left;line-height:38px;cursor:pointer;text-align:center;font-weight:400;color:#555}
.pro-qty input{width:28px;float:left;border:none;height:40px;line-height:34px;padding:0;text-align:center;background-color:transparent}
.pro-price input{width:3em;border:none;height:40px;line-height:34px;padding:0;text-align:center;background-color:transparent}
.address .input{border:0;width:100%;box-sizing:border-box;padding:10px;box-shadow:0 0 3px rgba(0,0,0,.25) inset;border-radius:3px;height:36px}
.address .input:focus{box-shadow:0 0 3px #ec124a inset}
.address .half{width:49%; float: left;}
.address .half:last-child{margin-left: 2%;}
.address label.tr{float: left; width: 25%; clear: left; margin-top: 1em;}
.address p{overflow: hidden; width: 50%; padding: 0.5em;}
.address.clear{margin-bottom: 3em;}
.address .halfdiv{width:50%; float: left;}
.address .halfdiv label.tr{width: 18%}
.address .halfdiv p{width: 75%;}

.usernav{float:right;margin-top:1.5em;text-align:center;border-right:1px solid #ddd}
.usernav a{float:left;width:7em;line-height:2.3;border-top:1px solid #ddd;border-left:1px solid #ddd;background-image:linear-gradient(to bottom,#fff,#ddd)}
.usernav a.active,.usernav a:hover{background:#ec124a;color:#fff}
.sharediv{background-color:#fff;white-space:normal;width:32em;position:relative;padding:0;text-align:center}
.sharediv h3{margin:1em 0;font-size:1.25em;font-weight:normal}
.sharediv .marker{position:absolute;width:8em;height:8em;left:12em;top:12em;border:.5em solid #fff;background-color:#fff;border-radius:1em}
.sharediv .price{text-align:left}
.sharediv .price b{display:block;font-size:2em}
.sharediv .user{position:absolute;color:#777;white-space:nowrap;right:0;bottom:1em;font-size:13px}
.sharediv .user img{float:right;height:3em;border:1px solid #ddd;border-radius:50%;margin:0.5em}
.sharediv .user p{margin-right:4em;white-space:nowrap;text-align:right}
.sharediv .user p:after{display:block;content:"为你推荐"}
.sharediv .qrimg{width:8em;float:left;margin:0 0.5em 0.5em}
.shareimg{display:block;margin:auto;border:1px solid #ddd}

.welcome{padding:10% 5% 2%;background:url(/mall/img/019.jpg) no-repeat;background-size:contain;font-size:14px}
.welcome img{float:left;width:16em;border:1em solid rgba(255,255,255,.5);margin-right:2em}
.welcome h3{font-size:20px;margin:2em 0}
.welcome p{float:left;width:33%}
.welcome p b{display:inline-block;width:4em;text-align:right;margin-right:.5em;color:#999;white-space:nowrap}
.welcome p em{font-weight:bold;color:#ec124a}
.welcome .exit{float: right; font-size: .75em; background-color: #ec124a; margin-top: .5em; color: #fff;padding: 0 1em;border-radius: 1em;opacity: .75;}
.single{display:table;width:100%}
.single > div{display:table-cell;vertical-align:middle;width:50%}
.single .tc{border-right:3px double #ddd}
.single .tc textarea{display:block;margin:1em auto; height: 12em;}

/* 购物车 */
.form_opt input[type="checkbox"]{display: none;}
.form_opt input[type="checkbox"] + em{display: inline-block;line-height:1;padding:.25em; margin: 5px 0;}
.form_opt input[type="checkbox"] + em:before{content:"";display: inline-block;width: 1em;height: 1em; line-height: 1; vertical-align: middle;
    border-radius: 4px; background-color: #fff; border: 1px solid #999; box-sizing: border-box; margin-right: 0.2em;}
.form_opt input:checked + em{color: #ec124a;}
.form_opt input:checked + em:before{background-color: #ec124a; border-color: #ec124a; content: "√";color: #fff; line-height: .75;}

/* 底部*/
.footer{padding-top:4em;margin-top:5em;border-top:3px solid #ec124a}
.footer li{float:left;width:17%;text-align: center;}
.footer li:first-child{width:49%; text-align: left;}
.footer li a{display:block;transition:all .5s}
.footer a:hover{padding-left:10px;color:#ec124a}
.footer b{float:left}
.footer img{max-height:10em}
.footer h5{color:#111;font-size:18px;font-weight:500;line-height:2;text-transform:capitalize}
.bottom{padding:1em;margin-top:3em;border-top:1px solid #eee}

@media (max-width:767px){
    body{font-size:12px; margin-top: 65px;}
    .container{max-width:720px; padding: 0 5px;}
    .header{border-bottom: none;}
    .header .logo{display: none;}
    .header .waplogo{display: table-cell; width: 15%; background: no-repeat center; background-size: auto 80%;}
    .header .search{width: 70%; padding: 5px 0;}
    .header .nav > ul {position: fixed; bottom: 0; left: 0; right: 0; display: flex; background-color: #f4f4f4;line-height: 1.15;padding: 4px 0;}
    .nav > ul > li{flex: 1;}
    .nav sup{line-height: 1.67;}
    .language p{top: inherit; bottom: 3em;}
    
    .container.mainnav{display: none; position: absolute; right: 0; border: 1px solid #ddd; background-color: #fff; width: 32%; padding: 0;}
    .menubtn{display:table-cell; width: 15%; text-align: center; font-size: 2.4em; line-height: 1;}
    .menubtn a{display: block; width:1.125em; margin:auto; color: #ec124a; border-radius: 8px;}
    .menubtn a.lnr-cross-circle{color: #999;}
    .mainnav:before{content: "";}
    .mainnav a{border-bottom: 1px solid #ddd;}
    .mainnav p a:last-child{border-bottom: none;}
    .mainnav p{left:-100%; right: 100%; top:0; border-radius: 0;}
    
    .footer li{width: 33.33%;}
    .footer li:first-child{width: 100%;}
    .products {padding: 2em 0;}
    .products li{width: 50%; padding: 6px;}
    .price span{float: none;display: block; text-align: right;}
    
    .pro_large, .pro_memo, .pro_side{float: none; width: 100%;}
    .pro_box{padding: 10px;}
    .table{white-space: nowrap;}
    .table td, .table th{min-width: 3em; padding: 3px;}
    .table-scroll{overflow: auto;}
    .usernav{margin-top: 1em; width: 100%;}
    .usernav a{width: 25%;}
    .pagetitle{clear: both;}
    .welcome img{width: 6em;border-width: 0.25em;margin-right: 1em;}
    .welcome h3{font-size: 1.25em;}
    .welcome p{width: 50%; margin-bottom: 1em;white-space: nowrap;}
    .single > div{display: block; padding: 2em; width: inherit; border-right: 0 !important;}
    .single textarea{width: 100%; height: 10em;}
    .address .halfdiv{width: inherit; float: none;}
    .address label.tr{width: 18%}
    .address p{width: 75%;}
    
    .jqzoom img{width: 100%;}
    .jqZoomPup, .zoomdiv, .pager.fr{display: none !important;}
}
@media(min-width:768px){
    .waplogo, .menubtn{display:none;}
    .focus .bd li a{background-size: auto !important}
}