a[data-fancybox] {display:block;}
#gn-list1 li{
	margin:4.4%;
	font-size: 0.8em;
    text-align: center;
	}
.nav-ict .tixin{
	display: none;
}
.nav-ict .lef a.getbak{
	display: none;
}
.nav-ict.nav1{
    background: #000 !important;
}

.nav-ict.nav2{
	background-image: url(../images/support_topbanner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.nav-ict.nav2 .rig .from{
	background-color: transparent;
}
.nav-ict.nav3{
	background-color: transparent;
}
.nav-ict.nav4{
	background-color: transparent;
}
.nav-ict.nav3 .rig .from,
.nav-ict.nav2 .rig .from,
.nav-ict.nav4 .rig .from{
	background-color: transparent;
	border: 1px solid #fff;
}
.nav-ict.nav3  .rig .from input:-moz-placeholder,
.nav-ict.nav2  .rig .from input:-moz-placeholder,
.nav-ict.nav4  .rig .from input:-moz-placeholder {  
    color: #ffffff; 
}  
.nav-ict.nav3  .rig .from input:-ms-input-placeholder,
.nav-ict.nav2  .rig .from input:-ms-input-placeholder,
.nav-ict.nav4  .rig .from input:-ms-input-placeholder { 
    color: #ffffff;  
}  
.nav-ict.nav3  .rig .from input::-webkit-input-placeholder,
.nav-ict.nav2  .rig .from input::-webkit-input-placeholder,
.nav-ict.nav4  .rig .from input::-webkit-input-placeholder { 
    color: #ffffff;  
}
.nav-ict.nav3  .rig .from input,
.nav-ict.nav2  .rig .from input,
.nav-ict.nav4  .rig .from input{
	color: #fff;
}
.nav-ict.nav4 .lef a.getbak{
	display: block;
}
.nav-ict.nav4 .lef a.logo{
	display: none;
}
.template.bg_white{
	background-color: #f5f5f5;
}
.template.bg_whitef8{
	background-color: #f8f8f8;
}
.template.bg_user{
	background-color: #f5f5f5;
	padding-top: 0;
}
.nav.nav3  .rig .from button,.nav.nav2  .rig .from button{
	background-size: 20px;
}
.nav.nav3 .rig .div,.nav.nav2 .rig .div{
	margin-left: 20px;
}

.nav.nav3 .tixin{
	display: block;
    float: left;
    background-image: url(../images/tixin.png);
    width: 20px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-top: 8px;
    margin-left: 7px;
}


.nav.nav4 .lef a.getbak{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	position: relative;
	padding-left: 13px;
}
.nav.nav4 .tixin{
	display: none;
}
.nav.nav4 .lef a.getbak::before{
	content: '';
    display: block;
    position: absolute;
    top: 30%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    left: 0px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#list-top1 ul li{
	float: left;
  width:18.5%;
  text-align:center;height:20px;background: #f6be23;border-radius: 50px 50px 0px 0px;padding:10px;line-height:20px; color:#FFF
	}
#list-top ul{
	list-style: none;
	}
#list-top ul li{
 float: left;
  width:23.5%;
  text-align:center;height:30px;background: #f6be23;border-radius: 20px 20px 0px 0px;padding:10px;line-height:16px; color:#FFF;margin-left:5px;
	}

.loadingicon {
	width: 200px;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 auto;
}
.loadingicon .more{
	margin-left: 30px;
	font-size: 14px;
	color: #999;
}
/* CIRCLE DOT LOADER */
.circle-loader {
	position: relative;
	width: 10px;
	height: 10px;
}
.circle-loader div {
	height: 5px;
	width: 5px;
	background-color: #999;
	border-radius: 50%;
	position: absolute;
	-webkit-animation: 0.8s opaque ease-in-out infinite both;
	animation: 0.8s opaque ease-in-out infinite both;
}
.circle-loader > div:nth-child(1) {
	top: -15px;
	left: 0;
}
.circle-loader > div:nth-child(2) {
	top: -11px;
	left: 11px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.circle-loader > div:nth-child(3) {
	top: 0;
	left: 16px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.circle-loader > div:nth-child(4) {
	top: 13px;
	left: 12px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.circle-loader > div:nth-child(5) {
	top: 17px;
	left: 0;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.circle-loader > div:nth-child(6) {
	top: 11px;
	left: -10px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.circle-loader > div:nth-child(7) {
	top: 0;
	left: -14px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.circle-loader > div:nth-child(8) {
	top: -10px;
	left: -10px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
@keyframes opaque {
	0% {
		opacity: 0.1;
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
	}
	40% {
		opacity: 1;
		transform: scale(1);
	}
	80% {
		opacity: 0.1;
	}
	100% {
		opacity: 0.1;
	}
}

.imgbox img{
	width: 100%;
	height: 100%;
}
/* 支持中心——支持中心频道页 */
.support_banner img{
	width: 100%;
}
.support_banner .swiper-pagination{
	bottom: 15px;
}
.support_banner .swiper-pagination span{
	width: 8px;
	height: 8px;
	background-color: #fff;
	opacity: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin:  0;
}
.support_banner .swiper-pagination span.swiper-pagination-bullet-active{
	background-color: #e1a512;
	width: 32px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.u_nav{
	padding:30px 0;
	background-color: #fff;
}
.u_nav ul{
	display: flex;
}
.u_nav ul li{
	width: 18%;
	text-align: center;
}
.u_nav ul li img{
	width: 50%;
	height: 31px;
}
.u_nav ul li:not(:first-child){
	margin-left: 2.5%;
}
.u_nav ul li .text{
	margin-top: 14px;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
}
.stcenter01 ul{
	padding: 20px 0;
}
.stcenter01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.stcenter01 ul li{
	width: 32.83%;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin-bottom: 1%;
	text-align: center;
	padding:18px 0;
}
.stcenter01 ul li .title{
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
	margin-top: 15px;
}
.stcenter01 ul li .desc{
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	margin-top: 12.5px;
}
.stcenter01 ul li:nth-of-type(2),
.stcenter01 ul li:nth-of-type(3){
	margin-left: 0.75%;
}
.stcenter01 ul li img{
	width: 50px;
}
.stcenter01 ul li:nth-of-type(4),
.stcenter01 ul li:nth-of-type(5){
	width: 49.5%;
}
.stcenter01 ul li:nth-of-type(4) a,
.stcenter01 ul li:nth-of-type(5) a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	padding: 15px 2%;
}
.stcenter01 ul li:nth-of-type(5){
	margin-left: 1%;
}
.stcenter01 ul li:nth-of-type(4) .title,
.stcenter01 ul li:nth-of-type(5) .title{
	margin-top: 0;
}

.stcenter02{
	padding: 40px 0;
}
.stcenter02 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter02 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter02 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/hot.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 22px;
}
.stcenter02 .ntop .desc{
	font-size: 12px;
	color: #999;
}
.stcenter02 .onav ul{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.stcenter02 .onav ul::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e2e2e2;
}
.stcenter02 .onav ul li{
	padding-top: 15px;
	position: relative;
	width: 33.33%;
	text-align: center;
	font-size: 16px;
	color: #999999;
}
.stcenter02 .onav ul li.cur::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d79e23;
}
.stcenter02 .onav ul li.cur{
	color: #d79e23;
}
.stcenter02 .ocontent {
	margin-top: 30px;
}
.stcenter02 .ocontent .item{
	display: none;
}
.stcenter02 .ocontent ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stcenter02 .ocontent ul li{
	width: 49%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 2%;
	overflow: hidden;
}
.stcenter02 .ocontent ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.stcenter02 .ocontent ul li .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to bottom left, #595858, #1f1703);
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-ms-border-radius: 0 0 10px 0;
	-o-border-radius: 0 0 10px 0;
}
.stcenter02 .ocontent ul li.pay .tishi{
	background-image: linear-gradient(to right, #f5bd24 , #d59b23);
}
.stcenter02 .ocontent ul li.free .tishi{
	background-color: #1bb7a2;
	background-image: unset;
}
.stcenter02 .ocontent ul li .text{
	background-color: #fff;
	padding: 15px;
}
.stcenter02 .ocontent ul li .t01{
	font-size: 14px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.stcenter02 .ocontent ul li .t02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.stcenter02 .ocontent ul li .youhui{
	font-size: 14px;
	color: #ff3522;
	display: flex;
	align-items: center;
}
.stcenter02 .ocontent ul li .yuanjia{
	font-size: 12px;
	text-decoration: line-through;
	color: #999999;
}
.stcenter02 .ocontent ul li .youhui span{
	width: 41px;
	height: 17px;
	background-image: url(../images/youhui.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
}
.stcenter02 .ocontent ul li .youhui p{
	display: inline-block;
}
.stcenter02 .ocontent ul li .count{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}

.stcenter03{
	padding: 40px 0;
	margin: 3% 0;
    background-color: #fff;
}
.stcenter03 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter03 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter03 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/free.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 22px;
}
.stcenter03 .ntop .desc{
	font-size: 12px;
	color: #999;
}
.stcenter03 .onav{
	position: relative;
}
.stcenter03 .onav::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e2e2e2;
}
.stcenter03 .onav ul{
	margin-top: 20px;
	position: relative;
	width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.stcenter03 .onav ul li{
	padding-top: 15px;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #999999;
	display: inline-block;
	padding-bottom: 15px;
}
.stcenter03 .onav ul li:not(:first-child){
	margin-left: 20px;
}
.stcenter03 .onav ul li.cur::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d79e23;
}
.stcenter03 .onav ul li.cur{
	color: #d79e23;
}
.stcenter03 .ocontent {
	margin-top: 30px;
}
.stcenter03 .ocontent .item{
	display: none;
}
.stcenter03 .ocontent ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stcenter03 .ocontent ul li{
	width: 49%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 2%;
	overflow: hidden;
}
.stcenter03 .ocontent ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.stcenter03 .ocontent ul li .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #1bb7a2;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-ms-border-radius: 0 0 10px 0;
	-o-border-radius: 0 0 10px 0;
}
.stcenter03 .ocontent ul li .text{
	background-color: #fff;
	padding: 15px;
}
.stcenter03 .ocontent ul li .count{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}
.stcenter03 .ocontent ul li .t01{
	font-size: 14px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.stcenter03 .ocontent .item .more{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #999999;
	line-height: 45px;
	background-color: #ebebeb;
	margin-top: 15px;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.stcenter04{
	padding: 40px 0;
}
.stcenter04 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter04 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter04 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	background-image: url(../images/vip.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 30px;
}
.stcenter04 .ntop .desc{
	font-size: 12px;
	color: #999;
}
.stcenter04 .onav{
	position: relative;
}
.stcenter04 .onav::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e2e2e2;
}
.stcenter04 .onav ul{
	margin-top: 20px;
	position: relative;
	width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.stcenter04 .onav ul li{
	padding-top: 15px;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #999999;
	display: inline-block;
	padding-bottom: 15px;
	width: 33.33%;
}
.stcenter04 .onav ul li:not(:first-child){
	margin-left: 20px;
}
.stcenter04 .onav ul li.cur::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d79e23;
}
.stcenter04 .onav ul li.cur{
	color: #d79e23;
}
.stcenter04 .ocontent {
	margin-top: 30px;
}
.stcenter04 .ocontent .item{
	display: none;
}
.stcenter04 .ocontent ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stcenter04 .ocontent ul li{
	width: 49%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 2%;
	overflow: hidden;
}
.stcenter04 .ocontent ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.stcenter04 .ocontent ul li .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to right, #f5bd24 , #d59b23);
	color: #fff;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-ms-border-radius: 0 0 10px 0;
	-o-border-radius: 0 0 10px 0;
}
.stcenter04 .ocontent ul li .text{
	background-color: #fff;
	padding: 15px;
}
.stcenter04 .ocontent ul li .count{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}
.stcenter04 .ocontent ul li .t01{
	font-size: 14px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.stcenter04 .ocontent .item .more{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #999999;
	line-height: 45px;
	background-color: #ebebeb;
	margin-top: 15px;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.stcenter04 .ocontent ul li .t02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.stcenter04 .ocontent ul li .youhui{
	font-size: 14px;
	color: #ff3522;
	display: flex;
	align-items: center;
}
.stcenter04 .ocontent ul li .yuanjia{
	font-size: 12px;
	text-decoration: line-through;
	color: #999999;
}
.stcenter04 .ocontent ul li .youhui span{
	width: 41px;
	height: 17px;
	background-image: url(../images/youhui.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
}
.stcenter04 .ocontent ul li .youhui p{
	display: inline-block;
}

.stcenter05{
	padding: 40px 0;
	margin: 3% 0;
	background-color: #fff;
}
.stcenter05 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter05 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter05 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/pay.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 22px;
}
.stcenter05 .ntop .desc{
	font-size: 12px;
	color: #999;
}
.stcenter05 .onav{
	position: relative;
}
.stcenter05 .onav::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e2e2e2;
}
.stcenter05 .onav ul{
	margin-top: 20px;
	position: relative;
	width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.stcenter05 .onav ul li{
	padding-top: 15px;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #999999;
	display: inline-block;
	padding-bottom: 15px;
	width: 25%;
}
.stcenter05 .onav ul li.cur::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d79e23;
}
.stcenter05 .onav ul li.cur{
	color: #d79e23;
}
.stcenter05 .ocontent {
	margin-top: 30px;
}
.stcenter05 .ocontent .item{
	display: none;
}
.stcenter05 .ocontent ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stcenter05 .ocontent ul li{
	width: 100%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 2%;
	overflow: hidden;
	background-color: #f5f5f5;
}
.stcenter05 .ocontent ul li .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #1bb7a2;
	color: #fff;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-ms-border-radius: 0 0 10px 0;
	-o-border-radius: 0 0 10px 0;
}
.stcenter05 .ocontent ul li .text{
	padding: 15px;
}
.stcenter05 .ocontent ul li .t01{
	font-size: 14px;
    color: #000;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 40px;
}
.stcenter05 .ocontent .item .more{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #999999;
	line-height: 45px;
	background-color: #ebebeb;
	margin-top: 15px;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.stcenter05 .ocontent ul li .t02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.stcenter05 .ocontent ul li .youhui{
	font-size: 14px;
	color: #ff3522;
	display: flex;
	align-items: center;
}
.stcenter05 .ocontent ul li .yuanjia{
	font-size: 12px;
	text-decoration: line-through;
	color: #999999;
}
.stcenter05 .ocontent ul li .youhui span{
	width: 41px;
	height: 17px;
	background-image: url(../images/youhui.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
}
.stcenter05 .ocontent ul li .youhui p{
	display: inline-block;
}
.stcenter05 .timg{
	display: flex;
	border-bottom: 1px solid #e2e2e2;
}
.stcenter05 .timg .imgbox01{
	width: 36%;	
}
.stcenter05 .timg .rtitle{
	display: flex;
	flex-wrap: wrap;
	padding:3% 5%;
	width: 60%;
}
.stcenter05 .timg .user{
	display: flex;
	align-items: center;
}
.stcenter05 .timg .user .study{
	padding-left: 10px;
}
.stcenter05 .timg .user img{
	width: 40px;
}

.stcenter06{
	padding: 40px 0;
}
.stcenter06 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter06 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter06 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 20px;
}
.stcenter06 .ocontent .btn{
	position: relative;
	min-width: 30px;
	height: 35px;
	border-radius: 10px 0 10px 0 ;
	-webkit-border-radius: 10px 0 10px 0 ;
	-moz-border-radius: 10px 0 10px 0 ;
	-ms-border-radius: 10px 0 10px 0 ;
	-o-border-radius: 10px 0 10px 0 ;
	background-color: #e1a512;
}
.stcenter06 .ocontent .btn::before{
	content: '';
    display: block;
    position: absolute;
    top: 38%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    right: 14px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.stcenter06 .ocontent ul{
	margin-top: 20px;
}
.stcenter06 .ocontent li a{
	display: flex;
	background-color: #ffffff;
	padding: 22px 15px;
	margin-bottom: 1.5%;
	justify-content: space-between;
}
.stcenter06 .ocontent li .text{
	padding-right: 20px;
	font-size: 14px;
    line-height: 1.2;
}
.stcenter06 .ocontent .more{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #999999;
	line-height: 45px;
	background-color: #ebebeb;
	margin-top: 15px;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}


.stcenter07{
	padding: 40px 0;
	background-color: #ffffff;
}
.stcenter07 .ntop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stcenter07 .ntop .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 36px;
}
.stcenter07 .ntop .title::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 34px;
	height: 20px;
}
.stcenter07 .ntop .desc{
	font-size: 12px;
	color: #999;
}
.stcenter07 .onav ul{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.stcenter07 .onav ul::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e2e2e2;
}
.stcenter07 .onav ul li{
	padding-top: 15px;
	position: relative;
	width: 33.33%;
	text-align: center;
	font-size: 16px;
	color: #999999;
}
.stcenter07 .onav ul li.cur::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d79e23;
}
.stcenter07 .onav ul li.cur{
	color: #d79e23;
}
.stcenter07 .ocontent {
	margin-top: 30px;
}
.stcenter07 .ocontent .item{
	display: none;
}
.stcenter07 .ocontent ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stcenter07 .ocontent ul li{
	width: 100%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 2%;
	overflow: hidden;
	background-color: #f5f5f5;
}
.stcenter07 .ocontent ul li .t01{
	font-size: 16px;
	color: #000000;
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.stcenter07 .ocontent ul li a{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	align-items: center;
}
.stcenter07 .ocontent ul li .btn{
	min-width: 40px;
    height: 40px;
    border: 2px solid #e1a512;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/download.png);
    background-position: top 8px center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.stcenter07 .ocontent ul li .t02{
	margin-top: 10px;
}
.stcenter07 .ocontent ul li .t021{
	font-size: 14px;
	color: #999999;
}
.stcenter07 .ocontent ul li .t022{
	font-size: 12px;
	color: #999999;
}
.stcenter07 .ocontent  .more{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #999999;
	line-height: 45px;
	background-color: #ebebeb;
	margin-top: 15px;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

/* 支持中心的视频 */
.video01{
	padding: 40px 0;
}
.video01 .title{
	position: relative;
}
.video01 .title .opt{
	height: 100%;
	line-height: 40px;
	position: relative;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background-color: #fff;
	padding: 0 15px;
	height: 40px;
	z-index: 2;
}
.video01 .title .opt::before{
	content: '';
	display: block;
	position: absolute;
	top: 32%;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	right: 18px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.video01 .title ul{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1;
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background-color: #ededed;
	padding-top: 45px;
	display: none;
}
.video01 .title ul .fenlei{
	padding: 5px 15px;
	width: 100%;
	display: inline-block;
	position: relative;
}
.video01 .title ul .fenlei::before{
	content: '';
	display: block;
	position: absolute;
	top: 32%;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	right: 18px;
	width: 6px;
	height: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

.video02{
	padding-bottom: 50px;
}
.video02 ul{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.video02 ul li{
	width: 49%;
	position: relative;
	margin-bottom: 2%;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.video02 ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.video02 ul li .tishi{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
}
.video02 ul li.fufei .tishi{
	background-image: linear-gradient(to bottom left, #595858, #1f1703);
}
.video02 ul li.mianfei .tishi{
	background-color: #1bb7a2;
}
.video02 ul li.vip .tishi{
	background-image: linear-gradient(to right, #f5bd24 , #d59b23);
}

.video02 ul li .text{
	padding: 15px;
}
.video02 ul li .text .title{
	font-size: 14px;
	color: #000000;
	line-height: 1.5;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.video02 ul li .youhui span {
	width: 36px;
    height: 15px;
    background-image: url(../images/youhui.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
}
.video02 ul li .youhui {
    font-size: 14px;
    color: #ff3522;
    display: flex;
    align-items: center;
}
.video02 ul li .t02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.video02 ul li .youhui p {
    display: inline-block;
	font-size: 14px;
}
.video02 ul li .yuanjia {
    font-size: 14px;
    text-decoration: line-through;
    color: #999999;
}
.video02 ul li .desc{
	color: #999;
	font-size: 12px;
	margin-top: 10px;
}

/* 支持中心课程详细 */
.detailed01{
	padding: 0 0 35px 0;
}
.detailed01 .title{
	font-size: 24px;
	color: #333333;
	line-height: 1.4;
}
.detailed01 .desc{
	margin-top: 24px;
	font-size: 14px;
	color: #666666;
}
.detailed01 .desc .time{
	margin-left: 40px;
}
.detailed01 .ontop{
	padding-bottom: 25px;
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 0 20px 0;
}
.detailed01 .t01{
	padding-top: 20px;
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
}
.detailed01 .share{
	display: flex;
}
.detailed01 .share .item:not(:first-child){
	margin-left: 40px;
}
.detailed01 .share .item{
	padding-left: 30px;
}
.detailed01 .share .item:nth-of-type(1){
	background-image: url(../images/fenxiang01.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.detailed01 .share .item:nth-of-type(2){
	background-image: url(../images/fenxiang02.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.detailed01 .share .item:nth-of-type(2).cur{
	background-image: url(../images/fenxiang021.png);
	color: #d59b23;
}

.detailed02{
	position: relative;
}
.detailed02 .title{
	font-size: 20px;
	color: #333;
	position: relative;
	width: 100%;
	line-height: 1;
}
.detailed02::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 5px;
	background-image: linear-gradient(#f3c23d, #e1a615);
}
.detailed02 ul{
	margin-top: 30px;
}
.detailed02 ul li{
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 0;
}
.detailed02 ul li:first-child{
	padding-top: 0;
}
.detailed02 ul li:last-child{
	border-bottom:none;
}
.detailed02 ul li .t01{
	font-size: 14px;
	color: #666666;
	position: relative;
}
.detailed02 ul li .t01::before{
	content: '';
    display: block;
    position: absolute;
    top: 10px;
	right: 0;
    width: 10px;
    height: 2px;
	background-color: #999999;
}
.detailed02 ul li .t01::after{
	content: '';
    display: block;
    position: absolute;
	top: 6px;
	right: 4px;
    width: 2px;
    height: 10px;
	background-color: #999999;
}
.detailed02 ul li .t01.cur{
	color: #e7bc4d;
}
.detailed02 ul li .t01.cur::after{
	display: none;
}
.detailed02 ul li .t01.cur::before{
	background-color: #e7bc4d;
}
.detailed02 ul li dl{
	display: none;
}
.detailed02 ul li dl dt a{
	display: flex;
	justify-content: space-between;
	padding: 13px 0 0 0;
}
.detailed02 ul li dt p{
	padding-right: 20px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.detailed02 ul li dt .time{
	font-size: 12px;
	position: relative;
}
.detailed02 ul li dt .time::before{
	content: '';
	display: block;
	position: absolute;
	background-image: url(../images/bofang.png);
	background-size: contain;
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	left: -20px;
	top: 2px;
}

.detailed03{
	padding: 20px 0;
	margin-bottom: 75px;
}
.detailed03 .swiper-slide{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.detailed03 .title{
	position: relative;
	font-size: 20px;
	color: #333333;
	padding-left: 38px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.detailed03 .title::before{
	position: absolute;
	left: 0;
	top: 2px;
	content: '';
	display: block;
	width: 34px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url(../images/rec.png);
	padding-left: 34px;
	background-size: cover;

}
.detailed03 .tishi{
	position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #f5bd24 , #d59b23);
    color: #fff;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
}
.detailed03 .text{
	background-color: #f8f8f8;
	padding: 15px;
}
.detailed03 .text .t01{
	font-size: 16px;
	color: #000000;
}
.detailed03 .text .t02{
	font-size: 14px;
	color: #ff1600;
	margin-top: 10px;
}
.detailed03 .text .t03{
	font-size: 12px;
	color: #999999;
	margin-top: 4px;
}
.detailed04{
	position: fixed;
	bottom: 60px;
	left: 0;
	right: 0;
	background-color: #111111;
	z-index: 1;
}
.detailed04 .content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	height: 75px;
}
.detailed04 .content .price{
	font-size: 21px;
	color: #fff;
	width: 50%;
}
.detailed04 .content .getbtn{
	display: flex;
	justify-content: space-between;
	width: 50%;
}
.detailed04 .content .getbtn>div{
	width: 60px;
	height: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	line-height: 40px;
	text-align: center;
	width: 48%;
	font-size: 14px;
}
.detailed04 .content .getbtn .buy{
	background-image: linear-gradient(to right, #f5be24 , #d59b23);
	color: #fff;
}
.detailed04 .content .getbtn .learn{
	border: 1px solid #e7b323;
	color: #e7b323;
}

/* 支持中心_课程播放_课程介绍 */
.course_banner{
	position: relative;
}
.openvideo{
	background-image: url(../images/openvideo.png);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.course_nav ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.course_nav ul li{
	height: 55px;
	line-height: 55px;
}
.course_nav ul li a{
	font-size: 16px;
	color: #666666;
	height: 100%;
	display: inline-block;
	position: relative;
}
.course_nav ul li.cur a{
	color: #e3aa1a;
}
.course_nav ul li.cur a::before{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #e3aa1a;
	bottom: 0;
	position: absolute;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.course_nav ul li:not(:first-child) a{
	margin-left: 30px;
}
.course01{
	padding-top: 45px;
	background-color: #fff;
}
.course01 .title{
	font-size: 24px;
	color: #333333;
}

.course01 .share{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9;
}
.course01 .share .item{
	padding-left: 30px;
}
.course01 .share .item:nth-of-type(1){
	background-image: url(../images/fenxiang01.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.course01 .share .item:nth-of-type(2){
	background-image: url(../images/fenxiang02.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.course01 .share .item:nth-of-type(2).cur{
	background-image: url(../images/fenxiang021.png);
}
.course01 .share .item:nth-of-type(2).cur{
	color: #e7b323;
}
.course01 .desc{
	padding-top: 20px;
	padding-bottom: 100px;
	font-size: 12px;
	color: #666666;
}

/* 支持中心_课程播放_课程目录 */
.coursecatalog01{
	position: relative;
	background-color: #fff;
	padding: 40px 0 40px 0;
}
.coursecatalog01 .title{
	font-size: 20px;
	color: #333333;
	line-height: 20px;
}
.coursecatalog01 .ontop::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 5px;
    background-image: linear-gradient(#f3c23d, #e1a615);
}
.coursecatalog01 .ontop{
	display: flex;
	justify-content: space-between;
}
.coursecatalog01 .ontop .download{
	background-image: url(../images/download01.png);
	background-repeat: no-repeat;
	background-size: 17px 20px;
	background-position: right top 3px;
	padding-right: 22px;
	font-size: 18px;
}
.coursecatalog01 .onnav ul{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.coursecatalog01 .onnav ul li{
	position: relative;
	font-size: 14px;
	color: #666666;
	padding-bottom: 15px;
	width: 33.33%;
	text-align: center;
}
.coursecatalog01 .onnav ul li.cur{
	color: #e3aa1a;
}
.coursecatalog01 .onnav ul li.cur::before{
	content: '';
	display: block;
	width: 20px;
	height: 3px;
	background-color: #e3aa1a;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.coursecatalog01 .oncontent{
	margin-top: 20px;
}
.coursecatalog01 .oncontent .item{
	display: none;
}
.coursecatalog01 .oncontent .item ul{
	margin-bottom: 20px;
}
.coursecatalog01 .oncontent li{
	background-color: #f8f8f8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border: 2px solid transparent;
	padding: 15px;
	position: relative;
	margin-bottom: 10px;
}
.coursecatalog01 .oncontent li.cur{
	border: 2px solid #e7b323;
}
.coursecatalog01 .oncontent li .time{
	font-size: 12px;
	position: relative;
	margin-left: 18px;
	margin-top: 10px;
}
.coursecatalog01 .oncontent li .time::before{
	content: '';
	display: block;
	position: absolute;
	background-image: url(../images/bofang.png);
	background-size: contain;
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	left: -20px;
	top: 2px;
}
.coursecatalog01 .oncontent li .bofang{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px 10px;
	background-color: #e3aa1a;
	border-radius: 10px 0 5px 0;
	-webkit-border-radius: 10px 0 5px 0;
	-moz-border-radius: 10px 0 5px 0;
	-ms-border-radius: 10px 0 5px 0;
	-o-border-radius: 10px 0 5px 0;
	color: #fff;
	font-size: 12px;
	display: none;
}
.coursecatalog01 .oncontent li.cur .bofang{
	display: block;
}
.comment01{
	position: relative;
	background-color: #fff;
	padding: 40px 0 0 0;
}
.comment01 .title{
	font-size: 20px;
	color: #333333;
	line-height: 20px;
}
.comment01 .ontop::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 5px;
    background-image: linear-gradient(#f3c23d, #e1a615);
}
.comment01 form{
	width: 100%;
	padding: 20px 0 0;
}
.comment01 form .item{
	width: 100%;
}
.comment01 form .item textarea{
	width: 100%;
	outline: none;
	background-color: #f5f5f5;
	font-size: 12px;
	padding: 15px;
	border: none;
	resize:none;
	height: 100px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.comment01  .form_btn{
	width: 100%;
	height: 40px;
	background-color: #eeb524;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	margin-top: 20px;
}
.comment01  .form_btn input{
	width: 100%;
	background-color: transparent;
	height: 100%;
	font-size: 14px;
	color: #fff;
	background-image: linear-gradient(to right, #f6be24 , #d59a23);
}
.comment02{
	background-color: #fff;
	padding-bottom: 15px;
}
.comment02 ul{
	margin-bottom: 30px;
}
.comment02 ul li{
	padding: 15px 0;
	position: relative;
	border-bottom: 1px solid #ebebeb;
}
.comment02 ul li .imgbox{
	width: 60px;
	height: 60px;
	border-radius: 60px;
	position: absolute;
	top: 15px;
	left: 0;
}
.comment02 ul li .imgbox img{
	width: 60px;
	height: 60px;
	border-radius: 60px;
}
.comment02 ul li .text{
	width: auto;
	margin-left: 70px;
}
.comment02 ul li .title {
	display: block;
	justify-content: space-between;
}
.comment02 ul li .title p{
	display: block;
	font-size: 12px;
	color: #000;
}
.comment02 ul li .time{
	font-size: 12px;
	color: #999999;
}
.comment02 ul li .desc{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

/* 支持中心 文章 */
.article01 {
	padding-bottom: 30px;
}
.article01 .onav {
	position: relative;
}
.article01 .onav ul {
    margin-top: 20px;
    position: relative;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
	margin-bottom: 30px;
}
.article01 .onav ul li a{
    color: #666;
}
.article01 .onav ul li{
    padding-top: 15px;
    position: relative;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    padding-bottom: 10px;
}
.article01 .onav ul li:not(:first-child){
	margin-left: 20px;
}
.article01 .onav ul li.cur a{
	color: #e3aa1a;
}
.article01 .onav ul li.cur::before{
	width: 20px;
	height: 3px;
	background-color: #e3aa1a;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}
.article01 .oncontent ul{
	margin-bottom: 30px;
}
.article01 .oncontent ul li{
	position: relative;
}
.article01 .oncontent ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.article01 .oncontent ul li::before{
	position: absolute;
	content: '';
	display: block;
	width: 60%;
	height: 1px;
	background-color: #eaeaea;
	right: 0;
	bottom: 0;
}
.article01 .oncontent ul li .text{
	width: 60%;
}
.article01 .oncontent ul li .imgbox{
	width: 35%;
}
.article01 .oncontent ul li .time{
	font-size: 12px;
	color: #999999;
}
.article01 .oncontent ul li .title{
	margin-top: 10px;
	font-size: 14px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 文章详情 */
.details01{
	padding: 40px 0 45px;
	background-color: #fff;
}
.details01 .ontop .title{
	font-size: 24px;
	color: #333;
}
.details01 .ontop .desc{
	margin-top: 25px;
}
.details01 .ontop .desc span{
	font-size: 12px;
	color: #777777;
}
.details01 .ontop .desc span:not(:first-child){
	margin-left: 15px;
}
.details01 .guided{
	background-color: #f6f6f6;
	padding: 35px 25px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-top: 30px;
}
.details01 .guided .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to bottom left, #e0ae3f, #ca9830);
	width: 70px;
	height: 70px;
	transform: rotate(135deg) translate(0px, 49px);
}
.details01 .guided .tishi span{
	transform: rotate(180deg) translate(-18px,0);
	-webkit-transform: rotate(180deg) translate(-18px,0);
	-moz-transform: rotate(180deg) translate(-18px,0);
	-ms-transform: rotate(180deg) translate(-18px,0);
	-o-transform: rotate(180deg) translate(-18px,0);
	display: inline-block;
	color: #fff;
}
.details01 .content{
	padding: 45px 0;
}
.details01 .content p{
	font-size: 14px;
	color: #666666;
	line-height: 1.75;
}
.details01 .gobtn{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.details01 .gobtn a{
	width: 50%;
	font-size: 14px;
	color: #777777;
	text-align: center;
	position: relative;
	padding: 15px 0;
}
.details01 .gobtn a + a::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #d9d9d9;
}
.detailsshare{
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	z-index: 1;
}
.detailsshare .dets{
	width: 40px;
	height: 40px;
	box-shadow: 0 2px 5px 1px #ededee;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.detailsshare .dets:not(:first-child){
	margin-top: 20px;
}
.detailsshare .dets.dets01{
	background-image: url(../images/dets01.png);
}
.detailsshare .dets.dets02{
	background-image: url(../images/dets02.png);
}
.detailsshare .dets.dets03{
	background-image: url(../images/dets03.png);
}
.detailsshare .dets.dets01.cur{
	background-image: url(../images/dets011.png);
}
.detailsshare .dets.dets02.cur{
	background-image: url(../images/dets021.png);
}
/* 下载白皮书 */
.papernav{
	position: relative;
	padding: 42px 0 30px;
}
.papernav ul{
	display: flex;
	justify-content: center;
}
.papernav ul li{
	margin: 0 10px;
}
.papernav ul li a{
	position: relative;
	padding-bottom: 15px;
}
.papernav ul li.cur a{
	color: #e3aa1a;
}
.papernav ul li.cur a::before{
	content: '';
	display: block;
	width: 15px;
	height: 3px;
	background-color: #e3aa1a;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.paper01{
	padding-bottom: 30px;
}
.paper01 ul{
	padding: 30px 0;
}
.paper01 ul li{
	position: relative;
	margin-bottom: 20px;
}
.paper01 ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.paper01 ul li .imgbox{
	width: 35%;
}
.paper01 ul li .text{
	width: 58%;
}
.paper01 ul li::before{
	position: absolute;
    content: '';
    display: block;
    width: 58%;
    height: 1px;
    background-color: #eaeaea;
    right: 0;
    bottom: 0;
}
.paper01 ul li .title{
	font-size: 14px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.paper01 ul li .download{
	display: flex;
	margin-top: 10px;
	background-image: url(../images/download02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	font-size: 12px;
}

/* 下载模型 */
.model01{
	padding-bottom: 30px;
}
.model01 ul{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.model01 ul li{
	width: 49%;
}
.model01 ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.model01 ul li{
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-ms-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 2%;
}
.model01 ul li .text{
	padding: 15px;
}
.model01 ul li .text .title{
	font-size: 14px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.model01 ul li .down{
	background-image: url(../images/download02.png);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 10px;
}
/* 软件试用 */
.software01{
	padding-bottom: 30px;
}
.software01 ul{
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}
.software01 ul li{
	width: 49%;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 2%;
}
.software01 ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.software01 ul li .imgbox img{
	height: 25px;
}
.software01 ul li .title{
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #000000;
}
.software01 ul li .desc{
	margin-bottom: 15px;
	font-size: 12px;
	color: #666666;
}
.software01 ul li a:hover{
	background-image: linear-gradient(to right, #f6be24 , #d49b23);
	border: transparent;
	color: #fff;
}
.software01 ul li a{
	width: 100%;
	display: inline-block;
	text-align: center;
	height: 30px;
	font-size: 12px;
	color: #e1a512;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid #e1a512;
}
.softhint{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.softhint .content{
	width: 75%;
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 30px;
}
.softhint .content img{
	width: 35%;
}
.softhint .content .title{
	font-size: 14px;
	color: #333333;
	margin-top: 22.5px;
}

.softhint .content .desc{
	margin-top: 15px;
	font-size: 12px;
	color: #666666;
}

/* 下载详情 */
.downxq01{
	padding: 30px 0 20px;
	background-color: #fff;
}
.downxq01 .title{
	font-size: 24px;
	color: #333333;
	font-weight: 700;
}
.downxq01 .content{
	padding: 35px 0;
}
.downxq01 .doloadfile{
	width: 100%;
	background-image: linear-gradient(to right, #f6be24 , #d49b23);
	height: 40px;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.downxq02{
	padding-bottom: 30px;
	margin-top: 10px;
	background-color: #fff;
}
.downxq02 .gobak .goitem{
	display: inline-block;
	line-height: 50px;
	position: relative;
	width: 100%;
}
.downxq02 .gobak .goitem + .goitem::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.downxq02 .gbk{
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid #d59b23;
	color: #d59b23;
	text-align: center;
	line-height: 30px;
	margin-top: 15px;
}
.downxq03 {
	padding: 30px 0;
}
.downxq03 .swiper-slide{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px #dfdcdc;
	margin-bottom: 5px;
	margin-left: 2px;
}
.downxq03 .title {
    position: relative;
    font-size: 20px;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 30px;
}
.downxq03 .text {
    background-color: #f8f8f8;
    padding: 15px;
}
.downxq03 .text .t01 {
    font-size: 14px;
    color: #000000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 个人中心 */
.user_top .content{
	display: flex;
	padding: 75px 0 50px;
	justify-content: space-between;
	align-items: center;
}
.user_top .content .imgbox{
	width: 65px;
	position: relative;
}
.user_top .content .imgbox img{
	width: 65px;
}
.user_top .content .user_l{
	width:48%;
	display: flex;
	align-items: center;
}
.user_top .content .user_l .title{
	margin-left: 15px;
	color: #fff;
}
.user_top .content .user_l .title .t01{
	font-size: 16px;
}
.user_top .content .user_l .title .t02{
	font-size: 12px;
}
.user_top .content .imgbox .vip {
    width: 24px;
    height: 24px;
	padding: 5px;
    border-radius: 24px;
    background: #FFF;
	position: absolute;
	top: 45px;
	right: 0px;
}
.user_top .content .imgbox .vip img {
    width: 24px;
    height: 24px;
}
.user_top .user_ge{
	position: relative;
	padding-right: 20px;
	color: #fff;
}
.user_top .user_ge::before{
	content: '';
    display: block;
    position: absolute;
    top: 28%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    right: 8px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.member01 .content{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #ffffff;
	transform: translate(0,-30px);
	-webkit-transform: translate(0,-30px);
	-moz-transform: translate(0,-30px);
	-ms-transform: translate(0,-30px);
	-o-transform: translate(0,-30px);
	padding: 5px 15px;
}
.member01 ul li{
	position: relative;
}
.member01 ul li::after{
	position: absolute;
	content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    transform: rotate(45deg);
    right: 8px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.member01 ul li + li::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.member01 ul li a{
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.member01 ul li .imgbox{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.member01 ul li .imgbox img{
	width: 60%;
	height: auto;
}
.member01 ul li .title{
	margin-left: 15px;
	color: #000000;
}
.member02 .ontop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.member02 .ontop .title{
	font-size: 21px;
	color: #333333;
}
.member02 .ontop .desc{
	color: #666666;
	font-size: 14px;
}
.member02 .ontop .desc span{
	position: relative;
	padding-bottom: 10px;
}
.member02 .ontop .desc span:not(:first-child){
	margin-left: 20px;
}
.member02 .ontop .desc span.cur{
	color: #e3aa1a;
}
.member02 .ontop .desc span.cur::before{
	content: '';
	display: block;
	width: 10px;
	height: 3px;
	background-color: #e3aa1a;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.member02 .oncontent{
	padding: 25px 0 30px;
}
.member02 .oncontent .item{
	display: none;
}
.member02 .oncontent ul{
	display: flex;
	flex-wrap: wrap;
}
.member02 .oncontent ul li{
	width: 49%;
	margin-bottom: 2%;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.member02 .oncontent ul li:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.member02 .oncontent ul li .tishi{
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to right, #1f1703 , #595958);
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-ms-border-radius: 10px 0 10px 0;
	-o-border-radius: 10px 0 10px 0;
}
.member02 .oncontent ul li .text{
	background-color: #fff;
	padding: 10px 15px;
}
.member02 .oncontent ul li .t01{
	font-size: 12px;
	color: #999999;
}
.member02 .oncontent ul li .t02{
	font-size: 14px;
	color: #333333;
	margin-top: 5px;
}
.member02 .oncontent ul li .t03{
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
}

/* 会员中心——我的课程 */
.mycourse .content{
	padding: 20% 0 12%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mycourse .content .title{
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.mycourse01{
	position: relative;
	padding-bottom: 20px;
}

.mycourse01 .process{
	position: absolute;
	top: -80px;
	left: 15px;
	right: 15px;
	background-image: url(../images/procss_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: cover;
	height: 73px;
	padding: 25px 20px;
	font-size: 16px;
	color: #d79e23;
}
@media (max-width: 480px){
	.mycourse01 .process{
		height: 85px;
	}
}
@media (max-width: 400px){
	.mycourse01 .process{
		height: 75px;
	}
}
.mycourse01 .ontop{
	display: flex;
	justify-content: space-between;
	padding: 30px 20px;
	border-bottom: 2px solid #e9e9e9;
	background-color: #fff;
	margin-top: 60px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	align-items: center;
}
.mycourse01 .ontop .p1{
	font-size: 25px;
	color: #e7bc4d;
	line-height: 1;
}
.mycourse01 .ontop .p2{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
}
.mycourse01 .ontop .itemlist{
	display: flex;
	text-align: center;
}
.mycourse01 .ontop .itemlist img{
	width: 20px;
	height: 20px;
}
.mycourse01 .ontop .itemlist .item:not(:first-child){
	margin-left: 30px;
}
.mycourse01 .ontop .itemlist .item .text{
	margin-top: 10px;
	font-size: 12px;
}
.mycourse01 .optlist{
	background-color: #fff;
	padding: 0 15px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
}
.mycourse01 .optlist li .t01.cur {
    color: #e7bc4d;
}
.mycourse01 .optlist li .t01 {
    font-size: 14px;
    color: #666666;
    position: relative;
}
.mycourse01 .optlist li {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
}
.mycourse01 .optlist li:last-child{
	border-bottom: none;
}
.mycourse01 .optlist li dl {
    display: none;
}
.mycourse01 .optlist li dl dt a {
    display: flex;
    justify-content: space-between;
    padding: 13px 0 0 0;
}
.mycourse01 .optlist li dt p {
    padding-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
	color: #999999;
	font-size: 12px;
}
.mycourse01 .optlist li dt .time {
    font-size: 12px;
    position: relative;
	color: #999999;
}
.mycourse01 .optlist li .t01::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 10px;
    height: 2px;
    background-color: #999999;
}
.mycourse01 .optlist li .t01::after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 4px;
    width: 2px;
    height: 10px;
    background-color: #999999;
}
.mycourse01 .optlist li .t01.cur::before {
    background-color: #e7bc4d;
}
.mycourse01 .optlist li .t01.cur::after {
    display: none;
}
.mycourse01 .optlist li dt .time::before {
	content: '';
    display: block;
    position: absolute;
    background-image: url(../images/bofang01.png);
    background-size: contain;
    width: 14px;
    height: 11px;
    background-repeat: no-repeat;
    left: -20px;
    top: 4px;
}
.mycourse01 .analyze_content {
	padding-bottom: 30px;
}
.mycourse01 .analyze_content .analyze{
	margin-bottom: 30px;
}
.mycourse01 .analyze_content .item{
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-top: 10px;
	padding: 20px;
}
.mycourse01 .analyze_content .item .title{
	font-size: 16px;
	color: #000000;
}
.mycourse01 .analyze_content .item .desc{
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
}

.mycourse_order .content{
	padding-bottom: 20px;
}
.mycourse_order .mycourse_nav{
	display: flex;
	justify-content: center;
	margin-top: 35px;
}
.mycourse_order .mycourse_nav .item:not(:first-child){
	margin-left: 30px;
}
.mycourse_order .mycourse_nav .item a{
	color: rgba(255, 255, 255, .7);
	position: relative;
	padding-bottom: 10px;
}
.mycourse_order .mycourse_nav .item.cur a{
	color: #fff;
}
.mycourse_order .mycourse_nav .item.cur a::before{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	background-color: #fff;
	width: 10px;
	height: 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.order01{
	padding: 20px 0 40px;
}
.order01 .item{
	margin-bottom: 20px;
}
.order01 .item.revise .state{
	color: #fa6403;
}
.order01 .item .state{
	color: #0bc05f;
}
.order01 .item .it_top{
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	border-bottom: 1px solid #dddddd;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
}
.order01 .it_t{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	background-color: #fff;
}
.order01 .it_t .imgbox{
	width: 32%;
}
.order01 .it_t .text{
	width: 62%;
}
.order01 .it_t .text .t01{
	font-size: 14px;
	color: #000;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.order01 .it_t .text .t02{
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
}
.order01 .it_t .text .t03{
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
}
.order01 .it_bo .ite_b{
	padding: 15px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
}
.order01 .it_bo .ite_b .comment a{
	display: inline-block;
	width: 80px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	font-size: 12px;
	border: 1px solid transparent;
}
.order01 .it_bo .ite_b a.pinjia{
	color: #d49b23;
	border: 1px solid #d49b23;
}
.order01 .it_bo .ite_b .learn{
	background-image: linear-gradient(to right, #f6be24 , #d49b23);
	color: #fff;
	margin-left: 5px;
}
.order01 .it_bo .ite_b .delte{
	color: #999;
	font-size: 14px;
}

/* 会员中心——购买 */
.buy01{
	padding-bottom: 120px;
}
.buy01 .content{
	transform: translate(0,-30px);
	-webkit-transform: translate(0,-30px);
	-moz-transform: translate(0,-30px);
	-ms-transform: translate(0,-30px);
	-o-transform: translate(0,-30px);
}
.buy01 .content .buy_t{
	display: flex;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	overflow: hidden;
}
.buy01 .content .buy_t .tishi{
	position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to bottom left, #595858, #1f1703);
    color: #fff;
    padding: 1px 8px;
    font-size: 12px;
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
}
.buy01 .content .buy_t .imgbox{
	width: 50%;
}
.buy01 .content .buy_t .text{
	width: 50%;
	padding: 15px;
}
.buy01 .content .buy_t  .desc{
	margin-top: 5px;
	color: #999999;
	font-size: 12px;
}
.buy01 .content .buy_t  .desc01{
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	font-size: 12px;
	color: #d79e23;
}
.buy01 .content .but_c{
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 15px;
} 
.buy01 .content .but_c .but_ct{
	font-size: 16px;
}
.buy01 .content .but_c .but_citemc{
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
}
.buy01 .content .but_c .but_citem{
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.buy01 .content .but_c .but_citem .tle{
	color: #666;
}
.buy01 .content .but_c .but_citem .price{
	color: #d79e23;
}
.buy01 .content .but_c .oic{
	display: flex;
	padding: 15px 0 0;
}
.buy01 .content .but_c .oic input{
    appearance: auto;
	margin-right: 10px;
}

.buy01 .content .but_c .oic .t02{
	color: #666666;
	font-size: 12px;
}
.buy01 .content .but_c .oic .t02 span{
	color: #d69d23;
}
.buy01 .content .but_b{
	margin-top: 20px;
}
.buy01 .content .but_b .buysome{
	width: 100%;
	background-image: linear-gradient(to right, #f6be23 , #d59b22);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	display: block;
}

/* 会员中心_会员支付 */
.buy01 .buy_ma{
	padding-top: 10px;
}
.buy01 .buy_ma .buy_nav{
	display: flex;
}
.buy01 .buy_ma .buy_nav .item{
	width: 135px;
	text-align: center;
	padding: 20px 20px 20px 26px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
}
.buy01 .buy_ma .buy_nav .weix{
	background-image: url(../images/wx_icon.png);
	background-repeat: no-repeat;
	background-position: top 18px left 18px;
	padding-left: 42px;
	background-size: 26px;
}
.buy01 .buy_ma .buy_nav .zhifu{
	background-image: url(../images/zhifu_icon.png);
	background-repeat: no-repeat;
	background-position: top 18px left 18px;
	padding-left: 42px;
	background-size: 26px;
}
.buy01 .buy_ma .buy_nav .item{
	color: #999;
}
.buy01 .buy_ma .buy_nav .item.cur{
	background-color: #fff;
	color: #333333;
}
.buy01 .buy_ma .buy_er .item{
	padding: 40px 60px;
	background-color: #fff;
	text-align: center;
	display: none;
}
.buy01 .buy_ma .buy_er .text{
	font-size: 14px;
	margin-top: 30px;
	color: #333333;
}
.buy_succ{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.buy_succ .content{
	width: 85%;
	background-color: #fff;
	text-align: center;
	padding: 35px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.buy_succ .content img{
	width: 60px;
}
.buy_succ .content .text{
	font-size: 14px;
	color: #333;
	margin-top: 20px;
}
.buy_succ .content .desc{
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
}
.buy_succ .content .desc a{
	color: #d79e23;
}

.buy_err{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.buy_err .content{
	width: 85%;
	background-color: #fff;
	text-align: center;
	padding: 35px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.buy_err .content img{
	width: 60px;
}
.buy_err .content .text{
	font-size: 14px;
	color: #333;
	margin-top: 20px;
}
.buy_err .content .desc{
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
}
.buy_err .content .desc a{
	color: #d79e23;
}

/* 会与那种小——我的收藏 */
.collect01{
	padding-bottom: 30px;
}
.collect01 .content{
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}
.collect01 .content .item .imgbox{
	display: block;
}
.collect01 .content .item{
	width: 49%;
	margin-bottom: 2%;
	background-color: #fff;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.collect01 .content .item:not(:nth-child(2n+1)){
	margin-left: 2%;
}
.collect01 .content .item .tishi{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
}
.collect01 .content .item.pay .tishi{
    background-image: linear-gradient(to bottom left, #595858, #1f1703);
}
.collect01 .content .item.free .tishi{
	background-color: #1bb7a2;
}
.collect01 .content .item.vip .tishi{
	background-image: linear-gradient(to right, #f5bd24 , #d59b23);
}
.collect01 .content .item .text{
	padding: 15px;
}
.collect01 .content .item .text .title{
	font-size: 14px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.collect01 .content .item .desc{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.collect01 .content .item .text .like{
	background-image: url(../images/h_like01.png);
	width: 22px;
    height: 22px;
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
}
.collect01 .content .item .text .like.cur{
	background-image: url(../images/h_like02.png);
}
.collect01 .content .item .text .pr{
	color: #ff1600;
	font-size: 14px;
	line-height: 1;
}
.collect01 .content .item .text .time{
	color: #999999;
	font-size: 12px;
	margin-top: 10px;
	line-height: 1;
}

/* 会员中心——收藏文章 */
.collect02 .content{
	padding: 20px 0 35px;
}
.collect02 .item_list {
	padding-bottom: 35px;
}
.collect02 .item_list .item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2%;
}
.collect02 .item_list .item .imgbox{
	width: 37%;
}
.collect02 .item_list .item .text{
	width: 56%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 30px;
}
.collect02 .item_list .item .text::before{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #e1e1e1;
}
.collect02 .item_list .item .like{
	background-image: url(../images/h_like01.png);
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.collect02 .item_list .item .like.cur{
	background-image: url(../images/h_like02.png);
}
.collect02 .item_list .item .t01{
	font-size: 12px;
	color: #999;
}
.collect02 .item_list .item .t02{
	font-size: 14px;
	color: #333333;
	margin-top: 5px;
	line-height: 1.4;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 会员中心——我的评论 */
.mycomment{
	padding: 20px 0 30px;
}
.mycomment .content .item{
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}
.mycomment .content .item:not(:first-child){
	padding-top: 20px;
}
.mycomment .content .item:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.mycomment .content{
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	-moz-transform: translate(0,-50px);
	-ms-transform: translate(0,-50px);
	-o-transform: translate(0,-50px);
}
.mycomment .ontop{
	display: flex;
	justify-content: space-between;
}
.mycomment .ontop .del img{
	width: 15px;
}
.mycomment .ontop .time{
	color: #999;
	font-size: 14px;
}
.mycomment .oncenter{
	margin-top: 20px;
}
.mycomment .oncenter .desc{
	font-size: 14px;
	margin-bottom: 20px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.mycomment .oncenter .desc01{
	display: flex;
	align-items: center;
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	justify-content: space-between;
}
.mycomment .oncenter .desc01 .imgbox{
	width: 30%;
}
.mycomment .oncenter .desc01 .t01{
	width: 62%;
	color: #999;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*会员中心——我的下载 */
.mydown01{
	padding-bottom: 30px;
}
.mydown01 .content{
	transform: translate(0,-30px);
	-webkit-transform: translate(0,-30px);
	-moz-transform: translate(0,-30px);
	-ms-transform: translate(0,-30px);
	-o-transform: translate(0,-30px);
}
.mydown01 .content .item{
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	position: relative;
	margin-bottom: 15px;
	padding-right: 17%;
}
.mydown01 .content .item .time{
	font-size: 12px;
	color: #999999;
}
.mydown01 .content .item .title{
	color: #333333;
	font-size: 14px;
	margin-top: 20px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.mydown01 .content .item .desc{
	color: #ca9830;
	font-size: 12px;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #f7f2e4;
	padding: 3px 15px;
	margin-top: 10px;
}
.mydown01 .content .item .del{
	width: 20px;
	height: 20px;
	background-image: url(../images/h_close.png);
	background-size: 18px;
	background-repeat: no-repeat;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	z-index: 2;
}


/*会员中心——个人资料*/
.person01{
	padding:30px 0 35px;
}
.person01 form{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #fff;
	padding: 20px;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	-moz-transform: translate(0,-50px);
	-ms-transform: translate(0,-50px);
	-o-transform: translate(0,-50px);
}
.person01 form .user_img .imgbox{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
}
.person01 form .user_img{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}
.person01 form .user_img img{
	width: 60px;
	height: 60px;
}
.person01 form .user_img .text{
	padding-left: 20px;
	flex: 1;
}
.person01 form .user_img .t01{
	font-size: 16px;
	color: #333;
	font-weight: 700;
}
.person01 form .user_img .t02{
	font-size: 12px;
	color: #999999;
}
.person01 form .user_content{
	padding: 20px 0 0;
}
.person01 form .user_content .title{
	font-size: 16px;
	color: #333333;
	margin-bottom: 15px;
}
.person01 form .user_up .item{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #f5f5f5;
	position: relative;
	height: 40px;
	margin-bottom: 10px;
}
.person01 form .user_up .item:last-child{
	margin-bottom: 0;
}

.person01 form .user_up .item input:-moz-placeholder {  
    color: #333333; 
}  
.person01 form .user_up .item input:-ms-input-placeholder { 
    color: #333333;  
}  
.person01 form .user_up .item input::-webkit-input-placeholder { 
    color: #333333;  
}
.person01 form .user_up .item input{
	text-align: right;
	height: 100%;
	width: 100%;
	padding-right: 15px;
	font-size: 12px;
	background-image: url() !important;
}
#__lpform_input_idx_2{
	display: none !important;
}
.person01 form .user_up .item label{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	font-size: 12px;
}
.person01 form .user_btn{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.person01 form .user_btn input{
	width: 49%;
	height: 40px;
	background-image: linear-gradient(to right, #f5be24 , #d49b23);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #fff;
}
.person01 form .user_btn a{
	width: 49%;
	height: 40px;
	border: 1px solid #d49b23;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #d49b23;
}

.security01 .content{
	transform: translate(0,-20px);
	-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);
	-o-transform: translate(0,-20px);
}
.security01 .content .item{
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
}
.security01 .content .bangding{
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 14px;
	color: #d69d23;
}
.security01 .content .t01{
	font-size: 12px;
	color: #999999;
}
.security01 .content .t02{
	font-size: 14px;
	color: #000000;
	margin-top: 5px;
}
.security01 .content .other01{
	position: relative;
	padding-left: 30px;
	margin-top: 20px;
	color: #000;
	font-weight: 700;
}
.security01 .content .other01::before{
	content: '';
	display: block;
	width: 15px;
	height: 24px;
	background-image: url(../images/h_qq.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
}
.security01 .content .other02{
	position: relative;
	padding-left: 30px;
	margin-top: 10px;
	color: #000;
	font-weight: 700;
}
.security01 .content .other02::before{
	content: '';
	display: block;
	width: 15px;
	height: 24px;
	background-image: url(../images/h_wx.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
}

/* 站内信 */
.letter01{
	padding-bottom: 30px;
}

.letter01 .content{
	transform: translate(0,-30px);
	-webkit-transform: translate(0,-30px);
	-moz-transform: translate(0,-30px);
	-ms-transform: translate(0,-30px);
	-o-transform: translate(0,-30px);
}
.letter01 .item{
}
.letter01 .item a{
	padding: 15px 20px;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.letter01 .item a .title{
	font-size: 14px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.letter01 .item a .title .t01{
	padding-right: 40px;
	font-size: 16px;
	margin-bottom: 10px;
}
.letter01 .item a::before{
	content: '';
	position: absolute;
	left: 10px;
	top: 22px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #ff1117;
}
.letter01 .item a .time{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 12px;
	color: #999999;
}
.letter01 .item a .desc{
	font-size: 12px;
	color: #999;
}