html,body{
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
body *{
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling : touch;
}
body{
    background-color: #fff1df;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
.box-li{
    width: 100%;
    height: 100%;
    background-image: url(../images/load-bg.jpg);
    background-color: #000632;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0
}
/*加载*/
.box-load{
    background-image: url(../images/load-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.loadBar{
    width: 11rem;
    height: 9.85rem;
    background-image: url(../images/load-bar.png);
    background-repeat: no-repeat;
    background-size: 11rem 9.85rem;
    position: absolute;
    left: 50%;
    margin-left: -5.5rem;
    top: 50%;
    margin-top: -4.925rem;
}
.loadBar span{
    width: 3.55rem;
    height: 4.35rem;
    background-image: url(../images/load-icon.png);
    background-repeat: no-repeat;
    background-size: 3.55rem 4.35rem;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -1.775rem;
    margin-top: -1.675rem;
}

.load-txt{
    width: 5rem;
    font-style: normal;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.5rem;
    color: #14dcff;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top:100%;
}

/*首页*/
.home-li,.flex-li{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content: center;
    align-items: center;
}
.home-li{
    background-size: 100% 100%;
    overflow: auto;
}
.home-mess{
    width: 100%;
    margin-top: 1rem;
}
.home-tle{
    padding: 2.575rem 0;
    height: 9rem;
    width: 100%;
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
}
.home-tle::before{
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/home-bg.png);
    background-size: 14.5rem 14.55rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0
}
.home-tle span{
    display: block;
    position: absolute;
    width: 3.55rem;
    height: 4.35rem;
    background-image: url(../images/load-icon.png);
    background-repeat: no-repeat;
    background-size: 3.55rem 4.35rem;
}
.home-tle span:nth-child(2){
    width: 2.84rem;
    height: 3.48rem;
    background-size: 2.84rem 3.48rem;
    left: 3rem;
    top: 1rem
}
.home-tle span:nth-child(3){
    right: 2rem;
    bottom: 0.2rem
}
.home-tle span:nth-child(4){
    width: 1.45rem;
    height: 1.74rem;
    background-size: 1.45rem 1.74rem;
    right: 3.8rem;
    top: 2.5rem
}
.home-tle img{
    width: 100%;
}
.home-map{
    margin-left: 3.875rem;
    width: 11rem;
    height: 14.05rem;
    background-image: url(../images/home-map.png);
    background-repeat: no-repeat;
    background-size: 11rem 14.05rem;
    position: relative;
}
.home-map span{
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    position: absolute;
    left: 7.8rem;
    top: 6rem
}
.home-map span::before{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-bg.png);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
    position: absolute;
    left: 0;
    top: 0
}
.home-map span::after{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-txt.png);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
    position: absolute;
    left: -0.1rem;
    top: -0.1rem
}
.home-star{
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    position: absolute;
    background-image: url(../images/w);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
}
.home-star{
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    background-image: url(../images/wjx.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    left: 7rem;
    top: 2.8rem
}
.home-btn{
    /* margin-left: 3.4rem; */
    width: 11.95rem;
    height: 4.5rem;
    position: absolute;
    bottom: 0;
    left: -0.475rem;
}

.home-li-ximg,.home-li-tit2,.home-li-foottit,.home-li-footbtn{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 4.65rem;
}
.home-btm{
    padding: 0.5rem 0 0 0;
    height: 1rem;
    width: 100%;
    line-height: 1rem;
    font-size: 0.6rem;
    color: #fff;
    text-align: center;
    /* position: absolute;
    left: 0;
    bottom: 0.5rem; */
}
.home-btm img{
    height: 1rem;
}
/*文章*/
.art-li{
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
 }
 .swiper-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
 }
 .swiper-wrapper{
    height: 100%;
 }
.swiper-slide{
    /* margin-right:1px;  */
    height: 100%;
    width: 100%;
    background-image: url(../images/mess-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    position: relative;
    padding: 1rem;
}
.swiper-button-next,.swiper-button-prev{
    width: 2.25rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-image: url(../images/page-btn.png);
    background-size: 2.25rem 10rem;
    outline: none;
}
.swiper-button-next{
    background-position: 0 -5rem;
    right: -0.3em;
}
.swiper-button-prev{
    background-position: 0 0;
    left: -0.3rem;
}

.swiper-slide p{
    padding: 2rem 0 0 0;
    line-height: 1.3rem;
    font-size: 0.72rem;
    color: #fff;
    /* text-indent: 2em; */
    word-wrap: break-word;
    word-break: break-all;
    text-align: justify;
}
.swiper-slide img{
    max-width: 100%
}
.art-btn{
    width: 100%;
    height: 5rem;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0
}

.art-btn a{
    display: inline-block;
    width: 11.95rem;
    height: 4.5rem;
    line-height: 4.25rem;
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-size: 11.95rem 4.5rem;
    color: #fff;
    font-size: 0.4rem;
    color: #fff;
    text-align: center
}


/*地图*/
.map-li{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content: center;
    align-items: center;
    background-image: url(../images/load-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.map-Div{
    width: 100%;
    height: 17.5rem;
    overflow: hidden;
    position: relative;
}
.map-Div ul{
    width: 100%;
    height: 18rem;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}
.map-Div ul.Ac{
    transition: left 30s linear;
    -webkit-transition: left 30s linear;
}
.map-Div li{
    height: 17.5rem;
    width: 30rem;
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-size: 30rem 17.5rem;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}
.map-Div li span{
    display: block;
    position: absolute;
    opacity: 0.9;
    width: 2.25rem;
    height: 2.25rem;
}
.map-Div li span.Ac{
    opacity: 1;
}
.map-Div li span::before{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-bg.png);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0
}
.map-Div li span::after{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-txt.png);
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    background-position: center center;
    position: absolute;
    left: -0.1rem;
    top: -0.1rem
}

/*加拿大*/
.canada{
    left: 6rem;
    top:5rem
}
.usa{
    left: 5rem;
    top: 7rem
}
.mexico{
    left: 5.75rem;
    top: 9rem
}
.argentina{
    left: 8rem;
    top: 13.7rem
}
.brazil{
    left:9.375rem;
    top: 11.875rem
}
.columbia{
    left: 7.375rem;
    top: 10.125rem
}
.venezuela{
    left: 7.625rem;
    top: 9.625rem
}
.australia{
    left: 23.875rem;
    top: 13rem
}
.japan{
    left: 24.7rem;
    top: 6.725rem
}
/*印度尼西亚*/
.nesia{
    left: 23.025rem;
    top: 11.025rem
}
/*菲律宾*/
.philip{
    left: 23.75rem;
    top: 9.25rem
}
/*泰国*/
.taiiland{
    left: 20.9rem;
    top: 8rem
}
/*新加坡*/
.singapore{
    left: 22.75rem;
    top: 10.225rem
}
.india{
    left: 20rem;
    top: 8.25rem
}
/*缅甸*/
.burma{
    left: 21.25rem;
    top: 8.375rem
}

/*巴布亚新几内亚*/
.papua{
    left: 26.375rem;
    top: 11.2rem
}
/*沙特阿拉伯*/
.arabia{
    left: 17rem;
    top: 8.25rem;
}
.iran{
    left: 17rem;
    top: 8.25rem; 
}

/*哈萨克斯坦*/
.kazak{
    left: 19rem;
    top: 5.5rem; 
}
/*俄罗斯*/
.russa{
    left: 17.75rem;
    top: 4rem
}
.britain{
    left:13rem;
    top: 5.125rem
}
.france{
    left:13.5rem;
    top: 6.125rem
}
/*乌克兰*/
.ukraine{
    left: 16.125rem;
    top: 5.525rem
}
/*瑞典*/
.sweden{
    left: 14.4rem;
    top: 4rem
}
/*南非*/
.sAfrica{
    left: 15.5rem;
    top: 12.9rem
}
/*津巴布韦*/
.zimbabwe{
    left: 16rem;
    top: 12rem
}
/*赞比亚*/
.zambia{
    left: 15.5rem;
    top: 11.65rem
}
/*刚果*/
.congo{
    left: 15.5rem; 
    top: 10.625rem
}
/*乍得*/
.chad{
    left: 14.75rem;
    top: 9rem
}
/*利比亚*/
.libya{
    left: 14.875rem;
    top: 7.875rem;
}
/*中国*/
.hlj{
    left: 23.3rem;
    top: 5.475rem; 
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
}
.jil{
    left: 23.15rem;
    top: 5.675rem; 
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
}
.liaol{
    left: 22.95rem;
    top: 5.81rem; 
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
}
.beijing{
    left: 22.5rem;
    top: 6.25rem; 
    opacity: 1 !important;    
}
.shand{
    left: 23rem;
    top: 6.675rem;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
}
.jiangs{
    left: 23.25rem;
    top: 7.125rem;  
    transform: scale(0.1); 
    -webkit-transform: scale(0.1); 
}
.zhej{
    left: 23rem;
    top: 7.475rem;  
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
}
.jiangx{
    left: 22.6rem;
    top: 7.625rem;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
}
.hub{
    left: 22.45rem;
    top: 7.375rem;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
}
.guangx{
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    left: 22rem;
    top: 8.125rem
}
.hongk{
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    left: 22.25rem;
    top: 8.275rem
}
.guangd{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 22.5rem;
    top: 8.075rem
}
.yunn{
    transform: scale(0.2);
    left: 21.35rem;
    top: 7.875rem
}
.guiz{
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    left: 21.95rem;
    top: 7.725rem
}
.sic{
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    left: 21.5rem;
    top: 7.275rem
}
.xiz{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 20.25rem;
    top: 7.275rem
}
.qinh{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 21.15rem;
    top: 6.825rem
}
.xinj{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 20.1rem;
    top: 6.35rem
}
.gansu{
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    left: 21.55rem;
    top: 6.775rem
}
.neimg{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 22.05rem;
    top: 6.25rem
}
.shanx{
    transform: scale(0.1);
    left: 21.55rem;
    top: 6.775rem
}
.hen{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 22.1rem;
    top: 6.75rem
}
.hain{
    transform: scale(0.3);
    left: 22.35rem;
    top: 8.625rem
}
.taiw{
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    left: 23.5rem;
    top: 8.175rem
}
.fuj{
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.95 !important;
    left: 23rem;
    top: 7.875rem
}
.map-btm{
    margin-top: 2rem;
    /* margin: 0 0 0 2.375rem; */
    width: 12.5rem;
    padding: 0 0 0 2rem;
    position: relative;
    background-image: url(../images/map-btn-bg.png);
    background-repeat: no-repeat;
    background-size: 12.5rem 5.25rem;
    background-position: 0 top;
}
.map-btm h3{
    padding: 0 0 0 1rem;
    height: 2.25rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
    color: #0071ff;
    font-weight: bold;
}
.map-btm h3 span{
    padding: 0 0.1rem;
    color: #fff;
    font-size: 0.8rem;
}
.map-send{
    display: block;
    width: 13rem;
    height: 4.625rem;
    line-height: 4.25rem;
    background-image: url(../images/map-send.png);
    background-repeat: no-repeat;
    background-size: 13rem 4.625rem;
    color: #fff;
    font-size: 0.4rem;
    color: #fff;
    text-align: center;
    margin-top: -1.05rem;
}
.map-creat{
    display: block;
    width: 13rem;
    height: 4.625rem;
    line-height: 4.25rem;
    background-image: url(../images/map-creat.png);
    background-repeat: no-repeat;
    background-size: 13rem 4.625rem;
    color: #fff;
    font-size: 0.4rem;
    color: #fff;
    text-align: center;
    display: none;
    margin-top: -1.55rem;
    margin-left: -1.05rem;
}
.map-btm .Ac{
    background-image: url(../images/creating.png);
}

.say-li{
    padding: 3.75rem 1rem 0.5rem 0.8rem;
    width: 1.425rem;
    height: 6.5rem;
    color: #fff;
    z-index: 1000;
    background-image: url(../images/say-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 100%
}
.say-li span{
    display: block;
    width: 1.4rem;
    height: 6.5rem;
    overflow: hidden;
    writing-mode:tb-rl;
    display: flex;
    flex-flow:column; 
    flex-wrap: wrap-reverse;
    line-height: 0.75rem;
    font-size: 0.6rem;
}
.say-ul .say-li:nth-child(1){
    left: 10%;
}
.say-ul .say-li:nth-child(4){
    left: 7%;
}
.say-ul .say-li:nth-child(7){
    left: 12%;
}
.say-ul .say-li:nth-child(10){
    left: 9%;
}
.say-ul .say-li:nth-child(2){
    left: 45%;
}
.say-ul .say-li:nth-child(5){
    left: 49%;
}
.say-ul .say-li:nth-child(8){
    left: 40%;
}
.say-ul .say-li:nth-child(10){
    left: 52%;
}

.say-ul .say-li:nth-child(3){
    left: 70%;
}
.say-ul .say-li:nth-child(6){
    left: 76%;
}
.say-ul .say-li:nth-child(9){
    left: 80%;
}
.say-ul .say-li:nth-child(12){
    left: 75%;
}

/*结果*/
.result-li{
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content: center;
    align-items: center;
    background-image: url(../images/cvs-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.result-user{
    padding: 0.5rem 1rem 0.5rem 3.2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9rem;
    color: #fff;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem
}
.result-user span{
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}
.result-user span img{
    width: 3rem;
    height: 3rem;
}
.usernull{
    padding: 0.5rem 0.2rem;
    display: none;
}
.usernull span{
    display: none;
}

.result-msg{
    width: 100%;
    text-align: center;
}
.result-msg span{
    display: inline-block;
    text-align: left
}
.result-msg h3{
    height: 3.9rem;
    text-align: center;
}
.result-msg h3 span{
    padding: 0 0 0 6.5rem;
    /* min-width: 6.8rem; */
    height: 3.9rem;
    overflow: hidden;
    line-height: 3.8rem;
    background-image: url(../images/num-prev.png);
    background-repeat: no-repeat;
    background-size: 13.3rem 3.9rem;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold
}
.result-msg p{
    text-align: center;
}
.result-msg p span{
    height: 1.5rem;
    line-height: 1rem;
    font-size: 1.2rem;
    padding: 0 0 0 1.5rem;
    background-image: url(../images/area-prev.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position:0 center; 
    color: #fff;
}
.msg-img{
    width: 11.5rem;
}
.code-div{
    padding: 1.6rem 4.2rem 0 0;
    position: absolute;
    right: 1.5rem;
    bottom: 2.5rem
}
.code-div img{
    width: 4rem;
    height: 4rem;
    position: absolute;
    right: 0;
    bottom: 0
}
.code-div p{
    height: 1rem;
    line-height: 1rem;
    text-shadow:0 0 2.5rem #000;
    color: #fff;
    font-size: 0.72rem;
    text-align: right
}
.poster-li{
    width: 100%;
    height: 100%;
    box-shadow: 0 0 1.5rem #01215a;
    box-sizing: border-box;
    padding: 1.2rem 0 5.5rem 0;
    position: relative;
}
.poster-div{
    margin: 0 1.5rem;
    height: 100%;
    box-shadow: 0 0 1.5rem #01215a;
    overflow: auto;
}
.poster-div img{
    width: 100%;
    max-width: 100%;
    /* height: 100%; */
}
.result-foot{
    padding: 1.75rem 0 0 0;
    height: 3.5rem;
    width: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0
}
.result-foot a{
    display: inline-block;
    height: 3.7rem;
    min-width: 7.88rem;
    background-repeat: no-repeat;
    background-size: 5.85rem 2.3rem;
    color: #f8b90d;
    text-align: center;
}
.result-foot a:nth-child(2){
    background-image:url(../images/back-btn.png);
    background-size: 7.88rem 3.7rem;
}
.result-foot a:nth-child(3){
    background-image:url(../images/share-btn.png);
    background-size: 7.88rem 3.7rem;
}
.result-tip{
    height: 2rem;
    line-height: 2rem;
    font-size: 0.86rem;
    line-height: 2rem;
    text-align: center;
    color: #586bff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.result-tip span{
    display: inline-block;
    position: relative
}
.result-tip span::before{
    height: 2px;
    width: 0.5rem;
    content: '';
    background-color: #586bff;
    position: absolute;
    left: -0.5rem;
    top: 50%;
    margin-top: -1px;
}
.result-tip span::after{
    height: 2px;
    width: 0.5rem;
    content: '';
    background-color: #586bff;
    position: absolute;
    right:-0.5rem;
    top: 50%;
    margin-top: -1px;
}
.flying{
    display: none;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 9999;
    position: fixed;
    left: 80%;
    top: 85%
    /* right: 2.5rem;
    bottom: 3rem */
}
.flying::before{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-bg.png);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
    position: absolute;
    left: 0;
    top: 0
}
.flying::after{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url(../images/light-txt.png);
    background-repeat: no-repeat;
    background-size: 2.25rem 2.25rem;
    position: absolute;
    left: -0.1rem;
    top: -0.1rem
}
/*生成图片*/
.canvas{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8; 
}
/*分享*/
.share{
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1200;
    display: none;
    position: fixed;
    left: 0;
    top: 0
}
.share img{
    width: 11.5rem;
    position: absolute;
    right: 0;
    top: 0
}
.iAc,.show{
    display: block;
}
.guide{
    position: absolute;
    left: 5px;
    bottom: 7rem;
    width: 5rem;
    height: 5rem;
    background: url(../images/guide.png) no-repeat;
    background-size: 100%;
}
/*弹窗提示*/
.winTime{
    width: 100%;
    display: none;
    min-height: 2.5rem;
    position: fixed;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -1.2rem;
    z-index: 1000;
}
.winTime span{
    display: inline-block;
    border-radius: 10px;
    background-color: rgba(0, 0, 0,0.85);
    box-shadow: 0 0 10px rgba(255, 255, 255,0.5);
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.8rem;
    color: #fff;
}
/*弹窗*/
.Mask{
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 99;
    display: none;
    position: fixed;
}
.win{
    width: 16.95rem;
    height: 14.4rem;
    padding: 1.5rem;
    box-sizing: border-box;
    display: none;
    background-image: url(../images/win-bg.png);
    background-repeat: no-repeat;
    background-size: 16.95rem 14.4rem;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.winMess{
    height: 11.4rem;
    overflow:hidden;
}
.winMess p{
    line-height: 1.1rem;
    font-size: 0.8rem;
    color: #fff;
    text-align: justify;
}
.winCls{
    width: 1.7rem;
    height: 1.725rem;
    position: absolute;
    bottom: -1.5rem;
    cursor: pointer;
    left: 50%;
    margin-left: -0.85rem;
    z-index: 10;
}
.shareMask{
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url(../images/share-mask.png);
    background-repeat: no-repeat;
    background-size: 9.75rem 9.66rem;
    display: none;
    width: 100%;
    height: 100%;
    background-position: right top;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
}
.formLi{
    padding: 0.7rem 0 0.3rem 2.8rem;
    height: 1.5rem;
    /* overflow: hidden; */
    position: relative;
}
.formLi b{
    display: block;
    width: 2.8rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.76rem;
    color: #fff;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0.7rem
}
.formLi span{
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    background-image: url(../images/inp-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.1rem 0.5rem;
    color: #1461df;
    font-size: 0.72rem;
    vertical-align: middle;
    position: relative;
}
.formLi span input{
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.72rem;
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
    color: #1461df;
}
.formBtn{
    padding: 0.2rem 0;
    height: 4.1rem;
    text-align: center
}
.formBtn a,.formBtn span,.formBtn img{
    width: 10.75rem;
    height: 4.1rem;
    display: inline-block;
    background-image: url(../images/win-btn.png);
    background-repeat: no-repeat;
    background-size: 10.75rem 4.1rem;
    cursor: pointer;
}

input::-webkit-input-placeholder {
	color: #1461df;
}

.slt-btn,.word-btn::before{
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    background-image: url(../images/slt-btn.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    position: absolute;
    right: 0;
    top: 0
}
.word-btn::before{
    /* content: ''; */
}
.slt-up,.word-btn.Ac::before{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.slt-Box{
    display: none;
    width: 100%;
    max-height: 6rem;
    background-color: rgba(1, 33, 90, 0.9);/* #01215a */;
    overflow: auto;
    position: fixed;
    z-index: 1000;
}
.slt-Box h3{
    padding: 0 0.5rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.72rem;
    /* border-bottom: 1px solid #1ca9ee; */
    color: #025b99;
}
.slt-Box p{
    padding: 0 0.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.72rem;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
    /* border-bottom: 1px solid #1ca9ee; */
    color: #1461df;
}
.slt-Box p.Ac{
    color: #fff;
}
.word-btn{
    height: 1.5rem;
    line-height: 1.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
}
/*切页动画*/
@-webkit-keyframes next {
	0% {
        
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes next {
	0% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
.next{
    -webkit-animation-name:next;
    animation-name:next;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
}
@-webkit-keyframes prev {
	0% {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes prev {
	0% {
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.prev{
    -webkit-animation-name:prev;
    animation-name:prev;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
}
/*漂浮*/
@-webkit-keyframes flee {
    0%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    25% {
      -webkit-transform: translateY(-20%);
      transform: translateY(-20%);
    }
    50%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
      -webkit-transform: translateY(-15%);
      transform: translateY(-15%);
    }
    100%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*星星*/
@-webkit-keyframes star {
    0%{
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    25% {
      -webkit-transform: scale(2.5);
      transform: scale(2.5);
    }
    50%{
        -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
    75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
    100%{
        -webkit-transform: scale(1);
      transform: scale(1);
    }
}
/*缩小*/
@-webkit-keyframes small {
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(0.05);
        transform: scale(0.05);
        opacity: 0;
    }
}
.small{
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: small;
    animation-name: small;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s;
}
/*飞*/
@-webkit-keyframes fly {
    0%{
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }
}
.fly{
    /* -webkit-animation-timing-function: linear;
    animation-timing-function: linear; */
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name: fly;
    animation-name: fly;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:3s;
    animation-duration:3s;
}
.flyAc{
    display: block;
    transition: all 3s;
    -moz-transition: all 3s;
    -webkit-transition: all 3s;
    -o-transition:all 3s;
}
/*灯*/
.sayAc{
    transition: top 22s ease-in;
    -moz-transition: top 22s ease-in;
    -webkit-transition: top 22s ease-in;
    -o-transition:top 22s ease-in;
}
@-webkit-keyframes  piao{
    0%{

    }
    100%{
        top: -10.75rem;
    }
}
.piao{
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: piao;
    animation-name: piao;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:9s;
    animation-duration:9s;
}
/*左右要饭*/
.iAc .swing {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:3s;
    animation-duration:3s;
}
.iAc .sex-ul a:nth-child(2) .swing{
    -webkit-animation-duration:3.5s;
    animation-duration:3.5s;
}
.iAc .flee{
    -webkit-animation-name: flee;
    animation-name: flee;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:5s;
    animation-duration:5s;
}

.iAc .bounceInDown,.iAc .fadeInRight,.iAc .fadeInLeft,.iAc .zoomIn,.iAc .fadeInUp,.iAc .fadeIn{
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.bounceInDown,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeInUp,.zoomIn{
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
}
.home-li .fadeIn{
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
}
.pulse{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
}
.result-foot a:nth-child(3),.btnCvs{
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.star::before,.map-Div li span.Ac::before,.flying::before{
    -webkit-animation-name: star;
    animation-name: star;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration:3s;
    animation-duration:3s;
}

