* {
    margin: 0;
    padding: 0;
}
body,
html {
    background-color: #f6f6f6;
    /*background-color: #f00;*/
}
body{
    padding-bottom:5vw!important;
}
div{
    box-sizing: border-box;
}

/*顶部图片*/
.top {
    width: 100%;
    overflow: hidden;
}
.top img {
    width: 94vw;
    margin:3vw auto;
    display: block;
    border-radius: 12px;
}

/*会员账号*/
.member-number {
    color: black;
    width: 92%;
    padding-left: 2.5%;
    box-sizing: border-box;
    margin:0.5rem auto;
    border-left: 0.2rem solid rgb(197, 170, 125);
    height: 0.4rem;
    line-height: 0.4rem;
    /*font-family: '黑体';*/
    font-size: 0.4rem;
}
.telphone {
    width: 92%;
    height: 1rem;
    margin:0.2rem auto;
    display: flex;
}
.phone {
    flex:5;
    padding:0 3vw;
    height: 1rem;
    font-size: 0.35rem;
    background: rgb(228, 229, 230);
    color:rgb(162,163,164);
    border: none;
    outline: medium;
    text-indent:0.3em;
    border-radius: 8px;
    /* margin-right:5vw; */
}
.btnGet{
    flex: 2;
    height:1rem;
    background: rgba(255,91,106,0.7);
    color: #fff;
    line-height: 1rem;
    text-align: center;
    /*border-radius: 0.5rem;*/
    font-size: 0.35rem;
}

.phone::-webkit-input-placeholder{
   color:#949494;
    font-weight: 200 !important;
}
/*.member-type {
    color: black;
    font-size: 2.6rem;
    padding-left: 2.5%;
    width: 50%;
    box-sizing: border-box;
    margin-top: 5.5rem;
    margin-left: 0.3rem;
    border-left: 20px solid rgb(197, 170, 125);
    height: 3.5rem;
    line-height: 3.5rem;
    font-family: '黑体';
}*/


/*中心功能区*/
.center{
    width: 100%;
    margin-top: 0.8rem;
}
.tab_list{
    width: 92%;
    /* padding: 0 8vw; */
    /* height: 1rem; */
    margin:0 auto;
    /* border-bottom: 0.01rem #dcdcdc solid; */
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: scroll;
    align-items: flex-end!important;
}

.tab_list::-webkit-scrollbar {
    display: none;
}
.tab_item{
    /* height: 1.2rem; */
    /* width: 49%; */
    padding: 4vw 4.67vw;
    background: fff;
    border-radius: 1.33vw;
    border:0.02rem solid #ECEBE6;
    text-align: center;
    font-size:3.6vw;
    justify-content: center;
	color: #353535;
	margin-right: 1.87vw;
}
.tab_item:last-child{
	margin: 0;
}
.tab_sel{
    /* line-height: 1.1rem; */
    background:#fdfaf3;
    /*background:rgb(246,246,246);*/
}
.gold-diamonds {
    width: 92%;
    height: 6.7rem;
    margin-left: 2.5rem;
    display: flex;
    margin-top: 2.5rem;
}

.gold {
    width: 18rem;
    height: 4rem;
    font-size: 2rem;
    text-align: center;
    line-height: 6rem;
    border-radius: 10px;
    background-color: rgb(199, 176, 136);
    color: rgb(110, 75, 32);
    box-shadow: 5px 5px 15px lightgray;
}

.diamonds {
    width: 18rem;
    height: 4rem;
    border: 1px solid rgb(199, 176, 136);
    font-size: 2rem;
    text-align: center;
    line-height: 6rem;
    border-radius: 10px;
    background-color: rgb(234, 226, 213);
    margin-left: 3rem;
    color: rgb(110, 75, 32);
}

/*套餐列表*/
.goods_list{
    width: 100%;
    border-top: 0.01rem solid #dcdcdc;
    display: none;
} 
.goodsItem{
    width: 92%;
    height: 1.95rem;
    margin:0.5rem auto;
    background: #fff;
    border-radius: 0.2rem;
    display: flex;
    padding: 1%;
    display: flex;
    justify-content: space-between;
    box-shadow: 0.02rem 0.02rem 0.02rem #ededed;
}
.goodsItem:nth-child(1) .itemRight{
    background: url(../image/video_icon1.png) no-repeat;
    background-size: 100% 100%;
}
.goodsItem:nth-child(2) .itemRight{
    background: url(../image/video_icon2.png) no-repeat;
    background-size: 100% 100%;
}
.goodsItem:nth-child(3) .itemRight{
    background: url(../image/video_icon3.png) no-repeat;
    background-size: 100% 100%;
}
.goodsItem:nth-child(4) .itemRight{
    background: url(../image/video_icon4.png) no-repeat;
    background-size: 100% 100%;
}
.itemLeft{
    flex: 7;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5%;
}
.itemLeft_t{ 
    font-size: 0.42rem;
    line-height: 0.6rem;
}
.itemLeft_b{
    font-size: 0.35rem;
    color: #888;
    line-height: 0.6rem;
    text-decoration:line-through;
}
.itemRight{
    flex: 3;
    height: 100%;
    color: #fff;
    font-size:0.42rem;
    line-height: 1.5rem;
    text-align: center;
    text-indent: 1em;
}
.cycle{
    font-size: 0.72rem;
    /*font-weight: bold;*/
}




/*使用说明*/
.buy_notice{
    width: 100%;
}
.memberp-denomination {
    color: black;
    width: 92%;
    padding-left: 2.5%;
    box-sizing: border-box;
    margin:0.5rem auto;
    border-left: 0.2rem solid rgb(197, 170, 125);
    height: 0.4rem;
    line-height: 0.4rem;
    /*font-family: '黑体';*/
    font-size: 0.4rem;
}
.official-privilege {
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-top: 3.5rem;
    padding-left: 2rem;
    -webkit-overflow-scrolling: touch;
    margin-right: 2rem;
    margin-bottom: 5vw;
}
.official-privilege::-webkit-scrollbar {
    display: none
}
.privilege-price {
    width: 16rem;
    height: 17rem;
    text-align: center;
    padding-top: 2rem;
    border: 1px solid darkgoldenrod;
    background-color: rgb(197, 174, 130);
    color: rgb(110, 75, 32);
    box-shadow: 5px 5px 15px rgb(197, 174, 130);
    border-radius: 10px;
    font-size: 2rem;
}
.official {
    font-size: 1.7rem;
    text-decoration: line-through;
    margin-top: 0.5rem;
}

.privilege {
    font-weight: bold;
    font-size: 1.9rem;
    margin-top: 0.5rem;
}

.privilege-price-two {
    width: 16rem;
    height: 17rem;
    border: 1px solid rgb(197, 174, 130);
    text-align: center;
    padding-top: 2rem;
    color: rgb(110, 75, 32);
    border-radius: 10px;
    font-size: 2rem;
    margin-left: 2rem;
}
.notice_content {
    width: 92%;
    height: 0.5rem;
    margin:0 4%;
    display: inline-block;
    color: rgb(47,48,48);
    font-size: 0.35rem;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
.notice_content span,.notice_content p{
    font-size: 0.35rem!important;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}



/*提示框*/

.tip {
    display: none;
    width: 5.5rem;
    height: 2.5rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 0.6rem;
    line-height: 2.5rem;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0.2rem;
    transform: scale(0.8);
}


.shadow{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height: 100vh;
    display: none;
    background:rgba(0,0,0,.7);
}
.close_shadow{
    width:8vw;
    height: 8vw;
    margin-top:8vw;
}
.register_div{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.register_main{
    width:80vw;
    height: 74.9vw;
    margin:0 auto;
    background:url("../image/register_bg.png") no-repeat;
    background-size:100% 100%;
}
.fuck_notice{
    font-size:5vw;
    color:#CDB68F;
    text-align: center;
}
.fuck_btn{
    font-size:3.8vw;
    color:#fff;
    background:#44433F;
    width:60vw;
    text-align: center;
    height: 10vw;
    line-height: 10vw;
    border-radius: 10vw;
    margin:10vw 0 3vw;
}
.fuck_cancel{
    font-size:3.8vw;
    color:#9A9A9A;
    text-align: center;
}
.register_s{
    margin-top:36vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 弹窗式的支付选择 */
.rows{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.between{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.pay_methods{
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display: none;
    background:rgba(0,0,0,.8);
}
.pay_main{
    width:80vw;
    padding-bottom:6vw;
    position:fixed;
    top:50%;
    left:50%;
    border-radius: 12px;
    transform: translate(-50%,-50%);
    background:#fff;
}
.pay_title{
    padding:3vw 3vw 3vw 5vw;
    border-bottom:1px solid #ECECEC;
}
.pay_text{
    font-size:4vw;
    color:#919191;
}
.pay_close{
    width:6vw;
}
.pay_seldiv{
    padding:6vw 0;
}
.total_pay {
    justify-content: center;
}
.total_title{
    font-size:4.5vw;
    color:#212121;
}
.total_num{
    font-size:4.8vw;
    color:#FE0101;
}
.selpay_list{
    margin:0 4vw;
}
.selpay_item{
    padding:0 2vw;
}
.sel_item{
    padding:3vw;
}
.pay_icon{
    width:8vw;
    margin-right:2vw;
}
.selpay_text{
    font-size:4vw;
    color:#505050;
}
.selpay_item:nth-child(1){
    border-bottom:1px solid #ECECEC;
}
.pay_money{
    width:66vw;
    margin:6vw auto 3vw;
    font-weight: bold;
    height:11vw;
    line-height: 11vw;
    border-radius: 11vw;
    text-align: center;
    color:#724B1F;
    font-size:4vw;
    background:linear-gradient(top,#CCB58C,#C2A472);
    background:-webkit-linear-gradient(top,#CCB58C,#C2A472);
}
.pay_normal{
    width:5.5vw;
    height:5.5vw;
    background:url(../image/pay/pay_normal.png) no-repeat;
    background-size:100% 100%;
}
.pay_sel{
    width:5.5vw;
    height:5.5vw;
    background:url(../image/pay/pay_sel.png) no-repeat;
    background-size:100% 100%;
}
.newgoods_list{
    margin:5vw 2vw;
    padding:2vw 0;
    margin-right:0;
    overflow-x:scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; 
}
.newgoods_list::-webkit-scrollbar {
    display: none;
}
.newgoods_item{
    text-align: center;
    margin-top:2vw;
    margin-right:2vw;
    padding:6vw 3vw 4vw;
    width:28vw;
    border-radius: 12px;
    border:1px solid rgb(225,226,227);
    background:rgb(254,255,255);
    position: relative;
}
.newgoods_sel{
    border:1px solid rgb(230,225,214);
    background:#fdfaf3;
}
.new_vip{
    display: none;
    position:absolute;
    top:-2.5vw;
    height:5vw;
    line-height: 5vw;
    text-align: center;
    font-size:.28rem;
    left:0;
    width:80%;
    color:#fff;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    background:rgb(24,24,24);
}
.newgoods_sel>.new_vipsel{
    display: block;
}
.months{
    font-size:.45rem;
    color:#121212;
    font-weight: bold;
}
.official_price{
    text-decoration: line-through;
    font-size:.32rem;
    color:rgb(171,172,172);
}
.origin_price{
    margin:1vw 0;
    font-size:.5rem;
    color:#e1c999;
    font-weight: bold;
}
.sale{
    font-size:.36rem;
    color:rgb(171,172,172);
}
.price{
    margin-top:1vw;
    font-size:.36rem;
    color:rgb(171,172,172);
}
.newgoods_sel .now_sale{
    color:rgb(53,53,52);
}
.newgoods_sel .now_price{
    color:rgb(197,72,67);
}
.up_icon{
    margin-left:.5vw;
    width:3vw;
    height:3vw;
    background:transparent;
    display: none;
}
.newgoods_sel .up_iconsel{
    display: block;
    background: url('../img/up.png') no-repeat;
    background-size:100% 100%;
}
.unit{
    font-size:.28rem;
}
.vip_notice{
    width: 22vw;
    justify-content: center;
    padding-top:2vw;
    border-top:1px solid rgb(180,180,180);
}

/* 升级代理 */

.share_div{
    position:fixed;
    bottom:25vw;
    right:4vw;
    color:rgb(175,40,41);
}
.share_icon{
    width:9vw;
    margin-bottom:3vw;
}

.apply_group{
    width:94vw;
    margin:3vw auto;
    border-radius: 12px ;
}
.apply_group_item{
    width:46vw;
}
.but_submit{
    position: fixed;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}
.mainTip{
    padding-bottom:20vw;
}

/* 
.btn_buy{
    position: fixed;
    bottom:0;
    left:0;
    width: 100vw;
}


.buy{
    width:70vw;
    height:10vw;
    line-height:10vw;
    border-radius: 12vw;
    font-size:.35rem;
    margin:0 auto 2vw;
    text-align: center;
    color:#181515;
    font-weight:bold;
    background:linear-gradient(to bottom,#C6AB7E,#B49B72);
    background:-webkit-linear-gradient(to bottom,#C6AB7E,#B49B72);
}
.contact_list{
    width:60vw;
    margin: 0 auto;
    padding-bottom:3vw;
}
.contact_item{
    width:25vw;
    font-size:.28rem;
    justify-content: center;
}
.contact_icon{
    width:4vw;
    margin-right:1vw;
    display: block;
} */

.new_buy{
    position: fixed;
    bottom:0;
    left:0;
    width: 100vw;
    height: 18vw;
    background:#fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);  
}
.new_list_left{
    width:46vw;
    margin-left:2vw;
}
.new_item{
    width:15vw;
    height: 12vw;
    font-size:.28rem;
    color:#181818;
    justify-content: center;
}
.contact_icon{
    width:4.5vw;
    margin-bottom:1vw;
    display: block;
}
.new_list_right {
    width:44vw;
    margin:0 4vw;
    height: 12vw;
    overflow: hidden;
}
.new_item_right{
    align-items: center;
    justify-content: center;
    width:22vw;
    height: 12vw;
    font-size:.3rem;
}
.new_item_right:nth-child(1){
    color:#211E1A;
    border-top-left-radius: 10vw;
    border-bottom-left-radius: 10vw;
    background:linear-gradient(left,#C6AB7E,#C7AF81);
    background:-webkit-linear-gradient(left,#C6AB7E,#C7AF81);
}
.new_item_right:nth-child(2){
    color:#fff;
    background:#121212;
    border-top-right-radius: 10vw;
    border-bottom-right-radius: 10vw;
}
.new_item_right span:nth-child(2){
    font-size:0.35rem;
}



/* 话费弹窗 */
.low_vip{
    position: fixed;
    top:0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    background:rgba(0,0,0,.8);
    left:0;
    display: none;
}
.low_main{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:2vw;
    width: 74vw;
    border-radius: 12px;
    background:#fff;
}
.low_detail{
    width: 100%;
    padding: 0 0 4vw;
    border-radius: 12px;
    border:1px solid #FF5964;
    justify-content: center;
}
.low_top_img{
    width: 46vw;
    display: block;
    margin-top:-25.2vw;
}
.low_notice{
    font-size: .38rem;
    color:#1F1F1F;
}
.go_uplevel{
    background:#FE1A29;
    height: 9vw;
    line-height: 9vw;
    border-radius: 10vw;
    width: 44vw;
    text-align: center;
    color:#fff;
    font-size: .38rem;
    margin: 8vw 0 3vw;
}
.think{
    color:#B5B5B5;
    font-size: .38rem;
}




input{
    -webkit-tap-highlight-color:transparent; 
    -webkit-user-select: transparent;
    -moz-user-focus: transparent;
    -moz-user-select: transparent;
    -webkit-appearance:transparent;

    /* caret-color: #CAB48B!important;
    -webkit-caret-color: #CAB48B!important; */

    
	line-height:6vw;
    height: 6vw;
    color:#232323!important;
    font-size:.45rem!important;
    word-break: break-all;
}
input::-webkit-input-placeholder{
　　color:#757575;
    font-size: .38rem!important;
}


/* 手机号确认 */
.num_confirm{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 50%;
    left: 50%;
    z-index: 999;
    /*transform: translate(-50%,-50%);*/
    background: rgba(0,0,0,.8);
    display: none;
}
.num_confirm_main{
    position: fixed;
    width: 80vw;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 16px;
    padding-bottom: 8vw;
}
.num_top_img{
    width: 20vw;
    display: block;
    margin-top: -10vw;
}
.num_notice{
    color: #171717;
    font-size: .42rem;
    font-weight: bold;
    display: block;
    margin: 4vw 0 0;
}
.num_level{
    background: #FE1A29;
    height: 9vw;
    line-height: 9vw;
    border-radius: 10vw;
    width: 44vw;
    text-align: center;
    color: #fff;
    font-size: .38rem;
    margin: 8vw 0 3vw;
}
.num_think{
    color: #171717;
    font-size: .36rem;
    display: block;
}
.num_detial{
    background: #FEF0F0;
    color: #F52928;
    font-size: .42rem;
    font-weight: bold;
    height: 8vw;
    line-height: 8vw;
    border-radius: 10vw;
    padding: 0 8vw;
    margin: 5vw auto 2vw;
}
.num_icon{
    display: block;
    width: 3vw;
    margin-right:2vw;
}

/* 芒果弹窗 */
.mangguo{
    position: fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index:999;
    display: none;
}
.mangguo_detail{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90vw;
    transform: translate(-50%,-50%);
    border-radius: 15px;
    overflow: hidden;
}
.mangguo_icon{
    width: 100%;
    display: block;
}
.mangguo_notice{
    color:#333;
    font-size: .38rem;
    padding: 3vw 4vw;
    background: #fff;
}
.mangguo_btn{
    width:45vw;
    margin: 6vw auto;
    height: 10vw;
    line-height: 10vw;
    border-radius: 10vw;
    border: 1px solid #fff;
    font-size: .38rem;
    text-align: center;
    color: #fff;
    display: block;
}
.dfcz,.dfcz2{
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 0 3vw;
	background: rgb(228, 229, 230);
	border-radius: 8px;
}
.oldDf,.newDf{
	display: flex;
	align-items: center;
}
.dfczselect{
	height: 1rem;
	padding-right: 4.6vw;
	border: none;
	font: 3.73vw/1rem simhei;
	color: #2E2E2E;
	overflow: hidden !important;
}
.dfphone{
	padding: 0;
	flex: 1;
}
.qrxx{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
.qrtc{
	width: 72.8vw;
	/* height: 620rpx; */
	padding-top: 1.33vw;
	background: #FFFFFF;
	border-radius: 2.93vw;
	position: absolute;
	left: 13.6vw;
	top: 50%;
	margin-top: -47.6vw;
	overflow: hidden;
}
.qrTitle{
	font: 600 4.8vw/4.8vw simhei;
	color: #3C3C3C;
	text-align: center;
	padding: 5.33vw 0;
}
.qrNum{
	width: 56.53vw;
	height: 8.8vw;
	border-radius: 4.4vw;
	margin: 0 8.13vw;
	font: 600 4vw/8.8vw simhei;
	color: #FF1D30;
	background: #FFE4E4;
	text-align: center;
}
.qrType{
	font: 4.27vw/4.27vw simhei;
	color: #9E9E9E;
	text-align: center;
	padding-top: 4.27vw;
}
.qrEg{
	/* width: 57.07vw; */
	display: flex;
	justify-content: center;
	padding: 6vw 7.87vw;
}
.qrEg img{
	width: 4.8vw;
	height: 4.8vw;
}
.qrEgText{
	max-width: 50.6vw;
	max-height: 29.33vw;
	font: 3.47vw/5.87vw simhei;
	padding-left: 1vw;
	color: #9E9E9E;
	overflow-y: hidden;
}
.qrBtn{
	width: 100%;
	display: flex;
	border-top: 0.27vw solid #EEF0F2;
}
.qrBtn div{
	width: 36.27vw;
	height: 13.87vw;
	font: 4.53vw/13.87vw simhei;
	text-align: center;
}
.qrBtnNo{
	border-right: 0.27vw solid #EEF0F2;
	color: #656565;
}
.qrBtnYes{
	color: #FF1D30;
}