@charset "utf-8";

*html {
	background-image: url(about:blank);
	background-attachment: fixed
}

body {
	position: relative;
	padding: 0;
	margin: 0;
	color: #333;
	font: 16px/1.4 "Microsoft YaHei", Arial, '\5b8b\4f53';
	background-color: #fafafa;
	margin: 0 auto;
	word-break: break-all
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
figure,
input,
textarea,
blockquote,
p,
th,
td,
span {
	margin: 0;
	padding: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i {
	font-style: normal;
	font-weight: 400
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
button,
img {
	border: 0;
	margin: 0;
	padding: 0
}

input {
	vertical-align: middle
}

img {
	border: none;
	-ms-interpolation-mode: bicubic
}

ol,
ul,
li {
	list-style: outside none none
}

em,
i {
	font-style: normal
}

a {
	text-decoration: none;
	color: #333;
	font-weight: 400
}

a:hover {
	text-decoration: none
}

.clear {
	clear: both
}

.clearfix {
	display: block;
	zoom: 1
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden
}

.o-h {
	overflow: hidden
}

.p-r {
	position: relative
}

.p-a {
	position: absolute
}

.ta-c {
	text-align: center
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.m-0 {
	margin: 0 auto
}

.pt-20 {
	padding-top: 20px
}

.pb-35 {
	padding-bottom: 35px
}

.mt-20 {
	margin-top: 20px !important
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px !important
}

.mem-icon {
	background: url(../images/mem-icon.png) no-repeat center 0
}

.member-main_left .main-l_ul li:nth-child(2) i {
	background-position: center -25px
}

.member-main_left .main-l_ul li:nth-child(3) i {
	background-position: center -50px
}

.member-main_left .main-l_ul li:nth-child(4) i {
	background-position: center -78px
}

.member-main_left .main-l_ul li:nth-child(5) i {
	background-position: center -107px
}

.member-main_left .main-l_ul li:nth-child(6) i {
	background-position: center -136px
}

.mem-vip {
	background: url(../img/mem-ind.png) no-repeat 11px 0
}

.member-main_right .buy-vip li .mem-vip.vip-0 {
	background-position: -302px 0
}

.member-main_right .buy-vip li .mem-vip.vip-1 {
	background-position: 0 0
}

.member-main_right .buy-vip li .mem-vip.vip-2 {
	background-position: -100px 0
}

.member-main_right .buy-vip li .mem-vip.vip-3 {
	background-position: -202px 0
}

.member-main_right .buy-vip li .mem-vip.ace-0 {
	background-position: 0 -98px
}

.member-main_right .buy-vip li .mem-vip.ace-1 {
	background-position: -90px -98px
}

.member-main_right .buy-vip li .mem-vip.ace-2 {
	background-position: -168px -98px
}

.member-main_right .buy-vip li .mem-vip.ace-3 {
	background-position: -244px -98px
}

.mem-vip.infor-qq {
	background-position: 0 -153px
}

.mem-vip.infor-wx {
	background-position: -62px -153px
}

.on .mem-vip.op-0 {
	background-position: -234px -177px
}

.on .mem-vip.op-1 {
	background-position: -131px -177px
}

.on .mem-vip.op-2 {
	background-position: -166px -177px
}

.on .mem-vip.op-3 {
	background-position: -201px -177px
}

.popup {
	display: none
}

.pop-big {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	position: fixed;
	top: 0
}

.pop-con {
	width: 430px;
	background: #fff;
	position: fixed;
	top: 30%;
	left: 50%;
	margin-left: -240px;
	border-radius: 5px;
	padding: 7px 25px 20px;
	z-index: 111
}

.pop-tele {
	width: 100%;
	display: block;
	height: 45px;
	border-bottom: 1px solid #eee
}

.pop-tele li {
	height: 45px;
	text-align: center;
	line-height: 43px;
	display: block;
	float: left;
	font-size: 18px;
	min-width: 90px
}

.pop-tele li a {
	display: block;
	height: 43px;
	line-height: 43px;
	padding: 0 15px
}

.pop-tele li.aito a {
	border-bottom: 3px solid #36f;
	color: #36f;
	font-weight: 700
}

.validate input {
	width: calc(100% - 20px);
	height: 42px;
	border: 1px solid #e4e4e4;
	padding: 0 10px;
	font-size: 14px;
	color: #999;
	margin-bottom: 20px
}

.validate button {
	width: 100%;
	font-size: 18px
}

.register-yzm {
	width: 100px !important;
	height: 42px;
	line-height: 42px;
	border-radius: 2px;
	border: 1px solid #e4e4e4;
	text-align: center;
	color: #333;
	padding: 0 10px !important;
	color: #333 !important;
	background: #fff !important;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in
}

.register-yzm:hover {
	background: #008df3 !important;
	color: #fff !important
}

.payment_pay {
	text-align: center
}

.payment_pay p {
	font-size: 14px;
	color: #333;
	margin: 10px 0
}

.payment_pay p span {
	color: #00b5ff
}

.payment_pay p span i {
	font-size: 24px
}

.payment_pay img {
	width: 155px;
	height: 155px
}

.payment_pay div {
	width: 155px;
	margin: 10px auto 0;
	font-size: 14px;
	height: 25px;
	line-height: 25px
}

.payment_pay div i {
	width: 24px;
	height: 24px;
	display: block;
	background: url(../images/loginreallbg.png) no-repeat -42px 0;
	background-size: 65px;
	float: left
}

.payment_pay a {
	font-size: 14px;
	color: red
}

.mem-close {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABY0lEQVQoU22Sz0sCQRTHv29nVjAPQb/pXKAtshepY0EFRV0igjS71t8UdEksCLpFRGJSHTrEtrXJolFdKiiCTsFSOjsTKypmzu3B9/Pe8HmPru9KJ5DkceKbpjnygQ7Pdd2eH6FtKaCX7NtSDoRZgE4F99PjhvHeytj2Qz+YyACYA3BOV647xAXLAmoaQF5wud6ALOu+T9P9DEDzAC40paUo6Gbb5WFwtQuFKUXIVT2+Eg57vqDQPiksQOFS6jKZMIznGtCEmNoDMAmoYwL5ClgMwoKJ1fF4/CXINYGgsKynbqZXsrUggGCa0JGaiMU+G43bAKuLhSJZpbBUB44iIUpGo9Gvf4DjPA74qO7UbBDOoCAAzAAoyKpKJxJjb80vtduQVW2ZMU8oLXxQt1cQXK4F9ihYyrevZdptdLJHgqfpxikddrLxx16LcrKdch6QFQZ9wzRHXzudRrFYHBSSbwen8Qs9CLIBl14lWQAAAABJRU5ErkJggg==) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}

.ppt_xz {
	margin: 25px 45px 3px 79px;
	height: 60px;
	padding: 10px 0;
	overflow: hidden
}

.ppt_xz h2 {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #999;
	padding-top: 8px
}

.ppt_xz a {
	padding: 15px 63px 10px;
	margin: 0;
	background: #03c;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 5px
}

.ppt_xz a:hover {
	padding: 15px 63px 10px;
	margin: 0;
	background: #f90;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 5px
}

.pop-down {
	padding-top: 10px
}

.pop-down p {
	margin: 10px 0
}

.pop-down a {
	color: red;
	display: block
}

.pop-down button {
	width: 100%;
	height: 40px;
	background: #36f;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	margin-top: 50px
}

.payment-div_two .payment_pay .spanspan {
	font-size: 18px;
	color: red;
	margin-top: 20px;
	display: block
}

.pop-tele_three .pop-em {
	font-size: 14px;
	color: #666;
	float: right;
	line-height: 45px;
	margin-right: 20px
}

.payment-ok {
	padding: 20px 0 5px
}

.payment-ok h4 {
	font-size: 14px;
	color: #999;
	height: 40px;
	line-height: 40px
}

.payment-ok h4 em {
	width: 125px;
	height: 40px;
	display: block;
	float: left;
	background: url(../images/payment-yes.png) no-repeat 0 0;
	font-size: 20px;
	color: #00c204;
	padding-left: 50px;
	line-height: 40px
}

.payment-ok h4 a {
	color: red
}

.payment-ok p {
	font-size: 14px;
	color: #555;
	margin: 7px 0
}

.layui-btn-navy_blue {
	background: #36f
}

.layui-btn-red_f90 {
	background: #f9092d
}

.layui-btn-primary:hover {
	border: 1px solid #c9c9c9
}

.layui-btn-blue {
	background: #00b5ff !important
}

.layui-btn-orange {
	background: #fa9524 !important
}

.layui-btn-green {
	background: #2ccc2d !important
}

.layui-btn-red {
	background: #ff470a !important
}

.bad-fa {
	background: #fafafa
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #3367ff
}

#demo1 {
	display: block;
	text-align: center
}

#header {
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #b8b8b8;
	background: #fff;
	min-width: 1200px
}

.center {
	width: 1200px;
	margin: 0 auto;
	min-width: 1200px
}

#header .logo {
	width: 200px;
	height: 55px;
	padding-top: 15px
}

#header .sign {
	line-height: 75px;
	font-size: 14px;
	color: #333
}

#header .sign span a {
	color: #36f;
	margin-left: 10px
}

#footer {
	width: 100%;
	height: 75px;
	background: #e3e3e3;
	font-size: 14px;
	text-align: center;
	padding: 20px 0;
	color: #666
}

#footer p {
	padding: 5px 0
}

#footer p a {
	color: #666
}

.member-main_left {
	width: 215px;
	background: #ebeff2;
	float: left;
	height: 877px
}

.member-main_right {
	width: 945px;
	float: right;
	background: #fff;
	padding-left: 40px;
	min-height: 877px
}

.member-main_left .main-l_top {
	padding-top: 25px;
	text-align: center;
	border-bottom: 1px solid #d7dce0;
	height: 236px
}

.member-main_left .main-l_top img {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	display: block;
	border: 2px solid #fff;
	margin: auto
}

.member-main_left .main-l_top h3 {
	color: #36f;
	margin: 10px 0
}

.member-main_left .main-l_top i {
	font-size: 14px
}

.member-main_left .main-l_ul {
	height: 615px
}

.member-main_left .main-l_ul li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	width: 100%;
	position: relative
}

.member-main_left .main-l_ul li a {
	display: block;
	padding-left: 40px
}

.member-main_left .main-l_ul li i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 15px;
	left: 65px
}

.member-main_left .main-l_ul li:hover {
	background: #fff
}

.member-main_left .main-l_ul li em {
	width: 5px;
	height: 5px;
	display: block;
	background: red;
	border-radius: 20px;
	position: absolute;
	top: 15px;
	right: 50px
}

.member-main_left .main-l_ul .active {
	background: #fff
}

.member-main_left .main-l_ul .active:before {
	content: "";
	width: 3px;
	height: 50px;
	background: #3367ff;
	position: absolute;
	left: 0
}

.member-main_right .title {
	border-bottom: 1px solid #e9e9e9;
	height: 60px;
	padding-top: 15px
}

.member-main_right .title h3 {
	float: left;
	font-size: 18px;
	line-height: 60px;
	font-weight: 700
}

.member-main_right .title button {
	height: 35px;
	line-height: 35px;
	margin-top: 13px
}

.member-main_right .title span {
	width: 155px;
	display: block;
	margin: 0 auto;
	line-height: 45px
}

.member-main_right .title span strong {
	color: #00b5ff
}

.member-main_right .title span strong i {
	font-size: 30px
}

.member-right_index .greetings {
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

.member-right_index .greetings p i {
	color: #36f
}

.member-right_index .form {
	width: 945px;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	margin-top: 10px
}

.member-right_index .form th {
	background: #f5f5f5;
	height: 58px;
	line-height: 58px
}

.member-right_index .form tr {
	height: 58px;
	line-height: 58px
}

.member-right_index .form tr td {
	text-align: center
}

.member-right_index .form tr td a {
	color: #3367ff
}

.member-right_index .mailbox {
	padding-top: 30px
}

.member-right_index .mailbox li {
	width: 452.5px;
	float: left
}

.member-right_index .mailbox li img {
	width: 50px;
	height: 50px;
	float: left
}

.member-right_index .mailbox li span {
	float: left;
	margin-left: 20px;
	font-size: 14px;
	width: 95px;
	padding: 5px 0
}

.member-right_index .mailbox li button {
	margin-left: 10px;
	color: #333;
	margin-top: 6px
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #36f
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 3px solid #36f
}

.member-right_infor {
	padding: 20px 0 0
}

.mem-infor li {
	font-size: 16px;
	margin-right: 30px
}

.mem-infor_infor .infor-infor_niy img {
	width: 120px;
	height: 120px;
	border: 1px solid #ada9a9;
	float: left;
	margin: 0 20px 0 4px
}

.mem-infor_infor .infor-infor_niy span {
	width: 65px
}

.mem-infor_infor .infor-infor_niy p {
	font-size: 14px;
	color: #999;
	margin: 20px 0;
	float: left
}

.mem-infor_infor .infor-infor_niy .change {
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	height: 36px;
	background: #fff;
	opacity: 0
}

.mem-infor_infor .infor-infor_niy .infor-infor_div {
	width: 182px;
	height: 36px;
	line-height: 36px;
	position: relative;
	border: 1px solid #eee;
	background: #fff;
	float: left;
	text-align: center
}

.mem-infor_infor ul {
	margin-top: 10px
}

.mem-infor_infor ul li {
	margin: 10px 0;
	float: left;
	width: 100%
}

.mem-infor_infor ul li span {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	width: 65px;
	display: inline-block
}

.mem-infor_infor ul li input {
	width: 262px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 10px;
	border: 1px solid #e3e3e3
}

.mem-infor_infor ul li i {
	font-size: 14px;
	color: red;
	margin-left: 10px
}

.mem-infor_infor ul li button {
	width: 130px;
	height: 33px;
	background: #f2f2f2;
	color: #36f;
	font-size: 14px;
	line-height: 33px;
	margin-left: 5px;
	margin-top: 0;
	border-radius: 3px
}

.mem-infor_infor button {
	width: 140px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin-left: 70px;
	margin-top: 20px
}

.infor-mima ul li span {
	width: 90px
}

.infor-mima button {
	margin-left: 95px
}

.pop-infor {
	position: fixed;
	width: 250px;
	height: 125px;
	top: 30%;
	left: 50%;
	margin-left: -125px
}

.pop-infor .popbin {
	width: 250px;
	height: 125px;
	background: #000;
	position: absolute;
	opacity: .5;
	text-align: center;
	line-height: 125px;
	border-radius: 5px
}

.pop-infor .popbin p {
	font-size: 16px;
	color: #fff;
	display: inline-block
}

.mem-infor_shejiao i {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 20px
}

.mem-infor_shejiao span {
	float: left;
	width: 105px;
	height: 40px;
	padding: 5px 0;
	font-size: 14px
}

.mem-infor_shejiao button {
	width: 90px;
	margin-top: 5px
}

.mem-infor_shejiao div {
	height: 50px;
	margin-bottom: 30px
}

.ordermain {
	width: 858px;
	margin: 0 auto
}

.ordermain ul li {
	width: 856px;
	border: 1px solid #e3e4e5;
	margin-bottom: 15px
}

.topsource {
	background: #f5f7f8;
	height: 45px;
	line-height: 45px;
	padding: 0 20px
}

.topsource span {
	display: inline-block;
	font-size: 14px;
	color: #555
}

.topsource span.time {}

.topsource span.pay {}

.topsource span.sum {}

.topsource em {
	display: inline-block;
	margin: 0 8px;
	color: #cbcccc;
	vertical-align: top
}

.topsource .dels {
	width: 24px;
	height: 24px;
	display: inline-block;
	float: right;
	background: url(../images/mem-icon.png) center -165px no-repeat;
	margin-top: 10px
}

.topsource .dels:hover {
	background: url(../images/mem-icon.png) center -193px no-repeat
}

.detailedInfo {
	border-top: 1px solid #e3e4e5;
	height: 120px;
	overflow: hidden
}

.detailedInfo .leftpic {
	width: 110px;
	height: 80px;
	border: 1px solid #e5e5e5;
	float: left;
	margin-top: 20px;
	margin-left: 20px
}

.detailedInfo .leftpic p {
	width: 110px;
	height: 80px;
	text-align: center;
	font-size: 24px;
	color: #555;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: center
}

.detailedInfo .leftpic p img {
	width: 110px;
	height: 80px
}

.detailedInfo .cotwit {
	float: left;
	width: 410px;
	height: 120px;
	overflow: hidden;
	display: table;
	padding: 0 20px
}

.detailedInfo .cotwit span {
	font-size: 14px;
	color: #555;
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	display: table-cell
}

.detailedInfo .moneybox {
	float: left;
	width: 115px;
	height: 120px;
	border-left: 1px solid #e3e4e5;
	border-right: 1px solid #e3e4e5;
	font-size: 12px;
	color: #888;
	text-align: center;
	line-height: 120px
}

.detailedInfo .moneybox b {
	font-size: 20px;
	color: #676767;
	font-weight: 400
}

.detailedInfo .btnPaybox {
	float: right;
	width: 128px;
	height: 30px;
	margin-top: 46px
}

.detailedInfo .btnPaybox a {
	display: block;
	width: 94px;
	height: 28px;
	border: 1px solid #d2d2d2;
	color: #888;
	font-size: 14px;
	text-align: center;
	line-height: 28px
}

.detailedInfo .btnPaybox span {
	width: 94px;
	height: 28px;
	padding-left: 29px;
	color: #888;
	font-size: 14px;
	text-align: center;
	line-height: 28px
}

.detailedInfo .btnPaybox a.pay {
	border: 1px solid #3367ff;
	color: #3367ff
}

.detailedInfo .btnPaybox a.pay:hover {
	background: #3367ff;
	color: #fff
}

.inggt {
	background: #3367ff !important;
	color: #fff !important
}

.member-right_download ul li {
	height: 120px;
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 20px
}

.member-right_download ul li img {
	width: 108px;
	height: 80px;
	border: 1px solid #fff;
	margin: 20px;
	float: left
}

.member-right_download ul li p {
	font-size: 14px;
	color: #333;
	line-height: 120px;
	float: left;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.member-right_download ul li span {
	border-left: 1px solid #eee;
	height: 120px;
	display: block;
	float: right;
	text-align: center;
	width: 254px;
	line-height: 120px
}

.member-right_news .right-news_dl {
	border: 1px solid #eee;
	font-size: 14px
}

.right-news_dl dt {
	border-bottom: 1px solid #eee;
	background: #f5f5f5;
	height: 56px
}

.right-news_dl dd {
	border-bottom: 1px solid #eee;
	background: #fff
}

.right-news_dl dt h3 {
	float: left;
	display: block;
	text-align: center;
	line-height: 55px
}

.right-news_dl dt h3:nth-child(1),
.right-news_dl dd div:nth-child(1) {
	width: 620px;
	text-align: left;
	padding: 0 20px
}

.right-news_dl dt h3:nth-child(2),
.right-news_dl dd div:nth-child(2) {
	width: 178px;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc
}

.right-news_dl dt h3:nth-child(3),
.right-news_dl dd div:nth-child(3) {
	width: 61px
}

.right-news_dl dd div,
.right-news_dl dd span {
	float: left;
	display: block;
	text-align: center;
	border-bottom: 1px solid #eee;
	line-height: 55px;
	height: 55px;
	width: 63px;
	position: relative;
	color: #000
}

.right-news_dl dd span a {
	width: 24px;
	height: 24px;
	background: url(../images/mem-icon.png) center -165px;
	margin: 15px auto;
	display: block
}

.right-news_dl dd span a:hover {
	background: url(../images/mem-icon.png) center -193px;
	no-repeat
}

.right-news_dl dd p {
	padding: 10px 20px;
	line-height: 28px;
	float: left;
	display: none;
	border-bottom: 1px solid #eee;
	font-weight: 400;
	color: #999;
	width: 863px
}

.right-news_dl .didt {
	font-weight: 700
}

.right-news_dl .didt em {
	width: 5px;
	height: 5px;
	display: block;
	background: red;
	border-radius: 20px;
	position: absolute;
	top: 15px;
	left: 8px
}

.none {
	display: none
}

.contact-fl {
	width: 195px;
	background: #fff
}

.contact-fl li {
	height: 54px;
	border-bottom: 1px solid #e9e9e9
}

.contact-fl li a {
	display: block;
	text-align: center;
	line-height: 54px;
	font-size: 16px
}

.contact-fl li.active a {
	background: #003398;
	color: #fff
}

.contact-fl li:hover a {
	background: #003398;
	color: #fff
}

.contact_lx,
.contact_ly {
	padding-top: 30px
}

.contact_lx h3,
.contact_ly h3,
.data-sitemap h3 {
	font-size: 24px;
	color: #003398;
	height: 50px;
	line-height: 50px
}

.contact_lx p,
.contact_ly p {
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

.data-sitemap {
	padding: 30px 0
}

.data-sitemap dt {
	display: block;
	font-size: 18px;
	padding: 20px 0
}

.data-sitemap dt a {
	color: #003398;
	border-bottom: 2px solid #003398;
	line-height: 24px
}

.data-sitemap dd {
	display: inline-block;
	*display: inline;
	font-size: 15px;
	line-height: 24px;
	margin: 5px 10px 5px 0
}

.data-sitemap dd a:hover {
	color: #003398
}

.pop-jump {
	width: 634px;
	height: 334px;
	background: #fff;
	position: fixed;
	top: 30%;
	left: 50%;
	margin-left: -317px;
	box-shadow: 0 0 15px 5px #878787
}

.pop-jump .jump-top {
	height: 42px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee
}

.pop-jump .jump-top h3 {
	font-size: 14px;
	color: #333;
	line-height: 42px;
	padding: 0 20px
}

.pop-jump .jump-bom section {
	float: left;
	width: 280px
}

.pop-jump .jump-bom img {
	width: 150px;
	height: 155px;
	margin: 40px 0 0 65px
}

.pop-jump .jump-bom section p {
	width: 280px;
	text-align: center
}

.pop-jump .jump-bom span {
	width: 354px;
	float: right;
	padding-top: 30px
}

.pop-jump .jump-bom span h3 {
	font-size: 20px;
	color: #003398;
	height: 75px;
	line-height: 75px
}

.pop-jump .jump-bom span p {
	font-size: 14px;
	height: 28px;
	line-height: 28px
}

.jump-bom span a {
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-decoration: underline
}

.detailedInfo {
	height: 80px
}

.detailedInfo .cotwit {
	width: 540px;
	height: 80px
}

.detailedInfo .moneybox {
	height: 80px;
	line-height: 80px
}

.detailedInfo .cotwit span a {
	width: 500px;
	width: 500px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detailedInfo .btnPaybox {
	margin-top: 25px
}

.pop-down .discount {
	color: red;
	display: block
}

.pop-down .down_now {
	width: 100%;
	height: 40px;
	background: #36f;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	margin-top: 50px;
	text-align: center;
	line-height: 40px
}

.discount {
	width: 75px;
	height: 75px;
	display: block;
	background: url(../img/discount.png) no-repeat center;
	position: absolute;
	top: 25px;
	right: 50px;
	color: #fff37f;
	font-size: 12px;
	line-height: 65px;
	font-weight: 700
}

.discount em {
	font-size: 24px;
	font-weight: 700
}

.member-main_right .buy-vip li p .aat {
	font-size: 36px;
	color: red !important;
	font-weight: 400
}

.member-main_right .buy-vip li p .aae {
	width: 75px;
	height: 2px;
	background: #e82a2a;
	display: block;
	position: absolute;
	top: 26px;
	left: 59px
}

.count {
	width: 255px;
	margin: 10px auto;
	height: 28px
}

.count table.data-table {
	height: 28px;
	font-size: 14px;
	color: #333
}

.count .data-show-box {
	height: 28px;
	line-height: 28px
}

.count .data-show-box i {
	line-height: 45px;
	display: block;
	float: left;
	font-size: 18px;
	color: #cc0043;
	font-style: normal;
	margin: 0 5px
}

.count .date-tiem-span {
	font-size: 14px;
	color: #333;
	text-align: center;
	color: #fff !important;
	border-radius: 5px;
	background: #e82a2a;
	width: 27px;
	height: 28px;
	display: block;
	display: inline-block
}

.member-main_left .main-l_ul li:nth-child(2) i {
	background-position: center -249px
}

.member-main_left .main-l_ul li:nth-child(3) i {
	background-position: center -25px
}

.member-main_left .main-l_ul li:nth-child(4) i {
	background-position: center -50px
}

.member-main_left .main-l_ul li:nth-child(5) i {
	background-position: center -78px
}

.member-main_left .main-l_ul li:nth-child(6) i {
	background-position: center -107px
}

.member-main_left .main-l_ul li:nth-child(7) i {
	background-position: center -136px
}

.member-main_right .mem_coll tr td .dels {
	width: 23px;
	height: 23px;
	display: block;
	background: url(../images/mem-icon.png) no-repeat center -165px;
	margin: auto
}

.member-main_right .mem_coll tr td .dels:hover {
	background: url(../images/mem-icon.png) no-repeat center -193px
}

.member-main_right .mem_coll table {
	width: 100%
}

.member-main_right .mem_coll th {
	height: 56px;
	background: #f5f5f5;
	font-size: 14px;
	color: #333;
	padding: 0 20px;
	border: 1px solid #dcdcdc
}

.member-main_right .mem_coll tr {
	height: 56px;
	border: 1px solid #dcdcdc
}

.member-main_right .mem_coll tr .ind {
	width: 610px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	border: 0;
	line-height: 56px
}

.member-main_right .mem_coll tr td {
	padding: 0 20px
}

.discount {
	background: url(../img/tan-lian.png) no-repeat center;
	top: 75px;
	right: 40px
}

.pop-tele li.aito a {
	color: #0082df;
	border-bottom: 3px solid #0082df
}

.pop-down p {
	margin: 10px 0;
	font-size: 14px;
	color: #333
}

.pop-down .down_now {
	margin-top: 70px;
	background: #0082df
}

.pop-down span {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #999;
	margin-top: 25px
}

.pop-down span a {
	display: inline-block
}

.vipCenterListWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 25px auto
}

.vipDuiIcon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAABo0lEQVQ4T52TMUgbYRTHf+9USqOIOFZKFZpVL22gULcuji4lXUJ1aBJ0cKgIcWg5EaGlEhwsmpyZAkUXS5duLoLiUOydoIOTCE4dHByC5syTOzBcQlJb3/Tx8d7v+7/3/p9wj8j/ImJ0MOop2xMmZz5C7sGh4DAHfPRrVViiwsJ/g/IOWYF5oP1WhAjfApAqIoLepc52eatKAXhQg8DWVQfJALTym/524VnKZLMVzHZ5rUoR6A7l7KnHm0ycU1nb54karCoMi7JxZpKxhGoYaLu8UqUEPArdHwGJtMlhMOy8Q0kgCVSAa8DqOWYxkQjO2Ac81yrrwNMQ5MRQku9i7NRaLDg4QBSI3F6q8OUywoeuMn1eNWh3KAT5I8p4KsbPsGpZ3SduGPxokO1PfkPgMfAyVHABjKVNvjfOMhh23uWFAcuqxP+yubIoM6kYX5vl1HxkuwyosgKMNEn0rTGbNvnc6qE6Q64d0qseOVXG6vqHT+VOrKkol/8E8pNyuzzsimAB00AbUFSPiUw82GrLaPpFLMXoOyCrStQzeD85yPldrr8BGjaAG2pFFOUAAAAASUVORK5CYII=) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.vipCuoIcon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAB+ElEQVQ4T4WTPYgTURSFz/XtIJogFhZLwCoZ8t64IkhwCTamt7FdUQRt1EpdF7XTwn9lqxVEC0EQQbCwszBgIaKDFjLz7hDEnyABxcKfqTbJlQmJPCY7Os3AOfd+nHfffYTxx8xXAcxqrQ9OtKI/MzdEZKcx5nZWQ2EYeuVy+RiA5XHTktb6WhGg0+kEg8HgDYD1IrJgjHlA1tomEb1wm0TktDHmeh6UJMkOEXkOYJPjHaBut7shTdMLABZzTUe01ncnWpIku0TkZZbeqftFRPv+Csy8AuBoLtEhY8w9Zt4NIEuwzvE/KKXmfd//5lLBzHcAHM6BLhNRlnJmootI7Hleq1arfR0Ndo1zPxGRvUWDFZG3aZrONxqN1UnNFCQzrLU3iOhkDiQAHvV6vYVWq9V3vTUhzLwfwP0cZEhEzXq9/iqfcgpirV0koqI9+amUavq+HxcmsdaeJaKL/9nY38PhcC4Igk9TM2HmKwCWcoBlEbkF4DERBY73XUQaxpiPo9tpt9szlUrlvIicywFWtNbHMy2KorJSKjvCVqfmi+d526rV6o9s7S8R0Zncbtw0xpxytSiKZpVS7wBscfTVfr8fUBzHc0T00Ilb+ACZuZIFA7B5DPoMYM/odsIw3FgqlV4T0VOt9Yl/DdZau52InonIe6119njlDyzjxgzeRp+uAAAAAElFTkSuQmCC) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.vipCenterList {
	width: 235px;
	height: auto;
	border: 1px solid #e0e5ea;
	padding: 25px 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	cursor: pointer;
	margin: 0 12px;
}
ul.givePPTWrap{
	padding: 14px 15px;
}
.vipCenterJb {
	position: absolute;
	top: -1px;
	left: -1px;
	font-size: 13px;
	color: #fff;
	display: inline-block;
	background: #fa3c3c;
	padding: 2px 20px 2px 10px;
	border-radius: 0 0 30px 0;
	width: auto
}

.vipCenterTitle {
	display: flex;
	justify-content: center;
	font-size: 22px !important;
	font-weight: 700;
	color: #333;
	text-align: center
}
.vipCenterTitle p{
	width: auto;
	font-size: 22px !important;
	color: #333;
}
.vipCenterTitle span{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	width: 45px !important;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: url(data:image/png;base64,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) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
	bottom: 5px;
	margin: 0 !important;
}
.mem-r_buy .vipCenterTitle span{
	bottom: -5px;
}
.vipCentermoney {
	font-size: 14px;
	color: #333
}

.vipCentermoney span {
	font-size: 30px;
	font-weight: 700;
	color: #ff470a
}

.vipCenterOriginalPrice {
	font-size: 12px;
	color: #999;
	text-decoration: line-through;
	margin-bottom: 5px
}
.givePPT {
    color: #fd0002;
    font-size: 13px;
    margin-top: -5px;
}
.vipCenterfg {
	margin: 15px 0 5px;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e0e5ea
}

.subVipLink {
	display: block;
	width: 100%;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	background: #2675ff;
	margin-top: 10px;
	border-radius: 35px;
	font-size: 14px
}
.givePPTWrap .subVipLink{
	margin-top: 5px;
}
.subVipLink:hover {
	background: #468aff;
	color: #fff
}

.vipCenterB {
	padding-top: 1px
}

.vipCenterB p {
	font-size: 13px;
	color: #444;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px
}

.cff0 {
	color: red
}

.vipCenterB i {
	display: block
}

.vipCenterB i.vipDuiIcon {
	width: 17px;
	height: 13px
}

.vipCenterB i.vipCuoIcon {
	width: 16px;
	height: 15px
}

.vipCenterListActive {
	border: 1px solid #2675ff;
	background: #f6f9ff
}

.vipCenterListActive .vipCenterListActiveIcon {
	display: block
}

.vipCenterListActiveIcon {
	display: none;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 31px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAcCAYAAACZOmSXAAACYklEQVRIS8XUS0hUURjA8f8ZHwnRWBCVvTRr7jiMpEWbwEUvIsbKCmoRBBJBFAWS985MkDUtMheBtOlBhNCmgl40mmSIPRaz6EGQSC2sVS3aVNBQkne+mBHTdJy5d7pOZ3nP+b7fOec731X8h+ExpFFBh8q37dWlSRTtSTevuKbLKRSR0QPnDfcEpV0JTeNvOi+4ZkgH0DixxNOOa4bcAXame1vThldEpKQ4ThewYapHPS241ixzcdENrMnUTY7jVWGpSJgpuCpbGzuKe3VZKYoHwKJssKN9roWkjkSqxm4rsGO415AtAp1AgVXYEdyryx5R3LSDOvKH8+hyUCku5QL/08m9QQmJ0JYrnDOu6dKK4rgduGw2tDTArBLYd3kk0nareQy5oOCQHbhmKZzeBb6F8KgfjlzLAfcYclXBfjvw5mpo2QHz3HA9Bue64ftPW7goLUgUoX48XKfB0DA8fz95O4UFsHctGAFICFzshSuPwUyMrc167f6IFA/HuSWwbSLRG4aZM+DkbejpH5tNfju8EQ6sgy9xaOuEey8nbzAjvuKouF0lPAFq01118mQnGiA+BJG70PUa5pdCsB621sLgZzgbhWfv0hdqSrwyJKWFQh/Cqkw13r4aWnfDtx9wIwb+xbDeBy8+wJn7MPBx6ui0uK9JyswiYkC5lccVqBl5zck2UgoevoG2KHz6mjl6Eu43ZMEvGADmWIFH12zygx6Ap2/hfM9IKbKNv3Bfs5SbLvqAZdkCnZj/g2thqcRk0ImkVnOk8OXHZEmBiyiKGquBTqxTPl2qTcUroMiJhHZy/AZ3KaLZ7QkqCQAAAABJRU5ErkJggg==) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

#line_through {
	text-decoration: line-through;
	color: #ccc
}

#red {
	color: red
}

div.vip_b_content:last-child,
.vip_b_content_last-child {
	margin-bottom: 0 !important
}

.payment_pay div.l {
	width: 200px;
	height: auto;
	margin: 0;
	line-height: none
}

.payment_pay div.l i {
	width: auto;
	height: auto;
	display: inline-block;
	background: 0 0;
	float: none
}

.payment_pay div.l div i {
	width: 24px;
	height: 24px;
	display: block;
	background: url(../images/loginreallbg.png) no-repeat -42px 0;
	background-size: 65px;
	float: left
}

a.r {
	float: right;
	vertical-align: top
}

a.r img {
	width: 164px;
	height: 235px;
	margin: 25px 20px 0 0
}

a.r img.zfbrmysy {
	margin: 0 20px 0 0
}

.addViptotalWrap {
	width: 1200px;
	padding: 10px 0;
	margin: 20px 0;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	position: relative;
	font-size: 16px;
	color: #333
}

.addViptotalWrap p:first-child {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: left
}

.addViptotalWrap span {
	font-size: 34px;
	font-weight: 700;
	color: #ff470a
}

.patternOfPaymentWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto
}

.patternOfPaymentList {
	margin: 0 95px
}

.patternOfPaymentList div {
	width: 155px;
	height: 155px;
	margin-bottom: 25px
}

.patternOfPaymentList img {
	width: 155px;
	height: 155px
}

.patternOfPaymentList li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #999
}

.patternOfPaymentList p {
	width: auto
}

.patternOfPaymentWxIcon {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAD9ElEQVRIS7WVbUyVZRjHf/fzPJwXEPWAfeBlDRiCBgqIaC4pV04tqRSL5dKNrZpOP9Tcmiuds7Vmq8Vcs2VrudbLFycKmlFmaoUlL+Kw7AVQhANREtBBXs45nPPc7X7YOXLogH3I68uzPfd9////67qv638LpoiHP8+03/S7VqGJtZqUeRJSgBnAkIBuU4hmTHky3jZwquaRNl80GBHtZ3HV4icQ4iVg0VTkE/43IeW+79Y1Hpm8NwK88ERhrFPqFULKLf8BNGKLFOK9URHccfHRiyOhhTC4Ao4ztU8krFeLpjQZM8cIygASiYZOjGagawaCqAmrv8eGNXNTiCC8a/nxJQeVYgXkDXiJNWKZOyub5LhkDC2GQb+Ha4NX6RruRBcGMVpM1ORUBrWP1W9Vixb4/dVFpRIqFbAv6OOBpAfZnFVOjmsButDDIIrgdPeXfNjyAX+M9ODQHVEJBGz49vGGo2LZ4WVOwx44DxR4g6NszNzMC7kvIkT01BVax812dtbvoH3wGnbdHo3gUsBn3CeKq5esBfmZ3/SxICGPd4sPYQiDY9ePcLb7NK8VvUG8bSbNfU28/VMFuwr2kjEzk18GrrCt9ln8pj8iu1tMokSEaj0aHOXlgj2sT3vSWv+m52sabtSzPed5nEYsbZ4WKtsPU5axkSAmQTNIxY+v09jbgCY07Jrd+oZC1V4pvwByqS/o5cDy9ym6a+mUXdjmaaXpr0YSHXNIiUvFqTvoGnZz7vcznOqqsbK4ddGiThRXF7mBVG/Qy5v37rcuM1o09tbhHupkzd0lOHXnv7ZcuPE9ext34fH/HSLoUuD9gEuVZV3aBqumk6Pf28eZnq8oTStDiTjRUcWq1DW47Al84T5JclwKCxPyLfWKQNd0NQsDYeUmJhqadYHFSSsi8Bt666y+V63Z5+vjnSv7eW7eVpJiUzj48wEyZ85lZepqxkw/5eee5qqnFZtuU8rHa67Q1ESqlPcUvsqK5IfCBD/8eZ60+HSSYpNv6wrbap+xLtmhO+vC3aJOjU/nKLsXvcJ8Vy7NfZfImpXNb55fuWd2DrkJC6cFHwmMUH72KdzDbgzdZnWL1ecWuJTYdDt5iflc7m9mwNenFBAwxyhNL2Nn/u5pwT9qOWSVzG5NriiJmNDQSWUBhjIpoVvZSGkSlCZb5m9nU1a5NWSTo+p6JW9d3mcJ1IQ+PqETvWU6WeMu6adgzmJWpqwmPT7DsojOoQ6yZ8/j09aPqXEfJ86YoQxr3FtCgKFJnY4gZGxKnfIUdVi1psueSIIjka6hToSmR7qiApzs57cjQUpri1KvSqYIYzQjup+HCO7ISzRR6R15QycS/B+v/z+CH9S8rTYjbgAAAABJRU5ErkJggg==) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-right: 5px
}

.patternOfPaymentList a {
	display: block;
	text-align: center;
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #0099e5;
	border-radius: 5px
}

.patternOfPaymentList a:hover {
	color: #fff
}