a:hover {
text-decoration: none;
}
html{
height: auto !important;
}
body {
background: url(../img/bj.jpg) no-repeat;
background-color: #141414;
width: 100% !important;
height: 100% !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
}
.wp {
margin: 0 auto;
width: 1200px;
}
.huaidan-new-head {
padding-top: 125px;
text-align: center;
}
.huaidan-new-head>h1 {
width: 600px;
margin: 0 auto;
height: 40px;
line-height: 40px;
font-size: 40px;
background: -webkit-gradient(linear, left top, right top, from(#ffe2bd), to(#d7a967));
background: -webkit-linear-gradient(left, #ffe2bd, #d7a967);
background: -o-linear-gradient(left, #ffe2bd, #d7a967);
background: linear-gradient(to right, #ffe2bd, #d7a967);
color: transparent;
color: #d7a967 \9\0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-moz-color: #d7a967 \9\0;
letter-spacing: 8px;
}
.huaidan-new-head>p {
height: 22px;
line-height: 22px;
font-size: 22px;
margin-top: 38px;
color: #f0d199;
letter-spacing: 6px;
}
.huaidan-new-head .huaidan-join-btn {
margin: 116px auto 40px;
}
.huaidan-join-btn {
display: block;
overflow: hidden;
width: 280px;
height: 60px;
line-height: 60px;
text-indent: 10px;
margin: 80px auto 102px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;
color: #fff;
font-size: 24px;
letter-spacing: 2px;
background: -webkit-gradient(linear, left top, right top, from(#e5bf8e), to(#654312));
background: -webkit-linear-gradient(left, #e5bf8e, #654312);
background: -o-linear-gradient(left, #e5bf8e, #654312);
background: linear-gradient(to right, #e5bf8e, #654312);
}
.huaidan-graHover {
position: relative;
}
.huaidan-new-head .huaidan-head-deco {
margin-top: 64px;
}
.huaidan-head-deco {
position: relative;
width: 48px;
height: 53px;
margin: 124px auto 0;
background: url(../img/crow.png);
}
.huaidan-head-deco:before {
left: -576px;
background: -webkit-gradient(linear, left top, right top, from(#332f23), color-stop(20%, #a58352), to(#d5ab6a));
background: -webkit-linear-gradient(left, #332f23 0, #a58352 20%, #d5ab6a 100%);
background: -o-linear-gradient(left, #332f23 0, #a58352 20%, #d5ab6a 100%);
background: linear-gradient(to right, #332f23 0, #a58352 20%, #d5ab6a 100%);
}
.huaidan-head-deco:after, .huaidan-head-deco:before {
position: absolute;
top: 0;
bottom: 0;
width: 556px;
height: 1px;
margin: auto 0;
content: '';
}
.huaidan-head-deco:after {
right: -576px;
background: -webkit-gradient(linear, left top, right top, from(#d5ab6a), color-stop(80%, #a58352), to(#332f23));
background: -webkit-linear-gradient(left, #d5ab6a 0, #a58352 80%, #332f23 100%);
background: -o-linear-gradient(left, #d5ab6a 0, #a58352 80%, #332f23 100%);
background: linear-gradient(to right, #d5ab6a 0, #a58352 80%, #332f23 100%);
}
.huaidan-sec-tit {
display: inline-block;
font-weight: bold;
height: 44px;
line-height: 44px;
font-size: 28px;
text-align: center;
background: -webkit-gradient(linear, left top, right top, from(#ffe2bd), to(#d7a967));
background: -webkit-linear-gradient(left, #ffe2bd, #d7a967);
background: -o-linear-gradient(left, #ffe2bd, #d7a967);
background: linear-gradient(to right, #ffe2bd, #d7a967);
color: transparent;
color: #d7a967 \9\0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-moz-color: #d7a967 \9\0;
}
.huaidan-new-head-c{
margin-bottom:50px;
padding-top: 10px;
margin-top:0px;
}
.huaidan-new-head-c .huaidan-head-deco {
position: relative;
width: 175px;
height: 53px;
margin: 124px auto 0;
background: none;
}
/*特权*/
#huaidan-vip-text{
margin: 10px;
}
.huaidan-vip{
position: relative;
text-align: center;
-webkit-box-pack: center;
display: -webkit-box;
width: 100%;
-webkit-box-sizing: border-box;
overflow-x: auto;
}
.huaidan-vip-text{
position: relative;
width: 28%;
margin: 90px 0px;
border-top: 1px solid #545454;
text-align: center;
border-bottom: 1px solid #545454;
border-left: 1px solid #545454;
}
.huaidan-vip .huaidan-vip-text:last-child {
border-right: 1px solid #545454;
margin-right: 1px;
}
.huaidan-vip-text .huaidan-viplist-c{
border-bottom: 1px solid #545454;
padding: 15px 0px;
font-size: 16px;
position: relative;
line-height: 35px;
color: #d9b27a;
font-weight: bold;
height: 65px;
}
.huaidan-vip-text .huaidan-viplist-c:last-child {
border-bottom: 0;
}
.huaidan-viplist-c .no, .huaidan-viplist-c .yes{
position: relative;
font-size: 26px;
color: #FF9800;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
top: 3px;
}
.huaidan-viplist-c .yes{
color: #8BC34A !important;
}
.vipactivate{
position:relative !important;
top:-50px !important;
overflow: hidden;
}
.huaidan-list-t{
border: 0;
padding: 8px;
}
.huaidan-list.huaidan-list-t li{
line-height: 50px;
color: #999;
display: inline-block;
padding: 5px 10px;
width: 93%;
}
.huaidan-list.huaidan-list-t li i{
color: #03A9F4;
font-size: 26px;
padding-right: 10px;
position: relative;
top: 3px;
}
.huaidan-list.huaidan-list-t li label{
position: relative;
top: 13px;
}
.huaidan-list-p{
height: 49px;
line-height: 48px;
text-align: center;
position: relative;
border-bottom: 1px solid #e0e0e0;
background: rgba(158, 158, 158, 0.16);
}
.huaidan-label-sp-c{
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 23px;
line-height: 21px;
font-size: 18px;
white-space: nowrap;
color: #fff;
padding: 0px 70px;
-webkit-transform: rotate(-45deg) translate(-31%, -205%);
transform: rotate(-45deg) translate(-31%, -205%);
background: -webkit-gradient(linear, left top, right top, from(#e5bf8e), to(#d7a967));
background: -webkit-linear-gradient(left, #e5bf8e, #d7a967);
background: -o-linear-gradient(left, #e5bf8e, #d7a967);
background: linear-gradient(to right, #e5bf8e, #d7a967);
}
.huaidan-center-title{
width:100%;
position: relative;
margin-top: 105px;
padding-top: 50px;
}
.huaidan-center-title h1{
margin-bottom: 10px;
padding: 5px 0px;
border-bottom: 1px solid #e0e0e0;
font-size: 16px;
color: #888;
line-height: 40px;
}
.huaidan-bakvip li{
width: 28%;
position: relative;
float: left;
border: 1px solid #67563f;
margin: 5px 11px;
padding: 5px 12px;
min-height: 350px;
border-radius: 5px;
box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
}
.huaidan-label-s{
font-size: 12px;
line-height: 15px;
display: inline-block;
padding: 1px 2px;
color: #ff7f0d;
border: 1px solid #ff7f0d;
border-radius: 2px;
position: relative;
top: -2px;
left: -1px;
}
.price{
line-height: 35px;
font-size: 15px;
color:#d9ac6d;
margin: 15px 0px;
text-align: center;
padding:6px 0px;
}
.present{
line-height: 30px;
height: 30px;
font-size: 15px;
color:#ff9800;
margin-top: 10px;
width: 100%;
}
.sf{
border-radius: 15px;
font-size: 14px;
padding: 3px;
font-weight: bold;
}
.huaidan-pay{
width: 93%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
border-top: 1px solid #463721;
text-align: center;
height: 80px;
position: absolute;
bottom: -2px;
}
.huaidan-bnt {
height: 35px;
line-height: 35px;
margin: 20px 1px;
padding: 1px 35px;
display: inline-block;
font-size: 18px;
background-color: #ddb276;
color: white;
border-radius: 30px;
box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, right top, from(#e5bf8e), to(#946d36));
background: -webkit-linear-gradient(left, #e5bf8e, #946d36);
background: -o-linear-gradient(left, #e5bf8e, #946d36);
background: linear-gradient(to right, #e5bf8e, #946d36);
}
.huaidan-notice{
height: 100px;
z-index: 99;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
text-align: center;
font-size: 16px;
}
.huaidan-loading-wrap,#huaidan-load-more,huaidan-page{
padding: 10px;
font-size: 15px;
text-align: center;
color:#888;
}
#huaidan-toast{width:100%; position:fixed; z-index:21; left:0; bottom:50%; text-align:center;}
#huaidan-toast-msg{
margin: 0 auto;
line-height: 35px;
background: rgba(0,0,0,0.7);
color: #FFFFFF;
font-size: 16px;
text-align: center;
border-radius: 6px;
display: inline-block;
padding: 5px 20px;
}
.huaidan-introduce{
position: relative;
width: 100%;
display: inline-block;
color: #888;
font-size: 15px;
border-top: 1px solid #e3e3e3;
padding:20px 0px;
margin: 5px 0px;
}
.huaidan-introduce .jvb{
display: inline-block;
padding: 6px 0px;
border: 3px solid #8BC34A;
border-radius: 2px;
background: #fff7de;
float: left;
position: relative;
top: 1px;
margin-right: 5px;
}
.huaidan-introduce p{
max-width: 100%;
line-height: 25px;
}
.vip_html{
padding: 10px 0px;
line-height: 26px;
position: relative;
overflow: hidden;
}
.present .data{
font-size: 14px;
color: #9E9E9E;
padding-left:5px;
}
.huaidan-bakvip li.activate{
box-shadow: 0 6px 13.8px 2.2px rgba(250,149,36,.31);
border: solid 1px #fbdf8a;
}
.vip_icon{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
text-align: center;
}
.vip_icon img{
width: 35px;
height: 35px;
border-radius: 50px;
}
.huaidan-center{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
text-align: center;
background: -webkit-gradient(linear, left top, right top, from(#ffe2bd), to(#d7a967));
background: -webkit-linear-gradient(left, #ffe2bd, #d7a967);
background: -o-linear-gradient(left, #ffe2bd, #d7a967);
background: linear-gradient(to right, #ffe2bd, #d7a967);
color: transparent;
color: #d7a967 \9\0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
padding-top: 12px;
}
.teq{
padding: 0px 10px;
display: inline-block;
font-size: 13px;
background-color: rgba(24, 180, 237, 0.53);
color:#d9ac6c;
border-radius: 15px;
}
.vip_discount{
line-height: 23px;
display: inline-block;
padding: 2px 8px;
border: 1px solid #d9ac6c;
border-radius: 5px;
float: right;
position: relative;
top: -5px;
}
#huaidan-page{
overflow: hidden;
}
.huaidan-label-sp{
position: absolute;
left: 0;
top: 0;
z-index: 5;
height: 20px;
line-height: 19px;
font-size: 15px;
background-color: #9C27B0;
white-space: nowrap;
color: #fff;
padding: 0px 60px;
-webkit-transform: rotate(-45deg) translate(-31%, -205%);
transform: rotate(-45deg) translate(-31%, -205%);
}
.huaidan-loading-wrap,#huaidan-load-more,huaidan-page{
padding: 10px;
font-size: 15px;
text-align: center;
color:#888;
}
.huaidan-loading-wrap a{
border-radius: 15px;
padding: 5px 0px;
background: #e2f3f9;
color: #00a5e0;
background-color: rgba(205, 242, 255, 0.95);
width: 95%;
display: inline-block;
}
.huaidan-viplist-c {
color: #999;
border-bottom: 1px solid #eee;
padding: 8px 0px;
font-size: 16px;
position: relative;
line-height: 20px;
}
.huaidan-viplist-c .yes {
font-size: 26px !important;
color: #8BC34A !important;
}
.huaidan-viplist-c .no, .huaidan-viplist-c .yes {
position: relative;
font-size: 30px;
color: #FF9800;
display: inline-block;
width: 45px;
height: 35px;
text-align: center;
top: 3px;
}
.floatwraps-c{
overflow: auto;
overflow-x: hidden;
}
.lists-c{
margin: 0 auto 10px;
width: 480px;
border-top: 2px solid #CDCDCD;
}
.titles-c{
padding: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.pay_type-c{
position:relative;
overflow: auto;
overflow-x: hidden;
padding: 10px 0px;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
text-align: center;
}
.pay_type-c li{
display: inline-flex;
font-size: 15px;
color: #666;
line-height: 28px;
margin: 0px 15px;
}
.huaidan-radios-c {
line-height: 25px;
display: inline-block;
position: relative;
top: -3px;
}
label {
cursor: pointer;
}
.huaidan-radios-c input {
display: inline-block;
width: 26px;
height: 26px;
position: relative;
overflow: visible;
border: 0;
background: none;
-webkit-appearance: none;
outline: none;
margin-right: 8px;
vertical-align: middle;
}
.huaidan-radios-c input:before {
content: '';
display: block;
width: 24px;
height: 24px;
border: 1px solid #dfe0e1;
border-radius: 13px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
left: 0px;
top: 0;
}
.huaidan-radios-c input:checked:after {
content: '';
display: block;
width: 14px;
height: 14px;
background: #18b4ed;
border-radius: 7px;
position: absolute;
left: 6px;
top: 6px;
}
.huaidan-btns-c{
height: 25px;
line-height: 25px;
padding: 0 12px;
min-width: 55px;
font-size: 15px;
background-color: #FF9800;
color: #f7fafd !important;
border-radius: 15px;
float: right;
position: relative;
top: 10px;
}
.pay_select-c {
display: inline-block;
font-size: 15px;
color: #666;
padding: 10px;
}