.introduction{
    background:url("../img/bg.png") no-repeat 50%;
    background-size:100% 100%;
    height:125px;
    padding:28px 17px 0px 17px;
}

.introduction-img{
    display:inline-block;
    float:left;
}

.introduction-img img{
    display:inline-block;
}

.introduction-info{
    float:left;
    margin-left:10px;
}

.introduction-info h5{
    font-size:.46rem;
    line-height:.65rem;
    font-weight:normal;
    color:#fff;
    display:block;
}

.introduction-info .more{
    font-size:.3rem;
    line-height:.42rem;
    padding-left:0.3rem;
    color:hsla(0,0%,100%,.5);
}

.introduction-info .more b{
    display:block;
    font-size:.25rem;
    color:#E53333;
}

.package .card-wrapper ul{
    width:75%;
    margin:0 auto;
    height:100%;
}

.package .card-wrapper ul li{
    min-height:225px;
    cursor:pointer;
    border-right:1px solid #e1e1e1;
    list-style: none;
    margin-bottom:15px;
    background:#fff;
    border-radius:5px;
    padding:0 10px;
    box-shadow:6px 5px 30px -2px rgba(6, 8, 48, 0.45);
}

.package .card-wrapper .title{
    font-size:16px;
    font-weight:bolder;
    text-align:center;
    height:57px;
    line-height:57px;
    border-bottom:1px dashed #e0e0e0;
}

.package .card-wrapper .rage{
    font-size:39px;
    font-weight:bold;
    text-align:center;
    height:80px;
    line-height:80px;
}

.package .card-wrapper p{
    font-size:12px;
    line-height:20px;
    text-align:center;
    color:#818588;
}

.package .card-wrapper .pay{
    display:flex;
    justify-content: space-between;
}

.package .card-wrapper .pay a{
    width:45%;
    height:25px;
    line-height:25px;
    text-decoration: none;
    font-size:15px;
    text-align:center;
    padding:5px 0;
    margin:10px 0;
}

.package .card-wrapper .pay .alipay img{
    position:relative;
    top:4px;
    left:-6px;
}

.package .card-wrapper .pay .wxpay img{
    position:relative;
    top:5px;
    left:-6px;
}

.package .card-wrapper .pay .alipay{
     background:#03a9f4;
     color:#fff;
     border-radius:5px;
 }

.package .card-wrapper .pay .wxpay{
    background:#44B549;
    color:#fff;
    border-radius:5px;
}

.package .card-wrapper .pay .kefu{
    width:100%;
    background:rgba(17, 21, 102, 0.45);
    color:#fff;

}

.content .show{
    height:650px;
}

.content .show .cg{
    width:95%;
    border-top:3px solid #03a9f4;
    margin:0 auto;
    background:#fff;
    padding:60px 0;
    text-align:center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow:3px 3px 3px #eee;
}

.content .show .cg p{
    text-align:center;
    font-size:45px;
    color:#03a9f4;
}

.content .show .cg .recharge{
    font-size:20px;
    color:#41748c;
    margin-top:5px;
    font-weight:bold;
}

.content .show .cg .back{
    margin:0 auto;
    margin-top:40px;
    background:#b3b3b3;
    display:block;
    width:40%;
    text-decoration: none;
    color:#fff;
    border-radius:15px;
    text-align:center;
    font-size:25px;
    padding:5px 0;
}


.content .package .state-more{
    width:100%;
    height:80px;
    display:none;
    position:absolute;
    z-index:10;
    
}

.content .package .state-more .more{
    margin:0 auto;
    width:85%;
    padding:20px 0;
    background:#eee;
    border-radius:5px;
}

.content .package .state-more .info-k{
    text-align:center;
    font-size:12px;
    margin-bottom:5px;
    color:#090b33;
}

.content .package .state-more .info{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#090b33;
}

.content .package .state-more .reg{
    display:block;
    text-align:center;
    text-decoration: none;
    margin:0 auto;
    margin-top:10px;
    width:75%;
    font-size:13px;
    border-radius:5px;
    padding:8px 13px;
    color:#fff;
    background-color:#060830;

}

.content .package .state-more .reset{
    display:block;
    font-size:9px;
    color:#24272b;
    text-decoration: none;
    text-align:right;
    margin-top:7px;
    margin-right:10%;
}