@charset "utf-8";
body{ background-color: #f2f2f2; color: #333; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
blockquote, 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);}
.clear{ clear: both; *zoom: 1;}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
li { list-style: none;}
.contaninter{ width: 1200px; margin: 0 auto; clear: both;}
.between{ justify-content: space-between; }
.text-ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.box-shadow{ box-shadow: 0 2px 4px rgba(0,0,0,.08) inset; }
.pull-left { float: left;}
.pull-right { float: right;}
.show{ display: block !important; }
.hide{ display: none !important; }
.pink{ color: #ed93cb; }
.bg-white{ background-color: #fff; border-radius: 5px;}
.bg-gray{ background-color: #d9d9d9; border-radius: 5px;}
.bg-yellow{ background-color: #f0ad4e;}
.bg-red{ background-color: #c13636;}
.bg-green{ background-color: #5cb85c; }
.bg-cyan{ background-color: #81cfd1;}
.bg-earthy{ background-color: #fcbc55;}
.pt10{ padding-top: 10px; padding-bottom: 10px; box-sizing: border-box;}
.pt20{ padding-top: 20px; padding-bottom: 20px; box-sizing: border-box;}
.pt30{ padding-top: 30px; padding-bottom: 30px; box-sizing: border-box;}
.pl20{ padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.pl30{ padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.m0{ margin: 0 !important; }
.p0{ padding: 0 !important; }
.w40{ width: 40%; }
.w49{ width: 49%; }
.w50{ width: 50%; }
.w900{ width: 900px; }
.w280{ width: 280px; }
a{ color: #252a33; text-decoration: none;}
a:hover{ color: #fc69c4;}
.icon-arrow{ background: url('../images/icon-arrow.png') no-repeat; background-size: 100%; display: inline-block;}
.line{ background-color: #f2f2f2; height: 5px; }

/* 首页导航*/
.index-navbar{ background-color: #fff; height: 60px; line-height: 60px; overflow: hidden; }
.navbar-logo{ background: url('../images/logo.png') no-repeat; background-size: 100%; display: inline-block; width: 80px; height: 40px; margin-top: 10px; }
.navbar-list li{ float: left; padding: 0 30px;}
.navbar-list li a{ font-weight: bold; }

/* 其他页导航*/
.navbar{ background-color: #fff; }
.navbar .navbar-header{ display: flex; align-items: center; padding-top: 20px; }
.navbar .navbar-form{ width: 680px; margin-left: 20px; position: relative; }
.navbar-form .input-search{ background-color: #999; border-radius: 50px; border: 0 none; color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; width: 128px; height: 46px; line-height: 16px; position: absolute; top: 0; right: 0; }
.navbar-form .form-control{ padding: 0 135px 0 50px; }
.navbar-form .icon-search{ background: url('../images/icon-search.png') no-repeat; background-size: 100%; border: 0 none; display: inline-block; width: 30px; height: 30px; position: absolute; top: 9px; left: 14px; }

/*banner*/
.banner{ background-color: #ed93cb; box-shadow: 0 2px 4px rgba(0,0,0,.08) inset; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08) inset; color: #fff; padding-top: 20px; }
.banner .pull-left{ width: 40%; }
.banner .pull-right{ box-sizing: border-box; padding: 90px 20px 0; width: 60%;}
.banner .banner-title{ font-size: 50px; }
.banner .banner-info{ font-size: 16px; padding: 10px 0 15px; letter-spacing: 2px; }
.banner img{ width: 100%; }
.banner form{ position: relative; }
.form-control{ background-color: #fff; border: 1px solid #e4eaec; border-radius: 50px; -webkit-box-shadow: none; box-shadow: none; box-sizing: border-box; color: #76838f; font-size: 16px; padding: 0 18px; width: 100%; height: 46px; line-height: 46px; }
.form-control:focus{border-color:#f06ca8;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6)}
.form-control.focus,.form-control:focus{border-color:#f06ca8;-webkit-box-shadow:none;box-shadow:none}
.form-control::-moz-placeholder{color:#a3afb7;opacity:1}
.form-control:-ms-input-placeholder{color:#a3afb7}
.form-control::-webkit-input-placeholder{color:#a3afb7}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed;}
.input-search-btn{ background: url('../images/icon-search.png') no-repeat; background-size: 100%; border: 0 none; display: inline-block; cursor: pointer; width: 30px; height: 30px; position: absolute; top: 9px; right: 14px; }

/*tab切换*/
.hotspot{ padding-top: 30px; margin-top: 30px; }
.hotspot .hotspot-title{ font-size: 20px; color: #252a33; font-weight: 500; line-height: 24px;}
.hotspot .hotspot-list{ display: flex; flex-flow: row nowrap; height: 80px; line-height: 80px;}
.hotspot .hotspot-list li{ background-color: #fafafa; box-sizing: border-box; color: #6c7480; cursor: pointer; text-align: center; flex: 1; font-size: 20px; line-height: 24px; display: flex; align-items: center; justify-content: center;}
.hotspot .hotspot-list li.current{ background-color: #fff; color: #eb77c0;}
.hotspot .hotspot-con .hotspot-item{ display: none; }
.hotspot .tag-list{ padding: 28px 0 16px; margin: 0 30px;}
.hotspot .tag-list li{ width: 100px; border-radius: 4px; background-color: #f2f3f5; display: inline-block; color: #5b626b; cursor: pointer; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; font-size: 13px; float: left; text-align: center; margin-right: 20px; margin-bottom: 12px; padding: 0 6px; box-sizing: border-box; height: 30px; line-height: 30px;}
.hotspot .tag-list li.active{ background-color: #eb77c0; color: #fff; font-weight: 500;}
.hotspot .tag-con{ box-sizing: border-box; padding: 0 30px;}
.hotspot .tag-con .tag-ul{ display: none;}
.hotspot .tag-con .tag-ul li{ color: #252a33; display: inline-block; float: left; margin-bottom: 32px; width: 140px; height: 30px; line-height: 32px; overflow: hidden;}
.hotspot .tag-con .tag-ul li a{ display: block; position: relative; padding-left: 8px; margin-left: 4px; color: #252a33;;}
.hotspot .tag-con .tag-ul li a::before{ content: ""; width: 4px; height: 4px; background-color: #d0d3d9; border-radius: 50%; display: block; position: absolute; top: 5px; left: 0; transform: translate(-100%,200%); }

.hotspot .hotspot-list li .icon{ margin-right: 5px; width: 25px; height: 25px; }
.hotspot .hotspot-list li .icon-brand{ background: url('../images/icon-brand01.png') no-repeat; background-size: 100%;}
.hotspot .hotspot-list li .icon-ingredient{ background: url('../images/icon-ingredient01.png') no-repeat; background-size: 100%;}
.hotspot .hotspot-list li.current .icon-brand{ background: url('../images/icon-brand02.png') no-repeat; background-size: 100%;}
.hotspot .hotspot-list li.current .icon-ingredient{ background: url('../images/icon-ingredient02.png') no-repeat; background-size: 100%;}

/* 最新收录*/
.hashtable .hashtable-title{ font-size: 20px; color: #252a33; font-weight: 500; line-height: 24px; padding-bottom: 20px;}
.hashtable .hashtable-con{ border-radius: 4px; border: 1px solid #e8e9eb; padding: 10px 20px; }
.hashtable .hashtable-con:hover{ box-shadow:0 6px 12px 0 hsla(215,9%,63%,.2); cursor: pointer; }
.hashtable .hashtable-con li{ border-bottom: 1px dotted #f2f2f2;}
.hashtable .hashtable-con li:last-child{ border-bottom: 0 none; }
.hashtable .hashtable-con li a{ display: block; position: relative; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 科普文章*/
.popular .popular-title{ font-size: 20px; color: #252a33; font-weight: 500; line-height: 24px; padding-bottom: 20px;}
.popular .popular-con dl{ display: flex; padding-bottom: 20px; }
.popular .popular-con dt{ width: 100px; height: 100px; min-width: 100px; border-radius: 4px; border: 1px solid rgba(0,0,0,.05); margin-right: 10px; overflow: hidden; box-sizing: border-box;}
.popular .popular-img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}
.popular .popular-t1{ font-size: 16px; font-weight: 500; line-height: 23px; color: #252a33; margin-bottom: 10px; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal!important;}
.popular .popular-t2{ line-height: 20px; color: #828993; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal!important;}
.popular .popular-con ul{ margin-left: 20px; }
.popular .popular-con li{ list-style: disc;}
.popular .popular-con li a{ display: block; position: relative; color: #252a33; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 脚注*/
.footer{ color: #333; }
.footer .footer-flex{ display: flex; padding-bottom: 10px; line-height: 25px; }
.footer .footer-flex:last-child{ padding-bottom: 0; }
.footer .footer-flex span{ font-weight: bold; white-space: nowrap; }
.footer .footer-flex a{ padding: 0 10px; }
.footer .footer-flex a:first-child{ padding-left: 0; }

.product h1{ padding-bottom: 20px; }
.product .product-details{ display: flex; }
.product .details-left{ margin-right: 20px;}
.product .details-right{ flex: 1; }
.product .details-map{ border: 1px solid #f2f2f2; width: 250px; height: 250px; }
.product .details-map img{ width: 100%; cursor: zoom-in;}

.product .details-add{ color: #666; display: inline-block; text-align: center; padding: 10px 0; width: 100%; }
.product .details-btn{ }
.product .details-btn a{ border-radius: 4px; display: inline-flex; align-items: center; padding: 5px 15px; font-size: 14px; margin-right: 20px;}
.product .details-btn .btn-use{ background-color: #f2f2f2; color: #999;}
.product .details-btn .btn-used{ background-color: #f2f2f2; color: #fc69c4;}
.product .details-info ul li{ color: #3d424a; font-size: 16px; line-height: 30px;}
.product .details-info ul li .label{ opacity: .8; }
.product .details-info .info-label{ margin-top: 10px; }
.product .details-info .info-label span{ border: 1px solid #e7e7e7; border-radius: 50px; display: inline-block; font-size: 14px; padding: 0 20px; margin-right: 20px; margin-bottom: 10px;}
.product .details-info .info-evaluate{ margin-top: 10px; display: flex; align-items: center;}
.product .details-info .text-buy { border: 1px solid #fc69c4; border-radius: 50px;color: #fc69c4;padding: 5px 30px;font-size: 15px; float: right; display: inline-flex;align-items: center;margin-top: 20px;}
.product .details-info .text-buy .icon-cart { background: url('../images/icon-cart.png') no-repeat;background-size: 100%; display: inline-block;width: 18px;height: 18px;margin-right: 5px;}

.product .details-btn .icon-heart{ display: inline-block; width: 25px; height: 22px; margin-right: 10px;}
.product .details-btn .btn-use .icon-heart-like{ background: url('../images/icon-like01.png?n=1') no-repeat; background-size: 100% 100%;}
.product .details-btn .btn-used .icon-heart-like{ background: url('../images/icon-like02.png?n=1') no-repeat; background-size: 100% 100%;}

.star{ font-size: 30px; font-family: monospace; color: #ffa500; padding: 0 10px; }
.star i{ display: inline-block; float: left; cursor: pointer; font-style: normal; padding: 0 2px; }

.stars{ font-size: 18px; display: inline-flex; padding-right: 5px;font-family: monospace; color: orange;}
.stars i{ float: left; font-style: normal; padding: 0 2px;}
.level{ font-style: normal; }

.details-introduce{ display: flex; position: relative; overflow: hidden; display: -webkit-box;}
.details-introduce span{ color: #666; font-size: 16px; line-height: 30px; }
.details-introduce::before{ content: ''; display: block; float: right; width: 0px; height: calc(100% - 18px);}
.details-introduce .icon{ background: url('../images/icon-yh.png') no-repeat; background-size: 100%; display: inline-block; width: 25px; height: 21px;}
.details-introduce .icon-yh01{ transform: rotate(180deg); margin-right: 10px;}
.details-introduce .icon-yh02{ transform: translateY(4px); margin-left: 10px;}

.ingredient .ingredient-list{ border-bottom: 1px solid #f2f2f2; }
.ingredient .ingredient-list li{ cursor: pointer; display: inline-block; float: left; font-size: 16px; padding: 10px 20px; }
.ingredient .ingredient-list li.selected{ border-bottom: 1px solid #fc69c4; color: #fc69c4;}
.ingredient .ingredient-item{ display: none; }

.analyse .analyse-table-title{ font-size: 16px; }
.analyse .analyse-title{ font-size: 16px; padding-bottom: 20px; }
.analyse .analyse-title span{ font-size: 14px; padding-left: 20px;}
.analyse .analyse-title a{ color: #fc69c4; }
.progress-line{ background-color: #f2f2f2; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.progress-line span{ display: inline-block; height: 15px;}
.progress-list{ color: #666; text-align: right; padding: 10px 0; }
.progress-list span{ display: inline-flex; align-items: center; padding: 0 10px;}
.progress-list .icon{ margin-right: 5px; display: inline-block; width: 10px; height: 20px;}
.progress-list .icon-warning01{ background: url('../images/icon-warning01.png') no-repeat; background-size: 100%; }
.progress-list .icon-warning02{ background: url('../images/icon-warning02.png') no-repeat; background-size: 100%; }
.progress-list .icon-warning03{ background: url('../images/icon-warning03.png') no-repeat; background-size: 100%; }

/* 安全成分表*/
.analyse-table table{ width: 100%;}
.analyse-table thead tr, .analyse-table tfoot tr{ background-color: #f7f7f7;}
.analyse-table thead tr th, .analyse-table tbody tr td, .analyse-table tfoot tr td{ width: 20%; display: inline-block; text-align: center;}
.analyse-table thead tr th, .analyse-table tfoot tr td{ height: 50px; line-height: 50px;}
.analyse-table tfoot tr td{ width: 100%; display: inline-block; text-align: center; cursor: pointer; font-size: 16px;}
.analyse-table tbody{ display: block; }
.analyse-table tbody tr{ background-color: #fff; display: flex; align-items: center; padding: 5px 0; }
.analyse-table tbody tr:nth-child(even) { background-color: #f9f9f9;}
.analyse-table .table-name{ color: #71a2e5; }
.analyse-table .table-purpose{ color: #696969; line-height: 25px; }
.analyse-table .table-danger{ color: #dd1f1f; }
.analyse-table .table-blue{ color: #00b0f0; }
.analyse-table .table-safety{  color: #696969; }
.analyse-table .table-icon01 span{ border-radius: 25px; color: #fff; display: inline-block; text-align: center; width: 24px; height: 24px; line-height: 24px;}
.analyse-table .table-icon02{  }
.analyse-table .table-icon02 .icon{ display: inline-block; width: 30px; height: 30px; margin-top: 10px;}
.analyse-table .table-icon02 .icon-dna{ background: url('../images/icon-dna.png') no-repeat; background-size: 100%;}

.analyse-ul{ border: 2px solid #f7f7f7; border-radius: 4px; box-sizing: border-box; display: inline-block; padding: 10px; width: 100%; }
.analyse-ul li{ font-size: 14px; line-height: 25px;}

/*备案信息*/
.records .records-title{ border-bottom: 1px solid #f2f2f2; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.records .records-con .records-gx{ display: flex; line-height: 30px; }
.records .records-con .records-gx span{ margin-right: 10px; }
.records .records-con .records-gx .effect-list span{ color: #b3b3b3; }
.records .records-con ul{}
.records .records-con ul li{ line-height: 40px; }
.records .records-con ul li .label{ opacity: .8; }
.records .records-con ul li i{ border-radius: 50px; display: inline-block; width: 10px; height: 10px; margin-right: 5px; }

/*短评*/
.product-title{ border-bottom: 1px solid #f2f2f2; font-size: 16px; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.product-title span{ font-weight: bold; }
.product-title a{ font-size: 14px; }

.evaluate .evaluate-data{ color: #b3b3b3; text-align: center; cursor: pointer;}
.evaluate .evaluate-con ul li{ border-bottom: 1px solid #f2f2f2;}
.evaluate .evaluate-text{ padding-top: 10px;}
.evaluate .evaluate-img{ padding-top: 10px;}
.evaluate .evaluate-img img{ border-radius: 4px; margin-right: 10px; width: 80px; height: 80px; cursor: zoom-in;}
.evaluate .evaluate-more{ color: #999; display: inline-block; padding-top: 10px;}
.evaluate .name-s2{ font-weight: bold; padding: 0 10px; }
.evaluate .name-s3{ color: #999; margin-left: 0.5rem;}
.evaluate .name-s4{ color: #666; letter-spacing: 1px;}
.stars-gray{ text-align: center; cursor: pointer; padding-bottom: 5px;}
.stars-gray .stars{ color: #ddd;}

/* 问答*/
.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; margin-right: 5px;}
.quiz .quiz-con{ padding-top: 1px;}
.quiz .quiz-con li{ border-bottom: 1px solid #f2f2f2; padding: 10px 0;}
.quiz .quiz-con li:last-child{ border-bottom: 0 none; }
.quiz .quiz-list{ font-size: 16px; margin-bottom: 10px; color: #333; display: flex; align-items: center;}
.quiz .quiz-list span{ color: #333; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.quiz .quiz-more{ color: #999; display: inline-block; padding-top: 10px; width: 100%; text-align: center;}
.quiz .quiz-data{ color: #666; font-size: 15px; display: flex; align-items: center; justify-content: space-between;}
.quiz .quiz-data a{ border: 1px solid #666; border-radius: 50px; color: #666; display: inline-block; font-size: 14px; padding: 5px 20px;}

/*相关产品*/
.correlation .correlation-title{ color: #444c57; font-size: 18px; font-weight: 500; line-height: 1.25; padding-bottom: 10px;}
.correlation .correlation-list{ padding: 0 10px; }
.correlation .correlation-list li a{ border-bottom: 1px solid #f2f2f2; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px; width: 100%; }
.correlation .correlation-list li a:hover{ background-color: #fbfbfb;}
.correlation .correlation-list li a:hover p{ color: #333; }
.correlation .correlation-list li img{ display: block; float: left; width: 80px; height: auto; margin-right: 10px;}
.correlation .correlation-list li .text{ color: #2e3540; font-size: 14px;}
.correlation .correlation-list li .text strong{ display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; box-sizing: border-box; height: 25px; line-height: 25px;}
.correlation .correlation-list li .text p{ }
.correlation .correlation-more{ background-color: #f7f7f7; border-radius: 4px; box-sizing: border-box; color: #666; display: inline-block; text-align: center; padding: 10px 0; margin-top: 20px; width: 100%;}
.correlation .correlation-more:hover{ color: #666; opacity:.8;}

/*小程序推广*/
.promotion{ text-align: center; }
.promotion img{ width: 150px;}
.promotion p{ line-height: 25px; }

/* 弹窗-图片放大*/
.shade{ position:fixed; top:0; bottom: 0; left:0; right: 0; background:rgba(0,0,0,0.5); z-index:998; width:100%; display:none;}
#imgDiv{ position:absolute;}
#bigImg{ cursor: zoom-out;}
/* 弹窗-补充价格*/
.addPrice, .comment{ border-radius: 8px; width: 300px; margin: 20% auto 0; text-align: center; position: relative;}
.addPrice .addPrice-form p{ font-size: 20px; }
.addPrice .addPrice-form input.money{ width: 46px; height: 46px; font-size: 20px; border: 0; background-color: transparent; position: absolute; left: 20px; top: 65px; text-align: center; display: none;}
.addPrice .addPrice-form input.form-control{ border-radius: 8px; margin: 20px 0; text-align: center; padding: 0 46px;}
.addPrice .addPrice-form button, .comment .comment-form button{ border-radius: 5px; color: #fff; cursor: pointer; border: 0 none; width: 50%; height: 40px; line-height: 40px; font-size: 16px; }
.addPrice-close, .comment-close{border-radius: 50px; color: #999; position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; cursor: pointer;}
/* 弹窗-我要评论*/
.comment{ width: 500px;}
.comment .comment-form p{color: #999; padding-bottom: 5px; }
.comment .comment-form .comment-title{ color: #333; font-size: 18px; font-weight: bold; padding-bottom: 20px; }
.comment .comment-form .star{ display: inline-block; padding-bottom: 16px; }
.comment .comment-form textarea.comment-textarea{ border: 1px solid #eee; border-radius: 2px; 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; display: inline-block; width: 100%; }
/* 弹窗-订阅通知*/
.succeed{ background-color: #fff; border-radius: 10px; box-sizing: border-box; padding: 20px 0; text-align: center; width: 80%; margin: 0 auto; position: relative;}
.succeed .succeed-title{ font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.succeed .succeed-title i{ margin-right: 10px; }
.succeed .succeed-pic{ width: 60%; display: block; margin: 10px auto; }
.succeed .succeed-text{}
.succeed .succeed-text p{ font-size: 16px; padding-bottom: 5px; }
.succeed .succeed-text span{ color: #ea72c1; font-weight: bold; }
.icon-rss{ background:url('../images/icon-rss.png') no-repeat; background-size: 100% 100%; display: inline-block; width: 30px; height: 33.8px; }
/*****+++++ 搜索页 +++++*****/
.navbar-form{ position: relative; }
.search-brand{ border-bottom: 1px solid #f2f2f2; }
.search-brand, .search-brand .pull-left{ display: flex; align-items: center; }
.search-brand img{ width: 100px; margin-right: 20px; }
.search-brand h1{ font-size: 18px; font-weight: 400; }
.search-brand a{ background-color: #fc69c4; color: #fff; border-radius: 4px; display: inline-block; padding: 4px 20px;}

.search-list li{ border-bottom: 1px solid #f2f2f2;}
.search-list a{ display: flex; }
.search-list img{ width: 150px; height: 150px; margin-right: 10px; }
.search-list p{ font-size: 16px; line-height: 25px; }
.search-list .search-info{ color: #666; font-size: 14px; margin-top: 10px;}
.search-list .search-label{ border-radius: 5px; background-color: #999; color: #fff; font-size: 14px; padding: 5px 10px;}

.search-no{ display: flex; align-items: center; justify-content: center;}
/*.search-no img{ width: 500px; height: auto;}*/
.noGoods{ padding-left: 20px; }
.noGoods p{ color: #333; font-size: 14px; padding-top: 10px; }
.noGoods .pink{ color: #eb77c0;}
.noGoods .noGoods-title{ font-size: 16px;font-weight: bold;}

/*****+++++ 成分页 +++++*****/
.location{ display: flex; align-items: center; }
.location li{ padding-right: 10px; }
.location li a{  }
.location li span{  }
.location li i.icon-arrow{ width: 10px; height: 10px;}

.composition h1{ padding-bottom: 10px; }
.composition-dl{}
.composition-dl dt{ font-weight: bold; line-height: 30px;}
.composition-dl dd{ line-height: 25px;}
.composition-dl dd span{ opacity: .8;}

.composition-info{ position: relative;}
.composition-grade{ width: 100px; text-align: center; border: 1px solid; position: absolute; top: 20px; right: 20px;}
.composition-grade .grade-title{ color: #fff; padding: 10px 0; }
.composition-grade .grade-num{ font-weight: bold; padding: 5px 0; font-size: 22px;}

.composition-grade.grade-red{ border-color: #c13636; }
.composition-grade.grade-red .grade-title{ background-color: #c13636; }
.composition-grade.grade-red .grade-num{ color: #c13636; }

.composition-grade.grade-green{ border-color: #5cb85c; }
.composition-grade.grade-green .grade-title{ background-color: #5cb85c; }
.composition-grade.grade-green .grade-num{ color: #5cb85c; }

.composition-grade.grade-yellow{ border-color: #f0ad4e; }
.composition-grade.grade-yellow .grade-title{ background-color: #f0ad4e; }
.composition-grade.grade-yellow .grade-num{ color: #f0ad4e; }

.composition-match{ border-left: 1px solid #f2f2f2; padding-left: 20px; position: absolute; right: 0; top: 100px;}
.composition-match .match-title{ padding-bottom: 10px; }
.composition-match .match-con{ display: flex; align-items: center; }
.composition-match .match-left{ width: 80px; margin-right: 10px;}
.composition-match .match-right{}
.composition-match .match-right p{ background-color: #f2f2f2; border-radius: 5px; padding: 5px 10px; }
.composition-match .match-right p:first-child{ margin-bottom: 10px; }

/*手风琴*/
.composition-accordion{ border: 1px solid #f2f2f2; border-bottom: 0 none; margin: 20px 0}
.composition-accordion .accordion-title{ border-bottom: 1px solid #f2f2f2; cursor: pointer; line-height: 32px; padding: 10px; display: flex; align-items: center; justify-content: space-between;}
.composition-accordion .accordion-title span{ font-weight: bold; font-size: 16px;}
.composition-accordion .accordion-title .icon-arrow{ width: 10px; height: 10px;}
.composition-accordion .accordion-title .arrow-up{ transform: rotate(90deg);}
.composition-accordion .accordion-con{ border-bottom: 1px solid #f2f2f2; padding: 10px; display: none;}
.composition-accordion .accordion-con p{ color: #666; font-size: 14px; line-height: 25px;}
.accordion-tag{ display: flex; align-items: center; justify-content: space-around; }
.accordion-tag a, .composition-tag a{ border: 1px solid #d1d1d1; border-radius: 50px; display: inline-block; padding: 10px 20px; }
.accordion-tag a:hover, .composition-tag a:hover{ border-color: #fc69c4; }

.composition-tag{ border: 1px solid #f2f2f2; margin-top: 20px;}
.composition-tag dl{ display: inline-block; width: 100%; }
.composition-tag dt{ font-size: 16px; font-weight: bold; padding: 0 20px 10px; }
.composition-tag dd{ display: inline-block; float: left; margin: 10px 20px; }

/*****+++++ 品牌页 +++++*****/
.brand .brand-trademark{ display: flex; align-items: center; }
.brand .trademark-logo{ border: 1px solid #f2f2f2; width: 80px; height: 80px;}
.brand .trademark-logo img{ border-radius: 5px; width: 100%; height: 100%; display: block; object-fit: scale-down;}
.brand .trademark-text{ margin-left: 10px; line-height: 20px; flex: 1; }
.brand .trademark-text h3{ padding-bottom: 5px; }
.brand .trademark-shop{ display: flex; align-items: center; justify-content: space-between; }
.brand .trademark-shop a{ font-size: 12px; display: inline-flex; align-items: center;}
.brand .trademark-shop img{ width: 20px; height: 20px; margin-right: 5px; }

.brand-box{ border: 1px solid #f2f2f2; padding: 10px; }
.brand-box .brand-title{ border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; }
.brand-box .brand-title span{ font-size: 16px; font-weight: bold;}
.brand-box .brand-title-list{}
.brand-box .brand-title-list li{ float: left;}
.brand-box .brand-title-list li a{ padding: 0 10px; }
.brand .introduce-con{ line-height: 25px; }
.brand .introduce-con p{ padding-bottom: 10px; }
.brand .introduce-con span{ font-weight: bold; white-space: nowrap; }
.brand-box.brand-hot .brand-title{ display: flex; align-items: center; }
.brand .hot-con{ display: inline-block; width: 100%; }
.brand .hot-con li{ display: inline-block; width: 25%; float: left; padding: 0 1% 10px; box-sizing: border-box; }
.brand .hot-con li .imgBox{ width: 100%; height: 193px; overflow: hidden; }
.brand .hot-con li img{ width: 100%; height: 100%; object-fit: scale-down;}
.brand .hot-con li p{ font-size: 15px; padding-top: 5px; }

.brand .brand-cons{  }
.brand .brand-cons li{ display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; line-height: initial; width: 23%; margin: 0.8%;}
.brand .brand-cons li a{ background-color: #f9f9f9; border-radius: 3px; height: 35px; line-height: 35px; color: #777; font-size: 14px; display: block; text-align: center; }
.brand .brand-cons li.current a{ background-color: #ed93cb; color: #fff;}
.brand .brand-list{}
.brand .brand-zimu{ color: #777; height: 40px; font-size: 26px; text-align: center; line-height: 40px; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px;}
.brand .brand-teletext{ display: inline-table; width: 100%; }
.brand .brand-teletext li{ width: 25%; margin-bottom: 10px; display: inline-block; float: left;}
.brand .brand-teletext li a{ cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-align: center; display: inline-block; width: 100%;}
.brand .brand-teletext li img{ max-width: 100%; max-height: 70px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.brand .brand-teletext li a:hover img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}
.brand .brand-teletext li p{ display: block; font-size: 16px; font-weight: 400; text-align: center; margin: 10px 10px 0;}

/*****+++++ 文章页 +++++*****/
.article .article-info{ border-bottom: 1px solid #f2f2f2; color: #999; padding: 15px 0; }
.article .article-info span{ margin-right: 20px; }
.article .article-info span.article-tag{ border: 1px solid #f2f2f2; display: inline-block; text-align: center; padding: 5px 10px; border-radius: 5px;}
.article .article-con p{ font-size: 16px; line-height: 30px; }
.article .article-con img{ max-width: 100%; max-height: 250px; display: block; margin: 0 auto;}
.article .article-goods{ margin: 10px 0;}
.article .article-goods-caption{ font-size: 16px; font-weight: bold; padding-bottom: 15px;}
.article .article-goods a{ background-color: #f2f2f2; padding: 10px; box-sizing: border-box; display: flex; align-items: center; }
.article .article-goods a:hover{ color: #333; }
.article .article-goods img{ border-radius: 5px; width: 100px; height: 100px; }
.article .article-goods-text{ flex: 1; padding: 10px 10px 10px 20px;}
.article .article-goods-title{ font-size: 16px; font-weight: bold; margin-bottom: 10px; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; box-sizing: border-box; height: 30px; line-height: 30px;}
.article .article-goods-num{ font-size: 15px; display: flex; align-items: center; justify-content: space-between; }
.article .article-goods-num .goods-num-s1{ padding-left: 20px; }
.article .article-goods-num .goods-num-s2{ background-color: #fc69c4; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; padding: 10px 20px;}

.article-list .article-list-title, .ranking-list .ranking-list-title{ border-bottom: 1px solid #f2f2f2; font-size: 16px; color: #252a33; font-weight: 550; line-height: 24px; padding-bottom: 10px;}
.article-list ul{ padding: 10px 0;}
.article-list li{ border-bottom: 1px dotted #f2f2f2;}
.article-list li a{ display: block; padding: 0 5px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*****+++++ 成分排行榜页 +++++*****/
.ranking{ padding-top: 20px; }
.ranking .ranking-title{ font-size: 20px; font-weight: 550; text-align: center; }
.ranking .ranking-con{ border: 1px solid #f2f2f2; padding: 10px;}
.ranking .ranking-con ul{}
.ranking .ranking-con li{ background-color: #f9f9f9; border-radius: 4px; padding: 10px; margin-bottom: 20px; display: flex; align-items: center; }
.ranking .ranking-con li a:hover{ color: #555; }
.ranking .ranking-con li:last-child{ margin-bottom: 0; }
.ranking .ranking-left{ margin-right: 20px;}
.ranking .ranking-top{ border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; }
.ranking .ranking-bottom{ text-indent: 28px; line-height: 25px; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal;}
.ranking .ranking-constituent{ border-radius: 50px; width: 70px; height: 70px; margin-right: 10px; }
.ranking .ranking-text{}
.ranking .ranking-name{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.article .ranking .ranking-num{ font-size: 14px; }
.ranking .ranking-right{ text-align: center; }
.ranking .ranking-right a{ border: 1px solid #999; border-radius: 50px; display: inline-block; width: 50px; height: 50px; margin-bottom: 5px; }
.ranking .ranking-right i{ width: 30px; height: 30px; display: inline-block; margin-top: 9px;}
.ranking .ranking-right i.icon-zan{ background: url('../images/icon-zan01.png') no-repeat; background-size: 100%; }
.ranking .ranking-right span{ font-size: 14px; white-space: nowrap; }
.ranking .ranking-right a.active{ border-color: #000; }
.ranking .ranking-right a.active i.icon-zan{ background: url('../images/icon-zan02.png') no-repeat; background-size: 100%; }
.ranking .ranking-right a.active span{ color: #000; }

.ranking-list{}
.ranking-list .ranking-content{ display: inline-block; width: 100%; padding-top: 20px;}
.ranking-list .ranking-content ul{ width: 48%; }
.ranking-list .ranking-content li{ border-bottom: 1px solid #f2f2f2; display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px;}
.ranking-list .ranking-content p{ margin-bottom: 10px; display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal;}
.ranking-list .ranking-content span{ color: #666; }
.ranking-list .ranking-content a{ background-color: #ed93cb; border-radius: 50px; color: #fff; display: inline-block; padding: 5px 20px; white-space: nowrap;}
.ranking-list .ranking-content-text{ padding-right: 20px; }

/* 化妆品库*/
.pingce, .pingce-ul, .pingce-con{ display: inline-block; width: 100%;}
.pingce-ul{ padding-bottom: 10px; }
.pingce-ul li{ display: inline-block; float: left; width: 20%;}
.pingce-ul li a{ background-color: #f2f2f2; border-radius: 4px; color: #333; box-sizing: border-box; text-align: center; width: 92%; margin: 0 4% 4%; padding: 0 10px; height: 40px; line-height: 40px;display: -webkit-box; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal;}
.pingce-title{ border-bottom: 1px solid #f06ca8; font-size: 15px; padding-bottom: 10px; margin-bottom: 10px;}
.pingce-con a{ color: #333; width: 25%; display: inline-block; float: left; margin-bottom: 20px; padding: 0 15px; box-sizing: border-box;}
.pingce-con a:hover{box-shadow:0 3px 12px rgba(0,0,0,.05)}
.pingce-con .pingce-pic{ width: 100%;overflow: hidden;}
.pingce-con .pingce-pic img{ max-width: 100%; display: block; height: 260px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.pingce-con .pingce-pic img.main-img{ height: 185px;}
.pingce-con a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.pingce-con .pingce-text{ padding: 15px 0;}
.pingce-con .pingce-text p{ margin: 0; line-height: 25px; white-space: nowrap; overflow: hidden; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; background: #fff; display: block; text-overflow: ellipsis;}
.pingce-con .pingce-flex{ display: flex; align-items: center; }

.cosmetics-dl{ display: flex; padding-bottom: 10px; }
.cosmetics-dl dt{ white-space: nowrap; }
.cosmetics-dl dd{ flex: 1; padding-left: 10px; }
.cosmetics-dl .letter{ display: inline-block; width: 100%; }
.cosmetics-dl .letter span{ width: 25px; height: 25px; line-height: 25px; float: left; background-color: #f4f4f4; text-align: center; color: #646464; cursor: pointer; margin-right: 4px;}

.movebox{ display: inline-block; width: 100%; height: 200px; overflow-y: scroll;}
.movebox.moveboxHeight{ height: auto; overflow-y: auto; }
.movebox p{ padding-bottom: 10px; }
.movebox a{ display: inline-block; padding: 4px 13px; color: #666; cursor: pointer; transition: color 1s ease; transition: background .5s ease; background-color: #f9f9f9; margin-right: 1%; margin-bottom: 1%;}
.movebox a.active, .movebox a:hover{ background-color: #ed93cb; color: #fff; }

/* 化妆品评测*/
.evaluating{}
.evaluating .evaluating-info{ background-color: #f7f7f7; border-radius: 5px; font-size: 15px; line-height: 25px;}
.evaluating .evaluating-li{ padding: 20px; }
.evaluating .evaluating-li:hover{ background-color: #f7f7f7;}
.evaluating .evaluating-li:hover a{ color: #333; }
.evaluating .evaluating-tag{ padding-top: 10px; }
.evaluating .evaluating-tag span{ background-color: #f2f2f2; color: #666; font-size: 14px; padding: 5px; margin-right: 10px; }

/* 热门标签*/
.hotTag{}
.hotTag .hotTag-title{ color: #444c57; font-size: 18px; font-weight: 500; line-height: 1.25; padding-bottom: 10px;}
.hotTag .hotTag-con{}
.hotTag .hotTag-con a{ padding: 0 10px 10px 0; display: inline-block; }

/* 皮肤测试*/
.pice h1{ font-size: 35px; text-align: center; padding-bottom: 10px; }
.pice .pice-info{ font-size: 16px; line-height: 25px; text-indent: 32px; letter-spacing: 1px;}
.about-time-line{padding: 0;list-style: none;position: relative;width: 60%;margin: 30px auto 30px;}
.about-time-line li{ display: inline; min-height: 300px;}
.about-time-line:before { content: '';position: absolute;top: 0;bottom: 0;width:3px;background: #F1F1F1;left: 51%;margin-left: -10px;}
.about-time-line li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee;}
.about-time-line li .cbp_tmtime span:last-child { font-size: 29px; color: #3594cb;}
.about-time-line li .cbp_tmtime span { display: block; text-align: right;}
.about-time-line li .cbp_tmicon,.cbp_tmicon1,.cbp_tmicon2,.cbp_tmicon3,.cbp_tmicon2,.cbp_tmicon4{ width: 100px; height: 100px; speak: none; line-height: 40px; position: absolute; color: #fff; border-radius: 50%; box-shadow: 0 0 0 8px #F1F1F1; -webkit-box-shadow: 0 0 0 0px #F1F1F1; -moz-box-shadow: 0 0 0 0px #F1F1F1; -o-box-shadow: 0 0 0 8px #F1F1F1; text-align: center; left: 46%; top: 0; margin: 0 0 0 -25px; display:block;}
.cbp_tmicon1{ left: 46%; top: 23%;}
.cbp_tmicon2{ left: 46%; top: 52%;}
.cbp_tmicon3{ left: 46%; top: 75%;}
.cbp_tmicon4{ left: 46%; top: 100%;}
.img1{ background:url('../images/gy.png') no-repeat; background-size: 100% 100%;}
.img2{ background:url('../images/mg.png') no-repeat;background-size: 100% 100%;}
.img3{ background:url('../images/ss.png') no-repeat; background-size: 100% 100%;}
.img4{ background:url('../images/zw.png') no-repeat;background-size: 100% 100%;}
.img5{background:url('../imagess/time-line-img5.png') no-repeat #FED136; background-size: 100% 100%;}
.about-time-line li .cbp_tmlabel {margin: 0 0 0 -20%; color: #fff;font-weight: 300;line-height: 1.4;position: relative;border-radius: 5px;width: 60%;text-align: right;min-height: 200px;}
.about-time-line li .cbp_tmlabel1 {margin: 0 0 15px 68%; text-align: left;}
.about-time-line li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #6cbfee;}
.cbp_tmlabel h2{ color: #333; font-weight: 600; font-size: 16px;}
.cbp_tmlabel p{ color: #666; line-height: 25px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; margin-top: 10px;}

.result-box{ padding: 30px 0 40px; }
.result-p{ display: flex; align-items: center; justify-content: center; }
.result-p .icon-true{ background:url('../images/icon-true.png') no-repeat; background-size: 100% 100%; display: inline-block; width: 30px; height: 30px;}
.result-p p{ font-size: 16px; margin-left: 10px; }
.result-p p span{ color: #fc69c4; font-size: 18px; }
.result-text{ font-size: 16px; text-align: center; padding-top: 10px; }

.outer{ height: 40px; margin-bottom: 30px;}
.outer .inner{ white-space: nowrap; overflow-x: auto;}
.outer .inner .active{background-color: #f06ca8;color:#ffffff;}
.outer span{display: inline-block;background-color: #f9f9f9;text-align: center;line-height: 40px;width: 80px;margin-right:5px;border-radius: 8px;}

/* 联盟广告*/
.adv-across{ border: 1px solid #f2f2f2; }
.adv-across iframe{ border: 0 none; width: 100%; height: 110px;}
.adv-vertical iframe{ border: 0 none; width: 100%; height: 250px;}

/* 翻页*/
.pagination{ display: flex; align-items: center; justify-content: center;}
.pagination li{}
.pagination li a, .pagination li span{ border: 1px solid #f2f2f2; cursor: pointer; display: inline-block; text-align: center; margin-left: -1px; height: 30px; line-height: 30px; padding: 0 5px; min-width: 30px; box-sizing: border-box;}
.pagination li.active{ color: #fc69c4;}
.pagination li.disabled{ opacity: .5;}

/* 滚动条美化*/
.movebox::-webkit-scrollbar{ width: 2px;}
.inner::-webkit-scrollbar{ height: 4px;}
.movebox::-webkit-scrollbar-track, .inner::-webkit-scrollbar-track{ border-radius: 8px; background-color: #e7e7e7; border: 1px solid #cacaca;}
.movebox::-webkit-scrollbar-thumb, .inner::-webkit-scrollbar-thumb{ border-radius: 8px; background-color: gray;}

/* 问答*/
.navbar-ask{ background-color: #fc69c4; border-radius: 50px; border: 0 none; color: #fff; cursor: pointer; font-size: 20px; font-weight: 500; text-align: center; margin-left: 20px; width: 128px; height: 46px; line-height: 46px; float: left; }
.navbar-ask:hover{ color: #fff; opacity: 0.9; }

.ask-issue{ margin: 15px 0 0 0;}
.ask-issue .title{ color: #333; line-height: 34px; font-size: 24px;}
.ask-info{ display: flex; align-items: center;}
.ask-info .info-left{ display: inline-flex; align-items: center; margin-right: 10px; }
.ask-info .info-left img{ border-radius: 50px; width: 28px; height: 28px; }
.ask-info .info-left span{ color: #555; margin-left: 5px; }
.ask-info .info-right{ color: #999;}

.ask-issue .text{ color: #333; font-size: 18px; line-height: 30px; margin: 20px 0;}


.ask-title{ margin-top: 30px; position: relative; }
.ask-title::before{ background: #E5E5E5; content: ''; height: 1px; margin-top: 12px; position: absolute; width: 100%; }
.ask-title .ask-title-num{ background: white; color: #333; font-weight: 700; font-size: 18px; line-height: 26px; padding-right: 22px; position: relative; }

.ask-content .content-list{ border-bottom: 1px solid #f2f2f2; margin-top: 20px; padding: 0 10px 10px; }
.content-list .list-relative{ position: relative; }
.content-list .list-con{ margin-top: 20px; padding: 0 10px;}
.content-list .list-con p{ font-size: 16px; line-height: 25px; letter-spacing: 1px; margin-bottom: 10px; }

.more-list{ padding-top: 20px; text-align: center;}
.more-list a{ color: #333; font-size: 16px; cursor: pointer; }

.opinion{ height: 30px; display: flex; align-items: center; justify-content: end; }
.opinion .opinion-agree{ border: 1px solid #f2f2f2; color: #767676; cursor: pointer; display: inline-flex; align-items: center; padding: 5px 20px;}
.opinion .opinion-agree i{ display: inline-block; width: 20px; height: 20px; margin-right: 4px; }
.opinion .opinion-agree:hover{ color: #fc69c4; border-color: #fc69c4; }
.opinion .opinion-agree.like{ border-radius: 50px 0 0 50px; }
.opinion .opinion-agree.like:hover .icon-agree{ background: url('../images/click-good03.png') no-repeat; background-size: 100% 100%; }
.opinion .opinion-agree.nolike{ border-radius: 0 50px 50px 0;}
.opinion .opinion-agree.nolike:hover .icon-oppose{ background: url('../images/click-bad03.png') no-repeat; background-size: 100% 100%;}
.opinion .icon-agree{ background: url('../images/click-good.png') no-repeat; background-size: 100% 100%; }
.opinion .icon-oppose{ background: url('../images/click-bad.png') no-repeat; background-size: 100% 100%;}
.opinion .icon-agree02{ background: url('../images/click-good02.png') no-repeat; background-size: 100% 100%; }
.opinion .icon-oppose02{ background: url('../images/click-bad02.png') no-repeat; background-size: 100% 100%;}

/* 其他问题*/
.ask-other .content-title{ color: #333; font-size: 18px; font-weight: bold;}
.other-list li{ border-bottom: 1px solid #f2f2f2; padding: 0 0 20px; margin-top: 20px; }
.other-list li:last-child{ border-bottom: 0 none; padding-bottom: 0; }
.other-list .other-title{color: #333; font-size: 16px; font-weight: 400; }
.other-list .other-text{color: #666; font-size: 14px; line-height: 28px; margin: 10px 0; }
.other-list .other-time{ color: #999; font-size: 14px; }

/* 提问*/
.modal{ background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none;}
.form-textarea{ border-bottom: 1px solid #f2f2f2; display: block; width: 100%; height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}

.question{ background-color: #fff; border-radius: 10px; width: 500px; margin: 20% auto;}
.question .question-head{ background-color: #f2f2f2; border-radius: 10px 10px 0 0; text-align: center; padding: 15px 0; position: relative; }
.question .question-head .title{ color: #333; font-size: 18px; font-weight: bold;}
.question .question-head .close { color: #aaa; font-size: 28px; padding: 10px; position: absolute; right: 0; top: 0;}
.question .question-head .close:hover, .question .question-head .close:focus { color: black; text-decoration: none; cursor: pointer;}
.question .frame{}
.question .frame form{ padding: 35px 25px;}
.question .frame .inside{ background-color: #fff; border: 1px solid #cecece; border-radius: 5px; }
.question .frame .txtm{ padding: 8px;}
.question .frame .txtm textarea{ border: 0 none; color: #333; font-size: 14px; padding: 0;}
.question .frame .submit{ text-align: center; margin-top: 15px;}
.question .frame .submit .btn-submit{ background-color: #fc69c4; border-radius: 50px; border: 0 none; color: #fff; cursor: pointer; font-size: 15px; padding: 9px 0; width: 80%;display: inline-block;}

/* 问一问*/
.quizList-title{ color: #252a33; font-size: 20px; font-weight: 500; line-height: 24px; padding-bottom: 20px;}
.discussion{ color: #333; }
.discussion dt{ border-bottom: 1px solid #f2f2f2; font-size: 16px; font-weight: bold; padding-bottom: 10px; display: flex; align-items: baseline;}
.discussion dt .icon-wen{background-color: #fc5925; border-radius: 4px; color: #fff; font-size: 12px; font-weight: normal; font-style: normal; padding: 2px 3px; margin-right: 5px;}
.discussion dd .icon-da{ background-color: #14d0d2; border-radius: 4px; color: #fff; font-size: 12px; font-weight: normal; font-style: normal; padding: 2px 3px; margin-right: 5px;}
.discussion-info{ color: #999; font-size: 14px; text-align: center; padding: 20px 0; }
.discussion-caption{ color: #333; font-size: 16px; font-weight: bold; margin: 10px 0;}
.discussion-caption .discussion-wen{ background: linear-gradient(to bottom, #f84d00, #ff5304); border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; font-style: normal; text-align: center; width: 30px; height: 30px; line-height:30px;}

.discussion-info{ color: #999; font-size: 14px; text-align: center; padding: 20px 0; }
.discussion-caption{ color: #333; font-size: 16px; font-weight: bold; margin: 10px 0;}
.discussion-caption .discussion-wen{ background: linear-gradient(to bottom, #f84d00, #ff5304); border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; font-style: normal; text-align: center; width: 30px; height: 30px; line-height:30px;}

.evaluate-list{ border-bottom: 1px solid #f2f2f2; padding: 1rem 0;}
.evaluate-list:last-child{ border-bottom: 0 none; padding-bottom: 0; }
.evaluate-list .evaluate-name{ font-size: 14px; display: flex; align-items: center;}
.evaluate-list .name-pic{ border-radius: 50px; margin-right: 5px; width: 20px; height: 20px; }
.evaluate-list .name-s1{ font-weight: bold;}
.evaluate-list .evaluate-text{ padding-top: 5px; line-height: 25px;font-size: 15px;}

.icon-circle{ border-radius: 50px; width: 10px; height: 10px; margin-right: 7px; }
.icon-green{ background-color: green;}
.icon-orange{ background-color: orange;}
.icon-rebeccapurple{ background-color: rebeccapurple;}
.icon-violet{ background-color: violet;}
.icon-red{ background-color: red;}
.icon-cyan{ background-color: #81cfd1;}
.icon-black{ background-color: black;}

.color-green{ color: green;}
.color-orange{ color: orange;}
.color-rebeccapurple{ color: rebeccapurple;}
.color-violet{ color: violet;}
.color-red{ color: red;}
.color-cyan{ color: #81cfd1;}
.color-black{ color: black;}

/* 关于我们*/
.about h1{ text-align: center; padding-bottom: 20px;}
.about .about-con{ border-top: 1px solid #f2f2f2; }
.about .about-con dt{ border-left: 4px solid #fc69c4; font-size: 15px; font-weight: bold; padding-left: 10px;}
.about .about-con p{ color: #555; font-size: 14px;  word-wrap: break-word; line-height: 24px; text-indent: 28px; margin-bottom: 5px; }
.about .about-list a{ border-bottom: 1px solid #f2f2f2; color: #555; font-size: 16px; display: inline-block; width: 100%; height: 50px; line-height: 50px; }
.about .about-list a:hover{ color: #fc69c4; }
.about .about-list a:last-child{ border-bottom: 0 none; }