@charset "utf-8";
body{ background-color: #fff; color: #333; line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div{ display: block; }
li {list-style: none;}
a{ text-decoration: none; }
.align-center{ text-align: center; }
.layui-clear{ clear: both; *zoom: 1;}
.layui-clear:after{ content: '\20'; clear: both; *zoom: 1; display: block; height: 0;}
.layui-nav .layui-nav-item {position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;line-height: 60px;}
.layui-form-item {margin-bottom: 15px;clear: both;*zoom: 1;}
.layui-form-pane .layui-input {border-radius: 0 2px 2px 0;}
.layui-input, .layui-textarea {display: block;width: 100%;padding-left: 10px;}
.layui-input, .layui-select, .layui-textarea {height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;box-sizing: border-box;}
.layui-textarea{border-color: #eee;position:relative;outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
.layui-textarea:hover{ border-color: #eee !important;}
.layui-textarea:focus{ border-color:#d2d2d2!important;}
.layui-form-pane .layui-form-label {width: 110px;padding: 8px 15px;height: 38px;line-height: 20px;border-width: 1px;border-style: solid;border-radius: 2px 0 0 2px;text-align: center;background-color: #FBFBFB;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}
.layui-form-label {float: left;display: block;padding: 9px 15px;width: 80px;font-weight: 400;line-height: 20px;text-align: right;}

.layui-btn{ height: 38px; line-height: 38px; border: 1px solid transparent;  padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; }
.contaninter{ width: 1200px; margin: 0 auto; clear: both;}
/* 顶部导航*/
.top-nav{ background-color: #f2f2f2; border-bottom: 1px solid #eaeaea; font-size: 12px; height: 32px; line-height: 32px;}
.top-nav .text span{ padding-left: 15px;  color: #7300ab; position: relative;}
.top-nav .text span i{ padding-right: 5px; }
.top-nav .text span .layui-icon{ font-size: 14px; }
.top-nav .text span:hover .app{ display: block; }
.top-nav .app{ display: none; position: absolute; top: 32px; left: 0; z-index: 10;}
.top-nav .layui-nav{ background-color: transparent;}
.top-nav .layui-nav *{ font-size: 12px;}
.top-nav .layui-nav .layui-nav-item{ line-height: 32px; }
.top-nav .layui-nav .layui-nav-item a{ color: #333; padding: 0 10px;}
.top-nav .layui-nav .layui-nav-item a:hover, .top-nav .layui-nav .layui-this a{ color: #7300ab; }
.top-nav .layui-nav .layui-this:after, .top-nav .layui-nav-bar, .top-nav .layui-nav-tree .layui-nav-itemed:after{ height: 0;}
.top-nav .layui-nav .layui-nav-more{ border-color: #666 transparent transparent; right: -8px;}
.top-nav .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{ border-color: transparent transparent #666;}
.top-nav .layui-nav-child{ background-color: #f2f2f2; border-top: 0 none; top: 32px; line-height: 28px;}

/* 头部logo+搜索*/
.head{ margin: 15px 0 10px;}
.head .logo{ position: relative; }
.head .logo img{ width: 185px; }
.head .logo span{ position: absolute; bottom: 10px; left: 210px; height: 40px; text-indent: -9999px;}
.head .logo .link-cart{ background: url("../images/cart-icon.png"); width: 80px;}
.head .logo .link-login{ background: url("../images/login-icon.png"); width: 110px;}
.head .search{ display: inline-block; float: left; margin-top: 20px;}
.head .search .layui-form-item{ margin-bottom: 5px; display: inline-block; width: 100%;}
.head .search .layui-form-pane .layui-input-block{ margin: 0; right: -2px; left: 1px; float: left; width: 400px;}
.head .search .layui-form-pane .layui-input-block .layui-input, .head .search .layui-input:hover, .layui-textarea:hover{ border-color: #333 !important; }
.head .search .layui-form-label{ background-color: #333; border: 1px solid #333; color: #fff; border-radius: 0 4px 4px 0; width: 60px; }
.head .search .layui-form-label i{ font-size: 18px; }
.head .search ul li{ float: left; padding-right: 10px; color: #999;}
.head .search ul li a{ font-size: 12px; color: #999;}
.head .cart{ display: inline-block; float: left; margin: 20px 0 0 20px; position: relative;}
.head .cart a{ background-color: #333;  border-radius: 4px; color: #fff; display: inline-block; padding: 0 15px; height: 38px; line-height: 38px;}
.head .cart a:hover{ color: rgba(255, 255, 255, .9)!important; }
.head .cart a i{ padding-right: 5px; }
.head .cart a .cart-hotword{ cursor: pointer; overflow: hidden; position: absolute; top: -2px; right: -2px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #f42f2f; border-radius: 100%;}

/* 导航*/
.wrap-nav{ border-bottom: 2px solid #6f00af; position: relative;z-index: 9;}
.wrap-nav .contaninter{ position: relative;}
.wrap-nav .h-list ul{ padding-left: 190px; }
.wrap-nav .h-list li{ height: 39px; line-height: 39px; float: left;}
.wrap-nav .h-list li a{ padding: 0 28px 0 28px; font-size: 15px; font-weight: bold;color: #6f00af;}
.wrap-nav .h-list li a:hover{ color: #7300ab;}
.wrap-nav .h-list li .icon-hot{ background-position: 0 -240px; width: 29px; height: 17px; position: absolute; top: -10px; left: 324px;}
.wrap-nav .nav{ position: absolute; top: 0; left: 0; width: 190px;}
.wrap-nav .nav .classify{ background-color: #6f00af; color: #fff; cursor: pointer; display: flex; align-items: center; font-size: 16px; padding: 0 10px; height: 39px; line-height: 39px;}
.wrap-nav .nav .classify i{ font-size: 18px; padding-right: 5px;}
.wrap-nav .nav .classify i.f-icon-list{ background-position: 10px -324px; background-size: 150%; width: 30px; height: 38px;}
.wrap-nav .s-list{ background-color: rgba(111, 0, 175, 0.8); box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.3); height: 450px;}
.wrap-nav .s-list li.s-item{ border-top: 1px #b253c3 solid; padding: 10.7px 9px; }
.wrap-nav .s-list li.s-item.hover{ background-color: #fff; }
.wrap-nav .s-list li.s-item.hover p, .wrap-nav .s-list li.s-item.hover p a{ color: #666; }
.wrap-nav .s-list li.s-item.hover h2{ color: #333; }
.wrap-nav .s-list h2{ font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.wrap-nav .s-list h2 .layui-icon{ font-size: 14px; }
.wrap-nav .s-list p{ line-height: 20px; margin-top: 5px; color: #fff;}
.wrap-nav .s-list p a{ font-size: 13px; color: #ebc9ff; padding-right: 5px;}

.wrap-nav .s-list li.s-item.hover .model-nav{ display: block; }
.wrap-nav .s-list .model-nav{ background-color: #fff; display: none; width: 798px; height: 448px; /*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);*/ border: 1px solid #ddd; position: absolute;top: 39px;z-index: -1;left: 190px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main{ width: 530px; padding: 0px 20px 500px 20px; border-right: 1px solid #ddd; float: left;}
.wrap-nav .s-list .model-nav .model-main .model-top{ font-size: 16px; border-bottom: #e5e5e5 1px solid;}
.wrap-nav .s-list .model-nav .model-main dl{ padding: 10px 7px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dt{ width: 90px; font-size: 12px; color: #333; line-height: 22px; font-weight: 700; float: left;}
.wrap-nav .s-list .model-nav .model-main dl dd{ line-height: 22px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dd a{ color: #666;font-size: 12px;margin: 0 5px 0 5px;float: left;display: inline;white-space: nowrap;width: 75px;}

.wrap-nav .s-list .model-nav .model-side{ width: 217px;padding-top: 5px;padding-left: 10px;float: left;}
.wrap-nav .s-list .model-nav .model-side .model-top{ height: 30px;line-height: 30px;padding-left: 4px;color: #333333;}
.wrap-nav .s-list .model-nav .model-side .model-brand{ display: inline-block; margin: 5px 0 10px 4px;}
.wrap-nav .s-list .model-nav .model-side .model-brand li{ border: 1px solid #eee;margin: -1px 0 0 -1px; padding: 0;float: left;}

/* 脚注*/
.footer{ padding-top: 40px;}
.footer .f-pret03{ background-color: #333; color: #fff; text-align: center; }
.footer .f-pret03 a{ color: #fff; }
.footer .f-pret03 .about{ padding: 15px 0; }
.footer .f-pret03 .copy{ font-size: 12px; }
.footer .f-pret03 .copy p{ padding-bottom: 5px; }
.footer .f-pret03 .copy a{ padding: 0 5px; }
.footer .f-pret03 .pic{ padding-bottom: 5px; }
.footer .f-pret03 .pic img{ width: 35px; height: 35px; }

.footer .f-pret03.login-footer, .footer .f-pret03.login-footer a{ background-color: #fff; color: #333;}

.f-middle .txt2{ display: flex; align-items: center; justify-content: space-between; }
.mt10{ margin-top: 10px; }
.mb10{ margin-bottom: 10px; }
.pt10{ padding-top: 10px; }
.pull-left{ float: left;}
.pull-right{ float: right;}
.m-left{ width: 860px; float: left;}
.m-right{ width: 300px; float: right;}
.m-box{ padding-bottom: 10px; display: inline-block; width: 100%; }
.box-left{ width: 300px; float: left;}
.box-right{ width: 540px; float: right;}


.koubei-title{ color: #333; font-size: 20px; font-weight: bold; padding: 15px 0;}
.showbrandarticle-nav{ padding: 0 0 10px 1px; display: inline-block; width: 100%; box-sizing: border-box;}
.showbrandarticle-nav a{ border: 1px solid #e4e4e4; color: #333; display: inline-block; font-size: 18px; float: left; padding: 0 30px; height: 40px; line-height: 40px; margin-left: -1px; }

.icon-search{ background: url('https://static.ziyimall.com/file_img/pic/icon-search.png') no-repeat center center; background-size: 100%; display: inline-block; width: 20px; height: 20px;}
.icon-wen{ background-color: #fc5925; }
.icon-da{ background-color: #78d4e2; }
.icon-wen, .icon-da{ border-radius: 4px; color: #fff; font-size: 12px; font-weight: normal; font-style: normal; padding: 2px 3px;}
.icon-error{ background: url('https://static.ziyimall.com/file_img/pic/icon-error.png') no-repeat center center; background-size: 100%; display: inline-block; width: 16px; height: 16px; margin-right: 6px;}
.icon-like01{ background: url('https://wap.ziyimall.com/images/koubei/icon-like01.png') no-repeat center center; background-size: 100%;}
.icon-like02{ background: url('https://wap.ziyimall.com/images/koubei/icon-like02.png') no-repeat center center; background-size: 100%;}
.icon-chat{ background: url('https://wap.ziyimall.com/images/koubei/icon-chat.png') no-repeat center center; background-size: 100%;}
.icon-like01, .icon-like02, .icon-chat{  display: inline-block; width: 18px; height: 16px; margin-right: 5px; }

.pro-box{ border: 1px solid #e4e4e4; }
.pro-box .pro-title{ border-bottom: 1px solid #e4e4e4; padding: 10px; }
.pro-box .pro-title span{ color: #333; font-size: 16px; font-weight: bold; }
.pro-box .pro-title a{ color: #999; font-size: 14px; float: right; display: inline-flex; align-items: center;}
.pro-box .pro-con{ padding: 20px 10px; box-sizing: border-box;}

.pro-img{ width: 300px; height: 300px;}
.pro-img img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }

.answers-height{ height: 249px; overflow: hidden; }
.answers-box{ border-bottom: 1px dotted #e4e4e4; margin-bottom: 10px; }
.answers-box:last-child{ border-bottom: 0 none; margin-bottom: 0; }
.answers-box .answers-list{ font-size: 16px; margin-bottom: 10px; color: #333; display: flex; align-items: center;}
.answers-box:last-child .answers-list:last-child{ margin-bottom: 0; }
.answers-box .answers-list i{ margin-right: 5px;}
.answers-box .answers-list span{ width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* 参考价格*/
.pro-info{ padding: 10px; display: flex; align-items: center; justify-content: space-between; }
.pro-info em{ font-style: normal; }
.pro-info .t01{ font-size: 16px; font-weight: bold;}
.pro-info .t02{ background-color: #f2f2f2; border-radius: 50px; color: #666; padding: 5px 10px; display: inline-flex; align-items: center; }
.pro-info .t02.select{ color: #48a358;}
/* 产品评分*/
.stars{ display: flex; align-items: center; }
.stars-right{ padding-left: 10px; flex: 1;}
.stars-text{ padding-top: 15px; display: flex; justify-content: space-between; }
.stars-text span{}
.stars-text a{ border: 1px solid #FF8000; border-radius: 50px; color: #FF8000; display: inline-block; font-size: 14px; padding: 5px 20px; }
/* 圆形进度条*/
.circle {width: 100px;height: 100px;position: relative;border-radius: 50%;background: #FF8000;}
.clip_left,.clip_right {width: 100px;height: 100px;position: absolute;top: 0px;left: 0px;}
.circle_left,.circle_right {width: 100px;height: 100px;position: absolute;border-radius: 50%;top: 0;left: 0;background: #eee;}
.circle_right,.clip_right {clip: rect(0, auto, auto, 50px);}
.circle_left,.clip_left {clip: rect(0, 50px, auto, 0);}
.mask {width: 80px;height: 80px;border-radius: 50%;left: 10px;top: 10px;background: #FFF;position: absolute;text-align: center;line-height:80px;font-size: 18px;font-weight: bold;}
/* 产品参数*/
.parameter-ul{color: #555; font-size: 16px; line-height: 35px;}
.parameter-ul li span{ color: #333; font-size: 15px; font-weight: bold;}

.parameter-btn{ text-align: center; padding-top: 2px; }
.parameter-btn a{ background-color: #FF8000; border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; padding: 10px 0; letter-spacing: 4px; text-align: center; width: 50%; margin: 0 auto;}
.parameter-btn a:hover{ background-color: #f27900; color: #fff !important; }
/* 产品评论*/
.evaluate-content dl{ border-bottom: 1px solid #f2f2f2; display: flex; padding: 10px 0;}
.evaluate-content dl:last-child{ border-bottom: 0 none; padding-bottom: 0; }
.evaluate-content dl dt{ padding-right: 20px;}
.evaluate-content dl dt img{ border-radius: 50%; width: 50px; height: 50px;}
.evaluate-content dl dd{ padding: 15px 0; width: 100%;}
.evaluate-content dl dd .c-1{ border-bottom: 1px dashed #eee; padding-bottom: 10px;}
.evaluate-content dl dd .c-1 span{ float: right; color: #bbb;}
.evaluate-content dl dd .c-2, .evaluate-content dl dd .c-3{ margin-top: 10px; }
.evaluate-content dl dd .c-2 span{ margin-right: 5px; }
.evaluate-content dl dd .c-3 span{ color: #000; }
.evaluate-content dl dd .moip li{ display: inline-block; float: left; margin: 10px 10px 0 0;}
.evaluate-content dl dd .moip li:hover{ cursor: pointer; }
.evaluate-content dl dd .moip li img{ width:100px; height:100px;max-width: 500px;}
/* 暂无评论*/
.no-comment{ text-align: center; padding: 2rem 0; }
.comment-not{background: url('https://wap.ziyimall.com/images/koubei/icon-not.png?n=1') no-repeat center center; background-size: 100%; display: inline-block; width: 80px; height: 100px;}
.answers-not{background: url('https://static.ziyimall.com/file_img/pic/no-qa.png?n=1') no-repeat center center; background-size: 100%; display: inline-block; width: 80px; height: 74px; padding-bottom: 10px;}
.comment-n1{ color: #dcdcdc; font-size: 14px; }
.comment-n2{ color: #1265c2; font-size: 16px; }
/* 相关商品*/
.like-product{ display: inline-block; width: 100%;}
.like-product li{ display: inline-block; width: 100%; border-bottom: 1px dashed #ddd; padding: 10px 0; }
.like-product li:first-child{ padding-top: 0; }
.like-product li:last-child{ border-bottom: 0 none; padding-bottom: 0; }
.like-product li img{ width: 30%; float: left; max-width: 84px; max-height: 84px;}
.like-product .proinfo{ width: 65%; float: right; display: inline-block; padding: 0;}
.like-product .proinfo p{ color: #333; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.like-product .proinfo .price{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
.like-product .proinfo .price .p1{ color: #f42f2f; font-size: 14px; font-weight: bold; }
.like-product .proinfo .price .p2{ display: inline-flex; align-items: center; color: #666; }
/* 热门标签*/
.hot-knowledge{ display: inline-block; width: 100%; padding: 10px 5px; box-sizing: border-box;}
.hot-knowledge li{ width: 33.333%; text-align: center; float: left;}
.hot-knowledge li a{background-color:#eee; color: #444; font-size: 12px; height:18px;line-height:18px; display: inherit; padding: 5px; margin: 5px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.hot-knowledge li a:hover{ background-color: #f42f2f !important; color: #fff !important; }

/* 点评弹窗*/
.tk-evaluation{ display: none; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.grade-form{ background-color: #fff; border-radius: 10px; padding: 20px 20px 10px; width: 400px; margin: 20% auto 0; position: relative;}
.grade-form .layui-icon-close{ position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer;}
.grade-form button.layui-btn{ background-color: #48a358; width: 80%; }
.grade{ text-align: center; padding: 10px 0; }
.grade .grade-text{ color: #999; font-size: 14px; padding-bottom: 5px; }
.grade .evaluation-stars #stars02 .layui-rate li i.layui-icon{ font-size: 25px; }
.grade-form .layui-textarea:hover{ border-color: #eee !important;}
.grade-form .layui-textarea:focus{ border-color:#d2d2d2!important;}
.grade-form .layui-btn{ background-color: #48a358; width: 80%; display: inline-block;}
.grade-form .feedback-title{ border-bottom: 1px solid #f2f2f2; color: #333; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem;}
.grade-form .radio-inline{ display: inline-block; float: left; padding: 0 25px 15px 0; font-size: 15px;}
.grade-form .radio-inline input, .grade-form .radio-inline label{ cursor: pointer;}
.grade-form .layui-input{ background-color: #f7f7f7; border: 1px solid #eee; border-radius: 5px;}
.grade-form .feedback-code{ border-left: 1px solid #e6e6e6; display: inline-block; height: 14px; line-height: 14px; padding: 0 8px; font-size: 14px; position: absolute; right: 20%; top: 12px;}

/* 点评后扫码登录弹窗*/
.tk-evaluation_bak{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; }
.tk-evaluation_bak iframe{ background-color: #fff; border: 1px solid #f2f2f2; display: inherit; margin: 18% auto 0; width: 440px; height: 340px; border-radius: 10px;}
.old-template{ padding-top: 20px; }
.impowerBox .title, .impowerBox .info{ color: #333;}
.impowerBox .qrcode{ width: 220px !important; margin-top: 0; border: 0 none;}


@font-face{font-family:layui-icon;src:url(../layui/font/iconfont.eot);src:url(../layui/font/iconfont.eot) format('embedded-opentype'),url(../layui/font/iconfont.svg) format('svg'),url(../layui/font/iconfont.woff) format('woff'),url(../layui/font/iconfont.ttf) format('truetype')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-reply-fill:before{content:"\e611"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-search:before{content:"\e615"}.layui-icon-share:before{content:"\e641"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-engine:before{content:"\e628"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-star:before{content:"\e600"}.layui-icon-circle-dot:before{content:"\e617"}
.layui-icon-rate:before {content: "\e67b";}
.layui-icon-rate-solid:before { content: "\e67a";}
.layui-icon-rate-half:before{content:"\e6c9"}
.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}
.layui-rate{ font-size:0}
.layui-rate li i.layui-icon{color:#FF8000;margin-right:5px;transition:all .3s;-webkit-transition:all .3s;font-size: 20px;}
.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}
.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}