.banner {
    height: 168px;
    background: url(/images/navbanner.png) no-repeat center center / cover;
}
.package{
    background: #fff;
    padding-top:34px; 
}
.package h3{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 35px;
    /*font-weight: normal;*/
    /*font-family: "[FZLTZHK]";*/
}
.package .package-title{
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 27px;
    padding-bottom: 20px;
}
.package .package-box{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.package .package-item{
    width:24%;
}
.package .package-item .edition{
    padding-bottom: 18px;
}
.package .standard .edition{
    background: #f8d872;
}
.package .profession .edition{
    background: #c4e6ad;
}
.package .custom .edition{
    background: #f5c5c2;
}
.package .flagship .edition {
    background: #c8c6f0;
}
.package .package-item .edition h4{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 62px;
    padding-top: 15px;
    font-weight: normal;
    /*font-family: "[FZLTZHK]";*/
}
.package .package-item .edition p{
    text-align: center;
    font-size: 18px;
    color: #666;
    line-height: 32px;
}
.package .package-item .edition .open{
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 36px;
    width:116px;
    height:36px;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 22px;
}
.package .package-item .edition .open-tel{
    width:214px;
}
.package .package-item .edition .open-tel span{
    color: #1b9ed4;
    font-weight: bolder;
}
.package .package-item .package-info{
    border:1px solid #eee;
    border-top: none;
}
.package .package-item .package-info li{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px dashed #eee;
	background: #f4f5f6;
}
.package .package-item .package-info li.active{
    border-bottom:none;
    
}
.package .package-item .package-info-f{
    background: #f4f5f6;
    width: 12%;
    text-align: center;
}
.package .package-item  .package-info-three{
    height:95px;
}
.package .package-item  .package-info-three span{
    margin-top:12px;
}
.package .package-item  .package-info-three span.sdk{
    margin-top:6px;
}
.package .package-item  .package-info-four{
    height:120px;
}
.package .package-item  .package-info-four span{
    margin-top:23px;
}
.package .package-item  .package-info-five{
    height:145px;
}
.package .package-item  .package-info-five span{
    margin-top:36px;
}
.package .package-item  .package-info-six{
    height:170px;
}
.package .package-item  .package-info-six span{
    margin-top:46px;
}
.package .package-item  .package-info-nine{
    height:245px;
}
.package .package-item  .package-info-nine span{
    margin-top:80px;
}
.package .package-item .package-info-f span{
    /* word-break: break-all;  */
    word-break:   inherit;
    font-size: 13px;
    width: 24px;
    text-align: center;
    display: inline-block; 
    /* font-size: 14px;
    text-align: center;
    display: inline-block;
    writing-mode: tb-rl; */
}
.package .package-item .package-info-f span i{
    word-break: break-all;
}
.package .package-item .package-info-r{
    background: #fff;
    width:88%;
    padding: 10px 0;
    /* padding-top:10px;
    padding-bottom: 12px; */
}
.package-info-items{
    padding:0 13px 0 26px;
}
.package .package-item .package-info-r .item{
    color: #333;
    font-size: 14px;
    line-height: 25px;
}
.package .package-item .package-info-r .yellow{
    background: url("/images/check1.png") no-repeat center right;
}
.package .package-item .package-info-r .green{
    background: url("/images/check2.png") no-repeat center right;
}
.package .package-item .package-info-r .powder{
    background: url("/images/check3.png") no-repeat center right;
}
.package .package-item .package-info-r .grey{
    background: url("/images/check4.png") no-repeat center right;
    color:#999;
}
.package .package-item .package-info-r .purple{
    background: url("/images/check5.png") no-repeat center right;
}

.setmeal{
    padding-top: 36px;
}
.setmeal h2{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 35px;
   /* font-weight: normal;*/
    /*font-family: "[FZLTZHK]";*/
}
.setmeal .title{
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 28px;
    padding-bottom: 21px;
}

.seal{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.seal li{
    padding:38px 0 26px 0;
    border:1px solid #f6f6f6;
    width:32%;
}
.seal li h3{
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 33px;
    /*font-weight: normal;*/
   /* font-family: "[FZLTTHK]";*/
}
.seal li p{
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 31px;
    
}
.seal li p.grey{
    color: #999;
    padding-bottom: 18px;
}
.seal li p.time{
    padding-bottom: 18px;
}
.seal li .buy{
    text-align: center;
    font-size: 14px;
    background: #1b9ed4;
    width:190px;
    height: 34px;
    line-height: 34px;
    color:#fff;
    margin:0 auto;
    border-radius: 4px;
}
.seal li .buy span{
   /* color: #1b9ed4;*/
}


.shot-service{
    padding-top: 36px;
    padding-bottom: 46px;
}
.shot-service h2{
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 35px;
    /*font-weight: normal;*/
    /*font-family: "[FZLTZHK]";*/
}
.shot-service .title{
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 28px;
    padding-bottom: 21px;
}
.shot-service .seal li p span{
    font-size: 18px;
    color: #000;
    font-weight: bolder;
    margin-right: 4px;
}

@media screen and (max-width:640px){
    .banner{
        height:110px;
    }
    .inner{
        width:100%;
    }
    .package {
        padding-top: 15px;
    }
    .package h3{
        font-size: 20px;
        line-height: 30px;
    }
    .package .package-title{
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 10px;
    }
    .package .package-item {
        width: 100%;
            margin-bottom: 15px;
    }
    .package .package-box {
        flex-wrap: wrap;
    }
    .package .package-item .edition h4{
        font-size: 20px;
        line-height: 50px;
    }
    .package .package-item .edition p{
        font-size: 16px;
        line-height: 26px;
    }
    .package .package-item .edition .open{
        font-size: 16px;
        line-height: 36px;
        width: 214px;
        height:36px;
        margin-top: 22px;
    }
    .seal{
        flex-wrap: wrap;
    }
    .seal li {
        padding: 38px 0 26px 0;
        width: 100%;
    }
    .setmeal{
        padding-top: 10px;
    }
    .setmeal h2{
        font-size: 20px;
        line-height: 35px;
    }
    .setmeal .title{
        font-size: 15px;
        line-height: 28px;
        padding-bottom: 15px;
    }
    .shot-service h2{
        font-size: 20px;
        line-height: 35px;
    }
    .shot-service .title{
        font-size: 15px;
        line-height: 28px;
        padding-bottom: 15px;
    }

}