@font-face {
    font-family: kl;
    font-weight: normal;
    font-style: normal;
    src: url(../images/kl.ttf) format('truetype')
}
*{box-sizing: border-box;-webkit-box-sizing:border-box;}
body,html{padding: 0;margin: 0}
html {font-family:'微软雅黑';-webkit-text-size-adjust: 100%}
code,kbd,pre,samp {font-family:'微软雅黑';font-size: 1em}
body {	font-family: '微软雅黑';
    font-size: 17px;line-height: 21px;color: #000;-webkit-overflow-scrolling: touch;height: 100%;}
input,select,textarea {	font-family: '微软雅黑';
    font-size: 17px;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent}

em,i,s,b,p{font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6,p{margin: 0;}
ul,li{list-style: none;-webkit-padding-start:0;-webkit-margin-after:0;-webkit-margin-before:0}
a:-webkit-any-link {
    color: inherit;
    text-decoration: none;
    cursor: auto;
}
img,a{outline: 0;border: 0;}

.dropBgTan,.dropBg,.loadingBg{position: fixed; z-index: 15;  top: 0; right: 0;  bottom: 0;  left: 0; background-color: rgba(0, 0, 0, .65);}

img.lazy{;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAWCAYAAAB5VTpOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZEQkQ3NDZFOEYxNzExRTQ5NUZCRjQzMkM2RTA1RTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZEQkQ3NDZGOEYxNzExRTQ5NUZCRjQzMkM2RTA1RTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkRCRDc0NkM4RjE3MTFFNDk1RkJGNDMyQzZFMDVFMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkRCRDc0NkQ4RjE3MTFFNDk1RkJGNDMyQzZFMDVFMkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hmE5XAAACP0lEQVR42uxYy3HCMBA1DPe4g5AKYiqwUwF0YHPiSirAVAA5copLIBUgOnAJTgemAkeaeZq8ESvGgJPh4J3ZsbQyq9XT/sygaZqgp18a9ID0gPSA3AXIYrGww63mUnNxh36leQk9hjLNkeZc85jkbfQUd9pyRrvd7kw2uvC+Mby+YZ+ExjHmIeZj6DUgrTTPWx4yBih/ThIgY3CIpz1gjRuVYuyNDM6dtYyA5XeM7k+s7R8lZCRAMtyeoVfNKcZHAued3P1wwUMaeIMEVgYde8crtx5bM0d3gN8vuwRkKMiM0QMAsMZ4LRiiBDfOAUJDnnSg+Qrub+cbPO1BQ6xXpN/uIcmi//CQeygnL1A4RObc8tbJKZWgp3DAXmGeO3sljw4I54kYB+aDmfB4otAy3vPiAeVhcggn11toixv+QsKshNCypffoASPy2JN0YN/NgDxT4rwmVhN4QSFUnJLcPUZ1kmgjyFJK8AEl+k5p6JHPKJEFFPNt6Yjsb281p1Jr1qaaPwTPqbE+QTK3HFCCtzy/orHrBJDvGzdcAoSEwiWn8hpSaFkQIvKgpOW+hVByXVmIfRMnHPe+kBt6YjWlDjIC820enNLK4cJl1/YxOSqMgv4TZBEl2S4odQCJ4I2Zc9lTX4UaeZA/Ua9hjebk52vMFOUF23QpPAsqwxG61Bnt1QVNnM8NBVnllGvl+xSQAKmpu7SeUZPHrHHAiuaVUHaZKuoq7SdA6fQtXVDZUqb6z//+/5AekB6Qv6AfAQYAZXq9jhikZ9kAAAAASUVORK5CYII=') no-repeat center #F7F7F7;}

.dragCont{position: absolute;width: 3.75rem;height: 2.5rem;display: block;overflow: hidden;z-index: 1;bottom:0rem;right: 0;display: none;}
#block:before{position: absolute;content: '';background: rgba(0,0,0,.5);z-index: 2;width: 3.75rem;height: 2.5rem;top:0; left:1.22rem;}
#block {width: 1.22rem;height: 2.5rem;position: absolute;left:1.22rem;top:0px;z-index: 3; }
#block:after{position: absolute;content: '';background: rgba(0,0,0,.5);z-index: 2;width: 3.75rem;height: 2.5rem;top:0; right:1.22rem;}
.dragCont .dImg{width: 3.75rem;height:2.5rem; display: block;height: 100%;}
.dragCont .dImg img{width: 100%;display: block;height: 100%;}


#loadingBg{z-index: 998}
.spin {
    -webkit-transform: rotate(360deg);
    -webkit-animation: spin 1s linear infinite;
    transform: rotate(360deg);
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/*loading*/
#wrap,.wrap{visibility: hidden;}


#loading{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: black;
    padding: 0px;
    text-align: left;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    overflow: hidden;
}

#lologo{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}


#lologo2{
    position: absolute;
    width: 200vw;
    top: -2vw;
    left: 0;
    z-index: 50;
    animation: ml 6s linear infinite;
    animation-play-state: running;
    -webkit-animation: ml 6s linear infinite;
    -webkit-animation-play-state: running;
}

#lologo3{
    position: absolute;
    width: 200vw;
    top: -2vw;
    left: 200vw;
    z-index: 50;
    animation: ml2 6s linear infinite;
    animation-play-state: running;
    -webkit-animation: ml2 6s linear infinite;
    -webkit-animation-play-state: running;
}

@keyframes ml {
    0% {transform:translate(0,0);}
    20% {transform:translate(-100vw,-4vmin);}
    40% {transform:translate(0,-8vmin);}
    60% {transform:translate(-100vw,-12vmin);}
    80% {transform:translate(0,-16vmin);}
    100% {transform:translate(-100vw,-18vmin);}
}
@-webkit-keyframes ml {
    0% {-webkit-transform:translate(0,0);}
    20% {-webkit-transform:translate(-100vw,-4vmin);}
    40% {-webkit-transform:translate(0,-8vmin);}
    60% {-webkit-transform:translate(-100vw,-12vmin);}
    80% {-webkit-transform:translate(0,-16vmin);}
    100% {-webkit-transform:translate(-100vw,-18vmin);}
}

@keyframes ml2 {
    0% {transform:translate(0,0);}
    20% {transform:translate(-100vw,-4vmin);}
    40% {transform:translate(0,-8vmin);}
    60% {transform:translate(-100vw,-12vmin);}
    80% {transform:translate(0,-16vmin);}
    100% {transform:translate(-100vw,-18vmin);}
}
@-webkit-keyframes ml2 {
    0% {-webkit-transform:translate(0,0);}
    20% {-webkit-transform:translate(-100vw,-4vmin);}
    40% {-webkit-transform:translate(0,-8vmin);}
    60% {-webkit-transform:translate(-100vw,-12vmin);}
    80% {-webkit-transform:translate(0,-16vmin);}
    100% {-webkit-transform:translate(-100vw,-18vmin);}
}


/*遮罩層*/
.dropBgTan{display: none;}
.handFloat,.frieFloat{    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;display: inline-block;z-index:16;position: fixed;top: 4rem;transform: scale(0);-webkit-transform: scale(0);}
.handFloat a,.frieFloat a{width: 5.4rem;height: 5.31rem;display: block;    margin: 0 auto;    background: rgba(0,0,0,.7); border-radius: 6px;}
.handFloat a img,.frieFloat a img{width: 100%;}
.frieFloat a{height: 5.81rem;}
.handFloat em,.frieFloat em{position: absolute;top: 0rem;right: 0 !important;padding-right: .3rem;padding-top: .2rem;cursor: pointer;}
.handFloat em:before,.frieFloat em:before{content:'\e101';font-family: kl;font-size: .8rem;color: #fff;}
.newBlack.newLoading{
    margin:0 0;
    padding:0 0;
    position: absolute;
    width: 250px;
    height: 4rem;
    background: black;
    overflow: hidden;
    left: calc(50vw - 125px);
    top: 20%;
    }
.newBlack.newLoading.ieLoading{    
    background: url(../images/lologo.gif) no-repeat;
    background-size: contain;
    }
.ieLoading #lologo,.ieLoading #lologo2,.ieLoading #lologo3{display: none;}

.newLoading #lologo2{
    width: 500px;
    top: 20%;
    left: 0;
    position: absolute;
    animation: ml 10s linear infinite;
    animation-play-state: running;
    -webkit-animation: ml 10s linear infinite;
    -webkit-animation-play-state: running;
    }
.newLoading #lologo3{
    width: 500px;
    top: 20%;
    left: 500px;
    position: absolute;
    animation: ml2 10s linear infinite;
    animation-play-state: running;
    -webkit-animation: ml2 10s linear infinite;
    -webkit-animation-play-state: running;
    }
@media only screen and (min-width: 749.9px){
    @keyframes ml {
        0% {transform:translate(0,-20%);}
        25% {transform:translate(-500px,-25%);}
        50% {transform:translate(0,-30%);}
        75% {transform:translate(-500px,-35%);}
        100% {transform:translate(0,-40%);}
    }
    @-webkit-keyframes ml {
        0% {transform:translate(0,-20%);}
        25% {transform:translate(-500px,-25%);}
        50% {transform:translate(0,-30%);}
        75% {transform:translate(-500px,-35%);}
        100% {transform:translate(0,-40%);}
    }

    @keyframes ml2 {
        0% {transform:translate(0,-20%);}
        25% {transform:translate(-500px,-25%);}
        50% {transform:translate(0,-30%);}
        75% {transform:translate(-500px,-35%);}
        100% {transform:translate(0,-40%);}
    }
    @-webkit-keyframes ml2 {
        0% {transform:translate(0,-20%);}
        25% {transform:translate(-500px,-25%);}
        50% {transform:translate(0,-30%);}
        75% {transform:translate(-500px,-35%);}
        100% {transform:translate(0,-40%);}
    }
}