#header{position:relative;background:#ff8100d4;}
.distance{margin-left:60px;margin-right:60px}
.body-background{position:absolute;top:0;left:0;width:100%;min-width:1280px;height:1080px;z-index:-1}
.bg-img{position:absolute;bottom:0;width:100%;background: rgba(255, 255, 255, 0.82);opacity: 0.19;}
.bg-shade{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/details_shade_white.png) 0 0 repeat}
.detail-main{margin-top:110px;border-radius:3px;background-color:#fff}
.book-main{padding-top:40px}
.book-main-left{overflow:hidden;position:relative;float:left;width:300px;height:400px;border-radius:3px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-ms-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}
.book-main-right{position:relative;margin-left:350px}
.book-thumb{position:absolute;top:0;left:0;width:100%;height:100%}
.book-sale-info{text-align:center;position:absolute;bottom:0;width:100%;height:73px;line-height:96px;font-size:18px;font-weight:bold;color:#fff;background:url(../img/details_sale_info.png) 0 0 no-repeat}
.book-sale-info em{font-size:30px}
.book-name{height:32px;line-height:32px;padding-top:10px;margin-bottom:20px;font-size:32px;font-weight:bold;color:#333}
.book-star{overflow:hidden;height:20px;margin-bottom:24px}
.book-star .star-preview{position:relative;float:left;width:86px;height:14px;margin-top:3px;margin-right:6px}
.star-preview .star-bg,.star-preview .star-decimal{float:left;height:14px}
.star-preview .star-bg,.star-preview .star-decimal i{background-color:#ffc807}
.star-preview .star-bg.star-int-0{width:0}
.star-preview .star-bg.star-int-1{width:18px}
.star-preview .star-bg.star-int-2{width:36px}
.star-preview .star-bg.star-int-3{width:54px}
.star-preview .star-bg.star-int-4{width:72px}
.star-preview .star-bg.star-int-5{width:86px}
.star-preview .star-decimal{width:14px}
.star-preview .star-decimal i{display:block;height:100%}
.star-preview .star-views{position:absolute;width:100%;height:100%;background:url(../img/details_icon_star.png) 0 0 no-repeat;z-index:2}
.book-star .star-number{float:left;line-height:20px;font-size:20px;color:#ffc807}
.info-attr{font-size:16px;color:#999}
.info-text{font-size:16px;color:#333}
.info-inline{margin-left:56px}
.book-info{font-size:0;margin-bottom:22px}
.book-info .info-attr{display:inline-block;height:16px;line-height:16px;margin-right:10px}
.book-info .info-text{display:inline-block;height:16px;line-height:16px}
.book-desc{font-size:0}
.book-desc .info-attr{float:left;height:16px;line-height:16px;margin-right:10px}
.book-desc .info-text{float:left;width:767px;line-height:30px;margin-top:-7px;margin-bottom:48px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;}
.button-book{float:left;text-align:center;height:46px;line-height:46px;border-radius:3px;font-size:18px;font-weight:normal}
.button-book.read{width:206px;margin-right:16px;border:1px solid #ffc807;color:#fff;background-color:#ffc807}
.button-book.read:hover{background-color:#ffc807}
.button-book.fav{width:128px;border:1px solid #eee;color:#333;background-color:#f9f9f9}
.button-book.fav:hover{background-color:#fbfbfb}
.button-book.cancel-fav{width:128px;border:1px solid #eee;color:#999;background-color:#eee}
.book-link{position:absolute;bottom:0;width:100%}
.book-link-share{float:right;padding:8px 0;font-size:0}
.btn-share{position:relative;display:inline-block;width:30px;height:30px;margin-left:24px}
.btn-share.weibo{background:url(../img/share-icon.png) 0 0 no-repeat}
.btn-share.qzone{background:url(../img/share-icon.png) -40px 0 no-repeat}
.btn-share.qq{background:url(../img/share-icon.png) -80px 0 no-repeat}
.btn-share.wx{background:url(../img/share-icon.png) -120px 0 no-repeat}
.btn-share.weibo:hover{background:url(../img/share-icon-hover.png) 0 0 no-repeat}
.btn-share.qzone:hover{background:url(../img/share-icon-hover.png) -40px 0 no-repeat}
.btn-share.qq:hover{background:url(../img/share-icon-hover.png) -80px 0 no-repeat}
.btn-share.wx:hover{background:url(../img/share-icon-hover.png) -120px 0 no-repeat}
.read-share-wx-bg{display:none;position:absolute;top:-175px;left:-66px;width:160px;height:168px;background-color:#fff}
.read-share-wx-bg img{width:100%;height:100%}
.btn-share.wx:hover .read-share-wx-bg{display:block}
.section-name{height:30px;line-height:30px;font-size:30px;font-weight:bold;color:#333}
.book-chapter .section-block{margin:60px 0 40px;height:30px;line-height:30px}
.chapter .section-name{float:left;margin-right:18px}
.chapter .chapter-date{float:left;font-size:14px;margin-right:50px;color:#999}
.chapter-page-btn{position:relative;text-align:center;float:left;margin-right:30px;font-size:16px;color:#666;cursor:pointer}
.chapter-page-btn.active{color:#ffc807}
.chapter-page-btn.active:after{content:'';position:absolute;left:50%;bottom:-8px;width:10px;height:4px;margin-left:-5px;border-radius:2px;background-color:#ffc807}
.chapter-part-find{position:absolute;left:-45px;top:54px;width:572px;height:390px;padding:20px 12px 12px 20px;border:1px solid #eee;border-radius:3px;color:#666;background-color:#fff;z-index:2;cursor:default}
.chapter-part-find li{float:left;width:98px;height:36px;line-height:36px;margin-right:8px;margin-bottom:8px;border-radius:3px;cursor:pointer}
.chapter-part-find li:hover{background-color:#f6f6f6}
.chapter-part-find li.active{background-color:#ffc807;color:#333}
.change-style{float:right;margin-top:5px}
.change-style a{float:left;width:20px;height:20px}
.style-img{margin-right:26px;background:url(../img/chapter_style.png) 0 0 no-repeat}
.style-img.active{background:url(../img/chapter_style.png) -20px 0 no-repeat}
.style-txt{margin-right:2px;background:url(../img/chapter_style.png) 0 -20px no-repeat}
.style-txt.active{background:url(../img/chapter_style.png) -20px -20px no-repeat}
.chapter-list{display:none}
.chapter-list.active{display:block}
.chapter-thumb{overflow:hidden;position:relative;border-radius:3px}
.chapter-thumb .img-full{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.chapter-thumb .tag-free{text-align:center;position:absolute;right:0;width:48px;height:30px;line-height:30px;font-size:14px;color:#fff;background-color:#34b47c}
.chapter-list.pm .text-ignore,.chapter-list.tm .text-ignore{display:block;height:18px;line-height:18px;font-size:14px;color:#333}
.chapter-list.wz .text-ignore{display:block;font-size:14px;color:#333}
.chapter-list.pm{margin-right:-30px}
.chapter-list.pm>li{float:left;width:168px;height:288px;margin-right:30px}
.chapter-list.pm .chapter-thumb{width:168px;height:224px;margin-bottom:18px}
.chapter-list.pm .chapter-thumb .chapter-ever-lock,.chapter-list.pm .chapter-thumb .chapter-lock{text-align:center;position:absolute;width:100%;height:100%;line-height:264px;font-size:12px;color:#dfdfdf;background-color:rgba(0,0,0,0.4)}
.chapter-list.pm .chapter-thumb .chapter-ever-lock:after,.chapter-list.pm .chapter-thumb .chapter-lock:after{content:'';position:absolute;left:50%;margin-left:-14px;width:28px;height:30px;background:url(../img/details_icon_lock.png) 0 0 no-repeat}
.chapter-list.pm .chapter-thumb .chapter-lock:after{top:88px}
.chapter-list.pm .chapter-thumb .chapter-ever-lock:after{top:50%;margin-top:-15px}
.chapter-list.pm .tag-free{bottom:14px}
.chapter-list.tm{margin-right:-30px}
.chapter-list.tm>li{float:left;width:168px;height:164px;margin-right:30px}
.chapter-list.tm .chapter-thumb{width:168px;height:110px;margin-bottom:18px}
.chapter-list.tm .chapter-thumb .chapter-ever-lock,.chapter-list.tm .chapter-thumb .chapter-lock{text-align:center;position:absolute;width:100%;height:100%;line-height:150px;font-size:12px;color:#dfdfdf;background-color:rgba(0,0,0,0.4)}
.chapter-list.tm .chapter-thumb .chapter-ever-lock:after,.chapter-list.tm .chapter-thumb .chapter-lock:after{content:'';position:absolute;left:50%;margin-left:-14px;width:28px;height:30px;background:url(../img/details_icon_lock.png) 0 0 no-repeat}
.chapter-list.tm .chapter-thumb .chapter-lock:after{top:30px}
.chapter-list.tm .chapter-thumb .chapter-ever-lock:after{top:50%;margin-top:-15px}
.chapter-list.tm .tag-free{bottom:14px}
.chapter-list.wz{margin-right:-30px}
.chapter-list.wz>li{float:left;width:168px;height:82px;margin-right:30px}
.chapter-list.wz .chapter-thumb{width:168px;height:52px;line-height:52px;padding:0 12px;margin-bottom:30px;border:1px solid #dfdfdf;font-size:14px;color:#333}
.chapter-list .chapter-thumb:hover{-webkit-box-shadow:0 5px 14px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 14px rgba(0,0,0,0.1);box-shadow:0 5px 14px rgba(0,0,0,0.1)}
.chapter-list.wz .chapter-ever-lock,.chapter-list.wz .chapter-lock{position:absolute;top:50%;right:6px;width:30px;height:30px;margin-top:-15px}
.chapter-list.wz .chapter-lock .ring-outer{display:inline-block;position:relative;width:30px;height:30px}
.chapter-list.wz .chapter-ever-lock .ring-inner,.chapter-list.wz .chapter-lock .ring-inner{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:#fff url(../img/details_icon_lock_s.png) center center no-repeat}
.ring-outer-left,.ring-outer-right{overflow:hidden;position:relative;float:left;width:15px;height:30px}
.ring-outer-left{border-radius:30px 0 0 30px}
.ring-outer-right{border-radius:0 30px 30px 0}
.ring-outer-left div,.ring-outer-right div{content:'';position:absolute;display:block;width:15px;height:30px;border-radius:30px 0 0 30px;transition:all .3s;transform-origin:right center;transform:rotateZ(-180deg);background-color:#ffc807}
.ring-outer-right div{content:'';display:block;position:absolute;border-radius:0 30px 30px 0;transform-origin:left center}
.chapter-list.wz .tag-free{bottom:10px}
.top-rank{position:relative;min-height:230px;padding-top:30px;margin-bottom:30px}
.top-rank .section-block{margin-bottom:36px}
.rank-fixed{margin-left:-8px;margin-bottom:46px}
.rank-fixed .rank-info{float:left;width:300px;height:68px;margin-right:3px}
.rank-fixed .rank-info:before{content:'';float:left;width:54px;height:54px}
.rank-fixed .top-first:before{background:url(../img/ranking-icon.png) 0 0 no-repeat}
.rank-fixed .top-second:before{background:url(../img/ranking-icon.png) -54px 0 no-repeat}
.rank-fixed .top-third:before{background:url(../img/ranking-icon.png) -108px 0 no-repeat}
.top-rank .user-head{overflow:hidden;position:relative;float:left;width:68px;height:68px;border-radius:100%;margin-right:12px}
.top-rank .user-head>img{width:100%;height:100%}
.rank-fixed .user-head .border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%}
.rank-fixed .top-first .border{border:2px solid #f4d821}
.rank-fixed .top-second .border{border:2px solid #cecfcf}
.rank-fixed .top-third .border{border:2px solid #c8a346}
.rank-fixed .user-info .user-name{height:40px;line-height:40px;font-size:16px;color:#333}
.rank-fixed .user-info .user-num{height:16px;line-height:16px;font-size:16px;color:#666}
.rank-fixed .user-info .user-empty{height:68px;line-height:68px;font-size:16px;color:#666}
.rank-float{margin-left:-2px}
.rank-float .rank-info{float:left;width:216px;height:50px;margin-right:12px}
.rank-float .rank-info .rank-num{text-align:center;float:left;width:26px;height:26px;line-height:26px;margin-top:12px;margin-right:10px;border-radius:100%;font-size:16px;color:#666;background-color:#f2f2f2}
.rank-float .user-head{width:50px;height:50px;margin-right:10px}
.rank-float .user-info .user-name{height:32px;line-height:32px;font-size:16px;color:#333}
.rank-float .user-info .user-num{height:16px;line-height:16px;font-size:16px;color:#666}
.rank-right{position:absolute;right:0;bottom:0}
.rank-right .rank-add-btn{display:block;width:239px;padding-top:142px;background:url(../img/rank_reward.png) 0 0 no-repeat}
.rank-add-btn p{text-align:center;width:240px;height:48px;line-height:48px;margin-top:22px;font-size:18px;color:#333;border-radius:3px;background-color:#ffc807}
.rank-empty{text-align:center;padding-top:50px}
.rank-empty h4{margin-bottom:48px;font-size:24px;color:#333}
.rank-empty .rank-add-btn{display:block;width:240px;height:48px;margin:0 auto 80px}
.comment-title{padding-top:50px;margin-bottom:36px}
.comment-list{margin-bottom:116px}
.goto-topic{position:absolute;top:0;right:-60px;width:168px;height:48px;line-height:48px;padding-left:18px;font-size:18px;color:#333;border-top-left-radius:24px;border-bottom-left-radius:24px;background-color:#ffc807}
.goto-topic i{position:absolute;right:6px;font-size:12px}
.djc-sidewdow{position:fixed;z-index:999;right:70px;bottom:500px}
/**ÏÂÔØÏêÇé**/
.down-detail{ position:relative;}
.dx-title{ position:relative; height:37px;}
.dx-title .rfesh{ position:absolute; right:0; top:0; padding-right:20px; background:url(syk.jpg) 40px -283px no-repeat; height:35px; line-height:35px; cursor:pointer;}
.dx-title .rfesh:hover{color:#ffc807;}
.detail-l{ z-index:9; width:250px;position: fixed;top: 245px;_position: absolute;_margin-top: 40px;_bottom: auto;_top: expression(eval(document.documentElement.scrollTop));}

.detail-l h1{ height:52px; line-height:52px; background-color:#f9f9f9; font-size:20px; padding:0 15px;width:220px;overflow:hidden;}
.detail-l h2{ height:52px; line-height:52px; background-color:#f9f9f9; font-size:20px; padding:0 15px;width:220px;overflow:hidden;}
.detail-l .pic,.detail-l .pic img{ width:120px; height:120px; display:block;}
.detail-l .pic{margin:20px auto}
.detail-l .score{ color:#ed4b39; text-align:center; height:50px; line-height:50px; margin-bottom:20px; font-size:30px;}
.detail-l .score b{ font-size:50px; font-weight:normal}
.detail-l .down{ margin:0 15px;}
.detail-l .down .btn{ height:52px; line-height:52px; border-radius:5px; margin-bottom:15px; padding-left:50px; position:relative;color: #fff;font-size: 18px;}
.detail-l .down-adr{ background:#75d25c url(down-ico.png) 10px -160px no-repeat;}
.detail-l .down-ios{ background:#0099ff url(down-ico.png) 10px -102px no-repeat;}
.detail-l .down-pc{ background:#ffc807;}
.detail-l .down .btn a{ color:#fff; font-size:18px;}
.detail-l .down .btn a:hover{ text-decoration:underline;}
.detail-l .down .bg{ position:absolute; right:0; top:5px;width:50px; height:42px; line-height:42px; background:url(down-ico.png) 10px 7px no-repeat}
.detail-l .down-adr .bg{ border-left:1px solid #52bc35;}
.detail-l .down-ios .bg{ border-left:1px solid #3089c5;}
.detail-l .down-pc .bg{ border-left:1px solid #d46706;}
.detail-l .ewm{ display:none;overflow:hidden;width:180px;height:190px;z-index: 999;background:url(ewm.png) no-repeat left top;position: absolute;right: -180px;top: -35px;}
.detail-l .ewm canvas{width: 150px;height: 150px;text-align: center;margin-left: 17px;margin-top: 20px;}
.detail-l .info{ margin:15px;}
.detail-l .info p{ max-height:60px; line-height:30px; margin-top:5px; width:100%; overflow:hidden}
.detail-l .info span{ color:#999; float:left;}
.detail-l .info i{ color:#333;}
.detail-l .info a { display:inline-block; color:#ffc807; height:20px; line-height:20px; padding:0 5px; border:1px solid #ffc807; border-radius:3px; margin-right:6px;}
.detail-l .info a:hover{ background-color:#ffc807; color:#fff;}
.detail-l .info  em {display: inline-block;width: 25px;height: 25px;}
.detail-l .info .adr{background: url(app.jpg) 2px 5px no-repeat;}
.detail-l .info .iph{background: url(app.jpg) -22px 5px no-repeat;}
.detail-l .info p.version{margin-bottom:10px;}
.detail-l .p1{ display:none;}
.detail-l .m-rank a {
    margin-bottom: 5px;
    text-align: center;
    display: block;
    color: #ffc807;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border: 1px solid #ffc807;
    border-radius: 3px;
    margin-right: 6px;}
.detail-l .qrcode{width:180px;height:150px;margin:0 auto 30px auto;text-align: center;}
.detail-l .qrcode span{width:180px;line-height:30px;color:#F00;text-align:center;font-weight:bold;font-size:17px;}
.detail-l .qrcode img{width:120px;height:120px;margin-top:10px;}
.detail-r {margin:10px 40px 90px 40px;}
.detail-r .main-nav{ height:50px; border-bottom:2px solid #ffc807;}
.detail-r .main-nav a{ display:block; height:50px; line-height:50px; width:153px; border-right:2px solid #ddd; float:left; text-align:center; font-size:18px;}
.detail-r .main-nav .active{ background-color:#ffc807; color:#fff;}
.detail-r .dx{ margin:20px 20px 0 20px; overflow:hidden;zoom:1;}
.detail-r .intro-wrap{ line-height:30px;}
.detail-r .intro-wrap a{ color:#ffc807;}
.detail-r .get_more{ height:30px; text-align:right; color:#ffc807; display:none; cursor:default}
.detail-r h3{ height:35px; line-height:35px; margin-bottom:10px;}
.detail-r h3 a{ height: 30px;
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #333;}
.detail-r h3 a:hover{ color:#333}
/**²ÂÄãϲ»¶**/
.cnxh-title{ width:100%; height:44px; position:relative; border-bottom:2px solid #ddd}
.cnxh-title h3{ display:inline-block; float:left; position:relative; top:2px; margin-right:20px;}
.cnxh-tags{ display:inline-block; float:left}
.cnxh-tags span{ display:inline-block; height:22px; line-height:22px; padding:0 6px; border-radius:3px; margin:6px 5px 0 5px; border:1px solid #ffc807; color:#ffc807; cursor:pointer}
.cnxh-tags .active{ color:#fff; background-color:#ffc807}
.game-cnxh .topWrap{ display:none}
.game-cnxh .current{ display:block}
.game-cnxh .topWrap .cnxh-ul{ overflow:hidden; width:105%; margin-top:10px;}
.game-cnxh .topWrap .top-text{ height:205px;}
.cnxh-ul li{ height:20px; width:300px; float:left; margin:10px 0;}
.cnxh-ul img{ width:100px; height:100px; float:left;object-fit: cover;}
.cnxh-ul .text{ height:100px; width:180px; float:left; margin-left:12px;}
.cnxh-ul .tit,.cnxh-ul p{ height:25px; line-height:25px; overflow:hidden; display:block; color:#999;}
.cnxh-ul .tit,.cnxh-ul p a{color:#999;}
.cnxh-ul .tit{ font-size:16px; color:#131313;}
.cnxh-ul a:hover{ text-decoration:underline}
.game-cnxh .cnxh-top{ overflow:hidden;zoom:1; clear:both; margin-top:15px;}
.cnxh-top .pic{ width:322px; height:205px; float:left}
.cnxh-top .pic img{ width:322px; height:205px;}
.cnxh-top .text-info{ height:205px; width:816px; float:right}
.cnxh-top .text-info .title{ display:block; height:30px; line-height:30px; font-size:20px; width:100%; overflow:hidden}
.cnxh-top .text-info .info{ width:100%; max-height:140px; line-height:28px; overflow:hidden; margin-top:10px;}
.cnxh-top .text-info .more{ display:block; color:#ffc807;height:20px; line-height:20px; text-align:right}
.cnxh-top .text-info .more:hover{ text-decoration:underline}
.yx-news,.gift-ul{ width:105%;margin-top:15px;}
.yx-news li{ height:30px; width:350px; margin-right:35px; float:left; line-height:30px; margin-top:5px;}
.yx-news li a,.yx-news li span{ display:inline-block; height:30px; overflow:hidden}
.yx-news li a{ float:left; width:290px;}
.yx-news li span{ float:right; margin-right:15px; color:#999}
.gift-ul li{ height:30px; line-height:30px; margin-top:5px;width:430px; margin-right:35px; float:left;}
.gift-ul li a{ float:left; display:inline-block;width:360px; height:30px; line-height:30px; overflow:hidden}
.gift-ul .lq{ float:right; background-color:#f8dadd; margin-right:15px; color:#fff; width:44px; height:22px; line-height:22px; margin-top:4px; color:#d3192a; text-align:center}
.video-ul{ width:105%;}
.video-ul li{ width:215px; position:relative; float:left; height:170px; margin-right:10px;}
.video-ul li img{ width:215px; height:135px; float:left}
.video-ul li .tit{ display:block; height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.video-ul li .play{ position:absolute; left:84px; top:44px; display:inline-block; width:47px; height:47px; background:url(play1.png) 0px -50px no-repeat}
.video-ul li:hover .play{ background:url(play1.png) 0 0 no-repeat}
/**ͬÀàÓÎÏ·**/
.detail-r .game-vis { margin-top:0;}
.about-yxul{ width:205%;margin-top:15px;}
.about-yxul li{ width:95px; text-align:center; float:left; margin-right:11px; margin-top:10px;}
.about-yxul img{ width:75px; height:75px;object-fit:cover;}
.about-yxul .tit{ display:block; width:100%; height:25px; line-height:25px;}