@charset "utf-8";

.quc-clearfix, .quc-clearfix:after {

    clear: both

}
/*body{ background-color: #f2f2f2;}*/

.bodybig {

    background: url(/media/images//reg/3quc_index_bgbig.jpg) no-repeat 50% 0

}
/**/
.login-system{
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 30px;
}
.login-system img{
    height:40px;
    vertical-align: middle;
    padding-right:16px;
}
.btn-login{
    width:260px;height: 40px;line-height: 40px;font-size: 14px;color:#fff;background-color: #17a97a;border: none;border-radius: 4px;margin-bottom: 20px
}
.btn-login:hover{ background-color: #16946c;}
/*输入框的宽高*/
/*.quc-clearfix{ text-align: center; margin-bottom: 15px;}*/
.quc-clearfix>input{ width:230px;height: 40px;line-height: 40px;border-radius: 4px;padding:0 15px;background-color: #fff;margin-bottom: 20px;border:1px solid #d2d2d2;}
/*newLogin.css*/
.white-bg{ background-color: #fff}
.bgColor{ background-color: #f2f2f2}
.mWidth{ width: 1000px;margin: 0 auto}
.head{ height: 50px;line-height: 50px;padding: 4px 0}
.head  .logoImg{ width:40px;height:40px;background:url('../../res/car2.png');display:inline-block;background-size: 100%;vertical-align: middle}
.head .ycfTitle{ font-size: 22px;vertical-align: middle;display: inline-block}
.head .ycfTel{ font-size: 16px;color:#666;}
.formBox{ width:260px;height: 400px;padding: 0 20px;background-color: #fff;position: absolute;top:50%;right:50%;z-index:20;margin-top: -200px;margin-right:-500px;}
.formBox .title{ font-size: 20px;text-align: center;padding: 40px 0}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent!important;}
.w1140{ width: 1140px;margin: 0 auto;}

.switchTab ul {
    display: flex;
    justify-content: center;
}

.switchTab ul li {
    width: 50%;
    text-align: center
}

.switchTab {
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px;
}

.downtips {
    position: relative;
    bottom: -44px;
    text-align: center
}
.mobile-formBox{ position: static;right: 0;margin:0 auto;height:378px;}
@media (min-width: 1024px){
    /*body{ font-size: 18px}*/
} /*>=1024的设备*/

@media (min-width: 1100px) {
    .swiper-container{ height: 400px;}
} /*>=1100的设备*/
@media (min-width: 1280px) {
    .swiper-container{ height: 500px;}
    .aniview{ padding: 20px 0}
} /*>=1280的设备*/

@media (min-width: 1366px) {
    .swiper-container{ height: 500px;}
}

@media (min-width: 1440px) {
    .swiper-container{ height: 500px;}
}

@media (min-width: 1680px) {
    .swiper-container{ height: 600px;}
}
@media (min-width: 1920px) {
    .swiper-container{ height: 600px;}
}
@media screen and (min-width:980px) and (max-width:1280px) {

    html{ font-size:200%;}
    .formBox{ width:260px;height: 360px;padding: 0 20px;background-color: #fff;position: absolute;top:50%;right:50%;z-index:20;margin-top: -180px;margin-right:-500px;}
    .formBox .title{ font-size: 20px;text-align: center;padding: 30px 0}
    .swiper-container{ height: 400px!important;}

    .downtips {
        bottom: -10px
    }

    .switchTab {
        margin-top: 30px
    }
}
@media screen and (min-width: 768px) and (max-width: 979px) { html{ font-size: 150%;}
    body{ background-color: #f2f2f2}
    #loginWrap .mWidth{ width:90%;margin:auto 5%}
    .new_info,.swiper-container,.ycfTel{ display: none}
    .login-wrap .formBox{ position: static;right: 0;margin:0 auto;height:378px;}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
    html{ font-size: 125%;}
    body{ background-color: #f2f2f2}
    #loginWrap .mWidth{ width:90%;margin:auto 5%}
    .new_info,.swiper-container,.ycfTel{ display: none}
    .login-wrap .formBox{ position: static;right: 0;margin:0 auto;height:378px;}
}

@media screen and (min-width: 480px) and (max-width: 639px){ html{ font-size: 100%;}}
@media screen and (min-width: 321px) and (max-width: 478px) { html{ font-size: 75%;}html{ font-size: 125%;}
    body{ background-color: #f2f2f2}
    #loginWrap .mWidth{ width:90%;margin:auto 5%}
    .new_info,.swiper-container,.ycfTel{ display: none}
    .login-wrap .formBox{ position: static;right: 0;margin:0 auto;height:378px;}}/**/
@media screen and (max-width: 320px) { html{ font-size: 62.5%;}}
.scroll-img{ width: 100%;max-width: 1920px;height: 100%;margin: 0 auto;background-size:cover!important;}