/*公共部分*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{font-size:15px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;}
li, ol { list-style:none;}
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei"; color:#000000;}
a:hover { cursor:pointer; text-decoration:none; color:#000000;}
a:active{star:expression(this.onFocus=this.blur()); color:#000000;}
a:visited{ color:#000000;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei";}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.layui-flow-more{clear:both;}

.clear{clear:both;}
.height5{height:10px;clear:both;}
.height10{height:10px;clear:both;}
.height15{height:15px;clear:both;}
.height20{height:20px;clear:both;}
.height30{height:30px;clear:both;}
.height40{height:40px;clear:both;}
.height50{height:50px;clear:both;}
.display{display:none;}
.red{color:#ff0f0f;}
.blue{color:#138bec;}
.bgblue{color:#138bec;}
.bgblack{color:#000;}
.bggrey{color:grey;}
.bgyellow{color:yellow;}
.noneborder{border:none;}
.strong{font-weight:bold;padding:0px 5px;font-size:18px;}
.btnover{
	    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #fff;
    color: #000;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer;
}
.main{width:100%;max-width:1200px;margin:0px auto;}


.navbg{width:96%;margin:0px auto;height:50px;border-bottom:1px solid #f3f3f3;padding-bottom:3px;background:#f9f9fb;border:1px solid #f3f3f3;border-radius:30px;}
.navbg .zuo{float:left;width:85%;text-align:left;padding-left:2%;padding-top:1px;font-size:16px;overflow: hidden;}
.navbg .zuo .logo{width:13%;float:left;width:35px;height:35px;margin-right:10px;padding-top:7px;padding-left:2%;border-radius:6px;}
.navbg .zuo .logoimg{width:35px;height:35px;}
.navbg .zuo .txt{float:left;width:72%;line-height:25px;margin-top:6px;padding-left:1%;}
.navbg .zuo .txt .name{font-weight: bold;font-size:14px;line-height:20px;height:20px;overflow:hidden;}
.navbg .zuo .txt .addr{font-size:13px;height: 20px;line-height:20px;overflow:hidden;}
.navbg .you{float:left;width:10%;text-align:right;padding-right:3%;padding-top:10px;height:25px;}
.navbg .you .icon{font-size:30px;color:#1A1A1A;}

/*index*/

.topnav{width:95%;max-width:1200px;margin:0px auto;background:#fff;padding:20px 0px 0px 0px;border-radius:4px;}
    
.topnav li{width:25%;text-align:center;float:left;font-size:13px;margin-bottom:20px;height:70px;overflow:hidden;}
.topnav li .item{width:80%;margin:0px auto;text-align:center;}
.topnav li .item .img{width:45px;height:45px;line-height:45px;text-align:center;margin:0px auto;border-radius:30px;}
.topnav li .item .img .img1{width:45px;height:45px;}
.topnav li .item .txt{width:90%;text-align:center;margin:0px auto;margin-top:5px;font-size:13px;}


.topnav li .item .color1bg{background:#9462db;}
.topnav li .item .color2bg{background:#599ada;}
.topnav li .item .color3bg{background:#5ab3d5;}
.topnav li .item .color4bg{background:#d49e56;}
.topnav li .item .color5bg{background:#5ccb96;}
.topnav li .item .color6bg{background:#d3805e;}
.topnav li .item .color7bg{background:#5984d2;}
.topnav li .item .color8bg{background:#5c45d3;}
.topnav li .item .color9bg{background:#1A1A1A;}
.lunbo{width:95%;margin:0px auto;border-radius:10px;height:150px;}
.lunbo img{width:100%;border-radius:10px;}

.bottomnav{position:fixed;bottom:0px;width:100%;height:50px;background:#fbfbfb;padding-top:10px;max-width:1200px;margin:0px auto;left:0px;right:0px;z-index:10000;}
.bottomnav ul li{float:left;width:20%;text-align:center;}
.bottomnav ul li p{line-height:20px;font-size:13px;color:#a4a5aa;}
.bottomnav ul li.cur p{color:#1A1A1A;}

.zhutibook{width:95%;margin:0px auto;}
.zhutibook .zuo{float:left;width:70%;text-align:left;font-size:16px;font-weight:bold;color:#000;}
.zhutibook .you{float:left;width:30%;text-align:right;}
.zhutibook .con{white-space:nowrap;height:170px;overflow-y:hidden;overflow-x:auto;}
.zhutibook .con::-webkit-scrollbar {display:none;} 

.zhutibook .con li{display: inline-block;width:220px;padding:10px;height:170px;background:blue;margin-right:10px;background:#f9fafc;}
.zhutibook .con li .tit{font-weight:bold;font-size:15px;}
.zhutibook .con li .con2{margin-top:10px;}
.zhutibook .con li .zuo{width:40%;float:left;text-align:left;}
.zhutibook .con li .zuo img{width:100%;}
.zhutibook .con li .you{width:56%;float:left;text-align:left;padding-left:4%;overflow:hidden;}
.zhutibook .con li .you .shang{width:100%;word-wrap: break-word;word-break:break-all;white-space: pre-wrap;}
.zhutibook .con li .you .xia{color:#b7b6b6;}



/*新书上架*/
.newbook{width:95%;margin:0px auto;}
.newbook .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.newbook .you{float:left;width:30%;text-align:right;}
.newbook .con{white-space:nowrap;overflow-y:hidden;overflow-x:auto;}
.newbook .con::-webkit-scrollbar {display:none;} 

.newbook .con li{display:inline-block;width:90px;padding:10px;height:170px;}
.newbook .con li div{width:95%;}
.newbook .con li .txt{margin-top:10px;height:46px;line-height:22px;word-break:break-all;white-space:pre-wrap;overflow:hidden;font-size:15px;}
.newbook .con li .img{height:110px;width:100%;text-align:center;vertical-align: middle;display: table-cell;}
.newbook .con li .img img{max-width:100%;overflow:hidden;}

.newbook .con li .jieyuediv{margin:0px auto;text-align:center;height:auto;}
.newbook .con li .jieyuediv .jieyue{width:40px;background:#cccccc;border-radius:3px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-23px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;}

.newbook .con li .jiechudiv{margin:0px auto;text-align:center;height:auto;}
.newbook .con li .jiechudiv .jiechu{width:100%;background:#cccccc;border-radius:3px;text-align:center;float:right;height:110px;line-height:110px;margin-top:-110px;position:relative;z-index:999;background-color: rgba(0,0,0,0.3);color:#e4e2e2;font-size:14px;}


/*系列赏析*/
.xilie{width:95%;margin:0px auto;}
.xilie .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.xilie .tit .you{float:left;width:30%;text-align:right;}
.xilie .con{width:100%;}
.xilie .con li{float:left;width:33%;margin-bottom:10px;}
.xilie .con li div{width:85%;margin:0px auto;}
.xilie .con li .img img{max-width:100%;}
.xilie .con li .txt{color:#000;}

/*童书大奖*/
.lie3{width:95%;margin:0px auto;}
.lie3 .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.lie3 .tit .you{float:left;width:30%;text-align:right;}
.lie3 .con{width:100%;}
.lie3 .con li{float:left;width:31%;margin-bottom:15px;height:160px;overflow:hidden;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);margin-left:2%;}
.lie3 .con li div{width:85%;margin:0px auto;height:105px;overflow:hidden;margin-top:10px;}
.lie3 .con li .img img{max-width:100%;border-radius:6px;height:105px;}
.lie3 .con li .txt{color:#000;font-size:13px;font-weight:bold;line-height:30px;margin-top:10px;overflow:hidden;}

/*一行两列*/
.lie2{width:95%;margin:0px auto;}
.lie2 .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.lie2 .tit .you{float:left;width:30%;text-align:right;}
.lie2 .con{width:100%;}
.lie2 .con li{float:left;width:50%;margin-bottom:10px;height:320px;}
.lie2 .con li div.item{width:95%;margin:0px auto;box-shadow: #d3d3d3 0px 0px 5px;border-radius:10px;text-align:center;}
.lie2 .con li .img img{max-width:100%;border-radius:6px;height:250px;}
.lie2 .con li .txt{color:#000;height:60px;line-height:25px;margin-top:10px;padding-left:10px;padding-right:10px;}
.lie2 .con li .txt .tit{font-size:18px;font-weight:bold;height:28px;overflow:hidden;}
.lie2 .con li .txt .descri{color:#949292;height:30px;overflow:hidden;}

/*一行一列*/
.lie1{width:95%;margin:0px auto;}
.lie1 .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.lie1 .tit .you{float:left;width:30%;text-align:right;}
.lie1 .con{width:100%;}
.lie1 .con li{float:left;width:100%;margin:0px auto;margin-bottom:10px;}
.lie1 .con li div.item{width:95%;margin:0px auto;text-align:center;overflow:hidden;box-shadow: #d3d3d3 0px 0px 5px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.lie1 .con li .img img{width:100%;max-width:100%;border-radius:6px;margin:0px auto;}
.lie1 .con li .txt{color:#000;height:50px;line-height:50px;padding-left:10px;box-shadow: #d3d3d3 0px 0px 5px;text-align:left;}
.lie1 .con li .txt .tit{font-size:18px;font-weight:bold;margin-right:10px;}
.lie1 .con li .txt .descri{color:#949292;margin-left:10px;}

/*分类列表*/
.lie6{width:95%;margin:0px auto;}
.lie6 .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.lie6 .tit .you{float:left;width:30%;text-align:right;}
.lie6 .con{width:100%;line-height:30px;}

.lie6 li{width:33%;text-align:center;float:left;margin-bottom:10px;}
.lie6 li div{width:95%;text-align:center;border-radius:30px;border:1px solid #ddd;height:30px;line-height:30px;overflow:hidden;}

/*分龄列表*/
.lie7{width:95%;margin:0px auto;}
.lie7 .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;font-weight:bold;color:#000;}
.lie7 .tit .you{float:left;width:30%;text-align:right;}
.lie7 .con{width:100%;line-height:30px;}

.lie7 li{width:33%;text-align:center;float:left;margin-bottom:10px;}
.lie7 li div{width:95%;text-align:center;border-radius:30px;border:1px solid #ddd;height:30px;line-height:30px;overflow:hidden;}

.guanzhangtj{width:95%;margin:0px auto;}
.guanzhangtj .zuo{float:left;width:70%;text-align:left;font-size:16px;font-weight:bold;color:#000;}
.guanzhangtj .you{float:left;width:30%;text-align:right;}
.guanzhangtj .con .item{padding:20px 10px 10px 10px;background:#f9fafc;margin-bottom:10px;}
.guanzhangtj .con .item .tit2 .zuo2{float:left;width:70%;text-align:left;font-weight:bold;}
.guanzhangtj .con .item .tit2 .you2{float:left;width:30%;text-align:right;}
.guanzhangtj .con .item .con2{padding:10px 0px;}
.guanzhangtj .con .item .con2 li{float:left;width:33%;}
.guanzhangtj .con .item .con2 li div{width:80%;margin:0px auto;}
.guanzhangtj .con .item .con2 li .txt{height:30px;line-height:30px;overflow:hidden;}
.guanzhangtj .con .item .con2 li div img{width:100%;}

.xuanzefd{width:100%;max-width:1200px;height:50px;line-height:50px;background:#fff;position:fixed;bottom:60px;}
.xuanzefd .zuo{float:left;width:28%;padding-left:2%;}
.xuanzefd .zuo .number{font-weight:bold;font-size:18px;padding:0px 2px;}
.xuanzefd .you{float:left;width:70%;}
.xuanzefd .you div{float:right;}
.xuanzefd .you .quan{background:#ffb806;width:60px;height:30px;line-height:30px;text-align:center;color:#fff;margin-top:10px;margin-right:10px;border-radius:5px;}
.xuanzefd .you .fan{background:#d9d9d9;width:60px;height:30px;line-height:30px;text-align:center;color:#fff;margin-top:10px;margin-right:10px;border-radius:5px;}
.xuanzefd .you .jieyue{background:#1A1A1A;width:100px;text-align:center;color:#fff;font-size:18px;}

.nodata{margin-top:120px;width:100%;text-align:center;}
.nodata .txt{margin-top:20px;}
.nonodata{margin-top:120px;width:100%;text-align:center;}
.nonodata .txt{margin-top:20px;}

.carlist{width:100%;background:#fff;max-width:1200px;}
.carlist li{padding:10px 0px;height:70px;overflow:hidden;border-bottom:1px solid #dddddd;}
.carlist li .zuo{float:left;width:6%;padding-left:4%;text-align:right;padding-top:20px;}
.carlist li .zhong{float:left;width:25%;text-align:center;}
.carlist li .zhong img{width:55%;margin:0px auto;}
.carlist li .you{float:left;width:60%;text-align:left;}
.carlist li .you .title{height:25px;line-height:25px;overflow:hidden;font-size:15px;color:#1A1A1A;}
.carlist li .you .shujia{height:20px;width:100%;font-size:13px;}
.carlist li .you .kucun{height:20px;width:100%;font-size:13px;}
.carlist li .you .kucun .zuo1{float:left;width:70%;text-align:left;}
.carlist li .you .kucun .you1{float:left;width:30%;text-align:right;}


.favorites{width:100%;background:#fff;max-width:1200px;}
.favorites li{padding:10px 0px;height:70px;overflow:hidden;border-bottom:1px solid #dddddd;}
.favorites li .zuo{float:left;width:21%;padding-left:4%;text-align:center;}
.favorites li .zuo img{max-height:70px;margin:0px auto;max-width:60px;}
.favorites li .you{float:left;width:68%;text-align:left;padding-left:2%;}
.favorites li .you .title{height:40px;overflow:hidden;font-size:16px;}
.favorites li .you .kucun{height:20px;width:100%;}
.favorites li .you .kucun .zuo1{float:left;width:50%;text-align:left;}
.favorites li .you .kucun .you1{float:left;width:50%;text-align:right;}


.jiebooklist{width:100%;background:#fff;}
.jiebooklist li{padding:10px 0px;height:70px;overflow:hidden;border-bottom:1px solid #dddddd;}
.jiebooklist li .zuo{float:left;width:25%;text-align:center;}
.jiebooklist li .zuo img{width:55%;margin:0px auto;}
.jiebooklist li .you{float:left;width:70%;text-align:left;padding-right:5%;}
.jiebooklist li .you .title{height:30px;line-height:30px;font-size:16px;color:#1A1A1A;overflow:hidden;}
.jiebooklist li .you .jieyuetime{height:20px;color:#999798;font-size:12px;}
.jiebooklist li .you .daoqitime{height:20px;color:#999798;font-size:12px;}


.juzhong{ width:100%; text-align:center;}
.juzhong div{height: 45px;line-height: 45px;width:80%;padding: 0 18px;
    background-color: #1A1A1A;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border:none;border-radius: 4px;cursor:pointer;font-weight:bold;margin:0px auto;}
.juzhong div.huibtn{background:#ffffff;border:1px solid #cccccc;color:#6d6d6c;}
.juzhong .submit{height: 45px;line-height: 45px;width:90%;padding: 0 18px;
    background-color: #1A1A1A;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border:none;border-radius: 4px;cursor:pointer;font-weight:bold;}
.juzhong .jinyong{background-color: #dddddd;color: #999;}

.notice{width:96%;margin:10px auto;background:#f9f9fb;border:1px solid #f3f3f3;height:50px;border-radius:30px;overflow:hidden;}
.notice div{float:left;height:50px;line-height:50px;width:100%;}
.notice div.zuo{width:7%;padding-left:5%;}
.notice div.zhong{width:80%;font-size:13px;}
.notice div.you{width:6%;padding-right:2%;}


.newbooklist{width:100%;height:100%;margin-top:20px;}
.newbooklist li{display:inline-block;float:left;width:33%;height:170px;overflow:hidden;margin-bottom:20px;}
.newbooklist li .item{width:80%;margin:0px auto;height:170px;}
.newbooklist li .item .img{height:110px;text-align:center;vertical-align:middle;overflow:hidden;}
.newbooklist li .item .img img{max-width:100%;overflow:hidden;height:100%;}
.newbooklist li .item .txt{margin-top:10px;height:50px;line-height:25px;word-break:break-all;white-space:pre-wrap;overflow:hidden;font-size:13px;}

.newbooklist li .item .jieyuediv{margin:0px auto;text-align:center;height:auto;}
.newbooklist li .item .jieyuediv .jieyue{width:40px;background:#cccccc;border-radius:3px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-23px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;}

.newbooklist li .item .jiechudiv{margin:0px auto;text-align:center;height:auto;}
.newbooklist li .item .jiechudiv .jiechu{width:100%;background:#cccccc;border-radius:3px;text-align:center;float:right;height:140px;line-height:160px;margin-top:-140px;position:relative;z-index:999;background-color: rgba(0,0,0,0.3);color:#e4e2e2;font-size:14px;}
.tcnav li{height:50px;line-height:50px;border-bottom:1px solid #cccccc;font-size:16px;}


/*微信绑定*/
.wxbindpage .wxbind .group{background:#fff;height:auto;width:100%;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.wxbindpage .wxbind .groupone{ border-top:none;}
.wxbindpage .wxbind_con{width:92%;height:50px;line-height:50px;border-bottom:1px solid #e6e6e6; margin:0px auto;}
.wxbindpage .wxbind_con .touxiang{width:40px;height:40px;border-radius:20px;}
.wxbindpage .wxbind_con1{float:left;width:20%;text-align:left;}
.wxbindpage .wxbind_con2{float:left;width:77%;text-align:right;padding-right:3%;color:#999999;height:50px;overflow:hidden;}
.wxbindpage .wxbindnotice{ width:90%;margin:0px auto;font-size:13px;line-height:30px;color:#7c7a78;}
.wxbindpage .wxbindnotice strong{font-size:15px;}
.wxbindpage .wxweibangding{width:90%;margin:0px auto;height:180px;text-align:center;line-height:50px;padding-top:50px;color:#999999;}
.wxbindpage .wxweibangding .icon{font-size:50px;}


.jiebangpage .yzm{background:#efefef;border:none;padding:2px 5px;border-radius:8px;}
.jiebangpage .yzmon{background:#2d80c4;color:#fff;border:none;padding:2px 5px;border-radius:8px;}

.iframediv{width:100%;height:100%;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999;-webkit-overflow-scrolling:touch;overflow:scroll;}
.iframediv .iframe{width:100%;height:100%;}


.fudongdiv{width:100%;position:fixed;bottom:0px;}
.fudongdiv .con{width:100%;background:#1A1A1A;height:60px;line-height:60px;}
.fudongdiv .con li{float:left;width:50%;text-align:center;color:#000;}

.kclist{width:100%;max-width:1200px;padding-top:10px;}
.kclist .tit{width:100%;color:#000;}
.kclist .tit .zuo{float:left;width:50%;text-align:left;font-size:18px;}
.kclist .tit .you{float:left;width:50%;text-align:right;}
.kclist li{width:50%;float:left;}
.kclist li .mk{width:90%;margin:0px auto;margin-bottom:40px;}
.kclist li .mk .img{border:1px solid #ddd;border-radius:10px;align-items: center;vertical-align: middle;}
.kclist li .mk img{width:100%;border-radius:10px;}
.kclist li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.kclist li .pricediv{clear:both;}
.kclist li .pricediv .price{color:#d95c17;float:left;}
.kclist li .pricediv .price .money{font-size:20px;font-weight:bold;}
.kclist li .pricediv .bmnums{font-size:12px;color:#7e7e7e;margin-left:10px;float:right;padding-top:6px;}




.kclist1{width:100%;max-width:1200px;padding-top:10px;}
.kclist1 .tit{width:100%;color:#000;}
.kclist1 .tit .zuo{float:left;width:50%;text-align:left;font-size:18px;}
.kclist1 .tit .you{float:left;width:50%;text-align:right;}
.kclist1 .con li{width:50%;float:left;}
.kclist1 .con li .mk{width:90%;margin:10px auto;}
.kclist1 .con li .mk .img{border:1px solid #ddd;border-radius:10px;align-items: center;vertical-align: middle;}
.kclist1 .con li .mk img{width:100%;border-radius:10px;}
.kclist1 .con li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.kclist1 .con li .pricediv .price{color:#d95c17;}
.kclist1 .con li .pricediv .price .money{font-size:20px;font-weight:bold;}
.kclist1 .con li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:5px;}

.mallbooklist{width:97%;max-width:1200px;padding-top:10px;margin:0px auto;}
.mallbooklist .tit{width:100%;color:#000;}
.mallbooklist .tit .zuo{float:left;width:50%;text-align:left;font-size:18px;}
.mallbooklist .tit .you{float:left;width:50%;text-align:right;}
.mallbooklist .con{margin-top:10px;}
.mallbooklist .con li{width:48%;float:left;height:220px;overflow:hidden;margin-bottom:10px;border-radius:10px;margin-left:2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.mallbooklist .con li .mk{width:80%;margin:10px auto;}
.mallbooklist .con li .mk .img{height:130px;width:100%;text-align:center;overflow:hidden;}
.mallbooklist .con li .mk img{border-radius:10px;max-height:130px;max-width:100%;}
.mallbooklist .con li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.mallbooklist .con li .pricediv {clear:both;}
.mallbooklist .con li .pricediv .price{color:#d95c17;float:left;}
.mallbooklist .con li .pricediv .price .money{font-size:20px;font-weight:bold;}
.mallbooklist .con li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:5px;float:right;padding-top:3px;}

.mallbooklist .con .jiechu{clear:both;width:100%;background:#cccccc;border-radius:10px;text-align:center;float:left;height:170px;line-height:170px;margin-top:-170px;position:relative;z-index:999;background-color: rgba(0,0,0,0.3);color:#e4e2e2;font-size:14px;}

.mallbooklist .con .jieyue{width:40px;background:#cccccc;border-radius:6px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-53px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;}


.mallbooklist1{margin-top:13px;}
.mallbooklist1 li{width:48%;float:left;height:210px;overflow:hidden;margin-bottom:5px;background:#fff;border-radius:10px;margin-left:1.5%;}
.mallbooklist1 li .mk{width:90%;margin:10px auto;}
.mallbooklist1 li .mk .img{height:130px;width:100%;text-align:center;overflow:hidden;}
.mallbooklist1 li .mk img{border-radius:10px;max-height:130px;max-width:100%;}
.mallbooklist1 li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.mallbooklist1 li .pricediv {}
.mallbooklist1 li .pricediv .price{color:#d95c17;float:left;}
.mallbooklist1 li .pricediv .price .money{font-size:16px;font-weight:bold;}
.mallbooklist1 li .pricediv .price .delmoney{font-size:10px;font-weight:bold;}
.mallbooklist1 li .pricediv .bmnums{font-size:12px;color:#7e7e7e;margin-left:5px;float:right;padding-top:3px;}


.goodslist{width:100%;max-width:1200px;padding-top:20px;}
.goodslist .tit{width:100%;color:#000;}
.goodslist .tit .zuo{float:left;width:50%;text-align:left;font-size:18px;}
.goodslist .tit .you{float:left;width:50%;text-align:right;}
.goodslist li{width:50%;float:left;}
.goodslist li .mk{width:95%;height:240px;margin-left:1.5%;margin-bottom:10px;border-radius:10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);text-align:center;background:#fff;}
.goodslist li .mk img{width:100%;border-radius:10px;max-height:180px;}
.goodslist li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;width:94%;padding:0px 3%;}
.goodslist li .pricediv{clear:both;width:94%;padding:0px 3%;}
.goodslist li .pricediv .price{color:#d95c17;float:left;}
.goodslist li .pricediv .price .money{font-size:20px;font-weight:bold;}
.goodslist li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:10px;float:right;padding-top:3px;}





.jieyuepagebooktop{width:96%;height:50px;background:#1A1A1A;padding-top:15px;padding:15px 2% 0px 2%;position:fixed;top:0px;z-index:10002;max-width:670px;left:0px;right:0px;margin:0px auto;}
.jieyuepagebooktop .search{float:left;width:87%;height:40px;line-height:40px;border-radius:20px;padding-left:4%;margin-right:1%;}
.jieyuepagebooktop .search input{width:60%;height:40px;line-height:40px;border:none;background:none;color:#fff;overflow:hidden;}
.jieyuepagebooktop .back{float:left;width:8%;color:#fff;padding-top:8px;}

.jieyuepage .daohang{width:100%;position:fixed;top:65px;background:#fff;height:50px;line-height:50px;z-index:10002;max-width:1200px;font-size:14px;}
.jieyuepage .daohang ul li{float:left;width:25%;text-align:center;}
.jieyuepage .daohang ul li.cur{color:#1A1A1A;}
.jieyuepage .daohang ul li .icon{padding-left:5px;}

.jieyuepage .daohangcatediv{position:fixed;top:115px;background:#fff;height:200px;width:100%;border-top:1px solid #ddd;overflow-x:hidden;overflow-y:auto;z-index:10002;display:none;max-width:1200px;padding-top:20px;padding-bottom:20px;}
.jieyuepage .daohangcatediv ul li{float:left;width:25%;text-align:center;height:30px;line-height:30px;font-size:13px;margin-bottom:10px;overflow:hidden;}
.jieyuepage .daohangcatediv ul li div{border-radius:5px;width:80%;text-align:center;background:#f5f5f5;margin:0px auto;}
.jieyuepage .daohangcatediv ul li div.cur{border-radius:5px;width:80%;text-align:center;background:#1A1A1A;color:#fff;}

.jieyuepage .daohangpricediv{position:fixed;top:115px;background:#fff;height:100px;width:100%;border-top:1px solid #ddd;overflow-x:hidden;overflow-y:auto;z-index:10002;display:none;}
.jieyuepage .daohangpricediv ul li{float:left;width:25%;text-align:center;height:30px;line-height:30px;font-size:13px;margin-bottom:10px;overflow:hidden;}

.jieyuepage .daohangagediv{position:fixed;top:115px;background:#fff;height:200px;width:100%;border-top:1px solid #ddd;overflow-x:hidden;overflow-y:auto;z-index:10002;display:none;max-width:1200px;padding-top:20px;padding-bottom:20px;}
.jieyuepage .daohangagediv ul li{float:left;width:25%;text-align:center;height:30px;line-height:30px;font-size:13px;margin-bottom:10px;overflow:hidden;}
.jieyuepage .daohangagediv ul li div{border-radius:5px;width:80%;text-align:center;background:#f5f5f5;margin:0px auto;}
.jieyuepage .daohangagediv ul li div.cur{border-radius:5px;width:80%;text-align:center;background:#1A1A1A;color:#fff;}

.jieyuepage .daohangpaixudiv{position:fixed;top:115px;background:#fff;height:150px;width:100%;border-top:1px solid #ddd;overflow-x:hidden;overflow-y:auto;z-index:10002;display:none;max-width:1200px;}
.jieyuepage .daohangpaixudiv ul li{height:50px;line-height:50px;border-bottom:1px solid #e8e8e8;width:94%;padding:0px 3%;}


.jieyuepage .daohangsaixuandiv{position:fixed;top:115px;background:#fff;height:200px;width:100%;padding-top:20px;padding-bottom:20px;border-top:1px solid #ddd;overflow-x:hidden;overflow-y:auto;z-index:10002;display:none;max-width:1200px;}

.jieyuepage .daohangsaixuandiv .btn{position:fixed;top:305px;z-index:10002;width:100%;max-width:1200px;}
.jieyuepage .daohangsaixuandiv .btn li{float:left;width:50%;text-align:center;height:40px;line-height:40px;}
.jieyuepage .daohangsaixuandiv .btn li .qk{width:80%;background:#f8f8f6;color:#000;border-radius:5px;margin:0px auto;}
.jieyuepage .daohangsaixuandiv .btn li .qd{width:80%;background:#138bec;color:#fff;border-radius:5px;margin:0px auto;}

.jieyuepage .daohangsaixuandiv .seadiv{clear:both;}
.jieyuepage .daohangsaixuandiv .seadiv .hang{height:40px;line-height:40px;overflow:hidden;font-size:13px;clear:both;}
.jieyuepage .daohangsaixuandiv .seadiv .zuo{float:left;width:20%;text-align:right;padding-right:2%;}
.jieyuepage .daohangsaixuandiv .seadiv .you{float:left;width:78%;}
.jieyuepage .daohangsaixuandiv .seadiv .you input{width:80%;}






.tcmb{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    z-index: 10001;
    background-color:rgba(0,0,0,0.5);
    margin: 0px auto;
    display:none;
}

.tcmb1{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    z-index: 10001;
    background-color:rgba(0,0,0,0.5);
    margin: 0px auto;
    display:none;
}


.tcmb2{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    z-index: 10001;
    background-color:rgba(0,0,0,0.5);
    margin: 0px auto;
    display:none;
}


.tcmb3{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    z-index: 10001;
    background-color:rgba(0,0,0,0.5);
    margin: 0px auto;
    display:none;
}


.jieyuepage .searchkeywods{width:95%;margin:0px auto;margin-top:10px;margin-bottom:10px;}
.jieyuepage .searchkeywods .li{padding:0px 5px;display:block;margin-bottom:20px;float:left;}
.jieyuepage .searchkeywods .item{padding:5px 10px;border-radius:4px;background:#ff6c01;color:#fff;}
.jieyuepage .searchkeywods .cha{padding-left:5px;}




.jieyuemallbooklist{width:97%;max-width:1200px;padding-top:10px;margin:0px auto;}
.jieyuemallbooklist .tit{width:100%;color:#000;}
.jieyuemallbooklist .tit .zuo{float:left;width:70%;text-align:left;font-size:18px;}
.jieyuemallbooklist .tit .you{float:left;width:30%;text-align:right;}
.jieyuemallbooklist .con{margin-top:10px;}
.jieyuemallbooklist .con li{width:48%;float:left;height:160px;overflow:hidden;margin-bottom:10px;border-radius:10px;margin-left:2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.jieyuemallbooklist .con li .mk{width:80%;margin:10px auto;}
.jieyuemallbooklist .con li .mk .img{height:90px;width:100%;text-align:center;overflow:hidden;}
.jieyuemallbooklist .con li .mk img{border-radius:10px;max-height:90px;max-width:100%;}
.jieyuemallbooklist .con li .tit{height:40px;line-height:20px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;font-size:13px;}
.jieyuemallbooklist .con li .pricediv {clear:both;}
.jieyuemallbooklist .con li .pricediv .price{color:#d95c17;float:left;}
.jieyuemallbooklist .con li .pricediv .price .money{font-size:20px;font-weight:bold;}
.jieyuemallbooklist .con li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:5px;float:right;padding-top:3px;}

.jieyuemallbooklist .con .jiechu{clear:both;width:100%;background:#cccccc;border-radius:10px;text-align:center;float:left;height:170px;line-height:170px;margin-top:-170px;position:relative;z-index:999;background-color: rgba(0,0,0,0.3);color:#e4e2e2;font-size:14px;}

.jieyuemallbooklist .con .jieyue{width:40px;background:#cccccc;border-radius:6px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-53px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;}




.jieyuemallbooklist1{}
.jieyuemallbooklist1 li{width:48%;float:left;height:180px;overflow:hidden;margin-bottom:5px;background:#fff;border-radius:10px;margin-left:2%;}
.jieyuemallbooklist1 li .mk{width:80%;margin:10px auto;}
.jieyuemallbooklist1 li .mk .img{height:130px;width:100%;text-align:center;overflow:hidden;}
.jieyuemallbooklist1 li .mk img{border-radius:10px;max-height:130px;max-width:100%;}
.jieyuemallbooklist1 li .tit{height:30px;line-height:30px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.jieyuemallbooklist1 li .pricediv {}
.jieyuemallbooklist1 li .pricediv .price{color:#d95c17;float:left;}
.jieyuemallbooklist1 li .pricediv .price .money{font-size:16px;font-weight:bold;}
.jieyuemallbooklist1 li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:5px;float:right;padding-top:3px;}
.jieyuemallbooklist1 li .jieyue{width:40px;background:#cccccc;border-radius:6px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-60px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;margin-right:20px;}


.jieyuemallbooklistsd{width:97%;max-width:1200px;margin:0px auto;}
.jieyuemallbooklistsd .tit{width:100%;color:#000;}
.jieyuemallbooklistsd .tit .zuo{float:left;width:50%;text-align:left;font-size:18px;}
.jieyuemallbooklistsd .tit .you{float:left;width:50%;text-align:right;}
.jieyuemallbooklistsd .con{margin-top:10px;}
.jieyuemallbooklistsd .con li{width:48%;float:left;height:200px;overflow:hidden;margin-bottom:10px;background:#fff;border-radius:10px;margin-left:1.5%;}
.jieyuemallbooklistsd .con li .mk{width:80%;margin:10px auto;}
.jieyuemallbooklistsd .con li .mk .img{height:130px;width:100%;text-align:center;overflow:hidden;}
.jieyuemallbooklistsd .con li .mk img{border-radius:10px;max-height:130px;max-width:100%;}
.jieyuemallbooklistsd .con li .tit{height:40px;line-height:20px;font-weight:bold;color:#000;margin-top:5px;overflow:hidden;}
.jieyuemallbooklistsd .con li .pricediv {clear:both;}
.jieyuemallbooklistsd .con li .pricediv .price{color:#d95c17;float:left;}
.jieyuemallbooklistsd .con li .pricediv .price .money{font-size:20px;font-weight:bold;}
.jieyuemallbooklistsd .con li .pricediv .bmnums{font-size:13px;color:#7e7e7e;margin-left:5px;float:right;padding-top:3px;}

.jieyuemallbooklistsd .con .jiechu{clear:both;width:100%;background:#cccccc;border-radius:10px;text-align:center;float:left;height:170px;line-height:170px;margin-top:-170px;position:relative;z-index:999;background-color: rgba(0,0,0,0.3);color:#e4e2e2;font-size:14px;}

.jieyuemallbooklistsd .con .jieyue{width:40px;background:#cccccc;border-radius:6px;text-align:center;float:right;height:22px;line-height:22px;margin-top:-53px;position:relative;z-index:999;background-color: rgba(0,0,0,0.5);color:#e4e2e2;font-size:12px;}



/* 全局隐藏滚动条 */
html, body, .iframediv {
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
    -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
}
/* Chrome/Safari 强制隐藏滚动条 */
html::-webkit-scrollbar, body::-webkit-scrollbar, .iframediv::-webkit-scrollbar {
    display: none;
}


@media screen and (orientation: portrait) and (min-width: 768px) {
  :root {
    --scale-ratio: 1.7; /* 缩放倍数 */
  }

  html, body {
    overflow: hidden;
    height: 100vh;
    margin: 0;
    padding: 0;
    /* 防止身体出现横向滚动条 */
    width: 100vw; 
  }

  /* 1. 内容缩放容器 */
  .scale-wrapper {
    transform: scale(var(--scale-ratio));
    transform-origin: top center;
    /* 关键：宽度设为视口宽度的 1/3，这样内部元素写 100% 才是正确的逻辑宽度 */
    width: calc(100vw / var(--scale-ratio)); 
    height: calc(100vh / var(--scale-ratio));
    margin: 0 auto; /* 居中显示 */
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
  }

  /* 2. 底部导航栏专用样式 */
  .bottomnav.fixed-extracted, 
  .fixed-bottom.fixed-extracted {
    position: fixed !important;
    bottom: 0 !important;
    left: 50% !important;
    /* 关键：水平居中偏移 */
    transform: translateX(-50%) !important; 
    
    /* 关键：宽度必须除以缩放倍数，才能和上面的内容区对齐 */
    /* 假设手机设计稿最大宽 1200px，但在 3倍缩放后，逻辑最大宽是 1200/3 = 400px? 
       不，通常我们希望它占满“逻辑屏幕”。
       如果希望它占满整个物理屏幕（1920px），则写 100vw。
       如果希望它和上面内容一样宽（640px），则写 calc(100vw / var(--scale-ratio))。
       
       【推荐】通常自助机希望底部栏也和手机比例一致，所以用下面这行：
    */

    width: 100vw !important;
    
    /* 如果你希望它真的占满整个 1920px 大宽屏，请改用: width: 100vw !important; */
    
    max-width: none !important; /* 清除原有的 max-width 限制 */
    z-index: 9 !important;
    
    /* 还原视觉样式 */
    background: #fbfbfb;
    height: 70px;
    padding-top: 15px;
    box-sizing: border-box;
  }

  /* 3. 修复内部文字和图标大小 */
  /* 因为脱离了 scale 容器，字体不会自动变大，需要手动调整到视觉合适的大小 */
  .bottomnav.fixed-extracted p {
    font-size: 13px; /* 如果觉得小，可以改成 16px-20px */
    line-height: 20px;
    color: #a4a5aa;
  }
  
  .bottomnav.fixed-extracted .cur p {
    color: #1A1A1A;
  }

  .bottomnav.fixed-extracted .iconfont {
    font-size: 20px !important; /* 图标大小 */
  }
  
  /* 购物车数字角标 */
  .bottomnav.fixed-extracted .carnums {
     /* 根据需要调整角标位置 */
     font-size: 12px;
  }
  
  
  /* 隐藏 body/html 的滚动条 */
  html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  html::-webkit-scrollbar, 
  body::-webkit-scrollbar {
    display: none; 
  }

  /*隐藏弹窗容器的滚动条，但保留滚动功能*/
  .iframediv {
    scrollbar-width: none; 
    -ms-overflow-style: none; 
  }
  .iframediv::-webkit-scrollbar {
    display: none; 
  }
  
  .scale-wrapper.no-overflow {
      overflow: hidden;
    }

}