body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
input{line-height:normal!important;}
}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}


.g-doc{width:6.4rem;margin:0px auto;position: relative;background-color: #2b2b2b;}

@media only screen and (min-width: 1025px){.g-doc{max-width:320px;}}



.swipe,.p_btn{display: none;}
.g-doc.show .swipe,.g-doc.show .p_btn{
  display: block;}
.g-doc.show .loading{display: none;}

/*color*/
.yellow{color: #e5a645}
.blue{color: #6dbbe6}
.gray{color: #bbb}
.deep-gray{color: #787878}
.red{color: #ff746b}
.white{color: #fff;}

/*字号*/
.fz38{font-size: 0.38rem;}
.fz40{font-size: 0.38rem;}
/*bg*/
.bg-blue{background-color: #6dbbe6;}
.bg-yellow{background-color: #e5a645;}

/*布局*/
.hide{display: none;}
.vmid{position: relative;top:50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);text-align: center;}
.p-tit img{text-align: center;}
.p-con{color: #fff;}
.p-block{font-size: 0.3rem;opacity: 0;}
.p-block .number{height: 0.52rem;line-height: 0.52rem;}
.p-block em{font-size: 0.4rem;}
.swipe,.g-doc,html, body,.swipe-wrap > section{height: 100%;width: 100%;overflow: hidden;}
.border{border:1px solid #3a3a3a;background-color: #313131;}
.p_btn{width:0.47rem;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/p_btn.png) center no-repeat;position: absolute;bottom: 0.3rem;left: 50%;margin-left: -0.24rem;z-index: 2;text-indent: -9999px;overflow: hidden;-webkit-background-size: 100% auto;
background-size: 100% auto;-webkit-animation: icon_ac 1s infinite ease-in-out;animation: icon_ac 1s infinite ease-in-out;}

.s-con{height: 100%;}
.section.show{position: relative;}
.s-pop{position: relative;  }
.s-pop .p-tit{ position: absolute;top:0;left: 0;z-index: -1;}
.s-pop .p-tit img{height:3.11rem; }
#JswipeS7.s-pop .p-tit img{height:3.03rem; }
.s-pop .swipe-inner-nav{width: 4.42rem;overflow: hidden;padding-top: 2.6rem;margin: 0 auto;}
.s-pop .swipe-inner-nav li{width:0.94rem;height: 0.94rem; float: left;color: #000;margin: 0.2rem 0.22rem 0 0; text-align: center;line-height: 0.35rem;font-size: 0.24rem;overflow: hidden;border-radius: 5px;}
.s-pop .s-inner-btn{border-radius: 5px;opacity: 0;height: 100%;line-height: 0.94rem;}
.s-pop .swipe-inner-nav li:nth-child(4n){margin-right: 0;}

.s-pop .swipe-inner-nav li:nth-child(1) .s-inner-btn{
  background-color: rgba(255,255,255,1);
}
.s-pop .swipe-inner-nav li:nth-child(2) .s-inner-btn{
  background-color: rgba(222,222,222,1);
}
.s-pop .swipe-inner-nav li:nth-child(3) .s-inner-btn{
  background-color: rgba(200,200,200,1);
}
.s-pop .swipe-inner-nav li:nth-child(4) .s-inner-btn{
  background-color: rgba(178,178,178,1);
}
.s-pop .swipe-inner-nav li:nth-child(5) .s-inner-btn{
  background-color: rgba(156,156,156,1);
}
.s-pop .swipe-inner-nav li:nth-child(6) .s-inner-btn{
  background-color: rgba(134,134,134,1);
}
.s-pop .swipe-inner-nav li:nth-child(7) .s-inner-btn{
  background-color: rgba(112,112,112,1);
}
.s-pop .swipe-inner-nav li:nth-child(8) .s-inner-btn{
  background-color: rgba(90,90,90,1);
}
.s-pop .swipe-inner-nav li.current .s-inner-btn{background-color: #f2ae46; color: #fff;}
.s-pop .swipe-inner{width: 5.54rem;margin: 0.3rem auto 0;position: relative;overflow: hidden;opacity: 0;}
.swipe-btn{width: 0.32rem;height:0.6rem; position: absolute;top:50%;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_sp_btn.png) center no-repeat;-webkit-background-size: cover;background-size: cover;margin-top: -0.16rem;}
.swipe-btn:active,.swipe-btn:visited{background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_sp_btn_focus.png) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.swipe-btn.prev{-webkit-transform: rotate(180deg);transform: rotate(180deg);left: 0;}
.swipe-btn.next{right: 0;}

.s-pop .s-i-con{width: 4.4rem;margin: 0 auto;}
.s-pop .s-i-con p{font-size: 0.2rem;line-height: 0.44rem;}
.s-pop .s-i-con p.white{text-indent: 0.4rem;}
.s-pop .s-i-con p >img{width: 4.4rem;height: 2.9rem;margin-bottom: 0.18rem;display: block;}
/*视频*/
.video-box{width: 4.4rem;position:relative;}

.video-box:before{content:"";display: block;width: 0.6rem;height: 0.6rem;position: absolute;top:50%;left: 50%;margin: -0.3rem 0 0 -0.3rem;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_p_video.png) center no-repeat;-webkit-background-size: 0.59rem auto;
background-size: 0.59rem auto;}
.video-pop{display: none;width:100%;position: fixed;top: 0;left: 0;}
.video-pop .video{position: relative;}
.video-pop .v-close{width: 0.6rem;height: 0.6rem;position: absolute;left: 50%;bottom:-0.8rem;overflow: hidden;z-index: 100;margin-left: -0.3rem;}
.video-pop .v-close:before,.video-pop .v-close:after{content:"";display: block;float:left;width: .3rem;height: .3rem;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_sp_btn.png) center no-repeat;background-size:cover; -webkit-background-size:cover;}
.video-pop .v-close:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.video-pop .v-close:before{    margin-right: -0.03rem;}
.video-mark{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color:rgba(0,0,0,0.8);display: none;}
/*loading*/
.loading{width:0.56rem; position: absolute;top:50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);}
.loading > .i-loading{/* width: 0.56rem; height:0.57rem;display: block;position: relative; */position: relative;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
.loading > .i-loading > i{-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #ffbe5a;
    border-radius:100%;-webkit-animation: i_loading 1s 0s linear infinite;
            animation: i_loading 1s 0s linear infinite; }
/*.loading > .i-loading i:nth-child(1){
 -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; 
}*/
.loading > .i-loading i:nth-child(2){-webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; 
}
.loading > .i-loading i:nth-child(3){-webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

.loading>p{width: 100%;font-size: 0.26rem;text-align: center; color: #fff;padding-top: 0.2rem;}
/*cover*/
.section.s1{background:#000;position: relative;}
.p-cover{width: 100%;height: 100%;-webkit-background-size: cover;background-size: cover;-webkit-animation: p_cover 2s cubic-bezier(0, 0.72, 0.68, 0.96) both;animation: p_cover 2s cubic-bezier(0, 0.72, 0.68, 0.96) both;position: absolute;top: 0;left: 0;}
.p-c-tit{width: 5.87rem;margin: 0 auto;text-align: center;}
.p-c-tit img{width: 3.44rem;}
.p-c-tit p{color: #fff;font-size: 0.26rem;padding-top: 0.3rem;}
.p-c-con{height: 100%;position: relative;z-index: 3;-webkit-animation: p_c_con 3s cubic-bezier(0, 0.72, 0.68, 0.96) both;animation: p_c_con 3s cubic-bezier(0, 0.72, 0.68, 0.96) both;}
.p-c-con>.vmid>p:last-child{width: 4.70rem; line-height: .42rem;color: #c9c9c9;font-size: 0.2rem;text-align: center;margin: 0 auto;}
.p-c-con>.vmid>p:last-child i{ display: inline-block;padding-left: 0.21rem;padding-right: 0.3rem;background:url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_star.png) 0 center no-repeat; -webkit-background-size:0.14rem auto ;
background-size:0.14rem auto ;}
.p-c-con>.vmid>p:last-child i:nth-child(3n){padding-right: 0;}
.p-c-con>.vmid>p.tit{line-height: 0.64rem; font-size: 0.3rem;color: #c9c9c9;text-align: center;padding-top: 1rem;}
.p-icon-3{width: 1.89rem;position: absolute;top: 0.4rem;left: 0.4rem; opacity: 0;}
.p-icon-2{width: 0.16rem;position: absolute;top: 0.28rem;right: 0.28rem;}
.p-icon-1{width: 0.14rem;position: absolute;bottom: 0.30rem;left: 0.35rem;}

/*page1*/
.section.s2 .border{width: 4.26rem;margin: 0 auto;padding: 0 0 .4rem; opacity: 0;}
.section.s2 .p-block{padding-top: 0.4rem;}
.section.s2 .p-block em{font-size: 0.4rem;}
.section.s2 .p-tit{margin-bottom: 0.74rem;}
.section.s2 .p-tit img{width: 3.48rem;}

/*page2*/
.section.s3 .p-tip{line-height:0.42rem; padding-bottom: 0.8rem;width:5.87rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 0 auto;font-size: 0.24rem;}
.section.s3 ins{height:0.46rem; width: 1px;background-color: #3a3a3a;display: inline-block;}

/*page3*/
.section.s4 .p-tit img{width: 3.43rem;}
.s4 .p-con{width:4.4rem;height: 4.85rem;position: relative;margin: 0.56rem auto 0;}
.p-svg{overflow: hidden;opacity: 0;}
.p-svg:first-child{width: 1.60rem;height: 1.60rem; position: absolute;left:0.3rem;top:0;}
.p-svg:nth-child(2){width: 1.40rem;height: 1.40rem;position: absolute;right: 0.3rem;top:0.7rem;}
.p-svg:last-child{width: 2.06rem;height: 2.06rem;position: absolute;left:0.8rem;top:1.7rem;}
.p-svg .p-txt{width: 0.86rem;height: 0.86rem; position: absolute;top:50%;left: 50%;margin: -0.43rem 0 0 -0.43rem;font-size: 0.3rem;line-height: 0.4rem;opacity: 0;}
.p-svg .p-txt em{display: block;}
.enter .progressCircle {
    transition: stroke-dasharray 1s linear 0.2s;
    -webkit-transition: stroke-dasharray 1s linear 0.2s;
  }
/*page4*/
.section.s5 .p-block{padding-bottom: 0.4rem;}
/*page5 , page6*/
.s6 .s-con .p-tit > img{height: 2.84rem}
.s6 .s-con .p-tit{position: relative;}
.s6 .s-con .p-tit > .gray{line-height: 0.42rem;position: absolute;left: 1rem;top:1.95rem;font-size: 0.2rem;}
.s6 .p-con{width: 4.42rem;margin: 0 auto;padding-top: 0.04rem;}
.s6 .p-con li{height: 0.34rem;padding-top: 0.16rem;vertical-align: top;position: relative;line-height: 0.34rem;font-size: 0.2rem;opacity: 0;}
.s6 .p-con li span,.s6 .p-con li .p-bar{float: left;overflow: hidden;}
.s6 .p-con li span{width: 0.54rem;}
.s6 .p-con li ins{height: 0.34rem;line-height: 0.34rem;color: #fff;text-decoration: none;position: absolute;top:0.16rem;right: 0;line-height: 0.34rem;opacity: 0;}
.s6 .p-con li .p-bar{width:3.88rem;height: 0.2rem;margin-top: 0.06rem; -webkit-transition: width 0.5s;transition: width 0.5s;border-radius: 0.2rem;}
.s6 .p-con li .p-bar p{height: 100%;border-radius: 0.2rem;opacity: 0;overflow: hidden;}
.s6 .p-con li .p-bar p i{height: 100%;float: right;border-radius: 0.2rem;}
.p-stars {width: 4.4rem;height: 0.3rem;font-size: 0.2rem;text-align: center;line-height: 0.3rem;margin:0 auto  0.3rem;}
.p-stars em{display: inline-block;vertical-align: middle;}
.p-stars em.p-stars-box{width: 1.86rem;height: 0.27rem;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_w_star.png) 0 0 repeat-x;-webkit-background-size: 0.4rem auto;
background-size: 0.4rem auto;}
.p-stars em.p-stars-box i{display: block;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_y_star.png) 0 0 repeat-x;-webkit-background-size: 0.4rem auto;
background-size: 0.4rem auto;height: 100%;}
.s-con .worse{padding-bottom: 0.2rem;}
.s-con .worse p{line-height: 0.36rem;height: 0.36rem;overflow: hidden;}
.s-con .worse p > ins{width: 0.42rem;height: 0.2rem;border-radius:0.2rem;display: inline-block; margin-right: 0.14rem;}
.s-con .worse .deep-gray{margin-left: 0.55rem;}

/*page 7*/
.s7 .p-tit{text-align: right;}
.s7 .p-tit img{height: 3.47rem;}
.s7 .p-con{width: 4.4rem; line-height: 0.42rem;margin: -0.36rem auto;opacity: 0;font-size: 0.2rem;}
.s7 .p-con .white{ text-indent: 0.4rem;}
.circle-btn{width: 2.22rem;height: 2.22rem;
line-height: 2.22rem;font-size: 0.34rem;text-align: center;display: block; margin: 0.3rem auto;background-color: #353535;border-radius: 50%;}
/*page8*/
.s8 .p-tit img{height: 0.8rem;}
.s8 .swipe-inner {width: 5.54rem; overflow: hidden;position: relative; margin: 0 auto;}
.s8 .r-s-inner{width:4.70rem; margin: 0 auto;padding: 0.37rem 0 0;}
.r-s-inner .name{line-height: 0.7rem; font-weight: bold; font-size: 0.36rem;text-align: center;}
.r-s-inner .h-line{width:0.26rem;height:0.05rem;display: block;margin: 0 auto 0.1rem;background-color: #8d8d8d; }
.r-s-inner .txt{line-height: 0.4rem;text-align: center;font-size: 0.2rem;}
.r-s-inner .pic{height: 3.27rem;margin: 0.13rem auto 0.5rem;}
.r-s-inner .bs-logo{width: 4.70rem; height: 0.98rem;margin: 0 auto;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around; text-align:center; }
.r-s-inner .bs-logo a{width: 0.98rem;height: 0.98rem;background: url(//www1.pconline.com.cn/zt/gz20170413/wap/XFBG/images/i_logo.png) 0 center no-repeat;-webkit-background-size: auto 0.98rem;background-size: auto 0.98rem;display: inline-block;text-indent: -9999px;overflow: hidden;}
.r-s-inner .bs-logo a.jdlogo{background-position: 0 0;}
.r-s-inner .bs-logo a.tmlogo{background-position: -1.22rem 0;}
.r-s-inner .bs-logo a.snlogo{background-position: right 0;}
.r-s-inner .bs-logo.hide a{display: none;}
/*page9*/
.p-tw{width: 4.72rem;margin: 0 auto;text-align: left;}
.p-tw p img{margin-bottom: 0.21rem;}
.s9 .p-con .white{ text-indent: 0.4rem;}
.s9 .p-con{line-height: 0.42rem;font-size: 0.2rem;}
/*action*/
.delay1s{-webkit-animation-delay: 1s; animation-delay: 1s; }
.delay0d5s{-webkit-animation-delay: 0.5s; animation-delay: 0.5s; }   
.delay1d3s{-webkit-animation-delay: 1.3s; animation-delay: 1.3s; }  
.delay0d1s{-webkit-animation-delay: 0.1s; animation-delay: 0.1s; }  
.delay1d5s{-webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay1d7s{-webkit-animation-delay: 1.7s; animation-delay: 1.7s; } 
.delay1d9s{-webkit-animation-delay: 1.9s; animation-delay: 1.9s; }  
.delay0d3s{-webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.delay0d7s{-webkit-animation-delay: 0.7s; animation-delay: 0.7s; } 
.delay0d9s{-webkit-animation-delay: 0.9s; animation-delay: 0.9s; } 
.delay1d1s{-webkit-animation-delay: 1.1s; animation-delay: 1.1s; }  
.delay2d1s{-webkit-animation-delay: 2.1s; animation-delay: 2.1s; }   
.enter .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.enter .animated0d5s {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.enter .infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.enter .linear
{-webkit-animation-timing-function:linear;animation-timing-function:linear;
}
.enter .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.enter .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.enter .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.show .sfadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.enter .zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
.enter .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.enter .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.enter .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.enter .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes i_loading{ 
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
}
 @-webkit-keyframes i_loading{ 
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
} 



@keyframes icon_ac{ 
  0%,30%{opacity:0;transform:translate(0,-0.2rem);-webkit-transform:translate(0,-0.2rem)} 
  60%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}  
  100%{opacity:0;transform:translate(0,0.2rem);-webkit-transform:translate(0,0.2rem)}
}
@-webkit-keyframes icon_ac{ 
  0%,30%{opacity:0;transform:translate(0,-0.2rem);-webkit-transform:translate(0,-0.2rem)} 
  60%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}  
  100%{opacity:0;transform:translate(0,0.2rem);-webkit-transform:translate(0,0.2rem)}
}

@keyframes p_cover{ 
  30%{opacity:1;} 
  100%{opacity:0.25;}
}
@-webkit-keyframes p_cover{ 
  30%{opacity:1;}
  100%{opacity:0.25;}
}

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

@keyframes p_2_con{ 
  0%{width:0;}  
  100%{}
}
@-webkit-keyframes p_2_con{ 
  0%{width:0;}
  100%{ width: 4.26rem}
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  100% {
    opacity: 1;
  }
}