/*公共样式*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family:"微软雅黑","黑体","_sans",Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:125%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing:border-box;
}
fieldset, img {
    border: 0
}
address, caption, cite, code, dfn, em, th, var, i, b {
    font-style: normal;
    font-weight: 500
}

ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6, b {
    font-size: inherit;
    font-weight: 500
}
q:before, q:after {
    content: ''
}

a:visited, a:hover {
    color: #000;
    text-decoration: none
}
html {
    height: 100%
}

body {
    min-height: 100%
}

input, select, textarea {
    font-size: 100%
}

ins, a {
    text-decoration: none
}

a，input, textarea{
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
input {
    background:no-repeat 0 0 scroll #eee;
    border:none;
    outline:medium; /* 在浏览器下面，点击input输入时，会有边框，只要在样式中应用：outline:medium;即可去掉边框。 */ 
    padding:0; /*input默认有上下padding*/
}

/* 隐藏滚动条 */
::-webkit-scrollbar { width: 0; }
input:not([type="checkbox"]), select, textarea { outline: none; border: none; -webkit-appearance: none; }


.cf{
	clear:both;
}
/*===============首页================*/
.hindex{
	width:100%;
	height:auto;
	background:#f3f3f3;
}
.hindex .banner{
	width:100%;
	height:4.25rem;
	background:url(../images/serviceCenter/bg.png) no-repeat center center;
	background-size:100% 100%;
	padding: 0 .55rem;
}
.hindex .banner .head{
	width: 2.75rem;
	height: 2.75rem;
	border-radius:100%;
	background:none repeat scroll 0% 0% rgba(254, 233, 233, .3);
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	float: left;
}
.hindex .banner .head b{
	display:block;
	background:url(../images/serviceCenter/z_vip.png) no-repeat;
	background-size:10rem 7.5rem;
	position:absolute;
	left:50%;
	top: 56%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.hindex .banner .head b.Diamonds_card{
	height: 1.9rem;
	width: 2.5rem;
	background-position: -7.63rem 0;
}
.hindex .banner .head b.gold_card,
.hindex .banner .head b.white_gold_card,
.hindex .banner .head b.Platinum_card{
	height: 2.4rem;
    width: 2.075rem;
}
.hindex .banner .head b.Diamonds_card,
.hindex .banner .head b.honorable_card,
.hindex .banner .head b.private_card,
.hindex .banner .head b.black_card{
	height: 1.9rem;
    width: 2.45rem;
}.hindex .banner .head b.ordinary{
	width: 1.975rem;
	height: 2.275rem;
	top: 50%;
}
.hindex .banner .head b.gold_card{
	background-position: -5.3rem -2.6rem;
}
.hindex .banner .head b.white_gold_card{
	background-position: 0 -2.6rem;
}
.hindex .banner .head b.Platinum_card{
    background-position: -2.66rem -2.6rem;
}
.hindex .banner .head b.Diamonds_card{
    background-position: -7.63rem 0;
}
.hindex .banner .head b.honorable_card{
    background-position: 0 0;
}
.hindex .banner .head b.private_card{
    background-position: -2.52rem 0;
}
.hindex .banner .head b.black_card{
    background-position: -5.04rem 0;
}
.hindex .banner .head b.ordinary{
    background-position: -8.05rem -2.6rem;
}



.hindex .banner .message{
	width:50%;
	height:auto;
	overflow:hidden;
	float: left;
	margin-top: .6rem;
	margin-left: 10px;
}
.hindex .banner .message div{
	width:auto;
	height:auto;
	overflow: hidden;
	margin-bottom: .15rem;
	height: 1rem;
}
.hindex .banner .message div:after{
	content:'';
	clear:both;
}
.hindex .banner .message div h1{
	font-size:.7rem;
	color:#fefefe;
	float:left;
	line-height: 1rem;
}
.hindex .banner .message div h2{
	width: .75rem;
	height: .75rem;
	background:url(../images/serviceCenter/index_icon.png) no-repeat;
	background-size:7.5rem 10rem;
	background-position:-3.7rem -5rem;
	float: right;
	margin-top: 0.15rem;
}
.hindex .banner.hordinary .message div h2,.hindex .banner.hordinary .message div .already_active,.hindex .banner.hordinary .message div .not_active{
	display:none;
}
.hindex .banner .message div h2 a{
	width:100%;
	height:.7rem;
	display:block;
}
.hindex .banner .message div b.not_active{
	font-size:.6rem;
	color:#fec910;
	line-height:1;
	padding:3px 7px;
	border:1px solid #fec910;
	border-radius:5px;
	display: inline;
	float:right;
	margin-right: .65rem;
	display: none;
}
.hindex .banner .message div b.already_active{
	font-size:.5rem;
	color:#fec910;
	line-height: 1rem;
	display: inline;
	float:right;
	margin-right: 0.3rem;
	/* margin-top: .05rem; */
	width: 7rem;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	display: block;
}
.hindex .banner .message div b a{
	color:#fec910;
	text-decoration:none;
}
.hindex .banner .message div b.already_active span{
	font-family:Arial;
}
.hindex .banner .message div h3{
	font-size:.6rem;
	color:#fff;
	float:left;
	line-height: 1rem;
}
.hindex .banner .message div h4{
	width:8.95rem;
	height: .6rem;
	border-radius:3px;
	border:1px solid #81afec;
	float:left;
	margin-left: .2rem;
	position:relative;
	margin-top: .18rem;
}
.hindex .banner .message div h4 span{
	width:100px;
	height: 100%;
	background:#81afec;
	display: block;
}
.hindex .banner .message div h4 i{
	font-size:.45rem;
	color: #fff;
	display: block;
	position: absolute;
	left: 3px;
	line-height: 1;
	top: 10%;
	height: .6rem;
}
.hindex .banner .message div h4 i a,.hindex .banner .message h5 span{
	font-family:Arial;
}
.hindex .banner .message h5{
	font-size:.55rem;
	color:#d8cadf;
	line-height: 1;
	margin-top: 0.3rem;
}
/*贵宾*/
.hindex .vip,.hindex .senior{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom: .5rem;
}
.hindex .vip ul li:nth-child(1) h1,.hindex .senior ul li:nth-child(1) h1{
	width: 0.71rem;
	height: .9rem;
	background-position: 0 0;
}
.hindex .vip ul li:nth-child(2) h1,.hindex .senior ul li:nth-child(2) h1{
	width: 1.03rem;
	height: 0.73rem;
	background-position: -6.25rem 0;
}
.hindex .senior ul li:nth-child(3) h1{
	width: .95rem;
	height: 0.9rem;
	background-position: -3.7rem -3.75rem;
}
.hindex .senior ul li:nth-child(4) h1{
	width: 1.13rem;
	height: 0.8rem;
	background-position: -2.5rem -3.75rem;
}
/*普客*/
.hindex .ordinary{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom: .5rem;
}
.hindex .ordinary ul,.hindex .vip ul,.hindex .senior ul{
	width:100%;
	height:auto;
	overflow:hidden;
	background: #fff;
}
.hindex .ordinary ul li,.hindex .vip ul li,.hindex .senior ul li{
	width:25%;
	float:left;
	height: 3.35rem;
	border-bottom: 1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	position: relative;
}
.hindex .vip ul li,.hindex .senior ul li{
	border-bottom:none;
}
.hindex .vip ul li a,.hindex .senior ul li a{
	width:100%;
	height:3.35rem;
	overflow:hidden;
	display:block;
}
.hindex .ordinary ul li h1,.hindex .vip ul li h1,.hindex .senior ul li h1{
	background:url(../images/serviceCenter/index_icon.png) no-repeat;
	background-size:7.5rem 10rem;
	margin:0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 1.7rem;
}
.hindex .ordinary ul li:nth-child(1) h1{
	width: 0.78rem;
	height: .89rem;
	background-position: -5rem 0;
}
.hindex .ordinary ul li:nth-child(2) h1{
	width: 0.9rem;
	height: .9rem;
	background-position: -3.7rem 0;
}
.hindex .ordinary ul li:nth-child(3) h1{
	width: 0.8rem;
	height: .9rem;
	background-position: -2.5rem 0;
}
.hindex .ordinary ul li:nth-child(4) h1{
	width: 0.76rem;
    height: .8rem;
    background-position: 0 -1.25rem;
}
.hindex .ordinary ul li:nth-child(5) h1{
	width: 0.8rem;
	height: 1rem;
	background-position: -1.25rem 0;
}
.hindex .ordinary ul li:nth-child(6) h1{
	width: 0.9rem;
	height: .9rem;
	background-position: 0 -5rem;
}
.hindex .ordinary ul li:nth-child(7) h1{
	width: 0.9rem;
	height: .87rem;
	background-position: -6.25rem -3.75rem;
}
.hindex .ordinary ul li h2,.hindex .vip ul li h2,.hindex .senior ul li h2{
	font-size:.6rem;
	color:#666;
	text-align:center;
	line-height: 0.7rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	top: 1.8rem;
	padding: 0 .2rem;
}
/*banner滚动*/
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin:0 auto;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap >div {
	float:left;
	width:100%;
	position: relative;
	text-align:center;
}
.swipe-wrap >div img{
	display: block;
	height: 4.5rem;
}
.iosSliderButtons {
	position:absolute;
	left:50%;
	bottom:5px;
	z-index: 99;
	margin-left:-14px;
}
.iosSliderButtons .ios_button {
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%;
	background-color: #c6c6c6;
	margin:0 2px;
}
.iosSliderButtons .selected {background-color: #39d167;}
.hindex .fans{
	width:100%;
	height:auto;
	overflow:hidden;
}
/*粉丝*/
.hindex .fans .fansMunu,.hindex .vip,.hindex .senior{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
	margin-top:.5rem;
}
.hindex .vip .title,.hindex .senior .title{
	width:100%;
	height:1.85rem;
	padding:0 .6rem;
	position: relative;
}
.hindex .vip .title,.hindex .senior .title{
	border-bottom:1px solid #f5f5f5;
}
.hindex .vip .title a,.hindex .senior .title a{
	width:100%;
	height:1.85rem;
	display:block;
}
.hindex .vip .title h1,.hindex .senior .title h1{
	width:auto;
	float:left;
	font-size:.7rem;
	color:#333;
	line-height:1.85rem;
}
.hindex .vip .title .icon,.hindex .senior .title .icon{
	height: 15px;
	width: 12px;
	position: absolute;
	overflow: hidden;
	display: inline-block;
	right: .6rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.hindex .vip .title .icon .pointerRight,.hindex .senior .title .icon .pointerRight{
	width: 8px;
	height: 8px;
	border: solid #dcdcdc;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 3px 0 0 0px;
}
.hindex .fans .fansMunu ul{
	width:100%;
	height:auto;
	overflow:hidden;
}
.hindex .fans .fansMunu ul li{
	width:25%;
	float:left;
	height: 3.35rem;
	border-top:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	position: relative;
}
.hindex .fans .fansMunu ul li h1{
	background:url(../images/serviceCenter/index_icon.png) no-repeat;
	background-size:7.5rem 10rem;
	margin:0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 1.7rem;
}
/*粉丝部分定位*/
.hindex .fans .fansMunu ul li#lpfw h1{
	width: 0.76rem;
	height: .89rem;
	background-position:-1.25rem -3.75rem;
}
.hindex .fans .fansMunu ul li#jkfw h1{
	width: 0.8rem;
    height: 0.88rem;
    background-position: -3.7rem -2.5rem;
}
.hindex .fans .fansMunu ul li#hdzq h1{
    width: 0.9rem;
    height: .825rem;
    background-position: 0 -5rem;
}
.hindex .fans .fansMunu ul li#ztzx h1{
	width: 0.9rem;
    height: .8rem;
    background-position: -6.28rem -3.75rem;
}


.hindex .fans .fansMunu ul li h2{
	font-size:.6rem;
	color:#666;
	text-align:center;
	line-height: 0.7rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	top: 1.8rem;
	padding: 0 .2rem;
}
.hindex .fans .remark{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom: 1.25rem;
	margin-bottom: 2.25rem;
}
.hindex .fans .remark h1{
	font-size:.6rem;
	color:#999;
	line-height:1;
	text-align:center;
	margin-top: .7rem;
	margin-bottom: .5rem;
}
.hindex .fans .remark h1 span{
	color:#f87140;
	text-decoration:underline;
	font-family:Arial;
}
.hindex .fans .remark div{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0 .65rem;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	display: -webkit-box;
	display: box;
	margin-bottom: .5rem;
}
.hindex .fans .remark div h2{
	width: auto;
	text-align:center;
	font-size:.6rem;
	color:#999;
	-webkit-box-flex: 1;
	box-flex: 1;
	line-height: 1;
}
.hindex .fans .remark div h2 span{
	color:#f87140;
}
.hindex .fans .remark h3{
	text-align:center;
	line-height:1;
	font-size:.6rem;
	color:#bbb;
}
.hindex .fans .footer{
	width:100%;
	height:2.25rem;
	background:#fff;
	position:fixed;
	bottom:0;
	z-index: 100;
}
.hindex .fans .footer li{
	width:50%;
	float:left;
	overflow:hidden;
}
.hindex .fans .footer li a{
	width:100%;
	height:2.25rem;
	display:block;
}
.hindex .fans .footer li h1{
	background:url(../images/serviceCenter/index_icon.png) no-repeat;
	background-size:7.5rem 10rem;
	margin: 0 auto;
	margin-top: .3rem;
}
.hindex .fans .footer li:nth-child(1) h1{
	width:.9rem;
	height:.9rem;
	background-position:0 -3.75rem;
}
.hindex .fans .footer li:nth-child(2) h1{
	width:.9rem;
	height:.9rem;
	background-position:-2.5rem -5rem;
}
.hindex .fans .footer li h2{
	text-align:center;
	font-size:.6rem;
	color:#787878;
	line-height: 1;
	margin-top: .2rem;
}
.hindex .fans .footer li.on h2{
	color:#f87140;
}
/*===============贵宾等级================*/
/*级别标准*/
.n-level{font-size: 0.55rem;color: #f5602a;padding-bottom: 0.4rem}
.n-level .n-main ul{padding-left: 1rem;overflow: hidden;background:#fff;}
.n-level .n-main ul li{border-bottom: solid 1px #ededed;height:3.25rem;overflow: hidden}
.n-level .n-main ul li .medal,.n-level .n-main ul li .diamonds{display: block;background-image: url("../images/serviceCenter/z_vip.png");background-size: 10rem 7.5rem;float: left;}
.n-level .n-main ul li .medal{background-image: url("../images/serviceCenter/goldMask.png");background-size: cover;background-position: -0.8em -2.7rem;margin-top: 0.45rem;height: 2.7rem;width: 2.13rem; margin-left: 0.35rem}
.n-level .n-main ul li:nth-child(2) .medal{background-image: url("../images/serviceCenter/whiteMask.png");background-size: cover;background-position: -0.8em -2.7rem;}
.n-level .n-main ul li:nth-child(3) .medal{background-image: url("../images/serviceCenter/ptMask.png");background-size: cover;background-position: -0.8em -2.7rem;}
.n-level .n-main ul li .diamonds{background-image: url("../images/serviceCenter/yybaijin.png");background-size: cover;background-position: -0.2rem -0.25rem;margin-top: 0.7rem;height:2.5rem;width: 2.5rem;}
.n-level .n-main ul li:nth-child(5) .diamonds{background-image: url("../images/serviceCenter/yybojin.png");background-size: cover;background-position: -0.2rem -0.25rem;}
.n-level .n-main ul li:nth-child(6) .diamonds{background-image: url("../images/serviceCenter/diamond.png");background-size: cover;background-position: -0.2rem -0.25rem;}
.n-level .n-main ul li:nth-child(7) .diamonds{background-image: url("../images/serviceCenter/zunzuan.png");background-size: cover;background-position: -0.2rem -0.25rem;}
.n-level .n-main ul li:nth-child(8) .diamonds{background-image: url("../images/serviceCenter/sizuan.png");background-size: cover;background-position: -0.2rem -0.25rem;}
.n-level .n-main ul li:nth-child(9) .diamonds{background-image: url("../images/serviceCenter/heizuan.png");background-size: cover;background-position: -0.2rem -0.25rem;}
.n-level .n-main ul li p{margin-left: 0.775rem;float: left}
.n-level .n-main ul li .up-text{margin-top: 0.74rem}
.n-level .n-main ul li .down-text{margin-top:0.45rem;color: #666666}
.n-level .n-main div{padding:0.75rem 1rem 0.75rem 1rem;background-color: #eeeeee;color: #999999;overflow: hidden}
.n-level .n-main div p{line-height: 0.85rem}
.n-level .n-main div p:nth-child(2){float: left;margin-top: 0.5rem}
.n-level .n-main div p:nth-child(3){float: left;width: 10.8rem;margin-top: 0.5rem}
.n-level .n-main div p:nth-child(4){float: left;overflow: hidden}
.n-level .n-main div p:nth-child(5){float: left;width: 10.75rem}
.n-level .n-main div p:nth-child(6){float: left;overflow: hidden;letter-spacing: 0.2rem;}
.n-level .n-main div p:nth-child(7){float: left;width: 10.5rem;overflow: hidden;margin-left: -0.22rem}
.n-level .n-main h1{color: white;font-size: 0.85rem;text-align: center;height: 1.75rem;width: 15rem;line-height: 1.75rem;margin: 0 auto;display: block;background-color: #f5602a;border-radius:0.2rem;margin-top: 0.4rem;}
.n-level .n-main p .number{font-family: Arial}

/*load---------load*/
.w_ommc{width:100%;height:100%;position:fixed;z-index:99;top:0;left:0;background-color:#000;opacity:0.1;}
.load-box{width:100px; height:80px; border-radius:3px; background:rgba(115,115,115,.9); position:fixed; top:50%; left:50%; margin:-40px 0 0 -50px;z-index:100;}
.load-box img{margin:14px auto 10px;}
.load-box .con{ text-align:center; color:#fff;}