@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
	font-family:Microsoft YaHei;
}
a{
	text-decoration:none;
}
.viptop{
	width:1200px;
	height:80px;
	lineheight:80px;
	margin:0 auto;
}
.topleft_old{
	width:167px;
	height:37px;
	float:left;
	margin-top:21px;
}
.topright{
	float:right;
}
.topright a{
	display:inline-block;
	height:80px;
	line-height:80px;
	margin-left:20px;
	color:#666;
}
.topright a:hover{
	display:inline-block;
	height:80px;
	line-height:80px;
	margin-left:20px;
	color:#666;
}
.xialabg{
	background:#FAFAFA;
	position:absolute;
	filter:alpha(opacity=20); /*IE滤镜，透明度50%*/
	-moz-opacity:0.2; /*Firefox私有，透明度50%*/
	opacity:0.2;/*其他，透明度50%*/
	width:100%;
	height:100%;
	z-index:10001;
	top:0;
	left:0;
}
.xlul1{
	position:relative;
	z-index:10002;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.xlul1 li{
	list-style-type:none;
	float:left;
	font-size:12px;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:88px;
}
.xlul1 li a{
	color:#FFF;
	line-height:30px;
	height:30px;
	margin-left:0;
	
}
.xlul1 li a:hover{
	color:#000;
	line-height:30px;
	height:30px;
	margin-left:0;
}
.banner{
	background:url(../images/vip/vipbanner.png) top center;
	width:100%;
	height:300px;
}
.banner1{
	background:url(../images/vip/vipbanner1.png) top center;
	width:100%;
	height:300px;
}
.vipcard{
	width:1200px;
	height:449px;
	margin:0 auto;
}
.smallcard{
	position:relative;
	background:url(../images/vip/weekcard.png) no-repeat;
	width:332px;
	height:337px;
	margin-top:66px;
	display:block;
	float:left;
	margin-left:27px;
}
.shuoming1{
	font-size:16px;
	color:#999;
	display:block;
	width:191px;
	height:32px;
	line-height:32px;
	background:url(../images/vip/cardonemess.png) no-repeat;
	margin:90px auto 0;
}
.shuoming{
	font-size:16px;
	color:#999;
	display:block;
	width:191px;
	height:32px;
	line-height:32px;
	background:url(../images/vip/cardonemess.png) no-repeat;
	margin:0 auto;
}
.vip-group{
	display:none;
	position:absolute;
	width: 332px;
	height: 262px;
	background-color: rgba(0,0,0,0.5);
	bottom: 3px;
}
.vip-group .vip-group-content{
	width: 180px;
	height: 222px;
	margin: 20px auto;
	background: #fff;
	text-align: center;
}
.vip-group .vip-group-content .proewm{
	width: 150px;
	height: 150px;
	margin-top: 15px;
}
.vip-group .vip-group-content  p {
	margin-top:15px;
	color: #fb3c49;
}
.shuomingmess{
	margin-left:30px;
}
.bigcard{
	position:relative;
	background:url(../images/vip/monthcard.png) no-repeat;
	margin-left:50px;
	margin-top:24px;
	width:384px;
	height:380px;
	display:block;
	float:left;
}
.bigcard .big-vip-group {
	bottom: 4px;
	left: 4px;
	width: 380px;
}
.shuoming2{
	font-size:16px;
	color:#999;
	display:block;
	width:191px;
	height:32px;
	line-height:32px;
	background:url(../images/vip/cardonemess.png) no-repeat;
	margin:132px auto 0;
}
.yearcard{
	position:relative;
	background:url(../images/vip/yearcard.png) no-repeat;
	margin-left:50px;
	margin-top:66px;
	width:332px;
	height:337px;
	display:block;
	float:left;
}
.shuoming3{
	font-size:16px;
	color:#999;
	display:block;
	width:260px;
	height:32px;
	line-height:32px;
	background:url(../images/vip/cardonemess1.png) no-repeat;
	margin:90px auto 0;
}
.shuoming4{
	font-size:16px;
	color:#999;
	display:block;
	width:260px;
	height:32px;
	line-height:32px;
	background:url(../images/vip/cardonemess1.png) no-repeat;
	margin:0 auto;
}
.vipprice{
	width:100%;
	text-align:center;
	color:#fb3c49;
	font-size:30px;
	margin:13px auto;
}
.gokaitong{
	width:196px;
	height:47px;
	display:block;
	margin:0 auto;
}
.hysm{
	width: 100px;
	color:#fb3c49;
	font-size:12px;
	text-decoration:underline;
	display:block;
	margin: 9px auto;
    padding-left: 30px;
}
.allprice{
	font-size:20px;
	color:#bbbbbb;
	padding-right:20px;
}
.zhekou1{
	position:absolute;
	left:5px;
	top:35px;
	width:67px;
	height:67px;
}
.zhekou2{
	position:absolute;
	left:10px;
	top:77px;
	width:67px;
	height:67px;
}
.middle{
	width:100%;
	background:#F6F6F6;
	display:block;
	overflow: hidden;
	padding-bottom:40px;
}
.cp{
	width:1200px;
	margin:0 auto;
}
.cponeline{
	padding-top:40px;
	display:block;
	padding-bottom:0;
}
.onelineleft{
	width:314px;
	float:left;
	height:25px;
}
.cpbigtype{
	height:25px;
	line-height:25px;
	border-left:3px solid #F95D5D;
	font-size:18px;
	color:#f95d5d;
	padding-left:10px;
	float:left;
	cursor:pointer;
	font-weight:bolder;
}
.cpstyle{
	width:886px;
	height:25px;
	line-height:25px;
	font-size:14px;
	float:right;
}
.more{
	color:#999;
	display:inline-block;
	float:right;
	font-size:13px;
}
.onestyle4{
	color:#999;
	display:inline-block;
	float:right;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	height:25px;
	line-height:25px;
	cursor:pointer;
	font-size:13px;
	font-weight:500;
}
.xiexian{
	float:right;
	color:#DDDDDD;
}
.onecp{
	margin-right:13px;
	width:288px;
	height:390px;
	background:#FFF;
	border:1px solid #FFF;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}
.onecp1{
	margin-right:13px;
	width:288px;
	height:228px;
	background:#FFF;
	border:1px solid #FFF;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}
.onecp:hover{
	border:1px solid #EEE;
}
.onecp1:hover{
	border:1px solid #EEE;
}
.hyimg1{
	position:absolute;
	right:-4px;
	top:-1px;
	z-index:5;
}
.hyimg2{
	position:absolute;
	right:-4px;
	top:2px;
	z-index:1
}
.cpimg{
	position:relative;
	overflow:hidden;
	display:block;
	top:-1px;
	left:-1px;
	width:290px;
	height:322px;
	z-index:2;
}
.cpimg1{
	position:relative;
	overflow:hidden;
	display:block;
	top:-1px;
	left:-1px;
	width:290px;
	height:163px;
	z-index:2;
}
.cpimg img{
	width:290px;
}
.cpimg1 img{
	width:290px;
}
.cptitle{
	font-size:12px;
	padding:0 8px;
	height:30px;
	line-height:30px;
	color:#666;
	display:block;
	font-weight:bold;
}
.cptitle:hover{
	color:#333;
}
.cpprice{
	font-size:12px;
	margin-left:8px;
	height:20px;
	line-height:20px;
	width:100px;
	float:left;
	color:#f95d5d;
	font-weight:bold;
}
.llandbuy{
	margin-left:8px;
	display:block;
	float:right;
	text-align:right;
	margin-right:15px;
	width:155px;
	color:#bbbbbb;
	font-size:12px;
}
.liulannum{
	margin-right:5px;
}
.salenum{
	margin-left:5px;
}
.downloadimg{
	position:absolute;
	left:-1px;
	bottom:0;
	z-index:6;
	width:145px;
	height:69px;
	display:none;
	
}
.downloadimg img {
	width:145px;
	height:69px;
}
.collectionimg{
	position:absolute;
	left:144px;
	bottom:0;
	z-index:6;
	width:145px;
	height:69px;
	display:none;
}
.collectionimg img{
	width:145px;
	height:69px;
}
.smcontent{
	width:1200px;
	margin:20px auto;
}
h1{
	width:100%;
	text-align:center;
	font-size:20px;
}
/**vip**/
.yanj_vip{
	height:340px;
	background: url(../images/vip/banner.png) no-repeat top center;
	background-size: 100%;
}
.vip_center_bg{
	 background: #638cf7;
}
.vip_compare{
	position: relative;
}
.vip_compare .block-title{
	font-size:24px;
	color:#333333;
	padding:50px 0;
}
.vip_bg_fff {background:#fff;}
ul.gridtable{
	text-align:unset;
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:#666666;
	width:1020px;
	height:551px;
	margin:0 auto;
	background: url(../images/vip/vip_introduce_bg.png) no-repeat -2px 2px;
}
ul.gridtable div.col-1 li{
padding:20px 0;
}
ul.gridtable li {
	font-size:14px;
	text-align:center;
	float:left;
	list-style:none;
	width:205px;
}
ul.gridtable div.col-1 li p{
	padding-top:30px;
}
ul.gridtable li span{
	font-size:22px;
}
.table_font_18{
	font-size:18px;
	color:#fff;
} 
.table_font_48{
	font-size:48px;
	color:#fff;
}  
.vip_center{
	width:1300px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 25px;
	background: #fff;
}
div.col-1{
	height:172px;
}
div.col-1 li i{
	display:inline-block;
    width: 120px;
    height: 121px;
    position: relative;
	top:3px;
	left:-3px;
    background-color: transparent;
}
div.col-1 li i:before {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom: 120px solid #7f7a7a;
    border-right: 121px solid transparent;
    content: "";
}

div.col-1 li i:after {
    position: absolute;
    left: 0;
    right: 1px;
    top: 1px;
    bottom: 0;
    border-bottom: 120px solid white;
    border-right: 121px solid transparent;
    content: "";
}

div.col-2{
	line-height:72px;
	height:72px;
}
div.line-center li:first-child p{
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
}
div.col-3{
	line-height:77px;
	height:77px;
}
div.col-4{
	line-height:72px;
	height:72px;
}
div.col-5{
	line-height:86px;
	height:86px;
}
div.col-6{
	height:72px;
}
div.col li:first-child{
	width:193px;
}
li.experience{
	background: url(../images/vip/yellow_diamond.png) no-repeat 36px 20px;
}
li.classic{
	position: relative;	   
	background: url(../images/vip/pink_diamond1.png) no-repeat 36px 20px;
}
li.classic img{
	position: absolute;
	right: 12px;
    top: -6px;
}
li.year{
	background: url(../images/vip/pink_diamond2.png) no-repeat 36px 20px;
}
ul.gridtable div.col-6 a.a-btn{
	display:inline-block;
	width:120px;
	height:37px;
	line-height:37px;
	border-radius: 37px;
	background:#ff950e;
	color:#fff;
	margin-top:18px;
	text-decoration: none;	
}
.text-hide{
	text-indent:-9999px;
}
p.tiop{
	margin-top:30px;
	font-size:14px;
}
.block-more{
	width: 1200px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
	margin: 0 auto;
}
#viplist{
	overflow: hidden;
	width: 1200px;
    margin: 0 auto;
}
.vip-bottom{
	width:100%;
	height: 90px;
	background: #638cf7;
}
.vip_title{
	margin-bottom: 30px;
	position: relative;
}
.vip_title h3{
	display: inline-block;
}
.vip_title .question{
	position: absolute;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	right: 27px;
	top: 7px;
	cursor: pointer;
}
.dial-common2 {
	display: none;
	width: 600px;
	height: 640px;
	background: #FFFFFF;
	border-radius: 2px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding-top: 40px;
	box-sizing: border-box;
	z-index: 1001;
}
.dial-common2>img {
	position: absolute;
	right: 14px;
	top: 14px;
	cursor: pointer;
}
.dial-common2 .tips {
	width: 168px;
	height: 38px;
	position: absolute;
	top: -19px;
	left: 0;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 2.96px;
	background: url(../images/vip/rectangle.png) no-repeat center;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.dial-common2 table,table tr th, .dial-common2 table tr td { border:1px solid #d9d9d9; }
.dial-common2 table{
	width: 90%;
	margin: 0 auto;
	font-size: 12px;
}
.dial-common2 table tr{
	height: 22px;
}
.dial-common2 table tr th{
	font-weight: 600;
}
.dial-common2 table tr td:first-child{
	font-weight: 600;
	width: 45%;
}
.dial-common2 table tr td:nth-child(2){
	text-align: center;
	width: 25%;
}
.dial-common2 table tr td:nth-child(3){
	text-align: center;
}
.yesSuccess{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASBAMAAABcAGiTAAAAMFBMVEX///9ctFv6/fqLyoqq2KluvW5ht2Dp9enR6tGv26+UzpPq9urb79vM6Mt5wXh1wHVLKmeBAAAAUElEQVQI12NAAM5YBiTgKKaA4LAICiNLCRqhSCngl9I8gCxlmIGs66FYA5KuUsEMJAPZA4GSYCmYJEQKJrkQJAWXBEvBJYFSCLDlF0gKEwAAdmMPShuYP/cAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: 10px 10px;
	vertical-align: middle;
}
.noSuccess {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEX////DOTX35OPKT0z78vHYfXrNV1TWdXKGdIaAAAAAmklEQVQoz3XTQQqDMBCF4VKErh+lXRcK3dcTeAWPoCfw/isTEf6Rx8siTiafEpPJLbThOpyOfl5r7vfq/UPPD7n7X1uH0kjyKzU6SJ0CpfbVRZ0C9T6fjQLHGgCImCes08QXyAAIBRYKLBRYKLBQIBQIBXoyvw6E+pLi4v0344b41uVNJob6waUjBhbgZZMKzEsxFK2Xd74I3nbt1iSHnz1YiwAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: 10px 10px;
}
.vip_by{
	text-align: center;
}
.vip_by .vip-type-name{
	font-weight: 700;
	font-size: 16px;
	color: rgb(16, 16, 16);
	line-height: 29px;
	margin-bottom: 25px;
}
.vip_by .vip-type-name span{
	font-weight: 700;
	font-size: 25px;
	color: rgb(16, 16, 16);
	line-height: 45px;
	margin-left: 10px;
}
.vip_by .vip-name{
	font-weight: 700;
	font-size: 25px;
	color: rgb(16, 16, 16);
	line-height: 45px;
	text-decoration: none;
}