*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
body{
    background-color: white;
}
.p_2{
    position: relative;
    width: 100%;
}

.p_4{
    margin-top: 0.6667rem;
    width: 1.3333rem;
    height: 1.3333rem;
    border-radius: 0.1333rem;
}
.p_4 img{
    width: 100%;
    height: 100%;
    border-radius: 0.1333rem;
}
.p_5{
   font-size: 0.2133rem;
   color: #ffffff;
}
.p_6{
    width: 1.6rem;
    height: 0.6rem;
    background-color:#66cd9e;
    text-align: center;
    font-size: 0.2667rem;
    color: #fefefe;
    line-height: 0.6rem;
    border-radius: 0.1333rem;
}
.p_7{
    position: absolute;
    left:0;
    top: 5.2rem;
    padding: 0.4rem 0.2667rem;
    width: 100%;
    border-top-left-radius: 0.2667rem;
    border-top-right-radius: 0.2667rem;
    background-color: white;
    height: 18.6667rem;
    box-sizing: border-box;
}
.p_8{
    display: flex;
    align-items: center;
}
.p_9{
    width: 0.3467rem;
    height: 0.3467rem;
    margin-right: 0.1333rem;
}
.p_9 img{
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.d_1{
    font-size: 0.4rem;
    color: #415be3;
}
.d_2{
    margin-top: 0.4rem;
    font-size: 0.4rem;
    color: #333333;
}
.d_3{
    width: 100%;
    background-color: #e5ecfc;
    margin-top: 0.2667rem;
    border-radius: 0.2667rem;
    padding: 0.3067rem 0.1333rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d_3s{
    width: 100%;
    background-color: #e5ecfc;
    /* background-color: #e5ecfc; */
    margin-top: 0.2667rem;
    border-radius: 0.2667rem;
    padding: 0.3067rem 0.1333rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.d_3s_p1{
    width: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d_3s_p3{
    width: 100%;
    height: 1.0667rem;
    border-radius: 0.1333rem;
    overflow: hidden;
    margin-bottom: .1333rem;
}
.d_3s_p4{
    width: 100%;
    height: 0.6667rem;
    border-radius: 0.1333rem;
    text-align: center;
    color: white;
    background-color: #349bf8;
    font-size: 0.3467rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0.6667rem;
}
.d_3s_p5{
    margin-right: 0.0267rem;
    width: 50%;
    height: 0.6667rem;
    border-radius: 0.1333rem;
    text-align: center;
    color: white;
    background-color: #349bf8;
    font-size: 0.3467rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0.6667rem;
}
.d_3s_p6{
    width: 100%;
    display: flex;
}
.d_3s_p7{
    width: 50%;
}
.d_3s_p2{
    display: flex;
    flex-direction: column;
    padding: 0.4rem 0;
}
.d_4{
    display: flex;
    margin-bottom: .2667rem;
}

.d_5{
    color: #415be3;
    font-size: 0.4rem;
}
.d_6{
    margin-top: 0.5333rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d_7{
    font-size:0.4rem;
    color: #333333;
    margin-bottom: .1333rem;
}
.d_8{
    display: flex;
    margin-top: .2667rem;
    margin-bottom: 0.4rem;
    align-items: center;
}
.d_9{
    width: 0.36rem;
    height: 0.3467rem;
    margin-right: 0.1333rem;
}
.d_9 img{
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.z_1{
    color: #415be3;
    font-size: 0.4rem;
}
/*  */
.j_2{
    margin-top: 0.5333rem;
    margin-bottom: 0.4rem;
}
.j_3{
    font-size: .4rem;
    color: #333;
}
.j_3 span{
    color: orangered;
}
.j_4{
    display: flex;
    padding: 0 .2667rem;
}
.j_5{
    font-size: .48rem;
    color: #333;
    text-align: center;
    width: 2rem;
    height: .6667rem;
    display: flex;
    align-items: center;
}
.j_5 label{
    margin-right:0.2667rem;
}
.j_6 label{
    margin-right:0.2667rem;
}
.j_6{
    width: 2rem;
    height: .6667rem;
    font-size: .48rem;
    color: #333;
    margin-left: .9333rem;
    display: flex;
    align-items: center;
}
.j_7{
    font-size: 0.3467rem;
    color: white;
    text-align: center;
}
.radio1{
    position: relative;
    width: .6667rem;
    height: .6667rem;
    /* color: #58be6b;
    background-color: #58be6b; */
}
.radio1:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio1:checked:before{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:orangered;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio1:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}

.radio2{
    width: .6667rem;
    height: .6667rem;
    color: #58be6b;
    background-color: #58be6b;
}
.radio2:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio2:checked:before{
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:#415be3;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio2:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}
/*  */
.radio3{
    position: relative;
    width: .6667rem;
    height: .6667rem;
    /* color: #58be6b;
    background-color: #58be6b; */
}
.radio3:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio3:checked:before{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:orangered;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio3:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}

.radio4{
    width: .6667rem;
    height: .6667rem;
    color: #58be6b;
    background-color: #58be6b;
}
.radio4:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio4:checked:before{
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:#415be3;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio4:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}

/*  */
.radio5{
    position: relative;
    width: .6667rem;
    height: .6667rem;
    /* color: #58be6b;
    background-color: #58be6b; */
}
.radio5:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio5:checked:before{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:orangered;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio5:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}

.radio6{
    width: .6667rem;
    height: .6667rem;
    color: #58be6b;
    background-color: #58be6b;
}
.radio6:before{
    content: '';
    width: .6667rem;
    height: .6667rem;
    /* border: 1px solid #7d7d7d; */
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio6:checked:before{
    content: '';
    width:0.6667rem;
    height: 0.6667rem;
    /* border: 0.0133rem solid #c59c5a; */
    background-color:#415be3;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio6:checked:after{
    content: '';
    width: 0.1333rem;
    height:0.0667rem;
    /* border: 0.0267rem solid white; */
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 0.08rem;
    left:0.0667rem;
    vertical-align: middle;
    transform: rotate(-45deg);
}



.j_7{
    margin: .6667rem 0;
}
.j_8{
    display: flex;
    justify-content: center;
}
.j_9{
    width: 1.3333rem;
    height: 1.3333rem;
}
.j_9 img{
    width: 100%;
    height: 100%;
}
.btn{
    width: 4rem;
    height: 1.0667rem;
    background-color: #415be3;
    border: 0;
    color: white;
    font-size: .3467rem;
}
.c_1{
    width: 100%;
    height: 1.0667rem;
    display: flex;
    justify-content: center;
}
.c_1s{
    margin-left: .6667rem;
    width: .6667rem;
    height: .6667rem;
}
.c_2{
    width: 100%;
    margin-top: .6667rem;
}
.c_3{
    margin: 0 auto;
    width: 80%;
    height: 1.0667rem;
    background-color: #415be3;
    font-size: .4rem;
    color: white;
    text-align: center;
    line-height: 1.0667rem;
    border-radius: .2667rem;

}
.c_3 button{
    width: 100%;
    height: 100%;
    background-color: #415be3;
    font-size: .4rem;
    color: white;
    text-align: center;
    line-height: 1.0667rem;
    border: none;
    border-radius: .2667rem;
}
.shows{
    display: none;
    height:3.3333rem;
}
.c_5{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: .2667rem;
}
.k_1{
    font-size: 0.2667rem;
    color: white;
}
.ps{
    width: 100%;
    height: 17.3333rem;
}
#container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: "微软雅黑";
}
.ps_2{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background-color:black;
    opacity: .6;
}
.p_1{
    position: relative;
}
.ps_3{
    display: none;
    position: absolute;
    left: 50%;
    top: 37%;
    transform: translate(-50%,-50%);
    width: 350px;
    height: 290px;
    background-color: white;
    z-index: 999;
}
.ps_4{
    position: relative;
    margin-top: 0.4rem;
    width: 100%;
    height: 0.6667rem;
    text-align: center;
    color: black;
    font-size: 0.48rem;
}
.ps_5{
    position: absolute;
    right: 20px;
    top: 0;
    width: 0.6667rem;
    height: 100%;
}
.ps_5 img{
    width: 100%;
    height: 100%;
}
.ps_6{
    width: 4rem;
    height: 4rem;
}
.ps_6 img{
 width: 100%;
 height: 100%;
}
.ps_7{
    margin-top: 0.6667rem;
    width: 100%;
    display: flex;
    justify-content: center;
}
.h_1{
    margin-top: 0.5333rem;
}
.h_2{
    margin-top: 0.2667rem;
    display: none;
}
.pm_1{
    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667rem;
    height:2rem;
    z-index: 999;
}
.pm_1 input{
    width: 100%;
    height: 0.8rem;
    outline-style: none;
    font-size: 0.2133rem;
}
.pm_1 button{
    width: 2.6667rem;
    height: 0.8rem;
    margin-top: 0.1333rem;
    text-align: center;
    line-height:0.5333rem;
    font-size: 0.1867rem;
    background-color: #349bf8;
    border: none;
    border-radius: 0.1333rem;
    color: white;
}
.pm_2{
    display: none;
    font-size: 0.16rem;
    color: darkred;
}
.pm_3{
    display: flex;
    justify-content: center;
}

.pm_4{
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667rem;
    height:2rem;
    z-index: 999;
}
.pm_4 input{
    width: 100%;
    height: 0.8rem;
    outline-style: none;
    font-size: 0.2133rem;
}
.pm_4 button{
    width: 2.6667rem;
    height: 0.8rem;
    margin-top: 0.1333rem;
    text-align: center;
    line-height:0.5333rem;
    font-size: 0.1867rem;
    background-color: #349bf8;
    border: none;
    border-radius: 0.1333rem;
    color: white;
}
.pm_5{
    display: none;
    font-size: 0.16rem;
    color: darkred;
}
.pm_6{
    display: flex;
    justify-content: center;
}
/*  */
.pm_7{
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667rem;
    height:2rem;
    z-index: 999;
}
.pm_7 input{
    width: 100%;
    height: 0.8rem;
    outline-style: none;
    font-size: 0.2133rem;
}
.pm_7 button{
    width: 2.6667rem;
    height: 0.8rem;
    margin-top: 0.1333rem;
    text-align: center;
    line-height:0.5333rem;
    font-size: 0.1867rem;
    background-color: #349bf8;
    border: none;
    border-radius: 0.1333rem;
    color: white;
}
.pm_8{
    display: none;
    font-size: 0.16rem;
    color: darkred;
}
.pm_9{
    display: flex;
    justify-content: center;
}
.y_1{
    margin: 0.2667rem 0;
    width: 100%;
    height: 2.6667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_2{
    width: 2.6667rem;
    height: 2.6667rem;
}
.y_2 img{
    width: 100%;
    height: 100%;
}
.y_3{
    display: none;
}
.y_4{
    width: 100%;
    height: 1.0667rem;
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
}
.y_5{
    width: 1.0667rem;
    height:1.0667rem;
}
.y_5 button{
    vertical-align: top;
    width: 100%;
    height: 100%;
    font-size: 0.2667rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
}
.y_6{
    width: 4rem;
    font-size: 0.4rem;
    color: #333;
    height: 1.0667rem;
    line-height: 1.0667rem;
}
.y_6 span{
    color: orangered;
}
.y_5 a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.3467rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
    text-align: center;
    line-height: 1.0667rem;
}
/*  */
.pm_p1{
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667rem;
    height:2rem;
    z-index: 999;
}
.pm_p1 input{
    width: 100%;
    height: 0.8rem;
    outline-style: none;
    font-size: 0.2133rem;
}
.pm_p1 button{
    width: 2.6667rem;
    height: 0.8rem;
    margin-top: 0.1333rem;
    text-align: center;
    line-height:0.5333rem;
    font-size: 0.1867rem;
    background-color: #349bf8;
    border: none;
    border-radius: 0.1333rem;
    color: white;
}
.pm_p2{
    display: none;
    font-size: 0.16rem;
    color: darkred;
}
.pm_p3{
    display: flex;
    justify-content: center;
}
.y_p1{
    width: 100%;
    height: 1.0667rem;
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
}
.y_p2{
    width: 1.0667rem;
    height:1.0667rem;
}
.y_p2 button{
    vertical-align: top;
    width: 100%;
    height: 100%;
    font-size: 0.2667rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
}

.y_p2 a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.3467rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
    text-align: center;
    line-height: 1.0667rem;
}
.y_p3{
    width: 1.0667rem;
    height:1.0667rem;
}
.y_p3 a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.3467rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
    text-align: center;
    line-height: 1.0667rem;
}
.y_p3 button{
    vertical-align: top;
    width: 100%;
    height: 100%;
    font-size: 0.2667rem;
    background-color: #349bf8;
    border: 0;
    outline: none;
    border-radius: 0.0667rem;
    color: white;
}
.pm_p4{
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667rem;
    height:2rem;
    z-index: 999;
}
.pm_p4 input{
    width: 100%;
    height: 0.8rem;
    outline-style: none;
    font-size: 0.2133rem;
}
.pm_p4 button{
    width: 2.6667rem;
    height: 0.8rem;
    margin-top: 0.1333rem;
    text-align: center;
    line-height:0.5333rem;
    font-size: 0.1867rem;
    background-color: #349bf8;
    border: none;
    border-radius: 0.1333rem;
    color: white;
}
.pm_p5{
    display: none;
    font-size: 0.16rem;
    color: darkred;
}
.pm_p6{
    display: flex;
    justify-content: center;
}
.po_1{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.po_2{
    width: 2.6667rem;
    height: 1.3333rem;
    font-size:22px;
    background-color: #ff7f27;
    text-align: center;
    line-height: 1.3333rem;
    color: white;
    border-radius: .1333rem;
}
.po_3{
    font-size: 14px;
    width: 100%;
    height: .8rem;
    background-color: #349bf8;
    text-align: center;
    line-height: .8rem;
    margin-top: .1333rem;
    color: white;
    border-radius: .1333rem;
}
.po_4{
    width: 2.6667rem;
    height: 1.3333rem;
    font-size: 22px;
    background-color:#ed1c24;
    text-align: center;
    line-height: 1.3333rem;
    color: white;
    border-radius:.1333rem;
}
.po_5{
    width: 2.6667rem;
    height: 1.3333rem;
    font-size: 22px;

    text-align: center;
    line-height: .8rem;
    /* animation: dh 2s linear infinite; */
    display: flex;
    justify-content: center;
    align-items:center;
    background-color: #22b14c;
    border-radius:.1333rem;
}
/* @keyframes dh {
    0%{
    }
    50%{
        background-color:#07d2ff;
    }
    100%{
        background-color:#00ffb3;
    }
} */
.po_6{
    width: 100%;
    height: 100%;
}
.po_6 iframe{
    width: 100%;
    height: 100%;
}
.po_7{
    color: white;
    font-size: 22px;
    /* animation: wz 1s linear infinite; */
}
@keyframes wz {
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(.2667rem);
    }
    100%{
        transform: translateX(0);
    }
}