*{
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:transparent;
    background-repeat: no-repeat;
}
.clearfix:after{ height:0; display:block; content:'.'; visibility:hidden; clear:both;}
.clear{height:0; line-height:0; font-size:0; display:block; clear:both;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,ol,label,title,fieldset,section,article,aside,header,footer,audio,video,nav{display:block;}
ul{list-style:none;}
img{border:0;}
input{outline: none; border:0;}
a{text-decoration:none;}
.ellipsis{white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
.ellipsis2{
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    }
.ellipsis5{word-break: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp:5;overflow: hidden;}
a{text-decoration:none;outline:none;display: inline-block;color: #333;}
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:14px;background:write;min-width: 984px;}
body,html{height:100%;direction: rtl;}
.box{min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -318px;}
.box1{padding-bottom:318px;}
.w-1000{width:1000px; margin:0 auto;}
.transition{
    transition:.35s;
    -webkit-transition:.35s;
    -moz-transition:.35s;
    -ms-transition:.35s;
    -o-transition:.35s;
}
.fl{float: left;}
.fr{float: right;}
.flex{display:flex; display:-webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.icon{background-image:url(../img/img.png); background-repeat: no-repeat; margin-top:-3px;display:inline-block; vertical-align: middle;}
i.icon_01{width: 18px; height: 40px; background: url(../img/icon_01.png) no-repeat 0 8px;}
i.icon_02{width: 20px; height: 40px; background: url(../img/icon_01.png) no-repeat -20px 8px;}
.icon1{width:14px; height:16px; background-position:0 0; margin-right:4px;}
.icon2{width:6px; height:4px; background-position:-17px 0; margin-right:5px;}
.icon3{width:21px; height:21px; background-position:-28px 0;}
.icon4{width:16px; height:16px; background-position:-38px -101px; margin-left:6px;}
.icon5{width:12px; height:16px; background-position:-38px -81px; margin-left:5px;}
.icon6{width:17px; height:15px; background-position:-38px -61px; margin-left:6px;}
.icon7{width:15px; height:17px; background-position:-38px -40px; margin-left:8px}
.icon8{width:10px; height:7px; background-position:-53px 0;}
.icon9{width:13px; height:13px; background-position:0 -51px;}
.icon10{width:12px; height:12px; background-position:0 -67px;}
.icon11{width:11px; height:13px; background-position:0 -82px;}
.icon12{width:13px; height:9px; background-position:0 -98px;}
.icon13{width:13px; height:11px; background-position:0 -110px;}
.icon14{width:12px; height:12px; background-position:0 -123px;}
.icon15{width:9px; height:11px; background-position:0 -138px;}
.icon16{width:12px; height:12px; background-position:0 -152px;}
.icon17{width:13px; height:13px; background-position:0 -166px;}
.icon18{width:14px; height:11px; background-position:0 -181px;}
.icon19{width:12px; height:12px; background-position:0 -194px;}
.icon20{width:11px; height:9px; background-position:0 -209px;}
.icon21{width:17px; height:16px; background-position:-77px 0;}
.icon22{width:14px; height:32px; background-position:-35px -121px;}
.icon23{width:14px; height:32px; background-position:-53px -121px;}
.icon24{width:8px; height:12px; background-position:0 -21px;}
.icon25{width:7px; height:6px; background-position:-21px -21px;}
.icon26{width:10px; height:6px; background-position:-38px -26px; margin-right:5px;}
.icon27{width:20px; height:20px; background-position:-55px -15px;}
.icon28{width:21px; height:17px; background-position:-77px -126px; margin-right:5px;}
.icon29{width:20px; height:20px; background-position:-37px -157px; margin-right:7px;}
.icon30{width:14px; height:16px; background-position:-82px -22px; margin-right:5px;}
.icon31{width:14px; height:14px; background-position:-82px -44px;}
.icon32{width:18px; height:13px; background-position:-80px -64px; margin-left:5px;}
.icon33{width:22px; height:22px; background-position:-77px -101px; margin-right:10px;}
.icon34{width:26px; height:18px; background-position:-73px -80px; margin-right:6px;}
.icon35{width:41px; height:27px; background-position:-36px -181px; margin-right:10px;}
.icon36{width:15px; height:15px; background-position:-82px -147px; margin-left:8px;}
.icon37{width:48px; height:48px; background-position:0 -222px;}
.icon38{width:17px; height:13px; background-position:-56px -222px; margin-left:4px;}
.icon39{width:13px; height:13px; background-position:-56px -239px; margin-left:4px;}
.icon40{width:12px; height:7px; background-position:-83px -188px; margin-left:12px;}
.icon41{width:12px; height:8px; background-position:-57px -255px;}
.icon42{width:16px; height:15px; background-position:-73px -255px; margin-left: 5px;}
.icon43{width:14px; height:9px; background-position:-57px -264px;}
.icon44{width:16px; height:16px; background-position:0 -273px;}
.icon45{width:12px; height:12px; background-position:-21px -273px;}
.icon46{width:37px; height:32px; background-position:0 -296px;}
.icon47{width:16px; height:28px; background-position:-46px -278px;}
.icon48{width:17px; height:10px; background-position:-75px -290px; margin-right:12px;}
.icon49{width:18px; height:16px; background-position:-38px -347px; margin-left: 8px;}
.country1{background-position:0 0;}
.country2{background-position:-46px 0;}
.country3{background-position:-92px 0;}
.country4{background-position:-138px 0;}
.country5{background-position:0 -34px;}
.country6{background-position:-46px -34px;}
.country7{background-position:-92px -34px;}
.country8{background-position:-138px -34px;}
.country9{background-position:0 -68px;}
.country10{background-position:-46px -68px;}
.country11{background-position:-92px -68px;}
.country12{background-position:-138px -68px;}
.country13{background-position:0 -102px;}
.country14{background-position:-46px -102px;}
.country15{background-position:-92px -102px;}
.country16{background-position:-46px -136px;}
.country17{background-position:0 -136px;}
.level5{background-position:0 0;}
.level4{background-position:0 -19px;}
.level3{background-position:0 -39px;}
.level2{background-position:0 -59px;}
.level1{background-position:0 -79px;}
/* 头部 */
.mobileHead,.space{display: none;}
.header,.navBar{display: block;}

.header{padding:10px 30px 14px 20px; min-width:900px; background:white;}
.header a{display: inline-block;}
.headLeft{padding-top:6px; width:40%; text-align: left;}
.headLeft .download{width:164px; height:31px; line-height:31px; text-align: center; background:#d51717; border-radius:31px; -webkit-border-radius:31px; -moz-border-radius:31px; -ms-border-radius:31px; color:white; font-size:12px; margin-right:17px;}
.headLeft .download:hover{background:#a41717;}
.headLeft div{display: inline-block; position: relative; margin-right:19px;}
.headLeft div .a2{margin:0;}
.headLeft div .a2:hover{color:#333333;}
.headLeft div p{position: absolute; left:50%; text-align: center; width:60px; margin-left:-30px; border:1px solid #ccc; padding:3px 0; top:30px;box-shadow: 0 0 6px 0 rgba(204,204,204,.6); -webkit-box-shadow: 0 0 6px 0 rgba(204,204,204,.6);
    -moz-box-shadow: 0 0 6px 0 rgba(204,204,204,.6); -ms-box-shadow: 0 0 6px 0 rgba(204,204,204,.6); display: none; background:white; z-index: 5;}
.headLeft div p span{display: block; line-height: 26px; cursor: pointer;}
.headLeft div p span:hover{color:#d51717;}
.headLeft .a2{font-size:14px; color:#333333; margin-right:19px;}
.headLeft .a2:hover{color:#d51717;}
.headRight{width:50%;}
.headRight form{width:636px; margin-right:16px;}
.headRight p{width:100%; height:34px; position: relative; border:1px solid #cccccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; background:#f7f7f7; display: inline-block; vertical-align: middle;
    margin-top: 4px; border-left:0;}
.headRight p input{width:100%; padding-right:14px; padding-left:58px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; font-size:14px; height: 34px; line-height:34px;font-family:'siyuan';}
.headRight p input::-webkit-input-placeholder{color:#b2b2b2;}
.headRight p input::-moz-placeholder{color:#b2b2b2;}
.headRight p input:-ms-input-placeholder{color:#b2b2b2;}
.headRight p a{position: absolute; left:0; top:-1px; width:58px; height:36px; line-height:36px; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#313131; text-align: center;}
.headRight p a:hover{background:#151313;}
.headRight .logo{width:191px; height:41px; vertical-align: middle;}
.headRight .logo img{display: block; width:100%; height:100%;}

.navBar{background:#f7f7f7; height:37px; line-height:37px; border-bottom:1px solid #e6e6e6; padding-right:31px;}
.navBar a{margin-left:47px; font-size:19px; color:#666666; display: inline-block;}
.navBar a:hover{color:#d51717;}
.navBar a:hover .icon{background-position-x:-59px;}

/* banner轮播图 */
.banner{height:190px; margin-bottom:20px; position: relative;}
.banner .swiper-container{height:100%;}
.banner .swiper-slide{height:100%;}
.banner .swiper-slide a{display: block; width:100%; height:100%;}
.box_img{height:100%; overflow: hidden;}
.box_img ul{height:100%;}
.box_img li{height:100%; display: none;}
.box_img li a{display: block; width:100%; height:100%;}
.box_tab {position: absolute;z-index: 20;bottom: 0;text-align: center;padding-right:11px;line-height:27px;right:0; left:0;}
.box_tab a{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: white;margin: 0 5px;opacity: 0.47;cursor: pointer; vertical-align: middle;text-indent: -999px; overflow: hidden;}
.box_tab a.active{background: #d51717; opacity: 1;}



.container .section{margin-left:142px; margin-right:253px; overflow: hidden; padding-right:8px; padding-bottom:42px; width:1491px;}
.container .aside{width:223px; margin-right:10px; margin-bottom: 50px;}
.aside{width:223px;}

.bannerGroup{margin:0 -13px; margin-bottom:5px; overflow: hidden;}
.bannerGroup a{display: block; float: right; width:275px; margin:0 13px;}
.bannerGroup a img{display: block;width: 100%;height: 100px;object-fit: contain}

.ulBox{border:1px solid #dddddd; margin-bottom:16px;}
.ulBox h3{height:48px; line-height:48px; padding-right:35px; background:#ebebeb; font-size: 18px; color:#4c4c4c; position: relative; margin-bottom:18px;}
.ulBox h3 .icon{position: absolute; right:48px; bottom:-7px;}
.ulBox ul{padding-right:27px; padding-bottom:20px;}
.ulBox ul li a{display:block;}
.ulBox ul li:hover a,.ulBox ul li.on a{color:#d51717;}

.ul1{padding-left:10px;}
.ul1 li{background:url(../img/circle.png) no-repeat 174px center;}
.ul1 li a{padding:5px; padding-right:18px; line-height:20px; font-size:14px; color:#666666;}
.ul1 li:hover,.ul1 li.on{background:url(../img/circle_red.png) no-repeat 174px center;}

.faceBook{display: block; width:223px; height:80px; line-height:80px; text-align: center; background:#ebebeb; color:#3b5997; font-family: "Arial"; font-weight: bold; font-size:24px; margin-bottom:20px;}
.faceBook img{vertical-align: middle; margin-right:13px;}

.ul2{padding-left:10px;}
.ul2 li{background:url(../img/icon2.png) no-repeat 163px center;}
.ul2 li:hover,.ul2 li.on{background:url(../img/icon2_red.png) no-repeat 163px center;}
.ul2 li a{display: block; line-height:20px; padding:8px 0; padding-right:30px; color:#4c4c4c;}

.ul3 li{background:url(../img/icon3.png) no-repeat 163px center;}
.ul3 li:hover,.ul3 li.on{background:url(../img/icon3_red.png) no-repeat 163px center;}

.ulBox .ul4{padding-right:0;}
.ul4{padding:0 20px; overflow: hidden;}
.ul4 li{float: left; margin:0 3px; margin-bottom:10px; width:84px; height:32px; line-height:32px; background:#f7f7f7;}
.ul4 li a{display: block; font-size:16px; color:#666666; text-align: center;}
.ul4 li.active{background:#d51717;}
.ul4 li.active a{color:white !important;}

.ul5{padding-left:30px;}
.ul5 li{border-bottom:1px solid #ebebeb;}
.ul5 li a{padding:10px 0;}
.ul5 li .icon{width:44px; height:31px; background-image:url(https://image.thatsbooks.com/a50d6011c9d8e10929fbaa4e7efc243a); margin-left:14px;}
.ul5 li span{display: inline-block; vertical-align: middle; width:102px; line-height:16px; color:#4c4c4c;}
.ul5 li a:hover span,.ul5 li.on a span{color:#d51717;}

.ulBox .ul6{padding-left:30px; padding-bottom:0;}
.ul6 li{padding-top:4px; padding-bottom:14px; border-bottom:1px solid #ebebeb; margin-bottom:8px;}
.ul6 li a{overflow: hidden;}
.ul6 li .cover{width:66px; height:97px; overflow: hidden;}
.ul6 li .cover img{width:100%; height:100%; transition: .35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s;}
.ul6 li:hover .cover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.ul6 li .msg{margin-right:80px; padding-top:2px;}
.ul6 li p{line-height:18px; margin-bottom:3px; font-size:12px;}
.ul6 li .p1{color:#333333;}
.ul6 li .p2{color:#999999;}
.ul6 li:hover .p1{color:#d51717;}
.ul6 li:last-of-type{margin-bottom:0;}

.tipDiv{background:url(../img/bg.png) no-repeat left top; padding:53px 28px 57px 29px; height:144px; cursor: pointer;}
.tipDiv p{padding:8px 7px 6px 6px; background:white; line-height:20px; color:#333333; text-align: center; margin-bottom:34px;}
.tipDiv a{display: block; width:138px; height:36px; line-height:36px; text-align: center; border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px; -ms-border-radius:36px; background:#d51717; color:white; margin:0 auto;}
.tipDiv a:hover{box-shadow: 0 0 13px 0 inset rgba(0,0,0,.3);}

.fixedBox{position: fixed; left:16px; top:463px; z-index:3;}
.fixedBox .coupon{width:112px; height:113px; background:url(../img/coupon.png) no-repeat center center; display: block; margin-bottom:10px;}
.fixedBox .navigation{width:106px; box-shadow:0 0 12px 0 rgba(45,45,45,.35); -webkit-box-shadow:0 0 12px 0 rgba(45,45,45,.35); -moz-box-shadow:0 0 12px 0 rgba(45,45,45,.35); -ms-box-shadow:0 0 12px 0 rgba(45,45,45,.35);
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; padding:1px 0; background:#d51717;}
.fixedBox .navigation div{background:white; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}
.fixedBox .navigation ul li{line-height:20px; padding:12px 0;}
.fixedBox .navigation ul li a{display: block; padding-right:12px; color:#4c4c4c;}
.fixedBox .navigation ul li .icon{margin-left:10px; }
.fixedBox .navigation p{line-height:43px;}
.fixedBox .navigation p a{display: block; padding-right:14px; color:#4c4c4c;}
.fixedBox .navigation p .icon{margin-left:.1rem;}
.fixedBox .navigation a:hover,.fixedBox .navigation ul li.active a{color:#d51717;}
.fixedBox .navigation a:hover .icon,.fixedBox .navigation ul li.active a .icon{background-position-x: -18px;}

.sameH2{height:50px; line-height:50px; border-bottom:1px solid #dbdbdb; font-size:22px; color:#333333; overflow: hidden; margin-bottom:23px; position: relative;}
.sameH2 a{float: left; font-size:14px; color:#2a69d0; font-weight: normal;}
.sameH2 a:hover{color:#d51717;}
.sameH2 span{display: inline-block; padding:0 14px; text-align: center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; position: relative; font-size:14px; font-weight: normal; vertical-align: middle; height:26px; line-height:26px;
    margin-right:12px; margin-top: -3px;}
.sameH2 span:after{content:""; width:7px; height:10px; position: absolute; right:-7px; top:50%; margin-top:-5px;}

.newArrival{margin-bottom:10px;}
.list1{margin:0 -17px; height:248px; overflow: hidden;}
.list1 li{float:right; margin:0 16px; width:120px;}
.list1 li a{display: block;}
.list1 li .cover,.audioBookList .swiper-slide .cover{width:100%; height:175px; margin-bottom:6px;position: relative;}
.list1 li .cover img,.audioBookList .swiper-slide .cover img{display: block; width:100%; height:100%; margin:0 auto;}
.list1 li p,.audioBookList .swiper-slide p{text-align: center;}
.list1 li .title,.audioBookList .swiper-slide .title{line-height:20px; color:#242424;}
.list1 li .author,.audioBookList .swiper-slide .author{line-height:21px; font-size:12px; color:#b2b2b2; margin-bottom:4px;}
.list1 li .price,.audioBookList .swiper-slide .price{height:22px; line-height:22px; color:#d51717;}
.list1 li:hover .cover img{box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);}
.list1 li:hover .title{color:#d51717;}
.list1 li .cover .sign,.audioBookList .swiper-slide .cover .sign{position:absolute; right:0; top:0; text-align: center;}
.list1 li .cover{width:120px; margin:0 auto; margin-bottom:6px;}
.audioSign{width:34px; height:25px; background:url(../img/audio.png) no-repeat left top; line-height:25px; text-align: center;}
.vipSign{width:36px; height:22px; background:url(../img/vip.png) no-repeat left top; line-height:22px; font-family: "Arial"; color:#ffc000;}
.offSign{width:40px; height:22px; background:url(../img/off.png) no-repeat left top; line-height:22px; font-family: "Arial"; color:white;}
.freeSign{width:50px; height:24px; background:url(../img/free.png) no-repeat left top; line-height:24px; font-family: "Arial"; color:white;}
.audioBookList .swiper-slide .cover,.list1 li .cover{text-align: center;}
.list1 li .cover p,.audioBookList .swiper-slide .cover p{display: inline-block; height:100%; position: relative; vertical-align: top;}
.discountBook .list1{height:245px; overflow: hidden;}
.freeColumn .list1{height: 244px;}
.newArrival .sameH2 .new-book-list{
    position: absolute;
    top: 0;
     left: 26%;
    height: auto;
}
.newArrival .sameH2 .new-video-box{
    position: absolute;
    top: 0;
    display: flex;
    justify-content: flex-end;
    padding-left: 3%;
    box-sizing: border-box;
}


.level .icon{background-image:url(../img/grade.png); width:75px; height:13px;}
.rankList{margin:0 -11px; margin-bottom:15px;}
.rankList li{background:#f2f2f2; float: right; width:480px; margin:0 11px; position: relative; transition:.35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s;}
.rankList li a{display: block; overflow: hidden; padding:10px 15px 13px 74px; position: relative;}
.rankList li .cover{width:133px; height:197px;}
.rankList li .cover img{display: block; width:100%; height:100%;}
.rankList li .msg{padding-top:5px; margin-right:152px; overflow: hidden;}
.rankList li .msg .title{line-height:26px; color:#242424; font-size:18px; margin-bottom:2px;}
.rankList li .msg .author{line-height:24px;color:#b2b2b2;margin-bottom:4px;height: auto;}
.rankList li .msg .level{margin-bottom:16px;}
.rankList li .msg .price{height:16px; line-height:16px; font-size:16px; color:#d51717; margin-bottom:18px;}
.rankList li .msg .jianjie{line-height:22px; color:#808080; max-height:44px; overflow: hidden;}
.rankList li .sort{width:44px; height:30px; text-align: center; padding-right:6px; line-height:33px; color:#ffb329; background:#2a2a2a; position: absolute; left:0; top:-3px; border-radius:0 30px 30px 0;}
.rankList li .crown{width:56px; height:53px; background:url(../img/one.png) no-repeat left top; position: absolute; right:-7px; top:-17px;}
.rankList li:hover{box-shadow: 0 3px 8px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3); -ms-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);}
.rankList li:hover .msg .title{color:#d51717;}
.hotSales .list1{margin-bottom:27px;}
.tjy{background:#f5f5f5; padding:28px 266px 35px 94px; position: relative;}
.tjy h3{width:146px; height:58px; line-height:58px; font-size:24px; color:#404040; font-weight: normal; border:1px solid #2a2a2a; border-left:0; border-right:0; text-align: center; position: absolute; right:34px; top:50%; margin-top:-30px;}
.tjy ul li{float: right; width:100%;}
.tjy ul li a{display: block;}
.tjy ul li .cover{width:93px; height:137px; line-height:137px; margin-left:28px;}
.tjy ul li .cover img{display: inline-block; width:100%; max-height:100%; vertical-align: middle;}
.tjy ul li:hover .cover img{box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);}
.tjy ul li .title{line-height:26px; margin-bottom:12px; font-size:18px; color:#333333; font-weight: normal; padding-top:6px;}
.tjy ul li:hover .title{color:#d51717;}
.tjy ul li .word{ line-height:26px; color:#4c4c4c; max-height:78px; overflow: hidden;}
.tjy ul li.noPicture{padding-top:32px; padding-bottom:27px; position: relative;}
.tjy ul li.noPicture:after,.tjy ul li.noPicture:before{content:""; width:29px; height:27px; position: absolute;}
.tjy ul li.noPicture:after{left:0; bottom:18px; background:url(../img/yinhao2.png) no-repeat left top;}
.tjy ul li.noPicture:before{right:0; top:20px; background:url(../img/yinhao1.png) no-repeat left top;}
.tjy ul li.noPicture .word{margin-right:0; padding-right:62px; padding-left:64px; height:78px; overflow: hidden;}

.mrtj{margin-bottom:17px;}

.audioBooks{margin-bottom:26px;}
.audioBooks .sameH2{margin-bottom:14px;}
.audioBookList{padding:28px 83px 18px 83px; background:url(../img/audioBg.png) no-repeat left top; position: relative; height:253px;}
.audioBookList .arrow-left,.audioBookList .arrow-right{position: absolute; top:50%; margin-top:-46px; width:65px; height:93px; line-height:93px; text-align: center;}
.audioBookList .arrow-left{background:url(../img/prev.png) no-repeat center center; left:0;}
.audioBookList .arrow-right{background:url(../img/next.png) no-repeat center center; right:0;}
.audioBookList .swiper-container{height:100%; margin:0 auto;}
.audioBookList .swiper-slide{line-height:253px; text-align: center;}
.audioBookList .swiper-slide a{display: inline-block; width:120px; margin:0 auto; direction: rtl; vertical-align: middle;}
.audioBookList .swiper-slide .title{color:white;}
.audioBookList .swiper-slide a:hover .title{color:#d51717;}
.audioBookList .swiper-slide .price{color:#f69a59;}
.audioBookList .swiper-slide .cover img{box-shadow:4px 4px 2px 0 rgba(1,1,1,.5); -webkit-box-shadow:4px 4px 2px 0 rgba(1,1,1,.5); -moz-box-shadow:4px 4px 2px 0 rgba(1,1,1,.5); -ms-box-shadow:4px 4px 2px 0 rgba(1,1,1,.5);}

.VIPexclusive{margin-bottom:23px;}
.VIPexclusive .sameH2 span{background:#1b1b1b; color:#ffc000;}
.VIPexclusive .sameH2 span:after{background:url(../img/sanjiao4.png) no-repeat left top;}

.novelCompetition{margin-bottom:17px;}
.novelCompetition .sameH2{height:45px; line-height:45px; border:0; margin:0;}
.novelCompetition .list{margin-bottom:28px; height: auto;}
.novelCompetition .list ul{text-align: center; position: relative; height:104px;}
.novelCompetition .list ul:after{content:""; width:100%; height:2px; background:#999999; position: absolute; left:0; top:50%; margin-top:-1px;}
.novelCompetition .list li{position: absolute;}
.novelCompetition .list li:after{content:""; width:16px; height:8px; background:url(../img/circle3.jpg) no-repeat center center; position: absolute; left:50%; bottom:-20px; margin-left:-8px; z-index:2;}
.novelCompetition .list li a{background:#dbdbdb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; color:#808080; padding:0 10px; height:36px; line-height:36px;}
.novelCompetition .list li .icon{position: absolute; left:50%; margin-left:-3.5px; bottom:-5px; display: none;}
.novelCompetition .list li a:hover,.novelCompetition .list li.active a{background:#f07051; color:white;}
.novelCompetition .list li.active .icon{display: block;}
.novelCompetition .list li:nth-of-type(2),.novelCompetition .list li:nth-of-type(4),.novelCompetition .list li:nth-of-type(6),.novelCompetition .list li:nth-of-type(8),.novelCompetition .list li:nth-of-type(10){bottom:0;}
.novelCompetition .list li:nth-of-type(2):after,.novelCompetition .list li:nth-of-type(4):after,.novelCompetition .list li:nth-of-type(6):after,.novelCompetition .list li:nth-of-type(8):after,.novelCompetition .list li:nth-of-type(10):after{bottom:48px;}
.novelCompetition .list li:nth-of-type(2) .icon,.novelCompetition .list li:nth-of-type(4) .icon,.novelCompetition .list li:nth-of-type(6) .icon,.novelCompetition .list li:nth-of-type(8) .icon,.novelCompetition .list li:nth-of-type(10) .icon{background-position-y:-30px; top:-3px;}
.novelCompetition .list li:nth-of-type(1){right:3.3%;}
.novelCompetition .list li:nth-of-type(3){right:23%;}
.novelCompetition .list li:nth-of-type(5){right:41%;}
.novelCompetition .list li:nth-of-type(7){right:60%;}
.novelCompetition .list li:nth-of-type(9){right:79%;}
.novelCompetition .list li:nth-of-type(2){right:13%;}
.novelCompetition .list li:nth-of-type(4){right:34%;}
.novelCompetition .list li:nth-of-type(6){right:52%;}
.novelCompetition .list li:nth-of-type(8){right:69%;}
.novelCompetition .list li:nth-of-type(10){right:88%;}


.novelCon{background:#fafafa; padding:44px 21px 22px 0px;}
.noverMain .div1{width:362px; background:#2e3e38; margin-left:10px;}
.noverMain .div1 .img{height:236px; position: relative; overflow: hidden;}
.noverMain .noword .img{height: auto;}
.noverMain .div1 .img img{display: block; width:100%; min-height:100%;}
.noverMain .div1 .img p{padding:20px 22px; line-height:20px; background:rgba(240,112,81,.71); position: absolute; left:0; bottom:0; right:0; color:white;}
.noverMain .div1 .img p:after{content: ""; width:16px; height:12px; background:url(../img/sanjiao3.png) no-repeat left top; position: absolute; right:27px; bottom:0;}
.noverMain .div1 .bottom{padding:25px 21px 24px 31px; color:white; height:152px;}
.noverMain .noword .bottom{height:auto !important;}
.noverMain .div1 .bottom .p1{line-height:24px; margin-bottom:23px; height: 48px; overflow: hidden;}
.noverMain .div1 .bottom .p2{line-height:22px; font-size:12px; opacity:.66; filter:alpha(opacity=60);}
.noverMain .div4{background:white; padding-right:50px; padding-top:21px; padding-bottom:18px;}
.noverMain .div2{width:215px;}
.noverMain .div2 h4,.noverMain .div3 h4{height:16px; line-height:16px; font-size:16px; color:#333333; margin-bottom:19px;}
.noverMain .div2 li{margin-bottom:15px;}
.noverMain .div2 li a,.noverMain .div2 li span{display: block; font-size:14px; line-height:21px;}
.noverMain .div2 li a{color:#3377aa; padding-left:25px;}
.noverMain .div2 li a:hover{text-decoration: underline; color:#d51717;}
.noverMain .div2 li span{color:#999999;}
.noverMain .div3{padding-right:39px; width:742px; border-right:1px solid #e6e6e6;}
.noverMain .div3 h4{margin-bottom:3px;}
.noverMain .div3 ul{height:348px; overflow: hidden;}
.noverMain .div3 ul li{float: right; margin-left:33px; margin-top:15px;width:97px;}
.noverMain .div3 ul li .cover{ height:132px; width:90px; margin-bottom:10px;}
.noverMain .div3 ul li .cover img{display: block; width:100%; height:100%; margin:0 auto;}
.noverMain .div3 ul li:hover .cover img{box-shadow: 0 0 15px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.4); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);}
.noverMain .div3 ul li p{text-align: center; color:#666666; line-height:16px;}
.noverMain .div3 ul li:hover p{color:#d51717;}
.noverMain .div3 ul li a{display: block;}

.selfPublish{margin-bottom:26px;}
.selfPublish .right{padding:43px 57px 41px 51px; background:#f7f7f7; position: relative; width:605px; margin-left:4px;}
.selfPublish .right .arrow-left,.selfPublish .right .arrow-right{width:40px; height:76px; line-height:76px; text-align: center; background:rgba(0,0,0,.21); position: absolute; top:50%; margin-top:-38px;}
.selfPublish .right .arrow-left{left:0;}
.selfPublish .right .arrow-right{right:0;}
.selfPublish .right .swiper-container{height:145px;}
.selfPublish .right .swiper-slide{direction: rtl; overflow: hidden;}
.selfPublish .right .swiper-slide .img{width:158px; height:144px; background:white; line-height:144px; text-align: center;}
.selfPublish .right .swiper-slide .img img{ max-width: 100%; max-height:100%; vertical-align: middle;}
.selfPublish .right .swiper-slide .msg{margin-right:184px;}
.selfPublish .right .swiper-slide .msg .p1{line-height:26px; margin-bottom:6px;}
.selfPublish .right .swiper-slide .msg .p1 a{display: block; font-size:18px; color:#333333;}
.selfPublish .right .swiper-slide .msg .p1 a:hover{color:#d51717;}
.selfPublish .right .swiper-slide .msg .p2{line-height:20px; font-size:12px; color:#666666; margin-bottom:16px;}
.selfPublish .right .swiper-slide .msg .p3{line-height:24px; color:#666666; font-size:12px; max-height:72px; overflow: hidden;}
.selfPublish .right .noImg .msg{margin-right:0 !important;}
.selfPublish ul{overflow:hidden; width:770px; height: 228px; overflow: hidden;}
.selfPublish ul li{float: right; margin-right:14px; width:140px; background:#f7f7f7; padding-bottom:6px;}
.selfPublish ul li a{display: block;}
.selfPublish ul li .img{height: 168px; line-height:168px; text-align: center; margin-bottom:11px; overflow: hidden;}
.selfPublish ul li .img img{vertical-align: middle; max-width:90%; max-height:90%; display: inline-block;}
.selfPublish ul li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);}
.selfPublish ul li p{text-align: center; padding:0 8px;}
.selfPublish ul li .p1{line-height:20px; color:#242424; height:20px;}
.selfPublish ul li .p2{line-height:23px; color:#b2b2b2; font-size:12px; height:23px;}
.selfPublish ul li:hover .p1{color:#d51717;}

.discountBook{margin-bottom:18px;}
.discountBook .sameH2 span{background:#f75a53; color:white;}
.discountBook .sameH2 span:after{content:""; background:url(../img/sanjiao5.png) no-repeat left top;}
.list1 li .oldPrice{text-decoration: line-through; font-size:12px; color:#b2b2b2;}

.freeColumn {margin-bottom:26px;}
.freeColumn .sameH2 span{background:#009944; color:white;}
.freeColumn .sameH2 span:after{content:""; background:url(../img/sanjiao6.png) no-repeat left top;}
.freeColumn .list1 li .author{margin-bottom:0;}
.freeColumn .list1 li .oldPrice{font-size:14px;}

.press{margin-bottom:24px;}
.press .main .right{width:308px;}
.press .main .left{width:1148px; overflow: hidden;}
.press .main .left ul{height:516px;}
#publisherList{width:300px; height:516px; padding-left:10px;}
#publisherList li a{padding:13px 32px; line-height:22px; font-size:14px; color:#666666; border-bottom:1px solid #e9e9e9; display: block; position: relative; background:#f7f7f7;}
#publisherList li a .icon{display: none;}
#publisherList li a.active{background:#d51717; color:white !important;}
#publisherList li a.active .icon{position: absolute; left:-8px; top:50%; margin-top:-5px; display: block;}
#publisherList li a:hover{color:#d51717;}
.press .main .left .list1{margin:0 -16px;}
.press .main .left .list1 li{width:114px;}
.press .main .left .list1 li .cover{height:168px; width:114px;}
.press .main .left .list1 li{margin:0 16px; margin-bottom:32px;}

.videoBox ul{overflow: hidden; margin:0 -19px;}
.videoBox ul li{float:right; width:265px; margin:0 19px; margin-bottom:16px;}
.videoBox ul li .video{height:148px; position: relative; margin-bottom:7px; cursor: pointer;}
.videoBox ul li .video:after,.newVideo:after{content:""; width:64px; height:64px; background:url(../img/play.png) no-repeat left top; background-size: 100% 100%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:1;}
.videoBox ul li .video:after{
    width: 40px;
    height: 40px;
}
.newVideo:after{
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
}
.videoBox ul li .video img{display: block; width:100%; height:100%; }
.videoBox ul li .video span{position: absolute; width:48px; height:20px; line-height:20px; text-align: center; background:rgba(0,0,0,.55); color:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
    left:8px; bottom:7px;}
.videoBox ul li p{line-height:25px; color:#333333;}

.searchBar{box-shadow: 0 4px 6px 0 rgba(91,91,91,.15); -webkit-box-shadow: 0 4px 6px 0 rgba(91,91,91,.15); -moz-box-shadow: 0 4px 6px 0 rgba(91,91,91,.15); -ms-box-shadow: 0 4px 6px 0 rgba(91,91,91,.15); padding:10px 0; margin-bottom:20px;}
.searchBar>div{margin:0 160px; height:26px; line-height:26px;}
.searchBar .p1{margin-left:22px; color:#999999;}
.searchBar .p1 a{color:#999999;}
.searchBar .p1 span,.searchBar .p1 a:hover{color:#333333;}
.searchBar .p2{color:#333333;}
.searchBar .p2 span{color:#d51717;}
.searchBar .sort{position: relative;}
.searchBar .sort p{padding:0 8px; height:24px; line-height:24px; border:1px solid #b3b3b3; background:#eeeded; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; font-size:12px; color:#4c4c4c;
    cursor: pointer;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.searchBar .sort ul{background:#eeeded; border:1px solid #b3b3b3; border-top:0; border-bottom:0; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; display: none;
    position: absolute; left:0; right:0; z-index:5;}
.searchBar .sort ul li{line-height:30px; font-size:12px;color:#4c4c4c; padding:0 8px; border-bottom:1px solid #ccc; cursor: pointer;}
.searchBar .sort ul li:hover{color:#d51717;}
.searchBar .modeType{margin-left:22px;}
.searchBar .modeType a{display: inline-block; color:#808080; margin-right:19px;}
.searchBar .modeType a:hover,.searchBar .modeType a.on{color:#d51717;}
.searchBar .modeType a:hover .icon,.searchBar .modeType a.on .icon{background-position-x:-79px;}

.searchResult{margin-bottom:52px;}
.searchResult .aside{margin-right:160px;}
.searchResult .searchCon{margin-left:160px; margin-right:433px;}

.list2 li{border-bottom:1px solid #e6e6e6; padding:16px 0; padding-right:28px; overflow: hidden;}
.list2 li:first-of-type{padding-top:0;}
.list2 li>a{display: block;}
.list2 li .cover{width:123px; height:180px; position: relative;}
.list2 li .cover a{display:block; width:100%; height:100%;}
.list2 li .cover img{display:block; width:100%; height:100%;}
.list2 li .cover .sign{position: absolute; right:0; top:0;}
.list2 li .msg{margin-right:140px;}
.list2 li .msg h3{line-height:28px; font-size:18px; color:#333333; font-weight: normal; margin-bottom:10px;}
.list2 li .msg .level{height:18px; line-height:18px;}
.list2 li .msg .info p{line-height:24px; color:#808080;}
.list2 li .msg .info p a{color:#808080;}
.list2 li .msg .price{height:26px; line-height:26px; font-size:18px; color:#d51717; direction: ltr;}
.list2 li:hover{transform: translate3d(0,-3px,0); -webkit-transform: translate3d(0,-3px,0); -moz-transform: translate3d(0,-3px,0); -ms-transform: translate3d(0,-3px,0); box-shadow: 4px 4px 6px 0 rgba(91,91,91,.15); -webkit-box-shadow: 4px 4px 6px 0 rgba(91,91,91,.15); -moz-box-shadow: 4px 4px 6px 0 rgba(91,91,91,.15); -ms-box-shadow: 4px 4px 6px 0 rgba(91,91,91,.15);}
.list2 li:hover .msg h3{color:#d51717;}
.simple-pagination{font-family: "siyuan";}
.pages{text-align: center; padding:28px 0 30px 0; border-bottom:1px solid #e6e6e6;}
.pages .pagination{float:none;}
.light-theme .current{background:#c5302c; border:1px solid #c5302c;}
.pages li .next,.pages li .prev{direction: ltr;}
.light-theme a, .light-theme span{background:none;}

.helpBox,.helpDetail{padding:44px 39px 67px 39px; box-shadow:0 0 6px 0 rgba(91,91,91,.2); -webkit-box-shadow:0 0 6px 0 rgba(91,91,91,.2); -moz-box-shadow:0 0 6px 0 rgba(91,91,91,.2); -ms-box-shadow:0 0 6px 0 rgba(91,91,91,.2); width:922px; margin:0 auto;
    margin-top:26px; margin-bottom:100px;}
.helpBox .helpTitle,.helpDetail .helpTitle{padding-bottom:13px; border-bottom:1px solid #f0f0f0; line-height:36px; margin-bottom:23px;}
.helpBox .helpTitle span,.helpDetail .helpTitle span{font-size:24px; color:#333333;}
.helpBox .helpTitle p{width:758px; height:34px; line-height:34px; border:1px solid #d6d6d6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; position: relative;}
.helpBox .helpTitle p input{display: block; padding-right:13px; height:34px; padding-left:40px; font-family: "siyuan"; font-size:14px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.helpBox .helpTitle p input::-webkit-input-placeholder{color:#999;}
.helpBox .helpTitle p input::-moz-placeholder{color:#999;}
.helpBox .helpTitle p input:-ms-input-placeholder{color:#999;}
.helpBox .helpTitle p a{width:40px; height:34px; line-height:34px; text-align:center; position:absolute; left:0; top:0;}
.helpBox .tip{line-height:24px; color:#808080; text-align: justify; margin-bottom:32px;}
.helpBox ul li{margin-bottom:15px;}
.helpBox ul li a{line-height:26px; font-size:16px; color:#3377aa; padding-right:13px; background:url(../img/dian.png) no-repeat right center;}
.helpBox ul li a:hover{background:url(../img/dian2.png) no-repeat right center; color:#d10a11; text-decoration: underline;}

.helpDetail{position: relative;}
.helpDetail p{line-height:24px; color:#4c4c4c; margin-bottom:10px;}
.helpDetail img{margin-bottom:17px; display: block; max-width:100%;}
.helpDetail .back{position: absolute; left:18px; top:15px; line-height:22px; color:#3377aa;}
.helpDetail .back:hover{color:#d51717;}

/* 用户反馈 */
.feedback{padding:31px 39px 48px 39px; box-shadow:0 0 6px 0 rgba(91,91,91,.2); -webkit-box-shadow:0 0 6px 0 rgba(91,91,91,.2); -moz-box-shadow:0 0 6px 0 rgba(91,91,91,.2); -ms-box-shadow:0 0 6px 0 rgba(91,91,91,.2); width:922px; margin:0 auto; margin-top:26px; margin-bottom:21px;}
.feedback h3{line-height:62px; font-size:24px; color:#333333; border-bottom:1px solid #f0f0f0; font-weight: normal;}
.feedback p{border-bottom:1px solid #f0f0f0; padding:20px 0; line-height:38px; padding-right:14px;}
.feedback p label{width:118px; color:#4c4c4c; display: inline-block; vertical-align: top;}
.feedback p input{width:604px; padding:0 10px; height:36px; line-height:36px; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; background:#fafafa; font-family: "siyuan";}
.feedback p textarea{width:604px; height:218px; padding:10px; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; background:#fafafa; font-family: "siyuan"; vertical-align: middle;
    resize:none; outline:none;}
.feedback p:last-of-type{padding:0; border:0; text-align: center; width:756px;}
.feedback p:last-of-type a{width:110px; height:32px; line-height:32px; background:#c5302c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; color:white; font-family: "siyuan"; }
.feedback p:last-of-type a:hover{background:#a51310;}

/* 图片详情 */
/* .banner2{background:#8f82bc; text-align: center; height:46px; line-height:46px;}
.banner2 span{display: inline-block; vertical-align: middle;}
.banner2 .span1{padding:0 27px; height:27px; line-height:27px; background:white; text-align: center; font-size:16px; color:#313131; border-radius:27px; -webkit-border-radius:27px; -moz-border-radius:27px; -ms-border-radius:27px; margin-right:28px;}
.banner2 .span2{font-size:24px; color:white; font-weight: bold; margin-right:29px;}
.banner2 .span3{margin-right:9px; font-size:24px; color:white; font-weight: bold;}
.banner2 .span4{font-size:24px; color:#fdb900; font-weight: bold;}
.banner2 span img{ vertical-align: middle; margin-right:8px;} */
.banner2 a{display: block;}
.banner2 img{display: block; width:100%; margin:0 auto;}
.local{height:24px; line-height:24px; padding:20px 0; color:#999999; padding-right:28px;}
.local a{color:#999999;}
.local span,.local a:hover{color:#333333;}
.tushuDetail{margin:0 32px;}
.tushuDetail .tushuTop{padding-bottom:69px; border-bottom:1px solid #dbdbdb;}
.tushuDetail .tushuTop .right{width:470px; text-align: center;}
.tushuDetail .tushuTop .cover{width:468px; height:468px; box-shadow:4px 4px 6px 0 rgb(0, 0, 0,.11); -webkit-box-shadow:4px 4px 6px 0 rgb(0, 0, 0,.11); -moz-box-shadow:0 4px 6px 0 rgb(0, 0, 0,.11); -ms-box-shadow:0 4px 6px 0 rgb(0, 0, 0,.11);
    border:1px solid #e6e6e6; line-height:468px; text-align:center; position: relative; margin-bottom:24px;}
.tushuDetail .tushuTop .cover img{display: inline-block; vertical-align: middle; max-width:95%; max-height:95%;}
.tushuDetail .tushuTop .cover .tryRead{position: absolute; left:-1px; bottom:18px; background:url(../img/bg2.png) no-repeat left top; text-align: center; color:white; min-width:81px; padding: 0 10px; padding-right:20px; height:31px; line-height:31px; background-size: 100% 100%;}
.tushuDetail .tushuTop .cover span{position: absolute; left:-20px; top:-12px; width:48px; height:48px; line-height:48px;}
.tushuDetail .tushuTop .right p{padding-left:15px; padding-right:13px; height:30px; line-height:30px; border:1px solid #dbdbdb; display: inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
    color:#808080; cursor: pointer;}
.tushuDetail .tushuTop .right p.active{color:#d51717; border:1px solid #d51717;}
.tushuDetail .tushuTop .right p.active .icon{background-position-x:-60px;}
.tushuDetail .tushuTop .left{margin-right:498px;}
.tushuDetail .tushuTop .left h3{line-height:34px; font-size:22px; color:#333333; margin-top:-4px; font-weight: normal; margin-bottom:10px;}
.tushuDetail .tushuTop .left .level{margin-bottom:25px; height:18px;}
.tushuDetail .tushuTop .left .info{margin-bottom:19px;}
.tushuDetail .tushuTop .left .info p{line-height:24px; color:#808080;}
.tushuDetail .tushuTop .left .info p a{color:#808080;}
.tushuDetail .tushuTop .left .info p a:hover{color:#333;}
.about_buy{border:1px solid #ebebeb; border-left:0; border-right:0; padding-top:26px; padding-bottom:35px; overflow: hidden;}
.about_buy .div1{width:40%;}
.about_buy .div1 .price{height:24px; line-height:24px; font-size:18px; color:#d51717; margin-bottom:30px;}
.about_buy .div1 .price span{direction: ltr; display: inline-block; margin-left:14px;}
.about_buy .div1 .price a{display: inline-block; padding:0 10px; height:22px; line-height:22px; border:1px solid #faa701; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; font-size:14px; color:#faa701;}
.about_buy .div1 .p2 a{display: inline-block; height:42px; line-height:42px; text-align: center; margin-left:12px;}
.about_buy .div1 .p2 .a1,.about_buy .div1 .p2 .a2{padding:0 16px; height:42px; line-height:42px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;}
.about_buy .div1 .p2 .a1{color:white; background:#d51717;}
.about_buy .div1 .p2 .a2{color:#f8ce75; background:#313131; margin-left:25px;}
.about_buy .div1 .p2 .a3{color:#666666;}
.about_buy .div1 .p2 .a3:hover{color:#d51717;}
.about_buy .div1 .p2 .a1:hover{background:#9e1414;}
.about_buy .div1 .p2 .a2:hover{background:#1a1919;}
.about_buy .div2{width:60%; overflow: hidden;}
.about_buy .div2 div{float: left; width:270px; margin-right:50px; overflow: hidden;}
.about_buy .div2 div img{width:94px; height:94px;}
.about_buy .div2 div p{margin-right:105px; line-height:22px; color:#808080; padding-top:6px;}
.tushuDetail .tushuTop .left .jianjie{padding:10px 0; padding-bottom:15px; border-bottom:1px solid #f2f2f2;}
.tushuDetail .tushuTop .left .jianjie h4{line-height:20px; color:#333333; margin-bottom:6px;}
.tushuDetail .tushuTop .left .jianjie p{line-height:28px;font-size: 18px;color:#808080;}
.tushuDetail .tushuTop .left .jianjie a{display: inline-block; height:22px; line-height:22px; color:#3377aa;}
.tushuDetail .tushuTop .left .jianjie a:hover{color:#d51717; text-decoration: underline;}
.tushuDetail .tushuTop .left .mulu{margin-top:3px;}
.tushuDetail .tushuTop .left .mulu h4{line-height:40px; font-size:18px; color:#333333;}
.tushuDetail .tushuTop .left .mulu ul li{border-bottom:1px dashed #e3e3e3; padding-right:52px; position: relative;}
.tushuDetail .tushuTop .left .mulu ul li a{display: inline-block; padding:10px 0; color:#333333;}
.tushuDetail .tushuTop .left .mulu ul li a span{color:#999999; display: inline-block; margin-right:8px;}
.tushuDetail .tushuTop .left .mulu ul li em{width:20px; position: absolute; top:50%; right:0; height:22px; line-height:22px; margin-top:-11px; color:#999999; font-style: normal; text-align: left;}
.tushuDetail .tushuTop .left .mulu ul li a:hover{color:#d51717;}
.tushuDetail .tushuTop .left .mulu>a{height:42px; line-height:42px; border-bottom:1px dashed #e3e3e3; display: block; padding-right:14px; color:#3377aa;}
.tushuDetail .tushuTop .left .mulu>a:hover{color:#d51717; text-decoration: underline;}
.tushuDetail .tushuTop .left .mulu ul li.hide{display: none;}

.browser>h3,.tuijian>h3{height:82px; line-height:82px; font-size:24px; color:#333333;}
.book_list{padding:0 80px; position: relative; padding-bottom:26px; border-bottom:1px solid #dbdbdb; height:294px;}
.book_list .swiper-container{height:100%;}
.book_list .swiper-slide{float:right; text-align: center;}
.book_list .swiper-slide a{width:140px; display: inline-block; vertical-align: middle;}
.book_list .swiper-slide .cover,.list3 li .cover{text-align: center; width: 100%; height: 207px; margin-bottom:7px; position: relative;}
.book_list .swiper-slide .cover p,.list3 li .cover p{display: inline-block; height: 100%; position: relative; vertical-align: top; text-align: center;width:140px;}
.book_list .swiper-slide .cover img,.list3 li .cover img{display: block; width: 100%; height: 100%; margin: 0 auto;}
.book_list .swiper-slide .sign,.list3 li .cover .sign{position: absolute; right:0; top:0;}
.book_list .swiper-slide:hover .cover p,.list3 li:hover .cover p{box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.3); -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);}
.book_list .swiper-slide p,.list3 li p{text-align: center;}
.book_list .swiper-slide .title,.list3 li .title{line-height:16px; color:#3d3d3d;}
.book_list .swiper-slide .author,.list3 li .author{line-height:20px; font-size:12px; color:#b2b2b2;}
.book_list .swiper-slide .price,.list3 li .price{line-height:26px; color:#d51717;}
.book_list .swiper-slide:hover .title,.list3 li:hover .title{color:#d51717;}
.book_list .arrow-left,.book_list .arrow-right{position: absolute; top:56px; width:42px; height:94px;}
.book_list .arrow-left{background:url(../img/prev1.png) no-repeat left top; background-size:100%; left:0;}
.book_list .arrow-right{background:url(../img/next1.png) no-repeat left top; background-size:100%; right:0;}
.book_list .swiper-slide p{text-align: center;}
.tuijian{margin-bottom:29px;}
.list3 li .title{height:32px;}
.oldPrice{text-decoration: line-through; font-size: 12px !important; color: #b2b2b2 !important;}

.commentBox{padding-bottom:50px;}
.commentBox .allComment{width:974px; padding-right:46px; border-right:1px solid #f0f0f0; height:340px;}
.commentBox .allComment h4{height:14px; line-height:14px; color:#333333; font-weight: normal; margin-bottom:23px;}
.commentBox .allComment ul li{margin-bottom:38px;}
.commentBox .allComment ul li .p1{height:48px; line-height:48px; color:#333333; margin-bottom:16px;}
.commentBox .allComment ul li .p1 img{display: inline-block; width:48px; height:48px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; margin-left:11px; vertical-align: middle;}
.commentBox .allComment ul li .p2{height:20px; line-height:20px; color:#999999; font-size:12px; margin-bottom:9px;}
.commentBox .allComment ul li .p3{line-height:20px; color:#4c4c4c;}
.commentBox .allComment .empty{text-align: center; padding-top:118px;}
.commentBox .allComment .empty img{display: block; margin:0 auto; margin-bottom:18px;}
.commentBox .allComment .empty p{line-height:20px; color:#808080;}

.commentBox .comment{width:790px;}
.commentBox .comment h3{height:24px; line-height:24px; font-size:24px; color:#333333; margin-bottom:30px;}
.commentBox .comment textarea{width:100%; height:154px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
    background:#fafafa; padding:18px 20px; font-family:"siyuan"; outline:none; resize:none; font-size:14px; margin-bottom:22px;}
.commentBox .comment textarea::-webkit-input-placeholder{color:#999999;}
.commentBox .comment textarea::-moz-input-placeholder{color:#999999;}
.commentBox .comment textarea:-ms-input-placeholder{color:#999999;}
.commentBox .comment div{direction: ltr;}
.commentBox .comment div a{width:110px; height:38px; line-height:38px; background:#d51717; color:white; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; margin-right:11px;}
.commentBox .comment div a:hover{background:#ad1a1a;}
.commentBox .comment div input{width:108px; height:36px; line-height:36px; text-align:center; border:1px solid #e6e6e6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; margin-right:10px;}
.commentBox .comment div img{vertical-align: middle; margin-right:14px;}
.commentBox .comment div span{height:38px; line-height:38px; color:#3377aa; display: inline-block; cursor: pointer;}
.commentBox .comment div span:hover{text-decoration: underline;}

.banner3{margin-bottom:42px; height:208px; position: relative;}
.banner3 img{display: block; width:100%;}
.mealTips{line-height:31px; font-size:18px; color:#4c4c4c; margin-bottom:58px; text-align: center;}
.mealTips span{color:#c5302c;}
.setMeal{text-align: center; margin-bottom:60px;}
.setMeal div{display: inline-block; margin:0 74px; width:390px; padding-top:51px; padding-bottom:40px; box-shadow: 0 0 9px 0 rgba(91, 91, 91, .15); -webkit-box-shadow: 0 0 9px 0 rgba(91, 91, 91, .15);
    -moz-box-shadow: 0 0 9px 0 rgba(91, 91, 91, .15); -ms-box-shadow: 0 0 9px 0 rgba(91, 91, 91, .15); position: relative;}
.setMeal div p{height:48px; line-height:48px; font-size:32px; color:#000000; margin-bottom:35px;}
.setMeal div p span{font-size:30px; color:#d51717; margin-left:12px; direction: ltr; display: inline-block;}
.setMeal div a{width:280px; height:58px; line-height:58px; text-align: center; background:#d51717; color:white; font-size:24px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.setMeal div:hover{box-shadow: 0 0 20px 0 rgba(91, 91, 91, .2); -webkit-box-shadow: 0 0 20px 0 rgba(91, 91, 91, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(91, 91, 91, .2); -ms-box-shadow: 0 0 20px 0 rgba(91, 91, 91, .2);}
.setMeal div a:hover{background:#bd1111;}
.setMeal div .sign{position: absolute; right:0; top:0; height:28px; line-height:28px; background:#000000; color:#ffc000; padding-left:13px; padding-right:10px; border-radius:0 0 0 12px; -webkit-border-radius:0 0 0 12px;
    -moz-border-radius:0 0 0 12px; -ms-border-radius:0 0 0 12px;}

.vipH2{margin:0 47px; height:74px; line-height:74px; border:1px solid #e6e6e6; border-right:0; border-left:0; text-align: center; font-size:24px; color:#333333; font-weight: normal; margin-bottom:36px;}
.bookType{margin:0 47px; overflow: hidden; margin-bottom:84px;}
.bookType a{display:block; text-align:center; font-size:30px; color:#ffc000; text-align: center; width:892px;}
.bookType a img{display: block; width:100%;}

.list3{margin:0 31px;}
.list3 li{float:right; width:118px; margin:0 16px; margin-bottom:27px;}
.list3 li a{display:block;}
.list3 li .cover{width:124px; height:183px; margin:0 auto; margin-bottom:7px;}
.list3 li .cover p{width:124px;}
/* 列表页 */
.tabTitle{height:40px; line-height:40px; border-bottom:1px solid #e6e6e6; padding-right:30px;}
.tabTitle a{display: inline-block; margin-left:57px; color:#666666;}
.tabTitle a:hover{color:#d10a11;}
.tabTitle a.on{color:#d10a11; border-bottom:2px solid #e10101;}

.banner4{margin-bottom:28px;}
.banner4 img,.banner4 a{display: block; margin:0 auto;}

.listPage{margin:0 30px; padding-bottom: 48px;}
.listPage h2{color:#333333; font-size:24px; height:56px; line-height:56px; border-bottom:1px solid #e6e6e6; margin-bottom:22px;}
.listPage .list3{margin:0; margin-bottom:30px;}
/*.listPage .list3 li{margin:0 10px; width:133px; margin-bottom:42px;}
.listPage .list3 li .cover{width:130px; height:192px;}
.listPage .list3 li .cover p{width:auto;} */
.lookMore{width:1600px; height:76px; line-height:76px; background:#f2f2f2; text-align: center; display:block; font-size:24px; color:#3377aa; margin:0 auto; margin-bottom:30px;}
.lookMore:hover{color:#d10a11;}
.lookMore:hover .icon{background-position-y:-165px;}
a.lookMore{display: block;}


.downBtn{position: fixed; left:0; top:60%; padding-left:13px; padding-right:14px; height:44px; line-height:44px; background:#1d2088; border-radius:0 44px 44px 0; -webkit-border-radius:0 44px 44px 0; -moz-border-radius:0 44px 44px 0; -ms-border-radius:0 44px 44px 0;
    box-shadow:0 1px 5px 0 rgba(0, 0, 0, .73); -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .73); -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .73); -ms-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .73); transition:.35s; -webkit-transition:.35s; -moz-transition:.35s;
    -ms-transition:.35s; z-index:5; display: none;}
.downBtn a{display: inline-block; color:white;}
.downBtn span{margin-left:14px; cursor: pointer;}

.formtable{padding: 30px;}
.formtable .tip{text-align: right;padding: 9px 35px 9px 10px;margin-bottom: 15px;border: 1px solid #f1eee4;color: #666;background: #fffdf5 url(../img/icon_43.png) no-repeat 519px 9px;}
.formtable td{padding: 10px;text-align: right;line-height: 37px;}
.formtable td label{margin: 0 0 0 10px; display:none;}

.red {color: #b51013!important;}
.formtable input[type=email], .formtable input[type=text], .formtable input[type=password]{height: 35px;line-height: 35px;border: 1px solid #e4e4e4;padding: 0 10px;border-radius: 3px; text-align:right;}
.formtip{font-size: 12px; font-weight: 400; color: #b51013!important; padding: 10px 0 0;line-height: 20px!important;}
.formtable textarea{padding: 5px 10px;resize: none;border: 1px solid #e4e4e4;border-radius: 3px;}
.formtable img.ewm{display: inline-block;vertical-align: middle;height: 30px;margin: -3px 10px 0;}
.formtable th{padding: 10px;text-align: left;color: #999;line-height: 37px;}
a.grey-b{display: inline-block;height: 35px;line-height: 35px;font-size: 20px;padding: 0 30px;background: #999;text-decoration: none;color: #fff;border-radius: 3px;}
a.red-b{display: inline-block;height: 35px;line-height: 35px;font-size: 20px;padding: 0 30px;background: #b51013;text-decoration: none;color: #fff;border-radius: 3px;}

#bigVideo{position: fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, .8); z-index:7; display: none;}
#bigVideo>div{position: absolute; left:50%; top:50%; width:700px; margin-left:-350px; margin-top:-195px;}
#bigVideo>div .close{position: absolute; left:-40px; top:-40px; z-index:10; cursor: pointer;}
highlight{color: red;}

/* 领券中心 */
.couponCenter{width:1600px; margin:0 auto;}
.couponCenter>img{display: block; width:100%; margin-bottom:29px; margin-top:17px;}
.couponList{margin:0 -13px; padding-bottom: 50px;}
.couponList li{float:right; width:22.5%; margin:0 13px; margin-bottom:25px;}
.couponList li a{display: block;}
.couponList li div{height:127px; line-height:127px; text-align:center; padding-bottom:24px; box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -webkit-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -moz-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -ms-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15);}
.couponList li div p{display: inline-block; vertical-align: middle;}
.couponList li div .p1{max-width:25%;}
.couponList li div .p1 span{display: block; margin:0 auto; font-family:"Tahoma"; color:#d51717;}
.couponList li div .p1 .span1{font-size:72px; height:54px; line-height:54px; position: relative;}
.couponList li div .p1 .span1 em{font-style: normal; font-size:30px; vertical-align: top; display: inline-block; height:28px; line-height:28px; margin-right:10px; position: absolute; left:-16px; top:0;}
.couponList li div .p1 .span2{font-size:24px; height:18px; line-height:18px; direction: ltr; margin-top:12px;}
.couponList li div .p2{line-height:initial; text-align: left; margin-left:22px; max-width:55%;}
.couponList li div .p2 span{display: block;}
.couponList li div .p2 .span1{line-height:22px; color:#4c4c4c; font-size:16px; margin-bottom:8px;}
.couponList li div .p2 .span2{padding:0 10px; line-height:24px; background:#f5efdf; font-size:16px; color:#c5302c; margin-bottom:9px; display: inline-block;}
.couponList li div .p2 .span3{line-height:18px; color:#999999;}
.couponList li a>p{height:41px; line-height:44px; border:1px solid #e6e6e6; border-top:0; color:white; background:url(../img/couponbg.jpg) repeat-x left top; text-align: center; font-size:18px; margin-top: -24px;}
.couponList li.received div .p1 span{color:#999999;}
.couponList li.received div .p2 .span2{background:#e6e6e6; color:#b2b2b2;}
.couponList li.received a>p{background:url(../img/couponbg2.jpg) repeat-x left top;}

/* 我的优惠券 */
.couponBar{padding:20px 0; margin-bottom:30px;}
.couponBar>div{height:30px; line-height:30px;}
.couponBar .sort p{padding-left:9px; padding-right:17px; height:28px; line-height:28px; font-size:14px;}
.couponBar .sort p span{display: inline-block; width:45px;}
.couponBar h2{font-size:26px; color:#333333;}
.myCoupon{margin:0 160px;}
.myCoupon .couponList{margin:0 -29px;}
.myCoupon .couponList li{box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -webkit-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -moz-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); -ms-box-shadow:0 0 9px 0 rgba(91, 91, 91, .15); padding-bottom:18px; margin:0 13px; margin-bottom:27px;}
.myCoupon .couponList li div{height:122px; line-height:122px; padding-bottom:0; box-shadow: none;}
.myCoupon .couponList li a>p{background:none; margin-top:0; letter-spacing: 0;}
.couponList li .useTime{line-height:16px; color:#999999; height:32px; border:0; text-align: center;padding: 0 10px;}
.couponList li .userBtn{width:188px; height:36px; line-height:36px; text-align: center; font-size:16px; color:#3377aa; border:1px solid #3377aa; border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px; -ms-border-radius:36px; margin:0 auto;}
.couponList li .userBtn a{display: block; color:#3377aa;}
.couponList li .userBtn:hover{background:#3377aa; }
.couponList li .userBtn:hover a{color:white;}
.couponList li.received .userBtn{ border:1px solid #cccccc; background:white !important;}
.couponList li.received .userBtn a{color:#999999 !important; cursor: default;}

/* 检索结果 */
.searchResult .list3{overflow: hidden; margin-bottom:0 ;margin: 0 -46px; margin-right:-30px;}
.searchResult .list3 li{margin:0 21px; margin-bottom:34px; width:152px;}
.searchResult .list3 li .cover{width:140px; height:207px;}
.searchResult .list3 li .cover p{width:140px;}


/* 热门销售 */
.rmxs{margin:0 30px;}
.rmxs h2{height:58px; line-height:58px; font-size:24px; color:#333333;}
.rmxs ul{margin-bottom:62px;}
.rmxs ul li{float:right; width:308px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; border:1px solid #e6e6e6; text-align: center;
    height:308px; line-height: 308px; margin-left:-1px; margin-top:-1px; position: relative; padding:0 16px;}
.rmxs ul li a{vertical-align: middle; line-height: initial; width:100%;}
.rmxs ul li .sort{width:47px; height:30px; text-align: center; padding-right:6px; line-height:30px; color:#ffb329; background:#2a2a2a; position: absolute; left:0; top:0; border-radius:0 30px 30px 0;}
.rmxs ul li .cover{width:128px; height:188px; margin:0 auto; margin-bottom:8px;}
.rmxs ul li .cover img{height:100%; max-width:100%;}
.rmxs ul li .title{line-height:22px; color:#242424;}
.rmxs ul li .author{line-height:21px; color:#b2b2b2; font-size:12px;}
.rmxs ul li .price{line-height:24px; color:#d51717; margin-bottom:3px;}
.rmxs ul li:hover{box-shadow: 0 0 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,.2); -ms-box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}
.rmxs ul li:hover .title{color:#d51717;}
.listEmpty{text-align: center; border-top:1px solid #e6e6e6; padding-top:100px; font-size:20px; padding-bottom:100px;}
.listEmpty img{margin-bottom:10px;}
.listPage .listEmpty{border:0;}
.personBody .listEmpty{padding-top:170px; border:0;}
.personBody .listEmpty p{color:#808080;; font-size:18px;}
.rmxs .audioSign{
    position: absolute;
    right: 0;
    top: 0;
}
.rmxs li .newVideo{
    position: relative;
}

/* 个人中心 */
.personBody{background:#f0f0f0;}
.personBody .header{background:white;}
.personCenter{width:1200px; margin:0 auto; margin-top:26px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -webkit-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1);
    -moz-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -ms-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); background:white; overflow: hidden; position: relative; margin-bottom:63px;}
.personCenter:before{content:""; width:1px; background:#f2f2f2; height:100%; top:0; bottom:0; right:228px; position: absolute;}
.personInfo{width:130px; padding:40px 48px 140px 50px;}
.personInfo .photo{width:88px; height:88px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; overflow: hidden; margin:0 auto; margin-bottom:13px;}
.personInfo .photo img{display: block; width:100%; height:100%;}
.personInfo .username{line-height:28px; text-align: center; font-size:13px; color:#000000; margin-bottom:27px;}
.personInfo ul{padding-top:15px; padding-bottom:17px; border-bottom:1px solid #e6e6e6;}
.personInfo ul:first-of-type{border-top:1px solid #e6e6e6;}
.personInfo ul li a{display: block; text-align: center; padding:12px 0; line-height:22px; font-size:16px; color:#4c4c4c;}
.personInfo ul li a:hover,.personInfo ul li.on a{color:#c5302c;}
.personCenter .left{padding:19px 0 0 42px; margin-right:270px;}
.personCenter .left h1{line-height:54px; font-size:18px; color:#4c4c4c; overflow: hidden;}
.personCenter .left h1 a{float: left; margin-right:20px; font-size:16px; color:#4c4c4c; font-weight:normal;}
.personCenter .left h1 a:hover,.personCenter .left h1 a.on{color:#c5302c;}
.personCenter .left table{width:100%; border-spacing:0; border-collapse: collapse;}
.personCenter .left .banner7{margin-top:11px; margin-bottom:13px;}
.personCenter .left .banner7 img{display: block; width:100%;}
/* 我的订单 */
.personCenter .myOrder th,.personCenter .myComment th{text-align: right; height:36px; line-height:36px; background:#f3f3f3; color:#808080; font-size:16px; font-weight: normal; padding-right:20px; border-top:1px solid #e6e6e6;}
.personCenter .myOrder td,.personCenter .myComment td{border-bottom:1px solid #ebebeb; padding-right:20px; height:46px; color:#666666;}
.personCenter .myOrder tr:hover{background:#f3f3f3;}
/* 我的购买 */
.personCenter .myPurchase{text-align: right;}
.personCenter .myPurchase th{height:46px; background:#f3f3f3; border-top:1px solid #e6e6e6; padding-right:20px;}
.personCenter .sort{position: relative; margin-left:8px;}
.personCenter .sort p{height:26px; line-height:26px; border:1px solid #e6e6e6; background:white; padding-right:9px; cursor: pointer;border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px;}
.personCenter .sort p span{min-width:80px; text-align: center; color:#808080; font-weight:normal; display: inline-block; padding-left:10px;}
.personCenter .sort ul{position: absolute; right:0; top:28px; left:0; background:white; border:1px solid #e6e6e6; border-top:0; border-bottom:0; display: none; box-shadow: 0 2px 9px 0 rgba(91, 91, 91, .15);-webkit-box-shadow: 0 2px 9px 0 rgba(91, 91, 91, .15);-moz-box-shadow: 0 2px 9px 0 rgba(91, 91, 91, .15);-ms-box-shadow: 0 2px 9px 0 rgba(91, 91, 91, .15);}
.personCenter .sort ul li{cursor: pointer; line-height: 30px; border-bottom:1px solid #e6e6e6; font-weight: normal; color:#808080; padding-right:10px;}
.personCenter .sort ul li:hover{color:#c5302c;}
.personCenter .myPurchase td{border-bottom:1px solid #ebebeb; background:#fafafa; padding:12px 0; vertical-align: top;}
.personCenter .myPurchase .orderNum{height:40px; padding:0 12px; vertical-align: middle;}
.personCenter .myPurchase .orderNum td{background:white; height: 40px; line-height: 40px; padding:0 12px;}
.personCenter .myPurchase .orderNum .p1{color:#666666;}
.personCenter .myPurchase .orderNum .p2{color:#999999;}
.personCenter .myPurchase .book{padding-right:12px;}
.personCenter .myPurchase .book .cover{width:70px; height:104px;}
.personCenter .myPurchase .book .cover img{display: block; width:100%; height:100%;}
.personCenter .myPurchase .book p{margin-right:80px; line-height:24px; color:#666666;}
.personCenter .myPurchase .payMethod{text-align: center;}
.personCenter .myPurchase .payMethod p{line-height:24px; color:#c5302c; font-size:18px; margin-bottom:10px;}
.personCenter .myPurchase .payBtn{text-align: center;}
.personCenter .myPurchase .payBtn a{ min-width:78px; padding:0 10px; text-align: center; margin-bottom:8px; height:28px; line-height:28px; color:#666666; background:#f3f3f3;}
.personCenter .myPurchase .payBtn .toPay,.personCenter .myPurchase .payBtn a:hover{color:#c5302c;}
/* 我的书架 */
.personCenter .list4{padding-top:25px; border-top:1px solid #e6e6e6; margin:0 -15px; overflow: hidden;}
.personCenter .list4 li{float: right; width:153px; margin:0 15px; margin-bottom:27px; position: relative;}
.personCenter .list4 li .cover{margin:0 auto; margin-bottom:6px; width:153px; height:206px; background:#f7f7f7; text-align: center;}
.personCenter .list4 li .cover img{height:100%; max-width:100%;}
.personCenter .list4 li .p1{line-height:17px; height:34px; color:#3d3d3d; overflow: hidden; text-align: center;}
.personCenter .list4 li .p2{font-size:12px; color:#b2b2b2; line-height:21px; text-align: center;}
.personCenter .list4 li:hover .p1{color:#c5302c;}
.personCenter .list4 li .select{position: absolute; top:4px; right:11px; width:24px; height:24px; text-align: center; line-height:24px; background:white; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; cursor: pointer;}
.personCenter .list4 li .selected{background:#c5302c;}
/* 我的优惠券 */
.myCoupon2{margin:0;}
.myCoupon2 .couponList{margin:0 -7px; padding:0;}
.myCoupon2 .couponList li{width:286px; margin:0 7px; margin-bottom:14px;}
.myCoupon2 .couponList li .useTime{font-size:12px;}
.myCoupon2 .couponList li div .p1{width:117px; max-width:inherit;}
.myCoupon2 .couponList li div .p1 .span1{letter-spacing: -5px; font-size:76px;}
.myCoupon2 .couponList li div .p2{margin-left:0;}
.myCoupon2 .couponList li div .p1 .span1 em{left:6px;}
.toolbar{padding:9px 0; height:28px; line-height:28px; background:#f3f3f3; border-top:1px solid #e6e6e6; padding-right:12px; margin-bottom:20px;}
.toolbar .sort p span{min-width:62px; margin-right:17px;}
/* 我的评论 */
.myComment td{padding:14px 0; vertical-align: top;}
.myComment .bookInfo a{margin-right:-7px; padding-left:50px;}
.myComment .bookInfo .cover{width:70px; height:104px;}
.myComment .bookInfo .cover img{display: block; width:100%; height:100%;}
.myComment .bookInfo p{margin-right:80px; line-height:22px; color:#666666;}
.myComment .bookComment a{padding-left:102px; line-height:22px; color:#3377aa;}
.myComment .bookComment a:hover,.myComment .bookInfo p:hover{color:#c5302c;}
.myComment .buyTime p{color:#999; line-height:18px; margin-top:7px;}
/* 个人信息 */
.inputGroup{border-top:1px solid #f0f0f0;}
.inputGroup p,.inputGroup .sex{padding:12px 0; padding-right:140px; border-bottom:1px solid #f0f0f0; position: relative; color:#333333; line-height:34px;}
.inputGroup p .label{position: absolute; right:10px; color:#666666; width:128px; line-height:20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inputGroup p input{width:538px; height:34px; padding-right:12px; background:#f7f7f7; color:#333333; font-family: "siyuan";}
.inputGroup .save{width:110px; height:32px; line-height:32px; background:#c5302c; color:white; margin-right:140px; text-align: center; margin-top:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.inputGroup .sex p{padding:0; border:0;}
.inputGroup .sex .label{position: absolute; right:10px;}
.inputGroup .sex .sexs{display: inline-block; min-width:60px;}
.inputGroup .sex .sexs span{width:18px; height:18px; text-align: center; line-height:18px; border:1px solid #cdcdcd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; vertical-align: middle; position: relative; display: inline-block;}
.inputGroup .sex .sexs label{display: inline-block; vertical-align: middle; padding-right:6px;}
.inputGroup .sex .sexs input{position: absolute; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.inputGroup .sex .sexs .icon{display: none;}
.inputGroup .sex .sexs .selected{background:#c5302c; border:1px solid #c5302c;}
.inputGroup .sex .sexs .selected .icon{display:inline-block;}
.inputGroup .error,.findPassword .error{color:#c5302c; line-height:30px; padding-right:140px; display:block;}
/* 修改密码 */
.personCenter .left h1 span{color:#c5302c; font-weight: normal; margin-right:57px; font-size:14px; display: inline-block;}
.inputGroup .yzm input{width:120px; text-align: center; padding:0; margin-left:5px;}
.inputGroup .yzm img{width:86px; height:34px; display: inline-block; vertical-align: middle; margin-left:14px;}
.inputGroup .yzm span{cursor: pointer; color:#333333;}
.inputGroup .yzm span:hover{color:#c5302c; text-decoration:underline;}
/* 我的收藏 */
.myCollect .toolbar span{display: inline-block; padding:0 10px; height:26px; line-height:26px; border:1px solid #e6e6e6; background:white; color:#808080; cursor: pointer; margin-left:10px;}
.myCollect .toolbar p{display: inline-block; cursor: pointer;}
.myCollect .toolbar p span{margin-right:5px; width:24px; height:24px; text-align: center; line-height: 24px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; padding:0;}
.myCollect .toolbar .allchecked span{background:#c5302c; border:1px solid #c5302c;}
.myCollect .toolbar .delete,.myCollect .toolbar .allcheck{display: none;}
.editing .toolbar .delete,.editing .toolbar .allcheck{display:inline-block;}
.myCollect .list4{border:0; padding:0; overflow: hidden;}
.myCollect .list4 li .select{display: none; z-index: 2;}
.editing .list4 li .select{display: block;}
.editing .list4 li{position: relative;}
.editing .list4 li:after{content:""; width:100%; height:100%; position: absolute; left:0; top:0;}
.editing .list4 li:hover .p1{color:#3d3d3d;}
.layui-layer-title{padding-right:20px;}
.layui-layer-dialog .layui-layer-padding{text-align: right;}
.layui-layer-btn{padding-top:10px;}
/* 找回密码 */
.findPassword{width:1200px; margin:0 auto; margin-top:26px; background:white;  box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -webkit-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1);
    -moz-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -ms-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;
    padding-top:64px; padding-bottom:85px; margin-bottom:114px;}
.findPassword>div{width:664px; margin:0 auto;}
.findPassword h1{line-height:40px; padding-right:11px; color:#4c4c4c; font-size:18px; padding-bottom:28px; border-bottom:1px solid #f0f0f0;}
.findPassword p{padding:12px 0; position: relative; padding-right:99px; border-bottom:1px solid #f0f0f0;}
.findPassword p label{position: absolute; right:0; top:0; color:#666666; padding-right:12px; line-height: 57px;}
.findPassword p input{height:34px; line-height:34px; background:#f7f7f7; width:540px; padding-right:10px;}
.findPassword a{display: block; margin:0 auto; width:170px; height:46px; line-height:46px; margin-top:40px; background:#c5302c; color:white; text-align: center; font-size:16px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.findPassword a:hover{background:#b01b17;}
.personCenter .pages{padding-top:44px; padding-bottom:48px; border:0;}
.findPassword .error{padding-right:99px;}
/* 订单结算 */
.orderAccount{width:1200px; margin:0 auto; margin-top:26px; background:white;  box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -webkit-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1);
    -moz-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); -ms-box-shadow:0 0 10px 0 rgba(91, 91, 91, .1); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-bottom:44px;}
.orderAccount>div{padding:19px 48px 96px 42px;}
.orderAccount h1{line-height:54px; font-size:18px; color:#4c4c4c;}
.orderAccount table{width:100%; border-collapse: collapse; border-spacing: 0;}
.orderAccount table th{border-top:1px solid #e6e6e6; background:#f3f3f3; height:36px; text-align: right; padding-right:17px; font-size:16px; color:#808080; font-weight: normal;}
.orderAccount .paymentMethod td{padding:30px 0; padding-right:16px;}
.orderAccount .paymentMethod p{display: inline-block; margin-left:52px;}
.orderAccount .paymentMethod p label{display: inline-block; vertical-align:middle; padding-right:16px;}
.orderAccount .paymentMethod p label img{vertical-align: middle;}
.orderAccount .paymentMethod p span{width:22px; height:22px; display: inline-block; background:url(../img/checkbg.png) no-repeat left top; position: relative; vertical-align: middle;}
.orderAccount .paymentMethod p span input{position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0; filter:alpha(opacity=0);}
.orderAccount .paymentMethod p span.checked{background:url(../img/checkbg.png) no-repeat left -24px;}
.orderAccount .mingdan td{padding:13px 0; vertical-align: top; font-size:16px; color:#666666;}
.orderAccount .mingdan .cover{margin-right:20px; width:70px; height:104px; float: right; margin-left:10px;}
.orderAccount .mingdan .cover img{display: block; width:100%; height:100%;}
.orderAccount .mingdan a,.orderAccount .mingdan p{line-height:24px; color:#666666;}
.orderAccount .mingdan a:hover{color:#c5302c;}
.orderAccount table th span{font-size:16px; color:#c5302c; vertical-align: middle;}
.orderAccount .coupontd td{padding:16px 0;}
.orderAccount .coupontd td p{line-height:25px; color:#666666; margin-bottom:15px;}
.orderAccount .coupontd td a{display:inline-block; margin-left:20px; margin-bottom:17px; width:168px; height:38px; line-height:38px; text-align: center; color:#808080; border:1px solid #cccccc; position: relative;}
.orderAccount .coupontd td a:hover,.orderAccount .coupontd td a.on{color:#c5302c; border:1px solid #c5302c;}
.orderAccount .coupontd td a.on:after{content: ""; width:28px; height:28px; background:url(../img/duigou.png) no-repeat left top; position: absolute; left:-1px; top:-1px;}
.orderAccount .red-b{width:170px; height:47px; line-height:47px; background:#c5302c; display: block; margin:0 auto; margin-top:51px; text-align: center; padding:0; font-size:16px;}
.orderAccount .red-b:hover{background:#ad2723;}
.main_tit{position: relative;margin: 0 auto 26px;text-align: center;margin-top:50px;}
.main_tit h2{padding: 10px 0 5px;background: url(../img/icon_06.png) no-repeat center bottom;font-size: 30px;}
.main_tit p{margin:15px auto 40px;font-size:20px;color:#999;font-weight:normal;}
.list{position: relative;height: 416px;}
.list>p{position: absolute; left:-97px; padding:0 10px; text-align: center; height: 30px; line-height: 30px;background: #ff851d;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; cursor: pointer; color:white; top:50%;
margin-top:-15px;}
.list>p:hover{background:#fe7500;}
#swiper_container{height:332px;}
#listAll{display: none;}
#listAll #shouqi{width:100px;text-align: center; height: 30px; line-height: 30px;background: #ff851d; margin:0 auto; margin-bottom:10px;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; cursor: pointer; color:white;}
a.morebtn{display:block;width:80px;margin:0 auto;background:#eee;color:#666;padding:3px 0;border-radius:3px;text-align:center;font-size:18px;font-weight:normal;}
a.morebtn:hover{background:#999;color:#fff;}



.freeApps {margin: 50px auto;padding: 45px 0;background: #fff;}
.freeApps table{padding: 10px 0; direction: ltr;}
.freeApps table th{padding: 5px;border-bottom: 1px solid #e9e9e9;text-align: right;}
.freeApps table td{border-bottom: 1px solid #e9e9e9; color: #999;text-align: right;}
a.ios{width: 110px;height: 40px;line-height: 40px;border: 2px solid #df4a43;background: url(../img/icon_31.png) 10px center no-repeat #df4a43;font-size: 20px;color: #fff;border-radius: 10px;padding: 0 0 0 50px;text-align: left;}
a.android{width: 110px;height: 40px;line-height: 40px;border: 2px solid #df4a43;background: url(../img/icon_32.png) 10px center no-repeat #fff;font-size: 20px;color: #df4a43;border-radius: 10px;padding: 0 0 0 50px;text-align: left;}
.freeApps table td font{font-size: 20px;color: #666;}
.freeApps table tr:hover{background: #fafafa;}
a.ios:hover{border: 2px solid #f45c55;background-color: #f45c55;}
a.android:hover{border: 2px solid #f45c55;color: #f45c55;}

.footer{padding:45px 0 15px;background:#333 url(../img/icon_23.png) no-repeat center bottom;color:#a7a7a7;text-align: right;font-family: times new roman,Arial,Microsoft YaHei; font-weight: 700;}
.footer p{font-size: 17px;margin: 0 0 10px;line-height: 20px}
.footer p img{float: right;margin: 0 0 10px 4px}
.footer a {color: #a7a7a7}
.footer a:hover{color: #fff}
.bot-l{width: 270px}
.bot-c{width: 325px}
.bot-c h1{display: block;text-align:right;font-size:18px; margin:0 0 20px;}
.bot-r{width: 270px;}

.loading2{text-align: center;text-align: center; line-height: 50px; margin-bottom: 10px;}
.loading2 img{vertical-align: middle;}
.user_l{direction:ltr;}
.user_r{width:26%;text-align:center;}
.urtable{margin:0 auto 30px;}
.urtable a{display:inline;color: #333;}
.urtable a:hover{color:#ff851d;}
.urtable .img{margin:0 0 0 4%;width:17%;}
.urtable .img img{width:100%;}
.urtable .img_l{width:79%;}
.urtable .img_l p font{color:#ff851d;margin-top:15px;}
.urtable img{display:inline-block;}
.urtable table tr:hover{ background:#fff;}
.urtable table th{padding:10px;border-bottom:1px solid #e9e9e9;font-size:18px;text-align:right;background:#f3f3f3;white-space:nowrap;font-weight: normal;}
.urtable table td{padding:10px;border-bottom:1px solid #e9e9e9;text-align:right;line-height:22px;}
.urtable table td a.bookfm img{margin:0 0 5px 10px;vertical-align:middle;float:right;width:50px;height:75px;}
.urtable table td span{color:#999; display:inline-block; margin:5px 0 5px 10px;}
.urtable table td span input{width:20px; height:20px; vertical-align: middle;}
.urtable table td span.time{color:#666;font-family:arial;font-weight:normal;}
.urtable table td strong{color:#b51013;}
.urtable table td font{font-family:Arial, Helvetica, sans-serif;color:#666;}
.titbox{border-bottom:1px solid #c8c8c8;}
.titbox h3{padding-bottom:5px;font-size:30px;text-align:right;background:url(../img/icon_06.png) no-repeat right bottom;}

.bg{position: fixed; left:0; right: 0; top:0; bottom:0; background:#000; opacity:.2; filter:alpha(opacity=20); display: none; z-index:6;}
/* 优惠码 */
.dialog1{background:white; position: fixed; left:50%; top:50%; margin-left:-232px; margin-top:-72px; width:464px; height:145px; padding-top:51px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; z-index:7; display: none;}
.dialog1 .close{position: absolute; left:18px; top:14px; cursor: pointer;}
.dialog1 input{width:340px; padding-right:18px; height:46px; line-height:46px; border:1px solid #d6d6d6; margin:0 auto; margin-bottom:20px; display: block; font-size:16px;}
.dialog1 a{display: block; width:132px; height:42px; line-height:42px; text-align: center; background:#c5302c; color:white; color:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-right:280px;}
.dialog1 a:hover{background:#a1201d;}
.dialog1 input::-webkit-input-placeholder{color:#999999;}
.dialog1 input:-moz-input-placeholder{color:#999999;}
.dialog1 input::-ms-input-placeholder{color:#999999;}
/* 领取优惠券 */
.dialog2{background:white; position: fixed; left:0; right:0; padding:0 90px; padding-top:60px; z-index: 7;
    max-height:390px; overflow-y: auto; bottom:-600px; padding-bottom:30px;}
.dialog2.open{bottom:0;}
.dialog2 .close{height:18px; line-height:18px; font-size:16px; position: absolute; left:32px; top:19px; cursor: pointer;}
.dialog2 .close .icon{margin-left:8px;}
.dialog2 .couponList li{margin:0 14px; margin-bottom:20px; width:316px;}
.dialog2 .couponList li div .p2{margin-left:10px;}
.dialog2 .couponList{margin:0; padding-bottom:0; overflow: hidden;}

/*优惠券*/
.couponCon{width:100%;padding:61px 0;background:url(../img/bg_02.png) no-repeat center top;height:110px;direction: ltr;}
.couponCon .footer_content a{color:white;}
.couponCon .footer_content a:first-of-type{background-color: #232323;}
.couponCon .coupon{width:366px; background:url(../img/couponbg2.png) repeat-x left top; border-radius:4px; -webkit-border-radius:4px;
    -moz-border-radius:4px; -ms-border-radius:4px; height:110px;color:white; position: relative;}
.couponCon .coupon:before{content:""; width:16px; background:url(../img/couponbg.png) no-repeat left top; position: absolute;
    left:57px; top:-8px; bottom:-8px;}
.couponCon .coupon>p{float: left; width:55px; line-height:110px; text-align: right; font-size:14px;}
.couponCon .coupon>p span{display: inline-block;vertical-align: middle;line-height: 20px;}
.couponCon .coupon div{margin-left:73px; text-align: right; padding-top:21px;}
.couponCon .coupon .p1{line-height:34px; font-size:20px;}
.couponCon .coupon .p2{line-height:36px; font-size:14px;}
.couponCon .coupon.received{background:#b3b3b3;}

.couponDialog{width:402px; height:138px; background:white; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
    -ms-border-radius:10px; text-align: center; line-height:138px; position: fixed; left:50%; top:50%; margin-left:-201px; margin-top:-69px; z-index:14; display: none;}
.couponDialog p{font-size:16px; color:#333333; font-family: "Arial"; display: inline-block; vertical-align: middle;}
.couponDialog p span,.couponDialog p img{display: inline-block; vertical-align: middle;}
.couponDialog p span{line-height:28px; text-align: right;}
.couponDialog p img{margin-left:26px;}
.couponDialog .coupon_close{width:16px; height:16px; background:url(../img/coupon_cha.png) no-repeat left top; background-size:100%;
    position: absolute; left:14px; top:14px;}

/*客户端下载*/
.footer_pc{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    height:108px;
    line-height: 108px;
    background-color:rgba(0,0,0,.8);
    color:white;
    z-index:1;
    display:block;
}
.down_app{display:none;}
.footer_pc a{
    color:white;
}
.footer_content a{
    display:inline-block;
    padding:0 18px;
    height:44px;
    line-height:44px;
    font-size:16px;
    font-family: 'Arial Regular';
    background-color:#0a0a0a;
    border-radius:4px;
    -webkit-border-radius:4px;
    margin-top:32px;
    margin-right:30px;
}
.footer_content a:first-of-type{
    background-color:#232323;
}
.footer_content a img{
    margin-left:18px;
    display:inline-block;
    vertical-align: middle;
}
.footer_content>div>img{
    width:66px;
    border-radius:10px;
    -webkit-border-radius:10px;
    margin-top:23px;
}
.footer_content p{
    font-size:24px;
    margin-right:24px;
}
.footer_pc a.close{
    width:42px;height:108px;background:url(../img/icon_44.png) no-repeat center;
    position:absolute;
    right:65px;
    top:50%;
    margin-top:-54px;
}
#pc_div{display:block;}
#mobile_div{display:none;}
.list_01{margin:0 0 15px -11px;}
.list_01 .swiper-slide,.list_01 li{position:relative;width:145px;padding:5px;background:#fff;float:left;margin:10px 0 20px 11px;text-align:right;border:1px solid #e7e7e7;}
.list_01 .swiper-slide .img,.list_01 li .img{position:relative;display:block;text-align:center;background:#f8f8f8;}
.list_01 .swiper-slide .img img,.list_01 li .img img{margin:0 auto;max-width:100%;height:214px;display: block;}
.list_01 .swiper-slide .img i.icon,.list_01 li .img i.icon{position:absolute;bottom:-13px;right:7px;}
.list_01 .swiper-slide .img_btm,.list_01 li .img_btm{padding:20px 10px 5px;}
.list_01 .swiper-slide .img_btm p.text,.list_01 li .img_btm p.text{height:44px;overflow:hidden;line-height:22px;color:#666;}
.list_01 .swiper-slide .img_btm div,.list_01 li .img_btm div{margin:10px 0 0;}
.list_01 .swiper-slide .img_btm div .fr,.list_01 li .img_btm div .fr{margin:5px 0 0;}
.list_01 .swiper-slide .img_btm i.icon_10,.list_01 li i.icon_10{position:absolute;bottom:-17px;left:50%;margin-left:-78px;}
h4.title{overflow:hidden;}
h4.title a{display:block;height:22px;line-height:22px;overflow:hidden;font-size:18px;color:#000;}
h4.title a:hover{color:#ff851d;}
.author{height:18px;overflow:hidden;display:block;margin:3px 0 6px;color:#999;}
.pic{font-size:18px;color:#ff851d;font-family:arial;font-weight:normal; direction:ltr;}
i.icon_10{width:155px;height:16px;background:url(../img/icon_08.png) no-repeat 0 0;}
a.red-b:hover{background:#a40e11; color:white !important;}
a.grey-b:hover{background:#666;}
.mbx{height:40px;line-height:40px;background:#eee;margin-bottom:15px;direction: ltr;}
.mbx p a:hover{color:#f45c55;}
/*loginbox*/
.loginbox{padding:30px 0;}
.login{margin:50px auto;padding:45px 0;background:#f3f3f3;direction: ltr;}
.loginbox .main_tit{margin-top:0;}
.form-l{width:640px;border-left:1px solid #ddd;}
.form-l .formtable{padding:10px 30px; direction:ltr;}
.loginbox .formtable td a:hover{color:#b51013;}
.savebtn{padding:30px 0;text-align:center;}
.form-r{width:280px;padding:20px;text-align:right;}
.form-r p{margin:0 0 20px 0;color:#666;}

.user{margin: 30px auto 50px;}
.urtable{margin:0 auto 30px; direction:ltr;}
.urtable a{display:inline;}
.urtable .img{margin:0 0 0 4%;width:17%;}
.urtable .img img{width:100%;}
.urtable .img_l{width:79%;}
.urtable .img_l p font{color:#ff851d;margin-top:15px;}
.urtable img{display:inline-block;}
.urtable table tr:hover{ background:#fff;}
.urtable table th{padding:10px;border-bottom:1px solid #e9e9e9;font-size:18px;text-align:right;background:#f3f3f3;white-space:nowrap;}
.urtable table td{padding:10px;border-bottom:1px solid #e9e9e9;text-align:right;line-height:22px;}
.urtable table td a.bookfm img{margin:0 0 5px 10px;vertical-align:middle;float:right;width:50px;height:75px;}
.urtable table td span{color:#999; display:inline-block; margin:5px 0 5px 10px;}
.urtable table td span input{width:20px; height:20px; vertical-align: middle;}
.urtable table td span.time{color:#666;font-family:arial;font-weight:normal;}
.urtable table td span label{display:inline-block;}
.urtable table td strong{color:#b51013;}
.urtable table td font{font-family:Arial, Helvetica, sans-serif;color:#666;}

.urtable table .coupontd{padding-top:18px; padding-bottom:37px;}
.coupontd>p{line-height:24px; color:#242424; margin-bottom:11px; font-size:14px;}
.coupontd>p a{color:#164ce8; display: inline-block; font-size:14px;}
.coupontd ul{overflow: hidden;}
.coupontd ul li{float: right; position: relative; width:206px; height: 48px; line-height:48px; text-align: center; color:#666666;
    border:1px solid #e0e0e0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-left:20px;
    margin-bottom:20px; font-size:14px; cursor: pointer;}
.coupontd ul li p{background:#fafafa;}
.coupontd ul li img{display: block; position: absolute; right:7px; top:50%; margin-top:-6px; display: none;}
.coupontd ul li.active{border:1px solid #b51013; padding-right:34px; background:#b51013; color:#b51013;}
.coupontd ul li.active img{display: block;}

/*激活优惠码*/
.activeNumber{position: fixed; left:50%; top:50%; margin-left:-200px; margin-top:-102px; background:white; padding:63px 46px 31px 49px; z-index:14; display: none;}
.activeNumber p{margin-bottom:32px; line-height:38px;}
.activeNumber p input{display: inline-block; width:230px; height:36px; border:1px solid #dbdbdb; padding-left:10px; margin-right:20px; vertical-align: middle; text-align: left;}
.activeNumber p span{display: inline-block; color:#333333; font-size:14px; vertical-align: middle;}
.activeNumber .btn{display: block; width:160px; height:40px; line-height:40px; text-align: center; background:#b51013; color:white;
    font-size:14px;}
.activeNumber .coupon_close{width:18px; height:18px; background:url(../img/coupon_cha.png) no-repeat left top; background-size:100%;
    position: absolute; left:16px; top:16px;}


.emailist {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    list-style-type: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.emailist li {
    padding: 2px 11px;
    cursor: pointer;
}

.emailist .on, .emailist li:hover {
    background-color: #eee;
}


.phone_header{padding:0 20px; height:72px; line-height:72px; box-sizing: border-box; position: fixed; left:50%; transform: translateX(-50%); top:0; width:100%; max-width:640px; background:#232f3f; z-index:23;display: none;}
.phone_header{overflow: hidden;}
.phone_header .menuBtn img{display: block; width:30px; margin-top:24px;}
.phone_header .back img{display: block; width:17px; margin-top:30px;}
.phone_header .logo{margin-left:37px; margin-right:17px; display: block;}
.phone_header .logo img{display: block; width:248px; margin:0 auto; margin-top:12px; }

.space{display: none;}

/* nav*/
.webnav{width:100%;padding:10px 1%;overflow-y:auto;position:fixed;left:0;top:70px;z-index:21;background:white;max-height: 60%; display:none;}
.webnav .login{overflow: hidden; padding:30px 20px; border-bottom:1px solid #f6f6f6; margin-bottom:19px; margin-top:0;background:none;}
.webnav .login .photo{width:76px; height:76px; border-radius:50%; float: right; overflow: hidden; margin-left:14px;}
.webnav .login .photo img{display: block; width:100%; height:100%; object-fit: cover;}
.webnav .login a{float: right; line-height:76px; font-size:26px; color:#d10a11; font-weight:500; margin-left:.1rem}
.webnav h3{justify-content: space-between; padding:0 20px; font-size:28px; color:#333333; height:54px; line-height:54px; margin-bottom:17px;}
.webnav h3 .icon4{width:25px; height:15px; background-position:-74px -309px;}
.webnav h3.on .icon{background-position-y: -326px;}
.webnav ul{border-bottom:1px solid #f6f6f6; overflow: hidden; padding-bottom:5px; margin-bottom:17px; padding-right:20px;}
.webnav ul:last-of-type{border:0;}
.webnav ul li{float: right; margin-left:14px; margin-bottom:11px;}
.webnav ul li a{display: block; height:72px; line-height:72px; background:#f7f7f7; border-radius:6px; font-size:26px; color:#333333; font-weight:500; min-width:172px; padding:0 10px; text-align: center;}
.webnav ul li.on a{background:#d10a11; color:white;}

.shade{position: fixed; left:0; right:0; top:88px; bottom:0; background:rgba(0, 0, 0, .6); z-index:5; display:none;}

.bgf7{background:#f7f7f7;}

.photoWall{padding-bottom:62px;}
.photoWall .banner{height:144px; line-height: 144px; background:url(../img/zpqbg.png) no-repeat center top; background-size:100% 100%; color:white; text-align: center; font-size:60px; margin-bottom:0;}
.photoPanel{padding-top:16px;}
.photoPanel h3{height:88px; line-height:88px; font-size:24px; color:#333333; font-weight: normal;}
.photoPanel h3.on .icon{background-position-y: -277px;}
.photoPanel>div{margin:0 145px;}
.photoPanel ul{padding-bottom:34px; margin:0 -10px; display: none;}
.photoPanel ul li{float: right; margin:0 10px; width:310px; height:216px; margin-bottom:20px; background:#e5e5e5;}
.photoPanel ul li a{display: block; width:100%; height:100%; overflow: hidden; position: relative;}
.photoPanel ul li img{display: block; max-width:100%; max-height:100%; margin:auto; position: absolute; left:0; right:0; top:0; bottom:0; transition: .35s; -webkit-transition: .35s; -moz-transition: .35s; -ms-transition: .35s;}
.photoPanel ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

.ip-close{display: block; margin:0 auto; margin-bottom:30px; width:32px; height:32px; text-align: center; background:url(../img/close.png) no-repeat center center;}
.mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mask-layer-black {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
    position: absolute;
    top: 0;
    left: 0;
}
.mask-layer-container{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 2030;
}
.mask-layer-imgbox {
    width: 100%;
    height:100%;
    overflow: hidden;
    position: relative;
}
.mask-layer-imgbox > p {
    position: absolute;
    cursor: move;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    width: 100%;
    height: 100%;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    cursor: move;
    left: 0;
	top: 0;
}
.mask-layer-imgboxp > p > img {
    display: inline-block;
    vertical-align: middle;
    cursor: move;
}
.btn-default-styles{
	position: fixed;
	top:50%;
	margin-top:-32px;
	width:64px;
	height:64px;
	z-index: 19941207;
}
.mask-prev{
	left:20px;
	background:url(../img/prev2.png) no-repeat center top;
}
.mask-next{
	right:20px;
	background:url(../img/next2.png) no-repeat center top;
}
.mask-layer-container-operate{
	position: fixed;
	right:40px;
	top:40px;
	z-index: 19941207;
	color:white;
	font-size:16px;
}
.mask-layer-container-operate p{
	color:white;
	font-size:18px;
	text-align: center;
	margin-bottom:30px;
}
.mask-layer-container-operate p span{
	padding:0 5px;
}

a.notebtn.on{}




.new-video-box{
    display:flex;width: 52%;overflow: hidden;
}
.new-index-list{
    width: 29%;
    margin-left: 30px;
    flex-shrink: 0;
}
.new-index-list .newVideo{
    width: 224px;
    height: 370px;
    position: relative
}
.new-index-list span{
    display: block;
    color: #242424;
    margin-top: 20px;
    text-align: center
}
.new-index-list:hover span{
    color: #d51717;
}
.new-index-list:hover .newVideo{
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}
.new-book-list{
    max-width: 360px;
    height: 420px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.new-book-list li,.new-book-list li a{
    width: 90px;
}
.new-book-list li{
    margin-left: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.new-book-list .cover{
    width: 100%;
    height: 125px;
    margin-bottom: 6px;
}
.new-book-list .cover img{
    display: block;
    width: 100%;
    height: 100%;
}
.new-book-list .title{
    line-height: 20px;
    color: #242424;
}
.new-book-list .author{
    line-height: 21px;
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 4px;
}
.new-book-list .price{
    height: 22px;
    line-height: 22px;
    color: #d51717;
}
.new-book-list li:hover .cover{
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}
.new-game-box{
    width: 322px;
    height: 420px;
    padding-top: 70px;
    box-sizing: border-box;
    background: url("../img/game.png") 100% 100% no-repeat;
}
.new-game-box .game-cover{
    width: 100%;
    height: 202px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-game-box .game-cover img{
    max-width: 100%;
    max-height: 100%;
}
.new-game-box p{
    color: #FFFFFF;
    margin-top: 30px;
    text-align: center;
    padding: 0 10px;
}

.xsbs .new-match .left .list1{
    height: 370px;
}
.xsbs .new-match .left .list1 li{
    width: 90px;
    margin-bottom: 32px !important;
}
.xsbs .new-match .left .list1 li .cover{
    width: 90px;
    height: 132px;
}


.sp .list1{
    max-height: 840px;
    min-height: 410px;
    height: auto;
}
.sp .list1 li,.sp-list .list1 li{
    width: 224px;
    margin: 0 14px 20px 14px;
}
.sp .list1 .cover{
    width: 224px;
    height: 370px;
    margin-bottom: 10px;
    position: relative;
}
.sp .list1 .cover img,.sp-list .list1 .cover img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.sp .list1 .cover:after,.sp-list .list1 .cover:after,.default-img:after{
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/play.png) no-repeat left top;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.sp .list1 .cover .djShadow{
    width: 100%;
    height: 103px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    font-size: 14px;
    color: #FFFFFF;
    padding: 70px 13px 0 13px;
    box-sizing: border-box;
    text-align: right;
}
.sp .list1 .title,.sp-list .list1 .title{
    text-align: center;
}

.youxi-box{
   display: flex;
    margin-bottom: 30px;
}
.youxi-box a{;
    margin-left: 15px;
    flex-shrink: 0;
    flex: 1 1 18.6%;
}
.youxi-box a:last-child{
    margin-left: 0;
}
.youxi-box a img{
    width: 100%;
    height: 100%;
}

.sp-list{
    max-width: 1920px;
    margin: auto;
    box-sizing: border-box;
    padding: 0 75px;
}
.sp-list .list1{
    margin: 0;
    height: auto;
}
.sp-list .list1 .cover{
     width: 100%;
     height: 370px;
     margin-bottom: 10px;
     position: relative;
 }
.sp-list .djHead{
    height: 120px;
    background: url("../img/weidj.png") center center no-repeat;
    margin: 30px 0 40px 0;
    padding-top: 28px;
    box-sizing: border-box;
}
.sp-list .djHead h4{
    width: 506px;
    height: 64px;
    background: rgba(13,31,48, .68);
    font-size: 24px;
    color: #FFFFFF;
    margin: auto;
    text-align: center;
    line-height: 64px;
}
.sp-list .djShadow{
    width: 100%;
    height: 103px;
    background: linear-gradient(0deg, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    font-size: 14px;
    color: #FFFFFF;
    padding: 70px 13px 0 13px;
    box-sizing: border-box;
    text-align: right;
}
.sp-list .checkMore{
    height: 76px;
    background: #F2F2F2;
    max-width: 1770px;
    margin: 70px auto;
    font-size: 20px;
    color: #3377AA;
    text-align: center;
    line-height: 76px;
    cursor: pointer;
}
.sp-list .checkMore img{
    margin-left: 10px;
}

.video-detail{
    max-width: 1920px;
    box-sizing: border-box;
    margin: auto;
    display: flex;
    align-items: flex-start;
    padding: 40px 20px 40px 30px;
}
.video-detail .detail-left{
    color: #FFFFFF;
    width: 390px;
    direction: rtl;
    margin-right: 40px;
    flex-shrink: 0;
}
.video-detail .detail-left h4{
    font-size: 22px;
    color: #FFFFFF;
    line-height: 36px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.55);
    margin-bottom: 15px;
}
.video-detail .detail-left .left-brief{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
}
.detail-left #chsDiv ul{
    margin: 25px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.detail-left #chsDiv li:nth-child(3n){
    margin-left: 0;
}
.video-detail .gather-list{
    width: 106px;
    margin-left: 20px;
    margin-bottom: 30px;
    cursor: pointer;
}
.video-detail .gather-cover{
    width: 100%;
    height: 184px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #282828;
}
.video-detail .gather-list.active .gather-cover{
    border: 3px solid #D51717;
}
.video-detail .gather-cover img{
    max-width: 100%;
    max-height: 100%;
}
.video-detail .gather-cover span{
    position: absolute;
    display: block;
    padding: 0 5px;
    height: 26px;
    top: 0;
    left: 0;
    background: #E94A42;
    text-align: center;
    line-height: 26px;
    border-radius: 0 0 15px 0;
}
.video-detail .gather-cover .free{
    background: #009944;
}
.video-detail .gather-list p{
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
}
.video-detail .gather-list:hover p{
    color: #D51717;
}
.video-detail .detail-right{
    flex: 1;
    text-align: center;
    background: url("../img/videobg.png") no-repeat;
    background-size: 100% 100%;
}
.video-detail .detail-right video{
    width: 484px;
    height: 860px;
    margin: auto;
    display: none;
}
.detail-left .light-theme .current {
    background: none;
    border: none;
    color: #c5302c;
}
.detail-left .light-theme a, .detail-left .light-theme span{
    background: none;
    border: none;
    color: #ffffff;
}
.detail-left .light-theme .ellipse{
    line-height: 35px;
}
.video-detail .fold span{
    color: #3377aa;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}
.video-detail .default-img{
    width: 484px;
    height: 860px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.default-img:after{
    width: 69px;
    height: 69px;
}
.video-detail .default-img img{
    max-width: 100%;
    max-height: 100%;
}


.buyModal{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.55);
}
.buyModal .buyCont{
   width: 800px;
    background: linear-gradient(-30deg, #634745 0%, #484A7A 100%);
    border-radius: 20px;
    margin: 50px auto auto auto;
    padding: 30px;
    box-sizing: border-box;
}
.buyModal .buyClose{
    text-align: left;
    margin-bottom: 20px;
}
.buyModal .buyClose img{
    cursor: pointer;
}
.buyModal .buyHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #FFE6B2;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.13);
    margin-bottom: 20px;
}
.buyModal .buyBtn{
    width: 370px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: url("../img/buygmhy.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.buyModal .buyList{
    overflow-y: auto;
    height: 300px;
    padding-left: 10px;
}
.buyModal .buyList::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 2px;
}
.buyModal .buyList::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background: #686a9c;
}
.buyModal .buyList::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: transparent;
}
.buyModal .buyList li{
    height: 130px;
    background: rgba(0,0,0,0.3) url("../img/buybg.png") no-repeat;
    background-size: 266px 170px;
    border-radius: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px 28px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.buyModal .buyList .active{
    border: 2px solid #ECC679;
}
.buyModal .buyTitle{
    font-size: 20px;
    color: #E4A932;
}
.buyModal .buyText h4{
    font-size: 34px;
    color: #ECC679;
    direction: ltr;
    font-weight: 400;
    margin-bottom: 13px;
    text-align: right;
}
.buyModal .buyText h4 span{
    font-size: 18px;
    color: rgba(255,255,255,.25);
    margin-left: 10px;
}
.buyModal .buyText p{
    font-size: 16px;
    color: #3F333D;
    background: linear-gradient(90deg, #ECC679 0%, #E7A113 100%);
    border-radius: 8px;
    padding: 7px 13px;
  }
.buyModal .buyText label{
    font-size: 16px;
    color: rgba(255,255,255,.5);
    margin-right: 15px;
}
.buyModal .buyMember{
    font-size: 20px;
    color: #FFE6B2;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: url("../img/buyzjgm.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin-top: 30px;
}


.djEntrance {
    background: #161436 url("../img/pcdjlbbg.png") top right no-repeat;
    padding: 50px 40px 50px 150px;
    margin-bottom: 40px;
}



@media screen and (min-width:2110px){
    .container{width:1752px; margin:0 auto;}
}
@media screen and (min-width:1940px){
    .photoPanel ul li{width:287px;height: 200px;}
}
@media screen and (min-width:1920px){
    .photoPanel ul li{width:305px;height: 212px;}
}
@media screen and (min-width:1705px){
    .noverMain .div1 .bottom{height:auto;}
    .noverMain .noword .img{height:355px;}
}
@media screen and (max-width:1920px) and (min-width:1000px){
    .container .section{width: auto; margin-right:262px;}
    .list1 li a{text-align: center;}
    .dialog2 .couponList li{width:18.3%;}
    .photoPanel>div{margin:0 7.55%;}
    .photoPanel ul li{width:307px; height:214px;}
    .sp-list .list1 li{
        width: 214px;
    }
    .sp-list .list1 .cover{
        height: 350px;
    }
}
@media screen and (max-width:1919px) and (min-width:1000px){
    .bannerGroup a{width:18%;}
    .list1 li{width:7.8%;}
    .sp .list1 li{
        width: 17.8%;
    }
    /* .list1 li .cover, .audioBookList .swiper-slide .cover{height:83%;} */
    .rankList li{width:31.6%;}
    .audioBookList .swiper-slide a{width:80%;}
    .noverMain .div1{width:30%;}
    .noverMain .div4{padding-right:3%;width:65%;}
    .noverMain .div2{width:24%;}
    .noverMain .div3{padding-right:4%; width:70%;}
    .noverMain .div3 ul li{margin-left:2%; width:23%;}
    .selfPublish .right{width:40%;}
    .selfPublish ul{width:52%;}
    .selfPublish ul li{width:18%;}
    .press .main .right{width:23%;}
    .press .main .left .list1{margin:0;}
    #publisherList{width:auto;}
    .press .main .left{width:75%;}
    .press .main .left .list1 li{margin:0 1%; margin-bottom:32px;}
    .press .main .left .list1 li{width:12.2%;}
    .xsbs .new-match .left .list1 li{
        width: 7.8%;
    }
    .videoBox ul li{width:17%;}
    /* .videoBox ul li .video{height:89%;} */
    /* .list3 li .cover p{width:auto;} */
    .list3 li{width:8.5%; margin-left:0.7%; margin-right:0.7%;}
    .myCoupon .couponList{margin:0 -0.8%;}
    .myCoupon .couponList li{width: 23.3%; margin:0 0.8%; margin-bottom: 27px;}
    .myCoupon2 .couponList li{width:286px; margin-bottom:14px;}
    .searchResult .list3{margin-right: -24px;}
    .searchResult .list3 li{width:11.44%; margin: 0 1.2%; margin-bottom:30px;}

    .rmxs ul li{width:16.6%;}
    .list3 li .cover{width:140px; height:207px;}
    .list3 li .cover p{width:140px;}

    .dialog2{padding-left:5.1%; padding-right:5.1%;}
    .dialog2 .couponList li{width:18.5%; margin-left:0.729%; margin-right:0.729%;}

    .photoPanel ul li{width:18.7%; height:193px;}
}
@media screen and (max-width:1850px) and (min-width:1000px){
    .list1 li{width:8.5%;}
    .selfPublish ul{width:50%;}
    .selfPublish ul li{width:17.8%;}
    .videoBox ul li{width:17%;}
    .noverMain .div2 li a{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
        -webkit-line-clamp:4;overflow: hidden; max-width:80%; overflow: hidden; padding-left:0; max-height:84px;}
    .myCoupon .couponList li{width:31.5%; margin-bottom:20px;}
    .myCoupon2 .couponList li{margin-bottom:13px;}
    /* .searchResult .list3 li .cover{height:176px;} */
    .photoPanel ul li{width:18.6%; height:190px;}
    .sp-list .list1 li {
        width: 207px;
    }
    .sp-list .list1 .cover{
        height: 338px;
    }
}
@media screen and (max-width:1790px) and (min-width:1000px){
    .bannerGroup a{width:17.9%;}
    .list1 li{width:10%;}
    .selfPublish ul li{width:17.5%;}
    .videoBox ul li{width:17%;}
    .videoBox ul li .video{
        height: 120px;
    }
    .dialog2 .couponList li{width:23.5%;}
    /* .searchResult .list3 li .cover{height:170px;} */
    .photoPanel ul li{height:178px;}
    .sp-list .list1 li {
        width: 200px;
    }
    .new-index-list{
        width: 46%;
    }
    .new-video-box{
        width: 40%;
    }
    .sp-list .list1 .cover{
        height: 326px;
    }
    .newArrival .sameH2 .new-book-list {
        left: 31%;
    }
}
@media screen and (max-width:1678px) and (min-width:1000px){
    .bannerGroup a{width:17.7%;}
    .list1 li{width:11.6%; margin: 0 1.3%;}
    .sp .list1 li{
        width: 22%;
    }
    .selfPublish ul li{width:17.5%;}
    .selfPublish ul li .img{height:128px; line-height:128px;}
    .selfPublish ul li .img img{max-width:78%; max-height:78%;}
    .selfPublish .right{padding: 2% 57px 2% 51px;}
    .videoBox ul li{width:16.5%;}
    .rankList li{width:31.3%;}
    .rankList li a{padding-left:6%;}
    .freeSign{width: 42px; font-size:12px;}
    .selfPublish .right{width:38%;}
    .selfPublish .right .swiper-slide .img{width:148px;}
    .selfPublish .right .swiper-slide .msg{margin-right:164px;}
    .noverMain .div1{width:30%;}
    /* .searchResult .list3 li .cover{height:146px;} */
    .searchResult .list3 li{width:14%;}
    .press .main .left .list1 li{width:14.5%;}
    .list3 li{width:11%;}
    .photoPanel ul li{width:18.4%; height:162px;}
    .xsbs .new-match .left .list1 li{
        width: 9%;
    }
    .sp-list .list1 li {
        width: 220px;
    }
    .sp-list .list1 .cover {
        height: 359px;
    }
}
@media screen and (max-width:1554px) and (min-width:1000px){
    .bannerGroup a{width:17.4%;}
    /* .list1 li{width:6.9%;} */
    .selfPublish ul li{width:17.2%;}
    .selfPublish ul li .img{height:122px; line-height:122px;}
    .selfPublish ul li .img img{max-width:78%; max-height:78%;}
    .selfPublish .right{padding: 2% 57px 2% 51px;}
    .videoBox ul li{width:16.3%;}
    .rankList li{width:31%;}
    .rankList li a{padding-left:6%;}
    .freeSign{width: 42px; font-size:12px;}
    .selfPublish .right{width:38%;}
    .selfPublish .right .swiper-slide .img{width:148px;}
    .selfPublish .right .swiper-slide .msg{margin-right:164px;}
    .noverMain .div1{width:30%;}
    .searchResult .list3 li{margin: 0 1%;margin-bottom: 20px; width:17%;}

    /* .dialog2 .couponList li{width:31.2%; margin-bottom:30px;} */
    .sp-list .list1 li {
        width: 199px;
    }
    .sp-list .list1 .cover{
        height: 326px;
    }
    .photoPanel ul li{width:18.3%; height:153px;}
    .new-video-box {
        width: 48%;
    }
}
@media screen and (max-width:1500px) and (min-width:1000px){
    .sp-list .list1 li {
        width: 224px;
    }
    .sp-list .list1 .cover {
        height: 370px;
    }
}
@media screen and (max-width:1430px) and (min-width:1000px){
    .bannerGroup a{width:17.3%; margin:0 12px;}
    .selfPublish ul li{margin-right:12px; width:22%;}
    .fixedBox .navigation ul li{line-height: 20px;padding: 7px 0;}
    .fixedBox{top:100px; left:12px;}
    .fixedBox .navigation p{line-height:35px;}
    .videoBox ul li{width:16%;}
    .rankList li .sort{font-size:12px; width:36px; height:28px; line-height:28px;}
    .selfPublish ul{width:49%; height:182px; overflow: hidden;}
}
@media screen and (max-width:1919px) and (min-width:1680px){
    .audioBookList .swiper-slide .cover{height:143px;}
    .audioBookList .swiper-slide .cover img,.noverMain .div3 ul li .cover img{max-width:100%; width:auto;}
    .noverMain .div1 .img{height:240px;}
    .noverMain .noword .img{height:350px;}
    .commentBox .allComment{width: 52%;}
    .commentBox .comment{width:42%;}
    .bookType a{width:48%;}
}
@media screen and (max-width:1850px){
    .headRight form{width:65%;}
    .headRight form p{width:100%;}
}
@media screen and (max-width:1570px){
    .novelCompetition .list ul{height:150px;}
    .novelCompetition .list li{width:166px;}
    .novelCompetition .list li a{line-height:20px; height: auto; padding:10px;}
    .novelCompetition .list li:nth-of-type(2), .novelCompetition .list li:nth-of-type(4), .novelCompetition .list li:nth-of-type(6), .novelCompetition .list li:nth-of-type(8), .novelCompetition .list li:nth-of-type(10){bottom:22px;}
    .novelCompetition .list li:nth-of-type(1){right: 1%;}
    .novelCompetition .list li:nth-of-type(3){right: 21%;}
    .novelCompetition .list li:nth-of-type(5){right: 42%;}
    .novelCompetition .list li:nth-of-type(7){right: 63%;}
    .novelCompetition .list li:nth-of-type(9){right: 82%;top: 19px;}
    .novelCompetition .list li:nth-of-type(2){right: 11%;}
    .novelCompetition .list li:nth-of-type(4){right: 32%;}
    .novelCompetition .list li:nth-of-type(6){right:52%;}
    .novelCompetition .list li:nth-of-type(8){right: 70%;}
    .novelCompetition .list li:nth-of-type(10){right:88%;}
    .new-index-list{
        width: 45%;
        flex-shrink: 0;
    }
    .new-game-box{
        flex-shrink: 0;
        width: 250px;
    }
    .new-book-list {
        max-width: 240px;
    }
}
@media screen and (max-width:1400px){
    .list1 li{width:14%;}
    /* .photoPanel ul li{width:18.2%; height:144px;} */
    .sp .list1 li {
        width: 30%;
    }
    .sp-list .list1 li {
        width: 211px;
    }
    .new-index-list{
        width: 95%;
    }
}
@media screen and (max-width:1460px) and (min-width:1000px){
    .fixedBox .navigation ul li{line-height:20px; padding:7px 0;}
    .fixedBox{top:150px; left:12px;}
    .fixedBox .navigation p{line-height:35px;}

    .myCoupon .couponList li{margin-bottom:15px;}

    .myCoupon,.couponBar>div{margin:0 8.3%;}
    .myCoupon2{margin:0;}
    .myCoupon2 .couponList li{margin-bottom:13px;}

    .press .main .left .list1 li{width:18%;}
    .xsbs .new-match .left .list1 li{
        width: 12%;
    }
    .dialog2 .couponList li{width:31.8%;}
    .photoPanel ul li{width:18.2%; height:148px;}
    .sp-list .list1 li {
        width: 218px;
    }
    .new-index-list{
        width: 95%;
    }
    .new-video-box {
        width: 27%;
    }
    .new-book-list {
        max-width: 360px;
    }
    .sp-list .list1 .cover {
        height: 356px;
    }
    .newArrival .sameH2 .new-book-list {
        left: 35%;
    }
}
@media screen and (max-width:1300px){
    .new-video-box{
        width: 31%;
    }
    .new-game-box {
        width: 300px;
    }
    .sp-list .list1 li {
        width: 188px;
    }
    .sp-list .list1 .cover {
        height: 306px;
    }
}
@media screen and (max-width:1679px) and (min-width:1440px){
    .audioBookList .swiper-slide .cover{height:150px;}
    .audioBookList .swiper-slide .cover img,.noverMain .div3 ul li .cover img{max-width:100%; width:auto;}
    .noverMain .div3 ul li{margin-left: 3%; width:22%;}
    .noverMain .div1 .img p{line-height: 20px;padding: 16px 22px;height: auto;}
    .noverMain .div1 .bottom{height:156px;}
    .videoBox ul li .video{height:100px;}

    .book_list .swiper-slide a{width:80%;}
    .book_list .swiper-slide .cover{height:156px;}
    .book_list .swiper-slide .cover p{width:auto;}
    .book_list .swiper-slide .cover p img{max-width:100%; width:auto;}

    .commentBox .allComment{width: 52%;}
    .commentBox .comment{width:42%;}

    .bookType a{width:48%;}
    .banner4 img{width:80%;}
    .lookMore{width:80%;}
    .couponCenter{width:83%;}
    .couponList li{width:23%;}

}
@media screen and (max-width:1580px) and (min-width:1440px){
    .lookMore{width:80%;}
    .couponList li{width: 31.1%;}
}
@media screen and (max-width:1439px) and (min-width:1000px){
    .audioBookList .swiper-slide .cover{height:140px;}
    .audioBookList .swiper-slide .cover img,.noverMain .div3 ul li .cover img{max-width:100%; width:auto;}
    .noverMain .noword .img{height: auto;}
    .noverMain .div1 .img p{padding:11px 22px; line-height:20px; height:auto; font-size: 17px;}
    .noverMain .div1 .bottom{height:179px;}
    .videoBox ul li .video{height:90px;}

    .tushuDetail .tushuTop .right{width:402px;}
    .tushuDetail .tushuTop .cover{width:400px; height:400px; line-height: 400px;}
    .tushuDetail .tushuTop .left{margin-right:430px;}
    .book_list .swiper-slide a{width:80%;}
    .book_list .swiper-slide .cover p{width:auto;}
    .book_list .swiper-slide .cover p img{max-width:100%; width:auto;}
    .about_buy .div2,.about_buy .div1{width:50%;}

    .commentBox .allComment{width: 52%;}
    .commentBox .comment{width:42%;}

    .bookType a{width:48%;}
    .book_list .swiper-slide .cover{height:160px;}
    .banner4 img{width:80%;}
    .lookMore{width:80%;}
    .couponCenter{width:83%;}
    .couponList li{width: 31%;}

    .tjy{padding: 28px 240px 35px 68px;}
}
@media screen and (max-width:1360px) and (min-width:1000px){
    .headLeft{width:46%;}
    .headRight form{width:58%;}
    .rankList li{width:30.5%;}
    .rankList li .msg .author{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .rankList li .cover{width:122px; height:180px;}
    .rankList li .msg{margin-right:138px;}
    .videoBox ul li{width:15.2%;}
    .videoBox ul li .video {
        height: 80px;
    }
    .selfPublish ul li{width:29%;}
    .selfPublish ul{height:182px; overflow: hidden; width:48%;}
    .bannerGroup a{width:17%;}
    .rankList li .msg .price{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .couponList li{width: 30.5%;}

    .setMeal div{margin:0 45px;}
    .list3 li{width:15%; margin-left:0.8%; margin-right:0.8%;}
    .bookType{margin-bottom:54px;}
    .press .main .left .list1 li{width:23%; margin-bottom:22px;}
    .xsbs .new-match .left .list1 li{
        width: 14%;
    }
    .myCoupon, .couponBar>div{margin:0 6%;}
    .myCoupon2{margin:0;}
    .searchResult .list3 li{margin-bottom:15px; width: 22%;}
    .rmxs ul li{height:290px; line-height:290px;}
    .rmxs ul li .cover{height:160px;}
    .noverMain .div3 ul li{width:31%;}
    .novelCompetition .list li{width:117px;}
    .novelCompetition .list li:nth-of-type(9){top:-1px;}
    .novelCompetition .list li:nth-of-type(2):after, .novelCompetition .list li:nth-of-type(4):after, .novelCompetition .list li:nth-of-type(6):after, .novelCompetition .list li:nth-of-type(8):after, .novelCompetition .list li:nth-of-type(10):after{bottom:72px;}
    .novelCompetition .list li:nth-of-type(2), .novelCompetition .list li:nth-of-type(4), .novelCompetition .list li:nth-of-type(6), .novelCompetition .list li:nth-of-type(8), .novelCompetition .list li:nth-of-type(10){bottom:-1px;}
    .personCenter,.findPassword,.orderAccount{width:80%;}
    .personCenter .left{margin-right: 25.8%; padding-left:3%;}
    .personCenter .list4 li{width:21%; margin: 0 1.68%; margin-bottom: 27px;}
    .inputGroup p input{width:70%;}
    .personCenter .left h1 span{width:64%; vertical-align: middle; line-height:18px;margin-top: -3px;}
    .myCoupon2 .couponList li{width:48%;}
    .orderAccount .mingdan td{width:85%;}
    .orderAccount .paymentMethod p{margin-bottom:10px;}
    .orderAccount .paymentMethod p{margin-left:34px;}
    .noverMain .div3 ul{height:530px;}
    .noverMain .div1 .bottom{height:300px;}

    .photoPanel ul li{width:23%; height:165px;}
    .sp-list .list1 li {
        width: 200px;
    }
    .sp-list .list1 li {
        width: 197px;
    }
    .sp-list .list1 .cover {
        height: 321px;
    }
    .new-book-list {
        max-width: 240px;
    }
    .newArrival .sameH2 .new-book-list {
        left: 41%;
    }
}
@media screen and (max-width:1258px) and (min-width:1000px) {
    .headRight form {
        width: 58%;
    }

    .rankList li .msg {
        margin-right: 130px;
    }

    .rankList li .cover {
        width: 115px;
        height: 170px;
    }

    .rankList li .msg .level {
        margin-bottom: 12px;
    }

    .rankList li .msg .price {
        margin-bottom: 14px;
    }

    .selfPublish ul {
        width: 47%;
    }

    .bannerGroup a {
        margin: 0 10px;
    }

    .list1 li {
        width: 17%;
    }

    .myCoupon, .couponBar > div {
        margin: 0 4%;
    }

    .myCoupon2 {
        margin: 0;
    }

    .rmxs ul li {
        width: 19.9%;
    }

    .personCenter .left {
        margin-right: 27%;
    }

    .dialog2 {
        max-height: 410px;
    }

    .dialog2 .couponList li {
        margin-bottom: 20px;
    }

    .photoPanel ul li {
        width: 23%;
        height: 155px;
    }

    .sp .list1 li {
        width: 29%;
    }
    .sp-list .list1 .cover {
        height: 366px;
    }
    .sp-list .list1 li {
        width: 237px;
    }
}
@media screen and (max-width:1230px) and (min-width:1000px) {
    .sp-list .list1 li {
        width: 224px;
    }
}
@media screen and (max-width:1185px) and (min-width:1000px) {
    .headLeft {
        width: 57%;
    }

    .headRight .logo {
        width: 156px;
    }

    .headRight {
        width: 43%;
    }

    .rankList li .cover {
        width: 94px;
        height: 140px;
    }

    .rankList li .msg {
        margin-right: 108px;
    }

    .rankList li .msg .level {
        margin-bottom: 7px;
    }

    .rankList li .msg .price {
        margin-bottom: 10px;
    }

    .rankList li .msg .jianjie {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: normal;
        display: block;
    }

    .novelCon {
        padding-left: 21px;
    }

    .rankList li {
        width: 30%;
    }

    .selfPublish ul {
        width: 46%;
    }

    .selfPublish ul {
        height: 174px;
        width: 100%;
    }

    .selfPublish ul li {
        width: 14.5%;
    }

    .selfPublish ul li .img {
        height: 114px;
        line-height: 114px;
    }

    .selfPublish .right .swiper-slide .img {
        width: 130px;
    }

    .selfPublish .right .swiper-slide .msg {
        margin-right: 145px;
    }

    .selfPublish .right {
        width: 37%;
        display: none;
    }

    .videoBox ul li {
        margin: 0 10px;
    }

    .videoBox ul {
        margin: 0 -10px;
    }

    .videoBox ul li {
        width: 17%;
    }
    .videoBox ul li .video {
        height: 80px;
    }

    .selfPublish .right .swiper-slide .img img {
        width: 85%;
    }

    .couponList {
        margin: 0 -8px;
    }

    .couponList li {
        margin: 0 8px;
        width: 31.4%;
        margin-bottom: 20px;
    }

    .tushuDetail .tushuTop .right {
        width: 353px;
    }

    .tushuDetail .tushuTop .cover {
        width: 350px;
        height: 350px;
        line-height: 350px;
    }

    .tushuDetail .tushuTop .left {
        margin-right: 374px;
    }

    .searchResult .list3 li {
        width: 30%;
    }

    .novelCompetition .list li:nth-of-type(1) {
        right: 0%;
    }

    .novelCompetition .list li:nth-of-type(3) {
        right: 20%;
    }

    .novelCompetition .list li:nth-of-type(5) {
        right: 40%;
    }

    .novelCompetition .list li:nth-of-type(7) {
        right: 60%;
    }

    .novelCompetition .list li:nth-of-type(9) {
        right: 80%;
    }

    .novelCompetition .list li:nth-of-type(2) {
        right: 7%;
    }

    .novelCompetition .list li:nth-of-type(4) {
        right: 26%;
    }

    .novelCompetition .list li:nth-of-type(6) {
        right: 45%;
    }

    .novelCompetition .list li:nth-of-type(8) {
        right: 64%;
    }

    .novelCompetition .list li:nth-of-type(10) {
        right: 83%;
    }

    .personCenter .left {
        margin-right: 28%;
    }

    .personCenter .myPurchase .book p {
        padding-left: 20px;
    }

    .photoPanel ul li {
        width: 22.5%;
        height: 144px;
    }

    .new-game-box {
        width: 250px;
    }

    .new-video-box {
        width: 34%;
    }

    .new-book-list {
        max-width: 130px;
        margin-right: 20px;
    }

    .sp-list .list1 li {
        width: 220px;
    }
    .sp-list .list1 .cover {
        height: 359px;
    }
    .newArrival .sameH2 .new-book-list {
        left: 48%;
    }
}
@media screen and (max-width:1120px) and (min-width:1000px){

    .bannerGroup a{margin:0 7px;}
    .list1{margin:0 -9px;}
    .audioBookList .swiper-slide .cover{height:115px;}
    .noverMain .div2 li a{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
        -webkit-line-clamp:4;overflow: hidden; max-width:64px; overflow: hidden;}
    .noverMain .div1 .bottom .p1{margin-bottom:20px;}
    .selfPublish .right .swiper-slide .msg .p2{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .press .main .left ul{height:510px;}
    .press .main .left .list1 li{margin-bottom:16px;}
    .rankList li .cover{width:81px; height:120px;}
    .rankList li .msg{margin-right:92px;}
    .rankList li .msg .author,.rankList li .msg .level{margin-bottom:0;}
    .rankList li .msg .price{margin-bottom:4px;}
    .headRight form{width:50%;}
    .headRight{width:47%;}
    .headLeft{width:52%;}
    .tjy{padding: 28px 221px 35px 60px;}
    .rankList li{margin:0 8px;}
    .videoBox ul li .video:after{width:20px; height:20px; background-size:100%;}
    .level .icon{max-width:100%; background-size:100%;}
    .footer>div{width:878px;}

    .searchResult .searchCon{margin-right:370px;}
    .list2 li{padding-right:12px;}
    .searchResult .aside{margin-right:120px;}

    .couponCenter{width:88%;}

    .setMeal div{margin:0 35px;}
    .commentBox .comment{width:38%;}
    .searchResult .list3{margin-right:0;}
    .myCoupon .couponList li{width:47.8%;}
    .rmxs ul li{width:24.8%;}
    .noverMain .div1 .img{height:180px;}
    .noverMain .div1 .bottom{height:425px;}
    .noverMain .div3 ul{height:576px;}
    .noverMain .div3 ul li .cover{height:100px;}
    .novelCompetition .list ul{height:190px;}
    .novelCompetition .list li{width:91px;}
    .novelCompetition .list li:nth-of-type(2):after, .novelCompetition .list li:nth-of-type(4):after, .novelCompetition .list li:nth-of-type(6):after, .novelCompetition .list li:nth-of-type(8):after, .novelCompetition .list li:nth-of-type(10):after{bottom:92px;}
    .novelCompetition .list li:nth-of-type(8){right:65%;}
    .novelCompetition .list li:nth-of-type(10){right:85%;}

    .personInfo{    padding: 40px 40px 140px 40px;}
    .personCenter:before{right:202px;}
    .personCenter .left{margin-right:27%;}
    .personCenter .list4 li{width:29%;}
    .photoPanel ul li{width:22.5%; height:140px;}
    .sp .list1 li {
        width: 44%;
    }
}
@media screen and (max-width:1082px) and (min-width:1000px){
    .headLeft{width:60%;}
    .headRight .logo{width:132px; height:auto;}
    .headRight{width:40%;}
    .list1 li{width:22%;}
    .videoBox ul li {
        width: 16%;
    }
    .helpBox, .helpDetail,.feedback{width:800px;}
    .helpBox .helpTitle p{width:640px;}
    .press .main .left .list1 li{width:31%;}
    .couponList{margin:0 -5px;}
    .couponList li{margin:0 5px; width:32.2%;  margin-bottom: 10px;}
    .couponList li div .p2{margin-left:8px;}
    .list3 li{width:18%; margin-left:1%; margin-right:1%;}
    .noverMain .div1 .img{height:160px;}
    .noverMain .noword .img{height: auto;}
    .book_list .swiper-slide .cover{height:155px;}
    .personCenter:before{right:196px;}

    .dialog2 .couponList li{margin-bottom:20px; width:31.2%;}

    .couponList li div .p1 .span2{font-size:22px;}

    .photoPanel ul li{width:22.5%; height:128px;}
    .xsbs .new-match .left .list1 li{
        width: 18%;
    }
}
@media screen and (max-width:1000px){
    body{width:1920px;}
	.fixedBox{left:550px;}
}
@media screen and (max-width:640px){
    body, html{direction: ltr;}
    .box{margin: 0 auto -446px;}
    .box1{padding-bottom:446px;}
    .w-1000{width:620px;}
    #headerDiv{display: none;}
    .couponCon .footer_content{width:590px;}
    .couponCon .footer_content div.fl{display: none;}
    .couponCon{background:url(../img/bg_03.png) no-repeat left top; background-size:cover; padding-top:56px; padding-bottom:62px;
        height:222px;}
    .couponCon .coupon{float: none; width:100%; height:222px; line-height:222px; background-size:auto 100%;border-radius:8px; -webkit-border-radius:8px;
        -moz-border-radius:8px; -ms-border-radius:8px;}
    .couponCon .coupon:before{background:url(../img/couponbg3.png) no-repeat left top; background-size:100% 100%; top:-14px; bottom:-14px; left:123px; width:29px;}
    .couponCon .coupon>p{width:123px; text-align: center; font-size:24px; line-height:222px;}
    .couponCon .coupon div{margin-left:152px; padding-right:30px; padding-top:46px;}
    .couponCon .coupon .p1{font-size:36px; line-height:68px;}
    .couponCon .coupon .p2{font-size:28px; line-height:56px;}
    .couponDialog{width:550px; height:256px; line-height:256px; margin-left:-275px; margin-top:-178px;}
    .couponDialog p{font-size:30px;}
    .couponDialog .coupon_close{width:34px; height:34px; top:22px; left:22px;}
    .couponDialog p span{line-height:38px;}
    #pc_div{display:none;}
    #mobile_div{display:block;}
    body{min-width:640px;font-size:20px; width: auto;}
    h4.title a{height:32px;font-size:26px;}
    h4.title span{margin-top:7px;}
    .author{height:26px;}
    .pic{font-size:24px;}
    .list_01{margin: 0 0 15px -25px;}
    .list_01 li{width:27.5%;margin: 10px 0 20px 25px;}
    .list_01 li i.icon_10{display:none;}
    .list_01 li .img_btm p.text{display:none;}
    .list_01 li .img_btm div .fr{margin:12px 0 0;}
    .list_01 li .img img{height:263px;}
    /*footer*/
    .footer p{font-size:14px;line-height:24px;}
    .bot-l{width:42%;}
    .bot-c{width:53%;}
    .bot-c h1{font-size:20px;}
    .bot-r{width:53%;float:left;}
    /*手机端APP下载提示*/
    .footer_pc{display:none;}
    .down_app{display:block;height:148px;background:rgba(0,0,0,.8);position:fixed;left:0;bottom:0;z-index:9;width:97%;padding-left:3%;color:#fff;}
    .down_app>div>img{width: 70px;
        margin: 45px 8px 0 0;border-radius:10px;}
    .down_app p{font-size:24px; margin-top:17px; line-height:55px; text-align:right;}
    .down_app a.close{width:30px;height:148px;background:url(../img/icon_44.png) no-repeat center;margin: 0 22px 0 13px;}
    .down_app a.downbtn{min-width:100px;text-align:center;padding:0 30px;height:80px;background:#b51013;color:#fff;font-size:26px;}
    .down_app a.andior,.down_app a.iosdown{
        font-size: 24px;
        font-family: 'Arial Regular';
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #181818;
        display: block;
        color: white;
        display: flex;
        align-items: center;
        height: 54px;
    }
    .down_app a.andior{
        float: left;

        padding:0 12px;

    }
    .down_app a.iosdown{
        padding:0 139px;
        margin-left:32px;
        display:none;
    }
    .down_app .andior:first-of-type{margin-right: 20px;}
    .down_app>div>a img{
        margin-left:18px;
        display:inline-block;
        vertical-align: middle;
    }

    .w-1000{width:620px;}
    .navBar{height:50px; line-height:50px;}
    .navBar a{transform: scale(1.3);}
    /* 个人中心 */
    .personBody{background:white;}
    .personCenter,.findPassword,.couponCenter,.orderAccount{width:640px; box-shadow: none; direction: rtl;}
    .personCenter:before{display:none;}
    .personCenter .left{margin:0; padding:0 20px;}
    .personInfo{display: none;}
    .personCenter .myOrder th, .personCenter .myComment th{font-size:20px;}
    .personCenter .myOrder td, .personCenter .myComment td{text-align: right;}
    .myOrder th:first-of-type{width:40%;}
    .myOrder th:nth-of-type(2){width:20%;}
    .myOrder th:nth-of-type(3){width:40%;}

    .personCenter .left h1{text-align: right;font-size:20px; padding-bottom:10px;}
    .personCenter .left h1 a{font-size:20px;}
    .personCenter .left table{direction: rtl;}
    .personCenter .myPurchase .payMethod p{font-size:20px;}

    .myComment .bookInfo a,.myComment .bookComment a{padding-left:0;}
    .personCenter .list4 li{width:28%;}
    .personCenter .list4 li a{display: block; width:100%;}
    .personCenter .list4 li .p1{line-height:28px; height: 56px;}
    .personCenter .list4 li .p2{font-size: 20px;}
    .personCenter .left h1 a{font-size:20px !important;}
    .personCenter .myPurchase .payBtn a{padding:5px 10px; height:auto;}
    .myCollect .toolbar span{height:34px; line-height:34px;margin-top: -5px;}
    .personCenter .list4 li .select{right:22px;}
    .layui-layer-hui{width:250px;}
    .layui-layer-hui .layui-layer-content{font-size:22px; height:50px; line-height:50px;}
    .layui-layer-dialog{width:300px;}
    .layui-layer-dialog .layui-layer-title,.layui-layer-dialog .layui-layer-content{font-size:20px;}

    .inputGroup p input{font-size:20px; width:400px; height:58px;}
    .inputGroup .sex .label,.findPassword p label{top:50%; transform: translateY(-50%);}

    .personCenter .left h1 span{font-size:18px; width:67%; margin-right:5%; line-height:22px;}
    .inputGroup .save{height:50px; line-height:50px; width:125px;}

    .couponList li{border-radius:5px; margin:0 10px; margin-bottom:20px; width:286px;}
    .personCenter .sort p{height: 32px;line-height: 32px; margin-top: -4px;}
    .personCenter .sort ul{top:30px;}
    .personCenter .sort ul li{line-height:34px;}
    .myCoupon .couponList li div{height:140px; line-height:140px;}
    .couponList li div .p2 .span1,.couponList li div .p2 .span2{font-size:20px;}
    .couponList li div .p2 .span3{line-height:26px;}
    .couponList li .useTime{font-size:20px; height:auto; line-height:30px; margin-bottom:10px;}
    .couponList li .userBtn{font-size:20px;}

    body{background:white !important;}
    .findPassword{padding:0;}
    .findPassword h1,.findPassword a{font-size:20px;}
    .findPassword p input{height:58px; line-height:58px; width:450px; font-size:20px;}
    .findPassword>div{width:auto; padding:0 30px;}
    .findPassword a{height:50px; line-height:50px;}

    .myCoupon{margin:0; direction: rtl; padding:0 8px;}
    .myCoupon .couponList{margin:0px;}
    .searchBar>div{margin:0 20px;}
    .couponBar{direction: rtl;}
    .couponBar h2{font-size:24px;}
    .searchBar .sort{margin-top:-6px;}
    .couponBar .sort p{height:40px; line-height:40px; font-size:20px; padding:0 20px;}
    .couponBar .sort p span{width:60px; margin-left:5px;}
    .searchBar .sort ul{top:42px;}
    .searchBar .sort ul li{line-height:36px; font-size:20px;}
    .couponList li div .p1{width:117px; max-width: inherit;}
    .couponList li div .p2{margin-left:0;}
    .couponList li div .p1 .span1 em{left:6px;}

    .lookMore{width:100%; direction: rtl;}
    .bookType{margin:0 30px; margin-bottom:50px;}
    .bookType a{width:100%; margin-bottom:10px;}

    .banner3{margin-bottom:30px;}
    .mealTips{font-size:22px; line-height:34px;}
    .setMeal div{width:460px; margin:10px;}
    .list3{margin:0; height: auto !important; overflow: hidden;}
    .list3 li{width:180px;}
    .book_list .swiper-slide .title, .list3 li .title{line-height:24px;}
    .book_list .swiper-slide .author, .list3 li .author{font-size:20px; padding:0 5px;}
    .list3 li .title{height: 48px;margin-bottom: 10px; padding:0 5px;}
    .couponCenter .couponList{margin:0 10px;}
    .couponCenter .couponList li{width:290px;}
    .couponList li div{height:150px; line-height:150px;}
    .couponList li a>p{height:50px; line-height:57px; background-size: auto 100%; font-size:20px;}
    .couponList li.received a>p{background-size: auto 100%;}

    .banner4 img{width:100%;}
    .rmxs,.downBtn,.tabTitle,.listPage,.feedback,.navBar,.orderAccount,.helpDetail,.helpBox{direction: rtl;}
    .downBtn{top:80%; height:55px; line-height:55px;}
    .rmxs ul li{width:291px; height:340px; line-height:340px;}
    .rmxs ul li:hover{box-shadow: none;}
    .rmxs ul li .author{font-size:20px;}

    .tabTitle{height:50px; line-height:50px;}
    .listPage{margin:0;}
    .listPage h2{padding-right:30px;}

    .feedback{width:568px; }
    .feedback p label{width:auto;}
    .feedback p input{height:50px; line-height:50px; width:97%; font-size:20px;}
    .feedback p textarea{width:532px; font-size:20px;}
    .feedback p:last-of-type{width:100%;}
    .feedback p:last-of-type a{height:50px; line-height:50px; font-size:23px; width:130px;}

    .orderAccount{margin-top:0;}
    .orderAccount h1{font-size:20px;}
    .orderAccount table th{height:50px; font-size:20px;}
    .orderAccount table th span,.orderAccount .red-b{font-size:20px;}
    .orderAccount .mingdan td{width:80%; font-size:20px;}
    .orderAccount>div{padding: 19px 20px 96px 20px;}
    .orderAccount .paymentMethod p{margin-left:44px; margin-bottom:10px;}

    .tabTitle a{margin-left:30px;}
    .helpDetail,.helpBox{width:590px; box-shadow: none; padding-left:26px; padding-right:26px;box-sizing: border-box;}
     .helpDetail p{font-size:14px;}
    .helpBox ul li a{font-size:20px;}
    .helpBox{padding-top:0;}

    .personCenter .myCoupon2 .couponList li{width:278px;}

    .mobileHead,.space{display: block;}
    .header,.navBar{display: none;}
    .mobileHead{height:88px; position: fixed; left:50%; width:100%; max-width:640px; top:0; transform: translateX(-50%);}
    .mobileHead .top{background:#232f3f; justify-content: space-between; padding:0 20px; height:88px;}
    .mobileHead .top img{vertical-align: middle; height:57px;}

    .header,.navBar{display: none;}
    .phone_header,.space{display: block;}

    .freeApps img{max-width:100%;}

    .sp-list {
        padding: 0 25px;
    }
    .sp-list .djHead {
        margin: 0px 0 40px 0;
    }
    .sp-list .list1 li{
        width: 265px;
        font-size: 24px;
    }
    .sp-list .list1 .cover {
        height: 356px;
        margin-bottom: 25px;
    }
    .sp-list .djHead h4{
        width: 80%;
    }
    .sp-list .djShadow{
        font-size: 20px;
    }
    .djEntrance {
        background: #161436 url("../img/djlbbg.png") no-repeat;
        background-size: 100%;
        padding: 50px 40px;
    }
}