@charset "utf-8";
/* CSS Document */
body{background: #fff;}

/*pc-1920*/
@media screen and (min-width: 1680px) {
    .main{}
    .main .top-bg{height: 600px; background: url("../images/contactus/bg.png")no-repeat; background-size: 100% 100%;}
    .main .title{width: 240px; height: 75px; line-height: 75px; font-size: 36px; color: #393d49; text-align: center;border-bottom: 5px solid #F6AB00;margin: 110px auto 0; }
    .main .form{width: 1340px;margin: 84px auto;  }
    .main .form .form-item{margin-bottom: 40px;}
    .main .form .form-item .item-title{ font-size: 24px; line-height: 75px; color: #000; }
    .main .form .form-item .item-con{width: 100%; position: relative;cursor: pointer; }
    .main .form .form-item .item-con .select{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .select>input{ outline:none;border: none; width: 97%; font-size: 20px; line-height: 45px;cursor: pointer;  }
    .main .form .form-item .item-con .select>i{ color: #f7aa00; font-size:24px; vertical-align: middle;}
    .main .form .form-item .item-con ul{position: absolute; display: none; left: 0; width: 100%; background: #fff; max-height: 300px; overflow-y: auto; z-index: 10;border: 1px solid #ebebeb; border-top: none;}
    .main .form .form-item .item-con ul>li{width: 100%; height: 43px; white-space: nowrap; color: #393d49; line-height: 43px;}
    .main .form .form-item .item-con ul>li>span{padding-left: 10px;}
    .main .form .form-item .item-con ul>li.active{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con ul>li:hover{background: #e6e5e5;}
    .main .form .form-item .item-con ul>.active:hover{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con .text-box{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .text-box>input{ outline:none;border: none; width: 100%; font-size: 20px; line-height: 45px; }
    .main .form .vcode{ }
    .main .form .vcode .t{font-size: 20px; line-height: 75px; color: #000; }
    .main .form .vcode .v-input{ outline: none; padding: 0 23px; width: 160px; height: 60px; border-radius: 8px; border: 1px solid #e6e5e5; margin-left: 20px;font-size: 16px }
    .main .form .vcode .vcode-pic{ display: inline-block; vertical-align: middle; text-align: center; width: 126px;margin-left: 40px;}
    .main .form .vcode .vcode-pic>img{width: 100%}
    .main .form .vcode .vcode-pic>a{display: block; font-size: 12px; color: #AFAEAE; text-decoration: none; }
    .main .btns{width: 728px; font-size: 0;text-align: center; margin: 172px auto;}
    .main .btns>div{display: inline-block;width: 329px; height:58px; border-radius:5px; color: #fff; text-align: center; font-size: 20px; line-height: 58px;cursor: pointer;}
    .main .btns .submit-btn{ background: #ec6941;margin-right: 35px;}
    .main .btns .submit-btn:hover{ background: #ec533a;}
    .main .btns .cancel-btn{background: #666; }
    .main .btns .cancel-btn:hover{background: #555; }
    ::-webkit-scrollbar
    {
        width: 16px;
        height: 16px;
        background-color: #ebebeb;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #ebebeb;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #626262;
    }

}

/*pc-public*/
@media screen and (min-width: 1340px){
    .main{}
    .main .top-bg{height: 500px; background: url("../images/contactus/bg.png")no-repeat; background-size: 100% 100%;}
    .main .title{width: 240px; height: 75px; line-height: 75px; font-size: 36px; color: #393d49; text-align: center;border-bottom: 5px solid #F6AB00;margin: 110px auto 0; }
    .main .form{width: 1000px;margin: 84px auto;  }
    .main .form .form-item{margin-bottom: 40px;}
    .main .form .form-item .item-title{ font-size: 24px; line-height: 75px; color: #000; }
    .main .form .form-item .item-con{width: 100%; position: relative;cursor: pointer; }
    .main .form .form-item .item-con .select{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .select>input{ outline:none;border: none; width: 97%; font-size: 20px; line-height: 45px;cursor: pointer;  }
    .main .form .form-item .item-con .select>i{ color: #f7aa00; font-size:22px; vertical-align: middle;}
    .main .form .form-item .item-con ul{position: absolute; display: none; left: 0; width: 100%; background: #fff; max-height: 300px; overflow-y: auto; z-index: 10;border: 1px solid #ebebeb; border-top: none;}
    .main .form .form-item .item-con ul>li{width: 100%; height: 43px; white-space: nowrap; color: #393d49; line-height: 43px;}
    .main .form .form-item .item-con ul>li>span{padding-left: 10px;}
    .main .form .form-item .item-con ul>li.active{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con ul>li:hover{background: #e6e5e5;}
    .main .form .form-item .item-con ul>.active:hover{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con .text-box{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .text-box>input{ outline:none;border: none; width: 100%; font-size: 20px; line-height: 45px; }
    .main .form .vcode{ }
    .main .form .vcode .t{font-size: 20px; line-height: 75px; color: #000; }
    .main .form .vcode .v-input{ outline: none; padding: 0 23px; width: 160px; height: 60px; border-radius: 8px; border: 1px solid #e6e5e5; margin-left: 20px; font-size: 16px}
    .main .form .vcode .vcode-pic{ display: inline-block; vertical-align: middle; text-align: center; width: 126px;margin-left: 40px;}
    .main .form .vcode .vcode-pic>img{width: 100%}
    .main .form .vcode .vcode-pic>a{display: block; font-size: 12px; color: #AFAEAE; text-decoration: none; }
    .main .btns{width: 728px; font-size: 0;text-align: center; margin: 172px auto;}
    .main .btns>div{display: inline-block;width: 329px; height:58px; border-radius:5px; color: #fff; text-align: center; font-size: 20px; line-height: 58px;cursor: pointer;}
    .main .btns .submit-btn{ background: #ec6941;margin-right: 35px;}
    .main .btns .cancel-btn{background: #666; }
    ::-webkit-scrollbar
    {
        width: 16px;
        height: 16px;
        background-color: #ebebeb;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #ebebeb;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #626262;
    }

}


/*mobile*/
@media screen and (max-width: 1339px) {
    .main{margin-top: 44px;}
    .main .top-bg{display: none;}
    .main .title{width: 86px; height: 55px; line-height: 75px; font-size: 16px; color: #393d49; text-align: center;border-bottom: 5px solid #F6AB00;margin: 35px auto 0;}
    .main .form{width: 80%;margin: 30px auto; max-width: 800px; }
    .main .form .form-item{margin-bottom: 22px;}
    .main .form .form-item .item-title{ font-size: 13px; line-height: 35px; color: #000; }
    .main .form .form-item .item-con{width: 100%; position: relative;cursor: pointer; }
    .main .form .form-item .item-con .select{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .select>input{ outline:none;border: none; width: 90%; font-size: 11px; line-height: 24px;cursor: pointer;  }
    .main .form .form-item .item-con .select>i{ color: #f7aa00; font-size:22px; vertical-align: middle;}
    .main .form .form-item .item-con ul{position: absolute; display: none; left: 0; width: 100%; background: #fff; max-height: 300px; overflow-y: auto; z-index: 10;border: 1px solid #ebebeb; border-top: none;}
    .main .form .form-item .item-con ul>li{width: 100%; height: 20px; white-space: nowrap; color: #393d49; line-height: 20px;font-size: 12px;}
    .main .form .form-item .item-con ul>li>span{padding-left: 10px;}
    .main .form .form-item .item-con ul>li.active{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con ul>li:hover{background: #e6e5e5;}
    .main .form .form-item .item-con ul>.active:hover{background: #F6AB00;color: #fff;}
    .main .form .form-item .item-con .text-box{ border-bottom: 1px solid #A1A1A1; }
    .main .form .form-item .item-con .text-box>input{ outline:none;border: none; width: 100%; font-size: 13px; line-height: 22px; }
    .main .form .vcode{ }
    .main .form .vcode .t{font-size: 13px; line-height: 35px; color: #000; }
    .main .form .vcode .v-input{ outline: none; padding: 0 10px; width: 105px; height: 30px; border-radius: 8px; border: 1px solid #e6e5e5; margin-left: 10px; font-size: 11px}
    .main .form .vcode .vcode-pic{ display: inline-block; vertical-align: middle; text-align: center; width: 90px;margin-left: 10px;}
    .main .form .vcode .vcode-pic>img{width: 100%}
    .main .form .vcode .vcode-pic>a{display: block; font-size: 9px; color: #AFAEAE; text-decoration: none; }
    .main .btns{font-size: 0;text-align: center; margin: 42px auto;}
    .main .btns>div{display: inline-block;width: 100px; height:38px; border-radius:5px; color: #fff; text-align: center; font-size: 12px; line-height: 38px;cursor: pointer;}
    .main .btns .submit-btn{ background: #ec6941;margin-right: 15px;}
    .main .btns .cancel-btn{background: #666; }
}