@charset "UTF-8";

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block
}

ol,
ul {
  list-style: none
}

img {
  border: 0 none;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

textarea {
  resize: none
}

em,
i,
strong {
  font-style: normal;
  font-weight: 400
}

del {
  text-decoration: line-through
}

input::-ms-clear {
  display: none !important
}

button[disabled],
input[disabled] {
  cursor: default
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
  font-size: 100%;
  font-weight: 400;
  font-family: inherit;
  outline: 0
}

a {
  text-decoration: none;
  color: #a7387e
}

body {
  font: 12px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #333;
  background: #fff
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.wrapper {
  width: 1082px;
  margin: auto
}

.mt20 {
  margin-top: 20px
}

.banner {
  width: 100%;
  height: 1280px;
  background: url(../images/banner.jpg) no-repeat center
}

.banner .wrapper {
  padding-top: 550px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.video {
  width:1080px;
  height: 288px;
  margin: auto
}
.main_video {
  width:520px;
  height: 288px;
float:left;
margin-left:13px;
}

.main_video .video {
  width: 512px;
  height: 288px;
  margin: 13px 0 0 3px
}


.tree_title {
  margin-top: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tree_title .list {
  width: 361px;
  height: 354px;
  text-align: justify;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 126px 28px 0 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tree_title .list:nth-child(1) {
  height: 354px;
  background: url(../images/one.png) no-repeat center center
}

.tree_title .list:nth-child(2) {
  height: 354px;
  padding: 126px 36px 0 40px;
  background: url(../images/two.png) no-repeat center center
}

.tree_title .list:nth-child(3) {
  height: 354px;
  padding: 126px 39px 0 50px;
  background: url(../images/tree.png) no-repeat center center
}

.part2 {
  width: 100%;
  height: 1523px;
  background: url(../images/bg2.png) no-repeat center
}

.part2 .teacher_pic {
  padding-top: 177px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.part2 .teacher_des {
  margin-top: 30px;
  color: #fff;
  font-size: 16px;
  height: 66px;
  line-height: 24px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px dashed
}

.part3 {
  width: 100%;
  height: 1287px;
  padding-top: 453px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/bg3.png) no-repeat center
}

.part3 .btn-yellow {
  margin-top: -20px
}

.part3 .fsb {
  margin-top: 293px;
  width: 1080px;
  height: 129px;
  font-size: 16px;
  padding: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/jux.png) no-repeat center
}

.btn {
  display: block;
  width: 263px;
  height: 45px;
  line-height: 45px;
  border-radius: 30px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin: auto;
  -webkit-box-shadow: 0 4px 8px 0 #888;
  box-shadow: 0 4px 8px 0 #888
}

.btn:active {
  opacity: .8;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}

.btn-yellow {
  border: 6px solid #ffd57c;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff9d19), to(#ff4d28));
  background-image: linear-gradient(90deg, #ff9d19 0, #ff4d28 100%)
}

.city-container {
  width: 1000px;
  height: 366px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.city-container .swiper-slide {
  background: #fff;
  height: 315px
}

.city-container .swiper-pagination {
  bottom: 0
}

.city-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #922890;
  opacity: .6
}

.city-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1
}

.city_img {
  width: 236px;
  height: 207px;
  -webkit-transform: scale(1.48);
  -ms-transform: scale(1.48);
  transform: scale(1.48);
  margin-left: 4px;
  margin-top: -7px
}

.city_time {
  font-size: 20px;
  color: #333;
  line-height: 1;
  padding: 15px 0 10px;
  text-align: center
}

.city_name {
  color: #2e2e2e;
  font-size: 16px;
  line-height: 26px;
  text-align: center
}

.city_bottom {
  margin: 0 auto 18px
}

.city_bottom_title {
  color: #f5ee3b;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  padding-top: 40px;
  text-shadow: 6px 0 9px #a224b2
}

.city_bottom_label {
  width: 88px;
  height: 33px;
  display: inline-block;
  background-color: #fde60b;
  font-size: 16px;
  border-radius: 33px;
  text-align: center;
  line-height: 33px;
  vertical-align: top;
  margin-top: 6px;
  color: #000;
  font-weight: 700
}

.city_bottom_times {
  display: inline-block;
  color: #fde60b;
  font-size: 16px;
  margin-left: 16px
}

.city_bottom_time {
  text-align: center;
  font-size: 0;
  margin-top: 20px
}

.city_link {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-shadow: 6px 0 9px #a224b2;
  display: block;
  width: 120px;
  margin: 35px auto 0;
  text-align: center
}

.city_link i {
  margin-top: 5px;
  -webkit-box-shadow: 6px 0 9px #a224b2;
  box-shadow: 6px 0 9px #a224b2
}

.part4 {
  width: 100%;
  height: 1458px;
  padding-top: 339px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/bg4.png) no-repeat center
}

.part4 .part4_title {
  font-size: 16px;
  text-align: center;
  color: #fff
}

.part4_title{
 margin-top: 10px ;
}

.part4 .startBtn {
  cursor: pointer;
  display: block;
  margin: 17px auto 0;
  width: 230px;
  height: 66px;
  line-height: 56px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  background: url(../images/btn.png) no-repeat center
}

.part4 .startBtn.start {
  color: #c73290
}

.part4 .startBtn.start:active {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}

.act4_djs {
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  display: inline-block
}

.act4_time_box {
  font-size: 19px;
  color: #fff;
  display: inline-block
}

.act4_timeBox {
  text-align: center;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.act4_timeBox_item {
  outline: 0;
  margin-right: 5px;
  margin-left: 5px;
  border: 0;
  width: 55px;
  height: 31px;
  background: url(https://www.xhd.cn/topic/2020ysj/images/black_bgc.png) center 0 no-repeat;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 4px;
  padding-left: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.jpwrapper {
  width: 1082px;
  height: 165px;
  padding: 0 59px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto
}

.jpwrapper .jpmd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.jpwrapper .jpmd .list {
  width: 228px;
  height: 165px;
  padding: 27px 12px;
  background: url(../images/jiangBg.png) no-repeat center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.jpwrapper .jpmd .list .title {
  font-size: 24px;
  color: #ff4f27;
  font-weight: 700
}

.jpwrapper .jpmd .list .des {
  font-size: 16px
}

.hdgzWrap {
  width: 915px;
  margin: auto;
  padding-top: 295px
}

.hdgzWrap .hdgz_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px
}

.hdgzWrap .hdgz_list .title {
  font-size: 24px;
  line-height: 22px;
  color: #000;
  font-weight: 700;
  border-bottom: 5px solid #fbe44d
}

.hdgzWrap .hdgz_list .des {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  margin-left: 15px;
  line-height: 27px
}

.part5 {
  width: 100%;
  height: 900px;
  background: url(../images/bg5.png) no-repeat center
}

.part5 .yhflwrap {
  width: 931px;
  margin: auto;
  padding-top: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.part5 .yhflwrap.twoCard {
  padding-top: 340px
}

.part5 .yhflwrap.twoCard .card {
  width: 444px;
  height: 188px
}

.part5 .yhflwrap.treeCard {
  padding-top: 140px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.part5 .yhflwrap.treeCard .yhtime {
  font-size: 20px;
  line-height: 46px
}

.part5 .yhflwrap .card {
  position: relative;
  width: 447px;
  height: 280px;
  padding: 43px 10px 0 10px;
  background-color: #fff;
  border: 1px dashed #591eb4;
  outline: 10px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.part5 .yhflwrap .card .title {
  position: absolute;
  top: 8px;
  left: -11px;
  width: 249px;
  height: 33px;
  font-size: 20px;
  color: #fff;
  text-indent: 17px;
  background: url(../images/ju.png) no-repeat center
}

.part5 .yhflwrap .card .des {
  font-size: 16px;
  line-height: 26px
}

.part5 .yhflwrap .card .des em {
  font-weight: 700;
  color: #ff4f27
}

.part5 .yhflwrap .card .fuli {
  position: relative;
  font-size: 16px;
  padding-left: 15px;
  margin-bottom: 5px
}

.part5 .yhflwrap .card .fuli::before {
  position: absolute;
  top: 6px;
  left: -2px;
  content: '';
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(../images/dian.png) no-repeat center
}

.part5 .yhflwrap .card .fuli em {
  font-weight: 700;
  color: #ff4f27
}

.part5 .yhflwrap .card .jp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 7px
}

.part5 .yhflwrap .card .jp .notice {
  display: inline-block;
  height: 23px;
  background-color: #ff4f27;
  border-radius: 12px;
  padding: 0 8px;
  line-height: 23px;
  color: #fff;
  margin-right: 10px
}

.part5 .yhflwrap .card .jp .cont {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px
}

.part5 .yhflwrap .card .short_title {
  width: 119px;
  background: url(../images/ju2.png) no-repeat center
}

.part5 .yhflwrap .card .btn {
  margin-top: 20px;
  width: 219px;
  height: 44px;
  line-height: 44px
}

.part6 {
  width: 100%;
  height: 555px;
  padding-top: 102px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/bg6.png) no-repeat center
}
.part6 .wrapper
{
  padding-bottom: 56px;
}
.school_icon {
  position: absolute;
  margin-top: -93px;
  margin-left: 440px
}

.school_box {
  margin: 0 auto;
  width: 1007px
}

.school_head {
  width: 1007px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #6215c3
}

.school_head_item {
  width: 218px;
  text-align: center;
  line-height: 52px;
  font-size: 21px;
  color: #fbe44d
}

.school_head_item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.school_content {
  background: #fff;
  height: 306px;
  overflow: auto;
  font-size: 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px
}

.school_content_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 50px;
  color: #fff;
  background: #7032e0
}

.school_content_item:hover {
  color: #fbe14d
}

.school_content_item:hover .school_content_icon:before {
  background: url(../images/msg2.png)
}

.school_content_icon,
.school_content_name {
  width: 218px;
  text-align: center;
  border-bottom: 1px solid #8453b5;
  border-right: 1px solid #8453b5;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.school_content_icon:before {
  content: '';
  width: 24px;
  height: 22px;
  display: inline-block;
  background: url(../images/msg.png) no-repeat;
  vertical-align: middle;
  margin-right: 14px
}

.school_content_desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #8453b5;
  border-right: 1px solid #8453b5;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.part7 {
  width: 100%;

  padding-top: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/bg7.png) no-repeat center
}

.part7 .btn-yellow {
  margin-top: 371px
}

.part7 .title {
  margin-top: 387px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: center
}

.book-container {
  width: 1008px;
  height: 306px
}

.book-container .swiper-slide {
  position: relative;
  border: 2px solid rgba(200, 200, 200, .6);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  height: 262px;
  background-color: #bbbbbb40
}

.book-container .swiper-slide .btn-yellow {
  position: absolute;
  bottom: 10px;
  left: 50px;
  width: 105px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  border: 2px solid #ffd57c
}

.book-container .swiper-pagination {
  bottom: 16px
}

.book-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #922890;
  opacity: .6
}

.book-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1
}

.book_name {
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.book_name em {
  color: #fce61e
}

.book_link {
  width: 127px;
  height: 37px;
  background-image: linear-gradient(102deg, #292855 0, #2b1787 0, #2d06b8 0, #a42f87 100%), linear-gradient(#0254c8, #0254c8);
  background-blend-mode: normal, normal;
  color: #fff;
  font-size: 18px;
  line-height: 37px;
  text-align: center;
  margin: 8px auto 22px
}

.book_img {
  margin-top: 10px;
  height: 156px;
  width: 228px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.book_name {
  color: #fff;
  font-size: 16px
}

.youhui_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 64px 0 78px;
  height: 86px;
  margin-top: 207px
}

.youhui_form .kuang {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  width: 220px;
  height: 44px;
  background-color: #fff;
  color: #969696;
  border-radius: 22px;
  font-size: 16px;
  line-height: 44px
}

.youhui_form .kuang_name {
  background-image: url(https://www.xhd.cn/topic/2021sjb/images/name_icon.png);
  background-repeat: no-repeat;
  background-position: 15px 12px
}

.youhui_form .kuang_phone {
  background-image: url(https://www.xhd.cn/topic/2021sjb/images/phone_icon.png);
  background-repeat: no-repeat;
  background-position: 14px 12px
}

.youhui_form .kuang_book {
  background-image: url(https://www.xhd.cn/topic/2021sjb/images/course_icon.png);
  background-repeat: no-repeat;
  background-position: 14px 12px
}

.youhui_form .kuang_city {
  position: relative;
  background-image: url(https://www.xhd.cn/topic/2021sjb/images/city_icon.png);
  background-repeat: no-repeat;
  background-position: 14px 12px
}

.youhui_form .kuang_btn {
  padding: 0;
  font-size: 20px;
  text-align: center;
  color: #000;
  width: 168px;
  height: 42px;
  line-height: 42px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffd57c), color-stop(50%, #f9c45e), to(#f3b23f)), -webkit-gradient(linear, left top, left bottom, from(#ffdc00), to(#ffdc00));
  background-image: linear-gradient(90deg, #ffd57c 0, #f9c45e 50%, #f3b23f 100%), linear-gradient(#ffdc00, #ffdc00);
  -webkit-box-shadow: 0 3px 4px 0 rgba(65, 0, 41, .89);
  box-shadow: 0 3px 4px 0 rgba(65, 0, 41, .89);
  border-radius: 22px;
  cursor: pointer
}

.youhui_form .kuang_btn:active {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}

.youhui_form .kuang_city {
  padding: 0
}

.youhui_form .current {
  display: block;
  padding-left: 40px;
  cursor: pointer
}

.youhui_form .list {
  position: absolute;
  display: none;
  bottom: 44px;
  left: 19px;
  width: 131px;
  max-height: 180px;
  overflow: auto;
  z-index: 3;
  background-color: #fff
}

.youhui_form .option {
  padding-left: 10px
}

.youhui_form .option:hover {
  color: #fff;
  background-color: #ffbb29;
  cursor: pointer
}

.footer {
  margin-top: 319px;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 216px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px
}

.footer_other {
  padding: 39px 26px 23px 26px
}

.footer_other_item {
  cursor: pointer;
  width: 310px;
  height: 54px;
  background-image: linear-gradient(120deg, #520bc2 0, #821be3 49%, #c73290 100%), linear-gradient(#ffd57c, #ffd57c);
  border-radius: 5px;
  display: inline-block;
  font-size: 20px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  margin: 0 30px
}

.footer_other_item:hover {
  background-color: #e9d207
}

.submit_box {
  width: 100%;
  height: 87px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2
}

.submit_box:before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: linear-gradient(91deg, rgba(0, 36, 255, .71) 0, rgba(244, 9, 197, .71) 100%), linear-gradient(#000, #000);
  background-blend-mode: normal, normal;
  opacity: .61;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0
}

.submit_main {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.submit_input {
  width: 200px;
  height: 38px;
  background: #fff;
  border: none;
  margin-top: 27px;
  border-radius: 4px;
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  margin-right: 16px;
  line-height: 38px;
  position: relative;
  z-index: 1
}

.submit_input.arrow {
  position: relative
}

.submit_input.arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
  display: inline-block;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 15px;
  top: 9px
}

.submit_select {
  position: relative;
  display: inline-block;
  vertical-align: bottom
}

.submit_select_box {
  position: absolute;
  background: #fff;
  width: 170px;
  bottom: 33px;
  max-height: 160px;
  overflow: auto;
  display: none
}

.submit_select_box.show {
  display: block
}

.submit_select_item {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  font-size: 16px;
  padding-left: 10px
}

.submit_select_item:hover {
  background: rgba(79, 102, 213, .25)
}

.submit_close {
  width: 39px;
  height: 39px;
  margin-left: 10px;
  display: inline-block;
  background: url(https://www.xhd.cn/topic/2021sjb/images/guanbi01.png) no-repeat;
  position: absolute;
  margin-top: -17px;
  cursor: pointer
}

#submit_btn {
  width: 168px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  display: inline-block;
  color: #000;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffd57c), color-stop(50%, #f9c45e), to(#f3b23f)), -webkit-gradient(linear, left top, left bottom, from(#fed379), to(#fed379));
  background-image: linear-gradient(90deg, #ffd57c 0, #f9c45e 50%, #f3b23f 100%), linear-gradient(#fed379, #fed379);
  background-blend-mode: normal, normal
}

#submit_btn:hover {
  background: #e9d207
}

#submit_btn:active {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}

.common-alert {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 9999
}

.common-alert .alert-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-172px, -50px);
  -ms-transform: translate(-172px, -50px);
  transform: translate(-172px, -50px);
  padding: 25px 0;
  width: 345px;
  text-align: center;
  background-color: #fff;
  border-radius: 6px
}

.common-alert .alert-box:before {
  position: absolute;
  top: -40px;
  right: 17px;
  content: '';
  width: 0;
  height: 40px;
  border-left: 2px solid #ffaf15
}

.common-alert .btn,
.common-alert .title {
  font-size: 14px;
  color: #355cab
}

.common-alert .btn {
  display: block;
  margin: 15px 0
}

.common-alert .alert-icon {
  position: absolute;
  top: -62px;
  right: 4px;
  width: 28px;
  height: 28px;
  background: url(https://www.xhd.cn/topic/2020ysj/images/icon_close_1.png) center no-repeat;
  background-size: 28px 28px;
  cursor: pointer
}

/*# sourceMappingURL=map/index.css.map */