@charset "UTF-8";
*{padding: 0;}
body,a,ul,li,p,h1,h2,h3,tr,tt,td,dl,dd,u{
    text-decoration: none;
    list-style: none;
    margin:0px;
    padding:0px;
    font-smoothing:antialiased;
    font-size:0.1rem;
}
.chezhu,.name,.shoujihao,.yanzhengma,.gender,.pinpa,.yongyou,.chejiahao,.shijia,.zhenjian,.dealer{background:rgba(43,43,43,0.5);
    border: 1px solid #ffffff;
}
input,button,select,textarea{outline:none}
input:focus{
    outline:none;
}
input{
    color:#fff;
}
option{ background-color:rgba(255,255,255,0.1); color: #0d0d0d; text-align:left; padding: 0;}
input::-webkit-input-placeholder {
    color:#fff;
 }
/*******************************/
body{
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-color: #000000;
}
#box{
    width: 100%;
    height: 100%;
    background-image:url("../images/testdrivebj.jpg?v=2.2");
    background-size: 100% 100%;
    margin: 0 auto;
}
.center{
    width:80%;
    margin:0px auto;
    padding-top:14% ;
}
.center .logo{
    width:40%;
    padding:4% 0;
    display: block;
    margin: 0 auto;
}
.center .logo img{
    display:block;
    width:40%;
    margin:0px auto;
}
/*******************车主**********************/
.center .chezhu{
    width:100%;
    height:0.8rem;
    overflow: hidden;
    color: #fff
}
.chezhu .cz{
    width:50%;
    float:left;
    text-align: center;
    height: 0.8rem;
    line-height:0.8rem;
    font-size:0.25rem;
}
.center .zhenjian{
    width:100%;
    height:0.8rem;
    margin:3% auto;

}
/*******************姓名**********************/
.center .name{
    width:100%;
    height:0.8rem;
    margin:3% auto;
    background:rgba(43,43,43,0.4);
    overflow: hidden;
  
}
.name span,.shoujihao span,.yanzhengma span{ position: relative;}
/*.name span:after,.shoujihao span:after,.yanzhengma span:after{*/
    /*content: "*";*/
    /*font-size: 16px;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 38%;*/
/*}*/
.name .tu{
    width:20%;
    height:0.8rem;
    display:block;
    float:left;
}
.name .tu img{
    display:block;
    width:40%;
    margin:8% auto;
}
.name .name_1{
    width: 75%;
    height: 0.75rem;
    border: 0px;
    display: inline-block;
    background: rgba(43,43,43,0);
    font-size: 0.25rem;
    float: right;
}
/***********手机号*************/
.center .shoujihao{
    width:100%;
    height:0.8rem;
    margin:3% auto;
    overflow: hidden;
}
.shoujihao .sj{
    width:25%;
    height:0.8rem;
    display:block;
    float:left;
    background: url(../images/xz.png)no-repeat;
    background-position: 0.2rem 0.15rem;
    background-size: 45%;
}

.shoujihao .sjh{
    width:40%;
    height:0.8rem;
    border:0px;
    float:left;
    background:rgba(43,43,43,0);
    font-size:0.25rem;
}
.shoujihao .huoqu{
    width:30%;
    height:0.8rem;
    border:0px;
    float:right;
    background:rgba(255,255,255,0.4);
    font-size:12px;
    color: #fff;
}
.huoqu{float: right!important;}
/************验证码****************/
.center .yanzhengma{
    width:100%;
    height:0.8rem;
    margin:0px auto;
    background:rgba(43,43,43,0.4);
    overflow: hidden;
}
.yanzhengma .yz{
    width:20%;
    height:0.8rem;
    display:block;
    float:left;
}
.yanzhengma .yz img{
    display:block;
    width:40%;
    margin:22% auto;
}
.yanzhengma .yzm{
    width:75%;
    height:0.8rem;
    border:0px;
    float:right;
    background:rgba(43,43,43,0);
    font-size:0.25rem;

}
/*************性别**************/
.center .gender{
    width:100%;
    height:0.8rem;
    margin:3% auto;
    overflow: hidden;
}
.gender .xb{
    width:25%; 
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
    background:url("../images/xz.png")no-repeat 16px -163px;

}
.gender .xuanze{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
}
.gender .sex{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    color:#fff;
    float:left;
    font-size:0.25rem;
}
.choose{
    background:rgba(255,255,255,0.6);
    color:#000;
}

.zhenjian .sj-1{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.9rem;
    float:left;
    color:#fff;
    font-size:0.2rem;
    background:url("../images/zhengjian.png")no-repeat 16px 8px;
    background-size: 50%;
}
.zhenjian .sj {
    width: 25%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    float: left;
    color: #fff;
    font-size: 0.25rem;
}
.zhenjian .test {
    width: 25%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    float: left;
    font-size: 0.25rem;
}


/*************是否哈雷车主******/
.center .chezhu{
    width:100%;
    height:0.8rem;
    margin:3% auto;
}


.chezhu .owner{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    color:#fff;
    float:left;
    font-size:0.25rem;
}


.chezhu .xb-1{

    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.9rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
    background:url("../images/xz.png")  no-repeat 45% 105% /50% ;
    /*background-size:contain;*/
}


.chezhu .yy{
    width:25%;
    height:0.8rem;
    text-align:left;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
}
/***************************/



/*************拥有摩托车******/
.center .yongyou{
    width:100%;
    height:0.8rem;
    margin:3% auto;
}


.yongyou .xb-1{
    width:25%; 
    height:0.8rem;
    text-align:center;
    line-height:0.9rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
    background:url("../images/xz.png")no-repeat 16px -247px;
}

.yongyou .yy{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
}

.yongyou .owner{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    color:#fff;
    float:left;
    font-size:0.25rem;
}
/***************************/


/*************是否试驾******/
.center .shijia{
    width:100%;
    height:0.8rem;
    margin:3% auto;
}

.shijia .sj-1{
     width:25%;
     height:0.8rem;
     text-align:center;
     line-height:0.9rem;
     float:left;
     color:#fff;
     font-size:0.2rem;
     background:url("../images/shijia.png")no-repeat 16px 8px;
     background-size: 50%;
 }

.shijia .sj{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
}

.shijia .intention{
    height:0.8rem;
    width: 75%;
    color: #fff;
    background: none;
    border-style: none;
    font-size: 0.25rem;
}


.shijia .test{
    width:20%;
    display:block;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    color:#fff;
    float:left;
    font-size:0.25rem;
}
.center .dealer {
    width: 100%;
    height: 0.8rem;
    margin: 3% auto;
    text-align: center;
}
.dealer select{
    height:0.8rem;
    width: 75%;
    color: #fff;
    background: none;
    border-style: none;
    font-size: 0.25rem;

}
.dealer .dw{
    width:20%;
    display:block;
    height:0.8rem;
    text-align:center;
    line-height:0.9rem;
    float:left;
    background:url("../images/db.png")no-repeat 16px 8px;
    background-size: 45%;
}
.a_dealer{
    color: #fff;
    margin: 3% auto;
    font-size: 0.25rem;
}
.p_dealer{
    color: #fff;
    margin: 3% auto;
    font-size: 0.25rem;

}
.p_dealer img{
    vertical-align: text-bottom;
    padding-left: 2px;
}
.p_dealer a{
    color: #fff;
    font-size: 0.25rem;
}
/***************************/


.center .pinpa{
    width:100%;
    height:0.8rem;
    margin:3% auto;
    display: none;
    overflow: hidden;
}
.pinpa .yypp{
    display:block;
    width:47%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    font-size: 0.25rem;
    color: #fff;
}
.pinpa .youyoudeche{
    width:45%;
    height:0.8rem;
    border:0px;
    background:rgba(43,43,43,0);
    font-size:0.25rem;
    float:left;
}
/*************车架号******/
.center .chejiahao{
    width:100%;
    height:0.8rem;
    margin:4% auto;;
    overflow: hidden;
}
.chejiahao .cjh{
    width:25%;
    height:0.8rem;
    text-align:center;
    line-height:0.8rem;
    float:left;
    color:#fff;
    font-size:0.25rem;
}
.chejiahao .cjh{
    display: block;
    width:22%;
    height:0.8rem;
    line-height:0.8rem;
    color:#fff;
    float:left;
    border:0px;
    padding-left:2%;
    border-right:1px solid #fff;
    font-size:0.25rem;
}
.chejiahao .cn{
      display: block;
    width: 45%;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    float: left;
    font-size: 0.25rem;
    padding-left: 2%;
    background: rgba(43,43,43,0);
    border: 0px;
    margin-top: 0.15rem;
}
/***************************/
.xieyi{
    width: 100%;
    height: 1.1rem;
    margin: 6% auto;
    overflow: hidden;
}
.xieyi .xy{
    width: 80%;
    margin: 3% auto;
    color: #ffffff;
    font-size: 0.2rem;
    text-align: center;
}
.xieyi .xy a{
    color:#ffffff;
    font-size:0.2rem;
    border-bottom: 1px solid #ffffff;
}
.xieyi .xy span{
    width:10%;
    display: block;
    float:left;
    margin-left: 0.4rem;
}
.xieyi .xy span .checkbox{
    border-radius:100%;
}
/***************************/
.center .tijiao{
    display:block;
    margin-top:0.2rem;
    text-align:center;
    line-height:0.7rem;
    width:100%;
    font-size:0.3rem;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.center .goblack{
    display:block;
    margin-top:0.2rem;
    text-align:center;
    line-height:0.4rem;
    width:45%;
    font-size:0.3rem;
    border: 1px solid #ffffff;
    color: #ffffff;
}

#agreen{
    visibility: hidden;
    cursor: pointer;
    position: absolute;
}
label{
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    border: 1px solid #000;
    background: #fff;
}

#checkbox{display: inline-block;width: 15px;height: 15px;background-image: url("../images/check.png");background-size: 100% auto;background-position-x: 0px;background-position-y: 0px;   /** margin-top: 0.1rem;**/}
#checkbox.checked{background-position-y: -16px;}


/*@media screen and (min-width:1024px) and (max-width:1366px) {*/
    /*.center .logo{*/
        /*height:1.8rem;*/
    /*}*/
    /*.center .logo img{*/
        /*width:40%;*/
    /*}*/
    /*/!*******************车主**********************!/*/
    /*.center .chezhu{*/
        /*height:1rem;*/
        /*margin:15px auto;*/
    /*}*/
    /*.chezhu .cz{*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*/!*******************姓名**********************!/*/
    /*.center .name{*/
        /*width:100%;*/
        /*height:1rem;*/
        /*margin:8px auto;*/
    /*}*/
    /*.name .tu{*/
        /*height:1rem;*/
    /*}*/
    /*.name .tu img{*/
        /*width:35%;*/
        /*margin:8% auto;*/
    /*}*/
    /*.name .name_1{*/
        /*height:1rem;*/
        /*font-size:0.3rem;*/

    /*}*/
    /*/!***********手机号*************!/*/
    /*.center .shoujihao{*/
        /*height:1rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.shoujihao .sj{*/
        /*height:1rem;*/
        /*background:url("img/xz.png")no-repeat 56px 37px;*/
    /*}*/
    /*.shoujihao .sjh{*/
        /*height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.shoujihao .huoqu{*/
        /*height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*/!************验证码****************!/*/
    /*.center .yanzhengma{*/
        /*height:1rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.yanzhengma .yz{*/
        /*height:1rem;*/
    /*}*/
    /*.yanzhengma .yz img{*/
        /*width:40%;*/
        /*margin:22% auto;*/
    /*}*/
    /*.yanzhengma .yzm{*/
        /*height:1rem;*/
        /*font-size:0.3rem;*/

    /*}*/
    /*/!*************性别**************!/*/
    /*.center .gender{*/
        /*height:1rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.gender .xb{*/
        /*width:25%;*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
        /*background:url("img/xz.png")no-repeat 60px -135px;*/

    /*}*/
    /*.gender .xuanze{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.gender .sex{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.choose{*/
        /*background:rgba(255,255,255,0.6);*/
        /*color:#000;*/
    /*}*/
    /*/!*************拥有摩托车******!/*/
    /*.center .yongyou{*/
        /*height:1rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.yongyou .xb-1{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
        /*background:url("img/xz.png")no-repeat 16px -247px;*/
    /*}*/
    /*.yongyou .yy{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.yongyou .owner{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*/!***************************!/*/
    /*.center .pinpa{*/
        /*height:1rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.pinpa .yypp{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.pinpa .youyoudeche{*/
        /*height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*/!*************车架号******!/*/
    /*.center .chejiahao{*/
        /*height:1rem;*/
        /*margin:30px auto;*/
    /*}*/
    /*.chejiahao .cjh{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.chejiahao .hog{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*padding-left:2%;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*.chejiahao .cn{*/
        /*height:1rem;*/
        /*line-height:1rem;*/
        /*font-size:0.3rem;*/
        /*padding-left:2%;*/
    /*}*/
    /*/!***************************!/*/
    /*.xieyi{*/
        /*height:0.7rem;*/
        /*margin:20px auto;*/
    /*}*/
    /*.xieyi .xy{*/
        /*height:1rem;*/
        /*margin:0px auto;*/
    /*}*/
    /*.xieyi .xy a{*/
        /*color:#858380;*/
        /*font-size:0.3rem;*/
    /*}*/
    /*/!*.xieyi .xy span{*!/*/
    /*/!*display: block;*!/*/
    /*/!*float:left;*!/*/
    /*/!*}*!/*/
    /*.xieyi .xy span .checkbox {*/
        /*border-radius: 100%;*/
        /*background-size:100%;*/
    /*}*/
    /*/!***************************!/*/
    /*.center .tijiao{*/
        /*margin-top:0.4rem;*/
        /*line-height:1rem;*/
        /*font-size:0.7rem;*/
    /*}*/
/*}*/