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

/*input placholdere顔色*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  #A1A1A1;
    font-weight: 300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #A1A1A1;
    font-weight: 300;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #A1A1A1;
    font-weight: 300;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:  red;
    font-weight: 300;
}
.input-error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  red;
    font-weight: 300;
}
.input-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  red;
    font-weight: 300;
}
.input-error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  red;
    font-weight: 300;
}
.input-error:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:  red;
    font-weight: 300;
}


/*pc-public*/
@media screen and (min-width: 1340px){
    .main {width: 1000px; margin: 110px auto; }
    .main .title{width: 240px; height: 75px; line-height: 75px; font-size: 36px; color: #393d49; text-align: center;border-bottom: 5px solid #F6AB00;margin: 0 auto;font-family: 'SourceHanSansCN Bold'; }
    .main .form{width: 728px;margin: 84px auto;  }
    .main .form .form-item{margin-bottom: 40px;font-size: 0;}
    .main .form .form-item .item-title{ font-size: 24px; line-height: 75px; color: #000; }
    .main .form .form-item .item-title i{color: red;}
    .main .form .form-item .item-con{width: 100%; position: relative;cursor: pointer;display: inline-block; }
    .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: 92%; font-size: 24px; line-height: 45px;cursor: pointer;  }
    .main .form .form-item .item-con .select>i{ color: #f7aa00; font-size:26px; 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;font-size: 22px; }
    .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: 24px; line-height: 45px;text-overflow: ellipsis; }
    .main .terms{width: 1000px; font-size: 20px;line-height: 37px;color: #393d49;}
    .main .no-check{display: none;line-height: 67px; font-size: 20px;color: #bd3e3e;}
    .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: 24px; line-height: 58px;cursor: pointer;}
    .main .btns .submit-btn{ background: #f7aa00;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{overflow: hidden;margin-top: 44px;}
    .main .title{width: 86px; height:65px; line-height: 65px; font-size: 16px; color: #393d49; text-align: center;border-bottom: 2px solid #F6AB00;margin: 0 auto;font-family: 'SourceHanSansCN Bold'; }
    .main .form{width:70%;margin: 20px auto;  }
    .main .form .form-item{margin-bottom:23px;font-size: 0;}
    .main .form .form-item .item-title{ font-size: 13px; line-height: 26px; color: #000; }
    .main .form .form-item .item-title i{color: red;}
    .main .form .form-item .item-con{width: 100%; position: relative;cursor: pointer;display: inline-block; }
    .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: 92%; font-size: 11px; line-height: 26px; }
    .main .form .form-item .item-con .select>i{ color: #f7aa00; font-size:14px; vertical-align: middle;}
    .main .form .form-item .item-con ul{position: absolute; display: none; left: 0; width: 100%; background: #fff; max-height: 200px; overflow-y: auto; z-index: 10;border: 1px solid #ebebeb; border-top: none;}
    .main .form .form-item .item-con ul>li{width: 100%; font-size: 12px; height: 20px; white-space: nowrap; color: #393d49; line-height: 20px;}
    .main .form .form-item .item-con ul>li>span{padding-left: 5px;}
    .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: 11px; line-height: 26px; text-overflow: ellipsis;}
    .main .terms{width: 86%;margin: 15px auto; font-size: 11px;line-height: 26px;color: #393d49;}
    .main .terms i{width: 16px; height: 16px; font-size: 7px; margin: 0;line-height: 12px;}
    .main .terms>span{display: inline-block; width: 90%; vertical-align: top; margin-left: 10px;}
    .main .no-check{display: none;line-height: 35px; font-size: 11px;color: #bd3e3e;text-align: center;}
    .main .btns{width: 90%; font-size: 0;text-align: center; margin: 35px auto;}
    .main .btns>div{display: inline-block;width: 150px; height:28px; border-radius:5px; color: #fff; text-align: center; font-size: 12px; line-height: 28px;}
    .main .btns .submit-btn{ background: #f7aa00;margin-right: 10px;}
    .main .btns .cancel-btn{background: #666; }



}