@CHARSET "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box;}body,input,textarea { font-family: Helvetica, Arial, SimHei, STHeiti, sans-serif;}body { width: 100%; min-height: 100%; font-size: 14px; word-spacing: 0; letter-spacing: 0; line-height: 1.5em; overflow-x: hidden; overscroll-behavior: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none !important; -webkit-tap-highlight-color: transparent;}a { color: black; cursor: pointer; text-decoration: none; -webkit-transition: color .3s ease-out 0s; -moz-transition: color .3s ease-out 0s; -ms-transition: color .3s ease-out 0s; -o-transition: color .3s ease-out 0s; transition: color .3s ease-out 0s;}a:hover { text-decoration: none;}option { margin: 0; padding: 2px 5px;}img { border-style: none; vertical-align: top;}input,textarea { padding: 5px; font-size: 14px; line-height: 40px; box-sizing: border-box;}input,select,textarea { overflow: hidden; border-style: none; background-color: transparent;}textarea { resize: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, .3);}input:focus,select:focus,textarea:focus { outline-style: none;}.shown { display: block;}.hidden { display: none;}.opaque { opacity: 1;}.transparent { opacity: 0;}.disabled { opacity: .5; cursor: default; pointer-events: none;}.disapear { opacity: 0; pointer-events: none;}.clear { clear: both;}.clear:after { clear: both; content: " "; display: block;}.no-event,.no-action { cursor: default; pointer-events: none;}.no-select,.no-action { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; touch-callout: none; -webkit-tap-highlight-color: transparent;}.no-scroll { overflow-x: hidden; overflow-y: hidden;}.rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;}.scroller-container { overflow: hidden;}.masked { -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center;}.ff-song { font-family: Helvetica, Arial, SimSun, STSong, sans-serif;}.ff-hei { font-family: Helvetica, Arial, SimHei, STHeiti, sans-serif;}.ff-yahei { font-family: Helvetica, Arial, "Microsoft YaHei", SimHei, STHeiti, sans-serif;}@-webkit-keyframes kf-fade-in { 0%   { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes kf-fade-in { 0%   { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes kf-fade-in { 0%   { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes kf-fade-in { 0%   { opacity: 0; } 100% { opacity: 1; }}@keyframes kf-fade-in { 0%   { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes kf-fade-out { 0%   { opacity: 1; } 100% { opacity: 0; }}@-moz-keyframes kf-fade-out { 0%   { opacity: 1; } 100% { opacity: 0; }}@-ms-keyframes kf-fade-out { 0%   { opacity: 1; } 100% { opacity: 0; }}@-o-keyframes kf-fade-out { 0%   { opacity: 1; } 100% { opacity: 0; }}@keyframes kf-fade-out { 0%   { opacity: 1; } 100% { opacity: 0; }}@keyframes kf-breathe { 0%   { opacity: 1; } 25%  { opacity: 0; } 50%, 100% { opacity: 1; }}@-webkit-keyframes kf-rotate { 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); }}@-moz-keyframes kf-rotate { 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); }}@-ms-keyframes kf-rotate { 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); }}@-o-keyframes kf-rotate { 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); }}@keyframes kf-rotate { 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); }}.ani-fade-in { -webkit-animation: kf-fade-in .3s ease-out 0s 1 forwards; -moz-animation: kf-fade-in .3s ease-out 0s 1 forwards; -ms-animation: kf-fade-in .3s ease-out 0s 1 forwards; -o-animation: kf-fade-in .3s ease-out 0s 1 forwards; animation: kf-fade-in .3s ease-out 0s 1 forwards;}.ani-fade-out { -webkit-animation: kf-fade-out .3s ease-out 0s 1 forwards; -moz-animation: kf-fade-out .3s ease-out 0s 1 forwards; -ms-animation: kf-fade-out .3s ease-out 0s 1 forwards; -o-animation: kf-fade-out .3s ease-out 0s 1 forwards; animation: kf-fade-out .3s ease-out 0s 1 forwards;}.ani-breathe { -webkit-animation: kf-breathe 1s linear 0s infinite alternate; -moz-animation: kf-breathe 1s linear 0s infinite alternate; -ms-animation: kf-breathe 1s linear 0s infinite alternate; -o-animation: kf-breathe 1s linear 0s infinite alternate; animation: kf-breathe 1s linear 0s infinite alternate;}.ani-rotate { -webkit-animation: kf-rotate 3s linear 0s infinite forwards; -moz-animation: kf-rotate 3s linear 0s infinite forwards; -ms-animation: kf-rotate 3s linear 0s infinite forwards; -o-animation: kf-rotate 3s linear 0s infinite forwards; animation: kf-rotate 3s linear 0s infinite forwards;}.trans-all { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}.trans-fade { -webkit-transition: opacity .3s ease-out 0s; -moz-transition: opacity .3s ease-out 0s; -ms-transition: opacity .3s ease-out 0s; -o-transition: opacity .3s ease-out 0s; transition: opacity .3s ease-out 0s;}.trans-move { -webkit-transition: transform .3s ease-out 0s; -moz-transition: transform .3s ease-out 0s; -ms-transition: transform .3s ease-out 0s; -o-transition: transform .3s ease-out 0s; transition: transform .3s ease-out 0s;}.trans-move-slow { -webkit-transition: transform .6s ease-out 0s; -moz-transition: transform .6s ease-out 0s; -ms-transition: transform .6s ease-out 0s; -o-transition: transform .6s ease-out 0s; transition: transform .6s ease-out 0s;}.button,.txt-button { position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; touch-callout: none; display: inline-block; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}.button { width: 100px; height: 100px;}.txt-button { padding: 5px 15px; border-radius: 10px; border: 1px solid black;}.img-text { position: relative; height: 100px; background-position: center 0;}.img-layer { position: absolute; top: 0; left: 0; width: 100%; height: auto;}.tip-error { color: red; display: none;}.pos-abs { position: absolute;}.pos-rel { position: relative;}.pos-fix { position: fixed;}.dsp-bk { display: block;}.dsp-ibk { display: inline-block;}.size-fw { width: 100%;}.size-fh { height: 100%;}.size-fs { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.size-cv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}.center, .center-h, .center-v { position: absolute;}.center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.center-h { left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}.center-v { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}.bg-fw, .bg-fh, .bg-fs, .bg-cv, .bg-ct { background-repeat: no-repeat; background-position: center center;}.bg-fw { background-size: 100% auto;}.bg-fh { background-size: auto 100%;}.bg-fs { background-size: 100% 100%;}.bg-cv { background-size: cover;}.bg-ct { background-size: contain;}.app-wrapper { position: relative; overflow: hidden;}.app-main { position: relative; overflow: visible;}.app-page { position: relative; height: 0; opacity: 0; z-index: 5000; overflow: hidden; background-color: white;}.app-page.is-current { height: auto; z-index: 6050; overflow: visible;}.app-page.starting { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000;}.app-section { position: relative; z-index: 5000; overflow: hidden;}.app-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 8000; display: none; overflow: hidden; background-color: rgba(0, 0, 0, .7);}.app-layer .btn-close { top: 10px; right: 10px; z-index: 8500;}.alert-layer { z-index: 90000; background-color: rgba(0, 0, 0, .7);}.alert-layer .content { width: 400px; font-size: 18px; overflow: hidden; line-height: 1.5em; text-align: center; border-radius: 15px; letter-spacing: 1px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .3);}.alert-layer .msg { overflow: hidden; margin: 50px 30px;}.alert-layer .btn-ok { cursor: default; padding: 10px 0; border-top: 1px solid rgba(0, 0, 0, .3); -webkit-transition: background .3s ease-out 0s; -moz-transition: background .3s ease-out 0s; -ms-transition: background .3s ease-out 0s; -o-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s;}.alert-layer .btn-ok:hover { background-color: #e0e0e0;}.alert-layer.bigger .content { width: 450px; font-size: 26px; border-radius: 20px;}.alert-layer.bigger .msg { margin: 70px 30px;}.alert-layer.bigger .btn-ok { padding: 20px 0;}.audio-player { position: absolute; top: 0; right: 0; width: 100px; height: 100px; display: none; z-index: 6000; overflow: hidden;}.audio-player audio { opacity: 0; pointer-events: none;}.audio-player .toggle { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none;}.audio-player.playing .toggle { -webkit-animation: kf-rotate 3s linear 0s infinite forwards; -moz-animation: kf-rotate 3s linear 0s infinite forwards; -ms-animation: kf-rotate 3s linear 0s infinite forwards; -o-animation: kf-rotate 3s linear 0s infinite forwards; animation: kf-rotate 3s linear 0s infinite forwards;}.drop-list { position: relative; overflow: visible;}.drop-list .label { position: relative; z-index: 2000; cursor: default; overflow: hidden; white-space: nowrap;}.drop-list .label.placeholder { opacity: .35;}.drop-list .expand { position: absolute; left: 0; top: 100%; width: 100%; display: none; z-index: 1000; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}.drop-list .expand li { position: relative; cursor: default; overflow: hidden; list-style: none; white-space: nowrap; -webkit-transition: background .3s ease-out 0s; -moz-transition: background .3s ease-out 0s; -ms-transition: background .3s ease-out 0s; -o-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; border-bottom: 1px solid rgba(0, 0, 0, .1);}.drop-list .expand li:last-of-type { border-bottom: none;}.drop-list .expand li:hover { background-color: rgba(0, 0, 0, .05);}.pager { position: relative; font-size: 14px; text-align: center; margin: 1.5em auto 0;}.pager.bigger { font-size: 20px;}.pager .pgi { color: #555; height: 2em; min-width: 2em; line-height: 2em; margin: .5em; padding: 0 .5em; cursor: pointer; border-radius: 5px; display: inline-block; border: 1px solid #ccc;}.pager .pgi.current { cursor: default; background: #ddeeff; border-color: #66bbff; pointer-events: none;}.pager .pgi:hover { border-color: #66bbff;}.share-layer { z-index: 9000;}.share-layer .content { background-position: right top;}.video-player { position: relative; overflow: hidden; background-size: cover; background-color: black; background-position: center center;}.video-player video { position: relative; opacity: 0; width: 100%; height: 100%; z-index: 100; max-width: 100%; max-height: 100%; display: block; object-fit: cover; outline-style: none; background-color: black; -webkit-tap-highlight-color: transparent;}.video-player .btn-play { width: 100px; height: 100px; z-index: 1000; cursor: pointer;}.video-player .poster { position: relative; top: 0; left: 0; width: 100%; pointer-events: none;}.video-player.vs-playing { background-image: none !important;}.video-player.vs-playing video,.video-player.vs-paused video { opacity: 1;}.video-player.vs-playing .poster,.video-player.vs-paused .poster { opacity: 0;}.video-player.vs-playing .btn-play { display: none;}@media all and (max-width: 750px) {}.newcircle{width: 90%;left: 50%;top: 40%;position: absolute;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}