@CHARSET "UTF-8";
/*vip*/
.bgf8 {
	background-color: #F8F8F8;
}

.vip-index-content {
	height: auto;
	padding-top: 50px;
}

.vipPrivileges-content {
	overflow: hidden;
}

.vipPrivileges-content li {
	float: left;
	width: 284px;
	background-color: #F8F8F8;
	height: 180px;
	text-align: center;
	margin-right: 20px;
	margin-top: 20px;
}

.perRmain-body .vipPrivileges-content {
	border-top: 1px solid #eee;
}
.perRmain-body .vipPrivileges-content li {
	width: 182px;
	height: 110px;
}

.perRmain-body .vipPrivileges-content li img {
	height: 30px;
	width: auto;
	margin-top: 20px;
}

.perRmain-body .vipPrivileges-content p {
	font-size: 14px;
	color: #666;
}

.perRmain-body .vipPrivileges-content span {
	
}

.xiangyue li {
	background-color: #fff;
	margin-top: 0;
}

.vipPrivileges-content img {
	display: block;
	margin: auto;
	width: auto;
	height: 50px;
	margin-top: 50px;
}

.xiangyue img {
	width: 70px;
	height: 70px;
	margin-top: 40px;
}

.vipPrivileges-content p {
	color: #666;
	font-size: 16px;
	line-height: 48px;
}

.vipPrivileges-content li span {
	display: block;
	line-height: 12px;
	margin-top: -10px;
	font-size: 12px;
	color: #666;
}

.vipClassily-Header {
	height: 67px;
	width: 100%;
	position: relative;
	padding-top: 40px;
}

.vipClassily-Header a {
	position: absolute;
	padding: 8px 20px;
	border: 1px solid #ff6600;
	border-radius: 4px;
	right: 0;
	top: 55px;
	font-size: 14px;
	color: #FF6600;
}

.vipClassily-Header a:hover {
	position: absolute;
	padding: 8px 20px;
	border: 1px solid #ff6600;
	border-radius: 4px;
	right: 0;
	top: 55px;
	font-size: 14px;
	color: #fff;
	background: #f60;
}

.vipClassily-Header h6 {
	font-size: 24px;
	color: #FF6600;
	font-weight: 100;
}

.vipClassily-Header h6 strong {
	font-weight: 700;
	margin-right: 10px;
}

.vipClassily-Header p {
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}

.vipClassily-Header .discount-doc {
	display: inline-block;
	margin-left: 30px;
}

.vipClassily-Header .discount-doc .iconfont {
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.vipClassily-Header .discount-doc a {
	font-size: 16px;
	color: #333;
	text-decoration: none;
	position: inherit;
	border: none;
	padding: 0;
	cursor: pointer;
}

.vipClassily-Header .discount-doc a:hover {
	background-color: transparent;
	color: #f60;
	text-decoration: underline;
}

.bookline {
	width: 100%;
	overflow: hidden;
}

.bookline li {
	float: left;
	width: 184px;
	padding-bottom: 30px;
	margin-right: 18px;
}

.bookface {
	display: block;
	width: 182px;
	height: 252px;
	border: 1px solid #EEEEEE;
	background: url(../../images/bg-word-02.png) center center no-repeat;
	background-size: cover;
}

.bookline .bookTitle {
	color: #333333;
	font-size: 14px;
	overflow: hidden;
	padding-top: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	line-height: 16px;
}

.bookline a.bookTitle:hover {
	text-decoration: underline;
	color: #00a1e9;
}

.vipBook-price {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

.vipBook-price span {
	color: #AAAAAA;
	text-decoration: line-through;
}

.vipBook-price .discount {
	color: #FF6600;
	text-decoration: none;
	padding-left: 10px;
}

.vipSbanner {
	width: 100%;
	height: 180px;
	background: url(../images/vip/banner.png) no-repeat;
}

.vipservice-content {
	overflow: hidden;
	width: 100%;
	padding-bottom: 40px;
}

.servicediv {
	background-color: #FFF;
	padding: 20px 0;
	float: left;
	width: 589px;
	height: 140px;
	margin-right: 20px;
}

.servicediv img {
	margin-left: 55px;
	margin-top: 35px;
	float: left;
}

.servicediv-r {
	float: right;
	width: 342px;
	height: 100%;
	*width: 340px;
	border-left: 1px dashed #eee;
	padding-left: 66px;
}

.servicediv-r h6 {
	color: #FF6600;
	font-size: 20px;
	line-height: 20px;
	padding-top: 25px;
}

.servicediv-r p {
	color: #666;
	font-size: 14px;
	line-height: 28px;
	margin: 5px 0 10px;
}

.servicediv-r a {
	display: inline-block;
	color: #fff;
	padding: 6px 20px;
	border-radius: 4px;
}

.servicediv-r a:hover {
	background: #ffa74a;
	background: -moz-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa74a),
		color-stop(100%, #fd8833));
	background: -webkit-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -o-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -ms-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: linear-gradient(to bottom, #ffa74a 0%, #fd8833 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa74a',
		endColorstr='#fd8833', GradientType=0);
}

:root .servicediv-r a:hover {
	filter: none;
}

.viplev {
	overflow: hidden;
	width: 100%;
	padding: 40px 0;
}

.viplev li {
	float: left;
	position: relative;
	width: 284px;
	height: 150px;
	margin-right: 20px;
	background-color: #F8F8F8;
}

.viplev li:last-child {
	margin-right: 0;
}

.viplev a {
	display: block;
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background-color: #FF6600;
	background: #fba141;
	background: -moz-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fba141),
		color-stop(100%, #fb8733));
	background: -webkit-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -o-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -ms-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: linear-gradient(to bottom, #fba141 0%, #fb8733 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba141',
		endColorstr='#fb8733', GradientType=0);
}

:root .viplev a {
	filter: none;
}

.viplev a:hover {
	background: #ffa74a;
	background: -moz-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa74a),
		color-stop(100%, #fd8833));
	background: -webkit-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -o-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -ms-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: linear-gradient(to bottom, #ffa74a 0%, #fd8833 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa74a',
		endColorstr='#fd8833', GradientType=0);
}

:root .viplev a:hover {
	filter: none;
}

.viplev h6 {
	font-size: 20px;
	color: #333;
	text-align: center;
	padding-top: 26px;
	font-weight: normal;
}

.viplev strong {
	font-size: 20px;
	font-weight: normal;
	color: #FF6600;
}

.viplev p {
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 38px;
}
/*个人主页我的vip*/
.font314 {
	color: #333;
	font-size: 14px;
}

.font612 {
	color: #666;
	font-size: 12px;
}

.font912 {
	color: #999;
	font-size: 12px;
}

.gradientYbtn {
	color: #fff;
	background: #fba141;
	background: -moz-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fba141),
		color-stop(100%, #fb8733));
	background: -webkit-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -o-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: -ms-linear-gradient(top, #fba141 0%, #fb8733 100%);
	background: linear-gradient(to bottom, #fba141 0%, #fb8733 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba141',
		endColorstr='#fb8733', GradientType=0);
}

:root .gradientYbtn {
	filter: none;
}

.gradientYbtn:hover {
	background: #ffa74a;
	text-decoration: none;
	background: -moz-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa74a),
		color-stop(100%, #fd8833));
	background: -webkit-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -o-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: -ms-linear-gradient(top, #ffa74a 0%, #fd8833 100%);
	background: linear-gradient(to bottom, #ffa74a 0%, #fd8833 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa74a',
		endColorstr='#fd8833', GradientType=0);
}

:root .gradientYbtn:hover {
	filter: none;
}

.update3 {
	padding: 10px 0 0 10px;
}

.perRmain {
	border: 1px solid #eee;
}

.perRmain-head {
	padding-left: 19px;
	height: 48px;
	border-bottom: 1px solid #eee;
	background-color: #F8F8F8;
	color: #333;
	font-size: 16px;
	line-height: 48px;
}

.perRmain-head a.perRmain-discount-btn {
	float: right;
	color: #f60;
	font-size: 14px;
	margin-right: 20px;
	text-decoration: none;
}

.perRmain-head a.perRmain-discount-btn i {
	vertical-align: middle;
	margin-right: 5px;
}

.perRmain-body {
	padding: 19px;
}

.vipstatusBar {
	height: 55px;
}

.vipstatusBar h6 {
	width: 645px;
	display: inline-block;
	float: left;
}

.vipstatusBar a {
	display: block;
	float: right;
	width: 120px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 4px;
}

.vipstatusBar .font612 {
	line-height: 12px;
	margin-top: 9px;
}

.vipstatusBar span {
	color: #ff6600;
}

table {
	width: 100%;
	border-collapse: collapse;
	/* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
	border: solid #eee;
	/* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
	border-width: 1px 0 0 1px;
	/* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

table th, table td {
	border: solid #eee;
	border-width: 0 1px 1px 0;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 14px;
	color: #333;
}

thead th {
	background-color: #F8F8F8;
}

.vipmarkCo {
	color: #fc6020;
	font-size: 18px;
}

.vipmarkGr {
	color: #dcdcdc;
	font-size: 18px;
}

.icon-ordinaryR {
	color: #ff483c;
	font-size: 18px;
}

.icon-vipGreen {
	color: #a6d47c;
	font-size: 18px;
}

.vipexpe-Header {
	width: 100%;
	position: relative;
}

.vipexpe-Header .line {
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #eee;
}

.vipexpe-Header h4 {
	font-size: 20px;
	color: #FF6600;
	text-align: center;
	line-height: 20px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	top: 38px;
}

.vipexpe-Header strong {
	padding: 0 15px;
	background-color: #fff;
}

.vipexpe-Header .font612 {
	padding-top: 20px;
	text-align: center;
}

.perRmain-body .bookline {
	padding-top: 20px;
}

.perRmain-body .bookline li {
	width: 116px;
	padding-bottom: 0;
}

.perRmain-body .bookline .bookface {
	width: 116px;
	height: 154px;
}

.perRmain-body .vipSbanner {
	height: 131px;
	margin-top: 20px;
	background: url(../images/vip/banner2.png) no-repeat;
	background-size: contain;
}
/*充值*/
.vip_paypopup {
	padding: 10px 10px 0;
}

.vip-paysort {
	overflow: hidden;
	padding-bottom: 16px;
}

.vip-paysort li {
	float: left;
	width: 123px;
	height: 78px;
	border: 1px solid #eee;
	margin-right: 20px;
	cursor: pointer;
}

.vip-paysort li:hover {
	border-color: #ff6600;
}

.vip-paysort li.active {
	border-color: #ff6600;
}

.vip-paysort .oney_rsort {
	margin-right: 0;
}

.vip-paysort a {
	text-decoration: none;
}

.vip-paysort h6 {
	color: #ff6600;
	font-size: 16px;
	height: 78px;
	background-color: #fff;
	line-height: 60px;
	width: 93px;
	float: left;
	text-align: center;
}

.onem-rsort h6 {
	line-height: 58px;
}

.vip-paysort p {
	font-size: 12px;
	color: #999;
	line-height: 12px;
	margin-top: -17px;
	text-align: center;
}

.vip-paysort em {
	font-style: normal;
	color: #FF6600;
}

.vip-paysort strong {
	font-size: 24px;
	font-weight: 400;
}

.vip-paysort span {
	float: right;
	width: 16px;
	height: 50px;
	text-align: center;
	line-height: 18px;
	padding: 14px 7px;
	font-size: 12px;
	color: #333;
	background-color: #f8f8f8;
}

.vip_payway {
	width: 100%;
	height: 186px;
	border: 1px solid #eee;
	padding-top: 25px;
	background-color: #f8f8f8;
}

.vip_paycode {
	position: relative;
	border: 1px solid #eee;
	float: left;
	margin-left: 60px;
}

.vip_paycode img {
	margin: auto;
	display: block;
	margin-top: 1px;
}

.vip_paycodebg {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 150px;
	height: 150px;
	background-size: contain;
}

.vip_paycode .vip_paycodelogo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 32px;
	margin-top: -16px;
	margin-left: -16px;
}

.vip_paycode .vip_paycodelogo img {
	margin: 0;
}

.vip_paydes {
	padding-left: 23px;
	float: left;
}

.vip_paydes h4 {
	font-size: 24px;
	color: #ff6600;
	padding-top: 17px;
	line-height: 34px;
}

.vip_paydes h4 .org_price {
	text-decoration: line-through;
	margin-right: 15px;
	font-size: 20px;
}
/*.vip_paydes h4 .dis_price{ }*/
.vip_paydes h4 small {
	font-size: 14px;
	color: #999;
}

.vip_paydes p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.vip_paydes div {
	font-size: 14px;
	color: #333;
	margin-top: 8px;
	line-height: 14px;
}

.vip_paydes span.iconfont {
	display: inline-block;
	color: #fff;
	background-color: #9ad066;
	font-size: 14px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
}

.vip_payway .clearfix {
	clear: both;
	text-align: center;
	padding-top: 20px;
	*padding-top: 0px;
}

.vip_payway .clearfix a {
	font-size: 12px;
	color: #999;
}

.vipfooterBtn a {
	display: block;
	width: 120px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	margin: 40px auto 0;
	border-radius: 4px;
}
/*底部ie8兼容*/
.activelist {
	overflow: hidden;
}

.footer {
	overflow: hidden;
}

/*vipsuccess*/
.vip-success {
	margin: 35px auto 0;
	width: 410px;
	overflow: hidden;
}

.vip-success img {
	float: left;
	margin-right: 35px;
}

.vip-success-tips {
	border-left: 1px dashed #eee;
	float: left;
	padding-left: 35px;
	height: 90px;
}

.vip-success-tips h6 {
	font-size: 18px;
	color: #f60;
}

.vip-success-tips p {
	margin: 10px auto 20px;
	font-size: 12px;
	color: #999;
}


.become_vip_win p {
	color: #333;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}

.become_vip_win img {
	vertical-align: middle;
	margin-right: 7px;
}

.become_vip_btnwrap {
	width: 225px;
	height: 30px;
	margin: 13px auto 0;
}

.become_vip_win a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	font-size: 14px;
}

a.graybtn {
	color: #666666;
	background-color: #F8F8F8;
	border: 1px solid #eee;
}

.become_vip_btnwrap .graybtn {
	margin-left: 16px;
}
/*右侧活动*/
.draw-gif {
	right: 50%;
	position: fixed;
	bottom: 250px;
	margin-right: -664px;
}

.draw-gif .draw-close {
	display: block;
	width: 14px;
	height: 14px;
	background: #fff url(../../images/close-small.png) no-repeat -3px -3px;
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: 0;
}

/*2018-03-08阅读页会员 flash提示*/
.vip_lack {
	margin-top: 20px;
	padding: 0 30px;
}

.become_vip_win.vip_lack p {
	font-size: 18px;
	color: #f60;
	text-align: left;
}

.vip_lack_tips {
	font-size: 12px;
	color: #999;
	text-align: center;
	margin: 10px auto 20px;
}

.vip_lack .become_vip_btnwrap {
	width: auto;
}

.vip_lack_left .vip-success {
	width: 490px;
}

.vip_lack_left .become_vip_btnwrap {
	width: auto;
	margin-top: -2px;
}

.vip-success-tips a.graybtn {
	color: #666666;
	background: #F8F8F8;
	border: 1px solid #eee;
}

/*vip-word process*/
.vip-processing {
	margin-bottom: 15px;
}

.process-title {
	font-size: 14px;
}

.vip-status-process {
	overflow: hidden;
}

.vip-status-process li {
	float: left;
	width: 200px;
}

.vip-status-process li.t-one {
	font-size: 16px;
	line-height: 54px;
}
/*.vip-status-process li.t-two{
  font-size: 16px;
}*/
.vip-status-process li.t-two span {
	line-height: 35px;
	font-size: 16px;
}

.vip-status-process li.t-two span.t-sub-two, .vip-status-process li.t-two a.t-sub-two
	{
	line-height: 12px;
	font-size: 12px;
	color: #f60;
	display: block;
}

.vip-status-process li i {
	float: left;
	font-size: 36px;
	color: #999;
	margin-right: 15px;
}
/*.vip-status-process li.active,*/
.vip-status-process li.active i {
	color: #FD972B;
}
.m0right{margin-right:0;}