#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
/*给头部让出43px*/
body{min-width: 1200px;width:100%;background:#201f2c;padding-top: 40px;}
._wrap {width:100%;height: 100%;max-width: 1920px;position: relative;overflow: hidden;}
.main{width: 100%;position: relative;margin: 0 auto;transition: all .5s linear;}
.main.show{filter: blur(0);}
._wrap .con{width: 100%;position: relative;margin: 0 auto;height:4365px;overflow: hidden; 
background: url(../images/bg_01.jpg) no-repeat 50% 0,
url(../images/bg_02.jpg) no-repeat 50% 1455px,
url(../images/bg_03.jpg) no-repeat 50% 2910px}
._wrap .con .logo {width: 170px;height: 62px;top: 70px;left: 50%;margin-left: -580px;z-index: 10;background:url(../images/logo.png) no-repeat 0 0}

._wrap .con .slogan-1 {width:763px;height:219px;background: url(../images/slogan-1.png) no-repeat 0 0;top:70px;left:50%;margin-left:-400px}
._wrap .con .slogan-2 {width:336px;height:199px;background: url(../images/slogan-2.png) no-repeat 0 0;top:325px;left:50%;margin-left:-450px;z-index: 3}
._wrap .con .slogan-3 {width:645px;height:208px;background: url(../images/slogan-3.png) no-repeat 0 0;top:240px;left:50%;margin-left:-160px;z-index: 2;}
._wrap .con .slogan-4 {width:592px;height:184px;background: url(../images/slogan-4.png) no-repeat 0 0;top:525px;left:50%;margin-left:-296px;z-index: 2;}

._wrap .con .btn-nav {width: 237px;height: 66px;line-height: 66px;background: url(../images/btn-bg.png) no-repeat;color:#fff;font-size:22px;text-align: center;left:50%}
._wrap .con .btn-nav:hover {background-image: url(../images/btn-bg-on.png);}
._wrap .con .btn-nav-1 {top:755px;margin-left:-250px;}
._wrap .con .btn-nav-2 {top:755px;margin-left:15px;}
._wrap .con .btn-nav-3 {top:825px;margin-left:-250px;}
._wrap .con .btn-nav-4 {top:825px;margin-left:15px;}

._wrap  .con .btn-qq {top:1270px;left:50%;margin-left: -570px;width: 205px;text-align: center;font-size: 22px;color:#fff;text-align: center;text-decoration: underline;}

._wrap .con .rule-1 {font-size: 16px;color:#fff;line-height: 30px;top:1540px;left:50%;margin-left: -480px;width:950px;}
._wrap .con .rule-1 span {color:#f6ff0e}
._wrap .con .rule-2 {font-size: 16px;color:#fff;line-height: 30px;top:2935px;left:50%;margin-left: -480px;width:950px;}
._wrap .con .rule-2 li {list-style: disc;}


._wrap .con .rule-3 {font-size: 16px;color:#fff;line-height: 30px;top:3760px;left:50%;margin-left: -480px;width:900px;}
._wrap .con .rule-3 li {list-style: disc;}



.pop-bind {
    width: 492px;
    height: 578px;
    background: url(../images/pop-bind-tiktok.png) no-repeat 0 0;
    padding: 82px 90px 0 170px;
    box-sizing: border-box;
    display: none;
}

.pop-bind .btn_close,
.pop-bind-zuopin .btn_close,
.pop-list .btn_close,
.pop-confirm .btn_close,
.pop-text .btn_close {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

.pop-bind .account,
.pop-bind input,
.pop-bind-zuopin .nickname,
.pop-bind-zuopin input {
    width: 230px;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 36px;
    height: 36px;
    margin-bottom: 10px;
    border:0 none;
    background: none;
    outline: none;
}
.pop-bind-zuopin .nickname {margin-bottom: 16px;}

.pop-bind select {
    width: 235px;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 34px;
    height: 34px;
    border: 0 none;
    outline: none;
    margin-bottom: 10px;
    background: none;
    background: #fff;
}
.pop-bind textarea,
.pop-bind-zuopin textarea {
    width: 235px;
    height:114px;
    resize: none;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    background: none;
    border: 0 none;
    outline: none;
    margin-bottom: 10px;
}

.pop-bind select option {
    background: #e6e6e6;
    color: #000
}

.pop-bind select option:hover {
    background: #fff;
}

.pop-bind .fileIpt {
    position: relative;
    width: 74px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    border: 1px dashed #fff;
    background:rgba(0,0,0,.5) url(../images/upload-bg.png) no-repeat 50% 50%;
    font-size: 0;
    margin-bottom: 15px;
    margin-left: -20px;
    float: left
}

.pop-bind .fileIpt img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none
}

.pop-bind .fileIpt input {
    width: 100%!important;
    height: 100%!important;
    cursor: pointer;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.pop-bind .fileIpt .btn-clear {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: -10px;
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    background: #999;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 14px
}

  
.pop-bind .btn-confirm-bind {top: 490px;left: 150px;width: 202px;height: 52px;}

.pop-bind-zuopin {
    width: 492px;
    height: 500px;
    background: url(../images/pop-bind-zuopin.png) no-repeat 0 0;
    padding: 82px 90px 0 170px;
    box-sizing: border-box;
    display: none;
}
.pop-bind-zuopin .btn-confirm-bind {top: 344px;left: 150px;width: 202px;height: 52px;}
.pop-bind-zuopin .btn-check-my-list {top: 405px;left: 150px;width: 202px;height: 52px;}

.pop-list {
    width: 546px;
    height: 500px;
    background: url(../images/pop-list.png) no-repeat 0 0;
    padding: 82px 20px 0 40px;
    box-sizing: border-box;
    display: none;
}
.pop-list .nickname {
    width: 230px;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 36px;
    height: 36px;
    margin-left:116px;
    margin-bottom: 20px;
    border:0 none;
    background: none;
    outline: none;
}


.pop-list .zp-list {width: 475px;height: 340px;overflow: auto;}
.pop-list .zp-list li {width:100%;display: flex;padding-bottom: 10px;}
.pop-list .zp-list li.empty {color: #fff;font-size: 18px;text-align: center;justify-content: center;}
.pop-list .zp-list li .title {flex:0 0 100px;font-size:18px;text-align: center;color:#fff}
.pop-list .zp-list li .btn-link{flex: 0 0 255px;background-color: #fff;border-radius: 15px;padding:5px 15px;line-height: 30px;font-size: 16px;color:#000;text-align: center;word-break: break-all;}
.pop-list .zp-list li .btn-link:hover {text-decoration: underline;}
.pop-list .zp-list li .btn-del {flex:1;font-size: 16px;color:#fff;text-align: center;display: flex;justify-content: center;align-items: center;text-decoration: underline;}

.pop-list .zp-list::-webkit-scrollbar{display: block;width: 10px;height: 10px;}
.pop-list .zp-list::-webkit-scrollbar-thumb{display: block;background:#ecd314;border-radius: 5px;}
.pop-list .zp-list::-webkit-scrollbar-track{background:#fff;border-radius: 5px;} 

.pop-confirm {width:492px;height:240px;padding:15px 40px;background:url(../images/pop-confirm.png) no-repeat 0 0;box-sizing: border-box;
    display: none;}
.pop-confirm .title {line-height: 55px;text-align: center;font-size:32px;font-weight: bold;color:#fff;}
.pop-confirm .text {line-height: 30px;height:80px;display:flex;font-size: 18px;color:#fff;justify-content: center;text-align: center;word-break: break-all;align-items: center;}
.pop-confirm .btn-cancel {width:200px;height:50px;left:39px;top:154px;}
.pop-confirm .btn-confirm {width:200px;height:50px;left:265px;top:154px;}

.pop-text {width:492px;height:240px;padding:40px;background:url(../images/pop-text.png) no-repeat 0 0;box-sizing: border-box;
    display: none;}
.pop-text .title {line-height: 55px;text-align: center;font-size:32px;font-weight: bold;color:#fff;}
.pop-text .text {line-height: 30px;height:170px;display:flex;font-size: 18px;color:#fff;justify-content: center;text-align: center;word-break: break-all;align-items: center;}