*{box-sizing:border-box;}
body,dl,dd,ul,ol,h1,h2,h3,h4,pre,div,p,hr,menu{margin:0;padding:0}
html,body{ max-width: 640px; margin: 0 auto; height: 100%;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:15px;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;}
body{font-family:'helvetica neue',tahoma,'hiragino sans gb',sans-serif;color:#333;background: #f5f5f5;text-shadow: 0 1px 0 rgba(0,0,0,.1);}
input[type=button],input[type=submit],input[type=text],input[type=number],input[type=password],textarea{-webkit-appearance:none;outline:none;font-family: 'microsoft yahei';font-size: 14px;}
i,em,h1,h2,h3,h4{font-style:normal;font-weight:normal;}
ul, ol, li{list-style:none;}
iframe,img{border:0 none;vertical-align:top;}
a{text-decoration:none;color:#05a7ff;}

.g-header { display: flex; height: 50px; justify-content: space-between; align-items: center; color: #ececec; padding: 0 10px; background: #05a7ff; }
.g-header a { color: #fff; }
.g-header .webname a { color: #fff; font-size: 24px; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.g-header .fun { font-size: 14px;}
.g-menu {display: flex;align-items: center;justify-content: space-between;padding: 0 10px;margin: 10px;background: #fff;border-radius: 5px;}
.g-menu a { flex: 0 0 50px; line-height: 20px; color: #222; text-align: center; padding: 10px 0;}
.g-menu .iii { display: block; width: 50px; height: 50px; margin: 0 auto; background-size: 50px; background-image: url('../images/icon.png'); background-repeat: no-repeat;}
.g-menu .icon-rank { background-position: 0 0;}
.g-menu .icon-coll { background-position: 0 -50px;}
.g-menu .icon-over { background-position: 0 -100px;}
.g-menu .icon-upda { background-position: 0 -150px;}
.g-menu .icon-type { background-position: 0 -200px;}
.g-menu .icon-new { background-position: 0 -250px;}
.g-search {display: flex;justify-content: space-between;margin: 10px;padding: 10px;background: #fff;border-radius: 5px;}
.g-search .search-text { border: 1px solid #c9c9c9; border-radius: 3px 0 0 3px; height: 34px; line-height: 34px; padding: 5px 10px; flex: 1; margin:0;}
.g-search .search-btn { width: 80px; height: 34px; line-height: 34px; text-align: center; border-radius: 0 3px 3px 0; outline: 0; border: 1px solid #c9c9c9; border-left: 0 none;  color: #666;background: #efefef;}
.g-notice { display: flex; margin: 10px; align-items: center;}
.g-notice .t {width: 38px;font-size: 12px;line-height: 16px;text-align: center;color: #fff;background: #d81e06;margin-right: 10px;border-radius: 3px;padding: 5px 0px;letter-spacing: 1px;}
.g-notice .c {color: #d81e06;font-size: 14px;flex: 1;}


.g-plate {padding: 10px;background-color: #fff;margin: 10px;border-radius: 5px;}
.g-plate .hd { font-size: 18px; font-weight: bold; color: #333; line-height: 26px; height: 36px;}
.g-plate .bd li {height: 45px; line-height: 45px; border-top: 1px solid #eee; overflow: hidden;}
.g-plate li a { display: flex;}
.g-plate li em { margin-right: 5px; color: #999;}
.g-plate li span { color: #05a7ff; flex: 1;}
.g-plate li i { color: #999;}


.g-plate .list-1 a, .g-plate .list-3 a { display: block;}
.g-plate .img { display: block; height: 0; overflow: hidden; position: relative; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); border-radius: 4px;}
.g-plate .img img { position: absolute; width: 100%; height: 100%;}


.g-plate .list-1 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.g-plate .list-1 li { flex: 0 0 100%; display: flex; justify-content: space-between; margin-bottom: 10px;}
.g-plate .list-1 .img { width: 30%; flex: 0 0 30%; padding-bottom: 37%;}
.g-plate .list-1 .info { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-around;}
.g-plate .list-1 .name { font-size: 17px; height: 18px; line-height: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.g-plate .list-1 .author { font-size: 13px; color: #666;}
.g-plate .list-1 .desc { font-size: 13px; overflow: hidden; color: #999; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;}

.g-plate .list-3 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.g-plate .list-3 li {flex: 0 0 30%;margin-bottom: 10px;}
.g-plate .list-3 .img { padding-bottom: 124%;}
.g-plate .list-3 .name { font-size: 15px; line-height: 18px; height: 36px; max-height: 36px; margin: 10px 0 3px; overflow: hidden; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.g-plate .list-3 .author { font-size: 12px; color: #999;}

.g-plate .list-4 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.g-plate .list-4 li { flex: 0 0 22%; margin-bottom: 10px;}
.g-plate .list-4 .img { padding-bottom: 124%;}
.g-plate .list-4 .name { font-size: 13px; line-height: 18px; height: 36px; max-height: 36px; margin: 8px 0 0; overflow: hidden; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.g-plate .txt-list li { display: flex;font-size: 13px;}
.g-plate .txt-list a { flex: 1; display: initial;}
.g-plate .txt-list .cname { display: none;}

.g-ranking {padding: 0 10px;background: #fff;margin: 10px;border-radius: 5px;min-height: calc(100% - 344px);}
.g-ranking .hd { color: #4c4c4c; height: 44px; line-height: 44px; border-left: #5e5e5e; font-size: 16px;}
.g-ranking .tab-hd { float: right; display: flex; margin: 10px 0; line-height: 24px; font-size: 14px; }
.g-ranking .tab-hd li { padding: 0 10px; background: #96d3f5; border-radius: 3px; margin-left: 8px; color: #555; border-bottom: 2px solid #39b2f7;}
.g-ranking .tab-hd .active { background-color: #08a6ff; color: #fff; border-bottom-color: #497d9a;}
.g-ranking .item { display: flex; width: 100%; color: #999; border-top: 1px solid #eee; padding: 10px 0; font-size: 14px; line-height: 22px;}
.g-ranking .num { width: 22px; height: 22px; border-radius: 3px; color: #fff; text-align: center; background: #ccc; margin-right: 10px;}
.g-ranking .num-1,.g-ranking .num-2,.g-ranking .num-3 { background-color: #fc0;}
.g-ranking .item .name { font-size: 16px; color: #05a7ff; flex: 1;}
.g-ranking .txt-list .cate, .g-ranking .txt-list .author { display: none;}

.g-detail {position: relative;overflow: hidden; padding: 10px; background: #fff;min-height: calc(100% - 260px);}
.g-detail .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); }
.g-detail .book-blur {position: absolute;left: 0;top: 0%;transform: translateY(-40%);display: block;width: 100%;filter: blur(8px);-webkit-filter: blur(8px);opacity: .5;}

.g-detail .book-boxs {display: flex;padding: 20px 10px;overflow: hidden;position: relative; margin: -10px -10px 0;}
.g-detail .book-boxs .img {width: 90px;height: 118px;overflow: hidden;border: 1px solid #f1f1f1;border-radius: 3px;box-shadow: 0 0 3px rgba(0,0,0,.3);position: relative;}
.g-detail .book-boxs .img img { width: 100%; height: 100%;}
.g-detail .book-boxs .info {flex: 1;display: flex;flex-direction: column;margin-left: 20px;justify-content: space-between;position: relative;color: #fff;}
.g-detail .book-boxs .info .name {font-size: 18px;font-weight: bold;color: #fff;}
.g-detail .book-boxs .info .author {font-size: 14px;}
.g-detail .book-boxs .info .type {font-size: 13px;}
.g-detail .book-boxs .info .time {font-size: 13px;}
.g-detail .book-fun {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;background: #fff;padding: 12px 0;}
.g-detail .book-fun .btn-read { line-height: 38px;flex: 0.6;text-align: center; border: 1px solid #05a7ff; border-radius: 3px; color: #fff; background: #05a7ff;}
.g-detail .book-fun .btn { font-size: 13px; color: #05a7ff; }
.g-detail .book-fun .btn-red { color: #f00;}
.g-detail .book-fun em { height: 22px; color: #999;}
.g-detail .book-fun-down .btn-read { width: 30%; flex: initial; margin: 0; padding: 0;}
.g-detail .book-fun-down .btn-android { background: #8bc63c; color: #fff; border-color: #78af2b;}
.g-detail .book-fun-down .btn-ios { background: rgba(0,0,0,0.8); color: #fff; border-color: #0c0c0c;}
.g-detail .laybox { background: #fff;}
.g-detail .laybox .hd {color: #353535;line-height: 36px;padding: 0 10px;border-radius: 3px;background: #eee;}
.g-detail .laybox .book-dec {padding: 10px 10px 0;text-indent: 28px;font-size: 14px;line-height: 24px;max-height: 63px;overflow: hidden;position: relative;z-index: 2;}
.g-detail .laybox .book-dec.act {max-height: initial;padding-bottom: 5px;}
.g-detail .book-dec .more {position: absolute;right: 10px;bottom: 7px;background: #E9FAFF;padding-left: 40px;color: #05a7ff;text-indent: 0;background: -webkit-linear-gradient( 0deg , rgba(255,255,255, .8),rgba(255,255,255, 1));}
.g-detail .book-dec.act .more { position: static; padding: 0; text-align: center; background: none; }
.g-detail .laybox .list a { display: block; line-height: 40px; border-bottom: 1px solid #eee; padding-left: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-detail .laybox .list li:last-child a { border-bottom: 0 none;}


.pages { display: flex; justify-content: space-between; padding: 15px 10px; background: #fff;}
.pages a { height: 36px; line-height: 36px; text-align: center; background: #cecece; color: #fff; border-radius: 3px; flex: 1;}
.pages .onclick { background: #05a7ff;}
.pages select { flex: 2; border: none; color: #999; font-style: normal; height: 36px; line-height: 36px; text-align: center; padding: 5px; border-radius: 3px; margin: 0 10px; background: #eee; }
.g-plate .pages a:first-child { margin-right: 10px;}
.g-plate .pages a:last-child { margin-left: 10px;}

.g-content-nav { display: flex; padding: 0 10px; background: #fff; align-items: center; justify-content: space-between; font-size: 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.g-content-nav .item { display: flex; align-items: center;}
.g-content-nav a { line-height: 44px; color: #05a7ff;}
.g-content-nav i { height: 18px; color: #999; margin: 0 8px;}
.g-reader {padding: 10px 15px;border: 1px solid #05a7ff;background: #ecf6fc;}
.g-reader .chapter-name { font-size: 18px; text-align: center; line-height: 40px;}
.g-reader .chapter-opt { display: flex; justify-content: center; align-items: center; font-size: 13px; color: #999; line-height: 28px; margin-bottom: 10px;}
.g-reader .chapter-opt a { color: #05a7ff; margin: 0 8px;}
.g-reader .chapter-opt i { height: 30px;}
.g-reader .content {font-size: 18px;line-height: 2;text-align: justify;text-indent: 2em;}

.g-content-fun { padding: 0 10px; background: #fff; box-shadow: 0 2px 2px #ccc; position: absolute; top: 95px; left: auto; width: 100%; max-width: 640px; display: none;}
.g-content-fun .item { margin: 15px 0; display: flex; line-height: 30px;}
.g-content-fun .item label { flex: 0 0 50px; margin-right: 6px;}
.g-content-fun .item .box { display: flex; align-items: center;}
.g-content-fun .item-font .box { border: 1px solid #05a7ff; overflow: hidden; border-radius: 3px; display: flex;}
.g-content-fun .item-font .box span { font-size: 16px; padding: 0 22px; }
.g-content-fun .item-font .box .actfont { height: 18px; border: 1px solid #05a7ff; line-height: 18px; padding: 0 24px; border-width: 0 1px; color: #05a7ff; }
.g-content-fun .item-theme { flex: 1; justify-content: space-between;}
.g-content-fun .item-theme .box { flex-wrap: wrap;}
.g-content-fun .item-theme span { padding: 0 15px; border-radius: 3px; -webkit-tap-highlight-color: transparent; -webkit-box-flex: 1; box-flex: 1; margin: 0 10px 10px 0; text-align: center; vertical-align: middle;}
.g-content-fun .item-theme .active {box-shadow: 0 0 3px #077fc3;}
body.day .g-reader, .g-content-fun .item-theme .day { color: #020202; background:#ecf6fc;}
body.gold .g-reader, .g-content-fun .item-theme .gold { color: #262624; background:#fcfaef;}
body.green .g-reader, .g-content-fun .item-theme .green { color: #007553; background:#e6efe6;}
body.sheep .g-reader, .g-content-fun .item-theme .sheep { color: #03061b; background:#c5a562;}
body.pink .g-reader, .g-content-fun .item-theme .pink { color: #61262a; background:#fce7e2;}
body.night .g-reader, .g-content-fun .item-theme .night { color: #cae6e6; background:#2f3e3e;}
body.sheep .g-reader .chapter-opt a { color: #016094;}

.g-footer { border-top: 10px solid #f5f5f5; padding: 20px 10px; background-color: #fff;}
.g-footer .apps { display: block; height: 42px; line-height: 42px; text-align: center; border-radius: 3px; color: #fff; background-color: #05a7ff;}
.g-footer .link { display: flex; height: 56px; line-height: 56px; justify-content: space-between;color: #05a7ff;}
.g-footer .link em { color: #999;}
.g-footer .link a { color: #05a7ff;}
.g-footer .service { text-align: center; color: #05a7ff;}
.g-footer .service a { color: #05a7ff; margin: 0 20px;}
.g-footer .version { line-height: 38px; color: #999; text-align: center;}

.account-wp {min-height:calc(100% - 332px);padding: 10px;display: flex;align-items: center;justify-content: center;background: #fff;margin: 10px 10px 0px;border-radius: 5px;}
.account-wp .hd { font-size: 18px; text-align: center;}
.account-wp input{ margin: 10px 0; padding: 0 10px; width: 100%;height: 38px;outline: 0 none;border: 1px solid #05a7ff;border-radius: 3px;line-height: 38px;appearance: none;-webkit-appearance: none;transition: box-shadow 0.25s;-webkit-transition: -webkit-box-shadow 0.25s;}
.account-wp input:focus{box-shadow: 0 0 5px #05a7ff;-webkit-box-shadow: 0 0 5px #05a7ff;}
.account-wp .button{margin: 10px 0;width: 100%;height: 46px;border: 0 none;border-radius: 3px;background:#05a7ff;color: #fff;cursor: pointer;font-size: 15px;}
.account-wp .button:hover{background: #05a7ff;}
.account-wp .fd { display: flex; justify-content: space-between; font-size: 14px;}
.account-wp .fd a {color: #05a7ff;}

.body-user .g-notice {background: #fff;margin: 0;padding: 10px;}
.body-user .g-notice .btn { height: 30px; padding: 0 12px; color: #d81f09; text-align: center; border: 1px solid #d81f09; line-height: 30px; border-radius: 3px;}

.user-block { padding: 10px; font-size: 14px; border-bottom: 1px solid #eee;}
.booklist-wp { margin: 0 10px; min-height: calc(100% - 302px); background: #fff; padding: 10px; border-radius: 5px;}
.booklist-wp .item { font-size: 14px; padding: 10px 0; border-bottom: 1px solid #eee;}
.booklist-wp .item:last-child { border-bottom: 0 none;}
.booklist-wp .item .i1 { display: flex; align-items: center; justify-content: space-between;margin-bottom: 5px;}
.booklist-wp .item .i1 a { color: #05a7ff; flex: 1; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px;}
.booklist-wp .item .i1 span { color: #05a7ff; font-size: 14px; text-decoration: underline;}
.booklist-wp .item .i3 span { color: #999;}
.booklist-wp .empty { text-align: center; padding: 30% 0 0;}

.search-list .item .name { font-size: 14px; }
.search-list .item .cate { margin-right: 10px; }
.search-list .item .author { color: #666; }
.search-list .num, .search-list .time { display: none;}

.type-box { display: flex; flex-wrap: wrap; margin: 10px; border-radius: 5px; background: #fff; padding-bottom: 10px;}
.type-box li { margin: 10px 10px 0; border-bottom: 2px solid #fff;}
.type-box .act { border-bottom: 2px solid #ef2525;}
.type-box .act a { color: #ef2525;}


.body-type .g-footer {  display: none;}
.type-wp { background: #fff; height: calc(100% - 50px);}
.type-wp .nav { flex: 0 0 80px; background: #f8f8f8;}
.type-wp .nav a { display: block; line-height: 60px; color: #333; text-align: center; border-left: 2px solid #f5f5f5;border-bottom: 1px solid #ececec;}
.type-wp .nav .act { color: #05a7ff; background: #fff; border-left: 2px solid #05a7ff;}
.type-wp .g-plate {  margin: 0; padding: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.type-wp .g-plate::-webkit-scrollbar { display: none; }
.type-wp .g-plate ul li { padding: 12px; border-bottom: 1px solid #f5f5f5; margin-bottom: 0;}
.type-wp .g-plate ul .end { justify-content: center; color: #999;}
.type-wp .g-plate .list-1 .img { width: 75px; flex: 0 0 75px; height: 100px; padding-bottom: 0; }
.type-wp .g-plate .list-1 .name { font-size: 15px; }
.type-wp .g-plate .list-1 .info { justify-content: space-between; padding-left: 12px; position: relative; }
.type-wp .g-plate .list-1 .desc { font-size: 12px; line-height: 18px; }
.type-wp .type-wmt { display: flex; line-height: 41px;}
.type-wp .type-wmt a { flex: 1; border-bottom: 1px solid #ececec; text-align: center;color: #666;position:relative;}
.type-wp .type-wmt a:after {display: none;content:' ';position:absolute;width: 50%;height: 2px;background: #08a7ff;left: 50%;bottom: -1px;transform: translateX(-50%);}
.type-wp .type-wmt .act:after {display: block;}
.type-boxs {display: flex; height: calc(100% - 42px);}
.g-plate .list-1 .num { width: 24px; height: 24px; line-height: 24px;font-size: 13px; color: #fff; text-align: center; background: #ccc; border-radius: 50%; position: absolute; top: 0; right: 0;}
.g-plate .list-1 .num-1, .g-plate .list-1 .num-2, .g-plate .list-1 .num-3 { background-color: #fc0; }

.toast { position: fixed; width: 100%; height: 100%; top: 0; left: auto; display: none; justify-content: center; align-items: center; z-index: 999; }
.toast .txt { padding: 15px; background: rgba(0,0,0,.8); margin: 0 40px; border-radius: 5px; color: #fff; line-height: 26px; text-align: justify; }
.none { display: none;}
.cff{color: #fff;}
.htcommon{border-radius: 3px;background: #eee;color: #222; border: none;width: 75%;margin-right: 10px;margin-left: -30px;}
.htbtn{line-height: 35px;flex: 0.6;text-align: center; border: 1px solid #05a7ff;border-radius: 3px;color: #fff;background: #05a7ff;width: 20%;height: 35px;top: 12px;position: absolute;cursor: pointer;}
.httitle{margin: 10px;border-bottom: 1px dotted #CCC;color: #999;font-size: 16px;}
.htspan{float:right;}
.htcon{margin: 10px;color: #666;font-size:14px;}
/* pc */
@media(min-width: 640px) {

    .g-plate .txt-list .cname { display: block;}
}