.webwrapbox {position:relative;width:414px;height:800px;margin:0 auto;}
.indexpage,.cardspage,.novelnew {position:absolute;width:100%;height:100%;background:url(../images/index_bg_202501.jpg?v=1.4) no-repeat;background-size:100% 100%;}
.indexpage .menubox a  {position:absolute;width:50px;height:100px;text-indent:-9999px;}
/* 原
.indexpage .menubox .worldview {top:170px;left:140px;}
.indexpage .menubox .cards {top:320px;right:30px;}
.indexpage .menubox .novel {top:440px;left:30px;}
.indexpage .menubox .shops {top:345px;left:130px;}
.indexpage .menubox .letter {top:500px;right:90px;}
*/
.indexpage .menubox .lmbbs {top:215px;left:55px;}
.indexpage .menubox .portfolio {top:180px;right:30px;}
.indexpage .menubox .novel {top:280px;left:150px;}
.indexpage .menubox .shops {top:40px;left:245px;}
.indexpage .menubox .club {top:510px;left:65px;}
.indexpage .menubox .home {width:90px;bottom:5px;left:170px;}

.novelnew {background-image:url(../images/novel_bg_202501.jpg);}
.novelnew .menubox a.aboutnovel,.novelnew .menubox .novellistbox {position:absolute;width:40%;left:0;text-align:center;}
.novelnew .menubox a.aboutnovel img {width:70%;vertical-align:bottom;}
.novelnew .menubox a.aboutnovel,.novelnew .menubox .novellistbox {bottom:100px;}
.novelnew .menubox .novellistbox {left:inherit !important;right:0;width:60%;text-align:right;bottom:80px;}
.novelnew .menubox .novellistbox a.novel_a img {width:95%;}
.novelnew .menubox .novellistbox a.novel_b img {margin-top:-10px;}
.novelnew .menubox .novellistbox a.novel_b img,.novelnew .menubox .novellistbox a.novel_c img {width:75%;} 
.novelnew .menubox a.gohome {position:absolute;width:120px;height:80px;bottom:10px;left:50%;margin-left:-50px;text-indent:-9999px;overflow:hidden;}
a.posgohome {position:absolute;width:100%;height:120px;bottom:0;overflow:hidden;z-index:1000;}
a.posgohome img {width:100%;}
.novelnew .menubox .novellistbox a img {}
.novelnew .menubox .novellistbox a:hover img {animation: zoomInOut 1s ease-in-out;}

.aboutnovel.novelnew {background-image:url(../images/novel_bg_202505.jpg);}
.novel_lmcs.novelnew {background-image:url(../images/novel_bg_202506.jpg);}
.novel_lmcs.novelnew .menubox a.aboutlmcs {position:absolute;width:50px;height:50px;left:10px;top:10px;text-indent:-1000px;}
.novel_lmcs.novelnew .menubox .novellistbox {width:100%;left:50px !important;top:57%;text-align:left;}
.novel_lmcs.novelnew .menubox .novellistbox a.novel_a img {width:85%}
.novel_lmcs.novelnew .menubox .novellistbox a.novel_b img {display:none;} 
.novel_lmcs.novelnew .menubox .novellistbox a.novel_c img {display:none;} 

.novel_lmcs.novelnew .coverimgbox {position:absolute;width:100%;height:100%;}
.novel_lmcs.novelnew .coverimgbox img {width:100%;height:100%;}


@keyframes zoomInOut {
  0% {
    transform: scale(1); /* 初始状态，无放大 */
  }
  50% {
    transform: scale(1.2); /* 中间状态，放大2倍 */
  }
  100% {
    transform: scale(1); /* 结束状态，缩小回原始大小 */
  }
}


 
.indexpage .letterbox,.novelpage .letterbox {position:absolute;z-index:1200;width:80%;height:0;overflow:hidden;top:20%;left:10%;background:url(../images/letter_bg.jpg);opacity:0;}

.indexpage .letterbox .closebox,.indexpage .lettercontent .arrowbox,.novelpage .lettercontent .closebox,.novelpage .lettercontent .arrowbox {position:absolute;width:8%;right:5.5%;z-index:1300;top:2%;}
.indexpage .lettercontent .arrowbox,.novelpage .lettercontent .arrowbox {top:12%}
.indexpage .lettercontent .arrow_b,.novelpage .lettercontent .arrow_b {top:89%;transform:rotate(180deg);} 

.indexpage .lettercontent .contentbox,.novelpage .lettercontent .contentbox {position:absolute;width:82%;height:70%;top:18%;left:10%;overflow-y:scroll;font-size:16px;}
.indexpage .lettercontent h3,.novelpage .lettercontent h3 {position:absolute;top:4%;width:100%;text-align:center;font-size:22px;font-style:normal;}
.indexpage .lettercontent h3 p {font-size:15px;}
.indexpage .lettercontent .contentbox p {text-indent:32px;margin-bottom:10px;}
.indexpage .lettercontent .contentbox::-webkit-scrollbar,.novelpage .lettercontent .contentbox::-webkit-scrollbar {width:8px;display:block;}
.indexpage .lettercontent .contentbox::-webkit-scrollbar-thumb,.novelpage .lettercontent .contentbox::-webkit-scrollbar-thumb { /* 滚动条里面小方块 */ background-color: #fff;border: 3px solid transparent;border-radius:3px;background-clip: content-Box;}
.indexpage .lettercontent .contentbox::-webkit-scrollbar-track,.novelpage .lettercontent .contentbox::-webkit-scrollbar-track { /* 滚动条里面轨道 */ background-color:#3c2e18;}


body.worldviewpage {background-color:#363a37;background-image:none;overflow:hidden;}
body.worldviewpage .outpart_left {position:absolute;z-index:1000;width:22%;height:100%;background:url(../images/worldview_bg_left.png) no-repeat;background-size:auto 100%;left:0;top:0;}
body.worldviewpage .outpart_right {position:absolute;z-index:1000;width:22%;height:100%;background:url(../images/worldview_bg_right.png) no-repeat;background-size:auto 100%;right:0;top:0;}
body.worldviewpage .contentbox {position:absolute;width:76%;height:80%;left:14%;top:5%;z-index:50;overflow:scroll;color:#5cce99;padding:20px 0 30px;}
body.worldviewpage .contentbox .listbox li {width:90%;margin:0 auto 15px;}
body.worldviewpage .contentbox .content img,body.worldviewpage .contentbox .listbox li img {width:100%;}
body.worldviewpage .contentbox .content h2 {font-size:1.6em;text-align:center;margin:20px 0 0;}
body.worldviewpage .contentbox .content h3 {font-size:1.4em;text-align:center;margin:0 0 10px;}
body.worldviewpage .contentbox .content p {text-indent:38px;margin-bottom:5px;line-height:1.7;font-size:1.2em;color:#64b28f;}
.goback {position:absolute;width:50px;height:70px;text-indent:-9999px;bottom:100px;right:10px;z-index:2100;}


.bottompage {position:fixed;z-index: 2000;bottom: 0;left:0;width: 100%;height: 50px; background:url(../images/menu_bgrepeat.png?v=1.4) repeat-x;background-size:auto 100%;box-shadow:0 0 5px rgba(254, 239, 217, 0.3);}
.webwrapbox .bottompage {position:absolute;}
.bottompage .menulist a {display:inline-block;text-align:center;width:23%;margin:12px 0 0 0;}
.bottompage .menulist a img {width:55%;}
.bottompage .menulist a.shops img {width:43%;}
.bottompage .menulist a.novel img {width:60%;}
.bottompage a.home,.bottompage .menulist {width:31%;height:55px;position:absolute;left:0;bottom:0;}
.bottompage .menulist {width:68%;left:31%;}
.bottompage a.home {box-shadow:-28px 0 7px rgba(254, 239, 217, 0.3);}
.bottompage a.home img{width:100%;height:100%;opacity:0.85}

.cardspage {background-image:url(../images/cardpage/index_bg.jpg);}
.cardspica,.cardspicb {position:absolute;width:60%;left:20%;bottom:50px;}
.cardspica {transform:rotate(180deg);bottom:auto;top:0;}

.shopspage,.novelpage,.novelpage .wrapbox,.novelpage .wrapbox .contentbox,.novelshowpage {position:absolute;width:100%;height:100%;background:url(../images/shop_pic5.png);background-size:cover;}
.shopspage .topbar,.shopspage .bottombar {position:absolute;top:0;bottom:0;width:100%;height:30px;}
.shopspage .topbar {background:url(../images/shop_pic1.png) no-repeat;background-size:100%;}
.shopspage .bottombar {background:url(../images/shop_pic2.png) no-repeat;top:inherit;background-size:100%;bottom:42px;}
.shopspage .contentbar {position:relative;width:85%;height:90%;margin:30px auto;}
.shopspage .contentbar .borderbox {border:5px solid #836847;border-radius:10px;box-shadow:0 0 10px #341f04;}
.shopspage .contentbar .borderbox a {display:block;width:100%;height:100%;box-shadow:0 0 10px #341f04 inset;border-radius:8px;}
.shopspage .contentbar .box_a,.shopspage .contentbar .box_b,.shopspage .contentbar .box_c {position:absolute;width:97%;}
.shopspage .contentbar .box_a {height:15%;}
.shopspage .contentbar .box_b {width:100%;height:10%;top:20%;}
.shopspage .contentbar .box_b ul li {height:60px;margin-right:2.5%;}
.shopspage .contentbar .box_b ul li:last-child {margin-right:0;}
.shopspage .contentbar .box_c {height:49%;top:33.5%;overflow:hidden;}
.shopspage .contentbar .box_c .content {width:88%;height:95%;padding:6%;background-color:#a14345;box-shadow:0 0 10px #341f04 inset;border-radius:8px;color:#FFF;font-size:18px;overflow-y:auto;}
.shopspage .contentbar .box_c .content img {width:100%;}
.shopspage .contentbar  .gobuy {position:absolute;width:100%;bottom:25px;}
.shopspage .contentbar  .gobuy img {width:100%;margin-top:10px;}

.shopspage_b {height:800px;overflow-y:auto;background:url(../images/shop_b_09.jpg) repeat;background-size:100% 100%;}
.shopspage_b .shopspage_b_publicbox {position:relative;width:88%;margin:0 auto;border:6px solid #8c4a2a;}
.shopspage_b .shopspage_b_publicbox .picbox {width:100%;height:160px;background:url(../images/shop_b_03.jpg?v=1.1) no-repeat;background-size:100% 100%;}
.shopspage_b .shopspage_b_publicbox span.public_bg {position:absolute;width:30px;height:30px;background:url(../images/shop_b_01.png) no-repeat;background-size:cover;}
.shopspage_b .shopspage_b_publicbox span.public_bg_a {top:0;left:0;}
.shopspage_b .shopspage_b_publicbox span.public_bg_b {top:0;right:0;transform:rotate(90deg);}
.shopspage_b .shopspage_b_publicbox span.public_bg_c {bottom:0;left:0;transform:rotate(270deg);}
.shopspage_b .shopspage_b_publicbox span.public_bg_d {right:0;bottom:0;transform:rotate(180deg);}
.shopspage_b .picbox_b ul {margin:10px auto;}
.shopspage_b .picbox_b ul li {width:75px;height:90px;border:4px solid #8c4a2a;background-color:#f3e3c9;float:left;margin-left:12px;position:relative;cursor:pointer;}
.shopspage_b .picbox_b ul li:first-child {margin-left:18px;background:url(../images/shop_b_bg1.jpg?v=1.1) no-repeat;background-size:cover;}
.shopspage_b .picbox_b ul li img {width:95px;position:absolute;top:-15px;left:-12px;z-index:100;}
.shopspage_b .picbox_b ul li:nth-child(2) img {width:92px;}
.shopspage_b .picbox_b ul li:nth-child(2) {background:url(../images/shop_b_bg2.jpg?v=1.1) no-repeat;background-size:cover;}

.shopspage_b .picbox_b img {width:100%;}
.shopspage_b .shopspage_b_publicbox .picbox_c {height:450px;background:url(../images/shop_b_05.jpg) no-repeat;background-size:100% 100%;}
.shopspage_b .shopspage_b_publicbox .picbox_show img {width:100%;}
.shopspage_b .shopspage_b_publicbox.margintop10 {margin-top:15px;}
.shopspage_b .shopspage_b_publicbox .picbox_f {height:600px;color:#FFF;font-size:18px;overflow-y:auto;}
.shopspage_b .shopspage_b_publicbox .picbox_f img {width:100%;}
.shopspage_b .gobuy {position:absolute;width:100%;bottom:25px;}
.shopspage_b .gobuy img {width:100%;margin-top:10px;}

.outputpic {position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;top:0;left:0;}
.outputpic .innerpic {width:50%;padding:10px;margin:200px auto;text-align:center;background-color:#FFF;border-radius:10px;position:relative;}
.outputpic .innerpic img.ercode {width:100%;}
.outputpic .innerpic h4 {font-size:15px;margin-top:10px;}
.outputpic .innerpic .close {width:20px;position:absolute;top:5px;right:8px;}

.novelpage,.novelpage .wrapbox,.novelpage .wrapbox .contentbox {background:none;background-color:#312d2b;}
.novelpage .wrapbox {width:93%;left:3.5%;background-color:#a56c38;border-top:7px solid #a56c38;}
.novelpage .wrapbox .contentbox {width:94%;left:3%;background-color:#F8F8F8;box-shadow:0 0 30px #272525 inset;overflow-y:auto;}
.novelpage .wrapbox .contentbox .content,.novelpage .wrapbox .contentbox  .content_show {position: absolute;width:100%;top:3%;height:85%;overflow-y:auto;}
.novelpage .titlestyle {position:absolute;width:100%;height:7%;box-shadow:0 0 20px #272525 inset;z-index:100;}
.novelpage .titlestyle.top span {position: absolute;width:100%;top:45%;transform: translateY(-45%);text-align:center;font-size:18px;font-weight:700;} 
.novelpage .titlestyle.bottom {bottom:50px;}
.novelpage .titlestyle.bottom .bottomboxbar {position: relative;width:100%;height:100%;}
.novelpage .titlestyle.bottom .bottomboxbar a {width:33.3%;color:#000;font-size:18px;left:10%;position: absolute;top:45%;transform: translateY(-45%);}
.novelpage .titlestyle.bottom .bottomboxbar a.afterart {text-align:right;padding-left:0;left:inherit;right:10%;}
.novelpage .titlestyle.bottom .bottomboxbar a.choosesection {text-align:center;left:33.3%;}
.novelpage ul.novellist li a {display:block;background-color:#fff;padding:8px;height:120px;margin-bottom:10px;color:#000;}
.novelpage ul.novellist li a .novellist_picbox {width:30%;height:120px;overflow:hidden;float:left;margin-right:20px;}
.novelpage ul.novellist li a .novellist_picbox img {width:100%;height:100%;}
.novelpage ul.novellist li a .novellist_contentbox h3.novellist_title {font-size:18px;}
.novelpage ul.novellist li a .novellist_contentbox .novellist_about {font-size:16px;height:49px;overflow:hidden;margin:5px 0 10px;}
.novelpage ul.novellist li a .novellist_contentbox .novellist_other {font-size:16px;}

.novelpage .wrapbox .contentbox  .content_show {width:98%;left:1%;top:7%;}
.novelpage .wrapbox .contentbox  .content_show .content_show_coverimg {width:100%;}
.novelpage .wrapbox .contentbox  .content_show .content_show_coverimg img {width:100%;}
.novelpage .wrapbox .contentbox  .content_show .content_show_title,.novelpage .wrapbox .contentbox  .content_show .content_show_end {width:94%;margin:0 auto;text-align:center;font-size:22px;}
.novelpage .wrapbox .contentbox  .content_show .content_show_title img,.novelpage .wrapbox .contentbox  .content_show .content_show_end img {width:100%;margin:30px auto 10px;}
.novelpage .wrapbox .contentbox  .content_show .content_show_box {width:94%;margin:10px auto 0;text-indent:38px;margin-bottom:5px;line-height:1.8;font-size:1.2em;}
.novelpage .wrapbox .contentbox  .content_show .content_show_box img {width:100%;margin:10px 0 10px -38px;}
.novelpage .wrapbox .contentbox  .content_show_end {margin:50px auto;}
.novelpage .wrapbox .contentbox  .backup {position:absolute;width:50px;bottom:18%;right:3%;z-index:1210;}
.novelpage .wrapbox .contentbox  .backup img {width:100%;}

.novelpage .letterbox {top:10%;}
.novelpage .letterbox .lettercontent ul.sectioncontent li a {display:block;line-height:3.5;border-bottom:1px solid #BAC6AE;color:#000;font-size:16px;}

.novelsection .sectionlist ul.sectionbox li a,.worldviewpage .sectionlist ul.sectionbox li a,.novelsection .aboutnovel {display:block;position:relative;width:100%;height:130px;background-color:#fff;color:#fff;overflow:hidden;margin-top:15px;}
.novelsection .sectionlist ul.sectionbox li a .img,.worldviewpage .sectionlist ul.sectionbox li a .img {position:absolute;width:100%;height:100%;z-index:10;}
.novelsection .sectionlist ul.sectionbox li a h4,.worldviewpage .sectionlist ul.sectionbox li a h4 {position:absolute;width:100%;height:40px;line-height:40px;bottom:0;text-indent:20px;font-size:18px;background-color:rgba(0,0,0,.2);z-index:20;}
.novelsection .aboutnovel {height:160px;}
.novelsection .aboutnovelinner {width:67%;float:right;padding:20px 10px 0 0;color:#FFF;text-shadow:0 0 5px #333;}
.novelsection .aboutnovelinner h3 {font-size:18px;}
.novelsection .aboutnovelinner p {line-height:1.5;}


.novelpage .wrapbox span.public_bg {position:absolute;width:30px;height:30px;background:url(../images/shop_b_01.png) no-repeat;background-size:cover;}
.novelpage .wrapbox span.public_bg_a {top:0;left:0;}
.novelpage .wrapbox span.public_bg_b {top:0;right:0;transform:rotate(90deg);}
.novelpage .wrapbox .aboutnovelbox {width:82%;margin:0 auto;}
.novelpage .wrapbox .aboutnovelbox .coverimg {width:45%;float:left;}
.novelpage .wrapbox .aboutnovelbox .aboutcontent {width:52%;float:right;}
.novelpage .wrapbox .aboutnovelbox .aboutcontent h3 {font-size:18px;margin:10px 0 5px;}
.novelpage .wrapbox .aboutnovelbox .aboutcontent p {line-height:1.7;margin-bottom:4px;font-size:14px;}
.novelpage .wrapbox .sectionlistbox {height:48%;}
.novelpage .wrapbox .sectionlistbox ul {height:100%;margin-top:25px;box-shadow: 0 0 30px #000 inset;}
.novelpage .wrapbox .sectionlistbox ul li {width:12.5%;height:100%;background-color:#787878;color:#FFF;float:left;margin-right:5%;position:relative;text-align:center;overflow:hidden;}
.novelpage .wrapbox .sectionlistbox ul li:hover {background-color:#a56b37;}
.novelpage .wrapbox .sectionlistbox ul li.active {background-color:#312D2B;}

.novelpage .wrapbox .sectionlistbox ul li p {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.novelpage .wrapbox .sectionlistbox ul li:nth-child(6n) {margin-right:0;}
.novelpage .wrapbox .sectionlistbox ul li a {color:#fff;overflow:hidden;font-size:15px; writing-mode: vertical-lr; letter-spacing:2px;display:block;width:100%;height:100%;}
.novelpage .wrapbox .sectionlistbox ul li span {position:absolute;width:99%;top:10px;left:0.5%;}
.novelpage .wrapbox .sectionlistbox ul li span.bimg {top:calc(100% - 50px);left:0;transform:rotate(270deg);}
.novelpage .wrapbox .sectionlistbox ul li span img {width:99%;}
.novelpage .wrapbox .contentbox {overflow-x:hidden;}
.novelpage .wrapbox .contentbox .content {overflow-x:hidden;}

.fenye .jumpbox {text-align:center;}
.fenye .jumpbox input {width:50px;height:25px;box-shadow:inset 0 0 5px #333;text-align:center;}
.fenye .jumpbox button {box-shadow:inset 0 0 5px #333;background-color:#FFF;color:#000;}

.novelshowpage {background:url(../images/novel_bg.jpg);background-size:50%;overflow-y:auto;padding-bottom:60px;}
.novelshowpage .topcoverimgbox img {width:100%;}
.novelshowpage .novelcontentbox {width:94%;margin:0 auto;padding-bottom:30px;position:relative;border:7px solid #a56c38;background-color:#fff;}
.novelshowpage .novelcontentbox span.public_bg {position:absolute;width:30px;height:30px;background:url(../images/shop_b_01.png) no-repeat;background-size:cover;}
.novelshowpage .novelcontentbox span.public_bg_a {top:0;left:0;}
.novelshowpage .novelcontentbox span.public_bg_b {top:0;right:0;transform:rotate(90deg);}
.novelshowpage .novelcontentbox span.public_bg_c {bottom:0;left:0;transform:rotate(270deg);}
.novelshowpage .novelcontentbox span.public_bg_d {right:0;bottom:0;transform:rotate(180deg);}
.novelshowpage .novelcontentbox .content_show_box {width:94%;margin:30px auto 0;text-indent:38px;margin-bottom:5px;line-height:1.9;font-size:1.1em;}
.novelshowpage .novelcontentbox .content_show_box img {width:100%;margin:0 0 0 -38px;}
.novelshowpage .novelcontentbox .content_show_end {margin:50px auto;}
.novelshowpage .backup {position:absolute;width:50px;bottom:18%;right:3%;z-index:1210;}
.novelshowpage .backup img {width:100%;}
.novelshowpage .novelcontentbox .bottomboxbar {margin:30px 0 40px;text-align:center;display:flex;text-align:center;justify-content:space-around;align-items:center;margin-left:-20px;}
.novelshowpage .novelcontentbox .bottomboxbar a {margin-left:-15px;color:#976A39;}