﻿@charset "utf-8";
	* {
	padding:0;
	margin:0
}
body {
	font-size:14px;
	background-color:#fff;
	font-family:Microsoft YaHei,SimHei,Tahoma!important
}
#login-container {
	position:relative;
	height:750px;
	width:100%;
	min-width:500px;
	overflow:hidden
}
#login-middle .login-header-title {
	height:60px
}
#login-middle .login-header-title h3 {
	font-size:20px;
	text-align:center;
	padding:30px 0 12px 0;
	font-weight:100;
	color:#333
}
#login-middle .login-header-title h4 {
	text-align:center;
	font-size:18px;
	padding-top:32px;
	color:#333;
	font-weight:100
}
#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
}
.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:44px;
	color:#fff
}
.index-body-content p {
	position:relative;
	padding:10px 100px
}
.index-banner-0 {
	background:url(images/bg1.png) no-repeat center center
}
.index-banner-1 {
	background:url(images/bg2.png) no-repeat center center
}
.index-banner-2 {
	background:url(images/bg1.png) no-repeat center center
}
.index-banner-3 {
	background:url(images/bg2.png) no-repeat center center
}
.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(images/logo.png) no-repeat scroll 0 transparent;
	background-size:100% 100%;
	float:left;
	height:47px;
	margin:21px 0 0 44px;
	overflow:hidden;
	width:165px;
	display:inline
}
#login-container .yun-logo {
	display:block;
	float:left;
	height:44px;
	outline:medium none;
	text-indent:-9999em;
	width:186px
}
#netdisk_qrcode_login_form {
	height:185px
}
#login-container .pan-logo {
	display:none;
	float:left;
	height:44px;
	margin:0 0 0 5px;
	outline:medium none;
	text-indent:-9999em;
	width:40px
}
#login-container .login-title,#login-container .login-title a {
	margin:30px 20px 0 0;
	color:#fff;
	text-decoration:none
}
#login-container .login-title {
	float:right;
	margin:25px 20px 0 0
}
#login-container .login-title a:hover {
	text-decoration:underline
}
#login-container .login-title .center-entry {
	background:linear-gradient(-139deg,#5095FD 0,#5095FD 100%) #5095FD;
	color:#fff;
	padding:4px 10px;
	border-radius:20px
}
#login-container .login-title .center-entry:hover {
	text-decoration:none;
	background:#5095FD
}
#login-container .login-title .f-ln-trans {
	position:relative
}
#login-container .login-title .f-ln-trans {
	position:relative
}
#login-container .login-title .f-ln-trans span {
	position:absolute;
	top:-14px;
	right:-8px;
	width:24px;
	height:14px;
	background:url(/static/images/xianmian_ic.png) no-repeat;
	background-size:24px 14px
}
#login-container #top_menu_other {
	color:#f00
}
#login-container .login-main {
	display:table;
	margin:0 auto;
	clear:both;
	width:1102px;
	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:360px;
	height:100%;
	
	margin:0 auto;
   padding-bottom:27px;
	vertical-align:middle
}
.header-login {
	position:relative;
	width:100%;
	min-height:310px;
	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;
	
}

.all-index-banner .left-quote,.all-index-banner .right-quote {
	height:32px;
	width:46px;
	overflow:hidden
}
.all-index-banner .left-quote {
	background:url(images/leftquote.png) top no-repeat;
	display:inline-block;
	position:absolute;
	left:40px;
	top:8px
}
.all-index-banner .right-quote {
	background:url(images/rightquote.png) no-repeat top;
	position:absolute;
	right:40px;
	top:20px
}
#login-container .hide {
	display:none
}
#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 .login-tab  {
	 border-bottom:1px solid #C5C7C6;
	 height:73px;
	 line-height:73px;
	 display:flex;
	 flex-direction: row;
}
.login-tab-nav
{
     height:70px;
     line-height:70px;
     font-weight: bold;     
color: #666666;
     font-size: 18px;
     width:100px;
     text-align:center;
	 cursor:pointer;
	 float:left;
}
.login-tab-secend
{
     margin-left:25px;
}
.login-tab-active
{
    
     font-weight: bold;
     color: #5CB24F;
     font-size: 18px;
     border-bottom:3px solid #5CB24F;
}
#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:#09aaff
}
#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:127px;
	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 span.open {
	background-position:-18px -30px
}
#login-container .tang-pass-login .pass-form-item span.open:hover {
	background-position:-18px -46px
}



#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:#09aaff;
	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:relative;
	top:14px;
	margin:0
}
#pass-phoenix-login {
	height:65px;
	margin-top:34px;
	background:#f3f8ff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
#pass-phoenix-login .pass-phoenix-title {
	display:none
}
#pass-phoenix-login .pass-phoenix-list {
	float:left;
	line-height:17px;
	zoom:1;
	padding-left:106px
}
#pass-phoenix-login .pass-phoenix-list:after {
	line-height:20px;
	content:'\20';
	display:block;
	height:0;
	clear:both
}
#pass-phoenix-login .pass-phoenix-list .bd-acc-list {
	float:left
}
.pass-sms-btn,.pass-unamelogin-btn,.pass-emaillogin-btn {
	display:inline-block;
	margin-right:15px;
	color:#00C;
	text-decoration:underline;
	padding-left:18px;
	cursor:pointer;
	font-size:12px;
	background:url(http://s1.pan.bdstatic.com/static/images/pass/pass_login_icons.png?r=202106034302) no-repeat -181px -64px;
	width:0;
	height:18px;
	overflow:hidden;
	float:left
}
.pass-qrcode-btn {
	position:absolute;
	top:0;
	width:172px;
	left:0;
	height:58px;
	text-indent:-9999em;
	border-bottom:3px solid #edf4ff
}
.pass-normal-btn {
	position:absolute;
	top:0;
	width:172px;
	right:0;
	height:58px;
	text-indent:-9999em;
	border-bottom:3px solid #edf4ff
}
.pass-unamelogin-btn {
	background-position:-217px -64px
}
.pass-sms-btn {
	background-position:-108px -64px
}
#pass-phoenix-login .pass-phoenix-list .bd-acc-tsina {
	background-position:-62px -0
}
#pass-phoenix-login .pass-phoenix-list .bd-acc-tsina {
	background-position:-62px -0
}
#pass-phoenix-login .pass-phoenix-list .bd-acc-tsina:hover {
	background-position:-37px -0
}
#pass-phoenix-login .pass-phoenix-list li {
	display:inline-block;
	margin:0 16px;
	width:25px;
	height:22px;
	float:left;
	color:#00C;
	text-decoration:underline;
	cursor:pointer;
	font-size:12px;
	list-style:none;
	text-indent:-9999em;
	overflow:hidden;
	margin-top:28px;
	background-size:cover
}
#pass-phoenix-list-login li {
	background:url(/static/images/16new/17third.png) no-repeat
}
.choiceuser-article {
	padding:0 20px
}
.choiceuser-article .choiceuser-msg {
	margin-top:10px;
	font-size:12px;
	color:#666;
	line-height:24px
}
.choiceuser-article .choiceuser-back {
	margin-top:10px;
	clear:both
}
.choiceuser-article .choiceuser-back a {
	display:block;
	text-align:right;
	color:#1b66c7;
	text-decoration:none
}
.choiceuser-article .choiceuser-btn:after {
	content:'\20';
	display:block;
	height:0;
	clear:both
}
.choiceuser-article .choiceuser-btn {
	padding-left:20px;
	zoom:1
}
.choiceuser-article .choiceuser-btn input {
	display:block;
	float:left;
	margin-right:15px;
	width:80px;
	height:32px;
	border-radius:4px;
	transition:.3s;
	border:0;
	margin:10px 10px 0 0;
	cursor:pointer;
	color:#666;
	border:1px solid #ddd;
	background-color:#f7f7f7;
	font-weight:bold
}
.choiceuser-article .choiceuser-btn input:hover {
	background-color:#eee;
	border-color:#dadada
}
#login-container .tang-pass-qrcode .tang-pass-qrcode-title {
	display:none;
	height:30px;
	line-height:30px;
	color:#666
}
#login-container .tang-pass-qrcode .tang-pass-qrcode-content {
	text-align:center;
	margin:30px 0 0 0;
	left:0
}
#login-container .tang-pass-qrcode .pass-qrcode-scanSuccessWrapper {
	background:url(/static/images/16new/right.png) center 30px no-repeat #fff;
	min-height:200px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	width:100%;
	padding-top:5px;
	background-size:20%
}
#login-container .tang-pass-qrcode .tips {
	text-align:center;
	color:#999;
	font-size:12px
}
#login-container .wallet-qrcode-scanSuccess {
	color:#333;
	margin-top:10px;
	text-align:center;
	font-size:20px
}
#login-container .wallet-qrcode-icon {
	background:0
}
#login-container .tang-pass-login-phoenix .pass-phoenix-list .phoenix-btn-item {
	background:0
}
#login-container .tang-pass-login-phoenix {
	border:0;
	overflow:hidden
}
#login-container .tang-pass-qrcode .pass-qrcode-scanSuccessWrapper p {
	font-size:14px;
	color:#999;
	margin-top:10px
}
#login-container .tang-pass-qrcode .tang-pass-qrcode-info {
	line-height:16px;
	color:#333;
	font-weight:bold;
	padding-top:20px
}
#login-container .tang-pass-qrcode .pass-qrcode-scanSuccess {
	font-size:20px;
	margin:10px 0;
	color:#333;
	font-weight:bold
}
#login-container .tang-pass-qrcode .pass-qrcode-link-back {
	display:block;
	text-align:right;
	text-decoration:none;
	color:#1b66c7;
	cursor:pointer
}
#login-container .tang-pass-qrcode .pass-qrcode-link-back:hover {
	text-decoration:underline
}
.tang-pass-sms {
	display:none
}
.tang-pass-sms .tang-pass-sms-title {
	height:30px;
	line-height:30px;
	color:#666;
	font-weight:bold
}
.tang-pass-sms .tang-pass-sms-tip {
	line-height:18px;
	color:#999;
	font-weight:100
}
.tang-pass-sms p.pass-form-item-smsVerifyCode:after,.tang-pass-login p.pass-form-item-verifyCode:after {
	line-height:20px;
	content:'\20';
	display:block;
	height:0;
	clear:both
}
.tang-pass-sms p.pass-form-item-smsVerifyCode,.tang-pass-login p.pass-form-item-verifyCode {
	position:relative;
	height:38px;
	margin-top:10px;
	zoom:1;
	padding:0
}
.tang-pass-sms .pass-form-item .pass-sms-link-back {
	display:block;
	text-align:right;
	padding-top:10px
}



.tang-pass-sms .pass-form-item span.pass-item-timer,.tang-pass-sms .pass-form-item span.pass-item-time-timing {
	width:84px
}
.tang-pass-login .pass-item-timer {
	display:block;
	float:left;
	height:28px;
	width:84px;
	font-size:12px;
	color:#666;
	border:1px solid #ddd;
	background-color:#f7f7f7;
	cursor:pointer;
	transition:.3s
}
.tang-pass-login .pass-item-timer:hover {
	background-color:#eee;
	border-color:#dadada
}
.tang-pass-login .pass-item-time-timing {
	display:block;
	float:left;
	height:28px;
	width:84px;
	font-size:12px;
	transition:.3s;
	color:#999;
	border:1px solid #ebebeb;
	background-color:#f6f6f6;
	cursor:default
}
#login-middle .tang-pass-login .pass-suggestion-list {
	position:absolute;
	margin:0;
	padding:0;
	z-index:21;
	top:41px;
	_top:29px;
	left:-1px;
	border:1px solid #dedede;
	border-top:0;
	background:#fff;
	width:310px;
	top:40px
}
#login-middle .tang-pass-login li.pass-item-suggsetion {
	position:relative;
	z-index:2001;
	line-height:14px;
	padding:10px 0 10px 6px;
	color:#888;
	font-family:'宋体';
	font-size:12px;
	color:#333;
	cursor:pointer;
	word-spacing:break-word;
	word-break:break-all
}
#login-middle .tang-pass-login li.pass-item-suggsetion a {
	position:absolute;
	top:8px;
	right:4px;
	height:16px;
	width:16px;
	background:url(http://s1.pan.bdstatic.com/static/images/pass/pass_login_icons.png?r=202106034302) no-repeat 0 0
}
.tang-pass-login li.pass-item-suggsetion_hover a {
	display:block
}
.tang-pass-login li.pass-item-suggsetion a:hover {
	background-position:0 -16px
}
.tang-pass-login .pass-item-suggsetion_hover {
	background-color:#f7f7f7
}
.pass-login-title {
	clear:both;
	height:35px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#2486c4;
	font-weight:bold;
	line-height:50px
}

.netdisk_pass_loading_tips {
	text-align:center;
	padding-top:110px
}
#login-middle .tang-pass-wltopc-qrcode-init {
	float:none
}
#login-middle .tang-pass-login .pass-foreignMobile-link-wrapper,#login-middle .tang-pass-login .pass-foreignMobile-back-wrapper {
	position:absolute;
	right:20px;
	margin-top:-6px;
	font-size:14px
}
#login-middle .tang-pass-login .pass-foreignMobile-back-wrapper {
	display:none
}
#login-middle .tang-pass-login .pass-foreignMobile-msg {
	font-weight:100;
	color:#666;
	margin-bottom:10px;
	font-size:14px;
	display:none;
	visibility:hidden
}
#login-middle .tang-pass-login .pass-foreignMobile-msg span {
	font-weight:100;
	color:#999;
	padding-left:6px
}
#login-middle .tang-pass-login .pass-form-item-PhoneCountry {
	z-index:26
}
#login-middle .tang-pass-login .pass-form-item-PhoneCountry {
	z-index:26
}
#login-middle .tang-pass-login .pass-form-item-PhoneCountry .pass-label,#login-middle .tang-pass-login .pass-form-item .pass-label {
	position:absolute;
	font-size:12px;
	color:#666;
	padding-bottom:10px;
	text-indent:-999em;
	height:10px;
	width:17px;
	top:11px;
	z-index:999;
	left:11px;
	display:block;
	background:0
}
#login-middle .tang-pass-login .pass-form-item .pass-label-userName {
	display:none
}
#login-middle .tang-pass-login .pass-form-item-PhoneCountry .pass-label {
	position:absolute;
	top:0;
	left:0;
	width:66px;
	height:41px;
	padding:0;
	line-height:41px;
	border-right:1px solid #ddd;
	cursor:pointer;
	text-indent:0;
	overflow:hidden;
	z-index:20;
	font-size:14px;
	text-align:center;
	background:0
}
.tang-pass-login .pass-form-item-PhoneCountry .pass-label-code-up {
	background-position:62px -39px
}
.tang-pass-login .pass-form-item-PhoneCountry .pass-country-list {
	position:absolute;
	top:42px;
	left:0;
	border:1px solid #dedede;
	border-top:0;
	background:#fff;
	width:310px;
	height:170px;
	overflow-y:auto;
	display:none;
	transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-webkit-transition:.3s
}
#login-container .tang-pass-login .pass-form-item-PhoneCountry input.pass-text-input {
	width:213px;
	padding-left:87px;
	border-top-left-radius:4px;
	border-top-right-radius:4px
}
.tang-pass-login li.pass-item-country {
	position:relative;
	line-height:14px;
	padding:10px 0 10px 0;
	color:#888;
	font-size:14px;
	color:#333;
	cursor:pointer;
	word-break:break-all
}
.tang-pass-login li.pass-item-country-hover {
	background:#f7f7f7
}
.tang-pass-login li.pass-item-country span {
	display:inline-block;
	width:74px;
	padding-left:12px
}
input:focus {
	outline:0
}
.login-info .link-create {
	position:absolute;
	bottom:20px;
	right:20px;
	width:56px;
	padding:6px 10px;
	border:1px solid #bad4fd;
	color:#3582f8;
	text-decoration:none;
	border-radius:4px;
	text-align:center
}
.login-info a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5
}
.canvas-bg {
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
	top:0;
	z-index:1001
}
.qrcode-dialog {
	position:absolute;
	top:50%;
	z-index:1003;
	width:370px;
	height:380px;
	background:#fff;
	left:50%;
	margin-left:-178px;
	margin-top:-170px;
	border-radius:4px
}
.dialog-title {
	color:#424e67;
	padding:18px 20px;
	font-size:16px;
	border-bottom:1px solid #ececec
}
.dialog-title .close {
	background:url(/static/images/16new/close.png) top no-repeat;
	width:13px;
	height:14px;
	position:absolute;
	right:0;
	margin:20px;
	top:0
}
.dialog-content {
	display:block;
	border:1px solid #ececec;
	margin:24px auto 15px auto
}
.addon-content {
	font-size:14px;
	color:#424e67;
	text-align:center;
	padding:0 0 10px 0
}
.dialog-footer {
	margin-top:20px
}
.dialog-button {
	width:256px;
	background:#3582f8;
	text-align:center;
	margin:0 auto;
	color:#fff;
	padding:12px 0;
	font-size:16px;
	border-radius:4px;
	margin-top:17px
}
.dialog-button a {
	color:#fff;
	text-decoration:none
}
.tang-pass-qrcode-img {
	transition:margin-left .4s linear;
	-moz-transition:margin-left .4s linear;
	-webkit-transition:margin-left .4s linear;
	-o-transition:margin-left .4s linear
}
#login-container #login-middle .guide-img {
	background:url(/static/images/16new/baidu.png) no-repeat;
	height:182px;
	width:133px;
	position:absolute;
	right:15px;
	top:112px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0
}
#login-container .tang-pass-qrcode .tang-pass-qrcode-content .animate-left {
	margin-left:-70px
}
#login-container #login-middle .animate-show {
	transition:opacity 2s;
	-moz-transition:opacity 2s;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1
}
.animated {
	-webkit-animation-duration:1.2s;
	animation-duration:1.2s
}
.qrcode-addoninfo {
	text-align:center;
	color:#333;
	position:relative;
	z-index:49;
	font-size:14px
}
.qrcode-addoninfo a {
	color:#3582f8;
	text-decoration:none
}
.qrcode-addoninfo a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5
}
#login-container .active {
	display:none
}
#login-container .ibg-bg {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	background-size:cover;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	transition:background 1s
}
@media screen and (min-width:1400px) {
	#login-container {
	height:720px;
	min-width:1200px
}
#login-download {
	margin-top:60px
}
}#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:400px;
	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:5px;
	margin-right:5px
}
.login-sdk-v4 #pass-phoenix-login {
	margin-top:0;
	top:0;
	left:135px
}
.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;
	text-align:center;
	font-weight:600
}
.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:138px;
	width:138px;
	position:relative;
	margin-left:115px;
	left:-10px\0;
	*left:-10px;
	_left:-10px
}
.login-sdk-v4 .Qrcode-status-animation {
	display:none;
	background:url(/static/images/16new/baidu-new.png) no-repeat;
	background-size:100%;
	height:182px;
	width:133px;
	left:170px;
	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 {
	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);
	*left:150px
}
@-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)
}
}#login-container .login-sdk-v4 .tang-pass-qrcode .tang-pass-qrcode-title {
	position:absolute;
	top:74px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#333
}
.login-sdk-v4 .tang-pass-footerBar {
	height:65px;
	margin-top:0;
	line-height:65px;
	background:#f3f8ff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.login-sdk-v4 .tang-pass-footerBar .tang-pass-footerBarPhoenixSplit {
	display:none
}
#pass-phoenix-login {
	height:60px;
	padding:0
}
#pass-phoenix-login .pass-phoenix-list li {
	margin-top:21px
}
.login-sdk-v4 a.pass-reglink {
	position:absolute;
	width:80px;
	color:#09aaff;
	text-decoration:none;
	text-align:right;
	line-height:64px;
	right:20px
}
.login-sdk-v4 a.pass-reglink:hover {
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5
}
.login-sdk-v4 .tang-pass-footerBarQrcode,.login-sdk-v4 .tang-pass-footerBarULogin {
	width:94px
}
.login-sdk-v4 .tang-pass-footerBarQrcode:hover,.login-sdk-v4 .tang-pass-footerBarULogin:hover {
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5
}
#login-container .login-sdk-v4 .tang-pass-footerBar {
	color:#09aaff
}
.login-sdk-v4 .tang-pass-footerBar {
	padding:0 20px
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-weixin {
	background:url(/static/images/16new/logo_wechat.png) no-repeat
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-weixin:hover {
	background:url(/static/images/16new/logo_wechat_hover.png) no-repeat
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-tsina {
	background:url(/static/images/16new/logo_sinaweibo.png) no-repeat
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-tsina:hover {
	background:url(/static/images/16new/logo_sinaweibo_hover.png) no-repeat
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-qzone {
	background:url(/static/images/16new/logo_qq.png) no-repeat
}
.login-sdk-v4 #pass-phoenix-list-login .bd-acc-qzone:hover {
	background:url(/static/images/16new/logo_qq_hover.png) no-repeat
}
.login-sdk-v4 .tang-pass-login .pass-foreignMobile-link-wrapper {
	bottom:-13px
}
.login-sdk-v4 .tang-pass-login .pass-foreignMobile-back-wrapper {
	bottom:-13px
}
.login-sdk-v4 .bd-acc-list {
	*margin-top:-100px;
	*zoom:1;
	*display:inline
}
.login-sdk-v4 .tang-pass-login .pass-suggestion-list {
	width:310px;
	left:-1px
}
.login-sdk-v4 .tang-pass-login li.pass-item-suggsetion {
	padding:10px 0 10px 6px
}
.login-sdk-v4 .tang-pass-login .pass-foreignMobile-msg span {
	font-weight:100;
	color:#666;
	margin-bottom:10px;
	font-size:14px
}
.login-sdk-v4 .tang-pass-login .pass-form-item-PhoneCountry .pass-label {
	position:absolute;
	top:0;
	left:0;
	width:66px;
	height:41px;
	padding:0;
	line-height:41px;
	border-right:1px solid #ddd;
	cursor:pointer;
	text-indent:0;
	overflow:hidden;
	z-index:20;
	font-size:14px;
	text-align:center;
	background: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-guideAnim {
	display:block
}
}#login-container .tang-pass-login a.pass-sms-btn {
	width:auto;
	background:0;
	position:absolute;
	right:20px;
	font-size:16px;
	top:42px;
	height:auto
}
.login-sdk-v4 p.pass-form-logo {
	font-weight:600;
	font-size:18px;
	text-align:left
}
#login-container .tang-pass-sms .pass-form-item,#login-container .pass-form-normal .pass-form-item {
	position:static
}
#login-container .pass-form-normal .pass-form-item-userName {
	position:relative
}
#login-container .pass-form-normal .pass-form-item-PhoneCountry {
	position:relative
}
#login-container .login-sdk-v4 .tang-pass-sms {
	padding:0 20px
}
#login-container .tang-pass-sms .pass-form-item-PhoneCountry .pass-label-smsPhone {
	display:none
}

#login-container .tang-pass-sms .pass-form-item a.pass-sms-link-back {
	position:absolute;
	right:20px;
	font-size:16px;
	top:42px;
	height:auto;
	padding:0;
	margin:0
}
#login-container .tang-pass-sms .pass-form-item .pass-text-input-smsVerifyCode {
	width:142px;
	padding-left:16px;
	border-radius:4px
}
#login-container .tang-pass-sms .pass-item-timer,#login-container .tang-pass-sms .pass-item-time-timing {
	margin:0;
	width:132px;
	height:42px;
	border-radius:4px
}
#login-container .tang-pass-sms p.pass-form-item-smsVerifyCode,#login-container .tang-pass-sms p.pass-form-item-verifyCode {
	width:auto;
	position:relative
}
#login-container .pass-form-normal .pass-form-item-password,#login-container .tang-pass-sms .pass-form-item-smsPhone,#login-container .pass-form-normal .pass-form-item-verifyCode {
	position:relative
}
#login-container .tang-pass-sms .pass-form-item span.pass-clearbtn-smsVerifyCode {
	left:147px
}
.login-sdk-v4 .tang-pass-sms p.pass-form-logo {
	margin-bottom:0
}
.login-sdk-v4 .tang-pass-qrcode-init {
	margin-left:-14px
}


.foot
{    width: 100%;
height: 41px;
background: #3F3F3F;
color:#fff;
text-align:center;
line-height:41px;

font-size: 12px;
}


.text{border:solid 1px #C5C7C6;width:350px;height:40px;border-radius: 3px;  margin-top:27px;}
.tbxpas{background:url(images/lock.png) no-repeat 5px center;background-size:17px 17px;}
.tbxuser{background:url(images/user.png) no-repeat 5px center;background-size:18px 18px;}
.text input{float:left;border:none;background:none;height:42px;line-height:40px;width:350px; text-indent:32px;}

.text-addon input{float:left;border:none;background:none;height:42px;line-height:40px;width:270px; text-indent:12px;}
.addon{
  width:72px;
  height:40px;
  background: #F2F2F2;
  font-size: 14px;
  z-index:2;
  color:#666666;
  border-right:1px solid #C5C7C6;
  float:left;
  line-height:40px;
  text-align:center;
}
.login-tab-content
{
    width:350px;
    margin:0 auto;
   
}
.btncode
{
    width: 93px;
height: 42px;
background: #FFFFFF;
border: 1px solid #6EC679;
border-radius: 3px;
float:right;
color: #6EC679;
}

.btnlogin
{
    width: 350px;
    height: 50px;
    background: #6EC679;
    border-radius: 3px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    border:none;
    cursor:pointer;
    margin-top:17px;
	margin-left:5px;
}

.login-agreement
{
    margin-left:10px;
    margin-top:22px;
    
}


.login-agreement span
{
    color:#333333;
    font-size:14px;
}
.login-footer
{
    width: 400px;
height: 59px;
background: #F2F7F3;
border-radius: 5px;
}
.login-agreement-list li
{
    color:#3A8BF9;
    font-size:14px;
    list-style:none;
    margin-left:30px;
    line-height:21px;
    height:21px;
}


.login-agreement-list li a
{
    color:#3A8BF9;
    font-size:14px;
    list-style:none;
    text-decoration:none;
  
}

.login-register{
    font-size: 11px;
    text-align: center;
}
.is-danger{
  color: red;
  font-weight: 700;
}
.help {
    background: white;
}



/*HEAD*/
.head {
    height: 77px;
    width: 100%;
    background-color: #f4f4f4;
}
.header_content {
    height: 75px;
    width: 1200px;
    margin: 0 auto;
}
.header-login-image {
    width: 111px;
    height: 36px;
    margin-left: 4px;
    float: left;
}
    .header-login-image img {
        margin-top: 20px;
        height:47px;
    }
.header-user {
    float: right;
    width: 130px;
    background-color: #ffffff;
    height: 75px;
}
.header-user-div {
    margin: 0 auto;
    margin-top: 30px;
    width: 90px;
}

.head-user-touxiang-kuang {
    float: left;
    border-radius: 50%;
    border: 3px solid #eee;
    overflow: hidden;
}
.head-user-touxiang-kuang-div {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #01906c;
    overflow: hidden;
}
    .head-user-touxiang-kuang-div img {
        width: 32px;
    }


.head-link {
    float: right;
    width: 200px;
    height: 35px;
    margin-top: 18px;
}
    .head-link i {
        margin-top: 5px;
        text-align: left;
    }

    .ul_top_nav {
        float: left;
        margin-left: 90px;
    }

    .ul_top_nav ul {
        list-style: none;
        display: inline;
    }

    .ul_top_nav li {
        width: 100px;
        font-size: 18px;
        color: #666666;
        display: inline-block;
        text-align: center;
        height: 70px;
        line-height: 70px;
        margin: 0 15px;
        cursor: pointer;
        border-top: 5px solid #f4f4f4;
    }
/*
    .ul_top_nav .current {
        border-top: 5px solid #5eb151;
        color: #5eb151;
    }

    .ul_top_nav li:hover {
        border-top: 5px solid #5eb151;
        color: #5eb151;
    }
*/
.head-bottom-line {
    height: 1px;
    background-color: #ffffff;
}
.head-bottom-line-div {
    height: 2px;
    width: 1200px;
    margin: 0 auto;
}
.head-bottom-line-user {
    float: right;
    width: 130px;
    background-color: #ffffff;
    height: 2px;
}
.alarm {
    position: relative;
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 0px;
}
.dropbtn {
    float: right;
    margin-top: -11px;
    cursor: pointer;

}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    margin-top:30px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    .dropdown-content a {
        color: #666;
        padding: 12px 0px;
        text-decoration: none;
        display: block;
    }
        .dropdown-content i
        {
            padding-right:10px;
        }
        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
   
}

.divright {
    position: absolute;
    color: white;
    font-size: 10px;
    background-color: #ff8100;
    width: 18px;
    height: 18px;
    line-height: 18px;
    left: 55%;
    top: -9px;
    text-align: center;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}
/*footer*/
.footer {
    background-color: #434343;
    height: 110px;
}

    .footer .div-footer-content {
        height: 80px;
        width: 1200px;
        margin: 0 auto;
        line-height: 80px;
        color: rgba(255,255,255,0.5);
        border-bottom: 1px solid #4f4f4f;
        text-align: left;
    }
    .footer .div-footer-Rights {
        height: 23px;
        width:650px;
        margin: 0 auto;
        line-height: 23px;
        font-size:12px;
        color: rgba(255,255,255,0.15);
      
        text-align: center;
    }
    .footer .div-footer-content span {
        display: block;
        line-height: 80px;
        float: left;
        vertical-align: top;
        height: 80px;
        margin-left: 10px;
    }

    .footer .div-footer-ico {
        margin-right: 20px;
        margin-left: 5px;
        margin-right:40px;
    }

    .footer .div-footer-content i {
        font-size: 24px;
    }

    .footer .div-footer-right {
        float: right;
        margin-right: 10px;
        width: 380px;
    }

        .footer .div-footer-right i {
            font-size: 30px;
            color: #6c6c6c;
            margin-left: 5px;
            margin-right: 5px;
        }


    .footer .footer-phone {
        width: 100px;
        float: right;
        line-height: 0px;
        height: 40px;
        margin-top: 15px;
        color: rgba(255,255,255,0.5);
        margin-right: 20px;
        padding-right: 20px;
        font-weight: bold;
        border-right: 1px solid #4f4f4f;
    }

    .footer .footer-tel {
        width: 250px;
        float: right;
        line-height: 20px;
        height: 30px;
        margin-top: 15px;
        color: rgba(255,255,255,0.5);
        font-weight: bold;
        margin-right:20px;
    }

.footer-info {
    color: rgba(255,255,255,0.2);
}


.div-footer-ico a {
    color: rgba(255,255,255,0.5);
    font-size:14px;
}
    .div-footer-ico a:hover {
        color: rgba(255,255,255,0.8);
    }
.tooltip .tooltiptext {
    visibility: hidden;
    width: 154px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 9999;
    height: 154px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    /* 淡入 - 1秒内从 0% 到 100% 显示: */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip {
    position: relative;
}

.floatLeft
{
    float:left;
    }
    
    .clear
    {clear:both;}
    
    
    .home-Content {
    width: 1200px;
    margin: 0 auto;
}


/*信息提示页*/
.tsk{margin-top:110px; margin-bottom:110px; overflow:hidden; width:100%; margin-left:80px;}
.message-tip{margin-top:40px; width:500px; margin-left:50px; text-align:left;}
.message-tip li:first-child p{font-size:32px; font-weight:bold; line-height:36px;}
.message-tip li:last-child{margin-top:80px;}
.message-tip li:last-child a:first-child{color:#3ead6b; text-decoration:underline; opacity:1;}
.message-tip li p{ line-height:0;}
.message-tip li a{ color:#999; text-decoration:none;}
.message-tip li:last-child a:first-child:hover{color:#3ead6b; opacity:0.6;}
.message-tip li:last-child a:last-child{color:#666; text-decoration:underline; opacity:1;}
.message-tip li:last-child a:last-child:hover{color:#666; opacity:0.6;}
.question-all{list-style:disc; margin-left:40px;}
.green_other{color:#48af82 !important;}
.orange_warning{color:#fb951d;}
.blue-normal{color:#4c88ba;}
.red_failed{ color:#cd3b3b !important;}
.finish-baoming ul li{margin-top:10px; }

.cursor-hand{ cursor:pointer;}

.div-footer-content a
{
    color:rgba(255,255,255,0.5);
    text-decoration:none;
}

.login-footer-left
{
    float:left;
    margin-left:20px;
    margin-top:20px;
}
.login-footer-right
{
    float:right;
    color:#999999;
     margin-right:20px;
    margin-top:20px;
}
.login-footer-right span
{
    margin-left:10px;
  color:#999999;
}
.login-footer-left a,.login-footer-right a
{
    text-decoration:none;
}