*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{line-height:1.5;font-size:16px;font-family:HelveticaNenu,Helvetica,microsoft yahei;background:#fff;max-width:800px;margin:0 auto;}a,body{color:#333}a{text-decoration:none}li,ul{list-style:none}em,i{font-style:normal}img{max-width:100%;width:100%;}.hide{display:none!important}.container{padding:15px}.keytop{width:100%;background:url(../images/keyheader.jpg) no-repeat center;background-size:100% 100%;}.keylogo{width:60%;margin:0 auto;padding:15px 0;}.keylogo img{width:100%;vertical-align:top;}header .nav{position:absolute;left:15px;right:15px;bottom:8px;height:46px;line-height:46px;padding-left:5px;border:1px solid #ddd;border-radius:10px;background:#fff}header .nav div{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;vertical-align:top}header .nav a{display:inline-block;padding:0 10px;white-space:nowrap;font-size:16px;color:#666}header .nav a.on{position:relative;color:#000;font-weight:700}header .nav a.on:before{position:absolute;left:30px;right:30px;bottom:6px;content:"";border-top:3px solid #479fe4}header .nav span{position:absolute;display:block;top:0;right:0;height:44px;line-height:60px;width:50px;overflow:hidden;border-left:1px solid #eee;border-radius:0 10px 10px 0;text-align:center;cursor:pointer;font-size:12px;-webkit-box-shadow:rgba(0,0,0,.3) -2px 0 8px;box-shadow:-2px 0 8px rgba(0,0,0,.3);background:#fff}header .nav span:before{position:absolute;top:4px;left:15px;content:"";width:20px;height:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background:url(../images/icon_back_gray.png) 50% no-repeat;background-size:18px auto}.icon-play{display:block;position:relative}.icon-play:after{display:block;position:absolute;top:50%;left:50%;content:"";width:70px;height:70px;margin-top:-35px;margin-left:-35px;border:2px solid #3860a4;border-radius:50%;background:url(../images/icon_play.png) 22px no-repeat;background-size:35px;background-color:rgba(44,72,88,.7)}.nav-wrap{position:absolute;left:0;right:0;top:0;bottom:0;z-index:99;background:#02b99a;background:linear-gradient(-30deg,#548ae6,#3eade2 40%,#19e5da)}.nav-wrap p{height:80px;background:url(../images/logo_white.png) 50% no-repeat;background-size:70% auto}.nav-wrap div{margin:0 20px;padding-top:30px;overflow:hidden;border-top:1px solid #fff}.nav-wrap div a{display:block;width:25%;height:40px;line-height:40px;padding:0 8px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff}.nav-wrap div a.on{font-weight:700}.nav-wrap em{display:block;padding-top:100px;text-align:center}.nav-wrap em a{display:inline-block;width:60px;padding-top:45px;color:#fff;background:url(../images/icon_close.png) top no-repeat;background-size:40px auto}.foot_new{background:#F7F7F7;padding-top:10px;}.foot_new .footlogo{border-bottom:1px solid #DDDDDD;height:50px;background:url(../images/logo.png)  no-repeat center top;background-size:auto 36px;}.foot_new .copyright{font-size:13px;padding-top:10px;line-height:20px;border-top:1px solid #FFF;color:#B7BBC2;text-align:center;padding-bottom:10px;}.art_body{background:#eee;}.key-tittop{width:100%;position:relative;z-index:1;background:#fff;margin-bottom:10px;margin-top:10px;}.key-titname{font-size:24px;padding:20px 15px 20px 28px;line-height:160%;position:relative;z-index:1;}.key-titname:before{content:'';position:absolute;z-index:5;top:50%;margin-top:-11px;width:4px;height:22px;background:#5686F1;left:15px;}.key_box{padding:15px;overflow:hidden;background:#fff;margin-bottom:10px;}.key_boxtit{font-size:20px;padding-bottom:5px;}.keytime{position:absolute;color:#fff;font-size:12px;z-index:11;width:50px;height:24px;text-align:center;border-radius:20px;line-height:24px;background-color:rgba(0,0,0,.65);bottom:6px;right:6px;}.keylist dl{padding:8px 0;overflow:hidden}.keylist dt{width:35%;float:left;margin-right:15px;position:relative;z-index:1;}.keylist dt img{display:block;width:100%;height:100%;}.keylist dd{overflow:hidden}.keylist dd b{display:block;font-size:16px;font-weight:normal;height:30px;line-height:30px;margin-bottom:10px;}.keylist dd b,.keylist dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keylist dd span{display:block;font-size:12px;color:#999;height:24px;}.keylist dd span a{display:block;float:left;border:1px solid #ddd;border-radius:10px;height:22px;line-height:22px;padding:0 8px;margin-right:6px;color:#999;}.keyques{margin-top:-5px;}.keyques li{width:100%;border-bottom:1px dotted #e8e8e8;padding:10px 0 12px 0;}.key_que{line-height:30px;padding-left:30px;position:relative;background:url(../images/question-icon.png) no-repeat left center;background-size:auto 24px;margin-bottom:5px;}.key_ans{font-size:14px;line-height:24px;color:#777;}.key_ans i{color:#f38f8f;}.keyques li:last-child{border-bottom:none;}.art_body{background:#eee;}.art_top{width:100%;position:relative;z-index:1;}.art_top img{display:block;width:100%;}.art_top_int{position:absolute;width:100%;z-index:11;left:0;bottom:0;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));box-sizing:border-box;padding:10px 15px;}.art_top_int a{color:#fff;}.art_top_tit{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.art_top_con{height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#ccc;}.art_box{padding:15px;overflow:hidden;background:#fff;margin-bottom:10px;}.art_boxtit{font-size:20px;padding-bottom:5px;position:relative;z-index:1;padding-left:15px;font-weight:bold;}.art_boxtit:before{content:"";position:absolute;left:0;top:50%;width:4px;height:16px;background:#307AF2;margin-top:-8px;}.art-pics{overflow:hidden;padding-top:8px;}.art-pics li{width:48%;margin-bottom:15px;float:left;}.art-pics li:nth-child(2n){float:right;}.art-pics li span{display:block;width:100%;overflow:hidden;position:relative;z-index:1;border-radius:5px;}.art-pics li span img{display:block;width:100%;}.arttime{position:absolute;color:#fff;font-size:12px;z-index:11;width:50px;height:24px;text-align:center;border-radius:3px;line-height:24px;background-color:rgba(0,0,0,.5);bottom:10px;right:10px;}.art-pics li b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px;line-height:36px;font-weight:normal;}.art-pics dd a{display:inline-block;position:relative;padding:3px 7px 3px 24px;margin:4px 3px;margin-left:0;overflow:hidden;white-space:nowrap;border:1px solid #eee;border-radius:20px;font-size:12px}.art-pics dd a:before{top:6px;left:7px;width:14px;height:14px}.art-pics dd a:after,.photos dd a:before{position:absolute;content:"";border-radius:50%}.art-pics dd a:after{top:8px;left:9px;width:10px;height:10px;background:#fff}.art-pics dt a span{position:relative;padding-top:57%;border-radius:4px;background-position:50%;background-repeat:no-repeat;background-size:100% auto}.art-pics dt a span i{position:absolute;left:0;right:0;bottom:0;padding:3px 0;padding-left:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;background-color:rgba(0,0,0,.5);background-image:url(../images/icon_person.png);background-position:6px;background-repeat:no-repeat;background-size:14px}.art-pics dt a img{float:left}.art-pics dt em,.photos dt span{display:block;overflow:hidden}.art-pics dt em{height:30px;line-height:30px;margin-top:5px;text-overflow:ellipsis;white-space:nowrap}.artlist dl{padding:5px 0 8px 0;overflow:hidden;border-bottom:1px solid #eee;}.artlist dl:first-child{padding-top:0;}.artlist dt{width:35%;float:left;margin-right:15px;position:relative;z-index:1;}.artlist_time_cot{width:45px;height:22px;line-height:22px;border-radius:3px;background-color:rgba(0,0,0,.5);position:absolute;bottom:10px;right:7px;font-size:12px;text-align:center;color:#fff;}.artlist dd{overflow:hidden}.artlist dd b,.artlist dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artlist dd b{display:block;font-size:16px;font-weight:normal;height:36px;line-height:36px;font-weight:bold;position:relative;padding-left:15px;}.artlist dd b:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#eee;margin-top:-3px;}.artlist dd span{display:block;font-size:13px;color:#999;}.artlist dd p{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;margin-bottom:3px;color:#666;}.artques{}.artques li{width:100%;height:45px;line-height:45px;border-bottom:1px dotted #e8e8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:15px;position:relative;z-index:1;}.artques li:before{content:'';position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#6E88EC;margin-top:-2px;}.artques li:last-child{border-bottom:none;}.art_boxtit i{padding-right:6px;}.keyword-re{color:#5686F1;}nav{height:2.8rem;line-height:2.8rem;background:#fff;overflow:hidden;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;padding-right:1.2rem;}nav::-webkit-scrollbar{display:none;}nav a{text-align:center;font-size:1.05rem;padding-left:1.2rem;display:inline-block;}nav a.cur{color:#267ed9;}