/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  padding: 0;margin: 0;}
ol, ul {  list-style: none;}
body{  font-family:"Microsoft YaHei",Arial,sans-serif;  width: 100%;  max-width: 640px;  min-height: 100%;  margin:0 auto;  overflow-x: hidden;  box-shadow: 0 0 10px rgba(0,0,0,0.3); color:#555; background:#f4f4f4;}
.bg-body{background:#282332;}
html{height: 100%;}
a{color:#666;text-decoration:none;}
a:hover{color:#66aa00;text-decoration:none;}
a:active{color:#66aa00; }
a:visited{color:#666;background:none;}
a.color{color:#66aa00;text-decoration:none;}
a.color:hover{color:#66aa00;text-decoration:none;background:none;}
a.color:active{color:#66aa00;background:none;}
a.color:visited{color:#66aa00;}
.clear{ clear:both;}
.c-fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.c-fix {display: inline-table;} 
/* Hides from IE-mac \*/ 
* html .c-fix {height: 1%;}
.c-fix {display: block;}  
/* End hide from IE-mac */ 
input[type="text"]{font-family:"Microsoft YaHei"; color:#8eede5;}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder {color:#fff;}
textarea{background:#282828; border:1px solid #292929; border-radius:2px; color:#fff;font-family:"Microsoft YaHei";}
img {border:0px;}
em, i{ font-style:normal;}
.l{ float:left;}
.r{ float:right;}
.red{color:#ff6600;}
.green{color:#66aa00;}
.zhi{color:#324fcf}
.oragle{color:#f08c0a}
.yellow{color:#f0be00}
.bg-main{ background:#e65a28;}
.bg-g{ background:#999}
.bg-sub{ background:#f06e0a}
.bg-oragle{ background:#f08c0a}
.bg-yellow{ background:#f0be00}
.bg-com{background:#303035;}
.bg-top{background:#19191e;}
.bg-header{background:#517327 url(/ad/header-com.png) no-repeat center top;}
.nar-r{ float:right; margin-right:12px; font-style:normal; font-size:16px; color:#666;}

/*font-icon*/
@font-face {font-family: 'iconfont'; src: url('/iconfont/iconfont.eot?v=1'); /* IE9*/ src: url('/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/iconfont/iconfont.woff?v=1') format('woff'), /* chrome、firefox */ url('/iconfont/iconfont.ttf?v=1') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

.w-com{width:100%; max-width:640px;}
.box-k{height:5px;width: 100%; max-width:640px;background:#f4f4f4;}
.bot-k{ margin-bottom:6px;}
.line-top{ border-top:1px solid #f4f4f4;}
.line-bot{ border-bottom:1px solid #f4f4f4;}
.line-mid{ border-bottom:1px solid #f4f4f4;}
.line-r{ border-right:1px solid #f4f4f4;}
.lines{ height:1px; line-height:1px; border-bottom:1px solid #f4f4f4;}

/*nav*/
.home-top{background:#fff; height:46px;}
.home-top a.sear{height:43px;}
.logo{background: url(/image/logo2.png); background-size:cover; overflow:hidden; width:139px; height:32px; float:left; display: block; margin:5px 0px 0px 15px;}
.topic-bar{width:100%; max-width:640px; height:0; padding-bottom:22.5%;}
.topic-bar img{ width:auto; height:auto; max-width:100%; max-height:100%;}

.search-box{ height:40px; padding:15px 0px; background:url(/image/bg-w.png); border-bottom:1px solid #eee;position:fixed; top:0px;z-index:1001; width:100%; max-width:640px;}
.search-box-k{ height:70px; line-height:70px;}
.search-main{ height:40px; border-radius:3px; overflow:hidden; width:88%;position:relative; margin:0px auto;}
.search-main input[type="text"]{ text-indent:12px; border:1px solid #e9e9e9; border-right:0px; color:#444; height:24px; padding:7px 0px; width:85%; font-size:18px; line-height:24px; display:block; float:left;background:#f9f9f9; outline:0;border-radius:0;-webkit-appearance: none;}
.search-main input[type="text"]:focus{background:#fff;}
.search-main input[type="text"]{appearance:button;-moz-appearance:button; -webkit-appearance:button; }
.search-main input::-webkit-input-placeholder {color:#777;font-size:16px;}
.search-main input:-moz-placeholder {color:#777;font-size:16px;}
.search-main input::-moz-placeholder {color:#777;font-size:16px;}
.search-main input:-ms-input-placeholder {color:#777;font-size:16px;}
.search-main a.search-but { height:40px; line-height:40px;font-size:22px; color:#fff; width:14%; background:#93c40f; display:block; float:left; text-align:center; border-bottom-right-radius:2px; border-top-right-radius:2px;}
.search-main a.search-but:hover{background-color:#9ed30e; color:#fff;}

.search-con{ background:#fff; text-align:center;border-bottom:1px solid #eee; margin-bottom:2px;}
.search-con span{ height:28px; display:block; line-height:28px; font-size:13px; color:#999;}
.search-con a{display:block; position:relative; width:49.7%; border-top:1px solid #eee; border-left:1px solid #eee; float:left; background:#fff; height:36px; line-height:36px;text-align:center; font-size:15px; overflow:hidden;}
.search-con a:hover,.search-con a:active{ background:#f9f9f9; color:#66aa00;}

.search-menu{position: absolute; width:100%;max-width:640px; top:70px; background: #fff; float:left; z-index:1002; box-shadow:0px 4px 4px  rgba(0, 0, 0, .1);}
.search-menu a{width:100%; height:36px; display:block; color:#777; line-height:36px; text-align:left; background:none; border-top:1px solid #eee; font-size: 15px;}
.search-menu a p{width:85%; display: block; margin: 0px auto;}
.search-menu a:hover,.search-menu a:active{ background:#f9f9f9; color:#66aa00;}

.search-bar{ width:100%; margin-bottom:5px; background:#fff; box-shadow:0px 0px 4px rgba(0, 0, 0, .10); padding-bottom:5px;}
.search-bar ul{position:relative;}
.search-bar li{ padding:6px 0px; border-bottom:1px solid #eee; width:100%;}
.search-bar li span{width:80px; line-height:32px; display:block; float:left; color:#444;}
.search-bar li a{padding:0px 10px; height:32px; line-height:32px; display:block; float:left; margin-right:3px; font-size:15px;}
.search-bar li a.sel{ font-size:15px; color:#66aa00; font-weight:bold;}

.tit{height:24px; font-size:12px;line-height:24px; padding:4px 12px 0px 12px; color:#777; background:#f4f4f4;} 

.navbot{position:fixed;height:44px; width:100%; bottom:0; background:url(/image/bg-w.png); z-index:1002; max-width:640px; text-align:center; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.navbot a{color:#777; display:inline-block; width:23.8%; height:42px; padding-top:2px; line-height:42px; text-align:center;}
.navbot a:hover{color:#66aa00; background:#fafafa;}
.navbot a:active{color:#66aa00; background:#fafafa;}
.navbot a.sel{color:#66aa00;background:none;}
.navbot a.sel i{color:#66aa00;}
.navbot a i{font-size:24px; color:#999;}
.navbot a:hover i{color:#66aa00;}
.navbot a:active i{color:#66aa00;}
.navbot-k{height:44px; line-height:44px;}

.help-link{ height:46px; text-align:center; color:#aaa; font-size:13px; line-height:46px;}
.help-link a{color:#e65a28;}
.help-link a:hover{color:#e65a28; background:none;}
.help-link a:active{color:#e65a28; background:none;}
.help-link a i{font-size:14px;}

.help{ line-height:24px; font-size:12px; padding:8px; color:#999;text-align:center;}
.help i{ font-size:12px; margin-right:5px;}

.h1-title{height: 0px;width:0px; overflow: hidden;}
.h1-title h1{height: 0px;width:0px; overflow: hidden;}
.h1-title p{height: 0px;width:0px; overflow: hidden;}

/*list*/
.list-top{position:fixed; top:0px; height:82px;z-index:1001; width:100%; max-width:640px; background:url(/image/bg-w.png); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.list-top-tit{padding:0px 0px 0px 0px; height:45px; line-height:46px; color:#666; font-size:15px;}
a.sear{height:42px; width:50px; padding-top:3px; float:right; display:block; line-height:42px; text-align:center; font-size:26px; color:#777;}
a.sear:hover,a.sear:active{ background:#9ed30e; color:#fff;}
a.back{height:45px; padding:0px 11px 0px 11px; float:left; display:block; line-height:46px; margin-right:4px;}
a.back:hover,a.back:active{ background:#9ed30e; color:#fff; padding:0px 12px 0px 10px;}
a.back i{ font-size:20px;  color:#888;}
a.back:hover i,a.back:active i{color:#fff;}
.list-top-tit em{font-weight:normal; color:#bbb; margin:0px 4px;}
.list-top-tit b{ font-size:15px;}
.list-top-tit h2{ font-size: 18px; text-align: center; width: 60%; margin: 0px auto;}
.list-top-tit h3{ font-size:17px; text-align: center; margin: 4px 46px 0px 46px; height: 40px; line-height: 40px; overflow: hidden;}
.list-top-k{height:82px;}
.list-top-k2{height:46px;}

.list-nav{height:36px; width:100%; max-width:640px; background:url(/image/bg-w.png);box-shadow: 0 0 0px rgba(0,0,0,0.2); margin-bottom:1px; position:fixed; top:0px; z-index: 1002; border-top:1px solid #eee;}
.list-nav-k{height:37px; line-height:37px;}
.list-nav a{color:#999; display:inline-block; height:36px; line-height:36px; float:left; text-align:center; font-size:14px;}
.list-nav a span{height:36px; display:inline-block; padding:0px 0px;}
.list-nav a:hover{color:#66aa00; background:#fafafa;}
.list-nav a:active{color:#66aa00; background:#fafafa;}
.list-nav a.sel {color:#66aa00;font-size:15px;}
.list-nav a.sel span{border-bottom:2px solid #66aa00; height:35px;}
.list-nav a i{ font-size:14px; margin-right:2px;}
.list-nav a.sel i{ font-size:15px;}
.nav-two a{ width:49.5%;}
.nav-three a{ width:33.3%;}
.nav-four a{ width:25%;}

.list-user{height:115px; text-align:center; background:#fff; border-bottom:1px solid #eee; padding-top:10px;}
.list-user div{height:70px; width:70px; border-radius:50%; padding:4px; background:#9ed30e; margin: 0px auto;}
.list-user img{ height:70px; width:70px; border-radius:50%;}
.list-user h3{font-size:16px; height:30px; line-height:30px;color:#888; text-align:center;}

.s-nav{ height:84px; width:100%; max-width:640px; margin:2px 0px;background:url(/image/bg-nav-app.png); background-size: 100% auto; overflow: hidden;border-top: 1px solid #f2f2f2;}
.s-nav a{font-size:14px; height:41px; width:25%; line-height:42px; display:block; float:left; text-align:center;overflow:hidden; color:#666;border-bottom: 1px solid #f2f2f2;}
.s-nav a:hover,.s-nav a:active{background:#9ed30e; color:#fff;}
.s-nav a h4{ font-size:16px; font-weight:bold;}

.list-com li{width:49.7%;float:left;}
.list-com li:nth-child(odd){margin-right:0.3%;}
.list-com li:nth-child(even){margin-left:0.3%;}
.list-com a{display:block; position:relative; width:100%; margin-top:0.6%; background:#fff;}
.list-com a:hover{background:#eee;}
.list-com img{width:100%; display:block; border-radius:0px;}
.list-com p{display:none;}

.list-topic{ width:100%; max-width:640px; margin:0px 0px 0px 0px;}
.list-topic a{display:block; background:#fff; width:94%; padding:3% 3% 2% 3%; border-bottom: 1px solid #eee;}
.list-topic .imgbox{width:24.4%; margin:0 0.3% 0 0.3%; height: 0; padding-bottom:24.4%; display: block; overflow: hidden; float: left; position: relative;}
.list-topic img{width:100%; display: block;position: absolute;}
.list-topic h3{width:100%; display: block; overflow: hidden;  height: 22px; line-height:22px; font-weight: normal; font-size: 14px; padding:4px 0px 0px 0px}
.list-topic h3 em{ font-size: 12px; color:#999; float: right; margin-right:0.5%;}
.list-topic h3 i{ font-size: 11px; color:#999; margin-right: 4px;}

.list-topic h6{display:block; background:#fff; width:97%; margin-bottom:1px; padding-left:3%; height:36px; line-height:40px; font-size: 14px;}
.list-topic h6 a{ width:80px; margin-bottom:0px; padding:0; height: 36px; font-size:13px; text-align:center; float: right; color:#66aa00;font-weight:normal;line-height:40px;}

.list-tit{ height: 20px; border-top:1px solid #e6e6e6; margin-top: 28px;}
.list-tit h5,.list-tit a{ height: 24px; line-height: 24px; display: block; width: 76px; text-align: center; color: #fff; background: #ccc; font-size: 13px; margin:-12px auto 0px auto; border-radius: 12px; font-weight: normal;}

.list-vi a{overflow:hidden; height:0; padding-bottom:49.7%;}
.list-ad a{overflow:hidden; height:0; padding-bottom:66.2%;}
.list-ad a,.list-vi a{width:49.7%; margin-top:0.6%; float:left;}
.list-ad a:nth-child(odd),.list-vi a:nth-child(odd){margin-right:0.3%;}
.list-ad a:nth-child(even),.list-vi a:nth-child(even){margin-left:0.3%;}

/*.waterfall{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2; margin-top: 4px;-moz-column-gap:4px; column-gap:4px; -webkit-column-gap:4px;}
.waterfall a{display:block; position:relative; background:#fff;}
.waterfall a:hover{background:#eee;}
.waterfall img{width:100%; display:block; border-radius:0px;}
.waterfall p{display:none;}
.waterfall .item{-webkit-column-break-inside:avoid; margin-bottom:4px;}*/

.loadmore{padding:0px;}
.loadmore a{height:40px; line-height:40px; border-radius: 0;}
.loadmore-page{ height:42px; background:#fff;display:flex;display:-webkit-flex;display:-moz-flex; text-align:center; line-height:42px;}
.loadmore-page a{ display:block; color:#66aa00;flex-grow:45; width:45%;}
.loadmore-page a:hover{background:#eee;}
.loadmore-page a.no{color:#999;}
.loadmore-page a i{ font-size:20px;}
.loadmore-page span{ display:block; flex-grow:10; width:10%; font-size:15px; color:#666;}

.list-class{width:100%; max-width:640px; position:relative;}
.list-class h1{ font-size:14px; font-weight:normal; margin:0px auto; width:96%; height:40px; line-height:40px;}
.list-class h1 a{ width:40px; height:40px; line-height:40px; float:right; margin:0; background:none; color:#888; text-align:center; font-size:20px;}
.list-class h1 a:hover,.list-class h1 a:active{ background:none; color:#ff6600;}
.list-class h1 i{ font-size:16px; margin-right:4px; color:#999;}
.list-class ul{ margin:0px auto; width:96%;}
.list-class li{ padding:1px 0px;}
.list-class a{ width:24.7%; height:36px; line-height:36px; display:block; float:left; margin:0.15%; background:#fff; color:#888; text-align:center; font-size:14px;}
.list-class b{color:#666;}
.list-class a:hover,.list-class a:active{ background:#9ed30e; color:#fff;}
.list-class a:hover b{ color:#fff;}

.det-pic{width:100%; max-width:640px; position:relative;}
.det-pic img{ width:100%; max-width:640px; display:block;}
.det-top-bar{height:54px; position:fixed; z-index:102; width:100%; max-width:640px; top:0px; background:url(/image/mask-top.png);background-size:100% 100%;}
.det-top-bar a.top-back{height:40px; width:40px; border-radius:1px;line-height:40px; text-align:center; display:block; float: left;margin-right: 1px;}
.det-top-bar a.top-back:hover,.det-top-bar a.top-back:active{background:#9ed30e;}
.det-top-bar a.top-back i{font-size:20px; line-height:40px; color:#fff;}
/*.det-top-bar .fix-r{position:fixed; z-index:103; top:0px; right:0px;}
.ad-det-top{ height:39px; width:260px; float:left; overflow: hidden; border-radius:1px;}*/

.det-topic{margin:1px 0;width:100%; max-width:640px;}
.det-topic .imgbox{width:19.7%; height:0; padding-bottom:20%;display:block; float:left;  margin-right:0.3%; position:relative; overflow:hidden;}
.det-topic img{width:100%; display:block; position: absolute;}
.det-topic span.imgbox{float:right;}
.det-topic span a{width: 100%; height:100%; padding: 0; position: absolute; left:0; top:0; z-index: 11; background: url(../image/bg-hei.png);}
.det-topic span p{ height: 50px; width: 36px;color: #fff; display: block; font-size: 12px; line-height: 24px; text-align: center; margin: 30% auto 0px auto;}
.det-topic span i{ font-size:24px; color:#fff; margin-right: 0px;}

.det-top{position:fixed; top:0px; height:39px;z-index:1001; background:url(/image/bg-w.png); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.det-top-k{height:39px;}
.det-top a.back{height:39px;width:40px; padding:0px 0px 0px 0px; line-height:40px; margin-right:0px; border-right:1px solid #eee; text-align: center;}
.det-top a.back:hover,.det-top a.back:active{padding:0px 0px 0px 0px;}
.det-top .brand-num{ font-size:13px;color:#f66262; padding:0px 12px 0px 4px; height:39px; line-height:40px; position:fixed; z-index:103; top:0px; right:0px; display: block; overflow: hidden;}
.det-top .brand-num i{color:#f66262; margin-right:2px;}

.det-info{ background:#fff; position:relative; padding-bottom:6px;}
.det-info h1{font-size:17px; line-height:26px; font-weight:normal; padding:8px 0px 0px 12px; width:80%;}
.det-info a.u-head{ display:block; width:13%; height:60px; line-height:32px; position:absolute; top:0px; right:2%;  padding:6px 0px 0px 4px; text-align:center; overflow:hidden;}
.det-info a.u-head img{ width:28px; height:28px;border-radius:50%;}
.det-info a.u-head em{height:20px; line-height:20px; display:block; overflow:hidden; font-size:11px; color:#66aa00;margin:0px;}
.det-info a.u-head:hover,.det-info a.u-head:active{background:#f4f4f4;}
.det-info p{line-height:22px; color:#aaa; width:82%; font-size:11px; padding:0px 0px 2px 12px;}
.det-info em{ color:#bbb; margin:0px 2px 0px 2px;}
.det-copyright{ height:18px; width:28px; line-height:18px; text-align:center; color:#fff; font-size:11px; border-radius:1px; display:block; float:left; margin:4px 4px 0px 0px;}
.det-copyright-share{ background:#fc8d43;}
.det-copyright-yes{ background:#93c40f;}
.det-key{height:auto; background:url(/image/bg-nav-app.png) bottom; background-size: 100%  auto; overflow: hidden;border-top: 1px solid #f2f2f2;}
.det-key a{font-size:13px; height:40px; width:25%; line-height:40px; display:block; float:left; text-align:center; overflow:hidden; color:#666; border-bottom: 1px solid #f2f2f2;}
.det-key a:hover,.det-key a:active{background:#f4f4f4; color:#66aa00;}

.det-page{ margin: 4px 0px 3px 0px;}
.det-page a.but{ width:48.8%; height:38px; line-height: 38px;border-radius:0px; border:0; font-size: 14px;}
.det-page a.but:hover,.det-page a.but:active{border:0;}
.det-page a.but i{ font-size: 16px;}
.det-page .l{margin-left:0.8%;}
.det-page .r{margin-right:0.8%;}

.sc-txt,.home-bot-txt{ line-height:22px; color:#888; font-size:11px; padding:6px 10px 8px 12px; text-align:center;}
.home-bot-txt{padding-top: 8px;font-size:12px;}
.home-bot-txt em{color:#ccc; margin:0px 5px; font-size:11px;}
.home-bot-txt span{color:#aaa; font-size:11px;}

.det-imglist{-moz-column-count:3;-webkit-column-count:3;column-count:3; margin-top:3px;-moz-column-gap:3px; column-gap:3px; -webkit-column-gap:3px;}
.det-imglist a{display:block; position:relative; background:#fff;}
.det-imglist a:hover{background:#eee;}
.det-imglist img{width:100%; display:block;}
.det-imglist p{display:none; height: 0px; line-height: 0px;}
.det-imglist .item{-webkit-column-break-inside:avoid; margin-bottom:3px;}
/*.det-imglist a.topic {background: #9ed30e; padding-bottom: 2%;}
.det-imglist a.topic em { width: 48%; margin-top: 2%; margin-left: 1%; height: 0; padding-bottom: 47%; display: block; overflow: hidden; float: left;}*/

.bot-flex{ display:flex;  display:-webkit-flex; display:-moz-flex; position:fixed; bottom:0; z-index:1000; background: #fff;}
.bot-flex .ad-det-bot{ flex-grow:76;width:76%;}
.bot-flex a.but{border:0; border-radius:0px;flex-grow:12;width:12%; position:relative; }
.bot-flex a.but i{color:#fff; font-size:24px; text-align:center; line-height:30px; width:30px; height:30px; display:block; position:absolute; left:50%; top:50%; margin:-16px 0px 0px -15px;}
.bot-flex a.but:hover,.bot-flex a.but:active{border:0px;}

.bot-flex-k{ height:0px; padding-bottom:22%;}

.ad-det-mid{margin-top:2px;}
.ad-list-mid{margin-top:2px;}
.ad-list-bot{margin-top:4px;}
/*.ad-det-bot{position: fixed; bottom:0px;}*/
.ad-det-bot-k{ padding-bottom:16%; height:0px;}

/* --brand-- */
.brand-list{padding:0px 0px 0px 0px; margin-bottom:6px;}
.brand-list a{display:block; position:relative; width:49.7%; margin-top:0.6%; float:left; background:#fff; padding-bottom:38px;}
.brand-list a:nth-child(odd){margin-right:0.3%;}
.brand-list a:nth-child(even){margin-left:0.3%;}
.brand-list a:hover,.brand-list a:active{background:#f4f4f4;}
.brand-list .img-box{ width: 100%; display: block; height: 0px; padding-bottom: 67%; overflow: hidden; }
.brand-list img{width:100%; display:block;border-bottom:1px solid #f4f4f4;}
.brand-list h3{ font-size:14px; line-height:26px; height:26px; padding-top:2px; margin:0px auto; display: block;width:92%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }
.brand-list p{ font-size:12px; line-height:16px; height:32px; margin:0px auto; width:92%;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666;}
.brand-list a:hover p{color:#333;}
.brand-list .bot{line-height:24px; height:26px; font-size:12px; display:block; overflow:hidden; position:absolute; left:1px; right:1px; bottom:1px;padding:0px 10px;color:#999; border-top:1px solid #f4f4f4;}
.brand-list .bot em{ color:#999; font-size:10px; float:right;}
.brand-list .bot i{color:#ccc;font-size:10px; margin-right:4px;}

.brand-det-con{ padding:10px 15px 20px 15px; font-size:16px; background:#fff; margin-bottom:0px;}
.brand-det-con h1{ font-size:20px; line-height:32px;}
.brand-det-con p{ margin:8px 0px; line-height:24px;}
.brand-det-con img{ margin:8px 0px; max-width:100%;}

.brand-det-work{background:#fff; font-size: 14px;}
.brand-det-work h1{font-size:12px; height:1px; line-height:12px; margin:0px; overflow:hidden; display:none;}
.brand-det-work p{line-height:24px; font-size:14px; margin:0px 4%; padding: 8px 0px;}
.brand-det-work img{ margin:0px; max-width:100%; width:100%;}
.brand-det-work p img{ margin:0px -4%; width:108%; max-width:108%; display:block;}

/* --pay-- */
.fill-bg{background:#0ca39c url(../image/bg-phone.png) no-repeat center bottom; background-size:100% auto; position:absolute; top:0; left:0; right:0; bottom:0px; z-index:0;}

.pay-bg{padding:40px 0px 50px 0px; width:100%; max-width:640px; z-index:1; position:relative;}
.pay{ margin:0px 15px 15px 15px; background:#fff; border-radius:5px; padding-bottom:15px; position:relative; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.pay .logo-pay{ height:46px; width:190px; background: url(../image/logo-pay.png); background-size:cover; position:absolute; top:-23px; left:50%; margin-left:-95px; display:block;}

.pay-tit{padding:32px 30px 0px 30px; height:2px; line-height:24px; color:#999; text-align:center; font-size:14px;}
.pay-tit b{color:#669933; margin-right:4px;}
.pay-tit a{ color:#669933; font-weight:bold;}
.pay-tit a:hover{ color:#99cc00;}

.pay-icon{ padding:0px 0px 0px 0px; position:relative;}
.pay-icon label{ height:72px; width:100%; line-height:72px; text-align:right; cursor:pointer; display:block; color:#444; font-size:16px; overflow:hidden; position:relative; border-top:1px solid #f4f4f4;}
.pay-icon label:hover{background-color:#f7f7f7; color:#66aa00;}
.pay-icon label.sel{background-color:#fffbee;color:#66aa00; font-size:18px;}
.pay-icon label input[type="radio"]{ margin-right:6px; visibility:hidden;}
.pay-icon label i{ display:block; height:70px; width:200px; float:left; margin:5px 0px 0px 50px; font-style:normal; font-size:24px; line-height:70px; text-align:left;}
.pay-icon label.sel i{font-size:28px; }
.pay-icon label i em{ font-size:14px; margin-left:6px;}
.pay-icon label em{margin-right:15px;}
.pay-icon .yes{ width:20px; height:20px; border-radius:50%; position:absolute; top:30px; left:18px; z-index:102; background:#ccc; text-align:center; line-height:20px; color:#fff; font-size:12px;}
.pay-icon label.sel .yes{ background:#ff7700;}

.pay-way{background:#fff; width:100%;}
.pay-way a{ display:inline-block; height:50px; width:100%; line-height:50px; font-size:17px; padding:3px 0px; border-bottom:1px solid #f4f4f4; vertical-align:middle;}
.pay-way a:hover,.pay-way a:active{background:#f9f9f9;color:#66aa00;}
.pay-way em{font-size:13px; margin-left:4px;color:#999;}
.pay-way i.zf_alipay,i.zf_tenpay{ float:left; font-size:28px; margin:0px 12px 0px 18px;}
.pay-way i.nar-r{ float:right; margin-right:15px; font-style:normal; font-size:12px; color:#ccc;}

.pay-bot{ color:#2f6054; height:50px; line-height:20px; text-align:center; font-size:13px;}

.zf_alipay{color:#00adf5;}
.zf_tenpay{color:#00c204}

.dia-box{ width:80%; background:#fff; border-radius:5px; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-50%; margin-left:-40%; border:1px solid #eee; border-bottom-color:#e4e4e4;}
.dia-box .icon{ height:95px; width:100px; font-size:68px; line-height:120px; display:block; margin:0px auto; text-align:center;}
.dia-box h2{ width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; overflow:hidden;}
.dia-box span{ display:block; width:100%; height:40px; line-height:20px; text-align:center; font-size:12px; overflow:hidden;}
.dia-box a.but-w{ height:56px; line-height:52px; width:100%; border:0; border-top:1px solid #eee; font-size:18px; border-radius:0;}
.dia-box .but-box { height:56px; line-height:52px; width:100%; border-top:1px solid #eee;}
.dia-box .but-box a.but-w{width:49.5%; border-top:0; float:left;}

/*login*/
.logo-reg{ height:50px; width:140px; background:url(/image/logo-reg.png); background-size: cover; position:absolute; top:-28px; left:50%; margin-left:-70px; z-index:101; overflow:hidden;}
.login-box{padding:40px 0px 40px 0px; width:100%; max-width:640px; z-index:1; position:relative;}
.login{ margin:0px 15px 15px 15px; background:#fff; border-radius:5px; padding-bottom:35px; position:relative; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.login-panl{ width:80%; margin:0px auto;  position:relative;color:#aaa;}
.login-panl h2{font-size:18px; color:#66aa00; text-align:center; height:40px; line-height:40px; font-weight:bold;}
.login-panl .login-nav{ padding-top:25px;}
.login-panl .login-nav a{ height:46px; width:50%; line-height:46px; text-align:center; display:block; float:left; color:#999; font-size:16px; padding-top:8px;}
.login-panl .login-nav a:hover{ color:#66aa00;}
.login-panl .login-nav a.sel{ color:#66aa00; font-weight:bold;}

.login-panl a.but,.login-panl a.but-y,.login-panl a.but-g{ height:48px; line-height:48px; font-size:20px; font-weight:bold;}
.login-panl a.but-w{position:absolute; right:0px; top:12px; font-size:12px; height:28px; width:80px; line-height:28px;}

.login-panl .login-input{ margin:8px 0px 0px 0px; position:relative;}
.login-panl input[type="text"],input[type="password"]{color:#666; font-size:24px;width:100%; height:24px; line-height:24px; padding:15px 0px 8px 0px; display:block; border:0; border-bottom:1px solid #e4e4e4; outline:0;}
.login-panl input:focus{border-color:#66aa00; outline: 0; background: #fff;}
.login-panl input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; background-image: none;}
.login-panl input::-webkit-input-placeholder {color:#bbb; font-size:18px;}
.login-panl input:-moz-placeholder {color:#bbb; font-size:18px;}
.login-panl input::-moz-placeholder {color:#bbb; font-size:18px;}
.login-panl input:-ms-input-placeholder {color:#bbb; font-size:18px;}
.login-panl p{ text-align:center; margin-top:10px; font-size:14px;}

.login-panl .yazen{ padding:5px 0px; position: absolute; right:0px; bottom:6px;}
.login-panl .yazen input[type="text"]{width:90px; height:28px; margin-right:4px; margin-top:0px; border:1px solid #ccc; line-height:24px; text-indent:4px; padding:0px 0px;font-size:14px; float:left;}
.login-panl .yazen a{width:30px; height:30px; line-height:30px; color:#999; text-align:right; display:block; float:left; font-size:20px;}
.login-panl .yazen a:hover{ color:#66aa00;}
.login-panl .regbar{padding:12px 0px; color:#aaa; font-size:13px;}
.login-panl .regbar a{line-height:24px; font-size:13px;}
.login-panl .login-msg{ position:absolute; right:0px; top:18px; color:#ff6600; font-size:12px;}
/*.login-panl .login-com{ height:40px; padding:25px 0px 20px 0px;}*/

.login-panl .login-icon{ height:60px; padding:20px 0px 0px 0px;}
.login-panl .login-icon li{ width:50%; float:left;}
.login-panl .connect a{width:60px; height:60px; display:block; border-radius:50%; color:#fff; font-size:35px; line-height:60px; text-align:center; margin:0px auto; float:none;}
.connect a{width:40px; height:40px; display:block; border-radius:3px; color:#fff; float:left; font-size:26px; line-height:40px; text-align:center; margin-right:4px;}
.connect a:hover{filter:alpha(opacity=80); opacity: 0.8;}
.connect a.weixin{background-color:#00c204;}
.connect a.qq{background-color:#00adf5;}
.connect a.weibo{background-color:#e64322;}
.connect a.huaban{background-color:#fb5e49;}

.login-pw{background:#fff;  padding:0px 0px 10px 0px; position:relative; width:100%; max-width:640px; border-bottom:1px solid #eee;}
.login-info{padding:15px 0px 20px 0px; font-size:13px; line-height: 24px;}
.login-info h3{ height: 36px; line-height: 36px; font-size:20px; font-weight: normal;}
.login-info i{margin-right: 6px; font-size:24px;}

/*my*/
.my-info{width: 100%; max-width:640px; position:relative; background:#fff; border-bottom:1px solid #eee;}
.my-info .user{height:130px;}
.my-info a.head{ height:110px; display:block;  overflow:hidden; padding-top:12px; font-size:13px; color:#fff; text-align:center;}
.my-info a.head img{ height:76px; width:76px; border-radius:50%; margin:0px auto;}
.my-info h1{font-size:18px; font-weight:normal; height:36px; line-height:36px;color:#888; text-align:center;}

.my-info .login-but{height:40px; padding:35px 0px 30px 0px;}
.my-info .login-but a{ height:40px; line-height:40px; width:24%; float:left; margin-left:18%;}

.my-info .nav-zi{height:52px;border-top:1px solid #f4f4f4;}
.my-info .nav-zi a{ width:33.1%; height:46px; padding-top:10px; line-height:16px; display:block;font-style:normal; font-size:12px; color:#999;text-align:center; float:left}
.my-info .nav-zi b{ font-size:18px;color:#666; font-weight:normal;line-height:18px;}
.my-info .nav-zi i{ font-size:18px;line-height:18px;}
.my-info .nav-zi a:hover,.my-info .nav-zi a:active{color:#66aa00; background:#f9f9f9;}
.my-info .nav-zi a:hover b,.my-info .nav-zi a:active b{color:#66aa00;}
.my-info .nav-zi span{height:24px; width:1px; display:block; float:left; background:#f4f4f4; margin-top:15px;opacity:0.2;filter:alpha(opacity=20);}

.my-nav{background:#fff;border-bottom:1px solid #eee; margin-bottom:5px;}
.my-nav a{width:33%; height:62px; padding-top:12px; line-height:24px; display:block; color:#666; background:#fff; float:left; border:1px solid #eee; border-bottom:0; border-right:0;text-align:center;}
.my-nav a:hover{ color:#66aa00; background:#fafafa;}
.my-nav i{font-size:28px; margin:0px auto; line-height:32px;}
.my-nav p{font-size:12px; color:#999; height:20px; line-height:20px; display:block;}

.my-cont{border-bottom:1px solid #eee;margin-bottom:5px;}
.my-cont a{width:100%; height:52px; padding-top:10px; display:block; background:#fff; border-top:1px solid #eee; }
.my-cont a.us{height:45px; padding-top:3px;}
.my-cont a:hover{ color:#66aa00; background:#fafafa;}
.my-cont h5,.my-cont h6{font-size:17px; color:#555; height:22px; line-height:22px; font-weight:normal;}
.my-cont p{font-size:10px; color:#999; height:18px; line-height:18px;}
.my-cont i{font-size:22px; margin:3px 10px 0px 15px; width:36px; height:36px; display:block; line-height:36px; border-radius:4px; overflow:hidden; text-align:center; float:left; color:#fff;}
.my-cont .but{float:right; font-size:12px; width:42px; height:24px; line-height:24px; margin:9px 15px 0px 0px;}
.my-cont em{float:right; font-size:14px; color:#ddd; height:42px; line-height:42px;margin:0px 15px 0px 0px;}
.my-cont h6{ margin-top:10px;}
.my-cont span.iconfont{font-size:28px; margin:3px 10px 0px 15px; width:36px; height:36px; display:block; line-height:36px;overflow:hidden; text-align:center; float:left; color:#93c40f;}
.my-cont .weixin{background-color:#00c204;}
.my-cont .qq{background-color:#00adf5;}
.my-cont .weibo{background-color:#e64322;}
.my-cont .baidu{background-color:#3385ff;}

.my-2w{border-bottom:1px solid #eee;margin-bottom:5px; padding:16px 0px; background: #fff;}
.my-2w img{ width:66%; margin: 0px auto; display: block;}
.my-2w h6{ width:80%; margin: 0px auto; font-size: 16px; text-align: center; height: 20px; line-height:20px;}
.my-2w p{ width:80%; margin: 0px auto; font-size: 14px; text-align: center; height:38px; line-height:32px;; color:#999;}

.my-bank-top{font-size:14px; width:100%; padding:15px 0px 12px 0px; line-height:28px; color:#999; text-align:center; background:#fff; border-bottom:1px solid #f4f4f4;}
.my-bank-top span{font-size:36px;line-height:38px;color:#66aa00;}

.my-bank-yu{font-size:12px; width:100%; padding:12px 0px; line-height:18px; color:#999; text-align:center; background:#fff; border-bottom:1px solid #eee;}
.my-bank-yu li{width:49.5%; float:left;}
.my-bank-yu span{font-size:18px;color:#66aa00; margin-right:4px;}

.my-encash{ width:100%; max-width:640px; margin:0px auto 10px auto; text-align:center; background:#fff;}
.my-encash li{ padding:25px 5px; font-size:15px; border-bottom:1px solid #eee;}
.my-encash li.main{ font-size:18px; font-weight:bold;}
.my-encash li.main p{ font-size:14px; line-height:36px; color:#999;font-weight:normal;}
.my-encash b{ font-size:16px;}
.my-encash em{ color:#ddd; margin:0px 10px;}
.my-encash input[type="text"]{ background:#fff; border:1px #e0e0e0 solid; color:#ff6600; font-size:24px; line-height:32px; height:32px; border-radius:3px; text-align:center; width:120px;  margin:0px 5px; padding:6px 0px;}
.my-encash a.but{ height:46px; line-height:46px; width:95%; margin:6px auto;}

.my-vip{ width:100%; max-width:640px; padding:30px 0px 10px 0px; margin:0px auto; text-align:center; background:#fff; font-size:14px;border-bottom:1px solid #eee;}
.my-vip .icon-vip-ok,.my-vip .icon-vip-no{background: url(/image/VIP-100.png) no-repeat; display:block; width:100px; height:100px; margin:20px auto 15px auto; overflow:hidden;float:none; border-radius:5px; overflow:hidden;}
.my-vip .icon-vip-no{ background-position:0px -100px;}
.my-vip h7{ font-size:22px; line-height:40px;}
.my-vip .but-box{height:46px; margin-top:50px; border-top:1px solid #f4f4f4; padding-bottom:30px; background:#fff;}
.my-vip a.but{ height:46px; line-height:46px; width:156px; font-size:18px; margin:-20px auto 0px auto;}

.my-aboutus{ background:#fff; font-size:15px; line-height:22px; padding:0px 0px 20px 0px;}
.my-aboutus p,.my-aboutus h5{ margin:8px 15px;}
.my-aboutus img{ width:100%;}
.my-aboutus h5{line-height:24px; font-size:16px;}

.ad-600-120 img{ width:100%}
  
/* button */
a.but{text-align:center; background:#93c40f;border:1px solid #93c40f; color:#fff; border-radius:2px; display:block;}
a.but:hover{background:#66aa00; color:#fff;border:1px solid #66aa00;}
a.but:active{background:#66aa00; color:#fff;border:1px solid #66aa00;}
a.but i{ margin-right:4px; vertical-align:middle;}

a.but-w{text-align:center; background:#fff; border:1px solid #e2eedb;color:#66aa00; border-radius:2px; display:block;}
a.but-w:hover{color:#fff;background:#93c40f;border:1px solid #86b508;}
a.but-w:active{color:#fff;background:#93c40f;border:1px solid #86b508;}
a.but-w i{ margin-right:4px; vertical-align:middle;}

.icon-q{ height:11px; line-height:12px; font-size:9px; padding:1px 1px 0px 1px; color:#fff; float:left; margin-right:1px;border-radius:1px; overflow:hidden;}
.icon-vip{background:#fdc481;}
.icon-ji{background:#f8866b;}
.icon-auth{background:#c1aa59;}
.icon-daren{background:#fcaaa9;}
.icon-sex-b{background:#513da7;}
.icon-sex-g{background:#c33c68;}
.weixin{ color:#51c332;}
.qq{color:#2b99ff;}
.weibo{color:#fe631f;}
a.weixin{ color:#51c332;}
a.qq{color:#2b99ff;}
a.weibo{color:#fe631f;}

.u-score{width:100%; max-width:640px; margin-top:5px; background:#fff;}
.u-score li{line-height:32px; border-bottom:1px dotted #f2f2f2; padding:10px 0px 7px 0px;}
.u-score span{ font-size:15px; margin-right:15px; float:right;}
.u-score h6{ display: block; width:80%; margin-left:15px; overflow:hidden; font-weight:normal; font-size:15px;line-height:22px;}
.u-score em{font-size:13px; color:#bbb;}

.my-sc{width:100%; background:#fff;}
.my-sc a{border-bottom:1px solid #eee;position:relative; display:block; height:80px;}
.my-sc a:hover{ background:#f9f9f9; color:#66aa00;}
.my-sc a:hover p,.my-sc a:hover b{ color:#66aa00;}
.my-sc div{ width:80px; height:80px; float:left; margin-right:10px;}
.my-sc div img{ width:80px; height:80px;}
.my-sc p{ font-size:13px; color:#999; line-height:22px; padding:18px 8px 4px 0px;}
.my-sc b{ font-size:16px; color:#555; font-weight:normal;}
.my-sc em{ color:#ddd; margin:0px 4px;}
.my-sc i{ color:#66aa00;}

/* --text-- */
.helptext{ margin:15px 15px 10px 15px; line-height:22px; color:#aaa; font-size:12px; text-align:center;}
.helptext i{ font-size:18px; vertical-align:middle;}

.star01,.star02,.star03,.uncopyright,.copyright,.copyright-s,.copyright-m{display:block; background: url(../image/top_sim.png) no-repeat;overflow: hidden;}
.star01,.star02,.star03{ height:10px; width:10px; margin-right: 1px; float:left;}
.star01{ background-position: 0px -110px;}
.star02{ background-position: -10px -110px;}
.star03{ background-position: -20px -110px;}

.uncopyright,.copyright{height:47px; width:104px; left:-4px; bottom:30px; position:absolute; z-index:12;}
.uncopyright{background-position: 0px 0px;}
.copyright{ background-position: 0px -50px;}
.copyright-s{background-position: -208px 0px; height:24px; width:24px; position:absolute; top:0px; left:0px; z-index:11;}
.copyright-m{background-position: -206px 0px; height:26px; width:26px; position:absolute; top:0px; left:0px; z-index:99;}

.sevice{ font-size: 14px; line-height: 22px; padding: 15px;}
.sevice h1{ font-size:20px; height: 40px; line-height: 40px;}
.sevice p{ margin: 6px 0px;}