/*
*报考大学独立登录页面
*2017/03/02
*/

html{
    width: 100%;
    height: 100%;
}
body{
    background:url(../../../../img/passport/bkdx/bg.jpg) no-repeat center center; 
    width: 100%; 
    /* height: 100%; */
}

.main-container{}
.main-container .container-inner{
    width: 720px;
    margin:60px auto 0;
}
.container-inner .top-bg-box{
    text-align: center;
    font-size: 0px;
    z-index: 1;
}
.login-box-wrap{
    margin-top: -15px;
    z-index: 2;
    position: relative;
}
.login-box-wrap .box-left{
    float: left;
    width: 360px;
    height: 406px;
    background:url(../../../../img/passport/bkdx/img2.png) no-repeat;
    text-align: center;
}
.login-box-wrap .box-left .ewm-box{
    font-size: 0;
    margin-top: 228px;
}
.login-box-wrap .box-left .download-tips{
    color: #fff;
    font-size: 22px;
    margin-top: 25px;
    display: none;
}
.login-box-wrap .box-right{
    float: left;    
}


.bk_passport_box input:-moz-placeholder {
    color: #9c9c9c;
}
.bk_passport_box input::-moz-placeholder {
    color: #9c9c9c;
}
.bk-passport-wrap {
    width: 360px;
}
.bk_login{

}
.bk_register{
    display: none;
}
.bk_passport_box input {
    outline: medium none;
}
.bk_passport_box {
    background: #fff none repeat scroll 0 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 0 1px #b3b3b3;
    box-shadow: 0 0 1px #b3b3b3;
    color: #666666;
    padding: 36px 10px 15px;
    position: relative;
    width: 340px;
}
.bk_passport_box .top_title {
    color: #666666;
    margin-bottom: 24px;
    text-align: center;
}
.bk_passport_box .top_title h1 {
    font-size: 22px;
}
.bk_passport_box .top_title .tips {
    font-size: 14px;
    margin-top: 12px;
}
.bk_passport_box .form_box {
    width:289px;
    margin:0 auto;
    border-top: 1px solid #dadada;
}
.bk_passport_box .form_box .form_item {
    border-bottom: 1px solid #dadada;
    position: relative;
}
.bk_passport_box .form_box .form_item input {
    border: medium none;
    padding: 11px 0;
    width: 100%;
}
.bk_passport_box .form_box .form_item .inputTips {
    color: #bebdbd;
    left: 0;
    position: absolute;
    top: 10px;
}
.bk_passport_box .form_box .form_item .error_tips {
    display: none;
    position: absolute;
    right: 20px;
    top: 11px;
    color: #ff6666;
    font-size: 12px;
}
.bk_passport_box .phone_num .form_item_code .error_tips {
    right: 64px;
}
.bk_passport_box .form_box .form_item .error_tips .tips_icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: -3px;
    background: url(../../../../img/passport/bkdx/passport.png) no-repeat;
}   
.bk_passport_box .form_box .form_item .error_tips .tips_icon.success{
    background-position: 0 0;
}
.bk_passport_box .form_box .form_item .error_tips .tips_icon.warning{
    background-position: 0 -21px;
}
.bk_passport_box .autoLoign_box {
    font-size: 14px;
    padding: 11px 14px;
    text-align: center;
}
.bk_passport_box .autoLoign_box .autoLoign {
    cursor: pointer;
    margin-right: 135px;
}
.bk_passport_box .autoLoign_box .check_icon {
    background:url(../../../../img/passport/bkdx/passport.png) no-repeat 0 -45px;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
}
.bk_passport_box .autoLoign.active .check_icon {
    background-position: 0 -64px;
}
.bk_passport_box .autoLoign_box .txt {
    vertical-align: middle;
}



.bk_passport_box .protocolpc_box {
  font-size: 14px;
  padding: 11px 16px;
  text-align: left;
}
.protocolpc {
  cursor: pointer;
  margin-right: 4px;
}
.bk_passport_box .protocolpc_box .check_icon {
  background:url(../../../../img/passport/bkdx/passport.png) no-repeat 0 -45px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
}
.bk_passport_box .protocolpc_box a{
  font-size: 13px;
  color: #5ba8ff;
  position: relative;
  top: 1px;
}
.bk_passport_box .protocolpc.active .check_icon {
  background-position: 0 -64px;
}
.bk_passport_box .protocolpc_box .txt {
  vertical-align: middle;
}


.bk_passport_box a {
    color: #666666;
}
.bk_passport_box a:hover {
    color: #ff5a00;
}
.bk_passport_box .submit_btn {
    background: #6b82f2 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 14px;
    text-align: center;
    width: 85%;
    letter-spacing: 4px;
}
.bk_passport_box .submit_btn:hover {
    background: #5f74dc none repeat scroll 0 0;
}
.bk_passport_box .login_by_third {
    font-size: 14px;
    border-top:1px solid #dadada;
    padding: 20px 19px 6px;
}
.bk_passport_box .register_port {
    padding-left: 25px;
    padding-bottom: 14px;
}
.bk_passport_box .register_port .register-btn{
    color: #ff5a00;
    font-size: 14px;
}
.bk_passport_box .login_by_third .login_by_third_text{
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 15px;
}
.bk_passport_box .login_by_third a{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../../../img/passport/bkdx/passport.png) no-repeat;
    vertical-align: middle;
    margin-right: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.bk_passport_box .login_by_third a:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.login_by_third a.qq_icon {
    background-position: -54px 0;
}
.login_by_third a.wb_icon {
    background-position: -130px 0;
}
.login_by_third a.wx_icon {
    background-position: -91px 0;
}
.bk_passport_box .closeBox_btn {
    background: url(../../../../img/passport/bkdx/passport.png) no-repeat -25px 0;
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 12px;
}
.bk_passport_box .closeBox_btn:hover {
    background-position: -25px -25px;
}
.bk_passport_box .yzm_box {
    position: absolute;
    right: 19px;
    top: 6px;
}
.bk_passport_box .yzm_box .yzm_tips{
    position: absolute;
    right: 0px;
    top:-27px;
    width: 111px;
    height: 28px;
    display: none;
    background: url(../../../../img/passport/bkdx/yzm-tips.png) no-repeat;
}
.bk_passport_box .yzm_box img {
    cursor: pointer;
    height: 28px;
    width: 111px;
}
.bk_passport_box .get_phone_code {
    position: absolute;
    top:6px;
    right: 20px;
    text-align: center;
    width: 120px;
    height: 28px;
    line-height: 28px;
    background: #6b82f2;
    border-radius: 4px;
}
.get_phone_code .getCode_btn {
    color: #fff;
    font-size: 14px;
    display: block;
    border-radius: 4px;
}
.get_phone_code .getCode_btn:hover{
    background: #5f74dc;
    color: #fff;
}
.get_phone_code .getCode_btn .first{

}
.get_phone_code .noActive {
    cursor: not-allowed;
    background: #cecece;
}
.get_phone_code .getCode_btn.noActive:hover{
    background: #cecece;
    color: #fff;
}
.bk_passport_box .other {
    font-size: 14px;
    padding: 1px 24px 14px;
}

.bk_passport_box .register_btn{
    margin-top: 20px;
}

.box-animate-out-1 {
    animation: 0.4s linear 0s normal forwards 1 running MenuAnimOut1;
}
@keyframes MenuAnimOut1 {
0% {
    opacity: 1;
    transform: translateZ(-300px);
}
100% {
    opacity: 0;
    transform: translateZ(-300px);
}
}
@keyframes MenuAnimOut1 {
0% {
    opacity: 1;
    transform: translateZ(-300px);
}
100% {
    opacity: 0;
    transform: translateZ(-300px);
}
}
@keyframes MenuAnimOut1 {
0% {
    opacity: 1;
    transform: translateZ(-300px);
}
100% {
    opacity: 0;
    transform: translateZ(-300px);
}
}
.box-animate-in-1 {
    animation: 0.4s ease 0s normal forwards 1 running MenuAnimIn1;
}
@keyframes MenuAnimIn1 {
0% {
    opacity: 0;
    transform: translateZ(-300px);
}
100% {
    opacity: 1;
    transform: translateZ(0px);
}
}
@keyframes MenuAnimIn1 {
0% {
    opacity: 0;
    transform: translateZ(-300px);
}
100% {
    opacity: 1;
    transform: translateZ(0px);
}
}
@keyframes MenuAnimIn1 {
0% {
    opacity: 0;
    transform: translateZ(-300px);
}
100% {
    opacity: 1;
    transform: translateZ(0px);
}
}

.logo-box{
    text-align: center;
    padding: 60px 0 0;
}

/*copright*/
.copyRight_wrapper {
    color: #fff;
    height: 80px;
}
.copyRight_inner {
    padding-top: 30px;
    text-align: center;
}
.copyRight_inner .bottom_nav_list {
    display: inline-block;
}
.bottom_nav_list li {
    display: inline;
    padding: 0 10px;
}
.bottom_nav_list li a {
    color: #fff;
}
.bottom_nav_list li a:hover {
    text-decoration: underline;
}
.copyRight_inner .copyRight {
    margin-top: 10px;
}




@media screen and (max-height:700px) {
    .top-bg-box{
        display: none;
    }
}


.error_1 .tips_icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 6px;
    background: url(../../../../img/passport/bkdx/passport.png) no-repeat;
}   
.error_1 .tips_icon.success{
    background-position: 0 0;
}
.error_1 .tips_icon.warning{
    background-position: 0 -21px;
}


.error_1{
    color: #ff6666;
    font-size: 12px;
    padding-left: 28px;
    margin-top: 4px;
    display: none;
}


.imgVer_box{
	text-align: center;
	height: 100%;
    padding-top: 20px;
    display: none;
}
.imgVer_box .img_box{
	width: 218px;
	height: 138px;
	overflow: hidden;
}
.imgVer_box .img{
	width: 218px;
	height: 276px;
}

.img_box_1{
	width: 218px;
	height: 138px;
	position: relative;
	top: 100%;
	overflow: hidden;
}
.imgVer{
	position: relative;
}
.img_main_1{
	position: absolute;
	top: 0;
	left: 0;
}
.imgVer_box .img_box_1 .img{
	width: 218px;
	height: 276px;
	position: absolute;
	top: -100%;
	left: 0;
}

.imgVer_box .slide {
    position: absolute;
    top: 160px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 0px 0px 13.67%;
    overflow: visible;
	background-position: 0px 0px;
	background-repeat: no-repeat;
    background-image: url('../../../img/bkdx/account/icon.png');
}

.imgVer_box .slide_block {
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: -6.62% 0 0 -4.31%;
    cursor: pointer;
    background-repeat: no-repeat;
	background-image: url('../../../img/bkdx/account/icon.png');
	z-index: 9999;
	
}
.imgVer_box .slide_block_1{
	/* top: 0px; */
	background-position-y: 35%;
} 
.imgVer_box .message{
	width: 218px;
	margin: 2px auto;
	text-align: left;

}
.imgVer_box .message_error{
	color: red;
	display: none;
}
.imgVer_box .message_success{
	color: rgba(91,168,255,1);
	display: none;
}
.imgVer_box .slide_block_text {
	background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 60px;
    top: 15px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}

.imgVer_box .tools{
    position: absolute;
    top: 220px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 15px 0px 13.67%;
    overflow: visible;
    background-position: 0px 0px;
	border-top: 1px solid #EEEEEE;
}
.imgVer_box .tools .tncode_refresh{
	background-position: 0 94%;
    height: 30px;
    width: 30px;
    float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../../../img/bkdx/account/icon.png');
}
.layui-layer-page .layui-layer-content{
    overflow: hidden !important;
}



.layer-anim{
    z-index:99999999999 !important
}


.bk_passport_box .error_tips_1{
    margin-top: 6px;
    margin-bottom: 6px;
    color: #ff6666;
    font-size: 12px;
    display: none;
}
.bk_passport_box .error_tips_1 .tips_icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: -3px;
    background: url(../../../../img/bkdx/passport/passport.png) no-repeat;
    background-position: 0 -21px;
}




.bk-passport-wrap .tabs_switch:hover{
    /* color: #e27866; */
}

.bk-passport-wrap .tabs_switch{
    font-size: 14px;
    cursor: pointer;
    text-align: right;
    width: 90%;
    margin: 0 auto 16px ;
    color: #49A9FB;
    position: relative;

    
}
.bk-passport-wrap .tabs_switch i{
    width: 13px;
    height: 13px;
    display: inline-block;
    background-image: url('../../../img/bkdx/common/in_icon_arrow_right.png');
    background-size: 100% 100%;
    margin-left: 6px;
    position: relative;
    top: 1px;
}
.bk-passport-wrap  .get_code{
    color: #5ba8ff;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}