@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

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

caption,th {
	text-align: left;
	font-weight: 400
}

abbr,body,fieldset,html,iframe,img {
	border: 0
}

address,cite,dfn,em,i,var {
	font-style: normal
}

[hidefocus],summary {
	outline: 0
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%
}

sub,sup {
	font-size: 83%
}

code,kbd,pre,samp {
	font-family: inherit
}

q:after,q:before {
	content: none
}

textarea {
	overflow: auto;
	resize: none
}

label,summary {
	cursor: default
}

a,button {
	cursor: pointer
}

img {
	border: none
}

b,em,h1,h2,h3,h4,h5,h6,strong {
	font-weight: 700
}

a,a:hover,del,ins,s,u {
	text-decoration: none
}

body,button,input,keygen,legend,select,textarea {
	outline: 0;
	color: #333;
	font: 14px/1 '微软雅黑',Microsoft YaHei,Arial,Verdana,\5b8b\4f53
}

body {
	overflow-x: hidden;
	min-width: 1200px;
	background: #fff
}

a,a:hover {
	color: #666;
	text-decoration: none;
	outline: none
}

li,ul {
	list-style-type: none
}

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

.fl {
	float: left
}

.fr {
	float: right
}

body,html {
	height: 100%;
	min-width: 1200px;
	padding-top: 30px;
}

*,:after {
	box-sizing: border-box
}

.tran {
	transition: all .2s linear
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.layout-cont {
	margin: 0 auto;
	width: 1240px
}

.block-bg {
	background: #fafafa
}

.overhiden {
	overflow: hidden
}

.hkt-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.hkt-win .hkt-mask {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed
}

.hkt-win .hkt-cell {
	display: table-cell;
	padding: 10px;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.comments-popup {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 580px;
	border-radius: 2px;
	background: #fff
}

.comments-popup .close-btn {
	position: absolute;
	top: 14px;
	right: 14px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat -69px -493px;
	cursor: pointer
}

.comments-popup .popup-title {
	height: 47px;
	border-bottom: 1px #c1c1c1 solid;
	text-align: center
}

.comments-popup .popup-title .title-word {
	color: #333;
	font-size: 18px;
	line-height: 47px
}

.comments-popup .popup-main {
	padding: 20px 15px
}

.comments-popup .rm-main p {
	padding: 20px 0;
	color: #666;
	text-align: center;
	font-size: 18px;
	line-height: 22px
}

.comments-popup .but-box {
	margin-top: 15px;
	padding-bottom: 20px;
	text-align: center
}

.comments-popup .but-box .rm-but {
	display: inline-block;
	margin: 0 5px;
	width: 86px;
	height: 40px;
	border-radius: 2px;
	background: #f0efed;
	color: #666;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	cursor: pointer;
	transition: .2s
}

.comments-popup .but-box .rm-but.sure-btn {
	background: #f8d447;
	color: #333
}

.default-null-page {
	padding: 40px;
	text-align: center
}

.default-null-page p {
	margin-top: 30px;
	color: #999;
	font-size: 16px
}

#body-container {
	position: relative;
	box-sizing: border-box;
	padding-bottom: 60px;
	min-height: 100%
}

.flow-list {
	margin-right: -20px;
	margin-bottom: -20px;
	width: 104%\9
}

.flow-list .flow-item {
	position: relative;
	margin: 0 20px 20px 0;
	width: 295px
}

.flow-list .flow-item:hover:after {
	width: 100%
}

.flow-list .flow-item:hover .show-mask {
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)
}

.flow-list .flow-item:hover .play-btn {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100)
}

.flow-list .flow-item:hover .time-length {
	opacity: 0;
	filter: alpha(opacity=0)
}

.flow-list .flow-item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: #ffd500;
	content: '';
	transition: all .25s ease-in
}

.flow-list .flow-item .item-show {
	position: relative;
	overflow: hidden;
	width: 295px;
	height: 180px;
	border: 1px solid #ececec;
	border-bottom: none
}

.flow-list .flow-item .time-length {
	position: absolute;
	right: 8px;
	bottom: 10px;
	display: block;
	padding: 0 6px;
	height: 15px;
	border-radius: 4px;
	background: rgba(0,0,0,.25);
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	transition: all .25s ease-in;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.flow-list .flow-item .tips-pa {
	display: none;
	position: absolute;
	left: 8px;
	top: 150px;
	z-index: 1;
	padding: 0 6px;
	height: 20px;
	border-radius: 4px;
	background: rgba(0,0,0,.25);
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	transition: all .25s ease-in;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	cursor: pointer;
}

.flow-list .flow-item:hover .tips-pa {
	display: block;
}

.flow-list .flow-item .tips-pa:hover {
	background: rgba(255,112,29,0.8);
}

.flow-list .flow-item .item-info .info-tabs {
	position: relative;
}

.flow-list .flow-item .item-info .info-tabs .recommend-btn {
	position: absolute;
	right: 0px;
	bottom: -2px;
	display: block;
	font-size: 12px;
	color: #FF701D;
	border: 1px solid #FF701D;
	border-radius: 3px;
	padding: 0 4px;
	line-height: 17px;
	height: 18px;
}

.flow-list .flow-item .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: block;
	margin: -30px -30px;
	width: 60px;
	height: 60px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat 0 -490px;
	opacity: 0;
	transition: all .25s ease-in;
	-webkit-transform: scale(2);
	transform: scale(2);
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0)
}

.flow-list .flow-item .show-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.flow-list .flow-item .show-img img {
	display: block;
	width: 100%;
	height: 100%
}

.flow-list .flow-item .show-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	opacity: 0;
	transition: all .25s ease-in;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0)
}

.flow-list .flow-item .item-info {
	padding: 12px;
	border: 1px solid #eee;
	border-bottom: 3px solid #ececec;
	background: #fff;
	max-height: 72px;
}

.flow-list .flow-item .info-title .title-name {
	display: block;
	overflow: hidden;
	height: 15px;
	max-width: 208px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.flow-list .flow-item .info-title .type-label {
	display: block;
	padding: 0 5px;
	height: 14px;
	border-radius: 7px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 14px
}

.flow-list .flow-item .info-title .type-label.type-words {
	background: #F5C607
}

.flow-list .flow-item .info-title .type-label.type-poster {
	background: #FF7C00
}

.flow-list .flow-item .info-title .type-label.type-sysn {
	background: #40B0FF
}

.flow-list .flow-item .info-title .type-label.type-task {
	background: #f2c763
}

.flow-list .flow-item .info-title .type-label.type-software {
	background: #6EBD6B
}

.flow-list .flow-item .info-title .type-label.type-c4d {
	background: #367DD5
}

.flow-list .flow-item .info-title .type-label.type-synthesis {
	background: #00A99D
}

.flow-list .flow-item .info-title .type-label.type-cpjx {
	background: #B062A3
}

.flow-list .flow-item .info-title .type-label.type-syhq {
	background: #494166
}

.flow-list .flow-item .info-title .type-label.type-lesson {
	background: #779210
}

.flow-list .flow-item .info-title .type-label.type-dynamic {
	background: #D49688
}

.flow-list .flow-item .info-title .type-label.type-occupation {
	background: #00528E
}

.flow-list .flow-item .info-title .type-label.type-printing {
	background: #A68369
}

.flow-list .flow-item .info-title .type-label.type-portrait {
	background: #CCB374
}

.flow-list .flow-item .info-title .type-label.type-illustration {
	background: #EA5442
}

.flow-list .flow-item .info-title .type-label.type-store {
	background: #617F74
}

.flow-list .flow-item .info-title .type-label.type-packing {
	background: #E5869A
}

.flow-list .flow-item .info-title .type-label.type-indoor {
	background: #74C4C4
}

.flow-list .flow-item .info-title .type-label.type-foreign {
	background: #fbb03b
}

.flow-list .flow-item .info-title .type-label.type-brand {
	background: #00a2b9
}

.flow-list .flow-item .info-title .type-label.type-ui {
	background: #eb4c8c
}

.flow-list .flow-item .info-title .type-label.type-work {
	background: #7e57c2
}

.flow-list .flow-item .info-title .type-label.type-replay {
	background: #03af7c
}

.flow-list .flow-item .info-title .type-label.type-student {
	background: #ce5777
}

.flow-list .flow-item .info-title .type-label.type-program {
	background: #067afe
}

.flow-list .flow-item .info-title .type-label.type-shortvideo {
	background: #F88451
}

.flow-list .flow-item .info-title .type-label.type-examination {
	background: #c9d650
}

.flow-list .flow-item .info-title .type-label.type-foreignstudy {
	background: #a9b6fd
}

.flow-list .flow-item .info-title .type-label.type-blender {
	background: #0E548B
}

.flow-list .flow-item .info-tabs {
	margin-top: 15px
}

.flow-list .flow-item .info-tabs .tabs-sp {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-left: 25px;
	height: 14px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.flow-list .flow-item .info-tabs .tabs-sp:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat;
	content: ''
}

.flow-list .flow-item .info-tabs .tabs-sp.view-num:before {
	width: 21px;
	background-position: -238px -379px
}

.flow-list .flow-item .info-tabs .tabs-sp.disc-num:before {
	width: 19px;
	background-position: -238px -403px
}

.flow-list .flow-item .info-tabs .other-sp {
	height: 14px;
	color: #999;
	font-size: 14px
}

.imgshow-m .list .img-data .class-type.type-words {
	background: #F5C607!important
}

.imgshow-m .list .img-data .class-type.type-poster {
	background: #FF7C00!important
}

.imgshow-m .list .img-data .class-type.type-sysn {
	background: #40B0FF!important
}

.imgshow-m .list .img-data .class-type.type-task {
	background: #f2c763!important
}

.imgshow-m .list .img-data .class-type.type-software {
	background: #6EBD6B!important
}

.imgshow-m .list .img-data .class-type.type-c4d {
	background: #367DD5!important
}

.imgshow-m .list .img-data .class-type.type-synthesis {
	background: #00A99D!important
}

.imgshow-m .list .img-data .class-type.type-cpjx {
	background: #B062A3!important
}

.imgshow-m .list .img-data .class-type.type-syhq {
	background: #494166!important
}

.imgshow-m .list .img-data .class-type.type-lesson {
	background: #779210!important
}

.imgshow-m .list .img-data .class-type.type-dynamic {
	background: #D49688!important
}

.imgshow-m .list .img-data .class-type.type-occupation {
	background: #00528E!important
}

.imgshow-m .list .img-data .class-type.type-printing {
	background: #A68369!important
}

.imgshow-m .list .img-data .class-type.type-portrait {
	background: #CCB374!important
}

.imgshow-m .list .img-data .class-type.type-illustration {
	background: #EA5442!important
}

.imgshow-m .list .img-data .class-type.type-store {
	background: #617F74!important
}

.imgshow-m .list .img-data .class-type.type-packing {
	background: #E5869A!important
}

.imgshow-m .list .img-data .class-type.type-indoor {
	background: #74C4C4!important
}

.imgshow-m .list .img-data .class-type.type-foreign {
	background: #fbb03b!important
}

.imgshow-m .list .img-data .class-type.type-brand {
	background: #00a2b9!important
}

.imgshow-m .list .img-data .class-type.type-ui {
	background: #eb4c8c!important
}

.imgshow-m .list .img-data .class-type.type-work {
	background: #7e57c2!important
}

.imgshow-m .list .img-data .class-type.type-replay {
	background: #03af7c!important
}

.imgshow-m .list .img-data .class-type.type-student {
	background: #ce5777!important
}

.imgshow-m .list .img-data .class-type.type-program {
	background: #067afe!important
}

.imgshow-m .list .img-data .class-type.type-shortvideo {
	background: #F88451!important
}

.imgshow-m .list .img-data .class-type.type-examination {
	background: #c9d650!important
}

.imgshow-m .list .img-data .class-type.type-foreignstudy {
	background: #a9b6fd!important
}

.imgshow-m .list .img-data .class-type.type-blender {
	background: #0E548B!important
}

.flow-list .flow-item .item-title {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	padding: 0 12px;
	width: 100%;
	height: 28px;
	background: #ffd500;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 28px;
	opacity: 0;
	transition: all .4s
}

.flow-list .flow-item:hover .item-title {
	opacity: 1
}

.flow-list .flow-item .item-user {
	margin-top: 15px
}

.flow-list .flow-item .item-user>img {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	vertical-align: middle
}

.flow-list .flow-item .item-user .nm {
	margin-left: 5px;
	color: #999;
	vertical-align: middle
}

.flow-list .flow-item .item-user .nm .nm-vip-icon {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(/assets/revision/images/play-detail-icons.png) no-repeat -3px -242px;
	vertical-align: -3px
}

.disc-agin-btn {
	width: 70px;
	height: 22px;
	font-size: 14px;
	line-height: 22px
}

.flow-list .flow-item .item-info.uhome-page .last-time {
	position: relative;
	margin-top: 10px;
	width: 100%;
	color: #999;
	text-align: left;
	font-size: 14px
}

.flow-list .flow-item .item-info.uhome-page .last-time:hover .time-tips {
	display: block
}

.flow-list .flow-item .item-info.uhome-page .time-tips {
	position: absolute;
	top: -70px;
	left: 20%;
	display: none;
	padding: 10px;
	width: 180px;
	border-radius: 3px 3px 3px 0;
	background: #ffd500;
	color: #333;
	font-size: 12px;
	line-height: 19px
}

.flow-list .flow-item .item-info.uhome-page .time-tips:after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid #ffd500;
	border-right: 8px solid transparent;
	content: ''
}

.flow-list .flow-item .info-tabs .tabs-sp.good-num {
	padding-left: 16px
}

.flow-list .flow-item .info-tabs .tabs-sp.good-num:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: url(/assets/revision/images/thumbs-like.png) no-repeat;
	content: ''
}

.page-list {
	margin: 40px 0;
	text-align: center
}

.page-list a.page_click_class {
	display: inline-block;
	margin: 0 4px;
	padding: 0 12px;
	height: 32px;
	border: 1px solid #c1c1c1;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 30px
}

.page-list a.on,.page-list a:hover {
	border-color: #ffd200;
	background: #ffd200
}

.vip-drop-titles {
	margin: 0;
	height: 60px;
	border-bottom: px dashed #e8e8e8;
	color: #ffa900;
	font-weight: 900;
	font-size: 18px;
	line-height: 60px
}

.vip-drop-titles>span {
	display: inline-block;
	margin: 0 15px 0 19px;
	width: 35px;
	height: 40px;
	vertical-align: middle
}

.vip-drop-p {
	padding-top: 8px;
	height: 38px;
	color: #666;
	font-size: 16px;
	line-height: 30px
}

.vip-drop-p>i {
	position: relative;
	top: 4px;
	display: inline-block;
	margin: 0 20px 0 24px;
	width: 22px;
	height: 22px
}

.vip-drop-p>span {
	color: #ffa900;
	font-weight: 700;
	font-size: 18px
}

.vip-drop-p>.vip-drop-icon2 {
	background-position: -89px 0
}

.vip-drop-p>.vip-drop-icon3 {
	background-position: -127px 0
}

.vip-drop-purchase {
	display: block;
	margin: 12px auto 13px;
	width: 135px;
	height: 35px;
	border-radius: 2px;
	background: #ffd500;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 35px
}

.vip-drop-purchase:hover {
	opacity: .8
}

.view-global-vip {
	border-top: 1px solid #e8e8e8
}

.classify-vip-icon1,.classify-vip-icon11,.classify-vip-icon13,.classify-vip-icon14,.classify-vip-icon15,.classify-vip-icon16,.classify-vip-icon17,.classify-vip-icon18,.classify-vip-icon19,.classify-vip-icon2,.classify-vip-icon20,.classify-vip-icon21,.classify-vip-icon23,.classify-vip-icon24,.classify-vip-icon25,.classify-vip-icon26,.classify-vip-icon27,.classify-vip-icon29,.classify-vip-icon30,.classify-vip-icon33,.classify-vip-icon3,.classify-vip-icon4,.classify-vip-icon5,.classify-vip-icon6,.classify-vip-icon7,.classify-vip-icon8,.classify-vip-icon9 {
	display: block;
	width: 40px;
	height: 46px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat
}

.classify-vip-icon1 {
	background-position: 0 -325px
}

.classify-vip-icon2 {
	background-position: -41px -325px
}

.classify-vip-icon3 {
	background-position: -82px -325px
}

.classify-vip-icon4 {
	background-position: -123px -325px
}

.classify-vip-icon5 {
	background-position: -164px -325px
}

.classify-vip-icon6 {
	background-position: -205px -325px
}

.classify-vip-icon7 {
	background-position: -247px -325px
}

.classify-vip-icon9 {
	background-position: -328px -325px
}

.classify-vip-icon8 {
	background-position: -287px -325px
}

.classify-vip-icon11 {
	background-position: -368px -325px
}

.classify-vip-icon13 {
	background-position: -410px -325px
}

.classify-vip-icon14 {
	background-position: -451px -325px
}

.classify-vip-icon15 {
	background-position: -492px -325px
}

.classify-vip-icon16 {
	background-position: -533px -325px
}

.classify-vip-icon17 {
	background-position: -492px -372px
}

.classify-vip-icon18 {
	background-position: -533px -372px
}

.classify-vip-icon19 {
	background-position: -575px -325px
}

.classify-vip-icon20 {
	background-position: -410px -325px
}

.classify-vip-icon21 {
	background-position: -492px -372px
}

.classify-vip-icon23 {
	background-position: -575px -372px
}

.classify-vip-icon24 {
	background-position: -616px -372px
}

.classify-vip-icon25 {
	background-position: -492px -419px
}

.classify-vip-icon26 {
	background-position: -533px -419px
}

.classify-vip-icon27 {
	background-position: -575px -419px
}

.classify-vip-icon29 {
	background-position: -615px -325px
}

.classify-vip-icon30 {
	background-position: -615px -419px
}

.classify-vip-icon33 {
	background-position: -615px -469px
}

#new-header .nav-list .top-con .vip-type.course-con {
	right: -156px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 0;
	width: 606px;
	border: 1px #ddd solid;
	left: auto
}

.top-con .vip-type .type-list {
	padding: 0 0 5px 20px
}

.top-con .vip-type .type-list a {
	position: relative;
	text-align: center;
	margin: 0 15px 15px 0;
	padding-left: 25px;
	width: 130px;
	height: 36px;
	border: 1px #ddd solid;
	border-radius: 5px;
	color: #666;
	line-height: 34px;
	transition: all .2s
}

.top-con .vip-type .type-list a:hover {
	border-color: #e3ad13;
	color: #e3ad13
}

.top-con .vip-type .type-list i {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 40px;
	height: 46px;
	-webkit-transform: scale(.4);
	transform: scale(.4);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.top-con .vip-type .type-list .ent-vip {
	border: 1px solid rgba(27, 149, 233, 0.1);
	background: rgba(27, 149, 233, 0.05);
	width: 273px;
	color: #1B95E9;
	height: 36px;
	line-height: 34px;
}

.top-con .vip-type .type-list .ent-vip:hover {
	border-color: rgba(27, 149, 233, 0.8);
	color: #1B95E9
}

.top-con .vip-type .type-list .ent-vip span {
	width: 58px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	background: rgba(27, 149, 233, 0.1);
	display: inline-block;
	vertical-align: top;
	margin: 7px 0 0 10px;
	border-radius: 3px;
}

.top-con .vip-type .vip-bar {
	height: 66px;
	margin-bottom: 1px;
	padding: 0 25px;
	position: relative;
}

.top-con .vip-type .vip-bar .tips {
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	padding: 0 12px;
	position: absolute;
	left: 25px;
	top: 0;
	background: linear-gradient(-14deg,#FC3939 0%,#FE4925 100%);
	border-radius: 0 0 4px 4px
}

.top-con .vip-type .vip-bar .tips .yellow {
	color: #FFF52D;
}

.top-con .vip-type .vip-bar .tips em i {
	display: inline-block;
	vertical-align: top;
	margin: 3px 4px 0 0;
	width: 12px;
	height: 14px;
	background-size: cover;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA0CAYAAAD19ArKAAAQT0lEQVRogaWa249cV1bGf3ufS9366m5fkzjXCQkJSqIQ0GRAGiEhNEjwAP8jb0jwgHggA0JIMImGGXJ1kvHYiR3bfa3uup2qc9sbrb12dZdjm0nIsY6rXN11znfW/ta3vrW2ja/+jh90GJNhkgxrU4y1kBhw4FqLbzI8GTZNMHjauqQ4Kji6WXP/k5bhnZrF1BO+loKx4Bx4r4iMeSKy9JFPvvMhFzcpxlzA2B2M3YCkA0kCCVhr8DYDn2LCw1QYUwATvCtw7QzXnOKamVwmgH0yzkeOHwDc9IHrwBt4/zr4F8FtA7kiMAaT2PiANTAGRuCHGHOCtfcwyedY+wnGTL8PaP4fwBOMuYxNr2DTZ/HmRZrmDarqdZryRdp6HRoCVSJ2jCxABjabYO0U2zmlf3HEhRfuYbOXmB48Rzm9S10Ncc0BnuP/iyJnYfseHE+A5zDmj0nydzDZazh3hfl4h8lwh9lJh1ICOgVTgnURdAeydehsQWcD8rzG2op6MaM4PGV455jhnT1O9z6lLD7AuV9hk3uK7skP8N0ibswmxryKSd8B82Pq5m2K45dYDC3VEdRDqE7BTYAp+DJG3YLJoVkDuxXP7YzuTsZgY0D36iXyHLJMHuZ5RnuXmM0u4dyvMeYLjJk9guV7AN8A3gb+GsNPaKqnGR9c5OBLS3EbkmMYLGBQQe4inVtZy0hvobkFJE+7UG6BuwTZFUh3oN+F5KmM3L9Cbi7gH7xGMX0J7/8R+BVQPYLodwI3dj1QA/Mz6vovqMevUOzD+GuY3wS3D90p9FtYa6FrCdLmY07KX67Rs2mhMdAOoTyEZl/Bd65AX1bkQhdTXaetr0M7oJi3tC7FGkne0+8DPMeYNzH2b6nrP6c4eYbRLZh+Du4Q1hwMtqGzCXkB6QgowcVILw9vND1svJttoB1pHrgx1CdgLkO+Bdtr4HeFaq/Qtn0KWR7/9yTJB8BDtHk8cGPWwLyOt39JXf8Zs+ELTG7B5BNobsMghZ3nYeNZEMVrDqD5GuoDVFXsCvCV68rH8hy2BbcAv4C6AD+D7Crka7DdhXqzy6J4mar2tO0h3kvEP8WYM9o8Abj9PYz5G6r6r5gcPc/4JsxvQHIb1irYuAprP4L0ZaWF+xqaObgZ2CnYJVrz8KuJTyKrEHLAaSAbr3lhd6Dbh60cij6U5XNMFz/F+ROMGWL4+knAM0B0+m28/ynl5BVObsHsU8i+gvUJbGxCbweSK+CvgjMatfk2+H3oFBpREwGuht0v31o9Tavg2zn4YzAO8m3oJXChA2W3Q9X8PkVzH+M/xhpZ0jkPr2mgyDbGvIPjXarFc8zuw+wGtL+B/gjWDeRGo+OXKBJou7AYwLwPTaqgjed3HzaWBx8cAfUEqhHYOWwK+C70s10srwJvhjoCXfUaDwFPdoE/opy/xejeGqObYO9CfwLrKXQyvUmzgERoUYDpgU+g6YPrgUsfjvIjh1eND0eiiyzUEnPVluAnkHjIu5pLa5llVl2lcu/iOcRwDBytAu9g7LM49waz45c4utGj/BK2xrCVQTdGxjdaYPw8Fppcyjkka8Ba1Gv/BODLz02kSj8+uDjCQhO2XUAjKpRAbgU4TLNdXP0ujcgZH4OZpPEqHeAlnH+LpnqBxXGf6g7YfRiIRvf0fs2yuEhyF/HsgU0hE8/VB5+HXwnBXCakj1EOyWjidzZFu/W90IQT8Cf6XiLfyEp0oC9Rz1MW7TUa9zKeqxgOxJaKm7sE/IS6+hPmp9doDqE3grwMAQ1JtvTI4QkqVQORMSmsYqKyAfgBuBxqq4mWLAO/9NhGKWp3wT4NyUVlazPVKLc1NCdafW2pKynA+3L9CubNLt4/g+EkDetl08tg3qQpXmPyYED5AHpzGFi9efvtZa8VuBPpqzQywsmmB02uNJC1TJwqhxQloZAZgBGw1yC5DNlG5LfEYgzTHJxVOiYNdBxkOXRySBdy2T5tsNIzifgWVh7dPkVTXGJ611Lfgf5US3hsaB7SY1+rCwxnpUVIbmC7ClwStFOrdwmRlvgINa6BvQ7mgtIryGEF5RxGcxhXmpgiNvLdjoc0VZHOUrnPBs79iNCdYDaCbfN+g3qWUe5rSRcepx21lg8B9xrxQJOp0iaU8zQ6wUy/00aihyhvq+4H4JfjdefQTmE2gqNjPasC1nw0ZlF8xPukmV7f2jVwIoltiucCbbtDXW5QjxPMGFLxHib6YbOiEMuC0kRVmak/keWWjk042XY0wi6LqnEZeFqpYdbVo5uF1pFiBAf7sHcI0zF0a1Xp3JwHTFZGVl3AJ0kX0z6NkWrh3UWaapdi1A/i34kJmZlvKdqqlLWqKKK5Z+AzlTArCiS+eyDeG8xVPe16TNYi8lkifQiHBzAfQy5WwkA/gTRWVhedmY3AbZJg7bb0rAL8OnX9FNOTNZoR9BoV/pxza3p2ZkoHHytm4LpEb6HPJjfMNzTCaa6Ng0TZdXWVROqaMZwewt4eDI+hnankrgPrkiuJRlqULF0WKBtrhayW6eHZVOBNeY1y0g8qIQnRS3X5zySM2ANvgtlRFQnHppYA8dvCdbnRmjjRqDISffm+WFmRvMUYxidwdADDQwW97mE7UdDy4OJ9WqM8D9KUqmQKcKGZ8jcT4M/gm2tqNKSUt6oSoZpxTg+pcMLX5GVVhTPaDOLvVXrjwUYsMMvCU6lzLCJgoUZxCskctjxsyHdMvOeyW4p2QACbTgScrlY1Yb67hGl3sXV+1qG7FQvKMkHj0ttnpNWKPy+gbVR3RWmkQU6iyXKlAi4nyufTIz3lAbIStixspdCz52nTmJX7JXGVO5x3IWfNs8ih28K0GyStwbcrVe4xx9nHy6y3UbMiVUx8bxrtcOoZjIdwuK+gRfc3agXdtyoAS/UQinizYnmzGO2e/o5fTrkCPvGgvouhG6Jk/Yp4mBUn51S+RN/Lm1oxfV+TJrOxQjYxWavYMJcxaUutrrlInYcLFjYSvX4dn3kJWsCZpdWVlZM86etySPWW1XVtg/fzKLgyJluuhFkx/JEuJvKuHUMl3dAB1FuQbcPGOvSyCLyMfWel76Vsr0cDVld6faGJXLNdeiCjwCXKy/408DvT5E4GGoCmgUrcYzuRSVgaLZvHhLHTimYvEyRXI2V29UKBDmJBa3WLjeTEQD+XohR6yRj1zKkd3hxA66BoYdrColJ81p7Tw9uVxiLSRO4nEZdAVCVU8xbXDEmywxTj5hi3wNp+yN4Q7TbSRUDHhLTPQSJ+o4b0SAdAouF2EpPZawsmbZx46tTFihppJEZrYWAS5a6/rJCrgBNtSmT6JYCliPlMg1NL1MXUmH3w99MwI7BMSNIeLtOou+XsTyK+pq43eSba0Eo7nTpVHQ6/GydXTlRE9HqmKpOJSfIRdAnjGuZeTVPXrgyL7DnoMMroQLqmUa8aWMyVauEGiTQT+ymm3cf6Pmm2het0woUkEewqbdpoZRf6KqwK3IvFJSRjrKJtoYVmUXCmqyJzcylCovUtdGKkz5IyUYELyRltg8wbJUHnM/U0wnGTzjFmH2MeiIvfw/gBaXadNuuI7woXlFOiJb673YdaSvEwXjg2CcGaNqoawmt5TRvltiiA3ExGD5WHOnb+IsudOPFy3+Z2LDoCXCLuEgUtDlKqc5JKh38AAtzXdzGuS2JeJck2FHgctIdITxSAVLuFlPh1nX0McjX6YSI1P09IkbxMXGJPO5qqgqKGIia8UKSTaAAC8BjtIH9RSdJ1NWWVgdlYi5aslrEyY/8GY+6mUN4K/ZT1sxAFqVbSfgVNdkoPUQqZxEpb5Te1gnbW1RCFkdoiFqBWgaexVEs0Jdpjp6rTxITM7KOggwuUTqevnZGAn8u8ZgLzU+1DjZ1pxNlL8eVNDD1sM9YM72hf6GPpJ85IulU0SyJldZS/nipQ6MyrWDG9djHyECrW+iLRE+BpLDSB01H6fHSdoiSZ1IdNNWrlia70XDhenZDmMjffB4bCiwfgL2IEeHSBwc2X0YNYTcalQoQkEfCVclzQNCVMFpr50nKJKVzOShYtjJyOLCXh21VuxwrpY8GRSHcv6qhDlGRypMCbcoH3nwC/jsBnAnyktbz+BuOPsZ2d4J+lQQgzFL/SBJnY6di441BpIVos4GQG00r1exAnXmEY4KB02sVI820j0Ie4nUPSg45Mfy+GxozTu3B8W2kCd7H23wA5H8j6WXxR4meHsPgltv2YPF2Q5OoE6miAzixLXGKiuQoVTZJPIl7BTBpfGaXJw0hCNzBvlSqSD3mq7vGM18uC09UGpHNBZVaiPbwLp9+IUZtjk1vY5JfAjTjMkSuclHi/B+2/krQyyL8G2cssZLCTqbwtdxeWmu6iZsuDCTgBLBTKvbZfa8spm4mrI0qSKvCwNRg5HRJSQMsg9aImpBSq0QGMHki0F7TNbZL8YwxfLQeeodnCSykL+4+fY/xVEveHpOYKSWcjeBHxH6LJZ/6lVa8tybuwMG5V7oT/4q0FeDeWdeF0N47TbPowp+VV6CGJOJBdiWuRIvfhSCbER+IEC4yR/aBfyLxw1WenKzawhvYWNB+Q+Ivk2R9gu+u6FeJUPUJXEz13ExNu6vW9JOSaVdVwcYIvXY2Nmh3qfKLRJuq1KEj/EvSvQLIO4yM4vKWnVF9jb2PMfwD/BWHYuQJcCsfZoKeR4cb7oSPKzCVstk7TUWCB5y5ulbS6pyPlOokSJ41BJwJu7HlDwLLQRBcovaNotWydDK5B76r6ofEpHPwWjr+CYjjHN1+R5D8HZBvl/re7mlSHOktbIpsy7n9ClTH+WazZIst3A8cFTBuLkvPno9Ll/CVJzrsit9IQBPWIhU0kT0q57HmK7PWuqOOcjODeZ7D3GUwOJDCfY+w/AP8EfPloKxYivlj9dxuWxMso17+HkT+pcP5amGnUKWd9qUQ9jx1HyFmnZmp112HpMMMW/5omX0e2S3aUJq4Dk2ON9N4NGN2b0Ta3SLKfR9D//Qjix3B8tRm9A/6fw0MYI5b3XWzyIrZjtMQ3502yi0PNZYfuVzoYUY50ANka5BdU7jLZhtnQ5B3JfOVLOPwtTPZntPVHYN8D8y/AZ4+gfRi4feTD2IN9FSRFN1kn2PQtrH02KE/rrO4gxDMxK346PU++pK9RFosqYz9pfNsE5lPt/IXP+5/PmBwcgPsCm/0nmPd0eH8ufY87Hr/rdn5Ief33ULkwH0PyY5LkTzHpCwo0FiOfnFfEZXcu3YvQI3QxudramVTXIYwPYXwAk8MFxfATfPs+xv4i3MOY29/e03zc8V22xPfx/hD8g7A1ZpIRSecVjBC1k+HTPq3p4Rjg7ACTZYEiUrzEGYrlrafaEEyHLeO9Uyb7xxQnx9SVmKYPSfL3MebD6Py+0/Fd/9uHiPfXsdz+JkwxTfI0Pt2lsTvM612K6ika/xQk8rMtWm+oaigX0uTKDHxGVdynLr6gKj6kLT8K3hoj+iwr+8i29w+N+PIQtg913MoRnhO8v4xzu9TNJRblnFrMi60xdkpV9ynnlsUEyqKhLo9xzV1ccxPvbmCSjzA8wAcr9tj/aPDEA/hfBLCzLOpPqlIAAAAASUVORK5CYII=)
}

.top-con .vip-type .vip-bar .tips.full-return em {
	margin-right: 0
}

.top-con .vip-type .vip-bar .tips.full-return em i {
	height: 14px;
	margin-top: 3px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAYAAABK4fLXAAAEEUlEQVRYhc2YaahVVRTHf/c6FCGZpZVhZeGQlhGmTa8ijDAKHBIMp6zog1BgflBI0C/NUBBSEpYDaihpQo4fzARFbfCJGpGK9ISXYzZo95ZPfd1Y767rWe61z7lHJeoPB+5ea+29195nDf9zC5VygTp4FHi7jk0WtgOTMvS0dxKP64C7nTQ//qpnWXSS/wD/CyfyxIS8jgFOmh+/AY1Z1nmc+NeRJzBjuB7oB3QFrgR+Bo4DB4BDEfsYBmnmXJAT9wLjgSeAW502QTOwDlgIbHFakKt/F5gCzABey/M6HgFeBR50mvr4FpgOfGEcmAW8ZGZOz8qOK4CPgY0X6YBgMLAeWAx0BmYHDrTK60u7iRuBtcAdTgMtwDbgG42BP9Xhm3XTBuAyNwtOavxYB54DFsWc6KHv8qZAfhh4B1gA/Oq2SNAFeAaYBtzgtIkDE4AlRFK0E7A1UhfmAZOBUiDr5JaHpcAK1b2h1x+e9AVg7rmROGGeBZVyoWKes5Vy4cXARp7ugZ19GgLb8ZVyoSWwWW5tbGAOASYGHr8MfODOCgOdpIq/ge8CmQTl83JeIxsFDK8NrBNvBpPlut9322Q7sUYDMMQnkcO8Xtu/5oSk4D3G4HcNrDSktfb5TpLgFeCgGd8OPGadmBBMEBLzi1smQcyJFq0JaShpdlm07VvLjiagpypbNbWOpSx2LXDUSeFHZWEHnCbB1cARoINK5KDditqqexrDxgwHyIgH6Sf7gI+AW5y2CqkvX5vxNUAvcaJ3YLjDTT0fw5wkQQetAXuBqU5bxc5g3OaEXJFFvVZcrlMx0U66xEmrOBiMu4gTHQPhGTftfExVPvFkCmMSbjEU+MlpqmgNxh2Lkbzu6qZ5nNEG1y7QnNC02+9mJOgcjP8oRqK5r5sWR3/gLqORbjoS2BW1TnBbMG4qamqVjbAhJ+Maa37LFY9R7pEF2e9ho5cb3SPCs8Amo5BW/HjGQmhXHKO/K9obVjorD3lV3Yz0K7nBWsX8NDCfGWm/FvcZnjlN+WQehGm7DFO2lwdlerA5aQyjNaDfipTiNIzQilpDSRvbOSdKyoAtZmuTCdFOg2+xktg8ELY2J7CbVas3llkJL9wN9DGG+5VnNAcL3Al8H8n5GKQtbAgO1KzZVSLgEy0a8aeNrJd+oDwULL47pwODNPisAzJvnKWKIeVvjLAg6ZpfamPq4baJozvwobJy2xwryjk321kxto1S8TmRenEK+BxYpZS/SVO8vbLz+/UL7Sng8mBuq5JlRxfTnEBzeqH2iUuFZN6zwOrYOllfYOs1AOcrgb0YVLSbDkhzoN5NWMgXuFzl08BVOeylhnwGvKdBnIkL/X9C0lje+wPaiCQA5d1LrAgb+0GzQb7g6v5X1QbgH/7JKqUd+VkSAAAAAElFTkSuQmCC)
}

.top-con .vip-type .vip-bar .tips.full-return em small {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 12px;
	background: #fff52d;
	margin: 4px 5px 0
}

.top-con .vip-type .vip-bar .vip-box {
	width: 156px;
}

.top-con .vip-type .vip-bar .vip-box .vip-icon {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	background: url(/assets/revision/images/base-icon.v90.png);
	margin-top: 26px;
}

.top-con .vip-type .vip-bar .vip-box .vip-name {
	padding: 27px 0 0 8px;
	display: inline-block;
	vertical-align: top;
}

.top-con .vip-type .vip-bar .vip-box .vip-icon2 {
	width: 18px;
	height: 15px;
	margin: 27px 0 0 8px;
	display: inline-block;
	vertical-align: top;
	background: url(/assets/revision/images/base-icon.v90.png);
}

.top-con .vip-type .vip-bar .vip-des {
	color: #666;
	line-height: 66px;
}

.top-con .vip-type .vip-bar .vip-des span {
	color: #FF4B3C;
}

.top-con .vip-type .vip-bar .vip-des .fz18 {
	font-size: 18px;
	display: inline-block;
	vertical-align: -1px;
}

.top-con .vip-type .vip-bar .open-vip-btn {
	width: 100px;
	height: 32px;
	border-radius: 5px;
	line-height: 32px;
	margin-top: 17px;
	color: #fff;
	text-align: center;
	transition: all .2s
}

.top-con .vip-type .vip-bar.base-svip {
	background: linear-gradient(90deg, rgba(255, 238, 241, 0) 40%,#ff9ba978 100%);
}

.top-con .vip-type .vip-bar.base-svip .vip-box .vip-icon {
	background-position: -751px -71px;
	box-shadow: 0px 5px 10px 0px rgba(255, 62, 47, 0.21);
}

.top-con .vip-type .vip-bar.base-svip .vip-box .vip-icon2 {
	background-position: -772px -39px;
}

.top-con .vip-type .vip-bar.base-svip .open-vip-btn {
	background: #FF4B3C;
	box-shadow: 0px 3px 8px 0px rgba(255, 72, 0, 0.34);
}

.top-con .vip-type .vip-bar.base-svip .open-vip-btn:hover {
	background: #ff6a5d;
}

.top-con .vip-type .vip-bar.base-vip {
	background: linear-gradient(90deg, rgba(255, 236, 224, 0) 40%,#FFE1CD 100%);
}

.top-con .vip-type .vip-bar.base-vip .vip-box .vip-icon {
	background-position: -751px -47px;
	box-shadow: 0px 5px 10px 0px rgba(255, 62, 47, 0.21);
}

.top-con .vip-type .vip-bar.base-vip .vip-box .vip-icon2 {
	background-position: -772px -20px;
}

.top-con .vip-type .vip-bar.base-vip .open-vip-btn {
	background: #FF7D27;
	box-shadow: 0px 3px 8px 0px rgba(255, 72, 0, 0.34);
}

.top-con .vip-type .vip-bar.base-vip .open-vip-btn:hover {
	background: #ff944d;
}

.top-con .vip-type .vip-bar.type-vip {
	background: linear-gradient(90deg, rgba(207, 222, 255, 0) 38%,#BBD1FF 100%);
}

.top-con .vip-type .vip-bar.type-vip .vip-box .vip-icon {
	background-position: -751px 0;
	box-shadow: 0px 5px 10px 0px rgba(51, 149, 255, 0.21);
}

.top-con .vip-type .vip-bar.type-vip .vip-box .vip-icon2 {
	background-position: -772px 0;
}

.top-con .vip-type .vip-bar.type-vip .open-vip-btn {
	background: #2888FF;
	box-shadow: 0px 3px 8px 0px rgba(0, 122, 255, 0.4);
}

.top-con .vip-type .vip-bar.type-vip .open-vip-btn:hover {
	background: #52a0ff;
}

.top-con .vip-type .type-list-head {
	padding: 24px 25px 20px;
	color: #666;
}

.top-con .vip-type .type-list-head .s1 {
	font-size: 16px;
	color: #333;
	padding-right: 15px;
}

.top-con .vip-type .type-list-head .link {
	color: #999;
}

.top-con .vip-type .type-list-head .link:hover {
	color: #e3ad13;
}

.top-con .vip-type .more-vip {
	height: 40px;
	border-top: 1px #ddd solid;
	text-align: center;
	line-height: 38px
}

.top-con .vip-type .more-vip a {
	display: block;
	height: 40px;
	color: #666;
	font-size: 14px;
	transition: all .2s
}

.top-con .vip-type .more-vip a:hover {
	background: #f8f8f8
}

#expire-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
	width: 100%;
	height: 100%
}

#expire-win .expire-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}

#expire-win .expire-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -138px 0 0 -225px;
	width: 450px;
	background: linear-gradient(180deg, #FCF2E2, #F2DEC3);
	border-radius: 10px;
	padding: 56px 60px 50px;
}

#expire-win .expire-m .close {
	position: absolute;
	top: -11px;
	right: -32px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

#expire-win .expire-m .close:before {
	content: '';
	position: absolute;
	left: 7px;
	top: -2px;
	width: 2px;
	background: #F8EAD6;
	height: 22px;
	border-radius: 1px;
	transform: rotate(45deg);
}

#expire-win .expire-m .close:after {
	content: '';
	position: absolute;
	left: 7px;
	top: -2px;
	width: 2px;
	background: #F8EAD6;
	height: 22px;
	border-radius: 1px;
	transform: rotate(-45deg);
}

#expire-win .expire-m .huke-gif {
	position: absolute;
	top: -40px;
	left: 157px;
	width: 135px;
	height: 82px
}

#expire-win .expire-m h3 {
	font-weight: bold;
	color: #9A6F53;
	font-size: 20px;
	text-align: center;
}

#expire-win .expire-txt {
	font-size: 16px;
	color: #9A6F53;
	line-height: 26px;
	padding-top: 22px;
}

#expire-win .expire-btn {
	padding-top: 22px;
}

#expire-win .expire-btn a {
	display: block;
	border-radius: 5px;
	background: linear-gradient(to left, #4D4644, #312728);
	height: 48px;
	line-height: 48px;
	color: #F6E6CF;
	text-align: center;
}

#expire-win .expire-btn a:hover {
	opacity: .9;
}

.get-phone {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
	width: 100%;
	height: 100%
}

.get-phone .phone-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3)
}

.get-phone .phone-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -400px;
	width: 800px;
	height: 320px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.2)
}

.get-phone .phone-m .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
	font-size: 22px;
	font-family: "宋体";
	cursor: pointer
}

.get-phone .phone-txt {
	padding: 45px 0;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 44px
}

.get-phone .phone-but {
	padding: 0 110px
}

.get-phone .phone-but .c-btn {
	width: 240px;
	height: 60px;
	border: 1px #c1c1c1 solid;
	border-radius: 4px;
	background-color: #f2f2f2;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 58px;
	cursor: pointer
}

.get-phone .phone-but .get-btn {
	width: 240px;
	height: 60px
}

.get-phone .phone-but .get-btn a {
	display: block;
	border-radius: 4px;
	background-color: #ffd200;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	transition: all .2s
}

.get-phone .phone-but .get-btn a:hover {
	background-color: #ffe465
}

.user-drop .name span {
	position: relative
}

.user-drop .name span i {
	position: absolute
}

.user-drop .name span i.authen {
	top: 5px;
	right: -52px;
	color: #ffa900;
	font-size: 12px
}

.user-drop .name span i.authend {
	top: 1px;
	right: -66px;
	width: 56px;
	height: 21px;
	text-align: center;
	font-size: 12px;
	line-height: 18px
}

.user-drop .name span i.authend a {
	display: block;
	border: 1px #c1c1c1 solid;
	border-radius: 9px;
	background-color: #f3f3f3;
	color: #999;
	line-height: 18px;
	transition: all .2s
}

.user-drop .name span i.authend a:hover {
	border-color: #666;
	color: #666
}

.sign-btn {
	margin-top: 0;
	width: 60px;
	height: 60px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -756px
}

.sign-btn:hover {
	background-position: -61px -756px;
	cursor: pointer
}

#sign-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
	width: 100%;
	height: 100%
}

#sign-win .sign-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)
}

#sign-win .sign-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -259px 0 0 -232px;
	width: 464px;
	height: 518px
}

#sign-win .sign-m .head {
	padding-top: 90px;
	height: 215px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -920px
}

#sign-win .sign-m.other {
	margin-top: -208px;
	height: 417px
}

#sign-win .sign-m.other .main {
	height: 205px
}

#sign-win .sign-m.other .sign-action {
	color: #525252;
	text-align: center;
	font-size: 22px;
	line-height: 80px
}

#sign-win .sign-m.other .sign-action span {
	padding: 0 6px;
	color: #ffa507
}

#sign-win .sign-m.other .go-hkb {
	height: 28px;
	text-align: center;
	line-height: 16px
}

#sign-win .sign-m.other .go-hkb a {
	color: #ffa507;
	text-decoration: underline
}

#sign-win .close {
	position: absolute;
	top: 13px;
	right: -19px;
	width: 24px;
	height: 24px;
	background: url(/assets/revision/images/base-icon.v90.png) -122px -756px
}

#sign-win .close:hover {
	background-position: -147px -756px;
	cursor: pointer
}

#sign-win .tips-txt {
	margin: 0 auto;
	width: 187px;
	height: 44px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

#sign-win .tips-txt.qd {
	background-position: -277px -756px
}

#sign-win .tips-txt.qdcg {
	background-position: -277px -801px
}

#sign-win .tips-txt.qdsb {
	background-position: -277px -846px
}

#sign-win .sign-days {
	margin: 14px auto 0;
	width: 158px;
	height: 30px;
	border-radius: 15px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 30px
}

#sign-win .sign-days span {
	padding: 0 6px;
	color: #ffa507
}

#sign-win .main {
	padding: 15px 20px 0;
	height: 304px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background-color: #fff
}

#sign-win .main .list {
	position: relative;
	margin-bottom: 10px;
	width: 87px
}

#sign-win .main .list .txt {
	height: 18px;
	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 12px
}

#sign-win .main .list .sign-control {
	position: relative;
	overflow: hidden;
	width: 87px;
	height: 76px;
	border-radius: 8px;
	background-color: #f1eff2
}

#sign-win .main .list .control-img {
	margin: 13px 0 8px 18px;
	width: 48px;
	height: 34px;
	background: url(/assets/revision/images/base-icon.v90.png) -60px -831px
}

#sign-win .main .list.double .control-img {
	margin: 8px auto 3px;
	width: 48px;
	height: 44px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -824px
}

#sign-win .main .list.spe {
	width: 199px
}

#sign-win .main .list.spe .sign-control {
	width: 199px
}

#sign-win .main .list.spe .sign-control:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 55px;
	background: url(/assets/revision/images/base-icon.v90.png) -122px -781px;
	content: ""
}

#sign-win .main .list .control-txt {
	color: #666;
	text-align: center;
	font-size: 14px
}

#sign-win .main .list.on .sign-control {
	background-color: #ffd52f
}

#sign-win .main .list.ed .sign-control {
	position: relative
}

#sign-win .main .list.ed .sign-control:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat -347px -651px rgba(0,0,0,.6);
	color: #fff;
	content: "";
	text-align: center;
	font-size: 16px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)
}

#sign-win .main .sj {
	overflow: hidden;
	padding: 50px 0 0 10px;
	width: 25px;
	height: 80px
}

#sign-win .main .sj span {
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-left-color: #626262
}

#sign-win .main .btn {
	margin: 8px auto 0;
	width: 330px;
	height: 45px;
	border: 2px #ffb148 solid;
	border-radius: 21px;
	color: #ffb148;
	text-align: center;
	font-size: 24px;
	line-height: 42px;
	cursor: pointer;
	transition: all .2s
}

#sign-win .main .btn:hover {
	background-color: #ffd51b;
	color: #000
}

#sign-win .main .btn.ed,#sign-win .main .btn.ed:hover {
	border-color: #c1c1c1;
	background-color: #c1c1c1;
	color: #fff;
	cursor: not-allowed
}

#sign-win .main .action-txt {
	color: #666;
	text-align: center;
	font-size: 12px;
	line-height: 26px
}

.get-phone {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
	width: 100%;
	height: 100%
}

.get-phone .phone-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3)
}

.get-phone .phone-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -400px;
	width: 800px;
	height: 320px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.2)
}

.get-phone .phone-m .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
	font-size: 22px;
	font-family: "宋体";
	cursor: pointer
}

.get-phone .phone-txt {
	padding: 45px 0;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 44px
}

.get-phone .phone-but {
	padding: 0 110px
}

.get-phone .phone-but .c-btn {
	width: 240px;
	height: 60px;
	border: 1px #c1c1c1 solid;
	border-radius: 4px;
	background-color: #f2f2f2;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 58px;
	cursor: pointer
}

.get-phone .phone-but .get-btn {
	width: 240px;
	height: 60px
}

.get-phone .phone-but .get-btn a {
	display: block;
	border-radius: 4px;
	background-color: #ffd200;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	transition: all .2s
}

.get-phone .phone-but .get-btn a:hover {
	background-color: #ffe465
}

.user-drop .name span {
	position: relative;
	display: inline-block
}

.user-drop .name span i {
	position: absolute
}

.user-drop .name span i.authen {
	top: 5px;
	right: -52px;
	color: #ffa900;
	font-size: 12px
}

.user-drop .name span i.authend {
	top: -3px;
	right: -66px;
	width: 56px;
	height: 21px;
	text-align: center;
	font-size: 12px;
	line-height: 18px
}

.user-drop .name span i.authend a {
	display: block;
	border: 1px #c1c1c1 solid;
	border-radius: 9px;
	background-color: #f3f3f3;
	color: #999;
	line-height: 18px;
	transition: all .2s
}

.user-drop .name span i.authend a:hover {
	border-color: #666;
	color: #666
}

.user-drop .name span em {
	display: inline-block;
	overflow: hidden;
	max-width: 92px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400
}

.header .head-group .user-main .user-drop.ed .client-info .id-num {
	top: 0
}

#page-m {
	margin: 30px auto;
	text-align: center
}

#page-m a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 10px;
	height: 43px;
	min-width: 43px;
	border: 1px #c1c1c1 solid;
	color: #999;
	font-size: 18px;
	line-height: 40px
}

#page-m a:hover {
	border-color: #ffd200;
	background-color: #ffd200;
	color: #666
}

#page-m a.on {
	border-color: #ffd200;
	background-color: #ffd200;
	color: #333;
	cursor: default
}

#page-m span {
	display: inline-block;
	padding: 0 12px;
	color: #999;
	font-size: 20px;
	line-height: 40px
}

#page-m .next,#page-m .pre,#page-m .prev {
	width: 92px;
	max-width: 92px
}

#new-header {
	position: relative;
	z-index: 1000;
	height: 60px;
	background-color: #1e1e1e;
	padding: 0 30px;
}

#new-header.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateZ(0)
}

#new-header.header-fixed .design-course .nav-m {
	display: none
}

#new-header .nav-list {
	position: relative;
	margin-left: 25px
}

#new-header .nav-list .nav-t {
	position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
	color: #333
}

#new-header .nav-list:hover .nav-t {
	color: #e3ad13
}

#new-header .nav-list .nav-t .sj {
	display: none
}

#new-header .nav-list .nav-t:before {
	position: absolute;
	top: 58px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #e3ad13;
	content: '';
	transition: all .2s
}

#new-header .nav-list.active .nav-t:before,#new-header .nav-list:hover .nav-t:before {
	left: 0;
	width: 100%
}

#new-header .nav-list.hytq-list .nav-t .lab-hot {
	padding: 0 5px;
	height: 16px;
	background: #ff583d;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	right: -5px;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	color: #fff;
	font-weight: 400
}

#new-header .nav-list.hytq-list .nav-t .lab-hot small {
	display: inline-block;
	width: 30px;
	font-size: 12px;
	transform: scale(.8);
	margin-left: -3px;
	margin-right: -7px
}

#new-header .nav-list .nav-m {
	position: absolute;
	z-index: 5;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .3s .15s
}

#new-header .nav-list .classify-vip-drop {
	left: -413px
}

#new-header .nav-list:hover .nav-m {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

#new-header .nav-list:hover .nav-t .sj {
	display: block
}

#new-header .design-course .nav-t .sj {
	border-bottom-color: #ffd200
}

#new-header .design-course .nav-m {
	top: 60px;
	left: -2030px;
	width: 5000px;
	height: 40px;
	background: #ffd200
}

#new-header .design-course .nav-m .course-m {
	padding-left: 140px
}

#new-header .design-course .nav-m .course-list {
	position: relative;
	margin-right: 10px
}

#new-header .design-course .nav-m .course-link {
	display: block;
	margin-top: 6px;
	padding: 0 10px;
	height: 28px;
	color: #333;
	line-height: 28px
}

#new-header .design-course .nav-m .course-list:hover .course-link {
	border-radius: 14px;
	background: #edaf1a;
	color: #fff
}

#new-header .design-course .nav-m .course-con {
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
	padding-bottom: 6px;
	width: 450px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.1)
}

#new-header .design-course .nav-m .course-list {
	height: 40px
}

#new-header .design-course .nav-m .course-list:hover .course-con {
	display: block
}

#new-header .design-course .nav-m .course-con .head {
	margin-bottom: 6px;
	padding: 0 15px;
	height: 46px;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 44px
}

#new-header .design-course .nav-m .course-con .head p {
	color: #333;
	font-size: 16px
}

#new-header .design-course .nav-m .course-con .head p span {
	padding-left: 20px;
	color: #999;
	font-size: 14px
}

#new-header .design-course .nav-m .course-con .head a.fr {
	margin-top: 7px;
	width: 100px;
	height: 30px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	transition: all .2s
}

#new-header .design-course .nav-m .course-con .head a.fr:hover {
	opacity: .8
}

#new-header .design-course .nav-m .course-list:nth-child(1) .course-con .head a.fr {
	background: #ffd500
}

#new-header .design-course .nav-m .course-list:nth-child(2) .course-con .head a.fr {
	background: #40b0ff
}

#new-header .design-course .nav-m .course-list:nth-child(3) .course-con .head a.fr {
	background: #367de7
}

#new-header .design-course .nav-m .course-list:nth-child(4) .course-con .head a.fr {
	background: #00a99d
}

#new-header .design-course .nav-m .course-list:nth-child(5) .course-con .head a.fr {
	background: #6ebd6b
}

#new-header .design-course .nav-m .course-list:nth-child(6) .course-con .head a.fr {
	background: #b062a3
}

#new-header .design-course .nav-m .course-list:nth-child(7) .course-con .head a.fr {
	background: #494166
}

#new-header .design-course .nav-m .course-list:nth-child(8) .course-con .head a.fr {
	background: #d49688
}

#new-header .design-course .nav-m .course-con .course-p {
	position: relative;
	padding: 0 15px 0 60px;
	line-height: 30px
}

#new-header .design-course .nav-m .course-con .course-p span {
	position: absolute;
	left: 15px;
	width: 45px
}

#new-header .design-course .nav-m .course-con .course-p span:before {
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: 12px;
	background: #e8e8e8;
	content: ""
}

#new-header .design-course .nav-m .course-con .course-p a {
	display: inline-block;
	margin: 2px 4px;
	padding: 0 5px;
	height: 26px;
	border-radius: 11px;
	line-height: 26px;
	transition: all .2s
}

#new-header .design-course .nav-m .course-con .course-p a:hover {
	background: #f8f8f8;
	color: #ff8300
}

#new-header .nav-list .global-vip-drop {
	left: 34px;
	margin-left: -145px;
	width: 330px;
	background: #fff
}

#new-header .nav-list .global-vip-drop>img {
	display: block;
	margin: 20px auto
}

#new-header .nav-list .global-vip-drop>p {
	margin-bottom: 15px;
	color: #999;
	text-align: center;
	font-size: 12px
}

#new-header .nav-list .global-vip-drop .open {
	padding: 15px 0;
	border: 1px solid #e8e8e8;
	border-right: 0;
	border-left: 0;
	text-align: center
}

#new-header .nav-list .global-vip-drop .open .open-btn {
	display: inline-block;
	width: 135px;
	height: 35px;
	border-radius: 2px;
	background: #ffd500;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 35px
}

#new-header .nav-list .global-vip-drop .open .open-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

#new-header .nav-list .global-vip-drop .view-global-vip {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	transition: all .2s
}

#new-header .nav-list .global-vip-drop .view-global-vip:hover {
	background: #F8F8F8
}

#new-header .nav-list .app-download {
	left: -52px;
	padding: 18px 0 15px;
	width: 174px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	text-align: center
}

#new-header .nav-list .app-download p {
	margin-top: 5px;
	color: #666;
	font-size: 14px;
	line-height: 22px
}

#new-header .nav-list .app-download a {
	display: inline-block;
	margin-top: 5px;
	width: 112px;
	height: 34px;
	border-radius: 17px;
	background: #ffd305;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	transition: all .2s
}

#new-header .nav-list .app-download a:hover {
	opacity: .8
}

#new-header .header-search {
	position: relative;
	margin-top: 12px;
	width: 150px;
	height: 36px;
	line-height: 36px
}

#new-header .header-search .txt {
	display: block;
	width: 300px;
	height: 36px;
	line-height: 36px;
	color: #333;
	padding: 0 55px 0 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	transition: width .06s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#new-header .header-search.focus .txt {
	border-color: #e3ad13
}

#new-header .header-search .submit-abtn {
	display: block;
	width: 40px;
	height: 34px;
	position: absolute;
	top: 1px;
	right: 1px;
	background: #f8f8f8;
	border-left: 1px solid #ddd;
	border-radius: 0 4px 4px 0
}

#new-header .header-search.focus .submit-abtn {
	background: #e3ad13;
	border-color: #e3ad13
}

#new-header .header-search .submit-abtn:before {
	content: '';
	position: absolute;
	top: 7px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDY8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMTI0MOS4i2hvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI1NS4wMDAwMDAsIC00MDMuMDAwMDAwKSIgZmlsbD0iIzk5OTk5OSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI1NS4wMDAwMDAsIDQwMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjI3MDY3Njg2LDYuMzUzMzg0MzEgQzEuMjcwNjc2ODYsMy41NDYyODI1IDMuNTQ2MjgyNSwxLjI3MDY3Njg2IDYuMzUzMzg0MzEsMS4yNzA2NzY4NiBDOS4xNjA0ODYxMiwxLjI3MDY3Njg2IDExLjQzNjA5MTgsMy41NDYyODI1IDExLjQzNjA5MTgsNi4zNTMzODQzMSBDMTEuNDM2MDkxOCw5LjE2MDQ4NjEyIDkuMTYwNDg2MTIsMTEuNDM2MDkxOCA2LjM1MzM4NDMxLDExLjQzNjA5MTggQzMuNTQ2MjgyNSwxMS40MzYwOTE4IDEuMjcwNjc2ODYsOS4xNjA0ODYxMiAxLjI3MDY3Njg2LDYuMzUzMzg0MzEgTTEzLjgxNDE2MzUsMTMuNTUwNDk4MSBMMTAuOTcxMDI0LDEwLjcwNzk5MzkgQzEyLjA4NjE5NTEsOS41MzI0ODAwNyAxMi43MDc1MjE5LDcuOTczNzA0ODUgMTIuNzA2NzY4Niw2LjM1MzM4NDMxIEMxMi43MDY3Njg2LDIuODQ0NDEwMTYgOS44NjIzNTg0NywtMS4zNDkyMjkzN2UtMTUgNi4zNTMzODQzMSwtMS4zNDkyMjkzN2UtMTUgQzIuODQ0NDEwMTYsLTEuMzQ5MjI5MzdlLTE1IDAsMi44NDQ0MTAxNiAwLDYuMzUzMzg0MzEgQzAsOS44NjIzNTg0NyAyLjg0NDQxMDE2LDEyLjcwNjc2ODYgNi4zNTMzODQzMSwxMi43MDY3Njg2IEM3LjY2MzM0MDczLDEyLjcwNzY4MDYgOC45NDExNTAwMSwxMi4zMDExMzUyIDEwLjAwOTc1NywxMS41NDM0NjQgTDEyLjkxNTE1OTYsMTQuNDQ5NTAxOSBDMTMuMTYzNTc3LDE0LjY5NzI4MzkgMTMuNTY1NzQ2MiwxNC42OTcyODM5IDEzLjgxNDE2MzUsMTQuNDQ5NTAxOSBDMTQuMDYxOTQ1NSwxNC4yMDEwODQ2IDE0LjA2MTk0NTUsMTMuNzk4OTE1NCAxMy44MTQxNjM1LDEzLjU1MDQ5ODEiIGlkPSLlvaLnirYiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
	background-size: cover
}

#new-header .header-search.focus .submit-abtn:before {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDY8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMTI0MOS4i2hvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIyMC4wMDAwMDAsIC00MDMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIyMC4wMDAwMDAsIDQwMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjI3MDY3Njg2LDYuMzUzMzg0MzEgQzEuMjcwNjc2ODYsMy41NDYyODI1IDMuNTQ2MjgyNSwxLjI3MDY3Njg2IDYuMzUzMzg0MzEsMS4yNzA2NzY4NiBDOS4xNjA0ODYxMiwxLjI3MDY3Njg2IDExLjQzNjA5MTgsMy41NDYyODI1IDExLjQzNjA5MTgsNi4zNTMzODQzMSBDMTEuNDM2MDkxOCw5LjE2MDQ4NjEyIDkuMTYwNDg2MTIsMTEuNDM2MDkxOCA2LjM1MzM4NDMxLDExLjQzNjA5MTggQzMuNTQ2MjgyNSwxMS40MzYwOTE4IDEuMjcwNjc2ODYsOS4xNjA0ODYxMiAxLjI3MDY3Njg2LDYuMzUzMzg0MzEgTTEzLjgxNDE2MzUsMTMuNTUwNDk4MSBMMTAuOTcxMDI0LDEwLjcwNzk5MzkgQzEyLjA4NjE5NTEsOS41MzI0ODAwNyAxMi43MDc1MjE5LDcuOTczNzA0ODUgMTIuNzA2NzY4Niw2LjM1MzM4NDMxIEMxMi43MDY3Njg2LDIuODQ0NDEwMTYgOS44NjIzNTg0NywtMS4zNDkyMjkzN2UtMTUgNi4zNTMzODQzMSwtMS4zNDkyMjkzN2UtMTUgQzIuODQ0NDEwMTYsLTEuMzQ5MjI5MzdlLTE1IDAsMi44NDQ0MTAxNiAwLDYuMzUzMzg0MzEgQzAsOS44NjIzNTg0NyAyLjg0NDQxMDE2LDEyLjcwNjc2ODYgNi4zNTMzODQzMSwxMi43MDY3Njg2IEM3LjY2MzM0MDczLDEyLjcwNzY4MDYgOC45NDExNTAwMSwxMi4zMDExMzUyIDEwLjAwOTc1NywxMS41NDM0NjQgTDEyLjkxNTE1OTYsMTQuNDQ5NTAxOSBDMTMuMTYzNTc3LDE0LjY5NzI4MzkgMTMuNTY1NzQ2MiwxNC42OTcyODM5IDEzLjgxNDE2MzUsMTQuNDQ5NTAxOSBDMTQuMDYxOTQ1NSwxNC4yMDEwODQ2IDE0LjA2MTk0NTUsMTMuNzk4OTE1NCAxMy44MTQxNjM1LDEzLjU1MDQ5ODEiIGlkPSLlvaLnirYiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}

#new-header .user-news {
	position: relative;
	margin-right: 25px;
	height: 60px
}

#new-header .user-news .news-icon {
	margin: 15px auto 6px;
	width: 19px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) -153px 0
}

#new-header .dynamics .dynamics-span i,#new-header .user-news .news-span i {
	position: absolute;
	top: 6px;
	right: -5px;
	padding: 0 3px;
	height: 16px;
	border-radius: 3px;
	background: #ff583d;
	color: #fff;
	font-size: 12px;
	line-height: 16px
}

#new-header .dynamics .dynamics-span,#new-header .user-news .news-span {
	position: relative;
	height: 100%;
	line-height: 60px;
	color: #333
}

#new-header .dynamics:hover .dynamics-span,#new-header .user-news:hover .news-span {
	color: #e3ad13;
}

#new-header .dynamics .dynamics-span:before,#new-header .user-news .news-span:before {
	position: absolute;
	top: 58px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #e3ad13;
	content: '';
	transition: all .2s
}

#new-header .dynamics:hover .dynamics-span:before,#new-header .user-news:hover .news-span:before {
	left: 0;
	width: 100%
}

#new-header .dynamics .dynamics-list,#new-header .user-news .news-list {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -200px;
	z-index: 5;
	overflow: hidden;
	width: 400px;
	max-height: 0;
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 1px #d3d3d3;
	display: none;
	transition: all .3s
}

#new-header .user-news:hover .news-list, #new-header .dynamics:hover .dynamics-list, #new-header .dynamics.active .dynamics-list {
	display: block;
	max-height: 400px
}

#new-header .user-news:hover .news-list,#new-header .user-news.active .news-list {
	margin-left: -90px
}

#new-header .user-news .news-t-container,#new-header .dynamics .dynamics-list .dynamics-container {
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	border: 1px solid #ddd
}

#new-header .user-news .news-t,#new-header .dynamics .dynamics-list .dynamics-t {
	width: 100% !important;
	height: 40px;
	line-height: 40px
}

#new-header .user-news .news-t span,#new-header .dynamics .dynamics-list .dynamics-t span {
	display: block;
	position: relative;
	float: left;
	width: 33%;
	border-bottom: 1px #ddd solid;
	color: #999;
	text-align: center;
	cursor: pointer
}

#new-header .user-news .news-t span:first-child,#new-header .dynamics .dynamics-list .dynamics-t span:first-child {
	border-left: none
}

#new-header .user-news .news-t span.active,#new-header .dynamics .dynamics-list .dynamics-t span.active {
	color: #333
}

#new-header .dynamics .dynamics-list .dynamics-t span.active:before,#new-header .user-news .news-t span.active:before {
	content: '';
	width: 56px;
	height: 2px;
	background: #e3ad13;
	position: absolute;
	left: 50%;
	margin-left: -28px;
	bottom: -1px
}

#new-header .user-news .news-t span i,#new-header .dynamics .dynamics-list .dynamics-t span i {
	position: absolute;
	top: 18px;
	left: 26px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f53500
}

#new-header .user-news .news-con .empty {
	padding: 50px 0;
	text-align: center;
}

#new-header .user-news .news-con .empty .empty-img {
	width: 160px;
	height: 128px;
	margin: 0 auto;
	background: url(/assets/revision/images/notice/notice-empty.png);
}

#new-header .user-news .news-con .empty .empty-txt {
	color: #666;
	padding-top: 30px;
}

#new-header .user-news .news-con .list {
	position: relative;
	margin: 0 15px 0 30px;
	border-bottom: 1px #eee solid;
	line-height: 24px;
	padding: 15px 0;
	min-height: 78px;
}

#new-header .user-news .news-con .list:last-child {
	border-bottom: 0
}

#new-header .user-news .news-con .list dt {
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap
}

#new-header .user-news .news-con .list dd {
	color: #999;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#new-header .user-news .news-con .list dd a {
	color: #999
}

#new-header .user-news .news-con .list .cover-icon i {
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url(/assets/revision/images/base-icon.v90.png) -227px -155px;
	margin: 6px 3px 0;
	vertical-align: top;
}

#new-header .user-news .news-con .list .cover-icon:hover i {
	background-position: -208px -155px;
}

#new-header .user-news .news-con .list .otw {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	width: 75%;
}

#new-header .user-news .news-con .list a:hover {
	color: #E3AD13
}

#new-header .user-news .news-con .list .dian,#new-header .dynamics .dynamics-list .dynamics-con .list .dian {
	position: absolute;
	top: 35px;
	left: -16px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f53500
}

#new-header .user-news .news-con .more-news {
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-top: 1px solid #ddd
}

#new-header .user-news .news-con .more-news a {
	display: block;
	height: 40px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	transition: all .2s
}

#new-header .user-news .news-con .more-news a:hover {
	background: #f8f8f8
}

#new-header .user-news .news-con .user-avatar {
	position: absolute;
	top: 20px;
	left: 0;
	width: 36px;
	height: 36px
}

#new-header .user-news .news-con .user-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

#new-header .user-news .news-con.comment-con .list {
	padding-left: 50px
}

#new-header .user-news .news-con.like-con .list {
	padding-left: 50px
}

#new-header .user-news .news-list {
	width: 180px
}

#new-header .user-news .news-list .news-type {
	width: 100%;
	padding: 10px 0
}

#new-header .user-news .news-list .news-type a {
	display: block;
	height: 36px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	padding: 0 20px
}

#new-header .user-news .news-list .news-type a:hover {
	background: #f8f8f8
}

#new-header .user-news .news-list .news-type a span {
	float: right;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	background: #ff583d;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	margin-top: 10px
}

#new-header .user-news .news-list .news-type .span {
	font-size: 14px;
	color: #999;
	padding: 15px 0 25px;
	text-align: center
}

#new-header .user-news .news-list .news-type .a-login {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border-radius: 5px;
	background: #ffd500;
	margin: 0 20px 10px;
	transition: all .2s
}

#new-header .user-news .news-list .news-type .a-login:hover {
	background: #ffdc2c
}

#new-header .dynamics {
	height: 60px;
	position: relative;
	margin-right: 25px
}

#new-header .dynamics .login-tip {
	display: none;
	width: 210px;
	height: 34px;
	line-height: 32px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ddd;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -125px;
	font-size: 12px;
	color: #333;
	background: #fff;
	text-align: center
}

#new-header .dynamics:hover .login-tip {
	display: block
}

#new-header .dynamics .login-tip span {
	color: #ff583d
}

#new-header .dynamics .dynamics-list .dynamics-con .con-null {
	padding-bottom: 40px
}

#new-header .dynamics .dynamics-list .dynamics-con .con-null img {
	display: block;
	width: 130px;
	height: 100px;
	margin: 46px auto 14px
}

#new-header .dynamics .dynamics-list .dynamics-con .con-null span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-bottom: 8px
}

#new-header .dynamics .dynamics-list .dynamics-con .see-more {
	display: block;
	height: 40px;
	line-height: 38px;
	border-radius: 0 0 5px 5px;
	background: #fff;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition: all .2s;
	border-top: 1px solid #ddd
}

#new-header .dynamics .dynamics-list .dynamics-con .see-more:hover {
	background: #f8f8f8
}

#new-header .dynamics .dynamics-list .dynamics-con .list-c {
	width: 100%;
	max-height: 317px;
	overflow: hidden;
	overflow-y: auto
}

#new-header .dynamics .dynamics-list .dynamics-con .list-c::-webkit-scrollbar {
	width: 6px;
	background: #ddd
}

#new-header .dynamics .dynamics-list .dynamics-con .list-c::-webkit-scrollbar-thumb {
	width: 6px;
	border-radius: 3px;
	background: #666
}

#new-header .dynamics .dynamics-list .dynamics-con .list {
	display: block;
	padding: 13px 15px 13px 72px;
	position: relative;
	border-bottom: 1px solid #ddd
}

#new-header .dynamics .dynamics-list .dynamics-con .list:last-child {
	border-bottom: 0
}

#new-header .dynamics .dynamics-list .dynamics-con .list .user-avatar {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 36px;
	height: 36px
}

#new-header .dynamics .dynamics-list .dynamics-con .list .user-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

#new-header .dynamics .dynamics-list .dynamics-con .list dl {
	width: 190px;
	float: left
}

#new-header .dynamics .dynamics-list .dynamics-con .list .title {
	max-height: 40px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	margin-bottom: 5px;
	margin-top: -2px
}

#new-header .dynamics .dynamics-list .dynamics-con .list .title:hover {
	color: #E3AD13
}

#new-header .dynamics .dynamics-list .dynamics-con .list dl span {
	font-size: 14px;
	color: #999;
	margin-right: 14px;
	max-width: 86px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 19px;
}

#new-header .dynamics .dynamics-list .dynamics-con .list dl span.blue {
	color: #1b95e9
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img {
	float: right;
	width: 100px;
	height: 60px;
	border-radius: 3px;
	overflow: hidden;
	margin-top: 1px;
	position: relative
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img img {
	width: 100%;
	height: 100%
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img .play-cover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/hk_new_index_icons3.png) 0 -115px;
	position: absolute;
	-webkit-transform: scale(1);
	transform: scale(1)
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img:hover .play-cover {
	opacity: 1
}

#new-header .dynamics .dynamics-list .dynamics-con .list .right-img:hover .play-cover:before {
	-webkit-transform: scale(.6);
	transform: scale(.6)
}

#new-header .login {
	padding-top: 15px;
	height: 60px;
	position: relative;
}

#new-header .login .login-box {
	width: 100px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	background: #ffd500;
	line-height: 30px;
	position: relative
}

#new-header .login .login-box a {
	color: #333;
	width: 50%;
	position: relative;
	float: left;
}

#new-header .login .login-box #loginBtn:before {
	content: '';
	position: absolute;
	left: -1px;
	height: 14px;
	width: 1px;
	background: #333;
	top: 8px
}

#new-header .login:hover .login-win {
	display: block;
}

#new-header .login .login-win {
	width: 384px;
	border-radius: 0 0 5px 5px;
	background: #fff;
	border: 1px #ddd solid;
	top: 60px;
	right: 0;
	position: absolute;
	display: none
}

#new-header .login .login-win.ishow {
	display: block;
	animation: loginUp .4s linear forwards;
	top: 0;
	opacity: 0;
}

@keyframes loginUp {
	100% {
		top: 60px;
		opacity: 1;
	}
}

#new-header .login .login-win .p1 {
	font-size: 16px;
	line-height: 56px;
	border-bottom: 1px #ddd solid;
	padding-left: 30px;
}

#new-header .login .login-win .login-win-tips {
	padding: 10px 0 0 30px;
	border-bottom: 1px #ddd solid
}

#new-header .login .login-win .login-win-tips p {
	float: left;
	margin: 10px 0 20px 0;
	color: #666;
	width: 150px;
	line-height: 18px;
}

#new-header .login .login-win .login-win-tips p:nth-child(odd) {
	width: 178px
}

#new-header .login .login-win .login-win-tips p i {
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: url(/assets/revision/images/base-icon.v90.png);
}

#new-header .login .login-win .login-win-tips .s1 i {
	background-position: -54px -291px;
}

#new-header .login .login-win .login-win-tips .s2 i {
	background-position: -74px -291px;
}

#new-header .login .login-win .login-win-tips .s3 i {
	background-position: -91px -290px;
}

#new-header .login .login-win .login-win-tips .s4 i {
	background-position: -109px -291px;
}

#new-header .login .login-win .login-btn {
	padding: 20px 30px;
	line-height: 30px;
	color: #666
}

#new-header .login .login-win .login-btn a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	background: url(/assets/revision/images/base-icon.v90.png);
	vertical-align: top;
	position: relative;
}

#new-header .login .login-win .login-btn a.login-qq {
	background-position: -327px -184px;
}

#new-header .login .login-win .login-btn a.login-wechat {
	background-position: -362px -184px;
}

#new-header .login .login-win .login-btn a.login-phone {
	background-position: -397px -184px;
}

#new-header .login .login-win .login-btn a.last-login:before {
	content: '';
	position: absolute;
	right: -3px;
	top: -1px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #FF583D;
}

#new-header .user-info {
	position: relative
}

#new-header .user-info .user-avatar {
	position: relative;
	margin: 0 -15px
}

#new-header .user-info .user-avatar>a {
	display: block;
	width: 66px;
	height: 60px;
	padding: 0 15px
}

#new-header .user-info .user-avatar img {
	margin-top: 12px;
	width: 36px;
	height: 36px;
	border-radius: 50%
}

#new-header .user-info .user-avatar .new-vip-icon {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px #fff solid;
	position: absolute;
	top: 31px;
	right: 11px
}

#new-header .user-info .info-m {
	visibility: hidden;
	opacity: 0;
	transition: all .3s .15s;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 5;
	overflow: hidden;
	width: 360px;
	background: rgba(255,255,255,.98);
	border-radius: 0 0 5px 5px;
	border: 1px #ddd solid
}

#new-header .user-info:hover .info-m {
	visibility: visible;
	opacity: 1
}

#new-header .user-info .info-m .user-i {
	position: relative;
	padding: 20px 20px 20px 80px;
	border-bottom: 1px #ddd solid
}

#new-header .user-info .info-m .user-i img {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 46px;
	height: 46px;
	border-radius: 23px
}

#new-header .user-info .info-m .user-i .user-t {
	line-height: 20px
}

#new-header .user-info .info-m .user-i .user-t .user-name {
	overflow: hidden;
	padding-right: 10px;
	max-width: 140px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px
}

#new-header .user-info .info-m .user-i .user-t .user-name a {
	color: #333
}

#new-header .user-info .info-m .user-i .user-t .user-icon i {
	float: left;
	margin-right: 6px;
	background-image: url(/assets/revision/images/base-icon.v90.png)
}

#new-header .user-info .info-m .user-i .user-t .user-icon i.phoned-icon {
	margin-top: 1px;
	width: 15px;
	height: 16px;
	background-position: -225px 0
}

#new-header .user-info .info-m .user-i .user-t .user-icon i.phone-icon {
	margin-top: 1px;
	width: 15px;
	height: 16px;
	background-position: -209px 0
}

#new-header .user-info .info-m .user-i .user-t .user-icon i.p-icon {
	width: 16px;
	height: 18px;
	background-position: -258px 0
}

#new-header .user-info .info-m .user-i .user-t .user-icon .new-vip-icon {
	margin-top: 1px;
}

#new-header .user-info .info-m .user-i .quit a {
	color: #999
}

#new-header .user-info .info-m .user-id {
	font-size: 12px;
	padding-top: 12px;
}

#new-header .user-info .info-m .user-id span {
	color: #999;
	padding-right: 20px;
}

#new-header .user-info .info-m .user-id a {
	color: #FFA900;
}

#new-header .user-info .info-m .hkb {
	padding: 0 5px;
	width: 118px;
	height: 25px;
	background: #fff8d9;
	color: #666;
	font-size: 12px;
	line-height: 24px
}

#new-header .user-info .info-m .hkb span {
	color: #ffa900
}

#new-header .user-info .info-m .surplus {
	color: #666;
	text-align: center;
	padding: 12px 0 4px;
}

#new-header .user-info .info-m .surplus span {
	display: block;
	font-size: 16px;
	padding-top: 12px
}

#new-header .user-info .info-m .surplus span i {
	color: #ee9d4c
}

#new-header .user-info .info-m .get-free {
	display: block;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 20px;
	color: #666;
	text-align: center;
	font-size: 18px;
	line-height: 38px;
	transition: all .2s
}

#new-header .user-info .info-m .get-free:hover {
	border-color: #ffd500;
	background: #ffd500;
	color: #333
}

#new-header .user-info .info-m .vip-info {
	padding: 14px 0;
	text-align: center
}

#new-header .user-info .info-m .vip-info p {
	color: #999;
	line-height: 24px
}

#new-header .user-info .info-m .vip-info p span {
	padding-left: 4px;
	color: #ffa900;
	font-weight: 700
}

#new-header .user-info .info-m .vip-btn a {
	display: block;
	height: 40px;
	border-radius: 20px;
	background: #ffd200;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	transition: all .2s;
	margin: 20px 20px;
}

#new-header .user-info .info-m .vip-btn a:hover {
	opacity: .8
}

#new-header .user-info .info-m .spare-parts {
	margin: 20px 0;
}

#new-header .user-info .info-m .spare-parts a {
	border-right: 1px #e8e8e8 solid;
	padding: 0 16px;
	position: relative
}

#new-header .user-info .info-m .spare-parts a:last-child {
	border: none;
}

#new-header .user-info .info-m .spare-parts a:last-child:before {
	position: absolute;
	top: -7px;
	left: 58px;
	width: 25px;
	height: 13px;
	background: url(/assets/revision/images/base-icon.v90.png) -70px -46px;
	content: ""
}

#new-header .user-info .info-m .spare-parts a span {
	display: block;
	margin: 0 auto 9px;
	width: 26px;
	height: 26px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

#new-header .user-info .info-m .spare-parts .collect span {
	background-position: -730px -184px
}

#new-header .user-info .info-m .spare-parts .study-ed span {
	background-position: -759px -184px
}

#new-header .user-info .info-m .spare-parts .myvip span {
	background-position: -731px -212px
}

#new-header .user-info .info-m .spare-parts .my-order span {
	background-position: -675px -240px
}

#new-header .user-info .info-m .spare-parts .my-work span {
	background-position: -759px -240px
}

#new-header .user-info .info-m .spare-parts .teacher-link span {
	background-position: -731px -240px
}

#new-header .user-info .info-m .spare-parts .teacher-make span {
	background-position: -731px -240px
}

#new-header .user-info .info-m .spare-parts .teacher-home span {
	background-position: -703px -240px
}

#new-header .user-info .info-m .spare-parts .career span {
	background-position: -759px -212px
}

#new-header .user-info .info-m .spare-parts a.isTeacher:before {
	display: none
}

#new-header .user-info .info-m .spare-parts a p {
	color: #666;
	text-align: center
}

#new-header .user-info .info-m .loading {
	padding: 60px 0;
	text-align: center
}

#new-header .user-info .info-m .spare-parts a:hover p {
	color: #E3AD13;
}

#new-header .user-info .info-m .pugc-header-pic {
	display: block;
	margin-bottom: -2px
}

#new-header .nav-top .nav-a {
	display: inline-block;
	height: 60px;
	line-height: 60px
}

.upvip {
	margin: 4px 0 -12px
}

.upvip a {
	display: block;
	margin: 0 auto;
	width: 316px;
	height: 74px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -176px
}

.upvip-usertier a {
	display: block;
	margin: 0 auto;
	width: 355px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -176px;
}

.upvip-usertier a img {
	width: 100%;
	display: block;
}

.login-tips {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)
}

.login-tips .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin: -155px 0 0 -275px;
	width: 550px;
	height: 310px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.login-tips .win-m .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	font-size: 28px;
	font-family: "宋体";
	cursor: pointer
}

.login-tips .win-m .main {
	overflow: hidden;
	height: 212px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background: #fda41d;
	background-image: linear-gradient(to bottom,#fb8e0e,#ffb72c)
}

.login-tips .win-m .login-icon {
	margin: 30px auto 0;
	width: 56px;
	height: 65px;
	background: url(/assets/revision/images/base-icon.v90.png) -202px -652px
}

.login-tips .win-m .p1 {
	overflow: hidden;
	height: 70px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 80px
}

.login-tips .win-m .p2 {
	color: #fff;
	text-align: center;
	font-size: 18px
}

.login-tips .win-m .btn {
	display: block;
	margin: 25px auto 0;
	width: 158px;
	height: 48px;
	border-radius: 24px;
	background: #fd9e1d;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 48px
}

.login-tips .win-m .btn:hover {
	opacity: .8
}

#new-header .user-info .info-m .user-bottom {
	position: relative;
	padding: 0 20px;
	height: 43px;
	border-top: 1px solid #e8e8e8;
	line-height: 42px
}

#new-header .user-info .info-m .user-bottom a:hover {
	color: #E3AD13;
}

#new-header .user-info .info-m .user-bottom span {
	width: 16px;
	height: 15px;
	background: url(/assets/revision/images/base-icon.v90.png) -730px -146px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 13px;
	vertical-align: top;
}

#new-header .user-info .info-m .user-bottom:hover {
	background: #F8F8F8;
}

#new-header .user-info .info-m .user-bottom a:hover span {
	background-position: -771px -146px;
}

#new-header .user-info .info-m .hkb {
	width: 212px
}

#new-header .user-info .info-m .hkb a {
	float: right;
	padding-right: 13px;
	color: #ee9d4c
}

#new-header .user-info .info-m .yhj {
	position: relative;
	padding: 10px 0 10px 75px;
	height: 47px;
	border-top: 1px #e8e8e8 solid;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 24px
}

#new-header .user-info .info-m .yhj:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 41px;
	height: 28px;
	background: url(/assets/revision/images/base-icon.v90.png) -270px -656px;
	content: ""
}

#new-header .user-info .info-m .yhj .uyhj {
	display: inline-block;
	width: 150px;
	height: 26px;
	border: 1px #e8e8e8 solid;
	border-radius: 13px;
	color: #ee9d4c;
	text-align: center;
	font-size: 12px;
	transition: all .2s
}

#new-header .user-info .info-m .yhj .uyhj:hover {
	border-color: #ee9d4c;
	background: #ee9d4c;
	color: #fff
}

#new-header .user-info .info-m .yhj a.fr {
	color: #ee9d4c;
	font-size: 12px
}

#album-win {
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 105;
	padding: 14px;
	width: 280px;
	border: 1px #e8e8e8 solid;
	border-radius: 1px;
	background: #fff
}

#album-win:before {
	position: absolute;
	right: 27px;
	bottom: -8px;
	width: 14px;
	height: 8px;
	background: url(/assets/revision/images/album/album-win-icon.png) 0 -9px;
	content: "";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#album-win .add-album {
	height: 30px
}

#album-win .add-album .txt {
	font-size: 12px;
	padding: 0 9px;
	width: 190px;
	height: 30px;
	border: 1px #e8e8e8 solid;
	border-radius: 1px;
	background: #fcfcfc;
	color: #666;
	line-height: 28px
}

#album-win .add-album .btn {
	font-size: 12px;
	width: 55px;
	height: 30px;
	border: 1px #e8e8e8 solid;
	border-radius: 1px;
	background: #f8f8f8;
	color: #999;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	pointer-events: initial
}

#album-win .add-album .btn.pointer {
	border-color: #ffd200;
	background: #ffd200;
	color: #333;
	pointer-events: initial
}

#album-win .album-plist {
	overflow-y: auto;
	margin-bottom: 10px;
	height: 150px;
	border: 1px #e8e8e8 solid
}

#album-win .album-plist::-webkit-scrollbar {
	width: 4px;
	background: #e8e8e8
}

#album-win .album-plist::-webkit-scrollbar-thumb {
	width: 4px;
	border-radius: 1px;
	background: #c1c1c1
}

#album-win .album-plist .plist {
	position: relative;
	padding: 0 4px 0 9px;
	height: 30px;
	color: #666;
	line-height: 30px;
	cursor: pointer;
	transition: background .2s
}

#album-win .album-plist .plist:hover {
	background: #f8f8f8
}

#album-win .album-plist .plist .add-album-btn {
	float: right;
	display: none;
	margin-top: 4px;
	padding: 0 5px;
	height: 22px;
	border-radius: 2px;
	background: #ffd500;
	color: #333;
	line-height: 22px
}

#album-win .album-plist .plist:hover .add-album-btn {
	display: block
}

#album-win .album-plist .album-plist-empty {
	margin: 0 auto;
	padding-top: 46px;
	width: 123px;
	color: #999;
	font-size: 12px
}

#album-win .bottom-btn {
	height: 30px
}

#album-win .bottom-btn span {
	margin-left: 10px;
	width: 55px;
	height: 30px;
	border-radius: 1px;
	color: #666;
	text-align: center;
	line-height: 28px;
	cursor: pointer
}

#album-win .bottom-btn span:hover {
	color: #333
}

#album-win .bottom-btn span.close {
	border: 1px #e8e8e8 solid;
	background: #f8f8f8
}

#album-win .bottom-btn span.ok {
	border: 1px #eec400 solid;
	background: #ffd200
}

#album-win .album-plist .plist span {
	float: left;
	overflow: hidden;
	max-width: 140px;
	text-overflow: ellipsis;
	white-space: nowrap
}

#album-win .album-plist .plist i {
	color: #999;
	font-size: 12px
}

.video-detail .video-body .left-foot .album-win-btn {
	margin-right: 15px;
	border-color: #ddd;
	color: #ddd;
	transition: all .2s
}

.video-detail .video-body .left-foot .album-win-btn:hover {
	border-color: #ffd500;
	color: #ffd500
}

.video-body .left-foot .clect-cut {
	padding: 0 11px;
	width: auto;
	height: 26px;
	border: 1px #ffd500 solid;
	color: #ffd500;
	line-height: 24px
}

.video-body .left-foot .clect-cut .clect-icon {
	width: 16px;
	height: 14px;
	background: url(/assets/revision/images/album/collect-icon.png);
	color: #ffd500;
	vertical-align: -2px
}

.video-body .left-foot .clect-cut:hover .clect-icon {
	background: url(/assets/revision/images/album/images/collect-icon.png)
}

.album-collect-success {
	position: absolute;
	top: 793px;
	left: 919px;
	z-index: 11;
	padding: 5px 5px 0 10px;
	height: 34px;
	border-radius: 17px;
	background: #faf9f0;
	line-height: 22px
}

.album-collect-success:before {
	position: absolute;
	top: -8px;
	right: 70px;
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #fbf9f0;
	border-left: 6px solid transparent;
	content: ""
}

.album-collect-success a {
	color: #666;
	font-size: 12px
}

.album-collect-success a:hover {
	text-decoration: underline
}

.album-collect-success span {
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	height: 24px;
	border-radius: 12px;
	background: #fda171;
	color: #fff;
	vertical-align: top;
	font-size: 12px;
	line-height: 24px
}

.album-collect-success span:hover {
	background: #fe9159;
	cursor: pointer
}

#new-header .header-search {
	width: auto
}

#new-header .header-search .txt::-webkit-input-placeholder {
	font-size: 12px;
	color: #999
}

#new-header .header-search .txt:-ms-input-placeholder {
	font-size: 12px;
	color: #999
}

#new-header .header-search .txt::-ms-input-placeholder {
	font-size: 12px;
	color: #999
}

#new-header .header-search .txt::placeholder {
	font-size: 12px;
	color: #999
}

#new-header .header-search .search-win {
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 10
}

#new-header .header-search .search-win .search-list {
	position: relative;
	top: 0;
	width: 300px;
	border-radius: 0 0 5px 5px;
	border: 1px #ddd solid;
	background: #fff;
	padding-bottom: 10px
}

#new-header .header-search .search-win .search-list .s-tips {
	font-size: 12px;
	color: #999;
	padding: 0 15px;
	line-height: 36px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px
}

#new-header .header-search .search-win .search-list .list-head {
	padding: 0 15px;
	line-height: 36px
}

#new-header .header-search .search-win .search-list .list-head h3 {
	position: relative;
	color: #999;
	font-weight: 400;
	font-size: 12px
}

#new-header .header-search .search-win .search-list .list-head h3.rec i {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 14px;
	border-radius: 3px;
	background: #ddd;
	position: relative;
	margin: 11px 5px 0 0
}

#new-header .header-search .search-win .search-list .list-head h3.rec i:before {
	content: '';
	border: 3px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	top: 4px;
	left: 6px
}

#new-header .header-search .search-win .search-list .list-head h3 .clear-btn {
	font-size: 12px;
	color: #999;
	height: 36px;
	line-height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

#new-header .header-search .search-win .search-list p.hotList {
	line-height: 20px;
	padding: 15px 15px 0
}

#new-header .header-search .search-win .search-list p.hotList a {
	display: block;
	font-size: 14px;
	color: #FF583D;
	position: relative;
	padding-left: 20px
}

#new-header .header-search .search-win .search-list p.hotList a:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat -731px -102px;
	position: absolute;
	left: 0;
	top: 2px
}

#new-header .header-search .search-win .search-list .list-m p {
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	position: relative
}

#new-header .header-search .search-win .search-list .list-m p.bg-gray {
	background: #f8f8f8;
	cursor: pointer
}

#new-header .header-search .search-win .search-list .list-m.history_search_keywords {
	padding: 0 15px;
	margin-top: -10px;
	margin-bottom: 5px
}

#new-header .header-search .search-win .search-list .list-m.history_search_keywords p {
	display: inline-block;
	float: left;
	height: 20px;
	line-height: 18px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin: 15px 10px 0 0;
	padding: 0
}

#new-header .header-search .search-win .search-list .list-m.history_search_keywords p:hover {
	background: #fff;
	border-color: #E3AD13
}

#new-header .header-search .search-win .search-list .list-m.history_search_keywords p a {
	padding: 0 15px;
	display: inline-block;
	overflow: hidden;
	max-width: 180px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}

#new-header .header-search .search-win .search-list .list-m.history_search_keywords p:hover a,#new-header .header-search .search-win .search-list .list-m.recm p:hover a {
	color: #E3AD13
}

#new-header .header-search .search-win .search-list .list-m.hotm {
	padding: 0 15px;
	max-height: 105px;
	overflow: hidden;
	margin: -10px 0 5px
}

#new-header .header-search .search-win .search-list .list-m.hotm a {
	display: block;
	float: left;
	height: 20px;
	line-height: 18px;
	padding: 0 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 12px;
	color: #666;
	margin: 15px 10px 0 0;
	transition: all .2s;
	overflow: hidden
}

#new-header .header-search .search-win .search-list .list-m.hotm a:hover {
	border-color: #E3AD13;
	color: #E3AD13
}

#new-header .header-search .search-win .search-list .list-m.hotm a i {
	display: inline-block;
	vertical-align: top;
	width: 9px;
	height: 12px;
	margin-right: 4px;
	margin-top: 3px;
	background: url(/assets/revision/images/base-icon.v90.png) -313px -33px
}

#new-header .header-search .search-win .search-list .list-m p .del-btn {
	display: none;
	width: 14px;
	height: 14px;
	position: absolute;
	top: -6px;
	right: -5px;
	border-radius: 50%;
	background: rgba(0,0,0,.4);
	cursor: pointer
}

#new-header .header-search .search-win .search-list .list-m p .del-btn:after,#new-header .header-search .search-win .search-list .list-m p .del-btn:before {
	content: '';
	width: 10px;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	left: 2px
}

#new-header .header-search .search-win .search-list .list-m p .del-btn:after {
	transform: rotate(-45deg)
}

#new-header .header-search .search-win .search-list .list-m p:hover .del-btn {
	display: block
}

#new-header .header-search .search-win .search-list .list-m.recm {
	margin-top: -3px;
	padding: 0 10px 0 15px
}

#new-header .header-search .search-win .search-list .list-m.recm p {
	width: 50%;
	float: left;
	padding: 0 5px 0 0
}

#new-header .header-search .search-win .search-list .list-m.recm p:hover {
	background: #fff
}

#new-header .header-search .search-win .search-list .list-m.recm p a {
	display: block;
	font-size: 12px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#new-header .header-search .search-win .search-list .list-m p a .rank-icon {
	display: inline-block;
	width: 16px;
	height: 12px;
	overflow: hidden;
	margin-right: 1px;
	margin-top: 8px;
	vertical-align: top;
	line-height: 12px
}

#new-header .header-search .search-win .search-list .list-m p a .rank-icon i {
	width: 2px;
	height: 13px;
	margin-right: 2px;
	display: inline-block;
	background: #FF583D
}

#new-header .header-search .search-win .search-list .list-m p a .rank-icon i:nth-child(1) {
	-webkit-animation: live-lines 2s linear .2s infinite;
	animation: live-lines 2s linear .2s infinite
}

#new-header .header-search .search-win .search-list .list-m p a .rank-icon i:nth-child(2) {
	-webkit-animation: live-lines 2s linear .4s infinite;
	animation: live-lines 2s linear .4s infinite
}

#new-header .header-search .search-win .search-list .list-m p a .rank-icon i:nth-child(3) {
	-webkit-animation: live-lines 2s linear .6s infinite;
	animation: live-lines 2s linear .6s infinite
}

#new-header .header-search .search-win .search-list .list-m p .close {
	margin-top: 8px;
	width: 10px;
	height: 10px;
	background: url(/assets/revision/images/base-icon.v90.png) -328px 0
}

#new-header .header-search .search-win .search-list #search_word_list p,#new-header .header-search .search-win .search-list #search_word_list p a {
	display: block;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

#new-header .header-search .search-win .search-list #search_word_list p a em {
	color: #E3AD13
}

#new-header .nav-list .dian span {
	display: inline-block;
	margin-right: 4px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	vertical-align: 4px
}

#new-header .nav-list .more-nav {
	width: 556px;
	border: 1px #ddd solid;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background: #fff;
	padding: 20px;
	left: -262px;
}

#new-header .nav-list .more-nav .more-l {
	width: 220px;
	position: relative;
}

#new-header .nav-list .more-nav .more-l::before {
	content: '';
	position: absolute;
	right: -42px;
	width: 1px;
	background: #EDEDF7;
	height: 92%;
	top: 4%;
}

#new-header .nav-list .more-nav .more-l a {
	display: block;
	height: 86px;
	border-radius: 5px;
	position: relative;
	padding: 20px 0 0 86px;
	transition: all .2s
}

#new-header .nav-list .more-nav .more-l a:hover {
	background: #F9F9FA;
}

#new-header .nav-list .more-nav .more-l .icon {
	width: 56px;
	height: 56px;
	position: absolute;
	left: 15px;
	top: 15px;
	background: url(/assets/revision/images/header-more-nav.png);
	border-radius: 8px;
}

#new-header .nav-list .more-nav .more-l .s1 {
	background-position: -361px 0;
}

#new-header .nav-list .more-nav .more-l .s2 {
	background-position: -61px 0;
}

#new-header .nav-list .more-nav .more-l .s3 {
	background-position: -122px 0;
}

#new-header .nav-list .more-nav .more-l .s4 {
	background-position: -183px 0;
}

#new-header .nav-list .more-nav .more-l .s5 {
	background-position: -244px 0;
}

#new-header .nav-list .more-nav .more-l .p1 {
	font-size: 16px;
	line-height: 20px;
	color: #3E3F5E;
}

#new-header .nav-list .more-nav .more-l .p2 {
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
	color: #ADAFCA;
}

#new-header .nav-list .more-nav .more-r {
	padding-left: 70px;
}

#new-header .nav-list .more-nav .more-r a {
	display: block;
	width: 220px;
	height: 86px;
	border-radius: 5px 5px 5px 5px;
	border: 2px solid #EDEDF7;
	position: relative;
	padding: 18px 0 0 82px;
	transition: all .2s
}

#new-header .nav-list .more-nav .more-r .tips {
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	border-radius: 0 5px 0 5px;
	background: #FF6619;
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: -2px;
	top: -2px;
}

#new-header .nav-list .more-nav .more-r a:hover {
	border-color: #FF6619;
}

#new-header .nav-list .more-nav .more-r .icon {
	width: 56px;
	height: 56px;
	position: absolute;
	left: 12px;
	top: 12px;
	background: url(/assets/revision/images/header-more-nav.png);
}

#new-header .nav-list .more-nav .more-r .s6 {
	background-position: -305px 0;
}

#new-header .nav-list .more-nav .more-r .p1 {
	font-size: 16px;
	line-height: 20px;
	color: #3E3F5E;
}

#new-header .nav-list .more-nav .more-r .p2 {
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
	color: #ADAFCA;
}

#new-header .nav-list.bwidth:hover {
	width: 50px
}

#new-header .nav-list.bwidth:hover .nav-t:before {
	width: 24px
}

#new-header .nav-list.bwidth .nav-t:before {
	left: 0
}

#new-header .nav-list .nav-m .hot-icon {
	position: relative
}

#new-header .nav-list .nav-m .hot-icon:after {
	position: absolute;
	top: 5px;
	left: 75px;
	width: 29px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -118px;
	content: ""
}

#new-header .nav-list .nav-m .new-icon {
	position: relative
}

#new-header .nav-list .nav-m .new-icon:after {
	position: absolute;
	top: 5px;
	left: 75px;
	width: 29px;
	height: 13px;
	background: url(/assets/revision/images/base-icon.v90.png) -533px -135px;
	content: ""
}

#new-header .nav-list .nav-m .new-icon-article:after {
	left: 55px
}

#new-header .nav-list .nav-m .new-icon-career:after {
	left: 87px
}

#new-header .nav-list.xycg-list {
	margin-right: 25px
}

#new-header .nav-list.xycg-list .top-con .course-con {
	width: 238px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 0 0 5px 5px;
	border: 1px solid #eee;
	padding: 30px 20px;
	text-align: center
}

#new-header .nav-list.xycg-list .top-con .course-con .h3 {
	font-size: 16px;
	color: #333
}

#new-header .nav-list.xycg-list .top-con .course-con .h5 {
	font-size: 14px;
	color: #666;
	padding: 8px 0 20px
}

#new-header .nav-list.xycg-list .top-con .course-con .li {
	display: block;
	float: left;
	width: 50%;
	margin-bottom: 20px
}

#new-header .nav-list.xycg-list .top-con .course-con .li .i {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #3a478b;
	margin: 0 auto 10px;
	padding-top: 8px;
	position: relative
}

#new-header .nav-list.xycg-list .top-con .course-con .li .i i {
	display: block;
	width: 31px;
	height: 28px;
	background: url(/assets/revision/images/school-enterprise/icon.png) 0 -81px;
	margin: 0 auto
}

#new-header .nav-list.xycg-list .top-con .course-con .a2 .i i {
	width: 25px;
	background-position: -38px -81px
}

#new-header .nav-list.xycg-list .top-con .course-con .a3 .i i {
	width: 28px;
	background-position: -69px -81px
}

#new-header .nav-list.xycg-list .top-con .course-con .a4 .i i {
	width: 28px;
	background-position: -106px -81px
}

#new-header .nav-list.xycg-list .top-con .course-con .li .i span {
	display: none;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 16px;
	border-radius: 50%;
	background: #4f61bf;
	padding-top: 6px
}

#new-header .nav-list.xycg-list .top-con .course-con .li:hover .i span {
	display: block
}

#new-header .nav-list.xycg-list .top-con .course-con .more {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	background: #3a478b;
	border-radius: 5px;
	margin: 0 auto;
	transition: all .2s
}

#new-header .nav-list.xycg-list .top-con .course-con .more:hover {
	background: #4f61bf
}

.vip-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.vip-win .close {
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer
}

.vip-win .btn {
	display: block;
	overflow: hidden;
	width: 195px;
	height: 56px;
	border-radius: 16px;
	box-shadow: 0 0 10px #fd550e;
	-webkit-animation: size .4s infinite;
	animation: size .4s infinite
}

.vip-win.v1 .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -184px 0 0 -209px;
	width: 419px;
	height: 368px;
	background: url(/assets/revision/images/site/new-win4.png)
}

.vip-win.v1 .close {
	top: 66px;
	right: 4px
}

.vip-win.v1 .btn {
	margin: 285px auto 0
}

.vip-win.v2 .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -153px 0 0 -209px;
	width: 419px;
	height: 306px;
	background: url(/assets/revision/images/site/new-win2.png)
}

.vip-win.v2 .close {
	top: 5px;
	right: 6px
}

.vip-win.v2 .btn {
	margin: 198px auto 0
}

.qt-tg {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 20;
	margin: -210px 0 0 -300px;
	padding-top: 360px;
	padding-left: 107px;
	width: 600px;
	height: 420px;
	background: url(/assets/revision/images/site/58pic-tg.v1.png)
}

.qt-tg .close {
	position: absolute;
	top: 56px;
	right: 60px;
	width: 25px;
	height: 25px;
	cursor: pointer
}

.qt-tg .qq-link,.qt-tg .wechat-link {
	display: inline-block;
	margin-right: 20px;
	width: 186px;
	height: 48px
}

@-webkit-keyframes size {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes size {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

#bind-phone-new {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.55)
}

#bind-phone-new .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -235px 0 0 -266px;
	width: 532px;
	border-radius: 8px;
	background: #fff
}

#bind-phone-new .win-m .head {
	padding: 0 20px;
	height: 52px;
	border-bottom: 1px #ddd solid;
	color: #666;
	font-size: 16px;
	line-height: 50px
}

#bind-phone-new .win-m .head .close {
	font-size: 24px;
	font-family: "宋体";
	cursor: pointer
}

#bind-phone-new .win-m .main .p1 {
	height: 52px;
	color: #999;
	text-align: center;
	line-height: 52px
}

#bind-phone-new .win-m .main .p2 {
	height: 32px;
	color: #999;
	text-align: center
}

#bind-phone-new .win-m .main .p2 span {
	color: #fc583d
}

#bind-phone-new .win-m .foot {
	padding: 9px 0;
	border-top: 1px #ddd solid;
	color: #999;
	text-align: center;
	font-size: 12px;
	line-height: 18px
}

#bind-phone-new .win-m .main .input-list .btn {
	width: 390px;
	height: 50px;
	color: #fff;
	font-size: 20px;
	line-height: 48px
}

#bind-phone-new .win-m .main .input-list .get-test {
	width: 120px;
	height: 48px;
	border: none;
	border-radius: 4px;
	background-color: #ffa900;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 48px;
	transition: all .2s
}

#bind-phone-new .win-m .main .input-list .get-test:hover {
	background-color: #ffe465;
	cursor: pointer
}

#bind-phone-new .win-m .main .input-list .get-test.ed {
	background-color: #ccc;
	cursor: not-allowed
}

#bind-phone-new .win-m .main .input-list .get-test.ed:hover {
	background-color: #ccc
}

#bind-phone-new .win-m .main .input-list {
	position: relative;
	margin-bottom: 20px;
	height: 48px;
	line-height: 48px
}

#bind-phone-new .win-m .main .input-list .input-r {
	margin: 0 auto;
	width: 390px
}

#bind-phone-new .win-m .main .input-list .error-tips {
	position: absolute;
	top: 10px;
	left: 472px;
	padding: 0 15px;
	height: 28px;
	border: 1px #ecdda8 solid;
	background: #fffbee;
	color: #ff6e04;
	white-space: nowrap;
	font-size: 12px;
	line-height: 26px
}

#bind-phone-new .win-m .main .input-list .error-tips:before {
	position: absolute;
	top: 9px;
	left: -7px;
	width: 7px;
	height: 8px;
	background: url(/assets/revision/images/user-icon.png) -258px 0;
	content: ""
}

#bind-phone-new .win-m .main .input-list .txt {
	color: #333;
	font-size: 16px
}

#bind-phone-new .win-m .main .input-list .txt a {
	margin-left: 28px;
	color: #06a7e2
}

#bind-phone-new .win-m .main .input-list input[type=text] {
	padding: 0 14px;
	height: 48px;
	border: 1px #e8e8e8 solid;
	border-radius: 6px;
	color: #333;
	font-size: 14px;
	line-height: 46px;
	transition: border-color .2s
}

#bind-phone-new .win-m .main .input-list input[type=text]:focus {
	border-color: #999
}

#bind-phone-new .win-m .main .input-list .maxw {
	width: 390px
}

#bind-phone-new .win-m .main .input-list .midw {
	width: 256px
}

#bind-phone-new .win-m .main .input-list .code-con {
	margin-left: 14px;
	width: 120px;
	height: 48px;
	cursor: pointer
}

#bind-phone-new .win-m .main .input-list .btn {
	border: none;
	border-radius: 4px;
	background: #ffbd3d;
	color: #fff;
	line-height: 34px;
	cursor: pointer;
	transition: all .2s
}

#bind-phone-new .win-m .main .input-list .btn:hover {
	opacity: .8
}

#bind-phone-new .win-m .main .phone {
	position: relative
}

#bind-phone-new .win-m .main .input-list .phone input {
	padding-left: 44px
}

#bind-phone-new .win-m .main .phone-icon {
	position: absolute;
	top: 11px;
	left: 14px;
	width: 15px;
	height: 25px;
	background: url(/assets/revision/images/hk_new_index_icons.png) -95px -192px
}

.upbrower {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 101;
	margin-top: -150px;
	width: 100%;
	height: 300px;
	background: #fff5e0
}

.upbrower .close {
	position: absolute;
	left: 50%;
	margin-left: 592px;
	font-size: 26px;
	cursor: pointer
}

.upbrower .p1 {
	padding-top: 32px;
	color: #666;
	text-align: center;
	font-size: 20px
}

.upbrower .p1 span {
	padding: 0 10px;
	color: #ff8933;
	font-size: 24px
}

.upbrower .p2 {
	height: 82px;
	color: #999;
	text-align: center;
	font-size: 16px;
	line-height: 70px
}

.upbrower .brower-list {
	margin: 0 auto;
	width: 600px
}

.upbrower .brower-list .list {
	width: 150px;
	text-align: center
}

.upbrower .brower-list .list .bname {
	padding-top: 10px;
	font-size: 16px
}

.upbrower .brower-list .list .bname a {
	color: #666;
	font-size: 16px
}

.upbrower .brower-list .list .bver {
	padding-top: 10px;
	color: #999;
	font-size: 12px
}

#new-header .nav-list .global-vip-drop {
	left: 18px;
	text-align: center
}

#new-header .nav-list .global-vip-drop .view-global-vip {
	font-size: 14px;
	border-top-color: #ddd
}

#new-header .nav-list .global-vip-drop .vip-drop-purchase {
	width: 250px;
	height: 38px;
	border-radius: 19px;
	background-color: #ffa900;
	color: #fff;
	line-height: 38px;
	transition: all .2s
}

#new-header .nav-list .global-vip-drop .vip-drop-titles {
	display: inline-block;
	margin-top: 19px;
	padding: 0 5px;
	height: 38px;
	border: none;
	border: 2px #fefefe solid;
	box-shadow: 0 0 0 1px #ffa900,0 0 0 1px #ffa900 inset;
	font-size: 24px;
	line-height: 30px
}

#new-header .nav-list .top-con .course-con {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 5;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .3s .15s;
	padding-bottom: 6px;
	width: 450px;
	background: #fff
}

#new-header .nav-list:hover .top-con .course-con {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

#new-header .nav-list .top-con .course-con .head {
	margin-bottom: 6px;
	padding: 0 15px;
	height: 46px;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 44px
}

#new-header .nav-list .top-con .course-con .head p {
	color: #333;
	font-size: 16px
}

#new-header .nav-list .top-con .course-con .head p span {
	padding-left: 20px;
	color: #999;
	font-size: 14px
}

#new-header .nav-list .top-con .course-con .head a.fr {
	margin-top: 7px;
	width: 100px;
	height: 30px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	transition: all .2s
}

#new-header .nav-list .top-con .course-con .head a.fr:hover {
	opacity: .8
}

#new-header .nav-list .top-con .course-con .head a.fr {
	background: #ff7c00
}

#new-header .nav-list .top-con .course-con .course-p {
	position: relative;
	padding: 0 15px 0 60px;
	line-height: 30px
}

#new-header .nav-list .top-con .course-con .course-p span {
	position: absolute;
	left: 15px;
	width: 45px
}

#new-header .nav-list .top-con .course-con .course-p span:before {
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: 12px;
	background: #e8e8e8;
	content: ""
}

#new-header .nav-list .top-con .course-con .course-p a {
	display: inline-block;
	margin: 2px 4px;
	padding: 0 5px;
	height: 26px;
	border-radius: 11px;
	line-height: 26px;
	transition: all .2s
}

#new-header .nav-list .top-con .course-con .course-p a:hover {
	background: #f8f8f8;
	color: #ff8300
}

#new-header .nav-list.qytq-list .top-con .course-con {
	width: 302px;
	border: 1px solid #DDDDDD;
	padding: 23px 30px 20px;
	border-radius: 0 0 5px 5px;
	margin-left: -171px
}

#new-header .nav-list.qytq-list .t {
	font-size: 16px;
}

#new-header .nav-list.qytq-list .t a {
	color: #999;
	font-size: 14px;
}

#new-header .nav-list.qytq-list .t a:hover {
	color: #E3AD13;
}

#new-header .nav-list.qytq-list .list {
	padding: 30px 0 0 47px;
	position: relative;
}

#new-header .nav-list.qytq-list .list > i {
	position: absolute;
	left: 0;
	background: url(/assets/revision/images/base-icon.v90.png);
	top: 37px;
}

#new-header .nav-list.qytq-list .list .t1 {
	width: 25px;
	height: 25px;
	background-position: -234px -445px;
}

#new-header .nav-list.qytq-list .list .t2 {
	width: 26px;
	height: 24px;
	background-position: -264px -445px;
}

#new-header .nav-list.qytq-list .list .t3 {
	width: 24px;
	height: 26px;
	background-position: -296px -445px;
}

#new-header .nav-list.qytq-list .list .t4 {
	width: 30px;
	height: 26px;
	background-position: -325px -445px;
}

#new-header .nav-list.qytq-list .list .p1 span {
	padding: 0 5px;
	height: 16px;
	background: #ff583d;
	border-radius: 3px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	display: inline-block;
	margin-left: 8px;
}

#new-header .nav-list.qytq-list .list .p1 span i {
	display: inline-block;
	transform: scale(.8);
}

#new-header .nav-list.qytq-list .list .p2 {
	font-size: 12px;
	padding-top: 12px;
	color: #999
}

#new-header .nav-list.qytq-list .open-vip {
	display: block;
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(332deg, #E2BB8E 0%, #F1CD9E 100%);
	font-size: 16px;
	color: #333;
	text-align: center;
	border-radius: 5px;
	position: relative;
}

#new-header .nav-list.qytq-list .open-vip span {
	display: inline-block;
	padding: 0 8px;
	white-space: nowrap;
	height: 20px;
	background: linear-gradient(90deg, #EE8F50 0%, #dd572c 100%);
	border-radius: 3px;
	position: absolute;
	top: -10px;
	right: -15px;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}

#new-header .nav-list.qytq-list .open-vip span.double11 {
	background: #ff583d;
	font-size: 14px;
}

#new-header .nav-list.qytq-list .open-vip:hover {
	background: linear-gradient(332deg, #F7D5AF 0%, #F7DAB4 100%);
}

#new-header .nav-list.qytq-list .b {
	font-size: 12px;
	color: #999;
	padding-top: 12px;
	text-align: center;
}

#new-header .user-info .info-m .user-i .user-t .day-check-button {
	padding: 0 13px;
	height: 20px;
	border-radius: 10px;
	background: #ffd500;
	color: #666;
	font-size: 12px;
	line-height: 20px
}

#new-header .user-info .info-m .user-i .user-t .day-check-button.ed {
	background: #ddd
}

#new-header .user-info .info-m .a-link-pugc,#new-header .user-info .info-m .user-vip-info,#new-header .user-info .info-m .user-work-info {
	padding-left: 48px;
	height: 43px;
	border-top: 1px #ddd solid;
	line-height: 42px;
	position: relative;
	display: block;
}

#new-header .user-info .info-m .a-link-pugc:hover,#new-header .user-info .info-m .user-vip-info:hover,#new-header .user-info .info-m .user-work-info:hover {
	background: #F8F8F8;
	color: #E3AD13;
}

#new-header .user-info .info-m .a-link-pugc .s1 {
	width: 17px;
	height: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAACXBIWXMAAAsSAAALEgHS3X78AAAA/UlEQVQ4ja2SMU7DUAyGP1DFzMDAGImD0AMw9Ag5QH4pnIDcACQfoDCzlBuUG/QIZWCs1BUxBBk5JUpjRCQsWXr28/vy285J27ZkJqnwKzPbpkXAKETSObACriP1CizMbD8GOU3gdQCewv38kCmZJfm5f93MSn7aKqZCHoGlpDJiV3I7FbKKlpYRv0Vu1H6bSV++D7qOgR/Z0XYkeSuLAK0D4MAmSubDLc0GgDIAxaBwI8mBm4A3/XffSqLgErgCPoGPpM2z8Hdg2/07nZI6fAc8ZwMMuwEuvP6g1pW4V1XVuHdx5lG37t9n25lk/wLpb8f7u5d094d3L4cT8AXxSnguXD5WdQAAAABJRU5ErkJggg==);
	background-size: cover;
	position: absolute;
	left: 19px;
	top: 13px
}

#new-header .user-info .info-m .a-link-pugc:hover .s1 {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAABG0lEQVQ4ja2SMU7DQBBFnxGiNhIFpSUOYG5ADkDhI+QIpsp2uHQquEGgThNuEG7gvQEUlCjbIgqjyU7AYZYEJL400u7sn++Z+c4A+r4nheBdIem8bJ8Sz2tkWUZSJHiXAwvgQlOPQJWXbUiJHBjpiFoF7jXkfGtYikOTiRjJ1/OyHfM1VmFYe0TugFnwbqx36eTKsPaILHSkmd6fNZfErp0M25dF17pwA+NO8E5GqVRoqQIi2ChlNHRJ3NkaR3cgAsU3O7vgnQh2Kt4M69adrLqJEE6BM+AdeDM9RxxpvADyA1bH59Ow6aTWeAXmpnQbl8CJ8GO30/goO1l1k0ZCzrtCecsNR/CTO3/Cv4gM3RE3boJ317+oe/g8AR+4i3Znn8eUegAAAABJRU5ErkJggg==)
}

#new-header .user-info .info-m .user-vip-info .s1 {
	position: absolute;
	left: 18px;
	top: 13px;
	width: 18px;
	height: 15px;
	background: url(/assets/revision/images/base-icon.v90.png) -730px -165px;
}

#new-header .user-info .info-m .a-link-pugc .s3,#new-header .user-info .info-m .user-vip-info .s3,#new-header .user-info .info-m .user-work-info .s3 {
	font-size: 12px;
	color: #999;
	padding-left: 10px;
}

#new-header .user-info .info-m .a-link-pugc:hover .s3,#new-header .user-info .info-m .user-vip-info:hover .s3,#new-header .user-info .info-m .user-work-info:hover .s3 {
	color: #E3AD13;
}

#new-header .user-info .info-m .user-vip-info:hover .s1 {
	background-position: -771px -165px;
}

#new-header .user-info .info-m .group-vip-info {
	border-top: 1px #DDDDDD solid;
	height: 44px;
}

#new-header .user-info .info-m .group-vip-info a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 48px;
	line-height: 42px;
	color: #666;
	width: 50%;
}

#new-header .user-info .info-m .group-vip-info a:hover {
	color: #E3AD13;
}

#new-header .user-info .info-m .group-vip-info a:nth-child(1) {
	border-right: 1px #ddd solid;
}

#new-header .user-info .info-m .group-vip-info a i {
	position: absolute;
	background: url(/assets/revision/images/base-icon.v90.png);
}

#new-header .user-info .info-m .group-vip-info a i.home-icon {
	background-position: -731px -276px;
	width: 17px;
	height: 18px;
	left: 18px;
	top: 11px;
}

#new-header .user-info .info-m .group-vip-info a i.user-icon {
	background-position: -732px -300px;
	width: 19px;
	height: 17px;
	left: 17px;
	top: 12px;
}

#new-header .user-info .info-m .group-vip-info a:hover i.home-icon {
	background-position: -754px -276px;
}

#new-header .user-info .info-m .group-vip-info a:hover i.user-icon {
	background-position: -755px -300px;
}

#new-header .user-info .info-m .user-vip-download {
	padding-left: 48px;
	height: 43px;
	border-top: 1px #ddd solid;
	line-height: 42px;
	position: relative;
	display: block;
}

#new-header .user-info .info-m .user-vip-download:hover {
	background: #F8F8F8;
	color: #E3AD13;
}

#new-header .user-info .info-m .user-vip-download .s1 {
	position: absolute;
	left: 20px;
	top: 13px;
	width: 14px;
	height: 18px;
	background: url(/assets/revision/images/base-icon.v90.png) -730px -126px;
}

#new-header .user-info .info-m .user-vip-download .s3 {
	font-size: 12px;
	color: #999;
	padding-left: 10px;
}

#new-header .user-info .info-m .user-vip-download:hover .s3 {
	color: #E3AD13;
}

#new-header .user-info .info-m .user-vip-download:hover .s1 {
	background-position: -771px -126px;
}

#new-header .user-info .info-m .user-flag {
	padding-left: 48px;
	height: 43px;
	border-top: 1px #ddd solid;
	line-height: 42px;
	position: relative;
	display: block
}

#new-header .user-info .info-m .user-flag:hover {
	background: #f8f8f8;
	color: #e3ad13
}

#new-header .user-info .info-m .user-flag .s1 {
	position: absolute;
	left: 16px;
	top: 10px;
	width: 22px;
	height: 24px;
	background: url(/assets/revision/images/activity/2022flag/icon-v2.png) -135px -4px
}

#new-header .user-info .info-m .user-flag .s3 {
	font-size: 12px;
	color: #999;
	padding-left: 10px
}

#new-header .user-info .info-m .user-flag:hover .s3 {
	color: #e3ad13
}

#new-header .user-info .info-m .user-flag .s3 i {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 16px;
	background: url(/assets/revision/images/base-icon.v90.png) -68px -27px;
	margin: 8px 0 0 4px
}

#new-header .user-info .info-m .user-work-info .s1 {
	position: absolute;
	left: 19px;
	top: 14px;
	width: 16px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) -750px -109px
}

#new-header .user-info .info-m .user-work-info:hover .s1 {
	background-position: -771px -109px
}

#new-header .app-d {
	position: relative;
	margin-right: 20px;
	height: 60px
}

#new-header .app-d .app-icon {
	margin: 10px auto 5px;
	width: 20px;
	height: 21px;
	background: url(/assets/revision/images/base-icon.v90.png) -12px -44px
}

#new-header .app-d .app-txt {
	color: #999;
	text-align: center
}

#new-header .app-d .app-icon i {
	position: absolute;
	top: 9px;
	right: -3px;
	padding: 0 2.5px;
	height: 13px;
	border-radius: 2px;
	background: #f53500;
	color: #fff;
	font-size: 12px;
	line-height: 12px
}

#new-header .app-d .app-download {
	position: absolute;
	top: 60px;
	left: -59px;
	z-index: 5;
	display: none;
	padding: 18px 0 15px;
	width: 174px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	text-align: center
}

#new-header .app-d .app-download .code-img {
	margin: 0 auto;
	width: 90px;
	height: 90px;
	background: url(/assets/revision/images/base-icon.v90.png) -345px 0
}

#new-header .app-d .app-download p {
	margin-top: 5px;
	color: #666;
	font-size: 14px;
	line-height: 22px
}

#new-header .app-d .app-download .app-box-r a {
	display: inline-block;
	margin-top: 5px;
	width: 112px;
	height: 34px;
	border-radius: 17px;
	background: #ffd305;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	transition: all .2s
}

#new-header .app-d .app-download a:hover {
	opacity: .8
}

#new-header .app-d .sj {
	top: 54px;
	display: none;
	border-bottom: 6px #fff solid;
	border-left-width: 4px;
	border-right-width: 4px
}

#new-header .app-d:hover .app-icon {
	background-position: -33px -44px
}

#new-header .app-d:hover .app-txt {
	color: #ffd500
}

#new-header .app-d:hover .app-download,#new-header .app-d:hover .sj {
	display: block
}

#new-header .design-course .nav-m {
	display: none
}

#new-header .nav-list .nav-t .hot {
	position: absolute;
	top: 8px;
	right: 0;
	width: 29px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -118px
}

#new-header .nav-list .down-icon {
	display: inline-block;
	margin-left: 6px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(-45deg);
	vertical-align: 3px;
	transition: all .2s
}

#new-header .nav-list:hover .down-icon {
	border-color: #e3ad13;
	transform: rotate(135deg);
	vertical-align: 0
}

#new-header .nav-list.bwidth:hover {
	width: auto
}

#new-header .nav-list.bwidth:hover .nav-t:before {
	left: 0;
	width: 100%
}

#new-header .nav-list .dian span {
	margin: 0 3.5px
}

#new-header .nav-list.bwidth .nav-t:before {
	left: 50%
}

#new-header .nav-list .global-vip-drop {
	left: 145px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ddd;
	overflow: hidden
}

#new-header .nav-list .classify-vip-drop {
	left: -361px
}

#new-header .nav-list .top-con .course-con.rjrm-wrap {
	padding: 0;
	overflow: hidden;
	width: 923px;
	height: 590px;
	border: 1px #e7e7e7 solid;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #fff;
	box-shadow: none
}

#new-header .nav-list .rjrm-wrap .t {
	position: relative;
	height: 60px;
	border-bottom: 1px #e7e7e7 solid;
	background: #f8f8f8
}

#new-header .nav-list .rjrm-wrap .t .ch-link {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 120px;
	height: 36px;
	border-radius: 5px;
	background: #ffd500;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	transition: all .2s
}

#new-header .nav-list .rjrm-wrap .t .ch-link:hover {
	opacity: .8
}

#new-header .nav-list .rjrm-wrap .t .class-data {
	overflow: hidden;
	padding-top: 10px;
	height: 50px;
	padding-left: 6px;
}

#new-header .nav-list .rjrm-wrap .t .class-data p {
	float: left;
	padding: 0 14px;
	height: 40px;
	line-height: 40px;
	border-left: 1px #ddd solid;
}

#new-header .nav-list .rjrm-wrap .t .class-data p:nth-child(1) {
	border: none;
	justify-content: space-between
}

#new-header .nav-list .rjrm-wrap .t .class-data p i {
	color: #ff583d
}

#new-header .nav-list .rjrm-wrap .t .class-data p .s1,#new-header .nav-list .rjrm-wrap .t .class-data p .s2 {
	color: #717171;
	font-size: 16px
}

#new-header .nav-list .rjrm-m {
	position: relative;
	padding-left: 295px
}

#new-header .nav-list .rjrm-l {
	position: absolute;
	top: 0;
	left: 0;
	height: 317px
}

#new-header .nav-list .rjrm-l .list {
	padding: 15px 14px 15px 20px;
	width: 295px;
	height: 69px;
	border-right: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid
}

#new-header .nav-list .rjrm-l .list .rj-icon {
	margin-right: 11px;
	width: 38px;
	height: 38px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

#new-header .nav-list .rjrm-l .list:nth-child(1) .rj-icon {
	background-position: 0 -133px
}

#new-header .nav-list .rjrm-l .list:nth-child(4) .rj-icon {
	background-position: -39px -133px
}

#new-header .nav-list .rjrm-l .list:nth-child(2) .rj-icon {
	background-position: -79px -133px
}

#new-header .nav-list .rjrm-l .list:nth-child(3) .rj-icon {
	background-position: -119px -133px
}

#new-header .nav-list .rjrm-l .list:nth-child(5) .rj-icon {
	background-position: -159px -133px
}

#new-header .nav-list .rjrm-l .list p {
	overflow: hidden;
	width: 205px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	transition: color .2s
}

#new-header .nav-list .rjrm-l .list:hover p {
	color: #ff8300
}

#new-header .nav-list .rjrm-l .list>a {
	display: block;
	height: 63px
}

#new-header .nav-list .rjrm-l .list p .num {
	padding-left: 8px;
	color: #999;
	font-size: 12px
}

#new-header .nav-list .rjrm-l .list p .line {
	display: inline-block;
	margin: 0 8px;
	width: 1px;
	height: 12px;
	background: #ddd;
	vertical-align: -1px
}

#new-header .nav-list .rjrm-lr {
	float: left;
	width: 180px
}

#new-header .nav-list .rjrm-lr .list {
	padding: 15px 14px 15px 20px;
	width: 180px;
	height: 69px;
	border-right: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid
}

#new-header .nav-list .rjrm-lr .list span.fl {
	margin-right: 11px;
	width: 38px;
	height: 38px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

#new-header .nav-list .rjrm-lr .list:nth-child(1) .span-icon {
	background-position: -483px 0
}

#new-header .nav-list .rjrm-lr .list:nth-child(2) .span-icon {
	background-position: -483px -39px
}

#new-header .nav-list .rjrm-lr .list:nth-child(3) .span-icon {
	background-position: -483px -78px
}

#new-header .nav-list .rjrm-lr .list:nth-child(4) .span-icon {
	background-position: -483px -117px
}

#new-header .nav-list .rjrm-lr .list:nth-child(5) .span-icon {
	background-position: -483px -156px
}

#new-header .nav-list .rjrm-lr .list span.excel-icon {
	background-position: -483px 0
}

#new-header .nav-list .rjrm-lr .list span.ppt-icon {
	background-position: -483px -39px
}

#new-header .nav-list .rjrm-lr .list span.word-icon {
	background-position: -483px -78px
}

#new-header .nav-list .rjrm-lr .list span.premiere-icon {
	background-position: -483px -117px
}

#new-header .nav-list .rjrm-lr .list span.ds-icon {
	background-position: -483px -156px
}

#new-header .nav-list .rjrm-lr .list p {
	overflow: hidden;
	width: 90px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	transition: color .2s
}

#new-header .nav-list .rjrm-lr .list:hover p {
	color: #ff8300
}

#new-header .nav-list .rjrm-lr .list>a {
	display: block;
	height: 63px
}

#new-header .nav-list .rjrm-lr .list p .num {
	color: #999;
	font-size: 12px
}

#new-header .nav-list .rjrm-r {
	float: left;
	padding-top: 11px;
	width: 330px
}

#new-header .nav-list .rjrm-r a {
	display: block;
	color: #666;
	line-height: 33px;
	transition: color .2s
}

#new-header .nav-list .rjrm-r a:hover {
	color: #ff8300
}

#new-header .nav-list .rjrm-wrap .rjrm-main {
	height: 490px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list {
	width: 120px;
	height: 100%;
	border-right: 1px solid #E1E1E1;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list ul li {
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	color: #3A3A3A;
	text-align: center;
	position: relative;
	border-top: 1px solid #ddd;
	cursor: pointer;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list ul li:first-child {
	border-top: 0;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list ul li.on,#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list ul li:hover {
	background-color: #F2CA21
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-list ul li a {
	color: #333
}

#new-header .nav-list .rjrm-wrap .rjrm-main em.iconTips {
	text-align: center;
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 10px;
	color: #fff;
	border-radius: 3px;
	width: 30px;
	height: 14px;
	line-height: 14px
}

#new-header .nav-list .rjrm-wrap .rjrm-main em.iconTips i {
	display: block;
	position: relative;
	z-index: 1;
	transform: scale(.8);
	-ms-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-moz-transform: scale(.8)
}

#new-header .nav-list .rjrm-wrap .rjrm-main em.hot,#new-header .nav-list .rjrm-wrap .rjrm-main em.new {
	font-weight: 400;
	background: #ff583d
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain {
	width: 800px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain.over-y {
	width: 800px !important;
	height: 490px;
	overflow-y: auto
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain.over-y::-webkit-scrollbar {
	width: 6px;
	color: #999
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain.over-y::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #666
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .hot-list .list-l {
	width: 182px;
	height: 220px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-left: 15px;
	margin-top: 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .hot-list .list-l .d-title {
	font-size: 14px;
	color: #666;
	background-color: #F8F8F8;
	border-radius: 5px 5px 0 0;
	line-height: 36px;
	height: 36px;
	border-bottom: 1px solid #ddd;
	padding: 0 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .hot-list .list-l .d-title a {
	font-size: 12px;
	color: #999;
	line-height: 14px;
	margin-top: 11px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .hot-list .list-l .d-title a:hover {
	color: #e3ad13
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .hot-list .list-l .d-cont {
	padding: 0 15px;
	margin-top: 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 {
	line-height: 24px;
	margin-bottom: 6px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .coverImg {
	width: 24px;
	height: 24px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 img {
	width: 100%;
	height: 100%;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .name {
	position: relative;
	margin-left: 10px;
	line-height: 24px;
	height: 24px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .name .iconTips {
	top: -10px;
	right: 0;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .name b,#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .name a {
	font-weight: 400;
	font-size: 14px;
	color: #666;
	max-width: 116px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list li:hover .name b,#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t1 .name:hover a {
	color: #E3AD13
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t2 {
	font-size: 12px;
	color: #666;
	line-height: 12px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .m-cont .t2 i {
	color: #ddd;
	padding: 0 8px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list {
	padding: 17px 0 17px 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-title {
	font-size: 16px;
	color: #666;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-title span {
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list {
	margin-left: -14px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list li {
	float: left;
	width: 182px;
	height: 70px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 15px;
	margin-left: 13px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list li>a {
	display: block;
	padding: 14px 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list li.l-more {
	font-size: 14px;
	color: #666;
	background-color: #F8F8F8;
	text-align: center;
	line-height: 42px;
	padding: 14px 15px;
}

#new-header .nav-list .rjrm-wrap .rjrm-main .rjrm-rMain .com-list .t-list li:hover {
	border-color: #E3AD13
}

#new-header .nav-list .rjrm-wrap .more-soft {
	border-top: 1px solid #ddd;
}

#new-header .nav-list .rjrm-wrap .more-soft a {
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #666;
	background-color: #fff;
}

#new-header .nav-list .rjrm-wrap .more-soft a:hover {
	background-color: #f8f8f8
}

#new-header .nav-list .rjrm-one {
	overflow: hidden;
	padding: 0 8px 0 24px;
	width: 166px;
	text-overflow: ellipsis;
	white-space: nowrap
}

#new-header .nav-list .top-con .course-con.sjjc-wrap {
	left: -93px;
	overflow: hidden;
	padding: 0;
	width: 800px;
	height: auto;
	border: 1px #ddd solid;
	background: #fff;
	box-shadow: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t {
	position: relative;
	height: 60px;
	border-bottom: 1px #ddd solid;
	background: #f8f8f8
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .ch-link {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 138px;
	height: 36px;
	border-radius: 5px;
	background: #ffd500;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	transition: all .2s
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .ch-link:hover {
	opacity: .8
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data {
	overflow: hidden;
	padding-top: 12px
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p {
	float: left;
	display: flex;
	padding: 0 20px;
	height: 36px;
	flex-direction: column;
	justify-content: center
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p i {
	color: #ff583d
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t .class-data p .s1 {
	color: #333;
	font-size: 16px
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-t small {
	font-size: 14px;
	color: #999;
	position: absolute;
	height: 60px;
	line-height: 60px;
	right: 180px;
	top: 0
}

#new-header .nav-list .top-con .course-con.sjjc-wrap .sjjc-m {
	position: relative
}

#new-header .nav-list .sjjc-wrap .list {
	width: 210px;
	height: 66px
}

#new-header .nav-list .sjjc-wrap .list .list-l {
	position: relative;
	padding: 15px 0 0 20px;
	width: 100%;
	height: 100%;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	transition: background .2s
}

#new-header .nav-list .sjjc-wrap .list .list-l:before {
	content: '';
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	transform: rotate(-45deg);
	position: absolute;
	top: 30px;
	right: 15px
}

#new-header .nav-list .sjjc-wrap .list .list-l .p1 {
	color: #666;
	font-size: 14px
}

#new-header .nav-list .sjjc-wrap .list .list-l .p1 a:hover {
	text-decoration: underline
}

#new-header .nav-list .sjjc-wrap .list .list-l .p2 {
	padding-top: 10px;
	color: #999;
	font-size: 12px
}

#new-header .nav-list .sjjc-wrap .list .list-l .p2 span {
	padding-right: 8px
}

#new-header .nav-list .sjjc-wrap .list:last-child .list-l {
	border-bottom: 0
}

#new-header .nav-list .sjjc-wrap .list.active .list-l {
	background: #f2ca21;
	cursor: pointer
}

#new-header .nav-list .sjjc-wrap .list.active .list-l .p1,#new-header .nav-list .sjjc-wrap .list.active .list-l .p1 a {
	color: #333
}

#new-header .nav-list .sjjc-wrap .list.active .list-l .p2 {
	color: #666
}

#new-header .nav-list .sjjc-wrap .list .list-r {
	position: absolute;
	top: 0;
	left: 210px;
	padding: 0 20px;
	width: 588px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	display: none
}

#new-header .nav-list .sjjc-wrap .list .list-r::-webkit-scrollbar {
	width: 6px;
	color: #999
}

#new-header .nav-list .sjjc-wrap .list .list-r::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #666
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd {
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	margin-top: 22px
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-t {
	padding-bottom: 20px;
	color: #999
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl.dl-2 .dd-t {
	padding-top: 20px
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl.dl-2 .dd-li {
	width: 103%
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-t a {
	font-size: 14px;
	color: #666;
	margin-right: 5px;
	transition: all .2s
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-b {
	max-height: 54px;
	overflow: hidden
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-b a {
	display: inline-block;
	margin-right: 17px;
	margin-bottom: 15px;
	color: #999;
	transition: all .2s
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-b a:hover,#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-t a:hover {
	color: #e3ad13
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-l {
	display: inline-block;
	width: 170px;
	height: 36px;
	padding: 0 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 34px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-right: 14px;
	margin-bottom: 20px
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-l:nth-child(3n+3) {
	margin-right: 0
}

#new-header .nav-list .sjjc-wrap .list .list-r .dl .dd-l:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

#new-header .nav-list .sjjc-wrap .list.active .list-r {
	display: block
}

#new-header .nav-list.sjjc-list {
	height: 60px;
	overflow: hidden
}

#new-header .nav-list.sjjc-list:hover {
	height: auto;
	overflow: visible
}

#new-header .nav-list .top-con .course-con.zybg-wrap {
	overflow: hidden;
	padding: 0;
	width: 760px;
	height: 414px;
	border: 1px #e7e7e7 solid;
	background: #fff;
	box-shadow: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t {
	position: relative;
	height: 74px;
	border-bottom: 1px #e7e7e7 solid;
	background: #f8f8f8
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .ch-link {
	position: absolute;
	top: 16px;
	right: 14px;
	width: 120px;
	height: 40px;
	border-radius: 4px;
	background: #ff660d;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	transition: all .2s
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .ch-link:hover {
	opacity: .8
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .class-data {
	overflow: hidden;
	padding-top: 14px;
	height: 59px
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .class-data p {
	float: left;
	display: flex;
	padding: 0 18px;
	height: 45px;
	flex-direction: column;
	justify-content: center
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .class-data p i {
	color: #FF701D
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-t .class-data p .s1 {
	color: #666;
	font-size: 18px
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m {
	padding: 0 20px
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .box {
	position: relative;
	border-bottom: 1px #ddd solid;
	padding-left: 180px;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .box:last-child {
	border-bottom: none;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .more-btn {
	position: absolute;
	right: 0;
	bottom: 20px;
	font-size: 12px;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 20px;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 a {
	font-size: 16px;
	color: #666;
	position: relative;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 i {
	font-weight: 400;
	background: #ff701d;
	text-align: center;
	position: absolute;
	right: -35px;
	top: -5px;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
	width: 30px;
	height: 14px;
	line-height: 14px
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 i:after {
	content: 'HOT';
	display: block;
	position: relative;
	z-index: 1;
	transform: scale(.7);
	-ms-transform: scale(.7);
	-webkit-transform: scale(.7);
	-o-transform: scale(.7);
	-moz-transform: scale(.7)
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 .con-new:after {
	content: 'NEW'
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 i:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -4px;
	bottom: 0;
	border-style: solid;
	border-width: 0 0 6px 8px;
	border-color: transparent transparent #ff701d transparent
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .h3 a:hover {
	color: #E3AD13
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .data {
	font-size: 12px;
	padding-top: 15px;
	color: #666
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .t .data span {
	color: #666
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .m {
	padding: 10px 0;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .m a {
	display: inline-block;
	line-height: 32px;
	padding-right: 20px;
}

#new-header .nav-list .top-con .course-con.zybg-wrap .zybg-m .m.bookTagsContent {
	overflow: hidden;
	height: 83px;
}

#new-header .nav-list .top-con .course-con.zybg-wrap a {
	color: #666
}

#new-header .nav-list .top-con .course-con.zybg-wrap a:hover {
	color: #E3AD13
}

#new-header .nav-list .top-con .course-con.lxsz-wrap {
	overflow: hidden;
	padding: 0;
	width: 760px;
	left: -279px;
	border: 1px #e7e7e7 solid;
	background: #fff;
	box-shadow: none;
	border-radius: 0 0 5px 5px
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain {
	width: 720px;
	margin: 0 auto;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop {
	line-height: 20px;
	padding: 20px 0;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop i {
	width: 25px;
	height: 20px;
	margin-top: -1px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop i.xlyIcon {
	background-position: -205px -131px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop i.gkkIcon {
	background-position: -234px -131px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop.dbt1 {
	border-top: 1px solid #ddd;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop .fs1 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin: 0 10px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop .fs2 {
	font-size: 14px;
	color: #999;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop .fs3 {
	font-size: 14px;
	color: #999;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dtop .fs3:hover {
	color: #E3AD13
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist {
	margin-left: -40px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li {
	float: left;
	margin-bottom: 20px;
	width: 340px;
	margin-left: 40px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg {
	position: relative;
	display: block;
	border-radius: 5px;
	width: 100px;
	height: 60px;
	overflow: hidden;
	box-shadow: 0 0 0 1px #ddd
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg img {
	width: 100%;
	height: 100%
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -490px;
	position: absolute;
	-webkit-transform: scale(1);
	transform: scale(1)
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg:hover .play-cover {
	opacity: 1;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listImg:hover .play-cover:before {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain {
	width: 225px;
	padding-top: 7px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dh5 {
	line-height: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 17px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dh5 a {
	color: #333;
	font-size: 16px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dh5 a:hover {
	color: #E3AD13
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dcont {
	font-size: 14px;
	color: #999;
	margin-left: -15px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dcont span {
	margin-left: 15px;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dmain .dlist li .listMain .dcont span.onSty {
	color: #FC583D;
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dfot {
	background-color: #f8f8f8;
	height: 66px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #ddd
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dfot a {
	float: left;
	width: 718px;
	height: 36px;
	line-height: 36px;
	background: rgba(255,255,255,1);
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid rgba(221,221,221,1);
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 16px
}

#new-header .nav-list .top-con .course-con.lxsz-wrap .dfot a:hover {
	background-color: #ffd500;
	border-color: #ffd500;
	color: #333
}

#new-header .nav-list.cztk-list .nav-t .lab-hot {
	padding: 0 5px;
	height: 16px;
	background: #ff583d;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	right: -5px;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	color: #fff;
	font-weight: 400
}

#new-header .nav-list.cztk-list .nav-t .lab-hot small {
	display: inline-block;
	width: 30px;
	font-size: 12px;
	transform: scale(.8);
	margin-left: -3px;
	margin-right: -7px
}

#new-header .nav-list .career-nav {
	width: 737px;
	border-radius: 0 0 5px 5px;
	background: #fff;
	border: 1px #ddd solid;
	left: -186px
}

#new-header .nav-list .career-nav .t {
	height: 60px;
	line-height: 60px;
	background: #f8f8f8;
	font-size: 16px;
	color: #717171;
	padding: 0 26px
}

#new-header .nav-list .career-nav .t span {
	color: #ff660d
}

#new-header .nav-list .career-nav .t .right-a {
	display: block;
	width: 138px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	background: #ffd500;
	margin-top: 12px;
	transition: all .2s
}

#new-header .nav-list .career-nav .t .right-a:hover {
	opacity: .8
}

#new-header .nav-list .career-nav .career-cont {
	border-top: 1px solid #ddd
}

#new-header .nav-list .career-nav .top-list {
	padding: 20px 25px 0
}

#new-header .nav-list .career-nav .top-list .li {
	display: block;
	width: 121px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5px;
	margin: 0 20px 20px 0;
	transition: all .2s
}

#new-header .nav-list .career-nav .top-list .li:nth-child(5n+5) {
	margin-right: 0
}

#new-header .nav-list .career-nav .top-list .li:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

#new-header .nav-list .career-nav .bottom-list {
	padding: 0 25px
}

#new-header .nav-list .career-nav .bottom-list .li {
	display: block;
	width: 215px;
	height: 52px;
	line-height: 50px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
	margin: 0 20px 20px 0;
	transition: all .2s;
	position: relative;
	padding: 0 5px 0 60px
}

#new-header .nav-list .career-nav .bottom-list .li:nth-child(3n+3) {
	margin-right: 0
}

#new-header .nav-list .career-nav .bottom-list .li:hover {
	background: #fdf6d2;
	border-color: #fdf6d2;
	box-shadow: 0 2px 6px 1px rgba(34,23,20,.14);
	transform: translateY(-3px)
}

#new-header .nav-list .career-nav .bottom-list .li img {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 15px
}

#new-header .nav-list .career-nav .bottom-list .li span {
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#footer .flogo a {
	display: block;
	width: 225px;
	height: 60px;
	background: url(footlogo.png);
	background-size: cover
}

#footer .pos-code dl dt {
	overflow: hidden;
	width: 80px;
	height: 80px;
	border-radius: 4px
}

#footer .pos-code dl dt.app-code {
	background: url(/assets/revision/images/logo/download_app_type2.png) no-repeat center/cover;
}

#footer .pos-code dl dt.wchat-code {
	background: url(/assets/revision/images/logo/sidebar.png) no-repeat center/cover
}

#footer .pos-code dl dd .wchat-icon {
	background: url(/assets/revision/images/base-icon.v90.png) -23px -597px
}

#footer .keep-record .wangan {
	display: inline-block;
	margin-right: 8px;
	width: 19px;
	height: 20px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -597px;
	vertical-align: -5px
}

#footer .copyRight .kexin {
	display: inline-block;
	margin-left: 20px;
	width: 83px;
	height: 30px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -622px;
	vertical-align: -10px
}

#footer .copyRight .enterprise-highlight {
	display: inline-block;
	margin-left: 20px;
	width: 26px;
	height: 30px;
	background: url(/assets/revision/images/public/huke-highlight.png);
	background-size: 100%;
	vertical-align: -9px
}

.hk-head-nav-recharge a {
	position: relative;
	display: block;
	margin-left: 16px;
	height: 60px;
	color: #999;
	font-size: 18px;
	line-height: 60px
}

#footer {
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px;
	background: #f8f8f8;
	color: #999
}

#footer a {
	font-size: 12px;
	color: #999;
	transition: all .2s
}

#footer a:hover {
	color: #e3ad13
}

#footer .flogo {
	padding: 36px 0 30px
}

#footer .our-link {
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px
}

#footer .our-link a {
	display: inline-block;
	font-size: 14px;
	color: #666;
	margin-right: 30px
}

#footer .our-link a:hover {
	color: #e3ad13
}

#footer .color-bg {
	background: #f8f8f8
}

#footer .friends-link {
	height: 42px;
	line-height: 42px
}

#footer .friends-link a {
	display: inline-block;
	font-size: 12px;
	margin: 0 8px 0 22px
}

#footer .keep-record {
	height: 42px;
	line-height: 42px;
	font-size: 12px
}

#footer .keep-record .gov {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	height: 12px;
	border-right: 1px #999 solid;
	line-height: 10px
}

#footer .keep-record .gov:last-child {
	border-right: 0
}

#footer .keep-record .ga img {
	padding-right: 10px;
	vertical-align: -4px
}

#footer .copyRight {
	height: 42px;
	line-height: 42px;
	font-size: 12px
}

#footer .kfqq {
	margin-left: 30px
}

#footer .copyRight .kfqq a:hover {
	color: #e3ad13
}

#footer .copyRight img {
	margin-left: 20px;
	vertical-align: middle
}

#footer .code-cont {
	position: relative
}

#footer .pos-code {
	position: absolute;
	top: 18px;
	right: 0
}

#footer .pos-code dl {
	margin-left: 40px;
	text-align: center
}

#footer .pos-code dl dt img {
	display: block;
	width: 94px;
	height: 94px;
	border-radius: 4px
}

#footer .pos-code dl dd {
	font-size: 12px;
	color: #666;
	padding-top: 10px
}

.guide-bottom {
	width: 100%;
	height: 120px;
	background: rgba(0,0,0,.7);
	position: fixed;
	z-index: 14;
	left: 0;
	bottom: -130px;
	transition: all .4s
}

.guide-bottom.ishow {
	bottom: 0
}

.guide-bottom .guide-logo {
	width: 180px;
	height: 62px;
	margin: 30px 40px 0 0;
	background: url(/assets/revision/images/guide-logo2022.png) no-repeat;
	background-size: cover;
}

.guide-bottom .guide-logo a {
	display: block;
	height: 100%;
}

.guide-bottom .layout-cont {
	position: relative
}

.guide-bottom .l-span {
	position: relative;
	padding-left: 40px;
}

.guide-bottom .l-span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 34px;
	height: 56px;
	background: #666666;
	width: 2px;
}

.guide-bottom .l-span span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #FFD500;
	padding: 30px 0 20px
}

.guide-bottom .l-span span i {
	color: #ffd500;
}

.guide-bottom .l-span small {
	font-size: 16px;
	color: #ddd
}

.guide-bottom .l-span small strong {
	font-weight: 400;
	color: #ffd500
}

.guide-bottom .r-login {
	padding-right: 40px
}

.guide-bottom .r-login span {
	font-size: 16px;
	color: #fff;
	line-height: 120px
}

.guide-bottom .r-login a {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin: 40px 15px 0;
	background: url(/assets/revision/images/base-icon.v90.png)
}

.guide-bottom .r-login a.login-qq {
	background-position: -327px -219px
}

.guide-bottom .r-login a.login-wechat {
	background-position: -372px -219px
}

.guide-bottom .r-login a.login-phone {
	background-position: -418px -219px
}

.guide-bottom .close {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top: 50px;
	right: 0
}

.guide-bottom .close:after,.guide-bottom .close:before {
	content: '';
	width: 14px;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 2px
}

.guide-bottom .close:before {
	transform: rotate(-45deg)
}

#footer .friends-link {
	position: relative
}

#footer .friends-link .slide-m {
	position: relative;
	overflow: hidden;
	width: 98.5%;
	height: 100%
}

#footer .friends-link .link-m {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	float: left;
	white-space: nowrap;
	transition: all .4s
}

#footer .friends-link .link-t span {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 18px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	transform: rotate(135deg)
}

#footer .color-bg:hover .link-t span {
	display: block
}

#footer .friends-link .link-t span:hover {
	border-color: #666
}

#footer .friends-link .link-t .next {
	right: 2px;
	transform: rotate(-45deg)
}

#footer .color-bg .friends-link .link-t .prev {
	left: -16px;
	display: none
}

#footer .friends-link .link-t span.stop {
	display: none
}

#new-header .nav-list .task-tips {
	position: absolute;
	top: 60px;
	left: -126px;
	padding: 0 7px 0 15px;
	height: 28px;
	border-radius: 14px;
	background: #ffeee1;
	color: #666;
	white-space: nowrap;
	line-height: 26px
}

#new-header .nav-list .task-tips:before {
	position: absolute;
	top: -12px;
	left: 158px;
	border: 6px transparent solid;
	content: "";
	border-bottom-color: #ffeee1
}

#new-header .nav-list .task-tips span {
	color: #ff5409
}

#new-header .nav-list .task-tips a {
	display: inline-block;
	margin-left: 7px;
	color: #ff5409;
	vertical-align: top;
	text-decoration: underline
}

#new-header .nav-list .task-tips .close {
	display: inline-block;
	margin-left: 18px;
	vertical-align: top;
	font-size: 18px;
	cursor: pointer
}

#new-header .tasked-tips {
	position: absolute;
	top: 59px;
	right: -8px;
	z-index: 3;
	padding: 0 14px;
	height: 28px;
	border: 1px #ddd solid;
	border-radius: 14px;
	background: #fff;
	color: #666;
	white-space: nowrap;
	line-height: 24px
}

#new-header .tasked-tips:before {
	position: absolute;
	top: -12px;
	left: 136px;
	border: 6px transparent solid;
	content: "";
	border-bottom-color: #fff
}

#new-header .tasked-tips a {
	display: inline-block;
	margin-left: 8px;
	color: #ff5409;
	vertical-align: top
}

#new-header .layout-cont {
	position: relative
}

#new-header .get-vip-win {
	position: absolute;
	right: -6px;
	top: 52px;
	width: 261px;
	height: 78px;
	background: url(/assets/revision/images/oneday-vip.png);
	padding: 46px 0 0 180px
}

#new-header .get-vip-win span {
	width: 65px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

[class*=vipIcon-] {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 57px;
	font-size: 50px
}

[class*=vipIcon-]:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/revision/images/update-all-vip-info/vip-icon.v2.png) no-repeat;
	background-size: 3em 3.32em;
	content: ""
}

[class*=vvipIcon-]:before {
	background-position: -2em 0
}

[class*=svipIcon-]:before {
	background-position: 0 0
}

.svipIcon-font,.vvipIcon-font {
	background: #f5c607
}

.svipIcon-poster,.vvipIcon-poster {
	background: #40b0ff
}

.svipIcon-c4d,.vvipIcon-c4d {
	background: #367dd5
}

.svipIcon-software,.vvipIcon-software {
	background: #ff7c00
}

.svipIcon-synthesize,.vvipIcon-synthesize {
	background: #6ebd6b
}

.svipIcon-image,.vvipIcon-image {
	background: #00a99d
}

.svipIcon-truing,.vvipIcon-truing {
	background: #b062a3
}

.svipIcon-photograph,.vvipIcon-photograph {
	background: #494166
}

.svipIcon-movies,.vvipIcon-movies {
	background: #d49688
}

.svipIcon-job,.vvipIcon-job {
	background: #00528e
}

.svipIcon-portrait,.vvipIcon-portrait {
	background: #ccb374
}

.svipIcon-printing,.vvipIcon-printing {
	background: #a68369
}

.svipIcon-illustrations,.vvipIcon-illustrations {
	background: #ea5442
}

.svipIcon-illustration,.vvipIcon-illustration {
	background: #ea5442
}

.svipIcon-store,.vvipIcon-store {
	background: #617f74
}

.svipIcon-packing,.vvipIcon-packing {
	background: #e5869a
}

.svipIcon-indoor,.vvipIcon-indoor {
	background: #74c4c4
}

.svipIcon-foreign,.vvipIcon-foreign {
	background: #fbb03b
}

.svipIcon-brand,.vvipIcon-brand {
	background: #00a2b9
}

.svipIcon-ui,.vvipIcon-ui {
	background: #eb4c8c
}

.svipIcon-work,.vvipIcon-work {
	background: #7e57c2
}

.svipIcon-book,.vvipIcon-book {
	background: #03AF7C
}

.svipIcon-student,.vvipIcon-student {
	background: #ce5777
}

.svipIcon-program,.vvipIcon-program {
	background: #067afe
}

.svipIcon-shortvideo,.vvipIcon-shortvideo {
	background: #F88451
}

.svipIcon-examination,.vvipIcon-examination {
	background: #c9d650
}

.svipIcon-foreignstudy,.vvipIcon-foreignstudy {
	background: #a9b6fd
}

.svipIcon-blender,.vvipIcon-blender {
	background: #0E548B
}

.hayui-hayer-content .qq-icon {
	display: inline-block;
	width: 70px;
	height: 19px;
	background: url(/assets/revision/images/base-icon.v90.png) -196px -732px;
	vertical-align: top
}

.proving-phone-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.proving-phone-win .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -210px;
	padding: 0 14px 30px;
	width: 420px;
	height: 370px;
	border-radius: 4px;
	background: #fff
}

.proving-phone-win .win-m .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-family: "宋体";
	cursor: pointer
}

.proving-phone-win .win-m .p1 {
	padding-top: 30px;
	text-align: center;
	font-size: 20px
}

.proving-phone-win .win-m .p2 {
	padding-top: 20px;
	color: #666;
	text-align: center;
	font-size: 16px
}

.proving-phone-win .win-m .phone-num {
	position: relative;
	margin: 30px 0 20px;
	padding-left: 44px;
	height: 25x;
	font-size: 18px;
	line-height: 26px
}

.proving-phone-win .win-m .phone-num .phone-icon {
	position: absolute;
	top: 0;
	left: 14px;
	width: 15px;
	height: 25px;
	background: url(/assets/revision/images/base-icon.v90.png) -95px -567px
}

::-webkit-input-placeholder {
	color: #ccc
}

.proving-phone-win .win-m .phone-code {
	margin-bottom: 20px;
	height: 48px
}

.proving-phone-win .win-m .phone-code .code-l {
	width: 256px
}

.proving-phone-win .win-m .phone-code .code-l input {
	padding: 0 14px;
	width: 256px;
	height: 48px;
	border: 1px #e8e8e8 solid;
	border-radius: 4px;
	line-height: 46px
}

.proving-phone-win .win-m .phone-code .code-r {
	overflow: hidden;
	width: 120px;
	height: 48px
}

.proving-phone-win .win-m .phone-yz {
	margin-bottom: 20px;
	height: 48px
}

.proving-phone-win .win-m .phone-yz .yz-l {
	width: 256px
}

.proving-phone-win .win-m .phone-yz .yz-l input {
	padding: 0 14px;
	width: 256px;
	height: 48px;
	border: 1px #e8e8e8 solid;
	border-radius: 4px;
	line-height: 46px
}

.proving-phone-win .win-m .phone-yz .yz-r {
	width: 120px;
	height: 48px
}

.proving-phone-win .win-m .phone-yz .yz-r .get-p {
	width: 100%;
	height: 48px;
	border: none;
	border: 1px #ffa900 solid;
	border-radius: 4px;
	background-color: #fff0d3;
	color: #ffa900;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
	transition: all .2s
}

.proving-phone-win .win-m .phone-yz .yz-r .get-p:hover {
	background-color: #fff8eb
}

.proving-phone-win .win-m .phone-yz .yz-r .get-p.ed {
	border: 1px #e8e8e8 solid;
	background-color: #e8e8e8;
	color: #999;
	cursor: not-allowed
}

.proving-phone-win .win-m .phone-btn {
	height: 48px;
	border-radius: 4px;
	background-color: #ffa900;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 44px;
	transition: all .2s
}

.proving-phone-win .win-m .phone-btn:hover {
	background-color: #ffb930;
	cursor: pointer
}

.proving-phone-win .win-m .error {
	position: relative;
	height: 62px
}

.proving-phone-win .win-m .error-txt {
	display: none
}

.proving-phone-win .win-m .error .error-txt {
	position: absolute;
	top: 55px;
	left: 15px;
	display: block;
	color: #f53500;
	line-height: 14px
}

.proving-phone-win .win-m .error input[type=text] {
	border-color: #f53500
}

.welfare-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.welfare-win .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -183px 0 0 -197px;
	padding: 296px 0 0 39px;
	width: 394px;
	height: 367px;
	background: url(/assets/revision/images/site/new-user-welfare.png) no-repeat
}

.welfare-win .win-m .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	cursor: pointer
}

.welfare-win .win-m a {
	float: left;
	margin-right: 20px;
	width: 148px;
	height: 40px
}

.welfare-win2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.welfare-win2 .win-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -210px;
	padding: 186px 0 0 285px;
	width: 419px;
	height: 520px;
	background: url(/assets/revision/images/site/new-user-welfare4.png) no-repeat
}

.welfare-win2 .win-m .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	cursor: pointer
}

.welfare-win2 .win-m a {
	display: block;
	margin-bottom: 57px;
	width: 84px;
	height: 33px;
	border-radius: 4px;
	background: #ff4745;
	color: #fff;
	text-align: center;
	line-height: 32px;
	transition: background .2s
}

.welfare-win2 .win-m a:hover {
	background: #ff605e
}

.article-show {
	background: #fff
}

.article-show .article-list {
	position: relative;
	padding: 25px 0;
	padding-left: 279px;
	border-bottom: 1px #ddd solid;
	transition: background .2s
}

.article-show .article-list:hover {
	background: #F8F8F8
}

.article-show .article-list .img {
	position: absolute;
	top: 25px;
	left: 0;
	overflow: hidden;
	width: 260px;
	height: 160px;
	border-radius: 6px
}

.article-show .article-list .img img {
	display: block;
	width: 100%;
	height: 100%
}

.article-show .article-list .img-r {
	height: 160px
}

.article-show .article-list .img-r .article-title {
	padding-top: 9px
}

.article-show .article-list .img-r .article-title span {
	display: inline-block;
	margin-right: 4px;
	width: 40px;
	height: 20px;
	border-radius: 3px;
	background: #FF583D;
	color: #fff;
	vertical-align: 2px;
	text-align: center;
	font-size: 12px;
	line-height: 20px
}

.article-show .article-list .img-r .article-title a {
	display: block;
	overflow: hidden;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px
}

.article-show .article-list .img-r .article-title a:hover {
	color: #FF583D;
	text-decoration: underline
}

.article-show .article-list .img-r .article-con {
	display: -webkit-box;
	overflow: hidden;
	padding-top: 10px;
	height: 58px;
	max-width: 85%;
	min-width: 350px;
	color: #999;
	text-overflow: ellipsis;
	line-height: 24px;
	-webkit-line-clamp: 2
}

.article-show .article-list .img-r .article-con a {
	color: #999
}

.article-show .article-list .img-r .article-info {
	padding-top: 32px;
	line-height: 30px
}

.article-show .article-list .img-r .article-info .avatar {
	width: 30px;
	height: 30px
}

.article-show .article-list .img-r .article-info .avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.article-show .article-list .img-r .article-info .name {
	overflow: hidden;
	margin-left: 10px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.article-show .article-list .img-r .article-info .name:hover {
	color: #FF583D
}

.article-show .article-list .img-r .article-info .time {
	padding-left: 20px;
	color: #999;
	font-size: 12px
}

.article-show .article-list .img-r .article-info .data-num {
	margin-left: 19px;
	color: #999;
	font-size: 12px
}

.article-show .article-list .img-r .article-info .data-num i {
	background: url(/assets/revision/images/base-icon.v90.png)
}

.article-show .article-list .img-r .article-info .view-num i {
	display: inline-block;
	margin-right: 4px;
	width: 19px;
	height: 14px;
	background-position: -532px 0;
	vertical-align: -3px
}

.article-show .article-list .img-r .article-info .comment-num i {
	display: inline-block;
	margin-right: 4px;
	width: 19px;
	height: 12px;
	background-position: -533px -21px;
	vertical-align: -1px
}

.article-show .article-list .img-r .article-info .good-num i {
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 15px;
	background-position: -532px -41px;
	vertical-align: -2px
}

.zhek-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.zhek-win .zhek-mask {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed
}

.zhek-win .zhek-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.zhek-body-m {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 588px;
	height: 571px;
	background: url(/assets/revision/images/activity/old-user/bg_zhekou.png) no-repeat;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.zhek-body-m .close-btn {
	position: absolute;
	top: -2px;
	right: 101px;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.zhek-body-m .change-txt {
	position: absolute;
	top: 275px;
	left: 160px
}

.zhek-body-m .change-txt .time-count-down {
	color: #ffd900;
	text-align: center;
	font-size: 44px
}

.zhek-body-m .change-txt .open-vip-btn {
	display: block;
	margin: 10px auto;
	width: 273px;
	height: 50px;
	background: #ffd900;
	color: #4b14ad;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	line-height: 50px
}

.side-zhek .opreate-m .open-link-btn:hover,.zhek-body-m .change-txt .open-vip-btn:hover {
	background: #f9e262
}

.side-zhek {
	position: absolute;
	top: 510px;
	left: 50%;
	z-index: 9;
	margin-left: -742px;
	width: 144px;
	height: 144px;
	background: url(/assets/revision/images/activity/old-user/side_bg_zk.png) no-repeat
}

.side-zhek .opreate-m {
	margin: 76px 0 0 30px
}

.side-zhek .opreate-m .count-down {
	color: #fff;
	font-size: 14px
}

.side-zhek .opreate-m .open-link-btn {
	display: block;
	margin-top: 5px;
	width: 84px;
	height: 25px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ffd900;
	color: #4b14ad;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px
}

.side-zhek.floor-fixed {
	position: fixed;
	top: 590px
}

.sale-win {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.sale-win .sale-mask {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed
}

.sale-win .sale-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.sale-body-m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -323px 0 0 -305px;
	width: 611px;
	height: 647px;
	background: url(/assets/revision/images/activity/old-user/bg_sale.png) no-repeat
}

.sale-body-m .close-btn {
	position: absolute;
	top: 110px;
	right: 74px;
	display: block;
	width: 38px;
	height: 38px;
	cursor: pointer
}

.sale-body-m .change-txt {
	position: absolute;
	top: 353px;
	left: 182px
}

.sale-body-m .change-txt .time-count-down {
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 56px
}

.sale-body-m .change-txt .open-vip-btn {
	display: block;
	margin: 10px auto;
	width: 320px;
	height: 60px;
	border-radius: 6px;
	background: #ffd900;
	color: #E9516F;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	line-height: 60px;
	transition: background .2s
}

.sale-body-m .change-txt .open-vip-btn:hover,.side-sale .opreate-m .open-link-btn:hover {
	background: #f9e262
}

.side-sale {
	position: fixed;
	top: 50%;
	right: 70px;
	z-index: 9;
	margin-top: -180px;
	width: 156px;
	height: 144px;
	background: url(/assets/revision/images/activity/old-user/side_bg_sale.png) no-repeat
}

.side-sale .opreate-m {
	margin: 82px 0 0 40px
}

.side-sale .opreate-m .count-down {
	color: #fff;
	font-size: 14px
}

.side-sale .opreate-m .open-link-btn {
	display: block;
	margin-top: 5px;
	width: 84px;
	height: 25px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ffd900;
	color: #E9516F;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	transition: background .2s
}

.side-sale .close-btn {
	position: absolute;
	top: 4px;
	right: 21px;
	width: 22px;
	height: 22px;
	cursor: pointer
}

.alert-share-mask,.sign-opt-mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

.sign-opt {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	margin-top: -265px;
	margin-left: -400px;
	width: 800px;
	height: 530px
}

.sign-opt .sign-opt-bg {
	width: 100%;
	height: 100%;
}

.sign-opt .sign-opt-bg .sign-opt-close {
	position: absolute;
	top: 0;
	right: 20px;
	width: 28px;
	height: 28px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background: #109BA6;
	cursor: pointer
}

.sign-opt .sign-opt-bg .sign-opt-close .icon-close {
	display: block;
	margin: 8px auto 0;
	width: 10px;
	height: 10px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat;
	background-position: -215px -532px
}

.sign-opt .sign-opt-bg .sign-opt-top {
	width: 100%;
	height: 69px;
	text-align: center
}

.sign-opt .sign-opt-bg .sign-opt-top .top-h3 {
	padding-top: 28px;
	color: #FFF;
	font-size: 22px
}

.sign-opt .sign-opt-bg .sign-opt-top {
	padding: 25px 0;
	color: #FFF;
	font-size: 18px;
	text-align: center;
}

.sign-opt .sign-opt-bg .sign-opt-top span {
	color: #F5EACC;
	font-weight: bold;
}

.sign-opt .sign-opt-bg .sign-opt-cont {
	position: relative;
	margin: 0 auto;
	width: 760px;
	height: 136px;
	padding: 0 20px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}

.sign-opt .sign-opt-bg .sign-opt-cont .cont-tleft {
	padding-top: 20px;
	color: #999;
	font-size: 14px
}

.sign-opt .sign-opt-bg .sign-opt-cont .cont-tleft .cont-tips {
	font-size: 16px;
	color: #666;
	padding-right: 10px;
}

.sign-opt .sign-opt-bg .sign-opt-cont .cont-tleft .cont-day {
	padding-right: 5px;
}

.sign-opt .sign-opt-bg .sign-opt-cont .cont-tleft .cont-year {
	padding-left: 5px
}

.sign-opt .sign-opt-bg .sign-opt-cont .cont-c {
	padding-top: 24px;
	color: #333;
	font-size: 18px;
	line-height: 30px;
	word-break: break-all;
}

.sign-opt .sign-opt-bg .sign-opt-cont .connt-bright {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #999;
	text-align: right;
	font-size: 14px
}

.sign-opt .sign-opt-bg .dmain {
	width: 760px;
	margin: 20px auto 0;
	background-color: #fff;
	padding: 0 20px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.sign-opt .sign-opt-bg .dmain .dtop {
	line-height: 20px;
	padding: 20px 0;
}

.sign-opt .sign-opt-bg .dmain .dtop i {
	width: 25px;
	height: 20px;
	margin-top: -1px;
	background: url(/assets/revision/images/base-icon.v90.png)
}

.sign-opt .sign-opt-bg .dmain .dtop i.xlyIcon {
	background-position: -205px -131px;
}

.sign-opt .sign-opt-bg .dmain .dtop i.gkkIcon {
	background-position: -234px -131px;
}

.sign-opt .sign-opt-bg .dmain .dtop.dbt1 {
	border-top: 1px solid #ddd;
}

.sign-opt .sign-opt-bg .dmain .dtop .fs1 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin: 0 10px;
}

.sign-opt .sign-opt-bg .dmain .dtop .fs2 {
	font-size: 14px;
	color: #999;
}

.sign-opt .sign-opt-bg .dmain .dtop .fs3 {
	font-size: 14px;
	color: #999;
}

.sign-opt .sign-opt-bg .dmain .dtop .fs3:hover {
	color: #FF660D;
}

.sign-opt .sign-opt-bg .dmain .dlist {
	margin-left: -40px;
}

.sign-opt .sign-opt-bg .dmain .dlist li {
	float: left;
	margin-bottom: 20px;
	width: 340px;
	margin-left: 40px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg {
	position: relative;
	display: block;
	border-radius: 5px;
	width: 100px;
	height: 60px;
	overflow: hidden;
	box-shadow: 0 0 0 1px #ddd
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg img {
	width: 100%;
	height: 100%
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -490px;
	position: absolute;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg:hover .play-cover {
	opacity: 1;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listImg:hover .play-cover:before {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain {
	width: 225px;
	padding-top: 7px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dh5 {
	line-height: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 17px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dh5 a {
	color: #333;
	font-size: 16px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dh5 a:hover {
	color: #FF660D;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dcont {
	font-size: 14px;
	color: #999;
	margin-left: -15px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dcont span {
	margin-left: 15px;
}

.sign-opt .sign-opt-bg .dmain .dlist li .listMain .dcont span.onSty {
	color: #FC583D;
}

.sign-opt .sign-opt-bg .top-con .course-con.lxsz-wrap .dfot {
	background-color: #f8f8f8;
	height: 66px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #ddd
}

.sign-opt .sign-opt-bg .top-con .course-con.lxsz-wrap .dfot a {
	float: left;
	width: 165px;
	height: 36px;
	line-height: 36px;
	background: rgba(255,255,255,1);
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid rgba(221,221,221,1);
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 16px
}

.sign-opt .sign-opt-bg .top-con .course-con.lxsz-wrap .dfot a:hover {
	background-color: #ffd500;
	border-color: #ffd500;
	color: #333
}

.sign-opt .share-to {
	margin-left: 182px;
	padding-top: 20px;
	color: #FFF;
	text-align: center;
	font-size: 16px
}

.sign-opt .share-to span {
	float: left;
	display: block;
	padding-top: 5px;
	padding-right: 12.5px
}

.sign-opt .share-to a {
	float: left;
	display: block;
	margin: 0 12.5px
}

.sign-opt .share-to .icon-wb {
	width: 28px;
	height: 22px;
	background: url(/assets/revision/images/course/share/wb.png) no-repeat center
}

.sign-opt .share-to .icon-wx {
	width: 29px;
	height: 23px;
	background: url(/assets/revision/images/course/share/wx.png) no-repeat center
}

.sign-opt .share-to .icon-qq {
	width: 22px;
	height: 23px;
	background: url(/assets/revision/images/course/share/qq.png) no-repeat center
}

.d-newBtn {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 30px;
	height: 1pc;
	border-radius: 3px;
	background-color: #f02c22;
	color: #fff;
	font-weight: 400;
	font-size: 9pt;
	line-height: 13px
}

.d-newBtn:before {
	position: absolute;
	bottom: 0;
	left: -6px;
	width: 0;
	height: 0;
	border-color: transparent transparent #f02c22;
	border-style: solid;
	border-width: 0 0 6px 8px;
	content: ''
}

.d-par {
	position: relative
}

#right-bar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 20;
	width: 50px;
	height: 100%;
	background: #fff;
	box-shadow: -1px 0px 10px 0px rgba(215, 215, 215, 0.44);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#right-bar .icon {
	display: block;
	margin: 12px auto 0;
	background: url(/assets/revision/images/base-icon.v90.png);
	width: 20px;
	height: 20px;
	position: relative
}

#right-bar .icon .num {
	position: absolute;
	background: #ff583d;
	border-radius: 3px;
	line-height: 16px;
	height: 16px;
	padding: 0 3px;
	font-size: 12px;
	color: #fff;
	right: -12px;
	top: -8px;
	font-weight: 400
}

#right-bar .welfare {
	position: relative;
	cursor: pointer
}

#right-bar .welfare .receive-welfare {
	border-bottom: 1px #eaeaea solid;
	padding: 10px 0
}

#right-bar .welfare:hover .receive-welfare {
	background: #ffd500
}

#right-bar .welfare .receive-welfare i {
	width: 32px;
	height: 32px;
	background-position: -438px -136px;
	margin: 0 0 2px 8px
}

#right-bar .welfare .receive-welfare span {
	color: #666;
	line-height: 16px;
	font-size: 12px;
	padding: 3px 0 0 12px;
	display: block
}

#right-bar .welfare .receive-welfare em {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff583d;
	position: absolute;
	top: 6px;
	right: 6px
}

#right-bar .welfare .left-tips {
	width: 277px;
	padding-right: 10px;
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -64px;
	display: none
}

#right-bar .welfare:hover .left-tips,#right-bar .welfare .left-tips.active {
	display: block
}

#right-bar .welfare .left-tips .cont {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%)
}

#right-bar .welfare .left-tips .cont:before {
	content: '';
	border: 8px solid transparent;
	border-left: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -10px
}

#right-bar .welfare .left-tips .top {
	height: 30px;
	line-height: 30px
}

#right-bar .welfare .left-tips .top img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px
}

#right-bar .welfare .left-tips .top span {
	display: inline-block;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	font-size: 14px;
	color: #333;
	height: 30px;
	line-height: 30px
}

#right-bar .welfare .left-tips .tip {
	width: 100%;
	background: #f8f8f8;
	border-radius: 3px;
	padding: 8px 12px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 10px;
	position: relative
}

#right-bar .welfare .left-tips:hover .tip {
	background: #f4f4f4
}

#right-bar .welfare .left-tips .tip:before {
	content: '';
	border: 5px solid transparent;
	border-bottom: 4px solid #f8f8f8;
	position: absolute;
	top: -9px;
	left: 10px
}

#right-bar .welfare .left-tips .tip .emoji-img {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	transform: translateY(2px)
}

#right-bar .cz {
	display: block;
	position: relative;
	border-bottom: 1px #EAEAEA solid;
	height: 100%;
}

#right-bar .cz i {
	width: 26px;
	height: 26px;
	background-position: -406px -145px;
	margin: 0 0 0 11px;
}

#right-bar .cz span {
	color: #666;
	line-height: 16px;
	font-size: 12px;
	padding: 3px 0 0 12px;
	display: block;
}

#right-bar .cz small {
	display: inline-block;
	height: 20px;
	background: #ff583d;
	border-radius: 10px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 2px;
	top: -22px;
	width: 44px;
	transform: scale(.833);
}

#right-bar .right-1 {
	position: relative;
	height: 82px;
	padding-top: 10px;
}

#right-bar .right-1:hover {
	background: #FFD500;
}

#right-bar .right-1:hover span {
	color: #333;
}

#right-bar .tips-classify-r {
	width: 350px;
	height: 176px;
	position: absolute;
	top: 50%;
	margin-top: -88px;
	right: 60px
}

#right-bar .tips-classify-r:before {
	content: '';
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	right: 0;
	bottom: 80px
}

#right-bar .tips-classify-r .con {
	width: 340px;
	height: 100%;
	box-shadow: 0px 4px 8px 0px rgba(254,91,85,0.2);
	background: #fff;
	border-radius: 5px
}

#right-bar .tips-classify-r .con .close {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer
}

#right-bar .tips-classify-r .con .close:after,#right-bar .tips-classify-r .con .close:before {
	content: '';
	width: 16px;
	height: 1px;
	background: #999;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	left: -1px
}

#right-bar .tips-classify-r .con .close:after {
	transform: rotate(-45deg)
}

#right-bar .tips-classify-r .con .sp {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #666;
	padding: 2px 0 0 20px;
	text-align: left
}

#right-bar .tips-classify-r .con .sp strong {
	color: #ff583d;
	margin-right: 10px;
	font-weight: 400
}

#right-bar .tips-classify-r .con .quan {
	display: block;
	width: 300px;
	height: 80px;
	margin: 0 auto;
	background: url(/assets/revision/images/quan.png);
	color: #fff;
	font-weight: 700
}

#right-bar .tips-classify-r .con .quan .fl {
	width: 215px;
	height: 100%
}

#right-bar .tips-classify-r .con .quan .fl .pl {
	width: 90px;
	float: left;
	font-size: 20px;
	padding: 12px 10px 0 0;
	text-align: right
}

#right-bar .tips-classify-r .con .quan .fl .pl strong {
	display: inline-block;
	font-size: 54px;
	vertical-align: -2px
}

#right-bar .tips-classify-r .con .quan .fl .p {
	width: 125px;
	float: left;
	font-size: 16px;
	line-height: 24px;
	padding-top: 16px;
	text-align: left
}

#right-bar .tips-classify-r .con .quan .fr {
	width: 85px;
	height: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	padding-top: 16px;
	text-align: center
}

#right-bar .tips-classify-r .con .sm-tips {
	font-size: 12px;
	color: #C6C6C6;
	padding: 10px 0 0 20px
}

#right-bar .tips-classify-r .con .tips-classify-rcountdown {
	font-size: 16px;
	color: #666;
	margin: 8px 0 0 20px;
	text-align: left
}

#right-bar .tips-classify-r .con .tips-classify-rcountdown i {
	display: inline-block;
	width: 26px;
	height: 20px;
	line-height: 20px;
	background: #ff583d;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	vertical-align: 1px
}

#right-bar .bar-list {
	position: relative;
	border-bottom: 1px #EAEAEA solid;
}

#right-bar .bar-list .pos {
	position: absolute;
	top: 0;
	right: 50px;
	display: none
}

#right-bar .bar-list:hover .pos,#right-bar .bar-list.active .pos {
	display: block
}

#right-bar .bar-list:hover .link,#right-bar .bar-list.active .link {
	background: #FFD500
}

#right-bar .bar-list:hover .link span,#right-bar .bar-list.active .link span {
	color: #333;
}

#right-bar .bar-list .link {
	display: block;
	overflow: hidden;
	height: 100%;
	padding-bottom: 10px;
}

#right-bar .bar-list .link span {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	padding: 3px 0 0 12px;
	display: inline-block;
	vertical-align: top;
}

#right-bar .bar-list.feedback .icon {
	background-position: -272px -122px
}

#right-bar .bar-list.feedback:hover .icon {
	background-position: -272px -146px
}

#right-bar .bar-list.kefu .icon {
	background-position: -338px -122px
}

#right-bar .bar-list.kefu:hover .icon {
	background-position: -338px -146px;
}

#right-bar .bar-list.kefu .pos {
	padding: 15px 0 15px 15px;
	width: 320px;
	border-radius: 5px 0 5px 5px;
	background: #FFD500
}

#right-bar .bar-list.kefu .pos h3 {
	margin-bottom: 9px;
	color: #333;
	font-weight: 400;
	font-size: 16px
}

#right-bar .bar-list.kefu .pos p {
	color: #333;
	font-size: 12px
}

#right-bar .bar-list.kefu .pos p span {
	display: inline-block;
	width: 172px
}

#right-bar .bar-list.kefu .pos .p1 {
	padding: 19px 0 18px
}

#right-bar .bar-list.kefu .pos .p2 {
	margin-bottom: 9px;
	line-height: 25px
}

#right-bar .bar-list.kefu .pos .p2 a {
	display: inline-block;
	width: 70px;
	border-radius: 5px;
	background: #FF701D;
	color: #fff;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 24px
}

#right-bar .bar-list.kefu .pos .p2 a:hover {
	opacity: .9
}

#right-bar .bar-list.shop .icon {
	background-position: -361px -122px;
}

#right-bar .bar-list.shop:hover .icon {
	background-position: -361px -146px;
}

#right-bar .bar-list.welfare .icon {
	background-position: -407px -122px;
}

#right-bar .bar-list.news .news-t-loading {
	padding: 38px 0;
	text-align: center;
}

#right-bar .bar-list.news .list {
	width: 160px;
	background: #fff;
	border-radius: 5px 0 0 5px;
	border: 1px solid #EDEDED;
}

#right-bar .bar-list.news .list .news-type {
	width: 100%;
	padding: 10px 0
}

#right-bar .bar-list.news .list .news-type a {
	display: block;
	height: 36px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	padding: 0 20px
}

#right-bar .bar-list.news .list .news-type a:hover {
	background: #f8f8f8
}

#right-bar .bar-list.news .list .news-type a span {
	float: right;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	background: #ff583d;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	margin-top: 10px
}

#right-bar .bar-list.news .list .news-type .span {
	font-size: 14px;
	color: #999;
	padding: 5px 0 15px;
	text-align: center
}

#right-bar .bar-list.news .list .news-type .a-login {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border-radius: 5px;
	background: #ffd500;
	margin: 0 20px;
	transition: all .2s;
	display: block;
}

#right-bar .bar-list.news .list .news-type .a-login:hover {
	background: #ffdc2c;
	color: #333
}

#right-bar .bar-list.news .icon {
	background-position: -318px -122px;
}

#right-bar .bar-list.news:hover .icon {
	background-position: -318px -146px;
}

#right-bar .bar-list.study-log .user-record-loading {
	padding: 38px 0 20px;
	text-align: center;
}

#right-bar .bar-list.study-log .record-box {
	width: 260px;
	background: #fff;
	border-radius: 5px 0 0 5px;
	border: 1px solid #EDEDED;
	padding-bottom: 30px;
}

#right-bar .bar-list.study-log .record-box .box-m {
	max-height: 300px;
	overflow: auto;
	padding: 15px 15px 0
}

#right-bar .bar-list.study-log .record-box .box-m::-webkit-scrollbar {
	width: 3px;
	background: #EDEDED
}

#right-bar .bar-list.study-log .record-box .box-m::-webkit-scrollbar-thumb {
	width: 3px;
	border-radius: 3px;
	background: #B3B3B3
}

#right-bar .bar-list.study-log .record-box h3 {
	font-weight: normal;
	padding-bottom: 15px;
}

#right-bar .bar-list.study-log .record-box .record-list {
	margin-bottom: 15px;
	position: relative;
	padding-left: 90px;
	height: 50px;
}

#right-bar .bar-list.study-log .record-box .record-list .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 50px;
}

#right-bar .bar-list.study-log .record-box .record-list .img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

#right-bar .bar-list.study-log .record-box .record-list .img-r {
	overflow: hidden;
}

#right-bar .bar-list.study-log .record-box .record-list .img-r .title {
	display: block;
	line-height: 24px;
	color: #666;
	overflow: hidden;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#right-bar .bar-list.study-log .record-box .record-list .img-r .title:hover {
	color: #E3AD13
}

#right-bar .bar-list.study-log .record-box .record-list .img-r .status {
	padding-top: 7px;
	white-space: nowrap;
}

#right-bar .bar-list.study-log .record-box .record-list .img-r .status span {
	color: #999;
	padding-right: 15px;
	font-size: 12px;
}

#right-bar .bar-list.study-log .record-box .more-btn {
	position: absolute;
	height: 30px;
	line-height: 28px;
	color: #666;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	background: #fff;
	border-top: 1px #ededed solid;
	border-radius: 0 0 5px 5px;
	font-size: 12px;
}

#right-bar .bar-list.study-log .record-box .more-btn:hover {
	color: #E3AD13
}

#right-bar .bar-list.study-log .icon {
	background-position: -295px -122px;
}

#right-bar .bar-list.study-log:hover .icon {
	background-position: -295px -146px;
}

#right-bar .bar-list.double12-bar {
	border-bottom: none;
}

#right-bar .bar-list.double12-bar a {
	position: relative;
	display: block;
}

#right-bar .bar-list.double12-bar img {
	vertical-align: top;
	width: 100%;
}

#right-bar .bar-list .con-null {
	padding-bottom: 40px;
}

#right-bar .bar-list .con-null span {
	display: block;
	text-align: center;
	color: #999;
	line-height: 24px;
}

#right-bar #go-top {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding-top: 12px;
	width: 100%;
	height: 40px;
	text-align: center;
	cursor: pointer
}

#right-bar #go-top:hover {
	background: #FFD500
}

#right-bar #go-top:hover i {
	background-position: -383px -151px;
}

#right-bar #go-top i {
	display: inline-block;
	width: 18px;
	height: 9px;
	background: url(/assets/revision/images/base-icon.v90.png) -383px -127px
}

#right-bar .bar-list.welfare .we-qrcode,#right-bar .bar-list.appadd .we-qrcode {
	width: 160px;
	height: 160px;
	margin: 15px 20px 10px
}

#right-bar .bar-list.welfare .pos,#right-bar .bar-list.appadd .pos {
	background: #ffd500;
	border-radius: 5px 0 0 5px
}

#right-bar .bar-list.welfare .pos span,#right-bar .bar-list.appadd .pos span {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #666;
	text-align: center;
	padding-bottom: 8px
}

#right-bar .bar-list.welfare .pos span:last-child,#right-bar .bar-list.appadd .pos span:last-child {
	padding-bottom: 15px
}

#right-bar .bar-list.appadd {
	height: 60px;
	border-bottom: none
}

#right-bar .bar-list.appadd .icon {
	width: 28px;
	height: 28px;
	background-position: -404px -146px;
	margin-top: 15px
}

#right-bar .bar-list.appadd.isShow .link {
	background: #ffd500
}

#right-bar .bar-list.appadd.isShow .pos {
	display: block;
}

#right-bar .bar-list.appadd .pos .close {
	display: none
}

#right-bar .bar-list.isShow .pos .close {
	display: block;
	width: 100%;
	height: 15px
}

#right-bar .bar-list.isShow .pos .close em {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 8px;
	right: 6px;
	cursor: pointer
}

#right-bar .bar-list.isShow .pos .close em:after,#right-bar .bar-list.isShow .pos .close em:before {
	content: '';
	width: 14px;
	height: 1px;
	background: #333;
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	left: -1px
}

#right-bar .bar-list.isShow .pos .close em:after {
	transform: rotate(-45deg)
}

#right-bar .bar-list.discount-bar {
	height: 69px;
	border: none;
}

#right-bar .bar-list.discount-bar .icon {
	display: block;
	height: 69px;
	background: url(/assets/revision/images/base-icon.v90.png) -735px -322px;
	cursor: pointer;
}

#right-bar .bar-list.discount-bar .dis-tips {
	height: 30px;
	position: absolute;
	right: 68px;
	top: 20px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	line-height: 30px;
	padding: 0 12px;
	font-size: 12px;
	white-space: nowrap;
	color: #fff;
	display: none;
}

#right-bar .bar-list.discount-bar .dis-tips span {
	color: #FF583D;
}

#right-bar .bar-list.discount-bar .dis-tips i {
	width: 14px;
	height: 14px;
	vertical-align: top;
	display: inline-block;
	background: url(/assets/revision/images/base-icon.v90.png) -696px -322px;
	margin: 8px 2px 0 0
}

#right-bar .bar-list.discount-bar .dis-tips:before {
	content: '';
	position: absolute;
	right: -12px;
	top: 10px;
	border: 4px transparent solid;
	border-left: 8px rgba(0, 0, 0, 0.5) solid;
}

#right-bar .bar-list.discount-bar .show-box {
	position: absolute;
	right: 60px;
	bottom: 0;
	padding-right: 20px;
	display: none;
}

#right-bar .bar-list.discount-bar:hover .show-box {
	display: block;
}

#right-bar .bar-list.discount-bar .discount-list {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
	width: 339px;
	padding-bottom: 20px;
}

#right-bar .bar-list.discount-bar .discount-list .head {
	height: 80px;
	background: url(/assets/revision/images/discount-win-head.png) no-repeat -1px -1px;
}

#right-bar .bar-list.discount-bar .discount-list .head {
	line-height: 30px;
	padding: 10px 0 0 20px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

#right-bar .bar-list.discount-bar .discount-list .head span {
	color: #FFD500;
}

#right-bar .bar-list.discount-bar .discount-list .list {
	padding: 20px 20px 0
}

#right-bar .bar-list.discount-bar .discount-list .list .t {
	color: #666
}

#right-bar .bar-list.discount-bar .discount-list .list .t i {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	width: 1px;
	height: 14px;
	background: #999;
}

#right-bar .bar-list.discount-bar .discount-list .list .m {
	margin-top: 15px;
	background: #f8f8f8;
	border-radius: 5px;
	border: 1px #eee solid;
	border-left: 4px #FF583D solid;
	padding: 15px 20px;
	position: relative;
}

#right-bar .bar-list.discount-bar .discount-list .list .m .p1 {
	font-size: 12px;
}

#right-bar .bar-list.discount-bar .discount-list .list .m .p1 span {
	color: #FF583D;
}

#right-bar .bar-list.discount-bar .discount-list .list .m .p2 {
	color: #999;
	font-size: 12px;
	padding-top: 10px;
}

#right-bar .bar-list.discount-bar .discount-list .list .get-btn {
	width: 76px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	position: absolute;
	top: 20px;
	right: 15px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	text-align: center;
	background: #FFD500;
}

#right-bar .bar-list.discount-bar .discount-list .list .get-btn:hover {
	opacity: .9;
}

#right-bar .bar-list.discount-bar .discount-list .list .get-btn.ed {
	background: #ddd;
	pointer-events: none;
}

#right-bar .bar-list.discount-bar .discount-list .list .get-btn.clicked {
	background: #ddd;
}

#right-bar .bar-list.lifelong-500 {
	border-bottom: none
}

#right-bar .bar-list.lifelong-500 a {
	position: relative;
	display: block
}

#right-bar .bar-list.lifelong-500 img {
	vertical-align: top;
	width: 100%
}

#right-bar #go-top {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding-top: 12px;
	width: 100%;
	height: 40px;
	text-align: center;
	cursor: pointer
}

#right-bar #go-top:hover {
	background: #FFD500
}

#right-bar #go-top:hover i {
	background-position: -383px -151px;
}

#right-bar #go-top i {
	display: inline-block;
	width: 18px;
	height: 9px;
	background: url(/assets/revision/images/base-icon.v90.png) -383px -127px
}

.get-free-course-win {
	position: fixed;
	z-index: 1008;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.get-free-course-win .win-m {
	width: 1000px;
	height: 492px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -248px 0 0 -500px;
	background: #fff;
	border-radius: 8px;
}

.get-free-course-win .win-m .close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	background: url(/assets/revision/images/base-icon.v90.png) -69px -506px;
}

.get-free-course-win .win-m h2 {
	font-size: 22px;
	text-align: center;
	padding-top: 40px;
	color: #666;
	font-weight: normal;
}

.get-free-course-win .win-m h2 span {
	color: #FF583D;
}

.get-free-course-win .win-m .list-icon {
	padding-top: 25px;
	text-align: center;
}

.get-free-course-win .win-m .list-icon span {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	color: #666
}

.get-free-course-win .win-m .list-icon i {
	display: inline-block;
	vertical-align: top;
	background: url(/assets/revision/images/base-icon.v90.png);
	margin-right: 5px;
	width: 19px;
	height: 14px;
}

.get-free-course-win .win-m .list-icon .s1 {
	background-position: -714px -371px;
}

.get-free-course-win .win-m .list-icon .s2 {
	background-position: -714px -321px;
}

.get-free-course-win .win-m .list-icon .s3 {
	background-position: -714px -338px;
}

.get-free-course-win .win-m .list-icon .s4 {
	background-position: -714px -355px;
}

.get-free-course-win .win-m .course-list {
	padding: 40px 0 0 40px
}

.get-free-course-win .win-m .course-list .list {
	width: 215px;
	height: 238px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
	transition: all .2s;
	border-radius: 5px;
}

.get-free-course-win .win-m .course-list .list:hover {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.get-free-course-win .win-m .course-list .list:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px #DDDDDD solid;
	box-sizing: border-box;
	border-radius: 5px;
}

.get-free-course-win .win-m .course-list .list.active:before {
	border: 2px #FF583D solid;
}

.get-free-course-win .win-m .course-list .list.active:after {
	content: '';
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 26px;
	height: 26px;
	background: url(/assets/revision/images/base-icon.v90.png) -682px -342px;
}

.get-free-course-win .win-m .course-list .list img {
	height: 130px;
	width: 100%;
	display: block;
	border-radius: 5px 5px 0 0;
}

.get-free-course-win .win-m .course-list .list .p1 {
	padding: 15px 10px 0;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.get-free-course-win .win-m .course-list .list .p2 {
	padding: 15px 10px 0;
	font-size: 12px;
	color: #999;
}

.get-free-course-win .win-m .course-list .list .p3 {
	line-height: 20px;
	padding: 15px 10px 0;
}

.get-free-course-win .win-m .course-list .list .p3 .s1 {
	font-size: 12px;
	color: #FF583D;
}

.get-free-course-win .win-m .course-list .list .p3 .s2 {
	color: #999;
	font-size: 12px;
	padding-left: 10px;
	text-decoration: line-through;
}

.get-free-course-win .win-m .course-list .list .p3 .s3 {
	border: 1px #ddd solid;
	border-radius: 3px;
	padding: 0 8px;
	font-size: 12px;
	color: #666
}

.get-free-course-win .win-m .get-course-btn {
	padding-top: 30px;
	text-align: center;
}

.get-free-course-win .win-m .get-course-btn span {
	cursor: pointer;
	width: 164px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	background: #ddd;
	color: #666;
	transition: all .2s
}

.get-free-course-win .win-m .get-course-btn span.active {
	background: #FFD500;
	color: #333
}

.open-course-win {
	position: fixed;
	z-index: 1008;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.open-course-win .win-m {
	width: 576px;
	height: 354px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -159px 0 0 -270px;
	background: #fff;
	border-radius: 5px;
	padding: 40px 40px 0;
}

.open-course-win .win-m h2 {
	font-weight: normal;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 215px;
	font-size: 16px;
}

.open-course-win .win-m .close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	background: url(/assets/revision/images/base-icon.v90.png) -69px -506px;
}

.open-course-win .win-m .list {
	width: 215px;
	height: 238px;
	border: 1px #ddd solid;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 36px;
}

.open-course-win .win-m .list img {
	height: 130px;
	width: 100%;
	display: block;
}

.open-course-win .win-m .list .p1 {
	padding: 15px 10px 0;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.open-course-win .win-m .list .p2 {
	padding: 15px 10px 0;
	font-size: 12px;
	color: #999;
}

.open-course-win .win-m .list .p3 {
	line-height: 20px;
	padding: 15px 10px 0;
}

.open-course-win .win-m .list .p3 .s1 {
	font-size: 12px;
	color: #FF583D;
}

.open-course-win .win-m .list .p3 .s2 {
	color: #999;
	font-size: 12px;
	padding-left: 10px;
	text-decoration: line-through;
}

.open-course-win .win-m .list .p3 .s3 {
	border: 1px #ddd solid;
	border-radius: 3px;
	padding: 0 8px;
	font-size: 12px;
	color: #666
}

.open-course-win .win-m .line {
	width: 1px;
	height: 238px;
	background: #D8D8D8;
	margin: 36px 0 0 40px;
}

.open-course-win .win-m .code-box {
	width: 200px;
	text-align: center;
}

.open-course-win .win-m .code-box .p1 {
	font-size: 16px
}

.open-course-win .win-m .code-box .code-img {
	width: 200px;
	height: 200px;
	margin-top: 20px;
}

.open-course-win .win-m .code-box .p2 {
	line-height: 18px;
	padding-top: 5px;
	font-size: 12px;
	color: #999;
}

.welfare-popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.welfare-popup .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 997;
	background: rgba(0,0,0,.7)
}

.welfare-popup .popup-c {
	width: 580px;
	height: 442px;
	background: url(/assets/revision/images/welfare-popup.png) no-repeat center/cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 998;
	text-align: center
}

.welfare-popup .popup-c .close-tips {
	display: inline-block;
	text-decoration: underline;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px
}

.welfare-popup .popup-c .close {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	left: 50%;
	bottom: -86px;
	transform: translateX(-50%)
}

.welfare-popup .popup-c .close:after,.welfare-popup .popup-c .close:before {
	content: '';
	width: 2px;
	height: 22px;
	background: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	left: 15px
}

.welfare-popup .popup-c .close:after {
	transform: rotate(45deg)
}

.welfare-popup .popup-c .time-tips {
	font-size: 20px;
	color: #d86a3f;
	height: 44px;
	line-height: 44px;
	margin: 82px 0 32px
}

.welfare-popup .popup-c .time-tips em {
	color: #fd4506
}

.welfare-popup .popup-c .cont {
	width: 540px;
	margin: 0 auto
}

.welfare-popup .popup-c .cont .left {
	width: 310px;
	padding: 0 20px
}

.welfare-popup .popup-c .cont .left span {
	display: block;
	float: left;
	font-size: 14px;
	color: #333;
	width: 85px;
	padding-top: 90px;
	white-space: nowrap;
	margin: 0 24px 30px
}

.welfare-popup .popup-c .cont .right {
	width: 180px
}

.welfare-popup .popup-c .cont .right .qr {
	display: block;
	width: 180px;
	height: 180px
}

.welfare-popup .popup-c .cont .right .small {
	display: block;
	font-size: 14px;
	color: #999;
	padding: 15px 0;
	white-space: nowrap
}

.welfare-popup .popup-c .cont .right .span {
	display: block;
	font-size: 14px;
	color: #333;
	white-space: nowrap
}

.hayui-hayer-dialog .code-img {
	width: 200px;
	height: 200px;
}

.flow-list .flow-item .d-play-btn {
	zoom:.7}

.d-Continue {
	position: absolute;
	top: 70%;
	left: 0;
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 16px
}

.big-imgwin {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999991007;
	width: 100%;
	height: 100%
}

.big-imgwin .big-imgwin-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80)
}

.big-imgwin .big-imgwin-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	border: 0;
	vertical-align: top;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}

.big-imgwin .big-imgwin-box .close {
	position: absolute;
	top: 73px;
	right: 30px;
	z-index: 1;
	display: block;
	width: 46px;
	height: 45px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAtCAMAAADm86mrAAAAw1BMVEUAAAD////5+fn////////////p6en////////////////+/v79/f3////////////////////////////////////////////////////////////09PT///////////////////////8rKyvp6elJSUlUVFTR0dGrq6tFRUU6OjrKysqcnJzLy8tRUVHy8vLZ2dnCwsK4uLiwsLCgoKCTk5OFhYWBgYF4eHhCQkLg4OBQUFD///+Ojo6NjY1nZ2ff39+pUblhAAAAI3RSTlMAcvQF41P+eUQ+E+zryqKWhoJ2aWVgLCUd1FkU9dfVDQzTWlojlwgAAAFuSURBVEjHlZbZdoJADIZnKKsb7mtd2mEGEFTcd+37P1WLrdoyEZv/hkPyATlJJoHIyli1cqlUrlkZ8kwvpt2buPNwuQzn7qRnmy8p8ICq0VGwm8QxUungEV3JzQRLSMxyFRBu5EdjBmg8yjdkWlNW7IFWipakqS7YQwmdJuidz1Lk7/7wbX3LUrXV23e6/rpnTzRW6rfavG1iy9DlEMjdYXzZtK4VM6bsgjsOB2jHueBsavz0iOJfPTJ/t/nKdw8VPdkHWbziJfIsl7zgPc/G0WuB7IefHsXFLazl98HfWhe+cJVL0cI04yohTQfKBZwnp0nMAModnNXAJFWPQTxEM69K6AKsJFjhBSVGyGSdD4czYA4N5NuRsSMzg8w7rqrInkF1ZKAh+x13mnBntYOfBHH0rf/NGcQU2yt11Ix8x0zgj+TEdhDzHbE9ELsJsfkA9akancQv9hSptE9SZNnd+9bu2hZ5qs71n6Aj+z4BdAnYvf5ySW4AAAAASUVORK5CYII=) no-repeat center
}

.type-words {
	background: #F5C607!important
}

.type-poster {
	background: #FF7C00!important
}

.type-sysn {
	background: #40B0FF!important
}

.type-task {
	background: #f2c763!important
}

.type-software {
	background: #6EBD6B!important
}

.type-c4d {
	background: #367DD5!important
}

.type-synthesis {
	background: #00A99D!important
}

.type-cpjx {
	background: #B062A3!important
}

.type-syhq {
	background: #494166!important
}

.type-lesson {
	background: #779210!important
}

.type-dynamic {
	background: #D49688!important
}

.type-occupation {
	background: #00528E!important
}

.type-printing {
	background: #A68369!important
}

.type-portrait {
	background: #CCB374!important
}

.type-illustration {
	background: #EA5442!important
}

.type-store {
	background: #617F74!important
}

.type-packing {
	background: #E5869A!important
}

.type-indoor {
	background: #74C4C4!important
}

.type-foreign {
	background: #fbb03b!important
}

.type-brand {
	background: #00a2b9!important
}

.type-ui {
	background: #eb4c8c!important
}

.type-work {
	background: #7e57c2!important
}

.type-replay {
	background: #03af7c!important
}

.type-student {
	background: #ce5777!important
}

.type-program {
	background: #067afe!important
}

.type-shortvideo {
	background: #F88451!important
}

.type-examination {
	background: #c9d650!important
}

.type-foreignstudy {
	background: #a9b6fd!important
}

.type-blender {
	background: #0E548B!important
}

#new-header .nav-list .nav-t .new {
	position: absolute;
	top: 7px;
	right: 0;
	width: 25px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) -70px -45px
}

.act-prompt {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: none;
	margin-top: -287px;
	margin-left: -294px;
	width: 588px;
	height: 573px;
	background: url(/assets/revision/images/activity/2nd/act-prompt1.png) no-repeat center
}

.act-prompt_last1 {
	background: url(/assets/revision/images/activity/2nd/act-prompt_last1.png) no-repeat center
}

.act-prompt_last2 {
	background: url(/assets/revision/images/activity/2nd/act-prompt_last2.png) no-repeat center
}

.act-prompt_last3 {
	background: url(/assets/revision/images/activity/2nd/act-prompt_last3.png) no-repeat center
}

.act-prompt .close {
	position: absolute;
	top: 31px;
	right: 90px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px
}

.act-prompt .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt .go-act span {
	position: absolute;
	bottom: 20px;
	left: 188px;
	z-index: 998;
	display: block;
	width: 203px;
	height: 73px;
	background: url(/assets/revision/images/activity/2nd/act-btn.png) no-repeat center
}

.act-prompt-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/2nd/act-prompt2.png) no-repeat center
}

.act-prompt-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-s-double-twelve {
	background: url(/assets/revision/images/activity/double-twelve/act-double-twelve-s.png) no-repeat center
}

.act-wine-and-story {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: none;
	margin-top: -287px;
	margin-left: -294px;
	width: 588px;
	height: 573px;
	background: url(/assets/revision/images/activity/activity-wine-and-story/index.png) no-repeat center
}

/* .act-wine-and-story{background:url(/assets/revision/images/activity/activity-wine-and-story/index.png) no-repeat center} */
.act-wine-and-story .close {
	position: absolute;
	top: 31px;
	right: 90px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px
}

.act-wine-and-story .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

/* .act-wine-and-story .go-act span{position:absolute;bottom:20px;left:188px;z-index:998;display:block;width:203px;height:73px;background:url(/assets/revision/images/activity/2nd/act-btn.png) no-repeat center} */
.act-wine-and-story-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/activity-wine-and-story/left.png) no-repeat center
}

.act-wine-and-story-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-wine-and-story-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-newyear-study {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
	background: url(/assets/revision/images/activity/super-scholar/act.png) no-repeat center;
}

.act-prompt-newyear-study_last1 {
	background: url(/assets/revision/images/activity/super-scholar/act-prompt_last1.png) no-repeat center
}

.act-prompt-newyear-study_last2 {
	background: url(/assets/revision/images/activity/super-scholar/act-prompt_last2.png) no-repeat center
}

.act-prompt-newyear-study_last3 {
	background: url(/assets/revision/images/activity/super-scholar/act-prompt_last3.png) no-repeat center
}

.act-prompt-newyear-study_last_hour {
	background: url(/assets/revision/images/activity/super-scholar/act-prompt_last_hour.png) no-repeat center
}

.act-prompt-newyear-study .close {
	position: absolute;
	top: 21px;
	right: 163px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-newyear-study .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-newyear-study-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/super-scholar/act-s.png) no-repeat center
}

.act-prompt-newyear-study-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-newyear-study-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-new-year {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
	background: url(/assets/revision/images/activity/super-scholar-second/act_v1.png) no-repeat center;
}

.act-prompt-new-year_last1 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_v1_last1.png) no-repeat center
}

.act-prompt-new-year_last2 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_v1_last2.png) no-repeat center
}

.act-prompt-new-year_last3 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_v1_last3.png) no-repeat center
}

.act-prompt-new-year_last_hour {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_v1_last_hour.png) no-repeat center
}

.act-prompt-new-year_new_last_1 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_new_last_1.png) no-repeat center
}

.act-prompt-new-year_new_last_2 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_new_last_2.png) no-repeat center
}

.act-prompt-new-year_new_last_3 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_new_last_3.png) no-repeat center
}

.act-prompt-new-year_new_last_4 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_new_last_4.png) no-repeat center
}

.act-prompt-new-year_new_last_5 {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_new_last_5.png) no-repeat center
}

.act-prompt-new-year_back {
	background: url(/assets/revision/images/activity/super-scholar-second/act-prompt_back.png) no-repeat center
}

.act-prompt-new-year .close {
	position: absolute;
	top: 21px;
	right: 163px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-new-year .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-new-year-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
}

.act-prompt-new-year-s-old {
	background: url(/assets/revision/images/activity/super-scholar-second/act-s.png) no-repeat center
}

.act-prompt-new-year-s-new {
	background: url(/assets/revision/images/activity/super-scholar-second/act-s-new.png) no-repeat center
}

.act-prompt-new-year-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-new-year-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

.act-prompt-summer-free {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
	background: url(/assets/revision/images/activity/cashback/act-1212.png) no-repeat center;
}

.act-prompt-summer-free_last1 {
	background: url(/assets/revision/images/activity/cashback/act-prompt-1212_last1.png) no-repeat center
}

.act-prompt-summer-free_last2 {
	background: url(/assets/revision/images/activity/cashback/act-prompt-1212_last2.png) no-repeat center
}

.act-prompt-summer-free_last3 {
	background: url(/assets/revision/images/activity/cashback/act-prompt-1212_last3.png) no-repeat center
}

.act-prompt-summer-free_last_hour {
	background: url(/assets/revision/images/activity/cashback/act-prompt-1212_last_hour.png) no-repeat center
}

.act-prompt-summer-free .close {
	position: absolute;
	top: 19px;
	right: 97px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-summer-free .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-summer-free-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/cashback/act-s-1212.png) no-repeat center
}

.act-prompt-summer-free-s_last1 {
	background: url(/assets/revision/images/activity/cashback/act-s-1212_last1.png) no-repeat center
}

.act-prompt-summer-free-s_last2 {
	background: url(/assets/revision/images/activity/cashback/act-s-1212_last2.png) no-repeat center
}

.act-prompt-summer-free-s_last3 {
	background: url(/assets/revision/images/activity/cashback/act-s-1212_last3.png) no-repeat center
}

.act-prompt-summer-free-s_last_hour {
	background: url(/assets/revision/images/activity/cashback/act-s-1212_last_hour.png) no-repeat center
}

.act-prompt-summer-free-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-summer-free-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-summer-free-left {
	display: none;
}

.act-prompt-1226 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	margin-top: -265px;
	margin-left: -248px;
	width: 495px;
	height: 531px;
	background: url(/assets/revision/images/activity/cashback/20220408/act.png) no-repeat center;
}

.act-prompt-1226 .go-act {
	padding: 344px 56px 0 0;
	text-align: center;
}

.act-prompt-1226 .countdown-box {
	color: #fff;
	font-size: 20px;
	text-align: left;
	padding-left: 40px;
}

.act-prompt-1226 .btn {
	width: 280px;
	height: 50px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 30px;
	margin: 20px auto 0;
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #B63C23;
	line-height: 50px;
}

.act-prompt-1226_last1 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-last1.png) no-repeat center
}

.act-prompt-1226_last2 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-last2.png) no-repeat center
}

.act-prompt-1226_last3 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-last3.png) no-repeat center
}

.act-prompt-1226 .close {
	position: absolute;
	top: 489px;
	right: 223px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-1226-s {
	position: fixed;
	bottom: 5px;
	left: 0;
	z-index: 999;
	display: none;
	width: 168px;
	height: 172px;
	background: url(/assets/revision/images/activity/cashback/20220408/act-s.png) no-repeat center
}

.act-prompt-1226-s_last1 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-s-last1.png) no-repeat center
}

.act-prompt-1226-s_last2 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-s-last2.png) no-repeat center
}

.act-prompt-1226-s_last3 {
	background: url(/assets/revision/images/activity/cashback/20220408/act-s-last3.png) no-repeat center
}

.act-prompt-1226-s .close {
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-1226-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-1226.act-left-pos {
	display: block;
	margin-top: 0;
	margin-left: 0;
	position: fixed;
	left: -10px;
	bottom: 10px;
	top: auto;
	background: url(/assets/revision/images/activity/cashback/20220408/act-s-s.png) no-repeat;
	width: 100px;
	height: 100px;
	transition: all .3s;
	z-index: 20;
}

.act-prompt-1226.act-left-pos:hover {
	left: 0;
}

.act-prompt-0109 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	margin-top: -266px;
	margin-left: -248px;
	width: 495px;
	height: 531px;
	background: url(/assets/revision/images/activity/cashback/20220610/act.png) no-repeat center
}

.act-prompt-0109_last1 {
	background-image: url(/assets/revision/images/activity/cashback/20220610/act-last1.png);
}

.act-prompt-0109_last2 {
	background-image: url(/assets/revision/images/activity/cashback/20220610/act-last2.png);
}

.act-prompt-0109_last3 {
	background-image: url(/assets/revision/images/activity/cashback/20220610/act-last3.png);
}

.act-prompt-0109 .close {
	position: absolute;
	top: 490px;
	left: 224px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px
}

.act-prompt-0109 .go-act {
	padding: 298px 5px 0 0
}

.act-prompt-0109 .countdown-box {
	font-size: 16px;
	color: #fefcde;
	text-align: center;
	padding: 58px 0 35px
}

.act-prompt-0109 .countdown-box i {
	display: inline-block;
	height: 24px;
	line-height: 22px;
	border-radius: 5px;
	border: 1px solid #fefcde;
	padding: 0 6px;
	margin: 0 5px
}

.act-prompt-0109 .countdown-box i.ms {
	width: 46px
}

.act-prompt-0109-s {
	position: fixed;
	bottom: 0;
	left: -10px;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/cashback/20220610/act-s.png) no-repeat center
}

.act-prompt-0109-s_last1 {
	background: url(/assets/revision/images/activity/cashback/20220610/act-s-last1.png) no-repeat center
}

.act-prompt-0109-s_last2 {
	background: url(/assets/revision/images/activity/cashback/20220610/act-s-last2.png) no-repeat center
}

.act-prompt-0109-s_last3 {
	background: url(/assets/revision/images/activity/cashback/20220610/act-s-last3.png) no-repeat center
}

.act-prompt-0109-s .close {
	position: absolute;
	top: -2px;
	right: -2px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-0109-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%;
}

.act-prompt-0109-s .go-act span {
	position: absolute;
	left: 4px;
	bottom: -1px;
	display: block;
	width: 136px;
	height: 24px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 24px
}

.act-prompt-0109.act-left-pos {
	display: block;
	margin-top: 0;
	margin-left: 0;
	position: fixed;
	left: -10px;
	bottom: 0px;
	top: auto;
	background: url(/assets/revision/images/activity/cashback/20220610/act-s-s.png) no-repeat;
	width: 100px;
	height: 100px;
	transition: all .3s;
	z-index: 20;
}

.act-prompt-0109.act-left-pos:hover {
	left: 0;
}

.act-prompt-0421 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	margin-top: -265px;
	margin-left: -248px;
	width: 495px;
	height: 531px;
	background: url(/assets/revision/images/activity/cashback/20220510/act.png) no-repeat center;
}

.act-prompt-0421 .go-act {
	padding: 344px 56px 0 0;
	text-align: center;
}

.act-prompt-0421 .countdown-box {
	color: #fff;
	font-size: 20px;
	text-align: left;
	padding-left: 40px;
}

.act-prompt-0421 .btn {
	width: 280px;
	height: 50px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 30px;
	margin: 20px auto 0;
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #B63C23;
	line-height: 50px;
}

.act-prompt-0421_last1 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-last1.png) no-repeat center
}

.act-prompt-0421_last2 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-last2.png) no-repeat center
}

.act-prompt-0421_last3 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-last3.png) no-repeat center
}

.act-prompt-0421 .close {
	position: absolute;
	top: 489px;
	right: 223px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-0421-s {
	position: fixed;
	bottom: 5px;
	left: 0;
	z-index: 999;
	display: none;
	width: 168px;
	height: 172px;
	background: url(/assets/revision/images/activity/cashback/20220510/act-s.png) no-repeat center
}

.act-prompt-0421-s_last1 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-s-last1.png) no-repeat center
}

.act-prompt-0421-s_last2 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-s-last2.png) no-repeat center
}

.act-prompt-0421-s_last3 {
	background: url(/assets/revision/images/activity/cashback/20220510/act-s-last3.png) no-repeat center
}

.act-prompt-0421-s .close {
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-0421-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-0421.act-left-pos {
	display: block;
	margin-top: 0;
	margin-left: 0;
	position: fixed;
	left: -10px;
	bottom: 10px;
	top: auto;
	background: url(/assets/revision/images/activity/cashback/20220510/act-s-s.png) no-repeat;
	width: 100px;
	height: 100px;
	transition: all .3s;
	z-index: 20;
}

.act-prompt-0421.act-left-pos:hover {
	left: 0;
}

.act-prompt-0527 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	margin-top: -265px;
	margin-left: -248px;
	width: 495px;
	height: 531px;
	background: url(/assets/revision/images/activity/cashback/20220527/act.png) no-repeat center;
}

.act-prompt-0527 .go-act {
	padding: 344px 56px 0 0;
	text-align: center;
}

.act-prompt-0527 .countdown-box {
	color: #fff;
	font-size: 20px;
	text-align: left;
	padding-left: 40px;
}

.act-prompt-0527 .btn {
	width: 280px;
	height: 50px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 30px;
	margin: 20px auto 0;
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #B63C23;
	line-height: 50px;
}

.act-prompt-0527_last1 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-last1.png) no-repeat center
}

.act-prompt-0527_last2 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-last2.png) no-repeat center
}

.act-prompt-0527_last3 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-last3.png) no-repeat center
}

.act-prompt-0527 .close {
	position: absolute;
	top: 489px;
	right: 223px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-0527-s {
	position: fixed;
	bottom: 5px;
	left: 0;
	z-index: 999;
	display: none;
	width: 168px;
	height: 172px;
	background: url(/assets/revision/images/activity/cashback/20220527/act-s.png) no-repeat center
}

.act-prompt-0527-s_last1 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-s-last1.png) no-repeat center
}

.act-prompt-0527-s_last2 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-s-last2.png) no-repeat center
}

.act-prompt-0527-s_last3 {
	background: url(/assets/revision/images/activity/cashback/20220527/act-s-last3.png) no-repeat center
}

.act-prompt-0527-s .close {
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-0527-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-0527.act-left-pos {
	display: block;
	margin-top: 0;
	margin-left: 0;
	position: fixed;
	left: -10px;
	bottom: 10px;
	top: auto;
	background: url(/assets/revision/images/activity/cashback/20220527/act-s-s.png) no-repeat;
	width: 100px;
	height: 100px;
	transition: all .3s;
	z-index: 20;
}

.act-prompt-0527.act-left-pos:hover {
	left: 0;
}

.act-prompt-labor-class {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
}

.act-prompt-labor-normal {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-v2.png) no-repeat center;
}

.act-prompt-labor-last999 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-v2.png) no-repeat center;
}

.act-prompt-labor-last1 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-v2-last1.png) no-repeat center
}

.act-prompt-labor-last2 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-v2-last2.png) no-repeat center
}

.act-prompt-labor-last3 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-v2-last3.png) no-repeat center
}

.act-prompt-labor-normal-back {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-back.png) no-repeat center;
}

.act-prompt-labor-back-last999 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-back.png) no-repeat center;
}

.act-prompt-labor-back-last1 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-back-last1.png) no-repeat center
}

.act-prompt-labor-back-last2 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-back-last2.png) no-repeat center
}

.act-prompt-labor-back-last3 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-back-last3.png) no-repeat center
}

.act-prompt-labor-normal-new {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-new.png) no-repeat center;
}

.act-prompt-labor-last999-new {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-new.png) no-repeat center;
}

.act-prompt-labor-last1-new {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-last1-new.png) no-repeat center
}

.act-prompt-labor-last2-new {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-last2-new.png) no-repeat center
}

.act-prompt-labor-last3-new {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-last3-new.png) no-repeat center
}

.act-prompt-labor-class .close {
	position: absolute;
	top: 21px;
	right: 163px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-labor-class .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-labor-small-class {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	animation: upDown 1.2s ease-in infinite;
}

.act-prompt-labor-small-normal {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-small-v1.png) no-repeat center
}

.act-prompt-labor-small-last1 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-small-v1-last1.png) no-repeat center
}

.act-prompt-labor-small-last2 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-small-v1-last2.png) no-repeat center
}

.act-prompt-labor-small-last3 {
	background: url(/assets/revision/images/activity/knowledge-harvest/act-prompt-labor-small-v1-last3.png) no-repeat center
}

.act-prompt-labor-small-normal-back {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-small-back-reserve.png) no-repeat center
}

.act-prompt-labor-small-back-last1 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-small-back-last1-reserve.png) no-repeat center
}

.act-prompt-labor-small-back-last2 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-small-back-last2-reserve.png) no-repeat center
}

.act-prompt-labor-small-back-last3 {
	background: url(/assets/revision/images/activity/labor-day/act-prompt-labor-small-back-last3-reserve.png) no-repeat center
}

.act-prompt-labor-small-class .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-labor-small-class .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-middle-year {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
}

.act-prompt-middle-year_new {
	background: url(/assets/revision/images/activity/middle-year/act_new.png) no-repeat center;
}

.act-prompt-middle-year_old {
	background: url(/assets/revision/images/activity/middle-year/act.png) no-repeat center;
}

.act-prompt-middle-year_last1 {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last1.png) no-repeat center
}

.act-prompt-middle-year_last2 {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last2.png) no-repeat center
}

.act-prompt-middle-year_last3 {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last3.png) no-repeat center
}

.act-prompt-middle-year_last_hour {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last_hour.png) no-repeat center
}

.act-prompt-middle-year_last1_new {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last1_new.png) no-repeat center
}

.act-prompt-middle-year_last2_new {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last2_new.png) no-repeat center
}

.act-prompt-middle-year_last3_new {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last3_new.png) no-repeat center
}

.act-prompt-middle-year_last_hour_new {
	background: url(/assets/revision/images/activity/middle-year/act-prompt_last_hour_new.png) no-repeat center
}

.act-prompt-middle-year .close {
	position: absolute;
	top: 21px;
	right: 163px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-middle-year .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-middle-year-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	-webkit-animation: click 2.4s infinite;
	-ms-animation: click 2.4s infinite;
	-moz-animation: click 2.4s infinite;
	-o-animation: click 2.4s infinite;
	animation: click 2.4s infinite
}

.act-prompt-middle-year-s-back_old {
	background: url(/assets/revision/images/activity/middle-year/act-s.png) no-repeat center;
}

.act-prompt-middle-year-s-back_new {
	background: url(/assets/revision/images/activity/middle-year/act-s_new.png) no-repeat center;
}

.act-prompt-middle-year-s .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-middle-year-s .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-summer-feedback-class {
	position: fixed;
	top: 50%;
	left: 46%;
	z-index: 999;
	display: none;
	margin-top: -249px;
	margin-left: -294px;
	width: 737px;
	height: 550px;
}

.act-prompt-summer-feedback-normal {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt.png) no-repeat center;
}

.act-prompt-summer-feedback-last999 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt.png) no-repeat center;
}

.act-prompt-summer-feedback-last1 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-last1.png) no-repeat center
}

.act-prompt-summer-feedback-last2 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-last2.png) no-repeat center
}

.act-prompt-summer-feedback-last3 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-last3.png) no-repeat center
}

.act-prompt-summer-feedback-class .close {
	position: absolute;
	top: 21px;
	right: 163px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px;
}

.act-prompt-summer-feedback-class .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-summer-feedback-small-class {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 150px;
	height: 150px;
	animation: upDown 1.2s ease-in infinite;
}

.act-prompt-summer-feedback-small-normal {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-small.png) no-repeat center
}

.act-prompt-summer-feedback-small-last1 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-small-last1.png) no-repeat center
}

.act-prompt-summer-feedback-small-last2 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-small-last2.png) no-repeat center
}

.act-prompt-summer-feedback-small-last3 {
	background: url(/assets/revision/images/activity/summer-feedback/act-prompt-small-last3.png) no-repeat center
}

.act-prompt-summer-feedback-small-class .close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 999;
	display: block;
	width: 24px;
	height: 24px
}

.act-prompt-summer-feedback-small-class .go-act {
	position: absolute;
	bottom: 1px;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-full-return {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: none;
	width: 550px;
	height: 618px;
	transform: translate(-50%,-50%);
	background: url(/assets/revision/images/activity/full-return/20220927/act.png) no-repeat center/cover
}

.act-prompt-full-return .go-act,.act-prompt-full-return .go-act .ani-btn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-full-return .go-act .btn {
	position: absolute;
	bottom: 155px;
	left: 50%;
	margin-left: -112px;
	z-index: 998;
	display: block;
	width: 223px;
	height: 68px;
	background: url(/assets/revision/images/activity/full-return/20220927/btn.png) no-repeat center/cover
}

.act-prompt-full-return .go-act .hand {
	position: absolute;
	bottom: 112px;
	left: 50%;
	margin-left: 67px;
	z-index: 998;
	display: block;
	width: 85px;
	height: 86px;
	background: url(/assets/revision/images/activity/full-return/20220927/hand.png) no-repeat center/cover
}

.act-prompt-full-return .close {
	position: absolute;
	top: 25px;
	right: 32px;
	z-index: 999;
	display: block;
	width: 46px;
	height: 46px
}

.act-prompt-full-return-small {
	display: none;
	position: fixed;
	left: 5px;
	bottom: 5px;
	z-index: 999;
	width: 120px;
	height: 138px;
	background: url(/assets/revision/images/activity/full-return/20220927/act-s.png) no-repeat center/cover
}

.act-prompt-full-return-small .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: block;
	width: 100%;
	height: 100%
}

.act-prompt-full-return-small .close {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 999
}

.animateBtn {
	animation: scaleUp 2s ease-in-out infinite
}

@keyframes scaleUp {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(1.05)
	}

	50% {
		transform: scale(1)
	}

	75% {
		transform: scale(1.05)
	}
}

@keyframes upDown {
	50% {
		bottom: 8px
	}
}

.bookmark-win {
	position: absolute;
	top: 40px;
	left: -186px;
	overflow: hidden;
	width: 314px;
	height: 0;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	transition: height .3s
}

.bookmark-win.show {
	height: 218px
}

.bookmark-win .win-head {
	height: 102px;
	background: url(/assets/revision/images/base-icon.v90.png) -480px -953px;
	color: #fff;
	text-align: center;
	font-size: 48px;
	line-height: 102px
}

.bookmark-win .p1 {
	height: 55px;
	background: #FAAB3F;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 54px
}

.bookmark-win .btn {
	padding-top: 10px;
	height: 60px;
	background: #fff;
	text-align: center
}

.bookmark-win .btn span {
	display: inline-block;
	width: 140px;
	height: 40px;
	border-radius: 20px;
	background: linear-gradient(to right,#FF781C,#FF9932);
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	cursor: pointer;
	transition: background .2s
}

.bookmark-win .btn span:hover {
	background: linear-gradient(to right,#ff8633,#ffa347)
}

#loginModal-t2 .check-tips {
	display: none;
	padding-top: 6px;
	color: #f53500;
	text-align: center
}

.nav-list .live-tip {
	position: absolute;
	bottom: -32px;
	z-index: 10;
	left: 50%;
	margin-left: -169px;
	width: 338px;
	height: 32px;
	border-radius: 16px;
	background: rgba(255,255,255,.8);
	text-align: center;
	line-height: 32px
}

.nav-list .live-tip:before {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -4px;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #FFF;
	border-left: 6px solid transparent;
	content: "";
	opacity: .8
}

.nav-list .live-tip span {
	color: #333;
	font-size: 16px
}

.nav-list .live-tip span a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 10px;
	height: 22px;
	border-radius: 12px;
	background: #0F0F0F;
	color: #FFD500;
	text-align: center;
	font-size: 14px;
	line-height: 22px
}

.nav-list .live-tip span .close {
	display: inline-block;
	margin-left: 10px;
	width: 10px;
	height: 10px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat;
	background-position: -329px 0;
	cursor: pointer
}

#loginModal-t2 .checkput {
	vertical-align: top
}

.mask {
	top: 0;
	left: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

.alert-act,.mask {
	position: fixed
}

.alert-act {
	top: 50%;
	left: 50%;
	z-index: 99;
	margin-top: -197px;
	margin-left: -349px;
	width: 698px;
	height: 394px;
	background: url(/assets/revision/images/activity/boot-category-upgrade/alertBg-b.png) no-repeat center
}

.alert-act .close {
	position: absolute;
	top: 17px;
	right: 0;
	z-index: 99;
	display: block;
	width: 40px;
	height: 40px
}

.alert-act .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
	display: block;
	width: 100%;
	height: 100%
}

.alert-act .go-act span {
	bottom: 2px;
	z-index: 99;
	display: block;
	background: #ffd900;
	color: #7036cd;
	text-align: center;
	font-size: 24px;
	line-height: 60px
}

.alert-act .go-act span,.alert-act .go-act:before {
	position: absolute;
	left: 127px;
	width: 20pc;
	height: 60px;
	border-radius: 30px
}

.alert-act .go-act:before {
	bottom: 0;
	z-index: 98;
	background: #7036cc;
	content: ""
}

.alert-act .go-act span:hover {
	background: #ffe266
}

.alert-act-s {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 98;
	width: 138px;
	height: 148px;
	background: url(/assets/revision/images/activity/boot-category-upgrade/alertBg-s.png) no-repeat center
}

.alert-act-s .close {
	position: absolute;
	top: 2px;
	right: 6px;
	z-index: 99;
	display: block;
	width: 22px;
	height: 22px;
	border: 1px solid #7036cc;
	border-radius: 50%
}

.alert-act-s .go-act {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
	display: block;
	width: 100%;
	height: 100%
}

.alert-act-s .go-act .time {
	display: block;
	margin: 0 auto;
	padding-top: 90px;
	color: #fff;
	text-align: center;
	font-size: 14px
}

.alert-act-s .go-act .time small {
	font-size: 14px
}

.alert-act-s .go-act .btn {
	bottom: 14px;
	z-index: 99;
	display: block;
	background: #ffd900;
	color: #7036cc;
	text-align: center;
	font-size: 14px;
	line-height: 26px
}

.alert-act-s .go-act .btn,.alert-act-s .go-act:before {
	position: absolute;
	left: 14px;
	width: 75pt;
	height: 26px;
	border-radius: 5px
}

.alert-act-s .go-act:before {
	bottom: 13px;
	z-index: 98;
	background: #7036cc;
	content: ""
}

.alert-act-s .go-act .btn:hover {
	background: #ffe266
}

#new-header .nav-list .top-con-live {
	width: 660px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -330px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ddd
}

#new-header .nav-list .top-con-live .hkwx-main .h3 {
	padding: 20px;
	font-size: 16px;
	color: #333
}

#new-header .nav-list .top-con-live .hkwx-main .h3 small {
	font-size: 14px;
	color: #999;
	margin-left: 10px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list {
	display: flex
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li {
	flex: 1;
	align-items: center;
	text-align: center
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li i {
	display: block;
	width: 31px;
	height: 29px;
	background: url(/assets/revision/images/base-icon.v90.png) -679px -399px;
	margin: 1px auto 0
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li .i2 {
	width: 34px;
	height: 31px;
	background-position: -718px -399px;
	margin: 0 auto -1px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li .i3 {
	width: 35px;
	height: 27px;
	background-position: -759px -401px;
	margin-top: 3px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li .i4 {
	width: 28px;
	height: 28px;
	background-position: -680px -436px;
	margin-top: 2px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li .i5 {
	width: 27px;
	background-position: -723px -435px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li .i6 {
	width: 32px;
	height: 30px;
	background-position: -760px -434px;
	margin-top: 0
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li span {
	display: block;
	font-size: 14px;
	color: #444;
	margin: 10px auto;
	transition: color .2s
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-list .li:hover span {
	color: #e3ad13
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain {
	padding: 15px 20px 0
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 20px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img {
	width: 100px;
	height: 61px;
	border-radius: 3px;
	overflow: hidden;
	float: left;
	margin-right: 12px;
	position: relative
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img img {
	width: 100%;
	height: 100%
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img .play-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.35);
	opacity: 0;
	transition: all .25s
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img:hover .play-cover {
	opacity: 1
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img .play-cover:before {
	content: "";
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	transition: all .25s;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -490px;
	position: absolute;
	transform: scale(1)
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .img:hover .play-cover:before {
	transform: scale(.6)
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info {
	float: left;
	width: 180px;
	position: relative
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .title {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	height: 40px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .title:hover {
	color: #e3ad13
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .span {
	font-size: 12px;
	color: #999;
	padding-top: 5px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty {
	color: #ff583d
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 14px;
	background: url(/assets/revision/images/base-icon.v90.png) -659px -449px;
	margin: -1px 5px 0 0
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank {
	display: inline-block;
	width: 16px;
	height: 12px;
	overflow: hidden;
	margin-right: 3px;
	vertical-align: top;
	line-height: 12px
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank i {
	width: 2px;
	height: 13px;
	margin-right: 2px;
	display: inline-block;
	background: #ff583d
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank i:nth-child(1) {
	-webkit-animation: live-lines 2s linear .2s infinite;
	animation: live-lines 2s linear .2s infinite
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank i:nth-child(2) {
	-webkit-animation: live-lines 2s linear .4s infinite;
	animation: live-lines 2s linear .4s infinite
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank i:nth-child(3) {
	-webkit-animation: live-lines 2s linear .6s infinite;
	animation: live-lines 2s linear .6s infinite
}

#new-header .nav-list .top-con-live .hkwx-main .hkwx-rMain .li-a .info .onSty .icon-rank i:nth-child(4) {
	-webkit-animation: live-lines 2s linear .8s infinite;
	animation: live-lines 2s linear .8s infinite
}

#new-header .nav-list .top-con-live .more {
	border-top: 1px solid #ddd;
	border-radius: 0 0 5px 5px;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin: 0 auto
}

#new-header .nav-list .top-con-live .more:hover {
	background: #f8f8f8
}

.flow-list .list-ad {
	height: 257px;
	border: 0
}

.flow-list .list-ad>a,.flow-list .list-ad>a img {
	display: block;
	width: 100%;
	height: 100%
}

#body-container .vip-head-tips {
	height: 40px;
	background: #FFEACA;
	text-align: center;
	line-height: 40px;
	position: relative;
	z-index: 20
}

#body-container .vip-head-tips .s1 {
	font-size: 16px;
	color: #333;
}

#body-container .vip-head-tips .alink {
	width: 76px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background: #FF4C22;
	border-radius: 5px;
	transition: all .2s;
	margin-left: 12px;
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
}

#body-container .vip-head-tips .alink:hover {
	background: #ff6a47;
}

#body-container .vip-head-tips .close {
	position: absolute;
	right: 50px;
	top: 12px;
	cursor: pointer;
	width: 12px;
	height: 12px;
}

#body-container .vip-head-tips .close:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 0;
	transform: rotate(45deg);
	width: 1px;
	height: 15px;
	background-color: #333
}

#body-container .vip-head-tips .close:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 0;
	transform: rotate(-45deg);
	width: 1px;
	height: 15px;
	background-color: #333
}

/*新手任务*/
.novice {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001
}

.novice .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0,0,0,.7)
}

.novice .nov-cont {
	width: 450px;
	height: 360px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -225px;
	z-index: 99;
	text-align: center
}

.novice .nov-cont .close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
	display: block;
	width: 13px;
	height: 13px;
	background: url(/assets/revision/images/base-icon.v90.png) no-repeat -69px -506px;
	cursor: pointer
}

.novice .nov-cont .nov-img {
	display: block;
	width: 180px;
	height: 133px;
	margin: 0 auto 30px
}

.novice .nov-cont .h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2D2D2D;
	margin: 40px 0 15px;
}

.novice .nov-cont .span {
	font-size: 16px;
	color: #2D2D2D;
	padding-bottom: 30px
}

.novice .nov-cont .span i {
	font-size: 24px;
	color: #FF4F13
}

.novice .nov-cont .btn-w a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	color: #666
}

.novice .nov-cont .btn-w a:hover {
	background: #ffdd33;
	border-color: #ffdd33;
	color: #333
}

.novice .nov-cont .btn-w a.btn2 {
	background: #ffd500;
	border-color: #ffd500;
	color: #666;
	margin-left: 40px
}

.novice .nov-cont .btn-w a.btn2:hover {
	background: #ffdd33;
	border-color: #ffdd33;
	color: #333
}

#right-bar .bar-list.tiro {
	height: 98px;
	border-bottom: 0
}

#right-bar .bar-list.tiro a,#right-bar .bar-list.tiro img {
	display: block;
	width: 100%;
	height: 100%;
}

#right-bar .bar-list.tiro i {
	display: block;
	width: 32px;
	height: 35px;
	background: url(/assets/revision/images/novice/nov-b.png) no-repeat;
	position: absolute;
	top: 10px;
	left: 14px
}

#u-flyer {
	display: block;
	width: 32px;
	height: 35px;
	position: fixed;
	z-index: 999
}

.bar-list.tiro .r-tips {
	position: absolute;
	width: 250px;
	top: 25px;
	right: 70px;
	padding: 5px 10px;
	background: #ff701d;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 18px
}

.bar-list.tiro .r-tips:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid #ff701d;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	position: absolute;
	right: -8px;
	top: 18px
}

.bar-list.tiro .r-tips span {
	display: block;
	padding-right: 12px
}

.bar-list.tiro .r-tips small {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/assets/revision/images/home/index-icon.v9.png) -141px -60px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px
}

/*用户分层*/
.com-paf {
	position: fixed;
	bottom: 0;
	z-index: 99;
}

.new-act-big {
	width: 100%;
	height: 87px;
	left: 0;
}

.new-act-small {
	width: 151px;
	height: 150px;
	left: -100%;
}

.new-act-big .hand-once-bar {
	width: 100%;
	height: 87px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ff343e
}

.new-act-big .hand-once-bar a.go-act {
	display: block;
	width: 100%;
	height: 87px;
	position: absolute;
	left: 0;
	bottom: 0
}

.new-act-big .hand-cont-new {
	position: relative;
	height: 87px
}

.new-act-small .hand-once-box {
	display: block;
	width: 151px;
	height: 150px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-animation: click 2.4s infinite;
	-ms-animation: click 2.4s infinite;
	-moz-animation: click 2.4s infinite;
	-o-animation: click 2.4s infinite;
	animation: click 2.4s infinite;
}

.new-act-small .hand-once-box-new200 {
	background: url(/assets/revision/images/activity/user-tier/leftIndexImgNew200New.png) no-repeat;
}

.new-act-small .hand-once-box-old200 {
	background: url(/assets/revision/images/activity/user-tier/leftIndexImgOld200New.png) no-repeat;
}

.new-act-small .hand-once-box-old300 {
	background: url(/assets/revision/images/activity/user-tier/leftIndexImgOld300New.png) no-repeat;
}

.new-act-small .hand-once-box a {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
}

.new-act-small .hand-once-box i.close {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	z-index: 11;
}

.new-act-small .hand-once-box .d-time {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 3px;
	left: 0;
	font-size: 14px;
	color: #fff
}

.new-act-small .hand-once-box .d-time em,.hand-once .hand-once-box .d-time i {
	display: inline-block
}

.new-act-small .hand-once-box .d-time i {
	width: 20px
}

.new-act-small .hand-once-box .d-time i.millisecondLabel {
	width: 30px
}

.hand-cont-new .leftImg {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 272px;
	height: 148px
}

.hand-cont-new .time {
	position: absolute;
	left: 50%;
	top: -47px;
	width: 621px;
	height: 68px;
	margin-left: -260px;
	line-height: 68px;
	background: url(/assets/revision/images/activity/user-tier/indexBotTime.png) no-repeat center
}

.hand-cont-new .leftCont {
	font-size: 18px;
	color: #fff;
	float: left;
	width: 515px;
	text-align: center
}

.hand-cont-new .leftCont span {
	float: left;
	line-height: 76px;
	font-style: italic
}

.hand-cont-new .d-time {
	font-size: 40px;
	font-weight: 700;
	width: 380px;
	text-align: right;
	margin-right: 8px
}

.hand-cont-new .d-time em,.hand-cont-new .d-time i {
	display: inline-block;
}

.hand-cont-new .d-time em {
	padding-left: 3px;
}

.hand-cont-new .d-time i {
	width: 60px;
	text-align: center;
}

.hand-cont-new .d-time i.millisecondLabel {
	width: 85px;
}

.hand-cont-new .rightClose {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	cursor: pointer
}

.hand-cont-new .userMain {
	width: 928px;
	margin-left: auto;
	color: #fff;
	line-height: 40px;
	padding-top: 34px
}

.hand-cont-new .userMain .cont {
	font-size: 32px;
	float: left
}

.hand-cont-new .userMain .cont i {
	color: #fade51
}

.hand-cont-new .userMain .cliskBtn {
	float: left;
	width: 117px;
	height: 39px;
	line-height: 39px;
	margin-left: 36px;
	font-size: 16px;
	color: #fd1b33;
	text-align: center;
	font-style: normal;
	background: rgba(255,210,0,1);
	border-radius: 5px
}

#new-header .nav-list .live-tips-t {
	position: absolute;
	right: -16px;
	top: 8px;
	width: 90px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	background: #119AFA;
	border-radius: 4px 4px 4px 0px;
	z-index: 2
}

#new-header .nav-list .live-tips-t:before {
	content: '';
	position: absolute;
	left: -4px;
	bottom: 0;
	border: 4px transparent solid;
	border-right-color: #119AFA ;
	transform: rotate(90deg)
}

#new-header .nav-list .live-tips {
	position: relative;
	display: block;
}

#new-header .nav-list .live-tips .live-link {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 54px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #119AFA;
	border-radius: 4px 4px 4px 0px;
	margin: 0;
	padding: 0;
}

#new-header .nav-list .live-tips .live-link:hover {
	color: #fff;
	background: #119AFA;
}

#new-header .nav-list .live-tips .live-link:before {
	content: '';
	position: absolute;
	left: -4px;
	bottom: 0;
	border: 4px transparent solid;
	border-right-color: #119AFA ;
	transform: rotate(90deg)
}

#new-header .nav-list .live-tips-t .rank-icon {
	display: inline-block;
	width: 16px;
	height: 12px;
	overflow: hidden;
	margin-right: 3px;
	vertical-align: top;
	line-height: 12px;
}

#new-header .nav-list .live-tips-t .rank-icon em {
	width: 2px;
	height: 13px;
	margin-right: 2px;
	display: inline-block;
	background: #f9fbfc
}

#new-header .nav-list .live-tips-t .rank-icon em:nth-child(1) {
	-webkit-animation: live-lines 2s linear .2s infinite;
	animation: live-lines 2s linear .2s infinite
}

#new-header .nav-list .live-tips-t .rank-icon em:nth-child(2) {
	-webkit-animation: live-lines 2s linear .4s infinite;
	animation: live-lines 2s linear .4s infinite
}

#new-header .nav-list .live-tips-t .rank-icon em:nth-child(3) {
	-webkit-animation: live-lines 2s linear .6s infinite;
	animation: live-lines 2s linear .6s infinite
}

#new-header .nav-list .live-tips-t .rank-icon em:nth-child(4) {
	-webkit-animation: live-lines 2s linear .8s infinite;
	animation: live-lines 2s linear .8s infinite
}

.dVideoTips {
	position: absolute;
	bottom: 16px;
	left: 0;
	z-index: 1;
	font-size: 14px;
	color: #333;
	padding: 0 30px 0 15px;
	height: 31px;
	line-height: 31px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
	border-radius: 0 16px 16px 0
}

.dVideoTips .dclose {
	position: absolute;
	right: 11px;
	top: 9px;
	color: #333;
	margin-top: 0;
	margin-left: 0;
	width: 13px;
	height: 13px;
	cursor: pointer
}

.dVideoTips .dclose:before {
	content: '';
	position: absolute;
	top: 5px;
	width: 10px;
	height: 1px;
	background-color: #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.dVideoTips .dclose:after {
	content: '';
	position: absolute;
	top: 5px;
	width: 10px;
	height: 1px;
	background-color: #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.dVideoTips .dclose:hover:after,.dVideoTips .dclose:hover:before {
	background-color: #ff701d
}

.dtipsBtn {
	position: absolute;
	bottom: 16px;
	left: -40px;
	z-index: 1;
	width: 30px;
	height: 30px;
	transition: all .25s;
	background: rgba(255,255,255,.9);
	border-radius: 0 15px 15px 0
}

.dtipsBtn .dtipsIcon {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: rgba(255,112,29,1);
	text-align: center;
	border-radius: 50%;
	color: #fff;
	margin: 5px;
	cursor: pointer
}

.dtipsBtn:hover {
	background-color: rgba(255,112,29,.9)
}

.dtipsBtn:hover .dtipsIcon {
	background-color: #fff;
	color: #e8671d
}

.video-num-color {
	color: #FFA900;
}

@keyframes live-lines {
	0% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	25% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px)
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	75% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px)
	}

	100% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}
}

@-webkit-keyframes click {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 0;
	}
}

@-ms-keyframes click {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 0;
	}
}

@-o-keyframes click {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 0;
	}
}

@-moz-keyframes click {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 0;
	}
}

@keyframes click {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 0;
	}
}

.luck-drawed-win {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.luck-drawed-win .win-m {
	width: 650px;
	height: 590px;
	background: url(/assets/revision/images/activity/old-user/act-win.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -310px 0 0 -319px;
	padding: 110px 130px 0 60px;
	text-align: center;
}

.luck-drawed-win .win-m .close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	right: 90px;
	top: 0;
	position: absolute
}

.luck-drawed-win .win-m .title {
	font-size: 40px;
	color: #FF5820;
	font-weight: bold;
}

.luck-drawed-win .win-m .count-box {
	line-height: 82px;
	height: 82px;
	font-size: 28px;
}

.luck-drawed-win .win-m .count-box .countdown {
	padding: 0 10px
}

.luck-drawed-win .win-m .count-box i {
	width: 46px;
	height: 36px;
	border-radius: 5px;
	line-height: 34px;
	border: 1px #FFBD8F solid;
	background: #FFF4EE;
	font-size: 26px;
	color: #FF6700;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}

.luck-drawed-win .win-m .count-box em {
	font-size: 30px;
	color: #FF6700;
	width: 16px;
	display: inline-block;
	font-weight: normal;
	vertical-align: top;
	line-height: 78px;
}

.luck-drawed-win .win-m .list {
	position: relative;
	width: 400px;
	height: 115px;
	margin: 0 auto;
	color: #fff;
}

.luck-drawed-win .win-m .list .p1 {
	font-size: 32px;
	position: absolute;
	left: 20px;
	top: 28px;
}

.luck-drawed-win .win-m .list .p1 span {
	font-size: 56px;
	font-weight: bold;
}

.luck-drawed-win .win-m .list .p2 {
	position: absolute;
	left: 210px;
	top: 28px;
	font-size: 22px;
}

.luck-drawed-win .win-m .list .p3 {
	position: absolute;
	left: 210px;
	top: 64px;
	font-size: 22px;
}

.luck-drawed-win .win-m .btn {
	width: 280px;
	height: 64px;
	line-height: 64px;
	margin: 28px auto 0;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	background: linear-gradient(to right,#ff3600,#ff6a20);
	display: block;
	border-radius: 32px;
}

.luck-drawed-win .win-m .btn:hover {
	background: linear-gradient(to bottom,#ff3600,#ff6a20);
}

.luck-drawed-win .win-m .show-box {
	padding-top: 15px;
	color: #999;
	cursor: pointer;
}

.luck-drawed-win .win-m .tips {
	color: #ff4001;
	line-height: 24px;
	padding-top: 28px;
}

.luck-drawed-win-small {
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 101;
	width: 154px;
	height: 150px;
	background: url(/assets/revision/images/activity/old-user/act-win-small-m10.png);
	text-align: center;
	color: #FF5820;
}

.luck-drawed-win-small .countdown {
	font-weight: 700;
	color: #fe5b55;
	padding-top: 8px;
	font-size: 16px;
}

.luck-drawed-win-small .close {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 8px;
	top: 0;
	cursor: pointer
}

.luck-drawed-win-small a {
	display: block;
	padding-top: 67px;
	height: 100%
}

.double-eleven-win {
	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.double-eleven-win .win-m {
	width: 560px;
	height: 596px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(/assets/revision/images/activity/old-user/bg.png);
	padding-top: 181px
}

.double-eleven-win .win-m .close {
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	top: -43px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) -44px -171px;
	cursor: pointer
}

.double-eleven-win .win-m .p1 {
	text-align: center;
	font-size: 24px;
	color: #fff7ea
}

.double-eleven-win .win-m .red-box {
	padding: 30px 42px 0
}

.double-eleven-win .win-m .red-box .list {
	width: 150px;
	height: 162px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) 0 -1px;
	border-radius: 8px;
	text-align: center;
	padding-top: 70px;
	position: relative
}

.double-eleven-win .win-m .red-box .list span {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 3px #df523a solid;
	line-height: 26px;
	font-size: 24px;
	color: #df523a;
	border-radius: 50%;
	font-weight: 700
}

.double-eleven-win .win-m .red-box .list.fl {
	margin-right: 13px
}

.double-eleven-win .win-m .red-box .list.active {
	box-shadow: 0 0 0 4px #fff7ea
}

.double-eleven-win .win-m .red-box .list.active:before {
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	left: 57px;
	top: -11px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) 0 -171px
}

.double-eleven-win .win-m .red-box .list.active span {
	border-color: #fff7ea;
	color: #fff7ea
}

.double-eleven-win .win-m .btn {
	margin: 30px auto 0;
	width: 360px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: linear-gradient(0deg,#f69c60 0,#ffeac2 100%);
	box-shadow: 0 3px 7px 0 rgba(186,48,37,.25);
	font-weight: 700;
	cursor: pointer;
	font-size: 24px;
	color: #c5382e;
	text-align: center;
	transition: all .2s
}

.double-eleven-win .win-m .btn:hover {
	background: linear-gradient(5deg,#f69c60 0,#ffeac2 100%)
}

.double-eleven-win .win-m .rule {
	padding: 42px 0 0 89px
}

.double-eleven-win .win-m .rule p {
	font-size: 12px;
	color: #ffecbb;
	margin-bottom: 8px;
	font-weight: 700
}

.double-eleven-draw-win {
	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.double-eleven-draw-win .win-m {
	width: 594px;
	height: 628px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(/assets/revision/images/activity/old-user/bg2.png);
	padding-top: 177px
}

.double-eleven-draw-win .win-m .n1 {
	width: 16px;
	height: 16px;
	border: 1px #df523a solid;
	line-height: 14px;
	text-align: center;
	color: #df523a;
	border-radius: 50%;
	position: absolute;
	font-size: 10px;
	left: 127px;
	top: 276px;
	font-weight: 700
}

.double-eleven-draw-win .win-m .n2 {
	width: 16px;
	height: 16px;
	border: 1px #777 solid;
	line-height: 14px;
	text-align: center;
	color: #777;
	border-radius: 50%;
	position: absolute;
	font-size: 10px;
	left: 87px;
	top: 494px;
	font-weight: 700;
	transform: scale(.7)
}

.double-eleven-draw-win .win-m .n3 {
	width: 16px;
	height: 16px;
	border: 1px #777 solid;
	line-height: 14px;
	text-align: center;
	color: #777;
	border-radius: 50%;
	position: absolute;
	font-size: 10px;
	left: 331px;
	top: 494px;
	font-weight: 700;
	transform: scale(.7)
}

.double-eleven-draw-win .win-m .close {
	width: 38px;
	height: 38px;
	position: absolute;
	right: 42px;
	top: 8px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) -44px -171px;
	cursor: pointer
}

.double-eleven-draw-win .win-m .count-down {
	font-size: 30px;
	color: #db5038;
	padding-left: 134px
}

.double-eleven-draw-win .win-m .coupon {
	padding: 42px 0 0 292px;
	color: #fff
}

.double-eleven-draw-win .win-m .coupon .p1 {
	font-size: 16px;
	color: #fff
}

.double-eleven-draw-win .win-m .coupon .p1 b {
	font-size: 28px
}

.double-eleven-draw-win .win-m .coupon .p1 b i {
	font-size: 20px;
	font-weight: 400
}

.double-eleven-draw-win .win-m .coupon .p2 {
	padding: 12px 0 0 9px;
	font-size: 20px
}

.double-eleven-draw-win .win-m .btn {
	display: block;
	margin: 46px 0 0 111px;
	width: 360px;
	height: 60px;
	border-radius: 30px;
	background: linear-gradient(0deg,#ea361e 0,#fd6931 100%);
	box-shadow: 0 3px 7px 0 rgba(186,48,37,.25);
	font-weight: 700;
	cursor: pointer;
	font-size: 24px;
	color: #fffefe;
	text-align: center;
	padding-top: 8px
}

.double-eleven-draw-win .win-m .btn span {
	font-size: 12px;
	color: #fefde9;
	display: inline-block;
	vertical-align: top;
	padding-top: 6px
}

.double-eleven-draw-win .win-m .btn:hover {
	background: linear-gradient(20deg,#fd6931 0,#ea361e 100%)
}

.double-eleven-draw-win .win-m .other-coupon {
	padding: 55px 78px 0 135px
}

.double-eleven-draw-win .win-m .other-coupon .list {
	width: 138px;
	text-align: center;
	padding-top: 9px
}

.double-eleven-draw-win .win-m .other-coupon .list .p1 {
	font-size: 16px;
	color: #999
}

.double-eleven-draw-win .win-m .other-coupon .list .p1 b {
	font-size: 24px
}

.double-eleven-draw-win .win-m .other-coupon .list .p2 {
	color: #999;
	padding-top: 5px
}

.double-eleven-draw-win .win-m .rule {
	padding: 40px 0 0 99px
}

.double-eleven-draw-win .win-m .rule p {
	font-size: 12px;
	color: #ffecbb;
	margin-bottom: 8px;
	font-weight: 700
}

.double-eleven-small2-win {
	position: fixed;
	z-index: 11;
	left: 18px;
	bottom: 18px;
	width: 150px;
	height: 152px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) -306px 0
}

.double-eleven-small2-win a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.double-eleven-small2-win .close {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 7px;
	top: 5px;
	cursor: pointer;
	z-index: 2
}

.double-eleven-small-win {
	position: fixed;
	z-index: 11;
	left: 18px;
	bottom: 18px;
	width: 150px;
	height: 152px;
	background: url(/assets/revision/images/activity/old-user/win-icon.png) -153px 0;
	padding-top: 79px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: #fff7e1
}

.double-eleven-small-win a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.double-eleven-small-win .close {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 7px;
	top: 5px;
	cursor: pointer;
	z-index: 2
}

.raffle-win {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.raffle-win.active .win-m .draw-box .luck-list .list {
	background: url(/assets/revision/images/activity/double12/box.png);
	color: #999999;
}

.raffle-win.active .win-m .draw-box .luck-list .list.on {
	background: url(/assets/revision/images/activity/double12/box-active.png);
	color: #FF583D;
}

.raffle-win .win-m {
	width: 562px;
	height: 516px;
	background: url(/assets/revision/images/activity/double12/middle-bar.png) ;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -258px 0 0 -250px
}

.raffle-win .win-m .close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	right: 0;
	top: 0;
	position: absolute
}

.raffle-win .win-m .draw-box {
	margin: 279px 0 0 30px;
	width: 440px;
	height: 100px;
	overflow: hidden;
	position: relative
}

.raffle-win .win-m .draw-box .luck-list {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: scl2 60s cubic-bezier(.49,.14,.47,1) forwards;
	animation: scl2 60s cubic-bezier(.49,.14,.47,1) forwards;
	width: 100%;
	white-space: nowrap;
}

.raffle-win .win-m .draw-box .luck-list .list {
	width: 100px;
	height: 100px;
	margin-right: 10px;
	background: url(/assets/revision/images/activity/double12/box-active.png);
	position: relative;
	text-align: center;
	color: #FF583D;
	padding-top: 20px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}

.raffle-win .win-m .draw-box .luck-list .list .s1 {
	font-size: 36px;
}

.raffle-win .win-m .draw-btn {
	width: 300px;
	height: 50px;
	margin: 43px 0 0 100px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #FF583D;
	cursor: pointer;
	background: linear-gradient(180deg, #FFEFBE 0%, #F8CB5B 100%);
	border-radius: 25px;
}

.raffle-win .win-m .draw-bot {
	padding-top: 15px;
	text-align: center;
	color: #FFF8E1;
	font-size: 12px;
	width: 500px;
}

.raffle-win .win-m .draw-bot .not-show {
	cursor: pointer;
}

.raffle-win .win-m .draw-bot .line {
	padding: 0 10px
}

.raffle-win .win-m .draw-bot .tips {
	cursor: pointer;
	position: relative;
}

.raffle-win .win-m .draw-bot .tips i {
	position: absolute;
	left: -217px;
	top: 24px;
	padding: 0 14px;
	background: rgba(0,0,0,.7);
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	white-space: nowrap;
	display: none;
}

.raffle-win .win-m .draw-bot .tips:hover i {
	display: block;
}

.raffle-win .win-m .draw-bot .tips i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -9px;
	border: 5px transparent solid;
	border-bottom: 4px rgba(0, 0, 0, .7) solid;
}

.raffled-win {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.raffled-win .win-m {
	width: 562px;
	height: 511px;
	background: url(/assets/revision/images/activity/double12/middle-bar2.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -256px 0 0 -250px;
	padding-top: 370px;
}

.raffled-win .win-m .close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	right: 0;
	top: 0;
	position: absolute
}

.raffled-win .win-m .countdown {
	font-size: 22px;
	color: #FFF8E1;
	text-align: center;
	width: 500px;
}

.raffled-win .win-m .countdown span {
	font-weight: 700;
	padding: 0 5px
}

.raffled-win .win-m .btn {
	width: 300px;
	height: 50px;
	margin: 24px 0 0 100px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #FF583D;
	cursor: pointer;
	background: linear-gradient(180deg, #FFEFBE 0%, #F8CB5B 100%);
	border-radius: 25px;
	display: block;
}

.raffled-win .win-m .draw-bot {
	padding-top: 15px;
	text-align: center;
	color: #FFF8E1;
	font-size: 12px;
	width: 500px;
}

.raffled-win .win-m .draw-bot .not-show {
	cursor: pointer;
}

.raffled-win .win-m .draw-bot .line {
	padding: 0 10px
}

.raffled-win .win-m .draw-bot .tips {
	cursor: pointer;
	position: relative;
}

.raffled-win .win-m .draw-bot .tips i {
	position: absolute;
	left: -217px;
	top: 24px;
	padding: 0 14px;
	background: rgba(0,0,0,.7);
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	white-space: nowrap;
	display: none;
}

.raffled-win .win-m .draw-bot .tips:hover i {
	display: block;
}

.raffled-win .win-m .draw-bot .tips i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -9px;
	border: 5px transparent solid;
	border-bottom: 4px rgba(0, 0, 0, .7) solid;
}

.raffled-win {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.raffle-win-small {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 101;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/double12/left-bar.png);
	padding-top: 27px;
	text-align: center;
	font-weight: bold;
}

.raffle-win-small .close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.raffle-win-small .p1 {
	font-size: 18px;
	color: #FFF8E1;
}

.raffle-win-small .p2 {
	font-size: 14px;
	color: #FFF8E1;
	padding-top: 10px;
}

.raffle-win-small .p2 span {
	font-size: 24px;
	color: #fff;
	padding: 0 5px;
}

.raffle-win-small .btn {
	display: block;
	margin: 15px auto 0;
	width: 110px;
	height: 30px;
	cursor: pointer;
	background: linear-gradient(to bottom,#FFEFBE,#F8CB5B);
	font-size: 16px;
	color: #FF583D;
	line-height: 30px;
	border-radius: 15px;
	display: block;
}

.raffled-win-small {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 101;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/double12/left-bar.png);
	text-align: center;
	font-weight: bold;
}

.raffled-win-small .p1 {
	font-size: 18px;
	color: #FFF8E1;
}

.raffled-win-small .p2 {
	font-size: 14px;
	color: #FFF8E1;
	padding-top: 6px;
}

.raffled-win-small .p2 span {
	font-size: 24px;
	color: #fff;
	padding: 0 5px;
}

.raffled-win-small .countdown {
	font-weight: 700;
	color: #FFF8E1;
	margin: 7px auto 0;
	width: 110px;
	height: 20px;
	line-height: 20px;
	background: #FF9F1E;
	border-radius: 10px;
}

.raffled-win-small .close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.raffled-win-small .btn {
	margin: 9px auto 0;
	width: 110px;
	height: 30px;
	cursor: pointer;
	background: linear-gradient(to bottom,#FFEFBE,#F8CB5B);
	font-size: 16px;
	color: #FF583D;
	line-height: 30px;
	border-radius: 15px;
	display: block;
}

.raffled-win-small a {
	display: block;
	padding-top: 17px;
	height: 100%
}

.scaleBtn {
	animation: scaleSmall .8s linear infinite
}

@keyframes scaleSmall {
	50% {
		transform: scale(.9)
	}
}

@keyframes scl {
	0% {
		left: -100px
	}

	100% {
		left: -2910px
	}
}

@keyframes scl2 {
	0% {
		left: -50px
	}

	100% {
		left: -2910px
	}
}

/* 年终500活动 20210201/20210218 */
.year-end-win {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.year-end-win .win-m {
	width: 560px;
	height: 492px;
	background: url(/assets/revision/images/activity/old-user/20210218/middle-bar.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -246px 0 0 -280px;
	padding-top: 300px
}

.year-end-win .win-m .close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	right: 23px;
	top: -4px;
	position: absolute
}

.year-end-win .win-m .countdown {
	font-size: 16px;
	color: #fefcde;
	text-align: center
}

.year-end-win .win-m .countdown span {
	font-size: 20px;
	font-weight: 700;
	padding: 0 5px
}

.year-end-win .win-m .btn {
	width: 236px;
	height: 60px;
	margin: 20px auto 0;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #b63c23;
	cursor: pointer;
	background: url(/assets/revision/images/activity/old-user/20210218/btn.png) no-repeat center/cover;
	border-radius: 25px;
	display: block
}

.year-end-win .win-m .draw-bot {
	padding-top: 15px;
	text-align: center;
	color: #fde1b4;
	font-size: 12px
}

.year-end-win .win-m .draw-bot .not-show {
	cursor: pointer;
}

.year-end-win .win-m .draw-bot .line {
	padding: 0 10px
}

.year-end-win .win-m .draw-bot .tips {
	cursor: pointer;
	position: relative;
}

.year-end-win .win-m .draw-bot .tips i {
	position: absolute;
	left: -220px;
	top: 24px;
	color: #fff;
	padding: 0 14px;
	background: rgba(0,0,0,.7);
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	white-space: nowrap;
	display: none
}

.year-end-win .win-m .draw-bot .tips:hover i {
	display: block;
}

.year-end-win .win-m .draw-bot .tips i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -9px;
	border: 5px transparent solid;
	border-bottom: 4px rgba(0, 0, 0, .7) solid;
}

.year-end-win-small {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 101;
	width: 137px;
	height: 154px;
	background: url(/assets/revision/images/activity/old-user/20210218/left-bar.png);
	text-align: center;
	font-weight: 700
}

.year-end-win-small .p1 {
	color: #fff8dc;
	text-align: left;
	padding-left: 24px
}

.year-end-win-small .p2 {
	color: #ec2313;
	line-height: 46px;
	height: 46px;
	overflow: hidden;
	text-align: left;
	padding-left: 20px
}

.year-end-win-small .p2 span {
	font-size: 42px;
	color: #ec2313;
	padding-right: 5px;
	display: inline-block;
	height: 42px
}

.year-end-win-small .countdown {
	font-weight: 700;
	color: #FFF8E1;
	margin: 2px auto 0;
	width: 110px;
	height: 20px;
	line-height: 20px;
	background: #FF9F1E;
	border-radius: 10px;
}

.year-end-win-small .close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 2;
}

.year-end-win-small .btn {
	margin: 5px auto 0;
	width: 110px;
	height: 30px;
	cursor: pointer;
	font-size: 14px;
	color: #ec2313;
	line-height: 30px;
	border-radius: 15px;
	display: block
}

.year-end-win-small a {
	display: block;
	padding-top: 20px;
	height: 100%
}

.year-end-win .win2 {
	width: 340px;
	height: 485px;
	background: url(/assets/revision/images/activity/old-user/20210715/middle-bar2.v2.png);
	padding-top: 314px;
	margin: -242px 0 0 -170px
}

.year-end-win .win2 .close {
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
}

.year-end-win .win2 .p2 {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.year-end-win .win2 .p2 em {
	padding: 0 5px
}

.year-end-win .win2 .btn {
	width: 260px;
	height: 50px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 30px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	color: #B63C23;
	margin-top: 46px;
}

.year-end-win .win2 .tips {
	padding-top: 20px;
	text-align: center;
	font-size: 12px;
	color: #FFFBEB;
}

.year-end-win .win2 .tips i {
	font-weight: bold;
}

.year-end-win .win2 .tips span {
	padding-left: 12px;
	cursor: pointer;
	position: relative;
}

.year-end-win .win2 .tips .pos {
	position: absolute;
	width: 380px;
	top: 36px;
	left: -225px;
	font-size: 12px;
	color: #F7F8FA;
	line-height: 24px;
	padding: 10px 10px 10px 18px;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	text-align: left;
	display: none;
}

.year-end-win .win2 .tips span:hover .pos {
	display: block;
}

.year-end-win-small-20210201 {
	width: 150px;
	height: 154px;
	bottom: 15px;
	font-weight: normal;
	background: none;
}

.year-end-win-small-20210201 > a {
	padding-top: 0;
}

.year-end-win-small-20210201 .close {
	right: 0
}

.year-end-win-small-20210201 .box .countdown {
	font-size: 12px;
	height: 15px;
	background: none;
	font-weight: normal;
	color: #FF2E2E;
	line-height: 12px;
}

.year-end-win-small-20210201 .win2 {
	padding-top: 82px;
	width: 150px;
	height: 154px;
	background: url(/assets/revision/images/activity/old-user/20210715/left-bar2.v2.png);
	overflow: hidden;
	color: #FF2E2E;
	padding-right: 8px;
	position: absolute;
}

.year-end-win-small-20210201 .win2 .p1 {
	color: #fff;
	padding-left: 0;
	text-align: center;
}

.year-end-win-small-20210201 .win2 .btn {
	width: 114px;
	height: 30px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 15px;
	margin: 20px auto 0;
	font-size: 16px;
	color: #B63C23;
	font-weight: bold;
}

@keyframes animation-down {
	25% {
		transform: translateY(-5px);
	}

	75% {
		transform: translateY(5px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes animation-rotate {
	48% {
		transform: rotateY(0)
	}

	50% {
		transform: rotateY(90deg);
	}

	98% {
		transform: rotateY(90deg)
	}

	100% {
		transform: rotateY(0)
	}
}

@keyframes animation-rotate2 {
	50% {
		transform: rotateY(90deg);
	}

	52% {
		transform: rotateY(0)
	}

	96% {
		transform: rotateY(0)
	}

	98% {
		transform: rotateY(90deg)
	}
}

.year-end-win .win-m-20210218 {
	width: 351px;
	height: 315px;
	background: url(/assets/revision/images/activity/old-user/20210601/middle-bar.png);
	margin: -158px 0 0 -175px;
	padding-top: 64px;
}

.year-end-win .win-m-20210218 .close {
	width: 20px;
	height: 20px;
	top: 0;
	right: 4px;
}

.year-end-win .win-m-20210218 .countdown {
	color: #F18C32;
	font-size: 18px;
}

.year-end-win .win-m-20210218 .countdown span {
	font-weight: normal;
	vertical-align: top;
}

.year-end-win .win-m-20210218 .btn {
	width: 260px;
	height: 50px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 30px;
	margin: 146px 0 0 44px;
	font-size: 20px;
	color: #B63C23;
	line-height: 50px;
}

.year-end-win .win-m-20210218 .draw-bot {
	color: #fff;
	padding-top: 12px;
}

.year-end-win-small-20210218 {
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/old-user/20210601/left-bar.png);
}

.year-end-win-small-20210218 a {
	padding-top: 13px;
}

.year-end-win-small-20210218 .countdown {
	width: 114px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	text-align: center;
	margin: 2px auto 0;
	color: #FFF8E1;
	background: #FF9F1E;
	font-weight: normal;
}

.year-end-win-small-20210218 .btn {
	width: 114px;
	height: 30px;
	background: linear-gradient(180deg, #FFF6DB 0%, #FFDB83 100%);
	border-radius: 15px;
	margin: 7px auto 0;
	line-height: 30px;
	font-size: 16px;
	color: #B63C23;
}

.year-end-win-small-20210218 .close {
	right: 0;
}

.year-end-win-small-20210218 .p1 {
	font-weight: bold;
	color: #FFF8E1;
}

.year-end-win-small-20210218 .p2 {
	color: #FFF8E1;
	font-weight: bold;
}

.year-end-win-small-20210218 .p2 i {
	font-size: 42px;
	vertical-align: -2px;
}

.lifelong-vip-win {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1001;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
}

.lifelong-vip-win .win-m {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 396px;
	height: 574px;
	margin: -297px 0 0 -200px;
	background: url(/assets/revision/images/activity/old-user/20211015/middle-bar.png) no-repeat;
	text-align: center;
}

.lifelong-vip-win .win-m .close {
	position: absolute;
	left: 185px;
	bottom: 0;
	width: 30px;
	height: 30px;
}

.lifelong-vip-win .win-m .link {
	display: block;
	height: 100%;
	padding: 348px 0 0 5px;
}

.lifelong-vip-win .win-m .time {
	color: #fff;
	font-size: 18px;
}

.lifelong-vip-win .win-m .btn {
	width: 252px;
	height: 54px;
	line-height: 54px;
	background: linear-gradient(to bottom,#fff8d4,#fee97b);
	border-radius: 27px;
	color: #E23A0E;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 3px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
	margin-top: 50px;
}

.lifelong-vip-win .win-m .btn span {
	display: block;
	height: 100%;
	box-shadow: 0 5px 0 #FAA729;
	padding-left: 5px;
	border-radius: 27px;
}

.lifelong-vip-win .win-m .tips {
	color: #FFD9D2;
	font-size: 12px;
	margin-top: 20px;
}

.lifelong-vip-win .win-m .tips .rule {
	display: inline-block;
	vertical-align: top;
	margin-left: 17px;
	position: relative;
}

.lifelong-vip-win .win-m .tips .rule::before {
	content: '';
	width: 1px;
	height: 12px;
	position: absolute;
	left: -9px;
	top: 1px;
	background: #FFD9D2;
}

.lifelong-vip-win .win-m .tips .pos {
	position: absolute;
	left: -242px;
	top: 24px;
	color: #fff;
	padding: 0 14px;
	background: rgba(0,0,0,.7);
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	white-space: nowrap;
	display: none
}

.lifelong-vip-win .win-m .tips .rule:hover .pos {
	display: block;
}

.lifelong-vip-win .win-m .tips .pos:before {
	content: '';
	position: absolute;
	left: 73%;
	top: -9px;
	border: 5px transparent solid;
	border-bottom: 4px rgba(0, 0, 0, .7) solid;
}

.lifelong-vip-win-small {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 158px;
	height: 164px;
	background: url(/assets/revision/images/activity/old-user/20211015/left-bar.png) no-repeat;
	z-index: 11;
}

.lifelong-vip-win-small .close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 20px;
	height: 20px;
	z-index: 1;
}

.lifelong-vip-win-small .p1 {
	font-size: 12px;
	color: #E23A0E
}

.lifelong-vip-win-small .win {
	display: block;
	height: 100%;
	padding: 101px 0 0 24px;
}

.lifelong-vip-win-pos {
	width: 107px;
	height: 50px;
	position: fixed;
	left: -10px;
	bottom: 70px;
	background: url(/assets/revision/images/activity/old-user/20211015/left-pos.png) no-repeat;
	transition: all .3s;
	border-radius: 0 25px 25px 0;
}

.lifelong-vip-win-pos:hover {
	left: 0;
}

/* -- 新版vip图标 -- */
.new-vip-icon {
	background: url(/assets/revision/images/base-icon.v90.png);
	width: 16px;
	height: 16px;
	display: inline-block;
	z-index: 1
}

.new-vip-icon.type-vip-icon {
	background-position: -727px 0
}

.new-vip-icon.type-svip-icon {
	background-position: -727px -24px
}

.new-vip-icon.base-vip-icon {
	background-position: -727px -46px
}

.new-vip-icon.base-svip-icon {
	background-position: -727px -70px
}

.new-vip-icon.type-vip-icon.circle {
	background-position: -751px 0
}

.new-vip-icon.type-svip-icon.circle {
	background-position: -751px -24px
}

.new-vip-icon.base-vip-icon.circle {
	background-position: -751px -47px
}

.new-vip-icon.base-svip-icon.circle {
	background-position: -751px -71px
}

.new-vip-icon.pos-txt {
	position: relative;
}

.new-vip-icon.pos-txt:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 4px;
	display: none;
	z-index: 1;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #fff
}

.new-vip-icon.pos-txt:after {
	content: attr(data-vip-name);
	height: 22px;
	line-height: 22px;
	color: #201017;
	display: none;
	box-shadow: rgba(0,0,0,.08) 0 2px 6px 2px;
	white-space: nowrap;
	left: -4px;
	top: 25px;
	position: absolute;
	border-radius: 5px;
	background: #fff;
	padding: 0 10px
}

.new-vip-icon.pos-txt:hover:after,.new-vip-icon.pos-txt:hover:before {
	display: block
}

/*买一送一活动弹窗*/
.dComTab {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001
}

.dComTabCel {
	display: table-cell;
	vertical-align: middle
}

.dComTab .dComTabCel .dclosev1 {
	color: #fff;
	position: absolute;
	right: 30px;
	top: 20px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22
}

.dComTab .dComTabCel .dclosev1:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 8px;
	width: 22px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.dComTab .dComTabCel .dclosev1:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 8px;
	width: 22px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.dComTab .dComTabCel .allVipMain {
	width: 625px;
	height: 625px;
	background: url(/assets/revision/images/activity/allvip-more/bigAllVipBgImg.png) no-repeat center;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.allVipMain .allVipTitle {
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding: 170px 0 30px;
}

.allVipMain .allVipCen {
	width: 466px;
	margin: 0 auto;
}

.allVipMain .allVipList {
	text-align: center;
	width: 200px;
	height: 130px;
}

.allVipMain .allVipList .listTitle {
	font-size: 18px;
	color: #FFA900;
	margin: 28px 0 20px;
}

.allVipMain .allVipList .listPrice {
	font-size: 16px;
	color: #FF583D;
}

.allVipMain .allVipList .listPrice span {
	font-size: 36px;
}

.allVipMain .allVipTime {
	width: 320px;
	height: 40px;
	line-height: 40px;
	margin: 25px auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #4539C8;
	text-shadow: 0 1px 0 #fff;
}

.allVipMain .allVipTime .timeAct i {
	color: #FF694F;
}

.allVipMain .rushBuyBtn {
	width: 420px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	background: linear-gradient(0deg,rgba(204,48,22,1),rgba(255,118,96,1));
	box-shadow: 0 3px 0 0 rgba(129,29,13,1),0 1px 2px 0 rgba(255,255,255,1);
	border-radius: 30px;
	font-size: 20px;
	color: #feffa4;
	cursor: pointer;
	-webkit-animation: antBtn 1s linear infinite;
	-ms-animation: antBtn 1s linear infinite;
	-moz-animation: antBtn 1s linear infinite;
	-o-animation: antBtn 1s linear infinite;
	animation: antBtn 1s linear infinite
}

.allVipMain .rushBuyBtn span {
	font-size: 32px
}

.allVipMain .rushBuyBtn:hover {
	background: linear-gradient(0deg,rgba(209,69,47,1),rgba(254,131,111,1));
	box-shadow: 0 3px 0 0 rgba(129,29,13,1),0 1px 2px 0 rgba(255,255,255,1)
}

.allVipMain .allVipRule {
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	text-align: left;
	width: 420px;
	margin: 10px auto
}

.allVipMain .allVipRule p {
	padding-left: 19px
}

.smallVipMain {
	width: 150px;
	height: 150px;
	text-align: center;
	background: url(/assets/revision/images/activity/allvip-more/smallAllVipBgImg.png) no-repeat center;
	position: fixed;
	left: 10px;
	bottom: 10px;
	cursor: pointer;
	z-index: 11;
}

.smallVipMain .dclosev1 {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22
}

.smallVipMain .dclosev1:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 5px;
	width: 10px;
	height: 1px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.smallVipMain .dclosev1:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 5px;
	width: 10px;
	height: 1px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.smallVipMain .smallTitle {
	color: #feffa4;
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px
}

.smallVipMain .smallTitle .topTitle {
	font-size: 16px;
	margin-bottom: 7px
}

.smallVipMain .smallRushBuy {
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 110px;
	font-size: 16px;
	color: #feffa4;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	background: linear-gradient(0deg,rgba(204,48,22,1),rgba(255,118,96,1));
	box-shadow: 0 2px 0 0 rgba(129,29,13,1),0 1px 2px 0 rgba(255,255,255,1);
	border-radius: 15px;
	-webkit-animation: antBtn 1s linear infinite;
	-ms-animation: antBtn 1s linear infinite;
	-moz-animation: antBtn 1s linear infinite;
	-o-animation: antBtn 1s linear infinite;
	animation: antBtn 1s linear infinite
}

.smallVipMain .smallRushBuy:hover {
	background: linear-gradient(0deg,rgba(209,69,47,1),rgba(254,131,111,1));
	box-shadow: 0 3px 0 0 rgba(129,29,13,1),0 1px 2px 0 rgba(255,255,255,1)
}

.smallVipMain .smallVipTime {
	font-size: 14px;
	font-weight: 700;
	color: #4539c8;
	line-height: 18px;
	margin-top: 6px
}

@-webkit-keyframes antBtn {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-moz-transform: scale(.9)
	}

	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}
}

@-ms-keyframes antBtn {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-moz-transform: scale(.9)
	}

	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}
}

@-o-keyframes antBtn {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-moz-transform: scale(.9)
	}

	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}
}

@-moz-keyframes antBtn {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-moz-transform: scale(.9)
	}

	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}
}

@keyframes antBtn {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}

	50% {
		transform: scale(.9);
		-ms-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-moz-transform: scale(.9)
	}

	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1)
	}
}

.tips-classify-pay-nav {
	height: 40px;
	border-radius: 5px;
	border: 1px solid #ff583d;
	margin: 14px 14px 0;
	font-size: 16px;
	color: #ff583d;
	text-align: center;
	line-height: 38px;
	background: #fffbf8
}

.tips-classify-pay-nav span {
	margin-right: 20px
}

.tips-classify-pay-nav span:last-child {
	margin-right: 0
}

.tips-classify-pay-nav span strong {
	font-size: 22px
}

/*  过期续费弹窗 start  */
.renewBgColor {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	z-index: 1000
}

.renewProp {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 654px;
	height: 590px;
	margin-left: -317px;
	margin-top: -285px;
	background: url(/assets/revision/images/activity/induce-expired/renewBgImg.png) no-repeat center;
	z-index: 1111;
	text-align: center
}

.renewProp .dclose {
	display: block;
	position: absolute;
	top: 93px;
	right: 25px;
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.renewProp .ntips {
	font-size: 28px;
	color: #ff4170;
	line-height: 37px;
	margin-top: 270px
}

.renewProp .ntips span {
	padding: 0 17px
}

.renewProp .ntips span i {
	font-size: 32px;
	font-weight: 700;
	padding: 0 8px
}

.renewProp .nimportant {
	letter-spacing: 4px;
	font-size: 36px;
	color: #333;
	font-weight: 700;
	height: 66px;
	line-height: 80px;
	margin: 17px 0 45px
}

.renewProp .nimportant span {
	font-size: 50px;
	color: #ff4170
}

.renewProp .nbtn {
	position: relative;
	display: inline-block;
	-webkit-animation: clickclick191129 .5s linear infinite;
	-ms-animation: clickclick191129 .5s linear infinite;
	-moz-animation: clickclick191129 .5s linear infinite;
	-o-animation: clickclick191129 .5s linear infinite;
	animation: clickclick191129 .5s linear infinite
}

.renewProp .nbtn img {
	width: 348px;
	height: 79px
}

@keyframes clickclick191129 {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	50% {
		transform: translate(0,-4px)
	}

	100% {
		transform: translate(0,0)
	}
}

.renewProp .tipsBot {
	font-size: 16px;
	color: #fff;
	margin-top: 45px;
	text-align: right
}

.renewProp .tipsBot label {
	margin-right: 60px;
	cursor: pointer
}

.renewProp .tipsBot label i {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	margin-right: 6px;
	border-radius: 3px;
	vertical-align: -2px
}

.renewProp .tipsBot label.on i:before {
	content: '';
	color: #fff;
	position: absolute;
	left: 1px;
	bottom: 3px;
	width: 8px;
	height: 4px;
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.npfRenewLeft {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 124px;
	height: 174px;
	z-index: 999;
	text-align: center;
	background: url(/assets/revision/images/activity/induce-expired/renewPfBgImg.png) no-repeat center/contain;
}

.npfRenewLeftBuyBg {
	background: url(/assets/revision/images/activity/induce-expired/renewPfBgBuyImg.png) no-repeat center/contain;
}

.npfRenewLeft .dclose {
	position: absolute;
	left: 0;
	top: 30px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	z-index: 999
}

.npfRenewLeft .comeOn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 998
}

.npfRenewLeft .renewBtn {
	position: absolute;
	z-index: 999;
	bottom: 14px;
	left: 20px;
	text-align: center;
	color: #ff3163;
	width: 84px;
	height: 22px;
	line-height: 22px;
	background-color: #fff;
	border-radius: 40px;
	box-shadow: 2px 2px 6px #ff3163;
	font-weight: 700;
	font-size: 14px;
	-webkit-animation: antBtn 1s linear infinite;
	-ms-animation: antBtn 1s linear infinite;
	-moz-animation: antBtn 1s linear infinite;
	-o-animation: antBtn 1s linear infinite;
	animation: antBtn 1s linear infinite
}

@keyframes antBtn {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

/*  过期续费弹窗 end  */
/*花瓣用户优惠*/
.huaban-discount {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001
}

.huaban-discount .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	z-index: 999
}

.huaban-discount .huaban-discount-c {
	width: 450px;
	height: 545px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -272px;
	margin-left: -225px;
	z-index: 1000;
	background: url(/assets/revision/images/activity/huaban-discount/popup-bg.png) no-repeat
}

.huaban-discount .huaban-discount-c .close {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 16px;
	right: 0;
	cursor: pointer
}

.huaban-discount .huaban-discount-c .lab {
	width: 68px;
	height: 26px;
	line-height: 26px;
	background: #5aaa19;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(194,45,56,.35);
	position: absolute;
	top: 172px;
	left: 24px
}

.huaban-discount .huaban-discount-c .huaban-discount-q {
	width: 340px;
	height: 100px;
	margin: 205px auto 20px
}

.huaban-discount .huaban-discount-c .huaban-discount-q .l {
	width: 80px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 24px;
	text-align: center;
	padding: 14px 28px
}

.huaban-discount .huaban-discount-c .huaban-discount-q .r {
	width: 260px;
	text-align: center
}

.huaban-discount .huaban-discount-c .huaban-discount-q .r span {
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 16px 0 8px
}

.huaban-discount .huaban-discount-c .huaban-discount-q .r span strong {
	font-size: 36px
}

.huaban-discount .huaban-discount-c .huaban-discount-q .r b {
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #fff
}

.huaban-discount .huaban-discount-c .huaban-discount-btn {
	display: block;
	font-weight: bold;
	width: 340px;
	height: 60px;
	border-radius: 30px;
	background: linear-gradient(0deg,rgba(253,105,49,1) 0,rgba(234,54,30,1) 100%);
	box-shadow: 0 3px 7px 0 rgba(186,48,37,.25);
	margin: 0 auto 20px;
	font-size: 24px;
	color: #fffefe;
	text-align: center;
	padding-top: 10px;
	transition: all .2s
}

.huaban-discount .huaban-discount-c .huaban-discount-btn:hover {
	background: linear-gradient(0deg,rgba(253,135,90,1) 0,rgba(238,95,75,1) 100%)
}

.huaban-discount .huaban-discount-c .huaban-discount-btn small {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #fefde9;
	margin-top: 6px
}

.huaban-discount .huaban-discount-c .huaban-discount-t {
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #fff
}

.huaban-discount .huaban-discount-c .huaban-discount-t i {
	font-size: 26px
}

.huaban-discount .huaban-discount-c .huaban-discount-b {
	padding: 16px 0 0 30px
}

.huaban-discount .huaban-discount-c .huaban-discount-b p {
	font-size: 12px;
	color: #ffecbb;
	padding-bottom: 8px
}

.huaban-discount-small {
	width: 150px;
	height: 150px;
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 101;
	background: url(/assets/revision/images/activity/huaban-discount/popup-small-bg.png);
	text-align: center;
	color: #fff7e1
}

.huaban-discount-small .close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.huaban-discount-small .cd {
	font-size: 16px;
	font-weight: 700;
	margin-top: 78px
}

.huaban-discount-small a {
	display: block;
	width: 110px;
	height: 34px;
	margin: 8px auto 0
}

/* 双12活动 */
.activity-twelve-paf {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

.activity-twelve-bgColor {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7)
}

.activity-twelve-body .activity-main {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -303px;
	margin-left: -280px;
	width: 560px;
	height: 606px
}

.activity-twelve-body .activity-main .topMainBg {
	padding-top: 167px;
	width: 560px;
	height: 536px;
	background: url(/assets/revision/images/activity/old-user/activity-twelve-bgImg1.png) no-repeat
}

.activity-twelve-body .activity-main .activity-list {
	position: relative;
	height: 215px
}

.activity-twelve-body .activity-main .activity-list .list-a {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 160px;
	height: 215px;
	cursor: pointer;
	transition: all 1s
}

.activity-twelve-body .activity-main .activity-list .list-a .activity-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/revision/images/activity/old-user/activity-card.png) no-repeat;
	color: #bd5503;
	text-align: center;
	font-size: 32px;
	transition: all .25s
}

.activity-twelve-body .activity-main .activity-list .list-a .activity-bg span {
	display: block;
	padding-top: 60px
}

.activity-twelve-body .activity-main .activity-list .list-a.on .activity-bg span {
	padding-top: 65px
}

.activity-twelve-body .activity-main .activity-list .list-a.on .activity-bg {
	position: absolute;
	top: -18px;
	left: -4px;
	width: 168px;
	height: 223px;
	background: url(/assets/revision/images/activity/old-user/activity-card1.png) no-repeat;
	color: #e13518
}

.activity-twelve-body .activity-main .activity-list .list-a.listRotate {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg)
}

.activity-twelve-body .activity-main .activity-rule {
	color: #ffe9c3;
	text-indent: 88px;
	font-weight: 700;
	font-size: 12px
}

.activity-twelve-body .activity-main .activity-rule p {
	margin-bottom: 8px
}

.activity-twelve-body .activity-main .topActivityBtn {
	display: block;
	margin: 20px auto 15px;
	width: 320px;
	height: 50px;
	border-radius: 25px;
	background: linear-gradient(0deg,rgba(246,156,96,1) 0,rgba(255,234,194,1) 100%);
	background-color: rgba(255,234,194,1);
	box-shadow: 0 4px 8px 0 rgba(186,48,37,.25);
	color: #e13518;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	line-height: 50px;
	cursor: pointer
}

.activity-twelve-body .activity-main .topActivityBtn:hover {
	background: linear-gradient(0deg,rgba(248,177,129,1) 0,rgba(255,238,206,1) 100%);
	background-color: rgba(255,238,206,1);
	box-shadow: 0 4px 8px 0 rgba(186,48,37,.25)
}

.activity-twelve-close {
	position: relative;
	display: block;
	margin: 20px auto 0;
	width: 50px;
	height: 50px;
	border: 2px solid #ddd;
	border-radius: 50%;
	color: #fff;
	cursor: pointer
}

.activity-twelve-close:before {
	position: absolute;
	top: 21px;
	left: 10px;
	width: 26px;
	height: 2px;
	background-color: currentColor;
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

.activity-twelve-close:after {
	position: absolute;
	top: 21px;
	left: 10px;
	width: 26px;
	height: 2px;
	background-color: currentColor;
	content: '';
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.activity-twelve-html .activity-main {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -311px;
	margin-left: -242px;
	width: 484px;
	height: 622px
}

.activity-twelve-html .activity-main .topMainBg {
	padding-top: 242px;
	width: 484px;
	height: 552px;
	background: url(/assets/revision/images/activity/old-user/activity-twelve-bgImg2.png) no-repeat
}

.activity-twelve-html .activity-main .activityUseBtn {
	display: block;
	margin: 0 auto;
	width: 324px;
	height: 50px;
	border-radius: 25px;
	background: linear-gradient(0deg,rgba(234,54,30,1) 0,rgba(253,105,49,1) 100%);
	background-color: rgba(253,105,49,1);
	box-shadow: 0 3px 7px 0 rgba(186,48,37,.25);
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 50px;
	cursor: pointer
}

.activity-twelve-html .activity-main .activityUseBtn:hover {
	background: linear-gradient(0deg,rgba(238,95,75,1) 0,rgba(253,135,90,1) 100%);
	background-color: rgba(253,135,90,1);
	box-shadow: 0 3px 7px 0 rgba(186,48,37,.25)
}

.activity-twelve-html .activity-main .activity-twelve-time {
	margin: 25px 0 34px;
	color: #fe7e3a;
	text-align: center;
	font-size: 22px
}

.activity-twelve-html .activity-main .activity-twelve-cont {
	margin: 0 auto;
	width: 424px;
	height: 95px
}

.activity-twelve-html .activity-main .activity-twelve-cont .activity-tips {
	margin-bottom: 5px;
	padding-left: 4px;
	color: #fff;
	font-size: 12px;
	line-height: 20px
}

.activity-twelve-html .activity-main .activity-twelve-cont .activityContList>div {
	margin-left: 15px;
	padding-top: 10px;
	width: 190px;
	height: 60px;
	color: #999;
	text-align: center;
	font-size: 16px;
	line-height: 20px
}

.activity-twelve-html .activity-main .activity-twelve-cont .activityContList>div strong {
	font-weight: 700;
	font-size: 24px
}

.activity-twelve-html .activity-main .activity-twelve-cont .activityContList>div span {
	font-size: 14px
}

.activity-twelve-html .activity-main .activity-rule {
	margin-top: 15px;
	color: #ffe9c3;
	text-indent: 50px;
	font-weight: 700;
	font-size: 12px
}

.activity-twelve-html .activity-main .activity-rule p {
	margin-bottom: 7px
}

.smallActPaf {
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 999;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/old-user/smallActivityBgImg.png) no-repeat;
	color: #fdf6e7;
	text-align: center;
	font-weight: 700
}

.smallActPaf .smallActClose {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 12;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fedfa8;
	color: #f73c34;
	cursor: pointer
}

.smallActPaf .smallActClose:before {
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

.smallActPaf .smallActClose:after {
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	content: '';
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.smallActPaf .smallActLink {
	display: block;
	width: 100%;
	height: 100%;
	color: #fdf6e7
}

.smallActPaf .smallActPafBtn {
	display: block;
	margin: 0 auto;
	width: 110px;
	height: 30px;
	border-radius: 15px;
	background: rgba(254,223,168,1);
	color: #f73c34;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px
}

.smallActPaf .smallActTimeCont {
	padding-top: 12px;
	font-size: 18px
}

.smallActPaf .smallActTimeCont .actDiscount {
	padding-top: 8px;
	font-size: 16px
}

.smallActPaf .smallActTimeCont .actDiscount span {
	font-size: 30px
}

.smallActPaf .smallActTimeCont .activity-twelve-countDown {
	display: block;
	margin: 8px auto;
	width: 120px;
	height: 20px;
	border-radius: 10px;
	background-color: #ff9f1e;
	color: #fff7e1;
	font-size: 16px;
	line-height: 20px
}

.smallActPaf .smallActFilpCont {
	padding-top: 24px;
	font-size: 24px
}

.smallActPaf .smallActFilpCont p {
	margin-bottom: 14px
}

.activity-twelve-html .activity-main .activity-twelve-time i {
	display: inline-block;
	width: 28px;
	text-align: center;
}

.smallActPaf .smallActTimeCont .activity-twelve-countDown i {
	display: inline-block;
	width: 23px;
	text-align: center;
}

/*年末弹窗*/
.endYearActivity .endYearActivityTab {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}

.endYearActivity .activity-body {
	display: table-cell;
	vertical-align: middle
}

.endYearActivity .activity-body .activity-close {
	color: #fff;
	position: relative;
	display: block;
	margin: 20px auto 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22;
	border: 2px solid #fff;
}

.endYearActivity .activity-body .activity-close:before {
	content: '';
	position: absolute;
	top: 22px;
	left: 11px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.endYearActivity .activity-body .activity-close:after {
	content: '';
	position: absolute;
	top: 22px;
	left: 11px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.endYearActivity .activity-body .activity-main {
	width: 500px;
	height: 630px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.endYearActivity .activity-body .activity-main .topMain {
	width: 500px;
	height: 560px;
	background: url(/assets/revision/images/activity/end-year-act/bigBgImg.png) no-repeat center;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-top: 336px;
}

.endYearActivity .activity-body .activity-main .topMain .activity-countDown {
	line-height: 40px;
	width: 328px;
	margin: 0 auto;
}

.endYearActivity .activity-body .activity-main .topMain .activity-countDown i {
	float: left;
	width: 40px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.endYearActivity .activity-body .activity-main .topMain .activity-countDown em {
	float: left;
	width: 43px;
	font-size: 24px;
	color: #D22133;
	font-weight: normal;
}

.endYearActivity .activity-body .activity-main .topMain .activity-countDown em.hourEm {
	width: 67px;
}

.endYearActivity .activity-body .activity-main .topMain .activity-countDown i.millisecondTime {
	width: 55px;
}

.endYearActivity .activity-body .activity-main .topMain .actReceiveBtn {
	display: block;
	width: 324px;
	height: 50px;
	line-height: 50px;
	background-color: #FF5041;
	border-radius: 25px;
	box-shadow: 0 6px 12px 0 rgba(210,33,51,0.4);
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin: 25px auto;
}

.endYearActivity .activity-body .activity-main .topMain .actReceiveBtn:hover {
	background-color: #FF7367;
}

.endYearActivity .activity-body .activity-main .topMain .act-list {
	font-size: 12px;
	color: #FFDCA9;
	text-align: left;
	line-height: 12px;
	text-indent: 50px;
	padding-top: 15px;
}

.endYearActivity .activity-body .activity-main .topMain .act-list p {
	padding-bottom: 8px;
}

.smallEndYearActivity {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 200px;
	height: 200px;
	background: url(/assets/revision/images/activity/end-year-act/smallBgImg.png) no-repeat;
	z-index: 999;
	text-align: center;
}

.smallEndYearActivity .smallActClose {
	position: absolute;
	top: 0;
	right: 0;
	color: #f73c34;
	cursor: pointer;
	z-index: 12;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fedfa8;
	border-radius: 50%
}

.smallEndYearActivity .smallActClose:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.smallEndYearActivity .smallActClose:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.smallEndYearActivity .smallActLink {
	font-weight: bold;
	color: #FDF6E7;
	font-size: 22px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 22px;
	padding-top: 106px;
}

.smallEndYearActivity .smallActLink .activity-countDown {
	color: #fff;
	height: 28px;
	line-height: 28px;
	margin-bottom: 13px;
}

.smallEndYearActivity .smallActLink .activity-countDown i {
	display: inline-block;
	width: 28px;
}

.smallEndYearActivity .smallActLink .smallActPafBtn {
	position: relative;
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background-color: #FEDFA8;
	border-radius: 20px;
	color: #F73C34;
	margin: 0 auto;
}

.smallEndYearActivity .smallActLink .smallActPafBtn:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	display: block;
	width: 150px;
	height: 40px;
	background-color: #fff;
	border-radius: 20px;
	z-index: -1
}

.smallEndYearActivity .smallActLink .smallActPafBtn:hover {
	background-color: #FEE5B9;
}

/*430弹窗*/
.Activity430 .Activity430Tab {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001
}

.Activity430 .activity-body {
	display: table-cell;
	vertical-align: middle
}

.Activity430 .activity-body .activity-close {
	color: #fff;
	position: relative;
	display: block;
	margin: 20px auto 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22;
	border: 2px solid #fff
}

.Activity430 .activity-body .activity-close:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.Activity430 .activity-body .activity-close:after {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.Activity430 .activity-body .activity-main {
	width: 500px;
	height: 630px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.Activity430 .activity-body .activity-main .topMain {
	width: 500px;
	height: 490px;
	background: url(/assets/revision/images/activity/430/big-bg.png) no-repeat center;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-top: 110px
}

.Activity430 .activity-body .activity-main .topMain .line-1 p {
	display: inline-block;
	font-size: 24px;
	line-height: 26px;
	color: #ffe3b7
}

.Activity430 .activity-body .activity-main .topMain .line-1 .activity-countDown {
	line-height: 26px;
	font-size: 24px;
	color: #fff
}

.Activity430 .activity-body .activity-main .topMain .line-1 .activity-countDown i {
	display: inline-block;
	width: 40px;
	font-size: 24px;
	color: #fff;
	font-weight: 700
}

.Activity430 .activity-body .activity-main .topMain .actReceiveBtn {
	transition: all .2s;
	display: block;
	width: 320px;
	height: 50px;
	line-height: 50px;
	background: linear-gradient(0deg,rgba(246,156,96,1) 0,rgba(255,234,194,1) 100%);
	border-radius: 25px;
	box-shadow: 0 4px 8px 0 rgba(186,48,37,.25);
	font-size: 22px;
	color: #e13518;
	font-weight: 700;
	margin: 205px auto 15px
}

.Activity430 .activity-body .activity-main .topMain .actReceiveBtn:hover {
	background: linear-gradient(0deg,rgba(248,177,129,1) 0,rgba(255,238,206,1) 100%);
	box-shadow: 0 4px 8px 0 rgba(186,48,37,.25)
}

.Activity430 .activity-body .activity-main .topMain .dont-tips {
	display: inline-block;
	font-size: 12px;
	color: #ffe9c3;
	line-height: 12px;
	text-decoration: underline
}

.Activity430 .activity-body .activity-main .topMain .act-list {
	font-size: 12px;
	color: #ffe9c3;
	line-height: 12px;
	padding-top: 20px
}

.Activity430 .activity-body .activity-main .topMain .act-list p {
	padding-bottom: 8px
}

.smallActivity430 {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/430/small-bg.png) no-repeat;
	z-index: 999;
	text-align: center
}

.smallActivity430 .smallActClose {
	position: absolute;
	top: 0;
	right: 0;
	color: #f73c34;
	cursor: pointer;
	z-index: 12;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fedfa8;
	border-radius: 50%
}

.smallActivity430 .smallActClose:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.smallActivity430 .smallActClose:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.smallActivity430 .smallActLink {
	font-weight: 700;
	color: #fff7e1;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 22px;
	padding-top: 75px
}

.smallActivity430 .smallActLink .activity-countDown {
	color: #fff;
	height: 20px;
	line-height: 20px;
	margin-bottom: 7px
}

.smallActivity430 .smallActLink .activity-countDown i {
	display: inline-block;
	width: 28px;
	vertical-align: -1px
}

.smallActivity430 .smallActLink .smallActPafBtn {
	position: relative;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: linear-gradient(0deg,rgba(246,156,96,1) 0,rgba(255,234,194,1) 100%);
	box-shadow: 0 2px 4px 0 rgba(186,48,37,.25);
	border-radius: 15px;
	color: #e13518;
	margin: 0 auto;
	transition: all .2s
}

.smallActivity430 .smallActLink .smallActPafBtn:hover {
	background: linear-gradient(0deg,rgba(248,177,129,1) 0,rgba(255,238,206,1) 100%);
	box-shadow: 0 4px 8px 0 rgba(186,48,37,.25)
}

/*20201111老用户减500弹窗*/
.Activity500 .Activity500Tab {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001
}

.Activity500 .activity-body {
	display: table-cell;
	vertical-align: middle;
	position: relative
}

.Activity500 .activity-body .activity-close {
	color: #fff;
	position: absolute;
	top: 20px;
	right: -30px;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22;
	border: 2px solid #fff
}

.Activity500 .activity-body .activity-close:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.Activity500 .activity-body .activity-close:after {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.Activity500 .activity-body .activity-main {
	width: 626px;
	height: 626px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.Activity500 .activity-body .activity-main .topMain {
	width: 626px;
	height: 626px;
	background: url(/assets/revision/images/activity/old-user/20201111/big-bg.png) no-repeat center/cover;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-top: 456px;
	padding-left: 12px
}

.Activity500 .activity-body .activity-main .topMain .line-1 p {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	line-height: 26px;
	color: #333
}

.Activity500 .activity-body .activity-main .topMain .line-1 .activity-countDown {
	line-height: 26px;
	font-size: 30px;
	color: #ff6142;
	margin: -2px 10px 0
}

.Activity500 .activity-body .activity-main .topMain .line-1 .activity-countDown i {
	display: inline-block;
	vertical-align: -2px;
	width: 40px;
	font-size: 30px;
	color: #ff6142;
	font-weight: 700
}

.Activity500 .activity-body .activity-main .topMain .actReceiveBtn {
	background: linear-gradient(340deg,#ff4936 0,#ff8054 100%);
	box-shadow: 3px 8px 20px 0 rgba(255,81,58,.4);
	transition: all .2s;
	display: block;
	width: 420px;
	height: 70px;
	line-height: 70px;
	border-radius: 35px;
	font-size: 30px;
	color: #fff;
	margin: 29px auto 16px
}

.Activity500 .activity-body .activity-main .topMain .a-rule,.Activity500 .activity-body .activity-main .topMain .dont-tips {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #999;
	line-height: 12px
}

.Activity500 .activity-body .activity-main .topMain .line {
	display: inline-block;
	vertical-align: -1px;
	width: 1px;
	height: 12px;
	background: #999;
	margin: 0 10px
}

.Activity500 .activity-body .activity-main .topMain .act-list {
	display: none;
	padding-top: 5px;
	position: absolute;
	left: 78px;
	bottom: -16px
}

.Activity500 .activity-body .activity-main .topMain .a-rule:hover .act-list {
	display: block
}

.Activity500 .activity-body .activity-main .topMain .act-list p {
	padding: 0 12px;
	border-radius: 13px;
	background: #fff;
	font-size: 12px;
	color: #3f3939;
	line-height: 26px
}

.Activity500 .activity-body .activity-main .topMain .act-list p:before {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 6px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: 41px;
	top: -1px
}

.smallActivity500 {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 158px;
	height: 145px;
	background: url(/assets/revision/images/activity/old-user/20201111/small-bg.png) no-repeat;
	z-index: 999;
	text-align: center
}

.smallActivity500 .smallActClose {
	position: absolute;
	top: 0;
	right: 8px;
	color: #f73c34;
	cursor: pointer;
	z-index: 12;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%
}

.smallActivity500 .smallActLink {
	font-weight: 700;
	color: #fff7e1;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 22px;
	padding-top: 75px
}

.smallActivity500 .smallActLink .activity-countDown {
	color: #ff6142;
	height: 20px;
	line-height: 20px;
	margin: 1px auto 7px
}

.smallActivity500 .smallActLink .activity-countDown i {
	display: inline-block;
	width: 28px;
	vertical-align: -1px
}

.smallActivity500 .smallActLink .smallActPafBtn {
	position: relative;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	color: #fff;
	margin-left: 20px;
	transition: all .2s
}

.smallActivity500 .smallActLink .smallActPafBtn:hover {
	opacity: .8
}

.ActivityNewUser300 .Activity300Tab {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001
}

.ActivityNewUser300 .activity-body {
	display: table-cell;
	vertical-align: middle
}

.ActivityNewUser300 .activity-body .activity-close {
	color: #fff;
	position: relative;
	left: 15px;
	display: block;
	margin: 20px auto 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22;
	border: 2px solid #fff
}

.ActivityNewUser300 .activity-body .activity-close:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.ActivityNewUser300 .activity-body .activity-close:after {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ActivityNewUser300 .activity-body .activity-main {
	width: 628px;
	height: 636px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.ActivityNewUser300 .activity-body .activity-main .topMain {
	width: 628px;
	height: 636px;
	background: url(/assets/revision/images/activity/300/big-bg.png) no-repeat center;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-top: 270px;
	padding-left: 30px
}

.ActivityNewUser300 .activity-body .activity-main .topMain .line-1 p {
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #fff
}

.ActivityNewUser300 .activity-body .activity-main .topMain .line-1 .activity-countDown {
	background: #fff;
	width: 120px;
	height: 20px;
	border-radius: 10px;
	line-height: 18px;
	vertical-align: 0;
	font-size: 18px;
	color: #f37074;
	margin: 0 8px
}

.ActivityNewUser300 .activity-body .activity-main .topMain .line-1 .activity-countDown i {
	display: inline-block;
	width: 32px;
	font-size: 18px;
	color: #f37074;
	font-weight: 700;
	vertical-align: -1px
}

.ActivityNewUser300 .activity-body .activity-main .topMain .actReceiveBtn {
	opacity: .9;
	transition: all .2s;
	display: block;
	width: 300px;
	height: 60px;
	line-height: 58px;
	background: linear-gradient(69deg,rgba(246,78,133,1),rgba(255,131,70,1));
	border-radius: 30px;
	font-size: 32px;
	color: #fff;
	margin: 175px auto 15px
}

.ActivityNewUser300 .activity-body .activity-main .topMain .actReceiveBtn:hover {
	opacity: 1
}

.ActivityNewUser300 .activity-body .activity-main .topMain .dont-tips {
	display: inline-block;
	font-size: 12px;
	color: #666;
	line-height: 12px;
	text-decoration: underline
}

.ActivityNewUser300 .activity-body .activity-main .topMain .act-list {
	font-size: 12px;
	color: #666;
	line-height: 12px;
	padding-top: 20px
}

.ActivityNewUser300 .activity-body .activity-main .topMain .act-list p {
	padding-bottom: 8px
}

.smallActivityNewUser300 {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 150px;
	height: 150px;
	background: url(/assets/revision/images/activity/300/small-bg.png) no-repeat;
	z-index: 999;
	text-align: center
}

.smallActivityNewUser300 .smallActClose {
	position: absolute;
	top: 0;
	right: 0;
	color: #f73c34;
	cursor: pointer;
	z-index: 12;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fedfa8;
	border-radius: 50%
}

.smallActivityNewUser300 .smallActClose:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.smallActivityNewUser300 .smallActClose:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 13px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.smallActivityNewUser300 .smallActLink {
	font-weight: 700;
	color: #fff7e1;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 22px;
	padding-top: 75px
}

.smallActivityNewUser300 .smallActLink .activity-countDown {
	width: 110px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 10px;
	color: #fff;
	line-height: 16px;
	margin: 0 auto 7px
}

.smallActivityNewUser300 .smallActLink .activity-countDown i {
	display: inline-block;
	width: 28px;
	vertical-align: -1px
}

.smallActivityNewUser300 .smallActLink .smallActPafBtn {
	opacity: .9;
	position: relative;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border-radius: 15px;
	color: #f7547e;
	margin: 0 auto;
	transition: all .2s
}

.smallActivityNewUser300 .smallActLink .smallActPafBtn:hover {
	opacity: 1
}

.userActivityBan {
	width: 355px;
	margin: 20px -20px -6px;
}

.userActivityBan img {
	display: block;
	width: 100%;
}

/*2021双11刮奖*/
.act-scratch {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	display: table;
	z-index: 1001
}

.act-scratch .act-body {
	display: table-cell;
	vertical-align: middle
}

.act-scratch .act-body .act-close {
	color: #fff;
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 22;
	border: 2px solid #fff
}

.act-scratch .act-body .act-close:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.act-scratch .act-body .act-close:after {
	content: '';
	position: absolute;
	top: 17px;
	left: 6px;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.act-scratch .act-body .act-main {
	width: 400px;
	height: 468px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background: url(/assets/revision/images/activity/lifelong/act-1-v2.png);
	border-radius: 20px
}

.act-scratch .act-body .act-main.bg-2 {
	height: 436px;
	background: url(/assets/revision/images/activity/lifelong/act-2-v2.png)
}

.act-scratch .act-body .act-main .top-span {
	font-size: 18px;
	font-weight: 700;
	color: #ff6029;
	padding: 115px 0 15px;
	letter-spacing: 2px
}

.act-scratch .act-body .act-main .scratch {
	width: 320px;
	height: 116px;
	background: #dfdfdf;
	margin: 0 auto;
	cursor: pointer
}

.act-scratch .act-body .act-main .scratch span {
	display: inline-block;
	font-size: 20px;
	color: grey;
	padding: 20px 0 16px
}

.act-scratch .act-body .act-main .scratch .a-small {
	display: inline-block;
	width: 150px;
	height: 45px;
	background: url(/assets/revision/images/activity/lifelong/btn-1.png);
	font-size: 16px;
	color: #fdf7e7;
	line-height: 36px;
	cursor: pointer
}

.act-scratch .act-body .act-main .coupon {
	font-size: 24px;
	color: #ff6029;
	width: 320px;
	height: 116px;
	line-height: 116px;
	padding-left: 20px;
	text-align: left;
	margin: 0 auto
}

.act-scratch .act-body .act-main .coupon em {
	font-size: 56px
}

.act-scratch .act-body .act-main .cd-time {
	font-size: 16px;
	color: #fff0d3;
	padding: 36px 0 24px
}

.act-scratch .act-body .act-main .cd-time i {
	display: inline-block;
	vertical-align: top;
	width: 142px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-left: 3px
}

.act-scratch .act-body .act-main .a-btn {
	display: block;
	width: 321px;
	height: 67px;
	line-height: 56px;
	font-size: 24px;
	color: #f95e21;
	margin: 0 auto;
	background: url(/assets/revision/images/activity/lifelong/btn-2.png)
}

.act-scratch-small {
	width: 137px;
	height: 152px;
	background: url(/assets/revision/images/activity/lifelong/small-bg.png);
	position: fixed;
	left: 10px;
	bottom: 10px;
	text-align: center;
	z-index: 14
}

.act-scratch-small .act-close {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.act-scratch-small .act-main {
	padding-right: 7px
}

.act-scratch-small .act-main .top {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	height: 26px;
	line-height: 26px;
	margin-top: 5px
}

.act-scratch-small .act-main .span {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding: 12px 0 8px
}

.act-scratch-small .act-main .span em {
	font-size: 46px
}

.act-scratch-small .act-main .cd-time {
	font-size: 12px;
	color: #fff
}

.act-scratch-small .act-main .a-btn {
	display: block;
	width: 110px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	font-weight: 700;
	color: #ea5b10;
	border-radius: 13px;
	margin: 10px auto 0;
	background: linear-gradient(0deg,#fdeaa3 0,#fffae7 100%)
}

.act-scratch-left {
	display: block;
	width: 107px;
	height: 50px;
	padding-left: 8px;
	position: fixed;
	left: -6px;
	bottom: 70px;
	z-index: 14;
	background: url(/assets/revision/images/activity/lifelong/left-bg.png);
	cursor: pointer;
	transition: left .2s
}

.act-scratch-left:hover {
	left: 0
}

.act-scratch-left .span {
	font-size: 14px;
	font-style: italic;
	color: #fffbef;
	letter-spacing: 2px;
	padding: 6px 0 3px
}

.act-scratch-left .em {
	font-size: 14px;
	font-style: italic;
	color: #fff588;
	margin-left: -3px
}

.act-scratch-left .em em {
	font-size: 22px;
	font-style: italic;
	color: #fff588;
	margin-left: 1px
}

.act-scratch-left .font {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
	color: #f96024;
	position: absolute;
	top: 9px;
	right: 8px
}

/*20211201终身500活动*/
.act-luckdraw {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6)
}

.act-luckdraw .bg-1 {
	width: 440px;
	height: 484px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(/assets/revision/images/activity/cashback/20220101/bg.png) no-repeat
}

.act-luckdraw .bg-1 .act-close,.act-luckdraw .bg-2 .act-close {
	position: absolute;
	width: 32px;
	height: 32px;
	cursor: pointer;
	top: 0;
	right: -52px;
	border-radius: 50%;
	border: 2px solid #fff
}

.act-luckdraw .bg-1 .act-close:after,.act-luckdraw .bg-1 .act-close:before,.act-luckdraw .bg-2 .act-close:after,.act-luckdraw .bg-2 .act-close:before {
	content: '';
	width: 18px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 13px;
	left: 5px
}

.act-luckdraw .bg-1 .act-close:after,.act-luckdraw .bg-2 .act-close:after {
	transform: rotate(-45deg)
}

.act-luckdraw .bg-1 .luckdraw {
	width: 360px;
	height: 66px;
	background: #ff822b;
	border: 4px solid #ffca57;
	border-radius: 10px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 386px;
	left: 50%;
	margin-left: -180px;
	cursor: pointer
}

.act-luckdraw .bg-1 .luckdraw em {
	display: block;
	font-size: 30px;
	padding: 4px 0
}

.act-luckdraw .bg-2 {
	width: 428px;
	height: 470px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: url(/assets/revision/images/activity/cashback/20220101/bg2.png);
	text-align: center;
	padding-top: 130px
}

.act-luckdraw .bg-2 .coupon {
	font-size: 30px;
	color: #ff3057;
	text-align: left;
	padding: 30px 0 0 45px
}

.act-luckdraw .bg-2 .coupon em {
	font-size: 80px
}

.act-luckdraw .bg-2 .cd-time {
	color: #fff;
	font-size: 28px;
	padding-top: 50px
}

.act-luckdraw .bg-2 .cd-time i {
	padding-left: 6px;
	width: 150px;
	white-space: nowrap
}

.act-luckdraw .bg-2 .a-btn {
	width: 360px;
	height: 66px;
	line-height: 56px;
	background: #ff822b;
	border: 4px solid #ffca57;
	border-radius: 10px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 344px;
	left: 50%;
	margin-left: -180px;
	cursor: pointer
}

.act-luckdraw .bg-2 .txt {
	font-size: 16px;
	color: #fff;
	padding-top: 114px
}

.act-luckdraw .bg-2 .txt span {
	cursor: pointer
}

.act-luckdraw .bg-2 .txt2 {
	width: 400px;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,.7);
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	margin: 30px auto 0
}

.act-luckdraw-small {
	position: fixed;
	left: 12px;
	bottom: 12px;
	width: 145px;
	height: 150px;
	background: url(/assets/revision/images/activity/cashback/20220101/left.png) no-repeat center/100%;
	z-index: 20;
}

.act-luckdraw-small .act-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 2
}

.act-luckdraw-small .top {
	line-height: 24px;
	color: #fff;
	letter-spacing: 2px
}

.act-luckdraw-small .span {
	color: #fff;
	font-size: 20px;
	padding-top: 2px
}

.act-luckdraw-small .span em {
	font-size: 52px
}

.act-luckdraw-small .cd-time {
	font-size: 14px;
	color: #fff;
	padding-top: 7px
}

.act-luckdraw-small .a-btn {
	width: 126px;
	height: 32px;
	font-size: 18px;
	line-height: 32px;
	margin: 8px auto 0;
	display: block;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff
}

.act-luckdraw-left {
	position: fixed;
	left: -6px;
	bottom: 100px;
	transition: left .2s;
	height: 50px;
	border-radius: 0 25px 25px 0;
	background: linear-gradient(0deg,#db2043,#ff3057);
	padding: 7px 46px 0 8px
}

.act-luckdraw-left:hover {
	left: 0
}

.act-luckdraw-left .font {
	position: absolute;
	top: 9px;
	right: 8px;
	width: 32px;
	height: 32px;
	border: 2px solid #ffd8b8;
	border-radius: 50%;
	background: #ff852e;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	padding-left: 5px
}

.act-luckdraw-left .span {
	color: #fffbef;
	letter-spacing: 1px
}

.act-luckdraw-left .em {
	color: #fff;
	display: block;
	padding-top: 2px;
	position: relative;
	left: -3px
}

.act-luckdraw-left .em em {
	font-size: 22px
}

.act-luckdraw.act-20220110 .bg-2 {
	width: 550px;
	height: 618px
}

.act-luckdraw.act-20220110 .bg-2 .act-close {
	top: 33px;
	right: 38px;
	opacity: 0
}

.act-luckdraw.act-20220110 .bg-2 .bg2 {
	width: 450px;
	height: 458px;
	background: url(/assets/revision/images/activity/lifelong/20221115/bg2.png) no-repeat center/cover;
	position: absolute;
	top: 165px;
	left: 98px;
	animation: aniRotate2 3s linear infinite
}

.act-luckdraw.act-20220110 .bg-2 .bg3 {
	width: 414px;
	height: 296px;
	background: url(/assets/revision/images/activity/lifelong/20221115/bg3.png) no-repeat center/cover;
	position: absolute;
	top: 250px;
	left: 87px
}

.act-luckdraw.act-20220110 .bg-2 .cd-time {
	font-size: 22px;
	color: #fff;
	padding: 370px 0 20px;
	position: relative
}

.act-luckdraw.act-20220110 .bg-2 .a-btn {
	width: 220px;
	height: 66px;
	border: 0;
	top: 425px;
	margin-left: -110px;
	background: url(/assets/revision/images/activity/lifelong/20221115/btn.png) no-repeat center/cover
}

.act-luckdraw.act-20220110 .bg-2 .a-all {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.act-luckdraw.act-20220110 .bg-2 .txt {
	cursor: pointer;
	padding: 0;
	width: 20px;
	line-height: 16px;
	font-size: 14px;
	color: #fde5bb;
	position: absolute;
	bottom: 106px;
	right: 58px
}

.act-luckdraw.act-20220110 .bg-2 .txt span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #fde5bb;
	border-radius: 50%;
	line-height: 10px;
	margin-top: 3px;
	text-indent: 1px
}

.act-luckdraw.act-20220110 .bg-2 .txt2 {
	width: 312px;
	height: 120px;
	text-align: left;
	border-radius: 10px;
	background: rgba(0,0,0,.5);
	border: 1px solid #fde5bb;
	padding: 10px 15px 0;
	position: absolute;
	bottom: 90px;
	right: -260px
}

.act-luckdraw.act-20220110 .bg-2 .txt2 p {
	font-size: 12px;
	color: #fde5bb;
	line-height: 22px;
	margin-bottom: 10px
}

.act-luckdraw-small.act-20220110 {
	width: 150px;
	height: 150px;
	left: -7px;
	bottom: -5px
}

.act-luckdraw-small.act-20220110 .cd-time {
	font-size: 12px;
	padding: 121px 0 0 0;
	color: #ff2500
}

.act-luckdraw-small.act-20220110 .cd-time i {
	display: inline-block;
	width: 74px;
	white-space: nowrap
}

.act-luckdraw.act-20220409 .bg-2 {
	width: 550px;
	height: 618px
}

.act-luckdraw.act-20220409 .bg-2 .act-close {
	top: 54px;
	right: 58px;
	opacity: 0
}

.act-luckdraw.act-20220409 .bg-2 .cd-time {
	color: #fff;
	padding: 305px 0 20px 29px;
	position: relative;
	font-size: 30px;
	font-weight: bold;
}

.act-luckdraw.act-20220409 .bg-2 .cd-time span {
	display: inline-block;
	vertical-align: top;
	width: 66px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 15px;
	letter-spacing: 18px;
}

.act-luckdraw.act-20220409 .bg-2 .a-btn {
	width: 338px;
	height: 95px;
	border: 0;
	top: 490px;
	margin-left: -160px;
	background: url(/assets/revision/images/activity/lifelong/20230210/btn.png) no-repeat
}

.act-luckdraw.act-20220409 .bg-2 .a-btn span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	font-weight: 700;
	color: #e05100;
	line-height: 42px
}

.act-luckdraw.act-20220409 .bg-2 .a-all {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.act-luckdraw.act-20220409 .bg-2 .txt {
	cursor: pointer;
	padding: 0;
	width: 20px;
	line-height: 16px;
	font-size: 14px;
	color: #fde5bb;
	position: absolute;
	bottom: 135px;
	right: 131px
}

.act-luckdraw.act-20220409 .bg-2 .txt span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #fde5bb;
	border-radius: 50%;
	line-height: 10px;
	margin-top: 3px;
	text-indent: 1px
}

.act-luckdraw.act-20220409 .bg-2 .txt2 {
	width: 312px;
	height: 152px;
	text-align: left;
	border-radius: 10px;
	background: rgba(0,0,0,.5);
	border: 1px solid #fde5bb;
	padding: 10px 15px 0;
	position: absolute;
	bottom: 70px;
	right: -240px
}

.act-luckdraw.act-20220409 .bg-2 .txt2 p {
	font-size: 12px;
	color: #fde5bb;
	line-height: 22px;
	margin-bottom: 10px
}

.act-luckdraw-small.act-20220409 {
	width: 150px;
	height: 180px;
	left: 0;
	bottom: 0
}

.act-luckdraw-small.act-20220409 .act-close {
	top: 13px
}

.act-luckdraw-small.act-20220409 .cd-time {
	font-size: 12px;
	padding: 160px 0 0 14px;
	color: #ff2500
}

.act-luckdraw-small.act-20220409 .cd-time i {
	display: inline-block;
	width: 74px;
	white-space: nowrap
}

@keyframes aniRotate2 {
	0% {
		transform: rotate(-2deg)
	}

	20% {
		transform: rotate(2deg)
	}

	50% {
		transform: rotate(-2deg)
	}

	70% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(-2deg)
	}
}

@keyframes aniRotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.service-agreement-box {
	padding-top: 18px;
	color: #999
}

.service-agreement-box span:hover {
	color: #666;
	cursor: pointer;
}

.service-agreement-box input {
	vertical-align: top;
	margin-right: 6px;
}

.service-agreement-win {
	position: fixed;
	z-index: 1005;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
}

.service-agreement-win .win-m {
	position: absolute;
	width: 600px;
	padding: 75px 0 30px;
	border-radius: 5px;
	background: #fff;
	left: 50%;
	top: 10%;
	height: 80%;
	margin-left: -300px;
}

.service-agreement-win .win-m .close {
	width: 14px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	right: 14px;
	top: 14px;
}

.service-agreement-win .win-m .close:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 18px;
	background: #666;
	left: 6px;
	top: -2px;
	transform: rotate(45deg);
}

.service-agreement-win .win-m .close:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 18px;
	background: #666;
	left: 6px;
	top: -2px;
	transform: rotate(-45deg);
}

.service-agreement-win .win-m h2 {
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}

.service-agreement-win .win-m .service-m {
	overflow: auto;
	height: 100%;
	padding: 0 40px
}

.service-agreement-win .win-m .service-m p {
	line-height: 24px;
	color: #666;
	margin-bottom: 10px;
}

.service-agreement-win .win-m .service-m p span {
	color: #333
}

.service-agreement-win .win-m .agree-btn {
	padding-top: 15px;
	text-align: center;
}

.service-agreement-win .win-m .agree-btn span {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	background: #FFD500;
	font-size: 16px;
	cursor: pointer;
}

.service-agreement-win .win-m .agree-btn span:hover {
	background: #FFDD33;
}

.a-vtmt-popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.a-vtmt-popup .mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 997
}

.a-vtmt-popup .popup-c {
	max-width: 750px;
	max-height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 998;
	transform: translate(-50%,-50%)
}

.a-vtmt-popup .popup-c .close {
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	right: -60px;
	border-radius: 50%
}

.a-vtmt-popup .popup-c .close:after,.a-vtmt-popup .popup-c .close:before {
	content: '';
	width: 22px;
	height: 1px;
	background: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 20px;
	left: 9px
}

.a-vtmt-popup .popup-c .close:hover:after,.a-vtmt-popup .popup-c .close:hover:before {
	background: #ffd500
}

.a-vtmt-popup .popup-c .close:after {
	transform: rotate(45deg)
}

.a-vtmt-popup .popup-c .to-act {
	display: block;
	height: 100%;
	max-height: 550px
}

.a-vtmt-popup .popup-c .to-act .img {
	display: block;
	height: 100%;
	max-height: 550px;
	margin: 0 auto
}

.a-vtmt-popup .popup-c .dont-tips {
	display: block;
	width: 100px;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: -40px
}

.a-vtmt-popup .popup-c .dont-tips:hover {
	text-decoration: underline
}

#new-header.huke-header {
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}

#new-header.huke-header .logo {
	margin: 4px 15px 0 0;
	width: 170px;
	height: 50px;
	position: relative;
}

#new-header.huke-header .logo .logo-img {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff
}

#new-header.huke-header .logo .logo-img span {
	display: none;
}

#new-header.huke-header .logo .collect-tips {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: all .2s;
	transform: scale(.95);
}

#new-header.huke-header .logo .logo-img:hover + .collect-tips {
	opacity: 1;
	z-index: 1;
	visibility: visible;
	transform: scale(1);
}

#new-header.huke-header .logo .collect-tips span {
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	background: #FFB300;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	white-space: nowrap;
	left: -30px;
	top: 51px;
	font-size: 16px;
	letter-spacing: 1px;
}

#new-header.huke-header .logo .collect-tips em {
	position: absolute;
	left: 120px;
	top: -8px;
	width: 43px;
	height: 56px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA9CAMAAAAH+bBJAAAAjVBMVEUAAAD/swD/qAD/vwD/sgD/swD/tAD/swD/swD/tQD/swD/swD/swD/swD/sgD/swD/tAD/swD/swD/swD/swD/sgD/swD/swD/tAD/sgD/sQD/rwD/swD/sgD/swD/swD/swD/tAD/sgD/sgD/sgD/swD/tAD/swD/swD/tAD/sgD/swD/tAD/sQD/swCDVPQRAAAALnRSTlMA9wsEN+/Q5kEY87CGelxV3b+5m5Q8q6WPgC8gHBLXw5eLZmBNKMvHtJ9wbHMkjhRLagAAAYxJREFUSMetlduSgjAQRJlAQAQFAUXwioJ3+/8/bxG3LB809FZtP1Ck6oSZ6ckEq09+vLEtRvYESCkyQ6sdAe7xkDi9oCMIoTN4y75qPKQLxG2uB2Wu5oij3ZKPHWcjmcLzrSniLouLAWy6SgaYdJWJZVBRt48IyeP92u/UDVuL0xwjkgwQkaQLhwMVRHHkAC4ZfISMJBOMOXAlsuLICxIy+IYNXn73qBxtT3kYqVeD5l+G4Yin5Lx8min+R7AW6PQ63ocbYNh2W60RfnZE4/wb9h6gLWUL93OWEdz33kgGKb/N9uxttTXcCAtI81osExiOcA69U89NlYaJtANgeErDWQwgGCEw9CTaoJPkTje+Ji2iazEu7T+d4TFmJFmgIskJe+AaDBVHVkg50NfsjTBDzoE1tM/F9nChQHXAySaTXCvyctV3EhxO/xW0cxJUCQk2a3hUEwca7pIBb4KA8XGVACEV2YOuGXNCYMKkWB4ghU18sBB4jIuOC2QroiuVIB5w/1rJlEWRa3IGfwDcWiZaMArnFgAAAABJRU5ErkJggg==);
}

.invite-uesr-btn {
	width: 160px;
	height: 24px;
	position: relative;
	line-height: 24px;
	border-radius: 13px;
	background: #FFCE64;
	padding-left: 50px;
	font-size: 16px;
	display: block;
	color: #333;
	transition: all .2s
}

.invite-uesr-btn:hover {
	background: #ffba25;
	color: #333;
}

.invite-uesr-btn:before {
	content: '';
	position: absolute;
	left: 10px;
	top: -7px;
	width: 33px;
	height: 38px;
	background: url(/assets/revision/images/base-icon.v90.png) -134px -436px;
}

/* 超职套课列表流 */
.series-list .list {
	width: 295px;
	border-radius: 5px;
	border: 1px solid #EEEEEE;
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	margin: 0 20px 20px 0;
	transition: all .2s;
	padding-bottom: 15px;
}

.series-list .list:hover {
	transform: translateY(-5px);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.series-list .list:nth-child(4n) {
	margin-right: 0;
}

.series-list .list .img {
	position: relative;
	display: block;
	height: 180px;
}

.series-list .list .img img {
	display: block;
	height: 100%;
	width: 100%;
}

.series-list .list .img .cover {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	padding-top: 50px;
	left: 0;
	top: 0;
	text-align: center;
	opacity: 0;
	transition: all .2s;
}

.series-list .list:hover .img .cover {
	opacity: 1;
}

.series-list .list .img .cover .play-btn {
	width: 60px;
	height: 60px;
	background: url(/assets/revision/images/base-icon.v90.png) 0 -490px;
	display: block;
	margin: 0 auto;
	transform: scale(0.7);
}

.series-list .list .img .cover .play-txt {
	padding-top: 10px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

.series-list .list .img .label {
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	border-radius: 3px;
	background: rgba(0,0,0,.6);
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
}

.series-list .list .title {
	margin: 10px 15px 0;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	color: #333;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	transition: color .2s;
}

.series-list .list .title:hover {
	color: #e3ad13;
}

.series-list .list .info {
	margin: 10px 15px 0;
	line-height: 30px;
}

.series-list .list .info span {
	color: #999;
	padding-right: 20px;
}

.series-list .list .info .go-study {
	width: 88px;
	height: 30px;
	line-height: 28px;
	border-radius: 5px;
	border: 1px #ddd solid;
	text-align: center;
	color: #666;
	transition: all .2s
}

.series-list .list .info .go-study:hover {
	background: #ffd500;
	border-color: #ffd500;
	color: #333
}

.series-list .list .info2 {
	margin: 10px 15px 0;
	color: #999
}

.series-list .list .info2 span {
	color: #999
}

.series-list .list .price {
	padding: 0 15px;
	margin-top: 20px;
	line-height: 22px
}

.series-list .list .price .l-span {
	font-size: 16px;
	color: #ff583d
}

.series-list .list .price .l-free {
	color: #ff583d
}

.series-list .list .price .r-price small {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #875427;
	border-radius: 3px;
	padding: 0 5px;
	background: #f4dbab
}

.series-list .list .price .r-price em {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: 400;
	color: #875427;
	height: 22px;
	line-height: 20px;
	border: 1px solid #f4dbab;
	background: #fff;
	border-radius: 0 3px 3px 0;
	padding: 0 5px;
	margin-left: -2px
}

.series-list .list .price .r-price span {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #ff583d;
	margin-left: 5px
}

.series-list .list .price .r-free {
	height: 22px;
	line-height: 20px;
	padding: 0 8px;
	border-radius: 3px;
	border: 1px #F4DBAB solid;
	color: #875427;
	transition: all .2s;
	cursor: pointer;
}

.series-list .list .price .r-free:hover {
	background: #F4DBAB;
}

.series-list .list .bot {
	margin-top: 15px;
	padding: 15px 15px 0;
	line-height: 20px;
	border-top: 1px #eee solid;
}

.series-list .list .bot .avatar {
	width: 20px;
	height: 20px;
}

.series-list .list .bot .avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.series-list .list .bot .name {
	color: #666;
	margin-left: 10px;
	max-width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.series-list .list .bot .name:hover {
	color: #E3AD13;
}

.series-list .list .bot .vip-sale {
	border-radius: 3px;
	background: #F4DBAB;
	width: 76px;
	text-align: center;
	font-size: 12px;
	color: #875427;
}

.series-list .list .bot .span-num {
	color: #999
}

.emoji-btn {
	width: 24px;
	height: 24px;
	border: 1px #ddd solid;
	background: #f8f8f8;
	border-radius: 3px;
	padding: 3px 0 0 3px;
	cursor: pointer;
	transition: all .2s;
}

.emoji-btn:hover,.emoji-btn.active {
	background: #FFD500;
	border-color: #FFD500;
}

.emoji-btn i {
	background: url(/assets/revision/images/base-icon.v90.png) -134px -291px;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
}

.emoji-btn:hover i,.emoji-btn.active i {
	background-position: -154px -291px;
}

.emoji-box-win {
	width: 404px;
	background: #fff;
	border-radius: 5px;
	border: 1px #DDDDDD solid;
	z-index: 10;
}

.emoji-box-win.posY {
	transform: translateY(-314px);
}

.emoji-box-win.posY .jt {
	top: auto;
	bottom: -6px;
	transform: rotate(-135deg);
	background: #F8F8F8;
}

.emoji-box-win .loading {
	padding: 80px 0;
	text-align: center;
	height: 264px;
}

.emoji-box-win .loading .img {
	display: block;
	width: 100px;
	height: 55px;
	background: url(/assets/revision/images/community/public/loading.gif);
	margin: 0 auto
}

.emoji-box-win .loading .txt {
	padding-top: 20px;
	color: #999;
	display: block;
}

.emoji-box-win .jt {
	position: absolute;
	left: 0;
	top: -5px;
	width: 8px;
	height: 8px;
	border-left: 1px #ddd solid;
	border-top: 1px #ddd solid;
	background: #fff;
	transform: rotate(45deg);
	margin-left: 6px;
}

.emoji-box-win .emoji-name {
	padding: 15px;
}

.emoji-box-win .emoji-box {
	height: 185px;
	overflow: auto;
	padding: 0 0 10px 10px;
}

.emoji-box-win .emoji-box::-webkit-scrollbar {
	width: 6px;
	background: #F2F2F2;
}

.emoji-box-win .emoji-box::-webkit-scrollbar-thumb {
	background: #DDDDDD;
	border-radius: 3px;
}

.emoji-box-win .emoji-box img {
	display: inline-block;
	vertical-align: top;
	padding: 5px
}

.emoji-box-win .emoji-box img:hover {
	background: #F2F2F2;
	border-radius: 3px;
	cursor: pointer;
}

.emoji-box-win .emoji-tab {
	height: 34px;
	background: #F8F8F8;
	position: relative;
}

.emoji-box-win .emoji-tab .tab-box {
	overflow: auto;
	white-space: nowrap;
	height: 100%;
}

.emoji-box-win .emoji-tab .tab-box::-webkit-scrollbar {
	display: none;
}

.emoji-box-win .emoji-tab span {
	display: inline-block;
	vertical-align: top;
	width: 48px;
	text-align: center;
	height: 100%;
	cursor: pointer;
}

.emoji-box-win .emoji-tab span.active {
	background: #fff;
}

.emoji-box-win .emoji-tab span img {
	display: inline-block;
	max-width: 24px;
	max-height: 24px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.emoji-box-win .emoji-tab .btn {
	position: absolute;
	top: 0;
	width: 17px;
	height: 34px;
	background: #fff;
	border-top: 1px #ddd solid;
	z-index: 1;
	cursor: pointer;
}

.emoji-box-win .emoji-tab .btn::before {
	content: '';
	width: 6px;
	height: 10px;
	left: 5px;
	top: 13px;
	position: absolute;
	background: url(/assets/revision/images/base-icon.v90.png) -175px -292px;
}

.emoji-box-win .emoji-tab .btn.right::before {
	transform: rotate(180deg);
}

.emoji-box-win .emoji-tab .btn:hover::before {
	background-position: -185px -292px;
}

.emoji-box-win .emoji-tab .btn.left {
	left: 0;
	border-right: 1px #ddd solid;
	border-radius: 0 0 0 6px;
}

.emoji-box-win .emoji-tab .btn.right {
	right: 0;
	border-left: 1px #ddd solid;
	border-radius: 0 0 6px 0;
}

.emoji-img {
	vertical-align: sub;
	margin: 0 2px
}

.comment-list-two .emoji-img,.reply-detail .emoji-img {
	vertical-align: top;
	width: 32px;
	height: 32px;
	transform: translateY(-4px);
}

.act-2022flag .mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 1000
}

.act-2022flag .flag-popup {
	width: 500px;
	padding-bottom: 30px;
	background: #fff;
	border-radius: 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;
	text-align: center
}

.act-2022flag .flag-popup .close {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 6px;
	right: 6px
}

.act-2022flag .flag-popup .close:after,.act-2022flag .flag-popup .close:before {
	content: '';
	width: 16px;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 12px;
	left: 5px
}

.act-2022flag .flag-popup .close:after {
	transform: rotate(-45deg)
}

.act-2022flag .flag-popup1 .top {
	height: 80px;
	background: url(/assets/revision/images/activity/2022flag/top-bg-v2.png) no-repeat
}

.act-2022flag .flag-popup1 .cont {
	padding: 25px 20px 0;
	text-align: center
}

.act-2022flag .flag-popup1 .cont span {
	display: inline-block;
	vertical-align: top;
	padding: 0 22px;
	height: 36px;
	line-height: 34px;
	border-radius: 18px;
	border: 1px solid #00a6bc;
	font-size: 18px;
	color: #00a6bc;
	margin: 0 7px 20px;
	cursor: pointer
}

.act-2022flag .flag-popup1 .cont span.active,.act-2022flag .flag-popup1 .cont span:hover {
	background: #00a6bc;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(2) {
	border-color: #137cdc;
	color: #137cdc
}

.act-2022flag .flag-popup1 .cont span:nth-child(2).active,.act-2022flag .flag-popup1 .cont span:nth-child(2):hover {
	background: #137cdc;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(3) {
	border-color: #8651c9;
	color: #8651c9
}

.act-2022flag .flag-popup1 .cont span:nth-child(3).active,.act-2022flag .flag-popup1 .cont span:nth-child(3):hover {
	background: #8651c9;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(4) {
	border-color: #ea7f6a;
	color: #ea7f6a
}

.act-2022flag .flag-popup1 .cont span:nth-child(4).active,.act-2022flag .flag-popup1 .cont span:nth-child(4):hover {
	background: #ea7f6a;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(5) {
	border-color: #ff368d;
	color: #ff368d
}

.act-2022flag .flag-popup1 .cont span:nth-child(5).active,.act-2022flag .flag-popup1 .cont span:nth-child(5):hover {
	background: #ff368d;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(6) {
	border-color: #4b4069;
	color: #4b4069
}

.act-2022flag .flag-popup1 .cont span:nth-child(6).active,.act-2022flag .flag-popup1 .cont span:nth-child(6):hover {
	background: #4b4069;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(7) {
	border-color: #56c6c5;
	color: #56c6c5
}

.act-2022flag .flag-popup1 .cont span:nth-child(7).active,.act-2022flag .flag-popup1 .cont span:nth-child(7):hover {
	background: #56c6c5;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(8) {
	border-color: #00b1ff;
	color: #00b1ff
}

.act-2022flag .flag-popup1 .cont span:nth-child(8).active,.act-2022flag .flag-popup1 .cont span:nth-child(8):hover {
	background: #00b1ff;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(9) {
	border-color: #ff4b69;
	color: #ff4b69
}

.act-2022flag .flag-popup1 .cont span:nth-child(9).active,.act-2022flag .flag-popup1 .cont span:nth-child(9):hover {
	background: #ff4b69;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(10) {
	border-color: #ff7300;
	color: #ff7300
}

.act-2022flag .flag-popup1 .cont span:nth-child(10).active,.act-2022flag .flag-popup1 .cont span:nth-child(10):hover {
	background: #ff7300;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(11) {
	border-color: #fd4634;
	color: #fd4634
}

.act-2022flag .flag-popup1 .cont span:nth-child(11).active,.act-2022flag .flag-popup1 .cont span:nth-child(11):hover {
	background: #fd4634;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(12) {
	border-color: #598073;
	color: #598073
}

.act-2022flag .flag-popup1 .cont span:nth-child(12).active,.act-2022flag .flag-popup1 .cont span:nth-child(12):hover {
	background: #598073;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(13) {
	border-color: #6a9b3f;
	color: #6a9b3f
}

.act-2022flag .flag-popup1 .cont span:nth-child(13).active,.act-2022flag .flag-popup1 .cont span:nth-child(13):hover {
	background: #6a9b3f;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(14) {
	border-color: #ffa800;
	color: #ffa800
}

.act-2022flag .flag-popup1 .cont span:nth-child(14).active,.act-2022flag .flag-popup1 .cont span:nth-child(14):hover {
	background: #ffa800;
	color: #fff
}

.act-2022flag .flag-popup1 .cont span:nth-child(15) {
	border-color: #8195ff;
	color: #8195ff
}

.act-2022flag .flag-popup1 .cont span:nth-child(15).active,.act-2022flag .flag-popup1 .cont span:nth-child(15):hover {
	background: #8195ff;
	color: #fff
}

.act-2022flag .flag-popup1 .bottom small,.act-2022flag .flag-popup1 .bottom span {
	display: block;
	font-size: 14px;
	color: #999
}

.act-2022flag .flag-popup1 .bottom .a-modify,.act-2022flag .flag-popup1 .bottom .a-open {
	display: block;
	width: 400px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: linear-gradient(0deg,#ff3e67 0,#ff718f 100%);
	margin: 15px auto;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	transition: all .2s
}

.act-2022flag .flag-popup1 .bottom .a-cancel:hover,.act-2022flag .flag-popup1 .bottom .a-modify:hover,.act-2022flag .flag-popup1 .bottom .a-open:hover {
	opacity: .9
}

.act-2022flag .flag-popup1 .bottom .a-con {
	text-align: center
}

.act-2022flag .flag-popup1 .bottom .a-cancel {
	display: inline-block;
	width: 140px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: #e5e5e5;
	color: #666;
	font-size: 20px;
	font-weight: 700;
	transition: all .2s
}

.act-2022flag .flag-popup1 .bottom .a-modify {
	display: inline-block;
	width: 260px;
	margin-left: 18px;
	font-size: 20px
}

.act-2022flag .flag-popup2 {
	width: 700px;
	padding: 25px 30px
}

.act-2022flag .flag-popup2 .close {
	top: -40px;
	right: 0;
	background: rgba(255,255,255,.9)
}

.act-2022flag .flag-popup2 .close:after,.act-2022flag .flag-popup2 .close:before {
	background: #333
}

.act-2022flag .flag-popup2 .top {
	height: 26px;
	line-height: 26px;
	text-align: left
}

.act-2022flag .flag-popup2 .top .avatar {
	display: inline-block;
	vertical-align: top;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-right: 8px;
	margin-top: -1px
}

.act-2022flag .flag-popup2 .top span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #666;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.act-2022flag .flag-popup2 .top .slogan {
	display: inline-block;
	vertical-align: top;
	width: 280px;
	height: 26px;
	line-height: 26px;
	background: #f5f5f5;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-left: 20px
}

.act-2022flag .flag-popup2 .top .a-rule {
	display: block;
	width: 86px;
	height: 26px;
	line-height: 24px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	float: right;
	font-size: 14px;
	color: #666;
	text-align: center;
	position: relative;
	z-index: 9
}

.act-2022flag .flag-popup2 .top .a-rule:hover {
	border-color: #ef6382
}

.act-2022flag .flag-popup2 .top .a-rule:hover span {
	color: #ef6382
}

.act-2022flag .flag-popup2 .top .a-rule .rule-con {
	display: none;
	padding-top: 10px;
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%)
}

.act-2022flag .flag-popup2 .top .a-rule:hover .rule-con {
	display: block
}

.act-2022flag .flag-popup2 .top .a-rule .rule-con:before {
	content: '';
	width: 8px;
	height: 8px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 6px;
	background: #fff
}

.act-2022flag .flag-popup2 .top .a-rule .rule-con .rule-c {
	width: 360px;
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 5px
}

.act-2022flag .flag-popup2 .top .a-rule .rule-con .h4 {
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.act-2022flag .flag-popup2 .top .a-rule .rule-con p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 10px;
	text-align: justify
}

.act-2022flag .flag-popup2 .con {
	width: 100%
}

.act-2022flag .flag-popup2 .cont {
	width: 440px;
	border: 1px solid #e0e0e0;
	margin: 20px auto;
	border-radius: 5px
}

.act-2022flag .flag-popup2 .cont .th {
	width: 100%;
	height: 90px
}

.act-2022flag .flag-popup2 .cont .th .td {
	width: 50%;
	height: 100%;
	float: left;
	border-left: 1px solid #e0e0e0
}

.act-2022flag .flag-popup2 .cont .th .td:first-child {
	border-left: 0
}

.act-2022flag .flag-popup2 .cont .tr {
	height: 40px;
	line-height: 40px
}

.act-2022flag .flag-popup2 .cont .tr .td {
	width: 62px;
	height: 100%;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	font-size: 16px;
	color: #333
}

.act-2022flag .flag-popup2 .cont .tr .td:first-child {
	border-left: 0;
	width: 66px
}

.act-2022flag .flag-popup2 .cont .th .td span {
	display: block;
	font-size: 14px;
	color: #333;
	padding: 20px 0 14px
}

.act-2022flag .flag-popup2 .cont .th .td small {
	font-size: 16px;
	color: #333
}

.act-2022flag .flag-popup2 .cont .th .td small em {
	font-size: 24px;
	color: #ef6382
}

.act-2022flag .flag-popup2 .cont .tr .td i {
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: linear-gradient(0deg,#09c1a5 0,#0ccdaf 100%);
	position: relative;
	margin-top: 10px
}

.act-2022flag .flag-popup2 .cont .tr .td i:before {
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 8px;
	left: 5px
}

.act-2022flag .flag-popup2 .cont .tr .td i:after {
	content: '';
	width: 4px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 3px
}

.act-2022flag .flag-popup2 .cont2 {
	width: 185px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	margin-top: 20px
}

.act-2022flag .flag-popup2 .cont2 .t {
	height: 49px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	text-align: center
}

.act-2022flag .flag-popup2 .cont2 .t .a-mod {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-left: 2px;
	margin-top: 14px;
	background: url(/assets/revision/images/activity/2022flag/icon-v2.png) -136px -28px
}

.act-2022flag .flag-popup2 .cont2 .li {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #e0e0e0;
	font-size: 14px;
	color: #666
}

.act-2022flag .flag-popup2 .cont2 .li small em {
	font-weight: 400;
	color: #ef6382
}

.act-2022flag .flag-popup2 .cont2 a:hover span {
	color: #fd6688
}

.act-2022flag .flag-popup2 .bottom .li {
	float: left;
	width: 148px;
	height: 164px;
	background: #f9fafb;
	border-radius: 5px;
	margin-left: 16px;
	padding-top: 10px
}

.act-2022flag .flag-popup2 .bottom .li:first-child {
	margin-left: 0
}

.act-2022flag .flag-popup2 .bottom .li .qr {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 6px
}

.act-2022flag .flag-popup2 .bottom .li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 18px
}

.act-2022flag .flag-popup2 .bottom .li span.gray {
	color: #999
}

.act-2022flag .flag-popup2 .bottom .li i {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 16px;
	background: url(/assets/revision/images/activity/2022flag/icon-v2.png) -3px -2px
}

.act-2022flag .flag-popup2 .bottom .li:nth-child(3) i {
	background-position: -70px -2px
}

.act-2022flag .flag-popup2 .bottom .li:nth-child(4) i {
	background-position: -1px -68px
}

.act-2022flag .flag-popup2 .bottom .li em {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-bottom: 14px
}

.act-2022flag .tips-popup {
	width: 354px;
	height: 200px;
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;
	text-align: center
}

.act-2022flag .tips-popup .h5 {
	font-size: 16px;
	color: #666
}

.act-2022flag .tips-popup .span {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	padding: 18px 0 24px
}

.act-2022flag .tips-popup .btn-c .a-btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #e5e5e5;
	color: #333;
	font-size: 16px;
	transition: opacity .2s
}

.act-2022flag .tips-popup .btn-c .a-btn.btn2 {
	background: linear-gradient(0deg,#ff3e67 0,#ff718f 100%);
	color: #fff;
	margin-left: 15px
}

.act-2022flag .tips-popup .btn-c .a-btn:hover {
	opacity: .9
}

.act-2022flag .tips-popup .small {
	font-size: 14px;
	color: #999;
	padding-top: 20px
}

#com-add-back-phone-number {
	width: 400px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
	padding: 12px 95px 12px 12px;
	position: fixed;
	right: 70px;
	bottom: -999px;
	z-index: 99;
	transition: all 1s
}

#com-add-back-phone-number .span {
	font-size: 12px;
	color: #333;
	line-height: 20px
}

#com-add-back-phone-number .a-know {
	display: block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	border-radius: 3px;
	background: #ffd500;
	text-align: center;
	font-size: 12px;
	color: #333;
	position: absolute;
	top: 18px;
	right: 12px;
	transition: all .2s
}

#com-add-back-phone-number .a-know:hover {
	opacity: .9
}

@media only screen and (max-width: 1440px) {
	.flow-list .list-ad {
		height:218px
	}

	.alert-act {
		margin-top: -158px;
		margin-left: -279px;
		width: 558px;
		height: 315px;
		background-size: 80%
	}

	.alert-act .close {
		top: 43px;
		right: 56px;
		width: 26px;
		height: 26px
	}

	.alert-act .go-act span {
		width: 16pc;
		height: 3pc;
		font-size: 20px;
		line-height: 3pc
	}

	.alert-act .go-act:before {
		width: 16pc;
		height: 3pc
	}

	.act-prompt {
		margin-top: -229px;
		margin-left: -235px;
		width: 470px;
		height: 458px;
		background-size: 80%
	}

	.act-prompt .close {
		top: 67px;
		right: 105px;
		width: 28px;
		height: 28px
	}

	.act-prompt .go-act span {
		bottom: 55px;
		left: 152px;
		width: 162px;
		height: 58px;
		background-size: 80%
	}

	#footer .friends-link a {
		margin: 0 7px 0 8px
	}

	#footer .copyRight .kfqq,#footer .copyRight img {
		margin-left: 10px
	}

	#new-header {
		min-width: 1260px
	}

	#new-header .layout-cont {
		width: 1000px
	}

	#new-header .design-course .nav-m {
		top: 60px;
		left: -2140px;
		width: 3218px;
		height: 40px;
		background: #ffd200
	}

	#new-header .design-course .nav-m .course-list .course-link {
		font-size: 12px
	}

	#new-header .esign-course .nav-m .course-list {
		margin-right: 2px
	}

	#new-header .design-course .nav-m .course-m {
		padding-left: 22px;
		width: 2000px
	}

	#new-header .pos-l {
		left: 30px
	}

	#new-header .pos-r {
		right: 30px
	}

	#new-header .dynamics .login-tip {
		margin-left: -115px
	}

	#new-header .dynamics {
		margin-right: 15px
	}

	#new-header .nav-list .top-con .course-con.sjjc-wrap {
		left: -83px
	}

	#new-header .nav-list .career-nav {
		left: -166px
	}

	#new-header .nav-list .top-con .course-con.lxsz-wrap {
		left: -249px
	}

	#new-header .nav-list.qytq-list .top-con .course-con {
		margin-left: -181px
	}

	#new-header .nav-list .top-con .vip-type.course-con {
		right: -136px
	}

	#new-header .nav-list.hytq-list .nav-t .lab-hot {
		right: 0
	}

	#new-header .header-search .search-win .search-list .s-tips {
		line-height: 20px;
		padding: 8px 15px
	}

	#new-header .header-search .search-win .search-list .list-m.recm p {
		width: 100%
	}

	#new-header .nav-list {
		margin-left: 15px
	}

	#new-header .nav-list.qytq-list {
		margin-right: 0
	}

	#new-header .nav-list.xycg-list {
		margin-right: 15px
	}

	.nav-banner .banner-cover {
		margin-left: 293px
	}

	.layout-cont {
		width: 1000px
	}

	.flow-list .flow-item {
		margin-right: 10px;
		width: 243px
	}

	.flow-list .flow-item .item-show {
		width: 243px;
		height: 148px
	}

	.flow-list .flow-item .tem-info {
		padding: 8px
	}

	.flow-list .flow-item .info-tabs {
		margin: 8px 0
	}

	.flow-list .flow-item .info-tabs .tabs-sp {
		margin-right: 2px
	}

	.flow-list .flow-item .info-tabs .tabs-sp,.flow-list .flow-item .info-tabs .ther-sp {
		font-size: 12px
	}

	.flow-list .flow-item .info-title .title-name {
		max-width: 150px
	}

	.flow-list .low-item .info-tabs .tabs-sp {
		margin-right: 2px
	}

	.flow-list .flow-item .info-tabs .tabs-sp,.flow-list .low-item .info-tabs .other-sp {
		font-size: 12px
	}

	.flow-list .flow-item .item-info.uhome-page .last-time {
		font-size: 12px
	}

	#page-m a {
		margin: 0 2px;
		padding: 0 5px;
		height: 32px;
		min-width: 32px;
		font-size: 12px;
		line-height: 30px
	}

	#page-m span {
		padding: 0 5px;
		font-size: 14px
	}

	#page-m .next,#page-m .re {
		width: 72px;
		max-width: 72px
	}

	.hk-navigation .nav-cutbar .cutbar-right .nr-item .item-tit {
		padding: 0 8px
	}

	.nav-main .nmain-list {
		width: 240px
	}

	.nav-main .nml-item .strong-a {
		font-size: 16px
	}

	.nav-main .nml-item .small-box {
		margin-left: 5px
	}

	.nav-main .nml-item .small-box a {
		margin-left: 5px;
		font-size: 12px
	}

	.nav-main .nml-item .item-drop {
		left: 240px;
		width: 760px
	}

	.nav-main .item-drop .tags-box {
		padding: 0 20px 0 35px;
		width: 518px
	}

	.nav-main .tem-drop .recm-box {
		width: 240px
	}

	.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a,.nav-main .item-drop .tgbox-bod .bod-item .bdi-tit {
		font-size: 12px
	}

	.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a {
		margin: 0 3px 10px
	}

	.nav-main .item-drop .tgbox-bod .bod-item .bdi-tit {
		margin-top: 5px
	}

	.nav-main .item-drop .recm-box .rd-video {
		width: 202px;
		height: 120px
	}

	.nav-slide .slide-btn.next {
		margin-right: -539px
	}

	.nav-cutbar .cutbar-right .nr-item .item-tit .impt-nop {
		top: 4px;
		right: -6px
	}

	.nav-cutbar .cutbar-right .nr-item .classify-vip-drop {
		left: -115px
	}

	.nav-cutbar .utbar-right .nr-item .classify-vip-drop:before {
		left: 147px
	}

	.nr-item .classify-vip-drop .type-box {
		width: 109px
	}

	.nr-item .classify-vip-drop {
		width: 502px
	}

	.side-zhek {
		margin-left: -623px;
		left: 60px
	}

	.hand-cont-new .userMain {
		width: 728px;
	}

	.dVideoTips {
		font-size: 12px;
	}

	.flow-list .flow-item .tips-pa {
		top: 118px;
	}

	#new-header .dynamics .login-tip {
		margin-left: -115px
	}

	#new-header .user-news,#new-header .dynamics,#new-header .user-record {
		margin-right: 15px
	}

	#new-header .user-record .record-box {
		margin-left: -331px
	}

	.series-list .list {
		width: 242px;
		margin: 0 10px 10px 0;
	}

	.series-list .list .img {
		height: 147px;
	}

	.series-list .list .img .cover {
		padding-top: 30px;
	}

	.series-list .list .title,.series-list .list .info,.series-list .list .info2 {
		margin: 10px 10px 0
	}

	.series-list .list .info span {
		padding-right: 10px;
	}

	.series-list .list .info .go-study {
		width: 74px;
	}

	.series-list .list .price {
		padding: 0 10px
	}

	.series-list .list .price .l-span,.series-list .list .price .r-price span {
		font-size: 14px
	}

	.series-list .list .price .r-price small,.series-list .list .price .r-price em {
		margin-top: -1px;
		font-size: 12px
	}

	.series-list .list .price .r-price span {
		margin-left: 5px
	}

	.series-list .list .bot {
		padding: 15px 10px 0
	}

	.to-act-lifelong {
		margin-right: 10px
	}

	#right-bar .welfare .left-tips {
		margin-top: -44px
	}

	.act-prompt-0109-s {
		left: -22px;
		bottom: -14px
	}

	@keyframes aniRain {
		0% {
			transform: translate(75vw,-125vh)
		}

		100% {
			transform: translate(-75vw,125vh)
		}
	}
}

@media only screen and (max-width: 1200px) {
	.scroll-nav {
		left:15px;
		margin: 0
	}
}

@media only screen and (max-width: 1300px) {
	#new-header .header-search .txt {
		width:200px!important
	}
}

@media only screen and (max-width: 1550px) {
	#new-header .header-search .txt,#new-header .header-search .search-win .search-list {
		width:240px
	}
}