body{word-break: break-all;}
.bg-gary{background-color: #f7f7f7;padding-top: 73px;}
.detail-bgc{background-color: #f7f7f7;padding-top: 73px;}
/*.container{width:1200px;margin: 0 auto;}*/
a{color: #222222;}
a:hover{color: #ffd000;}
/*.mt15{margin-top: 15px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.ml30{margin-left: 30px;}*/
.pb150{padding-bottom: 150px;}
.line-list{display: inline-block;}
textarea::-webkit-input-placeholder{color: #D1D1D1 !important;}
textarea::-moz-placeholder{color: #D1D1D1 !important;}
textarea:-moz-placeholder{color: #D1D1D1 !important;}
textarea:-ms-input-placeholder{color: #D1D1D1 !important;}

.index-main-menu{background: #FFAE00;border-radius: 6px;height: 60px;padding: 0 35px;margin-top: -30px;position: relative;z-index: 1;}
.index-main-menu a{line-height: 60px;margin: 0 15px;font-size: 15px;color: #500106;letter-spacing: 0;}
.index-main-menu a.index-main-menu-btn{background: #FFFFFF;border-radius: 6px;font-size: 15px;color: #FFAE00;letter-spacing: 0;text-align: center;height: 40px;float: right;display: block;margin: 10px;line-height: 40px;width: 116px;}

/*.index-banner{position: relative;overflow: hidden;width: 100%;font-size: 0;}
.index-banner-con{width: 100%;}
.index-banner-left-arrow{display: block;width: 100px;height: 100px;position: absolute;left: 50%;top: 130px;background-image: url(../images/banner-left-arrow.png);background-repeat: no-repeat;margin-left: -680px;z-index: 5;}
.index-banner-left-arrow:hover{background-image: url(../images/banner-left-arrow-hover.png);}
.index-banner-right-arrow{display: block;width: 100px;height: 100px;position: absolute;left: 50%;top: 130px;background-image: url(../images/banner-right-arrow.png);background-repeat: no-repeat;margin-left: 580px;z-index: 5;}
.index-banner-right-arrow:hover{background-image: url(../images/banner-right-arrow-hover.png);}
.index-banner-con img{width: 100%;}
.index-banner-con .swiper-container{overflow: visible;}*/

.main-large{width: 860px;display: inline-block;vertical-align: top;}
.main-small{width: 305px;display: inline-block;vertical-align: top;}

.manga-list-1{float: left;}
.manga-list-1-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;max-width: 1200px;}
.manga-list-1-more{font-size: 12px;color: #FFAE00;letter-spacing: 0;padding-right: 12px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: right 5.5px;margin-left: 40px;float: right;margin-top: 12px;font-weight: normal;}
.manga-list-1-list{padding-top: 25px;font-size: 0;}
.manga-list-1-list.line{width: 1225px;padding-top: 15px;}
.manga-list-1-list.line2{width: 860px;padding-top: 0px;}
.manga-list-1-list li{width: 150px;display: inline-block;margin-left: 27.5px;position: relative;vertical-align: top;}
.manga-list-1-list.line li{margin-right: 25px;margin-left: 0;margin-top: 25px;position: relative;}
.manga-list-1-list.line2 li{margin-right: 22px;margin-left: 0;margin-top: 25px;position: relative;}
.manga-list-1-list li:first-child{margin-left: 0px;}
.manga-list-1-cover{width: 150px;height: 228px;background-image: url(../images/cover-img.png);background-repeat: no-repeat;background-size: 100% 100%;}
.manga-list-1-cover-lock{width: 150px;height: 228px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);text-align: center;}
.manga-list-1-cover-edit{width: 150px;height: 228px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);text-align: center;}
.manga-list-1-cover-lock img{margin-top: 30px;}
.manga-list-1-cover-edit img{float: right;margin-right: 10px;margin-top: 10px;}
.manga-list-1-cover-lock p{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 12px;padding: 0 10px;}
.manga-list-1-item-title{font-size: 14px;color: #222222;letter-spacing: 0;margin-top: 8px;font-weight: bold;}
.manga-list-1-item-subtitle{font-size: 12px;color: #a3a3a3;letter-spacing: 0;margin-top: 5px;}
.manga-list-1-item-subtitle a{color: #a3a3a3;}
.manga-list-1-item-star{margin-top: 6px;overflow: hidden;}
.manga-list-1-item-star .item-star{float: left;margin-right: 5px;margin-top: 3px;}
.manga-list-1-item-star .item-score{float: right;font-size: 12px;color: #2F2F2F;letter-spacing: 0;}

.manga-list-2-title{font-size: 16px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.manga-list-2-more{font-size: 12px;color: #FFAE00;letter-spacing: 0;padding-right: 12px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: right 5.5px;float: right;margin-top: 1px;}
.manga-list-2-list{margin-top: 8px;}
.manga-list-2-list li{position: relative;padding: 15px 0;padding-left: 30px;border-bottom: 1px dotted #D8D8D8;}
.manga-list-2-list-s li{padding-left: 0;}
.manga-list-2-item-title{font-size: 14px;color: #222222;letter-spacing: 0;}
.manga-list-2-item-title a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;}
.manga-list-2-item-subtitle{font-size: 12px;color: #A6A6A6;letter-spacing: 0;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-2-item-subtitle a{color: #A6A6A6;}
.manga-list-2-logo{position: absolute;top: 15px;left: 0;height: 20px;width: 20px;border-radius: 2px;line-height: 20px;text-align: center;color: #fff;font-size: 16px;background: #A6A6A6;}
.manga-list-2-logo-1{position: absolute;top: 15px;left: 0;height: 20px;width: 20px;border-radius: 2px;line-height: 20px;text-align: center;color: #fff;font-size: 16px;background: #FF2C2C;}
.manga-list-2-logo-2{position: absolute;top: 15px;left: 0;height: 20px;width: 20px;border-radius: 2px;line-height: 20px;text-align: center;color: #fff;font-size: 16px;background: #FFB328;}
.manga-list-2-logo-3{position: absolute;top: 15px;left: 0;height: 20px;width: 20px;border-radius: 2px;line-height: 20px;text-align: center;color: #fff;font-size: 16px;background: #FFD628;}

.info-block{background-color: #fff;margin-top: 40px;border-radius: 6px;padding: 12px 15px;}
.info-block-title{font-size: 14px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;position: relative;}
.info-block-content{font-size: 12px;color: #a3a3a3;letter-spacing: 0;margin-top: 12px;}
.info-block-content a{font-weight: bold;}
.info-block-btn-list{margin-top: 18px;overflow: hidden;padding-bottom: 30px;}
.info-block-btn-item{float: left;width: 84px;}
.info-block-btn-item-num{font-size: 14px;color: #2F2F2F;letter-spacing: 0;background-image: url(../images/info-block-bg.png);background-repeat: no-repeat;width: 63px;height: 36px;display: inline-block;text-align: center;line-height: 33px;}
.info-block-btn-item-img{margin-top: 3px;}
.info-block-title-right{color: #FFAE00;float: right;font-weight: normal;}
.info-block-title-right span{font-size: 12px;color: #2F2F2F;margin-left: 3px;}
.info-block-feed{font-size: 12px;color: #2893FF;letter-spacing: 0;padding-left: 18px;background-image: url(../images/info-block-feed.png);background-repeat: no-repeat;background-position: 0px 1.5px;margin-top: 10px;}
.info-block-feed a{color: #2893FF;}
.info-block-tip{font-size: 12px;color: #2F2F2F;letter-spacing: 0;margin-top: 8px;}
.info-block-input-con{margin-top: 2px;}
.info-block-input-con input{border: 1px solid #D8D8D8;outline: none;height: 26px;padding: 0 6px;}
.info-block-input-con-btn{background: #FFAE00;border: 1px solid #C4891E;border-radius: 2px;font-size: 13px;color: #500106;letter-spacing: 0;display: inline-block;height: 26px;width: 80px;vertical-align: top;text-align: center;line-height: 26px;}

.manga-list-3-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.manga-list-3-more{font-size: 12px;color: #FFAE00;letter-spacing: 0;padding-right: 12px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: right 5.5px;margin-left: 40px;float: right;margin-top: 12px;}
.manga-list-3-show{background-color: #fff;border-radius: 6px;padding: 20px;margin-top: 25px;position: relative;}
.manga-list-3-show-img{display: block;margin: 20px auto;width: 200px;height: 266px;}
.manga-list-3-show-title{font-size: 16px;color: #222222;letter-spacing: 0;text-align: center;}
.manga-list-3-show-star{width: 150px;margin: 10px auto;}
.manga-list-3-show-star .item-score{float: right;font-size: 20px;color: #2F2F2F;letter-spacing: 0;line-height: 20px;}
.manga-list-3-show-tag-list{text-align: center;margin-top: 25px;padding-bottom: 20px;}
.manga-list-3-show-tag-list span{font-size: 11px;color: #2F2F2F;letter-spacing: 0;border: 1px solid #D8D8D8;border-radius: 6px;padding: 5px;margin: 2px;display: inline-block;background-color: #fff;}
.manga-list-3-show-say{font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-top: 6px;}
.manga-list-3-show-say a{font-size: 13px;color: #2893FF;letter-spacing: 0;margin-left: 5px;}
.manga-list-3-show-content{font-size: 13px;color: #2F2F2F;letter-spacing: 0;line-height: 20px;margin-top: 6px;}
.manga-list-3-show .manga-list-1-cover-lock{width: 200px;height: 266px;position: absolute;top: 40px;left: 52px;background-color: rgba(0,0,0,0.7);text-align: center;}
.manga-list-3-show .manga-list-1-cover-lock img{margin-top: 50px;}
.manga-list-3-show .manga-list-1-cover-lock p{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 30px;padding: 0 15px;}

.manga-list-4{float: left;}
.manga-list-4-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.manga-list-4-more{font-size: 12px;color: #FFAE00;letter-spacing: 0;padding-right: 12px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: right 5.5px;margin-left: 40px;float: right;margin-top: 12px;}
.manga-list-4-list{padding-top: 25px;font-size: 0;}
.manga-list-4-list.line{width: 1230px;}
.manga-list-4-list li{width: 215px;display: inline-block;margin-right: 50px;padding-left: 165px;position: relative;height: 228px;margin-bottom: 25px;vertical-align: top;}
.manga-list-4-list.line li{margin-right: 30px;}
.manga-list-4-cover{position: absolute;width: 150px;height: 228px;top: 0;left: 0;}
.manga-list-4-item-title{font-size: 16px;color: #222222;letter-spacing: 0;line-height: 20px;padding-bottom: 5px;font-weight: bold;}
.manga-list-4-item-subtitle{font-size: 11px;color: #A6A6A6;letter-spacing: 0;margin-top: 5px;}
.manga-list-4-item-subtitle span{float: right;}
.manga-list-4-item-part{margin-top: 6px;}
.manga-list-4-item-part li{padding-left: 15px;margin-top: 4px;height: auto;margin-bottom: 0px;}
.manga-list-4-item-part li em{display: block;position: absolute;width: 7px;height: 7px;left: 0;top: 6px;background: #FFAE00;border-radius: 50%;}
.manga-list-4-item-part li a{font-size: 13px;color: #A6A6A6;letter-spacing: 0;text-decoration: underline;}
.manga-list-4-item-part li.more a{font-size: 13px;color: #2893FF;letter-spacing: 0;text-decoration: none;}
.manga-list-4-show-tag-list{text-align: center;position: absolute;bottom: 5px;height: 27px;text-align:  left;overflow: hidden;}
.manga-list-4-show-tag-list span,.manga-list-4-show-tag-list a{font-size: 11px;color: #2F2F2F;letter-spacing: 0;border: 1px solid #D8D8D8;border-radius: 6px;padding: 0 5px;margin-right: 10px;display: inline-block;height: 25px;line-height: 25px;background-color: #fff;}
.manga-list-4-show-tag-list-2{margin-top: 10px;padding-bottom: 3px;}
.manga-list-4-show-tag-list-2 span,.manga-list-4-show-tag-list-2 a{font-size: 11px;color: #bbb;letter-spacing: 0;border: 1px solid #D8D8D8;border-radius: 13px;margin-right: 10px;display: inline-block;height: 26px;line-height: 26px;padding: 0 10px;background-color: #fff;}
.manga-list-4-item-tip{font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-top: 8px;}
.manga-list-4-item-tip .blue{color: #2893FF;margin-left: 5px;}
.manga-list-4-item-tip .black{color: #2F2F2F;margin-left: 5px;max-width: 115px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}


.manga-list-hover{width: 246px;background: #FFFFFF;border-radius: 6px;position: absolute;overflow: hidden;top: 50px;left: 50px;z-index: 9;display: none;}
.manga-list-hover-new{width: 470px;background: #FFFFFF;border-radius: 6px;position: absolute;overflow: hidden;top: 50px;left: 50px;z-index: 9;display: none;}
.manga-list-hover-cover{width: 246px;}
.manga-list-hover-cover-new{height: 266px;float: left;margin-right: 15px;width: 175px;}
.manga-list-hover-info{padding: 10px 23px;padding-bottom: 15px;}
.manga-list-hover-info-new{padding: 15px 23px;padding-bottom: 15px;}
.manga-list-hover-info-title{font-size: 16px;color: #222222;letter-spacing: 0;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-hover-info-t{font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-right: 10px;}
.manga-list-hover-info-star{margin-top: 14px;}
.manga-list-hover-info-star .item-star{vertical-align: top;margin: 2px;}
.manga-list-hover-info-star .item-score{font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin-left: 20px;position: relative;top: 1px;}
.manga-list-hover-info-tag{margin-top: 10px;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-hover-info-tag .item-tag{font-size: 13px;color: #000000;letter-spacing: 0;line-height: 16px;}
.manga-list-hover-info-line{margin-top: 10px;}
.manga-list-hover-info-line:last-child .manga-list-hover-info-content{width: 230px;}
.manga-list-hover-info-blue{font-size: 13px;color: #2893FF;letter-spacing: 0;}
.manga-list-hover-info-content{font-size: 13px;color: #2F2F2F;letter-spacing: 0;display: inline-block;width: 158px;vertical-align: top;word-break: break-all;}
.manga-list-hover-info-block{display: inline-block;width: 138px;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.update-bar{height: 50px;background: #C6D600;line-height: 50px;position: relative;}
.update-bar-left{font-size: 16px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.update-bar-right{background: #FFFFFF;border-radius: 2px;font-size: 11px;color: #A6A6A6;letter-spacing: 0;background-image: url(../images/filter.png);background-repeat: no-repeat;background-position: 10px 7px;float: right;width: 40px;height: 26px;display: inline-block;line-height: 26px;padding-left: 34px;margin-top: 12px;}
.update-bar-right:hover{color: #A6A6A6;}
.update-bar-right.active{background-color: #2F2F2F;color: #fff;}

.update-bar-filter-list{position: absolute;width: 100%;top: 50px;left: 0;background-color: #f9f9f9;border-bottom: 1px solid #e0e0e0;padding-top: 5px;display: none;z-index: 99;}
.update-bar-filter-list-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;height: 45px;}
.update-bar-filter-list ul{font-size: 0;padding-bottom: 20px;overflow: hidden;}
.update-bar-filter-list li{display: inline-block;width: 170px;height: 30px;line-height: 30px;float: left;}
.update-bar-filter-list li a{font-size: 13px;color: #A6A6A6;letter-spacing: 0;}
.update-bar-filter-list li a:hover{color: #ffd000;}
.update-bar-filter-list li a.active{color: #2F2F2F;}
.update-bar .update-bar-filter-list{z-index: 8;}
.pager-list{margin-top: 40px;text-align: center;}
.reader-page .pager-list{margin-top: 30px;margin-bottom: 30px;}
.pager-list.right{text-align: right;}
.pager-list.mt0{margin-top: 0px;}
.pager-list-left{display: inline-block;font-size: 0;}
.pager-list-left span{font-size: 12px;color: #2F2F2F;margin: 0 5px;}
.reader-page .pager-list-left span{font-size: 12px;color: #fff;margin: 0 5px;}
.pager-list-left a{background: #FFFFFF;border: 1px solid #D9D9D9;border-radius: 2px;display: inline-block;padding:0 10px;height: 26px;line-height: 26px;text-align: center;font-size: 12px;color: #2F2F2F;margin: 0 5px;}
.pager-list-left a.active,.pager-list-left a:hover{background: #FFAE00;padding:0 11px;height: 28px;line-height: 28px;border: none;color: #fff;}
.pager-list-right{display: inline-block;padding-left: 20px;vertical-align: middle;}
.pager-list-right span{font-size: 11px;color: #A6A6A6;}
.pager-list-right input{background: #FFFFFF;border: 1px solid #D9D9D9;border-radius: 2px;outline: none;height: 26px;width: 28px;padding: 0 10px;font-size: 13px;color: #2F2F2F;text-align: center;}

.no-data-img{display: block;margin: 0 auto;margin-top: 95px;}
.no-data-tip{font-size: 13px;color: #2F2F2F;letter-spacing: 0;text-align: center;margin-top: 10px;padding-bottom: 150px;}
.no-data-tip a{color: #2893ff;text-decoration: underline;}

.side-code{width: 180px;height: 381px;background-repeat: no-repeat;background-image: url(../images/index-code.png);position: fixed;left: 50%;margin-left: 620px;bottom: 180px;z-index: 8;}
.side-code-img{position: absolute;width: 125px;bottom: 5px;left: 14px;}
.side-top{position: fixed;left: 50%;margin-left: 672px;bottom: 100px;}
@media screen and (max-width: 1540px) {
        .side-code {
          background-image: none;
          left: initial;
          margin-left: 0;
            right: 0;
      }
      .side-code-img {
          width: 62.5px;
          bottom: 3px;
          left: 100px;
          padding: 5px;
          border: 1px solid #d1d1d1;
      }
      .side-top {
            left: initial;
            margin-left: 0;
            right: 15px;
      }
      }


.browse-bar{height: 50px;background: #C6D600;line-height: 50px;position: relative;}
.browse-bar-left{font-size: 16px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}

.browse-bar-filter-list{width: 100%;background-color: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.browse-bar-filter-list-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;height: 45px;line-height: 45px;padding-top: 5px;}
.browse-bar-filter-list-line{margin: 5px 0;}
.browse-bar-filter-list-line:last-child{margin-top: 15px;}
.browse-bar-filter-list-line:first-child{margin-top: 0;}
.browse-bar-filter-list-line-title{font-size: 13px;width: 150px;height: 35px;line-height: 35px;text-align: right;font-weight: bold;display: inline-block;}
.browse-bar-filter-list-line-content{width: 998px;display: inline-block;vertical-align: top;padding-left: 20px;}
.browse-bar-filter-list-line input.radio{width: 15px;height: 15px;margin: 10px 5px;}
.browse-bar-filter-list-line input.long{width: 550px;}
.browse-bar-filter-list-line input.short{width: 98px;}
.browse-bar-filter-list-line .tag-box a{display: inline-block;width: 130px;height: 30px;line-height: 30px;text-align: center;font-size: 13px;color: #2F2F2F;background-color: #fff;margin-right: 8px;margin-bottom: 10px;border-radius: 2px;}
.browse-bar-filter-list-line .tag-box a.tag-box-item-1{background-color: #FFEBAF;background-image: url(../images/logo-filter-2.png);background-repeat: no-repeat;background-position: bottom right;}
.browse-bar-filter-list-line .tag-box a.tag-box-item-2{background-color: #FFD6D6;background-image: url(../images/logo-filter-1.png);background-repeat: no-repeat;background-position: bottom right;}
.browse-bar-filter-list-line-tip{font-size: 12px;color: #A6A6A6;letter-spacing: 0;line-height: 35px;}
.browse-bar-filter-list-line label{vertical-align: top;line-height: 35px;margin-right: 10px;font-size: 12px;color: #2F2F2F;}
.browse-bar-filter-list-line select{width: 120px;height: 28px;line-height: 28px;border: 1px solid #D8D8D8;outline: none;vertical-align: top;padding: 0 5px;}
.browse-bar-filter-list-line input{width: 165px;height: 26px;line-height: 26px;padding: 0 10px;border: 1px solid #D8D8D8;outline: none;}
.browse-bar-filter-list ul{font-size: 0;padding-bottom: 20px;overflow: hidden;}
.browse-bar-filter-list li{display: inline-block;width: 170px;height: 30px;line-height: 30px;float: left;}
.browse-bar-filter-list li a{font-size: 13px;color: #A6A6A6;letter-spacing: 0;}
.browse-bar-filter-list li a:hover{color: #ffd000;}
.browse-bar-filter-list li a.active{color: #2F2F2F;}
.browse-bar-filter-block{display: inline-block;margin-right: 25px;width: 480px;}
.browse-bar-filter-block li{width: auto;margin-right: 50px;}
.browse-bar-filter-block-2{display: inline-block;margin-right: 25px;width: 370px;vertical-align: top;}
.browse-bar-filter-block-2.large{width: 600px;}
.browse-bar-filter-list-btn-con{text-align: center;padding: 20px;font-size: 0;}
.browse-bar-filter-list-btn{height: 50px;line-height: 50px;text-align: center;width: 205px;background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 2px;font-size: 16px;color: #A6A6A6;letter-spacing: 0;display: inline-block;margin: 0 10px;}
.browse-bar-filter-list-btn:hover{color: #A6A6A6;}
.browse-bar-filter-list-btn.green{background: #C6D600;color: #fff;}
.browse-bar-filter-block-btn-1{font-size: 13px;color: #2F2F2F;letter-spacing: 0;height: 26px;width: 80px;text-align: center;background: #C6D600;border: 1px solid #7A8400;border-radius: 2px;display: inline-block;line-height: 26px;margin-left: 10px;}
.browse-bar-filter-block-btn-1:hover{color: #2F2F2F;}
.browse-bar-filter-block-btn-2{font-size: 13px;color: #2F2F2F;letter-spacing: 0;height: 26px;width: 80px;text-align: center;background: #fff;border: 1px solid #7A8400;border-radius: 2px;display: inline-block;line-height: 26px;margin-left: 10px;}
.browse-bar-filter-block-btn-2:hover{color: #2F2F2F;}

.browse-fix-bar{height: 50px;position: fixed;top: 73px;left: 0;width: 100%;background: #C6D600;line-height: 50px;z-index: 9;display: none;}
.browse-fix-bar-left{font-size: 16px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.browse-fix-bar-right{float: right;}
.browse-fix-bar-right .browse-fix-bar-right-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-left: 30px;}
.browse-fix-bar-right a,.browse-fix-bar-right span{font-size: 13px;color: #869100;letter-spacing: 0;margin-left: 12px;}
.browse-fix-bar-right a.active,.browse-fix-bar-right span.active{color: #2F2F2F;}
.browse-fix-bar-downlist{display: inline-block;vertical-align: top;padding-right: 20px;}
.browse-fix-bar-downlist.active{background-color: #f9f9f9;}
.browse-fix-bar-downlist span.active{background-repeat: no-repeat;background-image: url(../images/downlist.png);background-position: right 7px;padding-right: 20px;}

.rank-banner{position: relative;height: 361px;overflow: hidden;width: 100%;font-size: 0;}
.rank-banner-con{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 100%;z-index: -1;}

.rank-tab{text-align: center;margin-top: 60px;}
.rank-tab-list{display: inline-block;font-size: 0;text-align: center;border-radius: 2px;overflow: hidden;}
.rank-tab-list a{display: inline-block;background: #D0D0D0;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;height: 63px;line-height: 63px;width: 220px;margin-left: 1px;font-weight: bold;}
.rank-tab-list a:first-child{margin-left: 0;}
.rank-tab-list a.active{background: #FFAE00;color: #500106;}

.rank-1{background-repeat: no-repeat;background-image: url(../images/rank-1.png);display: inline-block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;font-size: 17px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 30px;}
.rank-2{background-repeat: no-repeat;background-image: url(../images/rank-2.png);display: inline-block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;font-size: 17px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 30px;}
.rank-3{background-repeat: no-repeat;background-image: url(../images/rank-3.png);display: inline-block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;font-size: 17px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 30px;}
.rank-4{background-repeat: no-repeat;background-image: url(../images/rank-4.png);display: inline-block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;font-size: 17px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 30px;}

.search-bar{background: #C6D600;height: 55px;line-height: 55px;}
.search-bar-title{font-size: 16px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.search-bar-select{width: 155px;height: 31px;line-height: 31px;outline: none;margin-left: 25px;}
.search-bar-input{width: 600px;height: 26px;line-height: 26px;outline: none;padding: 0 7px;margin-left: 10px;}
.search-bar-option-right{display: inline-block;width: 70px;height: 36px;line-height: 36px;font-size: 11px;color: #A6A6A6;letter-spacing: 0;background-color: #fff;text-align: center;border-radius: 18px;float: right;padding-left: 20px;background-image: url(../images/filter.png);background-repeat: no-repeat;background-position: 12px 12px;font-weight: normal;margin-top: 10px;}
.search-bar-right-btn{width: 150px;height: 36px;line-height: 36px;border-radius: 18px;background-color: #5B6200;font-size: 16px;color: #FFFFFF;text-align: center;display: inline-block;margin-left: 12px;font-weight: normal;}
.search-bar-line{margin-top: 10px;overflow: hidden;}
.search-bar-line input{width: 880px;height: 36px;border-radius: 18px;background-color: #FFFFFF;border: none;outline: none;padding: 0 50px;float: left;background-image: url(../images/search-input-bg.png);background-repeat: no-repeat;background-position: 12px 10px;padding-left: 40px;}
.search-bar-line-btn{display: inline-block;width: 100px;height: 36px;border-radius: 18px;background: #5B6200;line-height: 36px;text-align: center;vertical-align: top;font-size: 13px;color: #FFFFFF;letter-spacing: 0;font-weight: bold;margin-left: -40px;float: left;}
.search-bar-line-right{display: inline-block;width: 130px;height: 36px;line-height: 36px;font-size: 11px;color: #A6A6A6;letter-spacing: 0;background-color: #fff;text-align: center;border-radius: 18px;float: right;padding-left: 20px;background-image: url(../images/advanced-search.png);background-repeat: no-repeat;background-position: 12px 12px;font-weight: normal;margin-top: 10px;}
.search-bar-line-right.advanced{background-image: url(../images/advanced-search.png);}
.search-bar-line-right.original{background-image: url(../images/original-search.png);}

.search-keywords{margin-top: 40px;font-size: 0;padding-bottom: 300px;}
.search-keywords li{background: #EDEDED;border-radius: 2px;height: 46px;line-height: 46px;text-align: center;display: inline-block;margin-left: 10px;}
.search-keywords a{font-size: 14px;color: #222222;letter-spacing: 0;display: block;padding: 0 10px;}

.detail-bg{height: 400px;overflow: hidden;}
.detail-bg-img{width: 100%;-webkit-filter: blur(60px);-moz-filter: blur(60px);filter: blur(60px);}

.detail-info{min-height: 300px;margin-top: -300px;position: relative;background-color: #f7f7f7;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.detail-info-cover{position: absolute;top: -50px;left: 40px;overflow: hidden;border-radius: 5px;box-shadow: 3px 3px 8px #888;font-size: 0;}
.detail-info-cover-img{width: 220px;height: 334.4px;}
.detail-info-right{padding-left: 285px;padding-right: 50px;}
.detail-info-right-title{padding-top: 20px;}
.detail-info-right-title-font{font-size: 25px;color: #222222;letter-spacing: 0;}
.detail-info-right-title-tip{font-size: 13px;color: #FFAE00;margin-left: 20px;}

.detail-info-right-title-star{float: right;margin-top: 15px;}
.detail-info-right-title-star .item-star{vertical-align: top;margin: 0 2px;margin-top: 18px;}
.detail-info-right-title-star .item-score{font-size: 36px;color: #2F2F2F;letter-spacing: 0;margin-left: 10px;}
.detail-info-right-say{font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-top: 10px;}
.detail-info-right-say a{color: #2893FF;}
.detail-info-right-tag-list{text-align: left;margin-top: 16px;padding-bottom: 16px;}
.detail-info-right-tag-list a{font-size: 10px;color: #2F2F2F;letter-spacing: 0;border: 1px solid #D8D8D8;border-radius: 6px;padding: 3px 5px;background-color: #fff;}
.detail-info-right-content{font-size: 13px;color: #2F2F2F;letter-spacing: 0;line-height: 25px;width: 600px;min-height: 78px;overflow: hidden;}
.detail-info-right-content a{color: #2893FF;}
.detail-info-right-say-right{display: block;font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-top: 10px;text-align: right;}
.detail-info-right-btn-bar{padding-top: 8px;}
.detail-info-right-btn-bar-right{float: right;font-size: 0;padding-top: 10px;}
.detail-info-right-btn-bar-right img{margin: 0 5px;}
.detail-info-right-read{width: 180px;height: 50px;line-height: 50px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;display: inline-block;background: #FFAE00;border-radius: 2px;}
.detail-info-right-read:hover{color: #fff;}
.detail-info-right-add{font-size: 15px;color: #2F2F2F;letter-spacing: 0;padding-left: 52px;background-image: url(../images/detail-btn-add.png);background-repeat: no-repeat;display: inline-block;height: 50px;line-height: 50px;background-position: 14px 13px;margin-left: 12px;background-color: #ededed;vertical-align: top;padding-right: 20px;}
.reader-header .detail-info-right-add:hover{color: #ffd000;}
.detail-info-right-add-2{font-size: 15px;color: #2F2F2F;letter-spacing: 0;padding-left: 35px;background-image: url(../images/detail-btn-add-2.png);background-repeat: no-repeat;display: inline-block;height: 50px;line-height: 50px;background-position: 14px 13px;margin-left: 30px;width: 15px;background-color: #ededed;vertical-align: top;}

.detail-main{padding: 0 30px 0 40px;}
.detail-main-ad{overflow: hidden;}
.detail-main-large{width: 800px;display: inline-block;vertical-align: top;}
.detail-main-list-title{font-size: 15px;color: #FFAE00;letter-spacing: 0;font-weight: bold;border-bottom: 1px solid #D8D8D8;padding-bottom: 10px;margin-bottom: 10px;}
.detail-main-list-title a{border-left: 1px solid #D8D8D8;height: 12px;line-height: 12px;display: inline-block;padding-left: 20px;margin-left: 20px;}
.detail-main-list-title a.active{color: #FFAE00;}
.detail-main-list-title a:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.detail-main-list-title span{font-size: 11px;color: #A6A6A6;letter-spacing: 0;font-weight: normal;vertical-align: top;line-height: 12px;margin-left: 5px;}
.detail-main-list-title-right{float: right;}
.detail-main-list-title-right a{line-height: 22px;border-left: none;padding-left: 10px;margin-left: 10px;font-size: 13px;}
.detail-main-list-title-right img{vertical-align: top;margin-left: 10px;margin-top: 3px;}
.detail-main-small{display: inline-block;vertical-align: top;width: 300px;margin-left: 25px;display: inline-block;}
.detail-main-list{width: 810px;font-size: 0;}
.detail-main-list li{width: 395px;margin-right: 10px;display: inline-block;position: relative;margin-top: 10px;vertical-align: top;}
.detail-main-list-cover{font-size: 0;}
.detail-main-list-cover img{width: 260px;}
.detail-main-list-bottom{height: 35px;position: absolute;width: 240px;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);padding: 5px 10px;}
.detail-main-list-bottom a{color: #fff;}
.detail-main-list-bottom .title1{font-size: 11px;color: #FFFFFF;letter-spacing: 0;}
.detail-main-list-bottom .title2{font-size: 14px;color: #FFFFFF;letter-spacing: 0;}
.detail-main-list-more{text-align: center;padding: 10px 0;padding-bottom: 5px;}
.detail-main-list-more a{font-size: 13px;color: #A6A6A6;letter-spacing: 0;}
.detail-main-list-more a img{margin-right: 10px;}
.detail-main-list-main{background: #EDEDED;border-radius: 2px;padding: 6px 16px;position: relative;}
.detail-main-list-main .new-pic{position: absolute;right: 5px;top: 5px;}
.detail-main-list-main .title1{font-size: 14px;color: #A6A6A6;letter-spacing: 0;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.detail-main-list-main .title2{font-size: 11px;color: #A6A6A6;letter-spacing: 0;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-main-list-main .title3{font-size: 14px;color: #222222;letter-spacing: 0;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-main-list-main .title4{font-size: 16px;color: #222222;letter-spacing: 0;line-height: 24px;margin-top: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.detail-main-list-ad{overflow: hidden;}

.comment-list{padding: 10px 0;padding-bottom: 0;}
.comment-list-item{padding: 10px 0;position: relative;}
.comment-list-item-cover{width: 50px;height: 50px;position: absolute;top: 20px;left: 0px;border-radius: 25px;}
.comment-list-item-info{padding-left: 60px;}
.comment-list-item-info textarea{width: 98%;height: 80px;outline: none;border: 1px solid #D8D8D8;padding: 5px 1%;resize: none;margin-bottom: -10px;}
.comment-list-item-info-line{padding: 15px 0;position: relative;}
.comment-list-item-info-emoticon{font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding-left: 20px;background-repeat: no-repeat;background-image: url(../images/emoticon.png);background-position: 0px 1px;margin-top: -5px;}
.comment-list-item-info-btn{float: right;display: inline-block;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FFAE00;border-radius: 2px;width: 130px;height: 37px;line-height: 37px;}
.comment-list-item-info-btn:hover{color: #fff;}
.comment-list-item-info-title{font-size: 14px;color: #909090;letter-spacing: 0;font-weight: bold;}
.comment-list-item-info-date{font-size: 14px;color: #bfbfbf;letter-spacing: 0;float: right;}
.comment-list-item-info-content{font-size: 14px;color: #0b0b0b;letter-spacing: 0;padding: 10px 0;line-height: 20px;padding-top: 0px;}
.comment-list-item-info-like{font-size: 14px;color: #2F2F2F;letter-spacing: 0;padding-left: 25px;background-repeat: no-repeat;background-image: url(../images/like.png);background-position: 0px 1px;margin-right: 20px;}
.comment-list-item-info-like.active{background-image: url(../images/like-a.png);color: #FFAE00;}
.comment-list-item-info-reply{font-size: 14px;color: #2F2F2F;letter-spacing: 0;padding-left: 25px;background-repeat: no-repeat;background-image: url(../images/reply.png);background-position: 0px 1px;}
.comment-list-item-info-line.border{border-bottom: 1px dashed #D8D8D8;padding: 2px;}
.comment-list-item-info-del{font-size: 12px;color: #2893FF;text-decoration: underline;float: right;}
.comment-list-item-item{background: #EDEDED;border-radius: 10px;padding: 0 20px;margin: 10px 0;margin-bottom: 20px;}
.comment-list-item-reply{padding: 10px 0;position: relative;}
.comment-list-item-reply-logo{position: absolute;top: -2px;left: 138px;}
.comment-list-item-info-code{float: right;height: 37px;}
.comment-list-item-info-code-input{float: right;margin: 1px 10px;outline: none;height: 35px;line-height: 35px;padding: 0 10px;border: none;width: 100px;}

.reader-page{background-color: #343434;padding: 80px 0;padding-bottom: 20px;}

.reader-header{height: 74px;background-image: url(../images/reader-header-bg.png);position: absolute;width: 100%;top: 0;left: 0;}
.reader-header-right{height: 74px;line-height: 74px;float: right;}
.reader-header-faq{background-image: url(../images/reader-faq.png);background-repeat: no-repeat;background-size: 18px 18px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;padding-left: 25px;margin-right: 20px;background-position: 0 2px;}
.reader-header-book{background-image: url(../images/reader-book.png);background-repeat: no-repeat;background-size: 16px 16px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;padding-left: 25px;margin-right: 20px;background-position: 0 3px;}
.reader-header-comment{background-image: url(../images/comment.png);background-repeat: no-repeat;background-size: 16px 16px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;padding-left: 25px;margin-right: 20px;background-position: 0 3px;}
.reader-header-comment span{font-size: 12px;}
.reader-header-setting{background-image: url(../images/reader-setting.png);background-repeat: no-repeat;background-size: 18px 17px;font-size: 15px;color: #FFFFFF;letter-spacing: 0;padding-left: 25px;background-position: 0 2px;}
.reader-header-title{line-height: 22px;padding: 15px 25px;float: left;width: 420px;position: relative;}
.reader-header-title div{cursor: pointer;}
.reader-header-title-1{font-size: 16px;color: #FFFFFF;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.reader-header-title-1 a{color: #fff;}
.reader-header-title-1 a:hover{color: #ffd000;}
.reader-header-title-1 img{height: 13px;}
.reader-header-title-2{font-size: 14px;color: #FFFFFF;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.reader-header-title-logo{position: absolute;right: 10px;top: 34px;}
.reader-header-title-list{position: absolute;width: 420px;background: #E8E9E9;border: 1px solid #D8D8D8;border-radius: 6px;top: 74px;left: 0px;padding: 5px 25px;display: none;max-height: 400px;overflow-y: auto;}
.reader-header-title-list a{font-size: 14px;color: #2F2F2F;letter-spacing: 0;display: block;margin: 5px 0;}
.reader-header-title-list a:hover{color: #ffd000;}
.reader-header .detail-info-right-add{height: 74px;line-height: 74px;background-position: 0px 24px;color: #fff;background-color: initial;padding-left: 36px;}

.reader-main{text-align: center;font-size: 0;}
.reader-main img{display: block;margin: 10px auto;}
.reader-main img.bar{display: block;margin: 0px auto;}
.reader-main-next{width: 205px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background: #FFAE00;border-radius: 2px;display: block;margin: 40px auto;margin-bottom: 20px;}
.reader-main-next:hover{color: #fff;}
.control-left{position: fixed;width: 100px;height: 100px;left: 0;top: 50%;margin-top: -50px;background-color: rgba(0,0,0,0.7);}
.control-left img{width: 15px;height: 29px;margin: 35px 42px;}
.control-right{position: fixed;width: 100px;height: 100px;right: 0;top: 50%;margin-top: -50px;background-color: rgba(0,0,0,0.7);}
.control-right img{width: 15px;height: 29px;margin: 35px 42px;}
.control-page{width: 135px;height: 50px;line-height: 50px;position: fixed;bottom: 200px;left: 50%;margin-left: -600px;border-radius: 2px;background-color: rgba(0,0,0,0.7);font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;}
.control-page:hover{color: #FFFFFF;}
.control-page-logo{margin: 3px;}
.control-page-con{width: 133px;max-height: 500px;overflow-y: auto;position: fixed;bottom: 250px;left: 50%;margin-left: -600px;background: #E8E9E9;border: 1px solid #D8D8D8;border-radius: 6px;padding: 5px 0;display: none;}
.control-page-con a{display: block;text-align: center;font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin: 5px 0;}
.control-page-con a:hover{color: #ffd000;}
.control-comment{width: 135px;height: 50px;line-height: 50px;position: fixed;bottom: 200px;right: 0;border-radius: 2px;background-color: rgba(0,0,0,0.7);font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;}
.control-comment:hover{color: #FFFFFF;}
.control-comment-list{width: 750px;position: fixed;bottom: 0;right: 0;background: #1A1A1A;z-index: 98;border-top-left-radius: 5px;display: none;}
.control-comment-list .detail-main-list-title{border-bottom: none;background-color: #000;padding: 10px 30px;margin-top: 0;border-top-left-radius: 5px;}
.control-comment-list .detail-main-list-title a{color: #fff;}
.control-comment-list .detail-main-list-title a.active{color: #FFAE00;}
.control-comment-list .detail-main-list-title-right a{color: #a6a6a6;} 
.control-comment-list .detail-main-list-title-right a.active{color: #FFFFFF;}
.control-comment-list .comment-list{padding: 10px 20px;overflow-y: auto;}
.control-comment-list .comment-list-item-info-emoticon{color: #FFFFFF;}
.control-comment-list .comment-list-item-info-title{color: #FFFFFF;}
.control-comment-list .comment-list-item-info-content{color: #909090;}
.control-comment-list .comment-list-item-info-like{color: #FFFFFF;}
.control-comment-list .comment-list-item-info-reply{color: #FFFFFF;}
.control-comment-list .comment-list-item-info-date{color: #FFFFFF;}
.control-comment-list .comment-list-item-item{background-color: #282828;}
.control-comment-list .pager-list{padding-bottom: 40px;padding-top: 20px;}
.control-comment-list .pager-list-left a{background-color: #282828;color: #fff;padding:0 10px;height: 28px;border: none;}
.control-comment-list .pager-list-left a.active{background: #FFAE00;}
.control-comment-list .pager-list-left span{color: #fff;}
.control-comment-list-close{position: absolute;height: 50px;line-height: 50px;width: 83px;color: #fff;left: -82px;top: 40px;font-size: 13px;color: #FFFFFF;letter-spacing: 0;background: #000000;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.control-comment-list-close img{width: 12px;vertical-align: top;margin: 18px 10px;}

.reader-ad{position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 0;}

.reader-mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 998;display: none;}
.reader-win{width: 500px;background-color: #fff;border-radius: 6px;position: fixed;top: 50%;left: 50%;margin-left: -250px;margin-top: -200px;z-index: 999;display: none;padding-bottom: 20px;}
.reader-win-cross{width: 40px;position: absolute;right: -47px;top: 0;}
.reader-win-title{font-size: 25px;color: #2F2F2F;letter-spacing: 0;text-align: center;margin-top: 20px;}
.reader-win-setting{margin-top: 55px;text-align: center;}
.reader-win-setting-item{display: inline-block;width: 40%;}
.reader-win-setting-item-title{font-size: 13px;color: #A6A6A6;letter-spacing: 0;}
.reader-win-setting-item-option{font-size: 15px;color: #2F2F2F;letter-spacing: 0;margin-top: 20px;}
.reader-win-setting-item-option input{margin: 5px;vertical-align: middle;}
.reader-win-btn{background: #FFAE00;border-radius: 2px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;width: 205px;height: 50px;line-height: 50px;display: block;margin: 0 auto;}
.reader-win-btn:hover{color: #fff;}
.reader-win-btn.mt10{margin-top: 10px;}
.reader-win-btn.mt40{margin-top: 40px;}
.reader-win-img{display: block;margin: 0 auto;}

.reader-win-last{width: 900px;background-color: #fff;border-radius: 6px;position: fixed;top: 50%;left: 50%;margin-left: -450px;margin-top: -200px;z-index: 999;display: none;padding-bottom: 20px;}
.reader-win-last-title{margin-top: 18px;}
.reader-win-last-title-right{float: right;margin-top: 20px;margin-right: 20px;}
.reader-win-last-subtitle{font-size: 18px;color: #a3a3a3;padding: 0 20px;margin-top: 30px;margin-bottom: 10px;}
.reader-win-last .manga-list-1-list{padding-top: 10px;margin-left: 20px;}

.reader-login-win{width: 410px;background-color: #fff;border-radius: 6px;position: fixed;top: 50%;left: 50%;margin-left: -250px;margin-top: -310px;z-index: 999;display: none;padding-bottom: 20px;padding: 30px 45px;}

.login-form{width: 410px;padding-left: 350px;margin: 0 auto;margin-top: 80px;padding-bottom: 300px;background-image: url(../images/login-img.png);background-repeat: no-repeat;}
.login-form-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;padding-bottom: 20px;}
.login-form-title-right{float: right;margin-top: 10px;}
.login-form-subtitle{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-top: 20px;}
.login-form-subtitle a{font-size: 13px;color: #2893FF;letter-spacing: 0;float: right;padding-right: 10px;font-weight: normal;}
.login-form-input{outline: none;width: 378px;background: #FFFFFF;border: 1px solid #D8D8D8;height: 40px;line-height: 40px;padding: 0 10px;margin-top: 7px;}
.login-form-btn{font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FFAE00;border-radius: 2px;width: 400px;height: 50px;line-height: 50px;display: block;margin-top: 20px;}
.login-form-btn:hover{color: #fff;}
.login-form-tip{font-size: 13px;color: #2F2F2F;letter-spacing: 0;text-align: center;margin-top: 10px;}
.login-form-tip a{color: #2893FF;}
.login-form-border{margin-top: 20px;}
.login-form-btn.facebook{background-image: linear-gradient(-1deg, #0B62AB 0%, #2980C1 100%);margin-top: 10px;}
.login-form-btn.facebook span{font-weight: bold;}
.login-form-input-con{position: relative;}
.login-form-input-eye{position: absolute;right: 20px;top: 20px;}
.login-form-tip-check{display: inline-block;width: 20px;height: 20px;background-image: url(../images/login-form-tip-check-bg.png);background-repeat: no-repeat;cursor: pointer;margin-right: 10px;vertical-align: top;}
.login-form-tip-check img{display: none;}
.login-form-tip-check.active img{display: inline;}

.person-main{margin-top: 28px;}
.person-main-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.person-main-left{display: inline-block;width: 240px;background: #FFFFFF;box-shadow: 0 2px 4px 0 rgba(121,121,121,0.50);border-radius: 6px;margin-top: 26px;border: 1px solid #ddd;}
.person-main-left-item{font-size: 16px;color: #D0D0D0;letter-spacing: 0;display: block;height: 56px;line-height: 56px;padding-left: 20px;border-top: 1px solid #ddd;}
.person-main-left-item:first-child{border-top: none;}
.person-main-left-item.active{color: #2F2F2F;}
.person-main-left-item.sign{background-image: url(../images/top-bar-avatar-logo.png);background-repeat: no-repeat;background-position: 110px 22px;}
.person-main-right{width: 860px;display: inline-block;vertical-align: top;margin-left: 40px;margin-top: 20px;min-height: 600px;}
.person-main-right-top{border-bottom: 1px solid #D8D8D8;padding: 10px 0;}
.person-main-right-top a{font-size: 15px;color: #2F2F2F;letter-spacing: 0;padding: 0 20px;border-left: 1px solid #D8D8D8;font-weight: bold;height: 10px;display: inline-block;line-height: 10px;}
.person-main-right-top a.active{color: #FFAE00;}
.person-main-right-top a:first-child{padding-left: 0px;border-left: none;}
.person-main-right-top .person-main-right-top-right{border-left: none;font-weight: normal;float: right;font-size: 13px;color: #A6A6A6;letter-spacing: 0;padding-top: 5px;padding-left: 22px;background-image: url(../images/delete.png);background-repeat: no-repeat;background-position: 0px 1px;height: 12px;}
.person-main-right-top .person-main-right-top-right-edit{border-left: none;font-weight: normal;float: right;font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding-top: 5px;padding-left: 22px;background-image: url(../images/edit.png);background-repeat: no-repeat;background-position: 0px 0px;height: 13px;}
.person-main-right-top .person-main-right-top-right-edit.new{position: relative;top: 38px;}
.person-main-right-top .person-main-right-top-right-done{border-left: none;font-weight: normal;float: right;font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding-top: 5px;padding-left: 22px;background-image: url(../images/done.png);background-repeat: no-repeat;background-position: 0px 1px;height: 13px;}
.person-main-right-top .person-main-right-top-right-done.new{position: relative;top: 38px;}
.person-main-right-list{min-height: 600px;}
.person-main-right-top-rightBar{float: right;}
.person-main-right-top-rightBar span{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-right: 20px;}
.person-main-right-top-rightBar a{font-size: 13px;color: #2F2F2F;letter-spacing: 0;border-left: none;padding: 0 5px;font-weight: normal;}
.person-main-right-top-rightBar a.active{color: #FFAE00;}
.person-main-right-list-tag{padding: 15px 0;}
.person-main-right-list-tag.new{padding: 5px;margin-top: 10px;}
.person-main-right-list-tag a{font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #D0D0D0;border-radius: 13px;height: 26px;line-height: 26px;padding: 0 10px;display: inline-block;margin-right: 10px;font-weight: bold;}
.person-main-right-list-tag a.active{color: #500106;background: #FFAE00;}
.person-main-right-list-tag.new a:first-child{padding-left: 10px;}
.person-main-right-bookmark-top{background: #E7E7E7;height: 38px;line-height: 38px;padding: 0 20px;}
.person-main-right-bookmark-item{height: 38px;line-height: 38px;padding: 0 20px;margin-top: 1px;border-bottom: 1px solid #D8D8D8;}
.person-main-right-bookmark-top input,.person-main-right-bookmark-item input{vertical-align: middle;width: 16px;height: 16px;position: relative;top: -1px;}
.person-main-right-bookmark-top label,.person-main-right-bookmark-item label{font-size: 13px;color: #2F2F2F;letter-spacing: 0;margin-left: 10px;max-width: 400px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align:  top;}
.person-main-right-bookmark-right{float: right;}
.person-main-right-bookmark-right select{height: 27px;line-height: 27px;font-size: 13px;color: #252525;letter-spacing: 0;outline: none;}
.person-main-right-bookmark-right a{font-size: 13px;color: #2F2F2F;letter-spacing: 0;background-image: url(../images/delete.png);background-repeat: no-repeat;padding-left: 23px;margin-left: 15px;background-position: 1px 1px;}
.person-main-right-bookmark-item-blue{font-size: 13px;color: #2893FF;letter-spacing: 0;margin-left: 30px;}
.person-main-right-bookmark-right span{font-size: 13px;color: #252525;letter-spacing: 0;margin-left: 30px;}
.person-main-right .pager-list{text-align: right;}

.password-form-subtitle{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-top: 20px;}
.password-form-subtitle:first-child{margin-top: 0;}
.password-form-input{outline: none;width: 378px;background: #FFFFFF;border: 1px solid #D8D8D8;height: 40px;line-height: 40px;padding: 0 10px;margin-top: 7px;}
.password-form-btn{font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FFAE00;border-radius: 2px;width: 205px;height: 50px;line-height: 50px;display: block;margin-top: 40px;}
.password-form-btn:hover{color: #fff;}
.person-avatar-img{width: 108px;height: 108px;border: 3px solid #d8d8d8;border-radius: 54px;}
.person-avatar-info{width: 300px;display: inline-block;vertical-align: top;padding-left: 40px;}
.person-avatar-info-title{font-size: 13px;color: #A6A6A6;letter-spacing: 0;margin-top: 10px;}
.person-avatar-info-btn{font-size: 16px;color: #FFAE00;letter-spacing: 0;text-align: center;background: #FFFFFF;border: 1px solid #FFAE00;border-radius: 2px;width: 205px;height: 50px;line-height: 50px;display: inline-block;margin-top: 18px;}

.main-tip-1{height: 30px;line-height: 30px;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #1FD600;position: fixed;top: 73px;left: 0;width: 100%;z-index: 99;}
.main-tip-2{height: 30px;line-height: 30px;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FF2C2C;position: fixed;top: 73px;left: 0;width: 100%;z-index: 99;}

.forgot-main{margin-top: 120px;text-align: center;min-height: 580px;}
.forgot-main-title{font-size: 32px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;}
.forgot-main-subtitle{font-size: 13px;color: #2F2F2F;letter-spacing: 0;margin-top: 50px;}
.forgot-main-input{background: #FFFFFF;border: 1px solid #D8D8D8;outline: none;width: 380px;padding: 0 10px;height: 40px;line-height: 40px;display: block;margin: 0 auto;margin-top: 15px;}
.forgot-main-btn.disable{background-color: #e5e5e5;color: #888;}
.forgot-main-btn.disable:hover{color: #888;}
.forgot-main-btn{font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FFAE00;border-radius: 2px;width: 205px;height: 50px;line-height: 50px;display: inline-block;margin-top: 30px;}
.forgot-main-btn:hover{color: #fff;}
.forgot-main .login-form-subtitle{width: 400px;display: block;margin: 0 auto;font-weight: normal;margin-top: 20px;text-align: left;}
.forgot-main .login-form-subtitle a{padding-right: 0;}
.forgot-main .verification{text-align: left;width: 400px;display: block;margin: 0 auto;margin-top: 5px;}

.emotion-form{position: absolute;width: 630px;height: 180px;top: 50px;left: 0;background: #EDEDED;border: 1px solid #D8D8D8;z-index: 99;padding: 10px;display:none;}
.emotion-form img{position: absolute;top: -12px;left: 50px;}
.emotion-form a{margin: 7px 10px;display: inline-block;}

.verification{margin-top: 5px;}
.verification img{height: 76px;width: 76px;}

.policy-title{font-size: 15px;color: #FFAE00;letter-spacing: 0;font-weight: bold;margin-top: 20px;}
.policy-subtitle{font-size: 15px;color: #222222;letter-spacing: 0;font-weight: bold;margin-top: 20px;}
.policy-content{font-size: 15px;color: #A6A6A6;letter-spacing: 0;margin-top: 10px;}
.policy-form{min-height: 700px;}
.policy-border{border-bottom: 1px solid #D8D8D8;padding-top: 20px;}

.feedback-top{background-image: url(../images/chat.png);font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding: 7px 45px;background-repeat: no-repeat;text-align: center;padding-top: 50px;background-position: 586px 5px}
.feedback-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-top: 23px;padding-left: 312px;}
.feedback-subtitle{font-size: 13px;color:  #A6A6A6;letter-spacing: 0;margin-top: 6px;padding-left: 312px;}
.feedback-input{background: #FFFFFF;border: 1px solid #D8D8D8;margin-top: 8px;background: #FFFFFF;border: 1px solid #D8D8D8;outline: none;width: 560px;height: 40px;line-height: 40px;padding: 0 10px;margin-left: 315px;}
.feedback-textarea{background: #FFFFFF;border: 1px solid #D8D8D8;margin-top: 8px;background: #FFFFFF;border: 1px solid #D8D8D8;outline: none;width: 560px;height: 100px;padding: 10px;resize: none;margin-left: 315px;}
.feedback-btn-con{margin-top: 23px;padding-bottom: 260px;text-align: center;}
.feedback-btn{font-size: 13px;color: #FFFFFF;letter-spacing: 0;height: 26px;background: #FFAE00;border: 1px solid #C4891E;border-radius: 2px;line-height: 26px;width: 80px;text-align: center;display: inline-block;margin: 0 5px;}
.feedback-btn:hover{color: #fff;}
.feedback-btn.white{background: #FFFFFF;border: 1px solid #CECECE;border-radius: 2px;font-size: 13px;color: #2F2F2F;letter-spacing: 0;}

.detail-block{width: 638px;height: 112px;margin: 0px auto;margin-top: 75px;background-color: #fff;}
.detail-block-img{margin: 30px;}
.detail-block-content{width: 500px;display: inline-block;font-size: 13px;color: #2F2F2F;margin-top: 30px;vertical-align: top;}
.detail-block-content a{color: #3484f5;}
.login-form-password-tip{text-align: left;color: #aaa;font-size: 12px;margin-top: 5px;}
.login-form-error-tip{text-align: left;color: #ff0000;font-size: 12px;margin-top: 5px;}
.detail-block.reader{margin-top: 300px;background: #515151;}
.detail-block.reader .detail-block-content{color: #BFBFBF;}
.detail-block.reader .detail-block-content a{color: #3484f5;}

.ad-90{height: 90px;margin-top: 20px;}
.ad-250{height: 250px;margin-top: 20px;}
.ad-reader{margin: 10px auto;height: 90px;width: 1200px;}
.ad-reader-con{margin: 10px auto;overflow: hidden;text-align: center;font-size: 0;}
.ad-reader-con-item{margin-left: 10px;height: 300px;width: 393px;display: inline-block;}
.ad-reader-con-item:first-child{margin-left: 0;}

.manga-list-4-cover-bottom{width: 130px;height: 27px;line-height: 27px;top: 201px;background-color: rgba(0,0,0,0.5);left: 0;position: absolute;padding: 0 10px;}
.manga-list-4-cover-bottom-left{font-size: 12px;color: #FFFFFF;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 50%;display: inline-block;}
.manga-list-4-cover-bottom-right{font-size: 10px;color: #FFFFFF;letter-spacing: 0;float: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 50%;display: inline-block;text-align: right;}
.manga-list-4-cover-bottom-right span{font-size: 12px;}

.original-search-bar{height: 90px;background-color: #F0F0F0;}
.original-search-bar .search-bar-line{margin-top: 0;padding-top: 20px;}
.original-search-bar .search-bar-line input{height: 50px;border-radius: 25px;background-position: 12px 17px;width: 1000px;}
.original-search-bar .search-bar-line .search-bar-line-btn{width: 150px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 18px;}

.top-bar-box-1{position: absolute;top: 56px;left: -148px;width: 260px;background-color: #fff;text-align: center;border-radius: 6px;box-shadow: 0px 0px 12px #888;display: none;}
.top-bar-box-arrow{position: absolute;top: -13px;left: 150px;}
.top-bar-box-nodata{padding-top: 40px;}
.top-bar-box-1-title{margin-top: 20px;font-size: 13px;color: #A6A6A6;letter-spacing: 0;text-align: center;}
.top-bar-box-1-bottom{height: 40px;line-height: 40px;text-align: center;font-size: 13px;color: #2F2F2F;letter-spacing: 0;margin-top: 25px;background-color: #F6F6F6;border-top: 1px solid #D8D8D8;display: block;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.top-bar-avatar-con:hover .top-bar-box-1{display: block;}
.top-bar-right-list-3-con{position: relative;padding-bottom: 20px;}
.top-bar-right-list-3-con:hover .top-bar-box-2{display: block;}

.top-bar-box-2{position: absolute;top: 48px;left: -105px;width: 260px;background-color: #fff;text-align: center;border-radius: 6px;box-shadow: 0px 0px 12px #888;display: none;}
.top-bar-box-arrow{position: absolute;top: -13px;left: 150px;}
.top-bar-box-nodata{padding-top: 40px;}
.top-bar-box-2-title{margin-top: 20px;font-size: 13px;color: #A6A6A6;letter-spacing: 0;text-align: center;padding-bottom: 40px;}

.top-bar-box-title{font-size: 14px;color: #2F2F2F;letter-spacing: 0;margin: 20px;text-align: left;font-weight: bold;}
.top-bar-box-manga{padding: 0 20px;position: relative;margin-top: 5px;}
.top-bar-box-manga a{line-height: 20px;margin: 0;font-size: 13px;color: #222;letter-spacing: 0;padding-left: 0px;}
.top-bar-box-manga-cover{height: 92px;width: 69px;position: absolute;top: 0;left: 20px;}
.top-bar-box-manga-info{padding-left: 80px;vertical-align: top;}
.top-bar-box-manga-info-title{font-size: 13px;color: #222222;letter-spacing: 0;line-height: 20px;text-align: left;}
.top-bar-box-manga-info-subtitle{font-size: 13px;color: #A6A6A6;letter-spacing: 0;text-align: left;margin-top: 7px;}
.top-bar-box-manga-info-tip{font-size: 11px;color: #A6A6A6;letter-spacing: 0;text-align: left;margin-top: 13px;}
.top-bar-box-manga-info-tip span{float: right;}
.top-bar-box-manga-info-subtitle a{color: #ffae00;font-size: 13px;}
a.top-bar-box-2-bottom{line-height: 0;margin: 0;font-size: 13px;color: #2893FF;letter-spacing: 0;padding-left: 0px;border-top: 1px solid #D8D8D8;height: 40px;line-height: 40px;text-align: center;display: block;margin-top: 20px;}
.top-bar-box-library{font-size: 14px;color: #2F2F2F;letter-spacing: 0;text-align: left;padding: 0 20px;margin-top: -5px;margin-bottom: 10px;}
.top-bar-box-library a{font-size: 12px;color: #2893FF;float: right;}

.facebook-top{font-size: 18px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;text-align: center;margin-top: 90px;padding-bottom: 20px;}
.facebook-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-top: 23px;padding-left: 400px;}
.facebook-input{background: #FFFFFF;border: 1px solid #D8D8D8;margin-top: 8px;background: #FFFFFF;border: 1px solid #D8D8D8;outline: none;width: 378px;height: 40px;line-height: 40px;padding: 0 10px;margin-left: 400px;}
.login-form-btn.facebook.signUp{margin: 0 auto;margin-top: 20px;}
.facebook-checkline{font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding-left: 400px;margin-top: 20px;}
.facebook-checkline input{width: 16px;height: 16px;margin-right: 3px;vertical-align: top;position: relative;top: 1px;}

.person-main-right-sortBar{height: 38px;line-height: 38px;background-color: #F0F0F0;margin-top: 25px;}
.person-main-right-sortBar-title{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-left: 20px;}
.person-main-right-sortBar-btn{font-size: 13px;color: #2F2F2F;letter-spacing: 0;margin-left: 15px;}
.person-main-right-sortBar-btn.active{color: #FFAE00;}
.person-main-right-sortBar-input{height: 30px;width: 110px;float: right;margin-right: 20px;border-radius: 15px;border: none;outline: none;padding-left: 35px;padding-right: 10px;margin-top: 4px;font-size: 11px;background-image: url(../images/search-input-bg.png);background-position: 11px 8px;background-repeat: no-repeat;}

.person-main-right-editBar{height: 38px;line-height: 38px;background-color: #F0F0F0;margin-top: 25px;}
.person-main-right-editBar-title{font-size: 13px;color: #FF2C2C;letter-spacing: 0;margin-left: 20px;}
.person-main-right-editBar-check{width: 16px;height: 16px;margin-left: 25px;position: relative;top: 3px;}
.person-main-right-editBar-subtitle{font-size: 13px;color: #2F2F2F;letter-spacing: 0;}
.person-main-right-editBar-delete{border-left: none;font-weight: normal;float: right;font-size: 13px;color: #2F2F2F;letter-spacing: 0;padding-top: 5px;padding-left: 22px;background-image: url(../images/delete.png);background-repeat: no-repeat;background-position: 0px 1px;height: 12px;line-height: 10px;margin-top: 10px;margin-right: 20px;}
.person-main-right-editBar-move{font-size: 13px;color: #B3B3B3;letter-spacing: 0;float: right;}
.person-main-right-editBar select{height: 27px;line-height: 27px;font-size: 13px;color: #252525;letter-spacing: 0;outline: none;float: right;margin: 5.5px 10px;}

.detail-right-part{background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 5px;margin-top: 20px;}
.detail-right-part-top{border-bottom: 1px solid #D8D8D8;height: 50px;}
.detail-right-part-top-left{float: left;margin-left: 20px;margin-top: 22px;font-size: 16px;color: #222222;letter-spacing: 0;font-weight: bold;}
.detail-right-part-top-right{float: right;margin-right: 30px;margin-top: 22px;font-size: 13px;color: #FFAE00;}
.detail-right-part-bottom{font-size: 0;}
.detail-right-part-bottom-item{width: 138px;height: 60px;display: inline-block;text-align: center;padding-top: 12px;}
.detail-right-part-bottom-item:first-child{border-right: 1px solid #D8D8D8;}
.detail-right-part-bottom-item p{font-size: 12px;color: #2F2F2F;letter-spacing: 0;margin-top: 8px;}

.logo-complete{position: absolute;top: 0;right: 0;}
.logo-complete2{position: absolute;top: 0;left: 82px;}
.mf-list::-webkit-scrollbar-track-piece {
    background-color: #353535;
}

.mf-list::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}

.mf-list::-webkit-scrollbar-thumb {
    background-color: #5f5f5f;
    background-clip: padding-box;
    min-height: 28px;
    border-radius: 4px;
}
.reader-code-mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 998;display: none;}
.reader-code-win{width: 410px;background-color: #fff;border-radius: 6px;position: fixed;top: 50%;left: 50%;margin-left: -250px;margin-top: -310px;z-index: 999;display: none;padding-bottom: 20px;padding: 30px 45px;}
.code-form-subtitle{font-size: 13px;color: #2F2F2F;letter-spacing: 0;font-weight: bold;margin-top: 20px;}
.code-form-subtitle a{font-size: 13px;color: #2893FF;letter-spacing: 0;float: right;padding-right: 10px;font-weight: normal;}
.postcodebt{font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;background: #FFAE00;border-radius: 2px;width: 400px;height: 50px;line-height: 50px;display: block;margin-top: 20px;}
.postcodebt:hover{color: #fff;}