html { overflow-x: hidden }
* html, * html body { background-image: url(about:blank); background-attachment: fixed }
body, h1, ul, li, p { margin: 0; padding: 0 }
body { font: 12px/1.5 'Microsoft Yahei'; color: #272a30 }
h1, h2 { font-size: 100% }
ul, li { list-style: none }
img { border: 0 }
a { text-decoration: none; color: #272a30; cursor: pointer }
a:hover { text-decoration: underline; color: red }
.topad { float: left; width: 100%; overflow: hidden; }
.Layout { float: left; width: 100%; overflow: hidden }
.dis { display: none }
.header { float: left; width: 100% }
.NavBox { float: left; width: 100%; height: 50px; overflow: hidden }
.navBox { position: relative; float: left; width: 92%; height: 39px; padding: 5px 4%; background: #fff9f5; border-bottom: 1px solid #FF7032; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 999999 }
.navBox .mini-logo, .navBox .mini-logo img { float: left; width: 86px; height: 100%; overflow: hidden }
.wrapper { float: left; width: 100%; height: 100%; overflow: hidden }
.wrapper ul { position: relative; float: left; height: 100%; overflow: hidden }
.wrapper ul li { position: relative; float: left; height: 100%; overflow: hidden }
.wrapper ul li:last-child { border: none }
.wrapper ul li .on { background: url('../image/loading.gif') no-repeat center }
.wrapper ul li a { position: relative; float: left; padding: 0px 10px; height: 100%; line-height: 33px; text-align: center; font-size: 14px; color: #000; overflow: hidden }
.wrapper ul li font { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); position: absolute; left: 0; bottom: 0; width: 100%; height: 14px; line-height: 14px; font-size: 12px; overflow: hidden }
.wrapper ul #aaa a { padding-left: 0 }
.wrapper .cur a, .wrapper ul li a:hover { color: red; text-decoration: none }
.navBox .rr { position: absolute; top: 0px; right: 4%; width: 30px; height: 50px; line-height: 50px; text-indent: 5px; font-weight: bold; background: #fff9f5; text-align: center; z-index: 999; font-size: 25px; font-family: '宋体'; box-shadow: -10px 0px 20px #fff9f5; cursor: pointer }
.navBox.float { position: fixed; top: 0px; right: 0px }
.footer { float: left; width: 100%; background: url(../image/foot_bg1.png) no-repeat left bottom -2px, url(../image/foot_bg2.png) no-repeat right bottom; background-size: 170px; background-color: #fff9f5; overflow: hidden }
.footer .f-t { float: left; width: 100%; height: 3px; background: linear-gradient(to top right, red, yellow); overflow: hidden }
.footer .f-b { float: left; width: 100%; overflow: hidden; text-align: center; padding: 40px 0px }
.footer img { position: relative; top: 2px }
.footer .a1 { color: blue; text-decoration: underline }
.mark-box { display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; background: url('../image/mark.png') repeat; overflow-y: auto; z-index: 999999999999999 }
.mark-box .h { float: left; width: 100%; height: 49px; overflow: hidden; border-bottom: 1px solid #FF7032; background: #fff9f5 }
.mark-box .d { float: left; width: 33.33%; height: 100%; line-height: 49px; font-size: 14px; text-align: center; overflow: hidden }
.mark-box .back { width: calc(33.33% - 4%); padding-left: 4%; text-align: left; cursor: pointer; }
.mark-box .title { font-size: 16px; font-weight: bold }
.mark-box .close { width: calc(33.33% - 4% - 8px); padding-right: calc(4% + 8px); text-align: right; cursor: pointer; color: red }
.mark-box .mark-body { float: left; width: 92%; margin: 30px 4% }
.mark-box { position: fixed; top: 0px; right: 0px }
.mark-box::-webkit-scrollbar { width: 4px; height: 4px }
.mark-box::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2) }
.mark-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1) }
.all { float: left; width: 100%; overflow: hidden }
.all li { position: relative; float: left; width: 33.333%; height: 61px; overflow: hidden; border-radius: 5px }
.all li a { position: relative; z-index: 2; display: block; height: 39px; padding: 10px 0px; text-align: center; font-size: 14px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; overflow: hidden }
.all li a:hover { color: red; text-decoration: none }
.all li a span { float: left; width: 100%; font-size: 12px; color: #999; overflow: hidden }
.all li .s { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1; background: #fff9f5 }
.all .none a { cursor: inherit }
.win2top { display: none; position: fixed; right: 10px; bottom: 8px; 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 }
.win2top:hover { color: #FFF; text-decoration: none }
.win2top:link { color: #FFF }
.ios-iframe { float: left; width: 100%; height: 100%; overflow: hidden }
.ios-iframe { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto }
.Box4Con { float: left; width: 92%; padding: 4%; word-wrap: break-word; line-height: 1.8; font-size: 16px; border-top: 3px solid #f0f0f0; overflow: hidden }
.Box4Con h1 { float: left; width: 100%; line-height: 1.4em; color: #000; font-size: 22px; overflow: hidden }
.Box4Con .box { float: left; margin-top: 20px; width: 100%; line-height: 1.8em; font-size: 14px; overflow: hidden }
.Box4Con .box a { margin-right: 10px; color: blue; text-decoration: underline }
.Box4Con .pm { float: left; width: 100%; font-size: 12px; overflow: hidden }
.Box4Con .sjbb { zoom: 0.9; font-size: 12px; font-weight: 100; line-height: 1.2em; margin-top: 10px }
.Box4Con img { max-width: 100% !important; height: auto !important; }

/*start*/
body { margin: 0px; padding: 0px }
.up-box { float: left; width: 100%; font: 12px/1.5 'Microsoft Yahei'; color: #272a30; overflow: hidden }
.up-box ul, .up-box li, .up-box p { margin: 0px; padding: 0px }
.up-code { float: left; padding: 20px 4% 10px 4%; width: 92%; border-left: none; border-radius: 0px; border-bottom: 3px solid #f0f0f0; margin: 0px; margin-bottom: 15px; overflow: hidden }
.up-code .img, .up-code .img a, .up-code img { float: left; width: 90px; height: 90px; overflow: hidden }
.up-code .img { margin-right: 15px; background: #f4f4f4 }
.up-code .t, .up-code .m { float: left; width: calc(100% - 105px); overflow: hidden }
.up-code .t { padding-bottom: 5px; height: auto; line-height: 25px; font-size: 16px }
.up-code .t a { float: left; color: #333; height: auto; text-decoration: none; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.up-code .m.bb { width: auto; height: auto }
.up-code .bb a { display: inline-block; text-decoration: none; height: 18px; line-height: 18px; background: #fbeadf; padding: 0px 5px; margin-right: 5px; border-radius: 3px; color: red; overflow: hidden }
.up-code .buy { margin-bottom: 2px }
.up-code .buy a { margin-right: 10px; color: blue; text-decoration: underline }
.up-code span { float: left; height: auto; overflow: hidden }
.up-code .m font { float: left; color: red; font-size: 20px; margin-right: 3px }
.up-code .m { height: 20px; line-height: 20px }
.up-pan { float: left; width: 92%; margin: 0px; padding: 10px 4%; border: 3px solid #f0f0f0; border-left: none; border-right: none; background: #fff9f5; overflow: hidden }
.up-pan .ma { position: relative; float: left; width: 81px; height: 99.5px; font-size: 12px; text-align: center; overflow: hidden }
.up-pan .ma a { float: left; width: 100%; height: 100%; overflow: hidden }
.up-pan .ma img { width: 81px; height: 81px }
.up-pan .ma p { position: absolute; left: 0px; bottom: 0; font-weight: 100 }
.up-pan .p { float: left; margin-left: 5px; width: calc(100% - 88px); line-height: 16px; overflow: hidden }
.up-pan p { float: left; width: 100%; overflow: hidden }
.up-pan font { color: red; font-size: 16px }
.up-pan a { color: blue; text-decoration: underline }
.up-box ul { float: left; width: 100%; overflow: hidden }
.up-box li { float: left; width: calc(92% - 1px); margin: 0px 4%; border-left: 1px dashed #FF7032; list-style: none }
.up-box li .t { position: relative; float: left; width: 100%; height: 30px; line-height: 30px; font-size: 16px }
.up-box li .t a { position: relative; float: left; max-width: 100%; height: 100%; color: #000 }
.up-box li .t a span { position: absolute; top: 0; left: 15px; width: 98px; height: 29px; color: red }
.up-box li .t a font { float: left; margin: 9px -6px; width: 10px; height: 10px; border-radius: 10px; border: 1px dashed #FF7032; background: #fff; overflow: hidden }
.up-box li .t a f { position: absolute; top: 0; left: -1px; width: 1px; height: 15px; background: #fff; overflow: hidden }
.up-box li .t a b { float: left; margin-left: 15px; text-indent: 100px; max-width: calc(100% - 15px); height: calc(100% - 1px); border-bottom: 1px solid #fbeadf; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden }
.up-box li .t a:hover { text-decoration: none }
.up-box li .d { float: left; padding: 15px 0px 50px 20px; width: calc(100% - 20px); line-height: 1.8em; font-size: 14px; overflow: hidden }
.up-box li .d img { max-width: 100%; height: auto !important }
.up-box li .d a { color: blue; text-decoration: underline }
.up-box li .d a:hover { color: blue !important }
.up-box li .d * { font-size: 12px !important }
.m { word-wrap: break-word; font-size: 12px; }
.m * { font-size: 12px; }
.m a { display: inline-block; margin-right: 10px; color: blue; text-decoration: underline; }
.up-box .sjbb { float: left; margin-top: 10px; width: 100%; zoom: 0.9; line-height: 1.2em; font-size: 12px; font-weight: 100; overflow: hidden }
.up-box .sjbb a { display: inline-block; margin-right: 10px; font-size: 12px; font-weight: 100 }
.up-no { float: left; padding: 10px 0px; width: 100%; text-align: center; border-top: 1px solid #FF7032; background: #fff9f5; overflow: hidden }
.up-no a { font-size: 16px; color: blue; text-decoration: underline }
.up-no a:hover { color: blue; text-decoration: underline }
.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; }

/*end*/
