@font-face {  font-family: 'iconfont';  src: url('../font/iconfont.ttf') format('truetype');  }
.read-header.show,.read-footer.show{overflow: visible;height: 64px;}
.read-header{z-index: 108;overflow:hidden;width: 100%;position: fixed;height: 64px;background: #333333;top: 0;color: #dcdcdc;-webkit-transition: top .35s ease-in;-o-transition: top .35s ease-in;-moz-transition: top .35s ease-in;transition: top .35s ease-in;display: block;}
.read-footer{overflow:hidden;width: 100%;position: fixed;height: 0;background: #333333;bottom: 0;color: #dcdcdc;-webkit-transition: bottom .35s ease-in;-o-transition: bottom .35s ease-in;-moz-transition: bottom .35s ease-in;transition: bottom .35s ease-in;transition-duration: .3s;display: block;}
.read-header,.read-footer{
    -webkit-transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    transition: unset;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    height: 0;
    opacity: 0.9;
}
.read-header .box{width: auto;min-width: 1120px;max-width: none;margin: 0 80px;}
.read-header .box .main{display: flex;position: relative;width: 100%;box-sizing: border-box;}
.read-header .crumbs{width: 33.33%;display: inline-block;}
a {color:#dcdcdc;}
.read-header .common {padding-top: 8px;height: 48px;line-height: 48px;font-size: 14px;}
.read-header .bookcase{position: absolute;right: 0;}
.read-header .bookcase span{margin-right: 10px;}
.menu{position: fixed;-webkit-transition-property: width left;-o-transition-property: width left;-moz-transition-property: width left;transition-property: width left;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;left: -240px;top: 0;bottom: 0;width: 240px;padding: 0 0 24px;color: #ffffff;background-color: #222;z-index: 10;}
.menu.show{width: 240px;padding: 0 0 24px;left: 0;}
.menu .menu-btn{position: absolute;top: 104px;left: 240px;width: 40px;height: 156px;background: rgba(0,0,0,.8);-webkit-border-radius: 0 20px 20px 0;-moz-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0;z-index: 10;cursor: pointer;}
.menu-btn-title{display: inline-block;width: 16px;font-size: 16px;color: #ffffff;line-height: 21px;position: absolute;top: 34px;left: 10px;z-index: 104;}
.menu-list{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;padding-top: 20px;z-index: 11;}
.menu-list .list-main{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;width: 600px;height: 100%;overflow-y: auto;padding-top: 20px;position: absolute;top: 0;}
.list-main .menu-item{position: relative;display: block;height: 20px;width: 208px;padding: 0 16px 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.lock{position: absolute;width: 20px;height: 20px;right: 20px;}
.menu-item a.active{color: #de92d4;}
.read-main{position: absolute;left: 0;top: 0;min-width: 1200px;width: 100%;height: 100%;overflow: hidden;background-color: #f5f5f5;}
.read-main.scroll{overflow-y: scroll!important;}
.pic-ist{text-align: center;}
.read-footer .box{position: relative;width: 1200px;margin: 0 auto;height: 100%;opacity: 0.9;}
.read-footer .box .pre{display: flex;justify-content: center;}
.read-footer .item{padding-top: 8px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;margin-left: 18px;position: relative;}
.read-footer .item a,.read-footer .item div{line-height: 2;display: block;margin-right: 12px;color: #dcdcdc}
.read-footer .item span.forbidden{color: #9e9e9e}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.layer-shade{z-index: 9999;background-color: rgb(0, 0, 0);opacity: 0.8;top: 0;left: 0;width: 100%;height: 100%;}
.layui-layer,.layer-shade{position: fixed;pointer-events: auto;}
.layui-layer{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: .3s;-moz-animation-duration: .3s;-o-animation-duration: .3s;animation-duration: .3s;-webkit-overflow-scrolling: touch;top: 150px;left: 0;margin: 0;padding: 0;background-color: #ffffff;-webkit-background-clip: content;-webkit-box-shadow: 1px 1px 50px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 50px rgba(0,0,0,.3);box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.login-container,.ajax-container{height: 100%;}
.login-container .login-title,.ajax-container .ajax-title{font-size: 24px;height: 42px;line-height: 42px;padding-top: 16px;text-align: center;color: #333;}
.login-container .icon-comm-close-thin,.ajax-container .icon-comm-close-thin {cursor: pointer;position: absolute;right: 16px;top: 16px;}
.icon-comm-close-thin {width: 24px;height: 24px;background-position: -236px -84px;font-family: "iconfont" !important;font-size: 16px;color: #9e9e9e;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.login-container .login-box,.ajax-container .ajax-box{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 50px;position: relative;}
.login-box .item{position: relative;height: 40px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #ddd;margin-bottom: 20px;}
.login-box .item input{width: 340px;height: 40px;line-height: 40px;padding: 11px;font-size: 14px;color: #333333;box-sizing: border-box;border: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;outline: none;}
.login-box .forgot{text-align: right;margin-bottom: 16px;width: 340px;margin-top: -10px;font-size: 14px;}
.login-box .forgot > a{color: #a736bb;}
.login-box button,.ajax-box button{width: 340px;outline: none;border: none;background: #de92d4;height: 40px;border-radius: 20px;color: #fff;font-size: 16px;cursor: pointer;}
.ajax-box textarea{outline: none;border: 1px solid #000000;width: 340px;height: 100px;padding: 5px;box-sizing: border-box;}
.ajax-box .verify{margin: 20px 0;width: 340px;}
.ajax-box .verify input{width: 60%;outline: none;border: none;border-bottom: 1px solid #000000;height: 50px;}
.ajax-box .verify img{height: 50px;width: 40%;}
.ajax-box .buy-subtitle{width: 340px;text-align: center;height: 32px;line-height: 32px;font-size: 16px;}
.ajax-box .buy-title{width: 340px;height: 28px;text-align: center;padding-top: 18px;margin-bottom: 56px;font-size: 18px;line-height: 28px;}
.ajax-box .buy-title span{font-size: 20px;color: #de92d4;}
.ajax-box .autopay{width: 340px;cursor: pointer;margin-top: 10px;text-align: center;}
.ajax-box .autopay input{vertical-align: middle;margin-right: 5px;}
.ajax-box .assets{width: 340px;margin-top: 50px;font-size: 14px;}
.ajax-box .assets .coin{color: #de92d4;}
.ajax-box .assets .goPay{display: inline-block;float: right;color: #de92d4;}