html{height: 100%;background: #F1F1F1;}
body{
	background: #F1F1F1;
}


button,
input{
	border: none;
}

* {
  box-sizing: border-box;
  outline: 0;
}

/* body.signin {
    background: #18c8f6;
    height: auto;
    background:url("../img/login-background.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: rgba(255,255,255,.95);
} */



/* .signinpanel {
    width: 320px;
    margin: 10% auto 0 auto;
}

.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: none;
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.signinpanel .form-control {
    display: block;
    margin-top: 15px;
}

.signinpanel .uname {
    background: #fff url(../img/user.png) no-repeat 95% center;color:#333;
}

.signinpanel .pword {
    background: #fff url(../img/locked.png) no-repeat 95% center;color:#333;
}

.signinpanel .btn {
    margin-top: 15px;
}

.signinpanel form {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255,255,255,.3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}

.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}

@media screen and (max-width: 768px) {
    .signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 420px!important;
        padding: 20px;
    }
    .signinpanel form {
        margin-top: 20px;
    }
    .signup-footer {
        margin-bottom: 10px;
    }
    .signuppanel .form-control {
        margin-bottom: 10px;
    }
    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        text-align: center;
    }
    .signinpanel .signin-info ul {
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .signinpanel,
    .signuppanel {
        margin:0 20px;
        width:auto;
    }
}
 */

.signin_box{
	background: #F1F1F1;
	width: 100%;
}

.center{
	margin: 0 auto;
	width: 1344px;
}

.sb_mainbox{
	width: 100%;
	height: 1080px;
	/* padding: 160px 0; */
	justify-content: center;
	align-items: center;
	display:flex;
}
.sb_main{
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: row;
	border-radius: 10px;
}

.sb1{
	width: 672px;
	display: flex;
	flex-direction: column;
	height: 748px;
	padding: 48px 100px;
	border-radius: 10px;
}
.sb1_title{
	text-align: center;
	height: 34px;
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 52px;
}
.sb1_items{
	display: flex;
	flex-direction: column;
}
.sb1_item{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 55px;
}
.sb1_item_title{
	width: 105px;
	height: 16px;
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 16px;
	letter-spacing: 1px;
}
.sb1_item_input{
	flex: 1;
	display: flex;
}

.sb1_item_input>input{
	width: 100%;
	height: 54px;
	background: #F1F1F1;
	border-radius: 30px 30px 30px 30px;
	padding: 0 32px;
	line-height: 54px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #888888;
}

.sb1_item_input2{
	flex: 1;
	display: flex;
	flex-direction: row;
}

.sb1_item_input2>input{
	width: 220px;
	height: 54px;
	background: #F1F1F1;
	border-radius: 30px 0 0 30px;
	padding: 0 32px;
	line-height: 54px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #888888;
}
.sb1_item_code{
	/* width: 129px; */
	flex: 1;
	height: 54px;
	object-fit: cover;
}

.sb1_item_code>img{
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.sb1_item_input3{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.sb1_item_input3>input{
	width: 244px;
	height: 54px;
	background: #F1F1F1;
	border-radius: 30px 30px 30px 30px;
	padding: 0 32px;
	line-height: 54px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #888888;
}


.sb1_item_getCode{
	width: 185px;
	height: 54px;
	line-height: 54px;
	box-shadow: 0px 2px 8px 0px rgba(174,173,255,0.15);
	border-radius: 30px 30px 30px 30px;
	lighting-color: 54px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
/* 	background: #16202C;
	color: #FFFFFF; */
	background:linear-gradient(180deg, #ACDFE9 6%, #6199A9 69%, #4E818F 100%);
	color: #fff;
	text-align: center;
	cursor: pointer;
}


.sb1_save{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 79px;
}
.sb1_save>.el-checkbox{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sb1_save>.el-checkbox>.el-checkbox__input>.el-checkbox__inner{
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sb1_save>.el-checkbox>.el-checkbox__label{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #16202C;
	line-height: 23px;
	letter-spacing: 1px;
}


.sb1_login{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sb1_login1{
	width: 370px;
	height: 54px;
	box-shadow: 0px 2px 8px 0px rgba(174,173,255,0.15);
	border-radius: 30px 30px 30px 30px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
/* 	background: #D9001B;
	color: #FFFFFF; */
	margin-bottom: 25px;
	cursor: pointer;
	background:linear-gradient(180deg, #ACDFE9 6%, #6199A9 69%, #4E818F 100%);
	color: #fff;
}

.sb1_login2{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.sb1_login2_icon{
	width: 30px;
	height: 30px;
	margin-right: 8px;
}

.sb1_login2_icon>img{
	width: 100%;
	height: 100%;
}

.sb1_login2_val{
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000;
	line-height: 23px;
	letter-spacing: 1px;
}

.sb2{
	width: 672px;
	display: flex;
	height: 748px;
	border-radius: 10px;
	background: url('../../Admin/img/login/rightBg.png') no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 63px 111px;
}
.sb2_logo{
	width: 240px;
	height: 240px;
	margin: 0 auto ;
	margin-bottom: 70px;
}

.sb2_logo>img{
	width: 100%;
	height: 100%;
}

.sb2_main{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.sb2_main1{
	height: 37px;
	font-size: 28px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 33px;
	letter-spacing: 1px;
	margin-bottom: 14px;
}
.sb2_main2{
	margin-bottom: 14px;
	height: 81px;
	font-size: 64px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 75px;
}
.sb2_main3{
	height: 45px;
	font-size: 34px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
	letter-spacing: 1px;
}