@charset "utf-8";

/*全局 css*/
html {
	/*font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
	font-size: 14px;
	color: #333;*/
	color:#535353;font-size:14px;font-family:arial,微软雅黑;
}
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul {
	margin: 0;
	padding: 0
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}
em,i {
	font-style: normal;
	font-weight: 400
}
button,input,select,textarea {
	font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif
}
button,input,select {
	box-sizing: border-box
}
button {
	border: none
}
button,input[type=submit],input[type=button],select {
	cursor: pointer
}
li {
	list-style: none
}
a img,fieldset,iframe,img {
	border-width: 0;
	border-style: none
}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}
input[type=password]:focus,input[type=text]:focus,textarea:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

/*login*/
.logintop{height:60px;background:#343A40;padding: 0 20px;min-width: 980px;}
.logintop-left{font-size:20px; color:#ffffff;float:left; height:40px; margin-top:15px; padding-left:6px;}
.logintop-logo{float:left;margin-top:10px;}
.logintop-msg{font-size:14px; color:#ffffff;float:left; height:40px; margin-top:20px; padding-left:4px;}
.logintop ul{float:right; padding-right:30px; margin-top:6px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#ddd;}
.logintop ul li a:hover{color:#fff;}
.loginbody{width:100%; overflow:hidden; position:absolute; top:120px; left:0px; min-height:400px;} /*height:585px; */
.getpwdbymailbody,.regbody{width:100%; margin-top:24px;;} /*height:585px; */
.loginbox{width:400px;margin:0 auto; border:1px solid transparent;}
.loginbox ul li{margin-bottom:25px; position:relative;}
.loginbox ul li span.error{height:15px; border:1px solid red; display:block;}
.loginbox ul li label input{margin-right:5px;}

.loginmsg{ margin-bottom:10px;}

.ct-input{font-size: 14px;
	line-height: 28px;
	height: 45px;
	display: inline-block;
	padding: 7px 10px;
	border: 1px solid #ddd;
	color: #333;
	vertical-align: middle;
	width: 100%;
	background-color: #fff}
	.ct-input::-ms-clear {
	display: none
}
.ct-input:focus,.ct-input:hover {
	border-color: #00a4ff;
	outline: 0
}
.ct-input.error,.ct-input.error:focus {
	border: 1px solid red
}
.ct-input.disabled,.ct-input.disabled:focus,.ct-input.disabled:hover,.ct-input[disabled] {
	cursor: default;
	background-color: #f0f1f2;
	border-color: #d5d5d5;
	color: #a2a2a2
}
.error{ color:Red;text-align:left; font-weight:normal;font-size:12px; position:absolute; top:48px;}
.loginbtn{height: 45px;
	padding: 0 20px;
	background-color: #00a4ff;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	box-sizing: border-box;
	text-decoration: none;
	width: 100%}
.loginbtn:hover {
	text-decoration: none;
	background-color: #0092ee;
	color: #fff
}

.loginbtn.hole {
	border: 1px solid #00a4ff;
	background-color: #fff;
	color: #00a4ff
}

.loginbtn.disabled {
	background-color: #d5d7de;
	cursor: default;
	border: none;
	color: #fff
}

.loginbm{height:50px; line-height:50px; text-align:center; background:#F7F8FA;position: fixed; bottom:0; width:100%; color:#0b3a58; border-top:1px solid #DEDFE1;}
.loginbm a{font-weight:normal;color:#00A4FF;text-decoration:none;}
.loginbm a:hover{color:#00A4FF; text-decoration:underline;}

.a1{font-weight:normal;color:#00A4FF;text-decoration:none;}
.a1:hover{color:#00A4FF; text-decoration:underline;}

/*checkbox*/
.ct-checkbox {
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align: -1px;
	outline: 0;
	background: 0 0\9;
	background-image: url(../img/login.svg);
	-webkit-appearance: none;
	background-position: 95.73% 55.45%;
	background-size: 1125% 787.5%;
	background-repeat: no-repeat
}
.backgroud-text{ /* text-shadow:1px 1px 0px #e5e5e5 */}
.ct-checkbox:focus,.ct-checkbox:hover {
	background-image: url(../img/login.svg);
	background-position: 95.73% 55.45%;
	background-size: 1125% 787.5%;
	background-repeat: no-repeat
}

.ct-checkbox:checked,.ct-checkbox:checked:focus,.ct-checkbox:checked:hover {
	background-image: url(../img/login.svg);
	background-position: 22.56% 86.36%;
	background-size: 1125% 787.5%;
	background-repeat: no-repeat
}

.ct-checkbox[disabled],.ct-checkbox[disabled]:checked {
	background-image: url(../img/login.svg);
	background-position: 62.8% 55.45%;
	background-size: 1125% 787.5%;
	background-repeat: no-repeat
}

.ct-checkbox[disabled],.ct-checkbox[disabled]+label,.ct-form-ctrl-label.disabled {
	cursor: default;
	cursor: not-allowed
}

.ct-form-ctrl-label .ct-checkbox {
	vertical-align: -1px;
	margin-right: 5px
}

/*选项卡*/
.tab {
	font-size: 0;
	margin-bottom: 28px;
	display: table;
	width: 100%
}
.tabmx {
	display: table-cell;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	border-bottom: #e5e5e5 2px solid;
	padding-bottom: 12px
}
.tabmx:first-child {
	width: 180px
}
.tabmx a {
	display: block;
	color: #000;
	text-decoration: none
}
.tabmx.on {
	border-bottom: #00a4ff 2px solid
}
.tabmx.on a {
	color: #00a4ff
}

.loading{margin:0 auto;POSITION: absolute;TOP:48%;left:48%;vertical-align:middle;background:url(/bid/layer/theme/default/loading-1.gif) center center no-repeat;height:37px; width:37px; z-index:8888;}
.loading2{width:200px;POSITION: fixed; TOP: 40%; left:40%;background-color:#E1E5F4; border-bottom:1px solid #C9D0FC;border-right:1px solid #C9D0FC;height:50px; vertical-align:middle; margin:0 auto; line-height:50px; font-weight:normal;z-index:8888;}
.loading2 p{background:url(/bid/images/xubox_loading2.gif) no-repeat 12px 10px; width:100%; height:40px; display:block; padding-left:15px;}

/*按钮加载*/
.ct-btn {
	height: 45px;
	padding: 0 20px;
	background-color: #00a4ff;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	box-sizing: border-box;
	text-decoration: none;
	width: 100%
}

.ct-btn:hover {
	text-decoration: none;
	background-color: #0092ee;
	color: #fff
}

.ct-btn.hole {
	border: 1px solid #00a4ff;
	background-color: #fff;
	color: #00a4ff
}

.ct-btn.disabled {
	background-color: #d5d7de;
	cursor: default;
	border: none;
	color: #fff
}
.ct-loading {
	text-align: center
}

.ct-loading .ct-loading-inner>div {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #00a4ff;
	-webkit-animation: bouncedelay .7s infinite ease-in-out both;
	animation: bouncedelay .7s infinite ease-in-out both;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px
}

.ct-loading .ct-loading-inner .one {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.ct-loading .ct-loading-inner .two {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: .8
	}
}

/*箭头*/
.ct-dropdown .caret { /*自定义dorpdown箭头*/
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #ccc transparent;
	-webkit-transition: transform .2s ease,-webkit-transform .2s ease;
	transition: transform .2s ease,-webkit-transform .2s ease;
	background-image: none
}
.ct-dropdown:hover .caret {
	transform: rotate(180deg)
}


/*gitee 登录*/

@media only screen and (max-width: 20em) {
	body.responsive-body .s-l-verify__input .ui.input input {
		width: 38px;
		font-size: 24px
	}
}

.session-body {
	padding-top: 0 !important
}

.session-wrapper {
	min-width: 1040px;
	min-height: 99.9vh;
	position: relative
}

.session-wrapper>.ui.container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	padding: 0;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.session-wrapper:before,.session-wrapper:after {
	content: '';
	position: fixed;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -2
}

.session-wrapper:before {
	width: 394px;
	height: 468px;
	left: 0
}

.session-wrapper:after {
	width: 487px;
	height: 412px;
	right: 0
}

.session-wrapper h1,.session-wrapper h2,.session-wrapper h3,.session-wrapper h4,.session-wrapper h5 {
	margin: 0
}

.session__footer {
	margin-top: 50px;
	text-align: center
}

.session__footer-item+.session__footer-item {
	margin-left: 8px
}

.session__footer-item a {
	color: #8c92a4
}

.session__footer-item a:hover {
	color: #aeb2bf
}

.session__footer-item a:active {
	color: #626672
}

.session__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	width: inherit;
	position: relative;
	-webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3)
}

.session__body:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: #fff;
	z-index: -1
}

.session__body .background-grey {
	background: #F9F9F9 !important
}

.session-sidebox,.session-form {
	margin: 0 auto;
	width: 50%;
	min-height: 500px
}

.session-form__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.session-form__header.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.session-form__title {
	display: inline-block;
	font-size:24px;
}

.session__auth-info {
	margin-bottom: 32px
}

.session__auth-info .auth-logos {
	margin: auto;
	margin-bottom: 20px;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.session__auth-info .auth-logos .gitee {
	width: 50px
}

.session__auth-info .auth-logos i.icon.exchange {
	color: #B9B9B9;
	font-size: 20px
}

.session__auth-info .auth-logos .git-other-login-icon i {
	font-size: 50px
}

.session__auth-info .auth-tip {
	width: 120%;
	margin-left: -10%;
	text-align: center
}

.session-form__password-input.icon .icon {
	opacity: 1 !important;
	cursor: pointer !important;
	color: #40485b
}

.session-form__password-input.icon .icon:hover {
	color: #2b303d
}

.session-form__password-input.icon .icon:active {
	color: #16191f
}

.session-form__container {
	height: 100%;
	padding: 64px 45px 48px;
	position: relative
}

.session__flash-error {
	margin-bottom: 16px
}

.session__flash-error .flash_error_box {
	display: none
}

@media only screen and (max-height: 750px) {
	.session-wrapper>.ui.container {
		margin-top: 40px;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}

	.session-wrapper:before,.session-wrapper:after {
		content: none
	}
}

.session__2verify-header {
	text-align: center;
	margin: 0;
	margin-bottom: 32px !important
}

.session__2verify,.session__2verify-image {
	display: none
}

.session__2verify {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.98)
}

.session__2verify-container {
	position: absolute;
	margin: auto;
	display: inline-block;
	top: 96px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.session__2verify-yunpian {
	font-size: 12px
}

.session__2verify-yunpian .yp-riddler-winbox {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.session__2verify-image {
	text-align: center !important
}

.session__2verify-image img {
	height: 60px
}

.session__2verify-input {
	margin-top: 24px;
	display: block !important
}

.session__2verify-input input {
	text-align: center !important;
	width: 280px !important
}

.session__2verify-button {
	margin-top: 24px !important
}

.session__2verify-error {
	color: #f14333;
	margin-top: 60px;
	text-align: center
}

.session__2verify-switch {
	text-align: center
}

.session-sidebox 
{
    width:430px;
	color: #fff;
	position: relative;
	padding: 80px 40px 0px;
	background: -webkit-gradient(linear, left bottom, left top, from(#3a485a), to(#607089));
	background: linear-gradient(0deg,#51a0a0 0%, #0064cd 100%)
}

.session-sidebox::before,.session-sidebox::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.session-sidebox::before {
	background: url(/qpoaweb/bid/images/left-1.png) no-repeat 0 0
}

.session-sidebox::after {
	background: url(/qpoaweb/bid/images/left-2.png) no-repeat right bottom
}

.session-sidebox__logo img {
	width: 144px;
}

.session-sidebox__title {
	font-size: 40px
}

.session-sidebox__subtitle {
	font-weight: normal;
	font-size: 32px;
}
.login_line{ border-top:1px solid #ffffff;opacity: 0.5; padding-top:10px;}

.login_help{ text-align:center;}
.login_help ul li{float:left; line-height:47px;margin-right:20px; }
.login_help ul li a{color:#fff;text-decoration:none; }
.login_help ul li a:hover{text-decoration:underline; }
.login_help ul li a:before {
	background-image: url(img/bg-left.png);
}

.session-sidebox__container {
	position: relative;
	z-index: 1;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; height:400px; text-align:center;
}

.session-sidebox__footer {
	font-size: 14px;
	padding-top: 40px;
	margin-top: 24px;
	border-top: 1px solid rgba(255,255,255,0.2)
}

.session-sidebox__footer a {
	color: white
}

.session-sidebox__footer a:hover {
	color: #e6e6e6
}

.session-sidebox__footer a:active {
	color: #cccccc
}

.ui.horizontal.session-login__oauth-title {
	font-weight: normal
}

.session-sidebox__divider {
	margin: 0 7px
}

.session-sidebox__icon-hot::after {
	content: 'hot';
	position: absolute;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 1px;
	margin-top: -12px;
	background-color: #C71D23;
	-webkit-transform: scale(0.84);
	transform: scale(0.84)
}

.session-sidebox__content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; 
}

.session-sidebox-content__container {
	color: #fff;
	font-size: 14px;
	margin-top: 20px
}

.session-sidebox-comments__header {
	opacity: 0.5
}

.session-sidebox-comments__position {
	margin-left: 12px
}

.session-sidebox-comments__content {
	margin-top: 16px;
	line-height: 1.71429; text-align:center;
}

.session-sidebox-gitee__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -25px
}

.session-sidebox-gitee__item {
	display: inline-block;
	width: 50%;
	margin-top: 25px
}

.session-sidebox-gitee__number {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.15625;
	color: #8BCAD2
}

.session-sidebox-gitee__title {
	font-size: 14px;
	line-height: 1.42857
}

.session-sidebox-header__container.hide {
	display: none
}

.session-login-oauth {
	margin-top: 54px
}

.session-login__oschina {
	text-align: center
}

.session-login__oschina .icon-logo-osc {
	font-size: 32px;
	color: #45b128
}

.session-login__oschina span {
	color: #323232;
	font-size: 16px;
	padding-left: 10px;
	line-height: 40px
}

.session-login-oauth__container {
	margin-top: 34px
}

.session-oauth__other-icon {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #8daec6;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #fff;
	vertical-align: top
}

.session-oauth__other-icon:hover {
	background: #6b96b5
}

.session-oauth__list {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.session-oauth__list>.item+.item {
	margin-left: 48px !important
}

.session-oauth__other {
	max-width: 270px !important;
	min-width: auto !important
}

.session-oauth__other-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2px;
	margin-top: -14px
}

.session-oauth__other-list .item {
	margin: 0 14px;
	margin-top: 14px
}

.session-login__form {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.session-login__body {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.session-login__captcha-button {
	width: 136px
}

.session-register__container {
	height: 100%;
	padding: 64px 75px 48px;
	position: relative
}

.git-register__username-tips {
	font-size: 18px;
	position: absolute;
	right: -26px;
	margin-top: -30px
}

.session-form__username-help {
	opacity: 1 !important
}

.session-register-form-fields .field {
	position: relative
}

.session-register-form-fields .field .semantic-status {
	position: absolute;
	left: auto !important;
	right: -24px;
	top: 12px
}

.session-register__send-captcha {
	font-family: consolas, Courier, "MS Courier New", monospace !important
}

.session-register__form {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.session-register__captcha-button {
	width: 190px
}

.session-complete-info .session-sidebox__subtitle {
	font-size: 16px;
	margin-top: 8px
}

.session-complete-info .session-sidebox__list {
	margin-top: 25px !important
}

.session-complete-info .session-sidebox__list>.item {
	line-height: 1.5
}

.session-complete-wechat .session-form__header {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.session-complete-wechat .session-form__header .iconfont.icon-logo_wechat {
	color: #00B40C;
	font-size: 64px;
	margin-bottom: 14px
}


/** 滚动条样式 **/
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #999;
}

#resetpwd{width:400px;height:210px;position:absolute;left:50%;margin-left:-200px;top:100px;text-align:center;}