/* ---------------------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,li{margin:0; padding:0; list-style:none;}
img,button{border:0;}
img:hover{opacity:.9;}
a,.tit{text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover,.tit a:hover{text-decoration:none; color:#4baf4f;}
input:focus,textarea:focus{font-size:.28rem !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;}
.line4{-webkit-line-clamp:4;}
.line5{-webkit-line-clamp:5;}
/* img */
.img{display:block; width:100%; height:100%;}

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

/* ---------------------header CSS----------------------- */
/* head */
.head{position:relative; display:flex; align-items:center;}
.head .logo{display:block; width:.5rem; height:.5rem; margin:.18rem .15rem .18rem .26rem; border-radius:.05rem; overflow:hidden;}
.head .tit{display:flex; align-items:center; font-weight:400;}
.head .tit a{font-size:.32rem;}
.head .iconfont{position:absolute; right:.26rem; color:#666;}

/* ---------------------main CSS----------------------- */
/* common */
.main .text{margin:.3rem .3rem 0; line-height:.54rem; font-size:.3rem; text-align:justify; color:#333;}

/* color */
.color_blue .title1 .h2{background:#64c1e0;}
.color_blue .title2 .arr .iconfont{color:#64c1e0;}

/* title */
.title{display:flex; align-items:center; margin:.4rem .3rem -.1rem;}
.title .num{font-size:.52rem; font-family:Georgia; font-style:normal; color:#4baf4f;}
.title .ico{margin:0 .15rem; font-size:.4rem; font-style:normal; color:#4baf4f;}
.title .h2{font-size:.36rem; color:#222;}

/* title1 */
.title1{margin:.4rem 0;}
.title1 .ico{display:block; height:.55rem; background:#dfe8eb; border-radius:0 0 10px 10px; box-shadow:0 3px 3px #c2c9cc;}
.title1 .h2{position:relative; margin:-.5rem .3rem 0; line-height:.72rem; font-size:.36rem; font-weight:400; border-radius:0 0 10px 10px; box-shadow:0 5px 5px #c2c9cc; color:#fff; text-align:center;}

/* guide */
.guide{position:relative; z-index:2;}
.guide .ico1{position:relative; z-index:2; display:block; width:1rem; height:1rem; margin:-.5rem auto 0; background:#fff; border-radius:100%; overflow:hidden;}
.guide .tit{position:relative; z-index:4; margin-top:-.8rem; font-size:.33rem; color:#4baf4f; text-align:center;}
.guide .text{position:relative; z-index:3; margin-top:.1rem;}

/* ipit */
.ipit .tit{margin:.3rem .3rem -.18rem; font-size:.3rem; color:#333;}
.ipit .pic{display:block; margin:.3rem .28rem 0; border-radius:8px; overflow:hidden;}
.ipit .pic img{display:block;}
.ipit .li:last-child{margin-bottom:0;}

/* ipit_1 */
.ipit_1{position:relative;}
.ipit_1 .pic{position:relative; height:190px; overflow:hidden;}
.ipit_1 .pic i{display:block; width:49%; overflow:hidden;}
.ipit_1 .pic i:nth-child(1){height:100%;}
.ipit_1 .pic i:nth-child(2){position:absolute; right:0; top:0; height:48%;}
.ipit_1 .pic i:nth-child(3){position:absolute; right:0; bottom:0; height:48%;}
.ipit_1 .pic img{display:block; width:100%;}
.ipit_1 .pic i:nth-child(1) img{width:auto; height:100%;}

/* ipit_3 */
.ipit_3{display:flex; flex-wrap:wrap;}
.ipit_3 .li{position:relative; width:45.5%; height:6.2rem; margin:0 0 .24rem 3%; background:#f7f7f7; overflow:hidden;}
.ipit_3 .li .text{position:absolute; margin:0;}
.ipit_3 .li:nth-child(odd) .text{top:3.2rem;}
.ipit_3 .li:nth-child(even) .text{top:.4rem;}
.ipit_3 .li .text .tit{display:block; margin:0 .4rem .04rem; font-size:.3rem; font-weight:700; text-align:center;}
.ipit_3 .li .text .txt{margin:0 .4rem;}
.ipit_3 .li .pic{display:block; position:absolute; left:50%; width:2.4rem; height:2.4rem; margin-left:-1.2rem; border-radius:100%; overflow:hidden;}
.ipit_3 .li:nth-child(odd) .pic{top:.4rem;}
.ipit_3 .li:nth-child(even) .pic{bottom:.4rem;}
.ipit_3 .li .pic img{display:block; height:100%;}

/* ipit_11 */
.ipit_11 .pic{height:4rem; overflow:hidden;}
.ipit_11 .pic img{width:100%;}

/* ipit_22 */
.ipit_22 .li{position:relative; height:2.1rem; margin:.3rem .3rem .5rem; overflow:hidden;}
.ipit_22 .li .pic{position:absolute; width:3rem; height:100%; margin:0; overflow:hidden;}
.ipit_22 .li:nth-child(even) .pic{right:0;}
.ipit_22 .li .pic img{width:100%; height:100%;}
.ipit_22 .li .cont{position:absolute; left:3.3rem;}
.ipit_22 .li:nth-child(even) .cont{left:0; right:3.3rem;}
.ipit_22 .li .cont .tit{margin:0;}
.ipit_22 .li .cont .text{margin:.1rem 0 0; line-height:.5rem;}

/* ipit_33 */
.ipit_33 .li{margin-bottom:.5rem;}
.ipit_33 .li .pic{display:flex; justify-content:space-between;}
.ipit_33 .li .pic i{display:flex; justify-content:center; width:32%; height:2.1rem; overflow:hidden;}
.ipit_33 .li .pic img{height:100%;}

/* ipit_44 */
.ipit_44 .li{display:flex; margin:.4rem .3rem .5rem; overflow:hidden;}
.ipit_44 .li .ico{display:flex; justify-content:center; align-items:center; width:.6rem; height:.6rem; margin-right:.3rem; border:#4baf4f 1px solid; border-radius:100%; color:#4baf4f; font-size:.28rem; font-family:Georgia; font-style:normal; overflow:hidden;}
.ipit_44 .li .cont{flex:1;}
.ipit_44 .li .cont .pic{height:4rem; margin:0;}
.ipit_44 .li .cont .pic img{width:100%;}
.ipit_44 .li .cont .tit{margin:.2rem 0 .1rem;}
.ipit_44 .li .cont .text{margin:0; line-height:.5rem;}

/* list */
.mt30{margin-top:.5rem;}
.box_h2{margin-left:.24rem; font-size:.36rem; font-weight:400;}
.list .ad{padding:.22rem 0 .12rem; border-bottom:#f5f5f5 1px solid;}
.list .ad_threepic{padding:.22rem 0 .08rem; border-bottom:#f5f5f5 1px solid; overflow:hidden;}
.list .ad_guess{margin-top:-1px; padding-top:.1rem; background:#fff;}
.list .li{display:block; padding:.32rem .31rem; border-bottom:#f5f5f5 1px solid;}
.list .li:hover{background:#fafafa;}
.list .li .tit{font-size:.32rem; line-height:.4rem; color:#333;}
.list .li .txt{width:60%; margin-top:.16rem; font-size:.26rem; color:#999;}
.list .li .info{font-size:.24rem; color:#999;}

.article_wrap .graphic{display:flex; justify-content:space-between;}
.article_wrap .graphic .text{position:relative; flex:1;}
.article_wrap .graphic .info{position:absolute; bottom:0; right:0;}
.article_wrap .graphic .pic{width:2.3rem; height:1.4rem; margin-left:.34rem; overflow:hidden;}

/* past */
.past{position:relative; display:flex; overflow-x:auto;}
.past .li{display:block; width:1.8rem; margin:.2rem 0 0 .2rem; text-align:center; overflow:hidden;}
.past .li .pic{display:block; width:100%; height:1.34rem; margin-bottom:.1rem;}

/* ---------------------backtop CSS----------------------- */
.backtop{position:fixed; bottom:.8rem; right:.38rem; display:flex; justify-content:center; align-items:center; width:.9rem; height:.9rem; background:rgba(102,208,102,.8); border-radius:.05rem;}
.backtop .iconfont{font-size:.42rem; color:#fff;}

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

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

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

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

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

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

@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;}
}

@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1598924755859'); /* IE9 */
    src: url('iconfont.eot?t=1598924755859#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOMAAsAAAAAB7QAAAM/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqCcII9ATYCJAMQCwoABCAFhG0HRRusBhHVm5PIfiTYtnDWu1LzUegUWmR9CeJ5u6pe95/ZXoMnILIcQQgv0mzO9cBGRaiRnH3y6AtJx9ml2VMAGHA5/ZYlMM+yXMZcNDbNSQEGlga2J7ZFSgsk94axmwga4nEIYEMAcUhZRV1rDBRgnAAyeEC/HhgZE6ohXTAQzBVLlZ0swoShzdbuAQv59+UHKWKAhkkHTG3qW96bos/yuVKfZJlEZ0ogns4BGKtAB+IABdK/0tUTPYrGoWPj9VZkAAYGGkzV4fu50mJRJEdRGdAN2uA/T8yAVDsA0uSYDp8Fc6HBZ19RlbpSljxAkQLA4ImShgJzAHQ33kFDQ8JCfMS+m1p93tZx7kWRtRfnnvdm08MypxuPQ0xbn1Tabz8/6ZyNzbZzE1rvmnNhcmy7G29brzpls2yFx44jvk8+tGm7Z/LFudFtlq+etGqQrNxpK3O3u/fZPSlKds2J6dub5MieybH9JuyySQujF9v7JHrq9jqb1gGrA1r7TrJrk9vG7rpndfWIyNE1tVb3rGpqRtgvKksv87n1oE02c27eTMnomxHa1PQ9pHPrmz0jPLpvTlldNLvbx/brZjh0aBOa3i8j5eq1Vad8TnJlCWf/Ojv/Pbt165zyOewq39WnL+Qz+25mq9O2biWpKXZZUOiucQNXl60hyStKZDtJgJH6H20/WC7qZr34F/2GVfLiXzfHvN+GrQLgxahbD3iRZbFK1IfAexZ3Fv+QCpUAFotKTSmIKAU0iLikux9FxeAcDbDBBkum+Fx4PYXO/V7jgoF7Ag0r/KFjEEZStDiYsCUNZgwKYUMslattcWUkOqKsgRimSxCcOAgNBy5Cx4n7JEV7BRMe/IIZJ9FhQ1tx3dKWCNFrm9KRaBQ92B/UjgdCVj2I9BuGqTOSlnLGCyXWAciTLJ+44oAyxYz4DoUqAQn3cJFOw65jGIUbdJpUqmOZplT1pMRxPztwFDSKHuwPascD0fZ6KHz+hmHqjDTU9XhfKLHuHvIk60C6qoZOdbdyTnyHQpWAhHu4SA7sYJRhrB7UoNOkGhAey1RpRV1VyfKa/gUKjSbAQ5RooosSE9uJ/SczkFn16TPkh/8YjmZoasOzGQA=') format('woff2'),
    url('iconfont.woff?t=1598924755859') format('woff'),
    url('iconfont.ttf?t=1598924755859') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1598924755859#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconzhuanfa:before {
    content: "\e647";
}

.iconeen1:before {
    content: "\e601";
}

.iconzuosanjiao:before {
    content: "\e61b";
}