/* .header { left: 0; top: 0; width: 100%; height: 86px; line-height: 86px; background-color: white; margin-bottom: 25px; border-bottom: 1px solid #E9E9E9; } */
body { background-color: #F3F3F3; font-family: "微软雅黑", Arial; font-size: 1.6rem; }
a, a:active, a:focus { outline: none; text-decoration:none !important; }
ul, dl{ list-style: none; margin: 0; padding:0; }
.bbs-main { width: 1050px; margin: 0 auto; }
i.fa.fa-qq { color: #2B9BD4; }
i.fa.fa-weibo { color: #F94864; }
i.fa.fa-weixin { color: #1DC353; }
textarea { resize: none; }

.navigation img { margin: 0 14px; margin-top: -4px !important; cursor: pointer; }
.navigation img:first-child { height: 40px; }
.navigation img:last-child { width: 90px; margin: 0 0 0 30px; }
.navigation span { margin: 0 14px; display: inline-block; font-weight: 600; color: #6F6F6F; cursor: pointer; }
.navigation span:hover { color: #2B9BD4; }
.login { float: right; position: relative; }
.login * {vertical-align: middle;}
.login img:first-child { margin: 0; width: 36px; height: 36px; border-radius: 18px; overflow: hidden; border: 1px solid #F3F3F3; margin-top: -4px; }
.login span { margin: 0;}
.msg-info { color: white !important; }

.dropdown:hover+div.dropdownlist {visibility: visible; transform: translateY(30px);}
.dropdownlist { box-shadow: 1px 1px 15px rgba(0,0,0,.3);line-height: 45px;text-align: center;background-color: #FFFFFF; width: 90px; height: 90px;position: absolute; top: 46px; left: 0px; visibility: hidden; transition:all .5s;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; z-index: 999; }
.dropdownlist a span { height: 45px; width: 80%; margin-left: 10% ;display: block; color: #333; font-family: "微软雅黑", Arial; font-size: 15px; }
.dropdownlist a:not(:last-child) span { border-bottom: 1px solid #E0DFE3; }
.dropdownlist:hover {height: 90px;transition:all;visibility: visible; transform: translateY(30px);}
/*a:hover{text-decoration:none;}*/

.bbs-message { margin-top: -50px; margin-left: 20px; position: relative; height: 40px; display: inline-block; }
.bbs-message i { font-size: 23px !important; }
.bbs-message span { color: white !important; background-color: red; position: absolute; right: -10px; bottom: -6px; }

.post-module { background-color: #F9F9F9; width: 760px; height: 40px; line-height: 40px; }
.post-module a { display: inline-block; padding: 0 20px; color: #333; font-size: 16px; }
.post-module-focus,
.post-module a:hover { color: white !important; background-color: #72B74D; }
.post-module-title { width: 100%; height: 100px; line-height: 100px; position: relative; margin: 80px 0 15px 0; }
.post-module-title img { position: absolute; width: 160px; height: 160px; left: 80px; bottom: 20px; display: inline-block; /*border: 1px solid #CCC;*/ }
.post-module-title span { font-size: 20px; display: block; margin-left: 320px; }
.post-module-title div { width: 150px; height: 40px; line-height: 40px; background-color: #72B74D; position: absolute; right: 30px; top: 30px; text-align: center; color: white; }
.post-module-title div a { color: white !important; }

.bbs-content { width: 100%; background-color: white; display: inline-block; }
.bbs-content-bg-gray { width: 100%; background-color: #F3F3F3; display: inline-block; }
.bbs-content-left { width: 760px; float: left; padding: 20px 30px; }
.bbs-content-right { width: 270px; float: right; display: inline-block; }
.bbs-content-right > div { margin-bottom: 15px; }
.bbs-tag { height: 30px; width: 80%; float: left; }
.bbs-tag > div { height: 30px; line-height: 30px; display: inline-block; padding: 0 15px; font-size: 15px; font-weight: 600; cursor: pointer; }
.tag-focus,
.bbs-tag > div:hover { background-color: #F3F3F3; color: #2B9BD4; }
.my-post { width: 120px; height: 30px; line-height: 30px; float: right; text-align: center; color: white; font-size: 13px; background-color: #72B74D; }
.my-post a { color: white; }
.all-post { clear: both; }
.a-post { width: 100%; }
.a-post-img { margin-bottom: 15px; }
.a-post-img img { margin-right: 10px; width: 120px; height: 120px; border: 1px solid #F3F3F3; }
.post-img { width: 50px; display: inline-block; margin-right: 20px; float: left; }
.post-info { width: 630px; display: inline-block; border-bottom: 1px solid #E6E6E6; }
.post-title { /*height: 50px; line-height: 80px; */width: 100%; display: block; color: #333; margin-top: 20px; }
.post-title-float { /*float: left; height: 50px;margin-right: 10px;*/ margin: 0 10px;  }
/*.post-title-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 70%; float: left;height: 50px; }*/
.post-title-text { /*float: left; height: 50px;*/ }
.post-title:hover { color: red; }
.all-info { width: 100%; height: 40px; line-height: 40px; color: #B1B1B1; font-size: 13px; }
.poster-info { display: inline-block; width: 70%; }
.poster-info > span a { color: #B1B1B1; }
.poster-info > span span { margin-right: 10px; }
.poster-lev-v { width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background-color: #2B9BD4; color: white; font-family: PFIsotextProRegular; font-size: 16px; text-align: center; display: inline-block; text-transform: capitalize; }
.poster-lev-bum { font-size: 8px }
.a-post-count { display: inline-block; float: right; width:30%; text-align: right; }
.a-post-count > span { color: #B1B1B1; font-size: 13px; }
.a-post-count > span a { color: #B1B1B1; font-size: 13px; }
.a-post-count > span:not(:first-child) { display: inline-block; margin-left: 10px; }

.zhiding,
.guanfang,
.jing { height: 20px; line-height: 20px; text-align: center; color: white; border-radius: 5px; display: inline-block; margin-right: 0px; font-size: 14px; }
.zhiding { width: 40px;background-color: #2B9BD4; }
.toupiao { height: 20px; margin: -4px 10px 0 0; }
.guanfang { display: inline-block; padding: 0 5px; background-color: #2B9BD4; }
.jing { width: 25px; background-color: #FF4200;  }

.bbs-paging { width: 100%; text-align: center; margin: 60px 0 30px 150px; }


.bbs-qiandao { height: 100px; background-color: white; }
.bbs-calendar { background-color: #2B9BD4; width: 60px; height: 60px; border-radius: 30px; line-height: 70px; text-align: center; position: relative; top: 20px; margin: auto; }
.bbs-calendar i { color: white; }
.bbs-calendar div { position: absolute; left: 18px; top: 24px; width: 25px; height: 20px; line-height: 20px; text-align: center; color: white; }
.bbs-calendar-half { width: 50%; height: 100px; line-height: 100px; float: left; }
.bbs-qiandao-info { height: 100px; line-height: 100px; padding: 0 30px 0 0; text-align: right; }
.bbs-qiandao-info > div:first-child { height: 21px; line-height: 80px; }
.bbs-qiandao-info > div:last-child { height: 21px; line-height: 80px; font-size: 8px; }

.bbs-ranking,
.bbs-models { background-color: #F9F9F9; }
.ranking-border-bottom,
.models-border-bottom { border-bottom: 1px solid #F3F3F3; }
.bbs-ranking > div:first-child,
.bbs-models > div:first-child { height: 55px; line-height: 55px; text-align: center; }
.bbs-models-focus,
.bbs-ranking-focus,
.bbs-ranking > div:first-child > div:hover,
.bbs-models > div:first-child > div:hover { border-top: 2px solid #1F96D0; background-color: white; }
.bbs-models > div:first-child > div { width: 50%; height: 100%; border-right: 1px solid #F3F3F3; float: left; font-size: 16px; }
.bbs-ranking > .ranking-border-bottom ~ div,
.bbs-models > .models-border-bottom ~ div { overflow: hidden; text-align: center; }
.bbs-models > .models-border-bottom ~ div a  { float: left; width: 135px; height: 60px; line-height: 60px; border-right: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; background: white; color: #333; }
.bbs-models > .models-border-bottom ~ div a:hover  { color: #2B9BD4; }
.bbs-ranking > .ranking-border-bottom ~ div { background-color: white; }
.bbs-ranking > .ranking-border-bottom > div { width: calc(100% / 2); height: 100%; border-right: 1px solid #F3F3F3; float: left; font-size: 16px; }
.bbs-ranking > .ranking-border-bottom ~ div > div:first-child { padding: 25px; }
.bbs-ranking > .ranking-border-bottom ~ div > div:not(:first-child) { padding: 0 20px; }
.bbs-ranking .ranking-no1 { width: 80px; height: 180px; float: left; margin-right: 5px; position: relative; }
.bbs-ranking .ranking-no1 > img:first-child { width: 80px; height: 80px; border-radius: 40px; border: 1px solid #F3F3F3; margin-top: 10px; }
.bbs-ranking .ranking-no1 > img:nth-child(2) { position: absolute; top: -4px; left: 50px; }
.bbs-ranking .ranking-no1 > div:nth-child(3) { font-size: 12px; margin-top: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bbs-ranking .ranking-no1 > div:last-child { font-size: 12px; color: red; }
.bbs-ranking .ranking-no2 { width: 70px; height: 180px; float: left; margin-right: 5px; position: relative; }
.bbs-ranking .ranking-no2 > img:first-child { width: 70px; height: 70px; border-radius: 35px; border: 1px solid #F3F3F3; margin-top: 30px; }
.bbs-ranking .ranking-no2 > img:nth-child(2) { position: absolute; top: 16px; left: 42px; }
.bbs-ranking .ranking-no2 > div:nth-child(3) { font-size: 12px; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bbs-ranking .ranking-no2 > div:last-child { font-size: 12px; color: red; }
.bbs-ranking .ranking-no3 { width: 60px; height: 180px; float: left; position: relative; }
.bbs-ranking .ranking-no3 > img:first-child { width: 60px; height: 60px; border-radius: 30px; border: 1px solid #F3F3F3; margin-top: 40px; }
.bbs-ranking .ranking-no3 > img:nth-child(2) { position: absolute; top: 25px; left: 34px; }
.bbs-ranking .ranking-no3 > div:nth-child(3) { font-size: 12px; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bbs-ranking .ranking-no3 > div:last-child { font-size: 12px; color: red; }
.bbs-ranking .ranking-42ten { width: 100%; height: 80px; line-height: 80px; overflow: hidden; border-bottom: 1px solid #F3F3F3; }
.bbs-ranking .ranking-42ten > div:not(:last-child) { margin-right: 10px; }
.bbs-ranking .ranking-42ten > div { font-size: 13px; float: left; }
.bbs-ranking .ranking-42ten > div:nth-child(1) { width: 20px; margin-right: 10px; }
.bbs-ranking .ranking-42ten > div > img { width: 50px; height: 50px; border-radius: 25px; border: 1px solid #F3F3F3; }
.bbs-ranking .ranking-42ten > div:nth-child(3) { width: 90px; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; }
.bbs-ranking .ranking-42ten > div:nth-child(4) { width: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; }
/*END OF BBS-INDEX*/

.get-password,
.bbs-post { width: 100%; height: auto; padding: 0 30px; font-size: 14px; }
.get-password .get-password-header { width: 100%; height: 40px; line-height: 20px; margin: 25px 0; text-align: left; border-bottom: 1px solid #F3F3F3; color: #333; font-size: 18px; }
.bbs-post .post-header { width: 100%; height: 40px; line-height: 20px; margin: 25px 0; text-align: left; border-bottom: 1px solid #F3F3F3; color: #2B9BD4; font-size: 18px; }
.bbs-post .post-body { margin: 0 30px; }
.bbs-post .post-zt { margin-bottom: 15px; }
.bbs-post .post-zt input { height: 34px; line-height: 34px; width: 500px; border: 1px solid #CCC; border-radius: 4px; }
.bbs-post .post-zt span:last-child { color: red; display: none; }
.bbs-post .bbs-post-lable { border-bottom: 1px solid #F3F3F3; padding-bottom: 15px; }
.bbs-post .bbs-post-tag { text-align: left; clear: both; overflow: hidden; }
.bbs-post .bbs-post-tag > div:first-child { width: auto; height: 100%; float: left; margin-top: 15px; }
.bbs-post .bbs-post-tag > div:last-child  { display: table-cell; }
.bbs-post .bbs-post-tag > div:last-child > div { float: left; width: auto; height: 24px; line-height: 24px; border-radius: 12px; padding: 0 10px; color: #CCC; border: 1px solid #CCC; margin: 15px 0 0 10px; }
.bbs-post-tag-focus,
.bbs-post .bbs-post-tag > div:last-child > div:hover { background-color: #2170F1; color: white !important; border: none !important; }
.bbs-post .bbs-post-container { width: 100%; height: 400px; border: 1px solid #CCC; margin: 30px 0; }
.bbs-post-submit { margin-bottom: 40px; }
.bbs-post-submit button { width: 180px; height: 50px; font-size: 18px; background-color: #2B9BD4; text-align: center; color: white; border: none; }
/*END OF BBS-POST*/

.bbs-user { text-align: center; }
.bbs-user > div:first-child { margin: 25px 0 20px 0; overflow: hidden; }
.bbs-user > div:not(:first-child) { margin-bottom: 20px; overflow: hidden; }
.bbs-user .bbs-user-info > div { width: calc(100%/3); float: left; }
.bbs-user .bbs-user-info > div:not(:last-child) {  border-right: 1px solid #F3F3F3; }
/*.bbs-user .bbs-user-info > div a { text-decoration:none; }*/
.bbs-user .bbs-user-info > div span { font-size: 15px; color: #777; }
.bbs-user-medal img { float: left; height: 40px; padding: 5px 10px; }
.bbs-user > div:last-child > a { display: inline-block; width: 100px; padding: 5px 0; color: white; }
.bbs-user > div:last-child > a:first-child { background-color: #76BA3F;  }
.bbs-user > div:last-child > a:last-child { background-color: #2B9BD4;  }
.user-tag > span { height: 30px; line-height: 30px; display: inline-block; border-radius: 5px; background-color: #FF7900; padding: 0 10px; color: white; }
/*END OD BBS-USER-INFO*/

.bbs-a-post > div { margin-bottom: 20px; }
.bbs-a-post .a-post-title > span { font-size: 22px; }
.bbs-a-post .a-poster-info > span { display: inline-block; margin-right: 20px; color: #333; }
.bbs-a-post .a-poster-info > span:nth-child(2) { border-left: 1px solid #CCC; padding: 0 20px; color: #CCC; }
.bbs-a-post .a-post-content { width: 100%; overflow: hidden;  }
.bbs-a-post .a-post-content img { vertical-align: middle; max-width:100% ;  height: auto !important;}




.bbs-a-post .bbsarticle-inner-st .bbsartiner-list-title { margin: 10px 0;}
.bbs-a-post .bbsarticle-inner-st .bbsartiner-list-st img  { max-width: 100%; display: block;}
.bbs-a-post .annex-btn {width: 100px; height: 40px; line-height: 40px; background-color: #76BA3F; display: inline-block; text-align: center; font-size: 15px;}
.bbs-a-post .annex-btn > a {color:white;}

.a-post-share { overflow: hidden; }
.a-post-share > div { width: calc(100%/3); height: 60px; float: left; }
.a-post-share > div:nth-child(1) { text-align: left; }
.a-post-share > div:nth-child(1) > a { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #CCC; text-align: center; }
.a-post-share > div:nth-child(2) { text-align: center; }
.a-post-share > div:nth-child(2) > span { width: 150px; height: 50px; line-height: 50px; background-color: #2B9BD4; display: inline-block; color: white; }
.a-post-share > div:nth-child(3) { text-align: right; }
.a-post-share > div:nth-child(3) > div { text-align: center; float: right; }
.a-post-share > div:nth-child(3) a { display: inline-block; padding: 0 25px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #333; font-size: 13px; color: #333; }
.a-post-comment { margin-top: 25px; }
.a-post-comment > div { margin-bottom: 10px; }
.a-post-comment > div:nth-child(1) { border-bottom: 1px solid #F3F3F3; }
.a-post-comment > div:nth-child(1) > span { display: inline-block; font-size: 17px; border-bottom: 4px solid #2B9BD4; }
.a-post-comment > div:nth-child(2) > div { position: relative; display: inline-block; }
.a-post-comment > div:nth-child(2) i { font-size: 22px; display: inline-block; margin-right: 15px; }
.a-post-comment > div:nth-child(2) span { color: white !important; background-color: red; position: absolute; left: 6px; top: -10px; }

.bbs-comment-tag { padding: 0 15px; height: 24px; line-height: 24px; border-radius: 12px; background-color: white; border: 1px solid #CCC; color: #CCC; float: left; margin: 5px; font-size: 14px; }
.comment-tag-focus,
.bbs-comment-tag:hover { background-color: #49BDCC; color: white !important; border: none !important; }

.bbs-post-reply > div:first-child { font-size: 20px; color: #CCC; border-bottom: 1px solid #CCC; padding: 20px 0px; }
.reply-sort > span:first-child {background-color:greenyellow; padding: 0 3px; margin: 0 10px 0 0px;}
.a-reply { border-bottom: 1px solid #CCC; padding: 20px 0 10px 0; overflow: hidden; }
.a-reply > div { margin: 10px 0; }
.reply-user-info { overflow: hidden; height: 50px; }
.reply-user-info > div:last-child { float: right; height: 50px; line-height: 50px; text-align: right; }
.reply-user-info > div:last-child > span { display: inline-block; margin-left: 10px; }
.like-unclick { color: #CCC; }
.like-click { color: red; }
.reply-user-info > div:not(:last-child) { float: left; margin-right: 15px;  }
.a-reply-content { font-size: 15px; color: #333; }
.a-reply-content > span { display: block; }
.a-reply-content > span ~ img { display: block; max-width: 40%; }
.a-reply-tag { margin-top: 10px; width: 80%; overflow: hidden; float: left; }
.a-reply-tag > div { display: inline-block; padding: 0 10px; background-color: #F0F0F0; height: 20px; line-height: 20px; width: auto; border-radius: 10px; color: #CCC; font-size: 13px; margin-right: 5px; }
.a-reply-reply { text-align: right; width: 20%; float: left; margin-top: 10px; overflow: hidden; }
.a-reply-reply span { font-size: 16px; display: inline-block; margin-right: 10px;}
.a-reply-reply i { font-size: 20px; color: #CCC; }
.a-reply-quote { width: 80%; background-color: #F3F3F3; padding: 10px; margin-bottom: 10px; }
.a-reply-quote > span:first-child { color: #CCC; font-size: 12px; }
.a-reply-quote span:last-child { color: #333; font-size: 15px; }
.a-reply-quote p { margin: 0; }
/*END OF A-POST*/

.comment-quote span:first-child { color: red; font-size: 20px; }
.comment-quote span:last-child { color: #333; font-size: 18px; }
/*END OF REPLY-REPLY*/

.bbs-info { width: 100%; height: auto; padding: 0 30px; font-size: 18px; text-align: center;}
.bbs-info > div:first-child img { width: 140px; height: 140px; border-radius: 70px; overflow: hidden; border: 1px solid #F3F3F3; }
.bbs-info > div:first-child { margin: 40px 0 25px 0; overflow: hidden; }
.bbs-info > div:not(:first-child) { margin-bottom: 35px; overflow: hidden; }
.bbs-info > div:nth-child(2) { margin-bottom: 10px; overflow: hidden; }
.bbs-info .bbs-user-info { width: 70%; text-align: center; margin: 0 auto;}
.bbs-info .bbs-user-info > div { width: calc(99%/3); float: left;}
.bbs-info .bbs-user-info > div span { font-size: 15px; color: #777; font-weight: 600; display: inline-block;}
.bbs-info .bbs-user-info > div p span {margin-top: 15px;}
.bbs-info-medal img { float: left; height: 50px; padding: 10px; }
.bbs-btn {width: 150px; height: 40px; line-height: 20px; }
.bbs-info-icon > span {font-size: 15px; float: left; margin: 0 0 10px 10px;}
.bbs-info-icon > div {clear: both;}
.bbs-info-list {height: 50px;width: 100%; border-bottom: 2px solid #F3F3F3;}
.bbs-info-list > div:first-child {color: #2B9BD4; border-bottom: 2px solid #2B9BD4;}
.bbs-info-list > div {height: 50px; width: 20%; line-height: 50px; text-align: center; float: left; cursor: pointer;}
.bbs-list-bar {background-color:#F3F3F3; height: 40px; line-height: 40px; margin-top: 15px;}
.bbs-list-bar div {text-align: left; float: left;}
.bbs-list-bar > div:first-child { width: 70%;}
.bbs-list-bar > div:not(first-child){ width: 15%;}
#topic_list > div,
#reply_list > div
{height :50px;  font-size: 16px; border-bottom: 1px solid #F3F3F3; margin-top: 5px;}
#topic_list > div > div,
#reply_list > div > div {text-align: left; float: left;}
#topic_list > div > div:first-child:hover,
#reply_list > div > div:first-child:hover {color: red;cursor: pointer;}
#topic_list > div > div:first-child,
#reply_list > div > div:first-child { width: 70%;}
#topic_list > div > div:not(first-child),
#reply_list > div > div:not(first-child){ width: 15%;}
#topic_list > div > div > span,
#reply_list > div > div > span {display: block; max-width: 80%;}

.sex-female,
.sex-male { height: 30px; line-height: 30px; display: inline-block; border-radius: 5px; padding: 0 10px; color: white; }
.sex-male { background-color: #2B9BD4; }
.sex-female { background-color: #FF5657; }
.group-info { height: 30px; line-height: 30px; display: inline-block; border-radius: 5px; background-color: #FF7900; padding: 0 10px; color: white; }
/*END OF OTHER-INFO*/

.bbs-personal-left { width: 200px; float: left; }
.bbs-personal-right { width: 830px; float: right; display: inline-block; }
.bbs-personal-right > div:not(:first-child) { margin-top: 15px; }
.personal-list > div:first-child { width: 100%; height: 50px; line-height: 50px; background-color: #2B9BD4; text-align: center; color: white; font-size: 18px; }
.personal-list > a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; padding-left: 50px; color: #333; text-align: left; }
.personal-list > a:hover { background-color: #D7E3F3; }

.bbs-personal-info { height: 150px; padding: 25px 40px; }
.bbs-personal-info > div { height: 100px; line-height: 100px; float: left; }
.bbs-personal-info > div:nth-child(2) { width: 60%; border-right: 1px solid #F3F3F3; display: inline-block; margin-left: 20px; line-height: 80px; }
.bbs-personal-info > div:nth-child(2) > div:first-child { height: 30%; }
.bbs-personal-info > div:nth-child(3) { line-height: 33px; margin-left: 20px; }
.bbs-personal-info > div:nth-child(3) > span { display: block; }

.personal-sign { font-size: 13px; color: #CCC; }
.user-info-name > span { display: block; margin: 10px 0; }
.user-info-name span { font-size: 17px; }
.user-info-medal { padding: 25px 40px; }
.user-info-medal .user-info-title { border-bottom: 1px solid #F3F3F3; font-size: 18px; padding-bottom: 10px; }
.user-info-medal .my-medal { margin-top: 40px; }
.info-title { border-bottom: 1px solid #F3F3F3; font-size: 17px; padding: 10px 0; }
.user-info-medal .my-medal > div:nth-child(2) { margin: 10px 0; }
.user-info-medal .my-medal .medal-info { margin: 20px 0 50px 0; }
.user-info-medal .my-post-info { margin-top: 40px; }
.info-title + div { margin-top: 20px; }
.info-title + div > span { display: inline-block; padding: 0 20px; border-left: 1px solid #CCC; }
/*END OF PERSONAL*/

.bbs-follow-title { height: 70px; padding: 0 20px; margin-top: 25px; line-height: 70px; font-weight: 600;}
.bbs-follow-list { /*height: 800px;*/ padding: 25px 40px; margin-top: 15px;}
.bbs-follow-img {width: 50px;display: inline-block;margin-right: 20px;float: left;}
.bbs-follow-info {width: 70%;display: inline-block; border-bottom: 1px solid #E6E6E6;float: left;}
.bbs-follow-info > div:first-child {height: 50px;line-height: 60px;width: 70%; font-weight: 600;}
.bbs-follow-info > div + div {height: 40px;line-height: 20px;width: 70%;}
.bbs-icon-guanfang,
.bbs-icon-male,
.bbs-icon-engineer,
.bbs-icon-police,
.bbs-icon-host,
.bbs-icon-female {font-size: 13px;  height: 20px; line-height: 20px; text-align: center;display: inline-block; border-radius: 5px;  color: white;}
.bbs-icon-guanfang {width: 40px; background-color: #FF7900;}
.bbs-icon-male {width: 20px;  background-color: #2B9BD4;}
.bbs-icon-engineer {width: 80px; background-color: #C3C3C3; }
.bbs-icon-police {width: 70px; background-color: #2B9BD4;}
.bbs-icon-host {width: 40px; background-color: #49BDCC; }
.bbs-icon-female {width: 20px;background-color: #FF5657;}
.bbs-follow {width: 20%;display: inline-block; border-bottom: 1px solid #E6E6E6;float: left; height: 91px; padding: 25px 30px;}
.bbs-follow > div {height: 100%;border: 2px solid #2B9BD4; border-radius: 30px; text-align: center; line-height: 35px; color: #2B9BD4; font-weight: 600;}
/*END OF MY-FOLLOW*/

.bbs-my-post { padding: 10px 25px 40px 25px; }
.bbs-my-post .my-post-type { border-bottom: 1px solid #F3F3F3; height: 50px; line-height: 50px; }
.bbs-my-post .my-post-type a { display: inline-block; font-size: 18px; padding: 0px 10px; color: #333; }
.my-post-type-focus,
.bbs-my-post .my-post-type a:hover { color: #3671C1 !important; border-bottom: 2px solid #3671C1; }
.my-post-one { padding: 10px 5px; border-bottom: 1px solid #F3F3F3; }
.my-post-one .post-title { line-height: 50px; font-size: 16px;}
/*END OF MY-POST*/

.my-profile { padding: 0 30px 40px 30px; }
.my-profile-title { padding: 0 50px; text-align: center; font-size: 18px; color: #333; border-bottom: 1px solid #F3F3F3; }
.my-profile-title a { display: inline-block; padding: 20px 30px 10px 30px; font-size: 16px; color: #333; }
.my-profile-title-focus,
.my-profile-title a:hover { border-bottom: 2px solid #3671C1; color: #3671C1 !important; }
.change-password-title,
.change-photo { padding-top: 20px; border-bottom: 1px dashed #F3F3F3; text-align: center; }
.change-photo a { margin-bottom: 10px; display: block; font-size: 18px; }
.change-profile { margin: 10px 0; }
.change-profile > div.profile-half { width: 50%; float: left; text-align: left; }
.profile-half > div { margin: 10px 0; }
.profile-half > div > span:first-child { display: inline-block; width: 30%; }
.profile-half > div > span:last-child { display: inline-block; width: 50%; }
.profile-half > div > span > input { text-align: right;  }
.profile-half > div > span > input[name="sex"] { margin: 0 20px;  }
.profile-submit { width: 100%; text-align: center; margin: 10px 0; }
.profile-submit button { height: 50px; line-height: 40px; width: 200px; color: white; background-color: #2B9BD4; font-size: 24px; border: none; }
.change-password-title { padding-bottom: 20px; }
.change-password { text-align: center; }
.change-password > div { margin: 20px; }
.change-password > div > span { display: inline-block; width:120px; text-align: right; margin-right: 10px; }
.change-password > div > input { display: inline-block; text-align: left; }
/*END OF MY-PROFILE*/

.collection-header { padding: 15px 20px; font-size: 16px; }
.a-collection { padding: 30px 40px; }
.a-collection .a-collection-title { margin-bottom: 20px; }
.a-collection .a-collection-count { display: inline-block; width:30%; text-align: left; margin-bottom: 20px; }
.a-collection .a-collection-count > span { color: #B1B1B1; font-size: 13px;}
.a-collection .a-collection-count > span:not(:first-child) { display: inline-block; margin-left: 10px; }
.a-collection .a-collection-content { font-size: 15px; color: #333; margin-bottom: 15px; }
.show-time,
.a-collection .a-collection-time span { font-size: 13px; color: #CCC; }
.a-collection .a-collection-time a { display: inline-block; float: right; font-size: 13px; }
/*END OF MY-COLLECTION*/

.get-password-main { width: 800px; margin: 0 auto; }
.get-password-content { font-size: 16px; }
.get-password-content > div { height: 40px; line-height: 40px; margin: 10px 0; width: 360px; }
.get-password-content input { height: 38px; line-height: 38px; display: inline-block; float: left; }
.get-password-content button#send_markNum { width: 150px; height: 38px; line-height: 30px; color: white; margin-left: 30px; display: inline-block; float: left; background-color: #2B9BD4; border: none; }
.get-password-content input[name="markNum"] { width: 360px; text-align: right; }
.get-password-content .new_passwd span { width: 100px; float: left; }
.get-password-content .new_passwd input { width: 260px; float: left; }
.get-password-content .profile-submit { text-align: left; margin: 40px 0; }
.get-password-content .profile-submit button { width: 120px; height: 40px; line-height: 40px; background-color: #2B9BD4; font-size: 18px; }
/*END OF GET-PASSWORD*/

.bbs-fans-title { height: 70px; padding: 0 20px; margin-top: 25px; line-height: 70px; font-weight: 600;}
.bbs-fans-list { height: 800px; padding: 25px 40px; margin-top: 15px;}
.bbs-fans-list > div:not(:last-child) { border-bottom: 1px solid #E6E6E6; }
.bbs-fans-img {width: 50px;display: inline-block;margin-right: 20px;float: left;}
.bbs-fans-info {width: 70%;display: inline-block; float: left;}
.bbs-fans-info > div:first-child {height: 50px;line-height: 60px;width: 70%; font-weight: 600;}
.bbs-fans-info > div + div {height: 40px;line-height: 20px;width: 70%;}
/*END OF FANS*/

.bbs-message-list{padding: 5px 30px 20px 30px; margin-top: 15px;display: none;}
.bbs-message-list .message-header{ border-bottom: 1px solid #E6E6E6;margin-top: 15px;}
.bbs-message-list .message-header > div{padding:0 5px 8px 5px;display: inline-block;color: #2B9BD4;border-bottom: 1px solid #2B9BD4;margin-left: 10px;}
.content-tabs{height:auto;margin-top: 0;background: #FFF;padding: 20px;}
.content-tabs ul{  overflow: hidden;box-sizing: inherit}
.content-tabs ul li{ float: left;line-height: normal;margin: 0 10px;}
.content-tabs ul li a{color: #333;font-weight: normal;}
.content-tabs ul li.selected a{color: #2B9BD4;text-decoration: underline!important;}
.my-message{  border-bottom: 1px solid #E6E6E6;overflow: hidden;}
/*.my-message dl{margin-bottom: 20px;}*/
.my-message dl{margin: 20px 0;}
.my-message dl dt{float: left;}
.my-message dl dt a img{width: 50px;height: 50px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.my-message dl dd{margin-left: 80px;}
.my-message dl dd h3{font-size: 16px;font-weight: bold;}
.my-message dl dd h3 a{color: #333}
.my-message dl dd span{color: #999;font-size: 14px;margin-bottom: 5px;display: inline-block;}
.my-message dl dd > div h4,.my-message dl dd > div p{font-size: 14px;color: #555;margin: 0;}
.my-message dl dd > div p{margin-top: 10px;}
.my-message dl dd .reply{overflow: hidden;margin: 8px 0;font-size: 14px;}
.my-message dl dd .reply > div{float: left;}
.my-message dl dd .reply > div.reply-left p,.my-message dl dd .reply > div.reply-left span{margin: 0;float: left;display: inline-block}
.my-message dl dd .reply > span{float: right;margin: 0;}
.my-message dl dd .reply-content{overflow: hidden;background: #eeeeee;padding:15px;}
.my-message dl dd .reply-content div,.my-message dl dd .reply-content p,.my-message dl dd .reply-content span,.my-message dl dd .reply-content a{float: left;margin: 0;font-size: 14px;display: inline-block;}
.my-message dl dd .contact{overflow: hidden;}
.my-message dl dd .contact a{float: right;}
/*END OF my-message*/

/*bbs-login*/
.login-nav{margin-bottom: 0;}
.login-layout{position: absolute;/*top:86px;*/top:77px;left: 0;bottom: 0;right:0;background: #CCC;}
.login-bg{/*height: 543px;*/background: url(../img/lg-bg.png) no-repeat center top;position: relative;width: 100%;height:100%;min-width: 1050px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}
.login-bg .login-wrap{
    top: 80px;
    width: 394px;
    background: #FFF;
    position: absolute;
    padding: 0 50px 30px 50px;
    right: 110px;
    z-index: 100;
}
.login-bg .login-wrap .login-header{font-weight: bold;text-align: center;margin: 30px 0;font-size: 17px;}
.login-bg .login-wrap .us-form-control{overflow: hidden;}
.login-bg .login-wrap .us-form-control .us-input-control{margin-bottom: 15px;overflow: hidden;}
.login-bg .login-wrap .us-form-control .us-input-control input{display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 10px;outline: none;border: 1px solid #E6E6E6;}
.login-bg .login-wrap .us-form-control .us-input-control input.pin-input{float: left;width: 166px;}
.login-bg .login-wrap .us-form-control .us-input-control .pin-img{ float: right; height: 46px; width: 110px; background: #2B9BD4; }
.login-bg .login-wrap .us-form-control .login-btn{width: 100%;background: #2B9BD4;outline: none;display: block;height: 46px;line-height: 46px;border: none;color: #FFF;}
.login-bg .login-wrap .us-form-control .login-btn:hover{background: #167ACF;}
.login-bg .login-wrap .login-wrap-footer{text-align: center;margin-top: 20px;}
.login-bg .login-wrap .login-wrap-footer a{font-size: 14px;color: #333;}
.login-bg .login-wrap .login-wrap-footer a:hover{color: #2b9bd4;}
.login-footer{background: #FFF;}
.login-footer a{color: #333;}
.login-footer .copyright span{color: #333;}
/*END of LOGIN*/

.reg-wrap{width: 900px;background: #FFF;margin: 0 auto;padding:30px 0px;margin-top: 10px;}
.reg-wrap .login-header{font-weight: bold;text-align: center;font-size: 17px;margin-bottom: 30px;}
.reg-wrap .us-form-control{width: 300px;margin: 0 auto;}
.reg-wrap .us-form-control .us-input-control{margin-bottom: 15px;overflow: hidden;}
.reg-wrap .us-form-control .us-input-control input{display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 10px;outline: none;border: 1px solid #E6E6E6;}
.reg-wrap .us-form-control .pin-control{position: relative;border: 1px solid #E6E6E6;padding-right: 110px;}
.reg-wrap .us-form-control .us-input-control input.pin-input{float: left;width: 176px;border: none;}
.reg-wrap .us-form-control .us-input-control .pin-img{float: right;height: 46px;width: 110px;position: absolute;right: 0;cursor: pointer;text-align: center;line-height: 46px; font-size: 16px; background-color: #2B9BD4; color: white; font-size: 16px; }
.pin-img-lock { background-color: white !important; color: #999 !important; font-size: 14px !important; }
.reg-wrap .us-form-control .us-input-control .pin-img:before{content: "";position: absolute;width: 1px;height: 30px;background: #CCC;left: 0;top: 8px;}
.reg-wrap .us-form-control .login-btn{width: 100%;background: #2B9BD4;outline: none;display: block;height: 46px;line-height: 46px;border: none;color: #FFF;}
/*.reg-wrap .us-form-control .login-btn:hover{background: #2B9BD4;}*/
.reg-wrap .us-form-control .reg-wrap-footer{margin-bottom: 20px;font-size: 14px;}
.reg-wrap .us-form-control .reg-wrap-footer input[type="checkbox"]{vertical-align: middle;margin-top: -2px;}
/*END OF REGISTOR*/

/*********** balance-account *************/
.balance-header{overflow: hidden;padding: 0px 20px;margin: 20px 0;}
.balance-header a{float: left;margin-top: 3px;}
.balance-header a img{width: 145px;}
/*.balance-header div.balance-bar{float: right;margin-top: 10px;}
.balance-header .balance-bar ul{}
.balance-header .balance-bar ul li{float: left;text-align: center;font-size: 12px;color: #CCC;}
.balance-header .balance-bar ul li > div{width:160px;height: 6px;background: #CCC;position: relative;margin-bottom: 15px;}
.balance-header .balance-bar ul li > div span{width: 20px;height: 20px;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;position: absolute;background: #CCC;color: #FFF;text-align: center;left: 50%;margin-left: -10px;top: -7px;font-size: 12px;line-height: 20px;}
.balance-header .balance-bar ul li.progress-last > div,.balance-header .balance-bar ul li.progress-last > div span{background: #d0ebbe;}
.balance-header .balance-bar ul li.progress-current > div,.balance-header .balance-bar ul li.progress-current > div span{background: #7db85a;}
.balance-header .balance-bar ul li.progress-last{color: #d0ebbe;}
.balance-header .balance-bar ul li.progress-current{color: #7db85a;}
.balance-header .balance-bar ul li:first-child div{border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
.balance-header .balance-bar ul li:last-child div{border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;}*/
.check-order{overflow: hidden; }
.check-order .check-header{font-size: 16px;color: #666;margin:15px 0;display: block;padding: 0 20px;}
.check-content{padding:20px;}
.check-content .content-box{border: 3px solid #f4f4f4;padding: 0 20px 30px 20px;}
.check-content .consignee-info .consignee-top{overflow: hidden;height: 50px;line-height: 50px;font-size: 14px;}
.check-content .consignee-info .consignee-top > span{float: left;display: block;color: #333;font-size: 15px;font-weight: bold;}
.check-content .consignee-info .consignee-top > a{float: right;display: block;color: #2b9bd4;}
.check-content .consignee-info .consignee-list > li { margin: 10px 0; display: block; }
.consignee-list{/*margin: 30px 0;*/}
.consignee-list li{overflow: hidden;}
.consignee-list li div.consignee-item{/*width: 150px;border: 1px solid #CCC;*/ padding: 0px 12px; height:30px; float: left; line-height: 30px; font-size: 12px; text-align: center; position: relative; cursor: pointer; }
.consignee-list li div.consignee-item:hover { border: 2px solid #E4393C; }
.consignee-list li.selected div.consignee-item{border: 2px solid #e4393c;}
.consignee-list li.selected div.consignee-item i{position: absolute;right: 0;bottom: 0;background: url(../img/selected-ok.png) no-repeat;width: 12px;height: 12px;}
.addr-detail{float: left;height: 30px;line-height: 30px;padding-left: 50px;}
.addr-detail span{display:inline-block;margin-left: 10px;font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 55%;}
span.del-addr { cursor: pointer; color: #E4393C; }
.check-content .content-box dl{display: block;overflow: hidden;border-bottom: 1px solid #dbdbdb;}
.check-content .content-box dl dt{color: #333;font-size: 15px;margin: 15px 0;}
.check-content .content-box dl dd{margin-bottom: 15px;overflow: hidden;}
.check-content .content-box dl.customize dd .customize-edit{background: #f6f6f6;padding: 15px;}
.check-content .content-box dl.customize dd .customize-edit > div{border: 1px solid #a9a9a9;padding: 0 15px;}
.check-content .content-box dl.customize dd .customize-edit > div .edit-top{height: 42px;line-height: 42px;}
.check-content .content-box dl.customize dd .customize-edit > div .edit-body{border: 2px solid #a9a9a9;margin-bottom: 15px;}
.check-content .content-box dl.customize dd .customize-edit > div .edit-body textarea{display: block;padding: 10px;width: 100%;background: #f6f6f6;height: 220px;max-width: 100%;outline: none;}

.consignee-list li div.consignee-item-img { border: 1px solid #CCC; padding: 0px 12px; height:40px; float: left; text-align: center; position: relative; cursor: pointer; }
.consignee-list li div.consignee-item-img:hover { border: 2px solid #E4393C; }
.consignee-list li.selected div.consignee-item-img { border: 2px solid #e4393c; }
.consignee-list li.selected div.consignee-item-img i { position: absolute; right: 0; bottom: 0; background: url(../img/selected-ok.png) no-repeat; width: 12px; height: 12px; }
.consignee-list li div.consignee-item-img span img { height: 36px; }

.check-content .content-box dl.payment dd ul{overflow: hidden;padding: 0 15px;}
.check-content .content-box dl.payment dd ul li{float: left;margin-right: 20px;}
.check-content .content-box dl.payment dd ul li div{width: 110px;}
.check-content .content-box dl.invoice label{font-size: 14px;font-weight: normal;margin: 0;}
.check-content .content-box dl.invoice input{margin: 0;vertical-align: middle}
.check-content .content-box dl.remark dd {padding-left:20px;}
.check-content .content-box dl.remark input { width: 100%;}

.shopping-list{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background:#f5f5f5;
}
.shopping-list .goods-list{margin-left: 300px;background:#cdeffb;padding:20px;}
.shopping-list .dis-modes{width: 300px;float: left;padding: 15px;}
.shopping-list .goods-list  dl{overflow: hidden;border-bottom: none;}
.shopping-list .goods-list  dl dt{float: left;margin: 0;width: 100px;height: 100px;}
.shopping-list .goods-list  dl dd{margin-left: 130px;font-size: 14px;}
.shopping-list .goods-list  dl dd div{margin-bottom: 20px;}
.shopping-list .goods-list  dl dd  div.good-name strong{width: 100px;color: #e4393c;display: inline-block;text-align: right;float: right}
.shopping-list .goods-list  dl dd  div.good-info span{display: inline-block;}
.shopping-list .goods-list  dl dd  div.good-info span.p-num,.shopping-list .goods-list  dl dd  div.good-info span.p-state{width: 100px;text-align: right;float: right;}

.check-footer{
    padding: 0 20px;
    overflow: hidden;
}
.check-footer .sum{font-size: 14px;margin: 15px 0;color: #555;text-align: right;}
.check-footer .sum span{margin-right: 15px;}
.check-footer .sum em{font-style: normal;}
.check-footer .sum-detail{padding: 10px 15px;overflow: hidden;background: #f4f4f4;}
.check-footer .sum-detail > div{font-size: 14px;text-align: right;margin: 10px 0;}
.check-footer .sum-detail > div span{display: inline-block;}
.check-footer .check-btn{overflow: hidden;margin: 20px 0;}
.check-footer .check-btn button{width: 135px; height: 36px;line-height: 36px;background: #e4393c; float: right;border: none;color: #FFF;border-radius: 3px;}
.check-footer .check-btn button:hover{background: #f00;}
.pay-success-box{margin-top: 50px;background: #ececec;padding: 50px 50px 50px 250px;margin-bottom: 100px;border-top:1px solid #999;}
.pay-success-box dl dt{float: left;}
.pay-success-box dl dt i{width: 100px;height: 100px;font-size: 50px;line-height: 100px;text-align: center;color: #7db85a;}
.pay-success-box dl dd{margin-left: 100px;overflow: hidden;}
.pay-success-box dl dd ul li{float: left;margin: 0 20px;position: relative;}
.pay-success-box dl dd ul li:after{content: "";position: absolute;height: 30px;width: 1px;background: #999;right: -20px;}
.pay-success-box dl dd ul li:first-child{margin-left: 0;}
.pay-success-box dl dd ul li:last-child:after{display: none;}
.new-addr-panel{display:none;position: fixed;background: #FFF;z-index: 9999;width: 450px;border: 3px solid #CCC;top: 50%;left: 50%;margin-left: -225px;margin-top: -143px;}
.new-addr-panel .panel-header{height: 30px;line-height: 30px;background: #f5f5f5;padding: 0 10px;position: relative;}
.new-addr-panel .panel-header i{position: absolute;right: 10px;top: 5px;cursor: pointer;width: 20px;height: 20px;text-align: center;line-height: 20px;}

.new-addr-panel .panel-content form{margin:20px 0;line-height: normal;padding: 0 60px;}
.new-addr-panel .panel-content .panel-input-control{margin: 10px 0; line-height:40px}
.new-addr-panel .panel-content .panel-input-control label{width: 100px;text-align: right;font-weight: normal;margin: 0;}
.new-addr-panel .panel-content .panel-input-control label span{color: #f00;}
.new-addr-panel .panel-content .panel-input-control input{outline: none;border: 1px solid #CCC; height: 40px;  width: 200px;padding: 0 5px;}
.new-addr-panel .panel-content .panel-input-control select{width: 200px;outline: none;height: 40px;}
.new-addr-panel .panel-content button{outline: none;background: #ebebeb;border: 1px solid #CCC;border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;padding:0 10px;margin: 0 0 10px 104px;}
.panel-shade{display:none;position: fixed;left: 0;top: 0;z-index: 9998;opacity: 0.1;background-color: rgb(0, 0, 0);width: 100%;height: 100%;}
/*****END balance-account ******/

.order-title{padding: 20px;}
.orders-header{overflow: hidden;margin: 10px 0;}
.orders-header span{float: left;display: inline-block;border-bottom: 2px solid #e4393c;color: #e4393c;}
.orders-header .order-search{float: right;}
.orders-header .order-search input{display: inline-block;}
.orders-header .order-search input.input-control{
    border: 1px solid #CCC;
    height: 30px;
    height: 28px\9;
    line-height: 30px;
    padding: 0 10px;
    width: 150px;
    display: inline-block;
    float: left;
    outline: none;
}
.orders-header .order-search label.search-btn{
    height: 30px;
    line-height: 30px;
    float: left;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;

}
.orders-header .order-search label.search-btn input{
    height: 30px;
    background: #f4f4f4;
    color: #FFF;
    display: block;
    border: 1px solid #CCC;
    width: 60px;  }
.orders-header .order-search label.search-btn i{position: absolute;top:6px;left: 22px;color: #999;}
.orders-list table{width: 100%;}
.orders-list table tbody td{border: 1px solid #e5e5e5;}
.orders-list table thead th{font-size:12px;background: #f5f5f5;height: 32px;line-height: 32px;text-align: center;color: #666; font-weight: 400; border: 1px solid #f5f5f5;}
.orders-list table thead th div.ordertime{position: relative;float: left;z-index: 10;width: 138px;cursor: pointer;}
.orders-list table thead th div.order-detail-txt{width: 280px;}
.orders-list table tr.tr-head{  background: #f5f5f5;  height: 31px;  line-height: 31px;  color: #aaa;  overflow: hidden;  }
.orders-list table tr.tr-head td{padding-left: 15px;font-size: 12px;}
.orders-list table tr.tr-head td span{margin-right: 15px;}
.orders-list table tr.tr-body td{padding: 14px 0;font-size: 12px;}
.orders-list table tr.tr-body .goods-item{}
.orders-list table tr.tr-body .goods-item .g-img{float: left;width: 60px;height: 60px;border: 1px solid #efefef;margin: 0 15px;}
.orders-list table tr.tr-body .goods-item .g-img img{width: 58px;height: 58px;}
.orders-list table tr.tr-body .goods-item .g-msg{margin-left: 80px;font-size: 12px;font-weight: 600;margin-right: 10px;}
.orders-list table tr.tr-body .goods-item .g-num{margin-left: 80px;}
.orders-list table tr.tr-body .consignee-txt,.orders-list table tr.tr-body .amount,.orders-list table tr.tr-body .status,.orders-list table tr.tr-body .operate{text-align: center;}
.orders-list table tr.tr-body .amount span.pay-fs{display: block;margin: 0 8px;border-top: solid 1px #E5E5E5;margin-top: 5px;padding-top: 5px;}
.orders-list table tr.tr-body .operate a{width: 70px;display: inline-block;background: #f5f5f5;color: #333;border: 1px solid #e5e5e5;padding: 3px 0;}
.orders-list .orders-page{margin-top: 20px;overflow: hidden;}
.orders-list .orders-page .page-right{float: right;}
.orders-list .orders-page .page-right span,.orders-list .orders-page .page-right a{float: left;padding: 3px 10px;border: 1px solid #ccc;font-size: 14px;overflow: hidden;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;cursor: pointer;position: relative;}
.orders-list .orders-page .page-right span.prev-page i{position: absolute;left: 3px;top: 6px;}
.orders-list .orders-page .page-right span.next-page i{position: absolute;right: 3px;top: 6px;}
.orders-list .orders-page .page-right a{border: none;color: #999;}
.orders-list .orders-page .page-right span.page-disabled{cursor: default;background: #f5f5f5;color: #CCC;}
.orders-list .orders-page .page-right a.current{border: none;font-weight: bold;cursor: default;color: #2b9bd4;}
/*****END MY ORDERS ******/

.bbs-message-list-left {position:relative; width: 30%; height: 500px; overflow: hidden; border-right: 1px solid #E0E0E0; float: left;}
.bbs-message-chat {width: 100%;}
.bbs-message-chat > div {width: 90%; height: 80px; margin-top: 10px; border-bottom: 1px solid #E0E0E0; display: inline-block; opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
.bbs-message-chat > div > div { width: 30%; float: left;}
.bbs-message-chat > div > div + div { width: 70%; height: 100%; padding: 5px 5px; overflow: hidden;}
.bbs-message-chat > div > div + div > span {display: block;}
.bbs-message-chat > div > div + div > span:first-child { font-size: 16px; font-weight: 600;}
.bbs-message-chat > div > div + div > span + span { font-size: 14px; color: #AAAAAA;}
.bbs-message-chat > div > div + div > span:last-child { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; float: left; font-size: 14px; color: black;}
.bbs-message-chat > div > div > img { width: 50px; height: 50px; margin: 5px 0 0 5px;}
.bbs-message-chat > div:hover { border: 2px solid #2B9BD4; box-shadow: 1px 1px 15px rgba(0,0,0,.3); cursor: pointer; opacity: 0.8;}

.bbs-message-list-right {width: 70%; height: 500px; overflow: hidden;}
.bbs-message-list-right > div:first-child {width: 100%; height: 50px; line-height: 50px; text-align: left; padding: 0 20px; font-weight: 600; box-shadow: 1px 1px 15px rgba(0,0,0,.3); margin-bottom: 5px;}
.bbs-message-list-right > div:last-child {width: 100%; display: inline-block; margin-top: 5px;}
.bbs-message-list-right > div:last-child > div {float:right; width: 100px; background:#169BD5; height: 30px; text-align: center; line-height: 8px; color: white; font-size: 16px; border-style: none;}
.bbs-message-list-right > div + div {width: 100%; height: 82%; position:relative; overflow: hidden;}
.bbs-message-list-right > div + div > div {width: 100%; padding: 10px 20px;}
.bbs-message-list-right .bbs-message-records-right {width: 100%; text-align: right; margin: 10px 0;}
.bbs-message-list-right .bbs-message-records-right > div:last-child {float: right;}
.bbs-message-list-right .bbs-message-records-right > div:last-child > img {height: 44px; width: 44px; margin-left: 20px;}
.bbs-message-list-right .bbs-message-records-left {width: 100%; text-align: left; margin: 10px 0;}
.bbs-message-list-right .bbs-message-records-left > div:last-child {float: left;}
.bbs-message-list-right .bbs-message-records-left > div:last-child > img {height: 44px; width: 44px; margin-right: 20px;}
.bbs-message-list-right .bbs-message-time {text-align: center; width: 100%;}
.bbs-message-list-right .bbs-message-time > span {text-align:center; background-color: #EEEEEE;border-radius: 10px; font-size: 13px; width: 150px; display: inline-block;}
.messagebox-left,
.messagebox{ padding:10px 20px; border:1px solid #beceeb; position:relative; background-color: white; text-align: left; border-radius: 5px; display: inline-block; max-width: 60%; word-break: break-all;min-height: 44px;}
.messagebox-left span,
.messagebox span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;}
.messagebox span.bot{border-width:10px; border-style:solid dashed dashed;  border-color:transparent transparent transparent #beceeb; top:10px; right:-20px;}
.messagebox span.top{border-width:10px; border-style:solid dashed dashed; border-color:transparent transparent transparent #ffffff; top:10px; right:-18px;}
.messagebox-left span.bot{ border-width:10px; border-style:solid dashed dashed;  border-color:transparent #beceeb transparent transparent; top:10px; left:-20px;}
.messagebox-left span.top{border-width:10px;  border-style:solid dashed dashed; border-color:transparent #ffffff transparent transparent; top:10px; left:-18px;}
/*END OF MY-MESSAGE*/

.mall-top-img { height: 500px; width: 100%; background-color: white; }
.mall-top-img ul li a {cursor: default;}
.mall-top-img img { height: auto; width: 100%; max-width: 1050px; }
.mall-goods { margin-top: 40px; }
.mall-goods h2 {color: #36647F;}
.mall-goods ul { overflow: hidden; box-sizing: inherit; }
.mall-goods ul li { margin: 15px 0; float: left; }
.mall-goods ul li:nth-child(odd){ margin-right: 50px; }
.mall-goods .mall-good { width: 500px; height: 350px; float: left; background-size: cover; background-repeat: no-repeat; }
.mall-goods .mall-good div { width: 250px; height: 100%; opacity: 0.6; background-color: white; margin-left: 50%; text-align: left; }
.mall-goods .mall-good div > span:nth-child(1) { padding: 100px 30px 0 30px; display: block; color: #333; }
.mall-goods .mall-good div > span:nth-child(2) { padding: 20px 30px; display: block; color: #F26600; }
/*END OF MALL-INDEX*/

.mall-reservation-main {width: 800px; margin: 0 auto;}
.mall-reservation-main > div {height: 700px; position: relative; padding: 20px; font-size: 15px;}
.mall-legend {width: 100%; border-bottom: 1px solid #E3E3E3;height: 30px; font-size: 18px;}
.mall-toreserve {padding: 20px;}
.mall-toreserve > div:first-child {margin-bottom: 20px;}
.mall-toreserve > div:nth-child(2) {width: 50%; height: 400px; display: inline-block; padding: 20px; float: left;}
.mall-toreserve > div:nth-child(2) > img {width: 100%; height: 100%;}
.mall-toreserve > div:nth-child(3) {width: 50%; height: 400px; display: inline-block; padding: 50px; font-size: 24px;}
.mall-toreserve > div:nth-child(3) > span {display: block; margin-bottom: 20px;}
.mall-toreserve > div:nth-child(3) > div {height: 40px; width: 50%; margin-top: 85px;}
.mall-toreserve > div:nth-child(3) > div > div {height: 50px; font-size: 18px; border: none; background-color: #15478A; color: white; width: 200px; text-align: center; line-height: 35px;opacity: 0.8;}
.mall-toreserve > div:nth-child(3) > div > div:hover {opacity: 1;}
.mall-toreserve > div:last-child {width: 100%; display: inline-block; margin-top: 20px;}
/*END OF MALL-TORESERVE*/

.zoombox{ width: 450px; margin: 0 20px; float: left; overflow: hidden; }
.zoompic{ border:solid 1px #dfdfdf; width: 450px; height: 400px; background:url(../img/loading.gif) no-repeat 50% 50%; }
.zoompic > img { width: 450px; height: 400px; z-index: 99; }

.sliderbox{ height:76px;overflow:hidden;margin:6px 0 0 0; }
.sliderbox .arrow-btn{ width:38px; height:76px;background:url(../img/arrow-btn.png) no-repeat;cursor:pointer; }
.sliderbox #btn-left{ float:left;background-position:0 0; }
.sliderbox #btn-left.dasabled{ background-position:0 -76px; }
.sliderbox #btn-right{ float:right;background-position:-38px 0; }
.sliderbox #btn-right.dasabled{ background-position:-38px -76px; }
.sliderbox .slider{ float:left; height:76px; width:365px; position:relative;overflow:hidden;margin:0 0 0 3px;display:inline; }
.sliderbox .slider ul{position:absolute;left:0; /*width:999em;*/}
.sliderbox .slider li{ float:left; width: 73px; height: 76px; text-align:center; }
.sliderbox .slider li img{ border:solid 1px #CCC; width: 70px; height: 76px; }
.sliderbox .slider li.current img{ border:solid 2px #E4393C; }

.goods-info { padding: 20px 20px 50px 20px; overflow: hidden; /*border-bottom: 1px solid #F3F3F3;*/ }
.goods-info-text { padding: 0 10px; float: left; width: 500px; }
table.goods-price { width: 100%; margin: 20px 0; border-bottom: 1px solid #F3F3F3; padding: 20px 0; display: block; }
table.goods-price tr { height: 30px; line-height: 30px; text-align: left; margin: 5px 0; display: block; }
table.goods-price tr td:first-child { width: 150px; }
table.goods-price tr:last-child td:last-child { color: #E4393C; }
table.goods-prop tr { text-align: left; margin: 5px 0; display: block; }
table.goods-prop tr td:first-child { width: 100px; }
table.goods-prop tr td .consignee-list li { margin: 5px 5px; float: left; }
.buy-btn { margin-top: 30px !important; }
.buy-btn button { width: 200px; height: 40px; border: 1px solid #E4393C; color: #E4393C; font-size: 16px; background-color: white; }
.buy-btn button:hover { border: 2px solid #E4393C; }
.items-num input { margin-left: 5px; width: 70px; }
.items-num span { color: #CCC; font-size: 14px; }

.goods-process {width: 100%; height: 150px; padding: 0 40px;}
.goods-process > div:first-child {width: 10%;background-color: #F6F6F6; height: 100%; text-align: center; font-size: larger; color: #A3A3A3; padding-top: 46px; display: inline-block; float: left;}
.goods-process > div > span {display: block;}
.goods-process > div:not(:first-child) {height: 100%; display: inline-block; line-height: 150px; margin-left:6%;}
.goods-details {width: 100%; padding: 20px 40px; display: inline-block;}
.goods-details > span {display: block;}
.goods-details > div {padding-top: 20px; font-size: 14px;}
.goods-details > div > span:first-child {display: block; width: 10%; text-align: left; float: left; padding-left: 20px;}
.goods-details .goods-layout {width: 100%; margin: 20px 0;}
.goods-details .goods-layout > div {display: inline-block; padding: 5px 0 5px 20px; border-left: 1px solid #E3E3E3; width: 90%;}
.goods-details .goods-layout > div > div {width: 30%; display: inline-block; height: 25px;  line-height: 25px;}
.goods-details .goods-span {display: block; width: 10%; text-align: left; float: left; padding: 8px 0 0 20px; color: #D57622;}
.word-style {max-width: 50%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; display: inline-block; float: right; margin-right: 10%;}
.goods-img {width: 100%; padding: 0 40px 20px 40px; display: inline-block;}
/*END OF MALL-DETAIL*/

#show_tags > div { margin-bottom: 10px; }
.pop-auto { position: fixed; width: 123px; background-color: white; left: 50%; margin-left: 530px; top: 300px; text-align: center; padding: 10px; }
.pop-auto div:nth-child(2) { padding-top: 10px; font-size: 13px; }
.pop-auto .pop-close { width: 16px; height: 16px; line-height: 16px; position: absolute; right: 0px; top: -16px; text-align: center; cursor: pointer; display: none; }
.pop-auto .pop-close:hover { background-color: #2B9BD4; color: white; }


/* .footer { height: 200px; width: 100%; background-color: #323232; text-align: center; display: block; overflow: hidden; }
.footer .bbs-main { vertical-align: middle; }
.footer-info a,
.footer span { font-size: 1.4rem; }
.copyright,
.footer-info { color: white; margin: 50px 0 25px 0; }
.footer-info a { margin: 0 20px; cursor: pointer; color: white; } */


.cursor-pointer { cursor: pointer; }
.user-photo,
.user-photo-com { width: 50px; height: 50px; border-radius: 25px; overflow: hidden; border: 1px solid #F3F3F3; }
.user-photo { margin: 20px 0 0 0; }
.user-photo-big { width: 100px; height: 100px; border-radius: 50px; overflow: hidden; border: 1px solid #F3F3F3; }
.user-photo-huge { width: 120px; height: 120px; border-radius: 60px; overflow: hidden; border: 1px solid #F3F3F3; }

.popover-submit { float: right; }
.popover-submit button { padding: 0 15px; height: 24px; line-height: 24px; border-radius: 12px; background-color: #49BDCC; border: none; color: white; font-size: 14px; }

.pop-auto img { width: 100px; }
.show-border { border: 1px solid red; }
/*END OF COMMON*/

.osSlider-main .slider-btn-prev {position: absolute;z-index: 30; top: 50%; left: -45px; width: 40px;height: 40px; text-indent: -9999px; margin-top: -20px; background: url(../img/prev.png) 50% 50% no-repeat; transition: all .5s linear;}
.osSlider-main:hover .slider-btn-prev {left: 5px;cursor: pointer;}
.osSlider-main .slider-btn-next {position: absolute;z-index: 30;top: 50%;right: -45px;width: 40px; height: 40px;text-indent: -9999px;margin-top: -20px;background: url(../img/next.png) 50% 50% no-repeat;transition: all .5s linear;}
.osSlider-main:hover .slider-btn-next {right: 5px;cursor: pointer;}
.osSlider-main .slider-nav {position: absolute;width:100%;height: 22px;bottom: 20px;text-align: center;z-index: 25;}
.osSlider-main .slider-nav li {display: inline-block;height: 20px;line-height: 20px;padding: 0 6px;margin: 0 12px;font-size: 12px;color: #eee;border: 1px solid #eee;background: none;cursor: pointer;}
.osSlider-main .slider-nav li.active {color: #333;background: #eee;}
.osSlider-main .slider-nav li:hover {border: 1px solid #f60;background: #f60;}

.bbs-coupon-title { padding: 20px; font-weight: 600;}
.couponafter {height: 105px; background-color: #3671C1; position: relative; padding: 10px 40px; color: white;}
.couponafter > div + div {text-align: center;padding: 10px; background-color: white; color: #3671C1; margin-top: 22px;}
.couponafter span { width: 8px; height: 8px; background-color: white; position: absolute; bottom: -4px; border-radius:4px;}
.couponbox {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:50%;float:left;}
.couponbox > div:first-child {display: inline; line-height: 50px; font-size: 24px;}
.couponbox > div:last-child {font-size: 15px;}
.coupon-direction {padding: 20px; position: relative;}
.coupon-direction .tag {background-color:#3671C1; padding: 0 3px; margin: 0 10px 0 -20px;}
.coupon-direction > span + span {color: #3671C1;}
.using-detais li { margin: 10px 0; font-size: 14px; color: #555555;}

.blind-invite {margin-bottom: 20px;}
.blind-invite > div:first-child {padding: 10px 20px;color: #999999; background-color: #F5F5F5; font-size: 15px;}
.blind-invite > div:not(:first-child) {width: 33.3%; height: 240px;float: left; text-align: center; margin: 0 auto; padding:30px 0;}
.blind-invite > div:not(:first-child) > div {width: 80px; height: 80px; border-radius:40px;display: inline-block; overflow: hidden; margin-bottom: 10px;}
.blind-invite > div:not(:first-child) > div img {width: 80px; height: 80px;}
.blind-invite > div:not(:first-child) > span {display: block;}

.order-list table{width: 100%;}
.order-list table tbody td{border: 1px solid #e5e5e5;}
.order-list table tr.tr-head{  background: #f5f5f5;  height: 31px;  line-height: 31px;  color: #aaa;  overflow: hidden;  }
.order-list table tr.tr-head td{padding-left: 15px;font-size: 13px;}
.order-list table tr.tr-head td span{margin-right: 15px;}
.order-list table tr.tr-body td{padding: 14px 0;font-size: 13px;}
.order-list table tr.tr-body .goods-item{}
.order-list table tr.tr-body .goods-item .g-img{float: left;width: 90px;height: 90px;border: 1px solid #efefef;margin: 0 15px;}
.order-list table tr.tr-body .goods-item .g-img img{width: 88px;height: 88px;}
.order-list table tr.tr-body .goods-item .g-msg{margin-left: 80px;font-size: 13px;font-weight: 600;margin-right: 10px;/*  padding-top: 36px; */ word-break: break-all;}
.order-list table tr.tr-body .consignee-txt,.order-list table tr.tr-body .status{text-align: center; word-break: break-all;}
.order-list table tr.tr-body .consignee-txt > span > span {color: #337ab7;}

.a-upload {margin-top: 5px;padding: 4px 10px;height: 32px;line-height: 23px;position: relative;cursor: pointer;color: #888;background: #fafafa;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;display: inline-block;*display: inline;*zoom: 1;float: left;}
.a-upload  input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0); cursor: pointer}
.a-upload:hover {color: #444;background: #eee;border-color: #ccc;text-decoration: none}
.pay-table {overflow: hidden;padding: 0px 20px;margin: 20px 0;}
.pay-table table {width: 100%;}

.coupon-title-focus {color: #3671C1!important; border-bottom: 2px solid #3671C1;}
.my-coupon-title {height: 40px; border-bottom: 1px solid #E3E3E3; margin: 0 20px;}
.validcoupon {padding: 20px; width: 100%; display: inline-block;}
.validcoupon > div {width: 33.3%; float: left; padding: 10px 20px;}
.validcoupon > div > div:nth-child(2) {height: 95px; line-height: 95px; background-color: #F0F0F0; text-align: center; color: #FEA900; font-size: 20px;}
.couponlist {height: 215px; background-color: #FEA900; position: relative; padding: 40px 20px; color: white;text-align: center;}
.couponlist span { width: 8px; height: 8px; background-color: white; position: absolute; bottom: -4px; border-radius:4px;}
.couponlist > div:first-child {display: inline;}
.couponlist > div:first-child > div {display: inline; font-size: 25px;}
.couponlist > div:nth-child(2) {font-size: 18px; margin: 5px 0;}
.couponlist > div:nth-child(3) {font-size: 12px;}
.couponlist > div:nth-child(4) {font-size: 14px; background-color: white; color: #FEA900; margin-top: 20px;}
.couponused {position: absolute; top: 145px;line-height: 46px; font-size: 24px; text-align: center;height: 50px; width: 223px; border: 2px solid #AB2828; border-style:dashed; color: #AB2828; background-color: transparent;transform:rotate(30deg);-ms-transform:rotate(30deg); -moz-transform:rotate(30deg);-webkit-transform:rotate(30deg); -o-transform:rotate(30deg);}

.order-detail-title {margin: 30px 40px 20px 40px; padding: 0 20px; background-color: #F5F5F5; height: 35px; line-height: 35px;}
.order-detail-title > a {float: right;}
.order-detail {padding: 0 40px;}
.order-detail > div:first-child {width: 70%; float: left;}
.order-detail > div:first-child > div {display: inline-block; width: 50%; font-size: 15px; color: #999999; float: left; margin-bottom: 20px;}
.order-detail > div:first-child > div > span {color: #333;}
.order-detail > div:nth-child(2) {width: 30%; float: left; margin-bottom: 20px;}
.order-detail > div:nth-child(2) > div {width: 70%; margin-left: 40px;}
.order-detail > div:nth-child(2) > div > div:nth-child(2) {height: 60px; line-height: 60px; background-color: #F0F0F0; text-align: center; color: #FEA900; font-size: 15px;}
.order_coupon {height: 165px; background-color: #FEA900; position: relative; padding: 20px 10px; color: white;text-align: center;}
.order_coupon span { width: 8px; height: 8px; background-color: white; position: absolute; bottom: -4px; border-radius:4px;}
.order_coupon > div:first-child {display: inline;}
.order_coupon > div:first-child > div {display: inline; font-size: 18px;}
.order_coupon > div:nth-child(2) {font-size: 14px; margin: 5px 0;}
.order_coupon > div:nth-child(3) {font-size: 12px; -webkit-transform:scale(0.7); margin: 0 -20px;}
.order_coupon > div:nth-child(4) {font-size: 12px; background-color: white; color: #FEA900; margin-top: 20px;}
.goods-dir {width: 100%; padding: 0 40px; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3;}
.goods-dir > span:first-child {display: block; padding: 20px 20px 8px 20px;}
.goods-dir > span:nth-child(2) {padding: 0 40px 20px 40px; display: inline-block; line-height: 10px; line-height: 30px;}
.goods-pic {width: 100%; padding: 20px 40px; display: inline-block;}
.goods-pic > div > img {width: 100%;}