body{padding:0;margin:0;font-family:Helvetica Neue, Helvetica, 'Microsoft JhengHei', 'Microsoft Yahei', arial, helvetica, sans-serif;background:#fff!important;-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;}
p{padding: 0;margin: 0}
.clear{content: '';clear: both;}
.top{width:100%;position:fixed;top:0;background-color:#fff;z-index:101}
.top-other-info-web{width:1120px;margin:0 auto;height:30px;padding-top: 10px;display: flex;align-items: center;justify-content: flex-end}
.top-info{width:1120px;margin:0 auto;height:72px;}
.icon-web{float:left;font-size:30px;font-weight:bold;height:72px;display: flex;align-items: center}
.web-logo-icon{display: block;height: 36px;margin: 5px 0 -5px;}
.wap-logo-icon{display: none;}
.other-info{float:left;height:72px;line-height: 72px}
.other-info a{color:#333;font-size:16px;font-weight:400;margin-left: 20px}
.other-info a:hover{color:#319FFF;}
.other-info-mobile{display: none;}
#language-box-mobile{display: none;}
/*.other-info div{color:#4d5168;float:left;font-size:16px;font-weight:bold;line-height:40px;margin-left:20px;}*/
.home{color:#4d5168;float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;}
.comic{color:#4d5168;float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.novel{color:#4d5168;float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.contact-index{color:#4d5168;float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.supernova-reward{color:#4d5168;float:left;font-size:16px;font-weight:bold;height:40px;line-height:40px;margin-left:35px;}
.purchase{color:#4d5168;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:#333;font-size:14px;margin-left:20px;position:relative}
.flag{height:24px;width:24px;margin-right:5px;float:left;margin-top:8px;}
#language .down-list{line-height:40px;font-size:14px;float:left;}
.down{font-size:12px;cursor:pointer;color: #ccc;}
#publish{float:right;margin-left:10px;height:40px;}
#publish a{color:#fff;padding:0 24px;height:40px;line-height:40px;font-size:14px;background-color:#319FFF;border-radius:20px;display:inline-block}
#publish a:hover{background-color:#e54b4b}
.login-user{height:40px;line-height:40px;float:right;text-align:center;color:#333;font-size:14px;position:relative;}
.login-user a{color:#4d5168}
.login-user a:hover{color:#333}
.login-user .nickname{float:left;margin-right:5px;}
.login-user .down-list{line-height:40px;font-size:14px;float:left;}
.top-left{}
.top-right{height:100%;float: right;display: flex;align-items: center;justify-content: flex-end}
#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:210px;height:36px;border-radius:20px;border:1px solid #ccc;line-height:36px;float:right;background-color:#fff;}
.search-input{margin-left:20px;width:160px;height:100%;font-size:14px;background-color:transparent;border:0;}
.search-input::placeholder{color: #333;}
.search-icon{color:#ccc;float:right;margin: 10px 10px 0 0;background: transparent;border: 0;padding: 0;}
.breadcrumb-bg{width:100%;overflow:hidden;height:50px;}
.breadcrumb{padding:0;list-style:none;width:1120px;height:50px;margin:0 auto;line-height:50px;}
.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:#319FFF;}
.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;color:#4d5168;line-height:20px;}
.login-user-item{display:inline-block;}
.login-user-items a{color:#4d5168}
.login-user-items a:hover{color:#ff5454}
#language-wrap{position:absolute;top:45px;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:hover .language-name{color: #319FFF}
.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;}
#page-content{margin-top:112px;}
.bottom{width:100%;overflow:hidden;}
.bottom-top{width:100%;padding: 30px 0;background-image: url("../../official/noveltoon/banner1.png");background-repeat:no-repeat;background-position: center;overflow: hidden;display: flex;justify-content: center;align-items: flex-end;}
.bottom-info{width:1120px;display: flex;align-items: center}
.bottom-info>img{width:315px;height: 274px;margin-bottom: -40px;margin-right: 57px;float: left}
.app-icon{width:315px;height: 274px;margin-bottom: -40px;margin-right: 57px;float: left}
.download{flex: 1;float: left}
.dec-title{color:#333;font-size:27px;font-weight:700;line-height: 27px}
.dec{color:#333;font-size:26px;font-weight: 300;line-height: 26px;margin-top:13px;}
.apps{margin-top:31px;}
.apps img{width:138px;height: 40px;display: inline-block}
.apps a{width:138px;height: 40px;display: inline-block}
#contact{position:relative;width:100%;overflow:hidden;}
.contact-info{width:1120px;height: 234px;margin: 0 auto;}
.contact-detail{width: 100%;height: 112px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center}
.contact-img-box {float: left;margin-right: 53px}
.contact-detail-left img{width: 120px;height: 24px;}
.contact-detail-right{display: flex;align-items: center}
.contact-item{width:250px;float:left;}
.group-title{color:#fff;font-size:22px;text-align:center;margin-top:20px;}
.group{color:#ccc;font-size:16px;margin-top:5px;text-align:center;}
.group-2{color:#999;margin-top:15px;font-size:16px;text-align:center;}
a{color:#999;text-decoration:none;}
.about{height:122px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.about-text{font-size: 14px;font-weight: 400;line-height: 14px;color: #333;margin-right: 40px}
.bottom-back{position: fixed;bottom: 108px;right: 57px;width: 60px;height: 60px;display:flex;align-items:center;justify-content:center;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);background: #fff;border-radius: 100%;font-size: 24px;color: #999;}
.copyright{text-align:center;font-size:14px;color:#999;line-height:40px;}
#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;}
.mt-icon{color: #999;font-size: 20px;}
.channel-icon{color: #999;font-size: 27px;}
/*自定义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}
/*投稿说明页面*/
.history-mobile{display: none}
.language-web{display: block;font-size: 16px;font-weight: 400}
.language-mobile{display: none}
.home-icon-mobile{display: none}
.search-icon-box-mobile{display: none;}
.top-menu-icon-a-mobile{display: none}
.top-center{display: none;}
.search-input::-webkit-input-placeholder { /* WebKit browsers，webkit内核浏览器 */color: #ccc;}
.search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ccc;}
.search-input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #ccc;}
.search-input:-ms-input-placeholder { /* Internet Explorer 10+ */color: #ccc;}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 659557 */
    src: url('//at.alicdn.com/t/c/font_659557_yw0ao5cpbq.woff2?t=1697099063291') format('woff2'),
    url('//at.alicdn.com/t/c/font_659557_yw0ao5cpbq.woff?t=1697099063291') format('woff'),
    url('//at.alicdn.com/t/c/font_659557_yw0ao5cpbq.ttf?t=1697099063291') format('truetype');
    font-display: swap;
}
.iconfont{
    font-family:iconfont;
}
ul.other-languages a{font-size:14px;}
.language-choose-bg{display: none}
/* 手机端CSS适配 */
@media only screen and (max-width:800px){
    .top{width:100%;border-bottom:0 solid #d8d8d8;}
    .top-info{width:100%;position:relative;height: 52px;display: flex;justify-content: space-between;align-items: center;padding: 0 16px;box-sizing: border-box;}
    .icon-web{display: none}
    .web-logo-icon{display: none;}
    .wap-logo-icon{display: block;height: 40px;}
    .top-left{}
    .top-other-info-web{display:none;}
    .other-info{display:none;}
    .flag{height:22px;width:22px;margin-right:5px;float:left;margin-top:0;}
    .down{display: none}
    #publish{display:none}
    .login-user{display:none;}
    .other-info-mobile{float:left;height:72px;line-height: 72px}
    .other-info-mobile a{color:#333;font-size:16px;font-weight:400;margin-left: 20px}
    .other-info-mobile a:hover{color:#319FFF;}
    .search-box{flex:1;margin-right: 10px;margin-left: 10px;display: none}
    #search-form{width: 100%;margin: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-between}
    #search{width:140px;height:20px;border-radius:10px;border:1px solid #979797;line-height:20px;float:right;margin-right:10px;display:none;}
    .search-input{margin-left:10px;width:72%;height:10px;font-size:12px;background-color:transparent;border:0;}
    .search-icon{color:#ccc;float:none;font-size:14px;margin: 0 10px 0 0;background: transparent;border: 0;padding: 0;}
    .breadcrumb-bg{display:none;}
    #top-menu-icon{display: block;font-size: 18px;color: #666}
    .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:100%;height:100%;background-color:#fff;float: right}
    .top-menu-top{display:flex;justify-content: center;align-items: center;margin-top: 30px}
    .top-menu-icon{margin-left:10px;padding-top:28px;height:27px;}
    .top-menu-icon img{height:27px;}
    #top-menu-close-bg{position:absolute;top:28px;right:25px;z-index:120;}
    .top-menu-close-icon{color:#319FFF;font-size:18px;}
    .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;display: flex;align-items: center;justify-content: space-between}
    .top-menu-line{width:100%;height:1px;background-color:#ccc;display:none }
    .top-menu-list-icon{font-size:16px;color:#333;margin-right:15px;}
    .bottom-info{width:100%;overflow:hidden;height:auto;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;}
    .bottom-info img{width:30%;margin:0;}
    .app-icon{width: 199px!important;height: 166px!important;margin-bottom: -170px;}
    .download{width:100%;height:auto;margin-left:0;}
    .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:124px;height: 40px;display: inline-block}
    .apps a{width:124px;height: 40px;display: inline-block}
    #contact{overflow:hidden;width:100%;}
    .contact-info{margin:0;width:100%;height: auto;}
    .contact-detail{height: auto;border: none;display: block}
    .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;}
    .about{}
    .copyright{text-align:center;font-size:12px;color:#999;line-height:40px;}
    #download-info{padding:30px 0;width:80%;border-radius:10px;}
    #download-info img{width:30%;}
    .app-icon-2{margin-left:50%;transform:translateX(-50%);}
    .contact-detail-left{width: 85%;padding: 0 32px;box-sizing: border-box;display: flex;justify-content: space-around;align-items: flex-start;border-bottom: 1px solid #eee;margin: 0 auto}
    .contact-detail-left img{display: block}
    .contact-detail-middle{width: 85%;height: 88px;display: flex;justify-content: center;align-items: center;margin: 0 auto;border-bottom: 1px solid #eee;}
    .contact-detail-right{width: 85%;height: 88px;border-bottom: 1px solid #eee;padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;margin: 0 auto}
    .contact-img-box{height: 88px;float: none;margin: 0;display: flex;justify-content: center;align-items: center;}
    .about-left{display: none}
    .about-right{margin: 0 auto;text-align: center;}
    .about-text{display: block;margin-bottom: 8px;margin-right: 0}
    .bottom-back{right: 16px;bottom: 76px;width: 48px;height: 48px;font-size: 18px;}
    #page-content{margin-top:98px;}
    .bottom-top{background-position-x:right;background-position-y:bottom;}
    .history-mobile{display: block;color: #999;font-size: 24px;margin-right: 10px}
    .language-web{display: none}
    .language-mobile{display: block;font-size: 24px;color: #999}
    .top-center{display: flex;flex: 1;justify-content: center;}
    .home-icon-mobile{display: block;color:#666;font-size:23px;}
    .search-icon-box-mobile{display: flex;justify-content: center;align-items: center;margin-right: 6px}
    .search-icon-box-mobile .search-icon{color: #666;margin: 0;font-size: 18px}
    .top-menu-icon-a-mobile{display: block;margin-top: 8px}
    .top-menu-icon-logo{height:27px;width: 131px}
    .top-menu-list-img{width: 16px;color: #333;margin-right: 15px}
    .language-choose-bg{position:fixed;top:0;left:0;background-color:#fff;z-index:100;
        width:100%;height:100%;overflow:hidden;box-sizing: border-box;padding: 0 16px 30px;}
    .language-choose-top{display: flex;justify-content: space-between;align-items: center;margin-top: 20px}
    .language-choose-back-icon{font-size: 22px;}
    .language-choose-close-icon{color: #319FFF;font-size: 18px;}
    .language-choose-title{font-size: 20px}
    #language-box-mobile{display:block;height:22px;border-radius:0;border:0 solid #979797;line-height:22px;margin: 0;
        text-align:center;color:#333;font-size:12px;padding:0;}
    #language-mobile{color:#333;font-size:14px;position:relative;}
    #language-mobile .down-list{font-size:14px;float:left;}
    #language-mobile .down{display: block}
    #language-wrap-mobile{}
    .language-change{width:100%;margin:0;}
    .language-list-mobile{background-color:#fff;height: calc(100vh - 25px);overflow-y: scroll}
    .language-list-mobile::-webkit-scrollbar {display: none;}
    .language-list-mobile::-webkit-scrollbar-track {background-color: transparent;}
    .language-items{padding:20px 0;display: flex;flex-wrap: wrap}
    .language-item{width: 100%;height:20px;display:inline-block;margin: 12px 0;padding: 0}
    .language-item-activity{background-color: transparent}
    .language-item-activity .language-name-mobile{color: #319FFF;}
    .language-item-box{display: flex;justify-content: space-between;align-items: center}
    .language-flag{width:20px;}
    .language-name-mobile{color:#333;font-size:15px;}
    .language-choose-icon{color: #319FFF;font-size: 18px;}
    .mobile-nav-info{color:#333;display:flex;box-sizing:border-box;align-items:center;overflow-x: scroll;
        border-bottom:0.5px solid #eee;border-top:0.5px solid #eee;}
    .mobile-nav{font-size:14px;font-weight:400;height:40px;color:#404040;opacity:1;margin:2px 0;position:relative;flex-shrink:0;display: flex;justify-content: center;align-items: center;padding: 0 16px}
    /*.mobile-nav + .mobile-nav{border-left:1px solid #eee;}*/
    .mobile-nav a{color: #333}
    .mobile-nav-3{width: 33vw;padding: 0;}
    .mobile-nav-4{width: 25vw;padding: 0;}
    .mobile-nav.search{border-right:none;flex: 1;padding: 0 4px}
    .mobile-nav-line{position:absolute;display:none;background:#319FFF;width:20px;height:3px;border-radius:3px;left:50% ;transform:translateX(-50%);bottom:0}
    .mobile-nav-info::-webkit-scrollbar {display: none;}
    .mobile-nav-info::-webkit-scrollbar-track {background-color: transparent;}
    .search-box-bg-mobile{display:flex;align-items:center;color:#fff;font-size:16px;width: 100%}
    .search-box-mobile{display:flex;align-items:center;justify-content:center;width: 100%}
    .form-bg-mobile{display:flex;align-items:center;position: relative;flex:1;}
    #id-input-search-mobile{width:100%;box-sizing: border-box;border:0;outline:none;font-size:14px;line-height:30px;background:transparent;}
    .search-btn-bg-mobile{height:100%;display:flex;padding:0 4px;align-items:center;color:#ccc;font-size:16px;}
}

@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');
}