.flex {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
}
.flex1 {
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
}
.box-sizing {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.trans {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.text-shadow {
  -webkit-text-shadow: 0 0 15rem #354b40;
  -moz-text-shadow: 0 0 15rem #354b40;
  -ms-text-shadow: 0 0 15rem #354b40;
  -o-text-shadow: 0 0 15rem #354b40;
  text-shadow: 0 0 15rem #354b40;
}
.posCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
html,
body,
.container,
.wrap-swiper {
  width: 100%;
  height: 100%;
  background: #0b0d0c;
}
.scroll-next {
  width: 65rem;
  height: 63rem;
  background: url(../image/bottom.png) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: 10rem;
  left: 50%;
  margin-left: -32rem;
  z-index: 2;
  -webkit-animation: light 2s linear infinite;
  -moz-animation: light 2s linear infinite;
  -ms-animation: light 2s linear infinite;
  animation: light 2s linear infinite;
}
.wrap-swiper .swiper-slide {
  position: relative;
}
.wrap-swiper .title {
  width: 337rem;
  height: 48rem;
  position: absolute;
  top: 60rem;
  right: 52rem;
}
.wrap-swiper .slide1 {
  background: url(../image/bg1.jpg) no-repeat center bottom;
  background-size: cover;
}
.wrap-swiper .slide1 .ewm-view {
  width: 81rem;
  height: 224rem;
  background: url(../image/contact.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 80rem;
  right: 30rem;
  z-index: 3;
  display: none;
}
.wrap-swiper .slide1 .ewm-view .icon {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  padding-top: 24rem;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.wrap-swiper .slide1 .ewm-view .icon span {
  width: 60rem;
  height: 48rem;
  display: block;
  margin-bottom: 16rem;
}
.wrap-swiper .slide1 .ewm-view .ewm {
  width: 231rem;
  height: 294rem;
  position: absolute;
  top: 20rem;
  left: -240rem;
  display: none;
}
.wrap-swiper .slide1 .topLeft {
  position: absolute;
  top: 20rem;
  left: 30rem;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .slide1 .topLeft .icon {
  width: 87rem;
}
.wrap-swiper .slide1 .topLeft .logo {
  width: 224rem;
  margin-left: 20rem;
}
.wrap-swiper .slide1 .topRight {
  width: 1059rem;
  height: 84rem;
  background: url(../image/nav_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  padding: 0 30rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  top: 0;
  right: 0;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .slide1 .topRight a {
  font-size: 35rem;
  color: #fbfdfc;
  padding: 0 55rem;
  border-left: solid 1px #6a728c;
}
.wrap-swiper .slide1 .topRight a:first-child {
  border-left: none;
}
.wrap-swiper .slide1 .topRight a.share {
  width: 54rem;
  height: 84rem;
  border-left: none;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .slide1 .topRight a.share:after {
  content: "";
  width: 54rem;
  height: 54rem;
  display: block;
  background: url(../image/share.png) no-repeat;
  background-size: cover;
}
.wrap-swiper .slide1 .bottomCenter {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  position: absolute;
  bottom: 90rem;
  left: 50%;
  margin-left: -250rem;
  align-items: center;
}
.wrap-swiper .slide1 .bottomCenter .slts-icon {
  width: 96rem;
  height: 124rem;
  background: url(../image/slts.png) no-repeat;
  background-size: cover;
  flex-shrink: 0;
  margin-right: 16rem;
}
.wrap-swiper .slide1 .bottomCenter .down-view {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  padding: 10rem 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12rem;
  align-items: center;
}
.wrap-swiper .slide1 .bottomCenter .down-view .txt {
  font-size: 14rem;
  line-height: 16rem;
  padding: 0 5rem;
  width: 20rem;
  text-align: center;
}
.wrap-swiper .slide1 .bottomCenter .down-view .wjq,
.wrap-swiper .slide1 .bottomCenter .down-view .xcx {
  width: 126rem;
  height: 126rem;
  border: solid 1rem #616262;
  border-radius: 8rem;
  flex-shrink: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-right: 10rem;
}
.wrap-swiper .slide1 .bottomCenter .down-view .down-btn {
  padding-right: 16rem;
}
.wrap-swiper .slide1 .bottomCenter .down-view .down-btn a {
  width: 141rem;
  height: 46rem;
  display: block;
}
.wrap-swiper .slide1 .bottomCenter .down-view .down-btn a.ios {
  background: url(../image/bottom_down.png) no-repeat;
  background-size: 141rem 102rem;
  background-position: 0 0;
  margin-bottom: 10rem;
}
.wrap-swiper .slide1 .bottomCenter .down-view .down-btn a.android {
  background: url(../image/bottom_down.png) no-repeat;
  background-size: 141rem 102rem;
  background-position: 0 -56rem;
}
.wrap-swiper .slide1 .right-popup {
  width: 272rem;
  height: 432rem;
  background: url(../image/right_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20rem;
  margin-top: -116rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 20rem 0 0 62rem;
}
.wrap-swiper .slide1 .right-popup .close {
  width: 42rem;
  height: 110rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -88rem;
}
.wrap-swiper .slide1 .right-popup.hide {
  right: -230rem;
}
.wrap-swiper .slide1 .right-popup .img {
  width: 190rem;
}
.wrap-swiper .slide1 .right-popup .right-title {
  width: 200rem;
  margin: 16rem 0 0 -4rem;
}
.wrap-swiper .slide1 .right-popup .down-btn {
  width: 188rem;
  height: 137rem;
  background: url(../image/right_down.png) no-repeat;
  background-size: cover;
  margin-top: 15rem;
}
.wrap-swiper .slide1 .right-popup .down-btn a {
  width: 100%;
  height: 62rem;
  display: block;
  margin-bottom: 13rem;
}
.wrap-swiper .slide2 {
  background: url(../image/bg2.jpg) no-repeat center bottom;
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
}
.wrap-swiper .slide2 .slide-wrap {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
}
.wrap-swiper .slide2 .news-info {
  width: 624rem;
  margin-left: 70rem;
}
.wrap-swiper .slide2 .news-lunbo {
  width: 655rem;
  height: 441rem;
  position: relative;
  background: url(../image/new_box.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 5rem;
}
.wrap-swiper .slide2 .news-lunbo .swiper-pagination {
  bottom: -50rem;
}
.wrap-swiper .slide2 .news-lunbo .swiper-pagination span {
  width: 22rem;
  height: 22rem;
  background: url(../image/dot.png) no-repeat center center;
  background-size: 9rem 9rem;
  margin: 0 12rem;
  opacity: 1;
}
.wrap-swiper .slide2 .news-lunbo .swiper-pagination span.swiper-pagination-bullet-active {
  width: 22rem;
  height: 22rem;
  background: url(../image/active.png) no-repeat;
  background-size: cover;
}
.wrap-swiper .slide2 .news-tab {
  height: 60rem;
  line-height: 60rem;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  border-bottom: solid 1rem #f6e3a8;
}
.wrap-swiper .slide2 .news-tab a {
  color: #f6e3a8;
  font-size: 29rem;
  text-align: center;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
}
.wrap-swiper .slide2 .news-tab a.on {
  font-size: 36rem;
  font-weight: bold;
  border-bottom: solid 2rem #f6e3a8;
}
.wrap-swiper .slide2 .news-list ul li {
  height: 90rem;
  line-height: 90rem;
  border-bottom: solid 1rem #f6e3a8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.wrap-swiper .slide2 .news-list ul li a {
  display: block;
  font-size: 22rem;
  color: #f6e3a8;
}
.wrap-swiper .slide2 .news-list ul li:last-child {
  border-bottom: none;
}
.wrap-swiper .slide2 .news-list .more {
  height: 29rem;
  background: url(../image/more_line.png) no-repeat left center;
  background-size: 472rem 2rem;
  text-align: right;
  font-size: 0;
}
.wrap-swiper .slide2 .news-list .more a {
  width: 98rem;
  height: 29rem;
  background: url(../image/more.png) no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.wrap-swiper .slide3 {
  background: url(../image/bg3.jpg) no-repeat center bottom;
  background-size: cover;
}
.wrap-swiper .slide3 .hero-wrap {
  width: 1200rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.wrap-swiper .slide3 .title {
  position: absolute;
  top: 60rem;
  right: 12rem;
  z-index: 2;
}
.wrap-swiper .slide3 .title img {
  width: 298rem;
  height: 48rem;
}
.wrap-swiper .slide3 .picture {
  width: 100%;
  height: 100%;
}
.wrap-swiper .slide3 .picture .swiper {
  width: 100%;
  height: 100%;
}
.wrap-swiper .slide3 .info {
  position: absolute;
  bottom: 520rem;
  left: -130rem;
  z-index: 3;
  transform: tanslate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.wrap-swiper .slide3 .info-name {
  font-size: 80rem;
  font-weight: bold;
  color: #fff;
  pointer-events: none;
}
.wrap-swiper .slide3 .info-name:after {
  content: "";
  width: 304rem;
  height: 16rem;
  background: linear-gradient(-90deg, #FFDB5D, #FFF799);
  display: block;
}
.wrap-swiper .slide3 .info-w1 {
  margin-top: 10rem;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  pointer-events: none;
}
.wrap-swiper .slide3 .info-w1 .label-name .en {
  font-size: 18rem;
  color: #fff;
}
.wrap-swiper .slide3 .info-w1 .label-name .cn {
  font-size: 26rem;
  color: #fff;
  font-weight: bold;
}
.wrap-swiper .slide3 .info-w1 .label-icon {
  width: 59rem;
  height: 62rem;
  margin: 0 30rem 0 10rem;
}
.wrap-swiper .slide3 .info-w1 .label-font {
  font-size: 26rem;
  color: #fff;
  font-weight: bold;
  margin-top: 24rem;
}
.wrap-swiper .slide3 .info .radio-w {
  width: 186rem;
  height: 35rem;
  background: url(../image/radio_bg.png) no-repeat;
  background-size: cover;
  margin-top: 12rem;
  padding-left: 70rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .slide3 .info .radio-w .icon {
  width: 28rem;
  height: 28rem;
  background: url(../image/radio.png) no-repeat;
  background-size: cover;
}
.wrap-swiper .slide3 .info .radio-w .voiceprint {
  width: 74rem;
  height: 35rem;
  margin-left: 8rem;
  background: url(../image/radio_sprite.png) no-repeat;
  background-size: 518rem 35rem;
  background-position: 0 0;
}
.wrap-swiper .slide3 .info .radio-w.on .icon {
  background: url(../image/radio_on.png) no-repeat;
  background-size: cover;
}
.wrap-swiper .slide3 .info .radio-w.on .voiceprint {
  -webkit-animation: radioSprite 1.2s steps(7, end) infinite;
  animation: radioSprite 1.2s steps(7, end) infinite;
}
.wrap-swiper .slide3 .info .radio-txt {
  font-size: 18rem;
  color: #fff;
  margin-top: 10rem;
  pointer-events: none;
}
.wrap-swiper .slide3 .picture-pagination {
  width: 1920rem;
  height: 410rem;
  background: url(../image/pagination_mask21.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -960rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 246rem 635rem 0;
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  transform: tanslate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  /*&:before{
				width: 697rem;
				height: 54rem;
				background: url(../images/pagination_mask22.png?20240304) no-repeat;
				background-size: cover;
				content: "";
				position: absolute;
				top: 160rem;
				left: 50%;
				margin-left: -348rem;
			}*/
}
.wrap-swiper .slide3 .picture-pagination:after {
  width: 637rem;
  height: 130rem;
  background: url(../image/hero_tab.png) no-repeat center top;
  background-size: 100% 130rem;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.wrap-swiper .slide3 .picture-pagination span {
  flex: 1;
  height: 137rem;
  opacity: 1;
  margin: 0;
  position: relative;
  z-index: 1;
  background: none;
}
.wrap-swiper .slide3 .picture-pagination span:nth-child(1).active {
  background: url(../image/heroTab1.png) no-repeat 0 -1rem;
  background-size: 109rem 137rem;
}
.wrap-swiper .slide3 .picture-pagination span:nth-child(2).active {
  background: url(../image/heroTab2.png) no-repeat 2rem -2rem;
  background-size: 111rem 135rem;
}
.wrap-swiper .slide3 .picture-pagination span:nth-child(3).active {
  background: url(../image/heroTab3.png) no-repeat 8rem -1rem;
  background-size: 113rem 135rem;
}
.wrap-swiper .slide3 .picture-pagination span:nth-child(4).active {
  background: url(../image/heroTab4.png) no-repeat 17rem;
  background-size: 109rem 134rem;
}
.wrap-swiper .slide3 .picture-pagination span:nth-child(5).active {
  background: url(../image/heroTab5.png) no-repeat 21rem 0;
  background-size: 108rem 137rem;
}
.wrap-swiper .slide3 .swiper-button-prev {
  width: 67rem;
  height: 23rem;
  background: url(../image/top.png) no-repeat;
  background-size: cover;
  top: 0rem;
  right: 58rem;
  left: auto;
}
.wrap-swiper .slide3 .swiper-button-prev:after {
  content: '';
}
.wrap-swiper .slide3 .swiper-button-next {
  width: 67rem;
  height: 23rem;
  background: url(../image/bottom.png) no-repeat;
  background-size: cover;
  bottom: -30rem;
  top: auto;
  right: 58rem;
}
.wrap-swiper .slide3 .swiper-button-next:after {
  content: '';
}
.wrap-swiper .slide3 .swiper-slide {
  position: relative;
}
.wrap-swiper .slide3 .swiper-slide .hero {
  width: 100%;
}
.wrap-swiper .slide3 .swiper-slide .hero img {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-touch-callout: none;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.wrap-swiper .slide3 .thumbs-w {
  height: 342rem;
  width: 180rem;
  right: -160rem;
  left: auto;
  bottom: 340rem;
  position: absolute;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  flex-direction: column;
  z-index: 3;
  transform: tanslate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.wrap-swiper .slide3 #thumbs {
  width: 100%;
  height: 100%;
}
.wrap-swiper .slide3 #thumbs .swiper-slide {
  width: 114rem;
  height: 114rem;
  background: none;
  opacity: 1;
  margin: 0 auto;
  border-radius: 0;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
}
.wrap-swiper .slide3 #thumbs .swiper-slide img {
  width: 84rem;
  border: solid 3rem #fff;
}
.wrap-swiper .slide3 #thumbs .swiper-slide.my-slide-thumb-active {
  width: 114rem;
  height: 114rem;
  background: url(../image/heroActive.png) no-repeat;
  background-size: 100% 100%;
}
.wrap-swiper .slide3 #thumbs .swiper-slide.my-slide-thumb-active img {
  border: none;
}
.wrap-swiper .slide4 {
  background: url(../image/bg4.jpg) no-repeat center bottom;
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .slide4 .lunbo-swiper {
  width: 1015rem;
  height: 570rem;
  margin: 0 auto;
  position: relative;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-button-prev {
  width: 23rem;
  height: 67rem;
  background: url(../image/left.png) no-repeat;
  background-size: cover;
  left: -82rem;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-button-prev:after {
  font-size: 0;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-button-next {
  width: 23rem;
  height: 67rem;
  background: url(../image/right.png) no-repeat;
  background-size: cover;
  right: -82rem;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-button-next:after {
  font-size: 0;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-pagination {
  bottom: -50rem;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-pagination span {
  width: 22rem;
  height: 22rem;
  background: url(../image/dot.png) no-repeat center center;
  background-size: 9rem 9rem;
  opacity: 1;
}
.wrap-swiper .slide4 .lunbo-swiper .swiper-pagination span.swiper-pagination-bullet-active {
  width: 22rem;
  height: 22rem;
  background: url(../image/active.png) no-repeat;
  background-size: cover;
}
.wrap-swiper .footer {
  height: 170rem;
  background-color: #000;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}
.wrap-swiper .footer .footer-cont {
  width: 1000rem;
  margin: auto;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-between;
  align-items: center;
}
.wrap-swiper .footer .footer-cont p {
  font-size: 20rem;
  color: #fff;
  line-height: 28rem;
}
.list-page {
  width: 100%;
  height: 100%;
  background: url(../image/list.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  overflow: scroll;
  padding-top: 100rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.list-page .goback {
  width: 52rem;
  height: 52rem;
  background: url(../image/back.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 20rem;
  left: -100rem;
}
.list-page .list-w2 {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100rem;
  position: relative;
}
.list-page .list-tab {
  margin: 50rem 46rem 0;
  height: 66rem;
  line-height: 66rem;
  border-bottom: solid 2px #85859e;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
}
.list-page .list-tab a {
  font-size: 30rem;
  color: #85859e;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  text-align: center;
}
.list-page .list-tab a.active {
  color: #f3c96c;
}
.list-page .list-cont {
  padding: 0 46rem;
}
.list-page .list-cont a {
  display: block;
  height: 90rem;
  line-height: 90rem;
  border-bottom: solid 1px #b2b2bd;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  overflow: hidden;
}
.list-page .list-cont a .label {
  border: solid 1px #85859e;
  border-radius: 40rem;
  font-size: 25rem;
  color: #85859e;
  margin-right: 12rem;
  height: 40rem;
  line-height: 40rem;
  padding: 0 12rem;
  flex-shrink: 0;
}
.list-page .list-cont a .title {
  font-size: 25rem;
  color: #85859e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
}
.list-page .list-cont a .time {
  flex-shrink: 0;
  font-size: 25rem;
  color: #85859e;
}
.list-page .navigation {
  width: 400rem;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: space-between;
  align-items: center;
  margin: 60rem auto 0;
}
.list-page .navigation a {
  height: 44rem;
  border: solid 1px #85859e;
  background: #dbe1ed;
  line-height: 44rem;
  border-radius: 40rem;
  font-size: 26rem;
  width: 150rem;
  color: #85859e;
  text-align: center;
}
.detail-page {
  width: 100%;
  height: 100%;
  background: #fff url(../image/list.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  overflow: scroll;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.detail-page .goback {
  width: 52rem;
  height: 52rem;
  background: url(../image/back.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 130rem;
  left: -100rem;
}
.detail-page .detail-cont {
  width: 1200px;
  margin: 0 auto;
  padding: 120rem 46rem;
  position: relative;
}
.detail-page .detail-cont .title {
  font-size: 35rem;
  color: #85859e;
  border-bottom: solid 3px #85859e;
  padding-bottom: 12rem;
  line-height: 48rem;
  font-weight: bold;
}
.detail-page .detail-cont-c {
  padding: 24rem 0;
  font-size: 24rem;
  color: #85859e;
  line-height: 36rem;
}
.detail-page .detail-cont-c img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 20rem 0;
}
.slts-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.slts-popup .slts-cont {
  width: 1094rem;
  height: 614rem;
  background: url(../image/slts_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: relative;
  padding: 40rem 60rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-direction: column;
}
.slts-popup .slts-cont .close {
  width: 51rem;
  height: 51rem;
  background: url(../image/close.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: -20rem;
  right: -20rem;
}
.slts-popup .slts-cont .title {
  width: 490rem;
  height: 116rem;
  margin: 0 auto 30rem;
}
.scroll-view {
  width: 100%;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  padding: 0 20rem 20rem;
  overflow: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 18rem;
  color: #85859e;
  line-height: 36rem;
}
@keyframes light {
  0% {
    bottom: 10rem;
  }
  50% {
    bottom: 20rem;
  }
  100% {
    bottom: 10rem;
  }
}
@-webkit-keyframes light {
  0% {
    bottom: 10rem;
  }
  50% {
    bottom: 20rem;
  }
  100% {
    bottom: 10rem;
  }
}
@-moz-keyframes light {
  0% {
    bottom: 10rem;
  }
  50% {
    bottom: 20rem;
  }
  100% {
    bottom: 10rem;
  }
}
@-ms-keyframes light {
  0% {
    bottom: 10rem;
  }
  50% {
    top: 20rem;
  }
  100% {
    top: 10rem;
  }
}
@keyframes radioSprite {
  to {
    background-position: -444rem 0;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes radioSprite {
  to {
    background-position: -444rem 0;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes radioSprite {
  to {
    background-position: -444rem 0;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes radioSprite {
  to {
    background-position: -444rem 0;
    -webkit-transform: translate3d(0, 0, 0);
  }
}