* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.box {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: url(../img/bgbg.png)no-repeat;
    background-size: 100% 100%;
}

.banner {
    width: 100%;
    background: url(../img/banner.png)no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    padding: 4.5% 0 39% 0;
    position: relative;
}

.title {
    width: 600px;
    height: 90px;
    line-height: 90px;
    background: url(../img/title-bg.png)no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 39.464px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(247, 35, 35);

}

.bt {
    width: 62.5%;
    background: url(../img/bt-bg.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 45px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(255, 38, 69);
    text-transform: uppercase;
    line-height: 2.147;
    text-align: center;
    text-shadow: 0px 5px 0px rgba(254, 254, 166, 0.004);
    padding: 2.5% 0;

}

.mat {
    margin-top: -8%;
    z-index: 100;
}

.light {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.shanshuo {
    -webkit-animation: flicker-in-2 2s linear both;
    animation: flicker-in-2 2s linear both;
}

@-webkit-keyframes flicker-in-2 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    10.1% {
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    10.2% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    20% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    20.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }

    20.6% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    30% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    30.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.5% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.6% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    45% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    45.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    57% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    57.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    65% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    65.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    77% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    77.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    86% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    86.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    100% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

@keyframes flicker-in-2 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    10.1% {
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    10.2% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    20% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    20.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }

    20.6% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    30% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    30.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.5% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.6% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    45% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    45.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    57% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    57.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    65% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    65.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    77% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    77.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85.1% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    86% {
        opacity: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    86.1% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    100% {
        opacity: 1;
        -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

.yy-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: url(../img/yy-bg.png)no-repeat;
    background-size: 100% 100%;
}

.yy-iner {
    width: 62.5%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.yy-tit {
    width: 40%;
    margin: 1% 0 2% 7%;
}

.yy-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1% 0 1% 7%;
}

.yy-left {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.distpicker {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5%;
}

.por {
    width: 49%;
    display: flex;
    flex-direction: column;
}

.xmsjh {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5%;

}

.por select {
    width: 100%;
    height: 65px;
    border: 1px solid #000;
    border-radius: 10px;
    padding-left: 8%;
    font-size: 18px;
    background: #fff;
}

.xmsjh input {
    width: 100%;
    height: 65px;
    border: 1px solid #000;
    border-radius: 10px !important;
    padding-left: 4%;
    font-size: 18px;
    background: #fff;

    margin-left: 5px;
}

/* .xmsjh input::placeholder{
    color: #000;
} */
.hk {
    width: 100%;
}

#__nc {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 65px;
    background-color: #f9f9f9;
    font-size: .8rem;
    padding: 0;
    border-radius: 15px;
    margin-bottom: 2.5%;

}

._nc .stage,
._nc .stage1 .track div,
._nc .stage1 .label {
    padding: 0 !important;
    height: 65px !important;
    line-height: 65px !important;
    font-size: .8rem;
    border: 1px solid #000;

}

#nc_1__scale_text {
    border: 1px solid #000 !important;
}

._nc .stage1 .slider {
    height: 65px !important;
    left: .7rem;
    right: .7rem;
}

._nc .stage1 .button {
    width: 65px !important;
    height: 65px !important;
}

.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper,
.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper {
    width: 100% !important;
    height: 65px;
}

.nc-container .nc_scale .scale_text {
    font-size: 18px !important;
    text-align: left;
}

.nc_scale {
    height: 65px !important;
}

.nc-container .nc_scale span {
    height: 65px !important;
    line-height: 65px !important;
}

.nc-container .nc_scale span.nc-lang-cnt {
    line-height: 65px;
}

.nc-container .nc_scale .btn_ok {
    line-height: 65px;
}

textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 3.5rem;
    border: 1px solid #e5e5e5;
    padding-left: 1.1rem;
    margin-top: .75rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    font-size: .5rem;
}

.yzm {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.code {
    width: 70%;
    height: 65px;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 18px;
    padding-left: 4%;
    background: #fff;

}

.send {
    width: 28%;
    background-color: rgb(250, 228, 134);
    font-size: 18px;
    color: #ff0123;
    border-radius: 10px !important;
}

.submit {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    height: 65px;
    border-width: 3px;
    border-color: rgb(255, 208, 0);
    border-style: solid;
    background-image: -moz-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    box-shadow: 1.026px 2.819px 3px 0px rgba(156, 156, 156, 0.45);
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
    color: #faf086;
    border-radius: 50px;
    margin-top: 2.5%;
}

.nc-container .nc_scale .btn_slide {
    background: #e0e0e0 !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 18px !important;
    width: 17%;
    border-radius: 15px !important;

}

.nc-container .nc_scale .nc_bg {
    border-radius: 15px !important;
}

.nc-lang-cnt {
    border-radius: 15px !important;
}

/* .nc-lang-cnt.nc_1__scale_text{
      background: pink!important;

  } */
#nc_1_n1t {
    border-radius: 15px !important;
}

#nc_1_wrapper {
    border-radius: 15px !important
}

#nc_1__scale_text {
    border-radius: 15px !important;
}

.nc-container .nc_scale .nc_bg {
    left: 10px !important;
}

.nc-container .nc_scale .btn_ok {
    width: 17% !important;
    border-radius: 15px !important;
}

.yy-right {
    width: 55%;
    display: flex;
    justify-content: space-between;
    padding-left: 2%;
    align-items: center;
}

.right-l {
    width: 49%;
    display: flex;
    flex-direction: column;
}

.right-l img {
    padding: 4%;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.026px 2.819px 9px 0px rgba(156, 156, 156, 0.4);
    
}
.right-r{
    width: 49%;
    display: flex;
flex-direction: column;
}
.list{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.list li{
    display: block;
    display: flex;
    align-items: center;
    background: url(../img/list-bg.png)no-repeat;
    background-size: 100% 100%;
    justify-content:center;
    padding: 2% 0;
    margin-bottom: 4%;

}
.list li img{
    width: 10%;
    margin-right: 2%;
}
.list li span{
font-size: 20px;
}
.get {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    border-width: 3px;
    border-color: rgb(255, 208, 0);
    border-style: solid;
    background-image: -moz-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    box-shadow: 1.026px 2.819px 3px 0px rgba(156, 156, 156, 0.45);
    font-size: 20px;
    font-weight: bold;
    color: #faf086;
    border-radius: 50px;
    margin-top: 3%;
    padding: 2% 0 2.5% 0;
}
.tips{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 3%;
    color: #ff0225;
}
.red{
    width: 100%;
    display: flex;
    flex-direction: column;
    background: url(../img/red-hrng.png)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-top: 2%;
}
.red span{
    font-size: 20px;
    line-height: 35px;
    margin: 3% 0 10% 0;
    color: #ffff;
}
.zcc{
    margin-top: 4%;
    position: relative;
}
.zy{
    text-align: center;
    font-size: 15px;
    padding-bottom:2%;
}
.lbt-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: -8%;
}
.inner{
    width: 62.5%;
    margin: 0 auto;
    display: flex;
    flex-direction:column;
}

.inner ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.inner ul li{
    width: 30%;
}
.inner ul li p{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
    color: #111;
}
.poster_img{
    display: block;
    width: 300px;
    height: 300px;

}
.poster_img img{
    width: 300px;
    height: 300px;
    border-radius: 6px 60px 0px 0px;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 15px;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
  }
  .swiper-btn {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 65px;
    border-width: 3px;
    border-color: rgb(255, 208, 0);
    border-style: solid;
    background-image: -moz-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    box-shadow: 1.026px 2.819px 3px 0px rgba(156, 156, 156, 0.45);
    line-height: 60px;
    font-size: 28px;
    font-weight: bold;
    color: #faf086;
    border-radius: 50px;
    margin-top: -3%;
    z-index: 100;
}
.minitit{
    position: absolute;
    width: 40%;
    bottom: -2%;
    left: 29%;
}
.bg-box{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.bg{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 4%;
    border: 1px solid #000;
    border-radius: 10px;
}
.bg-t{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #000;
}
.bg-t:last-child{
    border-bottom: none;
}
.bg-t span{
    width: 25%;
    display: block;
    font-size: 18px;
    text-align: center;
    padding: 2% 0;
    border-right: 1px solid #000;
}
.bg-t span:last-child{
    border-right: none;
}
.bg-btn {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 65px;
    border-width: 3px;
    border-color: rgb(255, 208, 0);
    border-style: solid;
    background-image: -moz-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    box-shadow: 1.026px 2.819px 3px 0px rgba(156, 156, 156, 0.45);
    line-height: 60px;
    font-size: 28px;
    font-weight: bold;
    color: #faf086;
    border-radius: 50px;
    margin-top: 2%;
    z-index: 100;
}
.kc-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}
.kc1{
    width: 47%;
    background: url(../img/kc-bg.png)no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    padding: 1%;
    text-align: center;
}
.kc1 img{
    width: 100%;
}
.kc1 span{
    margin-top: 2%;
    line-height: 40px;
    font-size: 18px;
}
.kc-btn {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 65px;
    border-width: 3px;
    border-color: rgb(255, 208, 0);
    border-style: solid;
    background-image: -moz-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(255, 31, 131) 0%, rgb(255, 0, 32) 100%);
    box-shadow: 1.026px 2.819px 3px 0px rgba(156, 156, 156, 0.45);
    line-height: 60px;
    font-size: 28px;
    font-weight: bold;
    color: #faf086;
    border-radius: 50px;
    margin-top: 2%;
    z-index: 100;
    margin-block-end: -8%;
}
/* 通用头部 */
.ht_top {
    width: 100%;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px;

}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}

/* end */

* {
    box-sizing: border-box;
}

/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding: 30px 0 0 0;
    text-align: center;
    /* padding-bottom: 40px; */
    padding-bottom: 2%;
    background: #fff;
}

.footer p {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #000;
    text-decoration: none;
}
.myifream{
    width: 100%;
    height: 530px;
}
.redopc{
    background: url(../img/redopc.png)no-repeat;
    background-size: 100% 100%;
    padding: 2%;
    margin-top: 4%;
}
.fc{
    position: relative;
    width: 13%;
    background: url(../img/fc-bg.png)no-repeat;
    background-size: 100% 100%;
    padding: 1%;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 1%;
    top: 20%;
	z-index:999;
}
.fclogo{
    width: 80%;
    margin: 0 auto;
}
.fccode{
    width: 100%;
    margin-top: 4%;
}
.fcp{
    text-align: center;
    color: #e01d3c;
    font-size: 20px;
    font-weight: bold;
    padding-top: 4%;
}
.fcclose{
    width: 10%;
    position: absolute;
    right: 0;
    top: -8%;
}
@media screen and (max-width: 1590px) {
    .list li span{
        font-size: 18px;
    }
    .yy-input{
        padding: 5% 0 1% 7%;
    }
    .inner{
        width: 75%;
    }
}
@media screen and (max-width: 1424px) {
    .yy-iner{
        width: 70%;
    }
    .yy-input{
        padding: 3% 0 1% 12%;
    }
    .list li span{
        font-size: 16px;
    }
    .get{
        font-size: 18px;
    }
    .inner{
        width: 85%;
    }
}
@media screen and (max-width: 1200px) {
    .yy-iner {
        width: 73%;
    }
    .list li span{
        font-size: 14px;
    }
}
@media screen and (max-width: 1080px) {
    .right-l img{
        height: 242px;
    }
    .kc1 img{
        height: 98px;
    }
    .title{
        width: 7rem;
        height: 1rem;
        line-height: 1rem;
        font-size: 0.5rem;
        background-size: 100% 100%;
    }
    .fcp{
        font-size: 0.2rem;
    }
    .bt{
        width: 44%;
        font-size: 0.6rem;
    }
    .yy-box{
        background: #ff2645;
        border-radius: 20px;
        border: 0.1rem solid #fff;
    }
    .tips{
        color: #fff;
        font-size: 0.4rem;
    }
    .yy-tit{
        width: 65%;
        margin: 0 auto;
    }
    .yy-input{
        padding: 0;
        flex-direction: column;
    }
    .yy-left{
        width: 100%;
        margin-top: 4%;
    }
    .yy-right{
        width: 100%;
        margin-top: 4%;
    }
    .zy{
        font-size: 0.5rem;
        padding-top: 2%;
    }
    .list li span{
        font-size: 0.6rem;
    }
    .list li img{
        width: 7%;
    }
    .por select,.xmsjh input,.code,.send{
        font-size: 0.7rem;
        height: 40px;
    }
    ._nc .stage{
        height: 40px!important;
        border: none;
    }
    ._nc,#nc,#__nc{
        height: 40px!important;
    }
    ._nc .stage1 .button{
        height: 40px!important;
    }
    ._nc .stage1 .label,._nc .stage1 .slider{
        height: 40px!important;
        line-height: 40px!important;
    }

    .submit{
        font-size: 1rem;
        height: 40px!important;
        line-height: 35px;
    }
    .get,.swiper-btn,.bg-btn,.kc-btn{
        font-size: 0.45rem;
    }
    .red span{
        font-size: 0.5rem;
        line-height: 0.5rem;
    }
    .bg-t span{
        font-size: 0.4rem;
    }
    .kc1 span{
        font-size: 0.4rem;
        line-height: 0.6rem;
    }
    .bg-btn{
        height: 30px;
        line-height: 25px;
    }
    .inner ul{
    width: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    }
    .inner ul li{
        width: 100%;
    }
    .inner ul li p{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 24px;
        line-height: 60px;
        color: #111;
    }
    .poster_img{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .poster_img img{
        width: 300px;
        height: 300px;
        border-radius: 6px 60px 0px 0px;
    }
}
@media screen and (max-width: 600px) {
    .kc-btn{
        height: 30px;
        line-height: 25px;
    }
    .yy-iner,.inner{
        width: 99%;
    }
    .bt{
        width: 62%;
    }
    .myifream{
        height: 22rem;
    }
    .swiper-btn{
        height: 30px;
        line-height: 25px;
    }
    .Width{
        width: 100%;
    }

    .inner ul{
    width: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    }
    .inner ul li{
        width: 100%;
    }
    .inner ul li p{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 24px;
        line-height: 60px;
        color: #111;
    }
    .poster_img{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .poster_img img{
        width: 300px;
        height: 300px;
        border-radius: 6px 60px 0px 0px;
    }

}