body{
	font-family:"微软雅黑", Helvetica, sans-serif;
	font-weight:normal;
	height: 100%;
	color:#333;
    font-size:15px;
    background:#fff;
}

/*首页顶部*/
.index-top{ position:absolute; width:100%; box-sizing:border-box; padding:20px 10px;}
.index-top a{ float:left; width:10%; color:#fff; font-size:12px; text-align:center; margin-top:5px;}
.index-top a img{ width:60%; display:block; margin:0 auto;}
.index-top a p{ font-size:12px; margin-top:6px;}
.index-top .search{ float:left; width:80%; background:rgba(255,255,255,.9); border-radius:20px; height:32px; overflow:hidden;}
.index-top .search .search-logo{ float:left; width:25%; display:block; height:32px;line-height:32px; background:url(../images/search-logo.png) no-repeat center; background-size:60% auto; position:relative;}
.index-top .search .search-logo:after{ content:""; width:1px; height:20px; position:absolute; right:0; top:8px; background:#999;}
.index-top .search input{ height:36px; width:60%;}
.index-top .search .search-form-icon{ float:left;width:10%;display:block;height:32px;line-height:32px; background:url(../images/search-form-icon.png) no-repeat center; background-size:15px auto;}


.banner{ width:100%;}
.banner img{ display:block; width:100%;}.tab_xin{ width:100%; margin:0 auto;}

/*快速导航*/
.quick-nav{ width:100%;    padding:10px;  margin-top:-9%; overflow:hidden;}
.quick-nav ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; position:relative; border-radius:8px; box-shadow:0 2px 2px #ccc; z-index:999;}
.quick-nav ul li{ width:25%; float:left; margin-bottom: 10px;}
.quick-nav ul li a{ display:block;}
.quick-nav ul li img{ display:block; width:50%; margin:0 auto; margin-top:12%;}
.quick-nav ul li p{ text-align:center; font-size:14px; color:#010101; margin-top:5px;}




/*公告*/
.gg{ width:100%; margin:0 auto; font-size:15px; padding:10px 10px; line-height:30px; color:#1f6ec9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gg i{ display:block; width:80px; height:30px; background:url(../images/gg.png) no-repeat center; background-size:100%; float:left; margin-right:8px;}
#FontScroll{height:30px;line-height:30px;overflow:Hidden;margin:0 auto;}
#FontScroll .line{text-align:center;width:100%;}
#FontScroll .fontColor a{color:red;}
#FontScroll li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#FontScroll li a{ color:#666666}



/*精选*/
.jingxuan{ padding:10px;}
.jingxuan .title{ width:100%; margin:20px auto; overflow:hidden; position:relative;}
.jingxuan .title span{ float:left; font-size:18px; color:#222530; padding-left:18%; margin-top:5px;}
.jingxuan .title .sub-title{ color:#4e4d5d; font-size:15px; float:right; margin-right:18%;}
.jingxuan .title .sub-title i{display:block;text-indent: 6px;font-size:12px;font-weight:200;margin-top: -5px;letter-spacing: -1px;}
.jingxuan .title:before{content:"";background:url(../images/fl.jpg) no-repeat left center;width:10%;height:20px;position:absolute;left: 3%;background-size:  100% auto;top: 4px;}
.jingxuan .title:after{content:"";background:url(../images/fl.jpg) no-repeat left center;width:10%;height:20px;position:absolute;right: 3%;background-size:  100% auto; transform:rotate(180deg);top: 4px;}
.jingxuan ul li{width: 30%;float: left;margin: 0 1.66%;margin-bottom: 20px;height: 185px; overflow: hidden;}
.jingxuan ul li .f_img{width: 100%;height: 104px;overflow: hidden;}
.jingxuan ul li .f_img img{width: 100%;min-height: 104px;max-height: 114px;}
.jingxuan ul li .tit{width: 100%;display: block;color: #666;font-size:14px; margin-top:15px;overflow : hidden; height:40px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;}
.jingxuan ul li span i{color: #d00000;font-size: 10px;font-style: normal;float: left;padding-top: 2px}
.jingxuan ul li span strong{font-size: 20px;font-weight: bold;font-style: normal;color: #d00000;float: left;line-height: 20px;}
.jingxuan ul li span font{font-size: 12px;color: #999;float: left;line-height: 20px;display: block; text-decoration:line-through;}
.jingxuan ul li span {padding-top: 3px;display: block;}


.wrapper03 {position:relative;height:46px;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {height:46px;color:#333;float: left;line-height:46px;font-size:15px;text-align: center}
.wrapper03 .scroller li a{color:#333;display:block;margin:0 .3rem;padding:0 .1rem}
.wrapper03 .scroller li.cur a{color:#da0303;height:44px;border-bottom:2px solid #da0303}




.pro_list { width:100%; margin:0 auto;}
.pro_list ul { overflow:hidden;}
.pro_list ul li { float:left; width:50%; position: relative; border:1px solid #f1f1f1;}
.pro_list ul li a{ width:100%; display: block;margin: 0 auto;background-color:#fff;}
.pro_list ul li .pic{ position:relative;width:100%;}
.pro_list ul li .pic img { width:100%; display: block;margin: 0 auto;   }
.pro_list ul li .pic i{ width:45px;  color:#fff; background:#ff3939; text-align:center; position:absolute; right:0; top:20px; display:block; border-radius:20px 0 0 20px;}


.pro_list ul li .info { width:94%; margin:0 auto; padding-bottom: 8px; position:relative;}
.pro_list ul li .info .title { color:#353d44; font-size:14px; width:100%; margin:0 auto; height:20px;margin-top: 8px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.pro_list ul li .info .pirce{ font-size:20px; overflow:hidden; margin-top:6px;}
.pro_list ul li .info .pirce b{ color:#d00000; font-weight:normal; float:left;}
.pro_list ul li .info .pirce i{ font-size:12px; color:#d00000;float:left; border:1px solid #d00000; border-radius:4px; margin-left:10px; margin-top:4px;}
.pro_list ul li .info .num{ color:#999990; font-size:14px;margin-top:6px;}
.pro_list ul li .info .num font{ color:#353d44;}
.pro_list ul li .info .cart{ position:absolute; right:10px; bottom:15px; width:26px; height:26px;}
.pro_list ul li .info .cart img{ width:100%; margin:0 auto; display:block; margin-top:10%;}



/*底部*/
.footer{position: fixed;bottom: 0;left: 0;background: #fff;border-top: 1px solid #dbdbdb;width: 100%;z-index: 9999;}
.footer ul li{width: 25%;float: left;}
.footer ul li .img2{display: none;}
.footer ul li i{width: 28%;margin: 0 auto;display: block;overflow: hidden;height:26px; margin-top:5px;}
.footer ul li i img{width:23px; display:block; margin:0 auto;}
.footer ul li span{font-size: 12px;text-align: center;line-height: 24px;display: block;width: 100%;color: #333}
.footer ul li.on i .img1{display: none;}
.footer ul li.on i .img2{display: block;}
.footer ul li.on span{color: #F14712;}


/*头部*/
.head{ height:50px;  line-height:50px; background:#fff; width:100%;z-index: 2;}
.head .back{ position:absolute; left:15px; height:40px;}
.head .back a{ color:white; font-size:14px; font-weight:bold; background:url(../images/back.png) no-repeat center; width:11px; height:50px; display:block; background-size:100%; }
.head .title{ text-align:center; color:#000; font-size:17px;}
.head_search{width: 100%;box-sizing: border-box;background:#fff;padding: 10px 5%;border-bottom: 1px solid #ebebeb;}
.head_search .kws{width: 100%;box-sizing: border-box;padding:0 35px; height:40px;border: 0;font-size: 13px;color: #bfbfbf;background: #f5f5f5 url(../images/icon_search1.png) no-repeat 8px center;border-radius: 3px;background-size: 18px; }


.menuBtn{ position:absolute; right:15px; top:15px; width:5px; height:24px; cursor:pointer; z-index:99;}
.menuBtn .burger{ display:block; width:5px; height:5px; border-radius:50%; position:absolute; left:0; background:#000; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:7px;}
.menuBtn .burger-3{ bottom:5px;}
.menuBtn.active .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.iphemake{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:990; visibility:hidden; opacity:0; transition:750ms 200ms;}
.menu-fiex{ width:260px; text-align:center; background:#eeeeee; position:fixed; height:100%; right:-260px; top:0; z-index:999; padding-bottom:68px; box-sizing:border-box; transition:680ms; visibility:hidden;}
.menu-wr{ position:fixed; width:260px; top:0; right:-260px; height:100%; overflow-y:auto; overflow-x:hidden; transition:680ms;}
.menu-fiex.on{ right:0; visibility:visible;}
.menu-fiex.on .menu-wr{ right:0;}
.menu-fiex.on .closed{ left:-48px;}
.iphemake.on{ opacity:1; visibility:visible;}
.mtop{ height:59px;}

.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:100px; height:auto;}
.mune-list{ text-align:center; margin-top:30px;}
.mune-list >li{ margin-bottom:3px;}
.mune-list >li >a{ display:block; text-align:center; color:#323232; font-size:14px; height:46px; line-height:46px; position:relative; transition:540ms;}
.mune-list >li >a.on,.mune-list >li >a:hover{ color:#d00000;}
.mune-list >li >a.on:before,.mune-list >li >a:hover:before{ bottom:-6px; visibility:visible; opacity:1;}
.leval-menu{background:#dcdcdc; border-bottom:1px solid #d00000; display:none;}
.leval-menu li{ width:100%;}
.leval-menu li a{ display:block; line-height:40px; color:#323232; font-size:14px; text-align:center;}
.leval-menu li a:hover,.leval-menu li a:focus{ color:#013154;}
.closed{cursor:pointer; display:block; width:32px; height:31px; position:absolute; left:0; top:26px; background:url(../images/close.png) center no-repeat; z-index:10; transition:650ms;}
.closed:focus,.closed:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.head-r{ height:50px;  line-height:50px; background:url(../images/headbg.png) no-repeat left center; background-size:100% 50px; width:100%;}
.head-r .back{ position:absolute; left:15px; height:50px;}
.head-r .back a{ color:white; font-size:14px; font-weight:bold; background:url(../images/back-white.png) no-repeat center; width:11px; height:50px; display:block; background-size:100%; }
.head-r .title{ text-align:center; color:#fff; font-size:17px;}
.head-r span{ position:absolute; right:15px; height:50px; display:block; top:0;color:#fff;}
.head-r span a{ color:#fff; font-size:15px;}


/*分类*/
.content{overflow:hidden;width:100%;}
.content .left{position:fixed;top:111px;left:0;float:left;width:25%;height:calc(100% - 164px);background:#fff;border-right:1px solid #dddddd; overflow:auto;}
.content .left::-webkit-scrollbar {display:none}
.content .left ul{list-style:none;}
.content .left ul li{padding:15px 5px;text-align:center; border-bottom:1px solid #dddddd}
.content .active{border-right:2px solid #d00000;background:#f9f9f9; color:#d00000;}
.content .right{float:right;width:75%;height:100%;margin-top: 111px; padding:0 10px;}
.content .right .cate-row .class-title{ padding:10px 0;}
.content .right .cate-row .class-title span{width:28%;display: block;line-height:22px;float:left; color:#d00000;font-size:15px;}
.content .right .cate-row .class-title .cate_line{width:72%;float: right;height: 1px;background: #dbdbdb;display: block;margin-top: 10px;}

.content .right .cate-row  .cate_t{background:url(../images/rec_bg.png) no-repeat center center;width: 100%;text-align: center;color: #d00000;font-weight: normal;background-size:auto 24px;box-sizing: border-box;padding-left: 15px; height:30px; line-height:30px; font-size:15px; margin:10px 0;}

.content .right .cate-row ul li{width: 30%;float: left;margin: 0 1.66%;margin-bottom:10px;min-height:140px; overflow: hidden;}
.content .right .cate-row ul li .f_img{width: 100%;overflow: hidden;}
.content .right .cate-row ul li .f_img img{width: 100%;}
.content .right .cate-row ul li .tit{width: 100%;display: block;color: #333;font-size:14px;height:40px;overflow: hidden; margin-top: 15px; text-align:center;}
.content .right .cate-row ul li span i{color: #f23030;font-size: 10px;font-style: normal;float: left;padding-top: 2px}
.content .right .cate-row ul li span strong{font-size: 16px;font-weight: bold;font-style: normal;color: #f23030;float: left;line-height: 20px;}
.content .right .cate-row ul li span font{font-size: 12px;color: #ff9000;float: left;line-height: 20px;display: block;}
.content .right .cate-row ul li span {padding-top: 3px;display: block;}
.content .right .cate-row ul.tj li{width: 30%;float: left;margin: 0 1.66%;margin-bottom:10px;min-height:155px; overflow: hidden;}
.content .right .cate-row ul.tj li .tit{width: 100%;display: block;color: #666;font-size: 12px;line-height: 15px;height: 30px;overflow: hidden; margin-top: 15px;}




/**/
.mine{ width:100%;}
.mine .top{position:relative; padding: 0 10px;}
.mine .top .bg{ width:100%;}
.mine .top .kefu{ position:absolute; left:20px; top:10px; text-align:center;}
.mine .top .kefu a{ color:#790301;}
.mine .top .kefu img{ width:25px;}
.mine .top .xiaoxi{ position:absolute; right:20px; top:10px;text-align:center;}
.mine .top .xiaoxi a{ color:#790301;}
.mine .top .xiaoxi img{ width:25px;}
.mine .top .xiaoxi i{position:absolute;right: -8px;top: -8px;width: 15px;height: 15px;line-height: 15px;display:block;border-radius:50%;background:#f23338;text-align:center;font-size:12px;color:#fff;}


.mine .top .infomation{  position:absolute; width:90%; margin-left:5%; top:10%;}
.mine .top .infomation .tx-box{ float:left;}
.mine .top .infomation .tx{position:relative; width:80px; height:80px;}
.mine .top .infomation .tx img{ border-radius:50%; width:100%; border:2px solid #fff;}
.mine .top .infomation .subtit{ background:#fc7b69; border:2px solid #f59b94; width:75px; display:block; margin:0 auto; border-radius:30px; color:#fff; margin-top:10px; font-size:12px;z-index:99; position: relative; text-align: center;}
.mine .top .infomation .text{ float: left; margin-left: 15px; margin-top: 25px;}
.mine .top .infomation .name{ font-size: 20px; color: #fff; }
.mine .top .infomation .tit{ font-size:15px; color:#fff; margin-top:5px;}
.mine .top .infomation .tjr{ font-size: 14px; color: #fff; margin-top:5px;}
.mine .top .infomation .tit a{ font-size: 12px; }

.mine .mine-nav{ width:100%;padding:10px; overflow:hidden;}
.mine .mine-nav ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; }
.mine .mine-nav ul li{ width:33.333%; float:left; margin-bottom: 10px;}
.mine .mine-nav ul li a{ display:block;}
.mine .mine-nav ul li img{ display:block; width:40%; margin:0 auto; margin-top:12%;}
.mine .mine-nav ul li p{ text-align:center; font-size:15px; color:#666; margin-top:5px;}



.mine .mine-nav1{ width:100%;padding:0 10px; overflow:hidden;}
.mine .mine-nav1 ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; }
.mine .mine-nav1 ul li{ width:25%; float:left; border-bottom:1px solid #f1f1f1; padding-bottom:15px;}
.mine .mine-nav1 ul li:after{content:"";float:right;width:1px;height: 50px;border-left:1px solid #f1f1f1;margin-top: -68px;}
.mine .mine-nav1 ul li:nth-child(4n):after{ border:none;}
.mine .mine-nav1 ul li a{ display:block;}
.mine .mine-nav1 ul li img{ display:block; width:60%; margin:0 auto; margin-top:12%;}
.mine .mine-nav1 ul li p{ text-align:center; font-size:15px; color:#333; margin-top:5px;}


.mine-tit-box{ width:100%; margin:0 auto; overflow:hidden; position:relative; background:#ebebeb; padding:10px 0;}
.mine-tit-box span{ float:left; font-size:18px; color:#222530; padding-left:18%; margin-top:5px;}
.mine-tit-box .sub-title{ color:#4e4d5d; font-size:15px; float:right; margin-right:18%;}
.mine-tit-box .sub-title i{display:block;text-indent: 6px;font-size:12px;font-weight:200;margin-top: -5px;letter-spacing: -1px;}
.mine-tit-box:before{content:"";background:url(../images/fl.png) no-repeat left center;width:10%;height:20px;position:absolute;left: 3%;background-size:  100% auto;top:31%;}
.mine-tit-box:after{content:"";background:url(../images/fl.png) no-repeat left center;width:10%;height:20px;position:absolute;right: 3%;background-size:  100% auto; transform:rotate(180deg);top:31%;}



.mine-order .title{border-bottom:1px solid #f1f1f1; padding:15px 10px;}
.mine-order .title span{ font-size:15px; color:#333;}
.mine-order .title span:before{ height:15px; width:3px; background:#f23030; content:""; display:block; float:left; margin-right:10px; margin-top:3px; border-radius:10px;}
.mine-order .title a{ float:right; color:#666; font-size:14px; background:url(../images/right.png) no-repeat right center; background-size:9px;padding-right: 10px;}


.mine .order-icon ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; }
.mine .order-icon ul li{ width:20%; float:left; margin-bottom: 10px; position:relative;}
.mine .order-icon ul li a{ display:block;}
.mine .order-icon ul li img{ display:block; width:50%; margin:0 auto; margin-top:12%;}
.mine .order-icon ul li p{ text-align:center; font-size:13px; color:#333; margin-top:5px;}
.mine .order-icon ul li i{ width:6px; height:6px;position:absolute;right:23%;top:17%; background:#f23338; display:block; border-radius:50%;}




.login{}
.login .logo{ width:70%; margin:0 auto; margin-top:15%}
.login .logo img{ display:block; margin:0 auto; width:55%;}
.login .logo p{ color:#333; font-size:13px; text-align:center; margin-top:15px; letter-spacing:12px;}
.login .inner{ width:70%; margin:0 auto;margin-top:15%}
.login .inner .list{ width:100%; position:relative;}
.login .inner .list input{ width:100%; border:none; border-bottom:1px solid #e9e9eb; height:40px; margin-top:15px; font-size:16px; color:#333;}
.login .inner .list  a{ float:right; color:#df3d3a; margin-top:5px;}

.login .inner .submit{ width:100%; background:url(../images/submit-bg.png) no-repeat left center; background-size:100% 100%; border-radius:30px; margin-top:20px;}
.login .inner .submit input{ height:40px; text-align:center; color:#fff; font-size:16px;  width:100%}
.login .inner .create{ font-size:14px; text-align:center; margin-top:15px; letter-spacing:2px;color:#999;}
.login .inner .create a{ color:#999;}
.login .inner .create:before{ content:""; width:30px; height:1px; background:#999;display: inline-block;vertical-align: 5px; margin-right:10px;}
.login .inner .create:after{ content:""; width:30px; height:1px; background:#999;display: inline-block;vertical-align: 5px; margin-left:10px;}
.login .other{ color:#b9bdc6;font-size:15px; text-align:center; margin-top:8%; }
.login .other:before{ content:""; width:20%; height:1px; background:#dedede;display: inline-block;vertical-align: 5px;}
.login .other:after{ content:""; width:20%; height:1px; background:#dedede;display: inline-block;vertical-align: 5px;}
.login .scan{ width:70%; margin:0 auto;  margin-top:5%;}
.login .scan img{ width:15%; margin-right:15px; margin-left:20%}
.login .scan a{color:#666;}

.login .inner .list .forget{ position:absolute; right:0; top:20px;}
.login .inner .fast{ font-size:14px; text-align:center; margin-top:20px; letter-spacing:2px; }
.login .inner .fast a{ color:#4c4c4c; border-bottom:1px solid #999999; padding:10px;}





.order{ width:100%;}
.order .status{ width:100%; background:#f8f8f8;padding:5px 0 15px 0;}
.order .status ul{ overflow:hidden;box-shadow: 0px 2px 3px #e2e1e1; }
.order .status ul li{width:20%;float:left;  text-align:center;  height:40px; line-height:40px; }
.order .status ul li a{padding-bottom:10px;}
.order .status ul li a.on{ color:#b4282d; border-bottom:2px solid #b4282d;}

.order-list{ padding:0 10px; background:#fff; margin-bottom:10px;}
.order-list .order-tit{ overflow:hidden; height:40px; line-height:40px; border-bottom:1px solid #f4f4f4;}
.order-list .order-tit span{ float:left; background:url(../images/right.png) no-repeat right center; background-size:8px;padding-right: 15px; font-size:15px; color:#333;}
.order-list .order-tit span img{ width:22px; margin-right:10px;}
.order-list .order-tit font{ float:right; color:#b4282d; font-size:14px;}
.order-list .order-tit font.cancel{color:#495056; }
.order-list .inner{ overflow:hidden; padding:10px 0; border-bottom:1px solid #f4f4f4;}
.order-list .inner .pic{ width:20%; float:left;border:1px solid #f4f4f4;}
.order-list .inner .pic img{ width:100%;}
.order-list .inner .text{ width:58%; float:left; margin:0 2%;}
.order-list .inner .text h5{ font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#353d44;}
.order-list .inner .text  p{ font-size:13px; color:#999; margin-top:10px;}
.order-list .inner  .parameter{ width:18%; float:left; text-align:right;}
.order-list .inner  .parameter .price{font-size:14px; color:#333;}
.order-list .inner  .parameter .orig-price{font-size:14px; color:#999; text-decoration:line-through; margin-top:3px;}
.order-list .inner  .parameter .num{font-size:12px; color:#999;margin-top:3px;}

.order-list .order-bottom{ line-height:30px; padding:10px 0;}
.order-list .order-bottom span{ float:left; font-size:14px; color:#a9a9a9;}
.order-list .order-bottom input{ border:1px solid #b4282d; color:#b4282d; float:right; width:100px; height:30px; font-size:15px; border-radius:4px;}


.address{ width:100%;}
.address .address-list{ margin-left:10px; padding-right:10px; border-bottom:1px solid #ebebeb;}
.address .address-list a{ display:block; padding:10px 0; background:url(../images/right.png) no-repeat right center; background-size:11px;}
.address .address-list .name{}
.address .address-list .name i{ color:#b4282d; border:1px solid #b4282d; border-radius:4px; padding:0 4px; margin-right:5px;}
.address .address-list .name span{ font-size:15px; color:#333;}
.address .address-list .name font{ font-size:12px; color:#999;}
.address .address-list .add{ margin-top:10px; font-size:14px; color:#333;}


.banner_pic img {
    width: 100%;
}

.banner_pic .swiper-pagination-bullet{
	width:10px;
	height:10px;
	background:#2e2e2f;
	border-radius:50%;
	opacity:1;
}
.banner_pic .swiper-container-horizontal .zg_swiper_pagination{
	bottom:10px;
}

.banner_pic  .swiper-pagination-bullet-active{ background:#e93b3d; width:23px; border-radius:10px;}
.banner_pic .box-fr{position:absolute;right:10px;top:60px;z-index: 999;width: 80px;}
.banner_pic .box-fr .cart{ width:40px; float:left;}
.banner_pic .box-fr .cart img{ display:block; width:80%; float:right}
.banner_pic .box-fr .share{ width:40px;float:left;}
.banner_pic .box-fr .share img{ display:block; width:80%; float:right}



.detail{ width:100%;}
.detail .information{overflow:hidden; padding:6px 10px;}
.detail .information .text{ width:72%; float:left; border-right:1px dashed #f4f4f4;}
.detail .information .text .tit{ font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#333;}
.detail .information .text .subtit{ font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#666;margin-top:6px;}
.detail .information .text .price{ font-size:16px; color:#b4282d;margin-top:6px;}

.detail .information .comment{ width:26%; float:right; text-align:center;}
.detail .information .comment i{ font-size:18px; color:#b4282d; font-weight:600; font-style:italic;}
.detail .information .comment p{ font-size:14px; color:#b4282d;}
.detail .information .comment a{ font-size:12px; color:#333; border:1px solid #999999; padding:2px 0; border-radius:4px;display:block; width:80%; text-align:center; margin:0 auto; margin-top:5px; }

.detail .pro_detail_box{ padding:0 10px; border-bottom:1px solid #f4f4f4;}
.detail .pro_detail_box .quan{ overflow:hidden; padding:13px 0; background:url(../images/right.png) no-repeat right center; background-size:10px;}
.detail .pro_detail_box .quan a{ display:block; overflow:hidden;}
.detail .pro_detail_box .quan span{color:#333; float:left;}
.detail .pro_detail_box .quan i{color:#f38809; font-size:12px;border:1px solid #f38809; padding:0 5px;}
.detail .pro_detail_box .quan font{color:#f38809; font-size:12px;}
.detail .pro_detail_box .quan ul{ float:left;}
.detail .pro_detail_box .quan ul li{ color:#999; line-height:24px;}
.detail .pro_detail_box .quan ul li:before{content:"";width:5px;height:5px;background:#b4282d;border-radius:50%;display:  inline-block;margin-right: 10px;vertical-align: 2px;}



.detail .pro_detail_box .comment{ overflow:hidden; height:45px; line-height:45px;border-bottom:1px solid #f4f4f4;}
.detail .pro_detail_box .comment a{ float:right; color:#999; font-size:12px;}
.detail .pro_detail_box .comment a img{ margin:13px 0 0 10px; float:right; width:10px;}

.detail .pro_detail_box .comment_list{ width:100%;border-bottom:1px solid #efefef; padding-bottom:10px;}
.detail .pro_detail_box .comment_list:last-child{ border:none;}
.detail .pro_detail_box .comment_list .tx{ margin:5px 0;}
.detail .pro_detail_box .comment_list .tx img{ width:30px; border-radius:50%; margin-right:10px;vertical-align: -8px;}
.detail .pro_detail_box .comment_list .tx p{ font-size:14px;}
.detail .pro_detail_box .comment_list .time{ color:#999; padding:5px 0;}
.detail .pro_detail_box .comment_list  ul{ overflow:hidden;}
.detail .pro_detail_box .comment_list  ul li{ float:left; width:25%; padding:2px;}
.detail .pro_detail_box .comment_list  ul li img{ display:block; width:100%;}





/*footer*/
.pro-footer {  position: fixed; width: 100%; bottom: 0px; z-index:999; border-top:1px solid #eee; background:#fff; }
.pro-footer ul {overflow:hidden;}
.pro-footer ul li {float:left; width:25%; text-align:center;height:45px; background-color:#fff; padding-top: 7px;font-size: 15px;}
.pro-footer ul li span{ width:24%;font-size: 20px;}
.pro-footer .footbox {overflow:hidden;float:left; width:25%; text-align:center;height:55px; background-color:#fff; padding-top: 7px;font-size: 12px;}
.pro-footer .footbox1{ width:15.5%;}
.pro-footer .footbox  span{ width:24%;}
.pro-footer .footbox  span img{ width:18px;}
.pro-footer .footbox p{ color:#666; margin-top:5px;}
.pro-footer .footbox button.but1{ width:100%; height:30px;margin-top: 4px; background:#feb603; color:#fff; border:none;border-radius:14px 0 0 14px;}
.pro-footer .footbox button.but2{ width:100%;height:30px;margin-top: 4px; background:#e93b3d; color:#fff; border:none;border-radius:0 14px 14px  0;}


.head-r span a img{ width:18px; margin-right:5px;}



.shop-wrap{}
.shop-wrap .shop-top{ padding:15px 10px;}
.shop-wrap .shop-infomation{  float:left;}
.shop-wrap .shop-infomation .shop-name{font-size:17px;background:url(../images/right.png) no-repeat right center;background-size: 9px;padding-right: 24px;}
.shop-wrap .shop-infomation .shop-name i{ color:#ff5000; font-size:14px; margin-left:10px;}
.shop-wrap .shop-infomation  .fans{ color:#353d44; margin-top:5px;}
.shop-wrap .shop-infomation .fans i{ color:#ff5000; border:1px solid #ff5000; border-radius:4px; padding:1px 6px; margin-right:5px; font-size:12px;}

.shop-wrap .shop-top input{ float:right; width:120px; height:35px; line-height:35px; background:#f0f2f4; text-align:center; color:#666;}

.shop-wrap .shop-nav{ height:35px; line-height:35px; padding:0 10px; overflow:hidden;}
.shop-wrap .shop-nav a{ font-size:15px; color:#333;  height:35px; line-height:35px; display:block; width:19%; float:left; text-align:center;}
.shop-wrap .shop-nav a.on{ color:#b4282d; border-bottom:2px solid #b4282d;}
.shop-wrap .shop-nav .search{ background:#e8e8e8; border-radius:30px; width:24%;height:28px; line-height:28px; margin-top:3px;}
.shop-wrap .shop-nav .search img{ width:15px; margin-right:5px;}

.shop-wrap .coupon{ padding:0 10px;}
.shop-wrap .coupon li{ overflow:hidden; height:100px; margin:15px auto;}
.shop-wrap .coupon li .cp-fl{ float:left; width:30%;height:100px; background:url(../images/quanbg.png) no-repeat left center; background-size:cover; color:#fff;font-size:15px; text-align:center; padding-top:8px;}
.shop-wrap .coupon li .cp-fl  strong{ font-size:34px;}
.shop-wrap .coupon li .cp-fl strong i{ font-size:18px; display:block; padding-left:28px;}
.shop-wrap .coupon li .cp-fr{ float:left; width:70%; height:100px; border:1px solid #e6e6e8; border-width:1px 0 1px 0; padding:8px 0 8px 10px; background:#fff;}
.shop-wrap .coupon li .cp-fr .title{ font-size:14px;}
.shop-wrap .cp-fr input{ width:100%; height:35px; line-height:35px; background:none; color:#04ac5f; text-align:center; margin:0 auto; display:block; border-top:1px dashed #ccc;    margin-top: 10px;}
.shop-wrap .coupon li .cp-fr .time{ font-size:12px; color:#999; margin-bottom:4px;}
.shop-wrap .coupon li .cp-fr .number{ color:#ccc; font-size:13px;border-top:1px dashed #ccc; padding-top:4px;}

.shop-wrap .coupon li.used{ }
.shop-wrap .coupon li.used .cp-fl{ float:left; width:30%;height:100px; background:url(../images/quanbg1.png) no-repeat left center; background-size:cover; color:#fff;font-size:15px; text-align:center; padding-top:8px;}
.shop-wrap .coupon li.used .cp-fr{background:#fff url(../images/used.png) no-repeat 80% center;background-size:80px;}
.shop-wrap .coupon li.used .cp-fr .title{ font-size:14px; color:#bcbcbc;}
.shop-wrap .coupon li.used .cp-fr .time{ font-size:12px; color:#bcbcbc; margin-bottom:4px;}
.shop-wrap .coupon li.used .cp-fr .number{ color:#bcbcbc; font-size:13px;border-top:1px dashed #ccc; padding-top:4px;}
.shop-wrap .coupon li.expired .cp-fr{background:#fff url(../images/expired.png) no-repeat 80% center;background-size:80px;}






.shop-wrap .shop{ padding:0 10px;}
.shop-wrap .shop a img{ width:100%; display:block; margin:10px auto;}


.wechat{padding:0 10px; }
.wechat .scan{ text-align:center; color:#666; margin:30px auto; font-size:16px;}
.wechat .scan:before{ content:''; display:inline-block; width:60px; height:1px; background:url(../images/scan.jpg) no-repeat left center; vertical-align:5px;}
.wechat .scan:after{ content:''; display:inline-block; width:60px; height:1px; background:url(../images/scan.jpg) no-repeat left center; vertical-align:5px; transform:rotate(180deg)}


.wechat .wechat-box{ background:url(../images/submit-bg.png) repeat-y left center; width:100%; box-sizing:border-box; border-radius:5px;}
.wechat .wechat-box .tit{ font-size:16px; color:#fff;padding:15px 0 0 0; text-align:center; }
.wechat .wechat-box .tit img{ width:40px; border-radius:50%; border:2px solid #f49a92;}
.wechat .wechat-box .wc-pic{ width:50%; margin:0 auto; display:block;padding:15px 0;}
.wechat .wechat-box p{ font-size:18px; color:#fff; background:url(../images/xian.png) repeat-x left top; background-size:10px; text-align:center; padding:15px 0;}



.button{ overflow:hidden; padding:50px 5px;}
.button .fl{ width:48%; float:left; height:40px; line-height:40px; box-shadow:0px 0px 5px 4px  #efefef; border:none; background:#fff; color:#333; border-radius:40px;}
.button .fr{ width:48%; float:right; height:40px; line-height:40px; border:none; background:url(../images/submit-bg.png) no-repeat left center; background-size:cover; color:#fff; border-radius:40px;}

.comment-tab{padding:0 10px;overflow:  hidden; height:75px; margin:10px 0;}
.comment-tab a{border:1px solid #7f7f7f;color:#333;padding: 3px 8px;border-radius:5px;font-size:12px;margin:5px 0;display: table;width:  auto;float: left;margin-right: 10px;}
.comment-tab a.active{border:1px solid #b4282d;color:#b4282d;}
.more{ width:100%; clear:both; text-align:center; color:#999; border-bottom:1px solid #f4f4f4; padding-bottom:10px;}

.shop-wrap .status{ width:100%; background:#f8f8f8;}
.shop-wrap .status ul{ overflow:hidden; }
.shop-wrap .status ul li{width:33.33%;float:left;  text-align:center;  height:40px; line-height:40px; }
.shop-wrap .status ul li a{padding-bottom:9px;}
.shop-wrap .status ul li a.on{ color:#b4282d; border-bottom:2px solid #b4282d;}




.personal{ padding:0 10px;}
.personal .tx{ width:100px; margin:0 auto; text-align:center; margin-top:40px;}
.personal .tx img{ width:80%; border-radius:50%; display:block; margin:0 auto; }
.personal .tx a{ color:#999;}
.personal .tx p{ padding:20px 0 20px 0;}


.personal ul{}
.personal ul li{ overflow:hidden; line-height:50px; height:50px; border-bottom:1px solid #ebebeb;}
.personal ul li span{ width:80px; float:left; display:block;}
.personal ul li em{width:18px;height:18px;border:1px solid #cccccc;display:block;border-radius:50%;float:left;margin-top: 16px;margin-right:  5px;}
.personal ul li i{float:left;margin-right: 40px;}
.personal ul li em.on{ background:#b4282d url(../images/s_goods_pitch.png) no-repeat center; background-size:130%; border:1px solid #b4282d;}

.personal ul li img{float:right;width: 10px;margin-top: 16px;}
.personal ul li input{ color:#333;}





.ranking{ padding:0 10px;}
.ranking .title{ width:100%; text-align:center; color:#fff100; margin-top:30px;}
.ranking .title img{ width:60%;}
.ranking .title p{ font-size:20px; margin-top:10px;}

.ranking .ranking-box{ background:url(../images/ranking-box.png) no-repeat left top; background-size:100%; margin:30px auto;border-radius:10px;}
.ranking .ranking-box .first{ padding-top:13%;}
.ranking .ranking-box .first ul{ overflow:hidden;}
.ranking .ranking-box .first ul li{ float:left; width:33.3%; }
.ranking .ranking-box .first ul li .pic{position:relative;width:60%;margin:0 auto; }
.ranking .ranking-box .first ul li .pic img{ width:100%; display:block; }
.ranking .ranking-box .first ul li .pic .grade{ width:20px; height:20px; position:absolute; right:0; bottom:0;}
.ranking .ranking-box .first ul li .text{ text-align:center;}
.ranking .ranking-box .first ul li .num{  color:#6fce06; font-size:16px; font-weight:600; margin-top:10px;}
.ranking .ranking-box .first ul li .tit{ font-size:16px; color:#373737; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.ranking .ranking-box .first ul li .level{ color:#828282; font-size:13px;}

.ranking .ranking-box .second{ padding:0 0 0 10px; margin-top:20px; padding-bottom:40px; background:#fff; border-radius:10px;}
.ranking .ranking-box .second ul{}
.ranking .ranking-box .second ul li{ overflow:hidden; margin-top:-1px;}
.ranking .ranking-box .second ul li .pic{ width:20%; float:left;}
.ranking .ranking-box .second ul li .pic img{ width:88%; margin-top:6%;}
.ranking .ranking-box .second ul li .text{ overflow:hidden; width:78%; float:right; border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8; padding:10px 0;}
.ranking .ranking-box .second ul li .text .tit{ float:left; overflow:hidden;}
.ranking .ranking-box .second ul li .text .tit p{ font-size:16px; color:#373737;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;margin-bottom:10px;}
.ranking .ranking-box .second ul li .text .tit span{ color:#828282; font-size:13px; margin-left:10px;}
.ranking .ranking-box .second ul li .text i{ color:#ff2d04; border:1px solid #ff2d04; border-radius:4px; font-size:12px; }
.ranking .ranking-box .second ul li .text .xl{ float:right; padding-right:10px; color:#afaeae;margin-top:6%;}
.ranking .ranking-box .second ul li .text .xl strong{ color:#6fce06; font-size:15px; font-weight:600; margin-left:5px;}



.coll-box .status{ width:100%;}
.coll-box .status ul{ overflow:hidden; }
.coll-box .status ul li{width:50%;float:left;  text-align:center;  height:40px; line-height:40px; }
.coll-box .status ul li a{padding-bottom:9px;}
.coll-box .status ul li a.on{ color:#b4282d; border-bottom:2px solid #b4282d;}
.coll-box { overflow:hidden;}
.coll-box .coll-list{ padding:10px 10px; position:relative; transform: translateX(0px);}
.coll-box .coll-list .pic{ width:25%; float:left;}
.coll-box .coll-list .pic img{ width:100%; border:1px solid #f4f4f4;}
.coll-box .coll-list .text{ overflow:hidden; width:72%; float:right;}
.coll-box .coll-list .text .tit{  overflow:hidden; height:40px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.coll-box .coll-list .text .tit i{ color:#fff; padding:0 3px; background:#d00000; border-radius:4px; font-size:12px; }
.coll-box .coll-list .text p{ overflow:hidden; margin-top:25px;}
.coll-box .coll-list .text p span{ float:left;  color:#333; font-size:13px;}
.coll-box .coll-list .text p font{ float:right;color:#8d8b8c; font-size:13px; }
.coll-box .coll-list .del{position: absolute;top: 0;right: -80px;text-align: center;background: #f23030;color: #fff;width: 80px;height: 100%;align-items: center;display: -webkit-flex;justify-content: center;}



.setting{ background:#fff; margin-top:10px; }
.setting .set-list{overflow:hidden;height:50px;line-height:50px;margin-left:10px;border-bottom:1px solid #ebebeb;background: url(../images/right.png) no-repeat 98% center;background-size: 10px;}
.setting .set-list a{ display:block;}
.setting .set-list span{ }
.setting .set-list  img{width: 36px;float:right;border-radius:50%;margin-right: 7%;margin-top: 7px;}
.setting button{ width:100%; height:60px; background:none; border:none; border-top:1px solid #ebebeb; font-size:16px; color:#333; margin-top:-1px;}
.setting .set-list font{ color:#b4b4b4; float:right;margin-right: 7%; font-size:12px;}



.message{ overflow:hidden; }
.message .mess-list{ padding:10px 10px;border-bottom:1px solid #ebebeb;}
.message .mess-list .pic{ width:20%; float:left;}
.message .mess-list .pic img{ width:100%; border:1px solid #f4f4f4;}
.message .mess-list .text{ overflow:hidden; width:77%; float:right;}
.message .mess-list .text .tit{  overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.message .mess-list .text .tit i{ color:#f23030; padding:0 3px; border:1px solid #f23030; border-radius:4px; font-size:12px; margin-left:10px; }
.message .mess-list .text p{ overflow:hidden; margin-top:15px;text-overflow:ellipsis;white-space: nowrap; color:#999;}
.message .mess-list .del{position: absolute;top: 0;right: -80px;text-align: center;background: #f23030;color: #fff;width: 80px;height: 100%;align-items: center;display: -webkit-flex;justify-content: center;}

.step{}
.step .step1{ background:url(../images/step1.png) no-repeat left center; background-size:100% 100%;}
.step .step2{ background:url(../images/step2.png) no-repeat left center; background-size:100% 100%;}
.step .step3{ background:url(../images/step3.png) no-repeat left center; background-size:100% 100%;}
.step .tit{}
.step .tit ul{ overflow:hidden; height:50px; line-height:50px; border:1px solid #e5e5e5; border-width:1px 0 1px 0;}
.step .tit ul li{float:left; text-align:center; font-size:15px; width:33.333%;}
.step .tit ul li.on{ color:#b4282d;}



.tip{ padding:0 10px; position:absolute; bottom:10px; color:#999; font-size:12px;}

.step .form{padding:0 10px; margin-top:15px;}
.step .form div{ position:relative;}
.step .form div a{ position:absolute; height:35px; line-height:35px; width:100px; right:0; top:8px; color:#333; border:1px solid #d9d9d9; text-align:center; border-radius:4px;}
.step .form input{ border:none; border-bottom:1px solid #d9d9d9; height:50px; font-size:15px; width:100%;}
.step .other{ text-align:center; margin-top:40px; display:block; }
.step .other img{width: 9px;margin-left:5px;vertical-align: -3px;}
.step .form1{ text-align:center;padding:0 10px;}
.step .form1 p{ font-size:16px; margin-top:55px;}
.step .form1 form{ margin-top:20px;border:1px solid #d9d9d9; overflow:hidden; border-radius:5px;}
.step .form1 form input{ border-right:1px solid #d9d9d9; height:35px; display:block; width:16.6%; float:left; box-sizing:border-box; margin:5px 0;}
.step .form1 form input:nth-child(6){ border:none;}




/*浮动层*/
.srzfmm_box{ margin-top:30px;}

.mm_box {width:90%;overflow: hidden;border: 1px solid #d9d9d9;border-radius:  5px;margin:  0 auto;}
.mm_box li {border-right: 1px solid #d9d9d9;height:30px;float: left;width: 16.3%;background: #FFF;margin: 6px auto;}
.mm_box li.mmdd{ background:#FFF url(../images/dd_03.jpg) center no-repeat ; background-size:25%;}
.mm_box li:last-child { border-right: none; }
.xiaq_tb { padding: 5px 0; text-align: center; border-top: 1px solid #dadada; }
.numb_box { position: absolute; z-index: 10; background: #f5f5f5; width: 100%; bottom: 0px; display:none; }
.nub_ggg { border: 1px solid #dadada; overflow: hidden; border-bottom: none; }
.nub_ggg li { width: 33.3333%; border-bottom: 1px solid #dadada; float: left; text-align: center; font-size: 22px; }
.nub_ggg li a { display: block; color: #000; height: 50px; line-height: 50px; overflow: hidden; }
.nub_ggg li a:active  { background: #e0e0e0;}
.nub_ggg li a.zj_x { border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.nub_ggg li span { display: block; color: #e0e0e0; background: #e0e0e0; height: 50px; line-height: 50px; overflow: hidden; }
.nub_ggg li span.del img { width: 30%; }

.step .button{margin:0 auto;width:90%;}
.step .button button{ width:100%; background:#e84d45; height:40px; line-height:40px; color:#fff; font-size:16px; border:none; }







.bank-box{ padding:0 10px;}
.bank-box .bank-list{ position:relative; margin-top:15px;}
.bank-box .bank-list .bank-bg{ width:100%;}
.bank-box .bank-list .bank-bg img{ width:100%;}
.bank-box .bank-list .text{ position:absolute; top:20%; width:100%;}
.bank-box .bank-list .text { overflow:hidden;}
.bank-box .bank-list .text  .pic{ float:left; width:45px; margin-left:5%;}
.bank-box .bank-list .text  .pic img{ width:100%;}
.bank-box .bank-list .text  .name{ float:left; color:#fff; margin-left:10px; }
.bank-box .bank-list .text  .name h5{ font-size:15px;}
.bank-box .bank-list .text  .name span{ font-size:13px;}
.bank-box .bank-list .text  .name p{ font-size:22px; color:#fff; margin-top:2%;}



.addto{overflow:hidden;height:50px;line-height:50px; padding:0 10px;background:#f2f2f2 url(../images/right.png) no-repeat 98% center;background-size: 10px; margin-top:10px;}
.addto a{ display:block; color:#5b5b5b;}





.new-address{ padding:0 0 0 10px;}
.new-address .list{ border-bottom:1px solid #ebebeb;}
.new-address .list input{ height:50px; line-height:50px; color:#333; width:100%; border:none;}
.new-address .default{ text-align:center; color:#808080; margin-top:10px; font-size:15px;}
.new-address .default em{width:18px;height:18px;border-radius:50%;display: inline-block;border:1px solid #808080;vertical-align: -2px;margin-right: 6px;}
.new-address .default em.on{ background:#b4282d url(../images/s_goods_pitch.png) no-repeat center; background-size:130%; border:1px solid #b4282d;}
.feedback  .list{ padding:0 10px; background:#fff; position:relative;}
.feedback .list input{height:50px; line-height:50px; color:#333; width:100%; border:none;}
.feedback .list textarea{height:150px; line-height:30px; color:#333; width:100%; border:none; font-family:'微软雅黑'; padding:10px 0;}
.feedback .list .count{ position:absolute; bottom:10px; right: 10px; font-size:16px; color:#999;}



.upload{ margin-top:20px; padding:0 10px;}
.upload h4{ color:#999;}
.upload ul{ overflow:hidden; margin-top:15px;}
.upload ul li{ float:left; width:22%; margin-right:3%; position:relative; margin-bottom:10px;}
.upload ul li img{ width:100%; display:block;}
.upload ul li input{ position:absolute; height:100%; top:0; left:0; width:100%; opacity:0;}





.pp-out{ }
.pp-out .tab{padding:0 10px; background:#fff;}
.pp-out .title{ overflow:hidden; border-bottom:1px solid #e2e2e2;}
.pp-out .title h6{ width:72%; float:left; color:#666; font-size:15px; margin-top:10px; }
.pp-out .title p{ width:72%;float:left; font-size:14px; color:#999999; margin-top:5px; margin-bottom:5px;}
.pp-out .title em{width:18px;height:18px;border-radius:50%;display:block;border:1px solid #808080; float:right; margin-top:-5px;}
.pp-out .title em.on{ background:url(../images/gou.png) no-repeat center; background-size:80%; border:1px solid #ff6e06;}
.pp-out table{ width:100%;}
.pp-out td{ height:30px; font-size:15px; color:#999999;}
.pp-out td:nth-child(2n){ text-align:right;}
.pp-out td a.out{ color:#1d9614;}
.pp-out td a.in{ color:#e54741;}
.pp-footer { position:fixed; bottom:0px; left:0; width:100%; height:50px; line-height:50px; background:#fff;border-top:1px solid #f4f4f4;}
.pp-footer span{ width:70%; float:left; display:block;  padding-left:10px; color:#666; font-size:16px;}
.pp-footer span strong{ color:#e54741; font-size:18px;}
.pp-footer a{ width:30%; float:left; background:url(../images/jiesuan.png) no-repeat left center; background-size:100% 100%; display:block; text-align:center; color:#fff; font-size:16px;}

.pp-out .title i{ width:28%; font-size:14px; color:#e3e3e3; display:block; float:right; text-align:right;}
.pp-out .title i font{ font-size:18px; padding:0 3px;}

.pp-out .total{ text-align:center; color:#fff; background:url(../images/jiesuan.png) no-repeat center; width:100%; background-size:100% 100%; padding:40px 0;}
.pp-out .total .income{ font-size:30px; padding:6px 0;}
.pp-out .total .amount{ font-size:15px;}
.pp-out .total .tit{ font-size:13px; font-weight:300;}
.pp-out  .sy{}
.pp-out  .sy ul{ overflow:hidden;}
.pp-out  .sy ul li{ float:left; width:33.33%; background:#dd3e3d; color:#fff; text-align:center; padding:15px 0;}
.pp-out  .sy ul li p{ font-size:15px; margin-top:5px;}
.pp-out  .sy ul li p.tit{ font-weight:200; font-size:14px;}


.button1{ overflow:hidden; padding:50px 5px; font-size:15px;}
.button1 .fl{ width:100%;  height:40px; line-height:40px; box-shadow:0px 0px 5px 4px  #efefef; border:none; background:#fff; color:#333; border-radius:40px;}
.button1 .fr{ width:100%;  height:40px; line-height:40px; border:none; background:url(../images/submit-bg.png) no-repeat left center; background-size:cover; color:#fff; border-radius:40px; margin-bottom:15px;}
.button1 img{ width:30px; margin-right:10px; vertical-align:-4px;}












.pp-in{}
.pp-in .pp-in-top{ padding:15px 10px;border-bottom:1px solid #e2e2e2;}
.pp-in .pp-in-top p.tit{ color:#333; font-size:16px;}
.pp-in .pp-in-top p.money{ border-bottom:1px solid #e2e2e2;}
.pp-in .pp-in-top p.money i{ font-size:18px; color:#333;}
.pp-in .pp-in-top p.money input{ width:70%; height:60px; font-size:20px;}
.pp-in .pp-in-top p.explanation{ font-size:12px; color:#999; margin-top:15px;}

.pp-in .pp-in-bottom .pp-in-list{overflow:hidden;height:50px;line-height:50px;margin-left:10px;border-bottom:1px solid #ebebeb;background: url(../images/right.png) no-repeat 98% center;background-size: 10px;}
.pp-in .pp-in-bottom .pp-in-list a{ display:block;}
.pp-in .pp-in-bottom .pp-in-list em{ float:right; color:#999; padding-right:6%; }
.pp-in .pp-in-bottom button{ width:94%; height:40px; background:#e84d45; border:none;  font-size:16px; color:#fff; margin:0 auto;display: block; margin-top:20px;}
.confirm-wrap{}
.confirm-wrap .floor{ padding:10px 10px; background:#fffced url(../images/caidai.png) repeat-x left top; background-size:100%;line-height:28px;border-bottom:1px solid #e2e2e2;}
.confirm-wrap .floor a{ overflow:hidden;display:block;background: url(../images/right.png) no-repeat 98% center;background-size: 10px;  color:#333; }
.confirm-wrap .floor .floor-1{ width:25%;}
.confirm-wrap .floor .floor-1 i{ color:#de3b39; border:1px solid #de3b39; border-radius:5px; font-size:12px; padding:0 3px;}
.confirm-wrap .floor .floor-2{ width:70%;}

.confirm-wrap .floor2{ padding:0 10px; height:50px;line-height:50px;}
.confirm-wrap .floor2 a{ overflow:hidden;display:block;background: url(../images/right.png) no-repeat 98% center;background-size: 10px;  color:#333; }
.confirm-wrap .floor2 a span{ float:left;}
.confirm-wrap .floor2 a font{ float:right; padding-right:6%;}

.confirm-wrap .floor3{ padding:0 10px; height:40px;line-height:40px;}
.confirm-wrap .floor3 span{ float:left;}
.confirm-wrap .floor3 font{ float:right; }

.commodity .commodity-list{ padding:0 10px;}
.commodity .commodity-list .title{ overflow:hidden; height:40px; line-height:40px; border-bottom:1px solid #f4f4f4;}
.commodity .commodity-list .title span{ float:left; background:url(../images/right.png) no-repeat right center; background-size:8px;padding-right: 15px; font-size:15px; color:#333;}
.commodity .commodity-list .title span img{ width:22px; margin-right:10px;}
.commodity .commodity-list .inner{ overflow:hidden; padding:10px 0; border-bottom:1px solid #f4f4f4;}
.commodity .commodity-list .inner .pic{ width:20%; float:left;border:1px solid #f4f4f4;}
.commodity .commodity-list .inner .pic img{ width:100%;}
.commodity .commodity-list .inner .text{ width:58%; float:left; margin:0 2%;}
.commodity .commodity-list .inner .text h5{ font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#353d44;}
.commodity .commodity-list .inner .text  p{ font-size:13px; color:#999; margin-top:10px;}
.commodity .commodity-list .inner  .text .price{font-size:14px; color:#333; margin-top:5px;}
.commodity .commodity-list .inner  .parameter{ width:18%; float:left; text-align:right;}
.commodity .commodity-list .inner  .parameter .num{font-size:12px; color:#999;margin-top:3px;}



.commodity-footer { position:fixed; bottom:0px; left:0; width:100%; height:50px; line-height:50px; background:#fff;border-top:1px solid #f4f4f4;}
.commodity-footer span{ width:70%; float:left; display:block;  padding-left:10px; color:#666; font-size:16px; text-align:right; padding-right:10px;}
.commodity-footer a{ width:30%; float:left; background:url(../images/jiesuan.png) no-repeat left center; background-size:100% 100%; display:block; text-align:center; color:#fff; font-size:16px;}









/*星星样式*/
.comment-edit .list{ padding:10px 10px;border-bottom:1px solid #f4f4f4;}
.comment-edit .list .title{ float:left; color:#333;}
.comment-edit .star_score { background:url(../images/starky.png);height:21px;  position:relative; float:left; margin-left:15px;}
.comment-edit .star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
.comment-edit .star_score a:hover{ background:url(../images/starsy.png);left:0;}
.comment-edit .star_score a.clibg{ background:url(../images/starsy.png);left:0;}
.comment-edit .attitude{ float:right; color:#aaabb3;}


.comment-edit .list1{ padding:10px 10px;}
.comment-edit .list1 .title{ float:left; color:#999;}

.comment-edit .textarea{ padding:0 10px;}
.comment-edit .textarea textarea{ width:100%; height:80px; margin-top:10px; line-height:24px; border:none; resize:none;}



.comment-edit .comment-title{ padding:0 10px;height:40px; line-height:40px; font-size:15px; color:#333;}
.comment-edit .comment-title img{ width:22px; margin-right:10px;}




.sharebg{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background:#000;opacity:.6}
.sharebg-active{display:block}
.order_now{position:fixed;bottom:0;left:0;z-index:1110;margin:0 auto;width:100%;border-radius:0;border-radius:9pt 9pt 0 0;background:#fff;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%);-ms-transform:translateY(100%)}
.ord_detail{padding-bottom:10px;width:100%}
.pro_pto{position:relative;display:flex;padding-bottom:10px;padding-left:18px;border-bottom:1px solid #dedddd;align-items:center}
.pro_pto img{display:none;margin-top:5px;width:5pc;border-radius:4px}
.pro_pto p{text-indent:1em}
.close{position:absolute;top:5px;right:18px;font-size:18px}
.pro_sel{overflow:hidden;box-sizing:border-box;margin:10px auto;margin-bottom:10px;padding:0 18px;width:100%;border-bottom:1px solid #eee}
.pro_sel p{float:left;text-align:left;line-height:36px}
.pro_sel ul{overflow:hidden;width:100%}
.pro_sel ul li.kinds_had{background:#e93b3d;color:#fff}
.pro_sel ul li{float:left;margin-right:10px;margin-bottom:10px;width:20%;border-radius:15px;background:#f8f8f8;color:#918f8f;text-align:center;line-height:28px}
.order_now .num{float:right; text-align:center;}
.order_now .num a{float:left;display:block;width:33px;height:33px;background:#f1f1f1;color:#fff;font-size:18px;line-height:33px}
.order_now .num input{float:left;width:50px;background:#c7c7c7;text-align:center}
.order_now .num input,.order_now button{display:block;height:33px;border:none;color:#fff; float:left;}
.order_now button{width:45%;border-radius:20px;background:#e93b3d;  margin:20px 0 20px 2.5%;}
.order_now button.but1{background:#feb603;}


.order_now1{position:fixed;bottom:0;left:0;z-index:1110;margin:0 auto;width:100%;border-radius:0;border-radius:9pt 9pt 0 0;background:#fff;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%);-ms-transform:translateY(100%); min-height:300px;}
.order_now1 .promotion{ margin-top:30px; padding:0 10px;}
.order_now2{position:fixed;bottom:0;left:0;z-index:1110;margin:0 auto;width:100%;border-radius:0;border-radius:9pt 9pt 0 0;background:#fff;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%);-ms-transform:translateY(100%); min-height:300px;}
.order_now2 .quan{ line-height:30px;margin-top:30px; padding:0 10px;}
.am-modal-active{-webkit-transform:translateY(0);transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}




/*20180815*/
/*快速导航*/
.quick-nav1{width:100%;padding: 10px 4px;margin-top: -14%;overflow:hidden;}
.quick-nav1 ul{ overflow:hidden;width:100%;margin:0 auto; background:url(../images/quick-nav1.png) no-repeat top center; position:relative; z-index:999;background-size: 100% 100%;padding: 15px 10px 0 10px;}
.quick-nav1 ul li{ width:20%; float:left; margin-bottom: 10px;}
.quick-nav1 ul li a{ display:block;}
.quick-nav1 ul li img{ display:block; width:70%; margin:0 auto; margin-top:12%;}
.quick-nav1 ul li p{ text-align:center; font-size:14px; color:#010101; margin-top:5px;}



.quick-nav2{width:100%;padding: 0 4px;overflow:hidden;}
.quick-nav2 ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; position:relative; z-index:999;}
.quick-nav2 ul li{ width:25%; float:left; margin-bottom: 10px;}
.quick-nav21 ul li a{ display:block;}
.quick-nav2 ul li img{ display:block; width:70%; margin:0 auto; margin-top:12%;}
.quick-nav2 ul li p{ text-align:center; font-size:14px; color:#666; margin-top:5px;}

.gg{ background:#fbfbfb; padding:5px 10px;}


.product_ranking{ padding:0 10px; background:#f2f2f2; height:120px;}
.product_ranking .rank_fl{ width:12%; float:left; margin-top:8%;}
.product_ranking .rank_fl img{ width:100%;}

.product_ranking .rank_fr{ float:right; width:82%; position:relative;}
.product_ranking .rank_fr li a{ display:block; height:100%;}
.product_ranking .rank_fr li{ background:#fff; height:100px; margin-top:10px; width:90%; padding:15px; overflow:hidden; position:absolute; box-sizing:border-box; transition:all .6s;-webkit-transition:all .6s;}
.product_ranking .rank_fr li .text{ float:left; width:60%;}
.product_ranking .rank_fr li .text em{ display:block;}
.product_ranking .rank_fr li .text em img{ width:65px;}
.product_ranking .rank_fr li .text .title{ font-size:14px; color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:3px;}
.product_ranking .rank_fr li .text p{ font-size:12px;color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:6px;}
.product_ranking .rank_fr li .pic{ float:right; width:30%;}
.product_ranking .rank_fr li .pic img{ width:100%;}
.product_ranking .rank_fr .active{transform: translateX(0) scale(1);z-index:3;}
.product_ranking .rank_fr .next{transform: translateX(13%) scale(0.85); z-index:2; opacity:.9;}
.product_ranking .rank_fr .next2{transform: translateX(26%) scale(0.7);z-index:1;opacity:.8;}




.new-index{ width:96%; margin:0 auto;}
.new-index li{ margin:0 2%; width:21%; float:left; margin-bottom:10px;}
.new-index li .pic{ width:100%;}
.new-index li .pic img{ width:80px; height:80px; border-radius:4px;}
.new-index li .price{ text-align:center; font-size:14px; color:#e93c3e; margin-top:6px; height:25px; line-height:25px; overflow:hidden;}
.new-index li .price em{ color:#fe7100; font-size:12px; border:1px solid #fe7100; border-radius:3px; padding:0 1px;}
.new-index li .y-price{ font-size:12px; color:#ccc; text-decoration:line-through; text-align:center; margin-top:2px;}
.new-index li .y-price1{ font-size:12px; color:#ccc; text-align:center; margin-top:2px;}

.banner1{margin:10px; box-sizing:border-box;}
.banner1 img{ width:100%;}




.floor-1{}
.floor-1 li{ width:25%; float:left; border:1px solid #f2f2f2; border-width:0 1px 1px 0; padding:10px ; position:relative; height:150px;}
.floor-1 li .pic{ width:80%; margin:0 auto; margin-top:10px;}
.floor-1 li .pic img{ width:100%;}
.floor-1 .text .tit{ font-size:15px; color:#333; margin-top:4px; height:28px; line-height:28px; overflow:hidden;}
.floor-1 .text .price{ font-size:12px; color:#999999; height:25px; line-height:25px; overflow:hidden;}
.floor-1  li:nth-child(4n){ border-right:none;}


.floor-2{ overflow:hidden; border:1px solid #f2f2f2; border-width:1px 0 1px 0; }
.floor-2 .f2-fl{ width:33.3%; float:left; margin-top:2%;}
.floor-2 .f2-fl img{ width:100%;}
.floor-2 .f2-fr{ width:66.66%; float:left;}
.floor-2 .f2-fr li{ width:50%; float:left; border:1px solid #f2f2f2; border-width:0 1px 1px 0; padding:5px 10px ; position:relative; height:130px; }
.floor-2 .f2-fr li .pic{ width:60%; margin:0 auto; margin-top:2px;}
.floor-2 .f2-fr li .pic img{ width:100%;}
.floor-2 .f2-fr .text .tit{ font-size:15px; color:#333; margin-top:4px; height:25px; line-height:25px;overflow:hidden;}
.floor-2 .f2-fr .text .price{ font-size:12px; color:#999999; height:20px; line-height:20px; overflow:hidden;}
.floor-2 .f2-fr li:nth-child(3){ border-bottom:none;}
.floor-2 .f2-fr li:nth-child(4){ border-bottom:none;}
.floor-2 .f2-fr li:nth-child(2n){ border-right:none;}
.h8 {height: 8px;}

.index-top1{ position:absolute; width:100%; box-sizing:border-box; padding:10px 10px;z-index:2}
.index-top1 .search{ float:right; width:50%; background:rgba(255,255,255,.9); border-radius:20px; height:32px; overflow:hidden;margin-top: 8px;}
.index-top1 .search .search-logo{ float:left; width:25%; display:block; height:32px;line-height:32px; background:url(../images/search-logo.png) no-repeat center; background-size:60% auto; position:relative;}
.index-top1 .search .search-logo:after{ content:""; width:1px; height:20px; position:absolute; right:0; top:8px; background:#999;}
.index-top1 .search input{ height:32px; width:60%; font-size:12px;}
.index-top1 .search .search-form-icon{ float:left;width:10%;display:block;height:32px;line-height:32px; background:url(../images/search-form-icon.png) no-repeat center; background-size:15px auto;}
.index-top1 .online{ width:30%; font-size:12px; color:#fff; float:left; margin-top:10px;}
.index-top1 .online img{ width:20px; margin-right:5px;vertical-align:-7px;}
.index-top1 .online font{ color:#fff600; font-size:15px; font-weight:600;}
.index-top1 .weather{ width:20%; float:left; color:#fff; font-size:12px;}
.index-top1 .weather img{ width:20px;vertical-align:-7px;}
#img{ float:left;}
#tq{ float:left; margin-left:5px;}
/*20180815*/