* {
  font-family: "΢���ź�", "����";
}
.header {
  background-color: #eef1f6;
}
.header .banner {
  height: 100%;
  position: relative;
}
.header .banner .jump {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 16px;
}
.empty_none_line_input {
   	border-left: none !important;
    border-top: none !important;
    border-radius: 0px !important;
    border-right: none !important;
    box-shadow: none !important;
    height: 45px !important;
}
.header .banner .jump a {
  color: #435061;
  text-decoration: none;
  margin: 0 13px;
  padding: 0 30px;
  position: relative;
}
.header .banner .jump a:nth-of-type(1) {
  color: #009d68;
}
.header .banner .jump a:nth-of-type(1)::after {
  /* position: absolute;
  left: 0;
  bottom: -3px;
  content: '';
  width: 100%;
  height: 41px;
  border-radius: 2px 2px 0 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  pointer-events: none;
  z-index: 1;
  border-bottom: 2px solid #3a97a7; */
}
.important-notice {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  background-color: #ff6633;
  color: #fff;
  display: flex;
  justify-content: center;
}
.important-notice a {
  margin: 0!important;
}
.gateway .layui-tab {
  margin: 0;
}
.gateway .banner {
  background-color: #fff;
}
.gateway .panel,
.gateway .thumbnail {
  border-radius: 0;
}
.gateway .delicious-course {
  position: relative;
}
.gateway .delicious-course .layui-tab-title {
  margin: 0 15px;
  height: 55px;
}
.gateway .delicious-course .layui-tab-title .layui-this {
  height: 55px;
  line-height: 65px;
  font-family: '΢���ź�';
  font-size: 18px;
  color: #435061;
}
.gateway .delicious-course .layui-tab-title .layui-this:after {
  height: 55px;
  border-color: #435061;
  border-width: 2px;
}
.gateway .delicious-course .layui-tab-content {
  padding-top: 20px;
}
.gateway .delicious-course > a {
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 10;
  color: black;
  text-decoration: none;
  font-size: 12px;
}
.gateway .delicious-course > a span {
  font-size: 12px;
}
.gateway .delicious-course .thumbnail {
  position: relative;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.gateway .delicious-course .thumbnail .border {
  width: 243px;
  height: 181px;
  margin: 0 auto;
}
.gateway .delicious-course .thumbnail .border img {
  width: 100%;
  height: 100%;
}
.gateway .delicious-course .thumbnail .caption {
  padding-bottom: 6px;
}
.gateway .delicious-course .thumbnail .caption p {
  margin-bottom: 5px;
  font-size: 13px;
  height: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gateway .delicious-course .thumbnail .info {
  border-top: 1px solid #ddd;
  padding: 5px 9px 1px 9px;
}
.gateway .delicious-course .thumbnail .info span:nth-of-type(1) {
  color: #F06000;
}
.gateway .delicious-course .thumbnail:hover {
  background-color: #435061;
  color: #fff;
}
.gateway .delicious-course .thumbnail:hover p {
  color: #fff;
}
.gateway .delicious-course .thumbnail a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.adv{
  border-bottom: 1px solid #e2e2e2;
}
.gateway .adv {
  width: 100%;
}
.gateway .adv img {
  width: 100%;
}
.gateway .classBox .layui-tab-content {
  padding: 20px 0 10px 0;
  padding-bottom: 0;
}
.gateway .classBox .learn .my-course {
  position: relative;
}
.gateway .classBox .learn .my-course .layui-tab-title {
  height: 55px;
}
.gateway .classBox .learn .my-course .layui-tab-title .layui-this {
  height: 55px;
  line-height: 65px;
  font-family: '΢���ź�';
  font-size: 18px;
  color: #435061;
}
.gateway .classBox .learn .my-course .layui-tab-title .layui-this:after {
  height: 55px;
  border-color: #435061;
  border-width: 2px;
}
.gateway .classBox .learn .my-course > a {
  position: absolute;
  right: 10px;
  top: 25px;
  z-index: 10;
  color: black;
  text-decoration: none;
  font-size: 12px;
}
.gateway .classBox .learn .my-course > a span {
  font-size: 12px;
}
.gateway .classBox .learn .thumbnail {
  padding: 0;
  position: relative;
}
.gateway .classBox .learn .thumbnail .border {
  width: 100%;
  height: 181px;
}
.gateway .classBox .learn .thumbnail .border img {
  width: 100%;
  height: 100%;
}
.gateway .classBox .learn .thumbnail .caption {
  background-color: #435061;
}
.gateway .classBox .learn .thumbnail .caption p {
  color: #fff;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gateway .classBox .learn .thumbnail a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  background-color: #393937;
  opacity: 0;
}
.gateway .classBox .learn .thumbnail a:hover {
  opacity: 0.8;
}
.gateway .classBox .creative .my-course {
  position: relative;
}
.gateway .classBox .creative .my-course .layui-tab-title {
  height: 55px;
}
.gateway .classBox .creative .my-course .layui-tab-title .layui-this {
  height: 55px;
  line-height: 65px;
  font-family: '΢���ź�';
  font-size: 18px;
  color: #435061;
}
.gateway .classBox .creative .my-course .layui-tab-title .layui-this:after {
  height: 55px;
  border-color: #435061;
  border-width: 2px;
}
.gateway .classBox .creative .my-course > a {
  position: absolute;
  right: 10px;
  top: 25px;
  z-index: 10;
  color: black;
  text-decoration: none;
  font-size: 12px;
}
.gateway .classBox .creative .my-course > a span {
  font-size: 12px;
}
.gateway .classBox .creative .thumbnail {
  background-color: #eef1f6;
}
.gateway .classBox .creative .thumbnail .border {
  margin: 0 auto;
  width: 98%;
  height: 181px;
  position: relative;
}
.gateway .classBox .creative .thumbnail .border img {
  width: 100%;
  height: 100%;
}
.gateway .classBox .creative .thumbnail .border .msg {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 14px/27px "Microsoft Yahei";
}
.gateway .classBox .creative .thumbnail .border .msg p {
  text-align: center;
  background-color: #575755;
  margin: 0;
  width: 100%;
  font: normal bold 16px 'yahei';
  color: #fff;
  padding: 5px 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.gateway .classBox .creative .thumbnail .border .caption p {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gateway .classBox .creative .thumbnail a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.gateway .classBox .creative .thumbnail:hover .msg p {
  opacity: 0.8;
}
.gateway .classBox .statistics .my-course {
  position: relative;
}
.gateway .classBox .statistics .my-course .layui-tab-title {
  height: 55px;
}
.gateway .classBox .statistics .my-course .layui-tab-title .layui-this {
  height: 55px;
  line-height: 65px;
  font-family: '΢���ź�';
  font-size: 18px;
  color: #435061;
}
.gateway .classBox .statistics .my-course .layui-tab-title .layui-this:after {
  height: 55px;
  border-width: 2px;
  border-color: #435061;
}
.gateway .classBox .statistics .my-course > a {
  position: absolute;
  right: 10px;
  top: 25px;
  z-index: 10;
  color: black;
  text-decoration: none;
  font-size: 12px;
}
.gateway .classBox .statistics .my-course > a span {
  font-size: 12px;
}
.gateway .classBox .statistics .thumbnail .border {
  margin: 0 auto;
  width: 100%;
  height: 181px;
  position: relative;
}
.gateway .classBox .statistics .thumbnail .border canvas {
  padding-left: 20px;
}
.gateway .classBox .statistics .thumbnail .border > ul {
  position: absolute;
}
.gateway .classBox .statistics .thumbnail .border > ul li {
  display: flex;
  align-items: center;
}
.gateway .classBox .statistics .thumbnail .border > ul i {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 3px;
  margin-right: 3px;
}
.gateway .classBox .statistics .thumbnail .border > ul .orange {
  background-color: #FFA94C;
}
.gateway .classBox .statistics .thumbnail .border > ul .green {
  background-color: #4CCF90;
}
.gateway .classBox .statistics .thumbnail .border > ul .blue {
  background-color: #4CE8FF;
}
.gateway .classBox .statistics .thumbnail .caption {
  text-align: center;
  background-color: #8c9bb0;
  color: #fff;
}
.gateway .side {
  padding-left: 0;
  margin-top: 15px;
}
.gateway .side .panel .panel-heading {
  margin: 0;
  background-color: #28ae89;
  vertical-align: middle;
  font: normal normal 14px/27px "Microsoft Yahei";
  position: relative;
  padding: 5px 15px;
  border-radius: 0;
}
.gateway .side .panel .panel-heading span {
  padding-left: 10px;
  vertical-align: middle;
  color: #fff;
}
.gateway .side .panel .panel-heading a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.gateway .side .live-telecast {
  border: 1px solid #ddd;
  height: 86px;
  margin-bottom: 20px;
  background: url(../images/live-1.png) center no-repeat no-repeat;
  background-size: 100% 100%;
}
.gateway .side .live-telecast a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 86px;
  color: black;
  text-align: center;
  font-family: '΢���ź�';
  text-decoration: none;
}
.gateway .side .live-telecast a:hover {
  text-decoration: none;
}
.gateway .side .notice .panel-body {
  padding-right: 0;
}
.gateway .side .notice ul {
  padding-left: 10px;
  padding-right: 10px;
}
.gateway .side .notice ul li {
  /* padding-left: 10px; */
  padding: 5px;
  list-style: none;
  /* padding-bottom: 10px; */
  vertical-align: middle;
  position: relative;
}
.gateway .side .notice ul li:before {
  /* content: '��'; */
  position: absolute;
  left: -10px;
  top: -8px;
  z-index: 1;
  display: block;
  font-size: 25px;
  color: black;
}
.gateway .side .notice ul li:after {
  content: '';
  display: table;
  clear: both;
}
.gateway .side .notice ul li a {
  display: block;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 60%;
}
.gateway .side .notice ul li i {
  display: block;
  font-style: normal;
  color: #8E8E8E;
}
.gateway .side .rankList .panel-body {
  padding: 0;
}
.gateway .side .rankList ul li {
  padding: 10px 0 10px 75px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.gateway .side .rankList ul li:nth-of-type(1) .head {
  padding-bottom: 10px;
}
.gateway .side .rankList ul li:nth-of-type(1) i {
  background-color: #ea4903;
}
.gateway .side .rankList ul li:nth-of-type(2) .head {
  padding-bottom: 10px;
}
.gateway .side .rankList ul li:nth-of-type(2) i {
  background-color: #f60;
}
.gateway .side .rankList ul li:nth-of-type(3) .head {
  padding-bottom: 10px;
}
.gateway .side .rankList ul li:nth-of-type(3) i {
  background-color: #f90;
}
.gateway .side .rankList ul li:nth-last-child(1) {
  border: none;
}
.gateway .side .rankList ul li .head {
  padding-bottom: 10px;
}
.gateway .side .rankList ul li i {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  font-style: normal;
  position: absolute;
  left: 22px;
  top: 14px;
  width: 26px;
  height: 47px;
  line-height: 19px;
  overflow: hidden;
  background-color: #b3b3b3;
}
.gateway .side .rankList ul li i:after {
  content: '';
  position: absolute;
  border: 10px solid #fff;
  bottom: -9px;
  left: 3px;
  transform: rotate(45deg);
}
.gateway .side .rankList ul li .media {
  font: normal normal 10px 'yahei';
  margin: 0;
}
.gateway .side .rankList ul li .media .head {
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gateway .side .rankList ul li .media .head:nth-last-of-type(1) {
  padding-bottom: 0;
}
.gateway .side .rankList ul li .media .other-member-id {
  color: red;
}
.gateway .side .rankList ul li .media .media-body p {
  padding-top: 10px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gateway .side .rankList ul li .media .media-body .other-member-id {
  color: red;
}
.gateway .side .rankList ul li .media a img {
  width: 111px;
  height: 66px;
}
.gateway .side .rankList ul li .board {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.gateway .side .side-adv {
  margin-bottom: 20px;
}
.gateway .side .side-adv a {
  position: relative;
  display: block;
  width: 100%;
  height: 240px;
  color: #fff;
}
.gateway .side .side-adv a img {
  width: 100%;
  height: 100%;
}
.gateway .side .side-adv a .board {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  background-color: rgba(57, 57, 55, 0.6);
  text-align: center;
  line-height: 27px;
}
.gateway .side .vote li {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.gateway .side .vote li:nth-last-child(1) {
  border: none;
}
.gateway .side .vote li .media-left a {
  display: block;
  position: relative;
}
.gateway .side .vote li .media-left a img {
  width: 126px;
  height: 80px;
}
.gateway .side .vote li .media-left a span {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #e17875;
  padding: 3px;
  color: #fff;
  z-index: 1;
}
.gateway .side .vote li .media-body {
  position: relative;
  font: normal normal 10px 'yahei';
}
.gateway .side .vote li .media-body p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gateway .side .vote li .media-body .vote-num {
  left: 0;
  bottom: 0;
  position: absolute;
}
.gateway .side .vote li .media-body .vote-num span {
  font-size: 14px;
  color: orange;
}
.col-lg-3 {
  margin-bottom: 15px;
}
.col-lg-4 {
  margin-bottom: 15px;
}
@media screen and (max-width: 420px) {
  .login-inclued {
    background-color: #60B49A;
    background-image: url(../images/wy-banner.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    max-height: 300px;
  }
  .notice_box_cls {
  	display: none;
  }
  .login-inclued .banner {
    position: relative;
    height: 100%;
  }
  .login-inclued .banner .login {
    position: static;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .login-inclued .banner .login .panel {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .login-inclued .banner .carousel.slide {
    height: 100%;
  }
  .header .banner .jump {
    font-size: 1.4rem;
  }
  .header .banner .jump a {
    padding: 0 9px;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .gateway .side {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .login-inclued {
    background-color: #60B49A;
    background-image: url(../images/wy-banner.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    height: 500px;
  }
  
.notice_box_cls {
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80%;
}
.notice_box_cls .notice_title {
    font-size: 22px;
    color: #5fb499;
    text-align: center;
    margin-bottom: 10px;
}
.notice_box_cls #commonNotice {
	background-color: #E8F7F2;
	padding: 20px 10px;
}
.notice_box_cls .notice_body0 {
	position: relative;
}
.notice_box_cls .notice_body {
	background:radial-gradient(15px at left top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body1 {
	background:radial-gradient(15px at right top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body2 {
	background:radial-gradient(15px at right bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
}
.notice_box_cls .notice_body3 {
	background:radial-gradient(15px at left bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(270deg);
}
  .login-inclued .banner {
    position: relative;
    height: 100%;
  }
  .login-inclued .banner .login {
    width: 350px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .login-inclued .banner .login #preLogin, .login-inclued .banner .login #hasLogin {
    width: 400px;
    height: 600px;
    background-image: url(../images/login_form.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    background-color: #ffffff00;
    border: none;
  }
  .login-inclued .banner .carousel.slide {
    height: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.notice_box_cls {
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80%;
}
.notice_box_cls .notice_title {
    font-size: 22px;
    color: #5fb499;
    text-align: center;
    margin-bottom: 10px;
}
.notice_box_cls #commonNotice {
	background-color: #E8F7F2;
	padding: 20px 10px;
}
.notice_box_cls .notice_body0 {
	position: relative;
}
.notice_box_cls .notice_body {
	background:radial-gradient(15px at left top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body1 {
	background:radial-gradient(15px at right top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body2 {
	background:radial-gradient(15px at right bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
}
.notice_box_cls .notice_body3 {
	background:radial-gradient(15px at left bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(270deg);
}
  .login-inclued {
    background-color: #60B49A;
    background-image: url(../images/wy-banner.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    height: 700px;
  }
  .login-inclued .banner {
    position: relative;
    height: 100%;
  }
  .login-inclued .banner .login {
    width: 400px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .login-inclued .banner .login #preLogin, .login-inclued .banner .login #hasLogin {
    width: 400px;
    height: 600px;
    background-image: url(../images/login_form.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    background-color: #ffffff00;
    border: none;
  }
  .login-inclued .banner .carousel.slide {
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
.notice_box_cls {
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80%;
}
.notice_box_cls .notice_title {
    font-size: 22px;
    color: #5fb499;
    text-align: center;
    margin-bottom: 10px;
}
.notice_box_cls #commonNotice {
	background-color: #E8F7F2;
	padding: 20px 10px;
}
.notice_box_cls .notice_body0 {
	position: relative;
}
.notice_box_cls .notice_body {
	background:radial-gradient(15px at left top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body1 {
	background:radial-gradient(15px at right top,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
}
.notice_box_cls .notice_body2 {
	background:radial-gradient(15px at right bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
}
.notice_box_cls .notice_body3 {
	background:radial-gradient(15px at left bottom,#fff 50px,#E8F7F2 50%);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: rotate(270deg);
}
  .login-inclued {
    background-color: #0088E8;
    background-image: url(../images/wy-banner.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    height: 700px;
  }
  .login-inclued .banner {
    position: relative;
    height: 99%;
  }
  .login-inclued .banner .login {
    width: 400px;
    position: absolute;
    right: 0px;
    /* top: 10px; */
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .login-inclued .banner .login #preLogin, .login-inclued .banner .login #hasLogin {
    width: 400px;
    height: 600px;
    background-image: url(../images/login_form.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    background-color: #ffffff00;
    border: none;
  }
  .login-inclued .banner .carousel.slide {
    height: 100%;
  }
}
.cqcmc_home_title {
	text-align: center;
	font-size: 30px;
	color: #2D5463;
	    padding: 15px;
}
#loginBtn {
	    height: 45px;
    font-size: 18px;
}
.login-type-title {
	    /* height: 50px; */
    line-height: 45px;
}
.login-type-title li {
	    font-size: 20px !important;
    width: 50%;
}
.uni-auth {
    top: 35%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 8px 20px;
    border: 4px solid #5fb49a;
    cursor: pointer;
    font-weight: bold;
    text-decoration-line: none !important;
}