body {
    padding: 0;
    margin: 0;
    background-color: #cfe4dd;
    width: 100%;
    min-height: 100%;
    font-family: 'Microsoft YaHei';
    /*overflow: auto;
    overflow-x: hidden !important;*/
}


.black_head {
    width: 100%;
    background-color: #cfe4dd;
}
    .black_head .top_img{
        width:100%;
        position:relative;
        z-index:1;
    }
    .black_head .top_body {
        width: 90%;
        margin: -102px auto 0 auto;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px 2%;
        position: relative;
        z-index: 2;
    } .black_head .top_body img{
          width:100%;
          margin-bottom:14px;
      }
      .top_table{
            width:100%;
            height:240px;
        }
           .top_table input {
                width: 88%;
                height: 50px;
                line-height: 50px;
                background-color: #eeeeee;
                color: #a4a4a4;
                border:none;
                outline:none;
                margin:5px 3%;
                padding-left:6%;
            }
         .top_table button {
                width: 94%;
                margin: 10px 3%;
                color: #fff;
                background-color: #eb6a05;
                height: 50px;
                line-height: 50px;
                border: none;
                outline: none;
                font-size: 20px;
            }
.top_title {
    width: 100%;
    text-align: center;
    color: #2d5b59;
    font-size: 20px;
    font-weight: bold;
}
    .top_title div {
        color: #2d5b59;

    }
    .top_title .top_line {
        width: 88%;
        background-color: #cfe4dd;
        height: 12px;
        margin: -10px auto 0 auto;
    }
.tk_vr_title .top_line {
    background-color: #fff;
    width: 82%;
}
.tk_vr_title {
    font-size: 24px;
}

.black_head .top_title span {
    font-size: 28px;
    color: #eb6a05;
}
    .black_head .top_smaml_text{
        font-size:16px;
        font-weight:unset;
        margin:4px 0 16px 0;
    }

.tk_vr_ys{
    width:100%;
}
    .tk_vr_ys .tk_vr_img {
        width: 60%;
        margin: 10% auto;
    }
        .tk_vr_ys .tk_vr_img img {
            width:100%;
        }
    .tk_vr_ys .tk_vr_ys_one .ys_title {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #2d5b59;
        font-weight:400;
    }
    .tk_vr_ys .tk_vr_body {
        width: 94%;
        padding: 5% 2%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
        .tk_vr_ys .tk_vr_body .tk_vr_item {
            float:left;
            width: 46%;
            text-align: center;
            background-color: #fff;
            padding:2% 2%;
 
        }
            .tk_vr_ys .tk_vr_body .tk_vr_item:first-child {
                background-color: #feeff2;
            }
            .tk_vr_ys .tk_vr_body .tk_vr_item .item_title {
                color: #2d5b59;
                font-size: 0.3rem;
                font-weight: bold;
                margin:8% 0;
            }
        .tk_vr_ys .tk_vr_body  img{
            width:100%;
        }
.tk_xsyy{
    width:100%;
    background-color:#fff;
    margin-top:-35px;
    padding-bottom:3%;
}
.tk_xsyy img{
    width:94%;
    margin:1% 3%;
}

.vr_bottom {
    width: 90%;
    background-color: #2d5b59;
    padding: 8% 5% 5% 5%;
}
    .vr_bottom input {
        margin: 5px 4%;
    }
    .vr_bottom button {
        margin: 10px 4%;
        font-size: 20px;
        background-color: #eb6a05;
    }
.animate {
    animation: scale 1s infinite;
    animation-timing-function: linear;
    -webkit-animation: scale 1s infinite;
    -webkit-transition-timing-function: linear;
    -moz-animation: scale 1s infinite;
    -moz-transition-timing-function: linear;
    -ms-animation: scale 1s infinite;
    -ms-transition-timing-function: linear;
}
@keyframes scale {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.02);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(0.95);
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.02);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(0.95);
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.02);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(0.95);
    }
}

@-ms-keyframes scale {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.02);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(0.95);
    }
}

.hidden {
    display: none;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0.5;
    z-index: 11;
}

.modal-success {
    position: fixed;
    width: 5.94rem;
    height: 1.43rem;
    background: url(../img/modal-success-1.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    margin-left: -2.97rem;
    top: 50%;
    margin-top: -3.45rem;
    z-index: 13;
    padding-top: 5.48rem;
}

.modal-btn {
    width: 3.32rem;
    height: 0.8rem;
    display: block;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 0.34rem;
    background: #d91616;
    font-weight: bold;
    border-radius: 0.4rem;
    border: none;
}