html { font-size:20px; width:auto; height:100% }
body { width:100%; height:100%; background-color:#E9E9E9; font-family:"Microsoft Yahei"; color:#202020; overscroll-behavior:contain }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent }
a { color:#007BBB; text-decoration:none }
a:hover { color:#2CA9E1 }

.fl { float:left; display:inline }
.fr { float:right; display:inline }
.cb { clear:both; width:0px; height:0px; overflow:hidden }
.ht { width:0px; font-size:0; overflow:hidden }
input,textarea, select { outline:none }
textarea { resize:none; display:block }
img { vertical-align:middle } /**图片4像素问题**/
audio { display:block }
/*input:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #FFFFFF inset; border:1px solid #FFFFFF!important }*/
table { border-collapse:collapse; border-spacing:0px; text-align:left }

/**高度分隔**/
.ht5px { width:1px; font-size:1px; height:5px; overflow:hidden }
.ht10px { width:1px; font-size:1px; height:10px; overflow:hidden }
.ht15px { width:1px; font-size:1px; height:15px; overflow:hidden }
.ht20px { width:1px; font-size:1px; height:20px; overflow:hidden }
.ht30px { width:1px; font-size:1px; height:30px; overflow:hidden }
.ht45px { width:1px; font-size:1px; height:45px; overflow:hidden }
.ht50px { width:1px; font-size:1px; height:50px; overflow:hidden }

.topBG { background-size:cover; background-position:center; width:100vw; height:100vh; position:fixed; top:60px; z-index:-1 }
.topBG_mask { background-color:rgba(0,0,0,0.6); width:100vw; height:100vh; position:fixed; top:60px; z-index:-1 }
#logo { width:120px }
.qrcode { display:none; cursor:pointer; position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:9999999999 }
.qrcode > img { width:200px; position:absolute; transform: translate(-50%, -50%); left:50%; top:50% }
.header { width:100%; background-color:#202020; position:fixed; top:0; left:0; z-index:9999; height:60px }
.headpadding { height:80px }
.footer { width:100%; background-color:#202020; color:#DEDEDE }

/*hr { border-top:1px solid #8c8b8b }*/

.adbar { height:100px; border-radius:10px; background-color:#3a6850; padding:10px; overflow:hidden }
.adbar .intro { margin-left:20px; line-height:46px; color:#bbbbbb; width:calc(100% - 120px) }
.adbar .titlebox { display:inline-block; padding: 0 10px; height:36px; line-height:36px; color:#ffffff; background-color:#1f9b00; text-align:center; border-radius:6px }
.adbar .introtxt { font-size:14px; color:#8fdd91; line-height:26px }

.homelist { width:100%; margin:0 auto }
.categoryM { background-image: linear-gradient(#7a7a7a, #7a7a7a, #656565); color:#FFFFFF; height:40px; line-height:38px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center }
.category     { background-image: linear-gradient(#7a7a7a, #7a7a7a, #656565); color:#FFFFFF; border-top-left-radius:10px; border-top-right-radius:10px; text-overflow:ellipsis; overflow:hidden }
.cateout  { background-color:#656565; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; padding-top:0 }
.catein { padding:10px; background-color:#FFFFFF; border-radius:6px }

a.home img { width:60px; height:60px }
a.home .title { font-size:16px; font-weight:bold; color:#007BBB }
a.home:hover .title { font-weight:bold; color:#2CA9E1 }
a.home .intro { color:#808080; width:calc(100% - 70px); height:60px; padding-top:2px; box-sizing:border-box; font-size:14px; margin-left:10px; line-height:20px }
.homeintro a { font-size:16px; font-weight:bold; color:#007BBB }

#about { display:none; cursor:pointer; position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:9999999999 }
#about > div { position:absolute; transform: translate(-50%, -50%); left:50%; top:50%; margin-top:-260px; width:280px; box-sizing:border-box; background-color:#eaeaea; color:#000000; padding:20px 20px; line-height:30px; border-radius:10px; font-size:14px; text-align:center }

.outter { width:100%; position:relative }
#loadingA, #loadingB { position:absolute; transform: translate(-50%, -50%); left:50%; top:50px; display:none }
#loadingC, #loadingD { position:absolute; transform: translate(-50%, -50%); left:50%; top:70px; display:none }
.loadingZ { position:absolute; transform: translate(-50%, -50%); left:50%; top:50px; display:none }
#speaker { position:absolute; right:10px; top:10px; width:32px; cursor:pointer }

.history { border:4px solid #BBBBBB; width:100%; box-sizing:border-box; background-color:#FFFFFF; padding:10px 5px; line-height:25px }
.history a { display:inline-block; font-size:18px; margin:2px 10px }

.info { border:4px solid #BBBBBB; width:100%; box-sizing:border-box; background-color:#FFFFFF; padding:10px 10px; line-height:25px; font-size:16px }

.titleimg img { width:60px; height:60px; margin:10px; background-color:#ffffff; padding:4px; box-sizing:border-box; border-radius:10px }
.titletxt { padding-top:18px; width:calc(100% - 90px) }
.tips  { line-height:20px; font-size:14px; background-color:#ffd065; padding:4px 8px; box-sizing:border-box }
.input { box-sizing:border-box; border:solid 4px #2CA9E1; width:100%; height:42px; padding:10px; background-color:#FFFFFF; font-size:18px }
.dosbox { box-sizing: border-box; border: solid 4px #2CA9E1; width:100%; height:550px; padding:10px; font-size:18px; position:relative; background-color:#202020 }
.select{ box-sizing:border-box; border:solid 4px #2CA9E1; width:100%; height:42px; padding:2px 8px; background-color:#FFFFFF; font-size:18px }
.submit { width:100%; height:42px; line-height:42px; background-color:#2CA9E1; font-size:18px; color:#FFFFFF; text-decoration:none; display:block; text-align:center; user-select:none }
.submit:hover { background-color:#007BBB; color:#FFFFFF; font-weight:normal }

#upload { width:100%; background-color:#FFFFFF; border:dashed 2px #808080; box-sizing:border-box }
#imgPreview { margin:auto; box-sizing:border-box; width:240px; height:180px; background-size:contain; background-position:center; background-repeat:no-repeat; border:dashed 1px #999999; background-image:url(/images/addimage.png); background-color:#E8ECEF }
#txtTip { font-size:18px; margin:auto; text-align:center; color:#808080 }
.upload_block { width:280px; margin:auto; text-align:center }
.selectbtn { width:280px; font-size:18px; margin:auto; padding:0 10px; box-sizing:border-box; height:42px; line-height:42px; background-color:#2CA9E1; color:#ffffff; text-align:center; cursor:pointer }
.selectbtn:hover { background-color:#007BBB }

#result { width:100%; height:500px; background-color:#484848; color:#ffffff; text-align:center }
.bk { text-align:left; font-size:14px; padding-left:8px; box-sizing:border-box; width:136px; height:40px; line-height:40px; cursor:pointer; -webkit-transition:all 0.3s }
.bk:hover { color:#000000; background-color:#2CA9E1 }
#prev { position:relative; width:calc(100% - 136px); height:100%; background-color:#007BBB }
#prev0, #prev00, #prevp, #prevc, #prev10, #prev20, #prev30, #prev40, #prev50, #prev60, #prev70, #prev80, #prev90, #prev99 { position:absolute; width:100%; height:500px }
#prev img { max-width:100%; max-height:100%; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); padding:8px; box-sizing:border-box }

.q0 { background-color:#A0A0A0 }
.q00 { background-color:#989898 }
.q10 { background-color:#909090 }
.q20 { background-color:#888888 }
.q30 { background-color:#808080 }
.q40 { background-color:#787878 }
.q50 { background-color:#707070 }
.q60 { background-color:#686868 }
.q70 { background-color:#606060 }
.q80 { background-color:#585858 }
.q90 { background-color:#505050 }
.q99 { background-color:#484848 }

.qp { background-color:#808080 }
.qc { background-color:#787878 }
.flex { display:flex; flex-wrap:wrap; justify-content:space-between }
.flex_item { border:solid 1px #2CA9E1; width:40px; height:30px; line-height:30px; text-align:center; font-size:10px; cursor:pointer }
.flex_img { cursor:pointer; transform:scale(0.8,0.8) }

#list { width:100%; background-color:#ffffff; border:solid 1px #808080; box-sizing:border-box; padding:5px 5px 0px 5px; font-size:16px; overflow-y:scroll }
#list span { box-sizing:border-box; border:solid 1px #000000; padding:5px; margin:0 5px 5px 0; display:inline-block; cursor:pointer; background-color:#E6EAE3 }
#list a { color:#202020 }
#explain { font-family:fangsong; width:100%; background-color:#ffffff; border:solid 1px #808080; box-sizing:border-box; padding:20px; min-height:420px; line-height:28px; word-break:break-all }
#explain span { color:#ffffff; border-radius:6px; background-color:#007BBB; font-size:18px; padding:2px; margin-right:6px }
#explain label { color:#E2041B }
#detail span.dot { color:#E2041B; background-color:transparent }

.footerpadding { height:20px }
.footerinner { max-width:1000px; height:186px; line-height:24px; margin:0 auto; text-align:center; font-size:16px; padding-top:4px; box-sizing:border-box }
.footerinner a { color:#7a7a7a; vertical-align:middle; font-size:12px }
.footerinner a:hover { color:#7a7a7a; font-weight:normal }

/* 小设备 */
@media screen and (max-width:1000px) {
    /*body { font-size:3.5vw }*/
    .headinner { width:calc(100% - 10px); margin:0 auto; text-align:center }
    .outer { width:94vw; margin:0 auto }

    /*-----AspNetPager-----*/
    #AspNetPager { margin:3vw 0; text-align:center }
    #AspNetPager a, .CurrentPage { width:8vw; height:7vw; line-height:7vw; display:inline-block; font-size:3vw; color:#202020; background:#AFE5FF; margin:0 1.5vw; border:0; text-align:center }
    #AspNetPager a:hover { color:#FFFFFF; background-color:#2CA9E1 }
    .CurrentPage { display:inline-block; font-size:3vw; color:#FFFFFF; background:#2CA9E1; cursor:default }
    #AspNetPager a[disabled=disabled] { display:none }
}
/* 中大设备 */
@media screen and (min-width:1000px) {
    /*body { font-size:4vw }*/
    .headinner { max-width:990px; margin:0 auto; padding-left:10px; text-align:center }
    .outer { max-width:980px; margin:0 auto; padding:0 10px }

    /*-----AspNetPager-----*/
    #AspNetPager { margin:20px 0; text-align:center }
    #AspNetPager a, .CurrentPage { width:40px; height:30px; line-height:30px; display:inline-block; font-size:14px; color:#202020; background:#AFE5FF; margin:0 10px; border:0; text-align:center }
    #AspNetPager a:hover { color:#FFFFFF; background-color:#2CA9E1 }
    .CurrentPage { display:inline-block; font-size:14px; color:#FFFFFF; background:#2CA9E1; cursor:default }
    #AspNetPager a[disabled=disabled] { background:#B2B2B2; color:#E3E3E3; cursor:default }
    #AspNetPager a[disabled=disabled]:hover { background:#B2B2B2; color:#E3E3E3; cursor:default }
}

.splite { width:auto; height:1px; overflow:hidden; font-size:1px; background:url(/images/dot-bg.gif) 0 0 repeat-x; margin:8px 0 }
.splitline { background-color: #202020; width: 100%; height: 3px; font-size: 0px; overflow: hidden }

.content { width:96%; border:solid 1px #808080; padding:2%; line-height:180%; background-color:#FFFFFF; word-break:break-all; word-wrap:break-word; overflow:hidden }