.clearfix { display:block }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.dispalynone { display:none }
.dispalyblock { display:block }
.clear, .clearit { clear:both; padding:0; margin:0; height:0; line-height:0 }
.cl:after, .cl:before { content:""; display:block; height:0; clear:both }


.fixed, .page, .pl-masker { min-width:320px; max-width:640px; margin:0 auto }
.fixed { position:fixed; width:100%; z-index:99 }
.header { background-color:#f2f2f2; border-bottom:1px solid #ccc; height:45px; line-height:45px; z-index:99; overflow:hidden; z-index:1000 }
.page1 footer, .page1 header { width:100% }
.page1 header { background-color:#fcfcfc; border-bottom:1px solid #f1f2f2 }
.page1 .container { padding-top:45px }
.logo-info { background:url(../img/logo.png) no-repeat; background-size:170px; width:170px; height:36px; padding:20px 0 0 47px; color:#898c92; font-size:0 }
header.fixed { top:0 }
.hidden { display:none!important }
.header .btn { min-width:50px; text-align:center }
.fl { float:left }
.fr { float:right }
.btn, .icon, .icon2 { display:inline-block; vertical-align:middle; text-align:center }
.icon { background-size:50px; background-image: url(15-sprite.png?v=20150529); background-repeat: no-repeat; }
.icon-home, .icon-home1 { width:20px; height:20px; background-position:0 -25px }
.header .btn { min-width:50px; text-align:center }
.icon-search1 { width:23px; height:23px; background-position:-25px -50px; margin-top: 10px; }
.icon-list { width:20px; height:20px; background-position:-25px -247px }
.header .title, .header .title_logo { text-align:center; margin:0 90px; font-size:20px; height:40px }
.container { padding-top:45px; min-height:380px }

.abs { position:absolute }
.rel { position:relative }
.wrapper_p10 { padding:10px }
.copyright { color:#9099a9; font-size:10px; line-height:1.5; margin:30px 0; text-align:center; height:65px }
.copyright .f-9 { font-size:9px }
.copyright i { padding:0 10px; }
.is-download-display .footer { display:block }

.default-img, .img, img { border:0; width:100%; display:inline-block; vertical-align:middle }
.list-category { width:100%; background-color:rgba(255, 255, 255, .5); padding-bottom:10px }
.list1 .item { float:left; margin-bottom:15px; text-align:center; line-height:18px }
.list-category .item { width:20%; min-height:60px; margin-bottom:0; position:relative }
.item>a { display:block }
.circle { border-radius:50%; overflow:hidden }
.list-category .item i { display:none; width:61.29%; height:65%; top:10.32%; left:19.35%; background-color:rgba(255, 96, 0, .28) }
.rec-head { width:100%; margin-top:25px; border-top:1px solid #b9b9b9; clear:both }
.rec-wrap { width:100%; height:15px; border-top:1px solid #fff; text-align:center }
.rec-head h3 { display:inline-block; padding:0 7px; background:#e6e6e6; font-size:20px; color:#757575; font-weight:400; position:relative; top:-18px; left:-5px; text-shadow:0 1px 0 #fff }
.ico { display:inline-block; width:40px; height:40px; background:url("../img/15-sprite.png") no-repeat; pointer-events:none }
.ico-rec { background-position:0 -579px; width:40px; height:30px; top:0; left:-28px }
.rec-list, .rel-list { width:100%; padding:10px 0; overflow:hidden }