.ui-content{
    background: #1b1429;
   /* overflow: hidden;
    position: fixed;
    top: 0;
    height: 100%; 
    width: 100%; */
}
.gallery_sor{
	/* height: 100%;
	overflow: scroll; */
	padding-bottom: 2rem;
}
.swipper_box {
    width: 70%;
    max-height: 18rem;
    margin: 0 auto 0.3rem;
    padding-bottom: 2rem;
}
.swipper_box.hidden{
    overflow: hidden;
}
.privil-swipper{
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    margin-left: 0.5rem;
}
.privil-swipper .swiper-slide{
    position: relative;
    float: left;
    width: 11.8rem !important;
    height: 17rem;
    transition: all 0.8s;
    margin-right: 27px;
    transform:scale(1,1);
    -ms-transform:scale(1,1); 	/* IE 9 */
    -moz-transform:scale(1,1); 	/* Firefox */
    -webkit-transform:scale(1,1); /* Safari 和 Chrome */
    -o-transform:scale(1,1); 	/* Opera */
}
.privil-swipper .swiper-slide img{
    transition: all 0.8s;
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.privil-swipper .swiper-slide.swiper-slide-active img.big{
    width: 100%;
    height: 100%;
}
.privil-swipper .swiper-slide img{
    width: 90%;
    height: 90%;
}
/* .privil-swipper .swiper-slide.swiper-slide-next img,.privil-swipper .swiper-slide.swiper-slide-prev img{
    width: 80%;
    height: 80%;
} */
.privil-swipper .swiper-slide img{
    box-shadow: 5px 15px 25px rgba(235,210,190,0.5);
    transform:scale(1,1);
    -ms-transform:scale(1,1); 	/* IE 9 */
    -moz-transform:scale(1,1); 	/* Firefox */
    -webkit-transform:scale(1,1); /* Safari 和 Chrome */
    -o-transform:scale(1,1); 	/* Opera */
    /* height: 110%; */
} 
.swiper-pagination{
    position: absolute;
    bottom: -5rem;
}
.nav-swipper{
    margin-top: 0.3rem;
}

.pri_pagItem{
    float: left;
    /* max-width: 20%; */
}
.pri_pagItem .pri_name{
    color:#666;
}
.pri_pagItem .icon{
    width: 60%;
    /* width: 2.3rem; */
    height: 2.3rem;
}
.icon .img{
    display: none;
}
.pri_pagItem.active .icon .img_k{
    display: none;
}
.pri_pagItem.active .icon .img{
    display: block;
}
.pri_pagItem.active .pri_name{
    color:#e2af7a;
}
.kt_btn{
   position: fixed;
    bottom: .12rem;
    left: 2.5%;
    width: 95%;
    z-index: 900;
}
.kt_btn .skip{
    display: block;
    width: 100%;
    height: 100%;
	text-align: center;
}
.kt_btn .skip img{
	display: inline-block;
	width: 6.9rem;
	height: .98rem;
}
.middle_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	
    width: 100%;
}
@media (width:320px){
    .privil-swipper .swiper-slide {
        position: relative;
        float: left;
        width: 10.7rem !important;
        height: 15rem;
        transition: all 0.8s;
        margin-right: 10px !important;
    }
    .swipper_box {
        max-height: 15rem;
        margin: 0 auto 0.8rem;
        padding-bottom: 1rem;
    }
    .privil-swipper {
        margin-left: 0.2rem;
    }
    .card_rule{
        padding:0;
    }
    /* .swipper_box {
        transform: translate(-1%);
    } */
    .pri_pagItem .icon {
        height: 2rem;
    }
}
@media (width:360px){
    .privil-swipper .swiper-slide {
        width: 11.5rem !important;
        height: 15rem;
        margin-right: 20px !important;
    }
    .privil-swipper {
        margin-left: 0.7rem;
    }
    .swipper_box {
        max-height: 15rem;
        margin: 0 auto 1rem;
        padding-bottom: 1rem;
    }
}
@media (width:414px){
    .privil-swipper .swiper-slide {
        width: 12rem !important;
        height: 17rem;
        margin-right: 25px;
    }
    /* .swipper_box {
        transform: translate(21%);
    } */
}
@media (width:411px){
    .privil-swipper .swiper-slide {
        position: relative;
        float: left;
        width: 12.1rem !important;
        height: 17rem;
        transition: all 0.8s;
        margin-right: 27px;
        transform:scale(1,1);
        -ms-transform:scale(1,1); 	/* IE 9 */
        -moz-transform:scale(1,1); 	/* Firefox */
        -webkit-transform:scale(1,1); /* Safari 和 Chrome */
        -o-transform:scale(1,1); 	/* Opera */
    }
}
/* .privil-swipper .swiper-slide.swiper-slide-active img{
    -webkit-animation: scale ease-in-out 1s 1 1s;
    animation: scale ease-in-out 1s 1 1s;
}
@keyframes scale{
    0% {width:80%;height:80%}
	100% {width:100%;height:100%}
} */
.nav-swipper {
 white-space: nowrap;/*文本不会换行，文本会在在同一行上继续*/
    overflow-y:auto;/*可滑动*/
}
.nav-swipper .swiper-slide{
	 display: inline-block;/*行内块元素*/
}
/*********************************************************/

.card_rule{
	text-align: center;
}
.c_vip2{
	color: #ffe0ca;
	font-size: .24rem;
	opacity: .6;
}
.gallery-top{
	position: relative;
    top: .5rem;
	padding-bottom: .5rem;
}

.gallery-top.swiper-container  .swiper-slide {
  height: 100%;
  opacity: 0.5;
  -webkit-transition: 100ms;
  transition: 100ms;
  -webkit-transform: scale(1) !important;
  transform: scale(1)!important;
  overflow: hidden;
}
.gallery-top.swiper-container 	.swiper-slide.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1)!important;
  transform: scale(1)!important;
}

.swper_2 .swiper-slide-active{
	background: #000;
	color: #fff;
}


.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-thumbs {
  height: 18%;
  box-sizing: border-box;
  /* padding: 10px 0; */
  text-align: center;
  margin-top: .3rem;
  font-size: .26rem;
}
.gallery-thumbs p{
	color: #ffedd1;
	opacity: .5;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  /* opacity: 0.4; */
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-slide img{
	width: 100%;
}

.gallery-thumbs i{
	width: 1rem;
	height: 1rem;
	display: inline-block;
}
/*默认图标*/
.gallery-thumbs .swiper-slide:nth-child(1) i{
	background:  url(../../Images/Member/vip/m_1_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(2) i{
	background:  url(../../Images/Member/vip/m_2_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(3) i{
	background:  url(../../Images/Member/vip/m_3_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(4) i{
	background:  url(../../Images/Member/vip/m_4_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(5) i{
	background:  url(../../Images/Member/vip/m_5_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(6) i{
	background:  url(../../Images/Member/vip/m_6_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(7) i{
	background:  url(../../Images/Member/vip/m_7_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(8) i{
	background:  url(../../Images/Member/vip/m_8_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(9) i{
	background:  url(../../Images/Member/vip/m_9_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(10) i{
	background:  url(../../Images/Member/vip/m_10_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(11) i{
	background:  url(../../Images/Member/vip/m_11_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(12) i{
	background:  url(../../Images/Member/vip/m_12_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(13) i{
	background:  url(../../Images/Member/vip/m_13_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(14) i{
	background:  url(../../Images/Member/vip/m_14_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(15) i{
	background:  url(../../Images/Member/vip/m_15_on.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(16) i{
	background:  url(../../Images/Member/vip/m_16_on.png) no-repeat;
	background-size: 100% 100%;
}

/*选中图标*/
.gallery-thumbs .swiper-slide:nth-child(1).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_1.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(2).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_2.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(3).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_3.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(4).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_4.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(5).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_5.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(6).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_6.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(7).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_7.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(8).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_8.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(9).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_9.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(10).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_10.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(11).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_11.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(12).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_12.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(13).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_13.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(14).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_14.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(15).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_15.png) no-repeat;
	background-size: 100% 100%;
}
.gallery-thumbs .swiper-slide:nth-child(16).swiper-slide-thumb-active i{
	background:  url(../../Images/Member/vip/m_16.png) no-repeat;
	background-size: 100% 100%;
}
/*选中字体颜色*/
.gallery-thumbs .swiper-slide-thumb-active p{
	opacity: 1;
}