@charset "utf-8";
*{padding:0;margin:0}
body{font-size:14px;background-color:#efefef;font-family:Microsoft YaHei,SimHei,Tahoma!important; }
#login-container{position:relative;height:540px;width:100%;min-width:1320px;overflow:hidden}
#login-middle .header-login .login-form-hide{height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:-1;position:absolute}
#login-middle .header-login .login-form-hide form{height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:-1;position:fixed}
#login-middle .header-login .login-form-hide p{height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:-1;position:absolute}
.netdisk-qrcode-container{height:170px;padding-bottom:49px;margin-top:10px}
.hidden{display:none!important}
.header-container{position:absolute;height:60px;width:100%;left:0;z-index:3}
.all-index-banner{position:absolute;width:100%;height:100%}
.index-body-content{position:absolute;bottom:80px;font-size:30px;color:#fff}
.index-body-content p{position:relative;padding:10px 100px}
.index-banner-0{background:url(../img/bg_small_2026chuchun.png) no-repeat;}

.focus-content{bottom:20px;position:absolute;left:50%;margin-left:-52px}
.focus-content .focus-content-item{list-style:none;float:left;padding:0 8px}
.focus-content .focus-content-item .focus-anchor{display:block;height:8px;outline:medium none;overflow:hidden;width:8px;border:1px solid #fff;border-radius:5px;background:#fff;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
.focus-content .focus-content-item .focus-anchor:hover,.focus-content .focus-content-item .current{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
#login-container .login-header{padding:10px 0 0 12px}
#login-header{height:60px;min-width:1002px}
a:hover,a:active{text-decoration:none;outline:0}
#login-container .logo{background:url(../img/logo-login-ssmis2018.png) no-repeat scroll 0 transparent;background-size:200px 51px;float:left;height:51px;margin:20px 0 0 20px;overflow:hidden;width:200px;display:inline}
#login-container .yun-logo{display:block;float:left;height:44px;color: #FFFFFF;outline:medium none;text-indent:-9999em;width:186px}
#netdisk_qrcode_login_form{height:185px}

/*style the main menu*/
.login-title { float:right; margin:10px 10px 0 0;}
.login-title>li { list-style: none; float: left;  position:relative; }
.login-title>li>a:link, .login-title>li>a:visited { display: block; text-decoration: none; padding:0 10px;margin:0 5px;font-size: 14px; color: #FFFFFF;line-height:40px;  }

.login-title>li>ul {  width:140px; position: absolute;visibility: hidden; border: 1px solid rgba(255,255,255,0.6);;margin: 0; padding:2px;border-radius:5px; }
.login-title>li>ul>li { list-style: none;line-height:35px;font-size:12px; }
.login-title>li>ul>li>a:link, .login-title>li>ul>li>a:visited {display: block; padding-left:15px; color:#FAFFF0; text-decoration: none;}
.login-title>li>ul>li>a:hover { background-color:rgba(255,255,255,0.2);border-radius:3px; }

#login-container #top_menu_other{color:#f00}
#login-container .login-main{display:table;margin:0 auto;clear:both;width:920px;height:90%;position:relative;overflow:hidden;top:10%}
#login-container #login-left{float:left;overflow:hidden;height:326px;margin-right:24px}

#login-container #login-middle{width:352px;height:100%;display:table-cell;vertical-align:middle}

.header-login{position:relative;width:100%;min-height:320px;z-index:999;background:#fff;border-radius:4px;vertical-align:middle;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 50px;-moz-box-shadow:#000 0 0 50px;box-shadow:rgba(0,0,0,0.3) 0 0 50px}

#login-download{margin:0 auto;clear:both;width:450px;height:110px;margin-top:30px}

.tab-download li{float:left;width:150px;display:block;position:relative}
.tab-download li a{display:block;height:70px;width:90px;margin:0 auto;overflow:hidden;cursor:pointer;outline:0;text-indent:-999em;background:url(../img/login.png) no-repeat}
.tab-download li>.link-img{display:none;position:absolute;bottom:70px; left:-36px}
.tab-download li:hover>.link-img{display:block;}

/* 下载链接有效
.tab-download li .windows{background-position:-500px -70px}
.tab-download li .windows:hover{background-position:-90px -160px}

.tab-download li .android{background-position:-320px -0px}
.tab-download li .android:hover{background-position:-410px -70px}

.tab-download li .iphone{background-position:-270px -160px}
.tab-download li .iphone:hover{background-position:-320px -70px}
*/

/* 下载链接失效 */
.tab-download li .windows{background-position:-90px -160px}

.tab-download li .android{background-position:-410px -70px}

.tab-download li .iphone{background-position:-320px -70px}


.tab-download li .ipad{background-position:-500px -0px}
.tab-download li .ipad:hover{background-position:-410px -0px}
.tab-download li .wp{height:67px;width:32px;overflow:hidden;background-position:-392px -160px}
.tab-download li .wp:hover{background-position:-360px -160px}
.tab-download li .tongbupan{background-position:-180px -160px}
.tab-download li .tongbupan:hover{background-position:-0px -160px}

.android-qrcode{height:160px;width:160px;overflow:hidden;background:url(../img/login.png) no-repeat;background-position:-0px -0px}
.iphone-qrcode{height:160px;width:160px;overflow:hidden;background:url(../img/login.png) no-repeat;background-position:-160px -0px}

.footer{text-align:center;font-size:12px;color:#b6bac3;padding-bottom:10px}

.all-index-banner .left-quote,.all-index-banner .right-quote{height:32px;width:46px;overflow:hidden}
.all-index-banner .left-quote{background:url(../img/leftquote.png) top no-repeat;display:inline-block;position:absolute;left:40px;top:8px}
.all-index-banner .right-quote{background:url(../img/rightquote.png) no-repeat top;position:absolute;right:40px;top:20px}
#login-container .hide{display:none}

.pass-foreignMobile-link-wrapper .pass-foreignMobile-link{color:#1876ea}
#login-middle .pass-login-tab{position:absolute;width:115px;font-size:14px;padding-left:10px;bottom:27px}#login-middle .qcode-title,#login-middle .account-title{display:inline-block;vertical-align:middle;text-align:center;font-size:14px;padding-left:10px}
#login-middle .pass-login-tab a{text-decoration:none;font-size:14px;color:#1876ea}
#login-middle .pass-login-tab a:hover{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
#login-container .tang-pass-login{position:relative;padding:0 20px 0 20px}
#login-container .tang-pass-login a{text-decoration:none;margin:0 4px;position:relative;top:0;font-size:14px;color:#1876ea}
#login-container .tang-pass-login a:hover{text-decoration:none;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
#login-container li.pass-item-suggsetion_hover a{position:absolute;top:8px}
#login-container .tang-pass-login-hide{position:absolute;top:-9999px}
#login-container .tang-pass-login .pass-generalErrorWrapper{height:auto;_height:28px;min-height:28px;color:#fc4343}
#login-container .tang-pass-login .pass-generalError{display:block;font-size:12px;line-height:14px;padding-top:8px}
#login-container .tang-pass-login .pass-form-item{position:relative;margin-bottom:0;clear:both}#login-container .pass-form .pass-form-item-password{border:1px solid #e7e7e7;border-top-width:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
#login-container .tang-pass-login .pass-form-item.pass-form-item-userName{border:1px solid #eaeaea;z-index:21;border-bottom-width:0;border-top-left-radius:4px;border-top-right-radius:4px}
#login-container .tang-pass-login .pass-form-item .pass-label-userName{background-position:0 0}#login-container .tang-pass-login .pass-form-item .pass-label-password{background-position:-16px 0}#login-container .tang-pass-login .pass-form-item .pass-label-verifyCode{display:none}input::-ms-clear{display:none}
input::-ms-reveal{display:none}
#login-container .tang-pass-login .pass-form-item .pass-text-input{position:relative;z-index:17;display:block;padding:7px 10px;height:26px;width:284px;border:1px solid #dedede;font-size:14px;color:#666;transition:.3s;line-height:26px;background-color:#fefefe;padding-left:20px}
#login-container .tang-pass-login .pass-form-item .pass-text-input-verifyCode{height:18px;margin-left:0;line-height:normal;line-height:18px\9;padding:9px 10px}
#login-container .tang-pass-login .pass-form-item .pass-text-input-verifyCode{width:76px;float:left}#login-container .tang-pass-login .pass-form-item input.pass-text-input-userName{padding-left:16px!important;border:0;border-bottom:1px solid #e7e7e7;border-top-left-radius:4px;border-top-right-radius:4px}
#login-container .tang-pass-login .pass-form-item input.pass-text-input-password{padding-left:16px;border:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.tang-pass-login .pass-form-item input.open{width:164px;padding-right:22px}
#login-container .tang-pass-login .pass-form-item .pass-placeholder{position:absolute;z-index:19;display:block;top:1px;left:0;height:28px;line-height:40px;width:140px;padding-left:13px;font-size:14px;color:#ccc;cursor:text}
#login-container .tang-pass-login .pass-form-item .pass-placeholder-foreignMobile{padding-left:87px}#login-container .tang-pass-login .pass-form-item .pass-placeholder-verifyCode{width:50px;line-height:38px;*line-height:40px;left:11px;padding-left:0}
#login-container .tang-pass-login .pass-form-item .pass-clearbtn{top:12px}
.tang-pass-login .pass-form-item span.pass-clearbtn-verifyCode{right:inherit;left:75px;top:12px;z-index:1999}.tang-pass-login .pass-form-item span.pass-clearbtn-smsVerifyCode{right:inherit;left:90px}
.tang-pass-login .pass-form-item .pass-clearbtn:hover{background-position:0 -16px}.tang-pass-login .pass-form-item-memberPass{margin-bottom:25px;padding-top:19px;*padding-top:10px}.tang-pass-login .pass-form-item-memberPass input{vertical-align:middle}.tang-pass-login .pass-form-item-memberPass label{color:#666;margin-left:5px;font-size:14px}.tang-pass-login .pass-form-item-submit{position:relative;padding-top:20px}.tang-pass-login .pass-form-item-submit input{width:278px;height:41px;background:#2592e0;border-radius:3px;transition:.3s}.tang-pass-login .pass-form-item-submit input:hover{background:#42a7f0}.tang-pass-login .pass-form-item-submit input:focus{background:#1a79bd}#login-container .tang-pass-login .pass-form-item-submit .pass-button-submit{width:100%;height:41px;background:#1876ea;border-radius:4px;transition:.3s;font-size:16px;border:0;color:#fff;cursor:pointer;text-decoration:none;font-family:Microsoft YaHei,SimHei,Tahoma;font-weight:100}#login-container .tang-pass-login .pass-form-item-submit .pass-button-submit:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}#login-container .tang-pass-login .pass-form-item-memberPass input{vertical-align:middle;margin-top:-4px}.tang-pass-login .pass-form-item-submit .pass-reglink{position:absolute;top:40px;right:0}

#login-container .tang-pass-login .pass-form-item-submit .pass-fgtpwd{color:#666;text-decoration:none;font-size:14px;position: absolute;top:-18px; right:0; margin:0}

input:focus{outline:0}

#login-container .active{display:none}
#login-container .ibg-bg{ position: absolute ;
  top:0;
  width:100%;
  z-index:0;
  height:100%;}

@media screen and (min-width:1400px){
	#login-container{height:720px;min-width:1200px;max-width: 1800px;text-align:center; margin:0 auto;}
	#login-container .login-main{width:1102px;height:90%;}
	#login-container .logo{background-size:237px 61px;height:61px;margin:25px 0 0 25px;width:237px;}
	#login-download{margin-top:60px}
	.index-banner-0{background:url(../img/bg_big_2026chuchun.png) no-repeat;}
	.login-title { margin:20px 20px 0 0;}
	.login-title>li>a:link, .login-title>li>a:visited {font-size: 16px;  }
	.login-title>li>ul>li { list-style: none;line-height:40px;font-size:14px; }
	.index-body-content{font-size:40px;}
}

	
#pass-phoenix-login .pass-phoenix-list li{margin:0 8px\0}#pass-phoenix-login .pass-phoenix-list .bd-acc-tsina{background:url(/static/images/16new/weibo.png) no-repeat\0;background-position-x:-20px\0}#pass-phoenix-login .pass-phoenix-list .bd-acc-tsina:hover{background-position:0 0\0;background-position-x:-20px\0;-moz-opacity:.5\0;filter:alpha(opacity=50)\0;opacity:.5\0}#pass-phoenix-login .pass-phoenix-list .bd-acc-qzone{background:url(/static/images/16new/qq.png) no-repeat\0;margin-left:6px\0}#pass-phoenix-login .pass-phoenix-list .bd-acc-qzone:hover{background-position:0 0\0;-moz-opacity:.5\0;filter:alpha(opacity=50)\0;opacity:.5\0}.login-sdk-v4{height:100%;border-radius:3px;width:352px;display:table-cell;vertical-align:middle;*position:absolute;*top:3%;*right:3%}
.login-sdk-v4 .header-login{border-radius:3px;background:#fff}.login-sdk-v4 .tang-pass-qrcode-ullist{display:none}#login-container .login-sdk-v4 .tang-pass-qrcode .tang-pass-qrcode-title{display:block}.login-sdk-v4 .tang-pass-login .pass-form{padding:0 20px}#login-container .login-sdk-v4 .tang-pass-login{padding:0}.tang-pass-login-phoenix .tang-pass-login-phoenix{margin-top:-70px}#pass-phoenix-login .pass-phoenix-list li{text-indent:0}#pass-phoenix-login .pass-phoenix-list{padding-left:0}.login-sdk-v4 #pass-phoenix-login .pass-phoenix-list li{margin-left:24px;margin-right:0}.login-sdk-v4 #pass-phoenix-login{margin-top:0;top:0}.login-sdk-v4 .tang-pass-login p.pass-form-logo{margin-top:0}.login-sdk-v4 .tang-pass-qrcode p.pass-form-logo{margin-left:0;margin-top:0}.login-sdk-v4 p.pass-form-logo{font-size:20px;text-align:center;padding:30px 0 12px 0;font-weight:100;color:#333;background:0;margin-left:0}.login-sdk-v4 .pass-form-normal p.pass-form-logo{padding-bottom:8px;margin-bottom:0}.login-sdk-v4 .Qrcode-status-con{margin:0 auto;height:160px;width:160px;position:relative}.login-sdk-v4 .Qrcode-status-animation{display:none;background:url(/static/images/16new/baidu.png) no-repeat;height:182px;width:133px;left:182px;top:0}.login-sdk-v4 .tang-pass-footerBarPhoenix{display:inline-block}.login-sdk-v4 .Qrcode-status-guideAnim{display:block}#login-container .tang-pass-qrcode .tang-pass-qrcode-content img{width:160px;height:160px;background-size:contain;padding:10px;margin-left:-10px;margin-top:-10px}.login-sdk-v4 .Qrcode-animationRight{-webkit-animation:marginRightV4 .3s linear;-moz-animation:marginRightV4 .3s linear;animation:marginRightV4 .3s linear;-webkit-transition:all .3s liner;-moz-transition:all .3s liner;transition:.3s liner;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.login-sdk-v4 .Qrcode-animation{-webkit-animation:marginLeftV4 .3s linear;-moz-animation:marginLefV4 .3s linear;animation:marginLeftV4 .3s linear;-webkit-transition:all .3s liner;-moz-transition:all .3s liner;transition:.3s liner;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);transform:translateX(-70px)}

@-webkit-keyframes marginLeftV4{
	0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-70px)}
	}
@-moz-keyframes marginLeftV4{
	0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(-70px)}
	}
@-ms-keyframes marginLeftV4{
	0%{-ms-transform:translateX(0)}100%{-ms-transform:translateX(-70px)}
}
@keyframes marginLefV4{
	0%{transform:translateX(0)}100%{transform:translateX(-70px)}
}
@-webkit-keyframes marginRightV4{
	0%{-webkit-transform:translateX(-70px)}100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes marginRightV4{
	0%{-moz-transform:translateX(-70px)}100%{-moz-transform:translateX(0)}
}
@-ms-keyframes marginRightV4{
	0%{-ms-transform:translateX(-70px)}100%{-ms-transform:translateX(0)}
}
@keyframes marginRightV4{
	0%{transform:translateX(-70px)}100%{transform:translateX(0)}
}



@media screen\0{
	.login-sdk-v4 .Qrcode-status-con{height:138px;width:138px}
	#login-container .tang-pass-qrcode .tang-pass-qrcode-content img{height:138px;width:138px}
	.login-sdk-v4 .Qrcode-status-animation{display:none;height:156px;width:133px;left:158px;top:0}
	.login-sdk-v4 .Qrcode-status-guideAnim{display:block}
}