@font-face{
    font-family:Lora;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Lora-Regular.ttf');
}
@font-face{
    font-family:Merriweather;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Merriweather-Regular.ttf');
}
@font-face{
    font-family:Rubik;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Rubik-Regular.ttf');
}
@font-face{
    font-family:Kanit;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Kanit-Regular.ttf');
}
@font-face{
    font-family:Sarabun;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Sarabun-Regular.ttf');
}
@font-face{
    font-family:Taviraj;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Taviraj-Regular.ttf');
}
@font-face{
    font-family:Bitter;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/Bitter-Regular.ttf');
}
@font-face{
    font-family:Open-sans;
    src:url('//cn-e-pic.mangatoon.mobi/fonts/OpenSans-Regular.ttf');
}
body{margin: 0;padding: 0;font-family: Roboto;}
.watch-page-fiction-content{margin: 30px 0;padding: 0;color: #333;}
.watch-page-fiction-content a{color: #333;}
.watch-page-copyright-content{margin: 2px 0;padding: 0;color: #333;line-height:26px;text-align: center;}
.watch-page-copyright-content a{color: #666;font-size: 14px;font-style:italic;}
/*#page-content{margin: 0!important;}*/
.watch-content{width: 100%;margin-top: -40px;}
.watch-nav{width: 100%;height: 72px;background-color: #fff;display: flex;border-bottom: 1px solid #ccc;position: fixed;top: 0;left: 0;z-index: 10000000}
.watch-nav-content{width: 860px;margin: 0 auto;line-height: 72px;display: flex;justify-content: space-between;align-items: center}
.watch-nav-left{height: 100%;float: left;display: flex;align-items: center}
.watch-nav-left img{width: 48px;height: 48px}
.watch-nav-title{font-size: 30px;font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.watch-nav-right{height: 100%;float: right;display: flex;align-items: center;margin-left: 16px;}
.watch-main{width: 860px;margin: 72px auto 0;background-color: #fff;border: 1px solid #eee;padding-bottom: 100px;}
.watch-main2{width: 100%;margin: 72px auto 0;background-color: #fafafa;border: 1px solid #eee;padding-bottom: 100px;box-sizing: border-box}
.watch-main-top{width: 720px;margin: 72px auto 0 auto;text-align: center;padding-bottom: 72px;border-bottom: 1px solid #eee;}
.watch-main-top img{width: 234px;height: 326px;border-radius: 8px;}
.watch-main-title{font-size: 30px;line-height: 30px;font-weight: 700;color: #333;margin: 48px 30px 20px 30px;}
.watch-authour{font-size: 18px;line-height: 18px;font-weight: 400;color: #999;}
.watch-chapter-content{padding: 48px 70px 40px 70px;box-sizing: border-box}
.watch-chapter-title{font-size: 24px;line-height: 24px;font-weight: 700;color: #333;margin-bottom: 32px;}
.watch-chapter-detail p{font-size: 18px;line-height: 36px;font-weight: 400;color: #333;word-break: break-word}
.watch-banner{width: 720px;height: 120px;border-radius: 4px;margin: 40px 0 40px 0;display: none;}
.like-and-collect{font-size: 20px;}
.watch-like-btn{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.btn-item{width: 58px;height: 58px;border-radius: 50px;border: 2px solid #eee;line-height: 58px;text-align: center;}
.watch-change{width: 100%;overflow: hidden;margin-top: 64px;}
.watch-pre a{float: left;display: flex;align-items: center}
.watch-next a{float: right;display: flex;justify-content: flex-end;align-items: center}
.change-text{font-size: 16px;line-height: 16px;font-weight: 500;color: #333;}
.change-info{font-size: 14px;line-height: 14px;font-weight: 400;color: #666;margin-top: 6px;}
.comments-tab{width: 100%;height: 46px;margin: 48px auto 40px auto;border-bottom: 1px solid #eee;display: none}
.comments-tab-item{height: 43px;font-size: 22px;line-height: 22px;font-weight: 700;color: #ccc;display: inline-block}
.activity-tab{border-bottom: 4px solid #319FFF;color: #319FFF}
.comments-item{width: 100%;margin-bottom: 40px;overflow: hidden}
.comments-item img{width: 48px;height: 48px;border-radius: 50px;float: left}
.comments-item-info{width: 648px;margin-left: 24px;padding-bottom: 21px;border-bottom: 1px solid #eee;float: left}
.comment-title{font-size: 16px;line-height: 16px;font-weight: 700;color: #333;}
.comment-detail{font-size: 14px;line-height: 21px;font-weight: 400;color: #666;margin-top: 12px}
.comment-tips{margin-top: 9px;}
.comment-date{font-size: 14px;line-height: 14px;font-weight: 400;color: #ccc;float: left}
.comment-like{float: right}
.like-icon{font-size: 16px;margin-left: 30px;}
.comment-like span{color: #999;}
.watch-sidebar{position: fixed;right: -480px;top: 0;width: 530px;height: 100%;z-index: 999;}
.sidebar-btn{position: absolute;top: 416px;left: 0;background-color: #fff;border: 1px solid #eee;border-radius: 4px;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);float: left;}
.sidebar-item{width: 49px;height: 64px;border-bottom: 1px solid #eee;display: flex;justify-content: center;align-items: center}
.watch-side-list{position: absolute;right: 0;top: 0;width: 480px;height: 100%;float: left;background-color: #fff;border-left: 1px solid #eee;box-shadow: -5px 0px 40px rgba(0, 0, 0, 0.05);}
.right-480{}
.watch-side-list-top{width: 100%;height: 72px;padding: 0 32px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center}
.side-list-title{font-size: 18px;line-height: 18px;font-weight: 700;color: #333;}
.side-list-top-btn{}
.watch-chapter-list{height: 100%;overflow-y: auto;overflow-x: hidden;padding-left: 32px}
.chapter-list-item{padding: 0 17px 0 0;display: flex;justify-content: space-between;align-items: center;margin: 26px 0;}
.chapter-list-item span{display: inline-block;}
.chapter-item-title-text{width: 291px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space: nowrap;}
.chapter-item-title{font-size: 18px;line-height: 18px;font-weight: 400;color: #666;}
.activity-chapter{font-weight: 700;color: #319FFF;}
.chapter-item-icon{width: 32px;height: 32px;border-radius: 50px;border: 1px solid #eee;}
.setting-title{font-size: 16px;line-height: 16px;font-weight: 700;color: #333;margin: 46px 0 20px 0;}
.setting-bg{display: inline-block;width: 48px;height: 48px;border-radius: 50%;margin-right: 36px;color: transparent;}
.selected-color{border: 1px solid #319FFF!important;}
.setting-font-family{display: inline-block;width: 197px;height: 48px;border: 1px solid #eee;border-radius: 4px;margin: 0 20px 20px 0;line-height: 46px;text-align: center;font-size: 14px;color: #333;}
.activity-font-family{border: 2px solid #319FFF!important;font-weight: 700;color: #319FFF;}
.setting-font-size{width: 416px;height: 48px;border: 1px solid #eee;border-radius: 4px;display: flex;justify-content: space-between;align-items: center}
.size-btn{flex: 1;text-align: center}
.size-num{width: 224px;line-height: 48px;text-align: center;background-color: #FAFAFA;font-size: 20px;color: #999;}
.line-btn{flex: 1;text-align: center}
.line-num{width: 224px;line-height: 48px;text-align: center;background-color: #FAFAFA;font-size: 20px;color: #999;}
.hidden{display: none}
.watch-bottom-tab{display: none;z-index: 999999;}
.watch-bottom-tab-2{width: 750px;height: 60px;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #fff;z-index: 999999;}
.watch-bottom-tab-box{width: 100%;height: 60px;display: flex;justify-content: space-around;align-items: center;}
.watch-list-mask{display: none;}
.lock-episodes span{color: #ccc!important;}
.lock-episodes .lock-icon{color: #333!important;}
.chart-story{padding:40px 0 0 0;}
.chart-story .row{margin-bottom:48px;}
.chart-story .middle, .left, .right{display:flex;}
.chart-story .item{padding: 0 12px;position:relative}
.chart-story .item .content{border-radius:8px;color:#666;font-size:14px;padding:15px;word-break:break-word;}
.chart-story .item .arrow{width:10px;height:17px;background-size:10px 17px;position:absolute;top:24px;}
/*.chart-story .item .arrow_left{background-image:url("/images/contribute/dialogue_arrow_left.png");left:-9px;}*/
/*.chart-story .item .arrow_right{background-image:url("/images/contribute/dialogue_arrow_right.png");right:-9px;}*/
.chart-story .avatar{width:64px;}
.chart-story .avatar img{width:64px;height:64px;border-radius:50%;border:solid 2px #FFF;box-sizing:border-box}
.chart-story .character_name{color:#333;font-size:16px;margin-bottom: 12px;font-weight: bold;}
.chart-story .content_narration{background-color:#F5F5F5;margin:0 15px;text-align: left;}
.chart-story .content_text{}
.chart-story .item .content_image{display:inline-block;overflow:hidden;padding-left:0;padding-right:0;}
.chart-story .content_image img{max-width:60%;border-radius:5px;}
.chart-story .middle{justify-content:center}
.chart-story .middle .item{text-align:center;}
.chart-story .middle .content_text{background-color:#FFF;}
.chart-story .left .message{}
.chart-story .left .content_text{background-color:#F5F5F5;}
.chart-story .right{flex-direction:row-reverse}
.chart-story .right .item{text-align:right;}
.chart-story .right .content_text{background-color:#A4E7FF;text-align: left;}
.nav-bar-bottom{height:100px;line-height:100px;width:100%;position:fixed;bottom:0;z-index:15;border-top: 1px solid #707070;background-color: #fff}
.bottom-bar{display: flex;flex-direction: row;justify-content: space-evenly;height:100px;}
.page-icons-left{padding: 0 20px;height:50%;text-align:center;line-height:50px;border: 1px solid #707070;border-radius: 500px;
    display: inline-block;font-size: 16px;font-family: Noto Sans SC;font-weight: 400;color: #000000;}
.page-icons-right{padding: 0 20px;height:50%;text-align:center;line-height:50px;border: 1px solid #319FFF;border-radius: 500px;display: inline-block;
    font-size: 16px;font-family: Noto Sans SC;font-weight: 400;color: #319FFF;}
.page-text{font-size: 20px;}
.favorites-bg{background-color:#fff;position:fixed;right:15px;bottom:75px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.favorites-icon{color:#5AA6F8;font-size:30px;}
.home-bg{background-color:#fff;position:fixed;right:15px;bottom:145px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
a, a:hover, a:active, a:visited, a:link, a:focus{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;text-decoration:none;}
.comments-tab-new{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;margin: 25px 0 33px 0;}
.comments-tab-new-title{font-size: 16px;font-weight: 700;color: #333;}
.comments-right-icon{font-size: 22px}
.see-all-btn{width: 100%;height: 45px;background-color: #f5f5f5;border-radius: 4px;display: block;margin: 13px auto 24px auto;display: flex;justify-content: center;align-items: center;}
.fix_ads_ins{width: 100%;height: 50px;}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
.pdf-download-btn{margin: 15px 0;height: 47px;background:linear-gradient(14.84deg, #319FFF 13.12%, #178CF5 90.51%) !important;border-radius: 32px;color: #fff;text-align: center;line-height: 47px;width: 30%;}
.watch-pdf-download-btn{margin: 20px 0;height: 47px;background:linear-gradient(14.84deg, #319FFF 13.12%, #178CF5 90.51%) !important;border-radius: 32px;color: #fff;text-align: center;line-height: 47px;padding: 0 20px;}
.watch-list-mask{width: 750px;height: 100%;position: fixed;top: 0;background: rgba(0,0,0,0.5);z-index: 9;}
.watch-wap-list{width: 750px;position: fixed;bottom: 0;left: 50%;transform:translateX(-50%);background-color: #fff;height: 80%;padding-bottom: 30px;box-sizing: border-box;}
.watch-side-list-top{height: 52px;padding: 0 16px;border-bottom: 1px solid #eee;}
.episodes-top{height: 36px;line-height: 36px;border-bottom: 1px solid #eee;padding: 0 22px 0 16px;margin: 0;}
.episodes-total{font-size: 12px;line-height: 12px;color: #ccc;}
.episodes-item{width: 100%;display: flex;justify-content: center;align-items: center;color: #333}
.episode-item-num{margin-right: 14px;font-weight: bold}
.episode-item-detail{width: 100%;height: 52px;border-radius: 4px;float: left;padding-right: 16px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center}
.episode-item-title{font-size: 14px;line-height: 18px;font-weight: 500;display: inline-block}
.nt-fix-ads{width: 100%;height: 50px;z-index: 999999;position: fixed;left: 0;top: 73px;text-align: center;}
.watch-nav-right-mobile{display: none}
.watch-bottom-btn-nt{color: #000;font-size: 14px}
.config-mode-mask{display: none}
.overlay-bg{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);
    z-index: 9;display: none}
.welfare-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none}
.welfare-img{width: 311px;height: 128px;position: absolute;top: -90px}
.welfare-title{font-size: 18px;color: #000;font-weight: 500;margin-bottom: 12px}
.welfare-content-box{width:311px;min-height: 209px;border-radius: 16px;position: relative;padding: 32px 24px;box-sizing: border-box;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF3CF 100%);z-index: 100;text-align: center;margin-bottom: 20px}
.welfare-btn{width:263px;height: 44px;border-radius: 32px;background: #5AA6F8;color: #fff;line-height: 44px;
    font-size: 16px;font-weight: 500;margin-top: 20px}
.download-tips-box {position: absolute;font-size: 12px;color: #fff;top: 50%;transform: translate(-50%,-50%);
    left: 50%;line-height: 15px;z-index: 999999;text-align: center;display: none;width: 311px;}
.download-content{background-color: #fff;padding:32px 24px;color: #666666;font-size: 14px;
    border-radius: 16px;margin-bottom: 20px}
.download-tips-close-icon{font-size: 18px;color: #fff;margin: 0 auto;display: block;text-align: center;
    width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background: rgba(0,0,0,0.7)}
.download-btn{height: 44px;border-radius: 32px;background: #5AA6F8;color: #fff;line-height: 44px;box-sizing: border-box;
    font-size: 14px;font-weight: 500;margin-top: 20px;}
.download-title{font-size:18px;color: #000;line-height: 24px;margin-bottom: 12px;font-weight: 500;margin-top: 0}
/* 手机端CSS适配 */
@media only screen and (max-width:800px){
    .watch-content{width: 100%;margin-top: 0;}
    .watch-nav{height: 52px;}
        .watch-nav-content{width: 100%;height: 100%;justify-content: space-between;position: relative;padding: 0 12px}
    .watch-nav-right{display: none;}
    .watch-nav-left{}
    .content-title-a{width: 75%;justify-content: center;}
    .watch-nav-title{display: inline-block;line-height: normal;font-size: 24px;}
    .content-title{font-size: 16px;font-weight: 500;}
    .watch-main{width: 100%;border: 0;margin: 53px auto!important;}
    .watch-main2{width: 100%;border: 0;margin: 0 auto;}
    .watch-main-top{width: 100%;padding-bottom: 15px; margin: 40px 0 0 0;}
    .watch-main-top img{width: 120px;height: auto;margin-top: 48px;}
    .watch-main-title{font-size: 16px;line-height: 24px;margin: 15px 30px;}
    .watch-chapter-content{padding: 40px 15px;}
    .watch-chapter-title{font-size: 18px;line-height: 18px;}
    .watch-chapter-detail p{font-size: 16px;line-height: 32px;}
    .watch-sidebar{display: none;}
    .watch-banner{display: none;}
    .watch-like-btn{margin-top: 40px;}
    .watch-bottom-tab{display: block;width: 100%;height: 62px;position: fixed;bottom: -1px;left: 0;background-color: #fff;z-index: 999999;}
    .watch-bottom-tab-2{display: block;width: 100%;height: 62px;position: fixed;bottom: 0;background-color: #fff;z-index: 99999;}
    .watch-bottom-tab-box{width: 100%;height: 60px;display: flex;justify-content: space-around;align-items: center;}
    .watch-wap-list{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;background-color: #fff;height: 80%;padding-bottom: 30px;box-sizing: border-box;}
    .comments-item{width: 100%;display: flex;margin-bottom: 24px;}
    .comments-item-info{width: auto;flex: 1;margin-left: 8px;padding-bottom: 17px;}
    .comments-tab-item{height: 33px;font-size: 20px;}
    .comments-tab{display: flex;align-items: flex-end;display: none}
    .comment-tips{margin-top: 13px;overflow: hidden;}
    .episode-item-detail{width: 100%;height: 52px;border-radius: 4px;float: left;padding-right: 16px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center}
    .episode-item-title{font-size: 14px;line-height: 18px;font-weight: 500;display: inline-block}
    .episode-icon{font-size: 18px;}
    .lock-episodes span{color: #ccc!important;}
    .lock-episodes .lock-icon{color: #333!important;}
    .episodes-item{width: 100%;display: flex;justify-content: center;align-items: center;color: #333}
    .episode-item-num{margin-right: 14px;font-weight: bold}
    .episodes-info-a{width: 100%;margin: 0;border-bottom: 1px solid #eee;}
    .watch-side-list-top{height: 52px;padding: 0 16px;border-bottom: 1px solid #eee;}
    .watch-chapter-list{padding-left: 16px;}
    .activity-chapter{font-weight: 700;color: #319FFF;}
    .episodes-top{height: 36px;line-height: 36px;border-bottom: 1px solid #eee;padding: 0 22px 0 16px;margin: 0;}
    .episodes-total{font-size: 12px;line-height: 12px;color: #ccc;}
    .watch-list-mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9;}
    .chart-story .avatar{width:44px;}
    .chart-story .avatar img{width:44px;height:44px;border-radius:50%;border:solid 2px #FFF;box-sizing:border-box}
    .nav-bar-bottom{display: none}
    .watch-change{display: none}
    .pdf-download-btn{width: 70%;}
    .nt-fix-ads{width: 100%;height: 50px;z-index: 999999;position: fixed;left: 0;top: 52px;}
    .watch-nav-right-mobile{width: 60px;display: block;font-size: 24px;display: flex;justify-content: space-between;position: relative}
    .config-mode-mask{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9;display: block}
    .config-mode-content-box{width: 100%;border-radius: 16px  16px 0  0;background: #fff;position: fixed;bottom: 58px;padding: 0 16px;box-sizing: border-box;z-index: 10}
    .config-item-box{height: 60px;display: flex;align-items: center;justify-content: space-between}
    .size-config-box{font-size: 18px;font-weight: 800;display: flex;align-items: center;}
    .size-btn{width: 56px;height: 36px;text-align: center;line-height: 36px;background: #9999991A;border-radius: 24px}
    .cur-size{color: #999;margin: 0 10px}
    .bg-config-btn{width: 64px;height: 36px;border: 2px solid #9999991A;border-radius: 24px;display: flex;align-items: center;justify-content: center}
    .bg-config-btn-checked{border: #5AA6F8 2px solid}
    .bg-config-btn-1{background: #fff}
    .content{max-width: calc(100vw - 80px - 60px);box-sizing: border-box}
    .watch-bottom-tab-box-nt{font-size: 22px}
    .download-tips-box {width: 80%;}
}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
.nt_ads_ins{ width: 320px; height: 100px; }
@media(min-width: 500px) { .nt_ads_ins { width: 468px; height: 60px; } }
@media(min-width: 800px) { .nt_ads_ins { width: 728px; height: 90px; } }