@charset "utf-8";
/* CSS Document */

    html,
			body,
			form,
			fieldset,
			p,
			div,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			dl,
			dt,
			dd,
			em,
			strong,
			input {
				-webkit-text-size-adjust: none;
				font-family: "Microsoft Yahei", "微软雅黑";
			}
			
			body {
				min-width: 320px;
				font-family: 微软雅黑;
				font-size: 14px;
				margin: 0px auto;
				padding: 0px;
				background: #fff;
			}
			
			body,
			div,
			ul,
			li,
			ol,
			div,
			form,
			textarea,
			p,
			dd,
			dt,
			dl,
			fieldset,
			legend,
			iframe {
				margin: 0px;
				padding: 0px;
				border: none
			}
			
			table,
			tbody,
			td {
				margin: 0px;
				padding: 0px;
			}
			
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				margin: 0px;
				padding: 0px;
				text-rendering: optimizelegibility;
				font-family: 微软雅黑;
			}
			
			li {
				list-style: none;
				vertical-align: bottom
			}
			
			img,
			fieldset {
				border: none
			}
			
			body a {
				outline: none;
				font-family: "微软雅黑";
			}
			
			a,
			area {
				blr: expression(this.onFocus=this.blur())
			}
			
			 :focus {
				-moz-outline-style: none;
			}
			
			.clear:after {
				content: '.';
				clear: both;
				display: block;
				height: 0;
				visibility: hidden
			}
			
			.clear {
				zoom: 1;
				clear: both;
				display: block
			}
			
			a:link,
			a:visited {
				text-decoration: none;
			}
			
			a:hover,
			a:active {
				color: #cc0000;
				text-decoration: none;
			}
			
			.auto-width {
				width: 100%;
				height: auto;
			}
			
			.img-block {
				display: block;
			}
			
			.img-middle {
				vertical-align: middle;
			}
			/**/
			
			
.member_con{ width:100%;}

/*swiper*/
.tabs{top: 0px;left: 0;width: 100%;height:10vh;display: flex; justify-content:center}
.tabs a{ display:block; flex:1; position:relative;height:100%; line-height: 10vh; text-align:center; color:#bbbbbb; font-size:16px;font-weight:bold;}
.tabs a.active{ color:#333333;  }

.label_text{ display:inline-block; font-size:12px; height:13px; line-height:13px; padding:0 4px 0 3px; border: 1px solid rgba(255,87,87,1);border-radius: 14px 20px 20px 0px; color: #FF5E5A; position:absolute; right:0; top:50%; margin-top:-25px;}
.label_hot{ width:15px; height:16px; background: url(/images/VipInfo/hot.gif) no-repeat center top; background-size:100%; position:absolute; top:50%; margin-top:-24px; right:12%; display:non e }
a.active .triangle01{ width:20%; height:3px; border-radius:6px; position:absolute; left:50%; margin-left:-10%; bottom:16%}
a.member1.active .triangle01{ background:#FFA25C}
a.member2.active .triangle01{ background:#FF877E}
a.member3.active .triangle01{ background:#F9B52B}
a.member4.active .triangle01{ background:#E6B194}




.member_card{ width:96%; padding-top:35%; position:relative; background:url(/images/VipInfo/bg01.png) no-repeat center; background-size:100%; margin:0 auto}
.gongxun .member_card{background:url(/images/VipInfo/bg02.png) no-repeat center; background-size:100%; }
.chaoji .member_card{background:url(/images/VipInfo/bg03.png) no-repeat center; background-size:100%; }
.wanneng .member_card{background:url(/images/VipInfo/bg04.png) no-repeat center; background-size:100%; }

.card_line{ position:absolute; left:8%; top:14%;  width:84%;  box-sizing:border-box; overflow:hidden; }
.card_line02{ position:absolute; left:8%; bottom:21%; width:84%; height:34px; line-height:34px;   box-sizing:border-box; overflow:hidden; }
.card_Photo{  width:10%; padding-top:10%; position:relative; box-sizing:border-box;}
.card_Photo img,.card_Photo_wk{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1}
.card_Photo img{ overflow:hidden; border-radius:50%}
.card_Photo_wk{ background:url(/images/VipInfo/qingxiangtx.png) no-repeat center top; background-size:100%; z-index:2 !important}
.qingxiang .card_Photo_wk {background:url(/images/VipInfo/qingxiangtx.png) no-repeat center top; background-size:100%;}
.gongxun .card_Photo_wk {background:url(/images/VipInfo/gongxuntx.png) no-repeat center top; background-size:100%;}
.chaoji .card_Photo_wk {background:url(/images/VipInfo/chaojitx.png) no-repeat center top; background-size:100%;}
.wanneng .card_Photo_wk {background:url(/images/VipInfo/wannengtx.png) no-repeat center top; background-size:100%;}
.card_left_name{ font-size:16px; width:55%; color:#7B451F; font-weight:bold; height:20px; line-height:20px; position: absolute;top: 50%;margin-top: -10px;left: 12%;}
.card_left_name span{ display:inline-block; vertical-align:middle; margin-top: -2px;}
.card_left_name span.project_name{overflow:hidden; white-space:nowrap;    text-overflow:ellipsis;   max-width:46.5%}
.card_right_time{ font-size:12px; color:#7B451F; padding-left:17px; background:url(/images/VipInfo/qingxiang_time.png) no-repeat center left; background-size:12px; position:absolute; right:0; top:50%; height:20px; line-height:20px; margin-top:-10px}
.gongxun .card_right_time{background:url(/images/VipInfo/gongxun_time.png) no-repeat center left; background-size:12px;}
.chaoji .card_right_time{background:url(/images/VipInfo/chaoji_time.png) no-repeat center left; background-size:12px; color: rgba(255,219,132,0.7) !important}
.wanneng .card_right_time{background:url(/images/VipInfo/wanneng_time.png) no-repeat center left; background-size:12px; color: rgba(232,172,140,0.8) !important}
.card_right_Tips{background: url(/images/VipInfo/gongxun_Tips.png)  no-repeat center left; background-size:12px;}
.gongxun .card_right_Tips{background: url(/images/VipInfo/gongxun_Tips.png)  no-repeat center left; background-size:12px;}
.chaoji .card_right_Tips{background: url(/images/VipInfo/chaoji_Tips.png)  no-repeat center left; background-size:12px;}
.wanneng .card_right_Tips{background: url(/images/VipInfo/wanneng_Tips.png)  no-repeat center left; background-size:12px;}

.card_left_number{ font-size:12px; color:#7B451F; }
.card_left_number span{ font-size:18px; font-weight:500}
.card_right_btn{ position:absolute; right:0; top:0; width:30%; line-height:32px; height:32px;}
.card_right_btn a{ display:block;  text-align:center; width:100%; height:100%;  margin-top:1px; border-radius:25px; color:#FF6F2A; font-weight:500; background:#ffffff;}
.gongxun .card_right_btn a{color:#FB5343; background:#ffffff;}
.chaoji .card_right_btn a{color:#333 ; background-image: linear-gradient(270deg, #feb618 6%, #ffe077 90%);}
.wanneng .card_right_btn a{color:#333; background-image: linear-gradient(270deg, #E8AC8C 6%, #F8D5B2 90%);}



.btn_Open{ width:100%; z-index:2; height:64px; background: #FFFFFF; border-top:1px solid #eeeeee; position: fixed; left:0; bottom:0;display:none}
.btn_Open a{ display:block; width:90%; border-radius:25px;font-weight: bold; height:44px; line-height:44px; margin:10px auto 0 auto; text-align:center; font-size:16px; color:#FFFFFF; background-image: linear-gradient(270deg, #FF692A 7%, #FF942A 95%); }
.qingxiang_btn a{ background-image: linear-gradient(270deg, #FF692A 7%, #FF942A 95%);}
.gongxun_btn a{ background-image: linear-gradient(265deg, #FA4B3D 1%, #FF7460 96%);}
.chaoji_btn a{ background-image: linear-gradient(90deg, #FFDC93 3%, #FFC44D 91%); color:#333333}
.wanneng_btn a{ background-image: linear-gradient(270deg, #E8AC8C 6%, #F8D5B2 90%); color:#333333}
.btn_grey a{background-image: linear-gradient(90deg, #DDDDDD 5%, #CCCCCC 98%); color:#ffffff}

.btn_receive{ display:block; width:55px; height:55px; border-radius:50%; position:fixed; right:10px; bottom:15%; text-align:center; line-height:18px; font-size:13px; z-index:9; box-sizing:border-box; padding-top:9px;}
.btn_receive_qingxiang{background-image: linear-gradient(180deg, #FF942A 0%, #FF692A 100%); color:#ffffff !important} 
.btn_receive_gongxun{background-image: linear-gradient(180deg, #FF7460 0%, #FA4B3D 100%);color:#ffffff !important}
.btn_receive_chaoji{background-image: linear-gradient(180deg, #FFDC93 0%, #FFC44D 100%);color:#333333 !important}
.btn_receive_wanneng{background-image: linear-gradient(180deg, #F8D5B2 0%, #E8AC8C 100%);color:#333333 !important}



.hy_tit{ padding:0 4%; font-size:16px; font-weight:bold; color:#333333; height:40px; line-height:40px; margin:5px  auto 0 auto; box-sizing:border-box}
.hy_tit span{ color:#BBBBBB; font-size:12px; font-weight:400}
.arrow_right{ float:right; font-size:12px; padding-right:12px; background: url(/images/VipInfo/arrow_right.png) no-repeat right 16px; background-size:5px; font-weight:400; color:#BBBBBB}
.vip_privilege{ border-radius:10px;width:92%; margin:0 auto 15px auto; padding-bottom:10px;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);}
.privilege_tit{border-top:1px solid #EEEEEE; padding-top:3px;}
.no_line{ border:none}
.privilege_tit span{ font-size:12px; color:#999999; margin-left:10px; margin-top:1px; padding:3px 6px; display:inline; background: #F8F8F8;border-radius: 0px 0px 10px 10px;}
.privilege_con{ width:100%;  padding-bottom:12px; margin-bottom:3px;}
.privilege_con table{ margin-top:2px;}

.privilege_con table tr td img{ width:28%; margin-bottom:8px; max-width:60px}
.privilege_con table tr td{text-align:center; width:33%; padding:3% 0;  font-size:3.5vw; color:#333333; line-height:5.8vw; font-weight:500}
.privilege_con table tr:first-child td{ width:34%}
.privilege_con table tr td span{  font-size:2.8vw; color:#666666; font-weight:400;}
.privilege_con table tr td a{ color:#333; cursor:pointer}
.vipmore_btn{ font-size: 14px;color: #FFA25C;width: 100px;height: 30px;line-height: 30px;box-sizing: border-box;padding-left: 12px; margin:10px auto }
.gongxun .vipmore_btn{color: #FF877E;}
.chaoji .vipmore_btn{color: #F9B52B;}
.wanneng .vipmore_btn{color: #E9B89C;}

.vipmore_btn span{ display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:5px; background: url(/images/VipInfo/jt01.png) no-repeat center; width:10px; height:10px; background-size: 100%;}
.gongxun .vipmore_btn span{ background: url(/images/VipInfo/jt02.png) no-repeat center;  background-size: 100%;}
.chaoji .vipmore_btn span{ background: url(/images/VipInfo/jt03.png) no-repeat center;  background-size: 100%;}
.wanneng .vipmore_btn span{ background: url(/images/VipInfo/jt04.png) no-repeat center;  background-size: 100%;}

.vipmore_btn.arrow_up span{transform:rotate(180deg);}
.text_tishi{ text-align:center; height:30px; line-height:30px; font-size:12px;}
.text_tishi span{ width:10px; height:10px; border-radius:50%; margin-right:5px; display:inline-block; background:#FFA25C;vertical-align: middle; margin-top:-2px}
.gongxun .text_tishi span{background:#FF877E;}
.chaoji .text_tishi span{background:#F9B52B;}
.wanneng .text_tishi span{background:#E9B89C;}
.text_tishi span.dian02{ background:#CCCCCC; margin-left:25px}
.vip_details{ width:90%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);background: #FFFFFF;border-radius: 10px; padding:20px 15px; margin-top:10px; margin-bottom:30px;box-sizing:border-box;}
.vip_details .details_tit{ font-size:16px; font-weight:bold; color:#666;}
.vip_details .details_text01{ font-size:13px;color: #666666; line-height:24px; margin:10px 0;}
.vip_details img{ width:100%;}
.vip_details .details_text02{color: #9A9A9A;}
.video_btm{ width:90%; margin:10px auto;border-radius:15px; overflow:hidden; }


.gongxun .card_left_name,.gongxun .card_right_time,.gongxun .card_left_number{ color:#83140C;}
.chaoji .card_left_name,.chaoji .card_right_time,.chaoji .card_left_number{ color:#FFDB84;}
.wanneng .card_left_name,.wanneng .card_right_time,.wanneng .card_left_number{ color:#FFEDDA ;}

.viptit_top{ text-align:center; font-size:18px; color: #333333;font-weight: 500; height:46px; line-height:46px; border-bottom:1px solid #EBEBEB;}
.vip_goback{ background:url(/images/vipinfo/back.png) no-repeat center; width:10px; height:16px; background-size:100%; position:absolute; left:10px; top:14.5px;}


.tab {
    top: 0px;
    left: 0;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
}
.tabItem{
    display: block;
    flex: 1;
    position: relative;
    height: 100%;
    line-height: 10vh;
    text-align: center;
    color: #bbbbbb;
    font-size: 16px;
    font-weight: bold;
}
.active{color:#333333; font-weight:bold}
.active span{ width: 20%;
    height: 3px;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    margin-left: -10%;
    bottom: 16%;}


.active .label_01{ background:#FFA25C}
.active .label_02{ background:#FF877E}
.active .label_03{ background:#F9B52B}
.active .label_04{ background:#E6B194}
/*.tabItem4.active .label_hot{ display:block}*/ 

.swiper02{ padding-bottom:20px; margin-bottom:80px;}
.swiper02 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFA25C;
}
/*
.swiper02 .swiper-wrapper{ height:auto !important;}

.swiper01.swiper-wrapper{align-items: baseline; height:auto !important;}*/
/*.swiper01 .swiper-slide{ height:auto !important; overflow:hidden;}
.swiper01 .swiper-wrapper .swiper-slide-active{height: inherit !important;}
.swiper01 .swiper-wrapper{ height: inherit !important; overflow:hidden; }
*/


.swiper02 .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
}
.swiper02 .swiper-slide img{ width:100%}





@media only screen and (min-width: 375px) and (max-width: 413px) {
.card_left_name,.hy_tit,.tabItem{ font-size:15.5px;}


}
@media only screen and (min-width: 320px) and (max-width: 370px) {
.card_left_name,.hy_tit,.tabItem{ font-size:13px;}

}

@media only screen and (min-width: 414px){
	.privilege_con table tr td{ line-height:5.3vw}
	
	}
@media only screen and (min-width: 420px){
	.card_left_name,.hy_tit,.tabItem{ font-size:20px;}
	.privilege_con table tr td{ font-size:20px; line-height:32px}
	.privilege_con table tr td span{ font-size:16px;}
	}