body, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd, h1 {margin:0;padding: 0;}
html,body {color: #333;background:#fff;font:1.6rem 'microsoft yahei';min-height:100%;}
.body_bg{background-color: #f4f4f4;}
input, textarea {font-size:1.2rem;}
li {list-style:none;}
img {border:none;margin:0;padding:0;}
a {color:#333; text-decoration:none;}
.container{padding-left: 1rem;padding-right: 1rem;}
.default-color{color:#ff620e}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 清楚滚动条 */
.hide-scrollbars::-webkit-scrollbar { width: 0 !important }
.hide-scrollbars { -ms-overflow-style: none; }
.hide-scrollbars { overflow: -moz-scrollbars-none; }
/* 清除浮动 */
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix {zoom: 1; /*为了兼容IE*/}
.clear-both{clear: both;}
/* 盒子模型[挪到了public文件夹，放这里打包的时候会屏蔽掉一些兼容样式] */
.flex {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;}
.flex-ac {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-align-items: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-bt {-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-jc {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-justify-content: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.flex-ajc {display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-moz-justify-content: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-moz-align-items: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-col {-moz-flex-direction: column;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;}
.flex-1 {-moz-flex-grow: 1;-webkit-box-flex: 1;-webkit-flex: 1;flex-grow: 1;flex: 1;}
.flex-2 {-moz-flex-grow: 2;-webkit-box-flex: 2;-webkit-flex: 2;flex-grow: 2;flex: 2;}
.flex-3 {-moz-flex-grow: 3;-webkit-box-flex: 3;-webkit-flex: 3;flex-grow: 3;flex: 3;}

/* 一行点点点 */
.line-clamp {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.line-clamp-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: normal;}
.line-clamp-5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: normal}
.line-clamp-6 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: normal;}

/* 图片背景样式 - 放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来 */
.aspect-fill {overflow: hidden;background-position: center center !important;background-repeat: no-repeat !important;-webkit-background-size: cover !important;-moz-background-size: cover !important;background-size: cover !important;}

/* 强制样式 */
.none {display: none !important;}
/* 位置样式 */
.fl {float: left;}
.he {height: 100%;}
.wi {width: 100%;}
.block {display: block;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.curpin {cursor: pointer}
.font-weight{font-weight: bold;}
.h30 {height: 3rem;}
.mr10{margin-right: 1rem !important;}
.mr20{margin-right: 2rem !important;}
.mr15{margin-right: 1.5rem !important;}
.mr30{margin-right: 3rem !important;}
.ml10{margin-left: 1rem !important;}
.mt10{margin-top: 1rem !important;}
.mt20{margin-top: 2rem !important;}
.mt30{margin-top: 3rem !important;}
.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.mb30{margin-bottom: 3rem;}
.border {
	border: 1px solid red;
}
/* 首页样式 */
.page-header{height:4.6rem;font-size: 1.4rem;z-index: 888;background-color: #fff;}
.page-header .logo{height:3.2rem;}
.page-header .logo img{height:3.2rem;}
.page-header .search-box{margin:0 1rem;color: #999;background-color: hsla(0,0%,94.5%,.6);height:3.2rem;border-radius: 1.6rem;padding: 0 1rem;}
.page-header .search-box span.iconfont{font-size: 1.6rem;}
.page-header .search-box span.search-desc{font-size: 1.4rem;margin-left: 0.5rem;}
.page-header .search-box input{height:3.2rem;background-color: rgba(255,0,0,0);border:0;outline: none;margin-left: 1rem;width:100%;}
.page-header .func-button{cursor: pointer;height:3.2rem;padding-left:1rem;}
.page-header .func-button span{margin-right: 3px;}
.page-header .title{font-size: 1.6rem;margin-left: 0.3rem;}
.page-header .inside{font-size: 2rem;}
.page-header .inside2{font-size: 2.2rem;font-weight: 600;}
.page-header.inside-header{box-shadow: 0 0 5px #cbcbcb;position: fixed;width:100%;}

.index-nav-class{height:4rem;margin-top: 0.3rem;position: -webkit-sticky;position: sticky;top: 0px;width:100%;background-color: #fff;z-index: 999;padding: 0.5rem 0;box-shadow: rgb(128 130 134 / 7%) 0px 4px 4px 0px;}
.index-nav-class a{font-size: 1.7rem;font-weight: 700;padding:0 2rem;line-height: 2rem;}
.index-nav-class a p{height:2px;width:2rem;background-color:#fff;margin: 0 auto;border-radius: 1px;margin-top: 0.5rem;}
.index-nav-class a.active p{background-color:#ff620e;}
.index-class-title{margin: 1rem 0 1rem;}
.index-class-title .tag{width:2px;height:1.4rem;background-color:#ff620e;margin-right: 0.5rem;border-radius: 1rem;}
.index-class-title h2{font-size: 1.4rem;}
.index-class-title .more{font-size: 1.4rem;font-weight: 500;}
/* 作品卡片展示样式 */
.cartoon-block-box li{width:11.5rem;float: left;margin-right: 0.5rem;margin-bottom: 1rem;}
.cartoon-block-box li:nth-of-type(3n){margin-right: 0;}
.cartoon-block-box li .cart-item{width:100%;}
.cartoon-block-box li .cart-item .cart-cover{width:100%;height:0;padding-bottom: 133.33%;position: relative;display: block;margin-bottom:0.3rem;}
.cartoon-block-box li .cart-item .cart-cover img{width:100%;height:100%;position: absolute;top: 0;left: 0;}
.cartoon-block-box li .cart-item .cart-cover .new-chapter{position: absolute;bottom:5px;right:0.5rem;max-width: 80%;line-height: 2rem;text-align: right;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: rgba(0,0,0,.5);overflow: hidden;font-size: 1.2rem;color: #fff;padding:0 0.4rem;}
.cartoon-block-box li .cart-item .cart-info {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.cartoon-block-box li .cart-item .cart-info p{color:#333;font-size: 1.5rem;line-height: 2.4rem;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.cartoon-block-box li .cart-item .cart-info span{font-size: 1.3rem;height: 2rem;line-height: 2rem;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.cartoon-block-box li .cart-item .cart-cover .rank-num{display: none;font-size: 1.6rem;width:2.3rem; line-height: 2.3rem; border-bottom-right-radius: 0.5rem; text-align: center;color:#fff;background-color: #bda38c;position: absolute;top:0;left:0;}
.cartoon-block-box li:nth-of-type(1) .cart-item .cart-cover .rank-num{background-color: #f66465 !important;display: inline-block !important;}
.cartoon-block-box li:nth-of-type(2) .cart-item .cart-cover .rank-num{background-color: #f78354 !important;display: inline-block !important;}
.cartoon-block-box li:nth-of-type(3) .cart-item .cart-cover .rank-num{background-color: #f79b18 !important;display: inline-block !important;}
/* 排行榜页面 */
.rank-page,.sort-page,.mybook-page,.history-page{height:100%;overflow-y: scroll;padding-top: 6rem;}
.rank-page .rank-nav-box{width:8rem;position: fixed;top:6.5rem;}
.rank-page .rank-nav-box .rank-item{font-size: 1.6rem;margin-bottom: 2rem ;padding-left: 1.5rem;height:2.6rem;line-height: 2.6rem;}
.rank-page .rank-nav-box .rank-item.active {background-color: #ff620e;border-top-right-radius: 1.3rem;border-bottom-right-radius: 1.3rem;}
.rank-page .rank-nav-box .rank-item.active a{color:#fff;}
.rank-page .cartoon-block-box{width: 28rem;float: right;}
.rank-page .cartoon-block-box li{margin-right: 0.5rem;width: 13.3rem;}
.rank-page .cartoon-block-box li:nth-of-type(2n){margin-right: 0;}
/* 分类页面 */
.sort-page .sort-class-box,.sort-page .sort-class-other{margin: auto;width:37.1rem;position: relative;}
.sort-page .sort-class-box li{width:5.3rem; float: left;position: relative;height: 2.5rem;margin-bottom: 0.75rem;}
.sort-page .sort-class-box li a,.sort-page .sort-class-other li a{color: #666;font-size: 1.4rem;display: block;text-align: center;}
.sort-page .sort-class-box li.active:after{width: 1.5rem;margin-left: -0.75rem;left: 50%;bottom: 0.25rem;height: 0.125rem;border-radius: 0.075rem;content: "\20";display: inline-block;position: absolute;background-color: #ff620e;}
.sort-page .sort-class-box li.active a,.sort-page .sort-class-other li.active a{font-weight: 600;color:#333;}
.sort-page .sort-class-box:after{display: block;content: "\20";width: 94%;height: 0.05rem;margin: 0 auto;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUCB1jeP78+RYACNgDarQWVLMAAAAASUVORK5CYII=') 0 0 repeat-x;background-size: 100%;visibility:inherit;}
.sort-page .sort-class-other-status{display: none;}
.sort-page .sort-class-other{margin-top:1.2rem;}
.sort-page .sort-class-other li{width: 6rem;float: left;}
.sort-page .sort-class-other li:not(:first-child):before{content: "\20";display: inline-block;position: absolute;width: 1px;height: 1rem;top: 0.5rem;background-color: #e6e6e6;}
.sort-page .class-other-box{position: relative;}
.sort-page .class-other-box .toggle{position: absolute;right: 1rem;bottom: 0;font-size: 1.2rem;color:#666;}
.sort-page .class-other-box .toggle .iconfont{font-size: 1.4rem;margin-left: -0.4rem;}
/* 作品详情页面 */
.article-header{background-color: rgba(255,255,255,0);color:#fff;position: fixed;width:100%;}
.article-header .iconfont{color:#fff;}
.article-header .header-nav{min-width: 16rem;opacity: 0;}
.article-header .header-nav p{float: left;padding:0 1rem;font-size: 1.6rem;color: #000 !important;;}
.article-header .header-nav .active{color:#ff620e !important;}
.article-page .cover-block{position: relative;}
.article-page .cover-block .cover-box{width:100%;height:0;padding-bottom: 60%;position: relative;display: block;}
.article-page .cover-block .cover-box img{width:100%;height:100%;position: absolute;top: 0;left: 0;}
.article-page .cover-block .comic-info{color: #fff;position: absolute;top:0;bottom:0;width:100%;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0.3));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0.3) 100%);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0.3) 100%);
    background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0.3));padding: 3.7rem 1.5rem 3rem;display: flex;flex-direction: column;justify-content: flex-end;}
.article-page .cover-block .comic-info h1{font-size: 2rem;margin-bottom: 0.7rem;font-weight: 400;}
.article-page .cover-block .comic-info p{font-size: 1.2rem;margin-bottom: 0.7rem;}
.article-page .cover-block .comic-info p a{color:#fff;}
.article-page .cover-block .comic-info ul li{float: left;margin-right: 0.5rem;margin-bottom: 0.5rem;}
.article-page .cover-block .comic-info ul li a{max-width: 0.85rem;padding: 0.05rem 0.16rem;background: rgba(0,0,0,.3);font-size: 1.2rem;height:2rem;border-radius: 1rem;color: #fff;padding:0 0.5rem;text-align: center;}
.article-page .article-desc{position: relative;margin-top: 1rem;font-size: 1.4rem;line-height: 1.8rem;color: #666;overflow: hidden;}
.article-page .block-title h3{font-weight: 500;color: #333;}
.article-page .block-title p{font-size: 1.4rem;color: #666;}
.article-page .block-title p .iconfont{color: #666;font-size: 1.8rem;}
.article-page .block-title .ascending{display: none;}
.article-page .block-title .reverse .ascending{display: inline-block;}
.article-page .block-title .reverse .descending{display:none;}
.article-page .block-title .reverse{color: #ff620e;}
.article-page .block-title .reverse .iconfont{color: #ff620e;}
.article-page .chapter-list li {width: 17.25rem;position: relative;float: left;margin-bottom: 1rem;margin-right: 1rem;line-height: 3.2rem;height:3.2rem;font-size: 1.4rem;background: #f3f3f3;border-radius: 2px;}
.article-page .chapter-list li:nth-of-type(2n){margin-right: 0;}
.article-page .chapter-list li a {padding: 0 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.article-page .chapter-list li:nth-child(n+21){display: none;}
.article-page .chapter-list.show-more li:nth-child(n+21){display: block !important;}
.article-page .article-buttom{position: fixed;bottom:0;left:0;width:100%;height:5rem;border-top: 1px solid #eeeeee;background-color: #fff;}
.article-page .article-buttom .button-item{padding:0 1.5rem;text-align: center;color:#666;}
.article-page .article-buttom .button-item .iconfont{font-size: 2rem;color:#ff620e;font-weight: bold;}
.article-page .article-buttom .button-item p{font-size: 1.2rem;}
.article-page .article-buttom .read-button{color: #fff;height: 100%;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="transparent",endColorStr="#F3F3F7",gradientType="0");background-image: -webkit-gradient(linear,left top,right top,from(#f66465),to(#ff620e));background-image: -webkit-linear-gradient(left,#f66465,#ff620e);background-image: -moz-linear-gradient(left,#f66465 0,#ff620e 100%);background-image: -o-linear-gradient(left,#f66465 0,#ff620e 100%);background-image: linear-gradient(90deg,#f66465,#ff620e);}
.article-page .article-buttom .read-button p{font-size: 1.4rem;}
.article-page .article-buttom .read-button span{font-size: 1.2rem;margin-top: 0.3rem;}
.article-page .show-more-chapter{font-size: 1.4rem;}
/* 文章详情页面 */
.chapter-page .lazy-img{width:100%;float: left;}
.chapter-header,.chapter-footer{padding:0 1.5rem;position: fixed;top:0;left:0;width:100%;background: rgba(26,26,26,0.9);height:5rem;color: #ccc;}
.chapter-header a{height:100%;}
.chapter-header .iconfont,.chapter-footer .iconfont {font-size: 2rem;color: #ccc;}
.chapter-header h1 {font-size: 1.6rem;margin-left: 0.5rem;}
.chapter-footer{bottom:0;top: inherit;}
.chapter-footer li{text-align: center;}
.chapter-footer .iconfont {font-size: 2.2rem;}
.chapter-footer p{font-size: 1.2rem;color: #ccc;}
.chapter-page .chapter-mulu{position: fixed;top:0;left:0;width:100%;bottom:0;display: none;background-color: rgba(0,0,0,0.5);}
.chapter-page .chapter-mulu h1{font-size: 1.8rem;padding: 1rem;}
.chapter-page .chapter-mulu .chapter-list{background: rgba(26,26,26,0.9);width:70%;float: right;height:100%;color:#fff;}
.chapter-page .chapter-mulu .chapter-list a{color:#fff;}
.chapter-page .chapter-mulu .chapter-sort{height:2.8rem;background-color: rgba(216, 216, 216, 0.5);width: 100%;padding:0 1rem;font-size: 1.4rem;}
.chapter-page .chapter-mulu .chapter-sort .iconfont{font-size: 1.8rem;}
.chapter-page .chapter-mulu .chapter-sort .ascending{display: none;color:#ff620e;}
.chapter-page .chapter-mulu .chapter-sort .reverse .descending{display: none;}
.chapter-page .chapter-mulu .chapter-sort .reverse .ascending{display: block;}
.chapter-page .chapter-mulu .chapter-item-box{padding:0 1rem;overflow-y: scroll;overflow-x: hidden;}
.chapter-page .chapter-mulu ul li{line-height: 3.6rem;height: 3.6rem;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.chapter-page .chapter-mulu ul li.active a{color: #ff620e;}
.chapter-page .chapter-mulu .chapter-list-close{position: fixed;bottom: 2rem;right: 70%;width: 30%;}
.chapter-page .chapter-mulu .chapter-list-close .iconfont{font-size: 4rem;color:#d9d9d9;}
/* 用户登录 */
.login-page{padding-top: 6rem;background-color: #f8f8f8;}
.login-page .login-form{padding:10rem 5rem 0;z-index: 999;position: relative;}
.login-page .login-form .form-item{height:5rem;border-radius: 2.5rem;border: 1px solid #F4F4F4;background-color: #fff;padding:0 1.5rem;}
.login-page .login-form .form-item input{height:4rem;border:0;color:#333;font-size: 1.4rem;outline: none;}
.login-page .login-form .form-err{height:1.8rem;line-height: 1.8rem;font-size: 1.2rem;color: #ff5252;padding-left: 1.5rem;}
.login-page .login-form .refrush,.login-page .login-form .register{color: #20A0FF;font-size: 1.3rem;padding-right: 1.2rem;}
.login-page .login-form .login-button{margin-top: 2rem;background-color: #ff620e;height:4rem;border-radius: 2rem;color:#fff;font-size: 1.6rem;width:100%;border:0;}
.login-page .login-form .register{color:#20A0FF}
.login-page .login-bg{position: absolute;top:0;}
.login-page .login-bg img{width:100%;float: left;}
.login-page .login-bg .mask{background-image: linear-gradient(to top, rgb(248, 248, 248), transparent);ansparent);position: absolute;top:0;left:0;width:100%;bottom: 0;}
/* 我的书架 */
.article-block-box{background-color: #fff;padding:10px 10px 10px;}
.article-block-box .block-title{padding:0;padding-left:5px;border-left: 2px solid #94c6c2;}
.article-block-box .block-title span{height: 18px;color: #000;font-size: 18px;line-height: 18px;font-weight: normal;font-weight: bold;}
.article-block-box .block-title span.more-info{font-size: 16px;font-weight: inherit;}
.block-content{background-color: #fff;}
.block-content .block-item{line-height: 3rem;font-size: 1.6rem;}
.block-content .block-item .sort{color: #000;}
.block-content .block-item .article{color: #07b1a6;margin-right: 0.5rem;}
.block-content .block-item .chapter{color: #000;text-decoration: none;}
.block-content .block-img-item{height:99.5px;position: relative;margin-bottom: 1rem;}
.block-content .block-img-item:last-child{margin-bottom: 0;}
.block-content .block-img-item .article-img{position: absolute;}
.block-content .block-img-item .article-info{margin-left: 9rem;}
.block-content .block-img-item .article-info>a{display:block;}
.block-content .block-img-item .article-info .title{font-size: 1.6rem;color: #333;font-weight: 500;line-height: 2.2rem;height:2.2rem;}
.block-content .block-img-item .article-info .author{font-size: 1.4rem;margin: 1px 0;line-height: 2.2rem;height:2.2rem;}
.block-content .block-img-item .article-info .desc{font-size: 1.4rem;line-height: 1.75rem;color: #888;}
.block-content .block-img-item .article-info .bookmark{font-size: 1.4rem;}
.block-content .block-img-item .article-info .bookmark a{font-size: 1.2rem;border:1px solid #dbdbdb;padding:0 0.5rem;height:1.6rem;border-radius: 0.8rem;margin-right: 0.3rem;margin-bottom: 0.3rem;}
.block-content .block-img-item.block-img-item-del{height: 3rem !important;background-color: #b7f0eb;display: flex;align-items: center;padding-left: 1rem;color: #333;}
a.log-out-box{width:80%;height:3rem;background-color: #f66210;color: #fff;border-radius: 0.6rem;}
/* 搜索页面 */
.search-page .page-header{box-shadow:inherit}
.search-page .search-button{font-size: 1.4rem;}
.search-page .search-content,.search-page .search-init{padding-top: 6rem;}
.search-page .search-init .search-top .title{font-size: 1.2rem;color:#999;}
.search-page .search-init .search-top .iconfont{font-size: 1.8rem;color:#999;}
.search-page .search-init .search-list li{float: left;height:2.6rem;border-radius: 1.3rem; padding:0 1.2rem;border: 1px solid #e6e6e6;margin-right: 1rem;margin-bottom: 1rem;}
.search-page .search-init .search-list li a{font-size: 1.4rem;display: flex;align-items: center;justify-content: center;}
/* page2 */
.page-box{display: flex;flex-direction: row;height:3.6rem;padding:0 1rem 3rem 1rem;background-color: #fff;}
.page-box .page-button{height:3.6rem;font-size: 1.8rem;color:#fff;line-height: 3.6rem;background-color: #ff620e;}
.page-box .page-button.disabed{padding:0 2rem;background-color: #cecece;}
.page-box .page-button a{display: block;padding:0 2rem;color:#fff;}
.page-box .page-scope{padding-right: 1rem;flex: 1;border: 1px solid #cecece;margin: 0 1rem;display: flex;align-items: center;justify-content: center;color:#959595;text-align: center;height:3.6rem;line-height: 3.6rem;position: relative;border-radius: 0.6rem;}
.page-box .page-scope .scope-more-icon{width: 0.8rem;position: absolute;right: 0.8rem;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.page-list-page{position: fixed;top:0;bottom:0;left:0;right:0;background-color: rgba(0,0,0,0.5);z-index: 999;display: flex;align-items: center;justify-content: center;}
.page-list-page.none{display: none;}
.page-list-box{background: #fff; max-height: 70%;overflow-y: scroll;width:50%;padding:1rem 1rem;border-radius: 1rem;}
.page-list-box li{height:40px;border-bottom: 1px solid #E2E2E2;font-size: 1.4rem;line-height: 4rem;position: relative;}
.page-list-box li a{color:#333;display: block;}
.page-list-box li:last-child{border-bottom: 0;}
.page-list-box li.curl a{color: #ff620e;}
.page-list-box li.curl{background: right center no-repeat url('/style/yes.gif');}
footer.footer{font-size: 1.4rem;color:#333;padding:1rem;}