@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{ margin:0px; padding:0px; font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.warp{ width: 100%; height: 100vh; background: url(../images/bg.png) center center no-repeat; position: relative; overflow: hidden; background-size:100% 100% ;}
.warpLeft{ float: left; position: absolute; left: 2.3rem; top: 50%; transform: translateY(-50%);}
.warpLeft .tit{ height: .8rem; padding-left: .95rem; background: url(../images/logo.png) left center no-repeat; font-size: .68rem; line-height: .8rem; background-size:auto 100%; color: #157ffe; font-weight: bold;}
.warpLeft h2{font-weight: bold; font-size: .38rem; color: #04e0dc; margin: .15rem 0 .7rem -.25rem;}
.warpLeft ul{ width: 2.02rem; position: relative;}
.warpLeft ul li{ background: url(../images/btn_1.png); margin-bottom: .15rem; width: 2.02rem; height: .95rem; background-size:100% 100%; color: #fff; text-align: center; line-height: .72rem;}
.warpLeft ul li a{ display: block; width: 100%; height: .75rem; text-align: center; line-height: .72rem; font-size: .32rem; color: #fff;}
.warpLeft ul li:nth-child(2){ background: url(../images/btn_2.png); background-size:100% 100% ; margin: 0;}
.warpLeft ul .code{border-radius:.1rem; box-shadow: 0 0 .15rem rgba(0,0,0,0.1); width: 1.22rem; height: auto; position: absolute; right: -2.05rem; top: 0; padding: .18rem .25rem 0 .25rem; background: #fff;}
.warpLeft ul .code img{ display: block; width: 100%; height: auto;}
.warpLeft ul .code p{ text-align: center; line-height: .4rem; font-size: .18rem; color: #333;}
.warpRight{ position: absolute; right: 1.65rem; width:8.5rem; top: 50%; transform: translateY(-50%);}
.warpRight img{ display: block; width: 100%; height: auto;}
.warp .copyright{ text-align: center; color: #6e6e6e; font-size: 13px; bottom: 20px; position: absolute; width: 100%;}