@charset "utf-8";
/*html5 reset*/
*{
    margin: 0;padding: 0;}
body{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*ios 禁止字体调整*/
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}


html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;


}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
:focus{outline:none;}
img{vertical-align:middle;border:0 none;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
section{display:block;margin:0 auto;}
header,footer{margin:0 auto;width:100%;}
em,i{font-style:normal;}
/*html,body{width:100%;height:100%; font-size:16px;}*/

u,del{text-decoration:none;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="password"],input[type="text"],input[type="date"],button{-webkit-appearance:none;outline:none;}
ul, li, ol, p {
    list-style: none
}
h4, h5, em {
    font-style: normal;
    font-weight: 400
}
h3 {
    font-style: normal;
    font-weight:normal;
}
a {
    color: #4d525d;
    text-decoration: none;
}
a:link {
    color: #4d525d;
    text-decoration: none;
}
a:visited {
    color: #4d525d;
    text-decoration: none;
}
a:hover {
    color: #4d525d;
    text-decoration: none;
}

.hide{display:none}
.clearfix:after {clear: both;display: table;content: " "}
.fl {
    float:left
}
.fr {
    float:right;
}


.bordernone{border: none !important;}
.dd-logo{ position:relative;}

.dd-logo img{display:block;width:100%;text-indent:-999rem;
    height: 1.6rem;
    background: #e9e9e9;
}

.indexbanner{
    width: 10rem;
    height: 4.45rem;
    background: url("../images/WeChat/w_index.jpg") no-repeat;
    background-size: 100% 100%;
    z-index: 1000;
    margin: auto;
}
.act-nav{text-align:center;width:10rem;padding: 0.1333rem;margin: auto;
    background: #fff;border-bottom: 0.02667rem solid #ededed;}
.act-nav .index-nav {overflow:hidden;margin: 0 auto;box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center !important;}
.act-nav .index-nav li{display: inline;float: left;}
.act-nav .index-nav a{display: block;width: 2.4rem;height: 2.1rem;}
.act-nav .index-nav a img{display: block;width: 1.333rem;height: 1.333rem;margin: 0.1333334rem 0.666667rem ;}
.act-nav .index-nav a span{display: block;width: 2.4rem;font-size: .32rem;color:#222222;text-align: center;    margin: 0.05rem 0.15rem;}

.act-notice{width: 10rem;margin:auto;height: 1.12rem;border-bottom: 0.02667rem solid #ededed;background: #fff;font-family:"PingFang SC"; font-size: 0.42667rem;}
.act-notice .titler{float:left;width:2.667rem;font-weight: bolder;color: #333333;margin-left: 0.53rem;display: inline-block;margin-top: 0.2667rem; }
.act-notice .titler span{display: inline-block;background: #ff7200;color: #fff;border-radius: 0.1rem; padding: 0 0.1rem;margin-right: .16rem;height: 0.667rem;    line-height: .688rem;}
.act-notice .titler i{margin: auto 0.1rem;color: #d4d3d3;}
.act-notice #scroll_div { overflow: hidden;white-space: nowrap;width:6.5rem;display: inline-block;line-height: 1.2rem;}
.act-notice #scroll_begin li,.act-notice #scroll_end li{display: inline;width:6.5rem;}
.act-notice #scroll_div .scrollnav{float: left;}
.act-notice #scroll_div .scrollnav a i{color: #ff7200;}

.indexinfobox{
    background: #fff;width: 10rem;
    height: auto;
    margin: auto;
    padding: 0.2667rem 0.333rem;
    min-height: 7rem;
    font-family:"PingFang SC Medium";
    border-top: 0.02667rem solid #fff;
}
.indexinfobox .title{
    font-size: 0.42667rem;display: inline-block;border-left: 0.10667rem solid #f6942a;padding-left: 0.2rem;height: 100%;font-weight: bold;font-family:"PingFang SC";margin-bottom:0.4rem;
}


/*start active*/
.flag-ul{
    margin-left: 0.8rem;
}
.flag {
    display: table;
    width: 100%;
    background-color: #fff;
    position:relative;
    border-bottom: 0.02667rem solid #ebeced;
}
/*.flag:after {*/
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*height: 1px;*/
    /*height: 0.0266667rem;*/
    /*content: '';*/
    /*-webkit-transform: scaleY(.5);*/
    /*transform: scaleY(.5);*/
    /*background-color: #c8c7cc;*/
/*}*/

.flag .flag-item {
    display: table-cell;
    padding: .16rem 0;
    vertical-align: top;
    background-color: #fff;
    font-size: 0.32rem;
}
.flag .flag-item.figcaption {
    width: 133.333333rem;
    padding-top: 0.1rem;;
    position: relative
}

.flag .flag-img {
    border-right: 0.04rem;
    display: inline-block;
    width: 3.54667rem;
    height: 2.333rem;
    margin-right: 0.2667rem;
}

.flag .flag-foot{
    position: absolute;bottom: 0.2rem;
}
.flag .flag-foot .btntop{
    color: #f6942a;
    border: solid #f6942a 0.02667rem;
    padding: .04rem 0.1rem;
    border-radius: 0.04rem;
}
.flag .flag-foot .from{color: #a2a8ab;padding: 0 0.2rem;}
.flag .flag-foot .read{color: #686b6d;padding-left: 0.4rem;}

.flag .flag-title{

    line-height: 1.25;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    font-weight: bold;
    font-size: 0.42667rem;
}

.flag .flag-btn {
    position: absolute;
    color: #fff;
    width: 92px;
    width: 1.226667rem;
    height: 53px;
    height:0.70667rem;
    font-size: 12px;
    font-size: 0.32rem;
    top:0.70667rem;
    right:0.53333rem;
    text-align: center;
    padding: 4px;
    padding: 0.10667rem;
    padding-left:0.1rem ;

}
.flagbtn{
    border: 1px solid #d43f3a;
    border: 0.027777rem solid #d43f3a;
    color: rgb(193, 23, 30) !important;}
.flag-hot{
 height: 3.2rem;
    padding-top: 0.53rem;
}
.flag-hot  .flag-item.figcaption{
    height: 2.5rem;
}
.flag-foot .btnhot{
    color: #f44022;
    border: solid #f44022 0.02667rem;
    padding: .04rem 0.1rem;
    border-radius: 0.04rem;}
.flag-foot .btnadv{
    color: #17d7ee;
    border: solid #17d7ee 0.02667rem;
    padding: .04rem 0.1rem;
    border-radius: 0.04rem;}
.indexinfobox .morebtn{
    height: 1.2rem;
    width: 90%;
    line-height: 1.2rem;
    padding:0.33rem auto;
    margin: auto;
    text-align: center;
    color: #83919a;
    font-family: "PingFang SC Regular";
    font-size: 0.42667rem;
    border-radius: .1rem;
    border: .02667rem solid #f5f5f5;
    box-shadow:0.02rem 0.05rem 0.03rem 0.01rem #f5f5f5;
    margin-bottom: 0.4rem;
}
 .morebtn{
    height: 1.2rem;
    width: 90%;
    line-height: 1.2rem;
    padding:0.33rem auto;
    margin: auto;
    text-align: center;
    color: #83919a;
    font-family: "PingFang SC Regular";
    font-size: 0.42667rem;
    border-radius: .1rem;
    border: .02667rem solid #f5f5f5;
    box-shadow:0.02rem 0.05rem 0.03rem 0.01rem #f5f5f5;
    margin-bottom: 0.4rem;
     display: block;
}
.indexspace{
    height:0.2667rem;width: 10rem;
    background: #ebf2f7;margin: auto;
    box-shadow: 0 0.0667rem 0.2rem -0.13rem rgba(177, 177, 177, .8) inset;
}
/*article*/
.article{
    width: 10rem;
    margin: auto;
    font-family: "PingFang SC Medium";
    background: #fff;

}
.article .title{
    padding: 0.6rem 0.4rem 0.4rem;
    font-size:0.50667rem;
    color: #1e1e1e;
    font-weight: bold;
}
.articlebgfff{
    background: #fff;
    height: 100%;
    width: 100%;
}
.article .time{
    font-family: "PingFang SC Medium";
    color: #878b8d;
    font-size:0.32rem;
    padding-left: 0.4rem;
}
.article .content{
    padding: .2rem;
    font-family: "PingFang SC Regular";
    font-size:0.42667rem;
    color: #333333;
    padding-bottom: 0.8rem;
}
.article .content .img{
    padding: 0.18667rem 0.133rem;
    border-radius: 0.04rem;
    width: 100%;
    height: 100%;
    border: .02667rem solid #f7f7f7;
    box-shadow:0 0 0.2rem 0 rgba(177, 177, 177, .3);
    margin: 0.47rem auto;
}
/*answer*/

.answer{
    width: 10rem;
    margin: auto;
    font-family: "PingFang SC Medium";
    background: #fff;
    word-break:break-all;
}
.answer .title{
    padding: 0.6rem 0.4rem 1rem;
    font-size:0.50667rem;
    color: #1e1e1e;
    font-weight: bold;

}
.answer .boxshadow{
    height:0.2667rem;width: 10rem;
    background: #ebf2f7;margin: auto;
    box-shadow: 0 0.0667rem 0.2rem -0.13rem rgba(177, 177, 177, .8) inset;
}
.answerbgfff{
    background: #fff;
    height: 100%;
    width: 100%;
}
.answer .content{
    padding: .2rem;
    font-family: "PingFang SC Regular";
    font-size:0.42667rem;
    color: #333333;
    padding-bottom: 0.8rem;
}
.answer .content .img{
    padding: 0.18667rem 0.133rem;
    border-radius: 0.04rem;
    width: 100%;
    height: 100%;
    border: .02667rem solid #f7f7f7;
    box-shadow:0 0 0.2rem 0 rgba(177, 177, 177, .3);
    margin: 0.47rem auto;
}
.answer .flag .flag-img {
    border-right: 0.04rem;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.2667rem;
    border-radius:0.7667rem;
    margin-top: 0.15rem;
}
.answer .flag-top{
    position: relative;
}
.answer .flag-top .time{
    color: #808080;
    font-size: 0.34667rem;
    position: absolute;
    right: 0.4rem;
}
.answer .flag-top .name{
    color: #008b8f;
    font-size: 0.37333rem;
    font-family: "PingFang SC Medium";
}
.answer .flag .info{
    line-height: 1.25;
    font-family: "PingFang SC Regular";
    font-size: 0.37333rem;
    padding-top: 0.2rem;
}
.answer .btnmore{
    padding: .2rem 0;
    display: block;
}
.answer .flag {
    border-bottom: 0.02667rem dashed #d8d8d8;
}

/*question*/
.question{
    width: 10rem;
    margin: auto;
    font-family: "PingFang SC Medium";
    background: #fff;
    padding:0 0.2667rem;
    word-break: break-all;
}
.question .questionbox{
    padding: 0.4rem 0.2667rem 0.2rem;
    overflow: hidden;
    border-bottom: 0.02667rem solid #ededed;
}
.question .questionbox .title {
    font-size: 0.42667rem;
    display: inline-block;
    border-left: 0.10667rem solid #f6942a;
    padding-left: 0.2rem;
    height: 100%;
    font-weight: bold;

    margin-bottom: 0.4rem;
}
.question .questionbox .name{

    font-size: .4667rem;
}
.question .questionbox .name .img{
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: middle;
    display: inline-block;
    border-radius: 0.78rem;
}
.question .questioninfo{
    padding: 0.4rem 0.2667rem 0.2rem;
}
.question .questioninfo .title{
    font-size: 0.50667rem;
    color: #1e1e1e;
    font-weight: bold;
    padding: 0.4rem 0 0;
    line-height: 1.25;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
}
.question .questioninfo .foot{
    color: #8c9395;
    font-size: .32rem;
    padding-top: 0.4rem;
    padding-bottom: 0.52rem;
    border-bottom: .002667rem solid #ededed;
}
.question .questioninfo .foot .time{
    width: 4.8rem;
    display: inline-block;
}
.question .questioninfo .foot .read{
    width: 2rem;
    display: inline-block;
}
.question .questioninfo .foot .classinfo{
    display: block;
}
.question .questioninfo .foot .status{
    color: #0dc6d2;
    font-weight: bold;
}
.displayblock{
    display: block;
}
.question .questionul{
    margin-bottom: 0;
}
.question .questionul li:last-child .foot{
    border: none;
}
.question .box{
    width: 9.41rem;
    height: 5rem;
    border-radius: .06rem;
    background: #fffef9;
    margin: 0.2667rem auto;
    border: 0.02667rem solid #ededed;
    padding:0.333rem 0.4rem;
    font-size: 0.4rem;
    outline:none;
    resize:none;
    display: block;
}
.question .btnok{
    width: 8.9rem;
    height: 1.46rem;
    margin:.2rem auto .6rem;
    display: block;
    background: #20a4e9;
    color: #fff;
    font-size: .45333rem;
    font-weight: bold;
}

/*sign*/
.signbox{
    width: 10rem;
    margin: auto;
    font-family: "PingFang SC Medium";
    background: #fff;
    padding:0 0.2667rem;

}
.signbox .signboxtop{
    padding: 0.4rem 0.2667rem 0.2rem;
    overflow: hidden;
}
.signbox .signboxtop .title{
    color: #707577;
    font-size: .37333rem;
}
.signbox .signboxtop .title .titleinfo{
    color: #1e1e1e;
    font-size: 0.50667rem;
    font-weight: bold;
    display: block;
}
.signbox .signboxtop .name{

    font-size: .4667rem;
}
.signbox .signboxtop .name .img{
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: middle;
    display: inline-block;
    border-radius: 0.78rem;
}
.signbox .signboxtime{
    padding: 0 0 0.2rem;
    display: block;

}
.signbox .signboxtime .title{
    color: #707577;
    font-size: .37333rem;
}
.signbox .signboxtime .title .titleinfo{
    color: #1e1e1e;
    font-size: 0.45333rem;
    font-weight: bold;
    display: block;
}
.signbox .btnok {
    width: 4rem;
    height: 1.4rem;
    margin: .4rem auto .2667rem;
    display: block;
    background: #20a4e9;
    color: #fff;
    font-size: .45333rem;
    font-weight: bold;
}
.signbox .signinfos{
    padding: 0.4rem 0.2667rem 0.2rem;
    overflow: hidden;
    border-bottom: 0.02667rem solid #ededed;
    margin-bottom: 0.2rem;
}
.signbox  .notes{
    padding: 0.1333rem;
    color: #535557;
    font-size: .42667rem;
}
.signbox  .notes .time{
    padding: 0 0.2667rem;
}

.signbox .signinfos .title {
    font-size: 0.42667rem;
    display: inline-block;
    border-left: 0.10667rem solid #f6942a;
    padding-left: 0.2rem;
    height: 100%;
    font-weight: bold;
    margin-bottom: 0.4rem;
}


.signbox  .notes .line{
    display: inline-block;
    position: relative;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: .78rem;
    border: .08rem solid #0ed7d5;
    vertical-align: middle;
    z-index: 1000;
    background: #fff;
    padding-top: 10px;
}
.signbox  .notes .icon{
    width: 0.45rem;
    height: 0.43rem;
    background: #fff;
    z-index: 1000;
    margin-left: -0.35rem;
}
.signbox  .notes .lineafter{
    position: absolute;
    right: 0;
    top: 0.08rem;
    width: .12rem;
    margin: auto;
    border-radius: 1rem;
    left: 0;
    height: 0.1rem;

    background-color: #0ed7d5;
}
.signbox .boxline{
    border-left: .04667rem solid #e2f3f3;
    width: 9rem;
    margin: auto;
    padding-bottom: 0.8rem;
}

/*login*/
.loginbox{

}
.loginbox .banner{
    background: url('../images/WeChat/loginbg.png') no-repeat;
    width: 10rem;
    height: 11.2rem;
    background-size: 100% 100%;

    margin: auto;
    position: relative;
}
.loginbox .banner .space{
    width: 10rem;
    height: 7.6rem;
}
.loginbox .banner .login{
    font-family: "PingFang SC Regular";
    font-size: 0.42667rem;
    font-weight: bold;
    width: 6.2rem;
    height: 4rem;
    margin: auto;
}
.loginbox .banner .loginform .form-group {  margin-bottom: 0.66rem;}
.loginbox .banner .loginform .form-group .form-control {
    border-style: none;
    box-shadow:none;
}
.loginbox .banner  .btnlogin{
    width: 9rem;
    height: 1.2667rem;
    background: #2db3f3;
    color: #fff;
    font-size: 0.4533rem;
    font-family: "PingFang SC Medium";
    font-weight: bold;
    border-radius: 0.8rem;
    margin:0.2rem auto 0.6rem;
    display: block;
}
.m_table{
    width: 9.4rem;
    height: auto;
    margin: auto;

    vertical-align: text-bottom;
}
.m_table tbody tr:last-child{
    border-bottom: 0.0277rem solid #ddd;
}
.m_table tr{
    line-height:1rem;
    height: 1rem;
}

.m_table .btnadv {
    color: #17d7ee;
    border: solid #17d7ee 0.02667rem;
    padding: .1rem 0.3rem;
    border-radius: 0.04rem;
    background: #fff;
}