/* ---------------------reset CSS----------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dd,p,form{margin:0;}
body{font:14px/1.5 'Microsoft Yahei',tahoma,arial,sans-serif; background:#fff; color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-input-placeholder{color:#999;}
input,textarea,select{font-size:16px; font-family:inherit; -webkit-appearance:none;}
h4,h5,h6{font-size:1em;}
ul,ol{margin:0; padding:0; list-style:none;}
img,button{border:0;}
a{text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover{text-decoration:none;}
input:focus,textarea:focus{font-size:.25rem !important;}

/* ---------------------common CSS----------------------- */
/* line */
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.line1{-webkit-line-clamp:1;}
.line2{-webkit-line-clamp:2;}
.line3{-webkit-line-clamp:3;}
/* img */
.img{display:block; width:100%; height:100%;}
/* divid_line */
.divid_line{display:block; height:.16rem; background:#f4f5f6;}

/* ---------------------wrapper CSS----------------------- */
.max750{max-width:750px; margin:0 auto; overflow:hidden;}

/* ---------------------header CSS----------------------- */
.header{position:fixed; z-index:9; width:100%;}
/* head */
.head{display:flex; align-items:center; width:100%; height:1rem; background:#7bca0b; color:#fff;}
.head_logo{display:block; width:.54rem; height:.54rem; margin-left:.26rem; background:#fff; border-radius:.05rem; overflow:hidden;}
.head_tit{margin-left:.15rem; font-size:.35rem; font-weight:500;}
/* menu */
.menu{position:absolute; top:.22rem; right:0; width:.8rem; text-align:center;}
.menu .iconfont{font-size:.36rem; cursor:pointer;}
.menu_nav{position:fixed; top:0; left:0; z-index:9; display:none; width:100%; height:100vh; background:#fff; z-index:10; background:#f3f3f3; overflow-y:scroll;}
.menu_nav_ico{position:fixed; top:0; left:0; display:flex; justify-content:space-between; align-items:center; width:94%; height:1rem; padding:0 3%; background:#7bca0b; color:#fff; text-align:center;}
.menu_nav_ico em{width:.54rem; height:.54rem; font-size:.36rem; border:1px #fff solid; border-radius:100%; cursor:pointer;}
.menu_nav dt em .iconfont{font-size:.3rem;}
.menu_nav_list{padding-top:.9rem; text-align:left;}
.menu_nav_tit{display:block; padding:.3rem .3rem .15rem; font-size:.36rem; font-weight:400; color:#333;}
.menu_nav_con{display:flex; flex-wrap:wrap; padding:.1rem .3rem; background:#fff;}
.menu_nav_con a{margin:.05rem .4rem .05rem 0; font-size:.32rem; color:#666;}
/* nav */
.head_nav{position:relative; display:flex; padding-left:.15rem; background:#fff;}
.head_nav a{margin:0 0 0 .12rem; line-height:.9rem; font-size:.32rem; font-weight:400;}
.head_nav .on{color:#3cac4c;}

/* ---------------------content CSS----------------------- */
.content{padding-top:1.9rem;}
/* cont_tit */
.cont_tit{margin:15px 15px; line-height:32px; font-size:24px; font-weight:400;}
.cont_come{display:flex; justify-content:space-between; align-items:center; margin:0 15px;}
.cont_name{display:flex; align-items:center;}
.cont_name i{width:32px; height:32px; margin-right:10px; border-radius:100%; overflow:hidden;}
.cont_name em{font-size:14px; font-style:normal; color:#666;}
.cont_time{font-size:13px; color:#999;}

/* cont */
.box_tit{display:flex; justify-content:space-between; align-items:center; padding:20px 15px 15px;}
.box_h2{display:flex;}
.box_h2 span{width:25px; height:25px; margin-right:8px; line-height:18px; border-radius:100%; text-align:center; overflow:hidden;}
.bg_red{background: linear-gradient(#ff5b3f, #ff2e67);}
.bg_yellow{background: linear-gradient(#ffc72a, #ffaf34);}
.bg_green{background: linear-gradient(#a8e540, #71d328);}
.bg_blue{background: linear-gradient(#31cff4, #2590f2);}
.bg_purple{background: linear-gradient(#22d4d4, #17d2b7);}
.box_h2 .iconfont{font-size:10px; color:#fff;}
.box_h2 em{font-size:17px; font-style:normal; font-weight:400;}
.box_tit a{font-size:14px; font-weight:400; color:#666;}
/* headline */
.headline_li{display:flex; justify-content:space-between; padding:15px; background:#fff; border-bottom:1px #f5f5f5 solid;}
.headline_li:hover{background:#fafafa;}
.headline_img{width:115px; height:70px; margin-left:15px; overflow:hidden;}
.headline_text{flex:1;}
.headline_tit{line-height:26px; font-size:16px; font-weight:400;}
.headline_tag{margin-top:10px; font-size:13px; color:#999;}
.headline_time{display:flex; justify-content:space-between; align-items:center; margin-top:15px; font-size:12px; color:#939393;}
.headline_key{padding:1px 6px; border:#ebebeb 1px solid; border-radius:3px;}

#read-more{position:relative; z-index:2; margin-bottom:-.3rem; padding:5px 0; background:#fff;}
.headline_more,.fadeOut,.fadeIn{display:block; width:3rem; margin:.3rem auto .5rem; padding:.1rem .15rem; font-size:.28rem; color:#feb139; border:#feb139 .02rem solid; border-radius:3rem; letter-spacing:.01rem; text-align:center; overflow:hidden;}

/* news */
.news_ul{padding:0 15px 20px;}
.news_li{padding:6px 0; font-size:15px;}
.news_li i{font-style:normal; color:#999;}
.news_li .red{color:#ff0000;}
.news_li .orange{color:#fc7039;}
.news_li .yellow{color:#fd8607;}
/* ask */
.ask_ul{padding:0 15px 20px;}
.ask_li{padding:15px 0; border-bottom:1px #f5f5f5 solid; overflow:hidden;}
.ask_tit{font-size:16px; font-weight:400;}
.ask_con{position:relative; margin-top:10px; padding:10px 6px; line-height:26px; font-size:15px; background:#f2f2f2; color:#999;}
.ask_ico{position:absolute; top:13px; width:20px; height:20px; line-height:20px; font-size:13px; font-style:normal; background:#feb139; border-radius:3px; color:#fff; text-align:center;}
.ask_txt{text-indent:26px;}

/* ---------------------backtop CSS----------------------- */
.footnav{position:fixed; z-index:9; right:15px; display:flex; justify-content:center; align-items:center; width:.9rem; height:.9rem; background:rgba(123,202,11,0.8); border-radius:100%; overflow:hidden;}
.footnav .iconfont{font-size:.42rem; font-weight:600; color:#fff;}
.backtop{bottom:2.1rem;}
.backhome{bottom:1rem;}

/* ---------------------screen CSS----------------------- */
@media screen and (max-width:321px){
    html{font-size:43px;}
}

@media screen and (min-width:360px){
    html{font-size:48px;}
}

@media screen and (min-width:375px){
    html{font-size:50px;}
}

@media screen and (min-width:384px){
    html{font-size:51px;}
}

@media screen and (min-width:400px){
    html{font-size:53px;}
}

@media screen and (min-width:411px){
    html{font-size:55px;}
}

@media screen and (min-width:480px){
    html{font-size:64px;}
}

@media screen and (min-width:600px){
    html{font-size:80px;}
}

@media screen and (min-width:640px){
    html{font-size:85px;}
}

@media screen and (min-width:750px){
    html{font-size:100px;}
}