/*手机端适配*/

@media (max-width:1240px) {
  .center-box {padding-left: 15px;padding-right: 15px;width: 100%;}
}

@media (max-width:1040px) {
  .center-box2 {padding-left: 15px;padding-right: 15px;width: 100%;}
}

@media (max-width:992px) {
    .share-dialog .share-dialog-cont {padding:20px}
  .mark-form {max-width: 94%;}
  .load-ul>li {padding: 20px 0;}
  .load-tit {font-size: 14px;}
  .ec-text {font-size: 12px;}
  .eval-right,.eval-cright {padding-left: 10px;}
  .i-ava {width: 36px;height: 36px;}
  .evaluate-ul>li + li {margin-top: 20px;}
  .eval-rdesc {font-size: 14px;}
  .evaluate-box {padding: 20px 15px;}
  .msg-text {height: 60px;}
  .msg-form {margin-top: 10px;}
  .msg-avatar {width: 40px;height: 40px;}
  .msg-name {font-size: 18px;}
  .msg-ltop {padding: 15px;}
  .msg-form .icon-tousujianyi {font-size: 16px;}
  .msg-text {font-size: 14px;}
  .msg-right-edit {padding: 15px;}
  .msg-left, .msg-right {height: 80vh;width: 100%;flex-shrink: 0;}
  .msg-text-ul>li + li{margin-top: 20px;}
  .msg-rmid-text {padding: 15px;}
  .follow-list-ul>li {margin-top: 20px;}
  .main-mid {width: 100%;}
  .follow-box {padding: 15px;}
  .dt-info-top {padding: 18px 0;}
  .comment-tit {font-size: 18px;}
  .dt-info-desc {font-size: 14px;line-height: 1.875em;}
  .dt-info-span {padding: 0 5px;}
  .dt-info-tit {font-size: 18px;}
  .cont-dt-pd {padding-left: 15px;padding-right: 15px;}
  .pub-contract-top {padding: 15px;}
  .pub-cont-tit {font-size: 18px;}
  .main-pub  {padding: 15px;}
  .ring-links + .app-links {margin-left: 15px;}
  .login-user-info {margin-left:15px;}
  .head-ava {width: 24px;height: 24px;}
  .head {font-size: 14px;}
  .head-right [class*=-links] .iconfont {font-size: 18px;}
  .register-inner {top: 45%;}
  .el-sub-btn {height: 45px;font-size: 16px;}
  .el-register-btn {width: 80px;}
  .register-form-tit {font-size: 18px;}
  .el-register-dl>dt {font-size: 14px;width: 60px;}
  .el-pub-btn {height: 50px;width: 190px;font-size: 18px;}
  .el-register-val:not([class*=el-register-text]) {height: 40px;}
  .el-register-row {margin-top: 15px!important;}
  .register-form {margin-left: auto;margin-right: auto;max-width: 96%;padding: 20px 15px!important;}
  .main-mid-tul>li .iconfont {font-size: 16px;}
  .head-form {border: 1px solid #2c75ff;}
  .head-web-posi {position: absolute;bottom: -10px;transform: translate(-50%,100%);width: calc(100% - 30px);left: 50%;display: none;}
  .head-right .icon-home1,.head-right .icon-icon_tuichu-{font-size: 18px;}
  .el-login-row {margin-top: 15px;}
  .main-mid-tul-under {display: flex;flex-wrap: wrap;}
  .main-mid-tul-under>li {border-bottom: none;margin-right: 2.08vw;}
  .main-mid-tul-under>li::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #2c75ff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    transition: width .3s ease;
  }
  .jquery-qqface {
    left: 15px !important;
  }
  .el-pub-dl + .el-pub-dl {margin-top: 20px;}
  .pub-contract-pd {padding: 25px 15px;}
  .main-user-blinks {height: 25px;width: 62.5px;}
  .main-user-bul>li {width: 100%;}
  .main-user-blinks + .main-user-blinks {margin-left: 0;margin-top: 5px;}
  .main-user-bright {display: flex;flex-direction: column;padding-bottom: 10px;}
  .main-user-data>span {margin-right: 10px;}
  .main-user-bott {margin-top: 10px;}
  .main-user_info {padding-bottom: 10px;padding-left: 10px;}
  .main-user-name {font-size: 16px;}
  .main-user-avatar {width: 64px;height: 64px;}
  /* .woo-box-flex {width: 190px;} */
  .main-sub-btn {height: 28px;width: 56px;font-size: 14px;}
  .footer {padding: 15px 0;}
  .footer-logo {max-width: 80px;}
  .footer-info {padding-left: 10px;margin-left: 10px;}
  .main-mid-tul-under>li.on::after,.main-mid-tul-under>li:hover::after {width: 100%;}
  .main-info-ul>li + li {margin-top: 15px;}
  ._web-mt15 {margin-top: 15px;}
  ._web-mt20 {margin-top: 20px;}
  ._web-mt25 {margin-top: 25px;}
  ._web-fs12 {font-size: 12px;}
  ._web-fs14 {font-size: 14px;}
  ._web-fs16 {font-size: 16px;}
  ._web-fs18 {font-size: 18px;}
  ._web-fs20 {font-size: 20px;}
  ._web-fs22 {font-size: 22px;}
  ._web-fs24 {font-size: 24px;}
  ._web-pd40 {padding: 40px 0;}
  ._web-pd15 {padding: 15px 0;}
  ._web-pd20 {padding: 20px 0;}
  ._web-pd25 {padding: 25px 0;}
  .banner-group {margin-top: 20px;}
  .logo-img {max-width: 40%;}
  .mt20 {margin-top: 15px;}
  .mrp-inner,.mrp-inner .iconfont {font-size: 18px;}
  .mrp-bj {height: 60px;object-fit: cover;}
  .main-ir-media .iconfont {font-size: 16px;}
  .main-ir-media:not(.main-ir-media2) {margin-top: 15px;}
  .main-ir-desc {font-size: 14px;}
  .sub-btn {height: 25px;width: 62.5px;}
  .sub-btn.ml10 {margin-left: 5px;}
  .sub-btn .iconfont {font-size: 14px;}
  .coll-btn .iconfont {font-size: 18px;}
  .main-ir-name {font-size: 16px;}
  .main-info-ul>li {padding: 15px;}
  .main-mid-tul>li {font-size: 14px;}
  .main-mid-top {padding: 0 15px;}
  .main-pd {padding: 0 15px 20px;}
  .main-left.main-pd {padding-bottom: 5px;}
  .main-left-iul {padding: 5px 0 0;}
  .main-litit {font-size: 16px;}
  .main-left-item {padding: 15px 0 15px;}
  .pub-btn,.banner-sbtn,.banner-select,.banner-val {height: 40px;}
  .pub-btn {margin-left: 0;font-size: 16px;width: 120px;}
  .main-ltit {font-size: 18px;padding: 20px 0 10px;}
  .login-link {padding: 0 5px;}
  .login-links {margin-left: 10px;}
  .banner-word {margin-top: 10px;}
  .pub-btn .iconfont {font-size: 16px;}
  .banner-list-img {min-height: 240px;object-fit: cover;}
  .nav-ul>li + li {margin-left: 0;}
  .nav-ul {
    flex-direction: column;
  }
  .head-logo {max-width: 100px;}
  .banner-select {width: 88px;font-size: 14px;}
  .banner-sbtn {font-size: 16px;}
  .head {padding: 12px 0;}
  .menu {display: block;}
  .hide-pc {display: flex;}
  .hide-web {display: none;}
  .nav-ul-box {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: fixed;
    left: -100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 999;
    padding: 0;
  }

  .normal-place ::-webkit-input-placeholder{
    font-size: 14px;
  }
  .normal-place :-moz-placeholder{
    font-size: 14px;
  }
  .normal-place ::-moz-placeholder{
    font-size: 14px;
  }
  .normal-place :-ms-input-placeholder{
    font-size: 14px;
  }

  .head-nav-ul {
    width: 210px;
    height: 100%;
    flex-direction: column;
    padding-top: 40px;
    justify-content: flex-start;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
  }

  .drop-cont {position: static;transform: none;padding-top: 0;width: 100%;}
  .drop-ul {box-shadow: none;padding: 10px 0;border-radius: 0;text-align: left;background-color: #eee;}
  .drop-ul>li {padding: 0 20px;}
  .nav-ul>li {
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .fix-web {display: flex;flex-direction: column;}
  .fix-web:after {display: none;}
  .fix-web>[class*=left],.fix-web>[class*=right] {width: 100%;}
  .flex-web {flex-direction: column!important;}
  .flex-web>[class*=left],.flex-web>[class*=right] {width: 100%;}
  .flex-web-reverse {flex-direction: column-reverse!important;}
  .flex-web-reverse>[class*=left],.flex-web-reverse>[class*=right] {width: 100%;}
  .fix-web>.right-mt25 {margin-top: 25px;}
  .fix-web>.right-mt20 {margin-top: 20px;}
  .flex-web>.right-mt5 {margin-top: 5px;}
  .fix-web>.right-mt15 {margin-top: 15px;}
  .flex-web> .right-mt15 {margin-top: 15px;}
  .flex-web> .right-mt10 {margin-top: 10px;}
  .flex-web> .right-mt20 {margin-top: 20px;}
  .flex-web> .right-mt25 {margin-top: 25px;}

  ._web_col_2 {display: flex;flex-wrap: wrap;}
  ._web_col_2>li {width: 48.5%;margin-left: 3%;margin-top: 15px;}
  ._web_col_2>li:nth-of-type(5n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(4n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(3n+1) {margin-left: 3%;}
  ._web_col_2>li:nth-of-type(2n+1) {margin-left: 0;}
}

@media (max-width:750px) {
  .banner-img {display: none;}
  .mobile-img {display: block;}
  .flex-phone {flex-direction: column;}
  .flex-phone>[class*=left],.flex-phone>[class*=right] {width: 100%;}
  .flex-phone> .right-mt5 {margin-top: 5px;}
  .flex-phone> .right-mt15 {margin-top: 15px;}
  .flex-phone> .right-mt20 {margin-top: 20px;}
  .flex-phone> .right-mt25 {margin-top: 25px;}
}

@media (max-width:640px)  {

}
@media (max-width:575px) {

}
@media (max-width:414px) {

}

@media (max-width:375px) {

}