body {font-size:80%; color:#000; background:#f2f2f2;}
a {color:#000; text-decoration:none; outline:none;}


/*微商城*/
.Wrap {padding-top:50px;}

nav:not(.mm-menu) {display:none;}
.header {width:100%; position:fixed; top:0px; z-index:10; height:50px; background:#fff;}
.header > img {width:100px; margin:10px 0px 0px 10px;}
.header a {display:block; position:absolute; top:17px;}
.header a.TopSearch {right:35px;}
.header a.Nav {right:10px;}


#back-to-top {position:fixed; bottom:60px; right:5px; z-index:1000;}
#back-to-top a {display:block; width:35px; height:25px; border-radius:30px; background:#000; padding-top:10px; color:#fff; margin-top:10px; text-align:center; position:relative;}

.BannerTitle {background:rgba(0,0,0,0.5); color:#fff; width:100%; position:absolute; bottom:0px; z-index:9;}

.SmallFrame {background:#fafafa;}
.SmallFrame li {float:left; width:25%; text-align:center; font-size:90%; color:#666;}
.SmallFrame > ul > li > img {width:50%; margin:0px auto 10px auto;}
.SmallFrame h2 {font-family:Helvetica; font-weight:120%; font-weight:700; color:#000;}


.IndexBar {background:#fff; height:40px; margin-bottom:20px;}
.IndexBar li {float:left; line-height:40px; position:relative; width:50%; text-align:center;}
.IndexBar li.Current {background:#b78300; color:#fff;}
.IndexBar li.Current:before {content:"\f0d7"; font-family:FontAwesome; position:absolute; color:#b78300; font-size:16px; width:20px; bottom:-22px; left:50%; margin-left:-10px; text-align:center;}

.IndexBar_1 {background:#fff; height:40px; margin-bottom:20px;}
.IndexBar_1 li {float:left; line-height:40px; position:relative; width:33.33%; text-align:center;}
.IndexBar_1 li.Current {background:#b78300; color:#fff;}
.IndexBar_1 li.Current:before {content:"\f0d7"; font-family:FontAwesome; position:absolute; color:#b78300; font-size:16px; width:20px; bottom:-22px; left:50%; margin-left:-10px; text-align:center;}

.Frame {padding:30px 0px;}


.IndexMid {position:relative;}
.IndexMid li {background:#fff; margin-top:10px; padding:10px; position:relative;}
.IndexMid > ul > li > a > img {width:150px; float:left; padding-right:10px;}
.IndexMid h2 {font-size:120%; font-weight:400;}
.IndexMid span {background:#b78300; color:#fff; line-height:20px; position:absolute; text-align:center; float:left; padding:0px 5px; font-size:70%;}
.IndexMidStatus em {display:block; color:#999; font-size:70%;}


.IndexTopic {background:#fff; padding:50px 10px 20px 10px;}
.IndexTopic li {padding-top:20px;}
.IndexTopic h2 {font-size:120%; font-weight:100; padding:10px 0px 5px 0px;}
.IndexTopic span {display:block; color:#666;}
.IndexTopic span:before {content:"\f073"; font-family:FontAwesome; padding-right:5px;}

.SmallTitle {border-bottom:#cfcfcf 2px solid; position:relative;}
.SmallTitle h2 {font-size:18px; padding-right:10px; border-bottom:#b78300 2px solid; position:absolute; bottom:-2px; padding-bottom:8px; font-weight:100;}
.SmallTitle ul {width:150px; position:absolute; right:0px; bottom:10px;}
.SmallTitle li {display:block; float:left; cursor:pointer; margin-left:10px;}
.SmallTitle li.Current {color:#b78300; font-weight:700;}
.SmallTitle em a {display:block; color:#b78300; position:absolute; right:0px; top:-25px;}
.SmallTitle em a:after {content:"\f101"; font-family:FontAwesome; padding-left:5px;}


.IndexRank {background:#fff; padding:10px;}
.IndexRank li {padding-top:10px; position:relative; border-bottom:#ddd 1px dashed; padding-bottom:9px;}
.IndexRank li:last-child {border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.IndexRank img {width:100px; height:71px; float:left; padding-right:10px;}
.IndexRank h3 {font-size:80%; font-weight:100; color:#b78300;}
.IndexRank span {line-height:20px; text-align:center; color:#fff; position:absolute; top:10px; left:0px; float:left; padding:0px 5px; font-size:80%;}


.Link {background:#e7e7e7; margin-top:30px; padding:20px;}
.Link h2 {font-size:120%; font-weight:100;}
.Link li {display:block; float:left; width:33.333%;}
.Link > ul > li > a {margin:5px; display:block;}


.Bottom {background:#e3e3e3; border-top:#ddd 1px solid; color:#909090; padding:20px 0px; text-align:center;}

.Quick {border-bottom:#ccc 1px dotted; padding:15px; background:#fff; margin-top:10px;}
.Quick h2 {font-weight:700; font-size:120%; padding-bottom:10px;}
.Quick li {float:left; margin-right:10px; line-height:25px;}
.Quick li a.Current {color:#b78300;}


.Btn a {position:fixed; bottom:0px; width:100%; line-height:40px; background:#b78300; color:#fff; text-align:center; display:block;}

.Confirm {background:#b78300; line-height:40px; width:230px; border-radius:10px; color:#fff; text-align:center; font-size:14px; border:none;}

.PopUpInput {width:90%; border:#ccc 1px solid; border-radius:0px; padding:4px;}

td {padding:10px;}


.NewsFrame {background:#fff; padding:20px; margin-top:10px;}
.NewsTitle {border-bottom:#ddd 1px solid; padding-bottom:9px; margin-bottom:10px;}
.NewsTitle h2 {font-size:150%; padding-bottom:10px;}
.NewsTitle h3 {font-size:80%; color:#999; float:left; margin:5px 20px 5px 0px; font-weight:100;}
.NewsTitle li a {line-height:30px; float:left; padding-left:20px; display:block; font-size:14px; color:#999;}
.NewsTitle li a:before {content:"\f02c"; font-family:FontAwesome; margin-right:5px;}


.NewsChoose {border-top:#ddd 1px dashed; padding-top:9px; margin-top:30px;}
.NewsChoose a {display:block; line-height:30px; padding-left:15px; color:#999;}
.NewsChoose a.Next {background:url(../image/next.png) no-repeat left center;}
.NewsChoose a.Pre {background:url(../image/pre.png) no-repeat left center;}

.Tag a {display:block; float:left; border:#b78300 1px solid; line-height:23px; padding:0px 13px; color:#b78300; margin:0px 10px 10px 0px; border-radius:10px; font-size:80%;}
.Tag a:before {content:"\f02b"; font-family:FontAwesome; padding-right:5px;}
.Tag a:hover {background:#b78300; color:#fff;}


.Model {background:#f8f8f8; padding:10px; margin-top:10px; border-bottom:#eee 5px solid; line-height:25px;}
.Model h2 {font-size:120%; padding-bottom:5px;}
.Model:hover {background:#eee;}
.Model i {width:25px;}

.Vote {border:#ddd 1px solid; padding:19px; margin-top:30px;}
.Vote h2 {font-size:120%; padding-bottom:5px; color:#b78300;}
.checkbox {position:relative; height:30px; line-height:30px; border-bottom:#ccc 1px dotted; margin:10px 0px 10px 20px; font-size:70%;}
.checkbox input[type='checkbox'] {position:absolute; left:0; top:0px; width:20px; height:20px; opacity:0;}
.checkbox label {position:absolute; left:30px; top:0; height:20px; line-height:20px; }
.checkbox label:before {content:''; position:absolute; left:-30px; top:0px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.checkbox label:after {content:''; position:absolute; left:-22px; top:3px; width:6px; height:12px; border:0; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;
}
.checkbox input[type='checkbox']:checked + label:before {background:#b78300; border-color:#b78300;}
.checkbox input[type='checkbox']:checked + label:after {background:#b78300;}
.checkbox span {float:right; color:#b78300;}


.BigTitle {font-size:150%; font-weight:100; color:#b78300; padding:10px; background:#fff;}


.Topic li {margin-top:10px;}
.Topic li a {background:#fff; padding:10px; display:block;}
.Topic img {padding-bottom:10px;}
.Topic h2 {font-size:120%; font-weight:100; padding:10px 0px 5px 0px;}
.Topic li a span {display:block; color:#666;}
.Topic li a span:before {content:"\f073"; font-family:FontAwesome; padding-right:5px;}