.visibility_hidden{visibility: hidden}
.block{display: block !important;}
.clear{clear:both;}
@media screen and (min-width: 320px) {
  html {
    font-size: 21.33px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 384px) {
  html {
    font-size: 25.6px;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 26.67px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}
@media screen and (min-width: 424px) {
  html {
    font-size: 28.27px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 32px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 36px;
  }
}
@media screen and (min-width: 720px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 50px;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 67px ;
  }
  .form-box {
    width: 15.17rem !important;
  }
}
@media screen and (min-width: 1027px) {
  html {
    font-size: 27.6px;
  }
  body {
    width: 414px;
    margin: 0 auto;
  }
  body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);
    background-color: #cccccc;
  }
  .fixed,
  .arrangement-index,
  .header {
    width: 414px!important;
  }
  .form-box {
    position: static!important;
    width: 14.92rem !important;
  }
  .form-box .header .header-absolute {
    background: none!important;
  }
  .header .header-absolute {
    width: 15rem!important;
    left: 0!important;
    top: 0!important;
  }
  .header .header-fixed,
  .navigation .nav-header {
    width: 15rem!important;
    left: auto!important;
  }
  .arrangement-index::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .arrangement-index::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);
    background-color: #cccccc;
  }
}
.flex-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-centen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.flex-space {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
* {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  position: relative;
  font-family: " Microsoft YaHei UI-Regular", "Microsoft YaHei UI", "Microsoft YaHei", Arial-Bold, Arial;
  background-color: #F7F7F7;
  color: #333333;
  overflow-x: hidden;
  border: 1px solid #F7F7F7;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  font-size: 12px;
}
input::placeholder,
textarea::placeholder {
  color: #cccccc;
  font-size: 0.48rem;
}
.header {
  position: relative;
  height: 1.76rem;
  z-index: 9;
}
.header .flex-align {
  height: 100%;
}
.header .header-absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 14.92rem;
  height: 100%;
}
.header .header-fixed {
  z-index: 998;
}
.header .logo-show-all {
  height: 100%;
  background-color: #358ff0;
}
.header .logo-show-all .logo-show {
  width: 4.5rem;
  height: 1.45rem;
  margin-left: 35%;
  background: url("../image/icon_m.png") no-repeat -0.28rem 0.12rem;
}
.header .logo-show-all .search-show {
  width: 1rem;
  height: 1.3rem;
  margin-left: 24%;
  background: url(../image/icon_m.png) no-repeat -5.9rem -5.2rem;
}
.header .logo-hide-all {
  display: none;
  background-color: #358ff0;
  height: 100%;
}
.header .logo-hide-all .logo-hide {
  width: 4rem;
  height: 1.3rem;
  margin-left: 4%;
  background: url(../image/icon_m.png) no-repeat -5.28rem 0.075rem;
}
.header .logo-hide-all .search-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 9rem;
  height: 1.2rem;
  background-color: #ffffff;
  margin-left: 3%;
  border-radius: 25px;
}
.header .logo-hide-all .search-all .search-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.75rem;
}
.header .logo-hide-all .search-all .search-text input.search-value {
  width: 6.2rem;
  font-size: 12px;
  color: #333333;
  outline: none;
  border: none;
}
.header .logo-hide-all .search-all .search-hide {
  width: 1rem;
  height: 1.3rem;
  background: url(../image/icon_m.png) no-repeat -8.5rem -5.18rem;
}
.header .header-title {
  position: relative;
  height: 100%;
}
.header .header-title .column-title,
.header .header-title .content-title {
  width: 9.4rem;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.detail-header .header-title::after,.header_guess_list .header-title::after{
  content: '';
  width: 2rem;
  height: 0;
}


/*.detail-header .header-title .content-title,*/
/*.header_guess_list .header-title .column-title{*/
/*  width: unset;*/
/*  padding-left: 10px;*/
/*}*/
.header-joinus .more-column,
.header_guess_list .header-title .column-all-btn,
.detail-header .header-title .column-all-btn,
.feedback_box .header .header-title .column-all-btn {
  visibility: hidden;
}
.header .header-title .column-all-btn {
  width: 1.55rem;
  height: 1.55rem;
  background: url(../image/icon_m.png) no-repeat -2.28rem -5.05rem;
  margin-right: 4%;
}
.detail-header .header-title .column-all-btn,.header_guess_list .header-title .column-all-btn{
  display: none;
}
.detail-header .header-title .column-all-btn,
.header-joinus .more-column
{
  visibility: hidden;
}

.header_guess_list .header-title .column-all-btn,
.feedback_box .header .header-title .column-all-btn {
  visibility: hidden;
}
.header .header-title .go-back {
  width: 1.5rem;
  height: 100%;
}
.detail-header .header-title .go-back {
  align-items: center;
  color: #ffffff;
  display: flex;
}
.header .header-title .header-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.header .header-title .header-center .header-column {
  display: inline-block;
  height: 100%;
  line-height: 1.8rem;
  width: 9.4rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.72rem;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  text-align: center;
}

/*.header_guess_list .header-title .header-center .header-column{*/
/*  width:unset;*/
/*}*/
.header .header-title .header-center .header-column.current {
  font-size: 0.72rem;
  font-weight: bold;
}
.nav-tab {
  margin-bottom: 0.8rem;
}
.nav-tab ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.nav-tab ul li {
  margin-top: 0.8rem;
}
.nav-tab ul li a {
  width: 2.92rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.nav-tab ul li a p {
  font-size: 0.48rem;
  margin: 0.15rem;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nav-tab ul li a .column-1,
.nav-tab ul li a .column-385 {
  background: url(../image/icon_m.png) no-repeat -0.05rem -1.95rem;
}
.nav-tab ul li a .column-2,
.nav-tab ul li a .column-227 {
  background: url(../image/icon_m.png) no-repeat -1.8rem -1.95rem;
}
.nav-tab ul li a .column-3,
.nav-tab ul li a .column-15 {
  background: url(../image/icon_m.png) no-repeat -3.59rem -1.95rem;
}
.nav-tab ul li a .column-4,
.nav-tab ul li a .column-335 {
  background: url(../image/icon_m.png) no-repeat -5.35rem -1.95rem;
}
.nav-tab ul li a .column-5,
.nav-tab ul li a .column-330 {
  background: url(../image/icon_m.png) no-repeat -7.05rem -1.95rem;
}
.nav-tab ul li a .column-6,
.nav-tab ul li a .column-331 {
  background: url(../image/icon_m.png) no-repeat -0.05rem -3.7rem;
}
.nav-tab ul li a .column-7,
.nav-tab ul li a .column-332 {
  background: url(../image/icon_m.png) no-repeat -1.68rem -3.7rem;
}
.nav-tab ul li a .column-8,
.nav-tab ul li a .column-334 {
  background: url(../image/icon_m.png) no-repeat -3.5rem -3.7rem;
}
.nav-tab ul li a .column-9,
.nav-tab ul li a .column-265 {
  background: url(../image/icon_m.png) no-repeat -5.35rem -3.7rem;
}
.nav-tab ul li a .column-10 {
  background: url(../image/icon_m.png) no-repeat -7.15rem -3.63rem;
}
.nav-tab ul li a .column {
  width: 1.5rem;
  height: 1.1rem;
}
.main {
  border-radius: 20px 20px 0 0;
  box-shadow: 0px -5px 20px 0px rgba(51, 51, 51, 0.1);
}
.list-dom {
  background-color: #ffffff;
  padding: 0 0.72rem;
}
.list-dom ul li {
  padding: 0.8rem 0;
  border-bottom: 1px solid #EEEEEE;
}
.list-dom ul li:last-of-type {
  border-bottom: none;
}
.list-dom ul li.list-jc a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-dom ul li.list-jc a .item-text {
  width: 8.96rem;
}
.list-dom ul li.list-jc a .item-text .title-h1 {
  line-height: 0.96rem;
  height: 1.92rem;
  font-size: 0.72rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.list-dom ul li.list-jc a .item-text .column-text {
  margin-top: 0.48rem;
  height: 0.72rem;
  line-height: 0.5rem;
}
.list-dom ul li.list-jc a .item-text .column-text .column-xt {
  color: #999999;
  font-size: 0.56rem;
  margin-right: 0.48rem;
}
.list-dom ul li.list-jc a .item-text .column-text .column-time {
  color: #999999;
  font-size: 0.56rem;
}
.list-dom ul .c-sect .g-title {
  display: none;
}
.list-dom .ztnr_list h2 {
  display: none;
}
.list-dom ul li.list-jc a .item-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.list-dom ul li.list-jc a .item-pic img {
  width: 4.32rem;
  height: 3.24rem;
  border-radius: 8px;
}
.list-dom ul li.list-kx .title-h1 {
  line-height: 0.96rem;
  max-height: 1.92rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.72rem;
}
.list-dom ul li.list-kx .item-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0.48rem 0;
}
.list-dom ul li.list-kx .item-pic img {
  width: 4.45rem;
  height: 3.36rem;
}
.list-dom ul li.list-kx .item-pic img:nth-child(1) {
  border-radius: 8px 0px 0px 8px;
}
.list-dom ul li.list-kx .item-pic img:nth-child(3) {
  border-radius: 0px 8px 8px 0px;
}
.list-dom ul li.list-kx .column-text {
  margin-top: 0.6rem;
  height: 0.72rem;
  line-height: 0.5rem;
}
.list-dom ul li.list-kx .column-text .column-xt {
  color: #999999;
  font-size: 0.56rem;
  margin-right: 0.6rem;
}
.list-dom ul li.list-kx .column-text .column-time {
  color: #999999;
  font-size: 0.56rem;
}
.list-dom ul li.list-xt a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-dom ul li.list-xt a .item-text {
  width: 8.96rem;
}
.list-dom ul li.list-xt a .item-text .title-h1 {
  line-height: 0.96rem;
  height: 1.92rem;
  font-size: 0.72rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.list-dom ul li.list-xt a .item-text .column-text {
  margin-top: 0.48rem;
  height: 0.72rem;
  line-height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-dom ul li.list-xt a .item-text .column-text .column-xt {
  color: #999999;
  font-size: 0.56rem;
  margin-right: 0.48rem;
}
.list-dom ul li.list-xt a .item-text .column-text .column-time {
  color: #999999;
  font-size: 0.56rem;
}
.list-dom ul li.list-xt a .item-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.list-dom ul li.list-xt a .item-pic img {
  width: 4.32rem;
  height: 3.24rem;
  border-radius: 8px 8px 8px 8px;
}
.list-dom ul li.list-rj a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-dom ul li.list-rj a .item-text {
  width: 10.24rem;
}
.list-dom ul li.list-rj a .item-text .title-h1 {
  line-height: 0.96rem;
  font-size: 0.72rem;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-dom ul li.list-rj a .item-text .column-text {
  margin-top: 0.48rem;
  height: 0.72rem;
  line-height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-dom ul li.list-rj a .item-text .column-text .column-xt {
  color: #999999;
  font-size: 0.56rem;
  margin-right: 0.48rem;
}
.list-dom ul li.list-rj a .item-text .column-text .column-time {
  color: #999999;
  font-size: 0.56rem;
}
.list-dom ul li.list-rj a .item-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.list-dom ul li.list-rj a .item-pic img {
  width: 2.56rem;
  height: 2.56rem;
  object-fit: cover;
  border-radius: 8px 8px 8px 8px;
}
.list-dom .list-show {
  display: none;
}
.list-dom .list-show.on {
  display: block!important;
}
.modular-right {
  position: fixed;
  right: 3%;
  top: 70%;
  z-index: 99;
}
.modular-right .return-top {
  display: none;
  width: 2.5rem;
  height: 2.2rem;
  background: url(../image/icon_m.png) no-repeat -0.1rem -6.9rem;
}
.modular-right .voice {
  display: none;
  width: 2.5rem;
  height: 2.2rem;
  background: url(../image/icon_m.png) no-repeat -5.55rem -6.9rem;
  margin-bottom: 0.2rem;
}
.score {
  display: inline-block;
  width: 2.75rem;
  height: 0.72rem;
  margin-right: 0.48rem;
}
.score-1 {
  background: url(../image/icon_m.png) no-repeat -2.56rem -20.25rem;
}
.score-2 {
  background: url(../image/icon_m.png) no-repeat -2rem -20.25rem;
}
.score-3 {
  background: url(../image/icon_m.png) no-repeat -1.4rem -20.25rem;
}
.score-4 {
  background: url(../image/icon_m.png) no-repeat -0.85rem -20.25rem;
}
.score-5 {
  background: url(../image/icon_m.png) no-repeat -0.32rem -20.25rem;
}
.max-score {
  display: inline-block;
  width: 3.5rem;
  height: 0.72rem;
  margin-right: 0.64rem;
}
.max-score-1 {
  background: url(../image/icon_m.png) no-repeat -3.15rem -18.95rem;
}
.max-score-2 {
  background: url(../image/icon_m.png) no-repeat -2.43rem -18.95rem;
}
.max-score-3 {
  background: url(../image/icon_m.png) no-repeat -1.71rem -18.95rem;
}
.max-score-4 {
  background: url(../image/icon_m.png) no-repeat -0.99rem -18.95rem;
}
.max-score-5 {
  background: url(../image/icon_m.png) no-repeat -0.27rem -18.95rem;
}
.size {
  background-size: 11.76rem auto !important;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.space:after {
  content: "";
  width: 1.7rem;
}
.fixed {
  position: fixed!important;
}
.contact {
  padding-bottom: 1rem;
  font-size: 0.64rem;
}
.contact p.add {
  position: relative;
  color: #358FF0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-bottom: 0.5rem;
  padding: 0 0.72rem;
}
.contact p.add a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #358FF0;
  width: 100%;
  padding-top: 1rem;
  border-top: 1px solid #ffffff;
}
.contact p.text {
  padding: 0 0.72rem;
}
.contact p.text a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 1.6rem;
  color: #ffffff;
  background-color: #358FF0;
  border-radius: 4px 4px 4px 4px;
}
.footer {
  padding: 1rem 0;
}
.footer p {
  text-align: center;
  font-size: 0.48rem;
  color: #999999;
  margin-bottom: 0.48rem;
}
.footer p:last-of-type {
  margin-bottom: 0;
}
.navigation .nav-header,
.header .header-fixed {
  width: 100%;
  height: 1.76rem;
  left: 0;
  top: 0;
}
.navigation {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  z-index: 999;
}
.navigation .arrangement-index {
  position: fixed;
  width: 100%;
  max-height: 100%;
  z-index: 9;
  overflow-x: auto;
}
.navigation .arrangement-index .nav-header {
  position: fixed;
  background-color: #358ff0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation .arrangement-index .nav-header:after {
  content: "";
  width: 1.45rem;
  height: 100%;
  margin-right: 4%;
}
.navigation .arrangement-index .nav-header .navigation-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.navigation .arrangement-index .nav-content {
  background-color: #ffffff;
  padding: 0.8rem 0.72rem;
  margin-top: 1.76rem;
}
.navigation .arrangement-index .nav-content .nav-column {
  margin-bottom: 0.8rem;
}
.navigation .arrangement-index .nav-content .nav-column:last-of-type {
  margin-bottom: 0;
}
.navigation .arrangement-index .nav-content .nav-column h3 {
  color: #333333;
  font-size: 0.56rem;
  margin-bottom: 0.64rem;
}
.navigation .arrangement-index .nav-content .nav-column ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
}
.navigation .arrangement-index .nav-content .nav-column ul:after {
  content: "";
  width: 4.3rem;
}
.navigation .arrangement-index .nav-content .nav-column ul li {
  width: 4.32rem;
  height: 1.44rem;
  margin-top: 0.64rem;
}
.navigation .arrangement-index .nav-content .nav-column ul li:nth-child(1),
.navigation .arrangement-index .nav-content .nav-column ul li:nth-child(2),
.navigation .arrangement-index .nav-content .nav-column ul li:nth-child(3) {
  margin-top: 0;
}
.navigation .arrangement-index .nav-content .nav-column ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #F7F7F7;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 0.64rem;
  border-radius: 4px;
}
.navigation .backdrop-index {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, 0.5);
}
.special-all {
  padding: 0.8rem 0.72rem 0.96rem 0.72rem;
  background-color: #ffffff;
}
.special-all ul li {
  margin-bottom: 0.96rem;
  background-color: #F7F7F7;
  border-radius: 0 0 16px 16px;
}
.special-all ul li a .item-pic img {
  display: block;
  width: 100%;
  height: 6.8rem;
  border-radius: 16px 16px 0 0;
  object-fit: cover;
}
.special-all ul li a .item-text .title-h1 {
  color: #333333;
  font-size: 0.72rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.36rem 0.64rem;
}
.video-all {
  padding: 0.8rem 0.72rem 0.96rem 0.72rem;
  background-color: #ffffff;
}
.video-all ul li {
  margin-bottom: 0.96rem;
  background-color: #F7F7F7;
  border-radius: 16px;
  overflow: hidden;
}
.video-all ul li a {
  position: relative;
  display: block;
}
.video-all ul li a .item-pic {
  position: relative;
}
.video-all ul li a .item-pic img {
  display: block;
  width: 100%;
  height: 7.92rem;
  border-radius: 16px;
  object-fit: cover;
}
.video-all ul li a .item-pic:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 7.92rem;
  background: rgba(0, 0, 0, 0.3);
}
.video-all ul li a .item-text {
  position: absolute;
  top: 70%;
  width: 100%;
}
.video-all ul li a .item-text .title-h1 {
  color: #ffffff;
  text-align: center;
  font-size: 0.65rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.36rem 0.64rem;
}
.video-all ul li a .play-icon {
  position: absolute;
  top: 36%;
  left: 42%;
  width: 2.1rem;
  height: 2.1rem;
  background: url(../image/icon_m.png) no-repeat -0.25rem -21.55rem;
}
.video-box {
  margin-top: -1px;
}
.video-box .go-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.76rem;
}
.video-box .column-all-btn {
  position: absolute;
  right: 4%;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/icon_m.png) no-repeat -2.42rem -5.05rem;
  z-index: 99;
  margin-right: 4%;
}
.video-box video {
  display: block;
  width: 100%;
}
.more-load {
  display: none;
  font-size: 0.65rem;
  padding-bottom: 0.8rem;
}
.more-load span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 1.6rem;
  color: #666666;
  border-radius: 5px;
}
.windows-banner {
  padding: 0.8rem 0.72rem 0.3rem 0.72rem;
  background-color: #ffffff;
}
.windows-banner a {
  position: relative;
  display: block;
  width: 100%;
  height: 6.8rem;
  cursor: text;
}
.windows-banner a img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  cursor: text;
}
.windows-banner a p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 94%;
  font-size: 18px;
  color: #ffffff;
  padding: 0.3rem 3%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 16px 16px;
}
.main-content {
  position: relative;
  padding: 0.72rem;
  background-color: #ffffff;
  margin-top: -10px;
  border-radius: 10px 10px 0 0;
}
.main-content .introduce_title {
  margin-top: 1rem!important;
}
.main-content h1.h1-jc {
  font-size: 0.96rem;
  font-weight: bold;
  color: #358FF0;
  padding-bottom: 0.96rem;
  line-height: 1.28rem;
}
.main-content h1.h1-xt {
  font-size: 0.96rem;
  font-weight: bold;
  color: #333333;
  padding-bottom: 0.72rem;
  line-height: 1.28rem;
}
.main-content .thumb {
  margin: 0.8rem 0;
}
.main-content .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.main-content .basic-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.28rem;
  color: #999999;
  font-size: 0.56rem;
}
.main-content .basic-size .content-time,
.main-content .basic-size .soft-size {
  font-size: 0.56rem;
  color: #999999;
}
.main-content .basic-size .content-time,
.main-content .basic-size .author,
.main-content .basic-size .follow {
  margin-right: 0.64rem;
}
.main-content .basic-size .follow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-content .tip-all-xt {
  background: url(../image/icon_m.png) no-repeat 0.7rem -9.8rem;
  height: 4.3rem;
  margin-bottom: 1.28rem;
}
.main-content .tip-all-xt p,
.main-content .tip-all-xt a {
  font-size: 0.64rem;
  color: #ffffff;
  text-align: center;
}
.main-content .tip-all-xt .tip-text1 {
  padding-top: 0.55rem;
  margin-bottom: 1.59rem;
}
.main-content .tip-all-rj {
  background: url(../image/icon_m.png) no-repeat 0.7rem -14.9rem;
  height: 1.9rem;
  margin: 0.8rem 0 1.28rem 0;
}
.main-content .tip-all-rj p,
.main-content .tip-all-rj a {
  font-size: 0.64rem;
  color: #ffffff;
  text-align: center;
}
.main-content .tip-all-rj .tip-text1 {
  padding-top: 0.55rem;
}
.main-content .news p:first-of-type {
  margin-top: 0!important;
}

/*软件下载详情页下载按钮 start */
.downl_wrap2 {
  padding: 0.8rem 0 0.3rem;
  margin-bottom: 10px;
}
.downl_wrap2 .tab {
  display: flex;
}
.downl_wrap2 .tab {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-align: center;
}
.downl_wrap2 .tab .btn {
  background: #358ff0 none repeat scroll 0 0;
}
.downl_wrap2 .tab .btn {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  margin: 0;
  padding: 0.1rem 0;
}

.downl_wrap2 .tab .btn i {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 85% auto;
  height: 25px;
  margin-right: 2px;
  width: 25px;
}
.downl_wrap2 .tab .btn i.bd_icon{
  background-image: url("../image/baidu_1.png");
}
.downl_wrap2 .tab .btn i.qk_icon{
  background-image: url("../image/quark_1.png");
}
.downl_wrap2 .tab .btn i.local_icon{
  background-image: url("../image/down_1.png");
}
.downl_wrap2 .tab a {
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  display: block;
  color: #fff;
  font-size: 0.55rem;
  height: 100%;
  flex: 1;
  margin: 0 5px;
  background: -webkit-linear-gradient(left, #589cf6 0%, #1ab2ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589cf6', endColorstr='#1ab2ff',GradientType=1 );
  background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%);
}
.downl_wrap2 .tab .h_btn {
  background: #6EBD32 none repeat scroll 0 0;
  margin-left: 12px;
}
.downl_wrap2 .tab .h_btn i {

}
.downwp_tips {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #959595;
  height: 18px;
  line-height: 18px;
}
.downwp_notice {
  background-color: #fca027;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-size: 0.6rem;
  margin: 0 20px 10px;
  padding: 0.4rem 0;
  text-align: center;
}
/*软件下载详情页下载按钮 end */



.main-content .news p {
  font-size: 0.72rem;
  line-height: 1.28rem;
  margin: 0.4rem 0;
  text-align: justify;
}
.main-content .news #intro-tit-1 {
  position: relative;
  padding-left: 0.5rem;
  font-weight: bold;
}
.main-content .news #intro-tit-1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.5rem;
  height: 0.9rem;
  background: url(../image/icon_m.png) no-repeat -2.65rem -17.38rem;
  background-size: 11.76rem auto !important;
}
.main-content .news strong {
  font-weight: bold;
  font-size: 0.72rem;
}
.main-content .news img {
  display: block;
  max-width: 100%!important;
  min-width: 100%!important;
  height: auto;
}
.main-content .news a {
  color: #2B71C2 !important;
  font-size: 0.72rem;
  text-decoration: underline;
}
.main-content .news a span {
  color: #2B71C2 !important;
}
.main-content .news-xt {
  max-height: 15rem;
  overflow: hidden;
}
.main-content .open-text {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
.main-content .open-text .block {
  position: absolute;
  top: -4.55rem;
  width: 100%;
  height: 4.5rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
}
.main-content .open-text .see-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0.5rem auto;
  width: 8rem;
  height: 1.28rem;
  background-color: #eeeeee;
  color: #358FF0;
  font-size: 0.65rem;
  border-radius: 16px;
}
.main-content .open-text .see-btn .see-icon {
  width: 0.8rem;
  height: 100%;
  background: url(../image/icon_m.png) no-repeat -0.1rem -17.11rem;
}
.main-content .open-text .see-btn b {
  font-weight: normal;
}
.main-content .fraction {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.72rem;
  margin: 1.28rem 0;
  border-radius: 8px;
}
.main-content .fraction .fraction-text {
  width: 2.88rem;
  height: 2.88rem;
  background-color: rgba(53, 143, 240, 0.1);
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-content .fraction .fraction-text .text {
  font-weight: 400;
  color: #666666;
  font-size: 0.5rem;
}
.main-content .fraction .fraction-text .number {
  color: #FCA027;
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 0.2rem;
}
.main-content .fraction .score-box {
  margin-left: 1rem;
}
.main-content .fraction .fraction-number {
  color: #333333;
  font-size: 0.5rem;
}
.main-content .guess-all {
  margin: 1.28rem 0;
}
.main-content .guess-all ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 0.8rem;
}
.main-content .guess-all ul li {
  margin-top: 0.32rem;
}
.main-content .guess-all ul li:nth-child(1),
.main-content .guess-all ul li:nth-child(2) {
  margin-top: 0;
}
.main-content .guess-all ul li a {
  display: inline-block;
  width: 6rem;
  height: 1.44rem;
  line-height: 1.44rem;
  padding: 0 0.32rem;
  background-color: #F7F7F7;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.64rem;
  border-radius: 4px;
  text-decoration: none;
}
.main-content .banner-extension {
  position: relative;
  margin: 0.96rem 0;
  padding-bottom: 1.12rem;
  display: none;
}
.main-content .banner-extension:after {
  position: absolute;
  bottom: 0;
  left: -0.72rem;
  content: "";
  width: 15rem;
  border-bottom: 4px solid #F7F7F7;
}
.main-content .banner-extension .extension-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #F7F7F7;
  padding: 0.48rem;
}
.main-content .banner-extension .extension-title .title {
  width: 10.2rem;
  font-size: 0.64rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-content .banner-extension .extension-title .extension-tip {
  padding: 1px 4px;
  font-size: 0.56rem;
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
}
.main-content .banner-extension .extension-pic img {
  display: block;
  width: 100%;
}
.main-content .recommend-all .list-dom {
  padding: 0;
}
.main-content .recommend-all .list-dom .column-text .column-xt {
  color: #999999 !important;
}
.main-content .soft-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main-content .soft-open .item-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  height: 2.4rem;
  width: 2.4rem;
  overflow: hidden;
}
.main-content .soft-open .item-pic img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
}
.main-content .soft-open .item-text {
  width: 10.7rem;
}
.main-content .soft-open .item-text i {
  display: block;
  font-style: normal;
  width: 4rem;
}
.main-content .soft-open .item-text p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999999;
  font-size: 0.56rem;
}
.main-content .soft-open .item-text p:last-of-type {
  margin-top: 0.15rem;
}
.main-content .soft-open .item-text p .column-time {
  margin-right: 0.48rem;
}
.main-content .doubt {
  font-size: 0.64rem;
  color: #999999;
  margin: 1rem 0;
}
.main-content .doubt p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-content .doubt span {
  margin-left: 0.64rem;
}
.main-content .doubt a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.64rem;
  color: #666666;
}
.column-content-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.column-content-title .tab-icon1 {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../image/icon_m.png) no-repeat -3.6rem -17.34rem;
}
.column-content-title .tab-icon2 {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../image/icon_m.png) no-repeat -4.8rem -17.34rem;
}
.column-content-title span {
  color: #333333;
  font-size: 0.72rem;
  font-weight: bold;
  margin-left: 0.15rem;
}
.join-we {
  background-color: #ffffff;
  padding: 0 0.72rem;
}
.join-we .text-height {
  line-height: 1rem;
}
.join-we p {
  font-size: 0.64rem;
  text-align: justify;
  vertical-align: bottom;
  color: #666666;
  margin-top: 0.48rem;
}
.join-we p strong {
  position: relative;
  padding-left: 0.5rem;
  font-size: 0.8rem;
}
.join-we p strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5rem;
  height: 0.9rem;
  background: url(../image/icon_m.png) no-repeat -2.65rem -17.66rem;
  background-size: 12rem auto !important;
}
.join-we p b {
  font-size: 0.72rem;
}
.join-we p i {
  display: inline-block;
  font-size: 0.56rem;
  font-style: normal;
  color: #999999;
  margin-left: 0.32rem;
}
.join-we strong {
  font-weight: bold;
  font-size: 0.72rem;
}
.join-we .page-1 {
  padding-top: 0.8rem;
}
.join-we .page-2 {
  margin-top: 1.28rem;
}
.join-we .mt24 {
  margin-top: 0.92rem;
}
.join-we .tagging-1 {
  margin-bottom: 0.64rem;
  color: #2B71C2;
}
.join-we .tagging-2 {
  color: #333333;
}
.join-we .add-we p {
  font-size: 0.64rem;
  color: #666666;
}
.join-we .add-we .h1 {
  text-align: center;
  margin: 1.6rem 0 0.92rem 0;
}
.join-we .add-we .h1 b {
  color: #358FF0;
  font-size: 0.72rem;
}
.join-we .add-we .mailbox {
  padding: 0.96rem 0 1.28rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.join-we .add-we .mailbox span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 8rem;
  height: 1.6rem;
  background-color: #358FF0;
  border-radius: 4px;
  color: #ffffff;
  font-size: 0.64rem;
}
.form-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 14.92rem;
  height: 100%;
  background-color: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  border: 0.05rem solid #F7F7F7;
}
.form-box .feedback-form {
  padding: 0 0.72rem 0.72rem 0.72rem;
}
.form-box .feedback-form .item-form {
  margin-top: 0.96rem;
}
.form-box .feedback-form .item-form:first-of-type {
  margin-top: 0.8rem;
}
.form-box .feedback-form .item-form label {
  display: block;
  width: 100%;
  font-size: 0.72rem;
  color: #333333;
}
.form-box .feedback-form .item-form input,
.form-box .feedback-form .item-form textarea {
  width: 94%;
  padding: 3%;
  padding-left: 12px;
  margin-top: 0.48rem;
  outline: none;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 0.64rem;
}
.form-box .feedback-form .item-form input::placeholder,
.form-box .feedback-form .item-form textarea::placeholder {
  color: #cccccc;
  font-size: 0.64rem;
  color: #999999;
}
.form-box .feedback-form .item-form .tip {
  font-size: 0.56rem;
  color: #666666;
  margin-top: 0.25rem;
}
.form-box .feedback-form .item-form .tip span {
  color: red;
}
.form-box .feedback-form #form-title,
.form-box .feedback-form #pName {
  color: #999999;
  background-color: #f3f3f3;
}
.form-box .feedback-form #form-url,
.form-box .feedback-form #pLink {
  color: #999999;
  background-color: #f3f3f3;
}
.form-box .feedback-form #form-info,
.form-box .feedback-form #pContent {
  resize: none;
  min-height: 3rem;
  max-height: 3.5rem;
  color: #333333;
}
.form-box .feedback-form #form-info::placeholder,
.form-box .feedback-form #pContent::placeholder {
  font-size: 0.64rem;
  color: #CCCCCC;
}
.form-box .feedback-form #form-telephone,
.form-box .feedback-form #contact {
  color: #333333;
}
.form-box .feedback-form #form-telephone::placeholder,
.form-box .feedback-form #contact::placeholder {
  font-size: 0.64rem;
  color: #CCCCCC;
}
.form-box .feedback-form .submit-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 1.6rem;
}
.form-box .feedback-form .submit-btn button {
  width: 6.72rem;
  height: 1.92rem;
  font-size: 0.8rem;
  outline: none;
  border: none;
  border-radius: 4px;
  background-color: #eeeeee;
  color: #999999;
}
.form-box .feedback-form .submit-btn button.current {
  background-color: #358FF0;
  color: #ffffff;
}
.form-box .footer,
.form-box .contact {
  background-color: #F7F7F7;
}
.icon-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 5px;
  background: url("../image/click.png") no-repeat center center;
  background-size: 0.6rem auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.icon-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../image/feedback2.png") no-repeat center center;
  background-size: 0.6rem auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.navigation .arrangement-index .nav-header .navigation-title,
.header .header-title .column-title {
  font-size: 0.72rem;
  font-weight: bold;
  color: #ffffff;
}
.left-btn {
  width: 1.45rem;
  height: 100%;
  background: url(../image/icon_m.png) no-repeat -0.1rem -4.95rem;
  margin-left: 4%;
}
.go-back {
  background: url(../image/home.png) no-repeat center center;
  background-size: 1.5rem auto;
  margin-left: 4%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.feedback_box .go-back {
  align-items: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  visibility: hidden;
}
a.go-back{
  width: 1.45rem;
  height: 100%;
  background: url(../image/icon_m.png) no-repeat -0.1rem -4.95rem;
  margin-left: 4%;
  background-size: 11.76rem auto !important;
  visibility: unset!important;
}
.fixed_top {
  position: fixed;
  top: 0;
  background-color: #358ff0;
}
.fixed_top .header-title {
  width: 15rem;
}
/*加载更多*/
.list .dropload-down .dropload-load,
.list .dropload-down .dropload-refresh,
.list .dropload-down .dropload-noData {
  border-top: 1px dashed #eeeeee;
  color: #999999;
  font-size: 14px;
  padding: 18px 0 24px;
  text-align: center;
}
/*自由列表选项卡*/
.list-tab {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.list-tab a {
  color: #969696;
  display: block;
  font-size: 0.58rem;
  font-weight: 700;
  line-height: 1.48rem;
}
.list-tab a.on {
  color: #1385dc;
}
/*系统列表品牌*/
.list_submenu .top_menu_bar {
  box-sizing: border-box;
  background: #f3f3f3;
  padding-right: 0.58rem;
}
.list_submenu .top_menu {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.list_submenu .top_menu_list {
  white-space: nowrap;
}
.list_submenu .top_menu_list .btn {
  white-space: nowrap;
  display: inline-block;
  padding-left: 0.35rem;
  padding-right: 0.1rem;
  color: #3c3c3c;
  text-decoration: none;
  font-size: 0.58rem;
  margin-left: 5px;
  height: 1.48rem;
  line-height: 1.48rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.list_submenu .top_menu_list .btn.cur {
  color: #23a8ec;
}


/*系统下载详情页轮播图 start */
.rotation_img_box{
  position: relative;
}
.rotation_img_box .img_list li{
  display: none;
  height: 8rem;
  width: 100%;
}
.rotation_img_box .img_list li:first-child{
  display: block;
}
.rotation_img_box .img_list li img{
  width: 100%;
  height: 100%;
}
.rotation_img_box .btn_list_box{
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  text-align: center;
}
.rotation_img_box .btn_list_box span {
  background-color: rgba(179, 179, 179, 0.43);
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.rotation_img_box .btn_list_box span + span {
  margin-left: 5px;
}
.rotation_img_box .btn_list_box span.active {
  background-color: rgba(179, 179, 179, 0.6);
}
.rotation_img_box .btn_list_box span:first-child{

}
/*系统下载详情页轮播图 end */


/*.news_body .voice{*/
/*  display: block !important;*/
/*}*/
