@charset "UTF-8";
/*移动端导航*/
.bmbtn, .a_txt, .moblie_head{display: none;}
@media screen and (max-width: 1024px) and (min-width: 0px){
  .tel{ display: none; }
 .bmbtn{ position: absolute;
    text-align: center;
    /* margin: 0 auto; */
    left: 50%;
    margin-left: -25px;
    /* top: 15px; */
    height: 48px;
    line-height: 48px;
    color: #fff;
    display: block;; }
.moblie_head{display:block;height:40px; position:fixed;top:0px;right:10px;width:40px;z-index:10; }
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:24px}
.moblie_head .rg{padding-right:0;padding-top:4px}
.moblie_head .rg a img{height:36px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#070045;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{ width:100%; padding: 10px 0; z-index:100;   text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:40%; top:36px; right: 0; z-index:100; background:rgba(137,104,53,1); }
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid rgba(255,255,255,0.2)}
.a_txt .div3 ul li a{display:block;height:40px;color:#fff;line-height:40px; text-align: center; font-size:14px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
.pbox{color: #fff; font-size: 14px;  padding-bottom: 20px;text-align: left; }
.pbox i{ display: block; padding: 8px 0px; }

}
/* 适配 */
@media screen and (max-width: 1090px) {
  .area {
    padding: 0 20px;
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (max-width: 900px) {
  .no-mobile {
    display: none !important;
  }
  body {
    width: 100%;
    overflow-x: hidden;
    background-color: #E0BD85;
  }
  .header {
    padding-bottom: 0;
    height: 48px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .header .area {
    padding: 0 !important;
  }
  .header .logo {
    margin-top: -2px;
    margin-left: -16px;
    background-size: 60px auto;
  }
  .header .tel {
    margin-right: 10px;
    line-height: 36px;
    font-size: 12px;
  }
  .header .tel a {
    color: #fff;
  }
  .header .nav {
    display: none;
    clear: both;
    background-color: #c0a264;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
  }
  .header .nav a {
    padding: 0;
    text-align: center;
    width: 24%;
  }
  .adv {
    margin-top: 100px;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .wrapper {
    margin-top: 40px;

    /* background-size:  250% auto; */
    background-position: top center;
    background-attachment: scroll;
  }
  .logobox {
    text-align: center;
    padding: 3vh 0;
    height: auto;

}
.wrapper-small .logobox {
    text-align: center;
    padding: 3vh 0;
    height: auto;
}
  .logobox img{ width: 85%; height: auto; }
  .wrapper .progress {
    position: static;
    background-color: rgba(53, 33, 0, 0.5);
    display: none;
  }
  .wrapper .progress .list {
    border-top: 1px solid #90743a;
    border-left: none;
  }
  .wrapper .progress .list li {
    float: left;
    position: relative;
    padding-left: 30px;
    padding-top: 15px;
    margin-bottom: 20px;
  }
  .wrapper .progress .list li .date {
    font-size: 20px;
  }
  .wrapper .progress .list li .thing {
    font-size: 12px;
  }
  .wrapper .progress .list li::before {
    left: 50px;
    top: 2px;
    border-left-color: transparent;
    border-left-width: 5px;
    border-right: 5px solid transparent;
    border-top-color: #c0a264;
    border-top-width: 8px;
    border-bottom: none;
  }
  .wrapper .progress .list li::after {
    left: 110%;
    bottom: auto;
    top: 50%;
    margin-top: 5px;
    -webkit-transform: rotate(-90deg) scale(0.8);
            transform: rotate(-90deg) scale(0.8);
  }
  .wrapper .mainT {
    width: 80%;
  }
  .wrapper .mainT::before, .wrapper .mainT::after {
    width: 65px;
  }
  .wrapper .subT {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    letter-spacing:0;
  }
  .wrapper .intro {
    padding: 30px 0;

  }
  .wrapper .intro .mainT {
    width: 80%;
  }
  .wrapper .wrap .rule {
    padding: 30px 0;
  }
  .wrapper .wrap .rule .mainT {
    margin-bottom: 10px;
    width: 90%;
  }
  .wrapper .wrap .agenda, .wrapper .wrap .term {
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
  }
  .wrapper .wrap .prize {
    overflow: hidden;
    padding: 0 20px;
  }
  .wrapper .wrap .prize .cf {
    padding: 45px 0 0;
  }
  .wrapper .wrap .prize .fir, .wrapper .wrap .prize .sec, .wrapper .wrap .prize .thi {
    margin-bottom: 30px;
    float: none;
    width: 100%;
    border-right: none;
  }
  .wrapper .wrap .prize .fir .pic, .wrapper .wrap .prize .sec .pic, .wrapper .wrap .prize .thi .pic {
    width: auto;
  }
  .wrapper .wrap .prize .fir .list, .wrapper .wrap .prize .sec .list, .wrapper .wrap .prize .thi .list {
    padding-left: 30px;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
  }
  .wrapper .wrap .prize .fir .list li, .wrapper .wrap .prize .sec .list li, .wrapper .wrap .prize .thi .list li {
    float: left;
    width: 100%; font-size:16px;
  }
  .wrapper .wrap .prize .sec .pic, .wrapper .wrap .prize .thi .pic {
    margin-top: 0;
  }
  .wrapper .wrap .way {
    margin-bottom: 40px;
    padding: 0 20px;
  }
  .wrapper .wrap .way dl {
    padding: 20px 0 0;
    line-height: 2;
  }
  .wrapper .wrap .way dl dt {
    color:#a78e44;
  }
  .wrapper .wrap .way dl dd {
    margin-bottom: 10px;
  }
  .wrapper .wrap .expert {
    padding: 0 20px 40px;
  }
  .wrapper .wrap .expert .list li {
    margin-top: 20px;
    padding: 0 10px;
    width: 50%;
  }
  .wrapper .wrap .expert .list li .avatar {
    margin-bottom: 5px;
    width: 90px;
    height: 90px;
  }
  .wrapper .wrap .boss {
    padding: 0 20px 40px;
  }
  .wrapper .wrap .boss .list li {
    margin-top: 20px;
    width: 50%;
    line-height: 1.5;
  }
  .wrapper .wrap .boss .list li .avatar {
    height: 90px;
  }
  .wrapper .wrap .case {
    padding: 0 20px;
  }
  .wrapper .wrap .case .list {
    padding: 15px 0 30px;
  }
  .wrapper .wrap .case .list li {
    margin-bottom: 0px;
    padding: 0;
    width: 100%;
  }
  .wrapper .wrap .case .list li:nth-child(even) {
    padding: 0;
  }
  .wrapper .wrap .news {
    padding: 0 20px;
  }
  .wrapper .wrap .news .con {
    padding: 20px 0 10px;
  }
  .wrapper .wrap .news .con .pic {
    float: none;
    width: 100%;
  }
  .wrapper .wrap .news .con .list {
    margin: 20px 0 0;
  }
  .wrapper .wrap .news .con .list li {
    margin-bottom: 10px;
  }
  .wrapper .gray .org {
    padding: 35px 20px 0;
  }
  .wrapper .gray .org dl dd p {
    margin-bottom: 20px; color:#502D08;
  }
  .wrapper .gray .media .list {
    margin: 0 -5px;
  }
  .wrapper .gray .media .list li {
    padding: 0 5px 15px;
    width: 50%;
  }
  .wrapper .gray .media .list li a {
    height: 75px;
  }
  .wrapper .gray .contact {
    padding-bottom: 30px;
    width: 100%;
  }
  .wrapper .gray .contact .picBox {
    width: 90px;
  }
  .wrapper .gray .contact .picBox .pic {
    width: 90px;
    height: 90px;
  }
  .wrapper .gray .contact .info {
    margin-left: 0px;
    line-height: 1.8;
    font-size: 14px;
  }
  .footer {
    background-color: #000;
  }
  .tips dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vote-detail-content {
    padding: 20px;
  }
  .vote-detail-content .company-desc {
    text-align: justify;
    font-size: 14px !important;
  }
  .vote-detail-content .center {
    padding-bottom: 20px;
  }
  .vote-detail-content .company .tipBox {
    padding-right: 30px;
  }
  .vote-detail-content .company .vote-button {
    margin-top: 20px;
    font-size: 16px;
  }
  .vote-detail-content .buttons .other-button,
  .vote-detail-content .buttons .back-button,
  .vote-detail-content .buttons .share-button {
    padding: 8px 15px;
  }
  .vote-detail-content .buttons .share-button {
    width: 110px;
    text-align: center;
  }
  .vote-content {
    padding: 20px !important;
  }
  .vote-content a {
    width: 100%;
  }
  .vote-content a .vote-button {
    width: 100% !important;
  }
  .vote-content a:first-of-type {
    margin-top: 30px;
  }
  .vote-intro {
    padding-left: 0 !important;
    font-size: 12px !important;
  }
  .vote-intro .left {
    white-space: nowrap;
  }
  .search-result .search-content {
    padding-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .search-result .search-content .vote-button {
    width: 70px !important;
    height: 30px !important;
  }
  .search-result .search-content .search-header li,
  .search-result .search-content .search-content-item li{
    height:50px;  padding:0 15px;
  }
  .search-result .back-index {
    margin-bottom: 10px !important;
  }
  .rank,
  .vote-item-content {
    padding: 0 20px !important;
  }
  .center-content {
    width: 100% !important;
    overflow-x: auto;
  }
  .center-content .center-item button {
    height: 44px  !important;
  }
  .center-content .center-item button.vote-button {
    font-size: 16px;
    width: 230px !important;
    padding: 10px !important;
  }
  .center-content .center-item button.vote-button .icon {
    display: none;
  }
  .center-content .center-item button.vote-button-small {
    width: auto;
    font-size: 16px;
    line-height: 1;
    padding: 10px 20px !important;
  }
  .buttons {
    font-size: 14px;
  }
  .other-button {
    margin-right: 10px !important;
  }
  .share {
    display: none;
  }
  .search-wrap.fix {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search-wrap.fix .search-content-wrap {
    border: none !important;
  }
  .search-wrap.fix .search-content-wrap:last-of-type .search-header {
    display: none;
  }
  .rank {
    margin-bottom: 40px !important;
  }
  .rank .search-header li,
  .rank .search-content-item li {
    width: 100% !important;
  }
  .rank .search-header li div,
  .rank .search-content-item li div {
    padding: 0 !important;
    white-space: inherit !important;
    font-size: 12px;
    letter-spacing:0px;
  }
  .container a {
    display: none !important;
  }
  .container a:first-of-type, .container a:last-of-type {
    display: block !important;
  }
  .goUp {
    position: fixed;
    z-index: 2;
    left: auto;
    right: 10px;
    margin-left: 0;
    bottom: 20px;
  }
  .header-extra-img {
    width: 90px;
    height: 18px;
    left: 20px;
    top: 20px;
}

.expert .list {
        justify-content: flex-start;
        padding: 0 15px;
    }
    .expert .list li {
        width: 48%;               /* 移动端每行2个专家 */
        padding: 0 5px;
    }
    .expert .list li .avatar {
        width: 80px;
        height: 80px;             /* 缩小头像 */
    }
    .expert .list li .name {
        font-size: 16px;
    }
    .expert .list li .position {
        font-size: 12px;
        line-height: 1.2;
    }
  .prize-row {
      flex-wrap: wrap;
      /* gap: 20px 10px; */
      padding: 0 15px;
  }
  .prize-card {
      width: 45%;
      /* margin-bottom: 10px; */
  }
  .prize-name {
      max-width: 150px;
      font-size: 14px;
  }
  .prize-type {
      font-size: 12px;
  }
  .prize-row:nth-child(0) .prize-card,
  .prize-row:nth-child(1) .prize-card,
  .prize-row:nth-child(2) .prize-card,
  .prize-row:nth-child(3) .prize-card,
  .prize-row:nth-child(4) .prize-card,
  .prize-row:nth-child(5) .prize-card {
      width: 80%;
      margin: 0 auto;
  }
}

.mobile {
  background-color: #fff;
  height: 100%;
}

.mobile .wrapper {
  margin-top: 0;
  padding-top: 0;
  height: auto;
}

.mobile .wrapper .wrap {
  position: relative;
  z-index: 1;
}

.mobile .wrapper .h2 i {
  color: #4b0c77;
  font-weight: bold;
}

.mobile .wrapper .award {
  font-size: 25px;
  color:#000;
  font-weight: normal;
}
.wrapper .wrap .prize .cf2 {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding: 45px 0 0 0 ;
}
.mobile .wrapper .award i {
  letter-spacing: 0;
  padding: 0 10px;
}

.mobile .wrapper .search-input [name="keyword"] {
  padding-left: 40px;
  background: url(../images/search.png) no-repeat 10px 50%/20px auto;
}

.mobile .wrapper .btnList {
  padding: 10px 35px;
}

.mobile .wrapper .btnList li {
  margin-bottom: 30px;
  position: relative;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  background: #4b0c77;
  font-size: 18px;
  color: #fff;
  padding-left: 55px;
  text-align: left;
  -webkit-box-shadow: 3px 3px 3px #ccc;
          box-shadow: 3px 3px 3px #ccc;
}

.mobile .wrapper .btnList li::before {
  position: absolute;
  left: -10px;
  top: -5px;
  width: 100px;
  height: 50px;
  content: '';
  background: url(../images/ico.png) no-repeat 0 50%/auto 100%;
}

.mobile .wrapper .queryBtn {
  margin: 40px auto 0;
  display: block;
  width: 300px;
  height: 40px;
  border-radius: 20px;
  background: #4b0c77;
  font-size: 17px;
  color: #fff;
  border: none;
}

.mobile .wrapper .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.mobile .loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: url(../images/loading-2.gif) no-repeat 50% 50% rgba(255, 255, 255, 0.5);
}

.mobile .shadow {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.mobile .shadow .picBox {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 86%;
  -webkit-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
}

.mobile .shadow .picBox .close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: url(../images/close.png) no-repeat 50% 50%/40% auto rgba(0, 0, 0, 0.8);
}

.mobile .shadow .picBox img {
  width: 100%;
}

.mobile .shadow .picBox .btm {
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  color: #9c8351;
  letter-spacing: 5px;
}

/* 阿贵 begin */
@media screen and (max-width: 900px) {
    .awardList { width:100%;}
    .awardList a{ margin:10px 0;}
    .vote-item-content .vote-tab dl{display: block;}
    .vote-item-content .vote-tab dl dd {width:100%; text-align: center;}
}
/* 阿贵 End */