*{margin: 0;padding: 0;border: 0;list-style: none;}
img{display: block;width: 100%;}
a{text-decoration: none;}
.clear{clear: both;}
a,input, button,select{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}


body{width: 100%;font-family: "微软雅黑";-webkit-text-size-adjust: 100% !important;}
.wrap{position: relative;width: 100%; font-size: 1rem;-webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch; overflow: hidden; margin: 0 auto;}
.box{position: relative;width: 100%;height: auto;}

.code,.ico,.and_btn,.ios_btn,.slogan,.logo{display: block;position: absolute;  z-index: 2;}
.logo{ width: 50%; left: 4%; top: 0;}
.slogan{ width: 90%; left: 5%; top: -12%; -webkit-animation: swing 2.2s infinite; animation: swing 2.2s infinite;}
.code{ width: 82%; top: 6%; left: 9%; -webkit-animation:pulse 1.2s infinite alternate; -moz-animation:pulse 1.2s infinite alternate; -ms-animation:pulse 1.2s infinite alternate; animation:pulse 1.2s infinite alternate;}
.ico{ width: 35%; bottom: 4%; left: 2%;}
.and_btn{ width: 55%; top: 71%; right: 2%;}
.ios_btn{ width: 55%; top: 41%; right: 2%;}

.bottom{position: relative;width: 100%;height: 8rem;background-color: #000000;}
.bot_btn{display: block;width: 100%;text-align: center;font-size: 1.1rem;color: #ffffff;line-height: 2rem;}
.bot_bg{position: absolute;bottom: 1.5rem;left: 13.75%;width: 72.5%;}
.ghw,.pcl{position: absolute;top: 0;}
.ghw{left: 5%; width: 41.6%;}
.pcl{right: 5%; width: 42.6%;}



/*弹窗*/
.mask{ position: fixed; top: 0;bottom: 0;left: 0;right: 0; width: 100%;background-color: #000;opacity: 0.6;z-index: 99; display: none;}
.pop{ position: fixed; top: 0;left: 0;right: 0;bottom: 0; width: 92%; margin: auto;z-index: 100; height: 28rem; background:url("../images/pop.png") no-repeat; background-size:100% 100%; display: none;}
.close{position: absolute;top: 1rem;right: 4%;width: 10%;}
.pop_title{ width: 90%; line-height: 2rem; text-align: center; font-size: 1.9rem;color: #000000; margin: 4.5rem auto 2rem auto; font-weight: bold;}
.codebox{ width: 70%; height: 4rem; border: 1px #000000 solid; text-align: center; color: #000000; line-height: 4rem; margin: 0 auto 2rem auto; background: #ffffff; font-size: 1.7rem;}
.pop_text{ width: 80%; text-align: left; font-size: 1.5rem; line-height: 2.1rem; margin: 0 auto;}



/*禁止横屏*/
#orientLayer{display:none}@media screen and (min-aspect-ratio:13/8){#orientLayer{display:block}#loading{display:none}}.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}.mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}.mod-orient-layer__icon-orient{background-image:url('../images/xxx.png');display:inline-block;width:67px;height:109px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;-webkit-background-size:67px;background-size:67px}.mod-orient-layer__desc{margin-top:20px;font-size:15px;color:#fff}



@-webkit-keyframes swing {
    10% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    20% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    50%,to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    10% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    20% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    50%,to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}


@-webkit-keyframes pulse{
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    20% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    80% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    20% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
	

    80% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


@media screen and (max-width: 1200px) {
    .wrap {
         width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .wrap {
         width: 40%;
    }
	.pop{ width: 800px; height: 600px;
	}
	.pop_title{ width: 90%; line-height: 30px; text-align: center; font-size: 35px;color: #000000; margin: 100px auto 50px auto; font-weight: bold;}
	.codebox{ width: 70%; height: 70px; border: 1px #000000 solid; text-align: center; color: #000000; line-height: 70px; margin: 0 auto 40px auto; background: #ffffff; font-size: 35px;}
	.pop_text{ width: 80%; text-align: left; font-size: 35px; line-height: 50px; margin: 0 auto;}
	.close{position: absolute;top: 30px;right: 4%;width: 7%;}
	.bottom{position: relative;width: 100%;height: 5rem;background-color: #000000;}
}