@charset "UTF-8";
/*专题rgba start*/
/*专题rgba end*/
/*字体颜色 start*/
/*字体颜色 end*/
.topicAll.ys {
  background-color: #17A1FF;
}
.topicAll.bg {
  background-color: #FA4633;
}
.topicAll.model {
  background-color: #FF9400;
}
.topicAll.illus {
  background-color: #3DB060;
}
.topicAll.art {
  background-color: #00CFDD;
}
.topicAll.video {
  background-color: #7265E2;
}
.topicAll.office {
  background-color: #FFC001;
}
.topicAll.ui {
  background-color: #1ABC9C;
}
.topicAll.audio {
  background-color: #7265E2;
}
.topicAll.company {
  background-color: #d9ac62;
}
.topicAll.photo {
  background-color: #FF5859;
}
.topicAll.gif {
  background-color: #EF2B79;
}
.topicAfterbg.ys:after {
  background-color: #17A1FF;
}
.topicAfterbg.bg:after {
  background-color: #FA4633;
}
.topicAfterbg.model:after {
  background-color: #FF9400;
}
.topicAfterbg.art:after {
  background-color: #00CFDD;
}
.topicAfterbg.office:after {
  background-color: #FFC001;
}
.topicAfterbg.ui:after {
  background-color: #1ABC9C;
}
.topicAfterbg.video:after {
  background-color: #7265E2;
}
.topicAfterbg.audio:after {
  background-color: #7265E2;
}
.topicAfterbg.illus:after {
  background-color: #3DB060;
}
.topicAfterbg.photo:after {
  background-color: #FF5859;
}
.topicAfterbg.gif:after {
  background-color: #EF2B79;
}
/*鼠标hover效果 start*/
.st-pngwa-box li.center-hover-p .img-outside {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
}
.st-vl-box li.center-hover-p .img-outside {
  padding: 0;
  display: block;
  height: 100%;
}
/*视频hover效果*/
.st-show-wrap .st-vl-box li.center-hover-p:hover .img-info {
  display: none;
}
/* 企业Vip项目 start */
/*企业Vip项目 end*/
html {
  font-size: 100px;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
th,
td,
header,
nav,
section,
footer {
  padding: 0;
  margin: 0;
  font-family: "PingFangSC-Regular", "Microsoft YaHei", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}
body {
  max-width: 100%;
  color: #6e6e6e;
  font-size: 0.14rem;
  background: #fff;
  max-height: 99999px;
  min-height: 1px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
form,
input,
textarea {
  outline: none;
}
img {
  border: none;
  display: block;
}
a {
  transition: all 0.2s;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
h1,
h2,
h3 {
  font-weight: normal;
}
li {
  list-style-type: none;
}
.clearfix:after {
  content: '.';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tran {
  transition: all 0.2s;
}
.img {
  overflow: hidden;
}
b,
strong {
  font-weight: normal;
}
i,
em {
  font-style: normal;
}
/*修改*/
a,
img,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input,
textarea {
  -webkit-appearance: none;
}
.mess {
  width: auto;
  height: 0.4rem;
  font-size: 0.24rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 0.4rem;
  position: fixed;
  z-index: 8888;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  bottom: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*head*/
.mob-top {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 1rem;
  background: #fff;
  z-index: 10;
}
.mob-top .mob-backTop {
  width: 100%;
  height: 100%;
  display: flex;
}
.head-top .return-prev {
  margin: 0 0.64rem 0 0.4rem;
  display: inline-block;
  line-height: 1rem;
}
.head-top .return-prev i {
  color: #000;
  flex: 1;
  font-size: 0.36rem;
}
.mob-top .Head-center-text {
  font-size: 0.36rem;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  color: #000;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.head-top .headCenter-tab {
  display: inline-block;
}
.head-top .headCenter-tab li {
  margin-left: 0.6rem;
  position: relative;
}
.head-top .headCenter-tab li:first-child {
  margin-left: 0;
}
.head-top .headCenter-tab li.on :before {
  content: '';
  display: block;
  width: 0.54rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  background-color: #008AFF;
  position: absolute;
  bottom: 0.08rem;
  left: 50%;
  margin-left: -0.27rem;
}
.head-top .headCenter-tab li a {
  font-weight: 600;
  color: #999;
  font-size: 0.3rem;
}
.head-top .headCenter-tab li.on a {
  color: #333;
}
.mob-top .Head-right {
  position: absolute;
  right: 0.23rem;
  top: 0;
  height: 100%;
  line-height: 1rem;
}
.mob-top .Head-right .login-tip {
  font-size: 0.3rem;
}
.mob-top .Head-right .head-img {
  width: 0.64rem;
  display: inline-block;
  height: 0.64rem;
  margin-top: 0.18rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 0.01rem solid #CACACA;
}
.mob-top .Head-right .head-img img {
  width: 100%;
}
.mob-searchBox.mob-searchBox-result {
  padding-left: 1rem;
}
.head-top .mob-searchBox.mob-searchBox-result .type-name {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.16rem;
  text-align: center;
  width: 1rem;
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.26rem;
  border-right: 0.01rem solid #CACACA;
}
.mob-searchBox.mob-searchBox-result .search-Icon {
  right: 0.16rem;
  left: auto;
}
/*分享按钮*/
/*.head-top .mob-share-btn{ margin: 0 0.4rem 0 0; }*/
.head-top .mob-share-btn i {
  font-size: 0.4rem;
}
.mob-top .mob-top-content {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  height: 1rem;
  line-height: 1rem;
  /* 返回 */
  /* logo */
  /* 当前位置 */
}
.mob-top .mob-top-content .mob-logo {
  display: block;
  cursor: pointer;
  height: auto;
  flex: 1;
  width: 1.4rem;
  background: url(../images/logo.png) no-repeat 0.2rem 0.3rem;
  background-size: 1rem 0.32rem;
}
.mob-top .mob-top-content .mob-top-location {
  color: #373737;
  font-size: 0.36rem;
  text-align: center;
  flex: 1;
}
.mob-top .mob-top-content .mob-top-location i.icon-xiangxiajiantou {
  display: inline-block;
  margin-left: 0.1rem;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.mob-top .mob-top-content .mob-top-location i.icon-xiangxiajiantou.on {
  transform: rotate(-180deg);
}
/*.mob-top .mob-top-content .mob-right-menu { flex: 1; }

.mob-top .mob-top-content .mob-right-menu i.iconfont { color: #696969; padding: 0 0.2rem; }

.mob-top .mob-top-content .mob-right-menu .icon-caidan { font-size: 0.46rem; margin-right: 0.1rem; }

.mob-top .mob-top-content .mob-right-menu .icon-sousuo { font-size: 0.42rem; }*/
.mob-top .mob-top-content .mob-share-btn {
  flex: 1;
}
.mob-top .mob-top-content .mob-share-btn i.iconfont {
  font-size: 0.4rem;
  color: #303030;
  padding: 0 0.2rem;
}
/* 头部留位置 */
.savePlace {
  margin-top: 0.9rem;
}
.savePlace-collect {
  margin-top: 1.7rem;
}
.savePlace-collect:before {
  content: "";
  display: block;
  background: #f8f8f8;
  height: 0.2rem;
  width: 100%;
}
.savePlace-list {
  margin-top: 1rem;
}
/* png图片展示 */
.mob-picList-box.retain {
  padding-top: 0.2rem;
}
.mob-picList-box .mob-picList {
  position: relative;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
  width: 2.5rem;
}
.mob-picList-box .mob-picList > a {
  display: block;
}
.mob-picList-box .mob-picList .img-box {
  border-radius: 0.04rem;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
}
.mob-picList-box .mob-picList .img-box img {
  width: 100%;
  height: 100%;
}
.mob-picList-box .mob-picList .img-title {
  color: #3c3c3c;
  font-size: 0.26rem;
  height: 0.6rem;
  line-height: 0.6rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mob-picList-box .mob-picList .img-info {
  font-size: 0.26rem;
  color: #a6a6a6;
  height: 0.4rem;
  overflow: hidden;
}
.mob-picList-box .mob-picList .img-info span {
  display: inline-block;
}
.mob-picList-box .mob-picList .img-info .down-num {
  margin-right: 0.16rem;
}
.mob-picList-box .mob-picList .img-info i.iconfont {
  margin-right: 0.06rem;
  color: #cccfd0;
  font-size: 0.26rem;
}
.mob-picList-box .mob-picList .img-info .collect-icon i {
  float: left;
  margin-top: 0.04rem;
  font-size: 0.23rem;
}
/* 元素图片展示 */
.mob-picList-box .mob-pngList .img-box {
  height: auto;
  max-height: 5.2rem;
}
/* 办公文档图片展示 */
.mob-picList-box .mob-wpList .img-box {
  background-color: #F8F8F8;
  height: 4.02rem;
}
.mob-picList-box .mob-wpList .img-box img,
.mob-picList-box .mob-wordList .img-box img,
.mob-picList-box .mob-excelList .img-box img {
  height: auto;
}
/*word*/
.mob-picList-box .mob-wordList .img-box {
  background-color: #F8F8F8;
  height: 3.52rem;
}
/*excel*/
.mob-picList-box .mob-excelList .img-box {
  background-color: #F8F8F8;
  height: 3.52rem;
}
/* 背景图片展示 */
.mob-picList-box.flex-images {
  padding-right: 24px;
}
.mob-picList-box.mob-bgList-box {
  margin-left: 0.22rem;
}
.mob-picList-box.mob-bgList-box .mob-bgList {
  margin-left: 0.06rem;
  margin-bottom: 0.06rem;
}
.mob-picList-box .mob-bgList {
  /*max-width: 100%;*/
  position: relative;
  /*margin-left: 0.2rem;
    margin-bottom: 0.2rem;*/
  margin-left: 20px;
  margin-bottom: 20px;
  /*max-height: 376px;*/
  /*min-width: 2.5rem;*/
  /* box-sizing: content-box;
    padding-bottom: 0.6rem;*/
}
.mob-picList-box .mob-bgList > a {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.mob-picList-box .mob-bgList .img-box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #e7e7e7;
}
.mob-picList-box .mob-bgList .img-box img {
  max-width: 100%;
  height: auto;
}
.mob-picList-box .mob-bgList .img-title {
  position: absolute;
  left: 0;
  bottom: 0rem;
}
/* 模板展示 */
.mob-picList-box .mob-tpList .img-box {
  height: auto;
  max-height: 5.2rem;
}
/* 视听库展示 */
.mob-picList-box .mob-vlList .img-box {
  height: 1.38rem;
}
/* 右侧边栏 */
.mob-rigthSideBar-wrap {
  position: fixed;
  z-index: 9997;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mob-rigthSideBar {
  width: 3.6rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: -4rem;
  background: #fff;
  z-index: 105;
}
/*footer*/
.mob-footer {
  width: 100%;
  padding-top: 0.5rem;
}
.mob-footer.noRecom {
  padding-top: 3.2rem;
}
.mob-footer .go-companyVer {
  width: 100%;
  display: block;
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.26rem;
  color: #666;
  text-align: center;
  background: #e8e8e8;
}
.mob-footer .copyright {
  text-align: center;
  color: #666;
  font-size: 0.2rem;
  padding: 0.3rem 0;
}
/* 黑色蒙层 */
.bgimg {
  background-color: #000;
  position: fixed;
  z-index: 40;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}
/* 登录界面 */
.mob-login-section .login-tip {
  width: 100%;
  text-align: center;
  color: #888;
  padding: 1.9rem 0 0.75rem;
  font-size: 0.3rem;
}
.mob-login-section .login-btn {
  display: block;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  margin: 0 auto;
}
.mob-login-section .login-btn img {
  width: 1.45rem;
  height: 1.45rem;
}
/* 浏览页查看更多 */
.mob-listFoot {
  padding: 0;
}
.mob-listFoot .appreciate-more {
  display: block;
  width: 4.4rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #a6a6a6;
  border: 0.01rem solid #a6a6a6;
  margin: 0.3rem auto 0.42rem;
  border-radius: 0.1rem;
}
.mob-listFoot .appreciate-more i.icon-gengduo {
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: -2px;
}
.mob-listFoot .btm-nodata {
  height: 1.45rem;
  text-align: center;
  background-color: #F8F8F8;
  position: relative;
}
.mob-listFoot .btm-nodata:after {
  content: '';
  position: absolute;
  width: 4.64rem;
  height: 0.01rem;
  background-color: rgba(0, 0, 0, 0.06);
  top: 50%;
  left: 50%;
  margin-left: -2.32rem;
  z-index: 0;
}
.mob-listFoot .btm-nodata .text-line {
  font-size: 0.28rem;
  color: #999;
  line-height: 0.28rem;
  display: inline-block;
  padding-top: 0.62rem;
  position: relative;
  width: 2.24rem;
  background-color: #F8F8F8;
  z-index: 1;
}
/* 列表页筛选框 */
.mob-list-classify {
  width: 100%;
  height: 102%;
  padding-bottom: 0.3rem;
  position: fixed;
  top: 0.89rem;
  left: 0;
  z-index: 30;
  background: #fff;
  overflow: hidden;
  /* png */
  /* png */
  /* wp */
  /* bg */
  /* tp */
  /* tp */
}
.mob-list-classify .list-classifyBox {
  margin-bottom: 0.1rem;
}
.mob-list-classify .list-classifyBox .b-title,
.mob-list-classify .list-classifyBox .s-title {
  font-size: 0.3rem;
  padding: 0 0.22rem;
}
.mob-list-classify .list-classifyBox .b-title {
  color: #ffc000;
  height: 0.98rem;
  line-height: 0.98rem;
  width: 100%;
  border-bottom: 0.02rem solid #ededed;
}
.mob-list-classify .list-classifyBox .s-title {
  color: #696969;
  padding: 0.25rem 0.22rem;
}
.mob-list-classify .list-classifyBox ul {
  padding-left: 0.22rem;
}
.mob-list-classify .list-classifyBox li {
  text-align: center;
  margin-right: 0.3rem;
  margin-bottom: 0.2rem;
}
.mob-list-classify .list-classifyBox li > a {
  display: block;
  width: 1.48rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 0.02rem solid #e8e8e8;
  font-size: 0.26rem;
  color: #696969;
  border-radius: 0.08rem;
  overflow: hidden;
}
.mob-list-classify .list-classifyBox li.on a {
  color: #fff;
}
.mob-list-classify .list-classifyPng li.on a {
  border-color: #0083de;
  background: #0083de;
}
.mob-list-classify .list-classifyPng li.on a {
  border-color: #0083de;
  background: #0083de;
}
.mob-list-classify .list-classifyWp li.on a {
  border-color: #ffc000;
  background: #ffc000;
}
.mob-list-classify .list-classifyBg li.on a {
  border-color: #e00000;
  background: #e00000;
}
.mob-list-classify .list-classifyTp li.on a {
  border-color: #ff7101;
  background: #ff7101;
}
.mob-list-classify .list-classifyVl li.on a {
  border-color: #6866d4;
  background: #6866d4;
}
.mob-list-classify .search-confirmBtn {
  display: block;
  margin: 0 auto;
  width: 1.5rem;
  height: 0.65rem;
  line-height: 0.65rem;
  background: #d8d8d8;
  text-align: center;
  border-radius: 0.06rem;
  color: #fff;
  font-size: 0.32rem;
  margin: 0.3rem 0.25rem 0.2rem;
}
.mob-list-classify .search-confirmBtn.reset {
  width: 1.48rem;
  height: 0.63rem;
  line-height: 0.63rem;
  border: 0.01rem solid #696969;
  background: #fff;
  color: #696969;
}
.mob-list-classify .confirm-png .search-confirmBtn.confirm {
  background: #0083de;
}
.mob-list-classify .confirm-bg .search-confirmBtn.confirm {
  background: #e00000;
}
.mob-list-classify .confirm-tp .search-confirmBtn.confirm {
  background: #ff7101;
}
.mob-list-classify .confirm-wp .search-confirmBtn.confirm {
  background: #ffc000;
}
.mob-list-classify .confirm-vl .search-confirmBtn.confirm {
  background: #6866d4;
}
/* 个人收藏列表 */
.mob-collectPic {
  position: fixed;
  top: 0.88rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: #fff;
  z-index: 20;
}
.mob-collectPic .collect-nav > a {
  font-size: 0.24rem;
  color: #3e3e3e;
  width: 20%;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}
.mob-collectPic .collect-nav > a.on {
  color: #0082df;
}
/* 头部搜索框  start*/
.mob-search-box {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  z-index: 30;
}
.mob-search-box .mob-searchWrap {
  position: absolute;
  display: flex;
  top: -1.5rem;
  left: 0;
  width: 100%;
  z-index: 41;
  height: 1rem;
  line-height: 1rem;
  background: #fff;
}
.mob-search-box .mob-searchWrap.search-webpage {
  top: 0rem;
}
.mob-search-box i.icon-guanbi1 {
  padding: 0 0.15rem;
  font-size: 0.44rem;
}
.mob-search-box .mob-search-ipt {
  width: 5.65rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  border-radius: 0.08rem;
  overflow: hidden;
  margin-top: 0.18rem;
  text-align: center;
}
.mob-search-box .mob-search-ipt i {
  display: block;
  width: 0.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  color: #d4d4d4;
  font-size: 0.4rem;
}
.mob-search-box .mob-search-ipt input {
  width: 4.25rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  border: none;
  font-size: 0.3rem;
  overflow: hidden;
}
.mob-search-box .mob-search-btn {
  width: 1.06rem;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #0082df;
  text-align: center;
  font-size: 0.3rem;
}
.mob-search-box .mob-search-btn i {
  font-size: 0.26rem;
  color: #6e6e6e;
}
.mob-searchBox {
  display: inline-block;
  width: 5rem;
  height: 0.64rem;
  border: 0.01rem solid #CACACA;
  background: #F8F8F8;
  border-radius: 0.1rem;
  margin-top: 0.18rem;
  padding-left: 0.48rem;
  position: relative;
  line-height: 0.64rem;
}
.mob-searchBox .search-Icon {
  color: #adadad;
  font-size: 0.26rem;
  position: absolute;
  left: 0.2rem;
}
.mob-searchBox .mob-searchIcon {
  color: #adadad;
  padding-left: 0.16rem;
  font-size: 0.26rem;
}
.mob-searchBox.inputSearch-box {
  position: relative;
  font-size: 0.26rem;
  padding-left: 1.46rem;
}
.mob-searchBox.inputSearch-box .filter-list {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
}
.mob-searchBox.inputSearch-box .filter-list .search-tab-name {
  width: 1.3rem;
  display: block;
  height: 0.62rem;
  background: #fff;
  border-radius: 0.1rem;
  border: 0.01rem solid #CACACA;
  box-sizing: border-box;
  position: relative;
}
.mob-searchBox.inputSearch-box .filter-list .search-tab-name i {
  display: inline-block;
  margin-right: 0.13rem;
  line-height: 0.62rem;
}
.mob-searchBox.inputSearch-box input[type="text"] {
  width: 100%;
  height: 0.6rem;
  font-size: 0.26rem;
  box-sizing: border-box;
  border-style: none;
  background: #F8F8F8;
  border-radius: 0.1rem;
}
.mob-searchBox.inputSearch-box .filter-ul {
  background-color: #fff;
  width: 100%;
  border-radius: 0.06rem;
  border: 1px solid #CACACA;
  display: none;
}
.mob-searchBox.inputSearch-box .filter-ul li {
  padding: 0.1rem 0;
}
.mob-searchBox.inputSearch-box .filter-ul li a {
  display: block;
  font-size: 0.26rem;
}
.mob-searchBox.inputSearch-box .filter-ul li.on a {
  color: #008AFF;
}
.mob-searchBox.inputSearch-box .filter-list.noselect .search-tab-name {
  border: 0;
  background-color: transparent;
  position: relative;
}
.mob-searchBox.inputSearch-box .filter-list.noselect .search-tab-name::before {
  content: '';
  position: absolute;
  width: 0.01rem;
  height: 0.32rem;
  background-color: #CACACA;
  right: 0.1rem;
  top: 0.17rem;
}
.mob-searchBox.inputSearch-box .filter-list.noselect .search-tab-name i {
  display: none;
}
/*头部搜索框 end*/
/* 搜索页面头部 */
.mob-top-content {
  border-bottom: 0.02rem solid #e8e8e8;
}
.mob-top-content .search-result {
  width: 5.65rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  border-radius: 0.08rem;
  overflow: hidden;
  margin-top: 0.16rem;
  text-align: center;
}
.mob-top-content .search-result .icon-sousuo {
  display: block;
  width: 0.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  color: #d4d4d4;
  font-size: 0.4rem;
}
.mob-top-content .search-result input {
  width: 4.25rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #f0f0f0;
  border: none;
  font-size: 0.3rem;
  overflow: hidden;
}
/*无数据状态 start*/
.mob-picContent-box .no-resultBox {
  text-align: center;
  padding: 3rem 0 3.8rem;
}
.mob-picContent-box .no-resultBox .info {
  color: #696969;
  font-size: 0.28rem;
  padding-bottom: 0.25rem;
}
.mob-picContent-box .no-resultBox .info.hint {
  font-size: 0.24rem;
}
.mob-picContent-box .no-resultBox .info b {
  color: #dd0000;
}
.mob-picContent-box .no-resultBox .no-resultIcon {
  width: 1.6rem;
  height: 2.58rem;
  margin: 0 auto;
  text-align: center;
}
/*无数据状态 end*/
/*分类页左侧导航 start*/
.mob-type-Panel {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  width: 100%;
  display: flex;
}
.mob-type-Panel .masorry-container {
  margin-left: 1.82rem;
  height: 100%;
  box-sizing: border-box;
  width: 5.68rem;
  overflow-y: auto;
  padding: 0.24rem 0 1rem;
}
.mob-type-Panel .mob-picList-box {
  width: 100%;
}
.mob-type-Panel .left-menu {
  position: fixed;
  height: 100%;
  top: 1rem;
  left: 0;
  width: 1.82rem;
  background: #F8F8F8;
}
.mob-type-Panel .left-menu ul,
.mob-picContent-box .left-menu ul li {
  width: 100%;
}
.mob-type-Panel .left-menu ul li {
  text-align: center;
  position: relative;
}
.mob-type-Panel .left-menu ul li a {
  font-size: 0.26rem;
  height: 0.92rem;
  line-height: 0.92rem;
  display: inline-block;
  min-width: 1.17rem;
  border-bottom: 0.02rem solid #f0f0f0;
}
.mob-type-Panel .left-menu ul li.on {
  background-color: #fff;
}
.mob-type-Panel .left-menu ul li.on::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.08rem;
  background-color: #008AFF;
}
.mob-type-Panel .left-menu ul li.on a {
  border-bottom: 0;
}
/*分类页左侧导航 end*/
.error-info-box {
  text-align: center;
}
.error-info-box .info {
  font-size: 1.5rem;
  color: #383838;
  padding: 0.5rem 0 0.3rem;
}
.error-info-box .error-icon {
  width: 3.92rem;
  height: 3.63rem;
  margin: 0 auto;
}
.error-info-box .error-icon img {
  width: 100%;
}
.error-info-box .return-index {
  display: block;
  margin: 0 auto;
  width: 2.65rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #0083de;
  font-size: 0.34rem;
  margin-top: 0.35rem;
}
.error-info-box .return-index i.icon-return {
  vertical-align: 0.03rem;
  color: #0083de;
  margin-right: 0.1rem;
}
/* 20171229-新增充值问题弹窗 */
.mob-public-wdWrap {
  position: fixed;
  z-index: 9997;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mob-public-wd {
  position: fixed;
  border-radius: 0.04rem;
  top: 50%;
  left: 50%;
  width: 6rem;
  padding: 0 0.4rem;
  margin-left: -3rem;
  margin-top: -1.5rem;
  height: 3rem;
  background: #fff;
  z-index: 10000;
  text-align: center;
}
.mob-public-wd .title {
  color: #000;
  font-size: 0.36rem;
  padding-top: 0.5rem;
}
.mob-public-wd .title i {
  margin-left: 0.05rem;
}
.mob-public-wd .title .icon-right-copy {
  color: #22ac38;
}
.mob-public-wd .title .icon-cuowu {
  color: #707070;
}
.mob-public-wd .info {
  color: #696969;
  font-size: 0.24rem;
  padding: 0.22rem 0 0.3rem;
  line-height: 0.35rem;
  text-align: left;
}
/* 弹窗确认按钮 */
.mob-public-wd .confirm-btn {
  display: block;
  width: 2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  margin: 0 auto;
  border: 0.01rem solid #d2d2d2;
  border-radius: 0.04rem;
  color: #696969;
  font-size: 0.24rem;
  cursor: pointer;
}
/*底部分享弹窗 start*/
.Sharebtm-box.share {
  display: none;
}
.Sharebtm-box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.Sharebtm-box .share-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.14rem;
}
.Sharebtm-box .share-box .share-list {
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 2.14rem;
  padding: 0.32rem;
  background-color: #f0f0f0;
}
.Sharebtm-box .share-box .share-cancel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  line-height: 0.98rem;
  font-size: 0.32rem;
  color: #222;
  letter-spacing: 0.02rem;
  text-align: center;
  border-top: 1px solid #999;
  background-color: #f8f8f8;
}
.Sharebtm-box .share-box .share-list > a:first-child {
  margin-left: 0;
}
.Sharebtm-box .share-box .share-list > a {
  position: relative;
  width: 1.41rem;
  height: 1.5rem;
  margin-left: 0.8rem;
  display: inline-block;
}
/*底部分享弹窗 end*/
/*专题列表页公用右侧弹窗 start*/
.mob-rigthSideBar {
  width: 5rem;
}
.mob-rigthSideBar .right-content {
  width: 100%;
  height: 100%;
  padding: 1.2rem 0.69rem 0;
  padding: 1.2rem 0.5rem 0;
}
.mob-rigthSideBar .right-content .user-Info {
  text-align: center;
}
.mob-rigthSideBar .right-content .user-Info .head-imgbox {
  width: 1.38rem;
  height: 1.38rem;
  overflow: hidden;
  border-radius: 1rem;
  margin: 0 auto;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.mob-rigthSideBar .right-content .user-Info .head-imgbox img {
  width: 100%;
}
.mob-rigthSideBar .right-content .user-Info .user-name {
  font-size: 0.36rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.46rem;
}
.mob-rigthSideBar .right-content .user-Info .user-id {
  color: #999;
  font-size: 0.26rem;
  margin: 0.22rem 0 0.26rem;
}
.mob-rigthSideBar .Vip-status {
  text-align: center;
}
.mob-rigthSideBar .Vip-status .btn-payVip {
  width: 2.4rem;
  height: 0.64rem;
  color: #fff;
  background-color: #008AFF;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.64rem;
  display: inline-block;
  border-radius: 0.64rem;
}
.mob-rigthSideBar .Vip-status .hased-Vip {
  display: inline-block;
  padding-top: 0.26rem;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.vip-box {
  display: inline-block;
  width: 0.31rem;
  height: 0.25rem;
  line-height: 0.25rem;
  margin-left: 0.24rem;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.vip-box:first-child {
  margin-left: 0;
}
.mob-rigthSideBar .Vip-status .hased-Vip li i {
  font-size: 0.3rem;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.ys i {
  color: #008AFF;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.art i {
  color: #01D0DD;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.bg i {
  color: #FA4134;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.model i {
  color: #FF9000;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.illus i {
  color: #74C700;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.ppt i {
  color: #FFBD00;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.word i {
  color: #FFBD00;
}
.mob-rigthSideBar .Vip-status .hased-Vip li.video i {
  color: #616ED1;
}
.user-menu-box {
  padding-top: 0.4rem;
}
.user-menu-box .user-menu-list li {
  width: 100%;
  text-align: left;
  line-height: 1.24rem;
  height: 1.24rem;
  border-bottom: 0.02rem solid #f0f0f0;
}
.mob-rigthSideBar .user-menu-list li a,
.mob-rigthSideBar .user-menu-list li a span {
  font-size: 0.3rem;
}
.user-menu-box .user-menu-list li i {
  font-size: 0.3rem;
  display: inline-block;
  width: 0.3rem;
  color: #666;
  margin-right: 0.3rem;
  margin-right: 0.1rem;
}
/* 右侧边栏  旧版*/
.mob-rigthSideBar-wrap {
  position: fixed;
  z-index: 9997;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mob-rigthSideBar {
  width: 3.6rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: -4rem;
  background: #fff;
  z-index: 105;
}
.mob-rigthSideBar li {
  width: 100%;
  text-align: center;
  border-bottom: 0.02rem solid #f4f4f4;
  height: 0.82rem;
  line-height: 0.82rem;
}
.mob-rigthSideBar li a {
  display: block;
  height: inherit;
  color: #696969;
  font-size: 0.3rem;
}
.mob-rigthSideBar li.on a {
  color: #0082df;
}
.mob-rigthSideBar li.login-btn {
  display: block;
  width: 100%;
  height: 2.6rem;
  line-height: normal;
}
.mob-rigthSideBar li.login-btn a {
  padding-top: 0.5rem;
  height: 2.1rem;
}
.mob-rigthSideBar .login-btn-box {
  padding-top: 0.5rem;
  height: inherit;
}
.mob-rigthSideBar li.login-btn img {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto 0.18rem;
  border-radius: 50%;
}
.mob-rigthSideBar li.login-btn.on a {
  color: #696969;
}
.mob-rigthSideBar .login-btn .public-btn {
  font-size: 0.3rem;
  margin: 0 0.06rem;
  padding-top: 0;
  display: inline-block;
  height: 0.46rem;
  line-height: 0.46rem;
  border-radius: 0.3rem;
  padding: 0 0.15rem;
  border: 2px solid #bbbbbb;
}
.mob-rigthSideBar .login-btn .go-homePage {
  border-color: #e51c23;
  color: #e51c23 !important;
}
/*专题列表公用右侧弹窗 end*/
/*无数据 样式 start*/
.no-Data {
  padding-top: 1.07rem;
  font-size: 0.28rem;
  text-align: center;
}
.no-Data p {
  text-align: center;
}
.no-Data .tab-head {
  width: 1.94rem;
  height: 2.88rem;
  display: inline-block;
  background: url(http://static.588ku.com/imgPath/Mobile/images/kbtabHead.png) no-repeat center;
}
.no-Data .tips-btm {
  font-size: 0.28rem;
  margin-top: 0.56rem;
  text-align: center;
  color: #333;
}
.no-Data .kb-cry {
  display: inline-block;
  width: 2.59rem;
  height: 2.87rem;
  background: url(http://static.588ku.com/imgPath/Mobile/images/kbtabHead.png) no-repeat center;
}
.no-Data .sear-text .max-w {
  line-height: 0.6rem;
  margin: 0 auto 0.2rem;
  width: 5.75rem;
}
.no-Data .sear-text .key-word {
  color: #EC3940;
  font-size: 0.28rem;
}
/*无数据 样式 end*/
/* 20180206新增原创图标 */
.img-box {
  position: relative;
}
.org-info {
  color: #000;
  font-size: 0.2rem;
  padding-bottom: 0.4rem;
}
.org-info i {
  display: inline-block;
  width: 0.23rem;
  height: 0.25rem;
  vertical-align: -0.06rem;
  margin-right: 0.05rem;
}
.org-info i.cr-icon {
  background: url(//static.588ku.com/comp/h5/images/cr-icon.png) no-repeat center;
  background-size: cover;
}
.org-info i.vrf-icon {
  background: url(//static.588ku.com/comp/h5/images/vrf-icon.png) no-repeat center;
  background-size: cover;
  margin-left: 0.1rem;
}
.org-info .pic-number {
  color: #666;
}
.img-box .mob-org-icon {
  top: 0.3rem;
  left: 0.3rem;
  position: absolute;
  width: 0.6rem;
  height: 0.48rem;
  background: url(//static.588ku.com/comp/h5/images/mob-org-icon.png) no-repeat center;
  background-size: cover;
}
.w100 .mob-picList-box .mob-tpList {
  width: 3.44rem;
}
.w100 .mob-picList-box .mob-tpList .img-box {
  width: 3.44rem;
}
@media screen and (min-width: 350px) and (max-width: 400px) {
  .img-infoBox .img-info .info-size,
  .img-infoBox .img-format {
    font-size: 0.22rem;
  }
}
/*less start*/
.login-Phone {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.login-Phone .dialog-content {
  width: 5.72rem;
  height: 7.02rem;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 45;
  background-color: #fff;
}
.login-Phone .dialog-content .close-Iconbtn {
  position: absolute;
  width: 0.23rem;
  height: 0.23rem;
  font-size: 0.23rem;
  top: 0.32rem;
  right: 0.32rem;
  color: #000;
}
.login-Phone .dialog-content .logo {
  width: 100%;
  padding: 0.65rem 0 0;
}
.login-Phone .dialog-content .logo img {
  width: 2.38rem;
  display: block;
  margin: 0 auto;
}
.login-Phone .dialog-content .form-data {
  width: 4.8rem;
  margin: 0.5rem auto 0;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box {
  width: 100%;
  height: 0.78rem;
  border-bottom: 0.01rem solid rgba(0, 16, 19, 0.1);
  display: flex;
  padding-left: 0.7rem;
  position: relative;
  margin-bottom: 0.4rem;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box .iconfont {
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  font-size: 0.3rem;
  line-height: 0.42rem;
  text-align: center;
  color: #008AFF;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto 0;
  left: 0;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box input {
  font-size: 0.3rem;
  width: 100%;
  border-style: none;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box .label-text {
  color: #FF5859;
  position: absolute;
  bottom: -0.38rem;
  font-size: 0.24rem;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box.input-r {
  padding-right: 1.5rem;
  position: relative;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box.input-r .time-style {
  width: 1.5rem;
  font-size: 0.3rem;
  color: #008AFF;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 0.78rem;
}
.login-Phone .dialog-content .form-data .input-boxs .input-box.input-r .time-style.noedit {
  color: rgba(0, 0, 0, 0.2);
}
.login-Phone .dialog-content .form-data .login-Btn {
  display: block;
  margin: 0.88rem auto 0;
  width: 4.6rem;
  height: 1rem;
  line-height: 1rem;
  position: relative;
  text-align: center;
  background-color: #008AFF;
  font-size: 0.36rem;
  border-radius: 0.1rem;
  color: #fff;
}
.login-Phone .dialog-content .form-data .login-Btn:active:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.login-Phone .dialog-content .form-data .login-Btn.nosubmit:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
/*支付底部吊起支付弹窗*/
.select-payWay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  display: none;
}
.select-payWay .pay-Btn {
  display: block;
  width: 6rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: 0.36rem;
  color: #fff;
  border-radius: 0.1rem;
  background-color: #008AFF;
  margin: 0.8rem auto 0;
}
.select-payWay .payWay-Box {
  width: 100%;
  height: 6.67rem;
  padding: 0.6rem 0.17rem 0;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 40;
}
.select-payWay .payWay-Box .price-box {
  padding-left: 0.3rem;
}
.select-payWay .payWay-Box .price-box .font-big {
  font-size: 0.4rem;
  color: #333;
  margin-bottom: 0.15rem;
}
.select-payWay .payWay-Box .price-box .font-big i {
  font-size: 0.46rem;
  display: inline-block;
  margin-top: 0.04rem;
  color: #008AFF;
  margin-left: -0.05rem;
  text-align: left;
  margin-right: 0.1rem;
}
.select-payWay .payWay-Box .price-box .font-999 {
  color: #999;
  font-size: 0.3rem;
}
.select-payWay .payWay-Box .price-box .font-small {
  font-size: 0.3rem;
  color: #333;
  margin-right: 0.6rem;
  margin-top: 0.15rem;
}
.select-payWay .payWay-Box .price-box .font-small .parice-number {
  font-size: 0.8rem;
  color: #008AFF;
}
.select-payWay .payWay-Box .select-box {
  margin-top: 0.4rem;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  overflow: hidden;
}
.select-payWay .payWay-Box .select-box li {
  width: 100%;
  height: 1.28rem;
  line-height: 1.28rem;
  padding: 0 0.5rem 0 0.3rem;
  box-sizing: border-box;
  position: relative;
}
.select-payWay .payWay-Box .select-box li input[type="radio"] {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.select-payWay .payWay-Box .select-box li .li-name {
  font-size: 0.3rem;
}
.select-payWay .payWay-Box .select-box li .li-name i {
  margin-right: 0.2rem;
  font-size: 0.4rem;
}
.select-payWay .payWay-Box .select-box li.wx .li-name i {
  color: #24AF41;
}
.select-payWay .payWay-Box .select-box li.ali .li-name i {
  color: #00A7FF;
}
.select-payWay .payWay-Box .select-box li .choose-icon {
  display: inline-block;
  width: 0.44rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.44rem;
  border: 0.02rem solid #008AFF;
  margin-top: 0.4rem;
  border-radius: 0.5rem;
  animation: close 1s alternate forwards;
}
.select-payWay .payWay-Box .select-box li .choose-icon i {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0.23rem;
}
.select-payWay .payWay-Box .select-box li.on {
  background: rgba(0, 138, 255, 0.06);
}
.select-payWay .payWay-Box .select-box li.on .choose-icon {
  background-color: #008AFF;
}
/*登录注册 start*/
/*20190220  全站登录注册以及手机验证码登录新版样式*/
.CLdialog-V1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: none;
}
.CLdialog-V1 .CL-common {
  width: 5.4rem;
  height: 3.8rem;
  border-radius: 0.04rem;
  background: #fff;
  padding: 0.12rem 0.2rem;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  /*注册登录弹窗公用*/
}
.CLdialog-V1 .CL-common .CL-close {
  z-index: 10;
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  line-height: 0.12rem;
  right: 0.21rem;
  top: 0.21rem;
  font-size: 0.26rem;
  color: #999;
}
.CLdialog-V1 .CL-common .CL-close.lfix {
  left: -0.3rem;
  top: -0.3rem;
  border: 1px solid #fff;
  width: 24px;
  height: 24px;
  border-radius: 0.2rem;
  line-height: 0.22rem;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  animation: lfixshow 0.4s 3.5s alternate forwards;
  font-size: 0.2rem;
}
@-webkit-keyframes lfixshow {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@-o-keyframes lfixshow {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@-moz-keyframes lfixshow {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes lfixshow {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
.CLdialog-V1 .CL-common .CL-title {
  position: relative;
  text-align: center;
}
.CLdialog-V1 .CL-common .CL-title .sub-title {
  color: rgba(0, 16, 19, 0.5);
  padding-top: 0.1rem;
}
.CLdialog-V1 .CL-common .CL-title > span:first-child {
  display: inline-block;
  font-size: 0.2rem;
  color: #000;
  line-height: 0.28rem;
  padding-top: 0.3rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount {
  width: 5.72rem;
  height: auto;
  padding: 0.34rem 0.48rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .CL-title span {
  font-size: 0.3rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.4rem;
  letter-spacing: 0.02rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .CL-title .sub-tip {
  font-size: 0.2rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0.26rem;
  letter-spacing: 0;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box {
  margin-top: 0.48rem;
  text-align: left;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list {
  width: 100%;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item {
  margin-bottom: 0.4rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont {
  position: relative;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box {
  position: absolute;
  left: 0;
  top: 0;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox {
  cursor: pointer;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 12px 0px rgba(133, 204, 97, 0.5);
  border-radius: 1rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.01rem 0.12rem 0 rgba(133, 204, 97, 0.2);
  position: relative;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .user-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .user-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .hover-box {
  position: absolute;
  bottom: 0;
  right: -0.09rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .hover-box i {
  font-size: 0.38rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .hover-box .wx-icon i {
  color: #85CC61;
  font-size: 0.4rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .hover-box .qq-icon i {
  color: #5EA8FF;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox .hover-box .phone-icon i {
  color: rgba(0, 0, 0, 0.65);
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox.wx:hover {
  box-shadow: 0px 0.01rem 0.12rem 0px rgba(133, 204, 97, 0.5);
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox.qq:hover {
  box-shadow: 0px 0.01rem 0.12rem 0px rgba(94, 168, 255, 0.5);
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .top-box .user-imgbox.phone:hover {
  box-shadow: 0px 0.01rem 0.12rem 0px rgba(0, 0, 0, 0.25);
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox {
  text-align: left;
  float: right;
  height: 1.2rem;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 1px 12px 0px rgba(133, 204, 97, 0.2);
  padding-left: 0.96rem;
  box-sizing: border-box;
  padding-top: 0.14rem;
  width: 4.16rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .acount-name {
  font-size: 0.26rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.35rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .btm-tip {
  font-size: 0.2rem;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0.26rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list {
  width: 100%;
  display: inline-block;
  margin: 0.12rem -0.02rem 0;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item {
  float: left;
  margin: 0 0.03rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item i {
  font-size: 0.2rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.ys i {
  color: #17A1FF;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.bg i {
  color: #FA4633;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.illus i {
  color: #3DB060;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.art i {
  color: #00CFDD;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.ui i {
  color: #1ABC9C;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.model i {
  color: #FF9400;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.gif i {
  color: #EF2B79;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.photo i {
  color: #FF5859;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.video i {
  color: #7265E2;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.office i {
  color: #FFC001;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.compy i {
  color: #d9ac62;
  font-size: 0.24rem;
}
.CLdialog-V1.choose-Acount .CL-userAcount .acounts-box .acount-list .acount-item .acount-cont .acount-vipbox .avip-list .avip-item.allvip em {
  width: 0.26rem;
  height: 0.23rem;
  display: block;
  background: url(//static.588ku.com/imgPath/public/images/allvipIcon.svg) no-repeat center / 100%;
}
/*登录注册 end*/
/*less end*/
/*插件 Swiper start  */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/*插件 Swiper end*/
/*# sourceMappingURL=./baseV1.css.map */