@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%;}
div.member_con.bg01{background-image: linear-gradient(-55deg, #FF5827 0%, #FF942A 100%);}
div.member_con.bg02{background-image: linear-gradient(124deg, #FF654E 0%, #FF4231 100%);}
div.member_con.bg03{background-image: linear-gradient(90deg, #F6DBA0 5%, #FBD06A 55%, #FDAF12 100%);}
div.member_con.bg04{background-image: linear-gradient(270deg, #E8AC8C 6%, #F8D5B2 90%);}
.bg03 .tabs a,.bg04 .tabs a{ color:#333333 }
.bg03 .tabs a.active,.bg04 .tabs a.active{ color:#333333; opacity:1}
/*swiper*/
.tabs{top: 0px;left: 0;width: 100%;height:8vh;display: flex; justify-content:center}
.tabs a{ display:block; flex:1; position:relative;height:100%; line-height: 6vh; text-align:center; color:#fff; font-size:16px; opacity:0.5; font-weight:500}
.tabs a.active{ color:#fff; opacity:1}


.tabs a.active .triangle01{ width:20%; height:2px; background:#fff; border-radius:6px; position:absolute; left:50%; margin-left:-10%; bottom:16%}
.bg03 .tabs a.active .triangle01,.bg04 .tabs a.active .triangle01{ background:#333333; }

.member_slide{ border-radius:15px 15px 0 0; background:#fff; overflow:hidden}
.member_title{ font-size:15px; color:#FFA25C; text-align:center;  margin:25px auto }
.member_title02{ color:#FF877E}
.member_title03{ color:#FEBE53}
.member_title04{ color:#DA946D}
.member_slide_con{ width:92%; margin:0 auto 60px auto;}
.member_slide ul{ margin-top:15px;background:#fafafa; border-radius:10px; padding:10px 0}
.member_slide ul .tit_bg{ background:#EFF4FC; color:#7DAAFF; font-size:15px; font-weight:bold; border-radius:10px 10px 0 0}
.member_slide ul li img{ display:inline-block; width:6%; max-width:19px; vertical-align:middle; margin-top:-2px; margin-right:10px;}
.member_slide ul li{ font-size:15px; color:#333333; height:40px; line-height:40px; padding:0 15px; }
.member_slide ul li.li_wrong{color:#999999;}
.member_slide ul li span{width:5%; max-width:16px; height:100%;  background: url(/images/VipInfo/dui.png) no-repeat center; background-size:100%; float:right}
.member_slide ul li.li_wrong span{ background: url(/images/VipInfo/cuo.png) no-repeat center; background-size:100%;}
/*.swiper-slide{ height: inherit !important; overflow:hidden;}
.swiper-wrapper{ height: inherit !important; overflow:hidden;}*/
.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; 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}

.viptit_top{ text-align:center; font-size:18px; color: #ffffff;font-weight: 500; height:46px; line-height:46px;}
.vip_goback{ background: url(/images/vipinfo/back02.png) no-repeat center; width:10px; height:16px; background-size:100%; position:absolute; left:10px; top:14.5px;}
 




