/* 加载完成前body为深黑 */
body{
    width:100%;
    overflow: hidden;
    /*background: rgba(0,0,0,0.8);*/
}
.bg{
    width:100%;
}
.bg-list{
    position: relative;
    z-index: 0;
    float:left;
    width:20%;
    height:100%;
}
.bg-list img{
    opacity:0;
}
.bg-shadow{
    position: absolute;
    display: block;
    z-index: 1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.8);
}
.logo-center{
    position: absolute;
    display: none;
    z-index: 2;
    top:50%;
    left:50%;
    width:26%;
    margin-top:-8%;
    margin-left:-13%;
}
@media screen and (max-width: 1440px){
    .logo-center{
        margin-top:-10%;
    }
}
.logo-rotate{
    position: absolute;
    display: none;
    z-index: 2;
    left:50%;
    bottom:20%;
    width:30px;
    height:30px;
    margin-left:-15px;
    background: url("../images/icon-01.png") no-repeat;
    -webkit-background-size:30px;
    background-size:30px;
    -webkit-animation:logoRotate 1.5s infinite;
    -o-animation:logoRotate 1.5s infinite;
    animation:logoRotate 1.5s infinite;
}
.logo-rotate2{
    position: absolute;
    display: none;
    z-index: 2;
    left:50%;
    bottom:55%;
    width:35px;
    height:35px;
    margin-left:-15px;
    background: url("../images/icon_104.png") no-repeat;
    -webkit-background-size:35px;
    background-size:35px;
    -webkit-animation:logoRotate 1.5s infinite;
    -o-animation:logoRotate 1.5s infinite;
    animation:logoRotate 1.5s infinite;
}
.logo-rotate3{
    position: absolute;
    display: none;
    z-index: 2;
    left:50%;
    bottom:55%;
    width:35px;
    height:35px;
    margin-left:-15px;
    background: url("../images/icon_104.png") no-repeat;
    -webkit-background-size:35px;
    background-size:35px;
}
@keyframes logoRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes logoRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.main{
    position: absolute;
    display: none;
    left:50%;
    bottom:30%;
    width:160px;
    font-size:14px;
    margin-left:-80px;
    font-weight: 500;
}
@media screen and (max-width: 1440px){
    .main{
        bottom:28%;
    }
}
.main-txt{
    float:left;
    width:40px;
    color:#fff;
    padding-right:10px;
    text-align: center;
    border-right:1px solid #fff;
}
.main-txt-list{
    width:100%;
    height:22px;
    line-height:22px;
    overflow: hidden;
}
.main-txt-list span{
    display: block;
    width:4px;
    height:4px;
    margin-top:13px;
    margin-left:auto;
    margin-right:auto;
    background: #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.main-link{
    float:left;
    width:120px;
    color:#525252;
    padding-left:10px;
    text-align: center;
}
.main-link-list{
    position: relative;
    width:100%;
    height:28px;
    margin-top:12px;
    line-height:26px;
}
.main-link-list:first-child{
    margin-top:0;
}
.main-link-list>.btn{
    width:100%;
    height:100%;
}
.main-qr{
    margin-top:10px;
}
.main-tips{
    color:#fff;
    margin-top:10px;
    text-align: center;
}

/* 按钮样式 */
.btn{
    box-sizing:border-box;
    background:url("../images/icon-02.png") repeat-x;
    -webkit-background-size:1px 100%;
    background-size:1px 100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#goujian{
    position: relative;
    display: none;
    top:-20px;
    left:100px;
    color:#fff;
}
.app-preview{
    position: fixed;
    display: none;
    z-index: 6;
    top:0;
    left:50%;
    width:510px;
    height:100%;
    background: #fff;
    margin-left:-255px;
}
.app-preview-frame{
    width:100%;
    height:100%;
}
.app-preview i{
    position: absolute;
    display: block;
    top:20px;
    right:-50px;
    width:30px;
    height:30px;
    border:1px solid #fff;
    background: url("../images/icon-05.png") no-repeat center;
    -webkit-background-size: 24px;
    background-size: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.main-link-sub,
.main-link-item{
    position: absolute;
    display: none;
    top:0;
    left:110px;
    width:222px;
}
.main-link-line{
    display: block;
    float:left;
    width:40px;
    height:1px;
    margin-top:13.5px;
    background: #fff;
}
.main-link-sub-ul{
    float:left;
    width:120px;
    padding-left:10px;
    border-left:1px solid #fff;
}
.main-link-sub-layout-1{
    margin-top:-46px;
}
.main-link-sub-li{
    position: relative;
    width:100%;
    margin-top:12px;
}
.main-link-sub-li:first-child{
    margin-top:0;
}
.main-link-sub-li>.btn{
    width:100%;
    height:28px;
}
.main-link-sub-li>.active{
    color:#e61e17;
    border-color:#e61e17;
}
.main-link-form{
    float:left;
    margin-top: -70px;
    padding-left:10px;
    border-left:1px solid #fff;
}
.main-link-form-div{
    position: relative;
    width:170px;
    height:28px;
    margin-top:18px;
}
.main-link-form-div:first-child{
    margin-top:0;
}
.main-link-form-div>input{
    display: block;
    width:100%;
    height:100%;
    color:#fff;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.main-link-form-div>.btn{
    width:75px;
    height:28px;
}
.main-link-form-div>span{
    position: absolute;
    display: block;
    top:0;
    left:50%;
    width:1px;
    height:100%;
    margin-left:-0.5px;
    background: #fff;
}
.main-link-form-layout-1 .btn{
    width:100%;
}
.main-link-form-layout-2{
    margin-top:-48px;
}

.copyright{
    position: fixed;
    left:0;
    bottom:10px;
    color:#fff;
    width:100%;
    line-height:24px;
    text-align: center;
}