.packageMainPart {
    position: relative;
    margin-top: .63rem;
    padding-top: .53rem;
    padding-bottom: .53rem;
}
.contentContainer {
    z-index: 2;
    position: relative;
}
.titleNames{
    font-weight: bold;
    font-size: .25rem;
    color: #222222;
    text-align: center;
    margin-bottom: .33rem;
}
.bannerImg {
    width: 100%;
    height: 4rem;
    background-image: url('../assets/package/img_bg@2x.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.leftBackImg {
    width: .91rem;
    height: 1.37rem;
    background-image: url('../assets/package/img_bg2@2x.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0.66rem;
    left: 0;
    z-index: 1;
}
.rightBackImg {
    width: .9rem;
    height: 1.08rem;
    background-image: url('../assets/package/img_bg1@2x.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0.78rem;
    right: 0;
    z-index: 1;
}
.productMainContainer {
    height: auto;
    background: #F9FAFF;
    box-shadow: 0px 0.01rem 0.05rem 0px rgba(52,112,255,0.1);
    border-radius: 0px 0px 0.17rem 0.17rem;
    margin: 0 .2rem;
    overflow-x: hidden;
}
.productItemPart .topInfo {
    background: #FFFFFF;
    box-shadow: 0px 0.01rem 0.05rem 0px rgba(52,112,255,0.1);
    border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
    min-height: 3.9rem;
}
.topInfo .levelImg {
    width: 100%;
    height: 1.4rem;
    background-image: url('../assets/package/img_bg_wxb@2x.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: .33rem 0 0 .2rem;
    font-size: .12rem;
    color: #A1A7BB;
}
.productItemPart .bottomDropDown {
    margin-top: .2rem;
    text-align: center;
    font-size: .12rem;
    color: #747C94;
}
.levelImg .levelTitle {
    font-weight: bold;
    font-size: .2rem;
    color: #3470FF;
    margin-bottom: .07rem;
}
.levelImg>div {
    font-size: .12rem;
    color: #666666
}
.levelImg .price {
    font-weight: bold;
    font-size: .3rem;
    color: #FF8000;
}
.detailInfo{
    margin: 0.13rem .23rem 0 .2rem;
}
.detailInfoTitle{
    font-size: .14rem;
    color: #B3B8CB;
    text-align: center;
    margin-bottom: .14rem;
}
.detailInfoTitle::before {
    content: '';
    display: inline-block;
    width: 1.06rem;
    height: 1px;
    background: #D7DBEC;
    border-radius: 0px 0px 0px 0px;
    vertical-align: middle;
    margin-right: .14rem;
}
.detailInfoTitle::after {
    content: '';
    display: inline-block;
    width: 1.06rem;
    height: 1px;
    background: #D7DBEC;
    border-radius: 0px 0px 0px 0px;
    vertical-align: middle;
    margin-left: .14rem;
}
.legalBox {
    margin-top: .14rem;
}
.legalItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .13rem;
    color: #444444;
    padding: .1rem .13rem;
}
.legalItem img {
    display: inline-block;
    width: .05rem;
    height: 0.09rem;
}
.hasBackImg{
    background: #F5F9FF;
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
}
.contactServiceBtn{
    background: linear-gradient( 90deg, #53B7FE 0%, #3278FB 100%);
    box-shadow: 0px 0.01rem 0.03rem 0px rgba(52,112,255,0.2);
    border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
    color: #fff;
    text-align: center;
    font-size: .14rem;
    height: .47rem;
    line-height: .47rem;
    margin-top: .2rem;
}
.bottomDropDown img {
    display: inline-block;
    width: 0.09rem;
    height: 0.05rem;
    margin-left: 0.07rem;
}
.moreService {
    margin: .17rem .23rem 0;
}
.serviceItem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .21rem;
}
.serviceItem .sameIcon {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    vertical-align: middle;
}
.serviceItem img {
    display: inline-block;
    width: .2rem;
    height: .2rem;
}
.closeDropDown{
    text-align: center;
    font-size: .12rem;
    color: #747C94;
}
.closeDropDown img {
    display: inline-block;
    width: 0.09rem;
    height: 0.05rem;
    margin-left: 0.07rem;
}
.openDropDownItem {
    display: none;
    margin-top: .27rem;
    padding-bottom: .13rem;
}
.swiperContainer {
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    margin-top: .17rem;
}
.swiper-pagination-bullet {
    width: .2rem;
    height: 0.04rem;
    border-radius: .2rem .2rem .2rem .2rem;
    margin-right: .1rem;
}
.secondSwiper .levelImg {
    background-image: url('../assets/package/img_bg_yellow@2x.png');
}
.thirdSwiper .levelImg {
    background-image: url('../assets/package/img_bg_purple@2x.png');
}
.fourSwiper .levelImg {
    background-image: url('../assets/package/img_bg_red@2x.png');
}
.secondSwiper .hasBackImg {
    background: #FFFDF3;
}
.secondSwiper .contactServiceBtn {
    background: linear-gradient( 90deg, #FFDE5D 0%, #FFAF00 100%);
}
.secondSwiper .levelTitle {
    color: #FFB410;
}

.thirdSwiper .hasBackImg {
    background: #FAF8FF;
}
.thirdSwiper .contactServiceBtn {
    background: linear-gradient( 90deg, #BCB1FF 0%, #7664E7 100%);
}
.thirdSwiper .levelTitle {
    color: #8470FF;
}

.fourSwiper .hasBackImg {
    background: #FFF7F5;
}
.fourSwiper .contactServiceBtn {
    background: linear-gradient( 90deg, #FC8333 0%, #FE4B3E 100%);
}
.fourSwiper .levelTitle {
    color: #FF574E;
}
.fourSwiper .price {
    color: #FF574E;
}
.fourSwiper {
    padding-bottom: .19rem;
}
.fourSwiper .productItemPart .topInfo {
    padding-bottom: .2rem;
}
.secondInfoContainer{
    margin: .87rem .2rem;
}
.secondInfoContainer .titleNames {
    margin-bottom: .13rem;
}
.secondInfoContainer p {
    text-align: center;
    font-size: .13rem;
    color: #666666;
}
.firstShowView {
    width: 100%;
    height: 1.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.01rem 0.05rem 0px rgba(52,112,255,0.1);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin: .27rem 0 .2rem;
    padding-bottom: .17rem;
}
.firstShowView .topImg {
    width: 100%;
    height: 0.87rem;
    background-image: url('../assets/package/img_bg_2d@2x.png');
    background-size: 100% 100%;
    color: #fff;
    font-size: 0.16rem;
    text-align: center;
    box-sizing: border-box;
    padding-top: .17rem;
}
.bottomDetailSquare {
    display: flex;
    box-sizing: border-box;
    padding: 0 .15rem;
}
.squareItem {
    background: #FFFFFF;
    border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
    border: 1px solid #E4E6EE;
    width: 33%;
    margin-right: .11rem;
    text-align: center;
    box-sizing: border-box;
    padding: .22rem 0;
    position: relative
}
.squareItem:last-child {
    margin-right: 0;
}
.squareItem .center {
    font-weight: bold;
    font-size: .15rem;
    color: #222222;
    margin: .03rem 0;
}
.squareItem .center span {
    font-size: .1rem;
}
.throughGray {
    font-size: .1rem;
    color: #A1A7BB;
    text-decoration: line-through;
}
.dicountIcon {
    display: inline-block;
    width: .75rem;
    height: .15rem;
    background: linear-gradient( 91deg, #FF8470 0%, #FF486A 100%);
    border-radius: .1rem .1rem .1rem 0;
    color: #fff;
    font-size: .1rem;
    position: absolute;
    top: -0.08rem;
    left: 0;
    line-height: .15rem;
}
.secondViewShow .topImg{
    background-image: url('../assets/package/img_bg_2d@2x(1).png');
}
.swiper-slide {
    width: 100%!important;
}
.dialogBottomBackImg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
}
.dialogWhiteSamePart {
    width: 100%;
    min-height: 4.55rem;
    background: #FFFFFF;
    border-radius: 0.13rem 0.13rem 0px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.dialogWhiteSamePart .titleTop{
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: .15rem .2rem .13rem;
    font-weight: bold;
    font-size: .16rem;
    color: #222222;
}
.dialogWhiteSamePart .titleTop img {
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
}
.whiteMainContent {
    padding: .27rem;
    display: flex;
}
.detailItem {
    font-size: .15rem;
    color: #4D4F74;
    margin-bottom: .26rem;
}
.detailItem img {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    margin-right: .13rem;
    vertical-align: middle;
}
.leftInfo {
    margin-right: .78rem;
}
.leftInfo:last-child {
    margin-right: 0;
}
.dialogBottomBackImg {
    display: none;
}