@charset "utf-8";
/* CSS Document */
/*reset*/
body{font-size:.28rem;font-family:Helvetica,STHeiti,Droid Sans Fallback;color:#333;background:#f0f0f0;}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,cude,i{margin:0;padding:0;list-style:none;-webkit-tap-highlight-color: rgba(0,0,0,0);vertical-align:top}
a{color:#333;text-decoration:none;}
ol,ul,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;display:block;}
header,footer,section,aside,article,nav,dialog,figure{display:block;}
input,textarea{-webkit-appearance:none;}
.cf{*zoom:1}
.cf:after{content:'';display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

.wrap-contain{max-width:720px;margin:0 auto;}
.header{width:100%;background:#9fdbdf;height:3.6rem;position:relative;box-shadow:2px 2px 1px #ddd;}
.header span{position:absolute;display:block;width:100%;padding:0.24rem 0.32rem 0;left:0;top:0;z-index:5;}
.header a{position:absolute;right:.62rem;bottom:.2rem;z-index:10;background:rgba(0,0,0,0.6);color:#fff;height:.68rem;line-height:.7rem;width:1.52rem;padding-left:.14rem;text-align:center;border-radius:4px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
.header a:after{content:"";width:0;height:0;border:.13rem solid transparent;border-left-color:#fff;position:absolute;left:.1rem;top:0.22rem}
.header img{border-radius:0.1rem;width:100%;height:3.7rem;display:block;}
.pd3{padding-top:.5rem !important}
.section{padding:.2rem .36rem;box-shadow:2px 2px 1px #ddd;margin-bottom:.14rem;background:#fff;}
.theme{text-align:center;font-size:.34rem;line-height:.4rem;}
.writer{text-align:center;font-size:.28rem;padding:.22rem 0;}
.author{display:inline-block;color:#2196f3;width:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.author img{height:.35rem;width:.35rem;display:inline-block;border-radius:50%;margin-right:.05rem;}
.update{margin-left:.32rem;color:#666;vertical-align:baseline}
.writer em{background:#ff984d;display:inline-block;height:.32rem;line-height:.32rem;color:#fff;padding:0 0.07rem;font-size:.20rem;margin-left:.18rem;border-radius:.04rem;}
.writer-txt{padding:0 .18rem .3rem;line-height:.42rem;border-bottom:1px #e6e6e6 solid;word-wrap:break-word}
.writer-txt span{color:#2196f3;position:relative;display:inline-block;height:.42rem;}
.writer-txt span:after{content:"";width:0;height:0;border:.13rem #fff solid;border-top-color:#2196f3;position:absolute;right:-.3rem;top:0.15rem}
.about{padding:.3rem .18rem 0;display:flex;display: -webkit-box;display: -moz-box;}
.about span{margin:auto;display:inline-block;padding-right:.25rem;}
.type-tag{padding:.3rem .18rem 0;}
.type-tag em{height:.4rem;line-height:.4rem;display:inline-block;margin:.05rem 0;}
.type-tag a{ height:.4rem; border:1px solid #ccc; padding:0 .3rem;display:inline-block; border-radius:.4rem; line-height:.4rem;margin:.05rem .1rem .1rem 0;background:#fafafa;} 
.type-tag .on{ background-color:#29acff; color:#fff; border:1px solid #29acff;}
.tit{font-weight:bold;font-size:.3rem;border-left:0.08rem solid #f46060;padding-left:.16rem}
.update-txt{padding:.2rem .14rem 0;line-height:.45rem;}
.update-txt .more-txt{color:#2196f3;}

.section2{box-shadow:2px 2px 1px #ddd;margin-bottom:.14rem;background:#fff;padding:.2rem 0;}
.section2 .tit{margin-left:.36rem;}
.xg-list{padding:.2rem .1rem 0;}
.xg-list li{width:50%;float:left;margin-bottom:.2rem;padding:0 .1rem;}
.xg-list li .pic,.xg-list li p{display:block}
.xg-list li .pic{position:relative;}
.xg-list li .pic span{height:.48rem;line-height:.48rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
.xg-list li .pic em{position:absolute;right:0;top:0;width:.8rem;height:.32rem;background:url(../images/list_type_icon.png) no-repeat;background-size:.8rem auto}
.xg-list li .pic em.rm{background-position:0 0;}
.xg-list li .pic em.xj{background-position:0 -.8rem;}
.xg-list li img{width:100%;display:block;height:1.86rem;margin:0 auto;}
.xg-list li p span{color:#999;font-size:.24rem;}
.xg-list li p span.sp1{float:left;background:url(../images/author_icon.png) no-repeat left center;background-size:.26rem auto;padding-left:.25rem;}
.xg-list li p span.sp2{float:right;}
.no-more{text-align:center;color:#666;padding:.1rem 0;}

.down-wrap{height:1.04rem;}
.download-box{position:fixed;bottom:0;left:0;}
.download-box{height:1.04rem;background:rgba(255,255,255,0.9);width:100%;padding-top:0.18rem;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.download-box img{float:left;width:.79rem;height:.79rem;border-radius:.08rem;margin-left:.42rem;}
.download-box .down-txt{float:left;margin-left:.5rem;}
.down-txt strong{display:block;height:.4rem;line-height:.4rem;font-size:.28rem}
.down-txt p{color:#999;font-size:.24rem;}
.download-box .down-btn{float:right;color:#fff;width:1.66rem;height:.68rem;line-height:.7rem;background:#3dc4cc;text-align:center;font-size:.3rem;border-radius:0.04rem;margin-right:.3rem;}


.downfixed{width:100%;background:rgba(0,0,0,.6);position:fixed;left:0;bottom:0;z-index:9999}
.downfixed .down{color:#fff;padding:.18rem;}
.downfixed .close,.downfixed .dest, .downfixed .dest img, .downfixed .dest p{float:left;}
.downfixed .downbtn{float:right;}
.downfixed .close{margin:.2rem .15rem 0 0;font-size:.6rem}
.downfixed .dest{font-size:.22rem;}
.downfixed .dest span{display:block;font-size:.3rem;margin:.1rem 0 .1rem }
.downfixed .downbtn{width:1.7rem;line-height:.54rem;text-align:center;font-size:.28rem;background:#3dc4cc;border-bottom:solid 2px #249ba2;border-radius:.06rem;color:#fff;margin:.23rem 0 0}
.downfixed .dest img{margin-right:.15rem;width:1rem;height:1rem;border-radius:.1rem;display:block}

.topbg{ height:.72rem}
.tophead{height:.72rem;background-color:#3dc4cc;position:fixed;z-index:5;top:0;left:0;width:100%;z-index:10;}
.tophead .tlogo{ width:2.4rem; height:.52rem; background:url(../images/tlogo.png) no-repeat; background-size:auto .52rem; float:left; margin:.1rem 0 0 .2rem}
.tophead .tsearch{ float:right; width:.38rem; height:.4rem; background:url(../images/tsearch.png) no-repeat; background-size:auto .4rem; margin:.16rem .2rem 0 0}