@charset "utf-8";

/* reset */
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, th, td, p, button, input, select, textarea { margin: 0; padding: 0; }
b, em, i, strong, th { font-style: normal; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
button, input, select, textarea { font-family: 'Microsoft YaHei'; font-size: 100%; }
img { border: 0; vertical-align: top; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], button, textarea { -webkit-appearance: none; }

/* common */
html, body { height: 100%; }
a { color: #333; text-decoration: none; }
body { background-color: #f7f7f7; color: #333; font-family: Microsoft YaHei; font-size: 12px; -webkit-text-size-adjust: none; }
@media (max-width:640px) {
	body { background-color: transparent; font-family: Arial, simhei; font-size: 14px; }
}
.container { margin: 0 auto; width: 720px; }
.header .container { width: 960px; }
@media (max-width:960px) {
	.container { padding: 0 25px 0 25px; width: 710px; }
	.header .container { width: 670px; }
}
@media (max-width:640px) {
	.container { margin: 0 25px; padding: 0; width: auto;  padding-bottom: 120px; }
	.header .container { width: auto; }
}

/* header */
.header { background-color: #fff; border-bottom: 1px #ebebeb solid; height: 135px; }
@media (max-width:640px) {
	.header { border: 0; height: 65px; }
}
.header .logo { padding-top: 90px; }
.header .logo a.cooperation-logo{display:none;}
.header .logo.both-logo a{display:none;}
@media (max-width:640px) {
	.header .logo { padding-top: 30px; }
    .header .logo.visible-sm-inline{display:block !important;}
    .header .logo.both-logo-sm a{display:none;}
    .header .logo.both-logo-sm img{max-width:100%;max-height:32px;}
}

/* main */
.login { background-color: #fff; padding: 74px 0 142px; min-height: 796px; }
@media (max-width:640px) {
	.main { padding: 0; min-height: auto; }
}

/* footer */
.footer { color: #999; padding-top: 1px; text-align: center; }
@media (max-width:960px) {
	.footer .container { font-size: 12px; }
}
@media (max-width:640px) {
	.footer { background-color: #fff; font-size: 10px; height: 24px; line-height: 24px; position: fixed;
    width: 100%;
    bottom: 0;z-index:1; }
}
.footer .dborder { border-top: 1px #fff solid; }
@media (max-width:640px) {
	.footer .dborder { border: 0; }
}
.footer ul { padding: 10px 0 25px; }
@media (max-width:640px) {
	.footer ul { padding: 0; }
}
.footer li { padding-top: 15px; }
@media (max-width:640px) {
	.footer li { padding: 0; }
}
.footer a { color: #999; }
.footer a:hover { color: #3ab176; text-decoration: underline; }

/* visible & hidden */
@media (max-width:640px) {
	.hidden-sm { display: none !important; }
}
@media (min-width:641px) and (max-width:960px) {
	.hidden-md { display: none !important; }
}
@media (min-width:961px) {
	.hidden-lg { display: none !important; }
}
.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }
@media (max-width:640px) {
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width:641px) and (max-width:960px) {
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width:961px) {
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* icon */
.icon { background: url(Images/icon.png) no-repeat; display: block; height: 20px; width: 20px; }
@media (max-width:640px) {
	.icon { height: 16px; width: 16px; }
}
.icon-qq { background-position: 0 -60px; }
@media (max-width:640px) {
	.icon-qq { background: url(Images/Mobile/icon-qq.png) no-repeat 0 0; background-size: 16px 16px; }
}
.icon-weibo { background-position: 0 -80px; }
@media (max-width:640px) {
	.icon-weibo { background: url(Images/Mobile/icon-weibo.png) no-repeat 0 0; background-size: 16px 16px; }
}
.icon-weixin { background-position: 0 -100px; }
.icon-tdc { background-position: 0 -220px; }
.icon-pwd { background-position: 0 -240px; }
.icon-succeed { background-position: 0 -120px; }
.icon-ios { background-position: 0 -180px; }
.icon-android { background-position: 0 -200px; }
.icon-msg { background-position: 0 -140px; }

/* state */
input.input-validation-error { background-color: #fff7f7; border-color: #ffcfcf; }
@media (max-width:640px) {
	input.input-validation-error { background-color: #fff; border-color: #dfdfdf; }
}
span.field-validation-error { color: #ec8888; line-height: 36px; /*float: left;*/ padding-left: 10px; }
span.field-validation-succeed { float: left; padding: 8px 0 0 10px; }

/* dialog */
.dialog-info { display: none; padding-top: 25px; }
.dialog-info p { color: #666; line-height: 22px; padding: 0 25px; text-align: center; }
.ui-dialog { background-color: #fff; border: 1px #68c598 solid; border-radius: 2px; outline: 0; z-index: 1001; }
.ui-dialog-titlebar { background-color: #68c598; height: 28px; position: relative; z-index: 1; }
.ui-dialog-titlebar-close { background-color: #68c598; border: 0; cursor: pointer; height: 20px; outline: 0; position: absolute; right: 5px; top: 4px; width: 20px; z-index: 2; }
.ui-dialog-titlebar-close .ui-icon-closethick { background: url(images/icon.png) no-repeat 0 -280px; display: block; height: 20px; width: 20px; }
.ui-dialog-titlebar-close .ui-button-text { display: none; }
.ui-dialog-buttonset { overflow: hidden; }
.ui-dialog-buttonset button { background-color: #e8f3ed; border: 0; cursor: pointer; height: 40px; outline: 0; }
.ui-dialog-buttonset .btn-d-confirm-m { float: left; width: 149px; }
.ui-dialog-buttonset .btn-d-cancel-m { float: right; width: 149px; }
.ui-dialog-buttonset .btn-d-confirm-l { width: 100%; }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; filter: Alpha(Opacity=30); z-index: 1000; }

/* clearfix */
.container:after, .ui-dialog-buttonset:after { clear: both; content: " "; display: table; }

/* ie */
.container, .ui-dialog-buttonset { *zoom: 1; }
.dialog-info { *padding-bottom: 15px; }