/*系统通知*/
.system-notify-fixed{position: fixed;left:0;top:0;width:100%;min-width:1020px;height: 32px;background: rgba(0,0,0,0.3);z-index: 99;}
.system-notify-title{width:72px;height: 32px;background: url(../imgs/ico_top_xttz.svg) 45px 8px no-repeat;}
.system-notify-con{width:80%;height:32px;overflow: hidden;color:#fff;}
.system-notify-con ul{height:32px;}
.system-notify-con ul li{float:left;width:100%;height: 32px;line-height:32px;overflow: hidden;}
.system-notify-con ul span{float:left;max-width: 95%;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}
.system-notify-con ul a{float:left;font-size:18px;margin-left:10px;color:#fff;opacity:1;font-weight: normal;text-shadow:0 1px 0 #fff;}
.system-notify-con ul a:hover{text-decoration: none;}

/*登录页*/
.login-wrap{position:relative;width:100%;min-width:1020px;height: 100%;}
.login-wrap .pages{width:100%;height: 100%;}
.login-wrap .page{width:100%;height: 100%;min-height:765px;background: #fafafa;z-index: 1;}
.login-wrap .nav{position:absolute;right:20px;top:50%;width:22px;margin-top:-45px;z-index: 999;}
.login-wrap .con{width: 1020px;height:100%;margin:0 auto;}

/*第一屏*/
.login-wrap .page1{background: #7eb1e5 url(../imgs/img_dl_top2.svg) center 0 repeat-x;}
.login-wrap .page1-hd{left:0;top:0;width:100%;height:120px;background: #2e476f;}
.login-wrap .night{background-color:#5d94cb;}
.login-wrap .page1-top{height: 140px;}
.login-wrap .page1-top .logo{margin-top: 45px;}
.login-wrap .page1-top .line{width: 80px;height: 1px;margin:73px 10px 0px 10px;background: #fff;}
.login-wrap .page1-top .text{margin-top: 55px;}
.login-wrap .page1-top .text-mask{left:175px;top:28px;width:541px;height: 60px;background: #2e476f;}
.login-box{top:-270px;right:5px;width:232px;height: 260px;}
.login-con form{position:absolute;width:180px;height: 243px;padding: 17px 26px 0 26px;background: #faf491;z-index:4;}
.login-con li{height: 22px;margin-top:22px;border-bottom:1px #beb964 solid;}
.login-con li .icon{width: 20px;height: 22px;}
.login-con li .username{background: url(../imgs/ico_dla_username.svg) 0 2px no-repeat;}
.login-con li .password{background: url(../imgs/ico_dla_password.svg) 1px 2px no-repeat;}
.login-con li .yanzhengma{background: url(../imgs/yanzhengma.svg) -1px center no-repeat;}
.login-con li .text{width: 160px;height: 100%;line-height:22px;text-indent:7px;background: #faf491;color:#beb964;border:none;}
.login-con li input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #faf491 inset !important;}
/*input placeholder*/
.login-con li input::-webkit-input-placeholder { /* WebKit browsers */
color: #beb964;
}
.login-con li input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #beb964;
}
.login-con li input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #beb964;
}
.login-con li input::-ms-input-placeholder { /* Internet Explorer 10+ */
color: #beb964;
} 
.login-con .shadow{left:10px;top:7px;width:232px;height: 260px;background: rgba(0,0,0,0.1);z-index: 1;}
.login-con .pushpin-wrap{top:-130px;}
.login-con .pushpin{left:105px;top:-16px;width: 22px;height: 30px;background: url(../imgs/ani_dla_pushpin.svg) no-repeat;z-index:5;}
.login-con .pushpin-shadow{left:114px;top:10px;width: 29px;height: 17px;background: url(../imgs/ani_pushpin_shadow.svg) no-repeat;z-index:5;}
.login-con .error{height:30px;line-height: 30px;color:#a94442;}
.login-con .btn{display: block;width: 100%;height: 32px;line-height:32px;text-align: center;color:#fff;border:none;cursor: pointer;}
.login-con .btn:hover{text-decoration: none;}
.login-con .btn-login{background: #7ec156;}
.login-con .btn-zc{margin-top:12px;background: #f7ad38;}
.login-con .foot{line-height:22px;margin-bottom:35px;color:#beb964;}
.login-con .foot a{color:#beb964;}
.login-con .foot a:hover{text-decoration: none;}
.login-con .foot .icon{width: 14px;height: 14px;margin:5px 10px 0 0;background: url(../imgs/btn_dla_zddl_nor.svg) no-repeat;}
.login-con .foot span.on{background: url(../imgs/btn_dla_zddl_slc.svg) no-repeat;}
.login-con .foot .auto{cursor: pointer;}
.login-con .register-show,
.login-con .login-show,
.login-con .down-app{cursor: pointer;}
.login-wrap .page1 .desk{left:67px;bottom: 0;z-index: 2;}
.login-wrap .page1 .tablelamp{left:107px;bottom: 142px;z-index: 2;}
.login-wrap .page1 .lightnight{left:257px;bottom: 143px;z-index: 2;}
.login-wrap .page1 .computer{left:434px;bottom: 142px;z-index: 2;}
.login-wrap .page1 .teacup{left:242px;bottom: 142px;z-index: 3;}
.login-wrap .page1 .phone{left:341px;bottom: 142px;z-index: 2;}
.login-wrap .page1 .steam{left:267px;bottom: 150px;z-index: 2;}
.login-wrap .page1 .pencil{right:240px;bottom: 142px;z-index: 2;}
.login-wrap .page1 .booka{right:93px;bottom: 142px;z-index: 2;}
.login-wrap .page1 .window-daytime{left:-205px;bottom:275px;width: 205px;height: 227px;padding-top:10px;background: url(../imgs/img_window_daytime.svg) no-repeat;}
.login-wrap .page1 .curtain{left:0;top:0;z-index: 2;}
.login-wrap .page1 .window-daytime-con{width: 168px;height: 209px;margin:0 8px;}
.login-wrap .window-daytime .clouda{right:-100px;top:60px;}
.login-wrap .window-daytime .cloudb{right:-250px;top:25px;}
.login-wrap .window-daytime .lighta{left:0;top:0;}
.login-wrap .window-daytime .lightb{left:0;top:0;}
.login-wrap .page1 .window-night{left:-205px;bottom:275px;width: 205px;height: 227px;padding-top:10px;background: url(../imgs/img_window_night.svg) no-repeat;}
.login-wrap .page1 .window-night-con{width: 168px;height: 209px;margin:0 8px;}
.login-wrap .window-night .clouda{right:-100px;top:60px;}
.login-wrap .window-night .cloudb{right:-250px;top:25px;}
.login-wrap .bookshelf{right:0;bottom:445px;}
.login-wrap .bookshelf .books{left:0;top:0;}
.login-wrap .bookshelf .pot{left:198px;top:50px;z-index: 2;}
.login-wrap .bookshelf .flower{left:202px;top:-17px;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-o-transform-origin:50% 100%;-moz-transform-origin:50% 100%;}
.login-wrap .page1 .clock{left:284px;bottom: 488px;}
.login-con li.login-yz-text{border:0;color: #beb964;}
.register-box{display:none;background: #faf491;top:100px;right:5px;width:232px;height: 276px;}
.register-box .login-con .shadow{height: 276px;}
.register-box .form{position:absolute;width:180px;height: 259px;padding: 17px 26px 0 26px;background: #faf491;z-index:4;}
.register-box .get-code{right:0px;cursor: pointer;font-size: 14px;color:#999;}
.register-box .get-code.disabled{color:#beb964;}
/*登录页第二屏*/
.two-left{width:210px;height:100%;float: left;}
.two-left ul{position: relative;top:50%;margin-top:-328px;}
.two-left li{width:200px;height:200px;margin-bottom: 25px;}
.two-left li.down-pc{background: url(../imgs/ani_yjypc_nor.svg) no-repeat center center;background-size:120px;}
.two-left li.down-pc.active{background: url(../imgs/ani_yjypc_hover.svg) no-repeat center center;}
.two-left li.down-read{background: url(../imgs/ani_yjyy_nor.svg) no-repeat center center;background-size:120px;}
.two-left li.down-read.active{background: url(../imgs/ani_yjyy_hover.svg) no-repeat center center;}
.two-left li.down-m{background: url(../imgs/ani_yjym_nor.svg) no-repeat center center;background-size:120px;}
.two-left li.down-m.active{background: url(../imgs/ani_yjym_hover.svg) no-repeat center center;}
.two-left li:last-child{margin-bottom: 0px;}
.con.easy-box{height:100%;}
.two-right{background: #ccc;float: left;height: 100%;}
.two-right .down-pc-con,
.two-right .down-read-con,
.two-right .down-m-con{height:650px;top:50%;left:1000px;opacity: 0;padding-left:170px;margin-top:-325px;}
.two-right .down-read-con{left:0px;opacity: 1;}
.login-wrap .m-title{width:638px;font-size: 44px;font-weight: normal;color: #666;}
.login-wrap .m-title span{font-size: 24px;margin-left: 40px;}
.login-wrap .m-con{width:638px;color: #999;font-size: 20px;line-height: 40px;margin-top: 80px;}
.login-wrap .m-down{width: 490px;text-align: center;margin-top: 70px;background: url(../imgs/bg_smbg.svg) no-repeat center center;padding:46px 0px;}
.login-wrap .m-down p{color:#aaa;}
.login-wrap .m-down img{width:140px;margin-bottom: 7px;}
.login-wrap .turn-down1{width:0; height:0; border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #D5E0F2;top:-15px;left: 95px;}
.login-wrap .turn-down2{width:0; height:0; border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff;top:-14px;left: 95px;}
.login-wrap .pc-detail{font-size: 14px;color:#999;margin-top: 30px;}
.login-wrap .pc-down-btn {margin-top: 50px;}
.login-wrap .pc-down-btn a{color: #6485b9;font-size: 16px;border: 1px solid #6485b9;border-radius: 40px;line-height: 40px;display: inline-block;padding:0px 25px 0px 43px;margin-right: 20px;}
.login-wrap .pc-down-btn a:active,.pc-down-btn a:hover{color: #fff;text-decoration: none;}
.login-wrap .pc-down-btn a.down-pc-btn{background: url(../imgs/ico_xzpc_norn.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-pc-btn:hover{background:#43679F url(../imgs/ico_xzpc_nor.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-pc-btn:active{background:#6485B9 url(../imgs/ico_xzpc_nor.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zu-btn{background: url(../imgs/ico_xzzj_nor.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zu-btn:hover{background:#43679F url(../imgs/ico_khd_hover.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zu-btn:active{background:#6485B9 url(../imgs/ico_khd_hover.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zuzh-btn{background: url(../imgs/ico_azb_nor.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zuzh-btn:hover{background:#43679F url(../imgs/ico_azb_hover.svg) no-repeat 15px center;}
.login-wrap .pc-down-btn a.down-zuzh-btn:active{background:#6485B9 url(../imgs/ico_azb_hover.svg) no-repeat 15px center;}

/*登录页第三屏*/
.yjy-reset-bg{background:#fff !important;}
.yjy-pingtai,.yjy-bigdata-cloud{position:relative;height:100%;}
.yjy-pingtai .yjy-data-report{position:absolute;right:0;bottom:100px;width:700px;height:420px;}
.yjy-pingtai h1{font-weight: normal;font-size:48px;color:#666;padding:150px 0 75px;}
.yjy-pingtai p{font-size:20px;color:#999;width:630px;}
.yjy-bigdata-cloud h1{font-weight: normal;font-size:48px;color:#666;padding:85px 0 55px;text-align:center;}
.yjy-bigdata-cloud p{font-size:20px;color:#999;text-align:center;}
.yjy-data-work{width:900px;height:370px;background:url(../imgs/ani_dld_line.svg) center center no-repeat;background-size:100% auto;position:absolute;left:50%;margin-left:-450px;bottom:100px;}
.yjy-data-work ul li{float:left;position: relative;width:160px;}
.yjy-data-work ul li:last-child{float:right;position: relative;}
.yjy-percent{height:100%;width:100%;margin:0 auto;border-bottom:1px solid #d5e0f2;}
.yjy-percent ul{width:100%;height:100%;overflow: hidden;position: relative;}
.yjy-percent li{float:left;width:80px;border-radius: 5px 5px 0 0;position:absolute;bottom:0;box-shadow:15px 20px #f3f3f3;display: none;}
.yjy-percent1{left:75px;height:80px;background:#ff7d6d;}
.yjy-percent2{left:235px;height:196px;background:#fb963c;}
.yjy-percent3{left:395px;height:415px;background:#8bc53f;}
.yjy-percent4{left:555px;height:275px;background:#2ab7d0;}
.yjy-percent li .yjy-data-percent{width:100%;height:100%;position:relative;}
.yjy-percent li .yjy-data-percent div{width:100%;height:100%;border-radius:5px 5px 0 0;position:absolute;bottom:0;}
.yjy-percent1-1{background:#2ab7d0;}
.yjy-percent2-1{background:#8bc53f;}
.yjy-percent3-1{background:#fb963c;}
.yjy-percent4-1{background:#ff7d6d;}
.yjy-percent1-2{background:#ff7d6d;}
.yjy-percent2-2{background:#fb963c;}
.yjy-percent3-2{background:#8bc53f;}
.yjy-percent4-2{background:#2ab7d0;}

/*第五屏*/
.login-wrap .page5{}
.login-service{bottom:40px;}
.login-service .animation{width:1024px;height:395px;margin-bottom:40px;position: relative;overflow: hidden;}
.login-service .animation img{width:0;position: absolute;bottom:0px;opacity: 0;}
.login-service .animation .cityname{position: absolute;font-size: 48px;color:#999;left: 50%;top:400px;margin-left:-48px;opacity: 0;}
.login-service .busCar{width:124px;height:61px;background: url(../imgs/ani_dle_car_t.svg) no-repeat center center;margin: 0px auto;position: relative;}
.login-service .busCarWheelOne,
.login-service .busCarWheelTwo{background: url(../imgs/ani_dle_car_b.svg) no-repeat center center;position: absolute;bottom:2px;width:22px;height:22px;left:18px;}
.login-service .busCarWheelTwo{bottom:2px;left:83px;}
/*客服*/
.login-service1{width:1024px;}
.login-service1 .left{display: inline-block;width:60%;height:395px;}
.login-service1 .left p{text-align: left;margin-top: 20px;}
.login-service1 .right{float:right;display: inline-block;width:40%;height:395px;text-align: center;}
.login-service1 .right img{width:250px;}

.chengji-tongbu,.data-export,.exam-yuejuan,.zujuan-homework{width:160px;height:160px;}
.chengji-tongbu-introl,.data-export-introl,.exam-yuejuan-introl,.zujuan-homework-introl{width:270px;height:165px;position:absolute;}
.chengji-tongbu-transition,.data-export-transition,.exam-yuejuan-transition,.zujuan-homework-transition{height:30px;}
.yjy-data-work .chengji-tongbu{
	margin-bottom:10px;
	background: #73a3de;
	border-radius: 50%;
	width: 0px;
	height: 0px;
	left: 80px;
	top: 80px;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.chengji-tongbu-left{
	position: absolute;
	left: 40px;
	top: 85px;
}
.chengji-tongbu-right{
	position: absolute;
	left: 37px;
	top: 32px;
}
.yjy-data-work .data-export{
	background: #b385bd;
	border-radius: 50%;
	margin-top:10px;
	position:relative;
	top:80px;
	left:80px;
	width: 0px;
	height: 0px;
	opacity: 0;
	overflow: hidden;
}
.data-export-left{
	position: absolute;
	left: 75px;
	top: 73px;
	z-index: 1;
}
.data-export-right{
	position: absolute;
	left: 43px;
	top: 35px;
}

.yjy-data-work .exam-yuejuan{
	margin-bottom:10px;
	background: #65bcb3;
	border-radius: 50%;
	width: 0px;
	height: 0px;
	left: 80px;
	top: 80px;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.exam-yuejuan-right{
	position: absolute;
	left: 27px;
	top: 35px;
}
.yjy-data-work .zujuan-homework{
	background:#7ac1e9;
	margin-top:10px;
	border-radius: 50%;
	position:relative;
	top:80px;
	left:80px;
	width: 0px;
	height: 0px;
	opacity: 0;
	overflow: hidden;
}
.zujuan-homework-left{
	position: absolute;
	left: 45px;
	top: 48px;
}
.zujuan-homework-right{
	position: absolute;
	left: 60px;
	top: 35px;
}
.data-work-border{
	width: 900px;
	height: 324px;
	left: 0px;
	position: absolute;
}
.yjy-data-work .chengji-tongbu-introl{background:url(../imgs/ani_dld_cjtb_b.svg) no-repeat;top:170px;left:-55px;opacity: 0}
.yjy-data-work .data-export-introl{background:url(../imgs/ani_dld_sjdc_b.svg) no-repeat;top:-130px;left:-55px;opacity: 0}
.yjy-data-work .exam-yuejuan-introl{background:url(../imgs/ani_dld_ydyj_b.svg) no-repeat;top:170px;left:-55px;opacity: 0}
.yjy-data-work .zujuan-homework-introl{background:url(../imgs/ani_dld_zjzy_b.svg) no-repeat;top:-130px;left:-55px;opacity: 0}
.yjy-data-work .chengji-tongbu-transition{background:url(../imgs/ani_dld_cjtb_a.svg) center center no-repeat;position: absolute;left: 55px;bottom: 0px;opacity: 0;width: 50px;}
.yjy-data-work .data-export-transition{background:url(../imgs/ani_dld_sjdc_a.svg) center center no-repeat;position: absolute;left: 55px;top: 40px;opacity: 0;width: 50px;}
.yjy-data-work .exam-yuejuan-transition{background:url(../imgs/ani_dld_ydyj_a.svg) center center no-repeat;position: absolute;left: 55px;bottom: 0px;opacity: 0;width: 50px;}
.yjy-data-work .zujuan-homework-transition{background:url(../imgs/ani_dld_zjzy_a.svg) center center no-repeat;position: absolute;left: 55px;top: 40px;opacity: 0;width: 50px;}

.yjy-data-work .yjy-chengji-tongbu{margin-left:-60px;}
.yjy-data-work .yjy-data-export{margin-left:120px;margin-top:170px;}
.yjy-data-work .yjy-exam-yuejuan{margin-left:140px;}
.yjy-data-work .yjy-zujuan-homework{margin-right:-60px;margin-top:170px;}
.yjy-data-work .yjy-introl-text{padding:45px 25px 0;font-size: 14px;color:#fff;line-height:150%;}
.yjy-server-area{bottom:90px;width:1020px;left:0;}
.yjy-server-area ul li{height:400px;position:relative;}
.yjy-server-area .yjy-city-name{width:1020px;font-size:48px;color:#999;text-align:center;position:absolute;top:0;left:0;}
.yjy-server-area .ant-slide-pic-wrap{height:400px;position:relative;overflow: hidden;}
.yjy-server-area .ant-slide-pic{height:400px;position:relative;}
.yjy-server-area ul li{float:left;width:1020px;height:400px;overflow:hidden;position:relative;}
.login-wrap .page7 .foot{bottom:25px;color:#999;}
.login-wrap .page7 .foot a{color:#999;}
.login-wrap .page7 .foot a:hover{color:#999;text-decoration: none;}
.login-title{
	font-size: 48px;
	color: #666666;
	text-align: center;
}
.login-contact{padding-top: 85px;}
.login-contact-city{
	margin-left: -240px;
	margin-top: 35px;
}
.login-contact-city li{
	display: inline-block;
	margin-left: 240px;
}
.login-contact-city li p{
	text-align: center;
	font-size: 24px;
	color: #e0e0e0;
	margin-top: 40px;
	height: 55px;
	overflow: hidden;
}
.login-contact-cityimg{
	background: url(../imgs/img_shenzhen_slc.svg) no-repeat;width: 125px;height: 240px;margin: 0 auto;
}
.login-contact-img{
	margin-top: 25px;
}
.login-contact-img p{
	font-size: 36px;
	color: #6485b9;
	text-align: center;
	margin-top: 30px;
}

.login-contact-cityimg0{
	background: url(../imgs/img_qingdao_nor.svg) no-repeat;width: 230px;height: 215px;
}
.login-contact-cityimg1{
	background: url(../imgs/img_shenzhen_nor.svg) no-repeat;width: 125px;height: 240px;
}
.login-contact-cityimg2{
	background: url(../imgs/img_wuhan_nor.svg) no-repeat;width: 175px;height: 215px;
}

.login-contact-city .on p{
	font-size: 36px;
	color: #6485b9;
}
.login-contact-city .on .login-contact-cityimg0{
	background: url(../imgs/img_qingdao_slc.svg) no-repeat;
}
.login-contact-city .on .login-contact-cityimg1{
	background: url(../imgs/img_shenzhen_slc.svg) no-repeat;
}
.login-contact-city .on .login-contact-cityimg2{
	background: url(../imgs/img_wuhan_slc.svg) no-repeat;
}
.login-contact-info span{
	display: inline-block;width: 40px;height: 40px;vertical-align: middle;margin-right: 20px;
}
.login-contact-info p{
	margin-top: 30px;
	font-size: 18px;
	color: #5d5d5d;
}
.login-contact-tel{
	background: url(../imgs/ico_bottom_phone.svg) no-repeat;
}
.login-contact-email{
	background: url(../imgs/ico_bottom_emile.svg) no-repeat;
}
.login-contact-address{
	background: url(../imgs/ico_bottom_site.svg) no-repeat;
}
.login-wrap .page7{
	
}
.login-back{
 	position: fixed;
 	right: 120px;
 	bottom:0px;
 	z-index: 998;
 	display: none;
 	height: 150px;
 }
.login-back .backTop{
	width: 100px;
	height: 100px;
	display: block;
	background: url(../imgs/ani_backtop.svg) no-repeat center center;
	background-size: 50px 100px;
 }

 .login-back .backraw{
 	display: none;
 	background: url(../imgs/ani_flame.svg) no-repeat center center;width: 100px;height: 100px;
 	background-size: 20px auto;
 }
.yjy-kefu h3{position: absolute;top:50%;margin-top: -363px;}
.yjy-kefu .login-service1{top: 50%;margin-top: -105px;}