#sign_box{max-width: 9rem; height: 4rem; margin: 0 auto; margin-top: 0.4rem; padding: 0 0.1rem}
#sign_box>.caption{font-size: 0.3rem; text-align: center; height: 0.5rem; line-height: 0.5rem}
#sign_box>.subtitle{font-size: 0.16rem; text-align: center; height: 0.5rem; line-height: 0.5rem}
#sign_box>.subtitle a{color: #459fed}
#sign_box .sign-section{height: 2.8rem; margin-top: 0.2rem}
#sign_box .sign-section .left, .sign-section .right{float: left; width: 50%}
#sign_box .sign-section .left{border-right: 1px solid #858f96}
#sign_box .sign-section form{margin-right: 0.5rem; padding-bottom: 0.3rem}
#sign_box .sign-section .thirdparty{margin-left: 0.5rem}
#sign_box .input{transition: border-bottom 100ms ease;display: block;width: 100%;padding: 0;box-shadow: none;appearance: none;outline: none;background-color: transparent;border-style: none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(0, 0, 0, 0.2);height: 0.3rem;font-size: 18px}
#sign_box .input:hover{border-bottom-width: 1px;border-bottom-color: #909090}
#sign_box .input:focus{border-bottom-width: 1px;border-bottom-color: #0289f3}
#sign_box label>span {color: #cccccc}
#sign_box label>span.required {color: #f2564d;margin-left: 4px;vertical-align: middle}
#sign_box .btn_submit{transition: background-color 0.3s ease;background-color: #00acf4;color: #ffffff; border:1px solid #00acf4; cursor: pointer; width: 44%; height: 0.4rem; border-radius: 0.4rem}
#sign_box .btn_submit:hover{background-color: #027bda}
#sign_box .btn_home{transition: background-color 0.3s ease;background-color: #ffffff;color: #00acf4; border:1px solid #00acf4;cursor: pointer; width: 44%; height: 0.4rem; border-radius: 0.4rem}
#sign_box .btn_home:hover{background-color: #e8f5ff}
#sign_box .operating{margin-top: 0.1rem; overflow: hidden; line-height: 2}
#sign_box .operating .remeber-me{float: left}
#sign_box .operating .agreement{float: left}
#sign_box .operating .forgot-password{float: right}
#sign_box .button_operating{margin-top: 0.3rem; text-align: center}
#sign_box .button_operating button{margin: 0 2%}
#sign_box .sign-section .thirdparty .o_thirdparty{margin-bottom: 0.2rem; height: 0.5rem; cursor: pointer; color: #ffffff; text-align: center; font-size: 0.16rem; line-height: 0.5rem}
.o_thirdparty.thirdparty_qq{border: 1px solid #189ce3; background-color: #189ce3; position: relative}
.o_thirdparty.thirdparty_qq .ico{width: 0.48rem; height: 0.48rem; position: absolute; left: 0; background: url(../images/ico_qq_35_35.png) no-repeat center #ffffff}
.o_thirdparty.thirdparty_qq .text{left: 0.48rem; right: 0; height: 0.48rem; position: absolute}
.o_thirdparty.thirdparty_wechat{border: 1px solid #00bc0c; background-color: #00bc0c; position: relative}
.o_thirdparty.thirdparty_wechat .ico{width: 0.48rem; height: 0.48rem; position: absolute; left: 0; background: url(../images/ico_wechat_35_35.png) no-repeat center #ffffff}
.o_thirdparty.thirdparty_wechat .text{left: 0.48rem; right: 0; height: 0.48rem; position: absolute}
#sign_box .recover-section{height: 2.8rem; margin-top: 0.2rem}
#sign_box .recover-section .single{width: 4.5rem; margin: 0 auto; height: 2.8rem}

@media screen and (max-width:768px) {
	#sign_box .sign-section .left, .sign-section .right{width: 100%}
	#sign_box .sign-section .left{border-right: none; border-bottom: 1px solid #858f96}
	#sign_box .sign-section form{width: 90%; margin: 0 auto}
	#sign_box .sign-section .thirdparty{margin: 0 auto; width: 90%; padding-top: 0.3rem}
	#sign_box .operating .remeber-me{width: 100%}
	#sign_box .operating .agreement{width: 100%}
	#sign_box .operating .forgot-password{width: 100%}
	#sign_box .recover-section .single{width: 90%}
}