/*************[公用start]**************/
@font-face {
	font-family: "din";
	src: url("../fonts/DINPro-Medium.otf");
}

body {
	background: #f5f6fa;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: 16px;
	line-height: inherit;
}

/*主站变灰*/
/*html {
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
* {
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: gray;
}*/
/*主站变灰*/

/*淘宝变灰*/
/* body, html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }*/

/*淘宝变灰*/

/*百度百科變灰*/


/*body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
*/


/*图片中心放大代码区域*/

.img-box {
	/*图片盒子类名*/

	overflow: hidden;
}

.img-box img {
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img {
	/*图片中心放大代码*/
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	display: block;
}

.imgbox_a>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

.imgbox_hover>img {
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}

.imgbox_hover:hover>img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

.header {
	position: relative;
	z-index: 999;
	width: 100%;
	background: #026ea4;
	height: 90px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.logo img {
	height: 65px;
}

.nav {
	min-width: 900px;

}

.nav ul {
	margin: 0;
}

.nav>ul>li {
	float: left;
	margin-right: 1rem;
	position: relative;
}

.nav>ul>li>a {
	padding: 0 1rem;
	display: block;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
	color: #fff;
	position: relative;
}

.nav>ul>li>a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 4px;
	border-radius: 1rem;
	background-color: #fff;
	bottom: 0;
	right: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;

}

.nav>ul>li:hover>a,
.nav>ul>li.cur>a {
	color: #fff;
	font-weight: bold;
	/* background: rgba(255, 255, 255, .1); */
}

.nav>ul>li:hover>a:after,
.nav>ul>li.cur>a:after {
	width: 30%;
	left: 50%;
	transform: translateX(-50%);
}

.nav>ul>li>ul {
	position: absolute;
	left: -15px;
	right: -15px;
	top: 100%;
	z-index: 600;
	background-color: #fff;
	border-radius: 10px;
	display: none;
}

.nav>ul>li>ul>li>a {
	display: block;
	padding: 10px 5px;
	text-align: center;
	line-height: 1.6;
	font-size: 16px;
	color: #333;

	/*transition: .3s;*/
	text-align: center;

}

.nav>ul>li>ul>li>a:hover {
	background-color: #eaf1ff;
	color: #333;
	border-radius: 10px;

}

.headinfor {
	color: #fff;
	cursor: pointer;
	position: relative;
}

.headinfor .tit {
	position: relative;
}

.headinfor .tit img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.jiaspan {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia2.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 5px;

	right: 14px;
}

.jiaspan.cur {
	background-image: url(../images/jia2h.png);

}

.head-qd {
	color: #fff;
	font-size: 18px;
}

.headsign {
	color: #026ea4;
	border-radius: 30px;
	border: 0;
	padding: 10px 30px;
}

.headinfor .tit::after {
	border: 6px solid transparent;
	border-top: 6px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	content: ' ';
	right: -20px;
	top: 57%;
	transform: translateY(-50%);
}

.headinfor .conBox {
	display: none;
	position: absolute;
	padding-top: 10px;
}

.headinfor .con {
	background: #fff;
	border-radius: 8px;
	width: 160px;
	color: #222;
	text-align: center;
	line-height: 50px;
	padding: 10px 0;
}

.headinfor .con li:hover {
	background-color: #eaf1ff;
}

.headinfor:hover .conBox {
	display: block;
}

.headinfor:hover .tit::after {
	border: 6px solid transparent;
	border-bottom: 6px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	content: ' ';
	right: -20px;
	top: 43%;
	transform: translateY(-50%);
}

/*header-over*/



/********[特殊css样式要求区域]**********/

.headerMobile {
	display: none;
	height: 75px;
	box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1001;
	background: #3276ff;

}

.nav-2 {
	display: none;
	background-color: #fff;
	position: relative;
	z-index: 900;
	line-height: 2rem;
}

.nav-2>ul>li {
	border-top: 1px solid #eaeaea;
	position: relative;
	text-align: center;
}


.nav-2>ul>li:first-child {
	/*border-top: 0;*/
}

.nav-2>ul>li>a {
	padding: 8px 10px;
	display: block;
	font-size: 16px;
	width: 100%;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}



.menu2 {
	margin-right: 15px;
	height: 75px;
	font-size: 0;

}

.menu2 li {
	cursor: pointer;
	margin-left: 15px;
	float: right;
	margin-top: 29px;
}

.chenggao {
	display: none;
	height: 75px;
}

.fadeTwo {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	background: rgba(0, 0, 0, .5);
	display: none;
}

/* banner S */
.banner,
.banner img {
	width: 100%;
}

.bannerMobile {
	display: none;
}

/* banner E */


/* 内容列表部分 S */
.itemBox {
	background: #fff;
	padding: 20px;
	margin: 20px 0;
	border-radius: 10px;
	cursor: pointer;
}

.item_img {
	padding-bottom: 26% !important;
}

.item_img .picimg {
	position: absolute;
	width: 100%;
	border-radius: 10px;
	height: 100%;
}

.item_img .picimg img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.item_img .play {
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 90px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.item_img .play img {
	width: 100%;
}


.titBox {
	font-size: 20px;
	width: 60%;

}

.titBox h1 {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}

.but_study {
	padding: 15px 25px;
	border: 2px solid #3276ff;
	background: #fff;
	color: #3276ff;
	border-radius: 5px;
}

.but_study:hover {
	padding: 15px 25px;
	border: 2px solid #3276ff;
	background: #3276ff;
	color: #fff;
	border-radius: 5px;
}


.bjprogress {
	background: #ebebeb;
	width: 200px;
	height: 10px;
	border-radius: 10px;
	position: relative;
}

.bjprogress .progress {
	position: absolute;
	background: #3276ff;
	height: 10px;
	left: 0;
	display: inline-block;
	top: 0;
}

.bjprogress .progress.percent10 {
	width: 10%;
}

.bjprogress .progress.percent20 {
	width: 20%;
}

.bjprogress .progress.percent30 {
	width: 30%;
}

.bjprogress .progress.percent40 {
	width: 40%;
}

.bjprogress .progress.percent50 {
	width: 50%;
}

.bjprogress .progress.percent60 {
	width: 60%;
}

.bjprogress .progress.percent70 {
	width: 70%;
}

.bjprogress .progress.percent80 {
	width: 80%;
}

.bjprogress .progress.percent90 {
	width: 90%;
}

.bjprogress .progress.percent100 {
	width: 100%;
}

.numbox {
	background: #f9faff;
	border-radius: 5px;
	text-align: center;
	padding: 34px 25px;
}

.text-oranger {
	color: #ff8a00;
}

.text-red {
	color: #ff4646;
}

.item_img.col-sm-12 {
	padding: 0;
}

/* 内容列表部分 E */

/* 版权部分 S */
.copyright {
	background: #f0f2f5;
	text-align: center;
}

/* 版权部分 E */

/* 视频列表部分 S */
.listMobilenr {
	display: none;
}

.courselist {
	background: #fff;
	border-radius: 10px;
}

.courselist .tit {
	text-align: center;
	line-height: 20px;
}

.courselist .list .title {
	background: #f4f4f4;
	line-height: 60px;
	padding: 0 35px;
}

.courselist .list .itemtit01 {
	width: 40%;
}

.courselist .list .itemtit02 {
	width: 30%;
}

.courselist .list .itemtit03 {
	width: 30%;
}

.courselist .nrBox {
	padding: 10px 0 20px 0;
}

.courselist .item {
	padding: 10px 35px 0 35px;

}

.courselist .butone {
	background: #ff5d5d;
	border-radius: 5px;
	line-height: 43px;
	padding: 0 20px;
	border: 0;
	color: #fff;
}

.courselist .butone img {
	width: 22px;
	margin-right: 10px;
}

.courselist .buttwo {
	background: #3276ff;
	margin-left: 10px;
}

.courselist .item .chapter a {
	display: flex;
	align-items: center;
	color: #000;
}

.courselist .item .chapter img {
	width: 30px;
	margin-right: 20px;
}

/* 视频列表部分 E*/

/* 内容列表页面 S */
.coursedetailBox {
	width: 1440px;
	margin-top: 50px;
	margin: 50px auto;
}

.coursevideo {
	width: 70%;
	background: #fff;
	padding: 30px;
}

.coursevideo .tit {
	color: #026ea4;
	line-height: 30px;
	border-bottom: 1px solid #ebebeb;
}

.catalogueBox {

	width: 24%;
}

.catalogue {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
}

.catalogue h1 {
	padding: 0 0 10px 0;
}

.catalogue .content {
	max-height: 563px;
	overflow-y: auto;
}

.catalogue .content li {
	align-items: center;
	line-height: 30px;
	padding: 15px 0;
	border-bottom: 1px solid #eaeaea;
}

.catalogue .content li:last-child {
	border-bottom: 0;
}


.catalogue .content li img {
	width: 30px;
}

/* 滚动条美化 S */
::-webkit-scrollbar-track-piece {
	background-color: #f8f8f8;
}

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

::-webkit-scrollbar-thumb {
	background-color: #dddddd;
	background-clip: padding-box;
	min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #bbb;
}

.test::-webkit-scrollbar {
	width: 3px;
}

.test::-webkit-scrollbar-track {
	background-color: red;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.test::-webkit-scrollbar-thumb {
	background-color: green;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

}

.videoPlay {
	width: 100%;
	overflow: hidden;
}

/* 滚动条美化 S */
.videoPlay .my-video-dimensions {
	width: auto !important;
}

/* 内容列表页面 E */


/* 弹框 S */
/* 蒙层S */
.fadeThree {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background: rgba(0, 0, 0, .5);
}

/* 蒙层E */
.informationBox {
	background: #fff;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1002;
	transform: translate(-50%, -50%);
	width: 50%;
	min-width: 800px;
	padding: 15px;
}

.titBoxT {
	padding: 10px 0;
	border-bottom: 1px solid #eaeaea;
}

.titBoxT h1 {
	height: 50px;
	line-height: 50px;
	color: #026ea4;

}

.titBoxT img {
	cursor: pointer;
}

.titBoxT h1 span {
	width: 110px;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	cursor: pointer;
}

.titBoxT .active {
	background: #3276ff;
	border-radius: 8px 8px 0 0;
	color: #fff;
	height: 50px;
	line-height: 50px;
	display: inline-block;
}

.titBoxTul {
	margin: 0 auto 50px auto;
	text-align: center;
}


.holdBox {
	text-align: center;
}

.holdBox .hold {
	background: #026ea4;
	border-radius: 5px;
	color: #fff;
	width: 20%;
	padding: 15px 40px;
	border-radius: 35px;
	border: 0;
}

.holdBox .holdTwo {
	border: 1px solid #026ea4;
	border-radius: 5px;
	background: #fff;
	color: #026ea4;
	width: 20%;
	padding: 15px 40px;
	border-radius: 35px;
}

.second {
	color: #fca39b;
}

.dictation .time {
	display: inline-flex;
	background: #fff2f1;
	padding: 15px 40px;
	border-radius: 35px;
	border: 1px solid #fdddda;
}

.nrbox .input {
	border: 1px solid #ece9e9;
	padding: 18px 20px;
	min-width: 60%;

}

.nrbox .next {
	background: #026ea4;
	border: 0;
	color: #fff;
	padding: 20px 40px;
}

.totalBox {
	background: #f8f8f8;
	padding: 20px 30px;
	display: inline-block;
}

/* 弹框 E */

/* 课程 */
.catalogue .contentknow {
	max-height: 365px;
	overflow-y: auto;
}

.knowledgelist .listbox {
	line-height: 28px;
}

.instudybox {
	height: 734px;
	position: relative;
}

.block-1 {
	position: absolute;
	top: 100px;
	left: 50px;
	z-index: 10;
	cursor: pointer;
}

.block-1 span {
	color: #999;
	font-size: 12px;
	display: block;
	height: 30px;
}

.block-1 div {
	color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	background: #f85a5a;
	border-radius: 35px;
	display: inline;
}

.block-1 div:hover {
	background: #e96f49;
}

.block-2 {
	position: absolute;
	top: 80px;
	left: 670px;
	z-index: 10;
	cursor: pointer;
}

.block-2 span {
	color: #999;
	font-size: 12px;
	display: block;
	height: 30px;
}

.block-2 div {
	color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	background: #ff9b7c;
	border-radius: 35px;
	display: inline;
}

.block-2 div:hover {
	background: #e96f49;
}

.block-3 {
	position: absolute;
	top: 300px;
	left: 120px;
	z-index: 10;
	cursor: pointer;
}

.block-3 span {
	color: #999;
	font-size: 12px;
	display: block;
	height: 30px;
}

.block-3 div {
	color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	background: #83d6e5;
	border-radius: 35px;
	display: inline;
}

.block-3 div:hover {
	background: #5ec1d3;
}

.block-4 {
	position: absolute;
	left: 679px;
	top: 330px;
	z-index: 10;
	cursor: pointer;
}

.block-4 div {
	display: flex;
	/* background: #FF6666; */
	background: #ffd57c;
	border-radius: 35px;
	padding: 10px 40px;
	align-items: center;
}

.block-4 div:hover {
	background: #e6b651;
}

.block-4 img {
	width: 25px;
	margin-right: 5px;
}

.block-4 div span {
	color: #000;
	font-size: 16px;
	display: block;
	height: 26px;
	line-height: 26px;
}

.block-4 span {
	color: #fff;
	font-size: 12px;
	height: 30px;
}

.block-5 {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: absolute;
	background: #026ea4;
	border-radius: 50%;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	font-size: 20px;
	border: 4px solid #e7f4fb;
	color: #fff;
	cursor: pointer;
}

.block-5:hover {
	background: #025b88;
}

.block-5 div img {
	width: 32px;
}

.block-5 span {
	color: #fff;
	display: block;
}


.line-1 {
	position: absolute;
	width: 400px;
	height: 1px;
	background: #eaeaea;
	top: 170px;
	left: 80px;
	transform: rotate(18deg);
}

.line-2 {
	position: absolute;
	width: 250px;
	height: 1px;
	background: #eaeaea;
	top: 200px;
	left: 449px;
	transform: rotate(150deg);
}

.line-3 {
	position: absolute;
	width: 250px;
	height: 1px;
	background: #eaeaea;
	top: 310px;
	left: 177px;
	transform: rotate(160deg);
}

.line-4 {
	position: absolute;
	width: 250px;
	height: 1px;
	background: #eaeaea;
	top: 310px;
	left: 465px;
	transform: rotate(200deg);
}

.butindex {
	text-align: center;
}

.butindex button {
	background: #026ea4;
	border: 0;
	border-radius: 50px;
	color: #fff;
	padding: 12px 30px;
}

.butindex button:hover {
	background: #025b88;
}

.butindex button.disabled {
	background: #e1e7ea;
}

/* 课程考点列表 E */


/* 对比测试 S */
.testing {
	background: #eff7fb;
	padding: 30px;
	min-height: 704px;
}

.preschool {
	background: url(../images/vsimg.png) no-repeat center center;
	height: 76px;
	line-height: 76px;
	padding: 25px 50px;
	margin-top: 50px;
}

.copyn {
	width: 166px;
	height: 166px;
	border-radius: 25px;
	background: #026ea4;
	margin: 80px auto;
	cursor: pointer;
}

.copyn:hover {
	background: #045b86;
}

.copyn a {
	line-height: 30px;
	color: #fff;
	font-size: 20px;
	display: block;
}

.butback {
	text-align: center;
}

.butback .butbacknr {
	background: none;
	color: #bd8c18;
	border: 1px solid #bd8c18;
	border-radius: 35px;
	padding: 15px 30px;
	margin: 0 15px;
}

.butback .butbacknr:hover {
	color: #ac7d0d;
	border: 1px solid #ac7d0d;
}

.butback .butbacknrt {
	background: #e4bb72;
	color: #fff;
	border: 1px solid #e4bb72;
	border-radius: 35px;
	padding: 15px 30px;
	margin: 0 15px;
}

.butback .butbacknrt:hover {
	background: #d7ac5f;
}

/* 对比测试 E */



/* 个人中心 S */
.catalogueBoxTwo {
	width: 300px;
	padding: 25px 0 20px;
	box-sizing: border-box;
	background-color: #fff;
}

.coursevideoTwo {
	width: calc(1440px - 385px);
	background: #fff;
	padding: 30px;
}

.catalogueTwo {

	line-height: 50px;
}

.catalogueTwo a {
	color: #999;
	padding: 0 30px;
	position: relative;
	font-size: 18px;
}

.coursevideoTwo .tit {}

.catalogueTwo a.active,
.catalogueTwo a:hover {
	color: #026ea4;
}

.catalogueTwo a.active::after {
	width: 3px;
	height: 50px;
	background: #026ea4;
	content: "";
	position: absolute;
	left: 0;

}

.user-baseinfo {
	text-align: center;

}

.user-baseinfo .avatar-img img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.basicinfo {
	margin-top: 50px;
}

.basicinfo .left01 {
	background: #f8f8f8;
	line-height: 30px;
	padding: 40px 30px;
	width: 42%;
}

/* 个人中心 E */

.ant-input {
	height: 48px;
	padding: 14px 12px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 12px;
}

.ant-col-12 {
	display: block;
	width: 45%;
	text-align: left;
	margin-right: 5%;
	margin-top: 30px;
}
.userBox{
	width: 80%;
	margin: 40px auto;
}
.name {
	display: block;
	color: #999;
	margin-bottom: 10px;
}

.ant-form-item-label {
	flex: auto;
	max-width: 100%;
}

.ant-input {
	width: 100%;
	height: 48px;
	padding: 14px 12px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid rgba(30, 32, 35, .1);
	transition: all .3s;
	outline:none;
}
.ant-input.ant-inputTwo{
	width: 78%;
}
.butxg{
	background: #026ea4;
	color: #fff;
	border:0;
	padding: 16px 20px;
	border-radius: 10px ;
	margin-left: 10px;
}

.nameTwo {
	display: inline-block;
	color: #999;
	margin-bottom: 10px;
	width: 80px;
}
.antttwo{
	width: 100%;
}

 .userBoxpass{
	 text-align: left;
	 width: 65%;
 }