.app-root{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:100rem;min-height:50rem}.icon-button{display:flex;align-items:center;color:#34495e;cursor:pointer;transition:color .3s}.icon-button:hover{color:#e74c3c}.icon-button:active{color:#c0392b}
@font-face {
  font-family: 'cool-icon-font';
  src:
    url(fonts/cool-icon-font.ttf) format('truetype'),
    url(fonts/cool-icon-font.woff) format('woff'),
    url(fonts/cool-icon-font.svg#cool-icon-font) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="cool-icon-"], [class*=" cool-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cool-icon-font' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cool-icon-60:before {
  content: "\e93b";
}
.cool-icon-59:before {
  content: "\e93a";
}
.cool-icon-58:before {
  content: "\e939";
}
.cool-icon-57:before {
  content: "\e938";
}
.cool-icon-56:before {
  content: "\e937";
}
.cool-icon-55:before {
  content: "\e936";
}
.cool-icon-54:before {
  content: "\e935";
}
.cool-icon-53:before {
  content: "\e934";
}
.cool-icon-52:before {
  content: "\e932";
}
.cool-icon-51:before {
  content: "\e933";
}
.cool-icon-50:before {
  content: "\e92f";
}
.cool-icon-49:before {
  content: "\e930";
}
.cool-icon-48:before {
  content: "\e931";
}
.cool-icon-47:before {
  content: "\e92b";
}
.cool-icon-46:before {
  content: "\e92c";
}
.cool-icon-45:before {
  content: "\e92d";
}
.cool-icon-44:before {
  content: "\e92e";
}
.cool-icon-43:before {
  content: "\e92a";
}
.cool-icon-42:before {
  content: "\e927";
}
.cool-icon-41:before {
  content: "\e928";
}
.cool-icon-40:before {
  content: "\e929";
}
.cool-icon-39:before {
  content: "\e922";
}
.cool-icon-38:before {
  content: "\e923";
}
.cool-icon-37:before {
  content: "\e925";
}
.cool-icon-36:before {
  content: "\e924";
}
.cool-icon-35:before {
  content: "\e926";
}
.cool-icon-34:before {
  content: "\e909";
}
.cool-icon-33:before {
  content: "\e902";
}
.cool-icon-32:before {
  content: "\e901";
}
.cool-icon-31:before {
  content: "\e907";
}
.cool-icon-30:before {
  content: "\e900";
}
.cool-icon-29:before {
  content: "\e91d";
}
.cool-icon-28:before {
  content: "\e91c";
}
.cool-icon-27:before {
  content: "\e91b";
}
.cool-icon-26:before {
  content: "\e91a";
}
.cool-icon-25:before {
  content: "\e915";
}
.cool-icon-24:before {
  content: "\e913";
}
.cool-icon-23:before {
  content: "\e914";
}
.cool-icon-22:before {
  content: "\e912";
}
.cool-icon-21:before {
  content: "\e911";
}
.cool-icon-20:before {
  content: "\e910";
}
.cool-icon-19:before {
  content: "\e904";
}
.cool-icon-18:before {
  content: "\e90f";
}
.cool-icon-17:before {
  content: "\e90e";
}
.cool-icon-16:before {
  content: "\e90d";
}
.cool-icon-15:before {
  content: "\e90c";
}
.cool-icon-14:before {
  content: "\e90b";
}
.cool-icon-13:before {
  content: "\e90a";
}
.cool-icon-12:before {
  content: "\e916";
}
.cool-icon-11:before {
  content: "\e917";
}
.cool-icon-10:before {
  content: "\e918";
}
.cool-icon-9:before {
  content: "\e919";
}
.cool-icon-8:before {
  content: "\e91f";
}
.cool-icon-7:before {
  content: "\e920";
}
.cool-icon-6:before {
  content: "\e91e";
}
.cool-icon-5:before {
  content: "\e921";
}
.cool-icon-4:before {
  content: "\e906";
}
.cool-icon-3:before {
  content: "\e908";
}
.cool-icon-2:before {
  content: "\e905";
}
.cool-icon-1:before {
  content: "\e903";
}

body{-webkit-user-select:none;-moz-user-select:none;user-select:none}*{margin:0;border:none;outline:none;-webkit-hyphens:none;hyphens:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.adapter-large *::-webkit-scrollbar{width:.5rem;height:.5rem}.adapter-large *::-webkit-scrollbar-thumb{background-color:silver;border-radius:.5rem}.adapter-large *::-webkit-scrollbar-track{background:#e6e6e6;border-radius:.5rem}.adapter-small *::-webkit-scrollbar{width:2px;height:2px}.adapter-small *::-webkit-scrollbar-thumb{background-color:#10a8a3}input{-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:1rem;font-family:inherit}textarea{font-size:1rem;-webkit-user-select:text;-moz-user-select:text;user-select:text}.font-hei{font-family:"Times New Roman",-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}.font-kai{font-family:"Times New Roman",Baskerville,Georgia,"Liberation Serif","Kaiti SC",STKaiti,"AR PL UKai CN","AR PL UKai HK","AR PL UKai TW","AR PL UKai TW MBE","AR PL KaitiM GB",KaiTi,KaiTi_GB2312,"TW-Kai",serif}.font-song{font-family:"Times New Roman",Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif}.font-fang-song{font-family:"Times New Roman",Baskerville,"Times New Roman","Liberation Serif",STFangsong,FangSong,FangSong_GB2312,"CWTEX-F",serif}.default-disable{opacity:.5 !important;pointer-events:none !important}.default-hidden{display:none !important}
.default-image{width:10rem;height:10rem;background-repeat:no-repeat;background-size:contain;background-position:center;line-height:normal}
.default-button{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:.25rem .5rem;border-radius:.25rem;color:#e6e6e6;background-color:#3498db;line-height:normal;transition:background-color .3s,color .3s;cursor:pointer}.default-button:hover{background-color:#3bafff;color:#fff}.default-button:active{background-color:#2980b9}
.default-select-grid{display:inline-flex;color:gray;background-color:#fff;border:2px solid gray;padding:1px 5px;border-radius:.25rem;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;line-height:normal}.default-select-grid:hover{border-color:#3498db}.default-select-grid:active{border-color:#2980b9}.default-select-grid-selected{border-color:#3498db;background-color:#3498db;color:#e6e6e6}
.default-select-group{display:flex;flex-direction:row;justify-content:space-between;line-height:normal}
.default-modal-window{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.7);line-height:normal}
.default-h5-tool-player{position:relative;width:48rem;height:29rem;background-color:#34495e;box-shadow:0 .1rem .5rem rgba(0,0,0,.5);line-height:normal}.default-h5-tool-player .player-tool-bar{position:absolute;height:2rem;left:0;right:0;top:0;background-color:#34495e;display:flex;align-items:center;justify-content:space-between;color:#e6e6e6}.default-h5-tool-player .player-tool-bar .player-title{margin-left:.5rem;cursor:default}.default-h5-tool-player .player-tool-bar .player-button-container{display:flex;align-items:center}.default-h5-tool-player .player-tool-bar .player-button-container .player-button{margin-right:.5rem;margin-left:.5rem;transition:color .3s;cursor:pointer}.default-h5-tool-player .player-tool-bar .player-button-container .player-button:hover{color:#3bafff}.default-h5-tool-player .player-tool-bar .player-button-container .player-button:active{color:#2980b9}.default-h5-tool-player .html-container{position:absolute;left:0;top:2rem;right:0;bottom:0;overflow:hidden}
.default-toggle{display:flex;justify-content:center;align-items:center;height:1rem;width:1rem;padding:.25rem;background-color:#34495e;color:silver;cursor:pointer;transition:background-color .3s,color .3s;border-radius:.25rem;line-height:normal}.default-toggle-true{color:#e6e6e6;background-color:#3498db}
.default-slider{position:relative;height:1rem;width:30rem;background-color:#bdc3c7;border-radius:.5rem;cursor:pointer;line-height:normal}.default-slider .slider-step-tag{fill:#95a5a6}.default-slider .slider-front{position:absolute;left:0;top:0;height:100%;background-color:#16a085;border-radius:.5rem}.default-slider .slider-front .slider-tag{position:absolute;height:1.2rem;width:1.2rem;right:-0.6rem;top:-0.1rem;border-radius:50%;background-color:#1abc9c;transition:background-color .3s}.default-slider-hover .slider-front .slider-tag{background-color:#1ccdab}
.default-video-player{position:relative;width:48rem;height:27rem;background-color:#000;box-shadow:0 .1rem .5rem rgba(0,0,0,.5);line-height:normal}.default-video-player .video-control{position:absolute;bottom:0;left:0;width:100%;height:2rem;background-color:#2c3e50;display:flex;align-items:center;color:silver;cursor:default}.default-video-player .video-control .video-play{display:inline-flex;margin-left:1rem;cursor:pointer;transition:color .3s}.default-video-player .video-control .video-play:hover{color:#3498db}.default-video-player .video-control .video-progress{margin-left:2rem;width:100%;height:.5rem;border-radius:.25rem;background-color:silver;cursor:pointer}.default-video-player .video-control .video-progress .slider-front{position:relative;height:100%;background-color:#3498db;border-radius:.5rem}.default-video-player .video-control .video-progress .slider-front .slider-tag{position:absolute;right:-0.6rem;top:-0.35rem;height:1.2rem;width:1.2rem;border-radius:50%;background-color:#3498db}.default-video-player .video-control .video-time{margin-left:.5rem;font-size:1rem}.default-video-player .video-control .video-voice{display:inline-flex;margin-left:2rem;cursor:pointer;transition:color .3s}.default-video-player .video-control .video-voice:hover{color:#3bafff}.default-video-player .video-control .video-volume{margin-left:.5rem;margin-right:2rem;min-width:6rem;height:.5rem;background-color:silver;cursor:pointer;border-radius:.25rem}.default-video-player .video-control .video-volume .slider-front{background-color:#3498db;height:100%;border-radius:.25rem}.default-video-player .video-control .video-fullscreen{margin-right:1rem;cursor:pointer;transition:color .3s}.default-video-player .video-control .video-fullscreen:hover{color:#3bafff}.default-video-player .video-control .video-fullscreen:active{color:#2980b9}.default-video-player .close-button{position:absolute;right:0;top:0;padding:.5rem;background-color:#2c3e50;color:silver;transition:color .3s,background-color .3s;border-bottom-left-radius:50%;cursor:pointer}.default-video-player .close-button:hover{color:#3bafff}.default-video-player .close-button:active{color:#2980b9}.default-video-player .children-container{position:absolute;left:0;right:0;top:0;bottom:0}.default-video-player .poster-background{background-color:#3e3e3e}
.home-page{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;align-items:center}.home-page .header{left:0;top:0;height:4rem;width:75rem;display:flex;align-items:center;justify-content:space-between}.home-page .header .title{display:flex;align-items:center}.home-page .header .title .logo{height:3rem;width:3rem}.home-page .header .title .title-text{margin-left:1rem;font-size:1.5rem}.home-page .main-menu{height:2.5rem;width:75rem;display:flex;align-items:center}.home-page .main-menu .menu-item{border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;margin-right:-1px;height:2.5rem;line-height:2.5rem;padding-left:2rem;padding-right:2rem;cursor:pointer}.home-page .main-menu .menu-item-selected{color:#3498db}.home-page .res-container{width:75rem;margin-top:2rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.home-page .res-container .res-preview{position:relative;width:16rem;height:12rem;margin-bottom:2rem;border-radius:.5rem;overflow:hidden;box-shadow:0px 4px 10px 0px rgba(7,17,27,.3)}.home-page .res-container .res-preview .name{position:absolute;left:0;top:0;width:100%;height:2rem;color:#fff;text-align:center;line-height:2rem;z-index:1}.home-page .res-container .res-preview .image{position:absolute;top:2rem;width:100%;height:10rem;cursor:pointer;transition:transform 1s}.home-page .res-container .res-preview .default-image:hover{transform:scale(1.1)}.home-page .res-container .res-preview .default-image:active{transform:scale(0.95)}