@charset "utf-8";
/* CSS Document */
body{color:#333;font-size:12px; line-height:1.8em; /*font-family:"Microsoft Yahei";*/font-family:'Microsoft Yahei'}
html,body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset{margin:0; padding:0;}
input,select,textarea{color:#888; font-size:12px;line-height:140%;vertical-align: middle;resize:none;}
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}
a:focus, *:focus { outline:none;}
a:hover{ text-decoration:none;}
img{border:0; vertical-align:middle;}
ol,ul,li{ list-style:none;}
a,.blue,a.blue{color:#2789d4; text-decoration:none;outline:none;}
table{ border-collapse:collapse;}
.red,a.red{color:#a82929}
.yellow,a.yellow{color: #f8e938;}
.orange,a.orange{color: #fe9550;}
.gray2{ color:#222;}
.gray5{ color:#555;}
.gray8{ color:#888;}
.green{ color:#23c13d;}
img{ border:0px; overflow:hidden; border:none;}
h1,h2,h3,h4,h5{color:#333;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.dis_none{ display:none;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.h80{ height:80px; overflow:hidden;}
.pos_rel{ position:relative;}
.pos_abs{ position:absolute;}
.item-rect{ width:1200px; margin:0 auto;}
body,html{ overflow:hidden; zoom:1;}
/* div,img,p,a{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);} */

#screenScroll{ position:relative; width:100%; z-index:2; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none;}
#screenScroll .pointTags{position: fixed;right: 30px;top:50%; margin-top:-105px; width: 10px;_position:absolute; z-index:999;}
#screenScroll .pointTags li{width: 10px;height: 10px;clear: both;margin:10px 0;*margin:5px 0;line-height: 0; overflow:hidden;}
#screenScroll .pointTags li a{display: block;margin:0 auto;width: 10px;height: 10px; border-radius:50% 50%;background-color: #b3b3b3; font-size:0px; }
#screenScroll .pointTags li.on a{width: 10px;height: 10px;background-color: #66b8f3; font-size:0px;overflow:hidden;}

.logo-rect1{ width:1200px; margin:0 auto; z-index:11; display:none;}
.site-logo1{ margin:20px 0px 0px 20px; position:absolute; top:0px; left:0px; z-index:9; display:block;}
.site-logo1 a{ display:block; background:url(../images/index160114/head-logo2.png) no-repeat; width:296px; height:41px; text-indent:-999em; overflow:hidden;}

.logo-rect{ width:100%;z-index:10;background:#fff;height:94px;border-bottom:3px solid #44b5f1; }
.logo-rect .w1200{ position:relative;}
.site-logo{ margin:24px 0px 0px 42px; position:absolute; top:0px; left:0px; z-index:10; display:block;}
.site-logo a{ display:block; background:url(../images/index160114/head-logo1.png) no-repeat; width:296px; height:71px; text-indent:-999em; overflow:hidden;}
.no_line{ border:0;}

.g-header{ height:94px;  width:100%;}
.g-header .head-menu{ overflow:hidden; zoom:1; margin-right:38px;}
.g-header .head-menu li{ float:left; margin:27px 0 0px 10px;}
.g-header .head-menu li a{ float:left; font-size:16px; border-radius:3px;}
.g-header .head-menu li a:hover{ text-decoration:none;}
.g-header .head-menu li a.a1{padding:0 17px; color:#fff; background:#26b5ff; border:1px solid #26b5ff;  height:30px; line-height:30px; margin:0 22px;}
.g-header .head-menu li a.a2{ padding:0 17px; color:#288add; border:1px solid #2196f3;  height:30px; line-height:30px;}
.g-header .head-menu li a.a3{ padding:0 17px; color:#11c080; border:1px solid #11c080; height:30px; line-height:30px;}
.g-header .head-menu li a.a1:hover{  background:#26b5ff; color:#fff; }
.g-header .head-menu li a.a2:hover{ background:#2196f3;border:1px solid #2196f3; color:#fff;}
.g-header .head-menu li a.a3:hover{ background:#11c080;border:1px solid #11c080; color:#fff;}

.g-header .login-end{ float:right; height:30px; overflow:hidden; margin:27px 31px 0px 0px;font-size:14px;}
.g-header .login-end .user{ float:left;}
.g-header .login-end .user dt{ float:left; width:30px; height:30px;}
.g-header .login-end .user dt img{ display:block;}
.g-header .login-end .user dd{ float:left;  text-align:left; margin-left:15px;}
.g-header .login-end .user dd a{ display:block; line-height:15px;}
.g-header .login-end .user dd a.a-name{  color:#288add;}
.g-header .login-end .user dd a.a-gouser{ color:#288add;}
.g-header .login-end a.quit{ float:left; line-height:15px; height:15px; margin-top:10px; margin-left:34px; color:#288add; text-decoration:underline;}

.screen0{ width:100%; height:2000px; background:#2d78e8; overflow:hidden; zoom:1; position:relative; z-index:10;}
.screen0 .screen-rect{overflow:hidden; zoom:1; position:relative; z-index:10;}
.screen0 .screen0-computer{margin:25px auto 0px auto;}
.screen0 img{ display:none;}
.screen0 .screen0-txt1{ margin-top:0px;}
.screen0 .screan0-btn{ margin-top:37px;}
.screen0 .screan0-btn a{ margin:0 45px; position:relative; display:inline-block; z-index:5;}
.screen0 .screen0-computer .com{ position:relative; z-index:3;}
.screen0 .screen0-computer .com_bg{ top:0px; left:0px; z-index:0;}
.screen0 .screen0-computer .peo1{ left:36px; bottom:27px; z-index:4;}
.screen0 .screen0-computer .peo2{ right:55px; bottom:27px; z-index:2;}
.screen0 .screen0-computer .yun1{ left:-8px; bottom:10px; z-index:1;}
.screen0 .screen0-computer .yun2{ right:-16px; bottom:10px; z-index:1;}
.screen0 .phone_sm_img{ position:absolute; left:50%; top:-202px; z-index:20; margin-left:-156px; display:none; background:url(../images/index160114/sm_img_bg.png) left top no-repeat; width:312px; height:202px; overflow:hidden; zoom:1;}
.screen0 .phone_sm_img ul{ width:308px; overflow:hidden; zoom:1;}
.screen0 .phone_sm_img li{ float:left; width:120px;text-align:center; white-space:nowrap; margin:20px 17px 0px 17px;}
.screen0 .phone_sm_img .name{ font-size:14px; color:#1651ab; line-height:16px;}

.screen0 .phone_sm_img.s02{margin-left:-77px;width: auto;height: auto;background-image: url(../images/index160114/sm_img_bg01.png);}
.screen0 .phone_sm_img.s02 ul{width: auto;}
.screen0 .phone_sm_img.s02 li{height: 202px;}

.screen1{ background:#40b0ff; overflow:hidden; zoom:1; position:relative;z-index:10;}
.screen1 .screen1-rect,.screen1 .screen-rect{ height:425px; overflow:hidden; zoom:1;}
.screen1 .screen-rect{ position:relative; z-index:9;}
.screen1 .screen1-img1{ position:absolute; top:75px; left:138px;}
.screen1 .screen1-img2{ position:absolute; top:0px; right:123px;}
.screen1 .screen1-img3{ position:absolute; top:45px; left:150px;}

.screen2{ background:#f7c52e url(../images/index160114/screan2bg.png) no-repeat right bottom;overflow:hidden; zoom:1; position:relative;}
.screen2 .screen2-rect,.screen2 .screen-rect{ height:475px;}
.screen2 .screen-rect{ position:relative; z-index:8;}
.screen2 .screen2-img1{ display:block; margin:0 auto; position:relative; left:0px; z-index:3;}
.screen2 .screen2-img2{ display:block; padding-top:100px; margin:0 auto;}
.screen2 .screen2-img3{ position:absolute; top:147px; left:208px; z-index:2;}
.screen2 .screen2-img3.twinkling{-webkit-animation: twinkling 3s infinite;animation: twinkling 3s infinite;}


.screen3{ background:#29d58a;overflow:hidden; zoom:1; position:relative;}
.screen3 .screen3-rect,.screen3 .screen-rect{ height:465px;}
.screen3 .screen-rect{ position:relative; z-index:7;}
.screen3 .screen3-rect{ position:relative; top:30px;}
.screen3 .screen3-img1{ position:absolute; top:0px; left:138px;}
.screen3 .screen3-img2{position:absolute; top:106px; right:348px;}
.screen3 .screen3-img3{ position:absolute; top:245px; left:375px;}
.screen3 .screen3-img4{ position:absolute; top:134px; right:122px;}
.screen3 .screen3-img5{ position:absolute; top:304px; right:142px;}


.screen4{ background:#feb137 url(../images/index160114/screan4bg.png) no-repeat center bottom; position:relative;}
.screen4 .screen4-rect,.screen4 .screen-rect{ height:385px;}
.screen4 .screen-rect{ position:relative; z-index:6;}
.screen4 .screen4-img1{ position:absolute; top:0px; left:191px;}
.screen4 .screen4-img2{position:absolute; top:41px; right:56px;}
.screen4 .screen4-img3{ position:absolute; top:26px; left:88px;}


.screen5{ background:#45c4ff url(../images/index160114/screan5bg.png) no-repeat center bottom; position:relative;}
.screen5 .screen5-rect,.screen5 .screen-rect{ height:483px;}
.screen5 .screen-rect{ position:relative; z-index:5;}
.screen5 .screen5-rect{ position:relative; top:30px;}
.screen5 .screen5-img1{ position:absolute; bottom:0px; left:414px;}
.screen5 .screen5-img2{position:absolute; top:0px; left:140px;}
.screen5 .screen5-img3{ position:absolute; bottom:275px; left:660px;}
.screen5 .screen5-imgp{ position:absolute; bottom:278px; right:533px; width:421px; height:85px; overflow:hidden; text-align:right;}
.screen5 .screen5-imgp img{ position:absolute; width:421px; height:85px; right:0px; top:0px;}

.screen6{ background:#ec5858; position:relative;}
.screen6 .screen6-rect,.screen6 .screen-rect{ height:451px;}
.screen6 .screen-rect{ position:relative; z-index:4;}
.screen6 .screen6-rect{ position:relative; top:30px;}
.screen6 .screen6-img1{ position:absolute; bottom:0px; left:402px;}
.screen6 .screen6-img2{position:absolute; top:0px; left:142px;}


.screen7{ background:#ff8f4b; position:relative;}
.screen7 .screen7-rect,.screen7 .screen-rect{ height:450px;}
.screen7 .screen-rect{ position:relative; z-index:3;}
.screen7 .screen7-rect{ position:relative; top:30px; text-align:center;}
.screen7 .screen7-img1{/* position:absolute; bottom:116px; left:50%;*/ text-align:center;}
.screen7 .screen7-p{/*position:absolute; bottom:0px; left:0px;*/ width:100%; text-align:center; color:#fff; font-size:14px; margin-top:10px;}


/*--meteor--*/
.meteor {  position: absolute; left: 50%; top:0px; width: 1px; overflow:hidden; background-color: rgba(255,255,255,.3); opacity: 0;
-webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	 -o-transform-origin: 0 0;
		transform-origin: 0 0;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
		transform: rotate(45deg);}

.meteor-1 { margin-left: -540px;  margin-top: 115px; height: 150px; 
-webkit-animation: meteormove 2s 1s infinite;
   -moz-animation: meteormove 2s 1s infinite;
	-ms-animation: meteormove 2s 1s infinite;
	 -o-animation: meteormove 2s 1s infinite;
		animation: meteormove 2s 1s infinite;}
.meteor-2 { margin-left: -470px;  margin-top: 300px; height: 150px; 
-webkit-animation: meteormove 1.5s infinite;
   -moz-animation: meteormove 1.5s infinite;
	-ms-animation: meteormove 1.5s infinite;
	 -o-animation: meteormove 1.5s infinite;
		animation: meteormove 1.5s infinite;}
.meteor-3 { margin-left: -450px;  margin-top: 450px; height: 150px;
-webkit-animation: meteormove 2s 2s infinite;
   -moz-animation: meteormove 2s 2s infinite;
	-ms-animation: meteormove 2s 2s infinite;
	 -o-animation: meteormove 2s 2s infinite;
		animation: meteormove 2s 2s infinite; }

.meteor-4 { margin-left: 10px; margin-top: 250px; height: 140px; 
-webkit-animation: meteormove 2s infinite;
   -moz-animation: meteormove 2s infinite;
	-ms-animation: meteormove 2s infinite;
	 -o-animation: meteormove 2s infinite;
		animation: meteormove 2s infinite;}
.meteor-5 { margin-left: 40px; margin-top: 300px; height: 85px; 
-webkit-animation: meteormove 1s 0.5s infinite;
   -moz-animation: meteormove 1s 0.5s infinite;
	-ms-animation: meteormove 1s 0.5s infinite;
	 -o-animation: meteormove 1s 0.5s infinite;
		animation: meteormove 1s 0.5s infinite;}

.meteor-6 { margin-left: 650px;  margin-top: 210px; height: 155px; 
-webkit-animation: meteormove 2s 0.5s infinite;
   -moz-animation: meteormove 2s 0.5s infinite;
	-ms-animation: meteormove 2s 0.5s infinite;
	 -o-animation: meteormove 2s 0.5s infinite;
		animation: meteormove 2s 0.5s infinite;}
.meteor-7 { margin-left: 660px;  margin-top: 330px; height: 150px; 
-webkit-animation: meteormove 1.5s 1s infinite;
   -moz-animation: meteormove 1.5s 1s infinite;
	-ms-animation: meteormove 1.5s 1s infinite;
	 -o-animation: meteormove 1.5s 1s infinite;
		animation: meteormove 1.5s 1s infinite;}
.meteor-8 { margin-left: 650px;  margin-top: 500px; height: 95px; 
-webkit-animation: meteormove 2s 2s infinite;
   -moz-animation: meteormove 2s 2s infinite;
	-ms-animation: meteormove 2s 2s infinite;
	 -o-animation: meteormove 2s 2s infinite;
		animation: meteormove 2s 2s infinite;}

@-webkit-keyframes meteormove{
	0%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,0px);
		   -moz-transform: rotate(45deg)  translate(0,0px);
			-ms-transform: rotate(45deg)  translate(0,0px);
			 -o-transform: rotate(45deg)  translate(0,0px);
				transform: rotate(45deg)  translate(0,0px);
	}
	50%{opacity: 1;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
	100%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
}
@-moz-keyframes meteormove{
	0%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,0px);
		   -moz-transform: rotate(45deg)  translate(0,0px);
			-ms-transform: rotate(45deg)  translate(0,0px);
			 -o-transform: rotate(45deg)  translate(0,0px);
				transform: rotate(45deg)  translate(0,0px);
	}
	50%{opacity: 1;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
	100%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
}

@-ms-keyframes meteormove{
	0%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,0px);
		   -moz-transform: rotate(45deg)  translate(0,0px);
			-ms-transform: rotate(45deg)  translate(0,0px);
			 -o-transform: rotate(45deg)  translate(0,0px);
				transform: rotate(45deg)  translate(0,0px);
	}
	50%{opacity: 1;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
	100%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
}
@-o-keyframes meteormove{
	0%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,0px);
		   -moz-transform: rotate(45deg)  translate(0,0px);
			-ms-transform: rotate(45deg)  translate(0,0px);
			 -o-transform: rotate(45deg)  translate(0,0px);
				transform: rotate(45deg)  translate(0,0px);
	}
	50%{opacity: 1;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
	100%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
}
@keyframes meteormove{
	0%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,0px);
		   -moz-transform: rotate(45deg)  translate(0,0px);
			-ms-transform: rotate(45deg)  translate(0,0px);
			 -o-transform: rotate(45deg)  translate(0,0px);
				transform: rotate(45deg)  translate(0,0px);
	}
	50%{opacity: 1;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
	100%{opacity: 0;
		-webkit-transform: rotate(45deg)  translate(0,70px);
		   -moz-transform: rotate(45deg)  translate(0,70px);
			-ms-transform: rotate(45deg)  translate(0,70px);
			 -o-transform: rotate(45deg)  translate(0,70px);
				transform: rotate(45deg)  translate(0,70px);
	}
}
/*--meteor--*/


/*--css3 move*/
@-webkit-keyframes twinkling{/*透明度由0到1*/
    0%{opacity:1;}
    50%{opacity:0;}
 	100%{opacity:1;}
  }
@keyframes twinkling{/*透明度由0到1*/
 0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
/*--css3 move--*/


.loading-1{ position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-75px; width:150px; height:150px; z-index:20;}
@-webkit-keyframes loading-1{
	0%{
		transform:scale(0);
		opacity:0
	}
	5%{ opacity:1}
	100%{ 
		transform:scale(1); opacity:0
	}
}

.loading-1 i{ display:block; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.3); position:absolute ; left:0; top:0; opacity:0;}
.loading-1 i:nth-child(1){
	-webkit-animation:loading-1 1s linear 0s infinite
}
.loading-1 i:nth-child(2){
	-webkit-animation:loading-1 1s linear 0.2s infinite
}
.loading-1 i:nth-child(3){
	-webkit-animation:loading-1 1s linear 0.4s infinite
}


/*登陆 begin*/
.login-rect{ padding:20px 18px; background:#286cd0; width:300px; margin:0px auto; position:absolute; left:50%; top:50%; margin-top:-135px; margin-left:-168px;}
.login-rect .tips{ height:36px; line-height:36px; color:#bfceed; margin-top:-20px;}
.login-rect li{ float:left; width:100%;}
.login-rect li input{font-family:'Microsoft Yahei'}
.login-rect li.li_name{ background:#fff url(../images/index160114/login_bg.png) no-repeat 16px 20px; height:57px; border:#acd1eb solid 1px; border-radius:5px; margin-bottom:10px;}
.login-rect li.li_name input{ float:left; height:20px; line-height:20px; margin:17px 0px 0px 40px; font-size:14px; color:#7d8c92; width:235px; border:#FFF solid 1px;}
.login-rect li.li_password{ background:#fff url(../images/index160114/login_bg.png) no-repeat 16px -22px; height:57px; border:#acd1eb solid 1px; border-radius:5px;}
.login-rect li.li_password input{ float:left;height:20px; line-height:20px; margin:17px 0px 0px 40px; font-size:14px; color:#7d8c92; width:235px; border:#FFF solid 1px;}
.login-rect li.li_tips{ padding:13px 0px;}
.login-rect li.li_tips label{ background:url(../images/index160114/login_bg.png) no-repeat left -129px; padding-left:30px; line-height:18px; cursor:pointer; color:#fff;}
.login-rect li.li_tips label.checked{ background-position:0px -82px;}
.login-rect li.li_tips a{ color:#fff;}
.login-rect li.li_tips a:hover{ text-decoration:underline;}
.login-rect li.li_btn input{ display:block; width:100%; height:40px; border-radius:5px; background:#ffba54; font-size:20px; text-align:center; line-height:40px; color:#fff; border:0px; cursor:pointer;}

.login-rect{}
.login-rect {}

.py_choosePlatform{ padding-bottom:18px;}
.py_choosePlatform p{ color:#a4c3f1; font-size:14px;}
.py_platformList{ position:absolute; left:0; top:0;}
.py_platformList li{ margin-bottom:4px;}
.py_platformList li a{ display:block;font-size:16px; color:#fff; padding:15px 20px; background:#3e7bd5;}
.py_platformList li a.on,.py_platformList li a:hover{ background:#2660b9;}
.platformWrap{ height:136px; overflow:hidden; position:relative; margin-top:12px;}

.scrollDiv {width: 6px;position: absolute;top: 0;background: #cfdaf2;border-radius: 10px; opacity:0.2; filter:alpha(opacity = 20);}

.confirmBtn{ display:inline-block; width:145px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:14px; border-radius:5px; background:#ffba54; padding:0; border:0; cursor:pointer;}
.cancelBtn{display:inline-block; width:145px; height:40px; text-align:center; line-height:40px; color:#2d78e8; font-size:14px; border-radius:5px; background:#ececec; padding:0; border:0; cursor:pointer;}
/*登陆 end*/


/*登陆成功 begin*/
.login-result-rect{padding:20px 18px; background:#286cd0; width:300px; margin:0px auto; position:absolute; left:50%; top:50%; margin-top:-135px; margin-left:-168px;}
.login-result-rect .tips{ color:#729ce1; margin-bottom:13px;}
.login-result-rect .btn{ text-align:center; margin-top:18px;}
.login-result-rect .btn input{ width:145px; height:40px; text-align:center; line-height:40px; border-radius:5px; border:0px; font-size:14px;}
.login-result-rect .btn-ok{ margin-right:7px; color:#fff; background:#ffba54;}
.login-result-rect .btn-cal{ background:#ececec; color:#2d78e8;}
.case-list{ height:137px; width:100%; position:relative; overflow:hidden; zoom:1;}
.case-list ul{ width:300px; position:absolute; top:0px; left:0px; margin-top:-4px;}
.case-list ul li{ height:48px; background:#3e7bd5; margin-top:4px; font-size:16px; text-indent:20px; line-height:48px;}
.case-list ul li a{color:#d2ddf3;}
.case-list .dropbox{ position:absolute; right:0px; width:6px; height:137px;}
.case-list .dropbox .drop{ width:6px; position:absolute; top:0px; left:0px; background:#cfdaf2; opacity:0.2; border-radius:3px;}

/*登陆成功 end*/

/*视频 begin*/
.screen-video { background-color:#ec5858; position:relative; overflow:hidden; }
.screen-video video { background-color:#ec5858; position:absolute; left:0; top:0; width:1920px; height:1080px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
/* 适应高度 居中显示*/
.screen-video video  { left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0);}
#screenVideoPlay { background:url(../images/index160114/play.png) no-repeat; width:140px; height:140px; position:absolute; left:50%; top:50%; margin:-70px 0 0 -70px; opacity:.8; display:none; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0); }

.loading-2{  width:80px; height:80px; margin:-40px 0 0 -40px; position:absolute; left:50%; top:50%;}
@-webkit-keyframes loading-2{
	0%{
		transform:rotate(0deg) scale(1)
	}
	50%{
		transform:rotate(180deg) scale(0.6)
	}
	0%{
		transform:rotate(360deg) scale(1)
	}
}
.loading-2 i{ display:block; border:2px solid #333; border-color: transparent #fff; border-radius:50%; position:absolute}
.loading-2 i:nth-child(1){
	 width:70px; height:70px;left:0; top:0;
	-webkit-animation:loading-2 1s ease-in-out 0s infinite;
}
.loading-2 i:nth-child(2){
	 width:30px; height:30px;left:20px ;top:20px;-webkit-animation:loading-2 1s ease-in-out 0.5s infinite reverse ;
}

/*视频 end*/

/* 教学助手 滚屏 首屏 按钮 20210922 zgc start */
html, body {
	height: 100%;
	width: 100%;
	min-width: 1200px;
  }
  body {
	background: #fff;
  }
  .zgcScrTitle{
	padding-top: 35px;
  }
  .zgcScrTitle img{
	width: 550px;
  }
  .zgcScrMainImg{
	height: auto!important;
  }
  .zgcScrMainImg .com{
	width: 759px !important;
	height: auto !important;
  }
  .zgcScrMainImg .peo1{
	bottom: 22px!important;
	left: 25px!important;
	height: 252px;
  }
  .zgcScrBtnWrap{
	font-family: "Microsoft YaHei";
	font-weight: normal;
	height: auto;
  }
  .zgcScrBtnWrapItem{
	width: 672px;
	margin: 0 auto;
	position: relative;
  }
  .zgcScrBtnWrapItem:first-of-type{
	margin-top: 28px;
  }
  .zgcScrBtnWrapItem:last-of-type{
	margin-top: 18px;
  }
  .zgcScrBtnWrapItem::before{
	display: block;
	width: 150px;
	text-align: right;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	position: absolute;
	left: -155px;
  }
  .zgcScrBtnWrapItem:first-of-type::before{
	content: '全国通用版';
	top: 46px;
  }
  .zgcScrBtnWrapItem:last-of-type::before{
	content: '精准教学版';
	top: 30px;
  }
  .zgcScrBtn{
	width: 224px;
	text-align: center;
  }
  .zgcScrBtn>a{
	display: block;
	width: 158px;
	margin: 0 auto;
  }
  .zgcScrBtn>a.zgcBtnBottom{
	width: 100%;
	margin: 0 auto;
  }
  .zgcBtnTextWrap{
	width: 158px;
	margin: 0 auto 8px;
	height: 32px;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 10;
  }
  .zgcScrBtnWrapItem:last-of-type .zgcBtnTextWrap{
	height: 16px;
	margin: 0 auto 6px;
  }
  .zgcBtnTopText{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
  }
  .zgcBtnBottomText{
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	text-decoration: underline
  }
  .zgcBtn{
	width: 154px;
	margin: 0 2px 8px;
	padding: 0;
	height: 44px;
	background: url(../images/index160114/btnNorBg.png) no-repeat 0 0;
	background-clip: border-box;
	border: 0;
	outline: none;
	font-size: 16px;
	line-height: 44px;
	color: #fff;
	cursor: pointer;
  }
  .zgcBtn:hover{
	background: url(../images/index160114/btnSelBg.png) no-repeat 0 0;
  }
  .zgcBtn .ico{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
  }
  .zgcBtn .icoWeb{
	width: 19px;
	height: 44px;
	background: url(../images/index160114/icoWeb.png) no-repeat center center;
  }
  .zgcBtn .icoPC{
	width: 24px;
	height: 44px;
	background: url(../images/index160114/icoPC.png) no-repeat center center;
  }
  .zgcBtn .icoPhone{
	width: 17px;
	height: 44px;
	background: url(../images/index160114/icoPhone.png) no-repeat center center;
  }
  .zgcBtn .icoPiad{
	width: 24px;
	height: 44px;
	background: url(../images/index160114/icoPiad.png) no-repeat center center;
  }
  .zgcScrBtnWrapItem .phone_sm{
	position: relative;
  }
  .zgcScrBtnWrapItem .zgcCodeWrap {
	background-size: 100%;
	top: -208px;
  }
  .zgcScrBtnWrapItem .zgcCodeWrap li{
	width: 143px;
	margin: 13px 12px 10px 12px;
  }
  .zgcScrBtnWrapItem .zgcCodeWrap .photo{
	margin-bottom: 19px;
  }
  .zgcScrBtnWrapItem .zgcCodeWrap .name{
	font-size: 16px;
	line-height: 25px;
	color: #5771a4;
  }
  .zgcHidden{
	height: 2px;
  }
  
  @media screen and (min-height: 600px) and (max-height: 799px) {
	.zgcScreenRect{
	  top: 40px !important;
	}
	.zgcScrTitle{
	  padding-top: 0px;
	}
	.zgcScrTitle img{
	  width: 450px;
	}
	.zgcScrMainImg{
	  margin: 10px auto 0px auto !important;
	}
	.zgcScrMainImg .com{
	  width: 635px !important;
	  height: auto !important;
	}
	.zgcScrMainImg .peo1{
	  bottom: 19px!important;
	  left: 23px!important;
	  height: 206px;
	}
	.zgcScrBtnWrapItem:first-of-type{
	  margin-top: 10px;
	}
	.zgcScrBtnWrapItem:last-of-type{
	  margin-top: 10px;
	}
	.zgcBtn{
	  margin: 0 2px 5px;
	  width: 140px;
	  height: 40px;
	  line-height: 40px;
	  background-size: 100%;
	}
	.zgcBtn .ico{
	  height: 40px;
	}
	.zgcBtnTextWrap{
	  margin: 0 auto 5px;
	}
	.zgcScrBtnWrapItem:last-of-type .zgcBtnTextWrap{
	  margin: 0 auto 5px;
	}
  }
  @media screen and (max-height: 599px) {
	.zgcScreenRect{
	  top: 20px !important;
	}
	.zgcScrTitle{
	  padding-top: 0px;
	}
	.zgcScrTitle img{
	  width: 230px;
	}
	.zgcScrMainImg{
	  margin: 5px auto 0px auto !important;
	}
	.zgcScrMainImg .com{
	  width: 320px !important;
	  height: auto !important;
	}
	.zgcScrMainImg .peo1{
	  height: 102px;
	  bottom: 9px!important;
	  left: 14px!important;
	}
	.zgcBtn{
	  width: 112px;
	  margin: 0 2px 4px;
	  height: 32px;
	  line-height: 32px;
	  background-size: 100%;
	}
	.zgcBtn .ico{
	  height: 32px;
	}
	.zgcScrBtnWrapItem::before{
	  font-size: 16px;
	}
	.zgcScrBtnWrapItem:first-of-type::before{
	  top: 34px;
	}
	.zgcScrBtnWrapItem:last-of-type::before{
	  top: 20px;
	}
	.zgcBtnTextWrap{
	  height: 28px;
	  line-height: 14px;
	  margin: 0 auto 4px;
	}
	.zgcScrBtnWrapItem:last-of-type .zgcBtnTextWrap{
	  margin: 0 auto 3px;
	  height: 14px;
	  line-height: 12px;
	}
	.zgcScrBtnWrapItem:first-of-type{
	  margin-top: 5px;
	}
	.zgcScrBtnWrapItem:last-of-type{
	  margin-top: 5px;
	}
  }
  /* 教学助手 滚屏 首屏 按钮 20210922 zgc end */