@charset "utf-8";


#dealer{margin: 0 auto; padding: 100px 0;}

#dealer .display{margin: 0 auto;position: relative; text-align: center;}
#dealer .display .layout{ margin: 0 auto; position: relative;}
#dealer .display .layout>.layout-box-left{  width: 45%; height: 100%; position: absolute;z-index: 1; left: 0; top: 0; box-sizing: border-box;overflow:hidden;border-radius: 26px;}
#dealer .display .layout>.layout-box-left>.slogan{position: absolute;z-index: 12;  left: 10%; bottom: 50px; font-size:4rem; text-align: left;}
#dealer .display .layout>.layout-box-left>.slogan>h3{color: #fff;}
#dealer .display .layout>.layout-box-left>.slogan>h2{ font-weight: bold; background: #E0E1E7 -webkit-linear-gradient(left, rgba(7, 88, 171, 1) 0%, rgba(110, 222, 100, 1) 62.39%) no-repeat 0 0; -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
#dealer .display .layout>.layout-box-left>.img{ width: 100%;height: 100%;}
#dealer .display .layout>.layout-box-left>.img>img{ border-radius: 26px; width: auto; height: 100%; object-fit: cover;}
#dealer .display .layout>.layout-box-right{ width: 48%; box-sizing: border-box; padding: 50px 0; text-align: left; }
#dealer .display .layout>.layout-box-right .describe{ font-size: 1.6rem; color: #999; line-height: 2.4rem;}
#dealer .display .layout>.layout-box-right .describe>p{margin-bottom: 10px;}
#dealer .display .layout>.layout-box-right .form{margin: 0 auto;padding: 30px 0;}
#dealer .display .layout>.layout-box-right .form .container{ position: relative; z-index: 10; margin:20px auto; }
#dealer .display .layout>.layout-box-right .form .layui-input, #dealer .display .layout>.layout-box-right .form .layui-select, #dealer .display .layout>.layout-box-right .form .layui-textarea {height: 46px!important;line-height: 46px\9!important;border-width: 1!important; border-color: #eee!important; background-color: #eee!important; border-radius: 3px!important;}
#dealer .display .layout>.layout-box-right .form .layui-form-select dl { box-shadow: 0 0 0!important;}
#dealer .display .layout>.layout-box-right .form .layui-form-select dl dd.layui-this { background-color: #f4f7ff!important;color: #0758ab!important;}
#dealer .display .layout>.layout-box-right .form .layui-anim::-webkit-scrollbar {width:2px;height: 2px;}
#dealer .display .layout>.layout-box-right .form .layui-anim::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background:#0758ab;}
#dealer .display .layout>.layout-box-right .form .layui-anim::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0;background: #fff;}
#dealer .display .layout>.layout-box-right .form .layui-form-checkbox[lay-skin=primary] { min-width: 24px!important; min-height: 24px!important;border: none!important;}
#dealer .display .layout>.layout-box-right .form .layui-form-checkbox[lay-skin=primary] i {width: 24px!important;height: 24px!important; line-height: 24px!important; font-size: 16px!important;}
#dealer .display .layout>.layout-box-right .form .container::-webkit-scrollbar {width:5px;height: 1px;}
#dealer .display .layout>.layout-box-right .form .container::-webkit-scrollbar-thumb {background:#666;}
#dealer .display .layout>.layout-box-right .form .container::-webkit-scrollbar-track { box-shadow: 0 0 0 rgba(255,255,255,1); border-radius: 10px;background: none;}
#dealer .display .layout>.layout-box-right .form .container .rows{ position: relative; display:block; margin-bottom: 20px;}
#dealer .display .layout>.layout-box-right .form .container .rows>label{ display: block; font-size: 1.6rem; color: #666;margin-bottom: 10px;}
#dealer .display .layout>.layout-box-right .form .container .rows>label>span{ display: inline-block; color: #db4437; margin-right: 6px;}
#dealer .display .layout>.layout-box-right .form .container .rows>.select{display: block;}
#dealer .display .layout>.layout-box-right .form .container .rows>.input{display: flex;align-items: center; align-content: center;}
#dealer .display .layout>.layout-box-right .form .container .rows>.input>input{ display:inline-block; box-sizing:border-box; width:100%;height:46px; line-height: 46px; padding:0 16px;-webkit-appearance:none; font-size: 1.4rem; background: #eee; border: 1px solid #eee; border-radius: 3px; color:#666;text-align:left; transition: all .35s;}
#dealer .display .layout>.layout-box-right .form .container .rows>.input>input::-webkit-input-placeholder{ color:#999;}
#dealer .display .layout>.layout-box-right .form .container .rows>.textarea>textarea{ display:block;box-sizing:border-box; width:100%;height:auto;padding:16px;-webkit-appearance:none;  font-family: '微软雅黑'; font-size: 1.4rem; line-height:20px; border: 0; background: #eee; border-radius: 3px; color:#666;text-align:left;}
#dealer .display .layout>.layout-box-right .form .container .rows>.textarea>textarea::-webkit-input-placeholder{ color:#999;}
#dealer .display .layout>.layout-box-right .form .container .error{ background: rgba(7,88,171,.06) !important; border:1px solid rgba(7,88,171,.7) !important;}
#dealer .display .layout>.layout-box-right .form .container .w30{width:30%;}
#dealer .display .layout>.layout-box-right .form .container .w50{width:48.5%;}
#dealer .display .layout>.layout-box-right .form .container .w100{width:100%; clear:both}
#dealer .display .layout>.layout-box-right .form .container #checksn{  flex: 1; display: inline-block; margin-right: 20px}
#dealer .display .layout>.layout-box-right .form .container #checkimg{display:inline-block; height: 46px;  border-radius: 3px; padding: 0 10px; cursor:pointer; border: 1px solid #eee;}
#dealer .display .layout>.layout-box-right .form .policy{ display: flex; align-items: center; align-content: center; text-align: left; font-size: 1.4rem; color: #999;}
#dealer .display .layout>.layout-box-right .form .policy>.info{display: inline-flex; }
#dealer .display .layout>.layout-box-right .form .policy>.info>span{ display: inline-block; color: #db4437; margin:0 6px; font-size: 1.8rem;}
#dealer .display .layout>.layout-box-right .form .policy>.info>em{display: inline-block; font-style: normal;}
#dealer .display .layout>.layout-box-right .form .policy>.info>em>a{display: inline-block; color: #0758ab; text-decoration: underline;}
#dealer .display .layout>.layout-box-right .form .button{padding-top: 30px; text-align: left;}
#dealer .display .layout>.layout-box-right .form .button>a{position: relative; display:inline-block; width: auto; box-sizing:border-box; background-image: linear-gradient(45deg, rgba(7, 88, 171, 1), rgba(110, 222, 100, 1)); border-radius: 10px; padding:16px 90px; font-size:2.2rem; color:#fff; overflow: hidden; text-align:center; border:0; cursor:pointer; transition: all .35s;}
#dealer .display .layout>.layout-box-right .form .button>a>span{position: relative;z-index: 20;}
#dealer .display .layout>.layout-box-right .form .button>a:after{position: absolute;z-index: 12; left: -300px; top:-30px; width: 300px;height: 160px;background: #030711; content: ''; transition: all .35s;}
#dealer .display .layout>.layout-box-right .form .button>a:hover:after{left: 0;}

#dealer .display .complete{  display: none; width: 50%; border: 1px solid #eee; text-align: left; box-sizing: border-box; background: #f7f7f7; border-radius: 16px; padding: 50px 80px;overflow: hidden; margin: 0 auto;}
#dealer .display .complete>.ico{display: inline-block;float: left; box-sizing: border-box;padding-right: 20px;}
#dealer .display .complete>.ico i{display: inline-block;font-size: 10rem;color: rgba(110, 222, 100, 1); }
#dealer .display .complete>.box{display: inline-block;float: left; padding-top: 20px;}
#dealer .display .complete>.box .tit{font-size: 2.4rem;color: #000;}
#dealer .display .complete>.box .txt{font-size: 1.4rem; color: #999;}
#dealer .display .complete>.box .txt>span{display: inline-block; font-size: 1.4rem; color: #ff0000;}



.layui-layer-btn .layui-layer-btn0 {border-color: #0758ab!important;background-color: #0758ab!important;}



@media only screen and (max-width: 1460px){

    #dealer .display .layout>.layout-box-left>.slogan{ font-size:3.2rem;}

}



@media only screen and (max-width: 1280px){


    #dealer .display .layout>.layout-box-left{ float: none;  width: 100%; height: 320px; position: relative;}
    #dealer .display .layout>.layout-box-left>.img>img{ width: 100%; height: auto; transform: translateY(-26%); }
    #dealer .display .layout>.layout-box-right{ float: none; width: 100%; }
    #dealer .display .layout>.layout-box-right .describe {  font-size: 1.4rem; line-height: 2rem; }

}


@media only screen and (max-width: 1080px){





}


@media only screen and (max-width: 860px){

    #dealer .display .layout>.layout-box-left {  height:280px;}
    #dealer .display .layout>.layout-box-left>.slogan { font-size: 2.8rem;}

}


@media only screen and (max-width: 640px){

    #dealer{ padding: 50px 0;}

    #dealer .display .layout>.layout-box-left {  height:240px;}
    #dealer .display .layout>.layout-box-left>.slogan { bottom: 30px; font-size: 2rem;}


    #dealer .display .layout>.layout-box-right .form { padding: 20px 0;}
    #dealer .display .layout>.layout-box-right .form .container .rows>label { font-size: 1.4rem; }
    #dealer .display .layout>.layout-box-right .form .container .w30{width:100%;clear: both;float: none;}
    #dealer .display .layout>.layout-box-right .form .container .w50{width:100%;clear: both;float: none}


    #dealer .display .layout>.layout-box-right .form .button>a { display: block; }
    #dealer .display .layout>.layout-box-right .form .button>a:after{left: -100%;  width: 100%;}


}


@media only screen and (max-width: 520px){




}