@charset "utf-8";

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling: touch;}

body,html{margin:0;padding:0;height:100%;font-family:"lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#5f5f5f;position:relative}

h1,h2,h3,h4,h5,h6{font-weight:400}

body ::selection{color:#000;background-color:#fd0;text-shadow:none}

body ::-moz-selection{color:#000;background-color:#fd0;text-shadow:none}

a{transition:all .6s}

:active,:focus,:hover{outline:0!important}

::-webkit-scrollbar{width:0;height:12px;background-color:transparent}

::-webkit-scrollbar-track{background-color:#270532}

::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,.2);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,.2);background-color:#7600D0}

body{background: #f5f5f5;overflow-x: hidden}

button{border:none;border:none}

input{outline:0;text-indent:.5em}

input.orangeInput{background:#f7941d;color:#fff;padding:0 25px;border:none;text-indent:0}

a{color:#666;text-decoration:none;outline:0}

a:focus,a:hover{color:#23527c}

a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

img,input{border:0;max-width:100%;vertical-align:middle;margin:0; padding:0}

h3{font-size:1.6rem}

td,th{font-size:1.4rem}

.board a:focus,.board a:hover{text-decoration:underline}

button,dd,dl,dt,h1,h2,h3,h4,h5,li,p,ul{margin:0;padding:0;list-style:none}

.v-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.clear{clear:both}

.fL{float:left}

.fR{float:right}

.tR{text-align:right}

.h20{height:20px}

.h10{height:10px}

.red{color:#fe6760}

.grey{color:#999;padding-right:.5em}

.filter_grey{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}

.block{position:relative}

.seprarate:after{content:"|";color:rgba(0,0,0,.2);padding:0 8px}

.sep:after{content:"/\00a0";padding:0 .7em;color:#ccc;font-style:normal}

.center{text-align:center}

.center{text-align:center}

.h80{height:80px}

.h150{height:150px}

b.yellow{color:#47AFE0;padding: 0 6px}

b.blue{color:#3aacde;padding: 0 6px}

table{border-collapse:collapse}

input.text,select,textarea{line-height:38px;border:#dce1e4 1px solid;color:#7c8ea0;margin:0;padding:0;text-indent:0;padding:0 12px;border-radius:4px;transition:all .4s ease 0s;font-size:1.4rem;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Tahoma,Arial,STXihei,SimSun,"宋体",Heiti,"黑体",sans-serif}

input.text,select{height:38px}

option{line-height:38px;vertical-align:middle}

input.text:focus,textarea:focus{border:#bdc5c9 1px solid;color:#23527c;border-radius:20px}

.bg_dot{background-image:url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" ?><svg fill="rgba(255,255,255,0.2)" width="72" height="72" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><path d="M0,71.3V72h0.7l2.6-2.6l-0.7-0.7L0,71.3z M0,0v0.7l2.6,2.6l0.7-0.7L0.7,0H0z M38.6,32.6L36,35.3l-2.6-2.6 l-0.7,0.7l2.6,2.6l-2.6,2.6l0.7,0.7l2.6-2.6l2.6,2.6l0.7-0.7L36.7,36l2.6-2.6L38.6,32.6z M68.6,69.4l2.6,2.6H72v-0.7l-2.6-2.6 L68.6,69.4z M71.3,0l-2.6,2.6l0.7,0.7L72,0.7V0H71.3z"/></svg>')!important}

.w1100{position:relative;max-width:1100px;margin:0 auto}

.w640{position:relative;max-width:640px;margin:0 auto}

.fp-tableCell{display:block;position:relative}

.V{position:relative}

.V:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0}

@keyframes am_left{

from{background-position:0 0}

to{background-position:100% 0}

}

@keyframes am_right{

from{background-position:100% 0}

to{background-position:0 0}

}

@keyframes heart_beat{

  0%{transform: scale(.9)}

  50%{transform: scale(1.1)}

  100%{transform: scale(.9)}

  }

.jconfirm.jconfirm-se7en .jconfirm-bg{background:#000}

.jconfirm.jconfirm-se7en .jconfirm-box{padding:0;background: #fff;color:#5f5f5f;}

.jconfirm.jconfirm-se7en .jconfirm-box.loading:before{background:90 0}

.jconfirm.jconfirm-se7en .jconfirm-box.loading:after{border-bottom-color:#ff0}

.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-title-c{height:49px;padding-bottom:0;line-height: 46px;font-size: 16px;text-indent: 16px;background: #f5f5f5;border-bottom: #e0e0e0 1px solid;}

.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-content-pane{margin-bottom:0;font-size:14px;margin:16px 16px 6px 16px}

.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-buttons{height:56px;margin:0;padding:10px;text-align: center}

.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-buttons button{background: #47AFE0;color:#fff;padding: 0 16px;line-height: 34px;}

.jconfirm.jconfirm-se7en_small .jconfirm-bg{background:#fff}

.jconfirm.jconfirm-se7en .jconfirm-box div.jconfirm-closeIcon{top: 16px}

.ct2{position:relative}

.bg{position:relative}

/* .btn{position:absolute;top:1vw;left:14%;width:70%;animation:toggleSize .4s infinite} */

.hide{display: none}

.hidden{position:absolute;left:-100vw;top:-100vh}

.hidden img{width:1px;height:1px}

@keyframes toggleSize{

0%{transform:none}

50%{transform:scale(1.1)}

100%{transform:none}

}

.gx{

	position: fixed;

	z-index: 999;

	bottom: 0;

}

#page_one{width:100%;background-size:100% auto;padding-top: .5rem;}

#page_one .button{width:100vw;margin:0 auto;display: flex}

#page_one .button .single{position: relative;display: inline-block;width: 50%;flex-shrink: 0;padding: 0 10px;text-align: center}

#page_one .button .single.full{width:25rem;flex-shrink: 0;padding: 0 10px;text-align: center;margin: 0 auto}

#page_one .animate{position:absolute;width:calc(100% - 20px);height:100%;left:10px;top:-2px;animation:btn .6s infinite}

#page_one .animate.delay{animation-delay: .3s;}

#bottom{text-align:center;position:fixed;left:0;bottom:0;height:32px;line-height:32px;background:#242323;color:#999;width:100vw;font-size:12px;touch-action:none;display:none}



@keyframes btn{0%{top:-2px}50%{top:2px}100%{top:-2px}}

@keyframes moving{

0%{opacity:0;transform:scale(.3)}

30%{opacity:0;transform:scale(.3)}

50%{opacity:1;transform:scale(1)}

90%{opacity:1;transform:scale(1)}

100%{opacity:0;transform:scale(.3)}

}

@keyframes tan{

0%{opacity:1}

47%{opacity:1}

50%{opacity:0}

52%{opacity:1}

100%{opacity:1}

}

@keyframes star{

  0%{opacity:.2}

  50%{opacity:.7}

  100%{opacity:.2}

  }

  





@media screen and (device-height: 736px) {

    .ios_mask img {

        top: 8rem;

    }



    .ios_mask button {

        bottom: 0.6rem;

    }

}



@media screen and (device-height: 667px) {

    .ios_mask img {

        top: 8rem

    }



    .ios_mask button {

        bottom: 0.6rem;

    }

}





@keyframes iosWobble {

    0% {

        transform: rotate(0deg);

    }

    10% {

        transform: rotate(5deg);

    }

    20% {

        transform: rotate(10deg);

    }

    30% {

        transform: rotate(5deg);

    }

    40% {

        transform: rotate(0deg);

    }

    50% {

        transform: rotate(0deg);

    }

    60% {

        transform: rotate(0deg);

    }

    70% {

        transform: rotate(-5deg);

    }

    80% {

        transform: rotate(-10deg);

    }

    90% {

        transform: rotate(-5deg);

    }

    100% {

        transform: rotate(0deg);

    }

}

#duilian{

    position: fixed;

    display: none;

    z-index: 99999;

    background-color:rgba(0,0,0,.5);

    top: 0;

    left: 0;

    height: 100vh;

    padding-top: 24%;

    text-align: center;

}

#duilian .gif{

    width: 90%;

}

.anniu img{

    position: absolute;

    top: 10%;

    right: 0%;

}

@font-face {

  font-family: ttf1;

  src: url('./ttf/digifacewide.ttf');

}



@font-face {

  font-family: ttf2;

  src: url('./ttf/DS-DIGI-1.TTF');

}







.countDown {

  width: 100%;

  margin: 0 auto;

  display: flex;

}



.countDown p {

  font-family: ttf1 !important;

}



.countDown div {

  width: 50%;

  background: url(../images/biankuang.png) top center no-repeat;

  text-align: center;

  font-size: 14px;

  background-size: 96% auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 16vw;

}



.countDown div p:first-child {

  font-weight: bold;

  line-height: 14px;

  color: #EFDE92;

  font-size: 14px;

}



.countDown div p:last-child {

  font-weight: bold;

  color: #EFDE92;

  font-size: 18px;

}



.countDown div p:last-child span {

  vertical-align: middle;

  font-size: 16px;

  padding: 0 4px;

}