/*@utf-8*/
img,legend{border:0;max-width: 100%;}
.screen,.wrapper{-webkit-transform-style:preserve-3d}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}
html.borderbox *,html.borderbox :after,html.borderbox :before{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
.cover .shine,.cover-nav svg:not(:root),.frame,.loading .inner,.menu-mask{overflow:hidden}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
legend,ol,td,th,ul{padding:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
body{font-size:16px;font-weight:400;font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.5;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;position:relative;-webkit-overflow-scrolling: touch}
.landscape-hinter .hinter-text,.loader-txt{font-size:14px;text-align:center}
.layout,.layout .inner,article,body,html,section{position:relative;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fff}
.dis{display:block!important}.undis{display:none!important}
.hideDom{width:0;opacity:0;display:block;visibility:hidden}
.wrapper{-webkit-backface-visibility:hidden}
.wrapper.ease{-webkit-transition:all 1s ease-in-out}

.wrapperPage{position:absolute;width: 100%;height:100%;overflow:hidden;-moz-transition: transform 500ms linear; -o-transition: transform 500ms linear; -webkit-transition: transform 500ms linear; transition: transform 500ms linear;}
.loading{-moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.pageone,.pagetwo,.pagethree,.pagefour,.pagefive,.pagesix,.pageshare{-moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);}
/*首图*/
.cover .bg,.cover .shine,.cover .stars{width:100%;position:absolute;margin:0 auto;left:0;right:0;height: 100%;}
.cover .bg,.cover .shine{top:0;display:block}
.content,.frame{display:none}
.cover .shine{display:none;height:100%; background-size:0.72rem 0.72rem ;}
.frame{position:absolute;margin:0 auto;left:0;right:0}
.frame.starFrame{z-index:3;top:0; bottom:0; margin: auto; width:2.55rem;height:4.75rem;background:url(https://all.img.s105.cn/kfupload/up/201801/29175848_8795.png) no-repeat;background-size:contain}
.frame.txtFrame{z-index:4;top:1.69rem;width:3.4rem;height:2.15rem;background:url(https://all.img.s105.cn/kfupload/up/201701/22142511_7997.png) no-repeat;background-size:3.4rem 2.15rem}
.partTitle{margin:0 auto;display: block;right: 0;width: 2.5rem; margin: 0 auto;left: 0;position:absolute; top: 1rem;}
.partTitle img{width:100%;}

.ibg{background:url(https://all.img.s105.cn/kfupload/up/201901/24182403_3797.jpg) no-repeat center center; background-size:cover;}
.ldbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#f92b06;}
.tbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#ff0000;}
.lsbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#969696;}
.ymbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#ed981a;}
.xgbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#bcd3bd;}
.bzbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#889E90;}
.dkbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#F3E19C;}
.shbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#b2b697;}
.wrbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#8daad0;}
.hgbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#db8d88;}
.hsbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#a9a2cb;}
.hbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#7fd3ef;}
.qcbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#af998c;}
.cybg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#82babd;}

/*文章卷首语*/
.articlepage{position:relative;height:100%;overflow:auto;}
.articlecon{padding:30px 20px;}
.preface{padding-bottom:20px;}
.preface h2{font-size:0;margin:0 auto;width:.78rem;height:.24rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAwCAMAAADTuOPqAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAv39A7xAwz58gYK/fcI9QbKWh9AAAA89JREFUWMPtmNl2qzAMRZHnCaP//9p7jeMJD9Akb+15KV0sS9uSJYtsf/pFEgDgd/HOUm9n6wwJbz4XxVOMbHcyhByNSxnWKTracXjj+coacWICNIATYcGuF+b4FQaj3DFwfdo85sYUIjPDNzs6a3gDdwbOIQJd0DkMUiU8UQMnOu5YzyzZYqmnO1/xvEdkPFuEicWC45ORzNaLpS0zXEgO3UBJZdmDSRleJSMo4tsF2wYJTjhPglw82RctygCyi6N4Y2R+kHXkoTE4c7ZiNovlhfeSMQTpoWRV8ftlIu+vRFnJJuCCXbKGQU97VApByT0JzsLe+D5ddpRz7Gs2HtLYLOOGmGuq3EO4/WRK+fWpVnnYtEPgUzplXz5dzRYjavl6V/AKzM5v6AgA4ankjlgOKmOXdFEylg8w6R+ZWp6Yuitlrlbn2kKl2LrCE0MW/iQ/e2lJ0Iq9ihoGMj1V5ccVB8zrcbdixa7EtKhTKdGuhZWquBeXpzcMypvrG9bImxm3A27N3WVs1kwK0z3HdeoErG6BZrtVzCof3KJ+Xef7PFT0v9SZkJ039WAT3LPCNZgWdT2qq9g0FMj2VlTOdDvLuTPNjkjV8WCYUlorHjlCGx1sWHqA0vBXgmxBbu6UkkdotwDV/YAFtI/KY0GfzlcJSUjCy5XX0xQgHglyTP3RnWdPsyLoQaN2VLSR6DsVkqsg0q3haDWC0FTrqo9f7670iPC87vE4MSK2KVwZ0epzHi+8+VWk2WWkUsthji7gYBvD8Tq8UD0zItd3irwOq/oMJH8Djk3gNoMS1vJP+pVAa+xqnjOrtM7gNrG9I4NRPhdHFlPH6IS+A/eeKC7F7E71lWKqNZzuGY9se93uSHOfy7YNHs9ayRqOlnusZM3SNZsvcMWcqdNLv5JWmgaSdhQCOj9vjm4DOFLFVIrte3Cuj7afNl/PL5ccZ6/i5fbFxr9UEHvXCUm0P/naBtHdwAqzOQrV2s/hyBiOjMrUIfTjAbXV5zLXwkv9o1ZCp3CaqKdw3DOV3GY47do5xND5N3yvJZyxuD+OHInN4RI5rhofdgFHr1ILOMsQ1Titi1G7S+teDa4ap3DP05pqXk3PHDyG2w6Wj6LF/WM4ntk+glNpJNGlbO3HcKL6icu+D3cJkzhN6Y/Tqkorg/Pxek7v4bpPapey8WlBaBbYVmXu1nAMZ4KftpJjEFEX2OaRwzWckDjQrHvLWVonHVWKeldw28/7ljxEY2QaZzYeWuVqrLRhXXOyqQVL9HYnTeAiSw4+3smuiBn//HDjR1Cx/ek36h98wW1Y3XUTFQAAAABJRU5ErkJggg==);background-size:cover}
.articlecon p{padding-bottom:10px;text-align:justify;line-height:24px;}
/*卷首语导航*/
.menu-mask,.preface{position:relative}
.menu-mask{width:100%;background:#fff}
.menu-mask span{display:block;width:2.15rem;height:.7rem;background:url(https://all.img.s105.cn/kfupload/up/201901/25141103_6297.jpg) no-repeat;background-size:contain; margin: 20px auto;}
.menu-mask li{margin-top:1px;width:3.75rem;height:.72rem;background: #52636e;}
.menu-mask li a{width:100%;display:block; font-size:18px; line-height: .33rem; padding-top: 0.03rem; text-align: center; color: #fff;}
.cover-nav{display:none}
/*.menu-mask li:nth-of-type(1){background:url(https://all.img.s105.cn/kfupload/up/201701/22142851_8754.jpg);background-size:cover}
.menu-mask li:nth-of-type(2){background:url(https://all.img.s105.cn/kfupload/up/201701/22142859_8345.jpg);background-size:cover}
.menu-mask li:nth-of-type(3){background:url(https://all.img.s105.cn/kfupload/up/201701/22142908_6509.jpg);background-size:cover}
.menu-mask li:nth-of-type(4){background:url(https://all.img.s105.cn/kfupload/up/201701/22142915_5025.jpg);background-size:cover}
.menu-mask li:nth-of-type(5){background:url(https://all.img.s105.cn/kfupload/up/201701/22142955_5761.jpg);background-size:cover}
.menu-mask li:nth-of-type(6){background:url(https://all.img.s105.cn/kfupload/up/201701/22143001_4453.jpg);background-size:cover}
.menu-mask li:nth-of-type(7){background:url(https://all.img.s105.cn/kfupload/up/201701/22143007_5273.jpg);background-size:cover}
.menu-mask li:nth-of-type(8){background:url(https://all.img.s105.cn/kfupload/up/201701/22143013_3194.jpg);background-size:cover}
.menu-mask li:nth-of-type(9){background:url(https://all.img.s105.cn/kfupload/up/201701/22143027_2130.jpg);background-size:cover}
.menu-mask li:nth-of-type(10){background:url(https://all.img.s105.cn/kfupload/up/201701/22143032_8761.jpg);background-size:cover}*/

/*概况篇*/
.sprite{background: url(https://all.img.s105.cn/kfupload/up/201701/22143128_8160.png) no-repeat;background-size:1.5rem 1.15rem;}
.openPreface{position: absolute;right: .16rem;bottom: .16rem;width: .66rem;height: .66rem;background-position:0 0;}
.slideInRightFast{-webkit-animation: slideInRight .6s ease forwards;animation: slideInRight .6s ease forwards;}
.pupop{display: none;position: absolute;width: 100%;    left: 0;margin: 0;height: 100%;background: #fff;z-index: 886;}
.slideInRight {-webkit-animation: slideInRight 1s ease forwards;animation: slideInRight 1s ease forwards;}
.pupop.slideInRight {display:block;}

.pupop .signed{position: relative;padding-bottom:50px;}
.pupop .signed .closePreface{position: absolute;right: 0;margin:0 auto;width: .66rem;height: .66rem;background-position:-.84rem 0;}
.slideOutRight {-webkit-animation: slideOutRight 1s ease forwards;animation: slideOutRight 1s ease forwards;}
.articleTitle{background: url(https://all.img.s105.cn/kfupload/up/201701/22143128_8160.png) no-repeat;background-size: 1.5rem 1.15rem;background-position: -.6rem -.8rem;width: .56rem;height: .28rem;margin: 0 auto 20px;overflow: hidden;text-indent: 99999px;}
.tag{ display: none; width: 80%; height: 30px; background: #a81016; font-size: 18px; color: #fff; text-align: center; line-height: 30px; margin: 0 auto 15px;}
/*图文内容*/
.secondpage{padding-bottom:0;}
.articlearea{overflow:hidden;text-align:justify;padding-bottom:40px;}
.articlearea:last-child{padding-bottom:10px;}
.articlearea h3{font-weight:500;}
.areatop{width:40px;height:40px;background:#aa0c0c;color:#fff;border-radius:50%;margin:0 auto 10px;text-align:center;line-height:40px;}
.areatitle span{border-bottom:solid 4px #aa0c0c;padding-bottom:4px;line-height:.4rem;}
.areaparm{padding:15px 0;}
.ftc{text-align:center;}
.fred{color:#aa0c0c;}
.picline{overflow:hidden;}
.pline{margin:0 0 10px 0;position:relative;height:26px;line-height:26px;color:#fff;text-align:center;text-indent:44px;}
.pline:before{content:'2017';background:#fff;width:44px;text-align:left;color:#333;height:100%;display:block;position:absolute;top:0;left:0;text-indent:0;}



.Terminal h3{margin:25px 0 10px 0;}
.Terminal img{display:block;margin:0 auto;width:100%;max-width:584px;}
/*logo*/
.logo {position:absolute;left: 0;right: 0;margin: 0 auto;bottom:60px;width: 100%;height: .82rem;background: url(https://all.img.s105.cn/kfupload/up/201901/24165800_3016.png) no-repeat center;background-size: contain;}
/*.loading .partTitle{top:1.2rem!important;}*/

/*底部小箭头*/
.cover-nav{position:absolute;bottom:0;width:100%;height:34px;z-index:99;text-align:center}
.cover-nav.show{-webkit-animation:slideUp .6s ease-out .1s both;animation:slideUp .6s ease-out .1s both}
.cover-nav.hide{-webkit-animation:slideDown .45s ease-out both;animation:slideDown .45s ease-out both}
.cover-nav.arrdown .nav-tab{display:block;margin:0 auto;}
.cover-nav.arrdown .arrow{position:absolute;top:50%;left:50%;margin:-6px 0 0 -8px;-webkit-animation:arrowDown 1s 1s ease-out infinite;animation:arrowDown 1s 1s ease-out infinite}
.cover-nav.arrdown .jump-tab{position:absolute;top:50%;left:50%;margin:-17px 0 0 -45px;width:90px;height:34px;background:#f00;opacity:0;}
/*二级页导航*/
.menu-btn, .menu-secondmask, .pupop .signed img{position: absolute;right: 0;}
.menu-btn{top: 0;width: 60px; height: 40px;z-index: 997;display:none; background: rgba(0,0,0,.6); text-align: center; line-height: 40px; font-size: 20px; color: #fff; transition: all 1s; box-shadow: 0 0 2px #fff;}
.menu-btn.slideInRightFast{display:block;}
.menu-secondmask{display:none;margin: 0;top: 0;text-align: justify;overflow: auto;    box-sizing: border-box;width: 2.26rem;height: 100%;background: rgba(0,0,0,.6);z-index: 996;}
.menu-secondmask ul{position: relative;top: .47rem;width: 2.26rem;overflow: hidden; padding-bottom: 50px;}
.menu-secondmask ul li{position: relative;margin-bottom: 1px;height: .4rem;border-top:1px solid #fff; box-sizing: border-box;}
.menu-secondmask ul li:last-of-type{border-bottom:1px solid #fff;}
.menu-secondmask ul li a{ color:#fff;line-height:.4rem;padding-left:16px;display:block;}
.menu-secondmask ul li a.on{ color:#ff0;}
.menu-secondmask.menuIn{display:block;}
.cus_cover {background:rgba(0,0,0,0);display:none;z-index:9;}
.menuIn{-webkit-animation:slideInRight .8s ease forwards;animation:slideInRight .8s ease forwards}
.menuOut{-webkit-animation: menuOut .8s ease forwards;animation: menuOut .8s ease forwards;}
/*动画布局*/
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes menuOut {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes menuOut {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeInFast {
    -webkit-animation: fadeIn .75s both;
    animation: fadeIn .75s both;
}

.fadeIn {
    -webkit-animation: fadeIn 1.2s both;
    animation: fadeIn 1.2s both;
}

.fadeInSlow {
    -webkit-animation: fadeIn 1.35s ease-in-out both;
    animation: fadeIn 1.35s ease-in-out both;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation: fadeOut .8s both;
    animation: fadeOut .8s both;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    50% {
        opacity: .5;
        -webkit-transform: translateY(-12px);
    }
}

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

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

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

    50% {
        -webkit-transform: scale3d(1.01,1.01,1.01);
        transform: scale3d(1.01,1.01,1.01);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

.pulse {-webkit-animation: pulse 10s infinite;animation: pulse 10s infinite;}

@-webkit-keyframes elmFadeInUp {
    from {
        -webkit-transform: matrix(1,0,0,1,0,250);
        transform: matrix(1,0,0,1,0,250);
        opacity: 0;
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
        opacity: 1;
    }
}

@keyframes elmFadeInUp {
    from {
        -webkit-transform: matrix(1,0,0,1,0,250);
        transform: matrix(1,0,0,1,0,250);
        opacity: 0;
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateHint {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        opacity: .2;
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateHint {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        opacity: .2;
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 0;
    }
}

@media screen and (orientation:landscape) {
    .landscape-hinter {
        display: block;
    }
}

@-webkit-keyframes loaderFrameAnim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -387px;
    }
}

@keyframes loaderFrameAnim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -387px;
    }
}

@keyframes arrowDown {
    0%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@-webkit-keyframes arrowDown {
    0%,50% {
        -webkit-transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(4px);
    }

    75% {
        -webkit-transform: translateY(-4px);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}

@media screen and (max-width:320px) {
    body {
        font-size: 14px !important;
    }
	.Terminal{font-size:13px;}
	.areatitle.ftc{font-size:14px;}
}



.landscape-hinter{position:fixed;top:0;left:0;right:0;height:100%;width:100%;background:#131313;z-index:999;display:none}.landscape-hinter .hinter-phone{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2.28rem;height:1.2rem;background:url(http://mat1.gtimg.com/sports/2016pre/images/landscape-phone.png) center center no-repeat;background-size:100%;-webkit-animation:rotateHint 2.6s ease-in infinite;animation:rotateHint 2.6s ease-in infinite}
.landscape-hinter .hinter-rotate{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3.1rem;height:.6rem;background:url(http://mat1.gtimg.com/sports/2016pre/images/landscape-hint.png) center center no-repeat;background-size:100%}.landscape-hinter .hinter-text{position:absolute;right:0;left:0;bottom:15%;color:#bbb;font-weight:400;line-height:1}

.elmFadeInUp{-webkit-animation:elmFadeInUp .8s ease-in-out forwards;animation:elmFadeInUp .8s ease-in-out forwards}