* { margin: 0; outline: 0; padding: 0; font-size: 100%; }
a { text-decoration: none; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.231; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative; }
img { -ms-interpolation-mode: bicubic; /*vertical-align: middle;*/ }
img:not([src*="/"]) { display: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th,
td,
caption { vertical-align: middle; }
textarea { resize: none; border: 0; padding: 8px 0; border-radius: 0; }
input,
button,
select,
textarea { outline: none; }
li { list-style: none; }
/**************************common class********************************/
.daoqi{width:100%; padding:20px 0; text-align:center; background:#F00; color:#FFF}
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { *zoom: 1}
.white { color: #fff; }
.red { color: #ff0000; }
.green { color: #00bf00; }
.pink { color: #ba136b }
.gray { color: #aaa; }
.blank { color: #000; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.hide { display: none; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.m10 { margin: 10px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.m5 { margin: 5px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.p10 { padding: 10px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.p5 { padding: 5px; }
/**/
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-padding-start: 0px; }
.swipe ul li img { width: 100% }
.swipe>ol { height: 20px; position: relative; z-index: 10; margin-top: -25px; text-align: right; padding-right: 15px; background-color: rgba(0,0,0,0.3); }
.swipe>ol>li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.swipe>ol>li.on { background-color: #ffffff; }
/**/
.footer_bar { width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.footer_bar > * { -webkit-box-flex: 1; -moz-box-flex: 1; }
/*share*/
.share_box { margin: 15px 8px; height:53px; overflow:hidden}
.share_box li { width: 50%; float: left; }
.share_box li a { display: block; font-size: 16px; margin: 0 8px; padding: 10px 0; border: 1px solid #adadab; color: #000000; background-color: #e8e8e8; background-image: linear-gradient(to top, #dbdbdb, #f4f4f4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #fff; text-align: center; border-radius: 3px; }
.share_box li img { height: 26px; }
.share_cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
.share_cover img { position: fixed; right: 18px; top: 5px; width: 260px!important; height: 180px!important; z-index: 20001; }
.returntop { font-size: 12px; margin: 5px auto; display: block; color: #fff; text-align: center; line-height: 35px; height:35px; background: rgba(0,0,0,0.5); margin-bottom: -10px; }
.copyright { height: 50px; line-height: 50px; text-align: center }
.pages { clear: both; height:50px; overflow:hidden}
.pages .cur,
.pages cite,
.pages .dot,
.pages .pagenum,
.pages label,
.pages input { display: none }
.pages a { width: 23%; float: left; text-align:center}
.pages a ,
.pages a.pageprev,
.pages a.pagenext { display: block; font-size: 16px;  padding: 10px 0; border: 1px solid #adadab; color: #000000; background-color: #e8e8e8; background-image: linear-gradient(to top, #dbdbdb, #f4f4f4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #fff; text-align: center; border-radius: 3px; }
/*add2desktop*/
.ui-add2desktop { position: fixed; bottom: 12px; display: none; left: 50%; width: 200px; height: 55px; padding: 7px 0 8px 9px; margin-left: -92px; z-index: 999; color: #fff; background: #494949; border-radius: 2px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); outline: 1px solid rgba(0,0,0,0); font-family: "FixFont"; }
.ui-add2desktop img { display: block; height: 55px; width: 55px; padding-right: 3px; float: left; }
.ui-add2desktop p { position: relative; right: -3px; padding: 0; margin: 0; font-size: 13px; width: 140px; float: right; line-height: 22px; padding-top: 6px; font-weight: bold; }
.ui-add2desktop-icon-iOS7 { margin: 0 2px; display: inline-block; height: 24px; width: 18px; background: url(add2desktop/ui-add2desktop-iOS7.png) no-repeat; -webkit-background-size: 18px 24px; }
.ui-add2desktop-icon-new { margin: 0 2px; display: inline-block; height: 15px; width: 14px; background: url(add2desktop/ui-add2desktop-new.png) no-repeat; -webkit-background-size: 14px 15px; }
.ui-add2desktop-icon-old { margin: 0 2px; display: inline-block; height: 15px; width: 14px; background: url(add2desktop/ui-add2desktop-old.png) no-repeat; -webkit-background-size: 14px 15px; }
.ui-add2desktop-close { position: absolute; right: -10px; top: -10px; height: 28px; width: 28px; border-radius:28px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #494949; }
.ui-add2desktop-close b { position: absolute; display: inline-block; right: 8px; top: 12px; height: 3px; width: 12px; background: #fff; border-radius: 2px; -webkit-transform: rotate(45deg); }
.ui-add2desktop-close b:after { content: ''; position: absolute; display: inline-block; height: 3px; width: 12px; background: #fff; border-radius: 2px; -webkit-transform: rotate(90deg); }
.ui-add2desktop-arrow { width: 18px; height: 10px; overflow: hidden; position: absolute; bottom: -10px; left: 50%; margin-left: -8px; }
.ui-add2desktop-arrow b { display: inline-block; position: absolute; top: -5px; left: 3px; width: 10px; height: 10px; background: #494949; box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -webkit-transform: rotate(45deg); }