.noneim {display: none !important;}
.ofh {overflow: hidden;padding: 20px;position: relative;}
.qcodes {width: 100px;height: 100px;float: left}
.qcta {font-size: 16px;padding: 25px 0px 5px 20px;float: left;}
.qctb {color: #999;padding: 0px 0px 0px 20px;float: left;}
.qimg {width: 20px;height: 20px;position: absolute;background-image: url(/img/qlogo.png);background-size: 100% 100%;border-radius: 3px;margin: 40px;}
.resource-detail, .resource-top {margin: 0 auto;width: 1200px;}
.res-link {height: 40px;line-height: 40px;font-size: 0;}
.res-link a {color: #666;font-size: 12px;}
.res-link i {color: #666;font-size: 12px;padding: 0 5px;}
.res-link a {color: #666;}
.res-link .current {color: #999;}
.res-hd {padding-top: 6px;}
.hd-des {position: relative;float: left;width: 75%;}
.res-title {display: inline-block;margin: 0;color: #333;font-size: 18px;font-weight: bold;height: 24px;line-height: 24px;max-width: 790px;overflow: hidden;padding-left: 22px;position: relative;text-overflow: ellipsis;white-space: nowrap;}
.res-title .icon {position: absolute;left: 0;top: 2px;width: 20px;height: 20px;background-image: url("/img/css/icon-unkown.png");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.top-nav {margin-bottom: 0px;}
.res-title .icon.icon8 {background-image: url("/img/css/icon-zip.png");}
.res-title .icon.icon5 {background-image: url("/img/css/icon-pdf.png")}
.res-title .icon.icon4 {background-image: url("/img/css/icon-ppt.png")}
.res-title .icon.icon2 {background-image: url("/img/css/icon-word.png")}
.res-title .icon.icon3 {background-image: url("/img/css/icon-excel.png")}
.res-title .icon.icon6 {background-image: url("/img/css/icon-media.png")}
.res-title .icon.icon7 {background-image: url("/img/css/icon-audio.png")}
.res-title .icon.icon9 {background-image: url("/img/css/icon-unkown.png")}
i {font-style: normal;}
#result_tabs ul {width: 1200px;margin: 0 auto;}
.res-des {position: relative;line-height: 35px;}
.res-des .des {float: left;height: 35px;margin-right: 14px;font-size: 12px;color: #666;}
.res-des .des .icon {display: inline-block;margin-right: 2px;font-size: 15px;color: #666;vertical-align: top;}
.res-des .des {float: left;height: 35px;margin-right: 14px;font-size: 12px;color: #666;}
.res-des .share {float: right;margin: 8px 0 0;padding-left: 0;width: 50px;height: 20px;}
.res-des .share .bds_more {display: block;margin: 0;padding: 0;width: 50px;height: 20px;line-height: 20px;background: none !important;}
.bdshare-button-style0-16::after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
.res-des .collection {float: right;margin-right: 20px;font-size: 0;line-height: 35px;height: 35px;cursor: pointer;}
.res-des .collection .icon {display: inline-block;font-size: 12px;color: #666;margin-right: 5px;}
.res-des .collection span {display: inline-block;vertical-align: top;font-size: 12px;color: #666;}
.side-top {position: relative;float: right;width: 24%;}
.side-top .download {float: right;position: relative;width: 140px;height: 50px;cursor: pointer;background: #E1251b;}
.side-top .name {position: absolute;left: 29px;width: auto;top: 14px;text-align: center;line-height: 110%;font-size: 16px;color: #fff;}
.side-top .txt {position: absolute;right: 18px;width: auto;top: 16px;text-align: center;line-height: 110%;font-size: 14px;color: #fdd000;}
.res-con .con-top {position: relative;height: 48px;border: 1px solid #ddd;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-bottom: none;background: #fff;}
.res-con .m-read {position: absolute;top: 0;right: 180px;}
.m-read .name {display: block;width: 40px;height: 48px;cursor: pointer;background: url(../img/res-icon.png) no-repeat -272px -134px;}
.m-read .code {display: none;position: absolute;top: 35px;left: -38px;width: 118px;padding-bottom: 10px;border: 1px solid #e5e5e5;background: #fff;text-align: center;}
.res-con .change-button {position: absolute;right: 0;top: 0;}
.change-button .btn.unClick {opacity: .3;filter: alpha(opacity=30);cursor: inherit;}
.change-button .btn {float: left;width: 60px;height: 48px;border: none;background: none;cursor: pointer;}
.change-button .small i {background-position: 0 1px;}
.change-button .btn i {display: inline-block;width: 22px;height: 22px;background: url(../img/res-icon.png) no-repeat -37px 0;vertical-align: middle;}
.change-button .limit i {background-position: -76px 0;}
.clearfix::after {display: block;content: ".";height: 0;overflow: hidden;clear: both;}
.res-side .news {position: relative;margin-bottom: 15px;width: auto;background: #fff;}
.res-side .series {padding: 10px 20px;}
.res-side .series li {font-size: 12px;line-height: 40px;}
.res-side .series li label {color: #999;}
.res-side .series li span {display: inline-block;margin: 0 5px;}
.res-side .series li .tick {margin-right: 3px;color: #E1251b;
	/* #4b98ff; */
}
.minapp {margin-bottom: 15px;padding: 15px 0;height: 140px;background: #fff;overflow: hidden;}
.minapp .qrcode {float: left;margin: 0 20px;width: 120px;height: 120px;}
.minapp .qrcode img {width: 120px;height: 120px;}
.minapp .txt {float: left;padding: 20px 0;}
.minapp p {font-size: 16px;line-height: 30px;}
.minapp .sub {font-size: 14px;color: #666;}
.res-side .news {position: relative;margin-bottom: 15px;width: auto;background: #fff;}
.res-side .title {position: relative;font-weight: 400;font-size: 18px;line-height: 1;padding: 20px 0 10px;overflow: hidden;}
.res-side .title span {float: left;padding-left: 15px;border-left: 3px solid red;}
.res-side .title .more {float: right;padding-right: 15px;font-size: 14px;}
ul, ol {list-style: none;}
.res-list {padding: 0 20px 20px;overflow: hidden;}
.res-side .res-list li {position: relative;margin-top: 10px;padding-left: 10px;}
.res-side .res-list li::before {content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #999;}
.res-side .res-list li a {display: block;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;}
.res-con .scanned {margin-top: 15px;padding: 30px 0 26px;border: 1px solid #ddd;text-align: center;font-size: 18px;color: #333;background: #fff;}
.res-con .scan-tip {display: inline-block;padding-left: 26px;background: url(../img/res-icon.png) no-repeat -283px -183px;}
.res-con .scan-btn, .res-con .scan-tool {margin-top: 20px;}
.res-con .scan-tool .tool {display: inline-block;margin: 0 30px;width: 40px;}
.res-con .scan-tool .tool-icon {position: relative;display: block;width: 40px;height: 40px;font-size: 16px;line-height: 40px;color: #666;text-align: center;border-radius: 50%;border: 1px solid #ddd;cursor: pointer;}
.res-con .scan-tool .tool-icon .icon-hover {position: absolute;top: 0;left: 0;width: 40px;height: 40px;opacity: 0;filter: alpha(opacity=0);}
.res-con .scan-tool .tool .name {font-size: 14px;line-height: 20px;color: #666;}
.res-con .scan-btn .btn, .res-con .scan-btn .add-car {display: inline-block;width: 140px;height: 40px;line-height: 30px;margin: 0 10px;color: #fff;border: none;background: #E1251b;font-size: 16px;}
.region-list li {position: relative;padding: 9px 45px;}
.region-list li .txt {
	/*padding: 0 50px 0 22px;*/
	display: block;
	/* height: 34px;
     line-height: 34px;*/
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;width: 230px;}
.region-list li :hover {color: #4b98ff;}
.doc-type {position: absolute;left: 20px;top: 10px;width: 18px;height: 18px;
	/* border: 1px solid #e5e5e5; text-align: center; line-height: 18px; font-size: 14px; @include border-radius(2px);*/
	background: url(/img/css/doc-type.png) no-repeat 0 0;}
.doc-type:before {display: none;}
.doc-type.icon-doc-1 {background-position: 0 -152px;
	/*color: #057EE1;*/
}
.doc-type.icon-doc-2 {background-position: 0 -57px;
	/*color: #057EE1;*/
}
.doc-type.icon-doc-4 {background-position: 0 -19px;
	/*color: #fd7532;*/
}
.doc-type.icon-doc-5 {background-position: 0 -95px;
	/* color: #db0f0f;*/
}
.doc-type.icon-doc-7 {background-position: 0 -114px;
	/*  color: #d976ae;*/
}
.doc-type.icon-doc-8 {background-position: 0 -38px;
	/*  color: #07aad9;*/
}
.doc-type.icon-doc-6 {background-position: 0 0;
	/*  color: #28c0ba;*/
}
.doc-type.icon-doc-3 {background-position: 0 -76px;
	/*  color: #6eb450;*/
}
.doc-type.icon-doc-9 {background-position: 0 -133px;
	/* color: #2975dc;*/
}
.suggest-list {margin-top: 20px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding-bottom: 22px;}
.suggest-list .tit {position: relative;font-weight: 400;font-size: 18px;line-height: 1;padding: 20px 0 10px;overflow: hidden;height: 55px;}
.suggest-list .tit span {float: left;padding-left: 15px;border-left: 3px solid red;}
.suggest-list ul {padding-left: 32px;}
.clearfix {display: block;zoom: 1;}
.suggest-list li {width: 72px;float: left;margin-right: 36px;}
.suggest-list p {line-height: 20px;height: 50px;overflow: hidden;padding-top: 12px;}
.suggest-list li .icon {display: block;}
.suggest-list li :hover {color: #4b98ff;}
.scan-tool .tool-icon:hover .icon-hover, .res-con .scan-tool .tool-icon.active .icon-hover {opacity: 1;filter: alpha(opacity=100);color: #f79520;}
.scan-tool .tool-icon:hover .icon-shoucang-danse1, .res-con .scan-tool .tool-icon.active .icon-shoucang-danse1 {color: #fb5614;}
.ziying {background: #ffede2 !important;color: #ff6600 !important;border-color: #ffede2 !important;}
.yyc {color: #f60;padding: 2px 10px;background: #fff6f0;line-height: 1em;margin-right: 8px;border: 1px solid #f60;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em;border-radius: 0.3em;}
.yyc a {color: #f60;}
.m-nav .crumb .show-expand:after {top: -3px;}
.btns .orange:hover {background: #e74c00 !important;}
.btns .first:hover {background: #ffd7c7 !important;}
.fixtop {position: fixed;top: 0;z-index: 10;}
.res-hd {padding-top: 6px;width: 1200px;border-bottom: 1px solid #eaeaea;background: #fff;padding-left: 10px;}
.go_search:hover {background: #e74c00 !important;}
/* 遮罩层 */
#cover {position: fixed;left: 0px;top: 0px;background: rgba(0, 0, 0, 0.4);width: 100%;
	/*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
	height: 100%;filter: alpha(opacity=60);
	/*设置透明度为60%*/
	opacity: 0.6;
	/*非IE浏览器下设置透明度为60%*/
	display: none;z-Index: 999;}
.yqmask {width: 600px;height: 350px;background: rgba(255, 255, 255, 1);margin: 0 auto;margin-top: 10px;position: fixed;top: 50%;left: 50%;background-color: #fff;display: none;cursor: pointer;z-Index: 9999;transform: translate(-300px, -150px);}
.yqmask h4 {font-size: 18px;color: #333;font-weight: 400;line-height: 60px;text-align: center;border-bottom: 1px solid #ddd;}
.yqmask .center h5 {font-size: 16px;color: #333;font-weight: 400;text-align: center;line-height: 44px;margin-top: 14px;}
.yqmask .center>div a {display: inline-block;height: 35px;text-align: center;line-height: 34px;font-size: 16px;padding: 0 35px;}
.yqmask .center>div a.yqsubmit {background: #f60;color: #fff;border: 1px solid #f60;margin-right: 20px;}
.yqmask .center>div a.back {border: 1px solid #ddd;color: #f60;}
.yqmask .center p {font-size: 15px;color: #f60;line-height: 24px;overflow-y: auto;max-height: 142px;}
.view-detail {padding: 20px 20px 10px 20px;}
.view-detail .sd-author {line-height: 20px;}
.view-detail .avatar {float: left;margin-right: 20px;}
a {text-decoration: none;cursor: pointer;outline: 0;color: #333;}
.view-detail .user-name {padding-top: 10px;}
.zy-sx-list {border-top: 1px dashed #dcdcdc;margin-top: 12px;line-height: 25px;padding-top: 14px;font-size: 14px;}
.zy-sx-list li {padding-bottom: 7px;color: #999;}
.zy-sx-list li span {color: #333;}
.zy-sx-list li p {display: inline;}
.view-sdbox {background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 20px;}
.help-download .sd-tit {padding-bottom: 10px;}
.view-sdbox .sd-tit {font-size: 16px;line-height: 24px;height: 24px;padding-top: 16px;padding-bottom: 26px;font-weight: 400;}
.help-download ul {line-height: 25px;color: #999;padding: 0 20px;padding-bottom: 17px;font-size: 14px;}
.clearfix {display: block;zoom: 1;}
.help-download dl {padding-top: 10px;height: 125px;overflow: hidden;}
.region-list ul {padding-bottom: 8px;}
.preview-main img {border-bottom: 1px solid #ddd;width: 100%;cursor: url('/img/cursor_hand.ico'), auto;}
.iframe-wrap {position: relative;overflow: hidden;width: 100%;height: 600px;background: #ddd;}
.iframe {width: 100%;height: 600px;border: none;position: absolute;right: 0;top: 0;bottom: 0;overflow-x: hidden;overflow-y: hidden;}
.user-evaluation {margin: 15px 0;position: relative;border: 1px solid #ddd;background: #fff;overflow: hidden;}
.clearfix {display: block;}
.clearfix::before, .clearfix::after {content: "";display: table;}
.user-evaluation .title {margin: 20px 0;padding-left: 15px;font-size: 18px;line-height: 1;border-left: 3px solid #E1251b;}
.fl {float: left;}
.want-evaluate {margin: 14px 19px 0 0;width: 86px;height: 30px;line-height: 30px;background-color: #E1251b;border-radius: 20px;display: block;text-align: center;color: #fff;font-size: 14px;}
.fr {float: right;}
.rule {color: #666;font-size: 14px;margin: 20px 19px 0 0;}
.rule i {font-size: 14px;color: #999;margin-right: 6px;}
.evaluation-t {margin: 0 19px;padding-bottom: 20px;border-bottom: 1px solid #e4e4e4;}
.score-l {width: 270px;}
.score-l .score-text {font-size: 36px;color: #E1251b;margin-right: 10px;}
.star-item {display: inline-block;position: relative;}
.star-rate span i.huang-star {color: #E1251b;}
.star-rate span i {font-size: 14px;}
/* 	.icon-xingxing::before {
	    content: "\e616";
	} */
.score-r-t {color: #999;font-size: 12px;line-height: 25px;}
.evaluation-t-r a {display: block;float: left;padding: 0 13px;height: 30px;line-height: 30px;background-color: #f2f2f2;color: #333;margin: 10px 5px 0;}
.evaluation-t-r a.currenttag {background-color: #fff3e1;color: #E1251b;}
.evaluation-b {margin: 0 19px 20px;}
.evaluation-t-r a.current {background-color: #fff3e1;color: #E1251b;}
.rating-xs {font-size: 1.5em;}
.evaluation-b ul li {border-bottom: 1px solid #e4e4e4;padding: 28px 0;}
.evaluation-b-text {width: 92%;}
.evaluation-b ul li img {width: 50px;height: 50px;border-radius: 50%;}
.vip_w {position: fixed;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.3);z-index: 999;left: 0px;top: 0px;}
.vip_n {position: fixed;width: 600px;height: 480px;border-radius: 8px;left: 50%;top: 50%;z-index: 1000;margin: -300px 0px 0px -240px;overflow: hidden;background-color: rgba(255, 255, 255, 1);}
.vip_title {padding: 0 15px 0 30px;height: 50px;font-size: 16px;line-height: 50px;color: #999;}
.vip_close {float: right;font-size: 30px;cursor: pointer;color: #d4d7da;}
.vip_headline {margin: 0 40px;font-size: 15px;color: #ff703b;line-height: 20px;height: 25px;}
.vip_ttt {position: relative;height: 58px;margin: 20px 40px 0;overflow: hidden;line-height: 58px;background: #483E3F;background-image: linear-gradient(270deg, #483E3F 0%, #7E7273 100%);border-radius: 16px 16px 0 0;}
.vip_ttt li {position: relative;display: block;height: 58px;}
.vip_ttt .name {padding: 0 20px;display: block;font-size: 14px;color: #FBE4B8;}
.recharge-btn {position: absolute;top: 16px;right: 20px;width: 90px;height: 25px;line-height: 25px;font-size: 14px;color: #6D450E;text-align: center;background: #DDAE5C;background-image: linear-gradient(270deg, #DDAE5C 0%, #FBE4B8 100%);border-radius: 14px;z-index: 99;}
.r-bdis {width: 110px !important;color: #fff !important;background-image: linear-gradient(270deg, #c1c1c1 0%, #e7e7e7 100%) !important;}
b, strong {font-weight: bold;}
dfn {font-style: normal;}
img {border: 0;vertical-align: middle;}
* {padding: 0;margin: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none;}
input, textarea, button {border: 0;margin: 0;padding: 0;font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {margin: 0;}
ul, ol, li, dl, dd {margin: 0;padding: 0;}
ul, ol {list-style: none;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
em, i {font-style: normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a:hover {color: #4b98ff;}
.wrapper {position: relative;width: 1200px;min-width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.suit, .monthly-suit {position: relative;margin-top: 40px;padding-bottom: 30px;}
.suit:after, .monthly-suit:after {content: "";display: table;}
.suit:after, .monthly-suit:after {clear: both;overflow: hidden;}
.suit:before, .monthly-suit:before {position: absolute;bottom: 0;left: 30px;right: 30px;height: 1px;border-bottom: 1px dotted #E6E6E6;content: "";}
.suit .item, .monthly-suit .item {position: relative;float: left;margin-left: 30px;width: 204px;height: 124px;background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 8px;text-align: center;cursor: pointer;}
.suit .item:before, .monthly-suit .item:before {position: absolute;top: 50%;left: 10px;right: 10px;height: 1px;border-bottom: 1px dotted #e6e6e6;content: "";}
.suit .item .title, .monthly-suit .item .title {position: absolute;top: 18px;left: 0;right: 0;font-size: 16px;color: #333;text-align: center;line-height: 16px;}
.suit .item .tips, .monthly-suit .item .tips {position: absolute;padding: 0 6px;top: -8px;left: -1px;height: 18px;background: #FF703B;border-radius: 8px 0 8px 0;font-size: 12px;color: #fff;text-align: center;line-height: 18px;}
.suit .item .price, .monthly-suit .item .price {position: absolute;color: #BE6D1F;top: 10px;width: 100%;text-align: center;}
.suit .item .price .origin, .monthly-suit .item .price .origin {font-size: 16px;}
.suit .item .price .sub, .monthly-suit .item .price .sub {padding-left: 16px;font-size: 12px;}
.suit .item .price em, .monthly-suit .item .price em {padding-left: 4px;font-size: 28px;font-weight: bold;}
.suit .item .name, .monthly-suit .item .name {display: inline-block;margin: 82px auto 0;width: 184px;font-size: 14px;height: 24px;line-height: 22px;text-align: center;color: #BE6D1F;border: 1px solid #E0E0E0;border-radius: 12px;}
.suit .item.on, .monthly-suit .item.on {background: #FFFCF7;border-color: #BE6E20;}
.suit .item.on:before, .monthly-suit .item.on:before {border-bottom-color: #F7D8AA;}
.suit .item.on .name, .monthly-suit .item.on .name {background: #F6C775;border-color: #F6C775;background-image: linear-gradient(-53deg, #F6C775 0%, #F6C878 0%, #FBE4B8 46%, #DDAE5C 100%);}
.suit .item.on .icon-check, .monthly-suit .item.on .icon-check {opacity: 1;}
.suit .item:hover, .monthly-suit .item:hover {background: #FFFCF7;border-color: #BE6E20;}
.suit .item:hover:before, .monthly-suit .item:hover:before {border-bottom-color: #F7D8AA;}
.suit .item:hover .name, .monthly-suit .item:hover .name {background: #F6C775;border-color: #F6C775;background-image: linear-gradient(-53deg, #F6C775 0%, #F6C878 0%, #FBE4B8 46%, #DDAE5C 100%);}
.suit .item .icon-check, .monthly-suit .item .icon-check {opacity: 0;position: absolute;bottom: 0;right: 0;width: 30px;height: 30px;border: 15px solid #BE6E20;font-size: 12px;color: #fff;font-weight: bold;text-align: center;line-height: 14px;border-color: transparent #BE6E20 #BE6E20 transparent;border-radius: 0 0 6px 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.suit .item .average, .monthly-suit .item .average {padding-left: 5px;font-size: 12px;color: #999;}
.suit .explain, .monthly-suit .explain {position: absolute;left: 30px;bottom: 18px;line-height: 12px;font-size: 12px;color: #999;}
.suit .explain span, .monthly-suit .explain span {color: #BE6E20;}
.monthly-suit {padding-bottom: 40px;}
.monthly-suit .item {width: 180px;}
.monthly-suit .item:before {display: none;}
.monthly-suit .item .price {top: 36px;}
.monthly-suit .item .price .sub {padding-left: 6px;color: #666;text-decoration: line-through;}
.monthly-suit .item .name {min-width: 110px;padding: 0 10px;width: auto;font-size: 12px;color: #999;}
.monthly-suit .item.on .title, .monthly-suit .item:hover .title {color: #5B3301;}
.monthly-suit .item.on .name, .monthly-suit .item:hover .name {background: none;color: #D09641;}
.suit-box {position: relative;overflow: hidden;}
.suit-box .scroll-btn {position: absolute;width: 25px;height: 33px;line-height: 33px;top: 86px;background: #AB9C85;background-image: -webkit-gradient(linear, right top, left top, from(#AB9C85), to(#786955));background-image: linear-gradient(270deg, #AB9C85 0%, #786955 100%);-webkit-box-shadow: 0 2px 4px 0 rgba(193, 115, 40, 0.3);box-shadow: 0 2px 4px 0 rgba(193, 115, 40, 0.3);z-index: 2;cursor: pointer;}
.suit-box .scroll-btn .iconfont {color: #fff;display: inline-block;font-size: 16px;font-weight: bold;}
.suit-box .prev-scroll {display: none;left: 0;border-radius: 0 16px 16px 0;}
.suit-box .prev-scroll .iconfont {margin-left: 2px;}
.suit-box .next-scroll {right: 0;text-align: right;border-radius: 16px 0 0 16px;}
.suit-box .next-scroll .iconfont {margin-right: 2px;}
.suit-box.scroll-end .prev-scroll {display: block;}
.suit-box.scroll-end .next-scroll {display: none;}
.member-recharge {padding: 5px 0 20px;width: 600px;background: #fff;border-radius: 10px;}
.member-recharge * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.member-recharge .head-line {margin: 0 40px;font-size: 14px;color: #333333;line-height: 14px;}
.member-recharge .advert {position: relative;height: 58px;margin: 20px 40px 0;overflow: hidden;line-height: 58px;background: #483E3F;background-image: -webkit-gradient(linear, right top, left top, from(#483E3F), to(#7E7273));background-image: linear-gradient(270deg, #483E3F 0%, #7E7273 100%);border-radius: 16px 16px 0 0;}
.member-recharge .advert .link {position: absolute;top: 16px;right: 20px;width: 90px;height: 25px;line-height: 25px;font-size: 14px;color: #6D450E;text-align: center;background: #DDAE5C;background-image: linear-gradient(270deg, #DDAE5C 0%, #FBE4B8 100%);border-radius: 14px;z-index: 99;}
.member-recharge .advert .advert-list {position: absolute;top: 0;width: 100%;top: 0;}
.member-recharge .advert li {position: relative;display: block;height: 58px;}
.member-recharge .advert li .name {padding: 0 20px;display: block;font-size: 14px;color: #FFFFFF;}
.member-recharge .advert li .name .iconfont {display: inline-block;margin-right: 8px;color: #FFE2B0;}
.member-recharge .advert li .name em {padding-left: 4px;color: #FFE2B0;font-size: 16px;}
.member-recharge .advert li .link {position: absolute;top: 16px;padding-right: 10px;right: 20px;width: 90px;height: 25px;line-height: 25px;font-size: 14px;color: #6D450E;text-align: center;background: #DDAE5C;background-image: -webkit-gradient(linear, right top, left top, from(#DDAE5C), to(#FBE4B8));background-image: linear-gradient(270deg, #DDAE5C 0%, #FBE4B8 100%);border-radius: 14px;}
.member-recharge .advert li .link .iconfont {position: absolute;top: 0;right: 9px;display: inline-block;font-size: 8px;-webkit-transform: scale(0.5);transform: scale(0.5);}
.member-recharge .advert li .link:hover {background: #FBE4B8;background-image: -webkit-gradient(linear, right top, left top, from(#FBE4B8), to(#DDAE5C));background-image: linear-gradient(270deg, #FBE4B8 0%, #DDAE5C 100%);}
.member-recharge .pay-window {margin: 0 20px;min-height: 230px;padding-bottom: 23px;border: 1px solid #ECECEC;border-radius: 10px;}
.member-recharge .pay-window .now-pay {display: block;margin-top: 28px;text-align: center;font-size: 16px;color: #333;line-height: 16px;}
.member-recharge .pay-window .now-pay.now-pay1 {text-align: left;margin: 0 0 20px;}
.member-recharge .pay-window .paid {height: 20px;line-height: 20px;margin-top: 33px;text-align: center;font-size: 14px;color: #333333;}
.member-recharge .pay-window .paid-record {margin-top: 12px;font-size: 12px;color: #999;line-height: 12px;text-align: center;}
.member-recharge .pay-window .renew-btn {display: block;margin: 40px auto 0;width: 180px;height: 42px;line-height: 42px;text-align: center;background: #F1B663;background-image: -webkit-gradient(linear, right top, left top, from(#F1B663), to(#FFE5C6));background-image: linear-gradient(270deg, #F1B663 0%, #FFE5C6 100%);font-size: 16px;color: #6D450E;border-radius: 21px;-webkit-transition: all 0.4s;transition: all 0.4s;}
.member-recharge .pay-window .renew-btn:hover {background: #FFE5C6;background-image: -webkit-gradient(linear, right top, left top, from(#FFE5C6), to(#F1B663));background-image: linear-gradient(270deg, #FFE5C6 0%, #F1B663 100%);}
.member-recharge .pay-window .recomend {width: 310px;margin: 30px auto;font-size: 14px;color: #333;text-align: center;line-height: 24px;}
.member-recharge .pay-window .recomend i {color: #BE6D1F;}
.member-recharge .pay-window .return {margin-top: 17px;font-size: 12px;color: #666666;line-height: 12px;text-align: center;}
.member-recharge .pay-window .return a {display: inline-block;padding-left: 6px;color: #4695ff;text-decoration: underline;}
.member-recharge .pay-window .price {position: relative;display: block;margin-top: 20px;font-size: 16px;line-height: 26px;color: #F85759;text-align: center;}
.member-recharge .pay-window .price .icon {display: inline-block;vertical-align: middle;width: 17px;height: 17px;background: #F85759;border-radius: 50%;font-size: 12px;line-height: 18px;text-align: center;color: #fff;}
.member-recharge .pay-window .price .ms {line-height: 14px;vertical-align: middle;font-weight: bold;}
.member-recharge .pay-window .price em {margin: 0 4px 0 10px;display: inline-block;vertical-align: top;font-size: 27px;font-weight: bold;margin-top: 0px;}
.member-recharge .pay-window .divPricedw {display: inline-block;line-height: 32px;vertical-align: top;height: 26px;}
.member-recharge .pay-window .price .tips {position: absolute;top: 2px;padding: 0 5px;right: 30px;height: 24px;line-height: 24px;background: #FFF4D9;border-radius: 4px 4px 4px 0;font-size: 12px;color: #333333;cursor: pointer}
.member-recharge .pay-window .price .tips i {color: #F85759;}
.member-recharge .pay-window .price .tips:before {position: absolute;left: -8px;bottom: 0;border: 4px solid #FFF4D9;border-color: #FFF4D9 #FFF4D9 transparent transparent;content: "";}
.member-recharge .pay-window .price.price-1 {margin-top: 30px;}
.member-recharge .pay-window .price.price-1 .tips {top: -29px;right: 1px;}
.member-recharge .pay-window .price.price-1 .tips:before {left: 12px;bottom: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.member-recharge .pay-window .pay-tips {margin-top: 12px;text-align: center;font-size: 12px;color: #999;line-height: 12px;}
.member-recharge .pay-window .pay-choice {width: 55%;float: left;padding: 24px 20px 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.member-recharge .pay-window .pay-choice.pay-choice-price {width: 45%;}
.member-recharge .pay-window .pay-choice .choice-senior-members {width: 276px;height: 212px;border: 1px solid #F6DB9D;border-radius: 8px;text-align: center;position: relative;}
.member-recharge .pay-window .pay-choice .choice-senior-members .time-limit {position: absolute;top: -9px;right: 0;display: block;padding: 0 10px;height: 18px;background: #FF703B;border-radius: 8px 8px 0px 8px;font-size: 12px;color: #fff;}
.member-recharge .pay-window .pay-choice .choice-senior-members img {width: 30px;margin: 23px 0 12px;}
.member-recharge .pay-window .pay-choice .choice-senior-members p {line-height: 22px;}
.member-recharge .pay-window .pay-choice .choice-senior-members p span {color: #F85759;}
.member-recharge .pay-window .pay-choice .choice-senior-members p .spanCheapPrice {font-size: 13px;}
.member-recharge .pay-window .pay-choice .choice-monthly-member p span {color: #F85759;}
.member-recharge .pay-window .pay-choice .choice-senior-members a {position: static !important;display: inline-block;width: 90px;height: 36px;line-height: 36px;text-align: center;background: #DDAE5C;background-image: -webkit-gradient(linear, right top, left top, from(#DDAE5C), to(#FBE4B8));background-image: linear-gradient(270deg, #DDAE5C 0%, #FBE4B8 100%);border-radius: 18px;margin-top: 23px;color: #6D450E;}
.member-recharge .pay-window .pay-choice .choice-senior-members a:hover {background: #FBE4B8;background-image: -webkit-gradient(linear, right top, left top, from(#FBE4B8), to(#DDAE5C));background-image: linear-gradient(270deg, #FBE4B8 0%, #DDAE5C 100%);}
.member-recharge .pay-window .pay-choice .choice-members {width: 276px;}
.member-recharge .pay-window .pay-choice .choice-members .choice-monthly-member {float: left;border-radius: 8px;text-align: center;width: 130px;height: 212px;border: 1px solid #97C2E0;margin-right: 15px;}
.member-recharge .pay-window .pay-choice .choice-members .choice-monthly-member img {width: 30px;margin: 23px 0 12px;}
.member-recharge .pay-window .pay-choice .choice-members .choice-monthly-member p {line-height: 22px;}
.member-recharge .pay-window .pay-choice .choice-members .choice-monthly-member a {display: inline-block;width: 90px;height: 36px;line-height: 36px;border: 1px solid #97C2E0;border-radius: 18px;color: #97C2E0;margin-top: 23px;}
.member-recharge .pay-window .pay-choice .choice-members .choice-monthly-member a:hover {background: #97C2E0;color: #fff;}
.member-recharge .pay-window .pay-choice .choice-members .choice-senior-members {width: 130px;float: left;}
.member-recharge .pay-window .old-price {margin-top: 5px;text-align: center;font-size: 12px;color: #999999;text-decoration: line-through;}
.member-recharge .rights {padding-top: 16px;font-size: 12px;color: #999999;line-height: 12px;text-align: center;}
.pay-half-box {position: relative;margin: 12px auto 0;width: 130px;height: 130px;padding: 5px;background: #FFFFFF;border: 1px solid #F1F1F1;}
.pay-half-box img {display: block;width: 100%;}
.pay-half-box .pay-mask {display: block;top: 0;left: 0;position: absolute;width: 100%;height: 100%;text-align: center;cursor: pointer;}
.pay-half-box .pay-mask canvas {width: 100% !important;height: 100% !important;}
.wxbtn {margin: 0px 10px;cursor: pointer;}
.wxbtn:before {content: "";display: inline-block;width: 12px;height: 12px;border: solid 1px #999;border-radius: 50%;margin-top: 0px;margin-right: 3px;vertical-align: top;}
.zfbbtn {margin: 0 10px;cursor: pointer;}
.zfbbtn:before {content: "";display: inline-block;width: 12px;height: 12px;border: solid 1px #999;border-radius: 50%;margin-top: 0px;margin-right: 3px;vertical-align: top;}
.myzyb {color: #ff703b;}
.btnck {}
.btnck:before {background: #f85759;border: double 3px #fff;width: 13px;height: 13px;}
.qrcode {margin: 12px auto 0;width: 130px;height: 130px;padding: 5px;background: #FFFFFF;border: 1px solid #F1F1F1;}
.qrcode img {display: block;width: 100%;}
.qrcode .refresh {display: none;}
.qrcode.on {position: relative;}
.qrcode.on .refresh {display: block;top: 0;left: 0;position: absolute;display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);text-align: center;}
.qrcode.on .refresh .iconfont {margin-top: 50px;display: block;line-height: 22px;font-size: 22px;color: #fff;}
.qrcode.on .refresh .text {margin-top: 10px;display: block;line-height: 12px;font-size: 12px;color: #fff;}
.recharge-2 .pay-window .renew-btn {margin-top: 20px;}
.explain {padding: 5px 0 0 20px;font-size: 14px;color: #333333;line-height: 14px;}
.monthly-suit, .suit {margin-top: 28px;padding-bottom: 20px;}
.monthly-suit::before, .suit::before {display: none;}
.monthly-suit .item, .suit .item {width: 166px;}
.monthly-suit .item:first-child, .suit .item:first-child {margin-left: 20px;}
.voucher {overflow: hidden;}
.voucher .iconfont {display: inline-block;margin-right: 6px;font-size: 14px;color: #BE6E20;}
.voucher .policy {margin-top: 15px;font-size: 14px;color: #333333;line-height: 14px;}
.voucher .policy em {color: #F85759;}
.settlement {margin: 0 20px;padding: 18px 0 17px 90px;border: 1px solid #ECECEC;border-radius: 10px;}
.settlement .warning {display: block;margin-top: 20px;font-size: 12px;color: #999;line-height: 12px;}
.pay-detail {margin-top: 25px;position: relative;}
.pay-detail:after {content: "";display: table;}
.pay-detail:after {clear: both;overflow: hidden;}
.pay-detail .pay-half-box, .pay-detail .qrcode {float: left;width: 140px;height: 140px;padding: 5px;border: 1px solid #F1F1F1;}
.pay-detail .pay-half-box img, .pay-detail .qrcode img {display: block;width: 100%;}
.pay-detail .rules {float: left;position: relative;margin-left: 18px;height: 140px;width: 300px;position: relative;margin-left: 18px;}
.pay-detail .rules .name {display: block;margin-top: 10px;font-size: 14px;color: #333;line-height: 14px;}
.pay-detail .rules .policy {position: absolute;bottom: 10px;font-size: 14px;color: #999999;line-height: 14px;left: 0;}
.pay-detail .rules .price {position: absolute;left: 0;bottom: 63px;height: 28px;line-height: 28px;font-size: 16px;color: #F85759;}
.pay-detail .rules .price i {display: inline-block;vertical-align: baseline;font-size: 28px;}
.pay-detail .rules .tips {position: absolute;bottom: 34px;left: 0;font-size: 14px;color: #666;line-height: 14px;}
.tab-bar {position: relative;height: 42px;line-height: 42px;}
.tab-bar:after {content: "";display: table;}
.tab-bar:after {clear: both;overflow: hidden;}
.tab-bar .item {position: absolute;width: 300px;height: 42px;top: 0;text-align: center;font-size: 14px;color: #888;cursor: pointer;background-repeat: no-repeat;background-position: center 0;background-size: 100% auto;z-index: 1;}
.tab-bar .item:first-child {left: 0;background-image: url(../images/detail/tab3.png);}
.tab-bar .item:first-child.on {background-image: url(../images/detail/tab1.png);}
.tab-bar .item:nth-child(2) {right: 0;background-image: url(../images/detail/tab2.png);}
.tab-bar .item:nth-child(2).on {background-image: url(../images/detail/tab4.png);}
.tab-bar .item .iconfont {display: inline-block;margin-right: 4px;}
.tab-bar .item.on {z-index: 2;color: #9D550F;width: 310px;}
.tab-wrapper {position: relative;height: 443px;width: 100%;}
.tab-wrapper .content {position: absolute;top: 0;left: 0;height: 100%;z-index: 1;background: #fff;width: 100%;}
.tab-wrapper .content .settlement {padding: 15px 0 30px 20px;}
.tab-wrapper .content .monthly-suit {padding-bottom: 30px;}
.tab-wrapper .content.on {z-index: 2;}
.tab-wrapper .content[data-type="vip"] .item .name {border: none;width: auto;background: none;margin: 72px auto 0;font-size: 12px;line-height: 16px;color: #666;}
.tab-wrapper .content[data-type="vip"] .item .name i {padding-right: 5px;color: #BE6D1F;}
.renew-2 {background: transparent;}
.renew-2 .pay-detail .rules .price {bottom: 90px;}
.renew-2 .pay-detail .rules .tips {bottom: 50px;}
.renew-2 .pay-detail .rules .policy {bottom: 27px;}
.renew-2 .pay-detail .rules .sale {display: inline;padding-left: 10px;font-size: 14px;color: #333333;}
.renew-2 .pay-detail .rules .sale i {font-size: 14px;color: #F85759;}
.recharge-skin .layui-layer-title {height: 60px;line-height: 60px;background: none;border: none;color: #666;font-size: 16px;}
.layui-layer-content {border-radius: 10px;overflow: hidden;}
.renew-skin {border-radius: 10px !important;}
.renew-skin.layui-layer {border-radius: 12px;}
.renew-skin .layui-layer-title {height: 50px;line-height: 50px;background: transparent;border: none;color: #FFE2B0;}
.renew-skin .layui-layer-setwin .layui-layer-close1 {font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;background: none;cursor: pointer;}
.renew-skin .layui-layer-setwin .layui-layer-close1:before {content: "\e601";}
.layui-layer {box-shadow: none !important;}
/* 弹框样式  */
.modal-dialog {position: fixed;
	/*top: 50px;*/
	left: 0;right: 0;margin: 0 auto;z-index: 10001;width: 600px;border-radius: 10px;background: #fff;}
.modal-hd {padding: 0 15px 0 30px;height: 50px;font-size: 16px;line-height: 50px;color: #999;}
.modal-hd .close {float: right;font-size: 30px;cursor: pointer;color: #d4d7da;}
.modal-hd .close:hover {color: #333;}
.singleuser-tip {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: 100;}
.singleuser-tip .modal-dialog-singeluser {
	/*position: absolute;*/
	left: 0;right: 0;top: 200px;margin: 0 auto 0;width: 400px;border-radius: 6px;background: #fff;}
.singleuser-tip .modal-dialog-singeluser .modal-bd {padding: 30px 20px 20px;}
.singleuser-tip .modal-dialog-singeluser .close {position: absolute;top: 0;right: 0;width: 30px;height: 30px;color: #999;line-height: 30px;text-align: center;font-size: 16px;cursor: pointer;}
.singleuser-tip .modal-dialog-singeluser .close:hover {color: #333;}
.singleuser-tip .modal-dialog-singeluser .alert {position: relative;padding-left: 60px;font-size: 14px;color: #333;}
.singleuser-tip .modal-dialog-singeluser .alert img {position: absolute;left: 0;top: 0;width: 40px;height: 40px;}
.singleuser-tip .modal-dialog-singeluser .button {margin-top: 20px;text-align: center;height: 40px;line-height: 40px;display: block;}
.singleuser-tip .modal-dialog-singeluser .button .btn {display: inline-block;background: #4695ff;border-radius: 5px;color: #fff;}
.singleuser-tip .modal-dialog-singeluser .button .reg-user-account {color: #d02a0e;}
/*# sourceMappingURL=renew-dialog.css.map */
.zzc{position: absolute;width: 98%;height: 95%;background-color: rgba(0,0,0,0);left: 0px;top: 0px;}
/*z-index:999;*/