.vip-top-banner{
	width: 100%;
	background: url(../jpg/vip_top_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.vip-top-banner .site_auto{
	position: relative;
}

.vip-gob-title{
	text-align: center;
	padding-top: 64px;
	padding-bottom: 56px;
}

.vip-gob-title h2{
	font-size: 48px;
	color: #FFF;
	font-weight: initial;
}

.vip-gob-title p{
	font-size: 18px;
	color: #FFF;
	margin-top: 12px;
}


.vip-menu{
	width: 100%;
}

.vip-menu ul li{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
	text-align: center;
	background-color: rgba(0,0,0,.2);
	padding: 14px 0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.vip-menu ul li:first-child{
	margin-left: 0;
}

.vip-menu ul li.active{
	background-color: rgba(255,255,255,1);
}

.vip-menu ul li a{
	display: block;
	color: #ffffff;
}

.vip-menu ul li.active a{
	color: #333;
}

.vip-menu ul li em{
	font-size: 24px;
}

.vip-menu ul li p{
	font-size: 14px;
	margin-top: 4px;
}

.vip-bg{
	background: #F8F8F8;
}

.medical-navs{
	text-align: center;
	padding-top: 50px;
}

.medical-navs a{
	font-size: 20px;
	color: #333333;
	margin: 0 40px;
	position: relative;
	display: inline-block;
}

.medical-navs a.active:after{
	position: absolute;
	bottom: -12px;
	width: 100%;
	height: 2px;
	display: block;
	content: "";
	background: #D0121B;
}

.medical-navs a:hover{
	color: #D0121B;
}


.vip-comp-con{
	padding-top: 60px;
}

.vip-comp-level{
	width: 32.26%;
	float: left;
	background: #FFFFFF;
	border-radius: 12px;
	margin-left: 1.6%;
}

.vip-comp-level:first-child{
	margin-left: 0;
}

.vip-comp-level.levelA{
	background:#FFFFFF url(../png/vip_level_bg_1.png) center top no-repeat;
	background-size: 100% auto;
}

.vip-comp-level.levelB{
	background:#FFFFFF url(../png/vip_level_bg_2.png) center top no-repeat;
	background-size: 100% auto;
}

.vip-comp-level.levelC{
	background:#FFFFFF url(../png/vip_level_bg_3.png) center top no-repeat;
	background-size: 100% auto;
}

.vip-cho-title{
	text-align: center;
	padding-top: 34px;
}

.vip-cho-title h3{
	font-size: 30px;
	color: #e38330;
	text-shadow: 1px 1px 2px #FFFFFF;
}

.vip-comp-level.levelB .vip-cho-title h3{
	color: #5d5489;
}

.vip-comp-level.levelC .vip-cho-title h3{
	color: #672f7c;
}

.vip-cho-content{
	margin-top: 88px;
	text-align: center;
	padding-bottom: 20px;
}


.vip-price {height: 40px;margin-top: -2px;position: relative;display: inline-block;margin-bottom: 12px;}

.vip-price.i-p{
	margin-bottom: 8px;
}

.vip-price span {color: #D0121B;font-size: 36px;line-height: 40px;font-weight: 700;}

.vip-price.i-p span{
	font-size: 32px;
	font-weight: initial;
}

.vip-price i{
	font-size: 14px;
    color: #999;
    line-height: 14px;
    text-decoration: line-through;
    font-style: initial;
}

.vip-price.i-p i{
	font-size: 12px;
}

.vip-price em {font-size: 14px;color: #D0121B;line-height: 14px;font-style: normal;}

.vip-price .price-tips {
    position: absolute;
    display: block;
    width: 64px;
    height: 24px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    background-image: linear-gradient( 135deg, #e13138 0%, #d0121b 100%);
    border-radius: 39px 39px 39px 2px;
    font-weight: initial;
    top: -3px;
    right: -13px;
}

.intro-con-box .i-c-item:nth-child(2) .vip-price .price-tips{
	color: #FFFFFF;
	display: none;
}
.intro-con-box .i-c-item:nth-child(2) .vip-price i{
	display: none;
}
.intro-con-box .i-c-item:nth-child(2) .vip-price span{
	color: #666;
}

.intro-con-box.vip-style-6 .i-c-item:nth-child(2) .vip-price .price-tips{
	color: #FFFFFF;
	display: inline-block;
}
.intro-con-box.vip-style-6 .i-c-item:nth-child(2) .vip-price i{
	display: inline-block;
}
.intro-con-box.vip-style-6 .i-c-item:nth-child(2) .vip-price span{
	color: #D0121B;
}


.vip-comp-level.levelC .vip-price .price-tips {
	width: 72px;
	right: -21px;
}

.vip-comp-level.levelA .vip-price .price-tips {
	right: -22px;
}

.vip-price.i-p.pt .price-tips,.vip-price.i-p.hj .price-tips{
	right: -21px;
}

.vip-price.i-p .price-tips{
	 font-size: 12px;
	 width: 56px;
    height: 20px;
    line-height: 20px;
    right: -12px;
    top: -1px;
}

.vip-text{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	margin-top: 8px;
}


.join-vip{
	width: 190px;
	height: 40px;
	border-radius: 20px;
	background: #D0121B;
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 18px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	bottom: -20px;
}

.join-vip:hover{
	opacity: .9;
}


.privilege-service{
	padding-top: 80px;
	padding-bottom: 80px;
}

.privilege-service.v-p-s{
	padding-top: 48px;
	padding-bottom: 0px;
}

.ps-title h2{
	text-align: center;
	font-size: 30px;
	color: #333333;
}

.vip-ps-title h2{
	font-size: 24px;
    color: #333333;
    font-weight: initial;
    text-align: initial;
}

.p-s-con.v-p-s-con{
	margin-top: 24px;
}

.p-s-con{
	margin-top: 32px;
	background: #fff;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.p-s-con table{
	border-collapse: collapse;
}

.p-s-con td{
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	vertical-align: middle !important;
    table-layout: fixed;
    text-align: center;
}


.first_td{
	padding-left: 30px;
	text-align: left;
}

.first_td .pst-title{
	font-size: 18px;
	color: #333333;
}

.first_td .pst-des{
	font-size: 12px;
	color: #999999;
	margin-top: 6px;
}

.intro-header .title {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
}

.intro-header .text {
	font-size: 12px;
	color: #858585;
	margin-top: 5px;
}

.intro-header .i-h-bg{
	padding: 36px 0;
	background: #f2f2f2;
	position: relative;
}

.grade{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../png/grade_bg.png) center center no-repeat;
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	height: 22px;
	width: 92px;
}

.intro-header .i-h-bg.gold{
	background-image: linear-gradient( 135deg, #fff6df 0%, #ffebb4 100%);
}

.intro-header .i-h-bg.gold .title,.intro-header .i-h-bg.gold .text{
	color: #e38330;
}

.intro-header .i-h-bg.platinum{
	background-image: linear-gradient( 135deg, #faf4ec 0%, #ecd9be 100%);
}

.intro-header .i-h-bg.platinum .title,.intro-header .i-h-bg.platinum .text{
	color: #aa844c;
}

.intro-header .i-h-bg.diamond{
	background-image: linear-gradient( 135deg, #554f49 0%, #262526 100%);
}

.intro-header .i-h-bg.diamond .title,.intro-header .i-h-bg.diamond .text{
	color: #f1d9b1;
}

.vip-price.i-p .price-tips.diamond-price {
    width: 64px;
    right: -20px;
}

.intro-header td{
	padding: 24px 0;
}

.p-i-gray{
	font-size: 18px;
	color: #999999;
}

.i-vip-but.b-click a{
	background: #aaa;
	pointer-events: none;
}

.i-vip-but.b-click a:hover{
	opacity: 1;
}

.i-vip-but a{
	width: 92px;
	height: 32px;
	background: #d0121b;
	border-radius: 16px;
	display: inline-block;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
}

.i-vip-but a:hover{
	opacity: .9;
}

.intro-group td{
	padding: 24px 0;
} 

.intro-group tr:nth-child(2n+1){
	background: #fffbfb;
} 

.i-c-wrong{
	font-size: 40px;
	font-weight: 100;
	color: #999999;
}

.i-c-counter{
	font-size: 32px;
	font-weight: 100;
	color: #D0121B;
	font-family: cursive;
}

.i-c-des{
	font-size: 14px;
	color: #858585;
	margin-top: 4px;
}


.personal-tailor{
	margin-top: 14px;
	display: flex;
		-webkit-box-pack: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
}

.personal-tailor p{
	font-size: 14px;
	line-height: 32px;
	color: #333333;
}

.personal-tailor p span{
	color: #D0121B;
}

.p-t-but{
	width: 92px;
	height: 32px;
	background: #d0121b;
	border-radius: 16px;
	display: inline-block;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}

.p-t-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../png/p_t_icon.png) center center no-repeat;
	margin-right: 10px;
	position: relative;
	bottom: -4px;
}




.vip-pay-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}

.pay-shut .close{
	position: absolute;
	top: -48px;
	right: -36px;
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 100;
}

.vip-pay {
	z-index:9999;
	position:fixed;
	top:50%;
	left:50%;
	width:999px;
	height:710px;
	margin:-365px 0 0 -500px;
	border-radius:15px;
	background-color:#f8f8f8;
	display:none;
	box-shadow: 0 0 10px #666;
}


.vip-per-head{
	border-radius:15px;
	border-bottom-left-radius: initial;
	border-bottom-right-radius: initial;
	overflow: hidden;
	 background-image: linear-gradient( 360deg, #ff3c44 0%, #e81a23 100%);
	 padding: 32px 32px 32px 32px;
}

.vip-per-box{
	float: left;
	display: flex;
}

.per-h-por{
	border-radius: 3px;
	border: 1px solid #eee;
}

.per-h-por img{
	height: 38px;
}

.per-h-des{
	margin-left: 12px;
}

.h-des-t{
	font-size: 14px;
	color: #ffffff;
}

.h-des-no{
	width: 40px;
	height: 14px;
	font-size: 12px;
	color: #ffffff;
	background-color: rgba(0,0,0,.2);
	display: inline-block;
	border-radius: 20px;
}

.h-des-no span{
	display: block;
	transform: scale(.78);
	margin-top: -2px;
	color: rgba(255,255,255,.8);
}

.h-des-renew {
	transform: scale(.78);
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
	margin-left: -23px;
}

.h-des-renew span{
	display: inline-block;
	text-align: center;
	width: 64px;
	height: 16px;
	line-height: 14px;
	margin-left: 8px;
	font-size: 12px;
	color: rgba(255,255,255,.8);
	background-color: rgba(0,0,0,.2);
	border-radius: 20px;
}


.vip-per-text{
	float: right;
	text-align: right;
}

.vip-per-text p{
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	font-weight: 100;
}


/*选项卡_card卡片样式*/
.pay-con{
	
}

.yyui_tab_card{
	
}

.yyui_tab_card > .yyui_tab_content{ display:none;}
.yyui_tab_card > .yyui_tab_content_this{ display:block;}

.pay-type li{
	display: inline-block;
	width: 333px;
	height: 54px;
	line-height: 52px;
	text-align: center;
	background: #F8F8F8;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 20px;
	cursor: pointer;
}

.pay-type li.yyui_tab:nth-child(1){
	background-image: linear-gradient( 45deg, #fff2ce 0%, #fee090 100%);
	color: #e38330;
	border-bottom-left-radius: 0px;
}

.pay-type li.yyui_tab_this:nth-child(1){
	background-image: initial;
	background-color: #F8F8F8;
	color: #333333;
}

.pay-type li.yyui_tab:nth-child(2){
	background-image: linear-gradient( 45deg, #faf4ec 0%, #ecd9be 100%);
	color: #906743;
}

.pay-type li.yyui_tab_this:nth-child(2){
	background-image: initial;
	background-color: #F8F8F8;
	color: #333333;
}

.pay-type li.yyui_tab:nth-child(3){
	background-image: linear-gradient( 45deg, #554f49 0%, #262526 100%);
	color: #f1d9b1;
	border-bottom-right-radius: 0px;
}

.pay-type li.yyui_tab_this:nth-child(3){
	background-image: initial;
	background-color: #F8F8F8;
	color: #333333;
}

.pay-des-con{
	padding: 48px 32px 40px 32px;
}

.pay-price li{
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	float: left;
	width: 26%;
	margin-left: 2%;
	padding: 32px 3%;
	position: relative;
	cursor: pointer;
}

.pay-price li:first-child{
	margin-left: 0;
}

.pay-price li.yyui_tab_title_this:before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 297px;
	height: 202px;
	border-radius: 8px;
	border: 3px solid #D0121B;
}

.pay-price .pft{
	background: url(../png/pft_bg.png) left top no-repeat;
	width: 188px;
	padding-left: 16px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	top: -14px;
	left: 0;
}

.pay-price .aging{
	font-size: 16px;
	color: #000000;
}

.pay-price .pripd{
	margin-top: 8px;
}

.pay-price .pripd p{
	color: #D0121B;
	font-size: 30px;
	display: inline-block;
}

.pay-price .pripd em{
	font-size: 18px;
}

.pay-price .pripd span{
	font-size: 12px;
	color: #999999;
	text-decoration:line-through;
	margin-left: 10px;
}

.pay-price .chat{
	font-size: 12px;
	color: #d0121b;
	border: 1px solid #D0121B;
	padding: 1px 3px 2px 3px;
	border-radius: 3px;
	display: inline-block;
	margin-top: 8px;
}

.pay-price .selpot{
	font-size: 14px;
	color: #666666;
	margin-top: 24px;
}

.pay-price .selpot span{
	color: #D0121B;
}


.pay-way-con{
	margin-top: 36px;
}

.pay-way{
	position: relative;
	bottom: -1px;
}

.pay-way li{
	padding: 0 18px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}

.pay-way li.yyui_tab_title_this{
	color: #d0121b;
	background: #FFF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #EEEEEE;
	border-bottom: initial;
}


.p-way-content{
	background: #FFF;
	border: 1px solid #eee;
	padding: 30px;
	border-radius: 8px;
	border-top-left-radius: 0;
	margin-bottom: 16px;
}

.p-way-rad{
	border-top-left-radius: 8px;
}

.xcrK_nso{
	float: left;
	width: 120px;
}

.IdYLv7iG{
	float: right;
	width: 710px;
	margin-left: 40px;
	padding-top: 32px;
}

.wFTfXKpY{
	font-size: 16px;
	color: #666666;
}

.color-primary{
	font-size: 18px;
	color: #D0121B;
}

.AcW82EU8{
	font-size: 30px;
	color: #D0121B;
}

.vertical-center{
	margin-top: 6px;
	font-size: 12px;
	color: #858585;
}

.anticon{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	position: relative;
	bottom: -2px;
}

.pay-wx{
	background: url(../png/anticon_wx.png) center top no-repeat;
}

.pay-zfb{
	background: url(../png/anticon_zfb.png) center top no-repeat;
}

.vip-agre{
	font-size: 12px;
	color: #999999;
	margin-top: 8px;
}

.purchase-notes{
	font-size: 12px;
	color: #999999;
	margin-top: 6px;
}


.transfer-content{
	background: #FFF;
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.tfc-way{
	float: left;
	width: 175px;
	padding-left: 50px;
	padding-top: 30px;
}

.tfc-way span{
	font-size: 18px;
	color: #666666;
}

.tfc-way p{
	font-size: 36px;
	color: #d0121b;
}

.tfc-way em{
	font-size: 20px;
	color: #d0121b;
}

.tfc-first-step{
	float: left;
	width: 360px;
	padding-left: 60px;
	border-left: 1px solid #ddd;
	position: relative;
}

.tfc-first-step em{
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin-bottom: 4px;
	display: block;
}

.tfc-first-step p{
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.tfc-first-step span{
	font-size: 12px;
	color: #D0121B;
}

.tfc-first-step:after{
	display: block;
	content: "";
	width: 39px;
	height: 76px;
	background: url(../png/pay_jt.png) center top no-repeat;
	position: absolute;
	right: 36px;
	top: 30px;
}


.tfc-second-step{
	float: left;
	width: 220px;
}

.tfc-second-step em{
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin-bottom: 4px;
	display: block;
}

.tfc-second-step p{
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.tfc-second-step p a{
	color: #D0121B;
}


.tfc-second-step .payment-but{
	color: #fff;
	background: #D0121B;
	line-height: 26px;
	height: 28px;
	padding: 0 10px;
	border-radius: 4px;
	display: inline-block;
	margin: 5px 0 10px;
}



.pay-success{
	background: #F8F8F8;
	padding: 40px 0 60px 0;
}

.pay-success .box{
	background: #fff;
	text-align: center;
	padding: 90px 0;
}

.paysucs_icon p{
	font-size: 18px;
	color: #333333;
	margin-top: 12px;
}

.pay-money{
	margin-top: 24px;
}

.pay-money p{
	font-size: 48px;
	color: #333333;
}

.pay-money span{
	font-size: 30px;
}


.paysucs_opera{
	margin-top: 46px;
}

.paysucs_opera a{
	margin: 0 8px;
}

.view-vip{
	display: inline-block;
	width: 112px;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	background: #D0121B;
	border-radius: 17px;
}

.view-vip{
	display: inline-block;
	width: 112px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #FFF;
	background: #D0121B;
	border-radius: 17px;
}

.view-vip:hover{
	opacity: .9;
}

.invoice{
	display: inline-block;
	width: 110px;
	height: 32px;
	line-height: 32px;
	border-radius: 17px;
	color: #666666;
	font-size: 14px;
	border: 1px solid #ccc;
}

.invoice:hover{
	border: 1px solid #D0121B;
	color: #D0121B;
}


.invoice-content{
	background: #F8F8F8;
	padding: 40px 0 90px 0;
}

.invoice-content .box{
	background: #fff;
}

.invoice-title{
	border-bottom: 1px solid #dddddd;
}

.invoice-title h2{
	height: 80px;
	line-height: 80px;
	color: #333333;
	font-size: 24px;
	text-align: center;
	
}



.invoice-detail{
	padding: 35px 40px 50px 40px;
}

.invoice-value{
	
}

.invoice-value i{
	font-size: 16px;
	color: #333;
}

.invoice-value em{
	font-size: 22px;
	color: #D0121B;
	margin-left: 46px;
}

.invoice-value em span{
	font-size: 16px;
}

.invoice-value,.invoice-type,.taxpay{
	margin-bottom: 28px;
	padding-bottom: 28px;
	border-bottom: 1px solid #eee;
}

.invoice-type i,.taxpay i{
	font-size: 16px;
	color: #333;
}

.invoice-type i span,.taxpay i span{
	font-size: 16px;
	color: #D0121B;
}

.invoice-type .tab-title{
	margin-top: 18px;
}

.invoice-type .tab-title a{
	display: inline-block;
	width: 110px;
	height: 38px;
	font-size: 18px;
	color: #666666;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 38px;
	margin-right: 16px;
	border-radius: 3px;
}

.invoice-type .tab-title a:hover{
	color: #D0121B;
	border: 1px solid #D0121B;
}

.invoice-type .tab-title .item-cur{
	color: #D0121B;
	border: 1px solid #D0121B;
}


.tpy-type{
	margin-top: 14px;
}

.tpy-type label{
	margin-right: 40px;
}

.tpy-type label input{
	margin-right: 8px;
}

.tpy-type input[type=radio] {
        cursor: pointer;
        position: relative;
    }

.tpy-type input[type=radio]::after {
        position: absolute;
        top: 0;
        background-color: #fff;
        color: #fff;
        width: 14px;
        height: 14px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 50%;
        box-sizing: border-box;
        border: 1px solid #999;
    }

.tpy-type input[type=radio]:checked::after {
        content: "";
        background-color: #d0121b;
        border-color: #d0121b;
    }

.tpy-type input[type=radio]:checked::before {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px;
        background-color: #fff;
        z-index: 1;
        border-radius: 50%;
}


.invoice-box{
	margin-top: 28px;
}


.invoice-l{
	float: left;
	width: 48%;
}

.invoice-l i,.invoice-r i,.invoice-g i{
	font-size: 16px;
	color: #333;
}

.invoice-l i span,.invoice-r i span,.invoice-g i span{
	font-size: 16px;
	color: #D0121B;
}

.invoice-l input,.invoice-r input{
	height: 42px;
	border: 1px solid #EEEEEE;
	padding: 0 3%;
	font-size: 14px;
	color: #333;
	margin-top: 16px;
	width: 94%;
}

.invoice-r{
	float: right;
	width: 48%;
}


.tab-cont{
	width: 1240px;
	margin: 0 auto;
}

.rec-box{
	margin-top: 20px;
	background: #fff;
	padding: 1px 40px 40px 40px;
}


.invoice-g input{
	height: 42px;
	border: 1px solid #EEEEEE;
	padding: 0 1.5%;
	font-size: 14px;
	color: #333;
	margin-top: 16px;
	width: 97%;
}


.regis-submit{
	width: 1240px;
	margin: 40px auto 0 auto;
}

.regis-submit a {
    width: 170px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #d0121b;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    display: block;
}

.tab-cont{
	margin-top: 32px;
}

.receiving-mode i{
	font-size: 18px;
	color: #333333;
}

.receiving-mode b{
	position: relative;
	top: -1px;
}

.receiving-mode em{
	font-size: 12px;
	color: #999999;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
	font-weight: initial;
	margin-left: 10px;
	background: #fff;
}

.receiving-mode p{
	width: 104px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999999;
	display: block;
	border: 1px solid #eee;
	border-radius: 2px;
	text-align: center;
	font-weight: initial;
	margin-left: 10px;
	position: absolute;
	top: -1px;
	left: 25px;
	background: #fff;
}

.receiving-mode b p:before{
	display: block;
	content: "";
	position: absolute;
	left: -4px;
	top: 8px;
	background: url(../jpg/regis_arrow.jpg) left center no-repeat;
	height: 8px;
	width: 5px;
}



.vip-home{
	padding: 50px 0 80px 0;
	background: #F8F8F8;
}

.vip-des .site_auto{
	padding: 40px;
	width: 1160px;
	background: #fff;
}

.des-l{
	float: left;
	width: 490px;
}

.des-por {
	width: auto;
	border: 1px solid #eee;
	float: left;
	border-radius: 4px;
}

.des-por img{
	height: 105px;
}

.des-infor{
	padding-top: 6px;
	width: 220px;
	float: left;
	margin-left: 24px;
}

.des-title{
	display: flex;
}

.des-title h2{
	font-size: 20px;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p_auth{
	display: flex;
}

.y-auth{
	display: flex;
}


.vip-cft{
	display: inline-block;
    width: 80px;
    height: 30px;
    margin-left: 14px;
    margin-top: -3px;
}

.mb-l1{
	background: url(../png/member_l1.png) center top no-repeat;
	background-size: 100% 100%;
}

.mb-l2{
	background: url(../png/member_l2.png) center top no-repeat;
	background-size: 100% 100%;
}

.mb-l3{
	background: url(../png/member_l3.png) center top no-repeat;
	background-size: 100% 100%;
}

.mb-l4{
	background: url(../png/member_l4.png) center top no-repeat;
	background-size: 100% 100%;
}

.mb-l5{
	background: url(../png/member_l5.png) center top no-repeat;
	background-size: 100% 100%;
}

.mb-l6{
	background: url(../png/member_l6.png) center top no-repeat;
	background-size: 100% 100%;
}


.expiration{
	margin-top: 6px;
}

.expiration p{
	font-size: 12px;
	color: #D0121B;
	font-weight: bold;
}

.renewal{
	margin-top: 18px;
}

.renewal a{
	width: 88px;
	height: 24px;
	background: #D0121B;
	display: block;
	border-radius: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	
}

.data-r{
	float: right;
	width: 640px;
	padding-top: 10px;
}

.data-r ul{
	display: flex;
	text-align: center;
	justify-content: flex-end;
}

.data-r ul li:first-child{
	border: initial;
}

.data-r ul li{
	width: 136px;
	margin-left: 24px;
	padding-left: 24px;
	border-left: 1px solid #eee;
}

.data-r ul li span{
	font-size: 40px;
	color: #333333;
}

.data-r ul li p{
	font-size: 14px;
	color: #666666;
	margin-top: 6px;
}



.vip-privilege{
	margin-top: 40px;
}

.v-p-title h2{
	font-size: 24px;
	color: #333333;
	font-weight: initial;
}


.v-p-list{
	padding-top: 4px;
}

.v-p-list .item{
	float: left;
	width: 15.2%;
	margin-left: 1.5%;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.08);
	margin-top: 16px;
	padding: 18px 2% 18px 1.6%;
}

.v-p-list .item:nth-child(5n+1){
	margin-left: 0;
}

.v-p-list .item .p-icon{
	float: left;
	width: 44px;
}

.v-p-list .item .p-text{
	width: 134px;
	float: right;
}

.v-p-list .item .p-text p{
	font-size: 14px;
	color: #333333;
}

.v-p-list .item .p-text p em{
	font-size: 14px;
	color: #D0121B;
	font-weight: bold;
}

.v-p-list .item .p-text span{
	font-size: 12px;
	color: #999999;
}


.card{
	border-radius: 8px;
	margin-bottom: 30px;
	position: relative;
}

.card.goldvip{
	background: url(../jpg/goldvip_card_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	border: 3px solid #dfa56c;
	color: #a65510;
}

.card.platinumvip{
	background: url(../jpg/platinum_card_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	border: 3px solid #e3b993;
	color: #906743;
}

.card.diamondvip{
	background: url(../jpg/blackvip_card_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	border: 3px solid #333333;
	color: #f2dbb6;
}


.p-c-prefer{
	position: absolute;
	left: -3px;
	top: -16px;
	width: 158px;
	height: 28px;
	background: url(../png/pft_bg.png) center top no-repeat;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
}

.p-c-box{
	padding: 38px 34px 28px 34px;
}

.p-c-l{
	float: left;
	width: 360px;
}

.p-c-title h3{
	font-size: 30px;
	font-weight: initial;
}

.p-c-price{
	margin-top: 64px;
}

.p-c-price p{
	display: inline-block;
	font-size: 40px;
}

.p-c-price em{
	font-size: 24px;
}

.p-c-price span{
	font-size: 14px;
	color: #858585;
	margin-left: 10px;
}


.p-c-r{
	float: right;
	width: 420px;
}

.p-c-r ul li{
	width: 50%;
	float: left;
	line-height: 28px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.p-c-r ul li p{
	font-size: 16px;
	position: relative;
}

.p-c-r ul li p:before{
	position: absolute;
	display: block;
	content: "·";
	font-size: 16px;
	font-weight: bold;
	width: 16px;
	height: 16px;
	left: -16px;
}

.p-c-r ul li b{
	font-size: 18px;
}

.p-c-r ul li:nth-child(3),.p-c-r ul li:nth-child(4){
	margin-bottom: initial;
	padding-bottom: initial;
	border-bottom: initial;
}

.vip_off_cer{
	display: inline-block;
	width: 68px;
	height: 22px;
	background: url(../png/vip_off_cer.png) center top no-repeat;
	margin-left: 8px;
	position: relative;
	top: 2px;
}

.intro-con-box {
	background: url(../jpg/stay_tuned.jpg) 700px center no-repeat;
	background-size:  auto 250px;
}

.intro-con-box .i-c-item{
	display: block;
	width: 247.6px;
	float: left;
	background: #fff;
}

.i-c-text.first_td.f-t-h{
	height: 249px;
}

.i-c-text.first_td{
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	height: 86px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: left;
	-webkit-box-pack: initial;
	-ms-flex-pack: initial;
	-webkit-justify-content: initial;
	justify-content: initial;
}

.i-c-text {
	text-align: center;
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	height: 86px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.t-text{
	font-size: 16px;
	color: #333333;
}

.d-text{
	font-size: 12px;
	color: #999;
	margin-top: 6px;
}


.i-h-bg{
	height: 128px;
	background: #eee;
	position: relative;
}

.grade{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../png/grade_bg.png) center center no-repeat;
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	height: 22px;
	width: 92px;
}

.i-h-bg .title{
	font-size: 22px;
	color: #333;
	font-weight: bold;
}

.intro-con-box .i-c-item:last-child .i-h-bg.diamond{
	background-image: linear-gradient( 135deg, #e3f3ff 0%, #d0a4e3 100%);
}

.intro-con-box .i-c-item:last-child .i-h-bg.diamond .title{
	color: #672f7c;
}

.intro-con-box .i-c-item:last-child .i-h-bg.diamond .text{
	color: #672f7c;
}

.i-h-bg .text{
	font-size: 12px;
	margin-top: 6px;
	color: #858585;
}

.i-h-bg.gold{
	background-image: linear-gradient( 135deg, #fff6df 0%, #ffebb4 100%);
}

.i-h-bg.gold .title,.i-h-bg.gold .text{
	color: #e38330;
}

.i-h-bg.platinum{
	background-image: linear-gradient( 135deg, #faf4ec 0%, #ecd9be 100%);
}

.i-h-bg.platinum .title,.i-h-bg.platinum .text{
	color: #aa844c;
}

.i-h-bg.diamond{
	background-image: linear-gradient( 135deg, #554f49 0%, #262526 100%);
}

.i-h-bg.diamond .title,.i-h-bg.diamond .text{
	color: #f1d9b1;
}

.i-v-p{
	height: 120px;
}