html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
}

a {
  text-decoration: none;
}

.ph15 {
  padding: 0 4.267vw;
}

.nav-bar {
  display: flex;
  justify-content: space-between;
  height: 12.533vw;
  background: url('../../images/map/duote-logo.png') center no-repeat #3f85d0;
  background-size: 19.467vw 7.2vw;
}

.menu,
.search {
  width: 12.533vw;
  height: 12.533vw;
}

.menu {
  background: url('../../images/menu.png') center no-repeat;
  background-size: 8vw;
}

.home-link {
  flex: 1;
}

.search {
  background: url('../../images/search.png') center no-repeat;
  background-size: 8vw;
}

.top-menu {
  line-height: 10.667vw;
}

.top-menu > a {
  flex: 1;
}

.top-menu > a.cur {
  color: #0f89c7;
}

.top-menu > a.cur::after {
  display: block;
  margin: 0 auto;
  content: '';
  width: 8vw;
  height: 0.8vw;
  background-color: #0f89c7;
}

.bread {
  /* padding-left: 3.733vw; */
  line-height: 6.933vw;
  background-color: #f9f9f9;
}

.bread > a {
  color: #999999;
}

.bii-home {
  padding-left: 7.2vw;
  width: 18.933vw;
  height: 6.933vw;
  background: url('../../images/bii-home.png') no-repeat center;
  background-size: 100%;
}

.bii-item {
  margin-left: -4vw;
  padding-left: 7.2vw;
  width: 24.8vw;
  height: 6.933vw;
  background: url('../../images/bii-item.png') no-repeat center;
  background-size: 100%;
}

.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}

.app-w {
  padding: 5.333vw 0;
}

.awt-img {
  width: 16vw;
  height: 16vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.awt-m {
  height: 16vw;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 10px;
}

.awt-name {
  max-width: 50.667vw;
}

.c0f89c7 {
  color: #0f89c7;
}

.awt-btn {
  display: block;
  box-sizing: border-box;
  width: 22.933vw;
  line-height: 8.533vw;
  border-radius: 1.6vw;
  font-size: 3.467vw;
  text-decoration: none;
}

.awt-btn-gsxz {
  background-color: #4791e1;
}

.awt-btn-ljxz {
  background: url('../../images/gsxz-bg.png') center no-repeat;
  height: 8.533vw;
  background-size: 100%;
}

.awt-btn-ptxz {
  margin-top: 1vw;
  padding: 1vw 0;
  display: block;
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 3.333vw;
}

.awt-btn-ptxz i {
  /* vertical-align: middle; */
  position: relative;
  top: 0.556vw;
  margin-right: 1vw;
  display: inline-block;
  width: 3.6vw;
  height: 3.6vw;
  background: url(../../images/ptxz-icon.png) center no-repeat;
  background-size: 100%;
}

.awt-btn-yxj {
  background-color: #999;
}

.app-info {
  align-items: center;
  margin-top: 4.267vw;
  height: 18.133vw;
  background-color: #f7f8fa;
  border-radius: 2.133vw;
}

.ai-item {
  flex: 1;
}

.aii-sub {
  margin-top: 2.133vw;
}

.ai-cut {
  width: 1px;
  height: 6.667vw;
  background-color: #999999;
}

.zq-sec {
  margin-top: 4.267vw;
  padding: 1.6vw 2.667vw 1.6vw 1.6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14.933vw;
  background-image: linear-gradient(90deg, #fafcf8 0%, #f1fef5 100%);
  border-radius: 1.6vw;
  box-sizing: border-box;
}

.zqs-img {
  width: 11.733vw;
  height: 11.733vw;
  background-color: #d8d8d8;
  border-radius: 2.133vw;
}

.zqs-title-des {
  flex: 1;
  padding: 0 3.2vw;
}

.zqs-title {
  width: 42.667vw;
}

.zqs-des {
  width: 42.667vw;
  margin-top: 1.067vw;
}

.zqs-btn {
  width: 18.667vw;
  line-height: 6.933vw;
  background-image: linear-gradient(90deg, #61e45c 0%, #0eb91a 100%);
  box-shadow: 0 0.533vw 1.067vw 0 #b8ffc1;
  border-radius: 4vw;
  font-size: 3.467vw;
}

.sec-cut {
  height: 2.667vw;
  background-color: #f5f5f5;
}

.layer {
  width: 100%;
  height: 100vh;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.side-menu {
  flex-direction: column;
  justify-content: space-between;
  width: 73.6vw;
  height: 100vh;
  background-color: #181f25;
  transition: all 0.5s;
}

.side-menu.folded {
  margin-left: -73.6vw;
}

.sm-list {
  margin-top: 13.333vw;
}

.sm-list > a {
  padding-left: 24vw;
  color: #fff;
  display: block;
  line-height: 17.333vw;
}

.sm-list > a:active {
  background-color: #252d34;
}

.sml-home {
  background: url('../../images/sml-home.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-app {
  background: url('../../images/sml-app.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-game {
  background: url('../../images/sml-game.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-set {
  background: url('../../images/sml-set.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-hign {
  background: url('../../images/sml-hign.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-news {
  background: url('../../images/sml-news.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-strategy {
  background: url('../../images/sml-strategy.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.fold {
  height: 10.667vw;
  background-color: #2d353c;
  line-height: 40px;
  color: #81899c;
}

.tab-bar {
  border-bottom: solid 1px #eeeeee;
}

.tab-bar > a {
  flex: 1;
  line-height: 10vw;
  color: #666666;
}

.tab-bar > a.cur::after {
  display: block;
  margin: 0 auto;
  content: '';
  width: 36px;
  height: 3px;
  background-color: #3986d9;
  border-radius: 3px;
}

.img-list {
  margin-top: 5.333vw;
  overflow: auto;
  white-space: nowrap;
}

.img-list > img {
  display: inline-block;
  margin-right: 2.667vw;
  width: 29.067vw;
  height: 48.267vw;
  background-color: #d8d8d8;
  border-radius: 1.6vw;
}

.img-list > img:first-child {
  margin-left: 4vw;
}

.tags {
  margin-top: 2vw;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
}

.tags > a {
  margin: 0 2vw 2vw 0;
  padding: 0 2.667vw;
  line-height: 6.933vw;
  width: 15vw;
  height: 6.933vw;
  border-radius: 4vw;
  color: #fff;
}

.tags-i {
  overflow: hidden;
  display: inline-block;
  max-width: 15.56vw;
}

.recommends {
  margin: 3vw 0;
}

.recommends > a {
  margin: 0 2vw 0 0;
  color: #0f89c7;
}

.recommends > a:active {
  color: #2878da;
}

.bce86d6f {
  background-color: #e86d6f;
}

.bcfea94e {
  background-color: #fea94e;
}

.bc62a0ff {
  background-color: #62a0ff;
}

.bc01cb9c {
  background-color: #01cb9c;
}

.app-details {
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
  padding: 0 2.667vw;
  height: 26.133vw;
  background-color: #f7f8fa;
  border-radius: 2.133vw;
  font-size: 3.467vw;
  line-height: 7.467vw;
}

.developer {
  max-width: 45.06vw;
}

.sec-title {
  margin: 5.333vw 0;
  padding: 1.333vw 0 1.333vw 7.467vw;
}

.t-yxjs {
  margin-bottom: 2.667vw;
  background: url('../../images/t-yxjs.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-rqcs {
  background: url('../../images/t-rqcs.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-gfyy {
  background: url('../../images/t-gfyy.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-xgzt {
  background: url('../../images/t-xgzt.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-xgrj {
  margin-bottom: 2.667vw;
  background: url('../../images/t-xgrj.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-xgxw {
  margin-bottom: 2.667vw;
  background: url('../../images/t-xgxw.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-xgtj {
  background: url('../../images/t-xgtj.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-wypl {
  background: url('../../images/t-wypl.png') left center no-repeat;
  background-size: 5.867vw;
}

.t-rsbq {
  background: url('../../images/t-rmbq.png') left center no-repeat;
  background-size: 5.867vw;
}

.game-des-w {
  line-height: 6.4vw;
}

.game-des {
  text-align: justify;
}

.maxline3 {
  overflow: hidden;
  max-height: 19.2vw;
}

.unfold {
  padding-right: 2.5vw;
  position: absolute;
  right: 0;
  bottom: 0.8vw;
  background: url('../../images/jiantou.png') #fff no-repeat right 3.2vw;
  background-size: 1.867vw 1.333vw;
  transition: all 0.3s;
}

.unfold::before {
  content: '...';
  margin-right: 1.333vw;
  color: #333;
  font-size: 4.8vw;
}

.unfolded {
  background: url('../../images/jiantou-up.png') #fff no-repeat right 3.2vw;
  background-size: 1.867vw 1.333vw;
}

.unfolded::before {
  content: '';
}

.gg-link {
  margin-top: 2.667vw;
}

.gg-link > img {
  display: block;
  width: 100%;
  height: 19.467vw;
  border-radius: 2.133vw;
}

.sec-js {
  padding-bottom: 6.133vw;
}

.app-list {
  overflow: auto;
  padding: 0 0 4.267vw;
}

.app-list > a {
  margin-right: 2.667vw;
}

.app-list > a:first-child {
  margin-left: 4vw;
}

.al-img {
  width: 19.2vw;
  height: 19.2vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.al-name {
  margin-top: 2.667vw;
  width: 19.2vw;
  font-size: 3.733vw;
  color: #333333;
}

.title-gfyy-w {
  justify-content: space-between;
}

.more-link {
  display: inline-block;
  height: 5.333vw;
  margin: 5.333vw 0 4vw;
  padding-right: 3.2vw;
  background: url('../../images/more-link.png') no-repeat right 0.5vw;
  background-size: 2vw;
}

.high-app-list {
  overflow: auto;
  padding: 0 0 5.333vw;
}

.high-app-list > a {
  margin-right: 3.2vw;
  display: block;
}

.hal-item {
  position: relative;
  width: 26.667vw;
  height: 42.667vw;
}

.hal-item-bg {
  margin-top: 5.333vw;
  width: 26.667vw;
  height: 37.333vw;
  /* background-image: linear-gradient(180deg, #ffae89 0%, #d3404d 100%); */
  border-radius: 1.6vw;
  z-index: -1;
}

.hal-item-img {
  margin: 0 auto;
  display: block;
  width: 19.2vw;
  height: 19.2vw;
  border-radius: 2.667vw;
}

.hal-item-name {
  margin-top: 3.2vw;
  padding: 0 1.333vw;
}

.hal-item-btn {
  margin: 1.6vw auto 0;
  display: block;
  font-size: 4vw;
  width: 15.467vw;
  line-height: 6.933vw;
  background-color: rgba(255, 255, 255, 0.41);
  border-radius: 1.067vw;
}

.game-box {
  margin: 0 4vw 5.333vw;
  padding: 0;
  height: 51.733vw;
  background-color: #d8d8d8;
  box-shadow: 0px 0.533vw 1.6vw 0px rgba(0, 0, 0, 0.16);
  border-radius: 2.133vw;
}

.game-box-bg {
  height: 51.733vw;
  background-color: #d8d8d8;
  box-shadow: 0px 0.533vw 1.6vw 0px rgba(0, 0, 0, 0.16);
  border-radius: 2.133vw;
}

.game-box > .zq-sec {
  bottom: 0;
  margin-top: 0;
  width: 100%;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
}

.game-box .zqs-btn {
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  box-shadow: none;
}

.xgzt-list {
  /* padding-top: 2.667vw; */
}

.xgzt-list > a {
  padding-top: 3.733vw;
  display: flex;
  /* padding: 3.733vw 0 4.533vw; */
}

.xgzt-list > a:first-child {
  padding-top: 0;
}

.xl-des {
  flex: 1;
  margin-left: 5.333vw;
  padding-bottom: 6.667vw;
  border-bottom: solid 1px #eeeeee;
}

.xld-name {
  width: 64vw;
}

.xl-img,
.quartering {
  overflow: hidden;
  width: 22.133vw;
  height: 22.133vw;
  /* background-color: #d8d8d8; */
  border-radius: 2.667vw;
}

.quartering {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
}

.quartering .xl-img {
  width: 46%;
  height: 43%;
  border-radius: 1vw;
}

.xld-item {
  margin-top: 2.8vw;
  color: rgba(102, 102, 102, 0.66);
}

.xgrj {
  border-bottom: solid 1px #eeeeee;
}

.xgrj-list {
  padding-bottom: 2.667vw;
}

.xgrj-list > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 13.333vw;
}

.xgrj-list > a:not(:last-child) {
  border-bottom: dashed 1px #dddddd;
}

.xgrjl-name {
  width: 66.667vw;
  color: #333;
}

.dl-btn {
  width: 12vw;
  height: 6.5vw;
  line-height: 6.5vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  border-radius: 1.067vw;
  font-size: 4vw;
  color: #ffffff;
  text-align: center;
}

.xgxw-list .xgrjl-name {
  width: 90vw;
}

.xgxw-list .xgrjl-name::before {
  position: relative;
  top: -0.5vw;
  content: '';
  display: inline-block;
  margin: 0 3.2vw 0 0;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #c3c3c3;
  border-radius: 50%;
}

.switch-bar {
  margin-top: 4.333vw;
  width: 26.667vw;
  height: 7.467vw;
  background-color: #f5f5f5;
  border-radius: 3.733vw;
}

.sbi {
  flex: 1;
  line-height: 7.467vw;
}

.sbi.cur {
  /* background-color: #0f89c7; */
  border-radius: 3.733vw;
  color: #0f89c7;
}

.xgtj-list > a {
  padding-top: 4vw;
  display: flex;
  justify-content: space-between;
}

.xgtj-list > a.dn {
  display: none;
}

.hide-more {
  overflow: hidden;
  max-height: 108vw;
}

.xgtj-list > a:first-child {
  padding-top: 0;
}

.xgtjl-img {
  width: 14.4vw;
  height: 14.4vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.xgtjl-des-w {
  margin-left: 2.667vw;
  padding-bottom: 4vw;
  flex: 1;
  align-items: center;
  border-bottom: solid 1px #eeeeee;
}

.xgtjl-des {
  height: 14.4vw;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.xgtjl-name {
  color: #333;
  font-size: 4vw;
  width: 42.667vw;
}

.star-w {
  width: 16.533vw;
  height: 2.667vw;
  background: url('../../images/star-gray.png') no-repeat;
  background-size: 100%;
}

.star-full {
  width: 16.533vw;
  height: 2.667vw;
  background: url('../../images/star-full.png') no-repeat;
  background-size: 16.533vw 2.667vw;
}

.load-more {
  line-height: 16vw;
}

.load-more-tags {
  justify-content: center;
  align-items: center;
}

.load-more-inner {
  padding-right: 5.333vw;
  background: url('../../images/jiazai.png') right center no-repeat;
  background-size: 4vw;
}

.loading-icon {
  margin-left: 1.333vw;
  width: 4vw;
  height: 4vw;
  background: url('../../images/jiazai.png') center no-repeat;
  background-size: 100%;
}

.loading > .loading-icon {
  animation: rotation linear 2s infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.hot-tags {
  padding-bottom: 2.667vw;
}

.hot-tags > a {
  margin: 0 1vw 2.667vw 0;
  padding: 0 2.667vw;
  color: #fff;
  display: inline-block;
  line-height: 9.067vw;
  height: 9.067vw;
  border-radius: 4.533vw;
}

.hti {
  display: inline-block;
  max-width: 32vw;
}

.bcee7394 {
  background-color: #ee7394;
}

.bc62c7a4 {
  background-color: #62c7a4;
}
.bcf4c24e {
  background-color: #f4c24e;
}
.bc7fa3e8 {
  background-color: #7fa3e8;
}
.bc4cb0be {
  background-color: #4cb0be;
}
.bcee7394 {
  background-color: #ee7394;
}
.bcb86ac6 {
  background-color: #b86ac6;
}
.bcc1d443 {
  background-color: #c1d443;
}
.bcf7c040 {
  background-color: #f7c040;
}
.bc7fa3e8 {
  background-color: #7fa3e8;
}
.bc4cb0be {
  background-color: #4cb0be;
}

.bottom-links {
  flex-wrap: wrap;
  padding: 2.667vw 0;
}

.bottom-links > a {
  color: #999;
  width: 20%;
  line-height: 9.6vw;
}

.botton-tab {
  line-height: 16vw;
}

.botton-tab > a {
  flex: 1;
  color: #666;
}

.h56 {
  height: 14.933vw;
}

.ljxz-btn-w {
  bottom: 0;
  width: 100%;
  padding-top: 1.6vw;
  height: 14.933vw;
  background-color: #ffffff;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.07);
}

.ljxz-btn {
  margin: 0 4vw 2.133vw;
  line-height: 11.2vw;
  background-color: #4791e1;
  border-radius: 1.067vw;
}

.float-btns {
  right: 4vw;
  bottom: 20vw;
  height: 22vw;
}

.fb-item-top {
  background: url('../../images/back-top.png') center no-repeat;
  background-size: 6vw;
}

.fb-item-qrcode {
  background: url('../../images/qrcode-1-copy@2x.png') center/5.556vw no-repeat;
}

.fb-item {
  display: block;
  width: 9.6vw;
  height: 9.6vw;
  line-height: 9.6vw;
  background-color: rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0.533vw 1.067vw 0px rgba(0, 0, 0, 0.1),
  0px 0.533vw 1.067vw 0px rgba(0, 0, 0, 0.16);
  border: solid 1px rgba(142, 142, 142, 0.57);
  border-radius: 50%;
  color: #fff;
}

.fb-item:not(:first-child) {
  margin-top: 2.667vw;
}

.layer-yyqx {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lyi-dialog {
  width: 84vw;
  height: 75.733vw;
  background-color: #ffffff;
  border-radius: 2.133vw;
}

.lyi-close {
  margin: 9.333vw auto 0;
  width: 9.6vw;
  height: 9.6vw;
  background: url('../../images/close.png') center no-repeat;
  background-size: 100%;
}

.lyid-name {
  margin-top: 6.667vw;
}

.lyid-tip {
  margin-top: 5.333vw;
}

.lyid-list {
  margin-top: 5.333vw;
  padding: 0 4vw;
  flex-wrap: wrap;
}

.lyidl-item {
  width: 25%;
  margin-bottom: 5.333vw;
}

.lyidl-item > img {
  width: 11.2vw;
  height: 11.733vw;
}

.lyidl-item-name {
  margin-top: 2.133vw;
}

.high-main {
  padding: 5.333vw 4vw 0;
}

.mt10 {
  margin-top: 2.667vw;
}

.mt20 {
  margin-top: 5.333vw;
}

.hm-des {
  line-height: 5.333vw;
}

.img-slides {
  margin-left: 4vw;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29.6vw;
  height: 29.6vw;
}

.ss-img {
  display: block;
  width: 19.2vw;
  height: 19.2vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
  transition: all 0.5s;
}

.swiper-slide-active .ss-img {
  width: 29.6vw;
  height: 29.6vw;
}

.tags-score {
  justify-content: space-between;
  align-items: center;
}

.hm-tags {
  flex-wrap: wrap;
}

.hm-tags > a {
  margin-right: 2.667vw;
  padding: 0 2.667vw;
  display: inline-block;
  line-height: 6.933vw;
  border-radius: 4vw;
  border: solid 1px #dfdfdf;
  color: #999;
}

.cut-line {
  width: 0.267vw;
  height: 12.8vw;
  background-color: #999;
}

.hpl {
  font-size: 10.133vw;
  color: #f19400;
}

.hm-description {
  padding: 2.667vw;
  background-color: #f7f8fa;
  border-radius: 8px;
  line-height: 6.4vw;
}

.img-w {
  display: table;
  margin: 15vw;
}

.img-w img {
  max-width: 100%;
  max-height: 100%;
}

.layer-img-preview {
  /* padding: 5vw; */
}

.lip-inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.layer-img-preview img {
  max-width: 90vw;
  max-height: 90vh;
}

.commentContainer .commentInput input.web-name {
  margin-top: 2vw;
  background-color: #f5f5f5;
  border-radius: 1.6vw;
  border: none;
  height: 8vw;
  outline: none;
}

.fixed-dl {
  position: fixed;
  right: 2.4vw;
  bottom: 50vw;
  width: 12.267vw;
  height: 12.533vw;
  background: url(../../images/soft/game-box-dl.png) no-repeat center;
  background-size: 100%;
}

.fixed-gb {
  position: fixed;
  right: 2.4vw;
  bottom: 50vw;
  width: 12.267vw;
  height: 12.533vw;
  z-index: 9;
}

.fixed-gb > img {
  display: block;
  width: 12.267vw;
  height: 12.533vw;
}

.report {
  justify-content: center;
  align-items: center;
}

.report-inner {
  width: 84vw;
}

.ri-main {
  padding: 5.333vw;
  border-radius: 2.133vw;
}

.commit-btn {
  width: 100%;
  margin-top: 5.333vw;
  line-height: 11.2vw;
  background-color: #4791e1;
  border-radius: 1.067vw;
  border: none;
}

.rim-list {
  margin: 4vw 0;
  line-height: 10.667vw;
}

.rim-list > li {
  height: 10.667vw;
  display: flex;
  align-items: center;
}

.rim-cb {
  display: none;
  width: 0;
  height: 0;
}

.rim-l {
  display: inline-block;
}

.fake-cb {
  margin-right: 4vw;
  display: inline-block;
  content: '';
  width: 5vw;
  height: 5vw;
  background: url('../../images/cb.png') center no-repeat;
  background-size: 100%;
}

.rim-cb:checked + .fake-cb {
  background: url('../../images/cb-s.png') center no-repeat;
  background-size: 100%;
}

.rim-ta {
  padding: 2.667vw;
  resize: none;
  width: 100%;
  height: 27.733vw;
  background-color: #f1f1f1;
  border-radius: 2.133vw;
  border: none;
  outline: none;
}

.r-close {
  margin: 10.667vw auto 0;
  width: 9.6vw;
  height: 9.6vw;
  background: url('../../images/close.png') center no-repeat;
  background-size: 100%;
}

.main-sec {
  margin: 4.8vw 0 5.333vw;
  padding: 2.667vw;
  height: 46.133vw;
  background: url('../../images/main-sec.png') no-repeat center #6d9eff;
  background-size: 100%;
  border-radius: 2.133vw;
}

.ms-des {
  margin-top: 2.667vw;
  line-height: 6.4vw;
  height: 32vw;
  text-align: justify;
}

.sec-head {
  padding-top: 1.067vw;
  height: 14.933vw;
  justify-content: start;
  align-items: center;
}

.sh-icon {
  width: 5.333vw;
  height: 5.333vw;
}

.sh-icon-zx {
  background: url('../../images/sh-icon-zx.png') no-repeat center;
  background-size: 100%;
}

.sh-icon-yx {
  background: url('../../images/sh-icon-yx.png') no-repeat center;
  background-size: 100%;
}

.sh-title {
  margin-left: 2.667vw;
}

.zx-list {
  padding-bottom: 2.667vw;
  flex-wrap: wrap;
  justify-content: space-between;
}

.zx-list > a {
  overflow: hidden;
  margin-bottom: 2.667vw;
  padding: 0 2.667vw;
  width: 44vw;
  background-color: #f1f1f1;
  border-radius: 1.6vw;
}

.zxl-i {
  line-height: 9.067vw;
  display: inline-block;
  max-width: 33.31vw;
  overflow: hidden;
  white-space: nowrap;
}

.course-list > li {
  margin: 0 4vw;
  padding: 4vw 0;
  border-bottom: 0.267vw solid #eee;
}

.course-list > li:first-child {
  padding-top: 0;
}

.course-link {
  display: flex;
  justify-content: space-between;
}

.course-img-w {
  position: relative;
}

.course-img {
  width: 32vw;
  height: 21.333vw;
  border-radius: 1.6vw;
}

.course-r {
  width: 56vw;
}

.course-name {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 4vw;
  color: #333;
  /*height: 16vw;*/
}

.course-des {
  margin-top: 0.8vw;
  font-size: 3.2vw;
  line-height: 4.267vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.course-date {
  margin-top: 4vw;
  padding-left: 4.267vw;
  font-size: 3.2vw;
  color: #999;
  background: url(../../images/icon-date.png) left center no-repeat;
  background-size: 3.2vw 3.2vw;
}


.gift-w {
  margin-left: 2.778vw;
}

.gift-icon {
  width: 3.194vw;
  height: 3.194vw;
}

.gzgzh-frame {
  padding: 4.167vw;
  width: 73.611vw;
  height: 64.306vw;
  background: #FFFFFF;
  border-radius: 1.111vw;
  border: 1px solid #979797;
}

.gzh-close {
  margin: 4.167vw auto 0;
  width: 8.611vw;
  height: 8.611vw;
  background: url('../../images/gift/close.png') center/100% no-repeat;
}

.gf-title {
  font-size: 3.889vw;
  font-weight: 600;
  color: #333333;
}

.gf-content {
  margin-top: 4.167vw;
  font-size: 3.611vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 5.139vw;
}

.c2E8AE6 {
  color: #2E8AE6;
}

.gf-img {
  display: block;
  margin: 4.167vw auto 0;
  width: 26.667vw;
  height: 26.667vw;
}

.fb-item-qrcode > img {
  width: 5.556vw;
  height: 5.556vw;
}