/* 公共部分 */

.wrap .wave-line {

  position: relative;

}



.wrap .wave-line:after {

  position: absolute;

  left: 0;

  bottom: 0;

  min-width: 1371px;

  width: 100vw;

  height: 135px;

  background: url("../img/wave_line.png");

  background-size: 100% 100%;

  content: '';

  z-index: 2;

}



.wrap .wave-line-top:after {

  bottom: -135px;

  transform: scale(-1);

}



.wrap .wave-bottom {

  height: 135px;

  background: #F9FAFF;

}



.wrap .title-wrap {

  margin-bottom: 32px;

}



.wrap .title-wrap span {

  position: relative;

  padding: 0 36px;

  font-size: 28px;

  font-weight: 500;

  color: #2A2A2A;

}



.wrap .title-wrap span:before {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  width: 22px;

  height: 13px;

  background: url("../img/icon_title_left.png");

  background-size: cover;

  content: '';

}



.wrap .title-wrap span:after {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  width: 22px;

  height: 13px;

  background: url("../img/icon_title_right.png");

  background-size: cover;

  content: '';

}



.wrap .title-wrap p {

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #93999F;

  line-height: 20px;

}



.wrap .operate-btn-group {

  position: relative;

  z-index: 5;

}



.wrap .operate-btn-group button {

  width: 200px;

  height: 48px;

  margin-right: 20px;

  background: #2355EF;

  box-shadow: 0 4px 8px 0 rgba(35, 85, 239, 0.24);

  border-radius:6px;

  font-size: 16px;

  font-weight: 400;

  color: #ffffff;

  line-height: 22px;

}



.wrap .operate-btn-group button:nth-of-type(2) {

  margin-right: 0;

  background: #F7B500;

  box-shadow: 0 4px 8px 0 rgba(239, 153, 35, 0.24);

}



.wrap .input-group {

  margin-bottom: 20px;

}



.wrap input {

  box-sizing: border-box;

  width: 326px;

  height: 48px;

  padding-left: 20px;

  margin-right: 15px;

  background: #ffffff;

  border-radius: 6px;

  border: 1px solid #D4D6D9;

  font-size: 16px;

  color: #2A2A2A;

}



/*.wrap input:nth-last-of-type(1) {*/

/*  margin-right: 0;*/

/*}*/



.wrap input::-webkit-input-placeholder{

  color: #93999F;

}

.wrap input::-moz-placeholder{   /* Mozilla Firefox 19+ */

  color: #93999F;

}

.wrap input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

  color: #93999F;

}

.wrap input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

  color: #93999F;

}



.wrap input.err {

  border-color: #FF4D4F;

}



.wrap .mobile-tip-wrap {

  position: relative;

}



.wrap .mobile-tip-wrap input {

  margin-right: 0;

}



.wrap .mobile-tip-wrap b {

  display: none;

  position: absolute;

  top: 37px;

  left: 5px;

  font-size: 12px;

  font-weight: 500;

  color: #FF4D4F;

  line-height: 16px;

}



.wrap .select-group ul li {

  float: left;

  width: 153px;

  height: 48px;

  margin-right: 20px;

  background:rgba(44,96,255,0.06);

  border-radius: 6px;

  font-size: 14px;

  font-weight: 500;

  color: #666666;

  text-align: center;

  line-height: 48px;

}



.wrap .select-group button {

  float: left;

  width: 326px;

  height: 48px;

  background: #2C60FF;

  border-radius: 6px;

  font-size: 18px;

  font-weight: 600;

  color: #ffffff;

  line-height:25px;

}



/* 导航 */

.wrap .nav {

  box-sizing: border-box;

  position: relative;

  min-width: 1371px;

  height: 80px;

  padding: 0 46px 0 30px;

  z-index: 3;

  line-height: 80px;

}



.wrap .nav .left-nav img {

  width: 101px;

  height: 48px;

  margin-right: 71px;

  vertical-align: middle;

}



.wrap .nav .left-nav a {

  position: relative;

  top: 5px;

  margin-right: 48px;

  color: #ffffff;

  font-size: 16px;

}



.wrap .nav .right-nav button {

  width: 142px;

  height: 36px;

  margin-right: 40px;

  background: #FA6400;

  color: #ffffff;

  border-radius:6px;

}



.wrap .nav .right-nav img {

  width: 19px;

  height: 14px;

  margin-right: 8px;

}



.wrap .nav .right-nav span {

  position: relative;

  top: 3px;

  font-size:16px;

  color: #ffffff;

}



.wrap .nav.head-fixed {

  box-sizing: border-box;

  position: fixed;

  top: 0;

  width: 100%;

  background: #ffffff;

  box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);

  z-index: 10;

}



.wrap .nav.head-fixed .left-nav a {

  top: 0;

  color: #2A2A2A;

}



.wrap .nav.head-fixed .left-nav a.active {

  position: relative;

  color: #2355EF;

}



.wrap .nav.head-fixed .left-nav a.active:after {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: -10px;

  width: 16px;

  height: 4px;

  background: #2355EF;

  border-radius: 2px;

  content: '';

}



.wrap .nav.head-fixed .right-nav span {

  font-size: 16px;

  color: #2A2A2A;

}



/* banner */

.wrap .banner {

  position: relative;

  top: -80px;

  width: 100%;

  height: 602px;

  margin-bottom: 150px;

  background: linear-gradient(144deg,rgba(0,51,216,1) 0%,rgba(70,0,176,1) 100%);

}



.wrap .banner .banner-content {

  display: flex;

  justify-content: space-between;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 1200px;

  margin: 0 auto;

}



.wrap .banner .banner-content .banner-content-left {

  padding-top: 172px;

}



.wrap .banner .banner-content .banner-content-left h1 {

  margin-bottom: 19px;

  font-size: 48px;

  font-weight: 600;

  color: #ffffff;

  line-height: 67px;

}



.wrap .banner .banner-content .banner-content-left h2 {

  margin-bottom: 51px;

  font-size: 21px;

  font-weight: 400;

  color: #ffffff;

  line-height: 29px;

}



.wrap .banner .banner-content .banner-content-left .btn-wrap button {

  width: 200px;

  height: 48px;

  border-radius: 6px;

  color: #ffffff;

  font-size:16px;

}



.wrap .banner .banner-content .banner-content-left .btn-wrap button:nth-of-type(1) {

  margin-right: 20px;

  background: #2355EF;

}



.wrap .banner .banner-content .banner-content-left .btn-wrap button:nth-of-type(2) {

  margin-right: 20px;

  background: #F7B500;

}



.wrap .banner .banner-content .banner-content-right {

  width: 609px;

  height: 585px;

  padding-top: 94px;

  background: url("../img/banner_round.png") no-repeat;

  background-size: 100%;

  text-align: center;

}



.wrap .banner .banner-content .banner-content-right img {

  width: 385px;

}



.wrap .banner .banner-operate {

  box-sizing: border-box;

  position: absolute;

  left: 50%;

  top: 514px;

  transform: translateX(-50%);

  width: 1200px;

  height: 248px;

  padding: 23px 0 0 91px;

  background: #ffffff;

  box-shadow: 0 4px 12px 0 rgba(216, 220, 226, 0.8);

  border-radius: 14px;

  z-index: 3;

}



.wrap .banner .banner-operate >p {

  position: relative;

  padding: 14px 0 26px;

  font-size: 21px;

  font-weight: 600;

  color: #2A2A2A;

  line-height: 29px;

}



.wrap .banner .banner-operate >p:after {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 130px;

  height: 68px;

  background: url("../img/bg_title.png");

  background-size: cover;

  content: '';

}



.wrap .banner .banner-operate >p span {

  padding-left: 15px;

  font-size: 14px;

  font-weight: 400;

  color: #666666;

  line-height: 20px;

}



.wrap .banner .banner-operate .select-group ul li {

  cursor: pointer;

}



.wrap .banner .banner-operate .select-group ul li.active {

  background: url("../img/select_blue.png") no-repeat 0 0 / 153px 48px;

}





/* banner2 */

.wrap .banner2 {

  position: relative;

  top: -80px;

  min-width: 1371px;

  height: 656px;

  background: linear-gradient(144deg,rgba(0,51,216,1) 0%,rgba(70,0,176,1) 100%);

}



.wrap .banner2 .wave-img {

  position: absolute;

  bottom: -65px;

  left: calc((100vw - 1200px) / 2 * -1);

  width: 100vw;

  /*min-width: 1371px;*/

  height: 135px;

}



.wrap .banner2 .banner-content {

  display: flex;

  justify-content: space-between;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 1200px;

  margin: 0 auto;

}



.wrap .banner2 .banner-content .banner-content-left {

  padding-top: 147px;

}



.wrap .banner2 .banner-content .banner-content-left h1 {

  margin-bottom: 21px;

  font-size: 48px;

  font-weight: 600;

  color: #ffffff;

  line-height: 67px;

}



.wrap .banner2 .banner-content .banner-content-left h2 {

  margin-bottom: 47px;

  font-size: 21px;

  font-weight: 400;

  color: #ffffff;

  line-height: 29px;

}



.wrap .banner2 .banner-content .banner-content-left img {

  width: 710px;

  height: 112px;

  margin-bottom: 46px;

}



.wrap .banner2 .banner-content .banner-content-left .btn-wrap button {

  width: 200px;

  height: 48px;

  border-radius: 6px;

  color: #ffffff;

  font-size:16px;

}



.wrap .banner2 .banner-content .banner-content-left .btn-wrap button:nth-of-type(1) {

  margin-right: 20px;

  background: #2355EF;

}



.wrap .banner2 .banner-content .banner-content-left .btn-wrap button:nth-of-type(2) {

  margin-right: 20px;

  background: #F7B500;

}



.wrap .banner2 .banner-content .banner-content-right {

  padding-top: 104px;

  background: url("../img/banner_round.png") no-repeat;

  background-size: 100%;

  text-align: center;

}



.wrap .banner2 .banner-content .banner-content-right .banner-content-right-inner {

  box-sizing: border-box;

  width: 420px;

  height: 487px;

  padding-top: 30px;

  background: rgba(0, 0, 0, 0.19);

  box-shadow: 0 4px 12px 0 rgba(9,62,154,0.12);

  border-radius: 14px;

}



.wrap .banner2 .banner-content .banner-content-right h1 {

  margin-bottom: 6px;

  font-size: 21px;

  font-weight: 600;

  color: #ffffff;

  line-height: 29px;

}



.wrap .banner2 .banner-content .banner-content-right h2 {

  margin-bottom: 26px;

  font-size: 14px;

  font-weight: 400;

  color: #ffffff;

  line-height: 20px;

}



.wrap .banner2 .banner-content .banner-content-right ul li {

  position: relative;

  margin-bottom: 20px;

}



.wrap .banner2 .banner-content .banner-content-right ul li input {

  margin-right: 0;

}



.wrap .banner2 .banner-content .banner-content-right ul .phone-li span {

  display: none;

  position: absolute;

  top: 50px;

  left: 50px;

  font-size: 12px;

  font-weight: 500;

  color: #FF4D4F;

  line-height: 16px;

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li span {

  position: relative;

  box-sizing: border-box;

  display: inline-block;

  width: 326px;

  height: 48px;

  padding-left: 20px;

  background: #ffffff;

  border-radius: 6px;

  border: 1px solid #D4D6D9;

  font-size: 16px;

  font-weight: 400;

  color: #93999F;

  line-height: 48px;

  text-align: left;

  cursor: pointer;

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li span:after {

  position: absolute;

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background: url("../img/icon_arrow.png") no-repeat;

  background-size: 100% 100%;

  content: '';

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li ol {

  display: none;

  position: absolute;

  left: 47px;

  width: 326px;

  margin: 6px auto 0;

  background: #ffffff;

  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  border: 1px solid #D4D6D9;

  z-index: 3;

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li ol li {

  height: 48px;

  padding-left: 20px;

  margin-bottom: 0;

  line-height: 48px;

  text-align: left;

  cursor: pointer;

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li ol li:hover {

  background: #FAFAFA;

}



.wrap .banner2 .banner-content .banner-content-right ul .select-li ol li.active {

  background: #FAFAFA;

}



.wrap .banner2 .banner-content .banner-content-right ul .btn-li {

  width: 326px;

  height: 48px;

  margin: 26px auto 0;

  background: #2C60FF;

  border-radius: 6px;

  font-size: 18px;

  font-weight: 600;

  color: #ffffff;

  line-height: 48px;

  cursor: pointer;

}



/* 培训机构业务场景全覆盖，闭环式生态服务体系 */

.wrap .service {

  box-sizing: border-box;

  min-width: 1371px;

  padding: 0 0 40px;

  text-align: center;

}



.wrap .service .service-content {

  box-sizing: border-box;

  width: 1260px;

  height: 318px;

  margin: 90px auto 10px;

  padding-left: 90px;

  background: url("../img/service_bg.png");

  background-size: cover;

}



.wrap .service .service-content li {

  position: relative;

  top: -50px;

  float: left;

  width: 170px;

}



.wrap .service .service-content li:not(:last-child) {

  margin-right: 125px;

}



.wrap .service .service-content li img {

  display: block;

  width: 144px;

  height: 150px;

  margin: 0 auto 23px;

}



.wrap .service .service-content li span {

  font-size: 18px;

  font-weight: 600;

  color: #2A2A2A;

  line-height: 24px;

}



.wrap .service .service-content li p {

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #666666;

  line-height: 20px;

}



/* 营销、招生、增收、服务，满足教学运营全部功能需求 */

.wrap .business {

  min-width: 1371px;

  padding: 90px 0 80px;

  margin: 0 auto;

  text-align: center;

  background: #F9FAFF;

}



.wrap .business .business-content {

  position: relative;

  width: 1210px;

  margin: 0 auto 24px;

}

.wrap .business-content .business-round {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  width: 209px;

  height: 209px;

  background: url("../img/business_round.png") no-repeat;

  background-size: cover;

}



.wrap .business-content .business-round p {

  width: 108px;

  margin: 80px auto 0;

  font-size: 18px;

  font-weight: 600;

  color: #ffffff;

  line-height: 25px

}



.wrap .business li {

  box-sizing: border-box;

  float: left;

  width: 604px;

  height: 224px;

  padding-top: 53px;

  text-align: left;

}



.wrap .business li:nth-child(2n+1) {

  padding-left: 100px;

}



.wrap .business li:nth-child(2n) {

  padding-left: 181px;

}



.wrap .business li:nth-child(1) {

  background: url("../img/business_left_top_bg.png") no-repeat;

  background-size: cover;

}



.wrap .business li:nth-child(2) {

  background: url("../img/business_right_top_bg.png") no-repeat;

  background-size: cover;

}



.wrap .business li:nth-child(3) {

  background: url("../img/business_left_bottom_bg.png") no-repeat;

  background-size: cover;

}



.wrap .business li:nth-child(4) {

  background: url("../img/business_right_bottom_bg.png") no-repeat;

  background-size: cover;

}



.wrap .business li h1 {

  margin-bottom: 20px;

  font-size: 20px;

  font-weight: 500;

  color: #2A2A2A;

  line-height: 28px

}



.wrap .business li img {

  position: relative;

  top: -3px;

  width: 32px;

  height: 32px;

  margin-right: 15px;

  vertical-align: middle;

}



.wrap .business li p {

  position: relative;

  padding-left: 20px;

  font-size: 18px;

  font-weight: 400;

  color: #666666;

  line-height: 30px;

}



.wrap .business li p:before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 8px;

  height: 8px;

  background: #D8D8D8;

  border-radius: 50%;

  content: '';

}



/* 云朵网校-覆盖在线教育全部经营环节 */

.wrap .management {

  box-sizing: border-box;

  min-width: 1371px;

  padding-top: 50px;

  text-align: center;

}



.wrap .management ul {

  width: 1200px;

  margin: 0 auto 60px;

}



.wrap .management ul li {

  float: left;

  width: 392px;

  height: 200px;

  background: url("../img/management_bg.png") no-repeat;

  background-size: cover;

}



.wrap .management ul li p {

  width: 144px;

  height: 57px;

  margin-top: 20px;

  background: url("../img/management_title_bg.png") no-repeat;

  background-size: cover;

  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  line-height: 53px;

}

.wrap .management ul li div {

  padding-top: 13px;

  padding-left: 18px;

}



.wrap .management ul li span {

  box-sizing: border-box;

  display: inline-block;

  position: relative;

  width: 86px;

  padding-left: 22px;

  margin-right: 28px;

  margin-bottom: 20px;

  font-size: 16px;

  font-weight: 400;

  color: #2A2A2A;

  line-height: 22px;

  text-align: left;

}



.wrap .management ul li span:before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 14px;

  height: 14px;

  background: url("../img/select_round.png") no-repeat;

  background-size: cover;

  content: '';

}



/* 营销裂变获取私域流量 解决机构招生引流难 */

.wrap .drainage {

  box-sizing: border-box;

  min-width: 1371px;

  padding: 50px 0 24px;

  margin: 0 auto;

  text-align: center;

}



.wrap .drainage ul {

  width: 1200px;

  margin: 0 auto 30px;

}



.wrap .drainage ul li {

  float: left;

  margin-right: 76px;

  margin-bottom: 60px;

}



.wrap .drainage ul li:nth-child(4n) {

  margin-right: 0;

}



.wrap .drainage ul li img {

  display: block;

  width: 96px;

  height: 96px;

  margin: 0 auto 16px;

}



.wrap .drainage ul li span {

  font-size: 20px;

  font-weight: 500;

  color: #2A2A2A;

  line-height: 28px

}



.wrap .drainage ul li p {

  width: 240px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #666666;

  line-height: 20px;

}



/* 适用各类在线直播教学场景 */

.wrap .live {

  min-width: 1371px;

  padding: 90px 0;

  text-align: center;

  background: #F9FAFF;

}



.wrap .live ul {

  display: flex;

  align-items: center;

  width: 1200px;

  margin: 0 auto 60px;

}



.wrap .live ul li {

  box-sizing: border-box;

  width: 180px;

  height: 336px;

  padding: 49px 18px 0;

  text-align: center;

  border: 1px solid #DADEE0;

  border-right: none;

  background: #ffffff;

}



.wrap .live ul li:last-child {

  border-right: 1px solid #DADEE0;

}



.wrap .live ul li.active {

  width: 300px;

  height: 358px;

  box-shadow: 0 2px 10px 0 rgba(35, 85, 239 ,0.3);

  border-radius: 6px;

  border: 2px solid #2355EF;

}



.wrap .live ul li img {

  display: block;

  width: 64px;

  height: 64px;

  margin: 0 auto 32px;

}



.wrap .live ul li span {

  display: block;

  margin-bottom: 20px;

  font-size: 18px;

  font-weight: 500;

  color: #2A2A2A;

}



.wrap .live ul li p {

  font-size: 14px;

  color: #666666;

  line-height: 20px;

}



.wrap .live ul li a {

  display: none;

}



.wrap .live ul li.active a {

  display: block;

  margin-top: 24px;

  font-size: 14px;

  font-weight: 400;

  color: #2355EF;

  line-height: 20px;

}



/* 多维教学工具 还原面授现场 */

.wrap .face {

  box-sizing: border-box;

  min-width: 1371px;

  padding-top: 50px;

  margin: 0 auto;

  text-align: center;

}



.wrap .face ul {

  width: 1200px;

  margin: 0 auto 60px;

}



.wrap .face ul li {

  float: left;

  width: 237px;

  height: 160px;

  background: #ffffff;

  border: 1px solid rgba(218, 222, 224, 0.6);

  border-right: none;

  border-bottom: none;

}



.wrap .face ul li:nth-child(5n) {

  border-right: 1px solid rgba(218, 222, 224, 0.6);

}



.wrap .face ul li:nth-child(6), .wrap .face ul li:nth-child(7), .wrap .face ul li:nth-child(8),.wrap .face ul li:nth-child(9), .wrap .face ul li:nth-child(10) {

  border-bottom: 1px solid rgba(218, 222, 224, 0.6);

}



.wrap .face ul li:first-child {

  border-radius: 6px 0 0 0;

}



.wrap .face ul li:nth-child(5) {

  border-radius: 0 6px 0 0;

}



.wrap .face ul li:nth-child(6) {

  border-radius: 0 0 0 6px;

}



.wrap .face ul li:last-child {

  border-radius: 0 0 6px 0;

}



.wrap .face ul li img {

  width: auto;

  height: 48px;

  margin: 35px 0 20px;

}



.wrap .face ul li p {

  font-size: 18px;

  font-weight: 500;

  color: #2A2A2A;

  line-height: 25px;

}

.wrap .face .operate-btn-group {

  margin-bottom: 60px;

}



/* 30+项录播课辅助功能 专为线上教学量身打造 */

.wrap .record {

  box-sizing: border-box;

  min-width: 1371px;

  padding: 60px 0;

  background: url("../img/record_bg.png") no-repeat;

  background-size: cover;

  text-align: center;

}



.wrap .record-content {

  position: relative;

  width: 1371px;

  height: 499px;

  margin: 0 auto 20px;

  background: url("../img/record_content.png") no-repeat;

  background-size: cover;

}



.wrap .record-content ul {

  position: absolute;

  right: 12px;

  width: 880px;

  padding-top: 32px;

}



.wrap .record-content ul li {

  position: relative;

  height: 108px;

  padding-left: 80px;

  line-height: 108px;

  text-align: left;

  font-size: 20px;

  font-weight: 400;

  color: #2A2A2A;

}



.wrap .record-content ul li.active {

  background: linear-gradient(270deg,rgba(255,255,255,1) 0%,rgba(249,250,255,1) 100%);

}



.wrap .record-content ul li.active:after {

  position: absolute;

  left: 0;

  width: 6px;

  height: 108px;

  background: rgba(35,85,239,1);

  box-shadow: 2px 0 12px 0 rgba(35,85,239,0.34);

  content: '';

}



.wrap .record-content ul li:before {

  position: absolute;

  left: 40px;

  top: 50%;

  transform: translateY(-50%);

  width: 22px;

  height: 22px;

  background: url("../img/select_round.png");

  background-size: cover;

  content: '';

}



/* 在线考试简单操作 随堂测试智能组卷 */

.wrap .exam {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin-top: 80px;

}

.wrap .exam .exam-content{

  position: relative;

  width: 1200px;

  margin: 0 auto;

}

.wrap .exam .exam-content img{

  margin: 0 auto;

  width: 468px;

  height: 468px;

}

.wrap .exam .exam-content li{

  position: absolute;

  text-align: right;

}

.wrap .exam .exam-content li div{

  font-size:18px;

  font-weight:500;

  color:rgba(255,255,255,1);

  width:149px;

  height:42px;

  text-align: center;

  line-height: 42px;

  margin-bottom: 10px;

}

.wrap .exam .exam-content li .ml-auto{

  margin-left: auto;

  background:rgba(216,216,216,1) linear-gradient(30deg,rgba(87,153,255,1) 0%,rgba(79,121,247,1) 100%);

}



.wrap .exam .exam-content li .linear-bg-right{

  background:rgba(216,216,216,1) linear-gradient(30deg,rgba(87,153,255,1) 0%,rgba(79,121,247,1) 100%);

}

.wrap .exam .exam-content li p{

  font-size:14px;

  font-weight:400;

  color:rgba(102,102,102,1);

  line-height:20px;

}



.wrap .exam .exam-content li:nth-child(1){

  top: 20px;

  left: 90px;

}

.wrap .exam .exam-content li:nth-child(1) div{

  border-radius:21px 21px 0px 21px;

}



.wrap .exam .exam-content li:nth-child(2){

  top: 170px;

  left: 35px;

}

.wrap .exam .exam-content li:nth-child(2) div, .wrap .exam .exam-content li:nth-child(5) div {

  border-radius:21px;

}

.wrap .exam .exam-content li:nth-child(3){

  top: 320px;

  left: 80px;

}

.wrap .exam .exam-content li:nth-child(3) div{

  border-radius:21px 0 21px 21px;

}

.wrap .exam .exam-content li:nth-child(4){

  top: 20px;

  left: 830px;

}

.wrap .exam .exam-content li:nth-child(4) div{

  border-radius: 21px 21px 21px 0;

}

.wrap .exam .exam-content li:nth-child(5){

  top: 170px;

  left: 860px;

}

.wrap .exam .exam-content li:nth-child(6){

  top: 320px;

  left: 840px;

}

.wrap .exam .exam-content li:nth-child(6) div{

  border-radius:0 21px 21px 21px;

}





/* 新增趣味助学工具 灵活开展线上教学 */

.wrap .tool {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin-top: 120px;

}

.wrap .tool ul{

  position: relative;

  margin: 0 auto;

  width:1200px;

  height:350px;

  background: url('../img/tool_icon.png') no-repeat 0 100% / 1200px 350px;

}

.wrap .tool ul li{

  position: absolute;

}

.wrap .tool ul li:nth-child(2n+1){

  top: 180px;

}

.wrap .tool ul li:nth-child(2n){

  top: 240px;

}

.wrap .tool ul li:nth-child(1){

  left: 50px;

}

.wrap .tool ul li:nth-child(2){

  left: 260px;

}

.wrap .tool ul li:nth-child(3){

  left: 470px;

}

.wrap .tool ul li:nth-child(4){

  left: 680px;

}

.wrap .tool ul li:nth-child(5){

  left: 880px;

}

.wrap .tool ul li:nth-child(6){

  left: 1090px;

}



/* 云朵CRM-培训机构招生管理系统 让您的每一个客户都尽在掌握 */

.wrap .crm {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin-top: 120px;

}

.crm-content{

  position: relative;

  margin: 0 auto;

  margin-bottom: 60px;

  width: 1200px;

  height: 800px;

  background: url('../img/crm_bg.png') no-repeat 100% / 1200px 600px;

}

.crm-content img{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  /*left: 270px;*/

  top: 55px;

  width: 784px;

  height: 600px;

  z-index: 2;

}

.crm-content ul{

  width: 1200px;

  height: 800px;

  position: relative;

}

.crm-content ul li{

  /*box-sizing: border-box;*/

  text-align: left;

  width:430px;

  height:112px;

  border-radius:8px;

  position: absolute;

  padding: 16px 15px;



}

.crm-content ul div{

  /*box-sizing: border-box;*/

  width:400px;

  height:90px;

  background: #fff;

  padding: 15px 18px;

  box-shadow:0px 4px 12px 0px rgba(35,85,239,0.04);

}

.crm-content ul .active{

  background: url('../img/crm_active_bg.png') no-repeat 0 0 / 231px 160px;

  background-position: 240px 0;

}

.crm-content ul li h6{

  font-size:20px;

  font-weight:500;

  color:rgba(42,42,42,1);

  line-height:28px;

  margin-bottom: 16px;

}

.crm-content ul li p{

  color:rgba(147,153,159,1);

  line-height:24px;

}



.crm-content ul li:nth-child(-n+5){

  text-align: right;

}

.crm-content ul li:nth-child(1){

  left: 30px;

  top: 0;

}

.crm-content ul li:nth-child(2){

  left: -55px;

  top: 160px;

}

.crm-content ul li:nth-child(3){

  left: -75px;

  top: 320px;

}

.crm-content ul li:nth-child(4){

  left: -25px;

  top: 480px;

}

.crm-content ul li:nth-child(5){

  left: -10px;

  top: 640px;

}

.crm-content ul li:nth-child(6){

  left: 700px;

  top: 0;

}

.crm-content ul li:nth-child(7){

  left: 780px;

  top: 160px;

}

.crm-content ul li:nth-child(8){

  left: 810px;

  top: 320px;

}

.crm-content ul li:nth-child(9){

  left: 770px;

  top: 480px;

}

.crm-content ul li:nth-child(10){

  left: 700px;

  top: 640px;

}



/* 云朵微课-机构微信活动裂变涨粉神器 */

.wrap .weike {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin-top: 120px;



}

.wrap .weike .weike-content{

  min-width: 1371px;

  height: 990px;

  background:url('../img/weike_bg.png') no-repeat 0 100% / 100% 837px;

  background-position: 0 120px;

}



.wrap .weike .banner_bg{

  width: 1200px;

  height: 327px;

  position: relative;

}

.wrap .weike .weike-banner{

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



.wrap .weike .weike-banner .weike-title {

  position: absolute;

  top: 35px;

  left: 35px;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 20px;

  z-index: 3;

}



.wrap .weike .weike-banner ul{

  position: absolute;

  top: 50px;

  left: 650px;

}

.wrap .weike .weike-banner ul li{

  display: flex;

  align-items: center;

  font-size:20px;

  font-weight:400;

  color:rgba(42,42,42,1);

  line-height:30px;

  margin-bottom: 30px;

}

.wrap .weike .weike-banner ul li img{

  width: 18px;

  height: 18px;

  margin-right: 18px;

}

.wrap .weike .four-step{

  width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 55px;

  color:rgba(255,255,255,1);

  position: relative;

}

.wrap .weike .four-step li:nth-child(-n+3)::after{

  content: '';

  width:152px;

  height:2px;

  background:rgba(218,222,224,1);

  opacity:0.34;

  position: absolute;

  top: 25px;

}

.wrap .weike .four-step li:nth-child(1)::after{

  left: 170px;

}

.wrap .weike .four-step li:nth-child(2)::after{

  left: 500px;

}

.wrap .weike .four-step li:nth-child(3)::after{

  left: 870px;

}

.wrap .weike .four-step img{

  width: 51px;

  height: 51px;

  margin-bottom: 27px;

}

.wrap .weike .four-step p:nth-child(2){

  font-size:20px;

  font-weight:500;

  margin-bottom: 18px;

}

.wrap .weike .four-step p:nth-child(3){

  font-size:16px;

  font-weight:400;

}



.wrap .weike .weike-swiper{

  width: 1000px;

  margin: 50px auto 0;

  display: flex;

  align-items: center;

  justify-content: space-between;



}

.wrap .weike .weike-swiper .swiper_box{

  position: relative;

  width: 650px;

  height: 300px;

  overflow: hidden;

}

.wrap .weike .weike-swiper>img{

  width: 40px;

  height: 40px;

  cursor: pointer;

}

.wrap .weike .weike-swiper .swiper-content{

  height: 300px;

  position: absolute;

  left: 50px;

  top: 0;

}

.wrap .weike .weike-swiper .swiper-content li{

  float: left;

  width: 650px;

  height: 300px;

  display: flex;

  align-items: center;

  color:rgba(255,255,255,1);

  font-size: 20px;

  font-weight: 500;

  text-align: left;

}

.wrap .weike .weike-swiper .swiper-content li img{

  width: 120px;

  height: 120px;

  margin-right: 77px;

}

.wrap .weike .weike-swiper .swiper-content li div p:nth-child(1){

  margin-bottom: 30px;

}

.wrap .weike .weike-swiper .swiper-content li div span{

  margin-left: 30px;

  font-size:14px;

  font-weight: 400;

}



/* 云朵营销-智能招生营销平台，助力机构精准 */

.wrap .market {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin-top: 120px;

}

.wrap .market .market-content{

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.wrap .market .market-content .center_img{

  width: 1200px;

  position: absolute;

  top: 260px;

  left: 0;

}

.wrap .market .market-content ul{

  margin-top: 100px;

}

.wrap .market .market-content ul li{

  width:380px;

  height:210px;

  background:rgba(255,255,255,1);

  box-shadow:0px 6px 10px 0px rgba(107,106,122,0.07);

  border-radius:8px;

  position: relative;

  float: left;

  margin: 0 30px 200px 0;

}

.wrap .market .market-content ul li:nth-child(3n){

  margin-right: 0;

}

.wrap .market .market-content ul li:nth-child(n+4){

  margin-bottom: 60px;

}

.wrap .market .market-content ul li div{

  width:110px;

  height:110px;

  background:rgba(255,255,255,1);

  box-shadow:0px 6px 10px 0px rgba(107,106,122,0.04);

  position: absolute;

  top: -55px;

  left: 135px;

  border-radius: 50%;

}

.wrap .market .market-content ul li img{

  width:100%;

  height:100%;

}

.wrap .market .market-content ul li h6{

  margin: 80px 0 15px;

  font-size:18px;

  font-weight:600;

  color:rgba(42,42,42,1);

  line-height:25px;

}

.wrap .market .market-content ul li p{

  font-size:14px;

  font-weight:400;

  color:rgba(147,153,159,1);

  line-height:30px;

}



/* 云朵ERP-教务运营工具 ，提升管理效率超50% */

.wrap .erp {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

  margin: 120px 0;

}

.wrap .erp .erp-content{

  width: 1200px;

  margin: 0 auto;

  height: auto;

}

.wrap .erp .erp-content li{

  width: 590px;

  height: 120px;

  margin: 0 18px 10px 0;

  float: left;

  text-align: left;

  text-indent: 160px;

}

.wrap .erp .erp-content li:nth-child(2n){

  margin-right: 0;

}

.wrap .erp .erp-content li:nth-child(1){

  background: url('../img/erp_1.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(2){

  background: url('../img/erp_2.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(3){

  background: url('../img/erp_3.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(4){

  background: url('../img/erp_4.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(5){

  background: url('../img/erp_5.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(6){

  background: url('../img/erp_6.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(7){

  background: url('../img/erp_7.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(8){

  background: url('../img/erp_8.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(9){

  background: url('../img/erp_9.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li:nth-child(10){

  background: url('../img/erp_10.png') no-repeat 0 100% / 590px 120px;

}

.wrap .erp .erp-content li h6{

  font-size:20px;

  font-weight:600;

  color:rgba(42,42,42,1);

  line-height:28px;

  margin: 24px 0 14px 0;

}

.wrap .erp .erp-content li p{

  font-size:16px;

  color:rgba(102,102,102,1);

}



/* 用心做好服务，做有责任的软件产品 */

.wrap .product {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

}



.wrap .product .title-wrap {

  margin-bottom: 80px;

}



.wrap .product .product-content {

  width: 1200px;

  position: relative;

  margin: 0 auto 114px;

  background: url("../img/product_bg1.png") no-repeat 0 100% / 392px 245px;

}



.wrap .product .product-content ul li {

  box-sizing: border-box;

  position: relative;

  width: 540px;

  padding-left: 50px;

  margin-left: 170px;

  margin-bottom: 60px;

  font-size: 22px;

  font-weight: 400;

  color: #2A2A2A;

  line-height: 30px;

}



.wrap .product .product-content ul li:before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 16px;

  height: 16px;

  background: url("../img/select_arrow.png") no-repeat;

  background-size: cover;

  content: '';

}



.wrap .product .product-content img {

  position: absolute;

  right: 0;

  bottom: -30px;

  width: 375px;

  height: 479px;

}



/* 16年教育系统研发经验 12000+教育机构的选择 */

.wrap .choice {

  box-sizing: border-box;

  min-width: 1371px;

  text-align: center;

}



.wrap .choice .title-wrap {

  margin-bottom: 60px;

}



.wrap .choice .choice-content ul {

  width: 1200px;

  margin: 0 auto 50px;

  padding-left: 80px;

  border-bottom: 1px solid #DADEE0;

}



.wrap .choice .choice-content ul li {

  float: left;

  width: 80px;

  margin-right: 80px;

  padding-bottom: 27px;

  font-size: 18px;

  font-weight: 600;

  color: #2A2A2A;

  line-height: 25px;

  cursor: pointer;

}



.wrap .choice .choice-content ul li:last-child {

  margin-right: 0;

}



.wrap .choice .choice-content ul li.active {

  position: relative;

  color: #2355EF;

}



.wrap .choice .choice-content ul li.active:after {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 80px;

  height: 3px;

  background: #2355EF;

  content: '';

  z-index: 2;

}



.wrap .choice .choice-content .img-wrap {

  margin-bottom: 60px;

}



.wrap .choice .choice-content .img-wrap img {

  width: 918px;

  height: auto;

  margin: 0 auto;

}



/* 全部系统功能开放，邀您免费体验 */

.wrap .experience {

  box-sizing: border-box;

  min-width: 1371px;

  height: 516px;

  padding-top: 60px;

  background: linear-gradient(213deg, rgba(87, 153, 255, 1) 0%, rgba(44, 96, 255, 1) 100%);

  text-align: center;

}



.wrap .experience .experience-inner {

  width: 1300px;

  margin: 0 auto;

  background: url("../img/experience_bg.png") no-repeat 100% 100% / 438px 283px;

}



.wrap .experience .title-wrap {

  margin-bottom: 47px;

}



.wrap .experience .title-wrap span {

  color: #fff;

}



.wrap .experience .title-wrap p {

  color: #fff;

}



.wrap .experience .experience-intro-ul {

  display: flex;

  justify-content: center;

  margin-bottom: 44px;

}



.wrap .experience .experience-intro-ul li {

  padding-top: 13px;

  color: #ffffff;

}



.wrap .experience .experience-intro-ul li:not(:last-child) {

  position: relative;

  padding-right: 68px;

  margin-right: 68px;

}



.wrap .experience .experience-intro-ul li:not(:last-child):after {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 48px;

  background: rgba(218, 222, 224, 0.3);

  content: '';

}



.wrap .experience .experience-intro-ul li span {

  font-size: 18px;

}



.wrap .experience .experience-intro-ul li b {

  font-size: 48px;

}



.wrap .experience .experience-intro-ul li p {

  font-size: 14px;

}



.wrap .experience .experience-intro-ul li:nth-child(2) {

  background: url("../img/experience_arrow.png") no-repeat 160px 2px / 87px 66px;

}



.wrap .experience .select-group {

  display: inline-block;

}



.wrap .experience .select-group ul li {

  background: rgba(255, 255, 255, 0.13);

  border-radius:6px;

  color: #ffffff;

  cursor: pointer;

}



.wrap .experience .select-group ul li.active {

  background: url("../img/select_white.png") no-repeat 0 0 / 153px 48px;

}



.wrap .experience .select-group button {

  background: #F7B500;

}



/* 底部 */

.wrap .bottom {

  min-width: 1371px;

  height: 208px;

  background: #27272F;

}



.wrap .bottom .bottom-inner {

  display: flex;

  justify-content: space-between;

  width: 1000px;

  margin: 0 auto;

}



.wrap .bottom .bottom-inner .left-bottom {

  padding-top: 45px;

  color: #93999F;

}



.wrap .bottom .bottom-inner .left-bottom img {

  width: 220px;

  height: 57px;

  margin-bottom: 22px;

}



.wrap .bottom .bottom-inner .left-bottom p {

  margin-bottom: 17px;

}



.wrap .bottom .bottom-inner .left-bottom p span {

  position: relative;

  padding-right: 20px;

  margin-right: 20px;

  font-size: 14px;

}



.wrap .bottom .bottom-inner .left-bottom p span:not(:last-child):after {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 14px;

  background: #93999F;

  content: '';

}



.wrap .bottom .bottom-inner .left-bottom b {

  font-size: 12px;

}



.wrap .bottom ul {

  padding-top: 34px;

}



.wrap .bottom ul li {

  position: relative;

  margin-bottom: 14px;

  font-size: 16px;

  color: #93999F;

}



.wrap .bottom ul li:nth-child(1) {

  height: 80px;

}



.wrap .bottom ul li:nth-child(1) span {

  position: absolute;

  top: 0;

  display: inline-block;

  width: 112px;

  height: 45px;

  background: url("../img/bottom_pop.png") no-repeat 0 0 / 112px 45px;

  font-size: 12px;

  font-weight: 500;

  color: #ffffff;

  text-align: center;

  line-height: 26px;

}



.wrap .bottom ul li:nth-child(1) b {

  position: absolute;

  top: 0;

  padding-top: 30px;

  font-size: 36px;

  color: #ffffff;

}



.wrap .bottom ul li:nth-child(2), .wrap .bottom ul li:nth-child(3) {

  padding-left: 28px;

}



.wrap .bottom ul li:nth-child(2):before {

  position: absolute;

  left: 0;

  top: 0;

  width: 20px;

  height: 20px;

  background: url("../img/icon_email.png");

  background-size: 100% 100%;

  content: '';

}



.wrap .bottom ul li:nth-child(3) {

  font-size: 14px;

}



.wrap .bottom ul li:nth-child(3):before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background: url("../img/icon_addr.png");

  background-size: 100% 100%;

  content: '';

}



/* 弹窗 */

.modal {

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  width: 696px;

  height: 457px;

  background: linear-gradient(321deg,rgba(250,115,0,0.1) 0%,rgba(253,158,71,0.1) 100%);

  border-radius: 24px;

  z-index: 10;

}



.modal .modal-inner {

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  width: 660px;

  height: 421px;

  background: url("../img/modal_bg.png") no-repeat;

  background-size: 100% 100%;

}



.modal .modal-inner .modal-title {

  position: absolute;

  top: 42px;

  left: 43px;

  width: 362px;

  height: 104px;

}



.modal .modal-inner .modal-close {

  position: absolute;

  top: 29px;

  right: 30px;

  width: 20px;

  height: 20px;

  cursor: pointer;

}



.modal .modal-inner .modal-people {

  position: absolute;

  right: 0;

  bottom: -25px;

  width: 279px;

  height: 311px;

}



.modal .modal-inner >p {

  position: absolute;

  top: 154px;

  left: 47px;

  margin: 8px 0 26px;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  line-height: 22px;

}



.modal .modal-inner >ul {

  position: absolute;

  top: 202px;

  left: 50px;

  width: 400px;

}



.modal .modal-inner >ul li {

  position: relative;

  float: left;

  margin-bottom: 12px;

  padding-left: 23px;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  line-height: 22px;

}



.modal .modal-inner >ul li:not(:nth-child(3n)) {

  margin-right: 30px;

}



.modal .modal-inner >ul li:before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 16px;

  height: 16px;

  background: url("../img/select_yellow.png") no-repeat;

  background-size: 100% 100%;

  content: '';

}



.modal .modal-inner >span {

  box-sizing: border-box;

  position: absolute;

  bottom: 40px;

  left: 47px;

  display: block;

  width: 224px;

  height: 54px;

  padding: 0 27px;

  background: #FEFEFF;

  box-shadow: 0 2px 6px 0 rgba(253,145,76,0.4);

  border-radius: 27px;

  line-height: 54px;

  font-size: 18px;

  font-weight: 600;

  color: #754349;

  cursor: pointer;

}



.modal .modal-inner >span:after {

  position: absolute;

  right: 27px;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background: url("../img/select_arrow_yellow.png") no-repeat;

  background-size: 100% 100%;

  content: '';

}



/* 注册弹窗 */

.register-modal {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  display: none;

  width: 100%;

  height: 100%;

  background: rgba(7, 10, 12, .53)

}



.register-modal .iframe-box {

  width: 100%;

  height: 100%

}



.register-modal .registClose {

  position: absolute;

  top: 30px;

  right: 24px;

  z-index: 100;

  width: 14px;

  height: 14px;

  cursor: pointer;

  background: url(../img/icon_close_block.png) no-repeat 0 0;

}



.register-modal .regis-content {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 101;

  width: 1050px;

  height: 550px;

  margin-top: -250px;

  margin-left: -528px

}



/* 左右固定 */

.left-fixed {

  position: fixed;

  top: 50%;

  right: 0;

  z-index: 99;

  width: 150px;

  height: 419px;

  margin-top: -210px;

  background-position: 0 0;

  background-repeat: no-repeat;

}



.left-fixed.active1 {

  background-position: -152px -421px;

}



.left-fixed.active2 {

  background-position: -152px 0;

}



.left-fixed.active3 {

  background-position: -304px 0;

}



.left-fixed.active4 {

  background-position: 0 -421px;

}



.left-fixed a.click-ask {

  position: absolute;

  bottom: 64px;

  left: 25px;

  width: 102px;

  height: 30px;

}



.left-fixed a.free-rgt {

  position: absolute;

  bottom: 20px;

  left: 25px;

  width: 102px;

  height: 30px;

}



.navLeft {

  position: fixed;

  top: 50%;

  left: 0;

  z-index: 99;

  width: 155px;

  height: 478px;

  margin-top: -239px;

  background-size: cover;

}



.navLeft_top {

  position: relative;

  z-index: 1;

  width: 100%;

  height: 304px;

}



.navLeft_top a {

  display: block;

  width: 100%;

  height: 100%;

}



.navLeft_bot {

  width: 100%;

  height: 44px;

}



.navLeft_bot a {

  position: relative;

  z-index: 1;

  display: block;

  width: 100%;

  height: 100%;

}



.funcPic {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 136px;

  height: 360px;

  background: url(../img/consult_bg.png) no-repeat 0 0;

}



.personPic {

  position: absolute;

  right: 0;

  bottom: 360px;

  width: 135px;

  height: 115px;

  -webkit-animation: tihuan 2s infinite;

  animation: tihuan 2s infinite;

  background-image: url(../img/figure_header.png);

  background-repeat: no-repeat;

  background-position: 0 0;

}



.telephonePic {

  position: absolute;

  top: 70px;

  left: 20px;

  width: 25px;

  height: 25px;

  -webkit-animation: phonePic 4s infinite;

  animation: phonePic 4s infinite;

  background: url(../img/consult_icon.png) no-repeat 0 0;

}



.navLeft .inputCover input {

  width: 116px;

  height: 24px;

  padding-left: 0;

  margin-top: 10px;

  border: 1px solid #eee;

  border-radius: 3px;

  margin-left: 10px;

  text-indent: 1em;

  font-size: 12px;

}



.navLeft .inputCover a {

  display: block;

  width: 86%;

  height: 30px;

  line-height: 30px;

  background: #000000;

  text-align: center;

  color: #fff;

  margin: 15px auto 0;

  border-radius: 3px;

  font-size: 12px;

}



.navLeft .inputCover p {

  position: absolute;

  font-size: 12px;

  margin-left: 10px;

}



@keyframes phonePic {

  0% {

    transform: translate(0, 0)

  }

  50% {

    transform: translate(0, -10px)

  }

  100% {

    transform: translate(0, 0)

  }

}



@-webkit-keyframes phonePic {

  0% {

    transform: translate(0, 0)

  }

  50% {

    transform: translate(0, -10px)

  }

  100% {

    transform: translate(0, 0)

  }

}



.left-fixed, .left-fixed.active1, .left-fixed.active2, .left-fixed.active3, .left-fixed.active4 {

  background-image: url("../img/left_fixed.png?20190424111449");

}