/* @media only screen and (max-width: 768px) {} */
@charset "utf-8";
@media (max-width: 768px) {

 .mobilehead_img {
     background: url(images/mobilehead.png) no-repeat;
     width: 100%;
     height: 200px;
     background-position:0;
     background-size:cover;
     margin-top:-5%;
     display:block !important;
 }
 
  .mobile_head_title {
     color: #FFFFFF;
     padding-left:25%;
     padding-top:65px;
     width: fit-content;
 }
 .mobilehead_img span {
 	width:auto;
 }
 .mobilehead_img span:first-child {
     letter-spacing: 5px;
     font-size: 1.5rem;
 }
 .mobilehead_img span:last-child {
     opacity: 0.8;
     letter-spacing: 6px;
     font-size: 1rem;
 }
 #bg_info {
 display:none !important}
#bgbox {
	margin-top: -70px;
	background:unset !important;
	height:auto !important;
	padding-bottom:35px;
}
#dlmk {
       margin: 0px !important;
     min-height: 400px;
     height:auto !important;
     float:unset !important;
    }
    body{
        background-color: #F5F5F5;
    }
    .login_lmain {
    	width:100%;
        height: 85%;
    }
    .login{
    overflow:hidden;
    	padding-top: 0;
        width: 91%;
        min-height: 80%;
        height:auto !important;
	 	background-color:white;
	 	border-radius: 16px 16px 16px 16px
	}
    
    .login_l{width: 100%;border: none;}
    .login_ma span{
        width: 50%;
        height: 50px;
        line-height: 50px;
    }
    .login_mb{padding: 10px 0px;width:100%;}
    .geren_on{display: inherit;text-align: left;}
    .geren_on span{font-size: 1rem;}
    .login_ma {
        border-radius: 16px 16px 16px 16px;
        overflow: hidden;
        height: 60px;
    }
    .login_ma span.active1{
        border-top: 0;
        font-size: 1.25rem;
        /*font-size: 20px;*/
        color: #3169d4;
        line-height: 50px;
        font-weight: bolder;
        background-image: none;
        overflow: hidden;
    }
    .login_ma span.active2{
        overflow: hidden;
        border-top: 0;
        font-size: 1.25rem;
        line-height: 50px;
        background-color:  #F4F4F4;
        background-image: none;
    }
    .login_user{
        height: 48px;
        width: 90%;
        margin-left: 5%;
        border: 1px solid white;
        border-bottom:1px solid #E5E5E5;
        margin-top:4px;
        border-radius: 0;
        padding: 0 0 5px;
    }
    .login_user span{
        display: none;
    }
    .login_pwd span{
        display: none;
    }
    .login_pwd {
        padding: 0;
    }
    .login_pwd{
        width: 90%;
        margin-left: 5%;
        border: 0;
        /*border-top: 1px solid #EEEEEE;*/
        border-bottom: 1px solid #EEEEEE;
        border-radius: 0;
        /*padding-top: 8px;*/
        padding-bottom: 8px;;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .login_yzm_l{
        height: 50px;
        width: 55%;
        border: 0;
        padding: 0;
    }
    .login_yzm_l span {
        display: none;
    }
    .login_yzm{
        height: 55px;
        width: 90%;
        margin-left: 5%;
        margin-top: 0;
        border-bottom: 1px solid #EEEEEE;
    }
    .login_yzm_bottom {
        margin-top: 4px;
        border: 0;
    }
    #between_line1, #between_line2 {
        float: left;
        width: 2%;
    }
    .login_mc_a span{
        width: 35%;
    }
    .login_lg{
        margin-right: 0px;
    }
    .gruser {width: 100% !important;
    }
    .gruser2{
        margin-left: 0;
        padding-left: 0;
        width: 100% !important;
    }
    .login_user span i{
        margin-left: 5px;
        margin-right: 10px;
    }

    .login_pwd span i{
        margin-left: 5px;
        margin-right: 10px;
    }
    .login_yzm_r {
        margin-right: 5%;
        padding: 0;
        width: 40%;
        height: 100%
    }
    #grverifycode1 {
        box-sizing: unset;
        margin-right: 30px;
    }
    #grverifycode1 img{
        width: 100%;
        height: 100%;
    }
    #yhxy_check {
        display: none;
        width: 90%;
        margin-left: 5%;
    }
    #yhxy {
        float: left;
    }
    #yhxy_check span {
        float: right;
        font-size: 1rem;
    }
    #bgbox{
        background: none !important;
    }
    .login_mc_a a {
        font-size: 1rem;
        color: #4E64CD;
        font-weight: 1000;
    }
    .login_mc_a span:first-child a {
        float: left;
    }
    .login_mc_a a:last-child {
        float: right;
    }
    .login_mc_a span:first-child {
        float: left;
        margin-left: 6%;
    }
    .login_rg {
        width: 35%;
        text-align: right;
        margin-right: 6%;
        font-size: 1rem;
        background-image: none;
    }
    .login_mc_button {
        margin: 0 auto;
        text-align: center;
        background-color: #4E64CD;
        border-radius: 8px;
        width: 85%;
        height: 50px;
        line-height: 50px;
    }
    .login_lg {
        color: #FFFFFF;
        background-image: none;
    }
    .wjmm{
        font-size: 0.75rem;
        text-align: center;
    }
    .login_r{
        width: 100%;
        padding: 0;
    }
    .vertical_line {
    	font-size:1rem;
        color:  #EEEEEE;
    }
    .mobile_login_iyzm {
        /*border-top: 1px solid #EEEEEE;*/
        border-bottom: 1px solid #EEEEEE;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .msg_yzm_input {
        background: none;
    }
    .mobile_login_myzm {
        margin-top: 2px;
    }
    .sendMobileCodeTime {
    text-align:center;
    	float:right!important;
   	    width:40% !important;
    	margin-right:5% !important;
    	height:45px;
    	line-height:45px;
    	margin-left:0 !important;
    	margin-top:5px !important;
    }

    .hqyzm a{
    	background-color:#4E64CD !important;
    	color:#fff !important;
        width: 135px;
    }
    .login_r_b ul li{
        width: 50%;
        margin: 0;
    }
    .login_r_b{
        height: auto;
    }
     .login_ma .smdl{
        font-size: 1.25rem;
    }
    .smdl {
        background-color: #F4F4F4;
    }
    .login_r_a{
        margin-bottom: unset;
        color: #999999;
        font-size: 1rem;
    }

    .layui-tab {width:100%;}

    .layui-tab-title .geren_on span{
        float: none;
        display: inline
    }
    .geren_on2{
        text-align: left;
    }
    .cover_hide{
        display: none;
    }
    .check_another{
        display: none !important;
    }
    #two3{
        display: none;
    }
    .login_r_b ul li a{
        color: #999999;
        background:none
    }
    input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #cccccc;
    }
    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #cccccc;
    }
    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #cccccc;
    }
    input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #cccccc;
    }
    #cor_forget_pwd, #cor_forget_pwd2{
        float: left;
        width: 23%;
    }
    #cor_forget_acc, #cor_forget_acc2{
        float: left;
        width: 23%;
    }
    .login_mc_button a {
        display:block;
        width:100%;
        height:100%;
        font-size: 1rem;
    	letter-spacing: 0.5rem;
    }
    #per_xieyi1,#per_xieyi2,#faren_xieyi1,#faren_xieyi2 {
    	display:block !important;
    }
    #mobile_head{
    	display:block !important;
    }
    #help_center_div2 {
    	display:none;
    }
    
    .mobile_login_item {
    	display:block !important;
    }
    .pc_login_item {
    	display:none !important;
    }
    #sendMobile_gr, #sendMobile_fr {
    	padding-top:5px;
    }
    #qtkjdl {
    	float:unset !important;
    }
    .input-warn {
    	margin-left:15px !important;
    	margin-top:0px !important;
    	margin-bottom:5px;
    }
   	.xieyi {
   		width:90%;
   		margin-left:5% !important;
   	}
   	.xieyi>input {
   		width:15px;
   		height:15px;
   		float:left;
   	}
   	.xieyi span{
   		display:block;
   		width:100%;
   	}
   	input {
   	border-radius:5px;
   	}
   	#help_center {
   		display:block !important;
   	}
   	.gap_line {
   		float:left;
   		line-height:55px;
   		height:55px;
   		color:#4E64CD;
   		margin:0 !important;
   		vertical-align:middle;
   		width:2px !important;
   		font-weight:1000;
   	}
   	#xzpo {
   		display:none !important;
   	}
   	#layui-layer100001 {
   		display:none !important;
   	}
   	#pwd_login_a,#fr_pwd_login_a {
	display:none;
}	
.layui-tab-title {
	display:none;
}
.horizon_line {
	width:25%;
	
	border:1px solid #d4d4d4;
	position:relative;
	top:-4px;
	border-bottom:0;
}
.other_way_login>p {
	display:inline-block;
}
#more_one_1>ul>li>a>img,#more_one_2>ul>li>a>img {
	width:20%;
	height:auto;
}
#more_one_1>ul>li,#more_one_2>ul>li {
	
	margin-top:0 !important;
	
}
#more_one_1>ul>li>a,#more_one_2>ul>li>a {
	font-size:0.75rem;
	}
	.bbg-con {
	width:100% !important;
}

.bbg-con img {
	width:100% !important;
}
.bbg-con div {
	width:42% !important;
	margin-left:4% !important;
	margin-top:28px !important;
}	
#xyjsts2, #xyjsts1 {
	margin-top:0 !important;
	width:80% !important;
	margin-left:10% !important;
	text-align:center !important;
}
#xyjsts2 p, #xyjsts1 p {
	color:#4E64CD !important;
}
#zghlj {
	width:100%;
}
#zghlj a{
	width:80% !important;
	font-size:0.9rem !important;
	margin-left:10% !important;
}
}