:root {
    --adm-radius-s: 4px;
    --adm-radius-m: 8px;
    --adm-radius-l: 12px;
    --adm-font-size-1: 9px;
    --adm-font-size-2: 10px;
    --adm-font-size-3: 11px;
    --adm-font-size-4: 12px;
    --adm-font-size-5: 13px;
    --adm-font-size-6: 14px;
    --adm-font-size-7: 15px;
    --adm-font-size-8: 16px;
    --adm-font-size-9: 17px;
    --adm-font-size-10: 18px;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;
    --adm-border-color: var(--adm-color-border);
}

input {
    outline: none;
    border: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}
html {
    font-size: 57.3333px;
}

 
button {
    background: transparent;
    border: none;
    font: inherit;
    padding: 0;
}
body, html {
    padding: 0;
    margin: 0;
    font-family: PingFangSC,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Microsoft Yahei,sans-serif!important;
}
body {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-main);
    font-family: var(--adm-font-family);
}
* {
    box-sizing: border-box;
    /* user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none; */
}
h1, h2, h3, h4, p {
    margin: 0;
}
a {
    color: var(--adm-color-primary);
    transition: opacity .2s ease-in-out;
}
a {
    color: inherit;
    text-decoration: none;
}
a, button {
    cursor: pointer;
    outline: none;
}
 
img {
    border: none!important;
}
#, body, html {
    height: 100%;
}

/*清除浮动*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


.home_homeWrap {
    padding: .96rem 0 0rem;
    position: relative;
    min-height: 100vh;
    background-color: #f8f8f8;
}

.MHeader_headerBox {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: .96rem;
    padding: 0 .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e1442e;
}


.MHeader_headerBox .MHeader_logoBox {
    width: 1.99rem;
    height: .68rem;
}

.MHeader_headerBox .MHeader_headerContent {
    padding: 0 .24rem 0 .32rem;
    width: 4.34rem;
    height: .56rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: hsla(8,100%,96%,.27);
    border-radius: .28rem;
    position: relative;
}

.MHeader_headerBox .MHeader_headerContent .MHeader_searchBox {
    width: 100%;
    height: .56rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0;
    margin: 0;
}

.MHeader_headerBox .MHeader_headerContent .MHeader_searchBox .search-input {
    background: none;
    border: none;
    color: #fff;
    font-size: .14rem;
    padding-left: 0.2rem;
}
.MHeader_headerBox .MHeader_headerContent .search-button {

}
 
.MHeader_headerBox .MHeader_headerContent .MHeader_searchBox .MHeader_swiperHot .MHeader_swiperItem {
    display: flex;
    align-items: center;
}
.MHeader_headerBox .MHeader_headerContent .MHeader_searchBox .MHeader_defaultHot, .MHeader_headerBox .MHeader_headerContent .MHeader_searchBox .MHeader_swiperHot .MHeader_swiperItem p {
    width: 2rem;
    font-size: .24rem;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}

.MHeader_headerBox .MHeader_headerContent .MHeader_searchBox .MHeader_searchIcon {
    width: .32rem;
    height: .32rem;
}

.SwiperNormal_swiperBox {
    height: 4.2rem;
    width: 100vw;
    overflow: hidden;
    font-size: 0;
    position: relative;
}
.SwiperNormal_swiperBox .swiper-slide {
    height: 4.2rem;
}
.SwiperNormal_swiperBox .swiper-slide a {
    display: inline-block;
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
    background: url(../images/wap-banner.png) 0 0/100% 100% no-repeat;
}
.SwiperNormal_swiperBox .swiper-slide .SwiperNormal_contentImg {
    width: 100%;
    height: 4.2rem;
}

 

.SwiperNormal_swiperBox.swiper-container-horizontal>.swiper-pagination-bullets, .SwiperNormal_swiperBox.swiper-pagination-custom, .swiper-pagination-fraction {
    left: auto;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
}
.SwiperNormal_swiperBox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    border-radius: 0;
    background: #ffffff;
    width: .16rem;
    height: .06rem;
    border-radius: .02rem;
    opacity: .2;
}
.SwiperNormal_swiperBox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
}


.MHeader_swiperHot {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.MHeader_swiperHot .swiper-slide {
    line-height: 30px;
    color: #fff;
}

.home_container {
    display: flex;
    flex-direction: column;
    padding: .32rem .32rem 0;
}

.home_container .home_browseBox {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-y: auto;
    height: .64rem;
    margin-bottom: .64rem;
}
.home_container .home_browseBox::-webkit-scrollbar {
    display: none
}

.home_container .home_browseBox .home_browseItem {
    flex-shrink: 0;
    font-size: .26rem;
    font-weight: 400;
    color: #333;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .24rem;
    background-color: #eaeaea;
    border-radius: .1rem;
    margin-right: .16rem;
}

.ColumnBox_columnBox {
    margin-bottom: .24rem;
}
.ColumnBox_columnBox .ColumnBox_columnTitle {
    height: .44rem;
    display: flex;
    align-items: center;
    font-size: .36rem;
    font-weight: 700;
    color: #161718;
    margin-bottom: .24rem;
}

.FeaturedList_featuredBox {
    display: flex;
    min-height: 4.36rem;
    flex-wrap: wrap;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem {
    min-height: 4.36rem;
    border-radius: .1rem;
    position: relative;
    width: 2.18rem;
    margin-right: .16rem;
}

.image_imageBox, .image_imageScaleBox {
    position: relative;
    overflow: hidden;
    display: block;
}
.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_itemImg {
    width: 2.18rem;
    height: 3.12rem;
    border-radius: .1rem;
}

.image_imageBox .image_imageItem, .image_imageScaleBox .image_imageItem {
    width: 100%;
    height: 100%;
    background: url(../images/defaultbook.png) 0 0/100% 100% no-repeat;
    transition: all .5s;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_lastChapter {
    position: absolute;
    left: 0;
    top: 2.56rem;
    z-index: 1;
    width: 100%;
    height: .56rem;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
    border-radius: 0 0 .1rem .1rem;
    padding: .16rem .08rem 0;
    text-align: right;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_bookName {
    margin-top: .12rem;
    display: block;
    font-size: .28rem;
    font-weight: 400;
    color: #161718;
    line-height: .34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_tagsBox {
    display: flex;
    width: 100%;
    height: .46rem;
    flex-direction: row;
    overflow: hidden;
    flex-wrap: wrap;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem:nth-child(3n) {
    margin-right: 0;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_tagsBox a {
    max-width: 2.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .08rem .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #929aa1;
}

.FeaturedList_featuredBox .FeaturedList_featuredItem .FeaturedList_tagsBox .FeaturedList_tagItem {
    max-width: 2.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .08rem .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #929aa1;
}


.MFooter_footerBox {
    height: 2.2rem;
    background-color: #fff;
    padding: .32rem .24rem;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    font-size: .2rem;
    font-weight: 400;
    color: #bdbdbd;
    text-align: center;
    line-height: .36rem;
}

.MFooter_footerBox .MFooter_link {
    display: block;
    color: #bdbdbd;
}



/*筛选分类页*/


.browse_browseWrap {
    padding-top: .96rem;
    background-color: #fff;
    min-height: 100vh;
    font-size: 0;
}
 

.NavBar_navBarBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: .96rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #333;
    transform: translateZ(2px)
}

.NavBar_navBarBox .NavBar_backBox {
    position: absolute;
    left: .24rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex
}

.NavBar_navBarBox .NavBar_backBox .NavBar_backIcon {
    width: .48rem;
    height: .48rem
}

.NavBar_navBarBox h1 {
    font-size: .34rem;
    font-weight: 500;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 6.22rem
}


.BrowseType_dropdownBox {
    position: -webkit-sticky;
    position: sticky;
    top: .96rem;
    left: 0;
    z-index: 9;
    width: 100%;
    background-color: #f8f8f8;
}
.BrowseType_browseBox {
    position: relative;
    z-index: 9;
    padding: .12rem 0;
    width: 100%;
}

.NavBar_navBarBox .NavBar_backBox .NavBar_backIcon {
    width: .48rem;
    height: .48rem;
}

.BrowseType_browseBox .BrowseType_tabBox {
    padding: 0 .32rem 0 .14rem;
    position: relative;
}
.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent {
    transition: all .3s;
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-header-mask-left {
    opacity: 0;
    display: none;
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_moreIcon {
    opacity: 0;
    position: absolute!important;
    bottom: 0;
    right: .12rem;
    z-index: 1111;
    padding: .12rem;
    width: .48rem;
    height: .48rem;
}
.BrowseType_browseBox .BrowseType_tabBox .BrowseType_moreIcon.BrowseType_moreIconActive {
    transform: rotate(180deg);
    opacity: 1;
    
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-header-mask-right {
    opacity: 0;
    display: none;
}


.adm-tabs-header {
    position: relative;
    border-bottom: 1px solid var(--adm-color-border);
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-header, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-header {
    border-bottom: none;
}

.adm-tabs-header-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 30px;
    height: 100%;
    pointer-events: none;
}

.adm-tabs-header-mask-left {
    left: 0;
    background: linear-gradient(to right,var(--adm-color-background),hsla(0,0%,100%,0));
}
.adm-tabs-header-mask-right {
    right: 0;
    background: linear-gradient(to left,var(--adm-color-background),hsla(0,0%,100%,0));
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-header-mask-right:after, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-header-mask-right:after {
    content: "";
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-color: red;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAkJJREFUaEPtmLFu1EAQhmdsnZDSIEVQINHSpKFKkS7lyXfjFiEBCbxFxBukpkQkAQlRey13PEGEBE0qKGgAKdSpbu+PVgooyeFbe3cc65CvXc/MfjP/v94z04r/eMX3TwNA3xMcJjBMILID/6eEqqq6P5vN9pl5G8C9yCZFhTPzbyL6mKbpyyzLvl1PtjABt3lr7RcA61GVlYOZ+WeSJFuTyeT75dQLAEVRvCeix8r1VdIx8zsRebYUwBjzo2/Z1NE6OYnIXR/AKYA7Ki1TTsLMv0TkiicXJGSM+QDgkXJtlXTMfCQiu74JPCCizwDWVKoqJWHms9Fo9HA8Hn9dCuAWy7Lcmc/nh0q1VdIkSbI7nU6PvMfonweMMW8APFepHpmEmQ9E5MW/0tS+iY0xawCOiWgjsn5s+Akzb4rIWSsA93BVVRvW2uO+/OB0n6bpZpZlJ7VHq689ffqhTvdeE1+HKorigIiuHF8+cIX1wzzPvR5sdBvtwQ9Ldd96Ajfphya6DwK4qfdDE90HA7jAjv3QSPdRAB36obHuowC68ENb3UcDaPuhre5VABT90Fr3agAKfgjSvRpAjB9idK8KEOqHGN2rAwT4IUr3nQC08EO07jsBaOIHLd13BnAhpafu6wGAhZsuM++IyFuFq/bfFI2u020LlmX5BMArALddrPsgBWAvz/PXbXP5nu8E4EJOt6y1W8xsAXyq+0/r26BvvTMAX2Gt9QFAq5OheYYJhHZOK26YgFYnQ/MMEwjtnFbcyk/gHDSwD0Bayjy2AAAAAElFTkSuQmCC) no-repeat;
    background-size: .24rem .24rem;
    position: absolute;
    right: -.1rem;
    top: .15rem;
    z-index: 1;
}

.adm-tabs-tab-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
}

/*打开菜单*/
.BrowseType_tabContentMore {}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-tab-list {
    flex-wrap: wrap;
    row-gap: .2rem;
    column-gap: .1rem;
}
 

.BrowseType_moreIconActive {}


.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-tab, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-tab {
    padding: 0;
    border-radius: .24rem;
    font-size: .26rem;
    font-weight: 500;
    color: #222;
    line-height: .32rem;
    height: .48rem;
    border: .01rem solid transparent;
    max-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-tab a, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-tab a {
    color: #222;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: .08rem .18rem;
}

.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-tab-active, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-tab-active {
    border-color: #e1442e;
    background-color: #e1442e;
    color: #fff;
}
.BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContentMore .adm-tabs-tab-active a, .BrowseType_browseBox .BrowseType_tabBox .BrowseType_tabContent .adm-tabs-tab-active a {
    color: #fff;
}


.browse_browseWrap .browse_browseContent {
    padding: .32rem .32rem 0.18rem;
    background-color: #fff;
    overflow-y: auto;
}
.BrowseList_listBox {
    display: flex;
    flex-direction: column;
}

.BrowseList_listBox .BrowseList_listItem {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: .4rem;
    font-size: 0;
}


.image_imageBox, .image_imageScaleBox {
    position: relative;
    overflow: hidden;
    display: block;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemImg {
    border-radius: .1rem;
    height: 3rem;
    width: 2.1rem;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: .14rem;
}

.image_imageBox .image_imageItem, .image_imageScaleBox .image_imageItem {
    width: 100%;
    height: 100%;
    background: url(../images/defaultbook.png) 0 0/100% 100% no-repeat;
    transition: all .5s;
}
.BrowseList_listBox .BrowseList_listItem .BrowseList_lastChapter {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 2.1rem;
    height: .56rem;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
    border-radius: 0 0 .1rem .1rem;
    padding: .16rem .08rem 0;
    text-align: right;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent {
    max-width: 4.62rem;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_bookName {
    padding-left: .1rem;
    display: block;
    width: 4.62rem;
    font-size: .3rem;
    font-weight: 500;
    line-height: .36rem;
    color: #161718;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_bookViewCount {
    margin-top: .23rem;
    margin-left: .1rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .03rem .16rem;
    background-color: #ffeee9;
    border-radius: .04rem;
    font-size: .24rem;
    font-weight: 400;
    color: #ff6b3a;
    line-height: .3rem;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_tagsBox {
    margin-top: .06rem;
    display: flex;
    width: 100%;
    height: .46rem;
    flex-direction: row;
    overflow: hidden;
    flex-wrap: wrap;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_tagsBox a
{
    max-width: 2.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .08rem .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #929aa1;
}

.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_bookIntro {
    margin-top: .08rem;
    padding-left: .1rem;
    display: block;
    width: 4.62rem;
    font-size: .26rem;
    line-height: .37rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    font-weight: 400;
    color: #7f7f7f;
}




.paginationCom_pageContent {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: .32rem;
    font-size: 0;
    width: 100%;
    margin-bottom: 0.42rem;
}

.paginationCom_prevNoMore, .paginationCom_nextBtn {
    width: .69rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .05rem;
    box-sizing: border-box;
    font-size: .16rem;
    cursor: pointer;
    border-radius: .04rem;
    color: #555;
    background-color: #f5f5f5;
    transition: all .3s;
    text-decoration: none!important;
}

.paginationCom_activePage {
    width: .69rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .05rem;
    box-sizing: border-box;
    font-size: .36rem;
    cursor: pointer;
    border-radius: .04rem;
    color: #e1442e;
    background-color: #f5f5f5;
    transition: all .3s;
    text-decoration: none!important;
}

.paginationCom_pageContent .paginationCom_nextBtn .paginationCom_prevNextIcon, .paginationCom_pageContent .paginationCom_nextNoMore .paginationCom_prevNextIcon {
    width: .28rem;
    height: .28rem;
    transform: rotate(180deg);
}

.page_tip {
    text-align: center;
    font-size: 0.24rem;
}
 


/*详情页*/
.drama_bookWrap {
    min-height: 100vh;
    padding-bottom: 1.42rem;
}
.dramaDetail_bookBox {
    padding: 1.06rem .32rem 0;
    height: 4.11rem;
    background-color: #373e52;
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    margin-bottom: .77rem;
}
.wapBreadcrumb_crumbsWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: .3rem;
    opacity: .4;
}

.wapBreadcrumb_crumbsWrap .wapBreadcrumb_crumbItem {
    flex-shrink: 0;
    font-size: .24rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    margin-right: .16rem;
    line-height: .3rem;
    transition: all .3s;
}

.wapBreadcrumb_crumbsWrap .wapBreadcrumb_crumbItem a {
    max-width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wapBreadcrumb_crumbsWrap .wapBreadcrumb_crumbItem .wapBreadcrumb_crumbIcon {
    margin-left: .16rem;
    border-left: .12rem solid #fff;
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
}

.dramaDetail_detailBox {
    margin-top: .32rem;
    display: flex;
    flex-direction: row;
}

.image_imageBox, .image_imageScaleBox {
    position: relative;
    overflow: hidden;
    display: block;
}

.dramaDetail_detailBox .dramaDetail_bookCover {
    flex-shrink: 0;
    width: 2.1rem;
    height: 3rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .37rem;
}

.image_imageBox .image_imageItem, .image_imageScaleBox .image_imageItem {
    width: 100%;
    height: 100%;
    background: url(../images/defaultbook.png) 0 0/100% 100% no-repeat;
    transition: all .5s;
}

.dramaDetail_detailBox .dramaDetail_bookContent {
    max-width: 4.18rem;
    height: 2.43rem;
    position: relative;
}

.dramaDetail_detailBox .dramaDetail_bookContent .dramaDetail_bookName {
    padding-left: .1rem;
    font-size: .4rem;
    font-weight: 500;
    color: #fff;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dramaDetail_detailBox .dramaDetail_bookContent .dramaDetail_tagsBox {
    margin-top: .08rem;
    display: flex;
    width: 100%;
    height: .46rem;
    flex-direction: row;
    overflow: hidden;
    flex-wrap: wrap;
}

.dramaDetail_detailBox .dramaDetail_bookContent .dramaDetail_tagsBox a {
    max-width: 2.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .08rem .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #929aa1;
}

.dramaDetail_detailBox .dramaDetail_bookContent .dramaDetail_playBtn {
    position: absolute;
    bottom: .4rem;
    left: .1rem;
    z-index: 1;
    width: 2.42rem;
    height: .64rem;
    background-color: #fff;
    box-shadow: 0 .02rem .12rem 0 hsla(208,5%,51%,.03);
    border-radius: .32rem;
    font-size: .26rem;
    font-weight: 500;
    color: #e1442e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dramaDetail_detailBox .dramaDetail_bookContent .dramaDetail_playBtn .dramaDetail_playIcon {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
}

.introduction_introBox {
    padding: 0 .32rem;
    position: relative;
}

.adm-ellipsis {
    overflow: hidden;
    line-height: 1.5;
}

.introduction_introBox .introduction_introEllipsis {
    font-size: .26rem;
    font-weight: 400;
    color: #222;
    line-height: .37rem;
    position: relative!important;
    word-break: break-word;
    transform: translateZ(1px);
    display: block!important;
}

.introduction_introBox .introduction_introEllipsis a {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 1.02rem;
    height: .32rem;
    text-align: right;
    transform: translateZ(1px);
    display: flex!important;
    justify-content: right;
    align-items: flex-end;
}

.drama_bookWrap .drama_container {
    padding: .64rem 0 0;
}
.drama_bookWrap .drama_container .drama_catalogTitle {
    padding: 0 .32rem;
    font-size: .36rem;
    font-weight: 600;
    color: #161718;
    line-height: .44rem;
}
.drama_bookWrap .drama_container .drama_catalogTitle span {
    font-size: .24rem;
    line-height: .44rem;
}
.drama_bookWrap .drama_container .drama_catalogTitle .order {
    float: right;
    font-weight: 400;
    font-size: .24rem;
    line-height: .44rem;
    color: #929aa1;
    cursor: pointer;
}

.drama_newchapter {
    padding: .32rem .32rem 0;
    font-size: .26rem;
    font-weight: 400;
    color: #222;
    line-height: .37rem;
}

.drama_newchapter a{
    color: #e1442e;
}

.CatalogList_catalogBox {
    width: 100%;
    padding-top: .32rem;
}
.adm-tabs {
    --title-font-size: var(--adm-font-size-9);
    --content-padding: 12px;
    --active-line-height: 2px;
    --active-line-border-radius: var(--active-line-height);
    --active-line-color: var(--adm-color-primary);
    --active-title-color: var(--adm-color-primary);
    position: relative;
    min-width: 0;
}


.CatalogList_catalogBox .CatalogList_tabContent {
    width: 100%;
    padding: 0 .24rem 0 .12rem;
    transition: all .3s;
    height: .5rem;
    font-size: 0;
    padding-bottom: 0.9rem;
}


.adm-tabs-header {
    position: relative;
    border-bottom: 1px solid var(--adm-color-border);
}
.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-header {
    border-bottom: none;
}

.adm-tabs-header-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 30px;
    height: 100%;
    pointer-events: none;
}

.adm-tabs-header-mask-left {
    left: 0;
    background: linear-gradient(to right,var(--adm-color-background),hsla(0,0%,100%,0));
}

.adm-tabs-tab-line {
    position: absolute;
    bottom: 0;
    height: var(--active-line-height);
    background: var(--active-line-color);
    border-radius: var(--active-line-border-radius);
}
.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-tab-line {
    display: none;
}

.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-tab-wrapper {
    padding: 0;
    flex: none;
    width: auto;
}
.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-tab {
    padding: .08rem .24rem;
    font-size: .28rem;
    font-weight: 400;
    color: #5e6267;
    line-height: .34rem;
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-tab-active .adm-tabs-tab {
    color: #f55041;
    font-weight: 600;
}


.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-tab:after {
    content: "";
    display: inline-block;
    width: .02rem;
    height: .24rem;
    background-color: #eceef0;
    position: absolute;
    right: 0;
    top: .14rem;
}

.CatalogList_catalogBox .CatalogList_swiperBox {
    transform: translateZ(1px);
    display: flex!important;
    overflow: hidden;
}

.CatalogList_catalogBox .CatalogList_content, .CatalogList_catalogBox .CatalogList_swiperBox .CatalogList_content {
    /* margin: .32rem 0 .01rem; */
    padding: 0 .08rem 0 .32rem;
    display: flex!important;
    flex-wrap: wrap;
    transform: translateZ(1px);
}

.CatalogList_catalogBox .CatalogList_swiperBox .CatalogList_content .CatalogList_linkBox {
    width: 2.14rem;
    height: .8rem;
    padding: 0 .1rem;
    background-color: #f8f9fa;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .01rem solid transparent;
    font-size: .269rem;
    font-weight: 400;
    color: #161718;
    margin-right: .22rem;
    margin-bottom: .22rem;
    position: relative;
    border: 1px solid #eef0f5;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap
}

.CatalogList_catalogBox .CatalogList_swiperBox .CatalogList_content .CatalogList_linkBox .CatalogList_lockImg {
    position: absolute;
    top: 0;
    right: 0;
    width: .32rem;
    height: .32rem;
}

.CatalogList_catalogBox .CatalogList_content li{
    list-style-type: none;
    float: left;
    width: 33%;
    padding: 0 .22rem .22rem .0rem;
    text-align: center;
}
.CatalogList_catalogBox .CatalogList_content li a{
    display: block;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .1rem;
    background-color: #f8f9fa;
    border-radius: .1rem;
    border: 1px solid #eef0f5;
    font-size: .269rem;
    font-weight: 400;
    color: #161718;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

/*播放页*/
.episode_episodeWrap {
    min-height: 100vh;
    background-color: #10141b;
    padding-top: .96rem;
}
.episode_episodeWrap .episode_vLockBox {
    width: 100%;
    height: 45vh;
    position: relative;
    z-index: 1;
}
.episode_episodeWrap .episode_vContainer {
    width: 100%;
    /* height: 45vh;
    min-height: 45vh; */
    background-color: #333;
    /* position: absolute; */
    top: .96rem;
    left: 0;
    z-index: 9;
}
.episode_episodeWrap .episode_vContainer .episode_videoBox {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    /* height: 45vh; */
    z-index: 9;
    overflow: unset;
}

.episode_episodeWrap .episode_vContainer .episode_videoBox .episode_playVideo {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #161a23;
    overflow: unset;
}
.episode_playVideo {
    position: relative;
}
.VideoControl_controlBox {
    position: absolute;
    z-index: 1000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 0;
    bottom: 0;
}

.VideoOperation_otherBox {
    position: absolute;
    bottom: 1.24rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: .9rem;
    right: 0;
    z-index: 1;
}

.VideoOperation_otherBox .VideoOperation_otherItem {
    text-align: center;
    margin-bottom: .26rem;
}

.VideoOperation_otherBox .VideoOperation_otherItem .VideoOperation_otherIcon {
    width: .58rem;
    height: .58rem;
    border: none!important;
}

.VideoOperation_otherBox .VideoOperation_otherItem .VideoOperation_otherTxt {
    margin-top: .02rem;
    font-size: .2rem;
    font-weight: 500;
    color: #fff;
    line-height: .34rem;
    text-shadow: 0 2px 0 rgba(0,0,0,.16);
}

.VideoControl_controlBox .VideoControl_stopBox {
    width: 100%;
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.VideoControl_controlBox .VideoControl_touchLine {
    width: 100%;
    height: 1.58rem;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));
    position: relative;
    z-index: 1;
}

.VideoControl_controlBox .VideoControl_touchLine .VideoControl_bookInfo {
    padding: .32rem .24rem 0;
}
.VideoControl_controlBox .VideoControl_touchLine .VideoControl_bookInfo .VideoControl_bookName {
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
    height: .44rem;
    line-height: .44rem;
    text-shadow: 0 .02rem .04rem rgba(0,0,0,.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.VideoControl_controlBox .VideoControl_touchLine .VideoControl_bookInfo .VideoControl_chapterName {
    margin-top: .16rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 .02rem .04rem rgba(0,0,0,.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.episode_episodeWrap .episode_container {
    margin-top: .24rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.episode_episodeWrap .episode_container .episode_episodeInfoTxt {
    margin-top: .1rem;
    position: relative!important;
    padding: 0 .32rem;
    font-size: .26rem;
    font-weight: 400;
    color: #fff;
    line-height: .37rem;
}

.episode_episodeWrap .episode_container .episode_episodeInfo {
    background-color: #161a23;
    padding-bottom: .02rem;
}

.episode_episodeWrap .episode_container .episode_episodeInfo .episode_episodeBtnBox {
    margin-top: .4rem;
    padding: 0 .32rem;
}
.episode_episodeWrap .episode_container .episode_episodeInfo .episode_episodeBtnBox .episode_episodeBtn {
    display: block;
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    background: linear-gradient(180deg,#f14730,#e1442e);
    box-shadow: 0 .07rem .2rem 0 rgba(29,4,4,.2);
    border-radius: .48rem;
    font-size: .3rem;
    font-weight: 600;
    color: #fff;
}
.CatalogList_catalogBox {
    width: 100%;
    padding-top: .32rem;
}


.CatalogList_catalogDarkBox {
    padding-top: .48rem;
    overflow: hidden;
}


 

.CatalogList_catalogBox .CatalogList_tabContent .adm-tabs-header {
    border-bottom: none;
}

.CatalogList_catalogDarkBox .CatalogList_tabContent .adm-tabs-header-mask-left {
    background: linear-gradient(90deg,#161a23,rgba(22,26,35,0))!important;
}
.CatalogList_catalogDarkBox .CatalogList_tabContent .adm-tabs-header-mask-right {
    background: linear-gradient(270deg,#161a23,rgba(22,26,35,0))!important;
}

 
.CatalogList_catalogDarkBox .CatalogList_tabContent .adm-tabs-tab:after {
    content: "";
    display: inline-block;
    width: .02rem;
    height: .24rem;
    background-color: #444750;
    position: absolute;
    right: 0;
    top: .14rem;
}

 
.adm-swiper-horizontal .adm-swiper-track-inner {
    flex-direction: row;
    width: var(--slide-size);
}
 
 

.CatalogList_catalogDarkBox .CatalogList_swiperBox .CatalogList_content .CatalogList_linkBox {
    background-color: #2a2f3a;
    color: #fff;
}
 

.RoleBox_roleBox {
    margin-top: .2rem;
    padding: .32rem .32rem .24rem;
    background-color: #161a23;
}
.RoleBox_roleBox .RoleBox_roleHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .24rem;
}

.RoleBox_roleBox .RoleBox_roleHeader .RoleBox_headerLeft {
    display: flex;
    align-items: center;
    justify-content: center;
}

.RoleBox_roleBox .RoleBox_roleHeader .RoleBox_headerLeft span {
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
}
.RoleBox_roleBox .RoleBox_roleHeader .RoleBox_moreBtn {
    flex-shrink: 0;
    height: .46rem;
    border-radius: .25rem;
    border: .01rem solid #444750;
    padding: 0 .24rem;
    display: flex;
    align-items: center;
    font-size: 0;
}

.RoleBox_roleBox .RoleBox_roleHeader .RoleBox_moreBtn span {
    font-size: .24rem;
    font-weight: 400;
    color: #6b7379;
}
.RoleBox_roleBox .RoleBox_roleHeader .RoleBox_moreBtn .RoleBox_moreIcon {
    width: .24rem;
    height: .24rem;
}

 
.BrowseList_listBox.FeaturedList_featuredBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_bookName {
    color: #FFFF;
}

.BrowseList_listBox.BrowseList_listBox .BrowseList_listItem .BrowseList_itemContent .BrowseList_bookViewCount {
    background: rgba(255,107,58,.1);
}

.FeaturedList_featuredBox.FeaturedList_featuredDarkBox .FeaturedList_bookName {
    color: #FFFF;
}

/*搜索页*/
.SearchHeader_searchBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: .96rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: #fff;
}

.SearchHeader_searchBox .SearchHeader_backBox {
    display: flex;
}
.SearchHeader_searchBox .SearchHeader_backBox .SearchHeader_backIcon {
    width: .48rem;
    height: .48rem;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox {
    flex: 1 1;
    width: 100%;
    height: .68rem;
    margin: 0 .24rem;
    background-color: #f8f8f8;
    border-radius: .34rem;
    display: flex;
    align-items: center;
    position: relative;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox .SearchHeader_searchIcon {
    padding: .16rem 0 .16rem .24rem;
    width: .6rem;
    height: .68rem;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox .SearchHeader_searchForm {
    flex: 1 1;
    height: 100%;
    width: 100%;
    margin: 0;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox .SearchHeader_searchForm .SearchHeader_searchInput {
    margin: 0!important;
    padding: 0 .15rem;
    flex: 1 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    word-wrap: break-word;
    font-size: .28rem;
    font-weight: 400;
    color: #333;
    caret-color: #fa3123;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox .SearchHeader_cancelBox {
    height: .68rem;
    padding: .18rem 0;
    width: .56rem;
}
.SearchHeader_searchBox .SearchHeader_searchInputBox .SearchHeader_cancelBox .SearchHeader_cancelIcon {
    width: .32rem;
    height: .32rem;
}
.SearchHeader_searchBox .SearchHeader_searchBtn {
    flex-shrink: 0;
    height: .96rem;
    padding-left: .08rem;
    font-size: .32rem;
    font-weight: 500;
    color: #222;
    line-height: .96rem;
}

.search_searchWrap {
    background-color: #fff;
    min-height: 100vh;
    padding: .96rem .32rem 1.12rem;
}

.search_searchWrap .search_searchList {
    padding: .25rem 0;
}
.MTagBookList_tagBookBox {
 
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 2.58rem;
    margin-bottom: .32rem;
}
.image_imageBox, .image_imageScaleBox {
    position: relative;
    overflow: hidden;
    display: block;
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookImageBox {
    flex-shrink: 0;
    position: relative;
    width: 1.8rem;
    height: 2.58rem;
    border-radius: .1rem;
    margin-right: .14rem;
}
.image_imageBox .image_imageItem, .image_imageScaleBox .image_imageItem {
    width: 100%;
    height: 100%;
    background: url(../images/defaultbook.6e735586.png) 0 0/100% 100% no-repeat;
    transition: all .5s;
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo {
    flex: 1 1;
    max-width: 4.92rem;
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_bookName {
    padding-left: .1rem;
    color: #161818;
    font-size: .32rem;
    line-height: .4rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-height: .4rem;
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_bookAuthor {
    margin-top: .24rem;
    display: block;
    padding-left: .1rem;
    font-size: .26rem;
    font-weight: 400;
    line-height: .32rem;
    color: #929aa1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_bookAuthor span {
    margin-right: .2rem;
}

.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_tagsBox {
    margin-top: .08rem;
    display: flex;
    width: 100%;
    height: .46rem;
    flex-direction: row;
    overflow: hidden;
    flex-wrap: wrap;
}

.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_tagsBox a {
    max-width: 2.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    padding: .08rem .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #929aa1;
}

.MTagBookList_tagBookBox .MTagBookList_tagBookItem .MTagBookList_bookInfo .MTagBookList_intro {
    padding-left: .1rem;
    margin-top: .08rem;
    color: #666;
    font-size: .24rem;
    line-height: .3rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    max-height: .9rem;
}

.search_searchList .search_footerBox {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    height: 1.12rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0 .32rem;
}

.MorePagination_paginationWrap {
    width: 100%;
    padding: .32rem 0;
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.MorePagination_linkItem, .MorePagination_pageItem {
    max-width: 2.6rem;
    flex: 1 1;
    height: .64rem;
    background-color: #ffeee9;
    border-radius: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 400;
    color: #f67c00;
}

.MorePagination_middleItem {
    text-align: center;
    flex-shrink: 0;
    width: 1.68rem;
    font-size: .24rem;
    font-weight: 400;
    color: #9c9c9c;
}

.MorePagination_linkItem, .MorePagination_pageItem {
    max-width: 2.6rem;
    flex: 1 1;
    height: .64rem;
    background-color: #ffeee9;
    border-radius: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 400;
    color: #f67c00;
}

.search_searchWrap .search_noSearchTxt {
    padding: .4rem 0;
    font-size: .32rem;
    font-weight: 400;
    color: #222;
    line-height: .45rem;
}
.shoutu-ad-img{display:block;width:100%}
.shoutu-ad-img img{width:100%}

.imgbox img{height: auto;max-width: 100%;}