/*font*/
@font-face {
	font-family: 'suxin';
	src: url('https://dunhuang-1258263871.file.myqcloud.com/h5/font/suxin.ttf');
}
.loading_wrap{
  font-family:'suxin';
  color: #f3eccf;
  font-size: .3rem;
  line-height: .4rem;
}
/* 浏览器重置 [[ */
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu,
article,
pre {
  margin: 0;
  padding: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
select,
time {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button,
label {
  font-size: 100%;
  font-weight: normal;
  vertical-align: middle;
  font-family: inherit;
}

ul,
dl,
ol {
  list-style: none;
}

img,
fieldset,
input[type='submit'] {
  border: none;
}

html {
  width: 100%;
  height: 100%;
}

body {
  -webkit-user-select: none;
  /* 禁止选中文本 */
  -webkit-text-size-adjust: 100%;
  /* 设置webkit内核下文字大小不小于12px */
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  /* 设置点击链接时遮罩层为全透明 */
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  line-height: 1;
  font-family: 'PingFang SC', 'microsoft yahei', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
}

p,
a,
div,
span {
  vertical-align: middle;
  font-family: inherit;
}

/* 禁止长按链接、按钮、输入框出现系统默认弹框菜单 */
a,
button,
textarea {
  border: none;
  outline: none;
  text-decoration: none;
  -webkit-touch-callout: none;
  font-family: inherit;
  background: none;
}
input{
  border: none;
  text-decoration: none;
  -webkit-touch-callout: none;
  font-family: inherit;
  background: none;
  -webkit-appearance: none;
  cursor:pointer;
  outline:none;
  -webkit-user-select: auto;
}
input:focus{
  border: #79291c .02rem solid;
  outline:none;
  box-shadow: none;
}
a,
a:visited {
  text-decoration: none;
  -webkit-touch-callout: none;
}

a {
  color: inherit;
}

em,
i {
  font-style: normal;
}
img{
  display: block;
  width: 100%;
}

.g-clr {
  zoom: 1;
}

.g-clr:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.wrap{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/bg.jpg) no-repeat;
  background-position: center bottom !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  opacity: 0;
  animation:  opacity .35s .35s forwards linear;
}
.flex-1{
  flex: 1;
}
.box_wrap{
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  overflow: hidden;
}
.center{
  /* position: relative; */
}
.user_wrap{
  z-index: 4;
  animation:  opacity .35s forwards linear;
}
.index_wrap{
  z-index: 3;
  opacity: 1;
}
.index_wrap .index_card{
  animation:  opacity .35s forwards linear;
}
.video_wrap,.play_wrap{
  z-index: 2;
  animation:  opacity .35s forwards linear;
  opacity: 1;
}
.share_wrap{
  z-index: 1;
}
.share_wrap{
  opacity: 0;
}
.share_wrap.active{
  animation:  opacity .35s forwards linear;
}
.video_wrap,.play_wrap{
  background-color: #000000;
}
.video_wrap video,.play_wrap video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit:cover;
  z-index: 1;
}
.video_skip{
  position: absolute;
  right: .8rem;
  bottom: 1.2rem;
  z-index: 3;
  color: #7a5e51;
  font-size: .32rem;
  transform: translate(0);
}
.index_card{
   width: 7.01rem;
   height: 12.98rem;
   margin: 0 auto;
   background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/index_bg.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
}
.logo{
  width: 4.35rem;
  height: .36rem;
  /* background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/logo.png) no-repeat;
  background-size: 100% 100%; */
  margin: .32rem auto 0;
}
.user_wrap .logo,.share_wrap .logo,.loading_wrap .logo{
  position: absolute;
  left: 50%;
  bottom: 3.6%;
  margin-top: 0px;
  margin-left: -2.175rem;
}
.choice_ul{
  margin:  auto;
  padding-top: 5.02rem;
}
.choice_ul .list{
  width: 6.13rem;
  height: 1.6rem;
  margin:0 auto .23rem;
  box-shadow: .02rem .15rem .38rem rgba(0,0,0,.18);
}
/* .choice_ul .list:nth-child(1){
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/index_card_1.png) no-repeat;
  background-size: 100% 100%;
}
.choice_ul .list:nth-child(2){
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/index_card_2.png) no-repeat;
  background-size: 100% 100%;
}
.choice_ul .list:nth-child(3){
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/index_card_3.png) no-repeat;
  background-size: 100% 100%;
}
.choice_ul .list:nth-child(4){
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/index_card_4.png) no-repeat;
  background-size: 100% 100%;
} */
.choice_ul .list:last-child{
  margin-bottom: 0px;
}


.check_details{
  position: absolute;
  left: 50%;
  top: -2.73rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/canvas_tips.png);
  background-size:100% 100%;
  width: 2.26rem;
  height: .26rem;
  margin-left: -1.13rem;
  z-index: 4;
}
.check.check_details{
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/canvas_tips_back.png) top center no-repeat;
  background-size:auto .23rem;
}
.share_card_details{
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: absolute;
  z-index: 4;
  left: 50%;
  margin-left: -2.5rem;
  top: -8.9rem;
}
.hide_card_details{
  width: 6.37rem;
  height: 4.6rem;
  position: absolute;
  z-index: 4;
  top: -10.55rem;
  left: 50%;
  margin-left: -3.185rem;
  display: none;
}
.share_card{
  width: 6.94rem;
  min-height: 8.71rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.share_card_x{
  width: 7.19rem;
  height: 9.2rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -.1rem;
  top: -.3rem;
  z-index: 3;
}
.card_img{
  width:100%;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.card_details{
  position: absolute;
  left: .0rem;
  top: .0rem;
  width: 6.94rem;
  height: 8.71rem;
  opacity: 0;
  z-index: 2;
  transition: all .35s;
  overflow: hidden;
}
.card_details.opacity{
  opacity: 1;
}
.card_details .card_details_img{
  width: 6.94rem;
  height: 8.71rem;
  position: absolute;
  left: .01rem;
  top: .0rem;
}

.card_footer{
  margin: .07rem auto 0;
  width: 6.94rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_bg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: .08rem .1rem .24rem .08rem;
  /* position: relative; */
}
.signature_wrap{
  position: relative;
  min-height: 1.93rem;
  z-index: 1;
}
.user_tips{
  position: absolute;
  right: .5rem;
  top: .3rem;
  font-size: .22rem;
  color: #222222;
  font-weight: "黑体";
}
.user_tips span{
  float: left;
  /* max-width: 1.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
.user_tips .type{
  /* margin-left: .08rem; */
}
.user_tips .name{
  text-overflow: ellipsis;
  max-width: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
}
.user_tips::after{
  content: " ";
  width: .06rem;
  height: .06rem;
  background: #222222;
  position: absolute;
  left:-.16rem;
  top: 50%;
  margin-top: -.03rem;
  border-radius: 50%;
}
.user_tips::before{
  content: " ";
  width: .06rem;
  height: .06rem;
  background: #222222;
  position: absolute;
  right:-.16rem;
  top: 50%;
  margin-top: -.03rem;
  border-radius: 50%;
}
.btn_wrap{
  margin-top: .07rem;
  position: relative;
  z-index: 3;
}
.btn_box{
  display: table;
}
.rest_btn{
  width: 2.34rem;
  height: .81rem;
  /* background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/rest_btn.png) no-repeat;
  background-size: 100% 100%; */
}
.btn_tips{
  width: 2.08rem;
  height: .41rem;
  /* background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/preservation_tips.png) no-repeat;
  background-size: 100% 100%; */
  margin: .09rem 0rem 0rem .13rem;
}
.sp_btn{
  display: block;
  width: 4.37rem;
  height: 1.31rem;
  /* background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/sp_bg.png) no-repeat;
  background-size: 100% 100%; */
  position: absolute;
  right: 0;
  top: 0;
}
.card_foote_x{
  width: 7.21rem;
  height: 3.99rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_card_x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -.2rem;
  top: -.27rem;
  z-index: 1;
}


.user_box{
  width: 7.5rem;
  height: 8.02rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/user_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 3.68rem;
}
.user_name{
  width: 4.33rem;
  height: 1.91rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/user_k.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  z-index: 2;
}
.user_name p{
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: .36rem;
  line-height: .4rem;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.user_name span{
  display: block;
}
.user_confirm_btn{
  width: 2.75rem;
  height: .81rem;
  /* background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/confirm_btn.png) no-repeat;
  background-size: 100% 100%; */
  margin: .4rem auto 0;
  position: relative;
  z-index: 2;
}

.canvas_wrap{
  width: 750px;
  height: 1334px;
  position: relative;
  margin-left: 100%;
}
.canvas_wrap .user_tips{
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  right: 85px;
  top: auto;
  bottom: 280px;
}
.canvas_wrap .user_tips .name{
  max-width: 130px
}
.canvas_wrap .user_tips::before,.canvas_wrap .user_tips::after{
  width: 6px;
  height: 6px;
  margin-top: -3px;
}
.canvas_wrap .user_tips::before{
  right: -16px;
}
.canvas_wrap .user_tips::after{
  left: -16px;
}
.canvas_wrap .user_tips .user_tips .type{
  /* margin-left: 8px; */
}
.code{
  width: 94px;
  height: 94px;
  position: absolute;
  right: 39px;
  bottom: 37px;
}
.canvas_share_img{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.key_wrap{
  background-color: #0c0c0d;
  z-index: 33;
  position: relative;
  opacity: 1;
  overflow: hidden;
}
.key_title{
  width: 3.38rem;
  height: 3.22rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/loading_title.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.69rem 0 0 -1.61rem;
}
.key_bg{
  width: 100%;
  height: 100%;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/key_bg.png) repeat-y;
  background-size:100%;
  position: absolute;
  left: 0;
  bottom: 0%;
}
.key_wrap{
  animation: key 1s ease-in-out both,key_out 1s 3.5s ease forwards;
}
.key_bg{
  animation: key_bg 1s .35s forwards ease-in-out;
}
@-webkit-keyframes key{
  0%{
    transform: translateY(-100%);
  }
  100%{
    transform: translateY(0%);
  }
}
@-webkit-keyframes key_out{
  0%{
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-100%);
  }
}

@-webkit-keyframes key_bg{
  0%{
    transform: translateY(-100%) scale(1,1);
  }
  100%{
    transform: translateY(0%)  scale(1,1.2);
  }
}


@-webkit-keyframes opacity {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.card_footer_img{
  height: 1.93rem;
  width: 6.77rem;
  margin: 0 auto;
}
.card_footer_img.footer_list_1_1 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -4.36rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_1_2 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -6.49rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_1_3 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -6.49rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_2_1 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -8.62rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_2_2 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -8.62rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_2_3 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -10.75rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_3_1 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -10.75rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_3_2 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -.1rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_3_3 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -2.23rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_4_1 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -.1rem -4.36rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_4_2 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -.1rem;
  background-size: 13.94rem 12.78rem;
}
.card_footer_img.footer_list_4_3 {
  width: 6.77rem; height: 1.93rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/footer_list.png') -7.07rem -2.23rem;
  background-size: 13.94rem 12.78rem;
}


.card_img{
  width: 6.94rem;
  height: 8.71rem;
  margin: 0 auto;
}
.card_img.list_1_1 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') .01rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_1_2 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -6.93rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_1_3 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -13.87rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_2_1 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') .01rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_2_2 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -6.93rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_2_3 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -13.87rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_3_1 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -20.81rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_3_2 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -20.81rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_3_3 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') .01rem -17.42rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_4_1 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -6.93rem -17.42rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_4_2 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -13.87rem -17.42rem;
  background-size: 27.76rem 26.13rem;
}
.card_img.list_4_3 {
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/list.jpg') -20.81rem -17.42rem;
  background-size: 27.76rem 26.13rem;
}


.card_details_img.card_details_1_1{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -0 -0;
  background-size: 27.76rem 26.13rem;
}
.card_details_img.card_details_1_2{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -6.94rem -17.42rem;
  background-size: 27.76rem 26.13rem;
  left: 0;
}
.card_details_img.card_details_1_3{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -13.88rem -0;
  background-size: 27.76rem 26.13rem;
}

.card_details_img.card_details_2_1{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -20.82rem -8.71rem;
  background-size: 27.76rem 26.13rem;
  left: .02rem;
}
.card_details_img.card_details_2_2 {
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -0rem -17.42rem;
  background-size: 27.76rem 26.13rem;
  left: .02rem;
}
.card_details_img.card_details_2_3 {
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -0 -8.71rem;
  background-size: 27.76rem 26.13rem;
}

.card_details_img.card_details_3_1 {
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -6.94rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}
.card_details_img.card_details_3_2{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -6.94rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_details_img.card_details_3_3 {
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -13.88rem -8.71rem;
  background-size: 27.76rem 26.13rem;
}

.card_details_img.card_details_4_1{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -13.88rem -17.42rem;
  background-size: 27.76rem 26.13rem;
  left: .02rem;
}

.card_details_img.card_details_4_2 {
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -20.82rem -0;
  background-size: 27.76rem 26.13rem;
}
.card_details_img.card_details_4_3{
  width: 6.94rem; height: 8.71rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/card_details.jpg') -20.82rem -17.42rem;
  background-size: 27.76rem 26.13rem;
  left: .03rem;
}

.hide_card_details.hide_card_4_2{
  height: 4.78rem;
}
.hide_card_details.hide_card_4_3{
  height: 4.4rem;
}



.choice_ul .list:nth-child(1) {
  width: 6.13rem;
  height: 1.6rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -.1rem -3.7rem;
  background-size: 12.66rem 6.01rem;
}
.choice_ul .list:nth-child(2) {
  width: 6.13rem;
  height: 1.6rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -6.43rem -.1rem;
  background-size: 12.66rem 6.01rem;
}
.choice_ul .list:nth-child(3) {
  width: 6.13rem;
  height: 1.6rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -.1rem -.1rem;
  background-size: 12.66rem 6.01rem;
}
.choice_ul .list:nth-child(4){
  width: 6.13rem;
  height: 1.6rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -.1rem -1.9rem;
  background-size: 12.66rem 6.01rem;
}
.logo {
  width: 4.35rem;
  height: .36rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -6.43rem -4.42rem;
  background-size: 12.66rem 6.01rem;
}
.btn_tips {
  width: 2.08rem;
  height: .41rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -.1rem -5.5rem;
  background-size: 12.66rem 6.01rem;
}
.rest_btn {
  width: 2.34rem;
  height: .81rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -9.38rem -3.41rem;
  background-size: 12.66rem 6.01rem;
}
.sp_btn{
  width: 4.37rem;
  height: 1.31rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -6.43rem -1.9rem;
  background-size: 12.66rem 6.01rem;
}
.user_confirm_btn {
  width: 2.75rem;
  height: .81rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -6.43rem -3.41rem;
  background-size: 12.66rem 6.01rem;
}

.loading_play{
  width: 2.83rem;
  height: .84rem;
  background: url('https://dunhuang-1258263871.file.myqcloud.com/h5/images/btn_sprites.png') -6.43rem -4.95rem;
  background-size: 12.66rem 6.01rem;
  /* position: absolute;
  left: 50%;
  margin-left: -1.415rem;
  bottom: 17.5%; */
  display: none;
  animation: play .5s forwards linear;
}
@-webkit-keyframes play{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .index_wrap .center{
    transform: scale(1.09);
  }
  .share_wrap .center{
    transform: scale(1.13);
  }
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .index_wrap .center{
    transform: scale(1.09);
  }
  .share_wrap .center{
    transform: scale(1.13);
  }
}

.loading_wrap{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.loading_wrap .center{
  position: relative;
}
.loading_img{
  width: 1.73rem;
  height: 2.31rem;
  margin:0 auto .28rem;
  position: relative;
}
.loading_bg{
  width: 6.27rem;
  height: 6.3rem;
  background: url(https://dunhuang-1258263871.file.myqcloud.com/h5/images/loading_img.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -2.25rem;
  top: -2.27rem;
  animation: loading 2s infinite ease;
}
.loading_bg.pause{
  animation:none;
}
.loading_wrap span{
  text-align: center;
  display: block;
}
@-webkit-keyframes loading{
  0%{
    opacity: 1;
  }
  50%{
    opacity: .7;
  }
  100%{
    opacity: 1;
  }
}
.popup{display:none;font-size: .28rem;position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%); padding: .2rem .5rem; background: rgba(0,0,0,.7);border-radius: .03rem; color: #ffffff; z-index: 9999999;}

/* video兼容 */
.video_bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}