@charset "utf-8";
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,img,form,table,th,td{ margin:0; padding:0;}
body, input, textarea, select, button {padding:0;margin:0;word-wrap:break-word;line-height: normal;}
h1,h2,h3,h4,h5{font-size:14px;outline:0;margin:0}
ol, ul {list-style:none}
img {border: 0;max-width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
html {-webkit-font-smoothing: antialiased;}
body{font-size:14px;line-height: 1.7;word-wrap:break-word;background: #f7f7f7;color:#333;font-family: "Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif;}
input, textarea {color: #666;font-size: 14px;}
:focus {outline:0}
a {
text-decoration:none;
color: #333;
}
a:hover {text-decoration:none;color: #999;}
#overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1999;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
/* common*/
.container {width: 1000px;margin: 0 auto;position: relative;}
.container1200 {width: 1200px;background: #fff;overflow: visible;box-sizing: border-box;}
.common-box {box-shadow: 0 0 2px 2px #c0bda9;border-radius: 12px;padding: 10px;position: relative;background: #fff;}
.center {text-align: center;}
.clear {clear: both;}
.urhere {padding: 10px 0;color: #666;margin: 0 auto;width: 1000px;}
.urhere1200 {width: 1200px;}
.urhere a {margin: 0 5px;font-size: 14px;}
.page { height:25px; line-height:25px; color:#222; padding-left:3px;margin-top: 25px;}
.page strong { padding: 1px 5px;color:#fff;border: 1px solid #E87583;background: #E87583;border-radius: 3px;}
.page a { padding:1px 5px; color: #333;border: 1px solid #ccc; margin:0px 2px;border-radius: 3px;}
.page a:hover { color:#fff; border: 1px solid #E87583;background: #E87583; text-decoration:none}
.textinput {padding: 5px;color: #666;border: 1px solid #c0bda9;}
.home-feature-pop-title {display: block;background: rgba(0, 0, 0, 0.7);width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-weight: normal;color: #fff;position: absolute;left: 0;bottom: 0;overflow: hidden;text-align: center;}
.recommend-pop-title {background: #fff url(../images/icon-right.png) left 11px no-repeat;padding-left: 20px;padding-right: 15px;height: 30px;line-height: 30px;font-size: 14px;font-weight: normal;position: absolute;left: 0;bottom: 0;overflow: hidden;}
#gotop{
display:block;
width:60px;
height:60px;
position:fixed;
bottom:50px;
right:40px;
border-radius:10px 10px 10px 10px;
text-decoration:none;
display:none;
background-color:#999999;
}
#gotop span{
display:block;
width:60px;
height: 56px;
color:#dddddd;
font-size:40px;
text-align:center;
margin-top:4px;
line-height: 50px;
}
#gotop span:hover{
color:#cccccc;
}
/* 768以下宽度 手机 */
@media (max-width: 1200px) {
.metroer-footer {width: 1200px;}
.metroer-bottom {width: 1155px;}
}
/* top */
.metroer-top {height: 45px;line-height: 45px;background: #232323;color: #666;}
.metroer-top .container {background: #232323;}
.top-left {float: left;}
.top-left span {float: left;color: #999;}
.top-left a {float: left;margin: 0 10px;height: 40px;padding-top: 5px;}
#top-search {float: right;}
#top-search input {box-shadow: none;}
#search-keyword {width: 220px;height: 28px;line-height: 28px;padding-left: 5px;float: left;margin-top: 7px;background: #2D2E2E;border: 1px solid #3f3f3f;}
#top-search-btn {float: left;border: 1px solid #3f3f3f;border-left: none;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #2D2E2E url(../images/icon-search.png?v=1017) center no-repeat;font-size: 20px;padding: 0;margin: 7px 0 0 0;}
#top-search-btn:hover {background: #666 url(../images/icon-search.png?v=1017) center no-repeat;}
.top-user {float: right;margin-left: 20px;position: relative;z-index: 9;font-size: 12px;}
.top-user a {margin: 0 10px;color: #999;font-size: 14px;}
.top-user span {margin: 0 15px;}
#top-username {text-align: left;display: inline-block;position: relative;z-index: 1;}
#top-user-menu {position: absolute;width: 130px;height: 55px;background: #fff;line-height: 1.7;text-align: left;right: 0px;top: 5px;padding-top: 40px;border: 1px solid #ccc;border-radius: 5px;display: none;}
#top-user-menu a {color: #999;font-size: 12px;font-weight: normal;text-align: right;display: block;margin: 0;padding: 2px 10px;}
#top-user-menu a:hover {background: rgba(0, 0, 0, 0.1);}
/* header */
.metroer-header {height: 105px;font-size: 18px;border-bottom: 1px solid #c7c7c7;background: #fff;}
.metroer-logo {float: left;width: 170px;margin-top: 20px;text-align: center;}
.metroer-logo img {width: 120px;}
.main-nav {float: left;width: 1000px;margin-left: 30px;height: 55px;line-height: 55px;margin-top: 25px;position: relative;}
.main-nav a {float: left;margin: 0 18px;color: #3E3F40;}
.main-nav a.bbs {margin-right: 0;}
.main-nav a:hover {color: #999;}
.sub-nav {width: 130px;font-size: 16px;position: absolute;z-index: 9999;left: 20px;top: 65px;display: none;}
.sub-nav span {width: 0px;height: 0px;position: absolute;left: 55px;top: -20px;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(51, 51, 51, 0.9);}
.sub-nav a {width: 100%;float: left;height: 40px;line-height: 40px;background: rgba(51, 51, 51, 0.9);color: #fff;margin: 0;text-align: center;border-top: 1px dashed #666;box-sizing: border-box;}
.sub-nav a:nth-child(1) {border-top: none;}
.sub-nav a:hover {background: rgba(102, 102, 102, 0.9);color: #fff;}
#sub-nav-9 {left: 73px;}
#sub-nav-19 {left: 198px;}
#sub-nav-13 {left: 320px;}
#weixin-qrcode {width: 150px;background: #fff;border: 1px solid #666;position: absolute;left: 70px;top: 36px;z-index: 9999;display: none;line-height: 1.2;text-align: center;padding-top: 10px;}
#app-qrcode {width: 150px;background: #fff;border: 1px solid #666;position: absolute;left: 110px;top: 36px;z-index: 9999;display: none;line-height: 1.2;text-align: center;padding-top: 10px;}
/* footer */
.metroer-footer {padding-top: 20px;padding-bottom: 20px;background: #393b3a;color: #999;}
.metroer-footer a {color: #999;}
.footer-left {float: left;width: 240px;padding-left: 220px;}
.footer-right {float: left;width: 740px;}
.home-footer-nav a {color: #ccc;margin: 0 5px;}
.metroer-bottom {background: #393b3a;height: 55px;line-height: 55px;color: #999;margin-top: 80px;border-bottom: 1px solid #555;}
.friendlink {padding-left: 220px;width: 1200px;margin: 0 auto;box-sizing: border-box;}
.friendlink a {color: #999;margin: 0 5px;}
/* home */
.home-banner {height: 340px;margin-top: 25px;}
.home-banner .swiper-slide img {width: 1200px;height: 340px;}
.pagination{text-align:center;width:100%;position: absolute;bottom: 10px;}
.swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:10px;background: rgba(99, 99, 99, 0.6);box-shadow:0px 1px 2px #555 inset;margin:0 10px;cursor:pointer;}
.swiper-active-switch{background: #fff;box-shadow: none;}
.home-feature {margin-top: 30px;}
.home-feature-item {width: 280px;margin: 0 10px;float: left;text-align: center;font-size: 20px;}
.home-feature-item .title {position: relative;}
.home-feature-item .title a {color: #666;position: relative;z-index: 1;}
.home-feature-item .title span {position: absolute;width: 140px;height: 8px;background: #f5f5f5;left: 70px;top: 24px;}
.home-feature-item .cover {margin-top: 10px;position: relative;width: 280px;height: 200px;}
.home-feature-item .cover img {width: 280px;height: 200px;}
.home-banner-goto {width: 1180px;margin: 20px auto 0;}
.home-category-title {margin-top: 45px;}
.home-sub-category {margin-top: 20px;text-align: center;}
.home-sub-category a {margin: 0 20px;color: #999;font-size: 16px;}
.home-category-recommend {margin-top: 5px;}
.home-category-recommend .recommend-banner {float: left;width: 880px;height: 350px;margin: 10px;}
.home-category-recommend .recommend-banner img {width: 880px;height: 350px;}
.home-category-recommend .recommend-hot {float: left;width: 260px;height: 330px;padding: 10px;margin: 10px;background: #E9EAEB;}
.home-category-recommend .recommend-hot .title {font-size: 24px;text-align: center;line-height: 1;margin-top: 5px;}
.home-category-recommend .recommend-hot .title span {font-size: 30px;}
.home-category-recommend .recommend-hot ul {background: #fff;padding: 10px;position: relative;}
.home-category-recommend .recommend-hot ul .icon1 {width: 18px;height: 18px;background: #E9EAEB;position: absolute;right: 0;top: 0;}
.home-category-recommend .recommend-hot ul .icon2 {width: 0px;height: 0px;border-top: 7px solid transparent;border-left: 7px solid #fff;border-right: 7px solid transparent;border-bottom: 7px solid #fff;position: absolute;left: 2px;top: 2px;}
.home-category-recommend .recommend-hot li {font-size: 16px;margin-top: 9px;background: url(../images/icon-recommend-hot.png) left 10px no-repeat;padding-left: 18px;height: 30px;overflow: hidden;}
.home-category-recommend-article {width: 280px;height: 430px;margin: 10px 10px 0;float: left;background: #FAFAFB;}
.home-category-recommend-article .cover img {width: 280px;height: 210px;}
.home-category-recommend-article .title {margin-top: 15px;padding-left: 25px;font-size: 18px;}
.home-category-recommend-article .description {width: 240px;margin: 10px 15px 0;border-top: 1px solid #999;padding: 10px 5px;height: 100px;overflow: hidden;text-align: justify;line-height: 1.8;color: #999;}
.home-category-recommend-article .home-more {text-align: right;padding: 0 15px;}
.home-category-recommend-article .home-more a {height: 19px;line-height: 19px;color: #666;background: url(../images/icon-more.png) left 3px no-repeat;padding-left: 20px;}
.home-category-recommend-goto {width: 280px;height: 430px;margin: 10px 10px 0;float: left;}
.home-category-recommend-goto .goto1 {width: 280px;height: 210px;position: relative;}
.home-category-recommend-goto img {width: 280px;height: 210px;}
.home-category-recommend-goto .goto2 {width: 280px;height: 210px;margin-top: 10px;position: relative;}
.home-hot-list {margin-top: 10px;}
.home-hot-item {float: left;width: 280px;height: 410px;margin: 10px;background: #fafafb;}
.home-hot-item .cover {width: 280px;height: 340px;}
.home-hot-item .cover img {width: 280px;height: 340px;}
.home-hot-item .avatar {width: 50px;height: 50px;float: left;margin: 10px;border: 1px solid #ccc;}
.home-hot-item .avatar img {width: 50px;height: 50px;}
.home-hot-item .description {width: 171px;height: 40px;float: left;padding: 5px 10px;margin: 10px 10px 5px;border: 1px solid #ccc;background: #fff;font-size: 12px;color: #999;position: relative;border-radius: 4px;}
.home-hot-item .description p {height: 40px;overflow: hidden;}
.home-hot-item .description .arrow {width: 8px;height: 8px;-webkit-transform:rotate(45deg);border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;background: #fff;position: absolute;top: 10px;left: -5px;}
.home-hot-item .description .arrow2 {width: 8px;height: 8px;-webkit-transform:rotate(45deg);border-top: 1px solid #ccc;border-right: 1px solid #ccc;background: #fff;position: absolute;top: 10px;right: -5px;}
.home-hot-top {float: left;width: 280px;height: 410px;margin: 10px;}
.home-hot-top .top-list {padding: 10px;height: 390px;background: #E9EAEB;height: 180px;}
.home-hot-top .title {font-size: 24px;text-align: center;line-height: 1;margin-top: 2px;}
.home-hot-top .title span {font-size: 30px;}
.home-hot-top ul {background: #fff;padding: 10px;position: relative;}
.home-hot-top ul .icon1 {width: 18px;height: 18px;background: #E9EAEB;position: absolute;right: 0;top: 0;}
.home-hot-top ul .icon2 {width: 0px;height: 0px;border-top: 7px solid transparent;border-left: 7px solid #fff;border-right: 7px solid transparent;border-bottom: 7px solid #fff;position: absolute;left: 2px;top: 2px;}
.home-hot-top li {font-size: 16px;margin-top: 6px;background: url(../images/icon-recommend-hot.png) left 10px no-repeat;padding-left: 18px;height: 26px;overflow: hidden;}
.home-hot-top .goto {width: 280px;height: 200px;margin-top: 10px;}
.home-hot-top .goto img {width: 280px;height: 200px;}
/* category */
.category-banner {height: 300px;}
.category-banner .swiper-slide img {width: 1200px;height: 300px;}
.category-name {width: 1190px;margin: 25px auto 0;border-bottom: 1px solid #999;text-align: center;}
.category-name .name {width: 300px;background: #fff;font-size: 26px;display: inline-block;position: relative;bottom: -20px;}
.category-recommend {margin-top: 30px;}
.category-recommend .left-recommend {float: left;width: 280px;height: 530px;margin: 10px;}
.category-recommend .left-recommend img {width: 280px;height: 530px;}
.category-recommend .left-recommend a {display: block;position: relative;}
.category-recommend .left-recommend .img1 {width: 280px;height: 530px;}
.category-recommend .left-recommend .img2 {width:280px;height: 255px;margin-top: 20px;}
.category-recommend .left-recommend .img2 img {width:280px;height: 255px;}
.category-recommend .center-recommend {float: left;width: 550px;height: 500px;padding: 15px;margin: 10px;background: #fafafb;}
.category-recommend .center-recommend .image {width: 550px;height: 300px;}
.category-recommend .center-recommend .image img {width: 550px;height: 300px;}
.category-recommend .center-recommend .title {height: 30px;overflow: hidden;font-size: 20px;margin-top: 20px;border-bottom: 1px dashed #999;padding-bottom: 10px;}
.category-recommend .center-recommend .description {height: 110px;margin-top: 22px;overflow: hidden;font-size: 16px;}
.category-recommend .right-recommend {float: left;width: 280px;height: 530px;margin: 10px;}
.category-recommend .right-recommend img {width: 280px;height: 255px;}
.category-recommend .right-recommend a {width: 280px;height: 255px;display: block;position: relative;}
.category-recommend .right-recommend .img2 {margin-top: 20px;}
/* article list */
.article-list-body {background: #fff url(../images/article-list-bg.jpg) center 200px no-repeat;background-attachment: fixed;}
.article-list {margin-top: 15px;}
.article-item {float: left;margin: 8px 10px;width: 280px;overflow:hidden;zoom:1; background:#fff; position:relative;box-shadow: 0px 0px 3px 0px #ddd;}
.article-item img{ width: 100%;}
.article-item .info {padding: 15px 20px 20px;}
.article-item .info .title {font-size: 20px;line-height: 1.2;}
.article-item .info .description {border-top: 1px solid #666;border-bottom: 1px solid #666;margin-top: 15px;padding: 5px 0;color: #666;}
.article-item.date {background: url(../images/ibeaty-date-bg.png) center no-repeat;font-size: 66px;text-align: center;padding-top: 100px;line-height: 1.6;height: 310px;box-shadow: none;}
.article-item.date .month {color: #000;font-weight: bold;}
.article-item.date .year {font-size: 52px;color: #666;}
/* article detail */
.article-detail-left {float: left;background: #fff;padding: 25px 30px;width: 840px;}
.article-detail-right {float: left;margin-left: 20px;width: 260px;}
.article-detail-left h1 {font-size: 26px;border-bottom: 3px solid #e87583;padding-bottom: 10px;text-align: center;font-weight: normal;}
.article-detail-left .article-info {color: #999;text-align: center;font-size: 12px;margin-top: 20px;}
.article-detail-left .article-tags {color: #999;text-align: center;font-size: 12px;margin-top: 20px;}
.article-detail-left .article-tags a {color: #fff;background: #999;margin: 0 3px;padding: 2px 5px;border-radius: 2px;}
.article-detail-left .description {background: #F6F8F3;color: #666;padding: 30px 40px;margin-top: 45px;}
.article-detail-left .content {margin-top: 50px;}
.article-detail-left .page {margin-top: 50px;text-align: center;}
.article-detail-left .page a {padding: 0;margin: 0 5px;width: 25px;height: 25px;line-height: 25px;color: #fff;border-radius: 50%;background: #999;text-align: center;display: inline-block;}
.article-detail-left .page a.cur {background: #C39A70;}
.article-detail-left .page a.arrow {background: none;color: #999;}
.print-favorite {text-align: center;margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid #333;}
.print-favorite a {margin: 0 15px;color: #666;}
.print-favorite a i {font-size: 18px;margin-right: 5px;}
.prev-next {margin-top: 30px;}
.prev-next .prev {float: left;}
.prev-next .next {float: right;}
.article-detail-left .xg {margin-top: 30px;}
.article-detail-left .xg h3 {font-size: 16px;border-bottom: 1px solid #666;padding-bottom: 10px;}
.article-detail-left .xg li {width: 46%;float: left;margin: 5px 2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article-detail-recommend {margin-top: 30px;background: url(../images/article-recommend-title.png) center top no-repeat;padding-top: 102px;}
.article-detail-recommend .recommend-item {width: 260px;background: #fff;box-shadow: 0 0 3px 0px #ddd;margin-bottom: 30px;}
.article-detail-recommend .recommend-item img {width: 100%;}
.article-detail-recommend .recommend-item .info {padding: 10px 20px 20px;}
.article-detail-recommend .recommend-item .info .title {font-size: 18px;font-weight: bold;}
.article-detail-recommend .recommend-item .info .description {font-size: 12px;border-top: 1px solid #999;border-bottom: 1px solid #999;padding: 5px 0;margin-top: 10px;}
/* ibeauty */
.ibeauty-home {background: #f6f8f3 url(../images/ibeauty-bg.jpg) center top no-repeat;}
.ibeauty-top {margin-top: 40px;height: 515px;overflow: hidden;}
.ibeauty-top-left {float: left;width: 715px;height: 455px;}
.ibeauty-top-left img {width: 715px;height: 455px;overflow: hidden;}
.ibeauty-top-swiper {height: 455px;}
.ibeauty-top-swiper .pagination{bottom: 30px;}
.ibeauty-top-swiper .swiper-wrapper {height: 455px;}
.ibeauty-top-swiper .swiper-slide {height: 455px;}
.ibeauty-top-swiper .swiper-slide a {display: block;height: 455px;}
.ibeauty-top-right {position: relative;float: left;width: 285px;height: 515px;}
.ibeauty-top-title {text-align: center;margin-top: 35px;}
.ibeauty-top-right .info {width: 205px;margin-left: 10px;height: 320px;padding: 35px;margin-top: 30px;background: #e87583;color: #fff;}
.ibeauty-top-right .info a {color: #fff;}
.ibeauty-top-right .info .title {text-align: left;font-size: 26px;border-bottom: 1px dashed #fff;padding-bottom: 10px;}
.ibeauty-top-right .info .description {margin-top: 10px;font-size: 16px;line-height: 1.7;}
.ibeauty-top-right .info .more {margin-top: 30px;text-align: right;font-size: 18px;text-decoration: underline;}
.ibeauty-top-right .angle {width: 58px;height: 67px;background: url(../images/ibeauty-banner-angle.png);position: absolute;left: -47px;bottom: 180px;z-index: 999;}
.ibeauty-banner-title {margin-top: 30px;text-align: center;}
.ibeauty-banner {height: 450px;margin-top: 35px;overflow: hidden;}
.ibeauty-banner-item {float: left;width: 59px;height: 450px;border-right: 1px solid #fff;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);overflow: hidden;}
.ibeauty-banner-item.active {width: 879px;-moz-opacity: 1;opacity:1;filter: alpha(opacity=100);}
.ibeauty-banner-goto {margin-top: 90px;}
.week-focus {background: url(../images/ibeauty-bg2.png) center no-repeat;height: 711px;margin-top: 45px;}
.week-focus-list {padding-top: 160px;}
.week-focus-item {float: left;width: 430px;margin: 15px;margin-left: 95px;}
.week-focus-item.first {margin-left: 15px;}
.week-focus-item .cover {float: left;width: 115px;height: 115px;}
.week-focus-item .cover a {border: 1px solid #e87583;display: block;width: 103px;height: 103px;padding: 5px;border-radius: 50%;}
.week-focus-item .cover img {border: 3px solid #e87583;width: 97px;height: 97px;border-radius: 50%;}
.week-focus-item .info {float: left;width: 300px;margin-left: 15px;}
.week-focus-item .info .title {margin-top: 5px;font-size:22px;border-bottom: 2px solid #e87583;padding-bottom: 5px;width: 295px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.week-focus-item .info .description {margin-top: 10px;}
.ibeauty-list-body {background: #f6f8f3 url(../images/ibeauty-bg3.jpg) center top no-repeat;}
.ibeauty-list-title {margin-top: 60px;text-align: center;}
.ibeauty-list {margin-top: 15px;}
.ibeauty-item {float: left;margin: 15px 11px;width: 310px;overflow:hidden;zoom:1; background:#fff; position:relative;box-shadow: 0px 0px 3px 3px #ccc;}
.ibeauty-item img{ width: 100%;}
.ibeauty-item .info {padding: 30px;}
.ibeauty-item .info .title {font-size: 22px;}
.ibeauty-item .info .description {border-top: 1px solid #333;border-bottom: 1px solid #333;margin-top: 5px;padding: 5px 0;}
.ibeauty-item.date {background: url(../images/ibeaty-date-bg.png) center no-repeat;color: #e87583;font-size: 70px;font-weight: bold;text-align: center;padding-top: 100px;line-height: 1.6;height: 310px;box-shadow: none;}
.ibeauty-item.date .year {font-size: 56px;}
/* lifefashion */
.lifefashion-home {background: #f6f8f3 url(../images/lifefashion-bg.jpg) center top no-repeat;}
.week-recommend {margin-top: 360px;}
.week-recommend-life2 {margin-top: 60px;}
.lifefashion-top {margin-top: 40px;height: 515px;overflow: hidden;}
.lifefashion-top-right {float: left;width: 715px;height: 455px;}
.lifefashion-top-right img {width: 715px;height: 455px;overflow: hidden;}
.lifefashion-top-swiper .swiper-wrapper {height: 455px;}
.lifefashion-top-swiper .swiper-slide {height: 455px;}
.lifefashion-top-swiper .swiper-slide a {display: block;height: 455px;}
.lifefashion-top-left {position: relative;float: left;width: 285px;height: 515px;}
.lifefashion-top-title {text-align: center;margin-top: 35px;}
.lifefashion-top-left .info {width: 205px;margin-right: 10px;height: 320px;padding: 35px;margin-top: 30px;background: #c49a6d;color: #fff;}
.lifefashion-top-left .info a {color: #fff;}
.lifefashion-top-left .info .title {text-align: left;font-size: 26px;border-bottom: 1px dashed #fff;padding-bottom: 10px;}
.lifefashion-top-left .info .description {margin-top: 10px;font-size: 16px;line-height: 1.7;}
.lifefashion-top-left .info .more {margin-top: 30px;text-align: right;font-size: 18px;text-decoration: underline;}
.lifefashion-top-left .angle {width: 56px;height: 66px;background: url(../images/lifefashion-banner-angle.png);position: absolute;right: -46px;bottom: 180px;z-index: 999;}
/* modernlady */
.modernlady-body {background: #f6f8f3 url(../images/modernlady-bg.jpg) center top no-repeat;}
.modernlady-body .ibeauty-item.date {color: #c49a6d;}
.modernlady-welcome {margin-top: 80px;}
.modernlady-welcome .icon-quote-left {float: left;width: 80px;margin-left: 100px;color: #999;font-size: 50px;text-align: center;}
.modernlady-welcome .text {float: left;width:640px;text-align: center;color: #666;}
.modernlady-welcome .text .title {font-size: 30px;font-weight: bold;}
.modernlady-welcome .text .description {font-size: 16px;margin-top: 10px;}
.modernlady-welcome .icon-quote-right {float: left;width: 80px;color: #999;font-size: 50px;text-align: center;}
.modernlady-banner {margin-top: 45px;}
.modernlady-banner-title {text-align: center;margin-top: 60px;}
/* try */
.try-home {background: #fff url(../images/try-bg.jpg) center top no-repeat;}
.try {margin-top: 40px;}
.try-left {float: left;width: 700px;}
.try-right {float: left;width: 250px;margin-left: 50px;}
.active-try {height: 986px;background: url(../images/try-bg2.png);margin-top: 10px;padding: 35px 40px;}
.active-try-item {position: relative;}
.active-try-item .active {position: absolute;left: -15px;top: -15px;padding: 15px;width: 44px;height: 55px;background: url(../images/try-title-bg.png);text-align: center;color: #fff;font-size: 22px;line-height: 1.2;}
.active-try-left {float: left;width: 289px;}
.active-try-left img {width: 285px;height: 285px;border: 2px solid #fce45f;}
.active-try-left .date {font-size: 18px;color: #C39A6F;font-weight: bold;margin-top: 10px;}
.active-try-left .share {font-size: 18px;color: #C39A6F;font-weight: bold;margin-top: 10px;}
.active-try-left .share span {float: left;}
.active-try-left .share a {float: left;margin-left: 10px;margin-top: 5px;}
.active-try-left .share .tsina {width: 23px;height: 23px;background: url(../images/try-share-weibo.png);}
.active-try-left .share .tqq {width: 23px;height: 23px;background: url(../images/try-share-qq.png);}
.active-try-left .tip {margin-top: 10px;}
.active-try-right {float: left;width: 301px;margin-left: 30px;}
.active-try-right .number {width: 175px;height: 60px;background: #E87583;text-align: center;color: #fff;font-size: 18px;font-weight: bold;position: absolute;right: -70px;top: -10px;line-height: 65px;}
.active-try-right .number span {font-size: 34px;}
.active-try-right .brand {margin-top: 55px;font-size: 22px;font-weight: bold;}
.active-try-right .brand a {color: #c39a6f;}
.active-try-right .title {line-height: 1.2;font-size: 22px;border-bottom: 2px solid #e87583;padding-bottom: 15px;}
.active-try-right .info {margin-top: 15px;}
.active-try-right .description {margin-top: 30px;}
.active-try-right .btns {margin-top: 20px;}
.active-try-right .btns .apply {width: 135px;height: 45px;display: inline-block;background: #c39a6f;font-size: 24px;font-weight: bold;text-align: center;line-height: 45px;color: #fff;}
.active-try-right .btns .buy {width: 135px;height: 45px;margin-left: 25px;display: inline-block;background: #e87583;font-size: 24px;font-weight: bold;text-align: center;line-height: 45px;color: #fff;}
.active-try-right .apply-user {margin-top: 10px;font-size: 16px;font-weight: bold;color: #000;}
.try-right .try-rule {box-shadow: 0 0 2px 1px #c0bda9;background: #fff;border-radius: 12px;padding: 20px 15px;}
.try-right .try-rule h3 {font-size: 20px;height: 36px;background: url(../images/icon-try-rule.jpg) 30px 0 no-repeat;padding-left: 75px;line-height: 36px;color: #666;}
.try-right .try-rule ul {margin-top: 20px;}
.try-right .try-rule ul li {margin-top: 0px;padding-left: 15px;background: url(../images/try-rule-point.jpg) left 5px no-repeat;font-size: 16px;}
.try-right .try-rule p {margin-top: 20px;font-size: 16px;text-align: center;}
.try-right .try-rule p a {color: #c39a6f;}
.try-user-top5 {width: 200px;height: 130px;padding: 75px 25px 25px;background: url(../images/try-top-user-bg.png);margin-top: 15px;margin-bottom: 25px;}
.try-user-top5 .try-user-top1 {border-bottom: 2px solid #333;padding-bottom: 5px;}
.try-user-top5 .try-user-top1 .avatar {width: 90px;float: left;text-align: center;position: relative;}
.try-user-top5 .try-user-top1 .avatar img {width: 60px;border: 2px solid #fce45f;border-radius: 50%;}
.try-user-top5 .try-user-top1 .avatar .crown {width: 39px;height: 19px;background: url(../images/try-crown.png);position: absolute;top: -14px;left: 25px;}
.try-user-top5 .try-user-top1 .rank {font-size: 16px;}
.try-top-user-other {margin-top: 5px;}
.try-top-user-other li{width: 50%;float: left;margin-top: 5px;}
.try-recommend-report {width: 200px;height: 253px;padding: 58px 25px 27px;background: url(../images/try-recommend-report-bg.png);margin-top: 20px;}
.try-recommend-report dl {margin-top: 15px;}
.try-recommend-report dt {width: 65px;float: left;}
.try-recommend-report dt img {width: 100%;}
.try-recommend-report dd {width: 125px;float: left;margin-left: 10px;font-size: 12px;line-height: 1.4;}
.try-recommend-report dd .title {border-bottom: 2px solid #e87583;padding-bottom: 5px;margin-bottom: 5px;}
.try-score1 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 0;}
.try-score2 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 -30px;}
.try-score3 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 -60px;}
.try-score4 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 -90px;}
.try-score5 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 -120px;}
.try-score6 {width: 140px;height: 30px;background: url(../images/try-score.png) no-repeat;background-position:0 -150px;}
.try-score-s1 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 0;}
.try-score-s2 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 -24px;}
.try-score-s3 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 -48px;}
.try-score-s4 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 -72px;}
.try-score-s5 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 -96px;}
.try-score-s6 {width: 112px;height: 24px;background: url(../images/try-score-small.png) no-repeat;background-position:0 -120px;}
.banner-ad {margin: 20px 0;}
.report-try-list {box-shadow: 0 0 2px 1px #c0bda9;padding: 30px 60px;border-radius: 12px;background: #fff;margin-top: 30px;}
.report-try-list .head span {float: left;font-size: 20px;height: 29px;line-height: 29px;color: #666;background: url(../images/icon-try-report.jpg) left no-repeat;padding-left: 40px;}
.report-try-list .head .more {float: right;font-size: 16px;text-decoration: underline;}
.report-try-item {margin: 40px 0;height: 140px;overflow: hidden;}
.report-try-item .cover {float: left;width: 240px;height: 140px;overflow: hidden;}
.report-try-item .cover img {width: 140px;}
.report-try-item .info {float: left;width: 365px;margin-left: 45px;font-size: 16px;}
.report-try-item .info .title {font-size: 24px;height: 32px;overflow: hidden;}
.report-try-item .info .size {margin-top: 30px;}
.report-try-item .score {float: left;width: 180px;margin-left: 50px;}
.report-try-item .score .title {font-size: 16px;font-weight: bold;}
.report-try-item .score .add-report {margin-top: 30px;}
.report-try-item .score .add-report a {font-size: 16px;font-weight: bold;color: #fff;width: 132px;height: 45px;background: #e87583;text-align: center;line-height: 45px;font-size: 24px;display: inline-block;}
.try-more-brand {text-align: right;padding-right: 15px;}
.try-more-brand a {font-size: 16px;text-decoration: underline;color: #c39a6f;}
.try-home-brand {background: #fff;box-shadow: 0 0 2px 1px #c39a6f;padding: 30px;margin-top: 5px;position: relative;}
.try-home-brand .tag {position: absolute;left: 50px;top: -55px;padding: 15px;width: 44px;height: 55px;background: url(../images/try-title-bg.png);text-align: center;color: #fff;font-size: 22px;line-height: 1.2;}
.try-home-brand li {float: left;margin: 5px 4px;}
.try-home-brand li img {width: 120px;height: 60px;}
.try-detail-left {float: left;width: 720px;margin-top: 30px;}
.try-detail-right {float: left;width: 260px;margin-left: 20px;margin-top: 30px;}
.try-detail-info {box-shadow: 0 0 1px 2px #c0bda9;padding: 20px;border-radius: 12px;background: #fff;}
.try-detail-info .cover {width: 210px;float: left;}
.try-detail-info .cover img {width: 100%;}
.try-detail-info .info {float: left;width: 420px;margin-left: 20px;font-size: 16px;}
.try-detail-info .score {float: left;width: 250px;margin-left: 40px;padding-left: 19px;border-left: 1px dashed #999;}
.try-detail-info .share {font-size: 18px;color: #C39A6F;font-weight: bold;margin-top: 10px;}
.try-detail-info .share span {float: left;}
.try-detail-info .share a {float: left;margin-left: 10px;margin-top: 5px;}
.try-detail-info .share .tsina {width: 23px;height: 23px;background: url(../images/try-share-weibo.png);}
.try-detail-info .share .tqq {width: 23px;height: 23px;background: url(../images/try-share-qq.png);}
.try-detail-info .info h1 {color: #E87583;font-size: 18px;margin-bottom: 10px;}
.try-detail-info .info p span {color: #E87583;}
.try-detail-info .info .btns {margin-top: 20px;}
.try-detail-info .info .btns a {background: #E87583;color: #fff;text-align: center;padding: 10px 25px;}
#new_try_apply_btn {background: #c39a6f;}
.try-score-box span {float: left;font-size: 22px;font-weight: bold;margin-left: 15px;}
.try-score-box p {float: left;margin-left: 5px;margin-top: 3px;}
.try-detail-info .score h3 {color: #E87583;margin-top: 10px;}
.try-detail-info .score table {margin-top: 5px;}
.try-detail-info .score td {height: 50px;text-align: center;font-size: 12px;}
.try-detail-info .score td p {margin: 0 auto;}
.try-detail-info .score td.try-score-title {width: 108px;font-size: 18px;text-align: right;}
.try-detail-info .score .try-checked {width: 24px;height: 24px;background: url(../images/try-checked.jpg);}
.try-detail-info .score .try-no-checked {width: 24px;height: 24px;background: url(../images/try-no-checked.jpg);}
.try-detail-left .try-content {padding: 25px;box-shadow: 0 0 1px 2px #c0bda9;background: #fff;border-radius: 12px;}
.try-user-list {padding: 25px;background: #fff;box-shadow: 0 0 1px 2px #c0bda9;margin-top: 20px;border-radius: 12px;}
.try-user-list .nav {padding-left: 170px;}
.try-user-list .nav a {border: 1px solid #ccc;width: 100px;height: 32px;line-height: 32px;float: left;text-align: center;font-size: 16px;position: relative;}
.try-user-list .nav a.active {background: #E87583;border: 1px solid #E87583;color: #fff;}
.try-user-list .nav a.active .arrow {position: absolute;left: 44px;bottom: -13px;border-left: 6px solid #fff;border-right: 6px solid #fff;border-bottom: 6px solid #fff;border-top: 6px solid #E87583;}
.try-apply-item {margin-top: 35px;padding-bottom: 30px;border-bottom: 1px dashed #ccc;}
.try-apply-item .avatar {float: left;width: 70px;}
.try-apply-item .avatar img {border-radius: 50%;width: 70px;}
.try-apply-item .info {float: left;width: 580px;margin-left: 15px;}
.try-apply-item .info .head dd {float: left;margin-right: 10px;font-weight: bold;}
.try-apply-item .info .head dd.date {float: right;color: #999;font-weight: normal;}
.try-apply-item .info .content {margin-top: 10px;font-size: 12px;}
.try-apply-user-list {padding: 30px;}
.try-apply-user-list li {width: 100px; height: 100px;margin-top: 30px;float: left;text-align: center;line-height: 1.4;}
.try-apply-user-list li img {width: 70px;height: 70px;border-radius: 50%;}
.try-report-list {margin-top: 30px;padding-bottom: 30px;border-bottom: 1px dashed #ccc;}
.try-report-list .avatar {float: left;width: 70px;text-align: center;}
.try-report-list .avatar img {width: 100%;border-radius: 50%;}
.try-report-list .info {float: left;width: 580px;margin-left: 15px;}
.try-report-list .info .head dd {float: left;margin-right: 15px;font-weight: bold;}
.try-report-list .info .try_apply_content {margin-top: 10px;font-size: 12px;}
.try-report-list .info .try_apply_content img {max-width: 100%;}
.try-report-list .info .try_apply_content .report_gallery img {width: 115px;height: 115px;}
.try-report-list .info .report_gallery li {float: left;margin: 4px;}
.try_report_bottom {margin-top: 5px;}
.try_report_bottom .show_full_report {float: left;color: #c39a6f;font-size: 12px;}
.try_report_bottom .try_report_data {float: right;color: #999;font-size: 12px;}
.try-detail-recommend-report {padding: 20px 10px;background: #fff url(../images/icon-try-recommend-report2.jpg) 50px 25px no-repeat;margin-top: 20px;box-shadow: 0 0 2px 2px #c0bda9;border-radius: 12px;}
.try-detail-recommend-report h3 {font-size: 20px;color: #666;padding-left: 75px;}
.try-detail-recommend-report dl {margin-top: 20px;}
.try-detail-recommend-report dt {width: 110px;float: left;}
.try-detail-recommend-report dt img {width: 100%;}
.try-detail-recommend-report dd {width: 120px;float: left;margin-left: 10px;font-size: 12px;line-height: 1.4;}
.try-detail-recommend-report dd .title {margin-bottom: 5px;}
.try-hot-brand {padding: 30px;}
.try-tag {width: 108px;height: 33px;background: url(../images/try-tag-bg.png);line-height: 28px;color: #fff;text-align: center;font-size: 16px;position: absolute;top: 20px;left: -5px;}
.try-hot-brand ul {margin-top: 15px;}
.try-hot-brand li {float: left;margin: 7px;}
.try_brand_left {float: left;}
.brand_detail_text_list {padding-left: 80px;margin-top: 15px;}
.try-history-list .try-detail-info {margin-bottom: 30px;padding-bottom: 20px;}
.try-brand-doyen {padding: 20px 10px;background: #fff url(../images/icon-try-doyen.jpg) 50px 25px no-repeat;}
.try-brand-doyen h3 {font-size: 20px;color: #666;padding-left: 75px;}
.try-brand-doyen dl {margin-top: 20px;}
.try-brand-doyen .try_history_list1 dt {width: 110px;float: left;}
.try-brand-doyen .try_history_list1 dt img {width: 100%;border-radius: 50%;}
.try-brand-doyen .try_history_list1 dd {width: 120px;float: left;margin-left: 10px;font-size: 12px;}
.try-brand-doyen .try_history_list1 dd a {font-size: 14px;font-weight: bold;}
.try-brand-doyen .try_history_list li {float: left;margin: 0 5px;width: 70px;}
.try-brand-doyen .try_history_list li img {border-radius: 50%;width: 100%;}
.brand_star_product {float: left;width: 450px;margin: 30px 10px 20px 30px;}
.brand_star_product .cover {float: left;width: 140px;}
.brand_star_product .info {float: left;width: 300px;margin-left: 10px;}
.brand_star_product .info h3 {height: 30px;overflow: hidden;}
.brand_star_product .info h3 a {color: #e87684;font-size: 18px;font-weight: normal;}
.brand_star_product .info .description {margin-top: 5px;font-size: 12px;}
.brand_star_product .info .iwant {margin-top: 15px;font-size: 12px;}
.brand_star_product .info .iwant a {color: #fff;background: #e87684;padding: 10px 30px;margin-left: 5px;font-size: 14px;}
.try-report-submit {float: right;font-size: 16px;color: #fff;background: #e87684;width: 100px;height: 30px;border: none;margin-right: 110px;margin-top: 10px;}
#try_report_score_choose span {width: 22px;height: 24px;float: left;cursor: pointer;}
/* event */
.event-list {}
.event-list .event-item {width: 470px;height: 180px;overflow: hidden;float: left;margin-left: 20px;margin-top: 20px;}
.event-list .event-item.left {margin-left: 0;}
.event-list .event-item .cover {width: 180px;float: left;}
.event-list .event-item .cover img {width: 180px;height: 180px;}
.event-list .event-item .info {width: 270px;float: left;margin-left: 20px;}
.event-list .event-item .info .title a {color: #c49a6c;}
.event-list .event-item .info .description {font-size: 12px;margin-top: 5px;max-height: 60px;overflow: hidden;}
.event-list .event-item .info .award {font-size: 12px;margin-top: 10px;}
.event-list .event-item .info .date {font-size: 12px;}
.event-list .event-item .info .btn {margin-top: 10px;}
.event-list .event-item .info .btn a {background: #e87684;color: #fff;padding: 5px 20px;margin-left: 35px;}
/* single page */
.singlepage {margin-top: 30px;}
.singlepage-left {float: left;width: 234px;border: 1px solid #c0bda9;}
.singlepage-right {float: right;width: 650px;padding: 30px 20px;}
.singlepage-right .title h2 {border-bottom: 1px #e87684 solid;padding-bottom: 10px;overflow: hidden;font-size: 22px;color: #e87684;}
.singlepage-right img {max-width: 100%;}
.singlepage-left ul{padding:10px 0px; width:230px;}
.singlepage-left ul li{ line-height:40px;width:250px; }
.singlepage-left ul li a{ color:#5D5D5D; font-size:14px; font-family:"微软雅黑"; width:160px; display:block;padding-left:80px; margin-top:1px;}
.singlepage-left ul li a:hover,.singlepage-left .curr a{ background:#c0bda9; color:#fff; }
/* search */
.sousuo a {color: #e87684;}
.search {background: #fff;padding: 30px;width: 1140px;margin-top: 15px;}
.search .result {margin-top: 20px;}
.search .result h3 {font-size: 18px;}
.search .result p {margin-top: 5px;}
.search .result p a {color: #c0bda9;margin-left: 5px;}
.app-tip {height: 140px;width: 100%;background-color: rgba(66,66,74,0.96);position: fixed;bottom: 0;z-index: 999;}
.app-tip .app-logo {height: 100px;width: 100px;margin: 20px;float: left;}
.app-tip .app-tip-text {font-size: 30px;color: #fff;line-height: 140px;float: left;}
.app-tip .go-app {font-size: 30px;color: #333;background: #fff;border-radius: 10px;padding: 10px;float: right;height: 60px;margin: 30px;line-height: 60px;display: inline-block;}
.app-tip .go-app:hover {text-decoration: none;}
/* brand */
.brand {padding: 20px 15px;}
.brand-title {width: 100%;position: relative;text-align: right;margin-top: 10px;}
.brand-title.title1 {height: 31px;background: url(../images/brand-title-1.png) left 0 no-repeat;}
.brand-title.title2 {height: 34px;background: url(../images/brand-title-2.png) left 0 no-repeat;margin-top: 40px;}
.brand-title.title3 {height: 31px;background: url(../images/brand-title-3.png) left 0 no-repeat;margin-top: 40px;}
.brand-title a {position: absolute;right: 30px;top: 0px;font-size: 16px;}
.brand-recommend-goods-list {margin-top: 10px;}
.brand-recommend-goods-item {width: 218px;float: left;margin-left: 20px;margin-top: 10px;padding-bottom: 15px;background: #f9f9f9;}
.brand-recommend-goods-item:first-child {margin-left: 0;}
.brand-recommend-goods-item img {width: 100%;}
.brand-recommend-goods-item .title {margin-top: 10px;padding: 0 10px;font-size: 16px;height: 27px;overflow: hidden;}
.brand-recommend-goods-item .brand-score {margin-top: 5px;margin-left: 10px;}
.brand-recommend-goods-item .price {font-size: 28px;color: #d7083b;}
.brand-recommend-goods-item .price span {font-size: 16px;color: #333;padding-left: 10px;}
.brand-recommend-goods-item .description {width: 198px;margin: 0px auto;border-top: 1px solid #ddd;padding-top: 5px;height: 48px;overflow: hidden;}
.top-brand-item {float: left;margin-left: 20px;margin-top: 40px;width: 218px;}
.top-brand-item:nth-child(5n+1) {margin-left: 0;}
.top-brand-item .cover {position: relative;width: 218px;height: 218px;padding: 10px;box-sizing: border-box;background: #f5f5f5;}
.top-brand-item .cover img {width: 198px;height: 198px;}
.top-brand-item .cover span {font-size: 20px;position: absolute;left: 0;top: -20px;}
.top-brand-item .title {margin-top: 5px;font-size: 18px;}
.top-brand-item .fields {margin-top: 5px;color: #666;}
.top-brand-item .fields a {color: #666;}
.top-brand-item .fields .comments {background: url(../images/icon-comment.png) left 1px no-repeat;padding-left: 30px;}
.top-brand-item .fields .goods {background: url(../images/icon-goods.png) 10px 2px no-repeat;padding-left: 32px;margin-left: 5px;border-left: 1px solid #ddd;}
.brand-new-comment-item {margin-top: 25px;}
.brand-new-comment-item .cover {width: 165px;float: left;}
.brand-new-comment-item .cover img {border-radius: 10px;}
.brand-new-comment-item .info {width: 950px;float: left;margin-left: 25px;background: #f5f5f5;padding: 20px 15px;border-radius: 6px;}
.brand-new-comment-item .info .title {color: #777;font-size: 16px;height: 35px;}
.brand-new-comment-item .info .avatar {width: 35px;height: 35px;display: inline-block;}
.brand-new-comment-item .info .avatar img {border-radius: 50%;vertical-align: middle;}
.brand-new-comment-item .info .username {display: inline-block;margin: 0 5px;}
.brand-new-comment-item .info .goods-title {font-size: 18px;display: inline-block;margin-left: 10px;}
.brand-new-comment-item .info .date {font-size: 14px;color: #999;}
.brand-new-comment-item .info .score {margin-top: 5px;}
.brand-new-comment-item .info .content {margin-top: 5px;color: #666;}
.brand-new-comment-item .info .gallery {margin-top: 10px;}
.brand-new-comment-item .info .gallery img {margin-right: 5px;border: 1px solid #ddd;padding: 3px;}
#load-more-brand-new-comment {width: 225px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #333 url(../images/icon-load-more-comment.png) 110px 13px no-repeat;padding-left: 150px;display: block;margin: 35px auto;}
.brand-letter-index {}
.brand-letter-index a {float: left;width: 42px;height: 42px;line-height: 38px;text-align: center;font-size: 34px;margin: 5px 8px;box-sizing: border-box;}
.brand-letter-index a.selected, .brand-letter-index a:hover {border: 2px solid #d7083b;color: #d7083b;border-radius: 5px;}
.all-brand-list {margin-top: 20px;}
.all-brand-list .letter {border-bottom: 1px solid #999;font-size: 24px;padding-left: 10px;}
.all-brand-list .letter-brand-list {padding-left: 10px;}
.all-brand-list .letter-brand-list .letter-brand-item {float: left;margin-left: 60px;margin-top: 15px;margin-bottom: 10px;text-align: center;}
.all-brand-list .letter-brand-list .letter-brand-item:nth-child(5n+1) {margin-left: 0px;}
.all-brand-list .letter-brand-list .cover {width: 180px;height: 90px;border: 1px solid #ccc;}
.all-brand-list .letter-brand-list .cover img {width: 180px;height: 90px;}
.all-brand-list .letter-brand-list .title {margin-top: 10px;}
.brand-detail {padding: 10px; background-image:linear-gradient(-45deg,#f9f9f9 25%,transparent 25%,transparent 50%,#d9d9d9 50%,#f9f9f9 75%,transparent 75%);background-size:4px 4px;}
.brand-info {background: #fff;padding: 40px;}
.brand-info .info {width: 760px;float: left;}
.brand-info .info .name {font-size: 40px;}
.brand-info .info .description {}
.brand-info .info .site {margin-top: 12px;font-size: 16px;}
.brand-info .info .site span {background: #666;color: #fff;width: 100px;height: 28px;line-height: 28px;text-align: center;float: left;}
.brand-info .info .site a {background: #f5f5f5;height: 28px;line-height: 28px;padding: 0 15px;float: left;}
.brand-info .image {width: 250px;height: 250px;float: left;margin-left: 90px;background: url(../images/brand-logo-bg.png) left bottom no-repeat;position: relative;}
.brand-info .image img {width: 233px;height: 233px;position: absolute;right: 2px;top: 1px;}
.brand-tab {font-size: 18px;border-bottom: 2px solid #f5f5f5;background: #fff;width: 1200px;margin: 15px auto 0;padding: 20px 0 0 30px;box-sizing: border-box;}
.brand-tab a {float: left;margin-right: 40px;position: relative;bottom: -2px;padding-bottom: 10px;}
.brand-tab a.active, .brand-tab a:hover {border-bottom: 2px solid #999;}
.brand-detail-title {font-size: 16px;padding: 0px 15px 5px;border-bottom: 1px solid #999;margin-top: 30px;position: relative;}
.brand-detail-title a {position: absolute;right: 10px;}
.brand-goods {margin-top: 3px;}
.brand-goods-item {float: left;position: relative;width: 185px;height: 185px;margin: 12px 0 0 12px;}
.brand-goods-item img {width: 185px;height: 185px;}
.brand-goods-item p {width: 100%;height: 30px;line-height: 30px;color: #fff;background: rgba(0, 0, 0, 0.5);padding-left: 10px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;overflow: hidden;display: none;}
.brand-goods-item:hover p {display: block;}
.brand-goods-item .more {display: block;width: 185px;height: 185px;box-sizing: border-box;border: 3px solid #b3b3b3;line-height: 179px;background: url(../images/icon-more2.png) 100px 82px no-repeat;padding-left: 50px;}
.brand-goods-item:nth-child(1) {width: 380px;height: 380px;margin: 12px 0 0 0;}
.brand-goods-item:nth-child(1) img {width: 380px;height: 380px;}
.brand-goods-item span.recommend {text-align: center;background: #f5ce6a;color: #fff;position: absolute;left: 0;top: 0;padding: 3px 15px;}
.brand-goods-item span.new2 {text-align: center;background: #F2ACBD;color: #fff;position: absolute;left: 86px;top: 0;padding: 3px 15px;}
.brand-goods-item span.new {text-align: center;background: #F2ACBD;color: #fff;position: absolute;left: 0;top: 0;padding: 3px 15px;}
.brand-try-item {margin-left: 30px;margin-top: 20px;width: 570px;float: left;background: #f5f5f5;height: 200px;}
.brand-try-item:nth-child(2n+1) {margin-left: 0px;}
.brand-try-item .cover {float: left;width: 200px;}
.brand-try-item .cover img {width: 200px;height: 200px;}
.brand-try-item .info {float: left;width: 370px;padding: 15px 20px;box-sizing: border-box;}
.brand-try-item .info .title {font-size: 20px;height: 34px;overflow: hidden;}
.brand-try-item .info .description {margin-top: 5px;line-height: 1.4;height: 40px;overflow: hidden;}
.brand-score {margin-top: 15px;font-size: 16px;height: 20px;line-height: 20px;display: inline-block;}
.brand-score .score1 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 0;display: inline-block;}
.brand-score .score2 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 -16px;display: inline-block;}
.brand-score .score3 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 -32px;display: inline-block;}
.brand-score .score4 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 -48px;display: inline-block;}
.brand-score .score5 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 -64px;display: inline-block;}
.brand-score .score0 {width: 97px;height: 16px;position: relative;top: 2px;background: url(../images/brand-score.png) no-repeat;background-position:0 -64px;display: inline-block;}
.brand-try-item .info .btns {margin-top: 20px;}
.brand-try-item .info .try-link {width: 96px;height: 30px;line-height: 28px;border: 1px solid #000;display: inline-block;font-size: 16px;text-align: center;}
.brand-try-item .info .buy-link {width: 96px;height: 30px;line-height: 28px;border: 1px solid #000;color: #fff;background: #888;display: inline-block;font-size: 16px;text-align: center;margin-left: 10px;}
.brand-tag {float: left;width: 570px;}
.brand-index {float: left;width: 570px;margin-left: 30px;}
.brand-tag-list {margin-top: 5px;}
.brand-tag-list span {float: left;margin-left: 10px;margin-top: 10px;padding: 9px 20px;font-size: 16px;position: relative;}
.brand-tag-list span.tag1 {background: #f5ddfb;}
.brand-tag-list span.tag2 {background: #ffe6e6;}
.brand-tag-list span.tag3 {background: #fbeddd;}
.brand-tag-list span.tag4 {background: #dbf5db;}
.brand-tag-list span.tag5 {background: #ddeffb;}
.brand-tag-list span .icon-remove {position: absolute;right: 2px;top: 2px;cursor: pointer;color: red;font-size: 12px;display: none;}
.brand-tag-list span:hover .icon-remove {display: block;}
.brand-tag-input {margin-top: 20px;}
#brand-tagname {margin-left: 10px;width: 400px;height: 45px;border: 1px solid #cacac8;border-radius: 5px;font-size: 16px;padding-left: 10px;box-sizing: border-box;}
#add-brand-tag {margin-left: 5px;width: 135px;height: 45px;border: 2px solid #666;border-radius: 5px;font-size: 18px;line-height: 42px;text-align: center;box-sizing: border-box;display: inline-block;}
#add-brand-tag:hover {border: 2px solid #999;}
.brand-comment-input {margin-top: 30px;}
.add-comment-btn {border: 2px solid #666;display: block;font-size: 18px;height: 45px;line-height: 45px;text-align: center;}
.add-comment-btn:hover {border: 2px solid #999;}
#brand-comment-input-box {background: #f7f7f7;padding: 20px 30px;display: none;}
#brand-comment-input-box .head {height: 30px;position: relative;}
#brand-comment-input-box .head .score {display: inline-block;width: 220px;font-size: 18px;}
#brand-comment-input-box .head .score span {margin-right: 5px;}
#brand-comment-input-box .head .score a {color: #cfcfcf;font-size: 22px;}
#brand-comment-input-box .head .score a.active {color: #f4abbd;}
#brand-comment-input-box .head .score a.hover {color: #f4abbd;}
#brand-comment-input-box .head .index-title {margin-left: 20px;display: inline-block;}
#brand-comment-input-box .head select {border: 1px solid #cacac8;}
#index-tip-btn {margin-left: 30px;color: #3c88de;}
#brand-comment-input-box .comment-input-close {color: #999;font-size: 24px;margin-left: 30px;position: absolute;top: 0;right: 0;}
#brand-comment-input-box .comment-textarea {width: 100%;height: 120px;border: 1px solid #ddd;margin-top: 15px;padding: 10px;box-sizing: border-box;font-size: 16px;}
#brand-comment-input-box .add-image-tip {margin-top: 5px;font-size: 16px;}
#brand-comment-input-box .add-image-tip small {color: #777;font-size: 14px;margin-left: 15px;}
#brand-comment-input-box .add-image-tip .icon-picture {color: #666;font-size: 22px;margin-right: 10px;position: relative;top: 2px;}
#brand-comment-input-box .add-image-btn {margin-top: 15px;}
#brand-comment-input-box .btns {margin-top: 20px;}
#brand-comment-input-box .btns a {border: 2px solid #333333;width: 200px;height: 45px;line-height: 41px;text-align: center;box-sizing: border-box;display: inline-block;}
#brand-comment-input-box .btns a:hover {border: 2px solid #666;width: 200px;height: 45px;line-height: 41px;text-align: center;box-sizing: border-box;display: inline-block;}
#brand-comment-input-box .btns .comment-submit-btn {border: 2px solid #333333;width: 200px;height: 45px;line-height: 41px;text-align: center;box-sizing: border-box;display: inline-block;background: #333333;color: #fff;font-size; 16px;}
#brand-comment-input-box .btns .comment-submit-btn:hover {background: #666;border: 2px solid #666;}
#brand-comment-input-box .btns .comment-reset-btn {margin-left: 15px;}
.brand-comment-item {margin-top: 25px;}
.brand-comment-item .avatar {float: left;width: 70px;height: 70px;margin-left: 15px;}
.brand-comment-item .avatar img {border-radius: 50%;}
.brand-comment-item .info {float: left;width: 1015px;margin-left: 30px;background: #f5f5f5;padding: 20px;border-radius: 8px;}
.brand-comment-item .info .username {font-size: 18px;}
.brand-comment-item .info .username .level {color: #d7083b;border: 1px solid #d7083b;padding: 2px 10px;font-size: 12px;}
.brand-comment-item .info .username .date {color: #999;font-size: 14px;}
.brand-comment-item .info .score {font-size: 16px;margin-top: 5px;}
.brand-comment-item .info .score .index-title {margin-left: 30px;}
.brand-comment-item .info .score .index-number {color: #d7083b;}
.brand-comment-item .info .content {margin-top: 10px;color: #666;}
.brand-comment-item .info .gallery {margin-top: 10px;}
.brand-comment-item .info .gallery .brand-gallery-thumb {float: left;width: 65px;height: 65px;margin-right: 15px;border: 1px solid #ddd;padding: 3px;background: #fff;box-sizing: border-box;}
.brand-comment-item .info .gallery .brand-gallery-thumb.active {border: 2px solid #d7083b;}
.brand-comment-item .info .gallery .brand-gallery-thumb:hover {border: 2px solid #d7083b;}
.brand-comment-item .info .gallery-image {margin-top: 10px;display: none;}
.brand-comment-item .info .gallery-image img {padding: 3px;border: 1px solid #ddd;background: #fff;}
#swfupload-image-list {margin-top: 5px;}
.swfupload-image-item {width: 100px;height: 100px;position: relative;overflow: hidden;float: left;margin-right: 10px;text-align: center;}
.swfupload-image-item img {width: 100px;height: 100px;}
.swfupload-image-item .close {position: absolute;top: 5px;right: 5px;color: red;line-height: 1;font-size: 16px;}
/* goods */
.goods-item {margin-left: 30px;margin-top: 20px;width: 570px;float: left;background: #f5f5f5;height: 200px;}
.goods-item:nth-child(2n+1) {margin-left: 0px;}
.goods-item .cover {float: left;width: 200px;position: relative;}
.goods-item .cover span.recommend {padding: 2px 10px;text-align: center;color: #fff;position: absolute;left: 0;top: 0;background: #f6d16f;}
.goods-item .cover span.new {padding: 2px 10px;text-align: center;color: #fff;position: absolute;left: 0;top: 0;background: #F2ACBD;}
.goods-item .cover img {width: 200px;height: 200px;}
.goods-item .info {float: left;width: 370px;padding: 15px 20px;box-sizing: border-box;}
.goods-item .info .title {font-size: 18px;}
.goods-item .info .price {font-size: 28px;margin-top: 5px;color: #d7083b;}
.goods-item .info .price small {font-size: 16px;}
.goods-item .info .description {color: #666;height: 46px;overflow: hidden;}
.goods-info .image {width: 400px;height: 400px;float: left;}
.goods-info .image img {width: 400px;height: 400px;}
.goods-info .info {width: 730px;float: left;margin-left: 40px;}
.goods-info .info .title {font-size: 26px;margin-top: 15px;}
.goods-info .info .price {font-size: 16px;margin-bottom: 5px;}
.goods-info .info .price span {font-size: 28px;color: #d7083b;margin-left: 10px;}
.goods-info .info .price span small {font-size: 16px;}
.goods-info .info .other-price {width: 334px;float: left;background: #f9f9f9;padding: 15px;margin-left: 2px;margin-top: 2px;position: relative;}
.goods-info .info .other-price:nth-child(2n+1) {margin-left: 0;}
.goods-info .info .other-price span {position: absolute;left: 100px;top: 32px;font-size: 20px;}
.goods-info .info .other-price a {width: 95px;height: 28px;border: 1px solid #333;line-height: 28px;text-align: center;position: absolute;right: 18px;top: 35px;}
.goods-info .info .other-price a:hover {border: 1px solid #999;}
.goods-brand-logo {width: 64px;height: 64px;border: 1px solid #ddd;border-radius: 5px;}
.goods-info .info .btns {margin-top: 15px;}
.goods-info .info .btns a {display: inline-block;width: 80px;height: 28px;border: 1px solid #999;color: #666;line-height: 28px;margin-left: 20px;background: url(../images/icon-comment-btn.png) 22px 7px no-repeat;padding-left: 45px;}
.more-goods-item {float: left;width: 218px;margin-left: 20px;margin-top: 15px;margin-bottom: 10px;}
.more-goods-item:nth-child(5n+1) {margin-left: 0px;}
.more-goods-item img {width: 100%;}
.more-goods-item .title {height: 23px;text-align: center;overflow: hidden;font-size: 16px;}
.more-goods-item .price {margin-top: 15px;text-align: center;font-size: 16px;}
.more-goods-item .price span {border-top: 1px solid #333;padding: 5px;}
.goods-content {margin-top: 10px;}
.goods-content p {margin-bottom: 15px;}
/* camp */
.camp {padding: 25px 15px;}
.camp-left {float: left;width: 815px;}
.camp-right {float: left;width: 325px;margin-left: 30px;}
.camp-tab {font-size: 18px;border-bottom: 2px solid #f5f5f5;background: #fff;padding-left: 30px;box-sizing: border-box;}
.camp-tab a {float: left;margin-right: 40px;position: relative;bottom: -2px;padding-bottom: 10px;}
.camp-tab a.active, .camp-tab a:hover {border-bottom: 2px solid #333;}
.camp-ord {margin-top: 15px;}
.camp-ord a {float: left;margin-right: 20px;position: relative;padding-bottom: 2px;color: #999;}
.camp-ord a.active, .camp-ord a:hover {border-bottom: 1px solid #333;color: #333;}
.camp-search {margin-top: 15px;}
#camp-search-keyword {width: 300px;height: 43px;border: 1px solid #ccc;border-radius: 5px;padding-left: 40px;background: url(../images/icon-camp-search.png) 10px 12px no-repeat;float: left;}
.camp-search-submit {display: none;}
.camp-hot-search {float: left;margin-left: 10px;margin-top: 10px;color: #999;}
.camp-hot-keywords {float: left;margin-left: 10px;margin-top: 10px;border-bottom: 1px solid #999;line-height: 1.4;}
#add-question-btn {float: right;width: 125px;height: 40px;line-height: 40px;text-align: center;border: 2px solid #666;border-radius: 5px;font-size: 18px;}
#add-question-btn:hover {border: 2px solid #999;}
.camp-question-form-line {margin-top: 5px;}
.camp-question-form-text {margin-top: 15px;padding-left: 10px;font-size: 16px;color: #666;}
.camp-question-form-line input[type=text] {width: 538px;height: 36px;border: 1px solid #ccc;border-radius: 5px;padding: 0 10px;font-size: 16px;}
.camp-question-form-line input.checkbox {margin-left: 10px;}
#add-question-box {width: 780px;height: 460px;background: #f7f7f7;padding: 15px;position: absolute;top: 150px;left: 100px;z-index: 2999;}
.camp-question-form-btns {margin-top: 20px;}
#camp-question-submit {width: 125px;height: 45px;background: #333;color: #fff;font-size: 18px;border: none;border-radius: 5px;cursor: pointer;}
#camp-question-cancel {width: 125px;height: 45px;border: 2px solid #666;color: #333;font-size: 18px;border-radius: 5px;background: transparent;margin-left: 15px;cursor: pointer;}
#add-question-box {display: none;}
.question-list {margin-top: 10px;}
.question-item {margin-top: 15px;padding-bottom: 40px;border-bottom: 1px solid #ccc;}
.question-item .qhead {}
.question-item .qhead .title{font-size: 22px;height: 58px;line-height: 58px;background: url(../images/icon-question1.png) 15px 11px no-repeat;position: relative;padding-left: 70px;}
.question-item .qhead .title.active {background: #f19ec2 url(../images/icon-question2.png) 15px 11px no-repeat;margin-bottom: 20px;}
.question-item .qhead .title.active a {color: #fff;}
.question-item .qhead .title .hot {position: relative;top: 5px;margin-left: 15px;}
.question-item .qhead .title .recommend {position: absolute;top: 15px;right: 15px;}
.question-item .qhead .links{padding-left: 70px;color: #999;line-height: 1;position: relative;}
.question-item .qhead .links a {color: #0066cc;margin-right: 15px;}
.question-item .qhead .links .editor-qestion {color: #ff6699;font-size: 14px;position: absolute;left: 20px;top: -10px;width: 35px;}
.question-item .qhead .angle{position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 14px solid #eee;border-bottom: 14px solid #eee;border-top: 14px solid #fff;border-right: 14px solid #fff;}
.question-item .qbody {margin-top: 20px;padding-left: 70px;}
.question-item .qbody .avatar {width: 70px;float: left;border-radius: 50%;overflow: hidden;}
.question-item .qbody .avatar img {border-radius: 50%;}
.question-item .qbody .info {width: 725px;float: left;}
.question-item .qbody .info .username {color: #666;padding-bottom: 5px;}
.question-item .qbody .info .username a {font-size: 16px;}
.question-item .qbody .info .username img {width: 35px;height: 35px;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.question-item .qbody .info .content p {margin-top: 15px;}
.question-item .qbody .links {margin-top: 15px;padding-top: 12px;}
.question-item .qbody .links .detail {float: left;padding-left: 20px;background: url(../images/icon-article.png) left 2px no-repeat;}
.question-item .qbody .links .vote {float: left;margin-left: 25px;padding-left: 25px;background: url(../images/icon-vote.png) left 2px no-repeat;}
.camp .sub-title {padding: 5px 15px;margin-top: 20px;border-bottom: 1px solid #666;font-size: 18px;position: relative;}
.camp-profile {background: #f5f5f5;border-radius: 10px;}
.camp-profile .userinfo {padding: 15px;}
.camp-profile .userinfo .avatar {width: 70px;float: left;}
.camp-profile .userinfo .avatar img {border-radius: 8px;}
.camp-profile .userinfo .info {float: left;width: 205px;margin-left: 20px;}
.camp-profile .userinfo .info .username {font-size: 16px;}
.camp-profile .userinfo .info .doyen-level {font-size: 14px;margin-top: 5px;}
.camp-profile .userinfo .info .doyen-level .level-tag {background: #79D8A5;color: #fff;border-radius: 3px;padding: 2px 10px;}
.camp-profile .userinfo .info .doyen-level .level-title {margin-left: 10px;}
.camp-profile .userinfo .info .pop {margin-top: 5px;}
.camp-profile .level {padding: 15px;background: #eee;}
.camp-profile .level .exp {float: left;}
.camp-profile .level .exp .max {color: #999;}
.camp-profile .level .tip {float: right;color: #3c88de;}
.camp-profile .level .progress {height: 10px;border-radius: 5px;background: #fff;margin-top: 2px;}
.camp-profile .level .progress .percent {height: 10px;border-radius: 5px;background: #ff6f8e;width: 10%;}
.camp-profile .level .level-name-tip {margin-top: 2px;}
.camp-profile .level .level-name-tip .current {float: left;}
.camp-profile .level .level-name-tip .next {float: right;}
.camp-profile .credit {padding: 10px 15px;font-size: 16px;}
.camp-profile .credit .camp-credit {float: left;width: 78px;height: 24px;line-height: 24px;background: url(../images/icon-credit.png) 35px 0 no-repeat;padding-left: 68px;}
.camp-profile .credit .mb {float: left;border-left: 1px solid #666;width: 78px;height: 24px;line-height: 24px;background: url(../images/icon-mb.png) 35px 0 no-repeat;padding-left: 68px;}
.top-credit-list {}
.top-credit-list li {height: 40px;line-height: 40px;padding: 12px;}
.top-credit-list li .num {float: left;width: 18px;height: 18px;line-height: 18px;text-align: center;border: 1px solid #ddd;border-radius: 2px;font-size: 12px;margin-top: 10px;}
.top-credit-list li .num.num1 {color: #fff;background: #ff6f8e;width: 20px;height: 20px;border: none;}
.top-credit-list li .num.num2 {color: #fff;background: #ff94ab;width: 20px;height: 20px;border: none;}
.top-credit-list li .num.num3 {color: #fff;background: #ffb0c1;width: 20px;height: 20px;border: none;}
.top-credit-list li .avatar {float: left;width: 40px;height: 40px;margin-left: 15px;border-radius: 50%;}
.top-credit-list li .username {float: left;margin-left: 15px;font-size: 16px;}
.top-credit-list li .credit {float: right;font-size: 16px;}
.camp-doyen-answer {padding: 0 15px;}
.camp-doyen-answer-item {margin-top: 25px;}
.camp-doyen-answer-item .avatar {width: 45px;height: 45px;float: left;}
.camp-doyen-answer-item .avatar img {border-radius: 5px;}
.camp-doyen-answer-item .info {width: 225px;float: left;margin-left: 15px;}
.camp-doyen-answer-item .info .username {color: #999;font-size: 12px;}
.camp-doyen-answer-item .info .username a {color: #666;}
.camp-doyen-answer-item .info .username span {color: #ff6f8e;margin: 0 10px;}
.camp-doyen-answer-item .info .title {height: 19px;overflow: hidden;}
.new-camp-doyen {padding: 6px;}
.new-camp-doyen a {float: left;margin: 4px;width: 70px;height: 70px;}
.question-detail {background: #f5f5f5 url(../images/icon-question.png) 15px 15px no-repeat;background-size: 44px;padding: 15px 15px 15px 70px;position: relative;}
.question-detail .angle{position: absolute;right: 0;top: 0;width: 0;height: 0;border-left: 14px solid #eee;border-bottom: 14px solid #eee;border-top: 14px solid #fff;border-right: 14px solid #fff;}
.question-detail #edit-question-btn {position: absolute;top: 20px;right: 35px;border: 1px solid #ccc;border-radius: 3px;line-height: 1.4;background: #fff;padding: 1px 15px;}
.question-detail h1 {font-weight: normal;font-size: 24px;}
.question-detail .content {margin-top: 15px;line-height: 2;}
.edit-question-box {display: none;}
.question-detail.edit {background: #f5f5f5;padding-left: 15px;}
.question-detail.edit #edit-question-btn {display: none;}
.question-detail.edit h1 {display: none;}
.question-detail.edit .content {display: none;}
.question-detail.edit .edit-question-box {display: block;}
#edit-question-cancel {width: 125px;height: 45px;border: 2px solid #666;color: #333;font-size: 18px;border-radius: 5px;background: transparent;margin-left: 15px;cursor: pointer;}
.answer-item {margin-top: 15px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.answer-item .avatar {float: left;width: 70px;height: 70px;}
.answer-item .avatar img {border-radius: 50%;}
.answer-item .info {float: left;width: 725px;margin-left: 20px;}
.answer-item .answer-header {height: 25px;line-height: 25px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;}
.answer-item .answer-header .username {float: left;font-size: 16px;margin-right: 10px;}
.answer-item .answer-header .level {float: left;margin-left: 10px;height: 25px;padding: 0 10px;background: #ffbf45;border-radius: 3px;color: #fff;}
.answer-item .answer-header .votes {float: right;color: #666;}
.answer-item .answer-header .camp-vote-btn {float: right;margin-left: 15px;color: #666;}
.answer-item .info .content {margin-top: 15px;}
.answer-item .info .answer-footer {margin-top: 20px;height: 26px;line-height: 26px;border-top: 1px dotted #ddd;padding-top: 10px;color: #666;}
.answer-item .info .answer-footer .update {background: url(../images/icon-time.png) left 4px no-repeat;padding-left: 25px;float: left;}
.answer-item .info .answer-footer .best {color: #ff658b;border: 1px solid #ff658b;height: 24px;line-height: 24px;padding: 0 15px;border-radius: 12px;float: left;margin-left: 25px;}
.answer-item .info .answer-footer a {color: #3c88de;float: left;margin-left: 25px;}
#load-more-answer {width: 225px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #333 url(../images/icon-load-more-comment.png) 110px 13px no-repeat;padding-left: 150px;display: block;margin: 35px auto;}
#load-more-question {width: 225px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #333 url(../images/icon-load-more-comment.png) 110px 13px no-repeat;padding-left: 150px;display: block;margin: 35px auto;}
.camp-answer-input {border-top: 1px solid #ddd;margin-top: 45px;padding-top: 40px;}
.camp-answer-input .avatar {width: 45px;height: 45px;float: left;}
.camp-answer-input .info {width: 750px;float: left;margin-left: 20px;}
.camp-answer-input .info .username {font-size: 16px;}
.camp-answer-input .info .username span {margin-left: 10px;}
.camp-answer-input .info .editor {margin-top: 10px;}
.camp-answer-input .info .btn {margin-top: 20px;text-align: right;}
.camp-answer-input .info .btn input {width: 165px;height: 46px;font-size: 18px;color: #fff;background: #333;border: none;border-radius: 5px;cursor: pointer;}
.edit-answer-tip {margin-top: 5px;}
.edit-answer-tip a {color: #3c88de;}
.question-follow-btn.grey {color: #999;border-color: #999;}
.follow-question {float: left;width: 151px;height: 46px;border: 2px solid #333;border-radius: 10px;line-height: 46px;text-align: center;font-size: 18px;}
.follow-question:hover {color: #333;}
.share-question {float: left;width: 155px;height: 50px;border-radius: 10px;margin-left: 15px;background: #eaeaea;line-height: 50px;text-align: center;font-size: 18px;}
.question-follow-list a {float: left;width: 37px;height: 37px;margin-left: 4px;margin-top: 4px;}
.question-follow-list a:nth-child(8n+1) {margin-left: 0;}
.recommend-question-list li {margin-top: 15px;height: 19px;overflow: hidden;background: url(../images/icon-recommend-hot.png) left 8px no-repeat;padding-left: 15px;}
.camp-search-head {}
.camp-search-count {float: left;background: url(../images/icon-camp-search-result.png) left 10px no-repeat;padding-left: 15px;margin-top: 10px;}
.camp-search-count span {font-size: 18px;margin: 0 5px;}
.camp-search-input {float: right;}
.camp-search-list {margin-top: 10px;}
.camp-search-item {background: url(../images/icon-question.png) 15px 15px no-repeat;position: relative;padding: 15px 15px 15px 90px;border-bottom: 1px solid #ddd;}
.camp-search-item:hover {background: #f5f5f5 url(../images/icon-question.png) 15px 15px no-repeat;}
.camp-search-item .title {font-size: 18px;}
.camp-search-item .links {margin-top: 3px;color: #999;}
.camp-search-item .links a {color: #666;}
.camp-search-item .links a:hover {color: #35b24a;}
.camp-credit-count {position: absolute;right: 15px;bottom: 5px;color: #666;background: url(../images/icon-credit-log.png) left 5px no-repeat;padding-left: 28px;font-size: 16px;}
.camp-credit-count span {color: #ff6f8e;}
.camp-mb-count {position: absolute;right: 15px;bottom: 5px;color: #666;background: url(../images/icon-mb-log.png) left 5px no-repeat;padding-left: 28px;font-size: 16px;}
.camp-mb-count span {color: #ff6f8e;}
.camp-credit-log-table {width: 1130px;margin: 15px auto;}
.camp-credit-log-table thead {background: #f5f5f5;}
.camp-credit-log-table th {height: 45px;text-align: left;font-weight: normal;font-size: 16px;}
.camp-credit-log-table .time {width: 340px;padding-left: 150px;}
.camp-credit-log-table .credit {width: 340px;}
.camp-credit-log-table .description {width: 300px;}
.camp-credit-log-table td {height: 45px;border-bottom: 1px dashed #ddd;color: #666;}
.camp-qa .qa-links {}
.camp-qa .qa-links li {height: 27px;line-height: 27px;margin-top: 15px;}
.camp-qa .qa-links li span {display: inline-block;width: 28px;height: 27px;background: url(../images/icon-camp-qa.png);font-size: 16px;padding-left: 5px;}
.camp-qa .qa-links li a {display: inline-block;margin-left: 10px;}
.camp-qa .qa-links li:hover span {color: #d7083b;}
.camp-qa .qa-links li:hover a {border-bottom: 1px solid #333;color: #000;}
.camp-qa .qa-title {border-top: 1px solid #999;margin-top: 35px;padding-top: 35px;font-size: 20px;}
.camp-qa .qa-title span {font-weight: bold;font-size: 36px;margin-right: 15px;}
.camp-qa .qa-content {padding-left: 70px;color: #666;font-size: 16px;}
.camp-qa .qa-content p {margin-top: 10px;}
.camp-qa .level-table {margin-top: 10px;}
.camp-qa .level-table tr {border-bottom: 1px dashed #ddd;}
.camp-qa .level-table td {height: 50px;}
.camp-qa .level-table .level-tag {width: 100px;padding-left: 10px;}
.camp-qa .level-table .level-name {width: 130px;}
.camp-qa .level-table .level-credit {width: 270px;}
.camp-level-tag1 {padding: 3px 15px;background: #fff;border: 1px solid #999;border-radius: 2px;}
.camp-level-tag2 {padding: 3px 15px;border-radius: 2px;background: #eee;}
.camp-level-tag3 {padding: 3px 15px;border-radius: 2px;background: #f0aa88;color: #fff;}
.camp-level-tag4 {padding: 3px 15px;border-radius: 2px;background: #76d8a2;color: #fff;}
.camp-level-tag5 {padding: 3px 15px;border-radius: 2px;background: #69bffb;color: #fff;}
.camp-level-tag6 {padding: 3px 15px;border-radius: 2px;background: #ffbf44;color: #fff;}
.camp-level-tag7 {padding: 3px 15px;border-radius: 2px;background: #ff658b;color: #fff;}
.camp-qa .credit-table {margin-top: 20px;}
.camp-qa .credit-table td {border: 1px solid #666;padding-left: 35px;padding-right: 35px;height: 40px;}
.camp-qa .qa3-sub-title {font-size: 20px;background: url(../images/icon-camp-qa-arrow.png) left 12px no-repeat;padding-left: 30px;color: #333;}
#show-more-loading {text-align: center;display: none;margin-top: 30px;}
.question-btns {position: relative;}
.bd-share {position: absolute;right: -17px;top: 50px;border: 2px solid #ddd;border-radius: 5px;padding: 5px 15px;display: none;z-index: 99;}
/* shop */
.shop {background: none;}
.shop .event-list {margin-top: 10px;}
.shop .event-list .event-item {width: 570px;}
.shop .event-list .event-item .info {width: 370px;}
.shop .event-list .event-item .info .description {height: 50px;}
.shop-home-category {border-radius: 10px;box-shadow: 0 0 2px 1px #c0bda9;background: #fff;padding: 12px 0 25px 0;margin-top: 25px;position: relative;}
.shop-home-category .tag {width: 108px;height: 33px;background: url(../images/try-tag-bg.png);line-height: 28px;color: #fff;text-align: center;font-size: 16px;position: relative;left: -5px;}
.shop-home-category.shop-promote .tag {background: url(../images/tag-bg.png);}
.shop-home-category .more {background: #e87684;font-size: 10px;color: #fff;position: absolute;top: 10px;right: 10px;padding: 0px 8px;border-radius: 2px;}
.shop-home-category .promote-user {position: absolute;top: 10px;right: 10px;padding: 0px 8px;border-radius: 2px;color: #666;}
.shop-goods-item {float: left;width: 300px;height: 220px;padding: 0px 70px;box-sizing: border-box;text-align: center;border-left: 1px dashed #c0bda9;margin-top: 10px;margin-bottom: 10px;}
.shop-goods-item:nth-child(4n+1) {border-left: none;}
.shop-goods-item .title {font-size: 12px;margin-top: 10px;height: 20px;overflow: hidden;}
.shop-goods-item .price {color: #e87684;font-weight: bold;}
.shop-goods-item .price small {font-weight: normal;}
.shop-promote-goods {border: 1px solid #ddd;border-radius: 10px;width: 270px;height: 220px;float: left;margin-left: 30px;box-sizing: border-box;overflow: hidden;}
.shop-promote-goods .date-tag {float: left;width: 36px;height: 220px;background: #3366cc;font-size: 16px;color: #fff;text-align: center;box-sizing: border-box;padding: 35px 5px 0;line-height: 38px;}
.shop-promote-goods .info {float: left;width: 232px;padding: 10px;text-align: center;box-sizing: border-box;}
.shop-promote-goods .info .cover {width: 120px;margin: 0 auto;}
.shop-promote-goods .info .title {height: 20px;overflow: hidden;font-size: 12px;}
.shop-promote-goods .info .promote-price {color: #ff3333;font-weight: bold;margin-top: 5px;}
.shop-promote-goods .info .date {background: #ff3333;color: #fff;padding: 2px 10px;font-size: 12px;font-weight: bold;}
.shop-promote-goods:nth-child(1) {width: 540px;}
.shop-promote-goods:nth-child(1) .date-tag {background: #ff6666;}
.shop-promote-goods:nth-child(1) .cover {width: 160px;float: left;padding: 10px;text-align: center;}
.shop-promote-goods:nth-child(1) .cover .stock {font-size: 18px;margin-top: 2px;}
.shop-promote-goods:nth-child(1) .cover .stock span {color: #ff3333;padding: 0 10px;font-weight: bold;}
.shop-promote-goods:nth-child(1) .info {width: 322px;float: left;padding: 15px;text-align: left;}
.shop-promote-goods:nth-child(1) .info .title {font-size: 18px;color: #666;height: 52px;line-height: 1.4;}
.shop-promote-goods:nth-child(1) .info .title a {color: #666;}
.shop-promote-goods:nth-child(1) .info .price {color: #999;}
.shop-promote-goods:nth-child(1) .info .promote-price {color: #ff3333;font-size: 24px;}
.shop-promote-goods:nth-child(1) .info .promote-price span {font-size: 14px;margin-right: 15px;font-weight: normal;}
.promote-buy-btn {width: 250px;height: 50px;background: url(../images/promote-btn.png);display: inline-block;margin-top: 18px;border-radius: 5px;}
.promote-buy-btn.disabled {background: #ddd;}
.promote-buy-btn.timeout {background: #3366cc;text-align: center;line-height: 50px;font-size: 14px;color: #fff;}
.promote-buy-btn.timeout strong {font-size: 18px;}
.shop-promote-goods:nth-child(3) .date-tag {padding-top: 15px;}
.shop .line-title {border-bottom: 1px dashed #ddd;position: relative;margin-top: 10px;}
.shop .line-title span {color: #e87684;font-size: 22px;background: #F8F7F7;position: relative;bottom: -13px;padding-right: 10px;}
.shop .line-title a {background: #e87684;font-size: 10px;color: #fff;position: absolute;bottom: -10px;right: 0;padding: 0px 8px;border-radius: 2px;}
.shop-head {border-bottom: 2px solid #e87684;overflow: hidden;margin-top: 35px;}
.shop-head .title {font-size: 22px;float: left;padding-left: 10px;}
.shop-head .links {float: right;position: relative;bottom: -12px;margin: 0 10px;}
.shop-head span {float: right;position: relative;bottom: -12px;margin: 0 20px;color: #666;}
.shop-head .goods-category {float: left;position: relative;bottom: -6px;margin-left: 20px;font-size: 16px;}
.shop-head .goods-category:hover {color: #e87684;}
.shop-head .goods-category.active {color: #e87684;font-weight: bold;}
.shop-goods-header {background: #fefefe;padding: 20px;}
.shop-goods-header .image {border: 1px solid #ccc;float: left;width: 300px;height: 300px;box-sizing: border-box;}
.shop-goods-header .info {float: left;width: 825px;margin-left: 35px;}
.shop-goods-header .info h1 {font-size: 18px;color: #666;font-weight: normal;height: 50px;}
.shop-goods-header .info .stock {color: #999;margin-top: 15px;}
.shop-goods-header .info .stock span {color: #333;margin-left: 15px;}
.shop-goods-header .info .credit {margin-top: 30px;}
.shop-goods-header .info .credit del {color: #999;}
.shop-goods-header .info .promote-credit {color: #ff3333;font-weight: bold;}
.shop-goods-header .info .promote-credit span {font-size: 24px;margin-left: 15px;}
.shop-goods-header .info .goods-exchange-btn {margin-top: 50px;width: 250px;height: 50px;border-radius: 5px;background: #ff3333;color: #fff;font-size: 30px;display: block;text-align: center;line-height: 50px;}
.shop-goods-header .info .goods-exchange-btn.disabled {background: #999;}
.shop-goods-header .info .goods-exchange-btn.promote-buy-btn {background: url(../images/promote-btn.png);}
.shop-goods-content {background: #fefefe;padding: 20px;margin-top: 20px;}
.shop-exchange-user {background: #fefefe;padding: 20px 10px;margin-top: 20px;overflow: hidden;}
.shop-exchange-user .title {font-size: 24px;color: #666;padding-left: 10px;}
.shop-exchange-user a {margin: 10px;float: left;}
.shop-exchange-user a img {border-radius: 5px;}
#goods-exchange-page {position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index:999;background: rgba(0, 0, 0, 0.5);display: none;}
.exchange-box {width: 600px;border-radius: 4px;background: #fff;position: absolute;top: 50%;margin-top: -276px;left: 50%;margin-left: -300px;box-shadow: 0px 0px 3px #ddd;padding: 15px 30px 40px;}
#exchange-box {}
.exchange-box .close {font-size: 24px;position: absolute;right: 20px;top: 10px;color: #999;}
.exchange-box .title {color: #888;font-size: 26px;font-weight: bold;}
.exchange-box .credit-info {color: #888;font-size: 16px;margin-top: 5px;margin: 5px -30px;padding: 0 30px 15px;border-bottom: 1px solid #ddd;}
.exchange-box .credit-info span {color: #ff3333;}
.exchange-box .address-tip {font-size: 16px;margin-top: 15px;}
#exchange-form {margin-top: 25px;}
.exchange-box .input-line {margin-top: 20px;}
.exchange-box .input-title {color: #666;float: left;width: 80px;line-height: 40px;}
.exchange-input {width: 460px;height: 40px;background: #f5f5f5;border-radius: 3px;border: 1px solid #ddd;padding-left: 10px;font-size: 16px;}
.exchange-submit {width: 200px;height: 45px;border: none;background: #ff3333;color: #fff;font-size: 20px;font-weight: bold;margin-top: 20px;border-radius: 3px;cursor: pointer;}
#exchange-error-info {text-align: left;margin-top: 10px;height: 25px;color: #ff3333;padding-left: 80px;}
#exchange-success-box {display: none;}
#exchange-success-box .credit-info {border-bottom: none;}
#exchange-success-box .btns {text-align: center;margin-top: 15px;}
#exchange-success-box .btns a {width: 180px;height: 40px;text-align: center;line-height: 40px;border-radius: 3px;display: inline-block;margin: 0 10px;font-size: 16px;}
#exchange-success-box .btns a.show-order {background: #ff3333;color: #fff;}
#exchange-success-box .btns a.close-exchange {background: #f5f5f5;border: 1px solid #ddd;color: #888;}
#promote-order-page {position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index:999;background: rgba(0, 0, 0, 0.5);display: none;}
#promote-order-box {width: 800px;height: 500px;border-radius: 10px;background: #fff;position: absolute;top: 50%;margin-top: -280px;left: 50%;margin-left: -400px;box-shadow: 0px 0px 3px #ddd;padding: 15px 20px;box-sizing: border-box;}
#promote-order-box .close {font-size: 24px;position: absolute;right: 20px;top: 10px;color: #999;}
#promote-order-box .page-title {text-align: center;color: #ff3333;font-size: 24px;}
.promote-order-head {margin-top: 20px;overflow: hidden;font-size: 16px;font-weight: bold;}
.promote-order-box span {float: left;text-align: center;}
.promote-order-box .time {width: 160px;}
.promote-order-box .title {width: 340px;}
.promote-order-box .price {width: 120px;}
.promote-order-box .username {width: 120px;}
#promote-order-list {height: 350px;overflow: auto;}
#promote-order-list li {height: 25px;line-height: 25px;margin-top: 5px;overflow: hidden;}
.shop-user-order {width: 100%;margin-top: 20px;}
.shop-user-order th {height: 35px;}
.shop-user-order tbody {background: #f5f5f5;}
.shop-user-order tbody:nth-child(2n-1) {background: #fff;}
.shop-user-order td {padding: 10px;border: 1px solid #ddd;}
.shop-user-order .red {color: #e87684;}
.shop-user-order .grey {color: #999;}
.order-shipping {margin-top: 30px;}
.order-shipping .shipping-info {margin-top: 40px;line-height: 16px;}
.order-shipping .shipping-info .title {float: left;font-size: 18px;}
.order-shipping .shipping-info .phone {float: right;color: #888;margin-left: 30px;padding-left: 30px;border-left: 1px solid #eee;}
.order-shipping .shipping-info .shipping-name {float: right;color: #888;margin-left: 30px;padding-left: 30px;border-left: 1px solid #eee;}
.order-shipping .shipping-info .shipping-nu {float: right;color: #888;}
.order-shipping .tracking-list {background: #f5f5f5;padding: 30px 35px;margin-top: 20px;}
.order-shipping .tracking-list ul {border-left: 1px solid #ddd;}
.order-shipping .tracking-list li {color: #888;position: relative;padding: 15px 0 15px 15px;}
.order-shipping .tracking-list li i.circle {position: absolute;left: -3px;top: 22px;width: 5px;height: 5px;background: #ccc;border-radius: 50%;}
.order-shipping .tracking-list li.active {color: #333;}
.order-shipping .tracking-list li.active .circle {background: #333;}
.order-shipping .tracking-list li .time {width: 145px;float: left;}
.order-shipping .tracking-list li .info {width: 750px;float: left;margin-left: 30px;}
.order-shipping .tracking-list .no-data {text-align: center;color: #888;padding: 30px;}