body {
  /* padding-top: 80px; */
}

.drop-down .drop-txt {
  cursor: pointer;
}

.pageBanner {
  display: none;
}

.drop-down ul {
  max-height: 300px;
  overflow: auto;
}

/* header */
/* .header {
  width: 100%;
  height: 80px;
  min-width: 1200px;
  margin: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
  transition: all 0.5s;
} */
/* .pageBanner,
#footer,
#content{
  max-width: 1920px;
  margin: auto;
} */

.no_touch #header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#header .logo {
  /* float: left;
  margin-left: 40px; */
}

#header .searchBtn {
  float: right;
  width: 99px;
  height: 80px;
  background: url(../images/serch2.jpg) no-repeat center;
}

 #header .nav {
  /* float: right;
  position: relative; */
}
.body_ie #header .nav > ul{
  padding-right: 100px;
}
#header .nav>ul {
  float: left;
}

#header .nav>ul li {
  /* float: left;
  text-align: center;
  height: 80px;
  position: relative; */
}

#header .nav>ul li a {
  /* padding: 0 15px;
  line-height: 80px;
  color: #2c2d2f;
  display: inline-block;
  font-size: 14px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden; */
}

#header .nav .inner_bor .peo {
  content: "";
  width: 37px;
  height: 42px;
  background: url(../images/head_icon.png) no-repeat center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
  margin: auto;
}

#header .nav .inner_bor.on .peo {
  animation: myfirst 2s alternate forwards;
}

@keyframes myfirst {
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(0px, -20px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

#header .nav>ul .nav_er {
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

#header .nav>ul .nav_er .div_dl {
  background: rgba(44, 45, 47, 0.9);
  overflow: hidden;
}

#header .nav>ul .nav_er .div_dl a {
  float: left;
  color: #fff;
  line-height: 55px;
}

#header .nav>ul .nav_er .div_dl a.on {
  color: #ffd900;
}

#header .head_ri {
  /* float: right;
  width: 130px;
  height: 40px;
  margin: 20px 30px 0 20px; */
}

#header .head_ri ul {
  height: 40px;
  background-color: #2c2d2f;
  border-radius: 2000px;
  text-align: center;
  cursor: default;
}

#header .head_ri ul li {
  display: inline-block;
  color: #fff;
  list-style: 40px;
  vertical-align: middle;
}

#header .head_ri ul i {
  display: block;
  width: 0;
  border-left: 2px solid #d7d8d8;
  height: 13px;
  width: 0;
  margin: 0 2px;
}

/* #header .head_ri a {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
} */

#header .head_ri a.nx {
  color: #ffd900;
}

#header .nav .inner_bor {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 80px;
  background: #fff000;
  z-index: -1;
  overflow: hidden;
}

.user_xox {
  float: right;
  position: relative;
}

.user_xox .tipsIc {
  width: 80px;
  height: 80px;
  background-color: #ffd900;
  overflow: hidden;
  cursor: default;
}

.user_xox .tipsIc img {
  margin: 10px auto 0;
}

.user_xox .tipsIc span {
  display: block;
  text-align: center;
  color: #333333;
}

.user_xox:hover ul {
  display: block;
  animation-duration: 0.3s !important;
}

.user_xox ul {
  display: none;
  width: 150px;
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 800;
}

.user_xox ul li {
  height: 52px;
  border-top: 2px solid #e6e6e6;
  margin-top: -2px;
  line-height: 50px;
  padding: 0 25px;
  cursor: pointer;
  color: #808080;
  transition: color 0.3s;
}

.user_xox ul li:hover {
  color: #282828;
}

/* footer */
#footer {
  /* padding: 54px 0;
  background-color: #202225; */
}

#footer .L {
  float: left;
}

#footer .L p {
  color: #ffffff;
  line-height: 24px;
  opacity: 0.5;
}

#footer .R {
  float: right;
}

#footer .weBox .mImg {
  float: right;
  margin-bottom: 10px;
  margin-top: -30px;
  margin-right: 20px;
}

#footer .weBox span {
  clear: both;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}


/* Ã¥Â¿Â«Ã¦ÂÂ·Ã¥â€¦Â¥Ã¥ÂÂ£ */
.flexPosR {
  width: 66px;
  height: 305px;
  position: fixed;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 800;
}
.flexPosR >div{
  /* cursor: pointer; */
}
.flexPosR dl {
  width: 66px;
  height: 66px;
  /* cursor: pointer; */
  /* margin-bottom: 14px; */
  transition: all 0.3s;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  position: relative; 
}
.flexPosR dl.dl4{
  background-image: url(../images/flexPos-ri-ic4.png);
}
.flexPosR dl.dl2{
  background-image: url(../images/flexPos-ri-ic5.png);
}
.flexPosR dl.dl3{
  background-image: url(../images/flexPos-ri-ic3.png);
}
.flexPosR dl.dl1 {
  background-color: #cf2b7f;
}

.flexPosR dl.dl2 {
  /* background-color: #5c006e; */
}

.flexPosR dl.dl4 {
  /* background-color: #ff8a00; */
}



.flexPosR .box{
  background-color: #fff;
  position: relative;
  top: -80px;
  width: 66px;
  border-radius: 12px;
  z-index: 1;
  height: 0;
  transition: all .4s;
  opacity: 0;
  padding: 0 15px 13px;

}
.flexPosR >div:hover .box{
  /* top: 44px; */
  top: -15px;
  height: 80px;
  padding: 28px 15px 13px;
  opacity: 1;
  box-shadow: 1px 2px 4px #ddd;
  cursor: pointer;

}
.flexPosR .box p{
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #513c2c;
  font-weight: 600;
  transition: all .4s;
}
/* .flexPosR >div.box:hover {
  background-color: #ff7c17;
} */
.flexPosR .box:hover  p{
  color: #ff7c17;
}
.flexPosR dl.dl1 dt {
  border: 1px solid #cf2b7f;
  background-image: url(../images/flexPos-ri-ic1.png);
}

.flexPosR dl.dl2 dt {
  /* border: 1px solid #5c006e; */
  background-image: url(../images/flexPos-ri-ic5.png);
}

.flexPosR dl.dl3 dt {
  border: 1px solid #90bc44;
  background-image: url(../images/flexPos-ri-ic3.png);
}

.flexPosR dl.dl4 dt {
  /* border: 1px solid #ff8a00; */
  background-image: url(../images/flexPos-ri-ic4.png);
}

/* .flexPosR dl:hover {
  margin-left: -90px;
} */

.flexPosR dl:hover dt {
  background-color: #fff;
}

.flexPosR dl:hover.dl1 dt {
  background-image: url(../images/flexPos-ri-ic1-on.png);
}

.flexPosR dl:hover.dl2 dt {
  background-image: url(../images/flexPos-ri-ic2-on.png);
}

.flexPosR dl:hover.dl3 dt {
  background-image: url(../images/flexPos-ri-ic3-on.png);
}

.flexPosR dl:hover.dl4 dt {
  background-image: url(../images/flexPos-ri-ic4-on.png);
}

.flexPosR dl dd p {
  line-height: 50px;
  text-align: center;
  color: #fff;
}

/* Ã©Â¦â€“Ã©Â¡Âµ */
/* .banner {
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: 580px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.banner .bd {
  width: 100%;
  height: 580px;
  overflow: hidden;
}

.banner .bd ul {
  width: 100% !important;
}

.banner .bd li {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.banner .bd li .img {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner .bd li .content {
  width: 1200px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.banner .bd li .content .ban_t {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 777px;
  transition: all 0.4s linear;
}

.banner .bd li .content .ban_t .text1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 100px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.banner .bd li .content .ban_t .text2 {
  font-size: 24px;
  color: #ffffff;
  font-weight: lighter;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.banner .hd {
  display: none;
  width: 1200px;
  height: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 78px;
  z-index: 50;
  text-align: center;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.banner .hd ul li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.4s;
  cursor: pointer;
}

.banner .hd ul li.on {
  width: 40px;
}

.banner .hd ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 8px;
  background-color: #fcd100;
}

.banner .hd ul li.on::after {
  width: 40px;
  transition: all 5s ease;
}

.banner .hxdBor {
  width: 60px;
  height: 12px;
  background-color: #fff;
  border-radius: 2000px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  margin: auto;
  z-index: 300;
}

.banner .hxdBor i {
  display: block;
  width: 30%;
  height: 100%;
  background-color: #ffd400;
  animation: hxdBor 5000ms forwards;
} */

@keyframes hxdBor {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

/* index */
.indexCont1 {
  padding-bottom: 30px;
  background-color: #fff;
  position: relative;
  z-index: 100;
}

.indexCont1 .wrap {
  float: left;
  width: 1600px;
  margin-left: -320px;
  height: 480px;
  margin-top: -40px;
  background-color: #f9f0eb;
}

.indexCont1 .wrap .Cont {
  float: right;
  width: 1280px;
  padding-top: 40px;
}

.indexCont1 .Le {
  float: left;
  width: 830px;
}

.indexCont1 .top {
  height: 140px;
  position: relative;
}

.indexCont1 .ic1 {
  position: absolute;
  left: -30px;
  top: -4px;
  z-index: 30;
}

.indexCont1 .newsTit {
  float: left;
  color: #665c57;
  font-size: 20px;
  margin: 35px 0 0 110px;
  /* font-family: Rubik; */
  /* text-transform: uppercase; */
}

.indexCont1 .newsSlide {
  float: right;
  width: 610px;
  height: 114px;
  position: relative;
}

.indexCont1 .newsSlide .hd {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 20;
}

.indexCont1 .newsSlide .hd li {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 10px;
  background-color: #999999;
  /* border-radius: 50%; */
  cursor: pointer;
}

.indexCont1 .newsSlide .bd li {
  height: 112px;
  padding-right: 50px;
  background: #f9f0eb;
}

.indexCont1 .newsSlide .hd li.on {
  background-color: #ff8a00;
}

.indexCont1 .newsSlide .bd h4 {
  color: #fc9100;
  font-size: 26px;
  line-height: 22px;
  font-family: Rubik;
  margin-bottom: 12px;
}

.indexCont1 .newsSlide .bd h3 {
  color: #333333;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.indexCont1 .newsSlide .bd p {
  color: #999999;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.indexCont1 .bom {
  padding-top: 30px;
  padding-right: 30px;
  background-color: #fff;
  position: relative;
}

.indexCont1 .bom::before {
  content: "";
  height: 100%;
  width: 320px;
  background-color: #fff;
  position: absolute;
  left: -320px;
  top: 0;
}

.indexCont1 .bom .tableBox {
  float: left;
  width: 550px;
  height: 270px;
  padding: 28px 40px 20px;
  background-color: #f9f0eb;
}

.indexCont1 .bom .tableBox h6 {
  color: #665c57;
  font-size: 20px;
  line-height: 1;
  padding-bottom: 14px;
  border-bottom: 1px solid #fc9100;
  margin-bottom: 14px;
}

.indexCont1 .bom table {
  width: 100%;
}

.indexCont1 .bom table th {
  padding: 0 0 30px;
  margin-bottom: 24px;
  line-height: 1;
  width: 156px;
  /* min-width: 150px; */
  position: relative;
  color: #fc9100;
  font-size: 16px;
  line-height: 1;
}

.indexCont1 .bom table th::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px solid #fc9100;
  position: absolute;
  left: 0;
  top: 32px;
}

.indexCont1 .bom table td {
  color: #666666;
  height: 27px;
  vertical-align: middle;
  padding-right: 20px;
}

.indexCont1 .bom table td em {
  font-family: Rubik;
}

.indexCont1 .tableBox .slideBox {
  height: 130px;
}
.indexCont1 .tableBox .slideBox_hide {
  height: 110px;
  background: url(../images/jqqd1.png) no-repeat center;
      background-size: 90px;
}
.indexCont1 .tableBox  .p{
	text-align: center;
	font-size: 14px;
	color: #666;
}

.indexCont1 .tableBox .slideBox .bd li {
   height: 27px;
}

.indexCont1 .bom .td {
  float: left;
  width: 156px;
  color: #666666;
  height: 27px;
  vertical-align: middle;
  padding-right: 20px;
}

.indexCont1 .bom .koiBox {
  float: right;
  width: 250px;
  position: relative;
}

.cont1videoSlide {
  position: relative;
}

.cont1videoSlide .hd {
  height: 0;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}

.cont1videoSlide .hd ul {
  font-size: 0;
}

.cont1videoSlide .hd li.on {
  background-color: #ff8a00;
}

.cont1videoSlide .hd li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d6d6d7;
  margin: 0 6px;
  cursor: pointer;
}

/* .videoPop{
  display: block;
} */

.videoPop .pop-cont {
  width: 900px;
  top: 14%;
  /* transform: translateY(-60%); */
}
@media (max-height:740px){
  
.videoPop .pop-cont {
  
  top: 5%;
}
}

.videoPop .pop-cont video {
  display: block;
  width: 100%;
}

.indexCont1 .bom .koiBox .playBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  margin: auto;
  cursor: pointer;
}

.indexCont1 .bom .koiBox .playBtn em {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff000 url("../images/index/index-cont1-play.png") no-repeat 26px 22px;
  position: relative;
  z-index: 30;
  transition: all 0.3s;
}

.indexCont1 .bom .koiBox .playBtn:hover em {
  transform: scale(1.1);
}

.indexCont1 .bom .koiBox .playBtn::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  /* transform: scale(1.2); */
  /* margin: -1px 0 -2px 0; */
  border-radius: 50%;
  border: 1px solid #fff000;
  position: absolute;
  left: 0;
  top: 0;
  animation: videoplayBtn 2s infinite;
}

@keyframes videoplayBtn {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }

  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}

.indexCont1 .Ri {
  float: right;
  width: 375px;
  margin-right: 40px;
}

.indexCont1 .Ri .uiBox {
  height: 140px;
  padding: 30px 20px;
  background-color: #f0e2d9 !important;
  background-position: right top !important;
}

.indexCont1 .Ri .uiBox h4 {
  color: #00a591;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 23px;
}

.indexCont1 .Ri .uiBox h5 {
  color: #aa9080;
  font-size: 14px;
  line-height: 20px;
}

.indexCont1 .bhKux2 {
  width: 412px;
  height: 265px;
  background: url(../images/index/bhKux2-bg.jpg) no-repeat 0 0;
  margin-left: -17px;
  margin-top: 19px;
  padding-top: 1px;
}

.indexCont1 .bhKux2 .btn {
  width: 290px;
  height: 84px;
  line-height: 66px;
  text-align: center;
  color: #5f3b13;
  font-size: 22px;
  font-weight: bold;
  color: transparent;
  margin: 122px 0 0 62px;
  user-select: none;
}

.indexCont1 .countDown {
  overflow: hidden;
}

.indexCont1 .countDown .ul {
  margin-right: -5px;
}

.indexCont1 .countDown .li {
  float: left;
  width: 90px;
  height: 100px;
  margin-right: 5;
}

.indexCont1 .countDown .li .yut {
  font-family: UnidreamLED;
  color: #fc9100;
  font-size: 40px;
  line-height: 30px;
  text-align: center;
  height: 66px;
  line-height: 66px;
  margin-bottom: 1px;
  background: url(../images/index/countDown-b1.png) no-repeat 0 0;
}

.indexCont1 .countDown .li span {
  color: #fc9100;
  display: block;
  height: 34px;
  text-align: center;
  line-height: 34px;
  background: url(../images/index/countDown-b2.png) no-repeat 0 0;
}

.indexCont1 .bhKux h4 {
  color: #2c2d2f;
  font-size: 16px;
  line-height: 1;
  padding: 38px 0 32px;
}

.indexCont1 .bhKux .btn {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #2c2d2f;
  margin-top: 32px;
}

.indexCont2 {
  height: 650px;
  background: url(../images/index/index-cont2-bg2.jpg) no-repeat center top;
}

.indexCont2 .top {
  padding-top: 80px;
  padding-left: 30px;
  border-left: 2px solid #fc9100;
  margin-bottom: 40px;
}

.indexCont2 .top h4 {
  color: #808080;
  font-size: 24px;
  font-family: DIN;
  margin-bottom: 12px;
  line-height: 24px;
}

.indexCont2 .top h3 {
  color: #2c2d2f;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}

.indexCont2 .top h5 {
  color: #fc9100;
  font-size: 32px;
  font-family: Rubik;
  line-height: 24px;
}

.indexCont2 .jyuxcSlide {
  /* width: 880px; */
  height: 220px;
}

.indexCont2 .jyuxcSlide .next,
.indexCont2 .jyuxcSlide .prev {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 295px;
  z-index: 100;
}

.indexCont2 .jyuxcSlide .next {
  right: -100px;
  background: #fff url(../images/index/btn-next_03.png) no-repeat center;
}

.indexCont2 .jyuxcSlide .prev {
  left: -100px;
  background: #fff url(../images/index/btn-prev_03.png) no-repeat center;
}

.indexCont2 .jyuxcSlide .bd {
  overflow: hidden;
}

.indexCont2 .jyuxcSlide .bd li {
  float: left;
  width: 407px;
  height: 310px;
  margin-right: 30px;
}

.indexCont2 .jyuxcSlide .bd .img {
  height: 239px;
  overflow: hidden;
}

.indexCont2 .jyuxcSlide .bd .img img {
  width: 100%;
}

.indexCont2 .jyuxcSlide .bd .tit {
  height: 70px;
  background-color: #fff;
}

.indexCont2 .jyuxcSlide .bd .tit p {
  display: table-cell;
  width: 407px;
  height: 70px;
  color: #808080;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}

.indexCont3 {
  padding-bottom: 70px;
}

.indexCont3 .Cont {
  float: left;
  width: 100%;
  height: 557px;
  background: url(../images/index/index-cont3-cont.png) no-repeat 0 0;
  margin-top: -141px;
  padding: 108px 40px 0;
}

.indexCont3 .Cont .Top {
  margin-bottom: 45px;
}

.indexCont3 .Cont .Top h4 {
  color: #ff8a00;
  font-size: 36px;
  line-height: 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: Archive;
}

.indexCont3 .Cont .Top h3 {
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 14px;
}

.indexCont3 .Cont .Top p {
  color: #666666;
}

.indexCont3 .Cont .list {
  overflow: hidden;
  /* width: 1100px; */
}

.indexCont3 .Cont .list .li {
  float: left;
  height: 80px;
  width: 364px;
  margin-right: 35px;
  margin-bottom: 50px;
}

.indexCont3 .Cont .list .li .ic {
  float: left;
  width: 94px;
}

.indexCont3 .Cont .list .li .tx {
  float: left;
}

.indexCont3 .Cont .list .li .ts {
  font-size: 15px;
  line-height: 36px;
  margin-bottom: 14px;
  color: #fcd100;
}

.indexCont3 .Cont .list .li .tx h6 {
  display: inline-block;
  color: #fcd100;
  font-size: 48px;
  line-height: 36px;
  padding-top: 5px;
  font-family: DIN;
}

.indexCont3 .Cont .list .li .tx h6 em {
  display: inline-block;
}

.indexCont3 .Cont .list .li .tx span {
  display: block;
  color: #808080;
  font-size: 15px;
  line-height: 1;
}

/* Ã¥â€ â€¦Ã©Â¡Âµ */
#content {
  padding: 90px 0 100px;
}

#content.index {
  padding: 0;
}

/* Ã¥â€ â€¦Ã©Â¡ÂµÃ¦Â â€¡Ã©Â¢Ëœ */
.pageTit {
  margin-bottom: 36px;
}

.pageTit h2 {
  color: #ffd900;
  font-size: 56px;
  line-height: 40px;
  margin-bottom: 12px;
  font-family: Archive;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.pageTit h1 {
  color: #00a591;
  font-size: 30px;
  line-height: 1.2;
}

/* Ã¥Ë†â€ Ã©Â¡ÂµÃ¥â„¢Â¨ */
.myUixma {
  margin-top: 40px;
}

.myUixma .spage-number {
  font-size: 0;
  text-align: center;
}

.myUixma button {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #3a3a3a;
  font-family: "Gilroy-Bold";
  background-color: #fff;
  margin: 0 5px;
  vertical-align: top;
  transition: all 0.3s;
}

.myUixma button.active {
  background-color: #ffd900;
}

.myUixma button[data-page="prev"],
.myUixma button[data-page="next"] {
  font-size: 0;
  color: transparent;
}

.myUixma button[data-page="prev"] {
  background: #fff url(../images/myUixma-prev.png) no-repeat center center;
}

.myUixma button[data-page="next"] {
  background: #fff url(../images/myUixma-next.png) no-repeat center center;
}

/* .myUixma button[data-page="prev"]:hover, */
.myUixma button:hover {
  background-color: #ffd900;
}

/* active */
.activeCont1 .tuList {
  margin-left: -20px;
}

.activeCont1 .tuList dl {
  float: left;
  width: 590px;
  height: 370px;
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  transition: background 0.3s;
  cursor: url("../images/active/active1-cont1-ic2.ico"), auto;
}

.activeCont1 .tuList dd {
  padding: 40px 50px;
  height: 305px;
  overflow: auto;
}

.activeCont1 .tuList dt a {
  float: left;
  width: 100%;
  height: 66px;
  text-align: center;
  line-height: 66px;
  color: #4c4c4c;
  cursor: inherit;
  font-size: 16px;
}

.activeCont1 .tuList dt a.btn1 {
  background-color: #ffd900;
}

.activeCont1 .tuList dt a.btn2 {
  display: none;
  background-color: #d9d9d9;
}

.activeCont1 .tuList dd .top {
  height: 70px;
  margin-top: -20px;
  padding-top: 20px;
  margin-right: -30px;
  padding-right: 30px;
  box-sizing: content-box;
  /* border-bottom: 2px solid #e0e0e0; */
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.activeCont1 .tuList dl:hover dd .top::before {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.activeCont1 .tuList dd .top::before {
  content: "";
  width: 488px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #e0e0e0;
  transition: all 0.3s;
}

.activeCont1 .tuList dd .top h3 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
  font-family: Archive;
}

.activeCont1 .tuList dd .top::after {
  content: "";
  width: 87px;
  height: 81px;
  background: url(../images/active/active1-cont1-ic1.png) no-repeat 0 0;
  position: absolute;
  right: 27px;
  /* bottom: -70px; */
  top: 100%;
  margin-top: 10px;
  /* transition: all 0.3s; */
}

.activeCont1 .tuList dl:hover dd .top::after {
  /* bottom: 2px; */

  animation: activeFirst 2s alternate forwards;
}

@keyframes activeFirst {
  0% {
    transform: translate(0px, 0px);
  }

  60% {
    transform: translate(0px, -106%);
  }

  100% {
    transform: translate(0px, -100%);
  }
}
.activeCont1{
  min-height: 45vh;
}
.activeCont1 .tuList dd p {
  color: #808080;
}

.activeCont1 .tuList dd .bom p {
  margin-top: 5px;
}

.activeCont1 .tuList dl:hover {
  background-color: #fc9100;
}

.activeCont1 .tuList dl:hover dd p,
.activeCont1 .tuList dl:hover .top h3,
.activeCont1 .tuList dl:hover .top p {
  color: #fff;
  opacity: 0.6;
}

.activeCont1 .tuList dl.endActive:hover {
  cursor: default;
}

.activeCont1 .tuList dl.endActive .tipsBtn {
  height: 66px;
  width: 100%;
  color: #4c4c4c;
  font-size: 16px;
  line-height: 66px;
  background-color: #d9d9d9;
  text-align: center;
}

.newsTips .w1280 {
  padding-bottom: 60px;
  background-color: #f4f4f4;
}

.newsTips .Le {
  float: left;
  width: 661px;
  position: relative;
}

.newsTips .Le img {
  height: 420px;
}

.newsTips .Le .date {
  width: 140px;
  height: 140px;
  background: url(../images/news/news1-top-ic2.jpg) no-repeat 0 0;
  position: absolute;
  left: 0;
  bottom: -60px;
  text-align: center;
  padding-top: 37px;
}

.newsTips .Le .date em {
  display: block;
  color: #fcd100;
  font-size: 56px;
  line-height: 40px;
  font-family: Archive;
  margin-bottom: 10px;
}

.newsTips .Le .date h6 {
  color: #fcd100;
  font-size: 18px;
  font-family: Rubik;
}

.newsTips .Ri {
  float: right;
  width: 540px;
  margin-right: 40px;
  padding-top: 60px;
}

.newsTips .Ri h3 {
  color: #333333;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.newsTips .Ri p {
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.newsTips .Ri .txt {
  margin-bottom: 30px;
}

.newsTips .Ri .share {
  margin-bottom: 57px;
}

.newsTips .Ri .share li {
  display: inline-block;
  vertical-align: middle;
  color: #d3d4d7;
  margin-right: 14px;
}

.newsTips .Ri .share li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -4px;
}

.newsTips .Ri .btnData {
  width: 180px;
  height: 55px;
  line-height: 55px;
  padding: 0 25px;
  background-color: #2c2d2f;
  color: #fff;
  position: relative;
}

.newsTips .Ri .btnData::before {
  content: "";
  width: 31px;
  height: 0;
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fcd100;
}

.news1Cont2 .w1280 {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e6e6e6;
}

.newsSerchLi {
  height: 100px;
  padding: 20px 40px 0;
  background-color: #f4f4f4;
  position: relative;
  z-index: 300;
}

.newsSerchLi .drop-down {
  float: left;
  width: 380px;
  height: 60px;
  margin-right: 30px;
  line-height: 60px;
  position: relative;
}

.newsSerchLi .drop-txt {
  height: 100%;
  background-color: #fff;
  position: relative;
  color: #999999;
  padding: 0 105px 0 30px;
  z-index: 500;
}
.news1Cont2 .newsSerchLi .drop-txt::after{
  background: #2c2d2f url(../images/drop-ic3.png) no-repeat center center;
}
.newsSerchLi .drop-txt::after {
  content: "";
  display: block;
  width: 75px;
  height: 60px;
  
  background: #2c2d2f url(../images/drop-ic1.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.newsSerchLi .drop-down {
  cursor: pointer;
}

.newsSerchLi .drop-down ul {
  display: none;
  position: relative;
  z-index: 400;
}

.newsSerchLi .drop-down ul.month {
  font-size: 0;
  overflow: hidden;

  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
  /* border: 1px solid #ada8a8; */
  /* border-left: 0;
  border-top: 0; */
  background-color: #fff;
  z-index: 400;
}

.newsSerchLi .drop-down ul.month li {
  float: left;
  line-height: 50px;
  width: 63px;
  height: 50px;
  color: #ada8a8;
  font-size: 14px;
  text-align: center;
  /* border-left: 1px solid #ada8a8;
  border-top: 1px solid #ada8a8; */

  margin: 0;
  cursor: pointer;
  transition: all 0.3s;
}

.newsSerchLi .drop-down ul.year {
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.newsSerchLi .drop-down ul.year li {
  line-height: 40px;
  padding: 0 30px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
}

.newsSerchLi .drop-down ul li:hover {
  color: #2c2d2f;
}

.newsSerchLi .searchInp {
  float: right;
  width: 380px;
  height: 60px;
  background-color: #fff;
}

.newsSerchLi .searchInp input {
  float: left;
  width: 305px;
  height: 60px;
  padding: 0 30px;
}

.newsSerchLi .searchInp .btn {
  float: right;
  width: 75px;
  height: 60px;
  background: #2c2d2f url(../images/search-btn.png) no-repeat center center;
  cursor: pointer;
}

.newsList {
  margin-top: 20px;
}

.newsList dl {
  background-color: #f4f4f4;
  overflow: hidden;
  padding: 40px 0;
  margin-bottom: 10px;
  position: relative;
  transition: all 0.3s;
}

.newsList dl dt {
  float: left;
  width: 134px;
  position: relative;
  z-index: 60;
}

.newsList dl dd {
  float: right;
  width: 1074px;
  margin-right: 40px;
}

.newsList .date {
  height: 80px;
  padding: 6px 0 0 40px;
  border-right: 2px solid #cccccc;
}

.newsList .date em {
  display: block;
  color: #fcd100;
  font-size: 56px;
  line-height: 40px;
  font-family: Archive;
  margin-bottom: 10px;
}

.newsList .date h6 {
  color: #fcd100;
  font-size: 18px;
  font-family: Rubik;
}

.newsList .share {
  position: absolute;
  right: 40px;
  top: 0px;
}

.newsList .share li {
  display: inline-block;
  vertical-align: middle;
  color: #d3d4d7;
  margin-right: 14px;
}

.newsList .share li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -4px;
}

.newsList dd {
  position: relative;
  z-index: 60;
}

.newsList dd h3 {
  color: #333333;
  margin-bottom: 10px;
  line-height: 1.2;
  font-size: 24px;
  margin-right: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.newsList dd p {
  color: #999999;
}

.newsList dl:hover {
  background-color: #2c2d2f;
}

.newsList dl:hover::after {
  /* animation: myfirst2 1s alternate forwards; */
  animation: activeFirst 2s alternate forwards;
}

.newsList dl::after {
  /* content: ""; */
  width: 87px;
  height: 81px;
  background: url(../images/active/active1-cont1-ic1.png) no-repeat 0 0;
  position: absolute;
  left: 30px;
  bottom: -120px;
  z-index: 0;
}

.bsBox {
  box-sizing: content-box;
}

#content.newsData {
  padding-top: 0;
  background-color: #f2f2f2;
}

.newsDataTit .shareHr {
  position: absolute;
  right: 0;
  top: 24px;
}

.newsDataTit .shareHr span {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
}

.bshare-custom {
  display: inline-block;
  color: #8a8d8f;
  font-size: 13px;
  vertical-align: middle;
}

.bshare-custom em {
  vertical-align: middle;
}

/* .bshare-custom a {
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 0 0 6px !important;
  background-image: url("../images/shareHr-ic.png") !important;
  background-repeat: no-repeat !important;
} */

.bshare-custom a.bshare-weixin {
  background-position: 0px 0;
}

.bshare-custom a.bshare-sinaminiblog {
  background-position: -42px 0;
}

.bshare-custom a.bshare-qqim {
  background-position: -84px 0;
}

.bshare-custom a.bshare-qzone {
  background-position: -126px 0;
}

.newsDataCont .w1280 {
  background-color: #fff;
  padding: 60px 40px 0;
  margin-top: -80px;
}

.newsDataTit {
  padding-bottom: 36px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

.newsDataTit h2 {
  color: #b2b2b2;
  font-size: 24px;
  line-height: 18px;
  font-family: Archive;
  margin-bottom: 10px;
}

.newsDataTit h1 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1.4;
  padding-right: 260px;
}

.newsDataCont .Cont p {
  color: #808080;
  margin-bottom: 20px;
  line-height: 27px;
}

.newsDataCont .txTips {
  display: block;
  text-align: center;
  color: #b2b2b2;
}

.newsDataCont .txTips::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/news/txTips-ic.png) no-repeat center;
  margin-right: 6px;
}

.newsDataCont .bomBtn {
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  margin-top: 50px;
}

.newsDataCont .bomBtn a {
  float: left;
  width: 33.33%;
  height: 66px;
  color: #808080;
  text-align: center;
  line-height: 66px;
  transition: all 0.3s;
}

.newsDataCont .bomBtn a:hover {
  background-color: #fcd100;
}

@keyframes myfirst2 {
  0% {
    transform: translate(0px, 0px);
  }

  60% {
    transform: translate(0px, -50px);
  }

  100% {
    transform: translate(0px, -38px);
  }
}

.newsList dl:hover dd h3 {
  color: #fcd100;
}

.newsList dl:hover .share li {
  color: #555860;
}

.activeD2Cont2 {
  background-color: #f2f2f2;
  margin-bottom: -100px;
  padding-bottom: 100px;
  padding-top: 40px;
}

.activeD2Cont2 .w1280 {
  background-color: #fff;
}

.activeD2Cont2 .ovs-dt {
  margin-left: -1px;
  overflow: hidden;
}

.activeD2Cont2 .ovs-dt li {
  float: left;
  width: 426px;
  height: 84px;
  margin-left: 1px;
  line-height: 84px;
  text-align: center;
  color: #4c4c4c;
  font-size: 20px;
  cursor: pointer;
  background-color: #e6e6e6;
  transition: all 0.3s;
}

.activeD2Cont2 .ovs-dt li.on {
  background-color: #ffd900;
}

.activeD2Cont2 .ovs-dd>div {
  padding: 50px 40px;
  overflow: hidden;
}

.activeD2Cont2 .ovs-dd .dd1 dl {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #d9d9d9;
}

.activeD2Cont2 .ovs-dd .dd1 dl.noBor {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}

.activeD2Cont2 .ovs-dd .dd1 dt {
  color: #4c4c4c;
}

.activeD2Cont2 .ovs-dd .dd1 dd {
  padding-left: 26px;
}

.activeD2Cont2 .ovs-dd p {
  color: #808080;
}

.activeD2Cont2 .ovs-dd .dd2 p {
  margin-bottom: 10px;
}

.activeD2Cont2 .ovs-dd .dd2 p em {
  color: #e03939;
}

.activeD2Cont2 .ovs-dd .dd3 .top h3 {
  color: #4c4c4c;
  font-size: 18px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #d9d9d9;
  margin-bottom: 40px;
}

.activeD2Cont2 .ovs-dd .dd3 .top .list {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  text-align: center;
  margin-left: -100px;
}

.activeD2Cont2 .ovs-dd .dd3 .top .list .li {
  display: inline-block;
  margin-left: 100px;
}

.activeD2Cont2 .ovs-dd .dd3 .top .list .ic {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}

.activeD2Cont2 .ovs-dd .dd3 .top .list h4 {
  display: inline-block;
  vertical-align: middle;
  color: #4c4c4c;
  font-size: 16px;
}

.activeD2Cont2 .ovs-dd .dd3 .top .list h4 em {
  color: #808080;
  font-size: 24px;
  font-family: Archive;
}

#dituContent {
  height: 500px;
  border: 1px solid #d9d9d9;
}

.baiMap a {
  display: inline-block;
}

.baiMap img {
  display: inline-block;
  max-width: none;
}

.bMap-posTit:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  margin: auto;
}

.bMap-posTit {
  width: 150px;
  height: 56px;
  background-color: #fff;
  text-align: center;
  line-height: 56px;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  position: absolute;
  left: -66px;
  top: -63px;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.iw_poi_title strong {
  color: #de001a;
  font-size: 16px;
  line-height: 35px;
}

.iw_poi_content .baoti {
  float: left;
  width: 100%;
  height: 63px;
  background: url(../images/active/shij_bg.jpg) no-repeat scroll left 7px;
  padding-top: 7px;
  border-top: 1px solid #b2b2b2;
}

.iw_poi_content .baoti em {
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 55px;
  float: left;
}

.iw_poi_content .baoti .sc_01 {
  width: 86px;
}

.iw_poi_content .baoti .sc_02 {
  width: 69px;
}

.iw_poi_content .baoti .sc_03 {
  width: 65px;
}

.iw_poi_content .p {
  line-height: 20px;
  color: #000;
  padding-top: 5px;
  width: 100%;
}

.pageTab-tit {
  overflow: hidden;
}

.pageTab-tit ul {
  display: table;
  width: 1200px;
  margin: auto;
  margin-bottom: 20px;
}

.pageTab-tit ul li {
  display: table-cell;
  text-align: center;
  height: 84px;
  line-height: 84px;
  color: #4c4c4c;
  background-color: #f2f2f2;
  font-size: 20px;
  cursor: pointer;
}

.pageTab-tit ul li.on {
  background-color: #ffd900;
}

.LookCont1 .tipsVideo {
  position: relative;
}

.LookCont1 .tipsVideo .Tit {
  width: 500px;
  height: 180px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
}

.LookCont1 .tipsVideo .Tit h3 {
  color: #ffffff;
  font-size: 22px;
  line-height: 30px;
}

.LookCont1 .tipsVideo .playBtn {
  width: 70px;
  height: 70px;
  cursor: pointer;
  margin: 37px auto 0;
  position: relative;
}

.LookCont1 .tipsVideo .playBtn em {
  display: block;
  width: 100%;
  height: 100%;
  background: #ffd900 url(../images/look/play-btn.png) no-repeat 29px 25px;
  border-radius: 20000px;
  position: relative;
  z-index: 60;
  transition: all 0.3s;
}

.LookCont1 .tipsVideo .playBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20000px;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  /* transform: scale(1.5); */
  animation: videoplayBtn 2s infinite;
}

.LookCont1 .tipsVideo .playBtn:hover em {
  transform: scale(0.9);
}

.LookCont1 .pvsTab .tipsVideo::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #001a33;
  opacity: 0.6;
}

.LookCont1 .pvsTab .tipsVideo {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.LookCont1 .pvsTab .opacityImg {
  opacity: 0;
}

.LookCont1 .pvsCont {
  overflow: hidden;
  position: relative;
}

.LookCont1 .pvsTab .bd {
  width: 1230px;
  overflow: hidden;
  margin: 0 -15px;
  padding: 20px 0 60px;
  margin: -20px 0 -60px;
}

.LookCont1 .pvs-sldie {
  margin-top: 16px;
}

.LookCont1 .pvsTab .tempWrap {
  width: 1200px !important;
  overflow: visible !important;
  margin: auto;
}

.LookCont1 .pvsTab .tempWrap ul {
  overflow: visible !important;
}

.LookCont1 .pvsTab .bd li {
  float: left;
  width: 228px;
  height: 120px;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.LookCont1 .pvsTab .bd li.on {
  box-shadow: 0px 19px 23px -8px rgba(255, 217, 0, 0.2);
}

.LookCont1 .pvsTab .bd li.on::after {
  opacity: 1;
}

.LookCont1 .pvsTab .bd li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #ffd900;
  opacity: 0;
  transition: all 0.3s;
}

.LookCont1 .pvs-sldie .nextPit,
.LookCont1 .pvs-sldie .prevPit {
  width: 30px;
  height: 25px;
  position: absolute;
  top: 68px;
  margin: auto;
}

.LookCont1 .pvs-sldie .nextPit {
  right: -60px;
  background: url(../images/look/look1-next.png) no-repeat center;
}

.LookCont1 .pvs-sldie .prevPit {
  left: -30px;
  background: url(../images/look/look1-prev.png) no-repeat center;
}

/* Ã¨Â§â€ Ã©Â¢â€˜Ã¥Â¼Â¹Ã§Âªâ€” */
.video-pop .pop-cont {
  width: 900px;
  top: 15%;
  bottom: auto;
}

.video-pop .pop-cont video {
  display: block;
  width: 100%;
}

@media (max-height: 700px) {
    .video-pop .pop-cont{
      top: 5%;
    }

}
.Look2Cont2 .card {
  min-height: 300px;
  margin-left: -30px;
  margin-bottom: -30px;
}

.Look2Cont2 .card .li {
  float: left;
  width: 380px;
  height: 310px;
  background-color: #ededed;
  margin: 0 0 30px 30px;
  cursor: pointer;
}

.Look2Cont2 .card .img {
  height: 240px;
}

.Look2Cont2 .card .Tit {
  display: table-cell;
  width: 20000px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
}

.Look2Cont2 .card .Tit h3 {
  color: #808080;
  font-size: 16px;
}

.vImgSLide-pop .pop-cont {
  top: 15%;
  width: 800px;
  bottom: auto;
}
/* 
.vImgSLide .bd li {
  width: 800px;
} */

.vImgSLide .bd li img {
  width: 100%;
}

.vImgSLide .next,
.vImgSLide .prev {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.vImgSLide .next {
  right: -70px;
  background: #fff url(../images/look/look1-next.png) no-repeat center;
}

.vImgSLide .prev {
  left: -70px;
  background: #fff url(../images/look/look1-prev.png) no-repeat center;
}

.vImgSLide .next:hover,
.vImgSLide .prev:hover {
  background-color: #ffd900;
}

.vImgSLide .hd {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 30;
  text-align: center;
}

.vImgSLide .hd li {
  display: inline-block;
  width: 10px;
  height: 6px;
  background-color: #fff;
  margin: 0 4px;
  cursor: pointer;
}

.vImgSLide .hd li.on {
  width: 20px;
  background-color: #ffd900;
}

@media (max-height:700px){
  .vImgSLide-pop .pop-cont{
    width: 600px; top: 6%;
  }
}

.noticeCont1 .Card {
  margin-left: -30px;
}

.noticeCont1 .Card .li {
  float: left;
  width: 380px;
  height: 250px;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 35px 30px 0;
  background-color: #f2f2f2;
}

.noticeCont1 .Card .tips {
  height: 80px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 23px;
}

.noticeCont1 .Card .tips h4 {
  color: #b2b2b2;
  font-size: 21px;
  font-family: Archive;
  line-height: 14px;
  margin-bottom: 10px;
}

.noticeCont1 .Card .tips h3 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.noticeCont1 .Card p {
  color: #808080;

  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#content.About1 {
  padding-bottom: 0;
}

.about1Cont1 .Le {
  float: left;
  width: 780px;
  padding-bottom: 75px;
}

.about1Cont1 .Le h3 {
  color: #333333;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.about1Cont1 .Le p {
  color: #999999;
}

.about1Cont1 .Ri {
  /* float: right; */
  width: 370px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.about1Cont1 .RtiBox {
  position: relative;
}

.about1Cont1 .RtiBox .txtc {
  position: absolute;
  left: 30px;
  top: 50px;
  z-index: 30;
}

.about1Cont1 .RtiBox .txtc h5 {
  color: #ff8a00;
  font-size: 36px;
  line-height: 28px;
  font-family: Archive;
  margin-bottom: 10px;
}

.about1Cont1 .RtiBox .txtc h4 {
  color: #00a591;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 25px;
}

.about1Cont1 .Ri .lepaoIcon {
  position: absolute;
  bottom: -34px;
  right: -149px;
  z-index: 100;
}

.about1Cont2 {
  height: 540px;
  background: url(../images/about/about1Cont2-bg.jpg) no-repeat center;
}

.about1Cont2 .auto {
  padding-top: 1px;
}

.about1Cont2 .Tit {
  margin-top: 108px;
  margin-bottom: 96px;
}

.about1Cont2 .list {
  overflow: hidden;
  /* width: 1132px; */
}

.about1Cont2 .list .li {
  float: left;
  height: 80px;
  width: 300px;
  margin-right: 35px;
  margin-bottom: 50px;
}

.about1Cont2 .list .li .ic {
  float: left;
  width: 94px;
}

.about1Cont2 .list .li .tx {
  float: left;
}

.about1Cont2 .list .li .tx h6 {
  color: #fcd100;
  font-size: 48px;
  line-height: 36px;
  margin-bottom: 14px;
  padding-top: 5px;
  font-family: DIN;
}

.about1Cont2 .list .li .tx span {
  display: block;
  color: #808080;
  font-size: 15px;
  line-height: 1;
}

.about1Cont2 .riBox {
  width: 370px;
  position: absolute;
  right: 0;
  top: 0;
}

.about1Cont2 .riBox .txt {
  position: absolute;
  left: 30px;
  bottom: 25px;
  z-index: 30;
}

.about1Cont2 .riBox h4 {
  color: #ef4801;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
}

.about1Cont2 .riBox h5 {
  color: #333333;
  font-size: 14px;
  line-height: 25px;
}

.about2Cont1 .yixSlide .bd li {
  /* float: left; */
  /* width: 255px; */
  /* margin-right: 60px; */
}

#content.About2 {
  padding: 0;
}

/* .about2Cont1 {
  height: 827px;
  background: url(../images/about/about2Cont1-bg.jpg) no-repeat center top;
  padding-top: 90px;
} */

.about2Cont1 .lepaoIcon2 {
  margin: 40px 0 0 -60px;
}

.about2Cont1 .yixSlide {
  margin-top: -260px;
}

.about2Cont1 .yixSlide .gix {
  float: left;
  width: 255px;
  margin-left: 60px;

  padding-top: 1px;
}

.about2Cont1 .yixSlide .type1 {
  margin-top: 291px;
  margin-left: 0;
}

.about2Cont1 .yixSlide .type2 {
  margin-top: 160px;
}

.about2Cont1 .yixSlide .type3 {
  margin-top: 236px;
}

.about2Cont1 .yixSlide .type4 {
  margin-top: 45px;
}

.about2Cont1 .yixSlide .next,
.about2Cont1 .yixSlide .prev {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 500px;
  cursor: pointer;
  z-index: 200;
}

.about2Cont1 .yixSlide .next {
  right: 0;
  background: #414244 url(../images/about/about2-next.png) no-repeat center;
}

.about2Cont1 .yixSlide .prev {
  right: 60px;
  background: #2c2d2f url(../images/about/about2-prev.png) no-repeat center;
}

.about2Cont1 .bd h5 {
  color: #00a591;
  font-size: 24px;
  line-height: 1;
  font-family: Archive;
  margin-bottom: 10px;
}

.about2Cont1 .yix {
  padding: 114px 0 0 17px;
  border-left: 3px solid #ffd900;
  margin-left: 23px;
  position: relative;
}

.about2Cont1 .yix::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../images/about/about2Cont1-li-ic.png) no-repeat 0 0;
}

.about2Cont1 .yix p {
  color: #808080;
}

#content.About3 {
  padding: 0;
}

.about3Cont1 {
  height: 927px;
  padding: 90px 0 100px;
  background: url(../images/about/about3-cont1-bg.jpg) no-repeat center top;
}

.about3Cont1 .zhLoSlider {
  position: relative;
}

.about3Cont1 .zhLoSlider .box {
  margin-right: -30px;
  overflow: hidden;
}

.about3Cont1 .zhLoSlider .box .td {
  float: left;
  width: 192px;
  height: 145px;
  background-color: #fff;
  margin: 0 10px 10px 0;
  position: relative;
}

.about3Cont1 .zhLoSlider .box .td img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 80%;
  max-height: 60%;
  margin: auto;
}

.about3Cont1 .zhLoSlider .hd {
  text-align: center;
  margin-top: 20px;
}

.about3Cont1 .zhLoSlider .hd li {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #b1ab87;
  margin: 0 4px;
  cursor: pointer;
}

.about3Cont1 .zhLoSlider .hd li.on {
  width: 30px;
  background-color: #00a591;
}

/* #content.About4 {
  padding-bottom: 0;
} */
.about4Cont1 {
  /* height: 620px; */
  /* background: url(../images/about/about4-bg.jpg) no-repeat center top 40px; */
}

.about4Cont1 .ryuxSlider {
  position: relative;
  margin-top: 80px;
}

.about4Cont1 .ryuxSlider .bd li {
  float: left;
  width: 386px;
  height: 330px;
  margin-right: 20px;
  background: url(../images/about/about4-cont1-libg.jpg) no-repeat center;
  overflow: hidden;
  transform: scale(0.8);
  transition: transform 0.6s;
}

.about4Cont1 .ryuxSlider .bd li.noBg {
  background: none;
}

.about4Cont1 .ryuxSlider .bd li.on {
  transform: scale(1.1);
}

.about4Cont1 .ryuxSlider .box {
  width: 150px;
  height: 140px;
  margin: 80px auto 0;
}

.about4Cont1 .ryuxSlider .td {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 150px;
  height: 150px;
}

.about4Cont1 .ryuxSlider .td h4 {
  color: #b3ae89;
  font-size: 14px;
  line-height: 24px;
}

.about4Cont1 .ryuxSlider .td h4 em {
  color: #00a591;
}

.about4Cont1 .ryuxSlider .next,
.about4Cont1 .ryuxSlider .prev {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 200;
}

.about4Cont1 .ryuxSlider .next {
  right: -70px;
  background: #414244 url(../images/about/about2-next.png) no-repeat center;
}

.about4Cont1 .ryuxSlider .prev {
  left: -70px;
  background: #2c2d2f url(../images/about/about2-prev.png) no-repeat center;
}

.about4Cont1 .bxBox {
  overflow: hidden;
  margin-bottom: -30px;
}

.about4Cont1 .bxBox .li {
  float: left;
  width: 401px;
  height: 431px;
  padding: 125px 100px 0;
  background: url(../images/about/about4-bx1-h.jpg) no-repeat center 0;
  border-left: 1px solid #e6e6e6;
  margin-left: -1px;
  margin-bottom: 60px;
  text-align: center;
  /* transition: background 0.3s; */
}

/* 
.about4Cont1 .bxBox .li:hover{
  background: url(../images/about/about4-bx1-h.jpg) no-repeat center 0;
} */
.about4Cont1 .bxBox .li h5 {
  color: #89772c;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 14px;
}

.about4Cont1 .bxBox .li em {
  display: block;
  color: #ef1616;
  font-size: 20px;
  line-height: 14px;
  font-family: Archive;
  margin-bottom: 5px;
}

.about4Cont1 .bxBox .li h6 {
  color: #ef1616;
  font-size: 16px;
  line-height: 1.3;
}

.hxMore {
  width: 380px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  color: #4c4c4c;
  font-size: 18px;
  background-color: #ffd900;
  margin: 60px auto 0;
  cursor: pointer;
}

#content.About5 {
  padding-bottom: 0;
}

.about5Cont2 {
  height: 615px;
  background: url(../images/about/about5-cont2-bg.jpg) no-repeat center top;
}

.about5Cont2 .riBox {
  width: 370px;
  height: 620px;
  padding: 64px 40px 0;
  background: url(../images/about/about5-cont2-ri.jpg) no-repeat 0 0;
  position: absolute;
  right: 0;
  top: -94px;
}

.about5Cont2 .riBox h4 {
  color: #ff8a00;
  font-size: 36px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: Archive;
  margin-bottom: 10px;
}

.about5Cont2 .riBox h3 {
  color: #00a591;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 40px;
}

.about5Cont2 .riBox input {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #fff;
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999999;
}

.about5Cont2 .riBox textarea {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 0;
  height: 196px;
  padding: 14px 20px;
  resize: none;
  font-size: 14px;
  color: #999999;
}

.about5Cont2 .riBox button {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  background-color: #2c2d2f;
}

.about5Cont2 .auto {
  padding-top: 220px;
}

.about5Cont2 .lepaoIcon {
  /* margin-bottom: -10px; */
  margin-left: -60px;
}

.about5Cont2 .list .li {
  overflow: hidden;
  margin-bottom: 20px;
}

.about5Cont2 .list .ic {
  float: left;
  margin-right: 10px;
}

.about5Cont2 .list h4 {
  color: #fff000;
  font-size: 36px;
  line-height: 26px;
  margin-bottom: 7px;
  padding-top: 3px;
  font-family: BrandonGrotesqueBold;
}

.about5Cont2 .list h5 {
  color: #fff000;
  font-size: 18px;
  line-height: 1;
}

.About6 {
  padding: 0 !important;
}

.about6Cont1 {
  margin-bottom: 20px;
}

.about6Cont1 .Le {
  float: left;
  width: 760px;
  padding-top: 90px;
  padding-left: 360px;
  padding-right: 34px;
  padding-bottom: 35px;
  margin-left: -360px;
  background-color: #fefbfa;
}

.about6Cont1 .list {
  overflow: hidden;
}

.about6Cont1 .list .li {
  color: #808080;
  font-size: 16px;
  line-height: 1;
  padding: 26px 0;
  margin-top: -1px;
  font-size: 16px;
  line-height: 1px;
  vertical-align: bottom;
  border-top: 1px solid #e8d9d1;
}

.about6Cont1 .list .li span {
  display: inline-block;
  font-style: DIN;
  font-size: 36px;
  line-height: 32px;
  margin: 0 5px;
  color: #00a591;
  letter-spacing: -1px;
}

.about6Cont1 .Ri {
  float: right;
  width: 740px;
  padding-top: 90px;
}

.about6Cont1 .Ri p {
  color: #4c4c4c;
  margin-bottom: 20px;
  line-height: 24px;
}

.about6Cont1 .Ri p img {
  width: 100%;
  margin-top: 32px;
}

.about6Cont2 {
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #f2f2f2;
}

.about6Cont2 .li {
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 20px;
}

.about6Cont2 .li .img {
  float: left;
  width: 402px;
}

.about6Cont2 .li .dd {
  float: right;
  width: 680px;
  margin-right: 60px;
  padding: 50px 0 0;
}

.about6Cont2 .li .dd h4 {
  color: #4c4c4c;
  font-size: 18px;
  margin-bottom: 10px;
}

.about6Cont2 .li.li1 {
  background: #fff url(../images/about/about6-cont2-li1-bg.jpg) no-repeat right 60px bottom 24px;
}

.about6Cont2 .li.li1 .img,
.about6Cont2 .li.li1 .slideBox .bd li {
  min-height: 318px;
}

.about6Cont2 .li .img,
.about6Cont2 .slideBox .bd li {
  min-height: 207px;
}

.about6Cont2 .li .dd p {
  color: #808080;
  line-height: 24px;
  margin-bottom: 14px;
}

.about6Cont2 .slideBox {
  position: relative;
}

.about6Cont2 .slideBox .hd {
  position: absolute;
  right: 45px;
  bottom: 46px;
}

.about6Cont2 .slideBox .hd ul {
  font-size: 0;
  height: 0;
}

.about6Cont2 .slideBox .hd li.on {
  background-color: #ffd900;
}

.about6Cont2 .slideBox .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 6px;
  background-color: #d8d9d7;
  cursor: pointer;
}

.guide1Cont2 {
  /* min-height: 970px; */
  border-top: 2px solid #ededed;
  margin-bottom: -100px;
}

.guide1Cont2 .Le {
  float: left;
  width: 840px;
  border-right: 2px solid #ededed;
  padding-bottom: 50px;
  padding-top: 50px;
}

.guide1Cont2 .tStep {
  color: #00a591;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-family: Archive;
  position: relative;
  z-index: 30;
}

.guide1Cont2 .td h5 {
  color: #4c4c4c;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 18px;
}

.guide1Cont2 .tStep em {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 200px;
  color: #333333;
  background-color: #ffd900;
  text-align: center;
  line-height: 30px;
}

.guide1Cont2 .Le .td {
  margin-bottom: 50px;
}

.guide1Cont2 .uxImg {
  margin-top: 20px;
  max-width: none;
}

.guide1Cont2 .Le span {
  display: inline-block;
  color: #ec1f1f;
}

.guide1Cont2 .Le p {
  position: relative;
  z-index: 30;
  color: #808080;
}

.guide1Cont2 .gxNav {
  width: 1200px;
  height: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  z-index: 900;
}

.guide1Cont2 .gxNav ul {
  width: 150px;
  position: absolute;
  left: 838px;
  top: 0;
}

.guide1Cont2 .gxNav li {
  padding-left: 30px;
  line-height: 25px;
  margin-bottom: 24px;
  cursor: pointer;
  color: #808080;
  font-size: 15px;
  border-left: 4px solid transparent;
}

.guide1Cont2 .gxNav li.on {
  border-left-color: #ffd900;
}

.guide1Cont2 .gxNav.fixed {
  top: 90px;
  position: fixed;
}

.guide1Cont2 .guide-dd {
  min-height: 600px;
}

#userContent {
  padding-bottom: 30px;
  background-color: #f2f2f2;
}
.register_tips{
  /* margin-bottom: 30px; */
}
.jxvTit {
  /* height: 180px;
  padding-top: 120px;
  background: #ffd900  url(../images/user/user_vk-tit.jpg) no-repeat center top;
  text-align: center;
  position: relative;
  z-index: 50; */
  height: 330px;
  padding-top: 270px;
  /* margin-top: -180px; */
  background: #ffd900 url(../images/user/user_vk-tit.jpg) no-repeat center 100px;
  text-align: center;
  position: relative;
  z-index: 50;
}

.jxvTit h1 {
  color: #333333;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

/* .jxvTit {
  float: left;
  width: 100%;
  height: 180px;
  background: url(../images/user/jxvCont-tips-bg.jpg) no-repeat center top;
  margin-top: -180px;
  position: relative;
  z-index: 100;
}
.jxvTit .tit {
  margin: 120px 40px 0;
  text-align: center;
  overflow: hidden;
}

.jxvTit .tit h1 {
  display: inline-block;
  color: #ffd900;
  font-size: 22px;
  padding: 0 24px;
  line-height: 1;
  position: relative;
} */

/* .jxvTit .tit h1::before,
.jxvTit .tit h1::after {
  content: "";
  width: 1280px;
  height: 0;
  border-top: 1px solid #0d0d0d;
  border-bottom: 1px solid #474747;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.jxvTit .tit h1::before {
  right: 100%;
}
.jxvTit .tit h1::after {
  left: 100%;
} */

.jxv-ovsDt ul {
  display: table;
  width: 1280px;
}

.jxv-ovsDt ul li {
  display: table-cell;
  text-align: center;
  height: 80px;
  line-height: 80px;
  color: #4c4c4c;
  font-size: 18px;
  background-color: #e6e6e6;
  cursor: pointer;
}

.jxv-ovsDt ul li.on {
  background-color: #00a591;
  color: #fff;
}

.jxvCont {
  padding: 60px 40px;
  background-color: #fff;
}

.jxvCont .inputCont {
  width: 520px;
  margin: auto;
}

.jxvCont .inputCont .downAchie .drop-down {
  position: relative;
  height: 60px;
}

.jxvCont .inputCont .downAchie .drop-txt {
  height: 60px;
  line-height: 60px;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  background-color: #f2f2f2;
  padding: 0 100px 0 20px;
  position: relative;
  z-index: 420;
}

.jxvCont .inputCont .downAchie .drop-txt::after {
  content: "";
  display: block;
  width: 75px;
  height: 60px;
  background: #2c2d2f url(../images/drop-ic3.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.jxvCont .inputCont .downAchie .drop-down ul {
  position: relative;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
  max-height: 290px;
  overflow: auto;
}

.jxvCont .inputCont .downAchie .drop-down ul li.on {
  color: #2c2d2f;
}

.jxvCont .inputCont .downAchie .drop-down ul li {
  line-height: 40px;
  padding: 0 30px;
  height: 40px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.jxvCont .inputCont .inp {
  margin-bottom: 20px;
}

.jxvCont .inputCont .inp::after {
  content: "";
  display: block;
  clear: both;
}

.jxvCont .inputCont input[type="password"],
.jxvCont .inputCont input[type="text"] {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  color: #757575;
  background-color: #f2f2f2;
  transition: all 0.3s;
}

.jxvCont .inputCont input[type="password"]:focus,
.jxvCont .inputCont input[type="text"]:focus,
.jxvCont .inputCont input[type="password"]:hover,
.jxvCont .inputCont input[type="text"]:hover {
  background-color: #f6edc7;
}

.jxvCont .veriCaord input {
  float: left;
  width: 330px !important;
}

.jxvCont .veriCaord .veri {
  float: left;
  width: 190px;
}

.jxvCont .inputCont>.btn,
.jxvCont .inputCont button {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  line-height: 60px;
  text-align: center;
  background-color: #ffd900;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  user-select: none;
}

.jxvCont .tips {
  margin-top: 25px;
  text-align: center;
}

.jxvCont .tips a {
  display: inline-block;
  color: #847765;
  margin: 0 12px;
  transition: all 0.3s;
}

.jxvCont .tips a:hover {
  color: #413e47;
}

.jxvCont .mesCaord input {
  float: left;
  width: 330px !important;
}

.jxvCont .mesCaord .btn {
  float: left;
  width: 190px;
  height: 60px;
  background-color: #ffd900;
  color: #333;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  user-select: none;
}

.register_tips .Cont .top h3 {
  color: #29c462;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: 600;
}

.register_tips .Cont .top p {
  color: #606060;
  margin-bottom: 24px;
  line-height: 24px;
  /* font-weight: 600; */
}

.register_tips .Cont .bom {
  /* padding: 50px 40px 40px;
  margin: 0 -40px -60px;
  background-color: #e3e3e3; */
  font-weight: 600;
}

.register_tips .Cont .bom h5 {
  color: #ee1b1b;
  font-size: 16px;
  text-align: center;
  margin-bottom: 50px;
  line-height: 30px;
  font-weight: 400;
}

.register_tips .Cont .bom .btn {
  display: block;
  width: 180px;
  height: 65px;
  line-height: 65px;
  color: #4c4c4c;
  font-size: 18px;
  text-align: center;
  margin: auto;
  background-color: #ffd900;
}

.register .agreement {
  text-align: center;
  color: #757575;
}

.register .agreement label {
  cursor: pointer;
}

.register .agreement a {
  display: inline-block;
  color: #ff5252;
}

.register .agreement a:hover {
  text-decoration: underline;
}

.user_c h2 {
  color: #4c4c4c;
  font-size: 16px;
  margin-bottom: 25px;
  text-align: center;
}

.jxvCont .certificates .drop-down {
  float: left;
  width: 180px;
  height: 60px;
}

.jxvCont .certificates .drop-txt {
  height: 60px;
  line-height: 60px;
  color: #757575;
  padding: 0 80px 0 20px;
  background-color: #f2f2f2;
  position: relative;
  z-index: 500;
}

.jxvCont .certificates .drop-txt::after {
  content: "";
  display: block;
  width: 75px;
  height: 60px;
  background: #ffd900 url(../images/drop-ic1.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.jxvCont .certificates ul {
  display: none;
  position: relative;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.jxvCont .certificates ul li.on {
  color: #2c2d2f;
}

.jxvCont .certificates ul li {
  line-height: 40px;
  padding: 0 30px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
}

.jxvCont .certificates input {
  float: left;
  width: 340px !important;
}

.inpRadio {
  background-color: #f2f2f2;
  transition: all 0.3s;

  color: #757575;
}

.inpRadio:hover {
  background-color: #f6edc7;
}

.inpRadio .dt {
  float: left;
  width: 85px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}

.inpRadio .dd {
  float: left;
  width: 435px;
  height: 60px;
  line-height: 60px;
}

.inpRadio .dd label {
  margin-right: 30px;
  cursor: pointer;
}

.resetCall {
  height: 60px;
  background-color: #f2f2f2;
  transition: all 0.3s;
}

.resetCall:hover {
  background-color: #f6edc7;
}

.resetCall input {
  background-color: transparent !important;
  cursor: inherit !important;
}

.resetCall dl {
  float: left;
  width: 330px;
  cursor: not-allowed;
  color: #757575;
}

.resetCall dt {
  float: left;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}

.resetCall dd {
  float: left;
}

.resetCall .btn {
  float: left;
  width: 190px;
  height: 60px;
  background-color: #ffd900;
  color: #333333;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  user-select: none;
}

.user_c .jxv-ovsDt {
  overflow: hidden;
}

.user_c .jxv-ovsDt ul {
  margin-left: -1px;
}

.user_c .jxv-ovsDt ul li {
  border-left: 1px solid #fff;
}

.user_c .uiInpCont {
  margin-bottom: -40px;
}

.user_c .uiInpCont .uInp {
  margin-bottom: 30px;
  color: #808080;
}

.user_c .uiInpCont .uInp input {
  color: #808080;
}

.user_c .uiInpCont .uInp .td::after,
.user_c .uiInpCont .uInp::after {
  content: "";
  display: block;
  clear: both;
}

.user_c .uiInpCont .dlw {
  float: left;
  margin-left: 20px;
}

.user_c .uiInpCont .uInp .dlw.noBor {
  margin-left: 0;
}

.user_c .uiInpCont .uInp .dl {
  float: left;
  /* margin-left: 20px; */
  height: 60px;
  background-color: #f2f2f2;
}

.user_c .uiInpCont .uInp i {
  color: #f51313;
}

.user_c .uiInpCont .uInp .dl .dt {
  float: left;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}

.user_c .uiInpCont .uInp .dl .dd {
  display: table-cell;
  width: 2000px;
  height: 60px;
}

.user_c .uiInpCont .uInp .dl .dd input {
  display: block;
  width: 100%;
  padding: 0 20px;
  height: 60px;
}

.user_c .uiInpCont .uInp .td .dd input {
  float: left;
}

.user_c .uiInpCont .upFileBtn {
  float: right;
  width: 100px;
  height: 60px;
  background-color: #ffd900;
  color: #333;
  text-align: center;
  position: relative;
}

.user_c .uiInpCont .upFileBtn span {
  display: block;
  line-height: 60px;
  text-align: center;
}

.user_c .uiInpCont .upFileBtn input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

.p-tips {
  color: #cccccc;
  padding-top: 20px;
  clear: both;
}

.user_c .uiInpCont .uInp .td .li {
  float: left;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.user_c .uiInpCont .uInp .td .downBtn {
  float: left;
  width: 100px;
  height: 60px;
  line-height: 60px;
  background-color: #ffd900;
  color: #333333;
  text-align: center;
  cursor: pointer;
}

.user_c .uiInpCont .textareaBox {
  display: block;
  width: 100%;
  resize: none;
  border: 0;
  background-color: #f2f2f2;
  padding: 24px 20px;
  height: 260px;
  margin-bottom: 40px;
}

.user_c .uiInpCont .veriTd input {
  float: left;
  height: 60px;
  padding: 0 20px;
}

.user_c .uiInpCont .veriTd img {
  float: right;
}

.user_c .uiInpCont .submitBtn {
  float: left;
  margin-left: 20px;
  width: 590px;
  height: 60px;
  line-height: 60px;
  background-color: #ffd900;
  text-align: center;
  color: #333333;
  font-size: 18px;
  cursor: pointer;
}

.user_c2-2 .topTable {
  padding: 60px 40px 35px;
  background-color: #fff;
}

.user_c2-2 .topTable table {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}

.user_c2-2 .topTable h5 {
  color: #4c4c4c;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 30px;
}

.user_c2-2 .topTable td {
  width: 33.33%;
  height: 77px;
  border-top: 1px solid #e6e6e6;
  color: #808080;
}

.user_c2-2 .topTable td span {
  color: #4c4c4c;
  margin-right: 4px;
}

.user_c2-2 .jxBox {
  padding: 0px 40px 50px;
  background-color: #fff;
}

.user_c2-2 .jxBox h3 {
  margin-bottom: 20px;
  font-size: 18px;
}

.userTips-pop .pop-cont .close {
  width: 60px;
  height: 60px;
  background: #fff url(../images/pop-close.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  cursor: pointer;
}

.userTips-pop .pop-cont {
  width: 578px;
  height: 368px;
  background: url(../images/user/userTips-pop-bg.jpg) no-repeat 0 0;
  padding: 264px 40px 0;
  top: -20%;
}

.userTips-pop .pop-cont h5 {
  color: #4c4c4c;
  font-size: 18px;
  text-align: center;
}

.user_c2-2 .jinBox {
  padding: 60px 40px 25px;
  background-color: #fff;
}

.user_c2-2 .jinBox .tipsTxt {
  /* text-align: center; */
  margin-bottom: 40px;
}

.user_c2-2 .jinBox .tipsTxt .mImg {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.user_c2-2 .jinBox .tipsTxt .ul {
  display: inline-block;
  vertical-align: middle;
}

.user_c2-2 .jinBox .tipsTxt .ul p {
  color: #4c4c4c;
  font-size: 16px;
  margin-bottom: 4px;
}

.user_c2-2 .jinBox h3 {
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d6d9;
  margin-bottom: 34px;
}

.user_c2-2 .jinBox .jinImg {
  margin-bottom: 44px;
}

.user_c2-2 .jinBox .downloadBtn {
  background-color: #00a591;
}

.user_c .joxTit .btnW .btn.importBtn {
  background-color: #ffd900;
  color: #333333;
}

.user_c2-2 .jinBox .inp_wrap {
  margin-bottom: 60px;
}

.user_c2-2 .jinBox .p-tips {
  padding-top: 20px;
}

.user_c2-2 .jinBox .inp_li {
  height: 60px;
  margin-right: -20px;
}

.user_c2-2 .jinBox .inp_li .inp {
  float: left;
  height: 60px;
  background-color: #fff;
  margin-right: 20px;
}

.user_c2-2 .jinBox .inp_li .dl {
  float: left;
  height: 60px;
  background-color: #fff;
  margin-right: 20px;
}

.user_c2-2 .jinBox .inp_li i {
  color: #f51313;
}

.user_c2-2 .jinBox .inp_li .dt {
  float: left;
  /* width: 55px; */
  padding-left: 20px;
  height: 60px;
  text-align: right;
  color: #808080;
  font-size: 14px;
  line-height: 60px;
}

.user_c2-2 .jinBox .inp_li .dd {
  display: table-cell;
  width: 1200px;
  height: 60px;
  padding: 0 30px;
}

.user_c2-2 .jinBox .inp_li .li {
  float: left;
  width: 470px;
  padding-left: 20px;
  line-height: 60px;
  color: #808080;
}

.user_c2-2 .jinBox .inp_li .downBtn {
  float: left;
  width: 100px;
  height: 60px;
  line-height: 60px;
  background-color: #ffd900;
  color: #333333;
  text-align: center;
  cursor: pointer;
}

.user_c2-2 .jinBox .inp_li .fileName {
  float: left;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.user_c2-2 .jinBox .inp_li .upFileBtn {
  float: right;
  width: 100px;
  height: 60px;
  background-color: #ffd900;
  color: #333;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-right: -51px;
}

.user_c2-2 .jinBox .inp_li .upFileBtn span {
  display: block;
  line-height: 60px;
  text-align: center;
  color: #333;
}

.user_c2-2 .jinBox .inp_li .upFileBtn input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

.user_c2-2 .jinBox .inp_li span {
  color: #1651c7;
}

.underReview {
  width: 578px;
  height: 368px;
  background: url(../images/user/userTips-pop-bg.jpg) no-repeat 0 0;
  margin: auto;
  padding: 264px 40px 0;
}

.underReview h5 {
  color: #4c4c4c;
  font-size: 18px;
  text-align: center;
}

.user_c2-2 .jinImg {
  margin-bottom: 44px;
}

.user_c2-2 .jinBox .signupBtn {
  color: #333 !important;
  background-color: #ffd900;
}

.user_c .joxTit {
  overflow: hidden;
}

.user_c .joxTit h5 {
  float: left;
  color: #00a591;
  font-size: 20px;
  line-height: 60px;
}

.user_c .joxTit .btnW {
  float: right;
}

.user_c .joxTit .btnW {
  text-align: right;
  font-size: 0;
}

.user_c .joxTit .btnW .btn {
  display: inline-block;
  width: 180px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}

.user_c2-2 .jinBox .joxTable .downloadBtn {
  background-color: #00a591;
}

.user_c2-2 .jinBox .joxTable .importBtn {
  background-color: #333333;
}

.user_c .ixgBox .ixg-dt {
  padding-left: 40px;
  background-color: #e6eaed;
}

.user_c .ixgBox .ixg-dt>ul {
  float: left;
}

.user_c .ixgBox .ixg-dt>ul li {
  float: left;
  height: 60px;
  line-height: 60px;
  color: #808080;
  font-family: Archive;
}

.user_c .ixgBox .ixg-dt .ixgState {
  width: 355px;
  float: right;
  height: 60px;
  line-height: 60px;
}

.user_c .ixgBox .ixg-dt .ixgState select {
  /* float: right; */
  width: 355px;
  height: 60px;
  background-color: #d5dfe8;
  color: #757b80;
  padding: 0 60px 0 34px;
  border: 0;

  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*Ã¥Å“Â¨Ã©â‚¬â€°Ã¦â€¹Â©Ã¦Â¡â€ Ã§Å¡â€žÃ¦Å“â‚¬Ã¥ÂÂ³Ã¤Â¾Â§Ã¤Â¸Â­Ã©â€”Â´Ã¦ËœÂ¾Ã§Â¤ÂºÃ¥Â°ÂÃ§Â®Â­Ã¥Â¤Â´Ã¥â€ºÂ¾Ã§â€°â€¡*/
  background: #d5dfe8 url("../images/select-ic1.png") no-repeat right 40px center;
}

.user_c .ixgBox .ixg-dt .drop-txt {
  cursor: pointer;
  padding-left: 35px;
  padding-right: 40px;
  color: #808080;
  background: #f2f2f2 url(../images/drop-down-ic2.png) no-repeat right 40px center;
  position: relative;
  z-index: 620;
}

.user_c .ixgBox .ixg-dt .drop-down ul {
  position: relative;
  z-index: 600;
  background-color: #f2f2f2;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.user_c .ixgBox .ixg-dt .drop-down ul li {
  padding-left: 35px;
  padding-right: 40px;
  cursor: pointer;
  color: #808080;
}

.user_c .ixgBox .ixg-dt .drop-down ul li.on {
  background-color: #fff;
}

.user_c .ixgBox .ixg-dd {
  padding: 0 40px 60px;
  background-color: #e3e3e3;
}

.user_c .ixgBox .ixg-dd th {
  color: #4c4c4c;
  height: 60px;
  border-bottom: 1px solid #cfcfcf;
}

.user_c .ixgBox .ixg-dd td {
  padding-right: 20px;
  height: 50px;
  color: #808080;
}

.user_c .ixgBox .ixg-dd td input[type="checkbox"] {
  margin-left: 4px;
}

.user_c .ixgBox .ixg-dd table {
  width: 1220px;
  border-bottom: 1px solid #cfcfcf;
}

.user_c .ixgBox h4 {
  text-align: center;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding-top: 20px;
}

.user_c .ixgBox h4 .ic {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 4px;
}

.user_c .ixg-dd2 {
  padding: 0 40px 40px;
  background-color: #fff;
}

.user_c .ixg-dd2 table {
  width: 1220px;
  border-bottom: 1px solid #cfcfcf;
}

.user_c .ixg-dd2 table th {
  color: #4c4c4c;
  height: 60px;
  border-bottom: 1px solid #cfcfcf;
}

.user_c .ixg-dd2 table td {
  padding-right: 20px;
  height: 50px;
  color: #808080;
}

.user_c .ixg-dd2 table td span {
  display: inline-block;
  margin-right: 5px;
}

.user_c .ixg-dd2 table td .seeBtn {
  color: #00a591;
  cursor: pointer;
}

.user_c .ixg-dd2 table td .deleteBtn {
  color: #e12d2d;
  cursor: pointer;
}

.user_c .ixg-dd2 {
  overflow: hidden;
}

.user_c .ixg-dd2 .bom {
  padding-top: 20px;
}

.user_c .ixg-dd2 .ckT {
  /* float: left; */
  color: #808080;
}

.user_c .ixg-dd2 .paymentBtn {
  /* float: right; */
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333333;
  font-size: 16px;
  background-color: #ffd900;
  cursor: pointer;
  margin: auto;
}

.payment-pop .pop-cont .close {
  width: 60px;
  height: 60px;
  background: #ffd900 url(../images/pop-close.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  cursor: pointer;
}

.payment-pop .pop-cont {
  width: 830px;
  height: 450px;
  background-color: #ffffff;
  padding: 86px 50px 10px;
  top: -20%;
}

.payment-pop .pop-cont h4 {
  color: #4c4c4c;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 30px;
}

.payment-pop .pop-cont ul {
  overflow: hidden;
  margin-left: -20px;
}

.payment-pop .pop-cont ul li {
  float: left;
  width: 230px;
  height: 85px;
  border: 2px solid #e6e6e6;
  position: relative;
  margin-left: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.payment-pop .pop-cont ul li img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.payment-pop .pop-cont ul li::before {
  content: "";
  width: 36px;
  height: 34px;
  background: url(../images/payment--ic.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  opacity: 0;
}

.payment-pop .pop-cont ul li.on {
  border-color: #ffd900;
}

.payment-pop .pop-cont ul li.on::before {
  opacity: 1;
}

.payment-pop .btn {
  width: 180px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  /* margin-left: 20px; */
  cursor: pointer;
  background-color: #333333;
  margin: 10px auto 0;
}

.user_c .paytTupe {
  background-color: #ffffff;
  margin-top: 20px;
  padding: 0 40px 30px;
}

.user_c .paytTupe h3 {
  color: #4c4c4c;
  font-size: 16px;
  line-height: 60px;
  margin: 0 -40px;
  padding: 0 40px;
  border-bottom: 1px solid #e3e3e3;
}

.user_c .paytTupe .cont {
  padding: 25px 0;
  border-bottom: 1px solid #e3e3e3;
}

.user_c .paytTupe .cont p {
  color: #808080;
  margin-bottom: 15px;
}

.user_c .paytTupe .cont ul li {
  display: inline-block;
  width: 33%;
  color: #808080;
  font-size: 16px;
}

.user_c .paytTupe .btn {
  /* float: right; */
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333333;
  font-size: 16px;
  background-color: #ffd900;
  cursor: pointer;
  margin-top: 25px;
  margin: 25px auto 0;
}

.user_c .geyTop {
  padding: 40px;
  background-color: #fff;
}

.user_c .geyTop h4 {
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
  font-size: 18px;
  color: #4c4c4c;
}

.user_c .geyBox {
  padding: 50px 40px;
  background-color: #e3e3e3;
}

.user_c .geyBox h3 {
  height: 54px;
  line-height: 54px;
  color: #4c4c4c;
  font-size: 16px;
}

.user_c .geyBox table {
  width: 1220px;
  position: relative;
}

.user_c .geyBox table::before {
  content: "";
  width: 1280px;
  height: 71px;
  background-color: #cfcfcf;
  position: absolute;
  left: -40px;
  top: 0;
}

.user_c .geyBox th {
  height: 70px;
  padding-right: 20px;
  color: #4c4c4c;
  position: relative;
  z-index: 30;
  /* background-color: #cfcfcf; */
}

.user_c .geyBox td {
  height: 67px;
  padding-right: 20px;
  color: #808080;
  border-top: 1px solid #cfcfcf;
}

.user_c .geyBox td .btn {
  display: inline-block;
  cursor: pointer;
}

/* .cities-pop {
  display: block;
} */
.cities-pop .pop-cont {
  height: 380px;
  padding: 0 40px;
  background: #fff url(../images/cities-pop-bg.jpg) no-repeat 0 0;
}

.cities-pop .ic {
  float: left;
  margin-top: 150px;
  margin-right: 130px;
}

.cities-pop .slideBox {
  float: left;
  width: 900px;
  height: 380px;
  position: relative;
}

.cities-pop .slideBox::before {
  content: "";
  height: 0;
  width: 920px;
  border-top: 1px solid #e3e4e6;
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cities-pop .slideBox .bd li {
  float: left;
  width: 170px;
}

.cities-pop .slideBox .bd li>div {
  width: 260px;
  height: 110px;
  /* border-left: 1px solid #c2c5cc; */
  padding-left: 30px;
  position: relative;
}

.cities-pop .slideBox .bd li>div::after {
  content: "";
  height: 100%;
  width: 0;
  border-left: 1px solid #c2c5cc;
  position: absolute;
  left: 6px;
  top: 0;
}

.cities-pop .slideBox .bd li>div::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../images/cities-pop-ic.png) no-repeat 0 0;
  position: absolute;
  left: 0;
  z-index: 10;
}

.cities-pop .slideBox .bd .down::before {
  top: -7px;
}

.cities-pop .slideBox .bd .up::before {
  bottom: -7px;
}

.cities-pop .slideBox .bd li .up {
  margin-top: 80px;
}

.cities-pop .slideBox .bd li .down {
  margin-top: 190px;
  padding-top: 60px;
}

.cities-pop .slideBox .next,
.cities-pop .slideBox .prev {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}

.cities-pop .slideBox .next {
  right: -20px;
  background: url(../images/cities-next.png) no-repeat 0 0;
}

.cities-pop .slideBox .prev {
  left: -80px;
  background: url(../images/cities-prev.png) no-repeat 0 0;
}

.cities-pop .slideBox .bd h4 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 6px;
}

.cities-pop .slideBox .bd strong {
  color: #00a591;
  font-size: 18px;
  line-height: 1;
  font-family: Archive;
}

.calendar-pop .pop-cont {
  width: 1000px;
  /* height: 600px; */
  padding-bottom: 50px;
  bottom: auto;
  top: 6%;
  background-color: #fff;
}

.calendar-pop .close {
  width: 60px;
  height: 60px;
  background: #ffd900 url(../images/pop-close.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  cursor: pointer;
}

/*Ã¦â€”Â¥Ã¥Å½â€ */
#calendarBox {
  clear: both;
  width: 100%;
  border: 1px solid #e0e0e0;
}

#calendarBox .cld-w {
  /*display: block;*/
  /* width: 100%;  */
  /*height: 420px;*/
  margin: 30px 47px;
}

#calendarBox .cld-w th {
  width: 160px;
  /* height: 50px; */
  height: 0;

  /* border: 1px solid #dadee6; */
  text-align: center;
  vertical-align: middle;
  color: #808080;
  font-size: 16px;
}

#calendarBox thead {
  /* height: 40px; */
  border-bottom: 20px solid transparent;
}

#calendarBox .cld-w td {
  /* width: 160px;
  height: 41px; */
  width: 86px;
  height: 86px;
  border-bottom: 8px solid transparent;
  /* border: 5px solid transparent; */
  /* border: 1px solid #dadee6; */
  text-align: center;
  vertical-align: middle;
  color: #808080;
  font: 400 16px/100% "Montserrat-Regular";
}

#calendarBox .cld-hd {
  height: 0;
  /* height: 120px; */
  /* border-bottom: 1px solid #dadee6; */
  /* position: relative; */
}

#calendarBox .cld-hd #showDate {
  display: none;
  float: left;
  padding-left: 40px;
  color: #808080;
  font: 400 24px/120px "Montserrat-Regular";
}

#calendarBox .cld-pre,
#calendarBox .cld-next {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 51px;
  z-index: 200;
  cursor: pointer;
}

#calendarBox .cld-pre {
  right: 649px;
  background: url("../images/calendar-prev.png") no-repeat -10px -10px;
}

#calendarBox .cld-next {
  right: 480px;
  background: url("../images/calendar-next.png") no-repeat -10px -8px;
}

#calendarBox .en_month {
  display: none;
  /* display: block; */
  width: 100%;
  height: 120px;
  color: #00a591;
  font: 400 24px/120px "Montserrat-Regular";
  position: absolute;
  left: 0;
  top: 0;
}

#calendarBox td .dl {
  position: relative;
  cursor: default;
}

#calendarBox td .dd {
  font-family: Archive;
  font-size: 24px;
  color: #a38d82;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #f0e6e1;
  border-radius: 10px;
  margin: auto;
}

#calendarBox td .dl.on .dd {
  background-color: #ffd900;
  /* color: #FFF; */
  color: #4c4c4c;
}

#calendarBox td .dl:hover .pnkBox {
  display: block;
}

#calendarBox .pnkBox::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  left: 8px;
  top: -8px;
}

#calendarBox .pnkBox {
  display: none;
  width: 200px;
  height: 100px;
  border-radius: 10px;
  background-color: #ffd900;
  position: absolute;
  left: 8px;
  top: 100%;
  z-index: 50;
  margin-top: 4px;
  animation: fadeIn 0.6s forwards;
}

#calendarBox .pnkBox .pnkPos {
  display: table-cell;
  width: 200px;
  height: 100px;
  padding: 20px;
  vertical-align: middle;
  text-align: left;
}

#calendarBox .pnkBox .pnkPos h5 {
  color: #4c4c4c;
  font-size: 18px;
  line-height: 16px;
  font-family: Archive;
  margin-bottom: 8px;
}

#calendarBox .pnkBox .pnkPos a[href="javascript:void(0)"] {
  cursor: default;
}

#calendarBox .pnkBox .pnkPos a {
  color: #4c4c4c;
  font-size: 14px;
}

#calendarBox td .dl.on .dl {
  width: 70px;
  height: 70px;
  margin: auto;
  background-color: #ffd900;
  overflow: hidden;
  border-radius: 10px;
}

#calendarBox td .dl.on .dl::before {
  content: "";
  width: 37px;
  height: 42px;
  background: url(../images/head_icon.png) no-repeat center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
  margin: auto;
  z-index: 10;
}

#calendarBox td .dl.on .dl:hover::before {
  animation: myfirst 2s alternate forwards;
}

#calendarBox td .dl.on .dd {
  background-color: transparent;
  position: relative;
  z-index: 30;
}

/* 
#calendarBox .cld-w .pnkBox {
  position: relative;
}
#calendarBox .cld-w .pnkBox:hover h3 {
  width: 171px;
  height: 42px;
  border-radius: 0;
  font: 400 16px/42px "Montserrat-Regular";
  left: 0;
  top: -21px;
  margin: 0;
  transition: all 0.4s ease;
}
#calendarBox .cld-w .pnkBox h3 {
  color: #fff;
  font: 400 16px/40px "Montserrat-Regular";
  width: 40px;
  height: 40px;
  background-color: #00a591;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  cursor: pointer;
  transition: all 0.4s 0.4s ease;
}
#calendarBox .cld-w .pnkBox .pnkPos {
  width: 342px;
  height: 0;
  background-color: #00a591;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 99;
  overflow: hidden;
  transition: height 0.4s ease-in-out;
}
#calendarBox .cld-w .pnkBox:hover .pnkPos {
  height: 102px;
  transition: height 0.4s 0.4s ease-in-out;
  overflow: hidden;
}
#calendarBox .cld-w .pnkBox .pnkPos .txt {
  margin: 20px 20px 20px 70px;
  overflow: auto;
  height: 62px;
}

#calendarBox .cld-w .pnkBox .pnkPos .txt::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}
#calendarBox .cld-w .pnkBox .pnkPos .txt::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}
#calendarBox .cld-w .pnkBox .pnkPos a {
  display: block;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  transition: all 0.2s ease;
}
#calendarBox .cld-w .pnkBox .pnkPos a:hover {
  color: #ffd900;
}
#calendarBox .cld-w .pnkBox.c-left .pnkPos {
  left: auto;
  right: 0;
}
#calendarBox .cld-w .pnkBox.c-top .pnkPos {
  top: auto;
  bottom: 21px;
} */
@media (max-height:820px) {
  .calendar-pop .pop-cont{
    padding-bottom: 30px;
    transform: scale(.85);
    top: 0;
  }
}
@media (max-height:720px) {
  .calendar-pop .pop-cont{
    transform: scale(.75);
    top: -10%;
  }
}
@media (max-height:640px) {
  .calendar-pop .pop-cont{
    transform: scale(.65);
    top: -16%;
  }
}
.calendarWrap {
  padding: 40px 150px 0;
}

.calendarWrap .drop-down {
  float: left;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  position: relative;
}

.calendarWrap .drop-down ul {
  display: none;
  position: relative;
  z-index: 300;
  margin: 0 -1px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  overflow: auto;
  max-height: 200px;
}

.calendarWrap .drop-down ul li {
  padding: 10px 20px;
  line-height: 1.2;
  font-size: 16px;
  cursor: pointer;
  color: #5e5b5a;
}

.calendarWrap .drop-down ul li.on {
  background-color: #f0e6e1;
  color: #a38d82;
}

.calendarMonth_down ul {
  width: 330px;
  overflow: hidden;
}

.calendarMonth_down ul li {
  float: left;
  width: 81px;
}

.calendarWrap .drop-down .drop-txt {
  height: 100%;
  line-height: 50px;
  padding-left: 20px;
  font-size: 20px;
  color: #808080;
  font-weight: 400;
  font-family: DIN;
  background: url(../images/calendarWrap-down-ic.png) no-repeat right 20px center;
}

.calendarYear_down {
  width: 160px;
  margin-right: 50px;
}

.calendarMonth_down {
  width: 120px;
}

.miks-pop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.miks-pop var {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5010;
}

.miks-pop .pop-cont {
  width: 1200px;
  height: 630px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5100;
  margin-left: -600px;
  margin-top: -350px;
}

.miks-pop .deleteBtn {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
}

.miks-pop .tit {
  text-align: center;
  margin-bottom: 26px;
}

.miks-pop .tit h1 {
  color: #4c4c4c;
  font-size: 22px;
  line-height: 100%;
  padding: 42px 0 10px;
  text-align: center;
}

.miks-pop .tit em {
  color: #e50000;
  font-size: 14px;
  padding-bottom: 20px;
  text-align: center;
}

.miks-pop .cont .txt {
  height: 355px;
  padding: 0 36px;
  overflow: auto;
  margin-bottom: 20px;
}

.miks-pop .cont .txt::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.miks-pop .cont .txt::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.miks-pop .cont .txt em {
  color: #e50000;
}

.miks-pop .cont .txt p {
  color: #808080;
  line-height: 24px;
}

.miks-pop .cont .kit {
  text-align: center;
}

.miks-pop .cont .kit .inp {
  margin-bottom: 18px;
}

.miks-pop .cont .kit .inp label {
  display: inline-block;
  line-height: 100%;
  color: #8a8686;
  cursor: pointer;
}

.miks-pop .cont .kit .inp input[type="radio"] {
  width: 20px;
  height: 20px;
  background-color: #ffd900;
}

.miks-pop .cont .kit .inp input {
  display: inline-block;
  vertical-align: middle;
}

.miks-pop .cont .kit .btn {
  width: 400px;
  height: 60px;
  background-color: #fff001;
  color: #2c2d2f;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.4s ease;
}

.miks-pop .cont .kit .btn.on {
  background-color: #ffd900;
  color: #4c4c4c;
}

.user_c .uiInpCont .uInp .drop-down {
  float: left;
}

.user_c .uiInpCont .uInp .drop-down {
  float: left;
  width: 180px;
  height: 60px;
}

.user_c .uiInpCont .uInp .drop-txt {
  height: 60px;
  line-height: 60px;
  color: #757575;
  padding: 0 80px 0 20px;
  background-color: #f2f2f2;
  position: relative;
  z-index: 500;
}

.user_c .uiInpCont .uInp .drop-txt::after {
  content: "";
  display: block;
  width: 75px;
  height: 60px;
  background: #ffd900 url(../images/drop-ic1.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.user_c .uiInpCont .uInp .drop-down ul {
  display: none;
  position: relative;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.user_c .uiInpCont .uInp .drop-down ul li.on {
  color: #2c2d2f;
}

.user_c .uiInpCont .uInp .drop-down ul li {
  line-height: 40px;
  padding: 0 30px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
}

.queryTop {
  margin-right: -30px;
  margin-bottom: 30px;
  position: relative;
  z-index: 500;
}

.activeCont1 .queryTop .drop-down {
  width: 280px;
}

.queryTop .drop-down {
  float: left;
  width: 380px;
  height: 74px;
  margin-right: 30px;
}

.queryTop .drop-down .drop-txt {
  height: 74px;
  padding: 0 30px;
  line-height: 74px;
  color: #4c4c4c;
  font-size: 16px;
  background: #f2f2f2 url(../images/look/queryTop-ic.png) no-repeat right 20px center;
  position: relative;
  z-index: 100;
}

.queryTop .drop-down ul {
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.queryTop .drop-down ul li {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #ada8a8;
}

.queryTop .drop-down ul li.on {
  color: #2c2d2f;
}

#content.Look-data {
  background-color: #f2f2f2;
  padding-top: 0;
}

.LookDataCont1 .Cont1 {
  float: left;
  width: 100%;
  margin-top: -80px;
  position: relative;
  z-index: 30;
  padding: 54px 40px 40px;
  background-color: #fff;
  margin-bottom: 20px;
}

.LookDataCont1 .Cont1 h1 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  line-height: 1.4;
  color: #4c4c4c;
  font-size: 24px;
  border-bottom: 1px solid #e6e6e6;
}

.LookDataCont1 .Cont1 .list {
  margin-bottom: 30px;
}

.LookDataCont1 .Cont1 .list em {
  color: #4c4c4c;
  display: inline-block;
}

.LookDataCont1 .Cont1 .list p {
  color: #808080;
  margin-bottom: 15px;
}

.LookDataCont1 .Cont2 {
  clear: both;
  background-color: #fff;
  padding: 54px 40px 40px;
  background-color: #fff;
}

.LookDataCont1 .Cont2 .slideBox .bd li {
  float: left;
  margin-right: 20px;
  width: 285px;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.LookDataCont1 .Cont2 .slideBox .bd li img {
  height: 100%;
  max-width: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  top: 0;
}

.LookDataCont1 .Cont2 .slideBox .bd {
  /* min-width: 1220px; */
  overflow: hidden;
}

.LookDataCont1 .viedeoImg {
  position: relative;
}

.LookDataCont1 .viedeoImg .playBtn {
  width: 70px;
  height: 70px;
  cursor: pointer;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.LookDataCont1 .viedeoImg .playBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20000px;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  /* transform: scale(1.5); */
  animation: videoplayBtn 2s infinite;
}

.LookDataCont1 .viedeoImg em {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #ffd900 url(../images/look/play-btn.png) no-repeat 29px 25px;
  border-radius: 20000px;
  position: relative;
  z-index: 60;
  transition: all 0.3s;
}

.LookDataCont1 .Cont2 .hd {
  text-align: center;
  margin-top: 30px;
}

.LookDataCont1 .Cont2 .hd li {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #999999;
  margin: 0 5px;
  cursor: pointer;
}

.LookDataCont1 .Cont2 .hd li.on {
  background-color: #ff8a00;
}

.answer1Cont1 .list .li {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #f2f2f2;
}

.answer1Cont1 .list .dt {
  min-height: 44px;
  padding-left: 54px;
  background: url(../images/QA/QA-ic1.png) no-repeat 0 3px;
  margin-bottom: 16px;
}

.answer1Cont1 .list .dd {
  min-height: 44px;
  padding-left: 54px;
  background: url(../images/QA/QA-ic2.png) no-repeat 0 3px;
}

.answer1Cont1 .list .dt p {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  color: #4c4c4c;
  font-size: 18px;
}

.answer1Cont1 .list .dd p {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  color: #808080;
}

.myMatch {
  background-color: #f0f0f0;
}

.myMatch1Cont1 .list dl {
  padding: 40px 50px 30px;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}

.myMatch2 .myMatch1Cont1 .list dl {
  background: #fff url(../images/active/myMatch2-box-jx.png) no-repeat right top;
}

.myMatch2 .myMatch1Cont1 .list dl.end {
  background: #fff;
}

.myMatch1Cont1 .list dt {
  overflow: hidden;
  height: 50px;
  margin-bottom: 22px;
  border-bottom: 2px solid #e3e3e3;
}

.myMatch1Cont1 .list dt h4 {
  float: left;
  width: 790px;
  color: #fc9100;
  font-size: 24px;
  line-height: 1.2;
}

.myMatch1Cont1 .list dt .time {
  float: right;
}

.myMatch1Cont1 .list dt .time p {
  color: #808080;
  line-height: 28px;
}

.myMatch1Cont1 .list dt .time span {
  font-size: 16px;
  font-family: Archive;
}

.myMatch1Cont1 .list dd h5 {
  color: #4c4c4c;
  font-size: 18px;
  margin-bottom: 20px;
}

.myMatch1Cont1 .list dd>ul {
  overflow: hidden;
  padding-bottom: 16px;
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 30px;
}

.myMatch1Cont1 .list dd>ul li {
  float: left;
  width: 275px;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
  color: #808080;
}

.myMatch1Cont1 .list .dlW {
  margin: 40px 0;
}

.myMatch1Cont1 .list .dlW .tit {
  padding: 20px 30px;
  background-color: #f0f0f0;
  font-size: 18px;
}

.myMatch1Cont1 .list .dlW table {
  width: 100%;
}

.myMatch1Cont1 .list .dlW th,
.myMatch1Cont1 .list .dlW td {
  border: 1px solid #e0e0e0;
  padding: 20px 30px;
  color: #808080;
}

.myMatch1Cont1 .list dd .btn {
  float: left;
  width: 180px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  background-color: #ffd900;
  color: #333333;
  font-size: 18px;
  margin-right: 20px;
}

/* .myMatch1Cont1 .jinBox {
  padding: 60px 40px 25px;
  background-color: #fff;
} */
.myMatch1Cont1 .tipsTxt {
  /* text-align: center; */
  margin: 40px 0;
}

.myMatch1Cont1 .tipsTxt .mImg {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.myMatch1Cont1 .tipsTxt .ul {
  display: inline-block;
  vertical-align: middle;
}

.myMatch1Cont1 .tipsTxt .ul p {
  color: #4c4c4c;
  font-size: 16px;
  margin-bottom: 4px;
}

.myMatch1Cont1 .tipsTxt .ul .ewImg {
  width: 120px;
}

.myMatch1Cont1 .tipsTxt .ul p a {
  display: inline-block;
}

.myMatch1Cont1 .tipsTxt .ul p i {

  color: #07c060;
}


.myMatch2 .myMatch1Cont1 .list dd .zhifBtn {
  float: left;
}

.myMatch1Cont1 .list dd .zhifBtn {
  color: #4c4c4c;
  width: 180px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  cursor: pointer;
  background-color: #ffd900;
  margin: auto;
}

.myMatch1Cont1 .list dd .zhifBtn.on {
  color: #808080;
  cursor: default;
  background-color: transparent;
}

.myMatch1Cont1 .list .end dt h4 {
  color: #4c4c4c;
}

.myMatch1Cont1 .list .end .time {
  display: none;
}

.vkTit {
  height: 180px;
  padding-top: 120px;
  /* margin-top: -180px; */
  background: url(../images/user/user_vk-tit.jpg) no-repeat center top;
  text-align: center;
  position: relative;
  z-index: 50;
}

.vkTit h1 {
  color: #333333;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.user_vkCont {
  padding: 80px 0 100px;
  margin-bottom: 30px;
  background-color: #fff;
}

.user_vkCont.bg {
  background: #fff url(../images/user/user_vkCont-bg.jpg) no-repeat left 0 bottom 100px;
}

.user_vk2 .inputCont {
  width: 520px;
  margin: auto;
}

.user_vk2 .inputCont .inp {
  margin-bottom: 20px;
  background-color: #f2f2f2;
  height: 60px;
  position: relative;
}

.user_vk2 .inputCont .inp::after {
  content: "";
  display: block;
  clear: both;
}

.user_vk2 .inputCont input[type="password"],
.user_vk2 .inputCont input[type="text"] {
  display: block;
  width: 100%;
  height: 60px;
  /* padding: 0 20px; */
  color: #757575;
  /* background-color: #f2f2f2; */
  transition: all 0.3s;
}

.user_vk2 .inputCont input::placeholder {
  color: #bfbfbf;
}

.user_vk2 .inputCont i {
  color: #f51313;
}

.user_vk2 .inputCont .dt {
  float: left;
  /* width: 55px; */
  padding-left: 20px;
  height: 60px;
  text-align: right;
  color: #808080;
  font-size: 14px;
  line-height: 60px;
}

.user_vk2 .inputCont .dd {
  display: table-cell;
  width: 1200px;
  height: 60px;
  padding: 0 30px;
}

.user_vkCont .inputCont .radio {
  line-height: 60px;
  color: #413e6d;
  font-size: 14px;
}

.user_vkCont .inputCont .radio label {
  cursor: pointer;
  margin-right: 40px;
}

.user_vkCont .inputCont .radio label input {
  cursor: pointer;
}

.user_vkCont .inputCont .radio .Validform_checktip {
  display: block;
}

.user_vkCont .certificates .drop-down {
  float: left;
  width: 210px;
  height: 60px;
}

.user_vkCont .certificates .Validform_checktip {
  margin-left: 184px;
}

.user_vkCont .certificates .drop-dt {
  height: 60px;
  line-height: 60px;
  color: #757575;
  padding: 0 80px 0 20px;
  background-color: #f2f2f2;
  position: relative;
  z-index: 500;
}

.user_vkCont .certificates .drop-txt::after {
  content: "";
  display: block;
  width: 75px;
  height: 60px;
  background: #ffd900 url(../images/drop-ic2.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
}

.user_vkCont .certificates ul {
  display: none;
  position: relative;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.user_vkCont .certificates ul li.on {
  color: #2c2d2f;
}

.user_vkCont .certificates ul li {
  line-height: 40px;
  padding: 0 30px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
}

.user_vkCont .certificates input {
  float: left;
  width: 310px !important;
  padding: 0 30px;
}

.user_vkCont .typeDL {
  margin: 20px 0;
}

.user_vkCont .typeDL .ct {
  display: inline-block;
  padding: 0 20px;
  line-height: 16px;
  color: #808080;
}

.user_vkCont .typeDL .cd {
  display: inline-block;
  color: #b2b2b2;
}

.user_vkCont .inputCont .dd .drop-down {
  width: 100%;
  height: 60px;
  position: relative;
}

.user_vkCont .inputCont .dd .drop-down ul {
  display: none;
  position: absolute;
  left: -30px;
  right: -30px;
  top: 60px;
  z-index: 400;
  background-color: #fff;
  box-shadow: 0 0 21px 3px rgba(0, 0, 0, 0.1);
}

.user_vkCont .inputCont .dd .drop-down ul li.on {
  color: #2c2d2f;
}

.user_vkCont .inputCont .dd .drop-down ul li {
  line-height: 40px;
  padding: 0 30px;
  color: #ada8a8;
  cursor: pointer;
  transform: all 0.3s;
}

.user_vkCont .inputCont .dd .drop-txt {
  height: 60px;
  line-height: 60px;
  color: #757575;
  background: url(../images/drop-ic3.png) no-repeat right center;
}

#birth {
  background: url(../images/drop-ic3.png) no-repeat right center;
}

.user_vkCont .inputCont .dd .drop-txt span {
  color: #bfbfbf;
}

.user_vkCont .inputCont .veriCaord input {
  float: left;
  width: 330px !important;
  padding: 0 30px;
}

.user_vkCont .inputCont .veriCaord .veri {
  float: left;
  width: 190px;
}

.user_vkCont .inputCont>.btn,
.user_vkCont .inputCont>button {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  line-height: 60px;
  text-align: center;
  background-color: #ffd900;
  color: #333333;
  font-size: 18px;
  cursor: pointer;
  user-select: none;
}

.tipsMz-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.tipsMz-pop var {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5010;
}

.tipsMz-pop .pop-cont {
  width: 1200px;
  max-height: 690px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 60px;
  padding-bottom: 34px;
  bottom: auto;
  z-index: 5100;
  margin-left: -600px;
}

.tipsMz-pop .deleteBtn {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
}

.tipsMz-pop .tit {
  text-align: center;
  margin: 0 36px;
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.tipsMz-pop .tit h1 {
  color: #4c4c4c;
  font-size: 22px;
  line-height: 100%;
  padding: 60px 0 0;
  text-align: left;
}

.tipsMz-pop .tit em {
  color: #e50000;
  font-size: 14px;
  text-align: center;
  display: block;
  text-align: left;
  margin-top: 10px;
}

.tipsMz-pop .cont .txt {
  max-height: 350px;
  padding: 0 36px;
  overflow: auto;
  margin-bottom: 20px;
}

.tipsMz-pop .cont .txt::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.tipsMz-pop .cont .txt::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.tipsMz-pop .cont .txt em {
  color: #e50000;
}

.tipsMz-pop .cont .txt p {
  color: #808080;
  line-height: 24px;
  margin-bottom: 10px;
}

.tipsMz-pop .cont .kit {
  /* text-align: center; */
  margin: 0 36px;
}

.tipsMz-pop .cont .kit .inp {
  margin: 0 0 18px;
}

.tipsMz-pop .cont .kit .inp label {
  display: inline-block;
  line-height: 100%;
  color: #8a8686;
  cursor: pointer;
}

.tipsMz-pop .cont .kit .inp label span {
  color: #0063c6;
}

.tipsMz-pop .cont .kit .inp input[type="radio"] {
  width: 20px;
  height: 20px;
  background-color: #ffd900;
}

.tipsMz-pop .cont .kit .inp input {
  display: inline-block;
  vertical-align: middle;
}

.tipsMz-pop .cont .kit .btn {
  width: 295px;
  height: 64px;
  background-color: #ffd900;
  color: #4c4c4c;
  font-size: 18px;
  border: none;
  cursor: pointer;
  transition: all 0.4s ease;
  margin: auto;
  text-align: center;
  line-height: 64px;
  display: block;
}

/* .tipsMz-pop .cont .kit .btn.on {
  background-color: #ffd900;
  color: #4c4c4c;
} */

.Active1-2 .activeCont1 {
  background-color: #f2f2f2;
  overflow: hidden;
}

.Active1-2 {
  padding-bottom: 0 !important;
}

#content.Active1-2 {
  background-color: #f2f2f2;
}

.Active1-2 .Top {
  /* background-color: #fff; */
  /* margin: 0 -360px;
  padding: 0 360px 1px; */
}

.Active1-2 .dlW {
  padding-top: 40px;
}

.Active1-2 .dlW .tit {
  height: 110px;
  padding: 0 40px;
  background-color: #ffd900;
  text-align: center;
}

.Active1-2 .dlW .tit h3 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 110px;
}

.Active1-2 .dlW .Cont {
  margin-bottom: 60px;
  padding: 0 40px 100px;
  background-color: #fff;
}

.Active1-2 .dlW .notecont h3 {
  color: #4c4c4c;
  margin-bottom: 4px;
}

.Active1-2 .dlW .notecont {
  margin-bottom: 20px;
}

.Active1-2 .dlW .notecont p {
  color: #808080;
  /* margin-bottom: 4px; */
  line-height: 1.6;
}

.Active1-2 .dlW .Cont ul {
  overflow: hidden;
  margin-bottom: 60px;
}

.Active1-2 .dlW .Cont ul li {
  float: left;
  width: 373px;
  height: 80px;
  color: #808080;
  line-height: 80px;
  border-bottom: 1px solid #ebebeb;
}

.Active1-2 .dlW .Cont ul li em {
  display: inline-block;
  color: #00a591;
}

.Active1-2 .dlW .call .ic {
  display: inline-block;
  vertical-align: top;
}

.Active1-2 .dlW .call .r {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  padding-left: 6px;
}

.Active1-2 .dlW .call h6 {
  color: #808080;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}

.Active1-2 .dlW .call h5 {
  color: #808080;
  font-size: 24px;
  line-height: 18px;
  font-family: Archive;
}

.Active1-2 .yuBor {
  margin: 35px 0 60px;
}

.Active1-2 .btn {
  width: 280px;
  height: 64px;
  font-size: 18px;
  line-height: 64px;
  background-color: #ffd900;
  color: #5f3b13;
  text-align: center;
  margin: auto;
  cursor: pointer;
}

.signUp-pop .pop-cont {
  width: 610px;
  height: 360px;
  background: #fff url(../images/active/signUp-pop-bg.jpg) no-repeat center;
  padding-top: 148px;
}

.signUp-pop .pop-cont .btn {
  font-size: 0;
  text-align: center;
}

.signUp-pop .pop-cont .btn a {
  display: inline-block;
  width: 165px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  font-size: 18px;
  margin: 0 15px;
}

.signUp-pop .pop-cont .btn a.a1 {
  background-color: #ffd900;
  color: #333333;
}

.signUp-pop .pop-cont .btn a.a2 {
  background-color: #fc9100;
  color: #fff;
}

.user_vk2 .inputCont {
  width: auto;
  margin: 0 40px;
}

.user_vk2 .inputCont .inp_li::after {
  content: "";
  display: block;
  clear: both;
}

.user_vk2 .inputCont .inp_li .inp {
  float: left;
  margin-right: 10px;
  width: 470px;
  max-width: 951px;
  
}
/* .user_vk2 .inputCont .inp_li .inp:nth-child(2n){
  margin-right: 0;
} */

/* .user_vk2 .fileInp{
 width: 100%;
 height: 60px;
 margin-right: -30px;
} */
.user_vk2 .inputCont .fileName {
  float: left;
}

.user_vk2 .inputCont .upFileBtn {
  float: right;
  width: 466px;
  height: 60px;
  background-color: #2aa053;
  color: #fff;
  text-align: center;
  position: relative;
  margin-right: -30px;
  transition: all .4s;
  cursor: pointer;
}

.user_vk2 .inputCont .upFileBtn span {
  display: block;
  line-height: 60px;
  text-align: left;
  padding-left: 40px;

}

.user_vk2 .inputCont .upFileBtn input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

.user_vk2 .p-tips {
  margin-top: -30px;
  color: red;
  padding: 0;
}

.user_vk2 .inputCont .td .li {
  float: left;
  line-height: 60px;
  padding-left: 20px;
  color: #808080;
}

.user_vk2 .inputCont .td .li span {
  color: #1651c7;
}

.user_vk2 .inputCont .downBtn {
  float: right;
  width: 100px;
  height: 60px;
  line-height: 60px;
  background-color: #ffd900;
  color: #333333;
  text-align: center;
  cursor: pointer;
}

.user_vk2 .inputCont .dl {
  float: left;
  margin-right: 20px;
}

.user_vk2 .inputCont .dl .inp {
  height: 60px;
  margin-right: 0;
}

.submitBtn {
  margin: 0 40px;
  height: 60px;
  background-color: #ffd900;
  font-size: 18px;
  color: #333333;
  line-height: 60px;
  text-align: center;
  margin-top: 40px;
  cursor: pointer;
}

.submitBtn input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.myMatchData .myMatchDataCont1 {
  background-color: #f2f2f2;
  overflow: hidden;
}

.myMatchData {
  padding-bottom: 0 !important;
  background-color: #f2f2f2;
}

.myMatchData .Top {
  max-width: top;
  /* background-color: #fff; */
  /* margin: 0 -360px;
  padding: 0 360px 1px; */
}

.myMatchData .dlW {
  padding-top: 40px;
}

.myMatchData .dlW .tit {
  height: 110px;
  padding: 0 40px;
  background-color: #ffd900;
  text-align: center;
}

.myMatchData .dlW .tit h3 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 110px;
}

.myMatchData .dlW .Cont {
  margin-bottom: 60px;
  padding: 0 40px 10px;
  background-color: #fff;
  overflow: hidden;
}

.myMatchData .dlW .Cont table {
  width: 100%;
  margin: 40px 0;
}

.myMatchData .dlW .Cont table td,
.myMatchData .dlW .Cont table th {
  border: 1px solid #e0e0e0;
  text-align: center;
}

.myMatchData .dlW .Cont table th {
  height: 70px;
  color: #4c4c4c;
  font-size: 16px;
}

.myMatchData .dlW .Cont table td {
  height: 55px;
  color: #808080;
}

.myMatchData .dlW .Cont table .state1 {
  color: #00a648;
}

.myMatchData .dlW .Cont table .state2 {
  color: #f83939;
}

.myMatchData .dlW .Cont ul {
  overflow: hidden;
  margin-bottom: 60px;
}

.myMatchData .dlW .Cont ul li {
  float: left;
  width: 373px;
  height: 80px;
  line-height: 80px;
  color: #808080;
  margin-top: -1px;
  border-top: 1px solid #ebebeb;
}

.queryList-pop .pop-cont .close {
  width: 60px;
  height: 60px;
  background: #ffd900 url(../images/pop-close.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  cursor: pointer;
}

.queryList-pop .pop-cont {
  width: 700px;
  max-height: 600px;
  overflow: auto;
  bottom: auto;
  background-color: #ffffff;
  padding: 86px 60px 60px;
  top: 60px;
}

.queryList-pop .pop-cont::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.queryList-pop .pop-cont::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}

.queryList-pop .pop-cont h3 {
  color: #4c4c4c;
  font-size: 18px;
  line-height: 60px;
  padding: 0 34px;
  border: 1px solid #e0e0e0;
}

.queryList-pop .pop-cont dl {
  border: 1px solid #e0e0e0;
  margin-top: -1px;
  height: 56px;
  line-height: 54px;
  color: #808080;
}

.Validform_checktip {
  /* display: inline-block; */
  display: block;
  height: auto !important;
  line-height: initial !important;
  margin-top: 2px;
}

.queryList-pop .pop-cont dl dt {
  float: left;
  width: 125px;
  border-right: 1px solid #e0e0e0;
  padding-left: 34px;
}

.queryList-pop .pop-cont dl dd {
  float: left;
  width: 420px;
  padding: 0 34px;
}

#userContent {
  padding-top: 80px;
  background-color: #f0f0f0;
}

.user_c .jxvCont {
  text-align: center;
  min-height: 32vh;
}

.user_c .jxvCont .call {
  display: inline-block;
  margin-top: 40px;
  text-align: left;
}

.user_c .jxvCont .call .ic {
  display: inline-block;
  vertical-align: top;
}

.user_c .jxvCont .call .r {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  padding-left: 6px;
}

.user_c .jxvCont .call h6 {
  color: #808080;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}

.user_c .jxvCont .call h5 {
  color: #808080;
  font-size: 24px;
  line-height: 18px;
  font-family: Archive;
}

.user_certificate .certiCont {
  padding: 60px 0 50px;
  background-color: #FFF;

}

.user_certificate .certificate {
  width: 600px;
  height: 928px;
  background: url(../images/user/certificate-bg.jpg) no-repeat 0 0;
  margin: auto;
  padding: 322px 50px 0;
}

.user_certificate .certificate h4 {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1;
  padding: 50px 0 60px;
  text-align: center;
}

.user_certificate .certificate h5 {
  color: #4c4c4c;
  font-size: 18px;
  text-align: center;
}

.user_certificate .fraction {
  text-align: center;
  font-size: 0;
  margin: 20px 0 30px;
}

.user_certificate .fraction>div {
  display: inline-block;
  width: 74px;
  height: 60px;
  font-size: 36px;
  text-align: center;
  line-height: 60px;
  background-color: #f7e8d8;
  margin: 0 20px;
  font-family: Archive;
  color: #fd9101;
  position: relative;
  border-radius: 6px;
}

.user_certificate .fraction>div.hour::before {
  display: none;
}

.user_certificate .fraction>div::before {
  content: "";
  width: 6px;
  height: 24px;
  background: url(../images/user/certificate-ch.jpg) no-repeat 0 0;
  position: absolute;
  left: -23px;
  top: 20px;
}

.user_certificate .timeBox {
  margin-bottom: 25px;
}

.user_certificate .timeBox h6 {
  color: #666666;
  font-size: 28px;
  line-height: 1;
  margin-top: 6px;
  text-align: center;
  font-family: Archive;
}

.user_certificate .certificate ul {
  text-align: center;
}

.user_certificate .certificate ul li {
  display: inline-block;
  margin: 0 37px;
  font-size: 16px;
  color: #808080;
}

.user_certificate .certificate ul li em {
  color: #fd9101;
  font-size: 18px;
}

.myMatch-state {
  background-color: #f0f0f0;
}

.myMatchStateCont1 .Cont {
  padding: 60px 40px 50px;
  background-color: #FFF;

}

.myMatchStateCont1 .cImg {
  margin: auto;

}

.myMatchStateCont1 .br {
  width: 100%;
  margin: 40px 0 30px;
}

.myMatchStateCont1 .call {
  margin: auto;
  width: 264px;
}

.myMatchStateCont1 .call .ic {
  display: inline-block;
  vertical-align: top;
}

.myMatchStateCont1 .call .r {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  padding-left: 6px;
}

.myMatchStateCont1 .call h6 {
  color: #808080;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}

.myMatchStateCont1 .call h5 {
  color: #808080;
  font-size: 24px;
  line-height: 18px;
  font-family: Archive;
}

.myMatchStateCont1 .kio {
  text-align: center;
}

.myMatchStateCont1 .kio h5 {
  color: #808080;
  font-size: 15px;
  margin-bottom: 4px;
}

.myMatchStateCont1 .kio .h6 {
  color: #ff871a;
  font-size: 18px;
}
/* 支付弹窗 */
.aui_state_noTitle {
  position: absolute !important;
  top: 200px !important;
}


.comingsoon{
  height: 570px;
  background: url(../images/comingsoon.png) no-repeat center top 30px;
}