.userImg1 {
	width: .61rem;
	height: .61rem;
	border-radius: 50%;
	overflow: hidden;
	/* margin-right: .66rem; */
	margin-right: 50px;
	margin-top: .01rem;
}

.container1 {
	width: 83%;
	margin: 0 auto;
}

.bgff {
	width: 100%;
	height: 80vh;
	background-color: #fff;
}

.userImg1 img {
	width: 100%;
	height: 90%;
}

.headerBg {
	/* border-bottom: 1px solid #cdc7c9; */
}

/* 用户登录页面 */
.userLogin {
	background-color: #fff;
	border-top: 1px solid #cdc7c9;
	padding-top: 1rem;
}

.logtit {
	text-align: center;
	font-size: .4rem;
	margin-bottom: 0.4rem;
	/* font-weight: bold; */
}

.userLogin-ul>li {
	width: 100%;
	margin-bottom: .53rem;
	position: relative;
}

.userLogin-ul>li .ico1 {
	position: absolute;
	width: 0.4rem;
	top: 50%;
	left: 0.4rem;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.userLogin-ul>li .inptxt {
	width: 100%;
	height: 1.333333rem;
	border-radius: 0.666666rem;
	border: 1px solid #85d3d4;
	font-size: 0.346666rem;
	padding-left: 1.066666rem;
	color: #666;
	box-sizing: border-box;
}

.ycombtn {
	width: 100%;
	color: #fff;
	height: 1.333333rem;
	border-radius: 0.666666rem;
	/* border:1px solid #85d3d4; */
	font-size: 0.346666rem;
	background-color: #85d3d4;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.346666rem;
}

.userLogin .form-bt {
	padding: 0 0.266666rem;
	margin-top: 0.4rem;
}

.userLogin .form-bt a {
	font-size: .22rem;
	color: #666;
}

.lan {
	color: #24a3a3;
}

.userLogin .form-bt .lan {
	color: #24a3a3;
}

.other-log {
	text-align: center;
	margin-top: 4.16rem;
}

.other-log .tit {
	position: relative;
	margin-bottom: 0.4rem;
}

.other-log .tit .t1 {
	font-size: 0.293333rem;
	color: #666;
	display: inline-block;

}

.other-log .tit .t1::before {
	content: '';
	display: inline-block;
	width: 3rem;
	border-top: 1px solid #c1c1c1;
	position: absolute;
	top: 50%;
	left: 0;
}

.other-log .tit .t1::after {
	content: '';
	display: inline-block;
	width: 3rem;
	border-top: 1px solid #c1c1c1;
	position: absolute;
	top: 50%;
	right: 0;
}

.other-log .share {
	text-align: center;
}

.other-log a {
	display: inline-block;
	margin: 0 0.693333rem
}

.other-log a .img {
	width: 1.093333rem;
}

/* 视频 */
.pdetail_box_video {
	width: 100%;
	position: relative;
	z-index: 1;
}

#pdetailVideo {
	width: 100%;
	object-fit: fill;
}

.my_controls_mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .42);
}

.my_controls_mask {
	display: none;
}

.play_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.333333rem;
	height: 1.333333rem;
	border-radius: 50%;
	background-image: url(../img/play_btn.png);
	background-size: cover;
	z-index: 9999;
	cursor: pointer;
}

.pdetail_box_video.pause .play_btn {
	background-image: url(../img/pause_btn.png);
	background-size: cover;
}

.pdetail_box_video:hover .play_btn {
	display: block !important;
}

.bigvide-bt {
	background-color: #fff;
	padding-bottom: 0.266666rem;

}

.bigvide-bt .tit {
	font-size: 0.4rem;
	padding-top: 0.333333rem;
}
.bigvide-bt .ftit {
	margin-bottom: 0.233333rem;
	font-size: 0.3rem;
	color: #777;
}

.bigvide-bt .tit2 {
	color: #999999;
	font-size: 0.24rem;
	color: #8c8c8c;
	margin-bottom: 0.16rem;
}

.bigvide-bt .tit2 .n1 {
	display: inline-block;
	margin-right: 0.533333rem;
}

.bgf4 {
	background-color: #f4f4f4;
}

.bigvide-bt .tit4 .price {
	color: #ff8c3a;
	font-size: 0.333333rem;
	margin-right: 0.533333rem;
	vertical-align: middle;
}

.bigvide-bt .tit4 .price i {
	font-size: 0.466666rem;
}

.bigvide-bt .tit4 .yprice {
	font-size: 0.24rem;
	color: #8c8c8c;
	vertical-align: middle;
	margin-top: 0.133333rem;
}

.bigvide-bt .tit4 .share a {
	font-size: 0.24rem;
	color: #8c8c8c;
	vertical-align: middle;
	margin-top: 0.133333rem;
	display: inline-block;
}

.bigvide-bt .tit4 .share a .sh {
	width: 0.2rem;
}

.BigVideobox {
	margin-bottom: 0.266666rem;
}

.yvdo-nav {
	border-bottom: 1px solid #e2e2e2;
}

.yvdo-nav-ul li {
	float: left;
	width: 50%;
	text-align: center;
}

.yvdo {
	/* background-color: #fff; */

}

.yvdo-demo {
	padding-top: 0.346666rem;
	background-color: #fff;
	padding-bottom: 0.533333rem;
}

.yvdo-nav-ul>li span {
	display: inline-block;
	font-size: 0.4rem;
	color: #666666;
	padding-bottom: 0.16rem;
	position: relative;
}

.yvdo-nav-ul>li.active span::after {
	content: '';
	position: absolute;
	border-bottom: 0.053333rem solid #3eaeaf;
	width: 1.626666rem;
	display: block;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.yvdo-nav-ul>li.active span {
	color: #3eaeaf;
}

.catalogue-box {
	margin-top: 30px;
	height: 5.333333rem;
	overflow-y: auto;
}

.catalogue-box .wp {

}

.catalogue {
	margin-bottom: 0.4rem;
}

.catalogue .tit .n1 {
	font-size: 0.4rem;
}

.catalogue .tit {
	font-size: 0.373333rem;
	color: #000;
	margin-bottom: 0.2rem;
}

.catalogue-ul>li {
	background-color: #f4f4f4;
	padding: 0.16rem 0.186666rem;
	margin-bottom: 0.266666rem;
}

.catalogue-ul>li .n1 {
	font-size: 0.306666rem;
	width: 6.666666rem;
}

.catalogue-ul>li .li_lt i {
	margin-right: 0.146666rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.133333rem;
}

.catalogue-ul>li .li_lt .bo {
	width: 0.266666rem;
	height: 0.266666rem;
	/* background: url(../img/bo.png) no-repeat center;
	background-size: cover; */
}

.catalogue-ul>li .li_lt .re {
	width: 0.266666rem;
	height: 0.333333rem;
	/* background: url(../img/bo-21.png) no-repeat center; */
	/* background-size: cover; */
}

.catalogue-ul>li .li_rt span {
	margin-top: 0.04rem;
}

.catalogue-ul>li .li_rt .time {
	width: 1.066666rem;
	display: inline-block;
	text-align: center;
	font-size: 0.293333rem;
	color: #848484;
	vertical-align: middle;
}

.catalogue-ul>li .li_rt .hong {
	font-size: 0.293333rem;
	color: #ff356e;
	vertical-align: middle;
	margin-top: 2px;
}

.teachJS {
	background-color: #FFFFFF;
	margin-top: 0.266666rem;
	margin-bottom: 0.266666rem;
	padding-top: 0.533333rem;
	padding-bottom: 0.4rem;
}

.teachJS .tit {
	font-size: 0.4rem;
	margin-bottom: 0.466666rem;
}

.teaJs-lt {
	width: 1.733333rem;
	height: 1.733333rem;
	border-radius: 50%;
	overflow: hidden;
}

.teaJs-rit {
	width: 7.2rem;
}

.teaJs-rit .tit {
	font-size: 0.293333rem;
	margin-bottom: 0.133333rem;
}

.teaJs-rit .des {
	color: #666;
	font-size: 0.24rem;
}
.teachtui .picbox li{
	width: 48%;
	height: 134px;
}
.teachtui .picbox li img{
	width: 100%;
}
.minHegiht{
	width: 100%;
	height: 1.04rem;
}
.goBaoMing{
	width: 100%;
	color:#fff;
	position: fixed;
	left: 0;
	right: 0;
	bottom:0;
	background-color: #eb8c3a;
	z-index: 999999;
	font-size: 0.4rem;
	height: 1.04rem;
	line-height: 1.04rem;
	text-align: center;
}
.mmask{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,.6);
	display: none;
}
.commWopen{
	width: 87%;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	padding-top: 0.466666rem;
	padding-bottom: 0.706666rem;
	display: none;
}
.commWopen .close{
	width: 0.426666rem;
	position: absolute;
	top: 0.133333rem;
	right: 0.133333rem;
}
.commWopen .comtit{
	text-align: center;
	font-size: 0.346666rem;
	margin-bottom: 0.4rem;
}
.commWopen .form-box{
	padding:0 0.466666rem;
}
.commWopen .form-box .commWopen-ul>li{
	width: 100%;
	margin-bottom: 0.4rem;
	position: relative;
}
.commWopen .form-box .commWopen-ul>li .inptxt{
	width: 100%;
	border: 1px solid #85d3d4;
	border-radius: 0.666666rem;
	padding-left: 1.146666rem;
	color:#666;
	height: 1.333333rem;
	font-size: 0.346666rem;
	box-sizing: border-box;
}
.commWopen .form-box .commWopen-ul>li .ico{
	width: 0.4rem;
	position: absolute;
	top: 50%;
	left: 0.413333rem;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%); 
	-ms-transform: translate(0,-50%);
}
.commWopen .form-box  .assurebtn{
	width: 100%;
	height: 1.333333rem;
	background-color: #85d3d4;
	color:#fff;
	text-align: center;
	font-size: 0.346666rem;
		border-radius: 0.666666rem;
}
.commWopen .form-box .commWopen-ul>li .inpval{
	padding-right: 2.333333rem;
}
.commWopen .form-box .commWopen-ul>li .valbtn{
	width: 2.333333rem;
	text-align: center;
	position: absolute;
	height: 100%;
	right: 0;
	font-size: 0.346666rem;
	color: #24a3a3;
	background-color: transparent;
}
.buyLimitW .tit{
	text-align: center;
	font-size: 0.4rem;
	margin-top: 0.346666rem;
	margin-bottom: 0.32rem;
}
.buyLimitW .tit .buy{
	width: 0.44rem;
}
.commWopen .assurebtn{
	width: 100%;
	line-height: 1.333333rem;
	display: block;
}
.yvdo-list-demo .pic{
	width: 100%;
	text-align: center;
}
.yvdo-list-demo .pic img{
	width: 100%;
}
.yvdo-list-demo .des p{
	font-size: 0.266666rem;
	color:#4f4f4f;
	line-height: 0.533333rem;
	margin-bottom: 0.373333rem;
}
.yvdo-list-demo{
	display: none;
}
.yvdo-xq{
	margin-top: 0.4rem;
}

/* video-用户 中心--修改密码 */
.yvgrzl {
	padding: 0.6rem 0;
}

.fflex {
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
}

.yvgrzl-content .headImg {
	width: 1.4rem;
	height: 1.4rem;
	border: 0.066666rem solid #fff;
	box-shadow: 0 0 0.133333rem 0.026666rem rgba(0, 0, 0, .2);
	border-radius: 50%;
	overflow: hidden;
}

.yvgrzl-content .headImg img {
	width: 100%;
	height: 100%;
}

.yvgrzl-content .headerImg-rt {
	padding-left: 0.333333rem;
}

.yvgrzl-content .headerImg-rt .name {
	color: #fff;
	font-size: 0.346666rem;
	display:block;
	/* margin-right: 32px; */
	margin-bottom:0.066666rem;
	
}

.yvgrzl-content .headerImg-rt .vip {
	color: #fff;
	font-size:0.213333rem;
}

.yvgrzl-content .headerImg-rt .vip .zuan {
	width: 0.28rem;
	vertical-align: middle;
}

.yvgrzl-content .headerImg-rt .vip .yellow {
	color: #fffc01;
	font-size: 0.213333rem;
}

.yvgrzl-content .headerImg-rt .upLoad {
	font-size: 0.186666rem;
	color: #fff;
	position: relative;
	display: inline-block;
	margin-bottom:0.066666rem;
}

.yvgrzl-content .headerImg-rt .upLoad input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.yvgrzl-content .bindKe {
	margin-left: 80px;
}

.yvgrzl-content .bindKe .hat {
	width: 0.76rem;
}

.yvgrzl-content .bindKe .hat-rt {
	margin-left: 0.106666rem;
}

.yvgrzl-content .bindKe .hat-rt .num {
	font-size: 0.466666rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.yvgrzl-content .bindKe .hat-rt .sp {
	color: #fff;
	font-size: 0.24rem;
}

.vpersonal-data {
	background-color: #fff;
	/* min-height: 440px; */
	min-height: 10.4rem;
}
.vpersonal-modifyPass{
	padding-top: 0.733333rem;
	padding-bottom: 2.533333rem;
}
.vpersonal-data-nav {
	border-bottom: 1px solid #e2e2e2;
	padding-top: 0.533333rem;
}

.vpersonal-data-nav-ul>li {
	float: left;
	list-style: none;
	width: 33.33%;
	text-align: center;
}

.vpersonal-data-nav-ul>li>a {
	font-size: 0.4rem;
	display: inline-block;
	padding-bottom:0.186666rem;
}

.vpersonal-data-nav-ul>li.active a {
	color: #099c9a;
	border-bottom: 0.053333rem solid #099c9a;
}

.vpersonal-data-nav-ul>li>a:hover {
	color: #099c9a;
	/* border-bottom: 4px solid #099c9a; */
}

li {
	list-style: none;
}
.myDataDes-ul{
	padding-left: 0.4rem;
}
.myDataDes{
	padding-top: 0.533333rem;
	
}
.myDataDes-ul>li{
	float: left;
	width:48%;
	margin-bottom: 0.4rem;
}
.myDataDes-ul>li span{
	font-size: 0.266666rem;
	color: #666666;
}
.myDataDes-ul>li .abind{
	color:#ff356e;
	border-radius: 0.053333rem;
	border:1px solid #ff356e;
	display: inline-block;
	font-size: 0.186666rem;
	margin-left: 0.133333rem;
	padding:0.04rem 0.066666rem;
}
.myDataDes-ul>li.li_two{
	width:52%;
}
.myDataDes .btn{
	width: 100%;
	padding:0 0.2rem;
	box-sizing: border-box;
}
.myDataDes .linkf{
	display: block;
	width: 100%;
	background-color: #85d3d4;
	border-radius: 0.133333rem;
	text-align: center;
	color:#fff;
	height: 0.933333rem;
	line-height: 0.933333rem;
	margin:0.933333rem auto 0;
}
.headerPer{
	padding-right:35px;
}
.headerPer .topersonal{
	font-size: 0.266666rem;
	color: #099c9a;
	display: inline-block;
	margin-right: 0.2rem;
}
.headerPer .exit{
	color: #666;
	font-size: 0.266666rem;
}
/* video-用户中心 */
.vpersonal-usercenter {
	margin-top: 0.533333rem;
	padding-bottom: 1.333333rem;
	/* min-height: 530px; */
}

.vpersonal-usercenter .bindkeForm {
	/* height: 88px; */
	background-color: #f5f5f5;
	padding-right: 0.4rem;
	padding-left: 0.4rem;
	padding-top: 0.266666rem;
	padding-bottom: 0.266666rem;
}

.vpersonal-usercenter .bindkeForm .t1 {
	font-size: 0.266666rem;
	color: #333;
	display: inline-block;
	margin-right: 0.133333rem;
}

.vpersonal-usercenter .bindkeForm .inptxt {
	font-size: 0.266666rem;
	padding-left: 0.186666rem;
	width: 5.6rem;
	height: 0.666666rem;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	margin-right: 0.2rem;
	box-sizing: border-box;
}

.vpersonal-usercenter .bindkeForm .bibth {
	border: none;
	/* width: 1.306666rem; */
	/* height: 0.613333rem; */
	color: #fff;
	border-radius: 0.066666rem;
	background-color: #ff8c3b;
	padding:0.106666rem 0.173333rem;
	font-size: 0.213333rem;
	box-sizing: border-box;
}
.vpersonal-usercenter-ul{
	padding:0 0.4rem;
}
.vpersonal-usercenter-ul>li {
	border-bottom: 1px solid #e4e4e4;
	padding: 0.293333rem 0;
}

.vpersonal-usercenter-ul>li .li_box {
	justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	padding-right: 10px;
	box-sizing: border-box;
}

.vpersonal-usercenter-ul>li .li_box .imgW {
	width: 3.093333rem;
	margin-right: 0.266666rem;
}

.vpersonal-usercenter-ul>li .li_box img {
	width: 100%;
}

.vpersonal-usercenter-ul>li .li_box .infos .tit {
	font-size: 0.346666rem;
	margin-bottom: 0.133333rem;
}

.vpersonal-usercenter-ul>li .li_box .infos .t2 {
	font-size: 0.213333rem;
	color: #666666;
	margin-bottom: 0.133333rem;
}

.vpersonal-usercenter-ul>li .li_box .infos .t3 {
	font-size: 0.186666rem;
	color: #ff356e;
	border: 1px solid #ff356e;
	border-radius: 0.04rem;
	padding:0.04rem 0.066666rem;
	box-sizing: border-box;
	display: inline-block;
}
.vpersonal-usercenter-ul>li .li_box .li_rt{
	margin-top:1.066666rem;
}
.vpersonal-usercenter-ul>li .li_box .li_rt span {
	color: #099c9a;
	font-size: 0.266666rem;
}

.vpersonal-usercenter-ul>li .li_box:hover .li_rt span {
	color: #ff8c3b;
}
/* video 栏目 */
.vbanner{
	width: 100%;
}
.vbanner img{
	width: 100%;
}
.VdNav {
	margin-top: 10px;
}

.VdNav-ul>li {
	float: left;
	/* margin-right: 15px; */
	/* width: 2.64rem; */
	width: 33.33%;
	padding:0 0.266666rem;
	height: 0.693333rem;
	
	text-align: center;
	line-height: 0.693333rem;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
}

.VdNav-ul>li a {
	width: 100%;
	display: inline-block;
	color: #019799;
	border: 1px solid #89d5d6;
	font-size: 0.24rem;
}

.VdNav-ul>li.active a {
	color: #fff;
	background-color: #85d3d4;
}

.VdNav-ul>li:hover a{
	background-color: #85d3d4;
}

.VdNav-ul>li:hover a {
	color: #fff;
}

.Vdcontent {
	margin-top: 0.133333rem;
	/* padding-bottom: 80px; */
}

.Vdcontent .part1 .tit {
	font-size: 0.373333rem;
	/* margin-bottom: 15px; */
}

.Vdcontent .part1 {
	padding-top: 0.266666rem;
	/* padding-top: 25px; */
}
.Vdcontent .part2{
	border-top: 0.266666rem solid #f4f4f4;
}
.Vdcontent .Vdcontent-ul>li {
	float: left;
	width: 45%;
	padding:0.333333rem 0;
}

.Vdcontent .Vdcontent-ul>li:nth-child(2n) {
	float: right;
}

.Vdcontent .Vdcontent-ul>li .li_box {
	width: 100%;
	box-shadow: 0 0 0.066666rem 0.026666rem rgba(0, 0, 0, .1);
	background-color: #fff;
	padding-bottom: 0.2rem;
}

.Vdcontent .Vdcontent-ul>li .li_box .img {
	width: 100%;
	padding-bottom: 117.5%;
	position: relative;
	overflow: hidden;
}

.Vdcontent .Vdcontent-ul>li .li_box .img img {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
}

i {
	font-style: normal;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos {
	padding-top: 0.066666rem;
	padding-left: 0.106666rem;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t1 {
	font-size: 0.266666rem;
	margin-bottom: 0.066666rem;
	padding-right:0.133333rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t2 {
	margin-bottom: 0.106666rem;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t2 .price {
	font-size: 0.0024rem;
	color: #ff8c3a;
	margin-right: 0.2rem;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t2 .price .num {
	font-size: 0.266666rem;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .yprice {
	font-size: 0.186666rem;
	color: #999;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .yprice i {
	text-decoration: line-through;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t3 .tech {
	font-size: 0.186666rem;
	color: #666666;
}

.Vdcontent .Vdcontent-ul>li .li_box .infos .t3 .yhav {
	color: #fff;
	font-size: 0.186666rem;
	background-color: #85d3d4;
	border-top-left-radius: 0.4rem;
	border-bottom-left-radius: 0.4rem;
	display: inline-block;
	padding-left: 0.133333rem;
}
.li_vercode{
	position: relative;
}
.li_vercode .inptxt{
	padding-right: 2.4rem;
}
.vercode-btn{
	color:#85d3d4;
	background-color: transparent;
	width: 2.4rem;
	text-align: center;
	font-size: 0.25rem;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}