/*
    入口文件;
    默认的全局变量在default.less文件;
    新加less文件的时候在homeless文件夹下创建less文件，@import"***.less"引入，运行gulp进行编辑即可生成app.css文件;
*/
body {
  font-family: MicrosoftYaHei, "\u5fae\u8f6f\u96c5\u9ed1", "微软雅黑";
  color: #666;
  font-size: 0.16rem;
}
/*.contain { width: 100%; }*/
.content {
  width: 100%;
  min-width: 1024px; 
  max-width: 1920px;
  margin: 0 auto;
  padding-top: .8rem;
}
img {
  width: 100%;
}
input {
  border: none;
}
nav {
  max-width: 19.2rem;
  height: 0.8rem;
  background-color: #fff;
  box-shadow: 0 1px 0 #f5f5f5;
  position: fixed;
  top: 0;
  margin: 0 auto;
  z-index: 10;
}
nav .icon-home {
  width: 5.5rem;
  height: inherit;
}
nav .icon-home img {
  width: 1.044rem;
  height: 0.58rem;
}
nav > ul {
  height: inherit;
  /*#newRetail:hover .pro-show {
            display: block;
        }*/
}
nav > ul > li {
  width: 1.32rem;
}
nav > ul > li > a {
  display: inline-block;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.18rem;
  color: #333333;
}
nav > ul > li > a:hover {
  color: #63b504;
}
nav > ul .nav-active {
  color: #63b504;
}
nav > ul #center:hover .pro-show {
  /*display: block;*/
  /*transform: translateY(.8rem);*/
  visibility: visible;
}
nav > ul #appNews:hover .pro-show {
  visibility: visible;
}
nav > ul .pro-show {
  /*display: none;*/
  /*transition:all 1s ease-out;*/
  visibility: hidden;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: .8rem;
  /*top: 0;
            left: 0;*/
  z-index: 9;
}
nav > ul .pro-show > li {
  height: .4rem;
  line-height: .4rem;
  width: 100%;
  text-align: center;
}
nav > ul .pro-show > li .current-navItem {
  color: #666;
}
nav > ul .pro-show > li .current-navItem:hover {
  color: #63b504;
}
nav .right {
  width: 5.78rem;
  height: inherit;
  line-height: 0.8rem;
}
nav .right .Login-module .reg,
nav .right .Login-module .login {
  height: inherit;
}
nav .right .Login-module .reg > a {
  color: #63b504;
  height: inherit;
}
nav .right .Login-module .login {
  margin-left: 0.25rem;
}
nav .right .Login-module .login > a {
  display: inline-block;
  color: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  border-radius: 0.06rem;
  background-color: #63b504;
}
nav .right .agent {
  position: relative;
  justify-content: flex-end;
  padding-right: 0.3rem;
}
nav .right .agent .btn-backstage > a {
  display: inline-block;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.04rem;
  padding: 0 0.15rem;
  color: #fff;
  background-color: #63b504;
}
nav .right .agent .personal .touxiang {
  width: 0.46rem;
  height: 0.46rem;
  margin-left: 0.2rem;
}
nav .right .agent .personal .touxiang .user-setting {
  position: absolute;
  top: 0.55rem;
  right: -0.3rem;
  width: 3.2rem;
  height: 2.94rem;
  font-size: 0.14rem;
  color: #333333;
  background: url('http://j.vzan.cc/dz/content/newhome/image/user.png') no-repeat;
  z-index: 99;
  background-size: 3.2rem 2.94rem;
  display: none;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content {
  padding: .5rem .3rem .6rem .3rem;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content .user-headshot {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin-bottom: 0.1rem;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content .setting-item {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content .setting-item .user-msg {
  width: 0.6rem;
  height: inherit;
  text-align: right;
  font-weight: bold;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content .setting-item .user-value {
  width: 2.04rem;
  height: inherit;
}
nav .right .agent .personal .touxiang .user-setting .user-setting-content .setting-item .user-value > a {
  color: #63b504;
  float: right;
}
nav .right .agent .personal .person-id {
  padding: 0 0.05rem;
}
nav .right .agent .personal > a {
  width: 0.34rem;
  height: 0.34rem;
  margin: 0 0.1rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-img {
  width: 0.3rem;
  height: 0.3rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-img .sysmsg {
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting {
  width: 3.4rem;
  max-height: 6rem;
  position: absolute;
  top: 100%;
  right: .1rem;
  z-index: 99;
  background-color: #fff;
  border: .01rem solid #F7F7F7;
  border-radius: .05rem;
  -webkit-border-radius: .05rem;
  box-shadow: 0 0 .2rem #e4e8eb;
  -webkit-box-shadow: 0 0 .2rem #e4e8eb;
  line-height: .24rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting::after {
  position: absolute;
  top: -0.2rem;
  right: 0.22rem;
  content: "";
  border-width: .1rem .1rem .1rem .1rem;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting .sysmsg-title {
  padding: 0 .15rem;
  height: 0.45rem;
  line-height: 0.45rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting .sysmsg-title .allreadclick {
  float: right;
  color: #63b504;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content {
  overflow-y: auto;
  max-height: 5rem;
  border-top: .01rem solid #E7E7EB;
  border-bottom: .01rem solid #E7E7EB;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content .sysmsg-item {
  display: block;
  color: #C6C6C6;
  font-size: .14rem;
  padding: 0 .15rem;
  text-decoration: none;
  border-bottom: .01rem solid #E7E7EB;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content .sysmsg-item:last-child {
  border: none;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content .sysmsg-item .sysmsg-item-title {
  height: .3rem;
  line-height: .3rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content .sysmsg-item .sysmsg-item-update {
  height: .3rem;
  line-height: .3rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting #sysmsg_content .no-sysmsg {
  color: #C6C6C6;
  height: 1rem;
  line-height: 1rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting .sysmsg-bottom {
  height: 0.45rem;
  line-height: 0.45rem;
}
nav .right .agent .personal .sysmsg-box .sysmsg-setting .sysmsg-bottom > a {
  color: #63b504;
}
.popup-box {
  /*min-width: 10.24rem;*/
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
}
.popup-box .popup-item {
  width: 5.4rem;
  height: 4.3rem;
  border-radius: .1rem;
  background-color: #fff;
  position: relative;
  padding-top: .6rem;
  padding-bottom: .5rem;
}
.popup-box .popup-item .popup-close {
  position: absolute;
  top: .2rem;
  right: .2rem;
  width: .32rem;
  height: .32rem;
  cursor: pointer;
}
.popup-box .popup-item > h3 {
  margin-bottom: .8rem;
}
.popup-box .popup-item .input-item {
  position: relative;
}
.popup-box .popup-item .input-item input {
  width: 3rem;
  padding-left: .2rem;
  padding-bottom: .2rem;
  border-bottom: .01rem solid #999;
  margin-bottom: .3rem;
}
.popup-box .popup-item .input-item .get-msg {
  position: absolute;
  top: 0;
  right: 0;
  color: #63b504;
  cursor: pointer;
}
.popup-box .popup-item .btn-ok {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background-color: #63b504;
  color: #fff;
  cursor: pointer;
}
.popup-box .orderNow {
  width: 4rem;
  background-color: #fff;
  border-radius: .04rem;
  position: relative;
}
.popup-box .orderNow .popup-title {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #63b504;
  border-bottom: 1px solid #f2f2f2;
}
.popup-box .orderNow .popup-content {
  width: 100%;
  padding: .24rem .2rem 0 .2rem;
}
.popup-box .orderNow .popup-content .qrcode-box {
  padding-top: .36rem;
}
.popup-box .orderNow .popup-content .qrcode-box .qrCode {
  width: .8rem;
  height: .8rem;
}
.popup-box .orderNow .popup-content .qrcode-box > p {
  padding-top: .1rem;
  font-size: .14rem;
}
.popup-box .orderNow .popup-content .input-item {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  border-bottom: .01rem solid #e5e5e5;
  margin-top: .1rem;
}
.popup-box .orderNow .popup-content .input-item .text-position {
  padding-left: .3rem;
  position: relative;
}
.popup-box .orderNow .popup-content .input-item .icon-name::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: .24rem;
  height: .24rem;
  background: url(http://j.vzan.cc/dz/content/newhome/image/name.png?v1) no-repeat center;
  background-size: cover;
}
.popup-box .orderNow .popup-content .input-item .icon-number::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: .24rem;
  height: .24rem;
  background: url(http://j.vzan.cc/dz/content/newhome/image/contact.png?v1) no-repeat center;
  background-size: cover;
}
.popup-box .orderNow .popup-content .btn-free {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background-color: #63b504;
  color: #fff;
  margin: .3rem 0;
  cursor: pointer;
}
.popup-box .orderNow .popwin-close {
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: .48rem;
  height: .48rem;
  background: url(http://j.vzan.cc/dz/content/newhome/image/close.png) no-repeat center;
  background-size: cover;
  cursor: pointer;
}
.popup-box .payment-box {
  width: 8rem;
  height: 5.5rem;
  margin: 0 auto;
  overflow-y: auto;
}
.footer {
  width: 100%;
  background-color: #152D49;
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer .enter-keyword .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer .enter-keyword .text .enter-btn {
  width: 1.3rem;
  height: .5rem;
  line-height: .5rem;
  margin-left: .4rem;
  border: 0.01rem solid #fff;
  border-radius: .06rem;
}
.footer .copyright-box {
  width: 100%;
  color: #fff;
  padding: 1.05rem 3.5rem .4rem 3.5rem;
  box-sizing: border-box;
}
.footer .copyright-box .copyright-title-list {
  width: 100%;
  padding-bottom: .4rem;
}
.footer .copyright-box .copyright-title-list > li {
  min-width: 1rem;
  padding-right: .6rem;
  text-align: left;
}
.footer .copyright-box .copyright-title-list > li:last-child {
  padding: 0;
}
.footer .copyright-box .copyright-title-list > li .copyright-title {
  font-size: .18rem;
  padding-bottom: .46rem;
  font-weight: bold;
  white-space: nowrap;
}
.footer .copyright-box .copyright-title-list > li .copyright-details-list > li {
  width: 100%;
  white-space: nowrap;
  text-align: left;
  padding-bottom: .18rem;
  opacity: .8;
}
.footer .copyright-box .copyright-title-list > li .copyright-details-list .address {
  width: 2.55rem;
  white-space: normal;
  line-height: 1.6em;
}
.footer .copyright-box .copyright-title-list > li .wx-like {
  width: 1.3rem;
  height: 1.3rem;
  margin-bottom: .12rem;
}
.footer .copyright-box .links {
  padding-top: .2rem;
  padding-bottom: .8rem;
  border-top: 0.01rem solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.footer .copyright-box .links .title {
  position: absolute;
  top: .2rem;
  left: 0;
}
.footer .copyright-box .links ul > li {
  opacity: .8;
  margin-right: .3rem;
  margin-bottom: .1rem;
  text-align: center;
}
.footer .copyright-box .links ul > li:first-child {
  margin-left: 1rem;
}
.footer .copyright-box .copyright {
  opacity: .3;
  font-size: .13rem;
}
.home-section {
  width: 100%;
}
.text-box-bd {
  background: #fff;
  border: .14rem solid #ededed;
}
.first-box {
  width: 100%;
}
.first-box .banner-swiper {
  width: 100%;
  height: 6.2rem;
}
.first-box .banner-swiper .swiper-slide .banner-btn {
  position: absolute;
  left: 42%;
  bottom: 10%;
  display: inline-block;
  width: 1.6rem;
  height: .5rem;
  line-height: .5rem;
  color: #fff;
  background-color: #63b504;
  border-radius: .08rem;
  margin-right: 2%;
}
.first-box .banner-swiper .swiper-slide .banner-reg {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 3.4rem;
  text-align: center;
  padding: .32rem;
  background-color: #fff;
  border-radius: .1rem;
}
.first-box .banner-swiper .swiper-slide .banner-reg .banner-reg-icon {
  width: .81rem;
  height: .58rem;
}
.first-box .banner-swiper .swiper-slide .banner-reg .input-area {
  width: 1.8rem;
  padding: .3rem 0;
}
.first-box .banner-swiper .swiper-pagination-custom {
  bottom: .1rem;
  left: 0;
  width: 100%;
}
.first-box .banner-swiper .swiper-pagination-custom .swiper-pagination-customs {
  width: 1rem;
  height: .03rem;
  display: inline-block;
  background: #3c718f;
  opacity: .3;
  margin: 0 .05rem;
}
.first-box .banner-swiper .swiper-pagination-custom .swiper-pagination-customs-active {
  opacity: 1;
  background-color: #fff;
}
.second-box .img-box {
  width: 9.6rem;
  height: 4.58rem;
}
.third-box .third-title {
  padding: 3% 0;
}
.third-box .third-title > p {
  color: #333333;
  line-height: 1.4em;
}
.third-box .video-box {
  position: relative;
  width: 8rem;
  height: 4.8rem;
  margin: 0 auto;
  background-color: #000;
}
.third-box .video-box .next-video-warn {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  padding-top: .04rem;
  text-align: center;
  color: #fff;
}
.third-box .video-box .video-masking {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/video-masking.png') no-repeat center;
  background-size: cover;
}
.third-box .more-video-btn {
  display: inline-block;
  color: #fff;
  background-color: #63b504;
  padding: .16rem .3rem;
  margin-top: .3rem;
  border-radius: .04rem;
}
.fourth-box .fourth-title {
  width: 7.86rem;
  color: #63b504;
  line-height: 1.4em;
}
.fourth-box .fourth-content {
  width: 9.6rem;
  padding: .2rem 0;
}
.fourth-box .fourth-content .text-box {
  margin: 0.1rem 0;
  width: 100%;
  height: 1.5rem;
}
.fourth-box .fourth-content .text-box .text-box-icon {
  width: 3.2rem;
  height: 100%;
  position: relative;
}
.fourth-box .fourth-content .text-box:nth-child(1) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/01.png') no-repeat;
  background-size: cover;
}
.fourth-box .fourth-content .text-box:nth-child(2) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/02.png') no-repeat;
  background-size: cover;
}
.fourth-box .fourth-content .text-box:nth-child(3) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/03.png') no-repeat;
  background-size: cover;
}
.fourth-box .fourth-content .text-box:nth-child(4) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/04.png') no-repeat;
  background-size: cover;
}
.fourth-box .fourth-content .text-box .text-box-content {
  width: 100%;
  font-size: .18rem;
  text-align: left;
  line-height: 1.5em;
  color: #333333;
  letter-spacing: .02rem;
  padding: 0 .2rem;
}
.fourth-box .fourth-bottom {
  padding: 0 .2rem;
  line-height: 1.4em;
}
.fifth-box .fifth-content {
  width: 9.6rem;
}
.fifth-box .fifth-content .fifth-title {
  width: 8rem;
  color: #63b504;
  line-height: 1.4em;
}
.fifth-box .fifth-content .fifth-text {
  margin: .2rem 0;
  width: 100%;
  /*height: 19.5rem;*/
  text-align: left;
  padding: .2rem 0 .2rem .98rem;
}
.fifth-box .fifth-content .fifth-text > p {
  font-size: .2rem;
  padding: .2rem 0;
  letter-spacing: .02rem;
}
.fifth-box .fifth-content .fifth-bottom {
  padding: 0 .2rem;
  line-height: 1.4em;
}
.sixth-box .sixth-title {
  width: 7.86rem;
  color: #63b504;
  line-height: 1.4em;
}
.sixth-box .sixth-content {
  padding: .24rem 0;
}
.sixth-box .sixth-content .sixth-text {
  margin: .1rem 0;
  width: 9.6rem;
  height: 2.06rem;
  /*height: 13.4375rem;*/
}
.sixth-box .sixth-content .sixth-text .text-box-icon {
  width: 3.2rem;
  height: 100%;
  position: relative;
}
.sixth-box .sixth-content .sixth-text:nth-child(1) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/01.png') no-repeat;
  background-size: cover;
}
.sixth-box .sixth-content .sixth-text:nth-child(2) .text-box-icon::before {
  position: absolute;
  bottom: -0.02rem;
  left: .58rem;
  width: 1.6rem;
  height: .98rem;
  content: "";
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/02.png') no-repeat;
  background-size: cover;
}
.sixth-box .sixth-content .sixth-text .text-box-content {
  width: 100%;
  font-size: .18rem;
  text-align: left;
  line-height: 1.5em;
  color: #333333;
  letter-spacing: .02rem;
  padding: 0 .2rem;
}
.sixth-box .sixth-content .sixth-text .text-box-content > h3 {
  font-weight: normal;
  color: #63b504;
  padding-bottom: .1rem;
}
.sixth-box .sixth-content .sixth-text .sixth-bottom {
  line-height: 1.4em;
}
.seventh-box .seventh-title {
  width: 7.86rem;
  color: #63b504;
  line-height: 1.4em;
}
.seventh-box .seventh-content {
  padding: .2rem 0;
}
.seventh-box .seventh-content .seventh-table {
  margin: .1rem 0;
  width: 9.6rem;
  height: 4.84rem;
}
.seventh-box .seventh-content .seventh-table .table-box {
  width: 100%;
  height: 100%;
  letter-spacing: .02rem;
}
.seventh-box .seventh-content .seventh-table .table-box .table-td {
  border: .03rem solid #f9f9f9;
  background-color: #fff;
  width: 25%;
  height: 20%;
}
.seventh-box .seventh-content .seventh-table .table-box .table-td .img {
  width: .76rem;
  height: 1.41rem;
}
.seventh-box .seventh-bottom {
  padding: 0 .2rem;
  line-height: 1.4em;
}
.eighth-box .eighth-title {
  width: 7.86rem;
  color: #63b504;
  line-height: 1.4em;
}
.eighth-box .eighth-content {
  margin: .2rem 0;
  padding: .2rem 0 .2rem .98rem;
  color: #333333;
  width: 9.6rem;
  /*height: 23.75rem;*/
  font-size: .18rem;
}
.eighth-box .eighth-content > p {
  padding: .2rem 0;
}
.eighth-box .eighth-bottom {
  padding: 0 .2rem;
  line-height: 1.4em;
}
.ninth-box .ninth-title {
  color: #63b504;
  line-height: 1.4em;
}
.ninth-box .ninth-content {
  position: relative;
  padding: .2rem 0;
}
.ninth-box .ninth-content .ninth-img {
  margin: .1rem 0;
  width: 9.6rem;
}
.ninth-box .ninth-content .ninth-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.ninth-box .ninth-content .ninth-text .xw-icon {
  margin-top: .16rem;
  width: 1rem;
}
.ninth-box .ninth-content .ninth-text > p {
  line-height: 1.4em;
  white-space: nowrap;
}
.productCenter-solution .solution-list-box {
  width: 14rem;
  border-bottom: .01rem solid #f2f2f2;
  padding: .2rem;
  margin-top: .5rem;
}
.productCenter-solution .solution-list-box .green-current-btn {
  padding: .04rem .08rem;
  background-color: #63b504;
  color: #fff;
  border-radius: .05rem;
}
.productCenter-solution .slide-show {
  width: 14rem;
  height: 9.45rem;
}
.productCenter-solution .slide-show .phone-frame {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5.11rem;
  height: 9.45rem;
  z-index: 3;
}
.productCenter-solution .slide-show .solution-swiper {
  position: relative;
  height: 6.47rem;
  margin-top: 1.475rem;
  z-index: 4;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  position: relative;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide > img {
  width: 3.6rem;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide:hover .list-item-masking {
  opacity: 1;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.62rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  transition: all 0.5s ease-out;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title {
  padding-top: 1.28rem;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title > h2 {
  font-size: .36rem;
  color: #333333;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title > p {
  margin: 0 auto;
  line-height: 1.3em;
  font-size: .18rem;
  padding: .5rem .3rem 1rem .3rem;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .item-btn {
  display: block;
  color: #fff;
  padding: .16rem .44rem;
  background-color: #63b504;
  border-radius: .04rem;
}
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide-active,
.productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.productCenter-solution .slide-show .solution-swiper .swiper-button-prev,
.productCenter-solution .slide-show .solution-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: .45rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  background-color: #63b504;
  background-image: none;
  border-radius: .05rem;
}
.productCenter-solution .slide-show .solution-swiper .swiper-button-prev {
  left: 0;
}
.productCenter-solution .slide-show .solution-swiper .swiper-button-next {
  right: 0;
}
.template-maket {
  width: 100%;
  background-color: #f9f9f9;
}
.template-maket .template-list {
  width: 14rem;
  margin-top: .5rem;
}
.template-maket .template-list > li {
  width: 33.33%;
  padding: .24rem .12rem;
}
.template-maket .template-list > li:nth-child(1) .template-item-title {
  background-color: #e5e8ec;
}
.template-maket .template-list > li:nth-child(1) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-dy.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:nth-child(2) .template-item-title {
  background-color: #5eb1ff;
}
.template-maket .template-list > li:nth-child(2) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-qy.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:nth-child(3) .template-item-title {
  background-color: #fbdce1;
}
.template-maket .template-list > li:nth-child(3) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-ds.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:nth-child(4) .template-item-title {
  background-color: #f6dde8;
}
.template-maket .template-list > li:nth-child(4) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-cy.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:nth-child(5) .template-item-title {
  background-color: #f8f3de;
}
.template-maket .template-list > li:nth-child(5) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-hy.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:nth-child(6) .template-item-title {
  background-color: #f9e8d3;
}
.template-maket .template-list > li:nth-child(6) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-zy.png') no-repeat;
  background-size: cover;
}
.template-maket .template-list > li:hover .template-item {
  transform: scale(1.05);
}
.template-maket .template-list > li:hover .btn-know {
  opacity: 1 !important;
}
.template-maket .template-list .template-item {
  box-shadow: 0 0 .3rem #e2e2e2;
  transition: all 0.8s ease-out;
}
.template-maket .template-list .template-item .template-item-title {
  /*padding: .38rem 0;*/
  height: 1rem;
  line-height: 1rem;
  position: relative;
}
.template-maket .template-list .template-item .template-item-title > h3 {
  font-size: .24rem;
  font-weight: normal;
  color: #333333;
  text-align: center;
  transition: all 1.2s ease-out;
}
.template-maket .template-list .template-item .template-item-content {
  padding: .25rem .2rem .2rem .2rem;
  background-color: #fff;
}
.template-maket .template-list .template-item .template-item-content h4 {
  padding-bottom: .2rem;
  color: #999;
  text-align: center;
  font-size: .18rem;
}
.template-maket .template-list .template-item .template-item-content p {
  line-height: 1.35em;
  height: 1.5rem;
  text-align: left;
  text-indent: 2em;
}
.template-maket .template-list .template-item .template-item-content .template-item-case {
  padding-top: .15rem;
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list {
  width: 3.92rem;
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img {
  /*padding: 0 .05rem;*/
  position: relative;
  width: 1.26rem;
  height: 1.26rem;
  margin-right: .06rem;
  /*width: 33.33%;*/
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img:last-child {
  margin: 0;
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img:hover .item-case-qrcode {
  opacity: 1;
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img .item-case-qrcode {
  opacity: 0;
  transition: all 1s ease-out;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img .item-case-qrcode > img {
  width: 1.18rem;
}
.template-maket .template-list .template-item .template-item-content .btn-know {
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-out;
  margin-top: .2rem;
  padding: .14rem .74rem;
  background-color: #63b504;
  color: #fff;
  border-radius: .04rem;
}
.product-case-wrap .caseList {
  padding-bottom: .6rem;
}
.product-case-wrap .caseList .caseContent {
  width: 14rem;
}
.product-case-wrap .caseList .caseContent .versions-list {
  border-bottom: .01rem solid #f2f2f2;
}
.product-case-wrap .caseList .caseContent .versions-list > li {
  padding-right: .3rem;
}
.product-case-wrap .caseList .caseContent .versions-list > li > a {
  display: inline-block;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .18rem;
  font-weight: bold;
  color: #333333;
}
.product-case-wrap .caseList .caseContent .label-list {
  margin-top: .2rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list {
  width: 100%;
  margin-bottom: .4rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li {
  width: 3.2rem;
  margin-top: .3rem;
  margin-right: .4rem;
  transition: all .6s ease;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:nth-child(4n) {
  margin-right: 0;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 .1rem .2rem #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:hover .case {
  border-color: #fff;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case {
  border: .01rem solid #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case:hover .case-img .case-shade {
  opacity: 1;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img {
  position: relative;
  width: 3.18rem;
  height: 3.18rem;
  background-color: #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img .case-shade {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.6s ease-in;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img .case-shade > img {
  width: 2.6rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-name {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #666;
  font-weight: bold;
  text-align: center;
}
.product-case-wrap .green-line {
  position: relative;
}
.product-case-wrap .green-line::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: .02rem;
  background-color: #63b504;
}
.eleventh-box .eleventh-title {
  color: #63b504;
  line-height: 1.4em;
}
.eleventh-box .eleventh-content {
  padding: .3rem 0;
}
.eleventh-box .eleventh-content .play-masking {
  width: 9.2rem;
  height: 5.2rem;
}
.eleventh-box .eleventh-content .video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-aboutus-masking {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding-top: .8rem;
  display: none;
  z-index: 11;
}
.video-aboutus-masking > video {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 9.6rem;
  height: 5.4rem;
}
.miniApp-news .news-title {
  color: #63b504;
  line-height: 1.4em;
}
.miniApp-news .news-classify {
  width: 14rem;
  margin-top: .6rem;
}
.miniApp-news .news-classify > li {
  width: 4.3rem;
  padding: 0 .1rem;
}
.miniApp-news .news-classify > li .news-details-list {
  margin-bottom: .3rem;
}
.miniApp-news .news-classify > li .news-details-list > li {
  width: 100%;
  text-align: left;
  margin-bottom: .3rem;
  position: relative;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details {
  width: 100%;
  height: 1rem;
  border: .01rem solid #f2f2f2;
  box-sizing: border-box;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details .news-img {
  width: 1.5rem;
  height: .98rem;
  background: url("http://j.vzan.cc/dz/content/newhome/image/newsImg.png") no-repeat;
  background-size: cover;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details .news-img > img {
  width: 100%;
  height: 100%;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details .news-page {
  width: 2.8rem;
  color: #333;
  padding: .1rem .15rem 0 .1rem;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details .news-page > h3 {
  height: .68rem;
  line-height: 1.5em;
}
.miniApp-news .news-classify > li .news-details-list > li .news-details .news-page .news-page-date {
  height: .32rem;
  line-height: .32rem;
  font-size: .14rem;
  color: #ccc;
  /*padding-top: .05rem;*/
  border-top: .01rem solid #f2f2f2;
}
.miniApp-news .news-classify > li .news-details-list .news-list-more {
  position: relative;
  text-align: left;
  margin-bottom: .1rem;
}
.miniApp-news .news-classify > li .news-details-list .news-list-more::after {
  content: "";
  width: .11rem;
  height: .14rem;
  background: url(http://j.vzan.cc/dz/content/newhome/image/more.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: .02rem;
  bottom: 0;
}
.miniApp-news .news-classify > li .news-details-list .news-list-more > a {
  width: 90%;
  color: #666;
  line-height: 1.2em;
  font-size: .14rem;
  letter-spacing: 0.04em;
}
.v-nav {
  position: fixed;
  left: .1rem;
  top: 7rem;
  z-index: 2;
  display: none;
}
.v-nav .v-nav-list {
  height: 100%;
  border-left: .01rem solid #999;
}
.v-nav .v-nav-list > li {
  position: relative;
  text-align: left;
  padding-left: 5%;
  color: #999;
  white-space: nowrap;
  cursor: pointer;
}
.v-nav .v-nav-list .vnav-green-active {
  position: relative;
  color: #63b504;
}
.v-nav .v-nav-list .vnav-green-active::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: .02rem;
  height: 100%;
  background-color: #63b504;
}
.floater-box {
  position: fixed;
  bottom: 0;
  left: 0;
  height: .77rem;
  width: 100%;
  background-color: rgba(178, 178, 178, 0.7);
  z-index: 7;
}
.floater-box .floater-content {
  width: 8.94rem;
}
.floater-box .floater-content .floater-text-box {
  position: relative;
  top: -0.06rem;
  width: 3.95rem;
  height: .77rem;
}
.floater-box .floater-content .floater-text-box .floater-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: .1rem;
}
.floater-box .floater-content .floater-text-box .floater-text > h3 {
  text-align: right;
  font-size: .26rem;
}
.floater-box .floater-content .floater-text-box .floater-text > p {
  text-align: right;
  font-size: .2rem;
  line-height: 1.5em;
  white-space: nowrap;
}
.floater-box .floater-content .form-box > input {
  width: 3.74rem;
  height: .5rem;
  border: 0;
  border-radius: .04rem;
  margin: 0 .1rem;
  text-align: center;
}
.floater-box .floater-content .form-box .floater-btn {
  width: 1.04rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background-color: #ff9938;
  color: #fff;
  font-size: .2rem;
  border-radius: .04rem;
}
/*
    右侧悬浮条
*/
.right-list {
  width: 2.3rem;
  position: fixed;
  right: .06rem;
  z-index: 2;
}
.right-list .right-item {
  text-align: center;
  background-color: #fff;
  border-radius: .1rem;
  margin-bottom: .1rem;
  border: 0.01rem solid #f2f2f2;
}
.right-list .right-item > img {
  width: 1.8rem;
  height: 1.8rem;
}
.right-list .top > img {
  width: .62rem;
  height: .14rem;
  margin-bottom: .08rem;
}
.right-list .middle {
  color: #63b504;
}
.right-list .middle .item-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 25%;
  width: 50%;
  height: .02rem;
  background-color: #ccc;
}
.right-list .bottom {
  width: 2.28rem;
  height: 1.76rem;
}
.collage-discounts {
  /*.dynamic .btn-more {
        display: block;
        width: 2.24rem;
        height: .5rem;
        line-height: .5rem;
        text-align: center;
        border: .01rem solid #ccc;
        color: #ccc;
        border-radius: .04rem;
        margin-top: .04rem;
        cursor: pointer;
    }*/
}
.collage-discounts .banner {
  position: relative;
}
.collage-discounts .banner .banner-btn-box {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.collage-discounts .banner .banner-btn-box .banner-btn {
  width: 2.6rem;
  height: .68rem;
  border-radius: .04rem;
  color: #E6192C;
  font-weight: bold;
  border: .01rem solid #E6192C;
  cursor: pointer;
  margin-right: .6rem;
  /*&:nth-child(1) {
                    line-height: 1.4em;
                    background-color: #E6192C;
                }

                &:nth-child(2) {
                    color: #E6192C;
                    border: .01rem solid #E6192C;
                }*/
}
.collage-discounts .banner .banner-btn-box .banner-btn:hover {
  background-color: #E6192C;
  color: #fff;
}
.collage-discounts .banner .banner-btn-box .pxh-code-box {
  display: none;
  position: absolute;
  top: -3.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.1rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: .04rem;
  padding: .5rem .35rem .15rem .35rem;
  box-shadow: 0.06rem 0.2rem 0.3rem rgba(150, 150, 150, 0.2);
}
.collage-discounts .banner .banner-btn-box .pxh-code-box .pxh-code {
  width: 2.4rem;
  height: 2.4rem;
}
.collage-discounts .banner .banner-btn-box .pxh-code-box .close-btn {
  position: absolute;
  right: .2rem;
  top: .2rem;
  width: .3rem;
  height: .3rem;
}
.collage-discounts .banner .banner-btn-box .pxh-phone-box {
  display: none;
  position: absolute;
  top: -1.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6.3rem;
  height: 1.2rem;
  background-color: #fff;
  border-radius: .04rem;
  padding: 0 .38rem;
  box-shadow: 0.06rem 0.2rem 0.3rem rgba(150, 150, 150, 0.2);
}
.collage-discounts .banner .banner-btn-box .pxh-phone-box input {
  width: 3.8rem;
  height: .5rem;
  border: .01rem solid #EFEFEF;
  border-radius: .04rem;
  text-align: center;
}
.collage-discounts .banner .banner-btn-box .pxh-phone-box .submit-btn {
  display: inline-block;
  width: 1.04rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: .04rem;
  background-color: #E6192C;
}
.collage-discounts .banner .banner-btn-box .pxh-phone-box .close-btn {
  width: .3rem;
  height: .3rem;
}
.collage-discounts .video-box .player-box {
  width: 9.2rem;
  height: 5.18rem;
  border-radius: .05rem;
  overflow: hidden;
}
.collage-discounts .video-box .player-box .cover-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.collage-discounts .video-box .player-box .cover-box .player-btn {
  width: .75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.collage-discounts .video-box .player-box .video-tip {
  display: none;
  color: #fff;
  background: #000;
  width: 100%;
  height: 5.18rem;
  line-height: 5.18rem;
  position: absolute;
  top: 0;
  left: 0;
}
.collage-discounts .flow-path .old-flow {
  width: 6.77rem;
  position: relative;
}
.collage-discounts .flow-path .old-flow > li > img {
  width: 0.74rem;
}
.collage-discounts .flow-path .old-flow::before {
  position: absolute;
  top: 50%;
  left: 1.06rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "";
  width: 1.5rem;
  height: 0.02rem;
  background-color: #bfbfbf;
}
.collage-discounts .flow-path .old-flow::after {
  position: absolute;
  top: 50%;
  right: 1.06rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "";
  width: 1.5rem;
  height: 0.02rem;
  background-color: #bfbfbf;
}
.collage-discounts .flow-path .arrows {
  width: 0.3rem;
  height: 0.45rem;
  margin: 0.4rem 0;
}
.collage-discounts .flow-path .new-flow {
  position: relative;
  width: 12.8rem;
}
.collage-discounts .flow-path .new-flow > li > img {
  width: 0.74rem;
}
.collage-discounts .flow-path .new-flow > li > p {
  left: 50%;
  top: .92rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 1.95rem;
  line-height: 1.2;
}
.collage-discounts .flow-path .new-flow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "";
  width: 10.52rem;
  height: 0.02rem;
  background-color: #bfbfbf;
}
.collage-discounts .sever-box .sever-list {
  width: 12rem;
}
.collage-discounts .sever-box .sever-list > li {
  width: 6rem;
  margin-bottom: 0.6rem;
}
.collage-discounts .sever-box .sever-list > li:nth-child(3),
.collage-discounts .sever-box .sever-list > li:nth-child(4) {
  margin-bottom: 0;
}
.collage-discounts .sever-box .sever-list > li .icon-box {
  width: 1.1rem;
  height: 1.1rem;
  margin-bottom: .3rem;
}
.collage-discounts .sever-box .sever-list > li p {
  width: 3.6rem;
  line-height: 1.4;
  text-align: center;
}
.collage-discounts .way-box .way-content {
  width: 100%;
  height: 5.46rem;
}
.collage-discounts .way-box .way-content .way > img {
  width: 1.2rem;
  height: 1.2rem;
}
.collage-discounts .way-box .way-content .way > p {
  width: 11.4rem;
  line-height: 1.4;
  margin-left: .4rem;
}
.collage-discounts .dynamic .dynamic-list {
  width: 14rem;
}
.collage-discounts .dynamic .dynamic-list > li {
  margin-right: .4rem;
  margin-bottom: .4rem;
  cursor: pointer;
}
.collage-discounts .dynamic .dynamic-list > li:nth-child(3n) {
  margin-right: 0;
}
.collage-discounts .dynamic .dynamic-list > li > a {
  display: block;
  width: 4.4rem;
  height: 3.35rem;
}
.collage-discounts .dynamic .dynamic-list > li > a > img {
  height: 2.6rem;
}
.collage-discounts .dynamic .dynamic-list > li > a > p {
  line-height: 1.2em;
  margin-top: .2rem;
  color: #333333;
}
.collage-discounts .footer-box {
  position: relative;
  width: 100%;
  height: 3.4rem;
}
.collage-discounts .footer-box > img {
  height: 100%;
}
.collage-discounts .footer-box .footer-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.collage-discounts .footer-box .footer-content > img {
  width: 2.4rem;
  height: 1.14rem;
}
.collage-discounts .footer-box .footer-content .text {
  line-height: 1.4;
}
.collage-discounts .footer-box .footer-content .text > img {
  width: 1rem;
  height: 1rem;
}
.collage-discounts .float-box {
  position: fixed;
  top: 1rem;
  left: .2rem;
  width: 2.3rem;
  height: 2.4rem;
  background-color: #fff;
  border-radius: .08rem;
  border: .01rem solid #f2f2f2;
  padding-top: .4rem;
  box-sizing: border-box;
  z-index: 2;
}
.collage-discounts .float-box > img {
  width: .68rem;
  height: .68rem;
  margin-bottom: .1rem;
}
.collage-discounts .float-box .float-btn {
  display: block;
  width: 1.4rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  border: .01rem solid #E6192C;
  border-radius: .2rem;
  color: #E6192C;
  margin-top: .1rem;
}
.retail-wrap {
  width: 14rem;
}
.retail-wrap .title-box {
  padding-top: .6rem;
}
.retail-wrap .title-box > img {
  width: 5.8rem;
  height: 1.24rem;
}
.retail-wrap .title-box .video {
  width: 8.53rem;
  min-height: 4.8rem;
  margin-top: .8rem;
  background-color: #000000;
}
.retail-wrap .title-box .video .cover {
  top: 0;
  left: 0;
  width: 100%;
}
.retail-wrap .title-box .video .cover-btn {
  width: .88rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.retail-wrap .title-box .video .video-player {
  width: 100%;
  height: 4.8rem;
}
.retail-wrap .title-box .subtitle {
  line-height: 1.2em;
  color: #666;
  margin-top: 1.28rem;
}
.retail-wrap .module {
  padding-top: .6rem;
}
.retail-wrap .module .title {
  width: 100%;
}
.retail-wrap .module .title > img {
  width: .78rem;
}
.retail-wrap .module .title .text {
  padding-left: .5rem;
  font-size: .36rem;
  font-weight: bold;
}
.retail-wrap .module .subtitle {
  color: #333333;
  padding-left: .5rem;
  margin-top: .6rem;
}
.retail-wrap .module .subtitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background-color: #333333;
}
.retail-wrap .module .details {
  color: #666;
  line-height: 1.3em;
  font-size: .24rem;
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container {
  /*.swiper-slide-active, .swiper-wrapper .swiper-slide-duplicate-active {
                        -webkit-transform: scale(1);
                        transform: scale(1);
                    }*/
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-wrapper {
  width: 100%;
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-wrapper .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-wrapper .swiper-slide-active,
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-wrapper .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-button-prev,
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-button-next {
  width: 25%;
  height: 100%;
  background: transparent;
  top: 10%;
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-button-prev {
  left: 4%;
}
.retail-wrap .module .swiper-box .swiper-list-box .swiper-container .swiper-button-next {
  right: 4%;
}
.retail-wrap .module .role-list {
  padding: .5rem 1.2rem .9rem 1.2rem;
}
.retail-wrap .module .role-list > li img {
  width: 1.44rem;
  height: 1.44rem;
}
.retail-wrap .module .role-list > li img.active {
  width: 1.6rem;
  height: 1.6rem;
}
.retail-wrap .module .role-list > li .role-name {
  font-size: .24rem;
  padding-top: .3rem;
}
.retail-wrap .module .role-list > li .active {
  font-weight: bold;
}
.retail-wrap .module .role-details {
  position: relative;
  font-size: .24rem;
  line-height: 1.5em;
  padding: .4rem;
  background-color: #f6f6f6;
  border-radius: .16rem;
}
.retail-wrap .module .role-details-one::before {
  position: absolute;
  top: -0.8rem;
  left: 1.6rem;
  display: block;
  content: "";
  border-width: .4rem .4rem .4rem .4rem;
  border-style: solid;
  border-color: transparent transparent #f6f6f6 transparent;
}
.retail-wrap .module .role-details-two::before {
  position: absolute;
  top: -0.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  display: block;
  content: "";
  border-width: .4rem .4rem .4rem .4rem;
  border-style: solid;
  border-color: transparent transparent #f6f6f6 transparent;
}
.retail-wrap .module .role-details-three::before {
  position: absolute;
  top: -0.8rem;
  right: 1.6rem;
  display: block;
  content: "";
  border-width: .4rem .4rem .4rem .4rem;
  border-style: solid;
  border-color: transparent transparent #f6f6f6 transparent;
}
.retail-wrap .module .case-code-box {
  width: 8.82rem;
  background-color: #fff;
  margin: .6rem 0;
  padding: .32rem;
}
.retail-wrap .module .case-code-box > .code {
  width: 3rem;
  height: 3rem;
}
.retail-wrap .module .price {
  margin-top: .6rem;
  font-size: .24rem;
  font-weight: bold;
}
.retail-wrap .module .price-table {
  width: 100%;
  font-size: .26rem;
  margin-top: .6rem;
  margin-bottom: .28rem;
  text-align: center;
  border: 0.01rem solid #666;
}
.retail-wrap .module .price-table tr {
  height: .9rem;
}
.retail-wrap .module .price-table tr > td {
  width: 50%;
  border: 0.01rem solid #666;
}
.retail-wrap .module .discounts {
  font-size: .24rem;
  font-weight: bold;
  line-height: 1.6em;
}
.domain-wrap .center-width {
  width: 14rem;
}
.domain-wrap .text-sp {
  letter-spacing: .14em;
}
.domain-wrap .block-bg {
  padding: .2rem .24rem;
  background-color: #f9f9f9;
}
.domain-wrap .lh14 {
  line-height: 1.4em;
}
.domain-wrap .audio-box {
  width: 100%;
  padding: 1rem 0;
}
.domain-wrap .audio-box .audio-content {
  width: 14rem;
  height: 1.88rem;
  border: .02rem solid #d9d8d9;
  padding-left: .6rem;
  padding-right: .8rem;
}
.domain-wrap .audio-box .audio-content .dsphoto {
  width: 2.4rem;
  padding-top: .16rem;
}
.domain-wrap .audio-box .audio-content .audio-tip {
  position: absolute;
  bottom: -0.2rem;
  right: 0;
  width: 100%;
  text-align: center;
}
.domain-wrap .audio-box .audio-player {
  width: .7rem;
  height: .7rem;
  margin-left: .4rem;
  position: relative;
}
.domain-wrap .audio-box .audio-player > img {
  width: .7rem;
}
.domain-wrap .audio-box .tip {
  text-align: center;
  margin-top: .4rem;
}
.domain-wrap .module-box .module-list > li {
  width: 2.78rem;
  height: 2.7rem;
}
.domain-wrap .module-box .module-list > li .title {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
.domain-wrap .superiority-box .details-list > li .dot {
  display: inline-block;
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background-color: #666;
  float: left;
  margin-top: .1rem;
}
.domain-wrap .superiority-box .details-list > li > p {
  text-align: left;
  margin-bottom: .12rem;
  padding-left: .32rem;
}
.domain-wrap .custom-module .custom-module1 {
  margin-top: 1.14rem;
}
.domain-wrap .custom-module .custom-module2 {
  margin-top: 1.4rem;
}
.domain-wrap .custom-module .custom-module3 {
  width: 9.42rem;
  margin-top: .68rem;
}
.domain-wrap .specify-box .question-box {
  margin-top: .5rem;
}
.domain-wrap .specify-box .question-box > img {
  width: .56rem;
}
.domain-wrap .specify-box .question-box > p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.domain-wrap .cost-box .details-list > li {
  text-align: left;
  padding-left: .32rem;
}
.domain-wrap .cost-box .details-list > li .dot {
  display: inline-block;
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background-color: #63b504;
  float: left;
  margin-top: .1rem;
}
.domain-wrap .live-video-box {
  padding: 1rem 0;
}
.domain-wrap .live-video-box .video {
  width: 8rem;
  min-height: 4.8rem;
  background-color: #d9d8d9;
}
.domain-wrap .live-video-box .video .video-player {
  width: 100%;
  height: 4.8rem;
}
.domain-wrap .live-video-box .video .video-cover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.domain-wrap .live-video-box .video .player-btn {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.domain-wrap .live-video-box .video .video-tip {
  display: none;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.domain-wrap .live-video-box .video .video-tip > p {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 7rem;
  line-height: 1.2em;
  text-align: center;
  color: #fff;
}
.domain-wrap .spinner {
  width: .7rem;
  height: .7rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.domain-wrap .double-bounce1,
.domain-wrap .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #63b504;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.domain-wrap .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.productCenter-container .productCenter-banner .banner-text {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.productCenter-container .productCenter-solution .solution-list-box {
  width: 14rem;
  border-bottom: .01rem solid #f2f2f2;
  padding: .2rem;
  margin-top: .5rem;
}
.productCenter-container .productCenter-solution .solution-list-box .green-current-btn {
  padding: .04rem .08rem;
  background-color: #63b504;
  color: #fff;
  border-radius: .05rem;
}
.productCenter-container .productCenter-solution .slide-show {
  width: 14rem;
  height: 9.45rem;
}
.productCenter-container .productCenter-solution .slide-show .phone-frame {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5.11rem;
  height: 9.45rem;
  z-index: 3;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper {
  position: relative;
  height: 6.47rem;
  margin-top: 1.475rem;
  z-index: 4;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  position: relative;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide > img {
  width: 3.6rem;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide:hover .list-item-masking {
  opacity: 1;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.62rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  transition: all 0.5s ease-out;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title {
  padding-top: 1.28rem;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title > h2 {
  font-size: .36rem;
  color: #333333;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .itme-masking-title > p {
  margin: 0 auto;
  line-height: 1.3em;
  font-size: .18rem;
  padding: .5rem .3rem 1rem .3rem;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide .list-item-masking .item-btn {
  display: block;
  color: #fff;
  padding: .16rem .44rem;
  background-color: #63b504;
  border-radius: .04rem;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide-active,
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-wrapper .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-button-prev,
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: .45rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  background-color: #63b504;
  background-image: none;
  border-radius: .05rem;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-button-prev {
  left: 0;
}
.productCenter-container .productCenter-solution .slide-show .solution-swiper .swiper-button-next {
  right: 0;
}
.productCenter-container .template-maket {
  width: 100%;
  background-color: #f9f9f9;
}
.productCenter-container .template-maket .template-list {
  width: 14rem;
  margin-top: .5rem;
}
.productCenter-container .template-maket .template-list > li {
  width: 33.33%;
  padding: .24rem .12rem;
}
.productCenter-container .template-maket .template-list > li:nth-child(1) .template-item-title {
  background-color: #e5e8ec;
}
.productCenter-container .template-maket .template-list > li:nth-child(1) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-dy.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:nth-child(2) .template-item-title {
  background-color: #5eb1ff;
}
.productCenter-container .template-maket .template-list > li:nth-child(2) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-qy.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:nth-child(3) .template-item-title {
  background-color: #fbdce1;
}
.productCenter-container .template-maket .template-list > li:nth-child(3) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-ds.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:nth-child(4) .template-item-title {
  background-color: #f6dde8;
}
.productCenter-container .template-maket .template-list > li:nth-child(4) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-cy.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:nth-child(5) .template-item-title {
  background-color: #f8f3de;
}
.productCenter-container .template-maket .template-list > li:nth-child(5) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-hy.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:nth-child(6) .template-item-title {
  background-color: #f9e8d3;
}
.productCenter-container .template-maket .template-list > li:nth-child(6) .template-item-title::before {
  position: absolute;
  bottom: 0;
  left: .46rem;
  content: "";
  width: .9rem;
  height: .9rem;
  background: url('http://j.vzan.cc/dz/content/newhome/image/productCenter/icon-zy.png') no-repeat;
  background-size: cover;
}
.productCenter-container .template-maket .template-list > li:hover .template-item {
  transform: scale(1.05);
}
.productCenter-container .template-maket .template-list > li:hover .btn-know {
  opacity: 1 !important;
}
.productCenter-container .template-maket .template-list .template-item {
  box-shadow: 0 0 .3rem #e2e2e2;
  transition: all 0.8s ease-out;
}
.productCenter-container .template-maket .template-list .template-item .template-item- title {
  /*padding: .38rem 0;*/
  height: 1rem;
  line-height: 1rem;
  position: relative;
}
.productCenter-container .template-maket .template-list .template-item .template-item- title > h3 {
  font-size: .24rem;
  font-weight: normal;
  color: #333333;
  text-align: center;
  transition: all 1.2s ease-out;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content {
  padding: .25rem .2rem .2rem .2rem;
  background-color: #fff;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content h4 {
  padding-bottom: .2rem;
  color: #999;
  text-align: center;
  font-size: .18rem;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content p {
  line-height: 1.35em;
  height: 1.5rem;
  text-align: left;
  text-indent: 2em;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case {
  padding-top: .15rem;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list {
  width: 3.92rem;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img {
  position: relative;
  width: 1.26rem;
  height: 1.26rem;
  margin-right: .06rem;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img:last-child {
  margin: 0;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img:hover .item-case-qrcode {
  opacity: 1;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img .item-case-qrcode {
  opacity: 0;
  transition: all 1s ease-out;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .template-item-case .case-list .item-case-img .item-case-qrcode > img {
  width: 1.18rem;
}
.productCenter-container .template-maket .template-list .template-item .template-item-content .btn-know {
  display: inline-block;
  opacity: 0;
  transition: all 1s ease-out;
  margin-top: .2rem;
  padding: .14rem .74rem;
  background-color: #63b504;
  color: #fff;
  border-radius: .04rem;
}
.productCenter-container .product-updata {
  width: 14rem;
}
.productCenter-container .product-updata .list-area {
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .88rem;
}
.productCenter-container .product-updata .list-area .updata-list {
  width: 100%;
  color: #666;
  box-shadow: 0 0 .3rem .06rem #f2f2f2;
  margin-bottom: .88rem;
}
.productCenter-container .product-updata .list-area .updata-list .msg-title {
  height: 1rem;
  margin: 0 .26rem;
  border-bottom: .01rem solid #f2f2f2;
}
.productCenter-container .product-updata .list-area .updata-list .msg-content {
  background-color: #F9F7F7;
  padding: .3rem;
  text-align: left;
  box-shadow: 0 0 .05rem .05rem #f2f2f2 inset;
  line-height: 1.6em;
  display: none;
  transition: all 2s ease-out;
}
.productCenter-container .product-updata .list-area .updata-list .item {
  /*transition: all .8s ease-out;*/
}
.productCenter-container .product-updata .list-area .updata-list .item:hover > .msg-content {
  display: block;
}
.productCenter-container .product-updata .list-area .updatabtn {
  display: block;
  padding: .14rem .36rem;
  font-size: .18rem;
  border: .01rem solid #e6e6e6;
  color: #999;
  border-radius: .04rem;
  transition: all .8s ease;
}
.productCenter-container .product-updata .list-area .updatabtn:hover {
  color: #666;
  border-color: #999;
}
.productCenter-container .title::before,
.productCenter-container .title::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .6rem;
  height: 0.01rem;
  background-color: #e6e6e6;
}
.productCenter-container .title::before {
  left: -0.7rem;
}
.productCenter-container .title::after {
  right: -0.7rem;
}
.solution-wrap .solution-banner {
  position: relative;
}
.solution-wrap .solution-banner .banner-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.solution-wrap .solution-banner .banner-text-box > p {
  color: rgba(255, 255, 255, 0.6);
}
.solution-wrap .option-list {
  width: 14rem;
  margin: 0 auto;
  color: #333333;
  font-size: .18rem;
  font-weight: bold;
  border-bottom: .01rem solid #E6E6E6;
}
.solution-wrap .option-list > li {
  display: inline-block;
  margin-right: .38rem;
  padding: .42rem 0 .24rem 0;
  cursor: pointer;
}
.solution-wrap .option-list > li:last-child {
  margin-right: 0;
}
.solution-wrap .option-list .current-option {
  position: relative;
  color: #63b504;
}
.solution-wrap .option-list .current-option::before {
  position: absolute;
  width: 100%;
  height: .04rem;
  content: "";
  left: 0;
  bottom: 0;
  background-color: #63b504;
}
.solution-wrap .solution-content {
  padding-top: .4rem;
}
.solution-wrap .solution-content .solution-topbg {
  width: 14rem;
}
.solution-wrap .solution-content .solution-topbg .solution-toptext > p {
  max-width: 4.66rem;
  line-height: 1.4em;
  text-indent: 2em;
}
.solution-wrap .solution-content .solution-topbg .center-layout {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.solution-wrap .solution-content .solution-topbg .left-layout {
  position: absolute;
  top: 1.6rem;
  left: 2.6rem;
}
.solution-wrap .solution-content .bgnormal-container {
  width: 14rem;
}
.solution-wrap .solution-content .bgnormal-container .function-list {
  width: 100%;
  padding-top: .8rem;
}
.solution-wrap .solution-content .bgnormal-container .function-list .function-item {
  text-align: center;
  max-width: 3.98rem;
}
.solution-wrap .solution-content .bgnormal-container .function-list .function-item .item-title {
  font-size: .2rem;
  padding: .2rem 0;
}
.solution-wrap .solution-content .bgnormal-container .function-list .function-item > p {
  color: #9a9a9a;
  /*max-width: 3.54rem;*/
  line-height: 1.4em;
}
.solution-wrap .solution-content .content-img {
  width: 14rem;
}
.solution-wrap .solution-content .top-container {
  width: 14rem;
}
.solution-wrap .solution-content .top-container .top-page > p {
  max-width: 4.6rem;
  line-height: 1.4em;
  text-indent: 2em;
}
.solution-wrap .solution-content .icon-img-container {
  width: 14rem;
}
.solution-wrap .solution-content .icon-img-container .icon-box .icon-list {
  width: 6.8rem;
  margin-top: .6rem;
}
.solution-wrap .solution-content .icon-img-container .icon-box .icon-list .item {
  text-align: center;
}
.solution-wrap .solution-content .icon-img-container .icon-box .icon-list .item .item-title {
  padding: .3rem 0 .2rem 0;
}
.solution-wrap .solution-content .icon-img-container .icon-box .icon-list .item > p {
  color: #9a9a9a;
  line-height: 1.4em;
}
.solution-wrap .versions-content {
  width: 100%;
  padding-top: .4rem;
}
.solution-wrap .versions-content .versions-topbg {
  position: relative;
  width: 14rem;
}
.solution-wrap .versions-content .versions-topbg .versions-toptext {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.solution-wrap .versions-content .versions-topbg .versions-toptext > h2 {
  font-size: .8rem;
}
.solution-wrap .versions-content .versions-topbg .versions-toptext > p {
  font-size: .18rem;
  line-height: 1.4em;
  padding: .4rem 0;
}
.solution-wrap .versions-content .ec-introduce {
  width: 100%;
}
.solution-wrap .versions-content .ec-introduce .ec-introduce-box {
  width: 14rem;
}
.solution-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img {
  padding-bottom: .6rem;
}
.solution-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img:last-child {
  padding-bottom: 0;
}
.solution-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img .ec-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.solution-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img > p {
  width: 4.7rem;
  line-height: 1.4em;
  text-align: center;
}
.solution-wrap .versions-content .more-func {
  width: 100%;
}
.solution-wrap .versions-content .more-func .func-list {
  width: 14rem;
  margin-top: .5rem;
}
.solution-wrap .versions-content .more-func .func-list .func-item .func-icon {
  width: 1.7rem;
  height: 1.7rem;
}
.solution-wrap .versions-content .more-func .func-list .func-item > p {
  max-width: 2.84rem;
  text-align: center;
  line-height: 1.4em;
}
.solution-wrap .versions-content .catering-introduce {
  width: 100%;
}
.solution-wrap .versions-content .catering-introduce .introduce-context > p {
  width: 4.62rem;
  color: #666;
  line-height: 1.4em;
  padding-bottom: .3rem;
}
.solution-wrap .versions-content .catering-row {
  width: 100%;
  padding: .6rem 3.15rem;
}
.solution-wrap .versions-content .catering-row .catering-show .show-icon {
  width: 1.34rem;
  height: 1.34rem;
}
.solution-wrap .versions-content .catering-row .catering-show .show-context > p {
  color: #666;
  line-height: 1.4em;
}
.solution-wrap .versions-content .catering-manager {
  width: 100%;
  padding: .6rem 4.03rem;
}
.solution-wrap .versions-content .catering-manager .manager-content > p {
  width: 4.5rem;
  line-height: 1.4em;
}
.solution-wrap .versions-content .catering-manager .manager-content .manager-list {
  width: 6.18rem;
  margin-top: .6rem;
}
.solution-wrap .versions-content .catering-manager .manager-content .manager-list .manager-item .manager-icon {
  width: .94rem;
  height: 1.04rem;
}
.solution-wrap .versions-content .catering-manager .manager-content .manager-list .manager-item > p {
  line-height: 1.4em;
}
.templateMarket-wrap .templateMarket-banner {
  position: relative;
}
.templateMarket-wrap .templateMarket-banner .banner-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.templateMarket-wrap .templateMarket-banner .banner-text-box .banner-text {
  font-size: .56rem;
  color: #fff;
}
.templateMarket-wrap .templateMarket-banner .banner-text-box > p {
  font-size: .2rem;
  color: #ddd;
  padding-top: .14rem;
}
.templateMarket-wrap .option-list {
  width: 14rem;
  margin: 0 auto;
  color: #333333;
  font-size: .18rem;
  font-weight: bold;
  border-bottom: .01rem solid #E6E6E6;
}
.templateMarket-wrap .option-list > li {
  display: inline-block;
  margin-right: .38rem;
  padding: .42rem 0 .24rem 0;
  cursor: pointer;
}
.templateMarket-wrap .option-list > li:last-child {
  margin-right: 0;
}
.templateMarket-wrap .option-list .current-option {
  position: relative;
  color: #63b504;
}
.templateMarket-wrap .option-list .current-option::before {
  position: absolute;
  width: 100%;
  height: .04rem;
  content: "";
  left: 0;
  bottom: 0;
  background-color: #63b504;
}
.templateMarket-wrap .content-box {
  width: 14rem;
}
.templateMarket-wrap .versions-content {
  width: 100%;
  padding-top: .4rem;
}
.templateMarket-wrap .versions-content p {
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .page-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.templateMarket-wrap .versions-content .versions-topbg {
  position: relative;
  width: 14rem;
}
.templateMarket-wrap .versions-content .versions-topbg .versions-toptext {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.templateMarket-wrap .versions-content .versions-topbg .versions-toptext > h2 {
  font-size: .8rem;
}
.templateMarket-wrap .versions-content .versions-topbg .versions-toptext > p {
  font-size: .18rem;
  line-height: 1.4em;
  padding: .4rem 0;
}
.templateMarket-wrap .versions-content .versions-topbg .versions-toptext .versions-topbtn {
  width: 60%;
  margin: 0 auto;
}
.templateMarket-wrap .versions-content .versions-topbg .versions-toptext .versions-topbtn > span {
  width: 40%;
  background-color: #63b504;
  padding: .14rem 0;
  border-radius: .05rem;
  white-space: nowrap;
  cursor: pointer;
}
.templateMarket-wrap .versions-content .page-banner {
  width: 14rem;
  padding-top: .6rem;
}
.templateMarket-wrap .versions-content .page-banner .banner-txt {
  width: 4.9rem;
  text-align: center;
}
.templateMarket-wrap .versions-content .page-richtxt {
  width: 100%;
  padding: .6rem 0;
  background-color: #f7f7f7;
}
.templateMarket-wrap .versions-content .page-richtxt .richtxt-box {
  width: 14rem;
  text-align: center;
}
.templateMarket-wrap .versions-content .page-img {
  width: 14rem;
}
.templateMarket-wrap .versions-content .page-img .imgtxt > p {
  width: 4.72rem;
}
.templateMarket-wrap .versions-content .more {
  width: 100%;
}
.templateMarket-wrap .versions-content .more .more-box-row {
  width: 13.74rem;
  padding-top: 1rem;
}
.templateMarket-wrap .versions-content .more .more-box-row .more-box > img {
  width: 1.34rem;
  height: 1.34rem;
  margin-bottom: .42rem;
}
.templateMarket-wrap .versions-content .more .more-box-row .more-box .more-content > p {
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .imageText-item {
  width: 100%;
}
.templateMarket-wrap .versions-content .imageText-item .imageText-itembox {
  width: 14rem;
}
.templateMarket-wrap .versions-content .imageText-item .imageText-itembox .imageText-context {
  font-size: .18rem;
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .ec-introduce {
  width: 100%;
}
.templateMarket-wrap .versions-content .ec-introduce .ec-introduce-box {
  width: 14rem;
}
.templateMarket-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img {
  padding-bottom: .6rem;
}
.templateMarket-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img:last-child {
  padding-bottom: 0;
}
.templateMarket-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img .ec-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.templateMarket-wrap .versions-content .ec-introduce .ec-introduce-box .ec-list .ec-img > p {
  width: 4.7rem;
  line-height: 1.4em;
  text-align: center;
}
.templateMarket-wrap .versions-content .more-func {
  width: 100%;
}
.templateMarket-wrap .versions-content .more-func .func-list {
  width: 14rem;
  margin-top: .5rem;
}
.templateMarket-wrap .versions-content .more-func .func-list .func-item .func-icon {
  width: 1.7rem;
  height: 1.7rem;
}
.templateMarket-wrap .versions-content .more-func .func-list .func-item > p {
  max-width: 2.84rem;
  text-align: center;
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .catering-introduce {
  width: 100%;
}
.templateMarket-wrap .versions-content .catering-introduce .introduce-context > p {
  width: 4.62rem;
  color: #666;
  line-height: 1.4em;
  padding-bottom: .3rem;
}
.templateMarket-wrap .versions-content .catering-row {
  width: 100%;
  padding: .6rem 3.15rem;
}
.templateMarket-wrap .versions-content .catering-row .catering-show .show-icon {
  width: 1.34rem;
  height: 1.34rem;
}
.templateMarket-wrap .versions-content .catering-row .catering-show .show-context > p {
  color: #666;
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .catering-manager {
  width: 100%;
  padding: .6rem 4.03rem;
}
.templateMarket-wrap .versions-content .catering-manager .manager-content > p {
  width: 4.5rem;
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .catering-manager .manager-content .manager-list {
  width: 6.18rem;
  margin-top: .6rem;
}
.templateMarket-wrap .versions-content .catering-manager .manager-content .manager-list .manager-item .manager-icon {
  width: .94rem;
  height: 1.04rem;
}
.templateMarket-wrap .versions-content .catering-manager .manager-content .manager-list .manager-item > p {
  line-height: 1.4em;
}
.templateMarket-wrap .versions-content .trade-module {
  width: 14rem;
}
.templateMarket-wrap .versions-content .pro-nbfunction {
  width: 100%;
}
.templateMarket-wrap .versions-content .pro-nbfunction .share-iconbox {
  width: 5.7rem;
}
.templateMarket-wrap .versions-content .pro-nbfunction .share-iconbox .share-icon {
  text-align: center;
}
.templateMarket-wrap .versions-content .pro-nbfunction .share-iconbox .share-icon > img {
  width: .96rem;
  height: .96rem;
}
.templateMarket-wrap .versions-content .pro-nbfunction .center-icon {
  position: relative;
}
.templateMarket-wrap .versions-content .pro-nbfunction .center-icon::before,
.templateMarket-wrap .versions-content .pro-nbfunction .center-icon::after {
  position: absolute;
  top: .48rem;
  margin-top: -0.11rem;
  content: "";
  width: .71rem;
  height: .23rem;
}
.templateMarket-wrap .versions-content .pro-nbfunction .center-icon::before {
  left: -1.08rem;
  background: url("http://j.vzan.cc/dz/content/newhome/image/templateMarket/hy/icon-arrowsLeft.png") no-repeat;
  background-size: cover;
}
.templateMarket-wrap .versions-content .pro-nbfunction .center-icon::after {
  right: -1.08rem;
  background: url("http://j.vzan.cc/dz/content/newhome/image/templateMarket/hy/icon-arrowsRight.png") no-repeat;
  background-size: cover;
}
.templateMarket-wrap .versions-content .pro-functionlist {
  width: 14rem;
  padding-top: .6rem;
}
.templateMarket-wrap .versions-content .pro-functionlist .pro-functionitem .pro-icon {
  width: 1.44rem;
  height: 1.44rem;
}
.templateMarket-wrap .versions-content .pro-functionlist .pro-functionitem .pro-fun-icon {
  width: 1rem;
  height: 1rem;
}
.templateMarket-wrap .versions-content .pro-functionlist .pro-functionitem .pro-context {
  text-align: center;
}
.templateMarket-wrap .versions-content .pro-functionlist .pro-functionitem .pro-context > p {
  max-width: 3.52rem;
}
.video-list-container {
  width: 14rem;
}
.video-list-container .invited-lecture-box {
  position: relative;
  margin-bottom: .4rem;
}
.video-list-container .invited-lecture-box .input-area {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.video-list-container .invited-lecture-box .input-area > input {
  width: 3.68rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  border-radius: .04rem;
  color: #999;
  border: none;
}
.video-list-container .invited-lecture-box .input-area .submit-btn {
  width: 1.04rem;
  height: .5rem;
  line-height: .5rem;
  background-color: #FF9938;
  color: #fff;
  text-align: center;
  border-radius: .04rem;
  margin-left: .2rem;
  font-size: .22rem;
}
.video-list-container .list-label-box {
  padding: 0 .2rem;
  border: .01rem dashed #e6e6e6;
}
.video-list-container .list-label-box .list-label {
  padding: .12rem 0;
  border-bottom: .01rem dashed #e6e6e6;
}
.video-list-container .list-label-box .list-label .label-title {
  min-width: .88rem;
  color: #999;
}
.video-list-container .list-label-box .list-label .label-name {
  color: #333333;
  height: .46rem;
  line-height: .46rem;
  padding: 0 .12rem;
  margin: 0 .12rem;
  white-space: nowrap;
  cursor: pointer;
}
.video-list-container .list-label-box .list-label .active-label {
  background-color: #63b504;
  color: #fff;
}
.video-list-container .sort-box {
  position: relative;
  height: .5rem;
  margin-top: .3rem;
  border-bottom: 0.01rem solid #63b504;
}
.video-list-container .sort-box .sort-item {
  width: 1.18rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.video-list-container .sort-box .active-sort {
  color: #666;
  border: 0.01rem solid #63b504;
  border-bottom: none;
  background-color: #f8f8f8;
}
.video-list-container .video-list-box {
  padding-top: .4rem;
  min-height: 4.2rem;
}
.video-list-container .video-list-box .video-item-box {
  width: 25%;
  padding: .2rem .1rem;
  margin-bottom: .22rem;
  transition: all 0.5s ease;
}
.video-list-container .video-list-box .video-item-box:hover {
  transform: scale(1.01);
  box-shadow: 0 0 .2rem #e5e5e5;
}
.video-list-container .video-list-box .video-item-box .video-item .video-item-text {
  padding-top: .32rem;
}
.video-list-container .video-list-box .video-item-box .video-item .video-item-text > h3 {
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 1.4em;
  min-height: .44rem;
  /*display: -webkit-box;
                        word-break: break-all;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;*/
}
.video-list-container .video-list-box .video-item-box .video-item .video-item-text > p {
  padding-top: .16rem;
  font-size: .14rem;
}
.video-list-container .video-list-box .video-item-box .video-item .video-item-text > p .icon-encryption {
  width: .18rem;
  height: .18rem;
  margin-right: .06rem;
  background-image: url('../image/newhome/encryption.png');
  background-size: cover;
}
.video-list-container .add-btn-box {
  padding: .2rem 0;
}
.video-details-container {
  width: 100%;
  height: 100%;
  background-color: #3f3f3f;
  padding-bottom: 1.68rem;
}
.video-details-container .video-content {
  width: 12rem;
  margin: 0 auto;
  padding-top: .4rem;
}
.video-details-container .video-content .video-title {
  color: #fff;
}
.video-details-container .video-content .video-title > h1 {
  font-size: .18rem;
  font-weight: normal;
  padding-bottom: .12rem;
}
.video-details-container .video-content .video-title > p {
  font-size: .14rem;
}
.video-details-container .video-content .video-area {
  position: relative;
  margin-top: .3rem;
}
.video-details-container .video-content .video-area .video-player {
  position: relative;
  width: 100%;
  height: 6rem;
}
.video-details-container .video-content .video-area .encryption-masking {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  background-color: #000;
}
.video-details-container .video-content .video-area .encryption-masking .encryption-input {
  height: .36rem;
  text-align: center;
}
.video-details-container .video-content .video-area .encryption-masking .encryptionVideo-btn {
  display: inline-block;
  width: .8rem;
  height: .36rem;
  line-height: .36rem;
  color: #fff;
  background-color: #63b504;
  cursor: pointer;
}
.video-details-container .video-content .video-area .video-masking-gif {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url('http://j.vzan.cc/dz/content/newhome/image/newhome/videoMasking.gif') no-repeat center;
  background-size: cover;
}
.video-details-container .video-content .video-area .flashErr {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background: #000;
}
.product-case-wrap .banner-img {
  position: relative;
}
.product-case-wrap .banner-img .banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product-case-wrap .caseList {
  padding-bottom: .6rem;
}
.product-case-wrap .caseList .caseContent {
  width: 14rem;
}
.product-case-wrap .caseList .caseContent .versions-list {
  border-bottom: .01rem solid #f2f2f2;
}
.product-case-wrap .caseList .caseContent .versions-list > li {
  padding-right: .3rem;
}
.product-case-wrap .caseList .caseContent .versions-list > li > a {
  display: inline-block;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .18rem;
  font-weight: bold;
  color: #333333;
}
.product-case-wrap .caseList .caseContent .label-list {
  margin-top: .2rem;
}
.product-case-wrap .caseList .caseContent .case-tpl {
  min-height: 5rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list {
  width: 100%;
  margin-bottom: .4rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li {
  width: 3.2rem;
  margin-top: .3rem;
  margin-right: .4rem;
  transition: all .6s ease;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:nth-child(4n) {
  margin-right: 0;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:hover {
  transform: translateY(-0.1rem);
  box-shadow: 0 .1rem .2rem #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li:hover .case {
  border-color: #fff;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case {
  border: .01rem solid #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case:hover .case-img .case-shade {
  opacity: 1;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img {
  position: relative;
  width: 3.18rem;
  height: 3.18rem;
  background-color: #f2f2f2;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img .case-shade {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.6s ease-in;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-img .case-shade > img {
  width: 2.6rem;
}
.product-case-wrap .caseList .caseContent .case-tpl .case-list > li .case .case-name {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #666;
  font-weight: bold;
  text-align: center;
}
.product-case-wrap .green-line {
  position: relative;
}
.product-case-wrap .green-line::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: .02rem;
  background-color: #63b504;
}
.about-banner {
  position: relative;
  width: 100%;
}
.about-banner .swiper-slide > img {
  display: block;
}
.about-banner .swiper-slide .banner-text-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-banner .swiper-slide .banner-text-box .btn-seeVideo {
  padding: .15rem .48rem;
  margin-top: .2rem;
  color: #fff;
  background-color: #63b504;
  border-radius: .05rem;
  cursor: pointer;
}
.about-video-masking {
  display: none;
  z-index: 11;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.about-video-masking > video {
  width: 9.6rem;
  height: 5.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.options-box {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  border-bottom: .01rem solid #E0E0E0;
}
.options-box .options-list {
  width: 14rem;
  margin: 0 auto;
  border-left: .01rem solid #E0E0E0;
}
.options-box .options-list li {
  position: relative;
  min-width: 1.36rem;
  height: 100%;
  font-size: .2rem;
  color: #333;
  padding-right: .1rem;
  text-align: center;
  cursor: pointer;
}
.options-box .options-list li > a {
  color: #333;
}
.options-box .options-list li::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: ">";
  color: #999;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.options-box .options-list li:last-child::before {
  display: none;
}
.options-box .options-list .active {
  color: #63b504;
}
.introduce-box {
  width: 14rem;
}
.introduce-box .introduce-text h3 {
  color: #63b504;
  font-size: .48rem;
  margin-bottom: .5rem;
  padding-left: .32rem;
}
.introduce-box .introduce-text .v-line {
  position: relative;
}
.introduce-box .introduce-text .v-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: .36rem;
  width: .08rem;
  background-color: #63b504;
}
.introduce-box .introduce-text .text {
  color: #333333;
  line-height: 1.8em;
  font-size: .24rem;
}
.introduce-box .introduce-text .join {
  text-align: center;
  color: #63b504;
  margin: .7rem 0;
  font-size: .48rem;
  line-height: 1.2em;
}
.introduce-box .introduce-img .item {
  width: 4.4rem;
  height: 4.16rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
}
.introduce-box .introduce-img .item:nth-child(3n) {
  margin-right: 0;
}
.introduce-box .team {
  margin-top: .82rem;
  margin-bottom: 1rem;
}
.introduce-box .team .team-item .item-img {
  width: 3.5rem;
}
.introduce-box .team .team-item .item-text {
  color: black;
  width: 7.8rem;
}
.introduce-box .team .team-item .item-text > .title {
  font-size: .4rem;
  color: black;
  margin-bottom: .4rem;
}
.introduce-box .team .team-item .item-text > .introduce {
  font-size: .2rem;
  line-height: 1.5em;
}
.history-box {
  width: 14rem;
}
.history-box .year-list {
  width: 1.85rem;
  padding-top: .5rem;
}
.history-box .year-list > p {
  font-size: .46rem;
  font-weight: bold;
  margin-bottom: 1rem;
  cursor: pointer;
}
.history-box .year-list .active {
  color: #63b504;
}
.history-box .month-list {
  width: 12.15rem;
  padding-left: 1.28rem;
  padding-top: .5rem;
  border-left: .01rem solid #d0d0d0;
}
.history-box .month-list .month-item {
  position: relative;
}
.history-box .month-list .month-item::before {
  position: absolute;
  top: .07rem;
  left: -1.36rem;
  content: "";
  width: .14rem;
  height: .14rem;
  background-color: #63b504;
  border-radius: 50%;
}
.history-box .month-list .month-item .month {
  position: absolute;
  top: 0;
  left: -1.1rem;
  color: #63b504;
  font-size: .24rem;
}
.history-box .month-list .month-item > p {
  font-size: .24rem;
  line-height: 1.4em;
  margin-bottom: .8rem;
}
/*
    模板市场底部案例
*/
.pro-case .label-list {
  width: 14rem;
}
.pro-case .case-ul {
  width: 14rem;
  margin-bottom: .4rem;
}
.pro-case .case-ul > li {
  width: 3.2rem;
  margin-top: .3rem;
  margin-right: .4rem;
  transition: all .6s ease;
}
.pro-case .case-ul > li:nth-child(4n) {
  margin-right: 0;
}
.pro-case .case-ul > li:hover {
  transform: translateY(-0.06rem);
  box-shadow: 0 .1rem .2rem #f2f2f2;
}
.pro-case .case-ul > li:hover .case {
  border-color: #fff;
}
.pro-case .case-ul > li .case {
  border: .01rem solid #f2f2f2;
}
.pro-case .case-ul > li .case:hover .case-img .case-shade {
  opacity: 1;
}
.pro-case .case-ul > li .case .case-img {
  position: relative;
  width: 3.18rem;
  height: 3.18rem;
  background-color: #f2f2f2;
}
.pro-case .case-ul > li .case .case-img .case-shade {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease-in;
}
.pro-case .case-ul > li .case .case-img .case-shade > img {
  width: 2.6rem;
}
.pro-case .case-ul > li .case .case-name {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #666;
  font-weight: bold;
  text-align: center;
}
.news-wrap .content_img {
  /*position: relative;

        & > h1 {
            font-size: .56rem;
            font-weight: normal;
            color: @fc-fff;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }*/
}
.news-wrap .newsoption-box {
  width: 100%;
  border-bottom: .01rem solid #E6E6E6;
}
.news-wrap .newsoption-box .newsoption-list {
  width: 12rem;
  height: .7rem;
  font-size: 0.16rem;
  margin: 0 auto;
}
.news-wrap .newsoption-box .newsoption-list > li {
  /*& > a {*/
  color: #333;
  font-weight: bold;
  margin-right: .6rem;
  padding-bottom: .1rem;
  /*cursor: pointer;*/
  /*}*/
}
.news-wrap .newsoption-box .newsoption-list .newsline {
  position: relative;
  color: #63b504;
}
.news-wrap .newsoption-box .newsoption-list .newsline::before {
  width: 100%;
  height: .02rem;
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  background-color: #63b504;
}
.news-wrap .news-container {
  width: 12rem;
  min-height: 10rem;
  margin-top: .4rem;
}
.news-wrap .news-container .breadcrumb {
  /*padding: .4rem 0;*/
}
.news-wrap .news-container .breadcrumb > li {
  position: relative;
  padding: 0 .1rem;
  margin-right: .1rem;
}
.news-wrap .news-container .breadcrumb > li:first-child {
  padding-left: 0;
}
.news-wrap .news-container .breadcrumb > li:first-child::after {
  display: none;
}
.news-wrap .news-container .breadcrumb > li::after {
  position: absolute;
  top: 50%;
  left: -0.1rem;
  transform: translateY(-50%);
  content: ">";
}
.news-wrap .news-container .news-list {
  margin-bottom: .6rem;
  width: 10.3rem;
  padding-right: .7rem;
  border-right: .01rem solid #eee;
}
.news-wrap .news-container .news-list .news_item {
  width: 100%;
  padding: .3rem 0;
  border-bottom: .01rem solid #e6e6e6;
  box-sizing: border-box;
}
.news-wrap .news-container .news-list .news_item:first-child {
  padding: 0 0 .3rem 0;
}
.news-wrap .news-container .news-list .news_item .news-img {
  width: 3rem;
  height: 1.8rem;
}
.news-wrap .news-container .news-list .news_item .news_content {
  max-width: 9rem;
  padding: 0 .05rem 0 .22rem;
}
.news-wrap .news-container .news-list .news_item .news_content h3 {
  line-height: 1.2;
}
.news-wrap .news-container .news-list .news_item .news_content p {
  min-height: .42rem;
  line-height: 1.3;
  /*margin-top: .3rem;*/
}
.news-wrap .news-container .news-list .news_item .news_content .label {
  margin-top: .1rem;
}
.news-wrap .news-container .news-list .news_item .news_content .label .label-list {
  margin-left: .1rem;
}
.news-wrap .news-container .news-list .news_item .news_content .label .label-list > li {
  padding: .06rem .1rem;
  margin-right: .1rem;
  margin-bottom: .05rem;
  color: #fff;
  background-color: #63b504;
  border-radius: .02rem;
}
.news-wrap .news-container .news-list .pagination-box {
  padding: .6rem 0;
}
.news-wrap .news-container .right-column {
  width: 2.7rem;
  margin-left: .7rem;
}
.news-wrap .news-container .right-column .ad-img {
  width: 2.7rem;
  height: 2.5rem;
  overflow: hidden;
}
.news-wrap .news-container .right-column .hot-newslist {
  width: 100%;
  padding-top: .3rem;
}
.news-wrap .news-container .right-column .hot-newslist .title-list .title {
  width: 50%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background-color: #E4E4E4;
  cursor: pointer;
}
.news-wrap .news-container .right-column .hot-newslist .title-list .active {
  color: #fff;
  background-color: #63b504;
}
.news-wrap .news-container .right-column .hot-newslist .list {
  padding-top: .22rem;
}
.news-wrap .news-container .right-column .hot-newslist .list .list-item {
  margin-bottom: .1rem;
}
.news-wrap .news-container .right-column .hot-newslist .list .list-item > a .icon-num {
  width: .18rem;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #fff;
  border-radius: .02rem;
}
.news-wrap .news-container .right-column .hot-newslist .list .list-item > a .title {
  width: 2rem;
  padding-left: .05rem;
  line-height: 1.2;
}
.news-wrap .news-container .right-column .label-box {
  margin-top: .5rem;
  min-height: 2.7rem;
  border: .01rem solid #e2e2e2;
  padding: .2rem;
  padding-bottom: 0;
}
.news-wrap .news-container .right-column .label-box > h3 {
  padding-bottom: .2rem;
}
.news-wrap .news-container .right-column .label-box .label-list > li {
  margin-right: .22rem;
  margin-bottom: .3rem;
}
.news-wrap .news-container .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #63b504;
}
.news-wrap .news-container .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #666;
}
.more-detail-wrap .newsoption-box {
  width: 100%;
  border-bottom: .01rem solid #E6E6E6;
}
.more-detail-wrap .newsoption-box .newsoption-list {
  width: 13.7rem;
  height: .7rem;
  font-size: 0.16rem;
  margin: 0 auto;
}
.more-detail-wrap .newsoption-box .newsoption-list > li > a {
  color: #333;
  font-weight: bold;
  margin-right: .6rem;
  padding-bottom: .1rem;
  /*cursor: pointer;*/
}
.more-detail-wrap .content-box {
  width: 13.7rem;
  padding-bottom: .6rem;
}
.more-detail-wrap .content-box .breadcrumb {
  padding: .4rem 0;
}
.more-detail-wrap .content-box .breadcrumb > li {
  position: relative;
  padding: 0 .1rem;
  margin-right: .1rem;
}
.more-detail-wrap .content-box .breadcrumb > li:first-child {
  padding-left: 0;
}
.more-detail-wrap .content-box .breadcrumb > li:first-child::after {
  display: none;
}
.more-detail-wrap .content-box .breadcrumb > li::after {
  position: absolute;
  top: 50%;
  left: -0.1rem;
  transform: translateY(-50%);
  content: ">";
}
.more-detail-wrap .content-box .news .news-details {
  width: 10.3rem;
}
.more-detail-wrap .content-box .news .news-details .center {
  padding-right: .7rem;
  border-right: .01rem solid #eee;
}
.more-detail-wrap .content-box .news .news-details .center .news-header {
  padding-bottom: .5rem;
  border-bottom: .01rem solid #eee;
}
.more-detail-wrap .content-box .news .news-details .center .news-content {
  line-height: 1.4;
  padding-top: .5rem;
  padding-bottom: .8rem;
}
.more-detail-wrap .content-box .news .news-details .center .info-list > li {
  margin-right: .2rem;
  margin-bottom: .15rem;
}
.more-detail-wrap .content-box .news .news-details .center .pagination-box {
  padding-bottom: .5rem;
}
.more-detail-wrap .content-box .news .news-details .center .other {
  margin-bottom: .3rem;
}
.more-detail-wrap .content-box .news .news-details .center .other > a {
  width: 4rem;
  line-height: 1.2;
  text-align: center;
  /*&:hover {
                                color: @theme;
                            }*/
}
.more-detail-wrap .content-box .news .news-details .center .tags-box {
  padding-bottom: .6rem;
}
.more-detail-wrap .content-box .news .news-details .center .tags-box .tags-list > li {
  padding: .06rem .1rem;
  background-color: #63b504;
  border-radius: .02rem;
  color: #fff;
  margin-right: .1rem;
}
.more-detail-wrap .content-box .news .news-details .related-box {
  padding-right: .7rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .ad-img {
  width: 9.6rem;
  height: 1.5rem;
  overflow: hidden;
}
.more-detail-wrap .content-box .news .news-details .related-box .related {
  width: 9.6rem;
  min-height: 2.7rem;
  border: .01rem solid #eee;
  border-top: none;
  padding: .3rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .related > h3 {
  margin-bottom: .3rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list {
  width: 50%;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list:first-child {
  border-right: .01rem solid #eee;
  padding-right: .3rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list:last-child {
  padding-left: .3rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list > li {
  margin-bottom: .1rem;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list > li > a {
  /*&:hover {
                                        color: @theme;
                                    }*/
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list > li > a .title {
  width: 2.36rem;
  line-height: 1.2;
  color: #333;
}
.more-detail-wrap .content-box .news .news-details .related-box .related .related-list > li > a .date {
  color: #888;
}
.more-detail-wrap .content-box .news .right-column {
  width: 2.7rem;
  margin-left: .7rem;
}
.more-detail-wrap .content-box .news .right-column .ad-img {
  width: 2.7rem;
  height: 2.5rem;
  overflow: hidden;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist {
  width: 100%;
  padding-top: .3rem;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .title-list .title {
  width: 50%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background-color: #E4E4E4;
  cursor: pointer;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .title-list .active {
  color: #fff;
  background-color: #63b504;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .list {
  padding-top: .22rem;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .list .list-item {
  margin-bottom: .1rem;
  /*cursor: pointer;*/
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .list .list-item .icon-num {
  width: .18rem;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #fff;
  border-radius: .02rem;
}
.more-detail-wrap .content-box .news .right-column .hot-newslist .list .list-item .title {
  width: 2rem;
  padding-left: .05rem;
  line-height: 1.2;
}
.more-detail-wrap .content-box .news .right-column .label-box {
  margin-top: .5rem;
  min-height: 2.7rem;
  border: .01rem solid #e2e2e2;
  padding: .2rem;
  padding-bottom: 0;
}
.more-detail-wrap .content-box .news .right-column .label-box > h3 {
  padding-bottom: .2rem;
}
.more-detail-wrap .content-box .news .right-column .label-box .label-list > li {
  margin-right: .22rem;
  margin-bottom: .3rem;
}
.more-detail-wrap .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #63b504;
}
.more-detail-wrap .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #666;
}
/*
    小程序百科
*/
.wiki-wrap .header_search {
  width: 100%;
  height: 2rem;
  background: url(http://j.vzan.cc/dz/content/newhome/image/question_bg.png) no-repeat;
  background-size: cover;
}
.wiki-wrap .header_search > h1 {
  color: #fff;
  font-size: .56rem;
  font-weight: normal;
  line-height: 2rem;
  letter-spacing: .1em;
  margin-left: 4.2rem;
}
.wiki-wrap .header_search .search-box {
  width: 7rem;
  margin-left: 1rem;
}
.wiki-wrap .header_search .search-box .search {
  height: .5rem;
  line-height: .5rem;
}
.wiki-wrap .header_search .search-box .search > input {
  width: 6rem;
  height: 100%;
  padding-left: .2rem;
  color: #B3B3B3;
  border: none;
}
.wiki-wrap .header_search .search-box .search .search-btn {
  width: 1rem;
  height: 100%;
  color: #fff;
  text-align: center;
  background-color: #63b504;
  cursor: pointer;
}
.wiki-wrap .header_search .search-box .search_key {
  padding-top: .1rem;
}
.wiki-wrap .header_search .search-box .search_key > a {
  margin-right: .3rem;
  white-space: nowrap;
}
.wiki-wrap .middle_content {
  width: 100%;
}
.wiki-wrap .middle_content .main_content {
  width: 14rem;
  margin: .4rem 0;
}
.wiki-wrap .middle_content .main_content .select_content {
  width: 10.7rem;
}
.wiki-wrap .middle_content .main_content .select_content .select-list {
  width: 2.4rem;
  border-right: .01rem solid #f2f2f2;
}
.wiki-wrap .middle_content .main_content .select_content .select-list > li {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .18rem;
  cursor: pointer;
  color: #333333;
  padding-left: .4rem;
  border-bottom: 1px solid #F7F7F7;
}
.wiki-wrap .middle_content .main_content .select_content .select-list .menu-active {
  color: #fff;
  background: #63b504;
  position: relative;
}
.wiki-wrap .middle_content .main_content .select_content .select-list .menu-active::before {
  display: block;
  content: "";
  border-width: .1rem .1rem .1rem .1rem;
  border-style: solid;
  border-color: transparent transparent transparent #63b504;
  position: absolute;
  top: 50%;
  right: -0.18rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wiki-wrap .middle_content .main_content .select_content .select-item {
  width: 8.3rem;
}
.wiki-wrap .middle_content .main_content .select_content .select-item > ul > li {
  text-align: left;
  cursor: pointer;
}
.wiki-wrap .middle_content .main_content .select_content .select-item .select-question {
  margin: .26rem .46rem 0 .46rem;
  padding-bottom: .1rem;
  border-bottom: .01rem solid #f5f5f5;
}
.wiki-wrap .middle_content .main_content .select_content .select-item .select-question .select-title > h3 {
  font-size: .18rem;
  color: #333333;
  line-height: 1.2em;
}
.wiki-wrap .middle_content .main_content .select_content .select-item .select-question .select-title > img {
  width: .1rem;
  height: .16rem;
}
.wiki-wrap .middle_content .main_content .select_content .select-item .select-question .select-label > p {
  font-size: .14rem;
  color: #b3b3b3;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
  margin-right: .1rem;
  background: #f2f2f2;
  border-radius: .02rem;
  padding: 0 .1rem;
}
.wiki-wrap .middle_content .main_content .select_content .select-item .select-question .description {
  margin: .14rem 0;
  padding-right: .4rem;
  line-height: 1.2em;
}
.wiki-wrap .middle_content .main_content .select_content .select-inside > p {
  font-size: .14rem;
  color: #999;
  padding: .2rem 0 .2rem .46rem;
  border-bottom: .01rem solid #f2f2f2;
}
.wiki-wrap .middle_content .main_content .select_content .select-inside .inside-content {
  margin: .4rem .46rem 0 .47rem;
}
.wiki-wrap .middle_content .main_content .select_content .select-inside .inside-content > p {
  line-height: 1.2em;
  color: #666;
  margin-top: .36rem;
  text-indent: 2em;
}
.wiki-wrap .middle_content .main_content .select_content .select-inside .inside-content .newsInfo-content p {
  text-indent: 2em;
  line-height: 1.4em;
}
.wiki-wrap .middle_content .main_content .select_content .empty-content {
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  color: #666;
}
.wiki-wrap .middle_content .main_content .right-content > img {
  width: 3.2rem;
  height: 4.8rem;
}
.wiki-wrap .middle_content .main_content .right-content .hot-question {
  width: 3.2rem;
  height: 100%;
  margin-top: .1rem;
}
.wiki-wrap .middle_content .main_content .right-content .hot-question > h3 {
  padding: .2rem;
  border-bottom: .01rem solid #f2f2f2;
}
.wiki-wrap .middle_content .main_content .right-content .hot-question > ul {
  width: 100%;
}
.wiki-wrap .middle_content .main_content .right-content .hot-question > ul .hot-item {
  color: #666;
  text-align: left;
  line-height: 1.4em;
  padding: .15rem;
  cursor: pointer;
}
.wiki-wrap .middle_content .main_content .right-content .hot-question > ul .hot-item > img {
  width: .1rem;
  height: .16rem;
}
.authorization {
  letter-spacing: 0.1em;
}
.authorization .header-bg .header-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.authorization .header-bg .header-text .search-box {
  width: 7rem;
  height: .5rem;
  line-height: .5rem;
  box-shadow: 0 0 .06rem #3a3636;
}
.authorization .header-bg .header-text .search-box > input {
  width: 6rem;
  height: 100%;
  border: none;
  padding-left: .3rem;
}
.authorization .header-bg .header-text .search-box .search-btn {
  width: 1rem;
  height: 100%;
  color: #fff;
  background-color: #63b504;
  text-align: center;
  cursor: pointer;
}
.authorization .results-box {
  min-height: 5rem;
  padding: .6rem;
}
.authorization .results-box .credential {
  padding-top: .8rem;
  padding-bottom: .4rem;
  margin: 0 auto;
  text-align: center;
}
.authorization .results-box .credential .download-btn {
  width: 3rem;
  height: .68rem;
  line-height: .68rem;
  margin: 0 auto;
  background-color: #63b504;
  color: #fff;
  font-size: .26rem;
  text-align: center;
  border-radius: .05rem;
  cursor: pointer;
}
.keyword-wrap .banner-box {
  position: relative;
}
.keyword-wrap .banner-box .banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.keyword-wrap .banner-box .banner-text .input-box > input {
  width: 5rem;
  height: .5rem;
  color: #fff;
  border: 0.01rem solid #fff;
  border-radius: .04rem;
  background-color: transparent;
  padding-left: .2rem;
  padding-right: .6rem;
}
.keyword-wrap .banner-box .banner-text .input-box > input::-moz-placeholder {
  color: #fff;
}
.keyword-wrap .banner-box .banner-text .input-box > input::-webkit-input-placeholder {
  color: #fff;
}
.keyword-wrap .banner-box .banner-text .input-box > img {
  position: absolute;
  top: 50%;
  right: .2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .3rem;
  height: .28rem;
  cursor: pointer;
}
.keyword-wrap .keyword-content {
  width: 14rem;
  min-height: 5rem;
}
.keyword-wrap .keyword-content .classify-list {
  font-size: .18rem;
  color: #333333;
  border-bottom: 1px solid #E6E6E6;
}
.keyword-wrap .keyword-content .classify-list > li {
  padding: .1rem .2rem;
  margin-bottom: .1rem;
  margin-right: .1rem;
  cursor: pointer;
}
.keyword-wrap .keyword-content .classify-list .active {
  color: #fff;
  border-radius: .06rem;
  background-color: #63b504;
}
.keyword-wrap .keyword-content .keyword-list {
  padding-top: .3rem;
}
.keyword-wrap .keyword-content .keyword-list > li {
  height: .46rem;
  color: #666;
  padding: 0 .25rem;
  margin-right: .2rem;
  margin-bottom: .2rem;
  border-radius: .23rem;
  background-color: #f7f7f7;
  cursor: pointer;
}
.keyword-wrap .keyword-content .keyword-list > li > p {
  max-width: .9rem;
  line-height: 1.5em;
  font-size: .18rem;
}
.keyword-wrap .keyword-content .keyword-list > li .firefox-style {
  white-space: nowrap;
}
.keyword-wrap .keyword-content .keyword-list > li .switch {
  width: .22rem;
  height: .2rem;
  margin-left: .1rem;
  background: url("http://j.vzan.cc/dz/content/newhome/image/keyword/icon-switch.png") no-repeat;
  background-size: cover;
}
.keyword-wrap .keyword-content .keyword-list .active {
  color: #fff;
  background-color: #63b504;
}
.keyword-wrap .keyword-content .keyword-list .active .switch {
  background: url("http://j.vzan.cc/dz/content/newhome/image/keyword/icon-switch-on.png") no-repeat;
  background-size: cover;
}
.keyword-wrap .keyword-content .keyword-list .empty-data {
  width: 100%;
  height: 4rem;
  line-height: 4rem;
}
.keyword-wrap .masking-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
}
.keyword-wrap .masking-wrap .popup-item {
  width: 5.4rem;
  min-height: 4.3rem;
  border-radius: .1rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top: .6rem;
  padding-bottom: .5rem;
}
.keyword-wrap .masking-wrap .popup-item .popup-close {
  position: absolute;
  top: .2rem;
  right: .2rem;
  width: .32rem;
  height: .32rem;
  cursor: pointer;
}
.keyword-wrap .masking-wrap .popup-item > h3 {
  margin-bottom: .8rem;
}
.keyword-wrap .masking-wrap .popup-item .input-item .input-area {
  width: 3rem;
  padding-left: .2rem;
  padding-bottom: .2rem;
  border-bottom: .01rem solid #999;
  margin-bottom: .3rem;
}
.keyword-wrap .masking-wrap .popup-item .btn-ok {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background-color: #63b504;
  color: #fff;
  cursor: pointer;
}
.pd10 {
  padding: .1rem;
}
.pdx40 {
  padding: 0 .4rem;
}
.pdx160 {
  padding: 0 1.6rem;
}
.pdy10 {
  padding: .1rem 0;
}
.pdy20 {
  padding: .2rem 0;
}
.pdy30 {
  padding: .3rem 0;
}
.pdy50 {
  padding: .5rem 0;
}
.pdy60 {
  padding: .6rem 0;
}
.pdy80 {
  padding: .8rem 0;
}
.pdy100 {
  padding: 1rem 0;
}
.pdl20 {
  padding-left: .2rem;
}
.pdl30 {
  padding-left: .3rem;
}
.pdl100 {
  padding-left: 1rem;
}
.pdt10 {
  padding-top: .1rem;
}
.pdt20 {
  padding-top: .2rem;
}
.pdt30 {
  padding-top: .3rem;
}
.pdt50 {
  padding-top: .5rem;
}
.pdt40 {
  padding-top: .4rem;
}
.pdt60 {
  padding-top: .6rem;
}
.pdt80 {
  padding-top: .8rem;
}
.pdr30 {
  padding-right: .3rem;
}
.pdr100 {
  padding-right: 1rem;
}
.pdb10 {
  padding-bottom: .1rem;
}
.mgy40 {
  margin: .4rem 0;
}
.mgt20 {
  margin-top: .2rem;
}
.mgt30 {
  margin-top: .3rem;
}
.mgt50 {
  margin-top: .5rem;
}
.mgt100 {
  margin-top: 1rem;
}
.mgb20 {
  margin-bottom: .2rem;
}
.mgb28 {
  margin-bottom: .28rem;
}
.mgb40 {
  margin-bottom: .4rem;
}
.mgb50 {
  margin-bottom: .5rem;
}
.mgb80 {
  margin-bottom: .8rem;
}
.mgb100 {
  margin-bottom: 1rem;
}
.mgl30 {
  margin-left: .3rem;
}
.mgl650 {
  margin-left: 6.5rem;
}
.mgl850 {
  margin-left: 8.5rem;
}
.mgr100 {
  margin-right: 1rem;
}
.mgr160 {
  margin-right: 1.6rem;
}
.mgr185 {
  margin-right: 1.85rem;
}
.mgr220 {
  margin-right: 2.2rem;
}
.mgr250 {
  margin-right: 2.5rem;
}
.mgr270 {
  margin-right: 2.7rem;
}
.mgr370 {
  margin-right: 3.7rem;
}
.fz-12 {
  font-size: .12rem;
}
.fz-14 {
  font-size: .14rem;
}
.fz-18 {
  font-size: .18rem;
}
.fz-20 {
  font-size: .2rem;
}
.fz-22 {
  font-size: .22rem;
}
.fz-24 {
  font-size: .24rem;
}
.fz-26 {
  font-size: .26rem;
}
.fz-28 {
  font-size: .28rem;
}
.fz-30 {
  font-size: .3rem;
}
.fz-34 {
  font-size: .34rem;
}
.fz-36 {
  font-size: .36rem;
}
.fz-38 {
  font-size: .38rem;
}
.fz-46 {
  font-size: .46rem;
}
.fz-50 {
  font-size: .5rem;
}
.fz-56 {
  font-size: .56rem;
}
.fz-70 {
  font-size: .7rem;
}
.f-theme {
  color: #63b504;
}
.btn-label {
  min-width: .52rem;
  padding: .05rem .08rem;
  margin-right: .08rem;
  margin-bottom: .08rem;
  color: #666;
  font-size: .14rem;
  border-radius: .04rem;
  background-color: #f2f2f2;
  text-align: center;
  cursor: pointer;
}
.current-btn {
  background-color: #63b504;
  color: #fff;
}
.btn-more {
  display: block;
  width: 2.24rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #666;
  /*font-weight: bold;*/
  border-radius: .05rem;
  border: .01rem solid #d9d8d9;
  cursor: pointer;
}
.play-btn {
  width: .8rem;
  cursor: pointer;
}
.w-auto {
  width: auto;
}
.w100 {
  width: 1rem;
}
.w110 {
  width: 1.1rem;
}
.w120 {
  width: 1.2rem;
}
.w124 {
  width: 1.24rem;
}
.w132 {
  width: 1.32rem;
}
.w140 {
  width: 1.4rem;
}
.w160 {
  width: 1.6rem;
}
.w380 {
  width: 3.8rem;
}
.w408 {
  width: 4.08rem;
}
.w422 {
  width: 4.22rem;
}
.w446 {
  width: 4.46rem;
}
.w450 {
  width: 4.5rem;
}
.w455 {
  width: 4.55rem;
}
.w470 {
  width: 4.7rem;
}
.w494 {
  width: 4.94rem;
}
.w600 {
  width: 6rem;
}
.w618 {
  width: 6.18rem;
}
.w720 {
  width: 7.2rem;
}
.w738 {
  width: 7.38rem;
  height: 100%;
}
.w750 {
  width: 7.5rem;
}
.w956 {
  width: 9.56rem;
  height: 100%;
}
.w1135 {
  width: 11.35rem;
}
.w1260 {
  width: 12.6rem;
}
.w1433 {
  width: 14.33rem;
}