html { overflow-x: hidden }
* html, * html body { background-image: url(about:blank); background-attachment: fixed }
body, h1, h2, h3, form, input, button, ul, li, p { margin: 0; padding: 0 }
body { font: 12px/1.5 'Microsoft Yahei'; color: #000 }
h1, h2, h3, button, input { font-size: 100% }
em { font-style: normal }
ul, li { list-style: none }
img { border: 0 }
a { text-decoration: none; color: #000; cursor: pointer }
a:hover { text-decoration: underline; color: red }
.in-box { width: 96%; padding: 0px 2%; height: 100% }
.Layout { float: left; width: 100%; overflow: hidden }
.Money { float: left; width: 96%; margin: 0px 2%; overflow: hidden }
.Money.w100 { width: 100%; margin: 0px }
.header { float: left; width: 100% }
.t10 { margin-top: 10px }
.b10 { margin-bottom: 10px }
.aad { border: 1px dashed #B5B5B5; color: #777; padding: 5px 0px; }
.Layout .Box { float: left; width: 100%; margin-bottom: 2%; overflow: hidden }
.Box ul { float: left; width: 100%; overflow: hidden }
.Box ul li { float: left; width: 47%; margin-left: 2%; margin-top: 2%; overflow: hidden; background: #f0f0f0; border-radius: 3px }
.Box ul li .i { float: left; width: 100%; background: #f9f9f9; overflow: hidden }
.Box ul li .i a { float: left; width: 100%; overflow: hidden }
.Box ul li img { width: 100%; }
.Box ul li .t { float: left; width: 94%; padding: 0px 3%; margin: 3% 0px; font-size: 14px; line-height: 20px; overflow: hidden }
.Box ul .line { float: left; width: 100%; height: 0.1px; margin: 0px; padding: 0px; background: none; overflow: hidden }
.Box ul li .jg { float: left; width: 100%; font-size: 12px; font-weight: 400; overflow: hidden; }
.Box ul li .jg .l { float: left; color: red }
.Box ul li .jg .l font { font-size: 18px }
.Box ul li .jg .r { float: right; font-size: 12px; color: #888 }
.Box ul li .a { float: left; width: 100%; height: 40px; overflow: hidden; }
.Loc { float: left; width: 96%; margin: 2% 2% 0px 2%; height: 30px; line-height: 30px; border-bottom: 1px solid #f0f0f0; overflow: hidden }
.Loc .sy { border-left: 5px solid #f0f0f0; padding-left: 5px }
.Loc a { float: left; height: 14px; margin: 8px 0px; line-height: 14px; font-size: 14px; overflow: hidden }
.Loc span { float: left; height: 30px; line-height: 30px; overflow: hidden }
header { float: left; width: 100%; overflow: hidden }
.header .t-box { float: left; width: 100%; height: 44px; line-height: 44px; background: #cc0001 }
.header .logo { float: left; width: 80px; height: 100%; overflow: hidden }
.header .logo img { width: 100%; height: 100% }
.header .LoginBox { float: right; height: 100%; overflow: hidden }
.header .LoginBox a { float: left; max-width: 100px; height: 100%; color: #fff; line-height: 44px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.header .LoginBox img { float: left; width: 20px; height: 20px; margin: 12px 3px; overflow: hidden; border-radius: 20px }
.header .ex { float: left; height: 20px; margin: 12px 7px; border-left: 1px solid #bd0102; border-right: 1px solid #d70203; overflow: hidden }
.header .tool { position: relative; float: right; height: 100% }
.header .a-box { float: left; width: 100%; height: 100%; overflow: hidden }
.header .a-box a { float: left; width: 20px; height: 100%; color: #fff; line-height: 44px; font-size: 14px; overflow: hidden; background: url('../image/icon.png') no-repeat }
.header .tool .s { background-position: -48px 15px }
.header .tool .l { background-position: -70px 14px }
.header .tool .a { background-position: -90px 14px }
.header .tool .p { background-position: -150px 14px }
.skin-box { display: none; padding: 2%; border-radius: 6px; position: absolute; right: 0px; top: 56px; background: #fff; z-index: 99999999; width: 225px; border: 1px solid #cc0001; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 10px #0CC; -moz-box-shadow: 0 0 10px #0CC; box-shadow: 0 0 10px #AAA }
.skin-box i { width: 0; height: 0; border-width: 6px 6px; border-style: solid; border-color: #cc0001 #f9f9f9 #f9f9f9; font-size: 0; line-height: 0; position: absolute; top: -8px; left: 47%; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2) }
.skin-box .t { float: left; width: 100%; height: 30px; line-height: 30px; text-indent: 5px; border-bottom: 1px solid #f0f0f0; overflow: hidden }
.skin-box .t span { color: red; float: right; width: 30px; text-align: center; text-indent: 0px; overflow: hidden; cursor: pointer }
.SkinBox { float: left; width: 100%; overflow: hidden }
.SkinBox li { float: left; width: 14.25%; height: 24px; line-height: 24px; margin-top: 10px; text-align: center; overflow: hidden }
.SkinBox li a { display: block; margin: 0px 10%; height: 100%; color: #FFF; -webkit-border-radius: 5px; border-radius: 8px; text-indent: 999px; -moz-border-radius: 5px; overflow: hidden }
.SkinBox li a:hover { text-decoration: none }
.SkinBox .cur { text-indent: 0px }
.skin-box .mr { float: left; width: 100%; height: 30px; line-height: 30px; color: red; text-align: center; cursor: pointer; overflow: hidden }
.Body272a30 .t-box, .Body272a30 .footer .b-nav { background: #272a30 }
.Body272a30 .ex { border-left: 1px solid #242b35; border-right: 1px solid #4e5560 }
.Body272a30 .skin-box i { border-color: #272a30 #f9f9f9 #f9f9f9 }
.Body272a30 .skin-box { border: 1px solid #272a30 }
.Body272a30 .LogBoX .button { background: #f54343 }
.BodyFF8040 .t-box, .BodyFF8040 .footer .b-nav { background: #FF8040 }
.BodyFF8040 .ex { border-left: 1px solid #f26c28; border-right: 1px solid #f98951 }
.BodyFF8040 .skin-box i { border-color: #FF8040 #f9f9f9 #f9f9f9 }
.BodyFF8040 .skin-box { border: 1px solid #FF8040 }
.BodyFF8040 .LogBoX .button { background: #FF8040 }
.Bodyperu .t-box, .Bodyperu .footer .b-nav { background: peru }
.Bodyperu .ex { border-left: 1px solid #c17328; border-right: 1px solid #d7904b }
.Bodyperu .skin-box i { border-color: peru #f9f9f9 #f9f9f9 }
.Bodyperu .skin-box { border: 1px solid peru }
.Bodyperu .LogBoX .button { background: peru }
.Bodydarkcyan .t-box, .Bodydarkcyan .footer .b-nav { background: darkcyan }
.Bodydarkcyan .ex { border-left: 1px solid #017575; border-right: 1px solid #009c9c }
.Bodydarkcyan .skin-box i { border-color: darkcyan #f9f9f9 #f9f9f9 }
.Bodydarkcyan .skin-box { border: 1px solid darkcyan }
.Bodydarkcyan .LogBoX .button { background: darkcyan }
.Bodysteelblue .t-box, .Bodysteelblue .footer .b-nav { background: steelblue }
.Bodysteelblue .ex { border-left: 1px solid #3673a5; border-right: 1px solid #518dc0 }
.Bodysteelblue .skin-box i { border-color: steelblue #f9f9f9 #f9f9f9 }
.Bodysteelblue .skin-box { border: 1px solid steelblue }
.Bodysteelblue .LogBoX .button { background: steelblue }
.Bodydarkorchid .t-box, .Bodydarkorchid .footer .b-nav { background: darkorchid }
.Bodydarkorchid .ex { border-left: 1px solid #8926ba; border-right: 1px solid #a33cd6 }
.Bodydarkorchid .skin-box i { border-color: darkorchid #f9f9f9 #f9f9f9 }
.Bodydarkorchid .skin-box { border: 1px solid darkorchid }
.Bodydarkorchid .LogBoX .button { background: darkorchid }
.footer { float: left; width: 100%; overflow: hidden }
.footer .b-nav { float: left; width: 100%; height: 38px; line-height: 38px; text-align: center; background: #cc0001; overflow: hidden }
.footer .b-nav a { color: #fff; font-size: 14px; padding: 0px 3px }
.footer .f-box { float: left; width: 100%; overflow: hidden; background: #f0f0f0; text-align: center; padding: 20px 0px }
.footer .p1 { padding-bottom: 10px }
.footer .p1 a { display: inline-block; width: 50px; height: 50px; line-height: 80px; background: url('../image/icon.png') no-repeat 10px 0px; margin: 0px 5px }
.footer .p1 .pc { background-position: 10px -50px; color: #4E4E4E }
.footer .p1 a:hover { color: red }
.mark-box { display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; background: url('../image/mark.png') repeat; overflow-y: scroll; z-index: 999999 }
.mark-box .h { float: left; width: 96%; height: 43px; padding: 0px 2%; overflow: hidden; border-bottom: 1px solid #f0f0f0; background: #f9f9f9 }
.mark-box .d { float: left; width: 33.33%; height: 100%; line-height: 44px; font-size: 14px; text-align: center; overflow: hidden }
.mark-box .back { text-align: left; cursor: pointer }
.mark-box .title { font-size: 16px }
.mark-box .close { width: calc(33.33% - 10px); padding-right: 10px; text-align: right; cursor: pointer; color: red }
.mark-box .mark-body { float: left; width: 92%; margin: 30px 4% }
.mark-box .mark-body .lxxx a:last-child { display: none; }
.mark-box .no { text-align: center; font-size: 14px }
.mark-box { position: fixed; top: 0px; right: 0px }
.LogBoX, .LogBoX form { float: left; width: 100%; overflow: hidden }
.LogBoX .info { width: 100%; padding-bottom: 16px }
.LogBoX .info dl { overflow: hidden; padding-top: 11px }
.LogBoX .info dl dd { float: left; width: 22%; font-size: 14px; padding-top: 6px; text-align: right; margin: 0px }
.LogBoX .info dl dt input { float: left; width: 77%; background: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#FDFDFD)); height: 33px; border: solid 1px #bcbcbc; text-indent: 5px }
.LogBoX .info dl dt .regcode { width: 110px; margin-right: 10px }
.LogBoX .info dl dt select { float: left; background: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#FDFDFD)); width: 212px; padding-left: 7px; height: 36px; border: solid 1px #bcbcbc }
.LogBoX .info dl dt textarea { float: left; background: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#FDFDFD)); height: 41px; width: 196px; padding: 7px; border: solid 1px #bcbcbc }
.LogBoX .info .dz { border-bottom: solid 1px #ddd; padding-bottom: 18px }
.LogBoX .info dl dt p { float: left }
.LogBoX .info .pay { line-height: 1.4em; padding-top: 15px; padding-bottom: 4px }
.LogBoX .info .pay dd { padding-top: 0 }
.LogBoX .info .pay span { font-size: 14px; color: #ee2e5b }
.LogBoX .info .pay .total { position: relative; top: -6px }
.LogBoX .info .pay .total span { font-weight: bold; font-size: 30px; position: relative; top: 2px }
.LogBoX .button { float: left; width: 60%; margin-left: 22%; height: 38px; background: #cc0001; border: none; font-size: 18px; color: #FFF; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; -moz-border-radius: 6px; -moz-background-clip: padding; border-radius: 6px; cursor: pointer; overflow: hidden }
.LogBoX .dlLo { float: left; width: 60%; margin-top: 10px; margin-left: 22%; text-align: right; font-size: 18px; margin-bottom: 0px; overflow: hidden }
.LogBoX .dlLo a { color: red; text-decoration: underline }
.LogBoX .info dl dt { float: right; width: 78%; overflow: hidden }
.so { float: left; width: 100%; font-size: 0px; height: 32px; border: 1px solid #e0e0e0 }
.so input { border: 0; padding: 0; margin: 0 }
.so .q { width: 80%; color: #A6A6A6; padding: 6px 0; font-size: 16px; text-indent: 50px; height: 20px; background: url('../image/so.png') no-repeat 10px center #fff; line-height: 20px; outline: 0; float: left }
.so .m { position: relative; top: -1px; background: #999999; color: white; width: 20%; height: 34px; font-size: 16px; float: right; font-family: '微软雅黑'; cursor: pointer; border-radius: 0px }
.key-box, .HisLi { float: left; width: 100%; margin: 15px 0px 0px 0px; overflow: hidden }
.key-box a { float: left; display: inline-block; padding: 2px 10px; margin-right: 10px; margin-top: 10px; border: 1px solid #f0f0f0; background: #f9f9f9; border-radius: 5px; overflow: hidden }
.HisLi h2 { color: #999 }
.HisLi li { float: left; width: 100%; line-height: 1.5em; padding: 5px 0px; border-bottom: 1px dashed #f0f0f0; overflow: hidden }
.HisLi li span { float: right; color: #999; cursor: pointer; overflow: hidden }
.HisLi .del { float: left; width: 100%; height: 18px; line-height: 18px; margin-top: 10px; cursor: pointer; text-align: center; color: red; overflow: hidden }
.hhis { float: left; width: 100%; overflow: hidden }
.his-box, .his-box li { float: left; width: 100%; overflow: hidden }
.his-box li { line-height: 1.5em; padding: 5px 0px; border-bottom: 1px dashed #f0f0f0 }
.his-box li * { font-size: 14px }
.his-box .num { float: left; width: 20px; text-align: center; overflow: hidden }
.his-box .x { float: right; color: #999; cursor: pointer; padding: 0px 5px }
.del-box { float: left; width: 100%; height: 18px; line-height: 18px; margin-top: 10px; text-align: center; font-size: 12px; color: red; cursor: pointer; overflow: hidden }
.his-box .cat { color: #999 }
.llist { float: left; width: 100%; overflow: hidden }
.llist-ul, .llist-ul li { float: left; width: 100%; overflow: hidden }
.llist-ul li { line-height: 1.5em; padding: 10px 0px; border-bottom: 1px dashed #f0f0f0 }
.llist-ul li * { font-size: 12px }
.llist-ul li .t { float: left; width: 100%; margin-bottom: 3px; line-height: 1.5em; font-size: 16px; overflow: hidden; }
.llist-ul li .t span { font-size: 16px; }
.llist-ul .num { float: left; width: 18px; text-align: center; overflow: hidden }
.llist-ul .x { float: right; color: #999; cursor: pointer; }
.del-box { float: left; width: 100%; height: 18px; line-height: 18px; margin-top: 10px; text-align: right; font-size: 14px; color: red; cursor: pointer; overflow: hidden }
.llist-ul .cat { color: #999 }
.llist-ul li a span { color: red }
.llist-ul .c { float: left; width: 100%; overflow: hidden; }
.llist-ul .ci { margin-top: 2px; }
.llist-ul .ci, .llist-ul .ci a, .llist-ul .ci img { float: left; width: 50px; height: 50px; overflow: hidden; }
.llist-ul .ct { float: left; width: 180px; margin-left: 5px; overflow: hidden; }
.llist-ul .ct p { float: left; width: 100%; height: 16px; line-height: 16px; font-size: 12px; color: #999 }
.llist-ul .ct p:first-child { margin-top: 3px; }
.llist-ul .cjg { float: right; height: 50px; line-height: 50px; font-size: 12px; color: red }
.llist-ul .cjg span { font-size: 16px }
.NavBox { float: left; width: 100%; overflow: hidden }
.navBox { position: relative; float: left; width: 92%; height: 34px; line-height: 34px; padding: 5px 4%; background: #fff; border-bottom: 1px solid #c9c9c9 !important; overflow: hidden; z-index: 999999 }
.wrapper { float: left; width: 100%; height: 100%; overflow: hidden }
.wrapper ul { position: relative; display: -webkit-flex; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; height: 100% }
.wrapper ul::-webkit-scrollbar { height: 0px }
.wrapper ul li { scroll-snap-align: start; position: relative; float: left; height: 100%; flex: 0 0 auto; overflow: hidden }
.wrapper ul li:last-child { border: none; padding-right: 35px }
.wrapper ul li span { position: absolute; width: 10px; height: 10px; margin-top: -5px; top: 50%; right: 0; background: url('../image/xia.gif') no-repeat center; background-size: 8px; overflow: hidden }
.wrapper ul li .on { background: url('../image/loading.gif') no-repeat center }
.wrapper ul li a { float: left; padding: 0px 10px; height: 100%; line-height: 34px; text-align: center; font-size: 16px; overflow: hidden }
.wrapper ul #aaa a { padding-left: 0 }
.wrapper .cur a { color: red }
.navBox .rr { position: absolute; top: 0px; right: 0px; width: 44px; height: 44px; line-height: 44px; text-align: center; background: #fff; text-align: center; z-index: 999; font-size: 25px; font-family: '宋体'; box-shadow: -10px 0px 20px #f0f0f0; cursor: pointer }
.navBox.float { position: fixed; top: 0px; right: 0px; border-bottom: 1px solid #c9c9c9 }
.so .m, .LogBoX .button, .BtnBox .button { -webkit-appearance: none }
.all { float: left; width: 100%; overflow: hidden }
.all li { position: relative; float: left; width: 33.333%; overflow: hidden; border-radius: 5px }
.all li a { display: block; padding: 10px 0px; text-align: center; font-size: 14px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; overflow: hidden }
.all li a span { float: left; width: 100%; color: #999; font-size: 12px; overflow: hidden }
.all li.none a:hover { text-decoration: none }
.all li .s { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -1; background: #f9f9f9 }
.indexlist_con { position: relative; float: left; width: 100%; overflow: hidden; background: #fff }
.indexlist_con dl { position: relative; float: left; width: 50%; background: #fff; margin: 0px; overflow: hidden }
.indexlist_con dl dt { position: relative; float: left; width: 90%; margin: 5%; overflow: hidden; background: #f9f9f9 }
.indexlist_con dl dt a { float: left; width: 100%; height: 100%; overflow: hidden }
.indexlist_con dl dt img { width: 100% }
.indexlist_con dl dd { float: left; width: 90%; height: 20px; line-height: 20px; margin: 0px 5%; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.right_ver { float: right }
#curIMG { height: auto !important }
.indexlist_con dl dt p { position: absolute; left: 0px; bottom: 0px; width: 100%; overflow: hidden; font-family: "微软雅黑", "microsoft yahei", verdana, lucida, Arial, sans-serif, "黑体"; font-size: 16px; color: #fff; line-height: 20px; background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 100%); background-image: linear-gradient(-180deg, transparent 0, rgba(0, 0, 0, .8) 100%); -moz-box-sizing: border-box; box-sizing: border-box }
.indexlist_con dl dt span { display: block; padding: 8px 10px 5px 10px }
.noList { float: left; width: 100%; padding: 50px 0px; text-align: center; font-size: 16px; overflow: hidden }
.indexlist_con dl dt { width: 100%; margin: 0px }
.indexlist_con dl { width: 47%; padding-left: 2%; padding-top: 2% }
.indexlist_con dl dd { position: absolute; width: 100%; margin: 0px }
.moreBox { float: left; width: 100%; overflow: hidden; background: #fff }
a.more { float: left; width: 96%; margin: 30px 2%; padding: 10px 0px; font-size: 14px; color: red; text-align: center; border: 1px dotted #ccc; background: #f4f4f4; border-radius: 8px; -moz-border-radius: 8px; clear: both; cursor: pointer; font-family: "微软雅黑", "microsoft yahei", verdana, lucida, Arial, sans-serif, "黑体" }
a.more:active { background: #f8e7e7; border-right-color: #bbb }
.center { float: left; width: 96%; padding: 0px 2%; overflow: hidden }
.center .title { float: left; width: 100%; margin-top: 20px; line-height: 1.5em; text-align: center; font-size: 16px; overflow: hidden }
.center .info { float: left; width: 100%; margin-bottom: 20px; line-height: 1.5em; font-size: 12px; text-align: center; color: #999; overflow: hidden }
.center .Box p { float: left; width: 100%; text-align: center; overflow: hidden }
.center .Box img { min-width: 150px; max-width: 100%; height: auto; background: #f9f9f9; overflow: hidden }
.center .Box .n { font-size: 12px; color: #BCBCBC; font-family: '宋体' }
.like-btn { float: right; padding-left: 20px; background: url('../image/renew.png') no-repeat 0px 1px; background-size: 15px; overflow: hidden }
.like-btn.on { background-image: url(../image/loading.gif); background-size: 13px }
.R-F { position: fixed; right: 10px; bottom: 10px; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #FFF; background-color: #000; z-index: 10000; overflow: hidden; -webkit-border-radius: 38px; border-radius: 38px; -moz-border-radius: 38px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 }
.R-F:hover { color: #FFF; text-decoration: none }
.R-F.lg { display: block; bottom: 90px; }
.R-F.sj { display: none; bottom: 90px; }
.scroll { float: left; width: 96%; margin: 2% 2% 0px 2%; position: relative; overflow: hidden; background: #f9f9f9 }
.mod_01 { float: left }
.mod_01 img { display: block; width: 100% }
.dotModule_new { padding: 0 5px; height: 11px; line-height: 6px; -webkit-border-radius: 11px; background: rgba(45, 45, 45, 0.5); position: absolute; bottom: 5px; left: 50%; margin-left: -32.5px; z-index: 11 }
#slide_01_dot { text-align: center; margin: 1px 0 0 0 }
#slide_01_dot span { display: inline-block; margin: 0 3px; width: 5px; height: 5px; vertical-align: middle; background: #f7f7f7; -webkit-border-radius: 5px }
#slide_01_dot .selected { background: #66ff33 }
.good-bad { float: left; width: 100%; height: 90px; background: #FFF; overflow: hidden; border-top: 1px solid #f0f0f0 }
.good-bad .btn { position: relative; float: left; width: 25%; height: 100%; text-align: center; cursor: pointer; overflow: hidden }
.good-bad p { position: absolute; bottom: 0px; left: 0px; width: 100%; margin: 0px; font-size: 12px; overflow: hidden }
.good-bad .collect img { position: relative; top: -28px; left: -6px; width: 80px }
.good-bad p a { color: #F00; text-decoration: underline }
.fenxiang { float: left; width: 100%; padding: 10px 0px; margin: 10px 0px 0px 0px; background: #f9f9f9; overflow: hidden }
.jiathis_style_m { padding-left: 10px }
.C-Btn { position: relative; float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; overflow: hidden }
.C-Btn a { float: left; height: 100%; color: #FFF; overflow: hidden }
.C-Btn a:hover { text-decoration: none }
.C-Btn .pre { width: 30%; background: #ff8834 }
.C-Btn .next { position: absolute; top: 0px; right: 0px; width: 70%; background: #f54343 }
.C-Btn .cur span { background: url('../image/loading.gif') no-repeat 0px center; padding-left: 12px }
.C-B { float: left; width: 100%; text-align: center; margin: 10px 0px; overflow: hidden }
.C-B a { color: blue; text-decoration: underline }
.Loading { padding: 20px 0px; text-align: center; font-size: 14px; color: #999 }
.MemberBox { float: left; display: none; width: 100%; overflow: hidden }
.AvtBox { float: left; width: 100%; padding: 30px 0px; background: #f9f9f9; border-bottom: 1px solid #f0f0f0; overflow: hidden }
.AvtBox .innerBox { width: 308px; margin: 0px auto; overflow: hidden }
.AvtBox .mAvt { float: left; width: 74px; height: 74px; margin-top: 4px; overflow: hidden; border-radius: 5px; border: 1px solid #f0f0f0 }
.AvtBox .mAvt img { width: 100%; height: 100%; margin-left: 1px; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; -moz-border-radius: 6px; -moz-background-clip: padding; border-radius: 6px }
.AvtBox .name { float: left; width: 222px; margin-left: 10px; font-size: 16px; overflow: hidden }
.AvtBox .name span { font-size: 12px }
.AvtBox .info { float: left; width: 222px; margin-left: 10px; font-size: 12px; color: #777; overflow: hidden }
.BtnBOX { float: left; width: 100%; padding: 30px 0px 20px 0px; overflow: hidden }
.BtnBOX ul { width: 318px; margin: 0px auto; padding-left: 10px; overflow: hidden }
.BtnBOX ul li { float: left; width: 96px; height: 70px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; background: #f9f9f9; -webkit-background-clip: padding-box; -moz-border-radius: 6px; -moz-background-clip: padding; border-radius: 6px; overflow: hidden }
.BtnBOX ul li a { float: left; width: 94px; height: 68px; overflow: hidden; font-size: 16px; text-align: center; line-height: 110px; border: 1px solid #f0f0f0 }
.BtnBOX ul li a:hover { text-decoration: none; color: #000 }
.BtnBOX ul li a { background: url('../image/icon.png') no-repeat 32px -92px }
.BtnBOX ul .look a { background-position: 22px -241px }
.BtnBOX ul .fav a { background-position: -38px -92px }
.BtnBOX ul .good a { background-position: -108px -92px }
.BtnBOX ul .bad a { background-position: -188px -92px }
.BtnBOX ul .info a { background-position: 30px -172px }
.BtnBOX ul .good-boy a { background-position: -40px -172px }
.BtnBOX ul .out a { background-position: -110px -172px }
.BtnBOX ul .all a { background-position: -191px -172px }
.bodymid .BtnBOX { padding-top: 25px }
.box_box { position: relative; width: 360px; height: auto; margin: 60px auto 30px auto; overflow: hidden }
.pm_box { float: left; width: 100%; height: auto; margin-bottom: 10px; overflow: hidden }
.pm_box div, .pm_box input { float: left; height: 22px; line-height: 22px; overflow: hidden }
.pm_box div { height: 26px; line-height: 26px }
.pm_box input { width: 268px; text-indent: 5px }
.pm_box .t { width: 50px; margin-right: 10px; text-align: right; font-weight: 800 }
.box_box .buttonbox { float: left; margin-left: 60px }
.box_box .buttonbox .button { float: left; display: block; width: 100px; font-size: 16px; font-weight: bold; height: 30px; line-height: 26px; font-family: '微软雅黑'; text-align: center; margin-right: 10px; border: 1px solid #ccc; background-color: #f8f8f8; cursor: pointer; overflow: hidden }
.box_box .buttonbox a { float: left; margin-top: 12px; text-decoration: underline }
.box_box .sex { float: left; height: 22px; line-height: 22px; width: 60px; overflow: hidden }
.box_box .imgBox { position: absolute; top: 65px; right: 28px; width: 40px; height: 40px; padding: 0px; overflow: hidden; -webkit-border-radius: 40px; border-radius: 40px; -moz-border-radius: 40px; border-bottom: 0; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; background: #FFF }
.box_box .imgBox img { width: 100%; height: 100% }
.pm_box .t span { font-family: '宋体'; color: red }
#ChImageTip { float: left; margin-left: 60px; overflow: hidden }
.box_box .face { width: 220px }
.List-Box, .List-Box li { float: left; width: 100%; overflow: hidden }
.List-Box li span { float: right; overflow: hidden }
.List-Box li { position: relative; height: 38px; line-height: 38px; font-size: 14px; border-bottom: 1px solid #f0f0f0 }
.List-Box .odd { background: #f9f9f9 }
.List-Box li a { display: block; padding: 0px 10px; overflow: hidden }
.List-Box li a:hover { text-decoration: none }
.List-Box li a:hover font { color: #000 }
.List-Box li .x { position: absolute; top: 0px; right: 0px; padding-left: 10px; cursor: pointer }
.List-Box .list a, .List-Box .list font { float: left; width: auto; padding: 0px }
.List-Box li a em { color: red }
.PageBox { float: left; width: 100%; background: #FFF; overflow: hidden }
.PageBox .NumBox { float: left; width: 100%; padding: 15px 0px; text-align: center; font-size: 14px; overflow: hidden }
.PageBox .NumBox a { height: 30px; padding: 4px 8px; margin: 0px 2px; border: 1px solid #e5e5e5; font-family: Arial, Helvetica, sans-serif; overflow: hidden }
.PageBox .NumBox span { padding: 5px }
.PageBox .BtnBox { position: relative; float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; overflow: hidden }
.PageBox .BtnBox a { float: left; height: 100%; color: #FFF; overflow: hidden }
.PageBox .pre { width: 30%; background: #ff8834 }
.PageBox .next { position: absolute; top: 0px; right: 0px; width: 70%; background: #f54343 }
.PageBox .next span { font-size: 12px }
.ToPage { float: left; width: 100%; background: #f4f4f4; padding: 5px 0px; overflow: hidden }
.ToPage .TP-Box { position: relative; float: left; width: 100%; font-size: 0px; height: 30px; border: 1px solid #e0e0e0; border-left: none; border-right: none; background: #FFF }
.ToPage .TP-q { width: 70%; color: #A6A6A6; font-size: 14px; text-indent: 50px; height: 30px; background: url('../image/icon_so.png') no-repeat 0px center #fff; line-height: 20px; outline: 0; float: left; border: none }
.ToPage .TP-m { position: absolute; top: 0px; right: 0px; background: #e0e0e0; width: 30%; height: 30px; font-size: 16px; cursor: pointer; font-family: '微软雅黑'; border: none }
.PageBox .p_curpage { background-color: #f54343; color: white; border: 1px solid #f54343 }
.PageBox .BtnBox .cur span { background: url('../image/loading.gif') no-repeat 0px center; padding-left: 12px }
.boy, .boy ul { float: left; width: 100%; overflow: hidden }
.boy ul li { position: relative; float: left; width: 96%; padding: 10px 2%; border-bottom: 1px solid #f0f0f0; overflow: hidden }
.boy ul .odd { background: #f9f9f9 }
.boy .pic { position: relative; float: left; width: 95px; height: 95px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px }
.boy .pic img { width: 100%; height: 100% }
.boy .pic span { position: absolute; height: 18px; line-height: 18px; bottom: 3px; left: 28px; font-size: 12px; padding: 0px 5px 0px 5px; background: #FFF; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; overflow: hidden }
.boy .info { position: absolute; top: 10px; margin-left: 105px; overflow: hidden }
.boy .t { font-size: 14px }
.boy .t span { font-size: 12px; color: #666 }
.boy .red { color: red }
.boy .scores { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background: url('../image/icon.png') no-repeat -121px -1px; overflow: hidden }
.scores-box { float: left; width: 100%; overflow: hidden; }
.scores-box p { font-size: 14px; line-height: 1.5em }
.scores-box .t { padding: 10px 0px 5px 0px }
.qc { width: 60%; margin-left: 22%; margin-bottom: 10px; padding-bottom: 14px; }
.qc, .qc a { float: left; overflow: hidden; }
.qc .hh { width: 100%; height: 22px; line-height: 22px; overflow: hidden; }
.qc a { display: none; width: 57px; height: 57px; margin: 10px 10px 0px 0px; background: url(../image/login.png) no-repeat 0px 0px; text-indent: -9999px }
.qc .qq { background-position: -102px 0px }
.qc.xx { display: none; }
.qc.xxAppid .qq, .qc.xxAppkey .weibo, .qc.xxAppidAppkey a { display: block; }
.cd-info { float: left; width: 96%; padding: 5px 0px; margin: 2%; overflow: hidden; }
.cd-info .box { float: left; width: 100%; padding: 10px 0px; line-height: 22px; border-bottom: 1px solid #f0f0f0; overflow: hidden }
.cd-info .one { float: left; width: 40px; height: 100%; font-size: 12px; color: #666; overflow: hidden }
.cd-info .two { position: relative; font-size: 14px; overflow: hidden }
.cd-info .ym .one { line-height: 24px }
.cd-info .ym .two { font-size: 16px; line-height: 24px }
.cd-info .jg { color: red }
.cd-info .jg .one { position: relative; top: 2px }
.cd-info .jg span { font-size: 20px; color: red }
.cd-info .xl .one { line-height: 24px }
.cd-info .xl .two { font-size: 16px }
.cd-info .xl span { color: red }
.cd-info .yx .one { line-height: 28px }
.cd-info .yx ul, .cd-info .yx li { float: left; overflow: hidden }
.cd-info .yx li { color: #FFF; padding: 0px 10px; height: 26px; line-height: 28px; margin: 0px 10px 10px 0px; background: #fb9b29; background: -moz-linear-gradient(top, rgba(251, 155, 41, 1) 0, rgba(244, 118, 2, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 155, 41, 1)), color-stop(100%, rgba(244, 118, 2, 1))); background: -webkit-linear-gradient(top, rgba(251, 155, 41, 1) 0, rgba(244, 118, 2, 1) 100%); background: -o-linear-gradient(top, rgba(251, 155, 41, 1) 0, rgba(244, 118, 2, 1) 100%); background: -ms-linear-gradient(top, rgba(251, 155, 41, 1) 0, rgba(244, 118, 2, 1) 100%); background: linear-gradient(to bottom, rgba(251, 155, 41, 1) 0, rgba(244, 118, 2, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9b29', endColorstr='#f47602', GradientType=0); -webkit-box-shadow: 1px 1px 0 0 #d4d4d4; box-shadow: 1px 1px 0 0 #d4d4d4; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px }
.cd-info .yx .bad { background: #b0b0b0; background: -moz-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(145, 145, 145, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(176, 176, 176, 1)), color-stop(100%, rgba(145, 145, 145, 1))); background: -webkit-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(145, 145, 145, 1) 100%); background: -o-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(145, 145, 145, 1) 100%); background: -ms-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(145, 145, 145, 1) 100%); background: linear-gradient(to bottom, rgba(176, 176, 176, 1) 0, rgba(145, 145, 145, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#919191', GradientType=0); -webkit-box-shadow: 1px 1px 0 0 #d4d4d4; box-shadow: 1px 1px 0 0 #d4d4d4 }
.cd-info .gm a, .cd-info .fh .red { color: red }
.cd-info .new { display: none; }
#new_date { font-size: 24px; color: red }
#c_update { cursor: pointer; }
.box.lxxx, .lxxx { line-height: 38px; border: none }
.lxxx a { position: relative; float: left; height: 100%; font-size: 14px; padding-left: 38px; margin-right: 10px; background: url('../image/x.png') no-repeat 0px -204px; }
.lxxx .ww { background-position: 0px -243px }
.lxxx .wx { background-position: 0px -282px; }
.lxxx a img { display: none; width: 100px; height: 100px; position: absolute; bottom: 38px; left: 0; }
.lxxx .wx.cur img { display: block; }
.box.lxxx, .lxxx .two { overflow: visible; }
.cd-info .btn { float: left; width: 100%; height: 38px; margin-top: 15px; }
.cd-info .btn .d { float: left; width: 32%; height: 100%; margin-right: 2%; }
.cd-info .btn .d a { display: block; height: 36px; line-height: 38px; border: 1px solid #FF0036; border-radius: 3px; font-size: 14px; color: #FF0036; text-align: center; background: #ffeded; overflow: hidden }
.cd-info .btn .d a span { font-size: 12px }
.cd-info .btn .d a:hover { text-decoration: none; }
.cd-info .btn .ysz { position: relative; margin-right: 0px; }
.cd-info .btn .ysz .box { display: none; z-index: 999; position: absolute; width: 140px; bottom: 37px; padding: 10px 0px; border: 1px solid #FF0036; border-bottom-color: #fdc7c7; background: #ffeded; border-radius: 3px 3px 0px 0px; overflow: hidden; }
.cd-info .btn .ysz .box a { float: left; width: 100%; height: 26px; line-height: 26px; border: none; font-size: 14px; overflow: hidden; }
.cd-info .btn .ysz.cur .box { display: block; }
.cd-info .btn .d.ysz { width: 32%; }
.cd-info .btn .no-ysz { display: none; }
.cd-body { float: left; width: 96%; padding: 5px 0px; margin: 0px 2% 2% 2%; overflow: hidden; }
.Ghead { float: left; width: 100%; height: 35px; line-height: 35px; border-bottom: 2px solid #cc0001; text-indent: 10px; background: #fff; }
.Ghead ul, .Ghead li { float: left; text-indent: 0px; font-size: 14px; font-weight: bold; cursor: pointer; overflow: hidden }
.Ghead li { display: none; padding: 0px 15px; border-radius: 5px 5px 0px 0px; }
.cd-box { display: none; float: left; width: 100%; overflow: }
.Ghead #btn01 { display: block; }
.Ghead .cur { background: #cc0001; color: #FFF }
.Ghead .cur span { color: #FFF }
.cd-box img { max-width: 100% !important }
.buyBox { position: fixed; width: 100%; height: 38px; right: 0px; bottom: 0px; background: #fff; z-index: 999999 }
.buyBox ul { float: left; width: 100%; height: 100%; }
.buyBox ul li { float: left; height: 100%; overflow: hidden }
.buyBox ul li a { float: left; width: 100%; height: 100%; line-height: 38px; text-decoration: none; text-align: center; font-size: 12px; color: #FFF; overflow: hidden }
.buyBox ul .XL a { position: relative; width: 50%; font-size: 12px; line-height: 58px; color: #000; background: #f9f9f9 }
.buyBox ul .XL a:first-child { width: calc(50% - 1px); border-right: 1px solid #f0f0f0 }
.buyBox ul .XL a span { position: absolute; top: 4px; left: 50%; margin-left: -9px; width: 19px; height: 19px; background: url('../image/x.png') no-repeat; background-size: 150px; overflow: hidden }
.buyBox ul .XL .qq span { background-position: 0px -103px }
.buyBox ul .XL .ww span { background-position: 0px -122px }
.buyBox ul .XL .wx span { background-position: 0px -141px }
.buyBox ul .XL .wx { position: relative; overflow: visible; }
.buyBox ul .XL .wx img { display: none; width: 100px; height: 100px; position: absolute; bottom: 38px; left: 50%; margin-left: -50px; }
.buyBox ul .XL .wx.cur img { display: block; }
.buyBox ul .XL { width: 25%; background: #FFF; overflow: visible; }
.buyBox ul .TB { background: #f30601 }
.buyBox ul .GW { background: #ffa801 }
.buyBox ul .HZ { background: #ffa801 }
.buyBox ul .YS { width: 35%; position: relative; background: #ff5001; overflow: visible; }
.buyBox ul .YS span { font-size: 12px; }
.buyBox.no-ysz ul .YS { display: none; }
.buyBox.no-ysz .TB, .buyBox.no-ysz .GW { width: 37.5%; }
.buyBox .YS .box { display: none; position: absolute; bottom: 38px; width: 100%; padding-top: 15px; border-radius: 5px 5px 0px 0px; background: #ff5001; overflow: hidden; }
.buyBox .YS.cur .box { display: block; }
.buyBox ul .bbtn { width: 20%; }
.buy { float: left; width: 100%; overflow: hidden; }
.buy .tip { float: left; width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: red; overflow: hidden; }
.buy .box { float: left; width: 100%; text-align: center; margin-bottom: 10px; overflow: hidden; }
.buy .box img { float: left; width: 33.33%; overflow: hidden; }
.buy .lxxx { position: relative; left: 50%; margin-left: -150px; margin-top: 10px; float: left; }
.buy .lxxx img { display: none; }
.buy .lxxx .wx.cur img { display: block; }
.cd-info .pj { float: left; width: 100%; overflow: hidden; }
.cd-info .pj .x { float: left; width: calc(33.33% - 30px); height: 24px; line-height: 24px; font-size: 12px; margin-top: 14px; color: #555; text-align: center; border: 1px solid #cdcdcd; background: #f5f5f5; border-radius: 3px; cursor: pointer; overflow: hidden; }
.cd-info .pj .x span { font-size: 12px }
.cd-info .pj .bd { width: 16px; height: 23px; border-left: none; padding: 1px 2px 0px 2px; margin-right: 10px; font-size: 11px; line-height: 11px; }
.cd-info .pj .bd:last-child { margin-right: 0; }
.score-box { padding: 20px 10px; font-size: 14px; }
#waterfall .llist { width: calc(100% - 8%); padding: 10px 4% 20px 4%; }
.mark-body iframe { float: left; width: 100%; overflow: hidden; }