/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
html{ color: #333;font-family:Microsoft YaHei,Arial,sans-serif,'Times New Roman', Times, serif;font-size: 14px;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,:after,:before{margin:0;padding:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #333}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
.mt30 {margin-top: 30px;}
.p12 {padding: 0 12px 12px;}
.pages {
  text-align: center;
  padding: 40px 0 50px;
}
.pages li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  background: #cccccc;
  margin-right: 0.5%;
  border-radius: 4px;
}
.pages li a {
  padding: 6px 12px 5px;
  display: inline-block;
  color: #fff;
}

.pages li span {
  padding: 6px 12px 5px;
  display: inline-block;
}
.pages-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down-fill.png) no-repeat right center;
  /* background-size: auto 100%; */
  padding-right: 16px;
  border:none;
  outline: none;
  color: #fff;
  font-size: 14px;
}
.wtf-tit {max-width: calc(100% - 80px);}
.pages-select option {color: #333;}
/*.pages li .iconfont:before {font-size: 14px;}*/
.pages li.thisclass {
  background:#0099cc;
  color: #fff;
}
.pages li.thisclass a {
  color: #fff;
}

input[type="text"],input[type="password"],textarea,button {
  border: none;
  outline: none;
  background-color: transparent;
}
input[type="text"] {
  -webkit-appearance: none;
}
/* ::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}  */

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  z-index: 10;
}
.theme {
  color: #0099cc!important;
}

.banner {position: relative;}
.banner-i {
  width: 100%;
  display: block;
}

.lan {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down.png) no-repeat right center;
  /* background-size: auto 100%; */
  padding-right: 16px;
}


.center-box {width: 1200px;margin-left: auto;margin-right: auto;}

.menu {
  display: none;
  margin-left: 6px;
}
.menu i {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #0099cc;
  margin-top:6px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}
.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
          transform: rotate(42deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

.menu.rotate i:nth-of-type(3){
  -webkit-transform: rotate(-42deg);
      -ms-transform: rotate(-42deg);
          transform: rotate(-42deg);
}
[class*=btn] {cursor: pointer;}
body {background-color: #f7f7f7;}
.head {padding: 17px 0;background-color: #fff;}
.gutter {padding:0 32px;}
.logo-btn {display: inline-block;width: 74px;height: 33px;line-height: 33px;border: 1px solid #ebebeb;border-radius: 4px;text-align: center;font-size: 14px;}
.logo-btn + .logo-btn {margin-left: 15px;}
.logo-btn.on {background-color: #0099cc;color: #fff;border-color: #0099cc;}

.search-out-box {width: 770px;border-radius: 4px;overflow: hidden;}
.search-box {padding:0 18px;height: 55px;line-height: 55px;background-color: #fff;}
.search-val {width: 100%;flex: 1;padding: 0 12px;font-size: 14px;color: #999999;}
.search-btn {width: 116px;height: 55px;line-height: 55px;background-color: #0099cc;text-align: center;color: #fff;font-size: 18px;display: inline-block;}
.normal-place ::-webkit-input-placeholder{
  font-size: 14px;
  color: #999999;
}
.normal-place :-moz-placeholder{
  font-size: 14px;
  color: #999999;
}
.normal-place ::-moz-placeholder{
  font-size: 14px;
  color: #999999;
}
.normal-place :-ms-input-placeholder{
  font-size: 14px;
  color: #999999;
}
.swiper-banner .swiper-pagination {width: 54px;height: 22px;line-height: 22px;background-color: rgba(0,0,0,.47);left: 50%;transform: translateX(-50%);border-radius: 16px;}
.swiper-banner .swiper-pagination-bullet {background-color: #919299;opacity: 1;}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;opacity: 1;}

.filter {margin-top: 10px;}
.filter-pd {padding: 1px 18px;}
.filter-tab {border-bottom: 1px solid #e8e8e8;}
.filter-tab>li {font-size: 16px;padding: 10px 10px 12px;margin-right: 25px;position: relative;}
.filter-tab>li.on {color: #0099cc;border-bottom: 2px solid #0099cc;}
.filter-tab>li.on>a{color: #0099cc;}
.filter-tab>li.on:before {content:"";width: 0;height: 0;border-top: 5px solid #0099cc;border-left: 4px solid transparent;border-right: 4px solid transparent;bottom: 0;left: 50%;transform: translate(-50%,100%);position: absolute;}
.filter-th {padding: 4px 8px;border: 1px solid #e4e4e4;border-radius: 2px;position: relative;display: inline-block;background-color: #e4e4e4;}
.filter-th:after,.filter-th:before {content: "";width: 0;height: 0;border-left: 5px solid #e4e4e4;border-top: 4px solid transparent;border-bottom: 4px solid transparent;top: 50%;transform: translate(100%,-50%);position: absolute;right: 0;}
.filter-th:before {border-left: 6px solid #e4e4e4;border-top:5px solid transparent;border-bottom: 5px solid transparent;}
.filter-flag {padding: 4px 8px;border-radius: 2px;border: 2px solid transparent;display: inline-block;white-space: nowrap;}
.filter-flag.on {background-color: #0099cc;color: #fff;text-align: center;}
.filter-dl>dt {width: 88px;cursor: pointer;}
/* .filter-dl>dd {max-width: calc(100% - 110px);width: 100%;} */
@media (min-width:1200px) {
  .filter-cont {flex-direction: column;align-items: center;display: flex;}
  .filter-cont-inner {transform: translate(-176px,0);}
}
.filter-dl>dd {width: 100%;}
.flag-box {margin-bottom: 5px;margin-right: 15px;}
.filter-cont {padding-bottom: 5px;}
/* .filter-dl {margin-top: 10px;} */
.filter-dl:first-child {margin-top: 18px;}
.wtf-bott {padding: 15px 0 30px;}
.wtf-info span + span {margin-left: 10px;}
.similar-pro {position: absolute;right: 6px;bottom: 15px;text-align: center;display: none;}
.simi-text {color: #fff;}
.water-list-ul {min-height: 78px;}
.water-list-ul>li {width: 15.76%;border-radius: 10px 10px 0 0;overflow: hidden;}
.wtf-img {border-radius: 10px;max-height: 100%;}
.wtf-top.on .similar-pro {display: block;}
.water-fall {padding-top: 15px;}
.wtf-info>span {cursor: pointer;}
.wtf-info>span.on {color: #0099cc;}
.icon-guanbi {cursor: pointer;position: absolute;right: 25px;top: 25px;color: #919191;font-weight: 700;z-index: 20;}
.icon-guanbi:before {font-size: 20px;}
.icon-guanbi:hover {color: #0099cc!important;}
.footer {background-color: #333333;padding: 22px 0;text-align: center;overflow: hidden;}
.footer-info,.footer-info a{color: #999999;}
.simi-icon {display: inline-block;width: 27px;height: 30px;background: url(../img/simi.png) no-repeat 0 0;background-size: 100% 100%;}
.wtf-top {position: relative;}
.wtf-marks {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg,rgba(255,255,255,0),rgba(0, 0, 0, 0.4));display: none;border-radius: 10px;}
.right-fixed {width: 80px;height: 86px;display: flex;flex-direction: column;align-items: center;color: #fff;background-color: #0099cc;position: fixed;top: 50%;right: 0;transform: translate(0,-50%);justify-content: center;border-radius: 10px;text-align: center;z-index: 10;}

.right-fixed .iconfont:before {font-size: 36px;}

.marks,.marks-show{position: fixed;width: 100%;height: 100%;background-color: #191919;left: 0;top: 0;z-index: 99;color: #fff;display: none;}
.marks-show {transform: translate(0,-20px);transition:all .3s ease-in-out;display: flex;visibility: hidden;z-index: 98;opacity: 0;justify-content: center;align-items: center;}
.marks-show.on {transform: translate(0,0);z-index: 100;opacity: 1;visibility:visible;}
.marks-tit {font-size: 24px;text-align: center;padding: 50px 0 35px;font-weight: 400;}
.swiper-alert {
  /* width: 95%; */
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.marks-inner-top {height: 85vh;}
.swiper-alert .swiper-slide {display: flex;justify-content: center;align-items: center;}
.swiper-alert .swiper-button-next,.swiper-alert .swiper-button-prev {width: 50px;height: 50px;opacity: 1;background-color: #0099cc;color: #fff;border-radius: 50%;visibility: hidden;opacity: 0;transition: all .3s ease-in;}
.swiper-alert .swiper-button-next {transform: translate(20px,0);}
.swiper-alert .swiper-button-prev {transform: translate(-20px,0);}
.swiper-alert.on .swiper-button-next,.swiper-alert.on .swiper-button-prev {transform: translate(0,0);opacity: 1;visibility: visible;}
.swiper-alert .swiper-button-next.swiper-button-disabled,.swiper-alert .swiper-button-prev.swiper-button-disabled{background-color: #000000;opacity: 1;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {pointer-events:all;}
.swiper-button-next,.swiper-button-prev {border: none;outline: none;}
.swiper-alert .swiper-button-next:after,.swiper-alert .swiper-button-prev:after {font-size: 24px;}
.alert-img {max-height: 95%;user-select: none;}
.alert-ul>li {display: inline-block;color: #fff;margin:0 40px;}
.alert-ul>li.on .iconfont {background-color: #0099cc;}
.alert-ul>li .iconfont {display: inline-block;width: 42px;height: 42px;line-height:42px;background:  #000000;border-radius: 4px;color: #fff;}
.alert-ul>li .iconfont:before {font-size: 24px;}
.alert-ul>li a {color: #fff;}
.alert-ul>li.on .alert-text {color: #0099cc;}
.alert-text {margin-top: 10px;}
.append-img {max-width: 99%;max-height: 99%;}
.alert-ul {
  /* height: 20vh; */
  display: flex;
  justify-content: center;
  height: calc(15vh - 30px);
  align-items: center;
}
.view-spot {width: 100%;height: 100%;left: 0;top: 0;background-color: transparent;position: absolute;z-index: -1;}
.view-spot.on {z-index: 101;}
.clipdialog-box.on {z-index: 103;}
.view-spot-inner {width: 1400px;background-color: #fff;position: absolute;border-radius: 10px;z-index: 100;height: 88%;overflow: hidden;}
.view-img {height: 100%;width: auto;}
.swiper-view .swiper-slide {width: auto;padding: 4px;border: 1px solid #d9d9d9;position: relative;display: flex;justify-content: center;align-items: center;}
.swiper-view .swiper-slide.on {border:2px solid #0099cc;}
.swiper-view .swiper-slide.on:after {content: "";position: absolute;width: 0;height: 0;border-top: 7px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;left: 50%;bottom: 0;transform: translate(-50%,100%);}
.swiper-view .swiper-slide.on:before {content: "";position: absolute;width: 0;height: 0;border-top: 10px solid #0099cc;border-left: 9px solid transparent;border-right: 9px solid transparent;left: 50%;bottom: 0;transform: translate(-50%,100%);}
.swiper-view {height: 96px;padding: 8px 0;}
.view-spot-pd {padding: 0 25px;height: 100%;}
.view-choose-pd {padding: 0 25px;height: 100%;overflow-y: auto;}
.swiper-view-next,.swiper-view-prev {color: #474747;border: none;outline: none;}
.swiper-view-next:after,.swiper-view-prev:after {font-size: 24px;}
.swiper-view-next {right: 0px}
.swiper-view-prev {left: 0px;}
.view-spot-top {padding: 36px 30px 28px;border-bottom: 2px solid #f0f0f0;}
.view-spot-bott {padding: 42px 0 42px;height: calc(100% - 162px);}
.sb-change-flag {border: 1px solid #e1e1e1;border-radius: 4px;padding: 4px 6px;display: block;margin-top: 13px;margin-right: 10px;text-align: center;}
.sb-change-flag.on {background-color: #0099cc;color: #fff;border-color: #0099cc;}
.sb-change-box {width: 25%;}
.sb-left {width: 63.92%;padding-right: 30px;text-align: center;overflow: hidden;}
.sb-r-item {margin-top: 60px;}
.sb-r-item:first-child {margin-top: 18px;}
.sb-right {width: 36.07%;}
.sb-tit {font-size: 18px;}
.sb-oper>li {width: 33.33%;padding-left: 6px;cursor: pointer;}
.sb-oper>li:hover{color: #0099cc;}
.upload-file {position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1;}
.op-text {margin-top: 13px;}
.br10 {border-radius: 10px;}
.bold {font-weight: 600;}
.width100 {width: 100%;}
.thumb sb-left {overflow: hidden;}
.thumb-img {max-width: 80%;max-height: 100%;width: 100%;}
.view-choose-pic {width: 1100px;background-color: #fff;border-radius: 10px;max-height: 99%;padding: 28px 0 0;height: 90%;z-index: -1;}
.view-choose-pic.on {z-index: 1002;}
.search-box1 {background-color: #f4f4f4;height: 45px;line-height: 45px;}
.search-btn1 {height: 45px;line-height: 45px;width: 95px;font-size: 16px;}
.search-out-box1 {width: 637px;}
.view-c-list {position: relative;min-height: 78px;}
.view-c-list>li {position: relative;width: 13.77%;text-align: center;padding: 6px;margin-top: 15px;border-radius: 10px;border: 2px solid transparent;}
.view-c-list>li.on {border-color: #0099cc;}
.view-c-list>li:nth-of-type(6n+1) {margin-left: 0;}
.filter-cont1 {padding-bottom: 15px;}
.if-right {padding:1px 70px 0 70px;}
.form-tit {text-align: center;font-size: 30px;font-weight: 400;margin: 100px 0 30px;}
.el-btn {width: 100%;display: block;height: 50px;line-height: 50px;border-radius: 4px;background-color: #0099cc;color: #fff;font-size: 16px;}
.el-dl .iconfont {margin-right: 5px;}
.send-code {display: inline-block;width: 80px;height: 26px;line-height: 26px;border: 1px solid #48b6da;color: #48b6da;background-color: #ebf7fb;text-align: center;font-size: 12px;border-radius: 2px;}
.code {width: 148px;}
.zw:before {content: "";}
.if-right2 .el-form-row {margin-top: 30px;}
.responsive-scroll {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.responsive-scroll::-webkit-scrollbar {
  display: none;
}
.pages1 {padding: 18px 0;}
.triangle {
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: url(../img/triangle.png) no-repeat right bottom;
  width: 26px;
  height: 29px;
  display: none;
}
.view-c-list>li.on .triangle {
  display: block;
}
.view-c-text {margin-top: 5px;}

.open-bg {
  width: 670px;
  background: #fff;
  padding: 20px 24px 28px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
}

.open-bg .title {
  color: #191919;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.open-bg .cropper-image-bg {
  width: 100%;
  height: 420px;
  margin-top: 20px;
  background: rgba(0,0,0,.9);
}
.cropper-image {max-height: 100%;}
.clip-btn {display: inline-block;width: 90px;height: 40px;border-radius: 4px;border: 2px solid #e6e6e6;color: #666;text-align: center;line-height: 40px;}
.clip-btn.on {background-color: #0099cc;border-color: #0099cc;color: #fff;}
.clip-btn + .clip-btn {margin-left: 20px;}
.el-input-box {padding: 15px 5px;border-bottom: 1px solid #e5e5e5;}
.if-left {width: 50%;}
.if-right {width: 50%;}
.el-form-row {margin-top: 24px;}
.el-input-val {width: 100%;flex:1}
.inner-form {margin-bottom: 130px;}
.el-dl>dt {width: 88px;}
.el-dl>dd {max-width: calc(100% - 88px);width: 100%;}
.user-center-left {width: 20.83%;min-width: 250px}
.user-center-right {
  width: 77.16%;
  padding: 0 28px 25px;
  max-width: calc(100% - 270px);
  min-height: 702px;
}
.user-img {border-radius: 50%;width: 90px;}
.user-c-pd {padding-top: 25px;}
.user-name {
  margin: 5px 0;
  font-size: 12px;
}
.user-L-bott {
  margin-top: 20px;
  padding: 35px 15px 0;
}
.user-L-nav>li {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 30px;
}
.user-L-nav>li.on .user-Licon-on {
  display: block;
}
.user-L-nav>li .user-Licon-on {
  display: none;
}
.user-Licon-img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.user-Licon-top {
  width: 51px;
  height: 45px;
  position: relative;
  margin: 0 auto;
}

.user-L-nav>li.on .user-Licon-no {
  display: none;
}

.user-L-nav>li.on .user-L-bott-name {
  color: #0099cc;
}

.user-L-bott-name {
  margin-top: 5px;
}

.user-center-Rtit {
  padding: 25px 0 16px;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 400;
}
.user-center {margin-top: 50px;margin-bottom: 44px;}
.user-vip {font-size: 18px;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.user-avatar-change {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  cursor: pointer;
}
.user-avatar-change-box {
  margin: 40px auto 10px;
}
.user-avatar-desc {
  display: inline-block;
  width: 75px;
  height: 27px;
  line-height: 27px;
  border-radius: 28px;
  border: 1px solid #6ac3e1;
  text-align: center;
  color: #0099cc;
  font-size: 12px;
}

.user-edit-form {
  width: 416px;
  margin: 0 auto;
}
.user-edit-form1 {
  width: 448px;
}
.user-info-change-box {padding: 1px 0 ;}
.el-user-row {
  margin-top: 20px;
}
.el-user-dl>dt {
  padding-right: 5px;
  white-space: nowrap;
  width: 74px;
  text-align: right;
}
.user-edit-form1 .el-user-dl>dt {width: 110px;}
.user-edit-form1 .el-user-dl>dd {max-width: calc(100% - 110px);}
.gx {display: inline-block;vertical-align: middle;position: relative;top: -1px;}
.line45 {line-height: 45px;}
.el-user-dl dd {
  width: 100%;
  flex: 1;
  max-width: calc(100% - 74px);
}

.user-change-input-box {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0 12px;
  box-sizing: border-box;
  color: #999;
}

.user-btn {
  width: 145px;
  height: 45px;
  line-height: 45px;
  background-color: #0099cc;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: block;
  margin: 30px auto;
}

.user-change-value {
  font-size: 14px;
  color: #999;
  width: 100%;
  flex: 1;
}
.load-box {
  width: 152px;
  height: 134px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.showImg {max-height: 99%;max-width: 80%;}
.load-border {
  border: 2px dashed #c4c4c4;
  border-radius: 4px;
}
.coll-list-ul>li {width: 23.52%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;}
.block {display: block;width: 100%;}
.ve-tit {font-size: 18px;}
.version-list>li {width: 32.43%;margin-left: 1.35%;overflow: hidden;}
.version-list>li:nth-of-type(3n+1) {margin-left: 0;}
.ve-left {width: 28.78%;}
.ve-desc {font-size: 18px;margin: 5px 0;}
.version-list>li {margin-top: 1.35%;background-color: #fff;border-radius: 10px;}
.version-list {padding-bottom: 40px;}
.ve-right {padding-left: 15px;}
.vermid {vertical-align: middle;}


/*改版样式*/
.gg-logo {width: 30px;}
.head-mid {padding:0 15px;}
.gg-logo {margin-right: 10px;}
.gg-text {font-size: 19px;color: #000;}
.head-search {width: 100%;height: 34px;line-height: 34px;border-radius: 17px;border: 1px solid #434343;overflow: hidden;max-width: 540px;background-color: #fff;}
.head-search-btn {width: 66px;height: 100%;display: inline-flex;align-items: center;justify-content: center;background-color: #434343;color: #fff;border-radius: 17px;}
.logo-btn.on {background-color: #434343;border-color: #434343;}
.main-flex-top-ul>li {font-size: 18px;color: #888888;position: relative;}
.main-flex-top-ul>li a {padding: 25px 0;display: block;}
.main-flex-top-ul>li::after {content: "";display: block;width: 100%;height: 3px;background-color: #0198cd;left: 50%;transform: translate(-50%,0);bottom: 0;position: absolute;width: 0;transition: width .3s ease;}
.main-flex-top-ul>li.on a,.main-flex-top-ul>li:hover a{color: #0198cd;}

@media (min-width:992px)  {
  .main-flex-top-ul>li:hover::after,.main-flex-top-ul>li.on::after {width: 100%;}
  .water-list-ul2>li:hover .water-mask {opacity: 1;visibility: visible;}
}

.gg-logo-white {display: none;}
.main-flex-top-ul>li + li {margin-left: 2.60vw;}
.main-flex-top-ul>li a {color: #888888;}
.main-filter-ul>li {
  padding: 5px 10px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin-right: 15px;
  font-size: 16px;
}
.main-filter-ul>li.on {
  background-color: #0099cc;
  border-color:#0099cc;
  color: #fff;  
}
.main-filter-ul>li.on a {color: #fff;}
.main-filter-ul {padding: 30px 0 30px 16vw;}

/* .water-list-ul2 {min-height: 78px;} */
.water-list-ul2 {margin-top: -1.18%;}
.water-list-ul2>li {width: 24.11%;border-radius: 10px;overflow: hidden;position: relative;margin-top: 1.18%;}
.water-mask {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));display: flex;flex-direction: column;justify-content: flex-end;color: #fff;padding: 20px;opacity: 0;visibility: hidden;transition: opacity .3s ease,visibility .3s ease;}
.water-mask-tit {font-size: 20px;}
.water-mask-bott {font-size: 16px;margin-top: 10px;}
.main-flex-btit {font-size: 16px;color: #000;}
.main-flex-more {font-size: 12px;color: #7f7f7f;}
.col-red {color: #ff0000;}
.main-flex-btop {padding: 20px 0 15px;}
.gg-return {font-size: 24px;color: #0099cc;padding: 40px 0;}
.bt {border-top: 4px solid #bfbfbf;}
.gg-return a {color: #0099cc;}
.gg-return .iconfont {font-size: 24px;}
.gg-details-inner {padding: 40px 25px 108px;}
.gg-details-tit {font-size: 36px;color: #333333;font-weight: 600;}
.gg-details-info {font-size: 16px;color: #787878;padding: 20px 0 40px;border-bottom: 1px solid #bfbfbf;}
.gg-details-info .iconfont {font-size: 18px;}
.gg-details-span + .gg-details-span {margin-left: 20px;}
.alert-ul2 {height: auto;padding: 40px 0;}
.alert-ul2>li,.alert-ul2>li a {color: #666666;}
.alert-ul2>li .iconfont {background-color: #b2b2b2;}
.main-pb {padding-bottom: 90px;}
/*改版样式*/
.line2 {
  -webkit-line-clamp: 2;
}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.col-fff {
  color: #fff;
}
.bgfff {
  background-color: #fff;
}