@charset "utf-8";
/* CSS Document */
*{
   /* pointer-events: none;  微信浏览器还需附加该属性才有效 
	touch-action: none;*/
    -webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent; /* 禁止内容触摸高亮显示 */
	padding: 0;
	margin: 0;
	line-height: 1.75;
	color: #666666;
	text-decoration: none;
	list-style: none;
	font-style: normal;
}
img{
	display:block;
	vertical-align: bottom;
}
html{
	font-size: calc(100vw / 3.75);
}
body{
    -webkit-overflow-scrolling: touch;
	padding-right: calc(100vw - 100%);
	font-size: 0.14rem;
	font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue","PingFang SC","Hiragino Sans GB","Arial,sans-serif";
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
input,textarea{
    user-select: auto;
	line-height: normal;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.sharelogo{display: none;}
.jumplink{
	padding-right: 15px;
	background: url(https://www.os-easy.com/images/jumplink.svg)no-repeat;
	background-position: right top;
	background-size: 12px auto;
}
#goback{
	display: none;
	font-size: 12px;color: #fff;
	background-color: rgba(0,0,0,.2);padding: 3px;
	position: fixed;
	bottom: 30vh;
	left: 0;
}
.flexstyle{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.swipslider{
	position: relative;
	overflow: hidden;
	display: block;
	padding-top: 56%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sw-slides{
	display: block;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	position: absolute;
	bottom: 0;
}
.swipslider .sw-slide{
	width: 100%;
	height: 100%;
	margin: auto;
	display: inline-block;
	position: relative;
}
.sw-slide img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sw-slide .text{
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	font-size: 14px;
	white-space: initial;
}
.sw-slide .text h2{
	color: #000;
}
.sw-slide .text p{
	color: #000;
	line-height: 1.4;
}
.sw-slide .text span{
	color: #eb6323;
	line-height: 1.4;
}
.sw-bullet{
	position: absolute;
	bottom: 5%;
	display: block;
	width: 100%;
	text-align: center;
}
.sw-bullet li{
	width: 10px;
	height: 10px;
	background-color: rgba(160, 160, 160, 0.53);
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	transition: all .2s ease-out;
}
.sw-bullet li:hover{
	background-color: rgba(255, 255, 255, 0.74);
}
.sw-bullet li.active{
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 2px rgba(160, 160, 160, 0.53);
}
.sw-bullet li:not(:last-child){
	margin-right: 5px;
}
.swipslider2,.swipslider3{
	position: relative;
	overflow: hidden;
	display: block;
	padding-top: 51%;
	margin-bottom: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.swipslider2 .sw-slide{
	width: 90%;
	height: 100%;
	margin: 0 5%;
	display: inline-block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
.swipslider3 .sw-slide{
	width: 94%;
	height: 100%;
	margin: 0 3%;
	display: inline-block;
	position: relative;
}
.swipslider3 .sw-bullet{
	display: none;
}
.swipslider3 .sw-slide span{
	display: block;
	color: #fff;
	background: rgba(0,0,0,.6);
	padding: 4px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 20px);
	font-size: 14px;
}
.swipslider2 .sw-slide>img{
	border-radius: 8px;
}
.swipslider2 .sw-bullet{
	position: absolute;
	bottom: 10%;
	list-style: none;
	display: block;
	width: 80%;
	text-align: right;
	padding: 0 10%;
	margin: 0;
}
.swipslider2 .sw-bullet li{
	width: 6px;
	height: 6px;
	background-color: rgba(160, 160, 160, 0.53);
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	transition: all .2s ease-out;
}
.swipslider2 .sw-bullet li:hover{
	background-color: rgba(255, 255, 255, 0.74);
}
.swipslider2 .sw-bullet li.active {
	background-color: #eb6322;
	box-shadow: 0 0 2px rgba(160, 160, 160, 0.53);
}
.swipslider2 .sw-bullet li:not(:last-child){
	margin-right: 5px;
}
.title{
	width:94%;
	margin: 0 3% 10px;
}
.title h1{
	color: #333;
	font-size: 0.18rem;
	font-weight: 600;
	letter-spacing: 0.01rem;
	padding-left: 0.3rem;
	background: url('/partner/images/icon.png');
	background-repeat: no-repeat;
	background-size: 300px auto;
	background-position: -180px -30px;
}
.menu ul{
	padding:30px 5% 20px;
}
.menu li{
	width:25%;
	text-align: center;
	margin: 10px 0;
}
.menu li i{
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: url('/partner/images/icon.png');
	background-repeat: no-repeat;
	background-size: 300px auto;
}
.menu li:nth-child(2) i{
	background-position: -30px 0;
}
.menu li:nth-child(3) i{
	background-position: -60px 0;
}
.menu li:nth-child(4) i{
	background-position: -90px 0;
}
.menu li:nth-child(5) i{
	background-position: -120px 0;
}
.menu li:nth-child(6) i{
	background-position: -150px 0;
}
.menu li:nth-child(7) i{
	background-position: -180px 0;
}
.menu li:nth-child(8) i{
	background-position: -210px 0;
}
.menu li span{
	display: block;
}
.content{
	padding:.2rem 3%;
}
.content img{
	max-width: 100%;
	margin: .05rem auto;
}
.content table{
	border-collapse:collapse;border:none;
	margin: 0 auto;
	max-width: 100%;
}
.content table td,.content table th{
	border: 1px solid #999;
	padding: .05rem .1rem;
}
.content table strong{
	display: block;
	width: max-content;
	margin: 0 auto;
}
.content h1{
	text-align: center;
	font-size: 0.18rem;
	color: #333;
	margin-bottom: .2rem;
}
.content h2{
	font-size: 0.16rem;
	margin: .25rem 0 .15rem;
	line-height: 1;
	padding-left: .1rem;
	border-left: 2px solid #eb6322;
}
.content h3,.content h4,.content h5{
	font-size: 0.14rem;
	margin: .1rem 0 .06rem;
}
.content p{
	text-align: justify;
	margin: .04rem 0;
}
.content ul{
	margin-top: .06rem;
}
.content ul li{
	line-height: 1.75!important;
	margin: .04rem 0;
}
.content ul li::before{
	content: ">"
}
.case{
	padding-bottom:10px;
}
.caseli{
	width:calc(94% - 20px);
	margin: 0 auto 15px;
	background-color: #f5f5f5;
	border-radius: 8px;
	padding:10px;
	align-items: center;
}
.caseli img{
	width: 1.35rem;
	height: 0.8rem;
	border-radius: 5px;
}
.caseli ul{
	padding-left:0.2rem;
	width: calc(100% - 1.55rem);
}
.caseli ul li{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding-right: .25rem;
	position: relative;
}
.caseli .new li::after{
	content: "NEW";
	position: absolute;
	right: 0;top: 0;
	padding: .01rem .03rem;
	background-color: #eb6322;
	color: #fff;
	font-size: 12px;
	transform: scale(0.6);
}
.caseli .hot li::after{
	content: "HOT";
	position: absolute;
	right: 0;top: 0;
	padding: .01rem .03rem;
	background-color: #eb6322;
	color: #fff;
	font-size: 12px;
	transform: scale(0.6);
}
.xc{
	margin-bottom:25px;
}
.xc .tabli{
	width: calc(94% - 10px);
	margin: 0 auto;
	border-bottom: 1px solid #f4f4f4;
}
.xc .tabli li{
	flex: 1;
	text-align: center;
}
.xc .tabli li span{
	display: inline-block;
	padding-bottom: 5px;
	font-size:0.16rem;
}
.xc .tabli .active span{
	border-bottom: 1px solid #eb6322;
	color: #eb6322;
}
.xc .tabcon{
	padding:20px 10px;
	background-color: #f5f5f5;
	width: calc(94% - 20px);
	margin: 0 auto;
	border-radius: 5px;
	display: none;
	align-items: center;
}
.xc .tabcon.active{
	display:flex;
}
.xc .tabcon img{
	width: 0.85rem;
	height: 1.2rem;
}
.xc .tabcon ul{
	width: calc(100% - 1rem);
	padding-left: 0.15rem;
}
.xc .tabcon ul li{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xc .tabcon .line{
	font-style: inherit;
	margin-right: 0.1rem;
	position: relative;
}
.xc .tabcon .line::after{
	content:"";
	display: block;
	position: absolute;
	width: 1px;
	height: 0.14rem;
	background-color: #eb6322;
	right: -0.05rem;
	top: 0.03rem;
}
.xc .tabcon .solution{
	width: 100%;
	align-content: stretch;
	padding-left: 0;
}
.xc .tabcon .solution li{
	white-space: normal;
	position: relative;
	width: 32%;
	background: -webkit-linear-gradient(left,rgb(254 166 68),rgb(255 117 3));
	margin:1% 0;
	color: #fff;
	border-radius: 10px;
	box-shadow: 4px 4px 20px 6px #d4d4d4;
}
.xc .tabcon .solution li:nth-child(2),.xc .tabcon .solution li:nth-child(5){
	margin:1% 2%;
}
.xc .tabcon .solution li a{
	color: #fff;
	display: block;
	padding:20px 10px;
}
.xc .tabcon .bg{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url('/partner/images/icon.png');
	background-repeat: no-repeat;
	background-size: 400px auto;
}
.xc .tabcon .solution li:nth-child(1) .bg{
	background-position: 0 -40px;
}
.xc .tabcon .solution li:nth-child(2) .bg{
	background-position: -40px -40px;
}
.xc .tabcon .solution li:nth-child(3) .bg{
	background-position: -80px -40px;
}
.xc .tabcon .solution li:nth-child(4) .bg{
	background-position: -120px -40px;
}
.xc .tabcon .solution li:nth-child(5) .bg{
	background-position: -160px -40px;
}
.xc .tabcon .solution li:nth-child(6) .bg{
	background-position: -200px -40px;
}

.service li{
	width: 94%;
	margin:0 auto 15px;
	box-shadow: 2px 2px 5px 2px #d4d4d4;
	border-radius: 10px;
	text-align: center;
}
.service li:nth-child(1){
	background: url('/partner/images/fwsc.png');
	background-size: cover;
}
.service li:nth-child(2){
	background: url('/partner/images/jsrz.png');
	background-size: cover;
}
.service li:nth-child(3){
	background: url('/partner/images/xjfw.png');
	background-size: cover;
}
.service li:nth-child(4){
	background: url('/partner/images/lxwm.png');
	background-size: cover;
}
.service li a{
	font-size:0.16rem;
	padding:20px 0;
	width: 100%;
	display: block;
	color: #333;
}
.channel-nav{
	width: calc(94% - .5rem);
	margin: 20px auto;
	padding: 8px .25rem;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
	border-radius: 8px;
}
.channel-nav .sonnav{
	justify-content: flex-end;
	align-items: center;
}
.channel-nav a,.channel-nav span{
	width: calc(25% - .1rem);
	margin: .08rem .05rem;
	display: inline-block;
	text-align: center;
}
/*
.channel-nav a:not(:first-child),.channel-nav span:not(:first-child){
	text-align: right;
}
*/
.channel-nav .thisclass{
	color: #eb6322;
}
.file_channel{
	background: -webkit-linear-gradient(top,rgba(245, 99, 27, 0.65),rgba(244, 182, 134, 0.65));
}
.file_channel .tbox{
	width: calc(94% - 40px);
	margin: 0 auto;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}
.file_channel .tbox dt{
	padding: 0 0 0.05rem 0.05rem;
	border-bottom: 1px solid rgb(217, 217, 217);
	margin-bottom: .08rem;
}
.file_channel .tbox dd span{
	font-weight: 900;
	color: #eb6322;
	padding: 0 .08rem 0 0.15rem;
}
.file_channel .tbox li{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file_article{
	background-color: rgba(254, 184, 105, 0.1);
}
.file_article .content{
	background-color: #fff;
	width: calc(94% - .3rem);
	padding: .15rem;
	margin: .1rem auto;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border-radius: 6px;
}
.file_article h2{
	font-size:.18rem;
	color: #333;
	position: relative;
}
.file_article h2::after{
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: -.1rem;
	background-color: #ebebeb;
}
.file_article .content p{
	padding: .3rem 0 .05rem 0;
	color: #333;
}
.file_article .content span{
	display:block;
	color: #999;
}
.file_article .content i{
	color: #999;
	font-style: normal;
}
.file_article .content .flexstyle{
	justify-content: space-between;
}
.file_article .content .newdigg,.file_article .content a{
	display:inline-block;
	width: 35%;
	margin-top: .15rem;
	text-align: center;
	background: -webkit-linear-gradient(left,rgba(255,114,1,1),rgba(249,96,69,1));
	color: #fff;
	border-radius: .05rem;
	padding: .06rem;
}
.file_article .content .none{
	background: -webkit-linear-gradient(left,rgba(153,153,153,1),rgba(153,153,153,1));
}
.file_article .newdigg i{
	color: #fff;
}
.video-nav,.case-nav{
	position: relative;
}
.video-nav .sonnav,.case-nav .sonnav{
	white-space: nowrap;
    overflow-y:auto;
	width:94%;
	margin: 0.3rem auto;
	border-bottom: 1px solid rgb(228, 228, 228);
}
.video-nav .sonnav::-webkit-scrollbar,.case-nav .sonnav::-webkit-scrollbar{
    display: none;
}
.video-nav .sonnav span,.case-nav .sonnav span{
	margin-right:0.25rem;
	display: inline-block;
}
.video-nav .sonnav span:last-child,.case-nav .sonnav span:last-child{
	margin-right: .9rem;
}
.video-nav>.active,.case-nav>.active{
	white-space: initial;
	justify-content: flex-end;
	padding-right: 0.66rem;
	width: calc(94% - 0.66rem);
}
.video-nav>.active span,.case-nav>.active span{
	margin-right: .2rem;
	margin-bottom: .15rem;
}
.video-nav>.active span:last-child,.case-nav>.active span:last-child{
	margin-right: .2rem;
}
.video-nav .sonnav .active,.case-nav .sonnav .active{
	color: #eb6322;
	border-bottom: 2px solid #eb6322;
}
.video-nav .button,.case-nav .button{
	position: absolute;
	right: calc(3% - 1px);
	top: 0;
	align-items: center;
}
.video-nav .button::before,.case-nav .button::before{
	content: "";
	display: block;
	height: .245rem;
	width:.4rem;
	background: -webkit-linear-gradient(left,rgba(255,255,255,.3),rgba(255,255,255,.8));
}
.video-nav .button svg,.case-nav .button svg{
	height: 0.2rem;
	background-color: #fff;
}
.video-nav .button i,.case-nav .button i{
	display:inline-block;
	padding-left: .03rem;
	font-style: normal;
	color: #333;
	background-color: #fff;
}
.caseindex .listbox li{
	width: calc(94% - 0.24rem);
	margin: 0.12rem auto;
	padding:0.12rem;
	background: rgb(245, 245, 245);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.caseindex .listbox li a{
	align-items: center;
}
.caseindex .listbox li .img{
	width: 1.35rem;
	height: 0.8rem;
	position: relative;
	overflow: hidden;
}
.caseindex .listbox li img{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.caseindex .listbox li .txt{
	width: calc(100% - 1.5rem);
	margin-left: 0.15rem;
}
.caseindex .txt span{
	display: block;
	font-size: 0.16rem;
	color: #333;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.caseindex .txt p{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.caseindex .txt i{
	font-size:12px;
	text-align: right;
}
.solutionindex .listbox .item{
	width: 84%;
	padding: 5%;
	background-color: #f5f5f5;
	margin: 0 auto .15rem;
	border-radius: 8px;
}
.solutionindex .listbox .item .txt,.solutionindex .listbox .item .img{
	width: 100%;
	border-radius: 0;
	padding: 0;
	margin-top: .1rem;
}
.solutionindex .listbox .item .img::after{
	padding-bottom: 40%;
}
.solutionindex .listbox .item span,.solutionindex .listbox li span{
	display: block;
	color: #333;
	width: 100%;
	font-size: .16rem;
}
.solutionindex .listbox .txt,.solutionindex .listbox .right{
	width: 56%;
	padding: 4% 2% 0 0;
}
.solutionindex .listbox .txt a{
	display: block;
	line-height: 1.5;
}
.solutionindex .listbox .txt a i{
	margin-right: 3px;
	color: #eb6322;font-weight: 800;
	font-style: normal;
}
.solutionindex .listbox .img,.solutionindex .listbox .left{
	width: 42%;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.solutionindex .listbox .img::after,.solutionindex .listbox .left::after{
	display: block;
	content: "";
	width: 100%;
	padding-bottom: 88%;
}
.solutionindex .listbox .img img,.solutionindex .listbox .left img{
	position: absolute;
	min-width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.solutionindex .listbox li{
	width: 84%;
	padding: 5%;
	background-color: #f5f5f5;
	margin: 0 auto .15rem;
	border-radius: 8px;
}
.solutionindex .listbox .none{
	display: none!important;
}
.solutionindex .listbox .right{
}
.solutionindex .listbox .right span{
	color: #fff;
	font-size: .18rem;
}
.solutionindex .listbox .right p{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.search-list{
	width: 94%;
	height: .32rem;
	line-height: .32rem;
	margin: .3rem 3% 0;
	border-radius: 2rem;
	box-sizing: border-box;
	background: -webkit-linear-gradient(left,rgba(247, 138, 84, 0.35),rgba(255, 187, 109, 0.35));
	border: 1px solid rgb(217, 217, 217);
	padding-left: .3rem;
	color: rgba(0, 0, 0, 0.25);
}
.videoindex{
	position: relative;
}
.videoindex .videocontent{
	display: none;
	width: 100vw;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	left: 0;
	top: 0;
	position: fixed;
	z-index: 50;
}
.videoindex .videocontent .iframe{
	position: absolute;
	width: 100%;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
}
.videoindex .videocontent .tuichu{
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
}
.videoindex .listbox ul{
	width: 94%;
	margin: 0 auto;
	justify-content: space-between;
}
.videoindex .listbox li{
	width: 49%;
	overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	margin-bottom: 2%;
}
.listbox .out{
	display: none!important;
}
.videoindex .listbox li .img{
	width: 100%;
	height: 0;
	padding-bottom:61%;
	position: relative;
}
.videoindex .listbox li img{
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.videoindex .listbox li .txt{
	padding: .1rem;
}
.videoindex li .txt span{
	font-size: .13rem;
	color: #333;
	line-height: 1.3;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom: .05rem;
	height: .34rem;
}
.videoindex li .txt i{
	font-style: normal;
	font-size: 12px;
	color: #999;
	line-height: 1;
}
.product_channel .search-list{
	margin-bottom: .1rem;
}
.product_channel .channel-nav{
	background: -webkit-linear-gradient(top,rgb(245, 99, 27),rgb(254, 185, 107));
	width: 1.2rem;
	max-width: 30%;
	padding: 0;
	margin: 0;
	border-radius: 0;
	height: calc(100vh - 1.33rem);
	box-shadow: none;
}
.product_channel .channel-nav span{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: .1rem 0;
	display: block;
	color: #fff;
}
.product_channel .channel-nav .thisclass{
	background-color: #fff;
	color: #eb6322
}
.product_channel .listbox{
	flex:1;
	max-width: 70%;
	padding:.15rem;
	height: calc(100vh - 1.63rem);
	overflow-y: scroll;
}
.product_channel .listbox li{
	margin: .1rem 0 .15rem;
}
.product_channel .listbox a{
	align-items: center;
}
.product_channel .listbox .button span{
	text-align: center;
	min-width: .6rem;
	display: inline-block;
	padding: .02rem .05rem;
	border-radius: .5rem;
	border: 1px solid rgb(217,217,217);
	margin: .05rem .05rem .05rem 0;
}
.product_channel .listbox .button .active{
	background-color: rgb(246, 105, 32);
	color: #fff;
	border: 1px solid rgb(246, 105, 32);
}
.product_channel .listbox dt{
    padding: 0 0 0.05rem 0.05rem;
    border-bottom: 1px dotted rgb(217, 217, 217);
    margin-bottom: 0.08rem;
}
.product_channel dd .img{
	width: .8rem;
	position: relative;
}
.product_channel dd .img::after{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
}
.product_channel dd img{
	width: 100%;
	position: absolute;
	top: 0;
}
.product_channel dd .txt{
	margin-left: .05rem;
	width: calc(100% - 0.85rem);
}
.product_channel dd span{
	color:#333;
}
.product_channel dd p{
	color:#999;font-size: 12px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	height: 63px;
}

.courselist>.topimg img{width: 100%!important;height: auto!important;}
.courselist>.title{width: 94%;margin: .3rem auto;border-bottom: 1px solid rgb(228, 228, 228);}
.courselist>.title span{font-size: .16rem;border-bottom: 2px solid #eb6322;}
.courselist .listbox li{
	width: calc(94% - 0.24rem);
	margin: 0.12rem auto;
	padding:0.12rem;
	background: rgb(245, 245, 245);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.courselist .listbox li .img{
	width: 1.35rem;
	height: 0.8rem;
	position: relative;
	overflow: hidden;
}
.courselist .listbox li img{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.courselist .listbox li .txt{
	width: calc(100% - 1.5rem);
	margin-left: 0.15rem;
}
.courselist .txt span{
	display: block;
	font-size: 0.16rem;
    color: #333;
	margin-bottom: .1rem;
}
.courselist .txt i:last-child{
	margin-left: .06rem;
}
.course_article .videobox{
	width: 100%;
	padding-bottom: 56.25%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
}
.course_article .videobox img{width: 100%;}
.course_article .videobox .left{position: absolute;width: 100%;height: 100%;overflow: hidden;background-image: url(/partner/uploads/media/course/listbg.jpg);background-size: auto 100%;background-position: center;}
.course_article .videobox .left div{position: absolute;padding-left: 5%;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.course_article .videobox .left .speaker{position: absolute;height: 80%;width: auto; right: 7%;bottom: 0;}
.course_article .videobox .left i{display: inline-block;color: #3755DB;background-color: #fff;font-size: 0.1rem;border-radius: .04rem;}
.course_article .videobox .left span{display: inline-block;color: #fff;background-color: #3755DB;padding: .01rem 0.03rem;border-radius: .04rem;}
.course_article .videobox .left h5{color: #333;width: 65%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: .18rem;line-height: 1.3;margin-top: 6px;}
.course_article .videobox .left em{display: inline-block;color: #fff;font-size: .12rem;position: absolute;right: 0.02rem;top: .2rem;writing-mode: tb-rl;}
.course_article .backlist{
	margin:.2rem 3% 0;
	align-items: center;
	font-weight: bold;
}
.course_article .content{
	padding-bottom: 100px;
}
.course_article h3{margin-top: .3rem;}
.course_article .content li{
	display: inline-block;
	position: relative;
	margin-top: .15rem;
	color: #333;
	border-radius: .06rem;
	background-color: #f4f5f6;
	cursor: pointer;
	font-weight: normal;
	width: calc(100% - .7rem);
	padding: .2rem .45rem .45rem  .2rem;
	background-image: url(images/play.svg);
	background-repeat: no-repeat;
	background-position-y: center;
    background-position-x: calc(100% - .25rem);
}
.course_article .content li.active{
	background-image: url(images/pause.svg);
	background-repeat: no-repeat;
	background-position-y: center;
    background-position-x: calc(100% - .25rem);
}
.course_article .content li em{
	display: inline-block;
	position: absolute;
	left: .8rem;
	bottom: .2rem;
	height: .2rem;
	line-height: .2rem;
	color: #666;
}
.course_article .content li::after{content: "已学习：";display: inline-block;height: .2rem;line-height: .2rem;position: absolute;left: .25rem;bottom: .2rem;color: #666;}
.course_article .content .active{color: #eb6322;}
.course_article .localvideo{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.course_article{margin: 0 auto;padding-top: 56.25%;}
.course_article .content h2{
	margin-bottom: 0;
	border-bottom: 1px solid #dedede;
	border-left: none;
	padding: .15rem;
	background-color: #F7F8FA;
	margin-top: .3rem;
}
.course_article .content ul{
	margin: 0 auto;
}
.course_article .content li::before{
	display: none;
}
.course_article .content li i{
	padding: 0 .05rem 0 .25rem;
}
#kaoshi i{color: #eb6322;}
#kaoshi span{color: #eb6322;}
.ck-list-bg{
	width: 60px!important;
}

@media screen and (min-width: 1600px){
	.widthnum{width:1200px;}
}



.xcnews_list .listbox li{width: 94%;margin: .3rem auto 0;background-color: #f9f9f9;box-shadow: 0 0 10px 3px #ddd;}
.xcnews_list .listbox img{
	width: 100%;
}
.xcnews_list li h3{
	padding: .15rem;
}
.xcnews_list li p{padding: 0 .15rem .15rem;word-wrap: break-word;}


.footerheight{
	width: 100%;
	height: calc(50px + 0.25rem);
}
.footer{
	background-color: #fff;
	box-shadow: 0px -5px 8px rgba(135, 149, 198, 0.12);
	width: 100%;
	position: fixed;
	bottom: 0;left: 0;
	z-index: 999;
}
.footer .flexstyle{
	justify-content: center;
}
.footer .flexstyle li{
	width:calc(30% - 30px);
	text-align: center;
	margin: 0 15px;
	padding: 15px 0;
	cursor: pointer;
}
.footer .flexstyle i{
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
}
.footer .flexstyle li:nth-child(1) i{
	background: url("/partner/images/icon.png");
	background-size: 200px auto;
	background-position: 0 -64px;
}
.footer .flexstyle li:nth-child(2) i{
	background: url("/partner/images/icon.png");
	background-size: 200px auto;
	background-position: -20px -64px;
}
.footer .flexstyle li:nth-child(3) i{
	background: url("/partner/images/icon.png");
	background-size: 200px auto;
	background-position: -40px -64px;
}
.footer .flexstyle li:nth-child(1).active i{
	background-position: 0 -44px;
}
.footer .flexstyle li:nth-child(2).active i{
	background-position: -20px -44px;
}
.footer .flexstyle li:nth-child(3).active i{
	background-position: -40px -44px;
}


/* 竖屏 */
@media all and (orientation: portrait) {
}
/* 横屏 */
@media all and (orientation: landscape) {
	.course_article{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-wrap:wrap;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content: center;
		width: 80%;
		height: 0;
		padding: 40px 0 31.5% 0;
		margin: 0 auto;
		font-size: 14px;
		position: relative;
	}
	.course_article .videobox{
		width: 70%;
		padding-bottom: 39.375%;
		height: 0;
		position: absolute;
		left: 0;
		top: 40px;
		z-index: 0;
		overflow: hidden;
	}
	.course_article .content{
		position: absolute;
		top: 40px;
		right: 0;
		background-color: #23272a;
		width: 30%;
		overflow-x: hidden;
		overflow-y: auto;
		height: calc(100% - 40px);
		padding: 0;
	}
	.course_article .content>h3,.course_article .content>p{
		font-size: 16px;
		margin: 0;
		display: none;
	}
	.course_article .content h2{
		font-size: 16px;
		margin-top: 0;
		padding: 15px;
		line-height: 1.5;
	}
	.course_article .content ul{
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.course_article .content li{
		width: calc(100% - 15px);
		margin: 0 0 10px 15px;
		padding: 0;
		border-radius: 0;
		background-position-x: calc(100% - 7px);
	}
	.course_article .content li.active{
		background-position-x: calc(100% - 7px);
	}
	.course_article .content .mulu{
		width: calc(100% - 100px);
		padding: 10px 45px 30px 25px;
		margin: 0 0 10px 15px;
	}
	.course_article .content li::after{
		left: 25px;bottom: 12px;height: auto;line-height: 1;
	}
	.course_article .content li em{
		left: 90px;
		bottom: 11px;
		height: auto;
		line-height: 1;
	}
	.course_article .content li i{
		padding: 0 5px 0 25px;
	}
}