body{padding:0;margin:0;font-family:Nunito-SemiBold, 'Microsoft JhengHei', 'Microsoft Yahei', arial, helvetica, sans-serif;background:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
input,texteare{-webkit-user-select:auto;outline:none;}
.top{width:100%;border-bottom:1px solid #d8d8d8;position:fixed;top:0;background-color:#222;z-index:100}
.top-info{width:1100px;margin:15px auto;height:40px;}
.icon{float:left;font-size:30px;font-weight:bold;height:40px;}
.icon-mobile{display: none;}
.icon img{height:32px;}
.other-info{float:left;height:40px;}
.other-info a:hover{color:#09D256;}
.other-info div{float:left;font-size:16px;font-weight:bold;line-height:40px;margin-left:40px;}
.home{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;}
.comic{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.novel{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.contact-index{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.supernova-reward{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.purchase{float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.novel-competition{float:left;height:40px;line-height:40px;margin-left:35px;}
.novel-competition img{height:18px;}
#id-novel-competition{position:relative;}
.novel-competition-wrapper{position:absolute;top:0;left:0;width:230px;height:225px;display:none;}
.novel-competition-items{margin-top:40px;width:200px;background-color:#fff;z-index:1000;border:1px solid #979797;border-radius:10px;padding:15px;}
.novel-competition-items img{width:200px;}
#language{height:40px;line-height:40px;float:right;text-align:center;color:#999;font-size:14px;margin-left:24px;position:relative;display: flex;align-items: center;}
.flag{height:24px;width:24px;margin-right:5px;float:left;margin-top:8px;}
#language .down-list{line-height:40px;font-size:14px;float:left;margin-top:3px;}
.down{color:#999;font-size:10px;cursor:pointer}
#publish{float:right;margin-left:30px;height:40px;}
#publish a{color:#fff;padding:0 24px;height:40px;line-height:40px;font-size:14px;background-color:#09D256;border-radius:20px;display:inline-block}
#publish a:hover{background-color:#09D256}
.login-user{margin-left:24px;}
.login-user a:hover{color:#09D256}
.login-user .nickname{float:left;margin-right:5px;}
.login-user .down-list{line-height:40px;font-size:14px;float:left;margin-top:3px;}
.top-right{height:100%;float: right;display: flex;align-items: center;flex: 1;justify-content:flex-end;padding-right:22px;}
#search{width:38px;height:38px;margin-left:10px;float:right;border-radius:50%;border:1px solid #d8d8d8;line-height:40px;text-align:center;}
#search a{color:#999;}
#search-form{width:240px;height:36px;border-radius:20px;line-height:36px;float:right;margin-right:20px;background-color:#333;display: flex;position: relative;}
.search-input{margin-left:20px;width:230px;height:34px;font-size:14px;background-color:transparent;border:0;color:#fff}
.search-icon{color:#999;margin-right:10px;position: absolute;right: 0;}
.download-app-text a:hover{color:#09D256;}
.breadcrumb{padding:0;list-style:none;width:1100px;height:50px;margin:0 auto;line-height:50px;}
.breadcrumb-bg{background: #FAFAFA;}
.breadcrumb-bg li{text-align:-webkit-match-parent;display:inline-block;color:#999;}
.breadcrumb > li + li:before{padding:0;color:#999;content:"/\00a0";}
.breadcrumb-bg a:hover{color:#09D256;}
.breadcrumb-active{color:#333;}
#top-menu-icon{display:none;}
.top-menu-bg{display:none;}
#login-user-wrap{position:absolute;top:45px;z-index:100;display:none;left:-30px;}
.login-user-change{overflow:hidden;}
.login-user-list{width:100px;height:auto;background-color:#fff;border-radius:10px;border:1px solid #d8d8d8;}
.login-user-items{padding:10px;text-align:center;font-size:12px;line-height:20px;}
.login-user-item{display:inline-block;}
.login-user-items a{color:#4d5168}
.login-user-items a:hover{color:#09D256}
#language-wrap{position:absolute;top:50px;left:-45px;z-index:100;display:none;}
.language-change{}
.language-list{float:right;margin-right:0;width:150px;height:auto;background-color:#fff;border-radius:10px;border:1px solid #d8d8d8;}
.language-items{padding:10px 0;}
.language-item{height:20px;padding:4px 15px;overflow:hidden;width:120px;display:inline-block;cursor:pointer}
.language-item-activity{background-color:#f4f4f4;}
.language-flag{width:20px;float:left;}
.language-name{float:left;margin-left:10px;color:#333;font-size:14px;line-height:22px;height:22px;}
.language-name:hover {color:#09D256}
#page-content{margin-top:71px;}
.bottom{width:100%;border-top:1px solid #d8d8d8;overflow:hidden;}
.bottom-info{margin:30px auto 0 auto;width:1100px;height:185px;}
.download{float:right;}
.dec-title{color:#333;font-size:28px;font-weight:bold;margin-top:20px;}
.dec{color:#333;font-size:14px;margin-top:10px;}
.apps{margin-top:20px;}
.apps img{width:110px;}
#contact{background-color:#FAFAFA;overflow:hidden;}
.contact-info{margin:40px auto;width:1100px;overflow:hidden;}
.toon-logos{float: left;}
.toon-logo{width: 120px;}
.toon-logo-line{display: none;}
.toon-logo-2{width: 120px;margin-left: 50px;}
.other-logos{float: right; width: 184px; display: flex;align-items: center;}
.other-logo-1{}
.other-logo-2{margin-left: 22px;}
a{color:#999;text-decoration:none;}
.about{background-color:#FAFAFA;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.copyright{text-align:center;font-size:14px;color:#999;line-height:40px;}
.copyright a{color:#999;text-decoration:underline;}
.at-about{width:1100px;margin:20px auto 0;padding:16px 20px;background-color:#F5FFF9;border-radius:8px;}
.at-about-title{font-size:18px;font-weight:bold;color:#333;margin:0 0 6px;}
.at-about-text{font-size:14px;color:#666;line-height:22px;margin:0;}
.at-data-usage{width:1100px;margin:0 auto;padding:16px 0;font-size:12px;color:#999;line-height:20px;}
.at-data-usage-title{font-weight:bold;margin-bottom:4px;}
.at-data-usage p{margin:0;}
.at-data-usage ul{margin:0;padding-left:18px;list-style:disc;}
.at-data-usage a{color:#999;text-decoration:underline;}
#download-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0, 0, 0, 0.5);display:none;}
#download-info{padding:50px;width:700px;border-radius:20px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#download-info img{width:187px;}
.logo-info{float:left; display: flex; width: 400px;}
.logo-info .introduction{margin: auto 20px;}
.gp-download{width: 168px; margin-top: 15px;}
.mobile-purchase{display: none;}
.detail-page-back{display: none;}
/*自定义checkbox*/
.custom-checkbox{display:inline-block;width:14px;height:14px;border-radius:4px;border:solid 1px #a8b0b6;position:relative;background-color:#fafafb}
.custom-checkbox.checked{background-color:#4a90e2;border:solid 1px #4a90e2}
.custom-checkbox.checked:before{content:'\e713';font-size:12px;color:#fff;position:absolute;left:1px}
/*投稿说明页面*/

@font-face {
  font-family: 'iconfont';  /* project id 659557 */
  src: url('//at.alicdn.com/t/font_659557_c0g0262tu4p.eot');
  src: url('//at.alicdn.com/t/font_659557_c0g0262tu4p.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_659557_c0g0262tu4p.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_659557_c0g0262tu4p.woff') format('woff'),
  url('//at.alicdn.com/t/font_659557_c0g0262tu4p.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_659557_c0g0262tu4p.svg#iconfont') format('svg');
}
.iconfont{
  font-family:iconfont;
}
ul.other-languages a{font-size:14px;}
/* 手机端CSS适配 */
@media only screen and (max-width:800px){
  .top{width:100%;border-bottom:0 solid #d8d8d8;}
  .top-info{position:relative; width: 100%; float: left; display: flex;height: 52px; margin: 0 auto;}
  .icon{display: none;}
  .icon-mobile{display: block;}
  .icon-mobile img{width: 36px; height: 36px; margin-left: 14px;margin-top: 8px;}
  .other-info{display:none;}
  #language{height:22px;border-radius:0;border:0 solid #979797;line-height:22px;float:right;
    text-align:center;color:#333;font-size:12px;padding:0;}
  .flag{height:22px;width:22px;margin-right:5px;float:left;margin-top:0;}
  #language .down-list{line-height:20px;font-size:12px;float:left;margin-top:2px;}
  #publish{display:none}
  .login-user{display:none;}
  #search-form{width: 160px; height: 28px;line-height: 28px; border-radius: 46px; margin-left: 28px; background: rgba(255, 255, 255, 0.1); margin-right: 0;}
  #search{width:130px;height:28px;border-radius:10px;border:1px solid #979797;line-height:20px;float:right;margin-right:10px;display:none;}
  .search-input{height: 28px; margin-left:34px;font-size:10px;background-color:transparent;border:0; width: 120px}
  .search-icon{color:#999;float:none;margin-right:0;font-size:16px;left : 9px; width: 16px;}
  .download-app-text{display: flex; justify-content: center; align-items: center; padding: 10px 14px; width: 80px; height: 10px; background: #09D256; border-radius: 18px; margin-left: 16px;}
  .download-app-text a{color: #fff; font-size: 12px;}
  .download-app-text a:hover{color:#333;}
  .mobile-purchase{display: block; margin-left: 10px; font-size: 12px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
  .breadcrumb-bg{display:none;}
  .top-menu-bg{position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:100;width:100%;height:100%;overflow:hidden;}
  .top-menu-list{width:80%;height:100%;background-color:#fff;}
  .top-menu-search-box{margin:20px;height:40px;border:1px solid #979797;border-radius:10px;overflow:hidden;}
  .top-menu-search-info{height:40px;line-height:40px;margin-left:10px;color:#ccc;font-size:18px;float:left;}
  .top-menu-search-icon{height:40px;line-height:40px;margin-right:10px;float:right;}
  .top-menu-search-button{color:#ccc;font-size:18px;}
  .top-menu-items{margin:0 20px;overflow:hidden;}
  .top-menu-item{height:60px;color:#333;font-size:16px;font-weight:bold;line-height:60px;}
  .top-menu-line{width:100%;height:1px;background-color:#ccc;}
  .top-menu-list-icon{font-size:16px;color:#333;margin-right:15px;}
  #top-menu-close-bg{position:absolute;top:25px;right:25px;z-index:120;}
  .top-menu-close-icon{color:#fff;font-size:28px;}
  #language-wrap{position:absolute;top:38px;right:0;z-index:100;display:none;}
  .language-change{width:100%;margin:0;}
  .language-list{float:right;width:150px;height:auto;background-color:#fff;border-radius:12px;border:1px solid #d8d8d8;}
  .language-items{padding:10px 0;}
  .language-item{height:20px;padding:5px 15px;overflow:hidden;width:120px;display:inline-block;}
  .language-item-activity{background-color:#f4f4f4;}
  .language-flag{width:20px;float:left;}
  .language-name{float:left;margin-left:10px;color:#333;font-size:14px;line-height:22px;height:22px;}
  .bottom-info{margin:20px 0;width:100%;overflow:hidden;height:auto;}
  .bottom-info img{width:30%;}
  .app-icon{display:none;}
  .download{width:100%;height:auto;margin:auto;}
  .dec-title{color:#333;font-size:14px;font-weight:bold;margin-top:10px;text-align:center;width:80%;margin-left:10%;}
  .dec{color:#333;font-size:12px;margin-top:10px;text-align:center;width:80%;margin-left:10%;}
  .apps{margin-top:10px;text-align:center;}
  .apps img{width:30%;}
  #contact{border-bottom:1px solid #444;overflow:hidden;width:100%;}
  .contact-info{margin:10px 0 30px 0;width:100%;}
  .contact-item{width:100%;}
  .group-title{color:#fff;font-size:16px;text-align:center;margin-top:20px;}
  .group{color:#ccc;font-size:12px;margin-top:3px;text-align:center;}
  .group-2{color:#999;margin-top:10px;font-size:12px;text-align:center;}
  .copyright{text-align:center;font-size:12px;color:#999;line-height:40px;}
  .at-about{width:auto;margin:12px 16px 0;padding:12px;}
  .at-about-title{font-size:16px;}
  .at-data-usage{width:auto;padding:12px 16px;}
  #download-info{padding:30px 0;width:80%;border-radius:10px;}
  #download-info img{width:30%;}
  .app-icon-2{margin-left:50%;transform:translateX(-50%);}
  .logo-info{width: 100%;}
  .logo-info .introduction{margin: auto auto;font-weight: bold;}
  .toon-logos{margin-left: 10px;display: flex;flex-direction: column;float: none;align-items: center;margin-top: 20px;}
  .toon-logo-line{width: 80%;border: 1px solid #EEEEEE;display: block;margin-top: 26px;}
  .toon-logo-2{margin-left: 0;margin-top: 30px;}
  .gp-download{margin-left: 35%;}
  .other-logos{float: none;justify-content: center;width: 100%;margin-top: 32px;}
  #page-content{margin-top:52px;}
  .detail-page-back{margin-left: 20%;display: flex;align-items: center;width: 50px;}
  .detail-page-icon{font-size: 24px;color: #FFF;}
}
@font-face{
  font-family:Nunito-SemiBold;
  src:url('//cn-e-pic.mangatoon.mobi/for-h5/fonts/Nunito-SemiBold.ttf');
}
@font-face{
  font-family:Nunito-SemiBold;
  font-weight:bold;
  src:url('//cn-e-pic.mangatoon.mobi/for-h5/fonts/Nunito-Bold.ttf');
}
@font-face{
  font-family:Nunito-Bold;
  src:url('//cn-e-pic.mangatoon.mobi/for-h5/fonts/Nunito-Bold.ttf');
}