@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {
    font-family: 'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    /*font-family: '黑体';*/
    color: #333;
    background-color: #fff;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    border:0;
    margin:0;
    padding:0;
}
ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
div{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    -webkit-appearance:none;
    outline:none;
}
span{
    outline:none;
}
.R {
    float: right;
}
.L {
    float: left;
}
.hide{
    display: none;
}
.divisible{
    visibility: hidden;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}
.show-in-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.show-horizontal-center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.jdz-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity:0.85;
    filter:alpha(opacity=85);
}
.jdz-mask-o-45{
    opacity:0.45;
    filter:alpha(opacity=45);
}
.jdz-mask-o-55{
    opacity:0.55;
    filter:alpha(opacity=55);
}
.jdz-mask-o-65{
    opacity:0.65;
    filter:alpha(opacity=65);
}
.jdz-mask-o-80{
    opacity:0.80;
    filter:alpha(opacity=80);
}
.jdz-mask-o-90{
    opacity:0.90;
    filter:alpha(opacity=90);
}
.jdz-mask-white{
    background-color: #fff;
}
.jdz-mask-red{
    background-color: #af2b24;
}

.hide-in-pc{
    display: none;
}
.hide-in-sp{
    display: block;
}
.row{
    width: 100%;
    display: block;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.jdz-container{
    position: relative;
    width: 100%;
    overflow: hidden;
    /*min-width: 1000px;*/
    margin: 0 auto;
    /* font-size: 0; */
}
.jdz-container-index{
}

.jdz-banner-img{
    width: 100%;
    pointer-events: none;
}
.jdz-banner-login-btn{
    position: absolute;
    left: 9vw;
    top: 35.51vw;
    width: 15.31vw;
    height: 4.74vw;
    background: url(/supports/download/sdk/images/pc/sdk/banner-btn.png) no-repeat;
    background-size:100% 100%;
    color: #fff;
    font-size: 1.8vw;
    line-height: 3.6vw;
    text-align: center;
    cursor: pointer;
}
.jdz-main-ys{
    padding-bottom: 79.3%;
}
.jdz-main-ys:before{
    content: "";
    position: absolute;
    left: 0%;
    top: 18%;
    width: 17%;
    height: 39.4%;
    background-image: url("/supports/download/sdk/images/main_ys_bg_left.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.jdz-main-ys:after{
    content: "";
    position: absolute;
    right: 0%;
    top: 35%;
    width: 15.6%;
    height: 72.65%;
    background-image: url("/supports/download/sdk/images/main_ys_bg_right.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.jdz-main-lc{
    padding-bottom: 43%;
    background-color: #f2f2f2;
}

.jdz-content-board{
    display: block;
    position: absolute;
    width: 75%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    /*border: 1px solid #ccc;*/
    z-index: 999;
}
.jdz-content-board-lc{
    height: 30%;
}
.jdz-title-board{
    margin-top: 5%;
}
.jdz-title-board-lc{
    margin-top: 5%;
}

.jdz-title-board .jdz-title{
    /*font-size: 28px;*/
    font-size: 1.98vw;
    margin-left: 10%;
    font-weight: 800;
    position: relative;
}
.jdz-title-board .jdz-subtitle{
    /*font-size: 16px;*/
    font-size: 1.04vw;
    color: #838383;
    margin-left: 10%;
    margin-top: 0.9%;
}
.jdz-title-board .jdz-title:before{
    content: "";
    position: absolute;
    left: -11%;
    top: 50%;
    width: 10%;
    height: 100%;
    transform: translateY(-50%);
    background-image: url(/supports/download/sdk/images/title_lead_left.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.jdz-info-box{
    position: relative;
    width: 100%;
    height: 16%;
    margin: 0 auto;
    /*background-color:#cccccc;*/
    margin-top: 10%;
    overflow: visible !important;
}
.jdz-info-item{
    display: block;
    float: left;
    position: relative;
    width: calc(16.6%);
    height: 100%;
    font-size: 0;
    overflow: visible !important;
}
.jdz-info-item img{
    width: 90%;
    margin-left: 5%;
}
.jdz-item-info-board{
    position: relative;
    position: absolute;
    width: 110%;
    height: 150%;
    border-radius: 5px;
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    box-shadow: 0px 0px 10px 0px #c7141d;;
    -webkit-transition:opacity .3s ease-in;
    -moz-transition:opacity .3s ease-in;
    -o-transition:opacity .3s ease-in;
    transition:opacity .3s ease-in;
}
.jdz-info-item:hover .jdz-item-info-board{
    opacity: 1;
}
.jdz-item-info-subboard{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.jdz-item-info-title{
    /*font-size: 18px;*/
    font-size: 1.28vw;
    font-weight: 800;
    margin-top: 15%;
    padding: 0 10%;
}
.jdz-item-info-subtitle{
    /*font-size: 14px;*/
    font-size: 1vw;
    margin-top: 2%;
    padding: 0 10%;
}
.jdz-item-info-content{
    /*font-size: 16px;*/
    /*line-height: 24px;*/
    font-size: 1.14vw;
    line-height: 1.7vw;
    margin-top: 12%;
    text-align: left;
    padding: 0 10%;
}
.jdz-item-info-subtitle-last{
    padding: 0 5%;
}
.jdz-title-board-zs{
    margin-top: 15%;
}


.jdz-info-box2{
    position: relative;
    width: 100%;
    height: 25%;
    margin: 0 auto;
    background-color:#cccccc;
    margin-top: 5.9%;
    font-size: 14px;
    overflow: visible;
}
.jdz-info-box2 .swiper-container{
    width: 100%;
    height: 100%;
}
.jdz-show-item-board{
    position: relative;
    width: 100%;
    height: 100%;
    /*background-color: #cccccc;*/
}
.jdz-show-item-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("/supports/download/sdk/images/slider-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.jdz-show-item-title{
    position: absolute;
    left: 8%;
    bottom: 8%;
    font-size: 16px;
    color: #fff;
}
.jdz-swiper-button-prev{
    left: -60px !important;
}
.jdz-swiper-button-next{
    right: -60px !important;
}
.jdz-swiper-button-prev:after, .jdz-swiper-button-next:after{
    color: #af1119 !important;
}
.jdz-swiper-pagination{
    width: 100% !important;
    margin-top: 7.5%;
}
.jdz-swiper-pagination .swiper-pagination-bullet{
    width: 16px !important;
    height: 16px !important;
    margin: 0 8px;
}
.jdz-swiper-pagination .swiper-pagination-bullet-active{
    background-color: #af1119 !important;
}

.jdz-show-item-info-board{
    position: relative;
    position: absolute;
    /*width: 110%;*/
    /*height: 150%;*/
    border-radius: 5px;
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    box-shadow: 0px 0px 10px 0px #c7141d;;
    -webkit-transition:opacity .3s ease-in;
    -moz-transition:opacity .3s ease-in;
    -o-transition:opacity .3s ease-in;
    transition:opacity .3s ease-in;
    z-index: 10;
    /*pointer-events: none;*/
}
.jdz-show-item-board:hover .jdz-show-item-info-board{
    opacity: 1;
}
.jdz-show-item-info-subboard{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.jdz-show-item-info-title{
    /*font-size: 18px;*/
    font-size: 1.29vw;
    font-weight: 800;
    margin-top: 12%;
    padding: 0 10%;
    letter-spacing: 1px;
}
.jdz-show-item-info-content{
    /*font-size: 16px;*/
    font-size: 1.1vw;
    margin-top: 10%;
    text-align: left;
    /*line-height: 24px;*/
    line-height: 1.7vw;
    padding: 0 10%;
}
.jdz-show-item-info-more{
    position: absolute;
    bottom: 10%;
    left: 30%;
    /*font-size: 14px;*/
    font-size: 1vw;
    cursor: pointer;
    color: #fff !important;
}
.jdz-show-item-info-more:after{
    content: "";
    position: absolute;
    left: 110%;
    top: 58%;
    width: 100%;
    height: 80%;
    background-image: url(/supports/download/sdk/images/jdz_arrow_right.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}
.jdz-show-item-info-link{
    pointer-events: auto;
    text-decoration: none;
    color: #ffffff;
}

.jdz-step-border{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}
.jdz-step-line{
    position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    height: 1vw;
    background-image: url(/supports/download/sdk/images/step_line_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.jdz-step-item{
    position: absolute;
    top: 50%;
    width: 4.58vw;
    height: 4.79vw;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.jdz-step-item-1{
    background-image: url(/supports/download/sdk/images/step_num_1.png);
    left: 22.19%;
}
.jdz-step-item-2{
    background-image: url(/supports/download/sdk/images/step_num_2.png);
    left: 40.52%;
}
.jdz-step-item-3{
    background-image: url(/supports/download/sdk/images/step_num_3.png);
    left: 56.67%;
}
.jdz-step-item-4{
    background-image: url(/supports/download/sdk/images/step_num_4.png);
    left: 74.9%;
}
.jdz-step-name{
    position: absolute;
    width: 5vw;
    left: 50%;
    top: -3vw;
    transform: translate(-50%, 0%);
    font-size: 1.3vw;
    font-weight: 800;
    text-align: center;
}
.jdz-step-content{
    position: absolute;
    width: 18vw;
    left: 50%;
    bottom: -3vw;
    transform: translate(-50%, 0%);
    font-size: 1.2vw;
    text-align: center;
    color: #4c4948;
}

.jdz-fixed-board{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
}
.jdz-form-board{
    position: absolute;
    width: 320px;
    height: 390px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    /*padding: 16px;*/
    box-shadow: 0px 0px 50px #aaa;
}
.jdz-form-board-register{
    width: 420px;
    height: 560px;
    padding: 20px 30px;
}
.jdz-form-btn-close{
    position: absolute;
    width: 22px;
    height: 22px;
    right: -28px;
    top: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    line-height: 18px;
    text-align: center;
    font-size: 22px;
    color: #e60012;
}
.jdz-sdktabs{
    display: flex;
}
.jdz-sdktabs span{
    padding: 16px 0;
    display: inline-block;
    flex: 1;
    cursor: pointer;
    font-size: 16px;
}
.jdz-sdktabs .active{
    color: #df0012 !important;
    font-size: 20px;
}
.jdz-form-tab{
    margin-top: 18px;
}
.jdz-input{
    font-size: 14px;
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    text-indent: 12px;
    line-height: normal;
    height: 34px;
    outline: none;
}
.jdz-error-msg{
    color: #b94a48;
    font-size: 14px;
    margin: 5px;
}
.jdz-captcha-img{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
    width: 90px;
}
.jdz-btn-sms{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
    width: 90px;
    background-color: #df0012;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    color: #fff;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
}
.jdz-submit-btn{
    background-color: #df0012;
    width: 100%;
    height: 36px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    margin-top: 15px;
}
.jdz-btn-register-link{
    font-size: 16px;
    margin-top: 15px;
    color: #666;
    text-align: center;
    cursor: pointer;
}
.click-disabled{
    cursor: auto;
}

.jdz-form-register-title{
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
}
.jdz-form-register-input-item-board{
    width: 100%;
    position: relative;
    height: 36px;
}
.jdz-form-register-input-item-board-mobile{
    margin-top: 30px;
}
.jdz-form-register-input-item-title{
    display: block;
    float: left;
    width: 33%;
    font-size: 14px;
    color: #424040;
    text-align: center;
    height: 100%;
    line-height: 36px;
    background-color: #eee;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #ccc;
}
.jdz-input-register{
    display: block;
    width: calc(67% - 2px);
    float: left;
    border: 1px solid #ccc;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.jdz-captcha-img-register{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.jdz-btn-register-sms{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
    width: 90px;
    background-color: #df0012;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #ccc;
}
.jdz-register-receive-board{
    display: block;
    width: calc(67% - 2px);
    float: left;
    border: 1px solid #ccc;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 100%;
    line-height: 36px;
}
.jdz-register-checkbox-board{
    position: relative;
    margin-top: 18px;
    width: 100%;
    padding: 10px;
}
.jdz-register-checkbox{
    display: block;
    float: left;
    width: 10%;
    margin-top: 3px;
}
.jdz-register-checkbox-label{
    display: block;
    float: left;
    width: 90%;
}
.jdz-register-checkbox-label a{
    color: #d61b1a;
    text-decoration: underline;
}
.jdz-submit-btn-register{
    height: 40px;
    line-height: 40px;
}

.jdz-register-radio{
    width: 16px;
    height: 16px;
    margin: 10px 10px 10px 15px !important;
    float: left;
    vertical-align: top;
}
.jdz-register-radio-label{
    line-height: 36px;
    font-size: 14px;
    display: inline-block;
    float: left;
}
.red-bg-content{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 1.3vw;
    line-height: 2.2vw;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15%;
}

.main-title{
    font-size: 2vw;
    color: #000000;
    font-weight: bold;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3vw;
    left: 0;
    div{
        height: 0.5vw;
        width:  0.5vw;
        background: red;
        margin: 0 1.5vw;
        border-radius: 50%;
    }
}

.main-select{
    position: absolute;
    width: 70%;
    height: 4vw;
    margin-left: 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 8vw;
    left: 0;
    background: #ffffff;
    box-shadow: 0 4px 8px -1px red;
    border-radius: 1vw;
    .left{
        display: flex;
        align-items: center;
        position: relative;
        div{
            padding: 0 1vw;
            border-right: 1px solid rgb(231,231,231);
        }
        div:last-child{
            border-right:none;
        }
    }
    select{
        font-size: 1vw;
        border: none;
        background: unset;
        outline: none !important;
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari 和 Chrome */
    }

}
.main-select .right{
    float: right;
    cursor: pointer;
    height: 4vw;
    position: relative;
}
.main-select .right div{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 1vw;
}
.main-select .right .search{
    height: 1vw;
    width: 1vw;
    margin-right: 0.5vw;
}
.main-select .right img{
    height: 100%;
}

.main-content{
    position: absolute;
    top: 15vw;
    font-size: 1vw;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 70%;
    margin-left: 15%;
}
.main-content .item{
    width: 32%;
    margin-bottom: 2vw;
    display: flex;
    .left{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6vw;
        height: 6vw;
        border-radius: 1vw;
        background: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
    .left img{
        width: 70%;
    }
    .right{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 1vw;
        font-size: 1vw;
        width: calc(100% - 7vw);
        .text{
            font-size: 1.2vw;
            font-weight: bold;
            margin-bottom: 0.5vw;
        }
    }
}
.main-content .item:hover{
    border-radius: 1vw;
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    .left{
        box-shadow:unset;
    }
    .right{
        .text{
            color: #a81a29;
        }
    }
}
.tit{
    .main-title{
        position: relative;
        top: 0;
        margin: 5vw 0;
    }
}
.select-img{
    width: 14px;
    margin-left: 2px;
}

.dis-flex{
    display: flex;
    width: 720px;
    height: unset;
    border-radius: 15px;
    overflow: hidden;
    .left{
        width: 400px;
    }
    .right{
        width: 300px;
        padding: 20px;
        .jdz-input{
            border-radius: 18px;
        }
        .jdz-captcha-img{
            border-bottom-right-radius: 18px;
            border-top-right-radius: 18px;
        }
        .jdz-submit-btn{
            border-radius: 18px;
        }
    }
}

@media only screen and (max-width: 750px),only screen and (max-device-width: 750px) {
    .hide-in-pc{
        display: block;
    }
    .hide-in-sp{
        display: none;
    }
    .jdz-main{
        /*margin-top: 90px;*/
    }
    .jdz-container{
        min-width: unset;
    }
    .jdz-banner-login-btn{
        position: absolute;
        top: 82vw;
        left: 7vw;
        width: 39.2vw;
        height: 16.13vw;
        /*background-color: #af1119;*/
        background-image: url(/supports/download/sdk/images/pc/sdk/banner-btn.png);
        color: #fff;
        font-size: 5vw;
        line-height: 12.13vw;
        text-align: center;
        /*border-radius: 5px;*/
        cursor: pointer;
    }
    .jdz-main-ys{
        height: 290vw;
        padding-bottom: unset;
    }
    .jdz-content-board{
        width: 92vw;
    }
    .jdz-title-board{
        margin-top: 13vw;
    }
    .jdz-title-board .jdz-title{
        text-align: center;
        font-size: 6.5vw;
        margin-left: unset;
    }
    .jdz-title-board .jdz-title:before{
        left: 0;
        width: 30%;
    }
    .jdz-title-board .jdz-title:after{
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 30%;
        height: 100%;
        transform: translateY(-50%);
        background-image: url(/supports/download/sdk/images/title_lead_right.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .jdz-info-box{
        height: unset;
        margin-top: 15vw;
    }
    .jdz-item-info-board{
        height: 160%;
    }
    .jdz-info-item{
        width: 30.6vw;
        margin-bottom: 18vw;
    }
    .jdz-item-info-title{
        font-size: 3.3vw;
    }
    .jdz-item-info-subtitle{
        font-size: 2vw;
    }
    .jdz-item-info-content{
        font-size: 3vw;
        line-height: 4vw;
    }
    .jdz-title-board-zs{
        margin-top: 5vw;
    }
    .jdz-title-board .jdz-subtitle{
        font-size: 4vw;
        margin-left: unset;
        margin-top: 1%;
        text-align: center;
    }
    .jdz-info-box2{
        margin-top: 13vw;
    }


    .jdz-main-lc{
        padding-bottom: unset;
        height: 128vw;
    }
    .jdz-step-board-sp{
        width: 93.47vw;
        height: 50.87vw;
        top: 48.8vw;
        background-image: url("/supports/download/sdk/images/step_line_sp.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .jdz-step-name{
        position: absolute;
        width: 20vw;
        left: 30vw;
        top: -8vw;
        transform: translate(-50%, 0%);
        font-size: 4vw;
        font-weight: 800;
        text-align: center;
    }
    .jdz-step-name-2{
        left: 71.7vw;
    }
    .jdz-step-name-3{
        top: 30vw;
        left: 71.7vw;
    }
    .jdz-step-name-4{
        top: 30vw;
        left: 29.5vw;
    }
    .jdz-step-content{
        position: absolute;
        width: 40vw;
        left: 30vw;
        bottom: 31vw;
        transform: translate(-50%, 0%);
        font-size: 3.2vw;
        text-align: center;
        color: #4c4948;
    }
    .jdz-step-content-2{
        left: 71.7vw;
    }
    .jdz-step-content-3{
        left: 71.7vw;
        top: 54vw;
    }
    .jdz-step-content-4{
        left: 29.5vw;
        top: 54vw;
    }
    .jdz-info-box2{
        height: 100vw;
    }
    .jdz-show-item-img{
        position: absolute;
        width: 100%;
        height: 50%;
        top: 0;
        left: 0;
        background-image: url("/supports/download/sdk/images/slider-1.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .jdz-show-item-info-subboard{
        position: absolute;
        width: 100%;
        height: 50%;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-color: #bc2f28;
        color: #fff;
    }
    .jdz-show-item-info-title{
        font-size: 3.8vw;
        text-align: center;
        font-weight: 800;
        margin-top: 10%;
        padding: 0 6%;
        letter-spacing: 1px;
    }
    .jdz-show-item-info-content{
        font-size: 3vw;
        margin-top: 6%;
        text-align: left;
        line-height: 3.8vw;
        padding: 0 6%;
    }
    .jdz-show-item-info-more{
        position: absolute;
        bottom: 8%;
        left: 20%;
        font-size: 3vw;
        cursor: pointer;
    }
    .jdz-show-item-info-more:after{
        width: 60%;
        height: 70%;
    }
    .jdz-show-item-info-link-sp{
        pointer-events: auto;
        text-decoration: none;
        color: #ffffff;
    }
    .jdz-swiper-pagination{
        margin-top: 10vw;
    }
    .jdz-swiper-pagination .swiper-pagination-bullet{
        margin: 0 2.2vw;
    }


    .jdz-form-board{
        width: 85vw;
        height: 100vw;
        padding: 4.3vw;
        top: 53%;
    }
    .jdz-form-btn-close{
        position: absolute;
        width: 8vw;
        height: 8vw;
        right: 0;
        top: -9vw;
        background-color: #fff;
        border: 1px solid #ccc;
        cursor: pointer;
        line-height: 7vw;
        text-align: center;
        font-size: 6vw;
        color: #e60012;
    }
    .jdz-sdktabs .active{
        font-size: 5.2vw;
    }
    .jdz-sdktabs span{
        font-size:4.4vw;
    }
    .jdz-form-tab{
        margin-top: 6vw;
    }
    .jdz-captcha-img{
        width: 24vw;
    }
    .jdz-btn-sms{
        width: 24vw;
        line-height: 9vw;
        font-size: 3vw;
    }
    .jdz-input{
        font-size: 4vw;
        text-indent: 4vw;
        height: 9vw;
        border-width: 2px;
    }
    .jdz-error-msg{
        font-size: 4vw;
        margin: 0.5vw 1.4vw 1.5vw 1.4vw;
    }
    .jdz-submit-btn{
        height: 9vw;
        margin-top: 2vw;
        font-size: 4.5vw;
        line-height: 9vw;
    }
    .jdz-btn-register-link{
        font-size: 4.5vw;
        margin-top: 4vw;
    }

    .jdz-form-board-register{
        height: 130vw;
        width: 90vw;
    }
    .jdz-form-register-title{
        font-size: 6vw;
        margin-top: 0vw;
    }
    .jdz-form-register-input-item-board-mobile{
        margin-top: 5vw;
    }
    .jdz-form-register-input-item-board{
        height: 9vw;
    }
    .jdz-form-register-input-item-title{
        font-size: 3vw;
        line-height: 9vw;
        border-width: 2px;
    }
    .jdz-input-register{
        height: calc(9vw - 4px);
        border-width: 2px;
    }
    .jdz-captcha-img-register{
        width: 22vw;
    }
    .jdz-btn-register-sms{
        width: 22vw;
        line-height: 9vw;
        font-size: 3vw;
    }
    .jdz-register-radio{
        width: 4.2vw;
        height: 4.2vw;
        margin: 2.2vw 2.9vw 2.9vw 5vw !important;
    }
    .jdz-register-checkbox{
        margin-top: 0.7vw;
        height: 3vw;
        width: 6vw;
    }
    .jdz-register-checkbox-label{
        font-size: 3.7vw;
    }
    .jdz-register-checkbox-board{
        margin-top: 2vw;
        width: 100%;
        padding: 2vw 2vw 0 2vw;
    }
    .jdz-register-radio-label{
        font-size: 4vw;
        line-height: 9vw;
    }
    .jdz-register-receive-board{
        line-height: calc(9vw - 4px);
        border-width: 2px;
    }
    .red-bg-content{
        font-size: 2.8vw;
        line-height: 3vw;
        padding: 0 3%;
    }
    .main-title{
        font-size: 3vw;
    }

    .main-select-sp{
        position: absolute;
        width: 100%;
        top: 8vw;
        left: 0;
    }
    .main-select-sp .left{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 90vw;
        margin-left: 5vw;

    }
    .main-select-sp .left div{
        position: relative;
    }
    .main-select-sp .left select{
        outline: none !important;
        width: 90%;
        border: unset;
        padding: 2vw;
        font-size: 3vw;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        text-align: center;
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari 和 Chrome */
    }
    .main-select-sp .left select option{
        font-size: 12px;
    }
    .main-select-sp .left .select-img{
        position: absolute;
        right: 13%;
        top: calc(50% - 8px);
    }
    .main-select-sp .right{
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 20vw;
    }
    .main-select-sp .search-btn-bg{
        height: 100% ;
    }
    .main-select-sp .search-icon_{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        top: -2vw;
        left: 0;
        color: #ffffff;
        font-size: 4vw;
    }
    .main-select-sp .search-icon{
        height: 4vw;
        width: 4vw;
        margin-right: 0.5vw;
    }
    .main-content-sp{
        font-size: 1vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 96%;
        margin: 0 auto;
        margin-top: 2vw;
    }
    .main-content-sp .item{
        width: 48.5%;
        padding: 10px;
        margin-bottom: 3vw;
        min-height: 20vw;
        display: flex;
        align-items: center;
        border-radius: 2vw;
        background: #ffffff;
        box-shadow: 0 0.4vw 1.2vw rgba(0, 0, 0, 0.3);
    }
    .main-content-sp .item .left{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10vw;
        height: 10vw;
    }
    .main-content-sp .item .left img{
        width: 100%;
    }
    .main-content-sp .item .right{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 2vw;
        width: 32vw;
        font-size: 2.8vw;
    }
    .main-content-sp .item .right .text{
        font-size: 3.4vw;
        font-weight: bold;
        margin-bottom: 0.5vw;
    }
    .dis-flex{
        display: flex;
    }
    .dis-flex .right{
        width: 100%;
    }
}