html{height: 100%;}
body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif;}
a{text-decoration: none;}
input{-webkit-appearance: none;}
input[type=checkbox]{-webkit-appearance: checkbox;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 12%;}

:root {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-color: #667eea;
    --primary-dark: #5a6fd6;
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a68;
    --text-muted: #8a8a9e;
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-gradient: linear-gradient(180deg, #f5f7fa 0%, #e4e8f0 100%);
    --border-color: #e8eaf0;
    --shadow-sm: 0 2px 8px rgba(102, 126, 234, 0.08);
    --shadow-md: 0 4px 16px rgba(102, 126, 234, 0.12);
    --shadow-lg: 0 8px 32px rgba(102, 126, 234, 0.16);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
}

.bg-gray{background: var(--bg-gradient);}
.bg-black{background-color: #0d0d1a;}
.mask{position: fixed;width: 100%;height: 100%;background-color: #000;top: 0;left: 0;opacity: 0.75;z-index: 98;}
.bottom-tool{position: relative;padding-bottom: 80px;}

.normal-top{height: 52px;line-height: 52px;padding: 0 5%;background: var(--primary-gradient);position: fixed;left: 0;width: 90%;top: 0;z-index: 98;box-shadow: var(--shadow-md);}
.normal-top-back{height: 14px;float: left;margin-top: 19px;filter: brightness(0) invert(1);}
.normal-top-title{font-size: 18px;color: #fff;margin-left: 12px;font-weight: 600;display: inline-block;width: 58%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
img.normal-top-logo{height: 28px;vertical-align: top;margin-top: 12px;}
.normal-top-right{float: right;}
img.normal-top-right-search{height: 22px;vertical-align: top;margin-top: 15px;filter: brightness(0) invert(1);}
img.normal-top-right-avatar{height: 28px;vertical-align: top;margin-top: 12px;margin-left: 20px;width: 28px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.5);}

.search-top{height: 52px;line-height: 52px;padding: 0 20px;background: var(--primary-gradient);position: fixed;left: 0;width: 90%;top: 0;z-index: 99;box-shadow: var(--shadow-md);}
.search-top-back{height: 14px;position: absolute;top: 19px;left: 20px;filter: brightness(0) invert(1);}
.search-top-input{padding-left: 40px;padding-right: 40px;}
.search-top-input input{margin: 0;padding: 0;border: none;background: rgba(255,255,255,0.95);border-radius: var(--radius-lg);height: 38px;width: 80%;outline: none;vertical-align: top;margin-top: 7px;padding: 0 5%;padding-left: 15%;background-repeat: no-repeat;background-size: 16px 16px;background-position: 12px center;font-size: 15px;font-family: inherit;}
.search-top-right{height: 52px;line-height: 52px;position: absolute;color: #fff;top: 0;right: 20px;font-size: 15px;font-weight: 500;}

.search-title{height: 42px;line-height: 42px;padding: 0 15px;font-size: 14px;color: var(--text-secondary);letter-spacing: 0; margin-top: 60px;}
.search-label{padding: 0 12px;}
.search-label-item{font-size: 14px;color: var(--text-secondary);letter-spacing: 0;padding: 0 16px;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-xl);height: 38px;line-height: 38px;display: inline-block;margin-bottom: 10px;transition: all 0.2s ease;}
.search-label-item:active{background: rgba(102, 126, 234, 0.1);border-color: var(--primary-color);color: var(--primary-color);}

.search-class{padding: 0 8px;overflow: hidden;font-size: 0;}
.search-class li{width: 33.33%;display:inline-block;margin-bottom: 15px;}
.search-class li a{margin: 0 6px;display: block;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm);}
.search-class-2{padding: 0 8px;overflow: hidden;font-size: 0;}
.search-class-2 li{width: 50%;float: left;margin-bottom: 15px;}
.search-class-2 li a{margin: 0 6px;display: block;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm);}
.search-class-img{width: 100%;}
.search-class-title{font-size: 14px;color: var(--text-primary);letter-spacing: 0;text-align: center;margin-top: 10px;font-weight: 500;}

.title-1{font-size: 14px;color: var(--text-secondary);margin-top: 24px;padding: 0 15px;}
.title-1-right{font-size: 13px;color: var(--primary-color);letter-spacing: 0;float: right;text-decoration: none;font-weight: 500;}

.recharge-selector{padding: 8px;overflow: hidden;}
.recharge-selector li{width: 50%;float: left;position: relative;}
.recharge-selector li a{display: block;margin: 6px;border-radius: var(--radius-lg);border: 2px solid var(--border-color);height: 95px;text-align: center;background: var(--bg-primary);transition: all 0.2s ease;}
.recharge-selector li a.active{border: 2px solid var(--primary-color);box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}
.recharge-selector-title{font-size: 14px;color: var(--text-secondary);margin-top: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.recharge-selector-main{font-size: 28px;color: var(--primary-color);line-height: 26px;font-weight: 700;margin-top: 6px;}
.recharge-selector-main span{font-size: 14px;}
.recharge-selector-main span.delete{font-size: 14px;color: var(--text-muted);text-decoration: line-through;margin-left: 4px;}
.recharge-selector-tip{font-size: 12px;color: var(--text-muted);margin-top: 4px;}
.recharge-selector-right{position: absolute;right: 8px;top: 8px;height: 20px;}

.recharge-style{overflow: hidden;padding: 0 12px;}
.recharge-style li{height: 56px;border-radius: var(--radius-xl);border: 2px solid var(--border-color);margin-top: 12px;background: var(--bg-primary);transition: all 0.2s ease;}
.recharge-style li.active{border: 2px solid var(--primary-color);background: rgba(102, 126, 234, 0.05);}
.recharge-style-img{height: 36px;margin: 10px 16px;float: left;margin-right: 12px;}
.recharge-style-info{float: left;width: 180px;}
.recharge-style-info-install{float: left;width: 164px;}
.recharge-style-subtitle { font-size: 15px;color: var(--text-primary);margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;}
.recharge-style-title{font-size: 15px;color: var(--text-primary);margin-top: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.recharge-style-tip{font-size: 12px;color: var(--text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recharge-style-right{height: 22px;float: right;margin: 17px;margin-left: 0;display: none;}
.recharge-style li.active .recharge-style-right{display: inline;}
.recharge-style-right-install{float: right;height: 32px;line-height: 32px;margin-top: 12px;background: var(--primary-gradient);color: #fff;margin-right: 12px;border-radius: var(--radius-xl);padding: 0 12px;font-size: 13px;font-weight: 500;}

.recharge-tip{margin-top: 18px;padding: 0 15px;padding-bottom: 70px;}
.recharge-tip-line{font-size: 13px;color: var(--text-muted);letter-spacing: 0;line-height: 22px;}
.recharge-tip-bottom{margin-top: 16px;text-align: center;}
.recharge-tip-bottom a{color: var(--primary-color);font-size: 13px;letter-spacing: 0;font-weight: 500;}

.recharge-fix-btn{background: var(--primary-gradient);border-radius: 0;font-size: 16px;color: #FFFFFF;letter-spacing: 0;position: fixed;left: 0;width: 100%;bottom: 0;height: 52px;line-height: 52px;text-align: center;font-weight: 500;box-shadow: 0 -4px 20px rgba(102, 126, 234, 0.2);}

.recharge-set{overflow: hidden;padding: 0 12px;}
.recharge-set li{height: 56px;border: 2px solid var(--border-color);margin-top: 12px;background: var(--bg-primary);border-radius: var(--radius-lg);transition: all 0.2s ease;}
.recharge-set li.active{border: 2px solid var(--primary-color);background: rgba(102, 126, 234, 0.05);}
.recharge-set-info{float: left;width: 140px;margin-left: 16px;}
.recharge-set-title{font-size: 15px;color: var(--text-primary);margin-top: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.recharge-set-tip{font-size: 12px;color: var(--text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recharge-set-right{float: right;margin: 17px;font-size: 16px;color: var(--primary-color);letter-spacing: 0;font-weight: 600;}
.recharge-set-right span{color: var(--text-muted);text-decoration: line-through;font-size: 13px;margin-right: 6px;}

.vip-privilege-title{font-size: 15px;color: var(--text-secondary);letter-spacing: 0;margin-top: 18px;margin-left: 15px;padding-left: 12px;border-left: 4px solid var(--primary-color);font-weight: 600;}
.vip-privilege-list{margin-top: 12px;overflow: hidden;border-bottom: none;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.vip-privilege-list li{border-top: 1px solid var(--border-color);position: relative;padding: 0;}
.vip-privilege-list li:first-child{border-top: none;}
.vip-privilege-list-img{position: absolute;left: 16px;top: 16px;width: 48px;height: 48px;}
.vip-privilege-list-info{padding-left: 72px;padding-right: 16px;padding-bottom: 16px;padding-top: 12px;}
.vip-privilege-list-title{font-size: 15px;color: var(--text-primary);letter-spacing: 0;margin-top: 0;margin-bottom: 4px;font-weight: 600;}
.vip-privilege-list-content{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;line-height: 22px;}
.vip-privilege-more{font-size: 13px;color: var(--primary-color);letter-spacing: 0;text-align: center;margin: 12px;font-weight: 500;}

.vip-exchange-bg{background: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);padding-top:52px;}
.vip-exchange{margin: 46px 12px;border-radius: var(--radius-xl);background: rgba(255,255,255,0.08);backdrop-filter: blur(10px);padding: 0 16px;padding-bottom: 40px;border: 1px solid rgba(255,255,255,0.1);}
.vip-exchange-title{color: #fff;text-align: center;font-size: 24px;width: 220px;margin: 0 auto;border-bottom: 2px solid rgba(102, 126, 234, 0.6);margin-bottom: 28px;padding-bottom: 10px;}
.vip-exchange-title span{position: relative;top: 14px;background: transparent;padding: 0 15px;}
.vip-exchange-input{width: 86%;border: none;height: 44px;border-radius: var(--radius-xl);outline: none;font-size: 15px;color: var(--text-secondary);font-family: inherit;padding: 0 7%;line-height: 44px;margin-top: 12px;background: rgba(255,255,255,0.95);}
.vip-exchange-btn{background: var(--primary-gradient);text-align: center;height: 44px;line-height: 44px;color: #fff;width: 100%;display: block;border-radius: var(--radius-xl);margin-top: 20px;font-weight: 600;font-size: 16px;}
.vip-exchange-tip{margin-top: 40px;}
.vip-exchange-tip-title{font-size: 20px;color: rgba(255,255,255,0.9);margin-bottom: 10px;}
.vip-exchange-tip-content{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 22px;}

.vip-rank{border-top: none;border-bottom: none;margin-top: 12px;padding-bottom: 24px;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.vip-rank .dj-title{font-size: 18px;color: var(--text-primary);margin: 20px; font-weight: 600;}
.vip-rank .dj-text2{font-size: 14px;color: var(--text-secondary);margin: 0 20px;margin-bottom: 18px;}
.vip-rank .dj-form{text-align: center;margin-bottom: 12px;}
.vip-rank .dj-form-item{border: 2px solid var(--primary-color);font-size: 14px;color: var(--text-primary);display: inline-block;width: 86px;height: 38px;line-height: 38px;border-radius: var(--radius-md);font-weight: 500;}
.vip-rank .dj-form-item.gary{border: 2px solid var(--border-color);color: var(--text-muted);}
.vip-rank .dj-form-sign{font-size: 18px;color: var(--text-secondary);display: inline-block;margin: 0 8px;}
.vip-rank .dj-table{width: 94%;margin: 0 auto;border-collapse: collapse;margin-top: 18px;}
.vip-rank .dj-table th{text-align: center;font-size: 12px;color: var(--text-muted);background: var(--bg-secondary);font-weight: 500;border: 1px solid var(--border-color);height: 42px;width: 25%;}
.vip-rank .dj-table td{border: 1px solid var(--border-color);font-size: 13px;color: var(--text-primary);text-align: center;padding: 12px 5px;}
.vip-rank .dj-table .dj-table-y{color: var(--primary-color);font-weight: 600;}
.vip-rank .dj-table .dj-table-g{color: var(--text-muted);}

.vip-record{margin-top: 12px;border-bottom: none;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.vip-record li{border-top: 1px solid var(--border-color);height: 54px;position: relative;padding-left: 15px;}
.vip-record li:first-child{border-top: none;}
.vip-record-title{font-size: 16px;color: var(--text-primary);letter-spacing: 0;margin-top: 8px;font-weight: 500;}
.gary .vip-record-title{color: var(--text-muted);}
.vip-record-tip{font-size: 12px;color: var(--text-muted);letter-spacing: 0;}
.vip-record-right{font-size: 15px;color: var(--text-primary);letter-spacing: 0;line-height: 54px;position: absolute;top: 0;right: 15px;font-weight: 500;}
.vip-record-rechange{font-size: 16px;color: var(--text-muted);letter-spacing: 0;line-height: 54px;}

.buy-manga{margin-top: 12px;border-top: none;border-bottom: none;height: 120px;padding: 12px;overflow: hidden;position: relative;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.buy-manga-cover{height: 110px;width: 82px;padding: 3px;float: left;box-shadow: var(--shadow-md);position: absolute;border-radius: var(--radius-md);overflow: hidden;}
.buy-manga-cover img{height: 100%;width: 100%;}
.buy-manga-cover-hover{top: 3px;left: 3px;position: absolute;height: 110px;width: 82px;background-color: rgba(0,0,0,0.5);background-image: url(/static/images/buy-manga-cover-logo.png);background-repeat: no-repeat;background-position: 58px 3px;background-size: 20px 20px;border-radius: var(--radius-md);}
.buy-manga-cover-hover.active{background-image: url(/static/images/buy-manga-cover-logo-active.png);}
.buy-manga-info{padding-left: 100px;}
.buy-manga-title{font-size: 16px;color: var(--text-primary);letter-spacing: 0;font-weight: 600;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy-manga-author{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;margin-top: 10px;padding-right: 110px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy-manga-new{font-size: 13px;color: var(--primary-color);letter-spacing: 0;margin-top: 10px;font-weight: 500;}
.buy-manga-right{font-size: 14px;color: var(--text-muted);position: absolute;top: 52px;right: 12px;line-height: 38px;width: 98px;height: 38px;border-radius: var(--radius-md);border: 2px solid var(--border-color);text-align: center;transition: all 0.2s ease;}
.buy-manga-right.active{color: #fff;background: var(--primary-gradient);border: 2px solid var(--primary-color);}
.buy-manga-right-a{position: absolute;top: 30px;right: 0px;padding: 20px;}
.buy-manga-right-img{width: 25px;}
.buy-manga-right-title{text-align: center;font-size: 13px;color: var(--text-secondary);}

.wallet-main{margin-top: 12px;border-top: none;border-bottom: none;padding: 18px 16px;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.wallet-main-coin{overflow: hidden;padding-top: 30px;}
.wallet-main-coin-left{width: 50%;float: left;text-align: center;border-right: 1px solid var(--border-color);}
.wallet-main-coin-right{width: 50%;float: left;text-align: center;}
.wallet-main-coin-title{font-size: 14px;color: var(--text-muted);letter-spacing: 0;}
.wallet-main-coin-value{font-size: 22px;color: var(--text-primary);letter-spacing: 0;margin-top: 12px;font-weight: 700;}
.wallet-main-coin-tip{font-size: 12px;color: var(--primary-color);letter-spacing: 0;font-weight: 500;}
.wallet-main-coin-q{width: 15px;height: 15px;vertical-align: top;margin-top: 3px;margin-left: 5px;}
.wallet-main-coin-logo{width: 20px;height: 20px;vertical-align: top;margin-right: 5px;}
.wallet-main-coin-arrow{width: 7px;vertical-align: top;margin-top: 5px;margin-left: 5px;}
.wallet-main-coin-bottom{font-size: 12px;color: var(--text-muted);letter-spacing: 0;text-align: center;margin-top: 48px;}
.wallet-main-coin-btn{background: var(--primary-gradient);border-radius: var(--radius-md);font-size: 16px;color: #FFFFFF;letter-spacing: 0;display: block;width:100%;height: 48px;line-height: 48px;text-align: center;margin-top: 16px;font-weight: 600;box-shadow: var(--shadow-sm);}

.wallet-menu{margin-top: 12px;border-bottom: none;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.wallet-menu-item{height: 54px;line-height: 54px;display: block;font-size: 16px;color: var(--text-primary);letter-spacing: 0;border-top: 1px solid var(--border-color);padding: 0 15px;font-weight: 500;}
.wallet-menu-item:first-child{border-top: none;}
.wallet-menu-arrow{float: right;height: 15px;margin-top: 19px;}

.vip-main{background: linear-gradient(135deg, #4a4a68 0%, #2d2d44 100%);padding-top: 20px;overflow: hidden;position: relative;padding-bottom: 16px;}
.vip-main-cover{margin-left: 20px;width: 68px;height: 68px;padding: 4px;background: rgba(255,255,255,0.15);border-radius: 50%;position: relative;float: left;border: 2px solid rgba(255,255,255,0.2);}
.vip-main-avatar{width: 100%;height: 100%;border-radius: 50%;}
.vip-main-avatar-top{position: absolute;top: -10px;right: -3px;width: 26px;}
.vip-main-info{float: left;padding-left: 18px;}
.vip-main-info-title{font-size: 16px;color: #fff;letter-spacing: 0;margin-top: 14px;font-weight: 600;}
.vip-main-info-rank{height: 16px;margin-left: 6px;position: relative;top: 2px;}
.vip-main-info-tip{font-size: 14px;color: rgba(255,255,255,0.8);letter-spacing: 0;margin-top: 6px;}
.vip-main-info-right{font-size: 14px;color: rgba(255,255,255,0.9);letter-spacing: 0;text-decoration: none;position: absolute;right: 15px;top: 40px;font-weight: 500;}

.vip-main .dj-top{padding-top: 24px;overflow: hidden;width: 100%;}
.vip-main .dj-top-block{height: 8px;width: 80%;margin: 0 auto;background: rgba(255,255,255,0.2);border-radius: 4px;position: relative;top: 68px;}
.vip-main .dj-top-block-value{height: 8px;background: linear-gradient(90deg, #EFDCB3 0%, #DAB77C 100%);border-radius: 4px;}
.vip-main .dj-top-item{float: left;width: 20%;text-align: center;}
.vip-main .dj-top-item-title{font-size: 14px;color: rgba(255,255,255,0.5);height: 20px;}
.vip-main .dj-top-item-num{font-size: 12px;color: rgba(255,255,255,0.6);margin-top: 10px;height: 17px;}
.vip-main .dj-top-item-bar{position: relative;margin-top: 8px;}
.vip-main .dj-top-item-bar-circle1{width: 18px;height: 18px;border-radius: 9px;background: rgba(255,255,255,0.2);margin: 0 auto;}
.vip-main .dj-top-item-bar-circle2{width: 8px;height: 8px;border-radius: 4px;background-color: rgba(255,255,255,0.8);margin: 0 auto;position: relative;top: -13px;}
.vip-main .dj-top-item.active .dj-top-item-title{color: #EFDCB3;}
.vip-main .dj-top-item.active .dj-top-item-bar-circle1{background: linear-gradient(135deg, #DAB77C 0%, #EFDCB3 100%);}
.vip-main .dj-top-item.active .dj-top-item-bar-circle2{background-color: #fff;}
.vip-main .dj-sign{width: 80%;margin: 0 auto;margin-top: -5px;}
.vip-main .dj-sign-value{background-size: cover;width: 36px;height: 22px;line-height: 22px;padding-top: 4px;background-image:url(/dm5/images/mobile/dj-sign-value.png);position: relative;margin-left: -26px;color: #3d3d3d;font-size: 12px;text-align: center;border-radius: 4px;}
.vip-main .dj-sign-value.gary{background-image:url(/dm5/images/mobile/dj-sign-value.png);opacity: 0.6;}

.vip-main-bottom{margin-top: 20px;overflow: hidden;font-size: 14px;color: rgba(255,255,255,0.9);letter-spacing: 0;}
.vip-main-bottom-left{width: 50%;text-align: center;float: left;}
.vip-main-bottom-right{width: 50%;text-align: left;float: left;}
.vip-main-bottom span{color: #EFDCB3;font-weight: 600;}

.vip-text-1{font-size: 14px;color: var(--text-secondary);letter-spacing: 0;line-height: 22px;text-align: center;margin-top: 6px;}
.vip-text-2{font-size: 14px;color: var(--primary-color);letter-spacing: 0;text-decoration: none;display: block;text-align: center;margin-top: 6px;font-weight: 500;}

.vip-table .dj-table{width: 94%;margin: 0 auto;border-collapse: collapse;margin-top: 15px;}
.vip-table .dj-table th{font-size: 12px;color: #EFDCB3;background-color: #4A4A4B;font-weight: normal;border: 1px solid #EDEDED;height: 40px;width: 25%;text-align: center;}
.vip-table .dj-table.t2 th{width: 16%;}
.vip-table .dj-table td{border: 1px solid #d9d9d9;font-size: 13px;color: #212121;text-align: center;padding: 10px 5px;}
.vip-table .dj-table .dj-table-y{color: #F7BB05;}
.vip-table .dj-table .dj-table-g{color: #919191;}
.vip-table .dj-table .dj-table-r{color: var(--primary-color);}

.vip-new-btn{width: 190px;margin: 24px auto;display: block;}

.vip-privilege-view{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;padding: 10px;background-color: #fff;}
.vip-privilege-view-title{font-size: 15px;color: #252525;letter-spacing: 0;}
.vip-privilege-view-list{margin-top: 10px;overflow: hidden;}
.vip-privilege-view-list li{position: relative;width: 50%;float: left;}
.vip-privilege-view-list-img{position: absolute;left: 0px;top: 17px;width: 45px;height: 45px;}
.vip-privilege-view-list-info{padding-left: 55px;padding-bottom: 15px;}
.vip-privilege-view-list-title{font-size: 15px;color: #252525;letter-spacing: 0;margin-top: 20px;margin-bottom: 2px;}
.vip-privilege-view-list-title.gary{color: #999;}
.vip-privilege-view-list-content{font-size: 10px;color: #666666;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.vip-privilege-view-list-content.gary{color: #999;}
.vip-privilege-view-more{font-size: 12px;color: #666666;letter-spacing: 0;text-align: center;margin: 10px;text-decoration: underline;display: block;}

.vip-area{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;margin-top: 10px;background-color: #fff;}
.vip-area-top{height: 80px;line-height: 80px;}
.vip-area-top-avatar{height: 60px;width: 60px;border-radius: 30px;margin: 10px 15px;float: left;margin-right: 10px;}
.vip-area-top-title{font-size: 15px;color: #666666;letter-spacing: 0;float: left;}
.vip-area-top-subtitle{font-size: 15px;color: #FFFFFF;letter-spacing: 0;float: left;line-height: 24px;margin-top: 14px;}
.vip-area-top-subtip{font-size: 13px;color: #FFFFFF;letter-spacing: 0;float: left;line-height: 24px;}
.vip-area-top-btn{height: 34px;float: right;margin: 23px 0;margin-right: 10px;}
.vip-area-bottom{height: 86px;border-top: 1px solid #F4F4F4;overflow: hidden;}
.vip-area-bottom-item{width: 25%;float: left;text-align: center;}
.vip-area-bottom-logo{height: 40px;width: 40px;margin-top: 13px;}
.vip-area-bottom-title{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 2px;}

.manga-list{border-top: none;border-bottom: none;margin-top: 12px;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;overflow: hidden;}
.manga-list-title{height: 48px;line-height: 48px;padding: 0 16px;font-size: 17px;color: var(--text-primary);letter-spacing: 0.3px;font-weight: 600;}
.manga-list-title.index{padding-top: 12px;padding-left: 28px;position: relative;}
.manga-list-title.index:after{content: '';width: 4px;height: 22px;background: var(--primary-gradient);border-radius: 2px;display: block;position: absolute;top: 24px;left: 16px;}
.manga-list-title-more{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;font-weight: normal;float: right;padding-right: 14px;background-image: url(/static/images/manga-list-title-more.png);background-repeat: no-repeat;background-size: 8px;background-position: center right;padding-left: 10px;}
.manga-list-title.index .manga-list-title-more{color: var(--text-muted);}
.manga-list-title-logo-1{padding-left: 36px;background-image: url(/dm5/images/mobile/index-title-logo-1.png);background-size: 16px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-logo-2{padding-left: 36px;background-image: url(/dm5/images/mobile/index-title-logo-2.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-logo-3{padding-left: 36px;background-image: url(/dm5/images/mobile/index-title-logo-3.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-logo-4{padding-left: 40px;background-image: url(/dm5/images/mobile/index-title-logo-4.png);background-size: 23px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-logo-5{padding-left: 36px;background-image: url(/dm5/images/mobile/index-title-logo-5.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-logo-6{padding-left: 36px;background-image: url(/dm5/images/mobile/index-title-logo-6.png);background-size: 19px 20px;background-repeat: no-repeat;background-position: 12px 13px;}
.manga-list-title-right{height: 25px;line-height: 25px;border: 1px solid #F4F4F4;float: right;font-size: 0;margin-top: 10px;}
.manga-list-title-right-item{font-size: 12px;color: #666666;letter-spacing: 0;text-align: center;width: 50px;border-left: 1px solid #F4F4F4;display: inline-block;font-weight: normal;}
.manga-list-title-right-item.active{color: #252525;background-color: #f8f8f8;}
.manga-list-title-right-item:first-child{border-left: none;}

.manga-list-1{font-size:0;padding: 0 8px;overflow: hidden;}
.manga-list-1 .swiper-slide{width: 95%;}
.manga-list-1 li{width: 50%;display:inline-block;}
.manga-list-1-cover{padding: 4px;position: relative;border-radius: var(--radius-md);overflow: hidden;}
.manga-list-1-cover-img{width: 100%;}
.manga-list-1-cover-logo{position: absolute;right: 6px;top: 4px;height: 18px;}
.manga-list-1-cover-logo-font{position: absolute;right: 6px;top: 4px;height: 18px;line-height: 18px;text-align: center;display: block;background: var(--primary-gradient);color: #fff;font-size: 12px;padding: 0 6px;border-radius: 3px;}
.manga-list-1-title{font-size: 14px;color: var(--text-primary);letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 4px;}
.manga-list-1-title a{font-size: 14px;color: var(--text-primary);letter-spacing: 0;font-weight: 600;}
.manga-list-1-tip{font-size: 13px;color: var(--text-muted);letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 3px;padding-bottom: 12px;}

.manga-list-2{font-size:0;padding: 0 8px;overflow: hidden;}
.manga-list-2 .swiper-slide{width: 95%;}
.manga-list-2 li{width: 33.33%;display: inline-block;vertical-align: top;}
.manga-list-2-cover{padding: 4px;position: relative;font-size: 0;border-radius: var(--radius-md);overflow: hidden;}
.manga-list-2-cover a{display: block;position: relative;}
.manga-list-2-cover-img{width: 100%;aspect-ratio: 3 / 4;object-fit: cover;border-radius: var(--radius-sm);background: var(--bg-secondary);} 
.manga-list-2-cover-logo{position: absolute;right: 6px;top: 4px;height: 18px;}
.manga-list-2-cover-hover{top: 0;left: 0;position: absolute;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);background-image: url(/static/images/buy-manga-cover-logo.png);background-repeat: no-repeat;background-position: 98% 3px;background-size: 20px 20px;border-radius: var(--radius-md);}
.manga-list-2-cover-hover.active{background-image: url(/static/images/buy-manga-cover-logo-active.png);}
.manga-list-2-title{font-size: 14px;color: var(--text-primary);letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 4px;font-weight: 600;}
.manga-list-2-title a{font-size: 14px;color: var(--text-primary);letter-spacing: 0;font-weight: 600;}
.manga-list-2-tip{font-size: 13px;color: var(--primary-color);letter-spacing: 0;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 3px;padding-bottom: 12px;}
.manga-list-2-tip a{font-size: 13px;color: var(--text-muted);letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}

.manga-list-3{padding: 0 10px;overflow: hidden;}
.manga-list-3 li{position: relative;height: 172px;float: left;}
.manga-list-3-cover{padding: 3px;width: 116px;height: 156px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);position: absolute;left: 0px;top: 0px;}
.manga-list-3-cover-img{height: 100%;width: 100%;}
.manga-list-3-cover-logo{position: absolute;right: 3px;top: 3px;height: 18px;}
.manga-list-3-info{padding-left: 132px;}
.manga-list-3-title{font-size: 18px;color: #252525;letter-spacing: 0;margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-title a{font-size: 18px;color: #252525;letter-spacing: 0;}
.manga-list-3-author{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-tip{font-size: 13px;color: #252525;letter-spacing: 0;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.manga-list-3-new{font-size: 13px;color: var(--primary-color);letter-spacing: 0;margin-left: 6px;}
.manga-list-3-content{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 10px;}

.ticket-item{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;margin-top: 10px;height: 90px;position: relative;background-color: #fff;}
.ticket-item-left{width: 110px;height: 90px;background-color: #999;text-align: center;position: absolute;left: 0;top: 0;}
.ticket-item.active .ticket-item-left{background: var(--primary-gradient);}
.ticket-item-left-title{font-size: 28px;color: #fff;margin-top: 22px;line-height: 24px;}
.ticket-item-left-img{width: 100%;height: 100%;}
.ticket-item-left-tip{font-size: 16px;color: #fff;margin-top: 2px;}
.ticket-item-left-right{height: 100%;position: absolute;right: -1px;top: 0;}
.ticket-item-right{padding-left: 130px;position: relative;}
.ticket-item-right-title{font-size: 13px;color: #999;margin-top: 12px;}
.ticket-item.active .ticket-item-right-title{color: #252525;}
.ticket-item-right-subtitle{font-size: 11px;color: #999;margin-top: 5px;}
.ticket-item.active .ticket-item-right-subtitle{color: #666;}
.ticket-item-right-tip{font-size: 11px;color: #999;margin-top: 10px;padding-top: 6px;border-top: 1px solid #F4F4F4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 20px;}
.ticket-item.active .ticket-item-right-tip{color: #666;}
.ticket-item-right-tip span{margin-left: 20px;}
.ticket-item-right-img{width: 36px;height: 36px;position: absolute;top: 0px;right: 10px;}

.selector-top{height: 52px;line-height: 52px;border-bottom: none;text-align: center;background: var(--bg-primary);position: relative;box-shadow: var(--shadow-sm);}
.selector-top-item{font-size: 15px;color: var(--text-muted);letter-spacing: 0;margin: 0 28px;position: relative;height: 42px;display: inline-block;font-weight: 500;}
.selector-top-item.active{color: var(--primary-color);}
.selector-top-item.active:after{content:"";background: var(--primary-gradient);border-radius: 3px;width: 28px;height: 4px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -14px;}
.selector-top-right-logo{height: 18px;position: absolute;right: 15px;top: 17px;}
.selector-top-right-font{position: absolute;right: 15px;top: 0;font-size: 14px;color: var(--text-primary);letter-spacing: 0;font-weight: 500;}

.line-container{padding-top: 24px;text-align: center;margin-top: 60px;}
.line-container input{margin-top: 12px;width: 80%;border: 2px solid var(--border-color);height: 52px;border-radius: var(--radius-xl);outline: none;font-family: inherit;padding: 0 5%;font-size: 15px;background: var(--bg-primary);transition: all 0.2s ease;}
.line-container input:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}
.line-container-btn{width: 84%;background: var(--primary-gradient);border-radius: var(--radius-xl);height: 52px;display: block;line-height: 52px;text-align: center;margin: 32px auto;font-size: 16px;color: #FFFFFF;letter-spacing: 0;font-weight: 600;box-shadow: var(--shadow-md);}

.center-main{margin-top: 0;background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);}
.center-main-login{padding-top: 52px;text-align: center;padding-bottom: 24px;}
.center-main-login-btn{width: 110px;height: 44px;line-height: 44px;text-align: center;display: inline-block;font-size: 16px;color: #fff;letter-spacing: 0;background: rgba(255,255,255,0.2);backdrop-filter: blur(10px);border-radius: var(--radius-xl);margin: 0 16px;font-weight: 600;border: 1px solid rgba(255,255,255,0.3);}
.center-main-info{padding-top: 20px;position: relative;overflow: hidden;height: 90px;padding-bottom: 24px;}
.center-main-info-cover{position: absolute;top: 20px;left: 20px;background: rgba(255,255,255,0.2);padding: 4px;width: 68px;height: 68px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.4);}
.center-main-info-cover img{width: 100%;height: 100%;border-radius: 50%;}
.center-main-info-right{padding-left: 104px;}
.center-main-info-title{font-size: 17px;color: #fff;letter-spacing: 0;margin-top: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.center-main-info-tip{font-size: 14px;color: rgba(255,255,255,0.8);letter-spacing: 0;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.center-main-info-right-logo{position: absolute;right: 20px;top: 44px;height: 20px;}
.center-main-list{margin-top: 12px;    margin-bottom: 60px;}
.center-main-list-border{margin-top: 12px;border-top: none;border-bottom: none;background: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);margin-left: 12px;margin-right: 12px;}
.center-main-list li,.center-main-list-border li{border-top: 1px solid var(--border-color);height: 54px;line-height: 54px;background: var(--bg-primary);}
.center-main-list li:first-child,.center-main-list-border li:first-child{border-top: none;}
.center-main-list li a,.center-main-list-border li a{display: block;padding: 0 15px;}
.center-main-list-logo{width: 24px;height: 24px;vertical-align: top;margin: 15px;margin-left: 0;margin-right: 12px;}
.center-main-list-title{font-size: 16px;color: var(--text-primary);letter-spacing: 0;font-weight: 500;}
.center-main-list-title-edit{font-size: 16px;color: var(--text-primary);letter-spacing: 0;margin-left: 20px;font-weight: 500;}
.center-main-list-right{height: 15px;float: right;margin: 19px 0;margin-right: 0;}
.center-main-list-right-avatar{float: right;height: 64px;width: 64px;margin: 18px 0;margin-right: 0;border-radius: 50%;}
.center-main-list-right-tip{font-size: 14px;color: var(--text-secondary);letter-spacing: 0;float: right;margin-right: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.center-main-list-right-tip-gray{font-size: 14px;color: var(--text-muted);letter-spacing: 0;float: right;margin-right: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.center-main-bottom-btn{border-top: none;height: 52px;line-height: 52px;background: var(--bg-primary);text-align: center;font-size: 16px;color: var(--text-primary);letter-spacing: 0;display: block;position: fixed;left: 0;bottom: 0;width: 100%;font-weight: 500;box-shadow: 0 -2px 15px rgba(0,0,0,0.05);}
.center-main-bottom-btn.l50{width: 50%;left: 0;}
.center-main-bottom-btn.r50{width: 50%;left: inherit;right: 0;border-left: 1px solid var(--border-color);}
.center-main-bottom-btn.m100 { width:100%;}
.bottom-tool .center-main-bottom-btn{position: absolute;}

.center-bottom-menu{position: absolute;width: 100%;bottom: 0;left: 0;background-color: #fff;z-index: 99;}
.center-bottom-menu-item{border-top: 1px solid #f4f4f4;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #252525;letter-spacing: 0;display: block;}
.center-bottom-menu-border{background-color: #f4f4f4;height: 10px;}

.protocol-title{font-size: 15px;color: #252525;letter-spacing: 0;margin-top: 20px;padding: 0 10px;}
.protocol-content{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 12px;padding: 0 10px;}

.win-first{position: fixed;width: 300px;height: 260px;top: 50%;left: 50%;margin-left: -150px;margin-top: -130px;background-color: #fff;border-radius: 2px;z-index: 99;text-align: center;}
.win-first-cross{position: absolute;right: 10px;top: 10px;width: 13px;}
.win-first-logo{width: 80px;margin-top: 30px;}
.win-first-title{font-size: 13px;color: #252525;letter-spacing: 0;margin-top: 10px;}
.win-first-btn{width: 230px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background: var(--primary-gradient);border-radius: var(--radius-xl);display: block;margin: 0 auto;margin-top: 10px;font-weight: 600;box-shadow: var(--shadow-md);}
.win-first-close{font-size: 13px;color: #666666;letter-spacing: 0;text-decoration: underline;margin-top: 10px;display: block;}

.feedback-main-title{padding: 10px;font-size: 13px;color: #666666;letter-spacing: 0;}
.feedback-main-list{overflow: hidden;}
.feedback-main-list-item{float: left;margin-left: 2.4%;width: 46.4%;background-color: #fff;font-size: 15px;color: #252525;letter-spacing: 0;border: 1px solid #F4F4F4;border-radius: 2px;height: 45px;line-height: 45px;text-align: center;margin-bottom: 10px;}
.feedback-main-list-item.active{background: rgba(102, 126, 234, 0.06);border: 2px solid var(--primary-color);}
.feedback-main-textarea{margin: 0 auto;display: block;resize: none;width: 92.2%;border: 1px solid #F4F4F4;border-radius: 2px;font-size: 13px;color: #252525;letter-spacing: 0;padding: 1.5%;height: 108px;outline: none;font-family: 'Microsoft YaHei';}
.feedback-main-input{border: 1px solid #F4F4F4;display: block;outline: none;margin: 0 auto;width: 92.2%;padding: 1.5%;font-size: 13px;color: #252525;letter-spacing: 0;font-family: 'Microsoft YaHei';}
.feedback-main-btn{display: block;width: 200px;height: 52px;line-height: 52px;background: var(--primary-gradient);border-radius: var(--radius-xl);font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;margin: 50px auto;font-weight: 600;box-shadow: var(--shadow-md);}

.feedback-main-pic-container{overflow: hidden;padding-top: 10px;}
.feedback-main-pic-item{float: left;width: 21.3%;margin-left: 2.7%;border: 1px solid #F4F4F4;position: relative;}
.feedback-main-pic-img{width: 100%;}
.feedback-main-pic-del{width: 15px;position: absolute;right: -5px;top: -5px;}
.feedback-main-pic-add{width: 100%;}

.main-404{text-align: center;}
.main-404-img{width: 223px;margin-top: 111px;}
.main-404-btn{width: 200px;height: 52px;line-height: 52px;text-align: center;background: var(--primary-gradient);border-radius: var(--radius-xl);font-size: 16px;color: #FFFFFF;letter-spacing: 0;display: block;margin: 0 auto;margin-top: 26px;font-weight: 600;box-shadow: var(--shadow-md);}
.main-404-btn-cancel{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #F8F8F8;border: 1px solid #F4F4F4;border-radius: 3px;font-size: 15px;color: #252525;letter-spacing: 0;display: block;margin: 0 auto;margin-top: 10px;}

.ad-top{overflow: hidden;position: relative;font-size: 0;}
.ad-top.mt10{margin-top: 10px;}
.ad-top.mb10{margin-bottom: 10px;}
.ad-top-img{width: 100%;}
.ad-top-cross{position: absolute;height: 100%;top: 0;left: 3%;}

.detail-main{height: 160px;position: relative;overflow: hidden;margin-top: 40px;}
.detail-main-bg{-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:blur(15px);position: absolute;width: 100%;top: 0;left: 0;}
.detail-main-cover{position: absolute;width: 100px;border: 2px solid #fff;font-size: 0;border-bottom: none;bottom: 0;left: 20px;}
.detail-main-cover img{width: 100%;}
.detail-main-info{position: relative;padding-left: 140px;}
.detail-main-info-title{font-size: 20px;color: #FFFFFF;letter-spacing: 0;font-weight: bold;margin-top: 28px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-star{height: 14px;width: 70px;background-image: url(/static/images/star.png);background-repeat: no-repeat;margin-top: 5px;}
.detail-main-info-star.star-5{background-position: 0px 0px;}
.detail-main-info-star.star-4{background-position: 0px -14px;}
.detail-main-info-star.star-3{background-position: 0px -28px;}
.detail-main-info-star.star-2{background-position: 0px -42px;}
.detail-main-info-star.star-1{background-position: 0px -56px;}
.detail-main-info-star.star-0{background-position: 0px -70px;}
.detail-main-info-author{font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 17px;margin-top: 7px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-author a{font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 17px;text-decoration: underline;}
.detail-main-info-class{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 5px;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-class span{margin-right: 8px;}
.detail-main-info-tip{font-size: 12px;color: #FFFFFF;letter-spacing: 0;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0px 3px 5px #595959;}
.detail-main-info-tip-logo{width: 18px;vertical-align: top;margin-right: 5px;}
.detail-desc{font-size: 15px;color: #666666;letter-spacing: 0;padding: 10px;background-color: #fff;border-bottom: 1px solid #f4f4f4;}

.detail-ad-con{margin: 10px 0;font-size: 0;overflow: hidden;}
.detail-ad-img{width: 100%;}
.detail-selector{height: 50px;line-height: 50px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;background-color: #fff;font-size: 0;text-align: center;}
.detail-selector-item{display: inline-block;height: 50px;line-height: 50px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;position: relative;}
.detail-selector-item:before{content: '';position: absolute;height: 18px;width: 1px;background-color: #f4f4f4;top: 16px;left: 0;}
.detail-selector-item:first-child:before{content: '';background-color: #fff;}
.detail-selector-item.active{color: #252525;}
.detail-selector-item.active:after{content: '';background-color: #fd113a;height: 5px;border-radius: 2.5px;width: 25px;display: block;position: absolute;left: 50%;bottom: 0;margin-left: -12.5px;}
.detail-selector.item-4 .detail-selector-item{width: 25%;}
.detail-selector.item-3 .detail-selector-item{width: 33%;}
.detail-selector.item-2 .detail-selector-item{width: 50%;}
.detail-selector-item-count{font-size: 9px;color: #999999;letter-spacing: 0;border: 1px solid #D9D9D9;height: 16px;line-height: 16px;position: absolute;top: 5px;border-radius: 8px;padding: 0 5px;left: 50%;margin-left: 12px;}

.detail-vip-con{background-color: #fff;}
.detail-vip{height: 16px;margin: 0px auto;display: block;padding: 10px;background-color: #f8f8f8;}
.detail-list-title{font-size: 0;height: 40px;line-height: 40px;padding: 0 10px;background-color: #fff;padding-top: 10px;}
.detail-list-title-1{font-size: 13px;color: #252525;letter-spacing: 0;}
.detail-list-title-2{font-size: 13px;color: var(--primary-color);letter-spacing: 0;margin-left: 8px;}
.detail-list-title-3{font-size: 13px;color: #666666;letter-spacing: 0;margin-left: 8px;}
.detail-list-title-right{font-size: 13px;color: #999999;letter-spacing: 0;float: right;padding-left: 30px;background-position: 7px 11px;background-size: 18px 17px;background-repeat: no-repeat;}
.detail-list-title-right{background-image: url(/static/images/detail-order.png);}
.detail-list-title-right.inverted {background-image: url(/static/images/detail-order-inverted.png);}
.detail-list-1{padding: 0 5px;overflow: hidden;background-color: #fff;max-height: 193px;}
.detail-list-1 li{width: 33.33%;float: left;position: relative;}
.detail-list-1 li a{display: block;text-align: center;background: #F6F6F6;border: 1px solid #F4F4F4;margin: 5px;font-size: 14px;color: #252525;letter-spacing: 0;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-list-lock{position: absolute;bottom: 5px;right: 5px;height: 11px;}
.detail-list-more{margin: 5px 10px;background: #F6F6F6;border: 1px solid #F4F4F4;display: block;text-align: center;line-height: 36px;font-size: 14px;color: #252525;letter-spacing: 0;padding-bottom: 0px;}

.detail-fix-bottom{position: fixed;left: 0;bottom: 0;width: 100%;height: 66px;line-height: 56px;border-top: 1px solid #f4f4f4;background-color: #fff;z-index: 98;}
.detail-bottom-1{width: 24px;vertical-align: top;margin-top: 20px;margin-left: 10%;}
.detail-bottom-2{width: 21px;vertical-align: top;margin-top: 21px;margin-left: 7%;}
.detail-bottom-3{width: 21px;vertical-align: top;margin-top: 20px;margin-left: 7%;}
.detail-bottom-btn{width: 140px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;display: inline-block;background: var(--primary-gradient);border-radius: var(--radius-xl);float: right;margin: 10px;font-weight: 600;box-shadow: var(--shadow-md);}
.detail-comment-fix-bottom{height: 40px;background-color: #f6f6f6;padding: 10px 0;position: fixed;left: 0;bottom: 0;width: 100%;}
.detail-comment-fix-bottom-a{display: block;height: 40px;border-radius: 20px;background-color: #fff;font-size: 13px;color: #999999;letter-spacing: 0;text-align: center;line-height: 40px;margin: 0 10px;}
.detail-comment-fix-bottom-logo{vertical-align: top;height: 16px;margin-top: 12px;margin-right: 5px;}
.coin-fix-bottom{background: #FFFFFF;border: 1px solid #F4F4F4;border-radius: 2px;font-size: 15px;color: #999999;letter-spacing: 0;width: 90%;position: fixed;left: 5%;bottom: 20px;text-align: center;height: 45px;line-height: 45px;}
.bottom-tool .coin-fix-bottom{position: absolute;}

.detail-list-2{overflow: hidden;background-color: #fff;}
.detail-list-2 li{position: relative;height: 81px;margin: 5px 10px;background-color: #f6f6f6;margin-top: 10px;}
.detail-list-2 li:first-child{margin-top: 0;}
.detail-list-2-cover{position: absolute;left: 0;top: 0;height: 81px;width: 130px;overflow: hidden;}
.detail-list-2-cover-img{width: 100%;height: 100%;}
.detail-list-2-cover-logo{position: absolute;left: 0;top: 0;}
.detail-list-2-info{padding-left: 140px;height: 81px;}
.detail-list-2-info-title{font-size: 14px;color: #252525;letter-spacing: 0;padding-top: 22px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 30px;}
.detail-list-2-info-subtitle{font-size: 12px;color: #999999;letter-spacing: 0;line-height: 16px;margin-top: 4px;}
.detail-list-2-info-right{position: absolute;right: 10px;top: 34px;height: 18px;}
.detail-list-3-info-right{position: absolute;right: 10px;top: 15px;height: 18px;}

.win-pay{position: absolute;bottom: 35%;left: 5%;width: 90%;background: var(--bg-primary);border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);overflow: hidden;}
.win-pay2{position: fixed;top: 50%;left: 5%;margin-top: -140px;width: 90%;background: var(--bg-primary);z-index:1000;border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);overflow: hidden;}
.win-pay-cross{position: absolute;right: 15px;top: 15px;width: 18px;}
.win-pay-title{font-size: 18px;color: var(--text-primary);letter-spacing: 0;text-align: center;margin-top: 32px;padding: 0 20px;font-weight: 600;}
.win-pay-title2{font-size: 22px;color: var(--text-primary);letter-spacing: 0;text-align: center;margin-top: 32px;font-weight: 600;}
.win-pay-subtitle{font-size: 14px;color: var(--text-secondary);letter-spacing: 0;text-align: center;margin-top: 28px;}
.win-pay-subtitle.short{margin-top: 12px;}
.win-pay-now{font-size: 32px;color: var(--primary-color);letter-spacing: 0;font-weight: 700;}
.win-pay-del{font-size: 13px;color: var(--text-muted);letter-spacing: 0;text-decoration: line-through;}
.win-pay-tip{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;text-align: center;margin-top: 10px;}
.win-pay-tip-logo{width: 18px;vertical-align: top;margin-right: 6px;}
.win-pay-btn-group{margin-top: 22px;}
.win-pay-btn-group.short{margin-top: 0px;}
.win-pay-btn-group.short .win-pay-btn:first-child{margin-top: 0px;}
.win-pay-btn{display: block;height: 48px;line-height: 48px;text-align: center;width: 90%;margin: 0 auto;margin-top: 12px;border: 2px solid var(--border-color);border-radius: var(--radius-xl);color: var(--text-primary);background: var(--bg-primary);position: relative;font-weight: 500;transition: all 0.2s ease;}
.win-pay-btn.active{background: rgba(102, 126, 234, 0.08);border: 2px solid var(--primary-color);}
.win-pay-btn.red{background: var(--primary-gradient);border-radius: var(--radius-xl);color: #fff;border: 2px solid var(--primary-color);font-weight: 600;box-shadow: var(--shadow-md);}
.win-pay-btn.gary{background: #999999;border: 2px solid #999999;color: #fff;}
.win-pay-btn-logo{width: 26px;height: 23px;background-image: url(/dm5/images/mobile/win-pay-logo.png);background-size: 100% 100%;font-size: 10px;color: #FFFFFF;display: inline-block;position: absolute;right: 0;top: 0;line-height: 20px;}
.win-pay-btn.vip{background: linear-gradient(135deg, #DAB77C 0%, #C9A05C 100%);border: 2px solid #DAB77C;color: #fff;}
.win-pay-btn-vip{width: 24px;height: 22px;vertical-align: top;margin: 13px 10px;}
.win-pay-btn-line-1{font-size: 15px;color: var(--text-primary);letter-spacing: 0;text-align: center;line-height: 34px;font-weight: 500;}
.win-pay-btn-line-2{font-size: 12px;color: var(--text-muted);letter-spacing: 0;text-align: center;line-height: 0px;}
.win-pay-check{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;text-align: center;margin-top: 12px;}
.win-pay-check-logo{width: 16px;margin-right: 6px;vertical-align: top;margin-top: 1px;}
.win-pay-bottom{margin: 0 5%;margin-top: 20px;line-height: 22px;padding: 12px 0;border-top: 1px dashed var(--border-color);}
.win-pay-bottom-left{font-size: 13px;color: var(--text-muted);letter-spacing: 0;}
.win-pay-bottom-center{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;}
.win-pay-bottom-right{font-size: 13px;color: var(--primary-color);letter-spacing: 0;float: right;margin-right: 5%;font-weight: 500;}
.win-pay-tip-line{font-size: 13px;color: var(--text-muted);letter-spacing: 0;padding: 0 5%;margin-top: 42px;margin-bottom: 6px;}
.win-pay-tip-line-logo{width: 14px;vertical-align: top;margin: 4px;}
.win-pay-btn-group2{width: 90%;margin: 0 auto;text-align: center;}
.win-pay-btn-group2 .win-pay-btn{margin-left: 3%;display: inline-block;width: 45%;}
.win-pay-btn-group2 .win-pay-btn:first-child{margin-left: 0;}
.win-pay-btn-group.pb20,.win-pay-btn-group2.pb20{padding-bottom: 24px;}
.win-pay-content{font-size: 14px;color: var(--text-muted);letter-spacing: 0;text-align: center;margin-top: 22px;padding: 0 12px;}
.win-pay-content.pb10{padding-bottom: 12px;}
.win-pay-warning{font-size: 18px;color: var(--primary-color);letter-spacing: 0;text-align: center;padding-top: 10px;padding-bottom: 8px;font-weight: 600;}
.win-pay-chapter{font-size: 14px;color: var(--text-primary);letter-spacing: 0;text-align: center;display: block;margin: 0 auto;text-decoration: none;margin-top: 12px;font-weight: 500;color: var(--primary-color);}
.win-pay-chapter.pb20{padding-bottom: 24px;}

.win-pay-logo-con{width: 70%;margin: 20px auto;overflow: hidden;position: relative;min-height: 40px;}
.win-pay-logo-con-img{width: 40px;position: absolute;top: 0;left: 0;}
.win-pay-logo-con-right{font-size: 13px;color: #999999;letter-spacing: 0;padding-left: 50px;text-align: center;}

.detail-list-comment{overflow: hidden;background-color: #fff;border-bottom: 1px solid #f4f4f4;margin-bottom: 60px;}
.detail-list-comment li{position: relative;padding-top: 14px;padding-bottom: 10px;border-top: 1px solid #f4f4f4;margin: 0 10px;}
.detail-list-comment li:first-child{border-top: none;}
.detail-list-comment-cover{position: absolute;top: 14px;left: 0px;}
.detail-list-comment-cover img{width: 50px;height: 50px;border-radius: 50%;}
.detail-list-comment-info{padding-left: 55px;}
.detail-list-comment-title{font-size: 12px;color: #252525;letter-spacing: 0;margin-top: 7px;}
.detail-list-comment-subtitle{font-size: 11px;color: #999999;letter-spacing: 0;margin-top: 5px;}
.detail-list-comment-content{font-size: 13px;color: #252525;margin-top: 5px;word-break: break-all;}
.detail-list-comment-right{float: right;font-size: 13px;color: #999999;margin-right: 0px;background-image: url(/static/images/detail-list-comment-right.png);background-repeat: no-repeat;background-size: contain;padding-left: 18px;}
.detail-list-comment-right.active{color: var(--primary-color);background-image: url(/static/images/detail-list-comment-right-active.png);}
.detail-list-comment-reply{background: #EDEDED;border-radius: 2px;font-size: 12px;color: #999999;letter-spacing: 0;margin-right: 28px;margin-top: 10px;padding: 6px 10px;}
.detail-list-comment-reply span{font-size: 12px;color: #131313;letter-spacing: 0;line-height: 17px;}
.detail-list-comment-go{font-size: 12px;color: #999999;letter-spacing: 0;margin-top: 8px;padding-left: 10px;display: inline-block;}
.detail-list-comment-sublist{background: #F6F6F6;border: 1px solid #D9D9D9;border-radius: 2px;margin-top: 10px;}
.detail-list-comment-sublist li{border-top: 1px solid #D9D9D9;padding: 10px;margin: 0;}
.detail-list-comment-sublist li:first-child{border-top: none;}
.detail-list-comment-sublist-title{font-size: 12px;color: #999999;letter-spacing: 0;}
.detail-list-comment-sublist-title-right{font-size: 11px;color: #999999;letter-spacing: 0;float: right;}
.detail-list-comment-sublist-content{font-size: 13px;color: #252525;margin-top: 9px;}
li.detail-list-comment-sublist-more{padding: 4px 0;background: #EBEBEB;}
.detail-list-comment-sublist-more a{font-size: 10px;color: #999999;letter-spacing: 0;display: block;text-align: center;}

.index-banner{overflow: hidden;font-size: 0;border-radius: var(--radius-xl);margin: 12px;overflow: hidden;box-shadow: var(--shadow-md);}
.index-banner img{width: 100%;height: 200px;object-fit: cover;}
.swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);opacity: 1;}
.swiper-pagination-bullet-active{width: 24px;border-radius: 5px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.index-menu{overflow: hidden;font-size: 0;background: var(--bg-primary);margin: 0 12px 12px;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 16px 20px;}
.index-menu-item{width: 25%;text-align: center;display: inline-block;}
.index-menu-item-img{width: 40px;}
.index-menu-item-title{font-size: 13px;color: var(--text-secondary);letter-spacing: 0;margin-top: 8px;font-weight: 500;}

.index-bottom{height: 42px;line-height: 42px;border-top: 1px solid #F4F4F4;margin-top: 10px;background-color: #fff;font-size: 0;}
.index-bottom-item{width: 50%;display: inline-block;font-size: 15px;color: #252525;letter-spacing: 0;text-align: center;}
.index-bottom-logo-1{height: 22px;vertical-align: top;margin: 10px;}
.index-bottom-logo-2{height: 20px;vertical-align: top;margin: 11px;}

.manga-noData{font-size: 13px;color: #666666;letter-spacing: 0;text-align: center;padding: 10px 0;position: fixed;left: 0;width: 100%;bottom: 0;}


.manga-list-bar{z-index: 99;height: 44px;line-height: 44px;border-bottom: 1px solid var(--border-color);background-color: var(--bg-primary);font-size: 0;position: fixed;top: 46px;left: 0;width: 100%;box-shadow: var(--shadow-sm);padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);}
.manga-list-bar-item{width: 14.28%;display: inline-block;height: 44px;line-height: 44px;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;position: relative;transition: color 0.2s ease;}
.manga-list-bar-item:active{color: #667eea;}
.manga-list-bar-item.active{color: #252525;font-weight: 700;}
.manga-list-bar-item.active:after{content: '';background: var(--primary-gradient);height: 4px;border-radius: 2px;width: 24px;display: block;position: absolute;left: 50%;bottom: 4px;margin-left: -12px;}
.manga-list-bar-right{font-size: 15px;color: #252525;letter-spacing: 0;text-align: right;float: right;padding-right: 21px;margin-right: 9px;background-image: url(/static/images/manga-list-right-1.png);background-position: right center;background-size: 15px 8px;background-repeat: no-repeat;}
.manga-list-bar-right.active{background-image: url(/static/images/manga-list-right-2.png);background-position: right center;background-size: 15px 8px;background-repeat: no-repeat;}
.manga-list-bar-right-down{position: absolute;right: 0;top: 40px;background-color: #fff;}
.manga-list-bar-right-down-item{height: 40px;line-height: 40px;font-size: 15px;color: #252525;letter-spacing: 0;text-align: center;display: block;padding: 0 22px;border-top: 1px solid #f4f4f4;}
.manga-list-bar-right-down-item.active{font-weight: bold;}

.rank-selector{height: 40px;line-height: 40px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;background-color: #fff;font-size: 0;position: fixed;width: 100%;z-index: 99;top: 45px;left: 0;}
.rank-selector-item{width: 25%;display: inline-block;height: 40px;line-height: 40px;font-size: 15px;color: #999999;letter-spacing: 0;text-align: center;position: relative;}
.rank-selector-item.active{color: #252525;}
.rank-selector-item.active:after{content: '';background-color: #fd113a;height: 4px;border-radius: 2px;width: 25px;display: block;position: absolute;left: 50%;bottom: 0;margin-left: -12.5px;}

.rank-list{border-top: none;margin-top: 0;background: transparent;font-size: 0;overflow: hidden;}
.rank-list.index{padding-bottom: 16px;margin-top: 0;}
.rank-list.index .swiper-slide{width: 92%;}
.rank-list li{border-bottom: none;position: relative;overflow: hidden;height: 74px;margin: 0 12px;padding: 8px 0;border-bottom: 1px solid var(--border-color);}
.rank-list li:last-child{border-bottom: none;}
.rank-list-cover{position: absolute;top: 8px;left: 0px;width: 100px;height: 60px;overflow: hidden;border-radius: var(--radius-sm);}
.rank-list-cover-img{width: 100px;height: 60px;object-fit: cover;}
.rank-list-info{padding-left: 110px;overflow: hidden;}
.rank-list.index .rank-list-info{padding-left: 85px;}
.rank-list-info-left{position: absolute;left: 108px;top: 0;}
.rank-list-info-left-index{background: var(--bg-secondary);border: 2px solid var(--border-color);font-size: 14px;color: var(--text-muted);letter-spacing: 0;height: 22px;line-height: 22px;width: 22px;text-align: center;border-radius: 50%;display: inline-block;margin-top: 16px;font-weight: 600;}
.rank-list-info-left-index.top-1{background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);border: 2px solid #FFD700;color: #fff;}
.rank-list-info-left-index.top-2{background: linear-gradient(135deg, #C0C0C0 0%, #A8A8A8 100%);border: 2px solid #C0C0C0;color: #fff;}
.rank-list-info-left-index.top-3{background: linear-gradient(135deg, #CD7F32 0%, #B87333 100%);border: 2px solid #CD7F32;color: #fff;}
.rank-list-info-right{margin-left: 32px;}
.rank-list-info-right-title{font-size: 15px;color: var(--text-primary);letter-spacing: 0;margin-top: 16px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-list-info-right-subtitle{font-size: 13px;color: var(--text-muted);letter-spacing: 0;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.book-banner{width: 100%;}
.book-banner img{width: 100%;}

.book-desc{font-size: 15px;color: #252525;letter-spacing: 0;padding: 5px 10px;padding-bottom: 0;}

.book-list{font-size: 0;overflow: hidden;}
.book-list li{border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;height: 115px;padding: 10px;overflow: hidden;position: relative;background-color: #fff;margin-top: 10px;}
.book-list-cover{height: 109px;width: 81px;padding: 3px;float: left;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);position: absolute;}
.book-list-cover img{height: 100%;width: 100%;}
.book-list-info{padding-left: 97px;}
.book-list-info-title{font-size: 15px;color: #252525;letter-spacing: 0;font-weight: bold;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.book-list-info-desc{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 3px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 60px;}
.book-list-info-bottom{font-size: 13px;color: #666666;letter-spacing: 0;margin-top: 6px;}
.book-list-info-bottom-item{padding: 2px 6px;border: 1px dashed #D9D9D9;border-radius: 3px;margin-right: 4px;color: #666;}
.book-list-info-bottom-right{float: right;padding-left: 23px;background-size: 18px 17px;background-repeat: no-repeat;}
.book-list-info-bottom-right.active{color: var(--primary-color);padding-right: 13px;}
.book-list-info-bottom-right-font{float: right;}
.book-list-info-bottom-right-font.active{color: var(--primary-color);}

.search-noData{padding: 48px 0;text-align: center;background: var(--bg-secondary);}
.search-noData-img{width: 90px;}
.search-noData-title{font-size: 15px;color: var(--text-muted);letter-spacing: 0;text-align: center;line-height: 26px;margin-top: 8px;}

.search-downlist{background: var(--bg-primary);position: absolute;width: 100%;left: 0;top: 52px;display: none;border-radius: 0 0 var(--radius-lg) var(--radius-lg);box-shadow: var(--shadow-md);overflow: hidden;}
.search-downlist-title{font-size: 13px;color: var(--text-muted);letter-spacing: 0;height: 40px;line-height: 40px;padding: 0 16px;background: var(--bg-secondary);}
.search-downlist-item{display: block;height: 44px;line-height: 44px;border-top: 1px solid var(--border-color);padding: 0 16px;}
.search-downlist-item-title{font-size: 15px;color: var(--text-primary);letter-spacing: 0;font-weight: 500;}
.search-downlist-item-cross{width: 16px;float: right;margin-top: 14px;padding:0;}
.search-downlist-clear{height: 46px;line-height: 46px;font-size: 15px;color: var(--text-muted);letter-spacing: 0;text-align: center;border-top: 1px solid var(--border-color);border-bottom: none;display: block;background: var(--bg-secondary);}

.pic-verification{padding-top: 20px;}
.pic-verification-title{width: 84%;font-size: 14px;color: var(--text-secondary);letter-spacing: 0;margin: 0 auto;}
.pic-verification-title-right{font-size: 14px;color: var(--primary-color);letter-spacing: 0;float: right;font-weight: 500;}
.pic-verification-list{width: 84%;margin: 14px auto;margin-bottom: 0;font-size: 0;}
.pic-verification-list img{width: 68px;height: 68px;margin-right: 8px;border-radius: var(--radius-md);border: 2px solid transparent;transition: all 0.2s ease;}
.pic-verification-list img.selected{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}

.line-tip{width: 84%;margin: -20px auto;font-size: 14px;color: var(--text-secondary);}
.line-tip input{margin-right: 6px;vertical-align: top;position: relative;top: 3px;-webkit-appearance: checkbox;width: 18px;height: 18px;}
.line-tip-a{font-size: 14px;color: var(--primary-color);letter-spacing: 0;font-weight: 500;}
.line-tip-left{font-size: 14px;color: var(--text-secondary);}
.line-tip-right{font-size: 14px;color: var(--primary-color);letter-spacing: 0;float: right;text-decoration: none;font-weight: 500;}
@media screen and (max-width: 374px){
    .pic-verification-list { height:57px; }
}

.toast{font-size: 13px;color: #FFFFFF;letter-spacing: 0;height: 60px;border-radius: 30px;background: rgba(0,0,0,0.7);position: fixed;top: 50%;margin-top: -30px;left: 8%;width: 84%;text-align: center;line-height: 60px;z-index:2000;}

.win-comment{position: fixed;width: 300px;height: 250px;top: 50%;left: 50%;margin-left: -150px;margin-top: -130px;background-color: #fff;border-radius: 2px;z-index: 99;text-align: center;}
.win-comment-cross{position: absolute;right: 10px;top: 10px;width: 13px;}
.win-comment-title{font-size: 20px;color: #252525;letter-spacing: 0;text-align: center;padding-top: 20px;padding-bottom: 12px;}
.win-comment-input{font-size: 13px;color: #999999;letter-spacing: 0;background: #F6F6F6;border: 1px solid #EDEDED;border-radius: 3px;width: 84%;padding: 6px 3%;outline: none;height: 84px;line-height: 20px;resize: none;font-family: 'Microsoft YaHei';}
.win-comment-btn{display: block;margin: 20px auto;height: 52px;line-height: 52px;width: 230px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background: var(--primary-gradient);border-radius: var(--radius-xl);font-weight: 600;box-shadow: var(--shadow-md);}
.comment-input{font-size: 13px;color: #999999;letter-spacing: 0;background: #F6F6F6;border: 1px solid #EDEDED;border-radius: 3px;width: 84%;padding: 6px 3%;outline: none;height: 84px;line-height: 20px;resize: none;font-family: 'Microsoft YaHei';margin: 10px auto;display: block;}
.comment-btn{display: block;margin: 0 auto;height: 52px;line-height: 52px;width: 230px;text-align: center;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background: var(--primary-gradient);border-radius: var(--radius-xl);font-weight: 600;box-shadow: var(--shadow-md);}

.view-main-1{font-size: 0;}
.view-main-1 img{width: 100%;}

.view-bottom-bar{padding: 10px 5px;overflow: hidden;}
.view-bottom-bar li{width: 25%;float: left;}
.view-bottom-bar-item{margin: 0 5px;display: block;height: 42px;line-height: 42px;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-size: 14px;color: var(--text-primary);text-align:center;font-weight: 500;box-shadow: var(--shadow-sm);transition: all 0.2s ease;}
.view-bottom-bar-item:active{transform: scale(0.96);background: rgba(102, 126, 234, 0.08);border-color: var(--primary-color);color: var(--primary-color);}

.view-fix-top-bar{height: 60px;line-height: 60px;background-color: rgba(11, 6, 0, 0.9);position: fixed;top: -60px;left: 0;width: 100%;z-index: 97;transition: top 0.5s;-moz-transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-top);height: calc(60px + constant(safe-area-inset-top));height: calc(60px + env(safe-area-inset-top));}
.toolbar .view-fix-top-bar{top: 0;}
.view-fix-top-bar-back{height: 20px;position: absolute;left: 10px;top: 20px;}
.view-fix-top-bar-title{font-size: 15px;color: #999999;letter-spacing: 0;padding-left: 30px;padding-right: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view-fix-top-bar-right{width: 84px;position: absolute;right: 0;top: 0;}
.view-fix-top-bar-right-logo{height: 24px;vertical-align: top;margin-top: 18px;margin-right: 10px;}

.view-fix-bottom-bar{height: 60px;background-color: rgba(11, 6, 0, 0.9);position: fixed;bottom: -60px;left: 0;width: 100%;z-index: 97;font-size: 0;transition: bottom 0.5s;-moz-transition: bottom 0.5s;-webkit-transition: bottom 0.5s;-o-transition: top 0.5s;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.toolbar .view-fix-bottom-bar{bottom: 0;}
.view-fix-bottom-bar-item{width: 20%;text-align: center;display: inline-block;}
.view-fix-bottom-bar-logo{height: 24px;margin-top: 8px;}
.view-fix-bottom-bar-title{font-size: 12px;color: #999999;letter-spacing: 0;text-align: center;margin-top: 4px;}

.chapter-btn{display: block;height: 50px;line-height: 50px;text-align: center;background: #666666;font-size: 13px;color: #FFFFFF;letter-spacing: 0;}

.comment-noData{text-align: center;padding-top: 70px;padding-bottom: 50px;}
.comment-noData-img{width: 165px;}

.ad-top-info{position: relative;height: 64px;border-bottom: 1px solid #F4F4F4;overflow: hidden;}
.ad-top-info-cross{height: 14px;position: absolute;top: 25px;left: 10px;z-index: 9;}
.ad-top-info-main{padding-left: 34px;padding-right: 80px;position: relative;}
.ad-top-info-right{width: 60px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 15px;right: 10px;background: var(--primary-gradient);border: 1px solid rgba(255,255,255,0.3);border-radius: 15px;font-size: 13px;color: #fff;}
.ad-top-info-main-cover{height: 45px;width: 73px;overflow: hidden;position: absolute;left: 34px;top: 9px;}
.ad-top-info-main-cover.logo{width: 45px;}
.ad-top-info-main-cover img{height: 45px;}
.ad-top-info-main-right{padding-left: 83px;}
.ad-top-info-main-right.logo{padding-left: 55px;}
.ad-top-info-main-right-title{font-size: 14px;color: #252525;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ad-top-info-main-right-subtitle{font-size: 13px;color: #999;padding-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ad-top-info-main-right .swiper-container3{overflow: hidden;}


.pay-con{padding-top: 140px;text-align: center;}
.pay-con-img{width: 100px;}
.pay-con-title{font-size: 15px;color: #252525;text-align: center;margin-top: 6px;}
.pay-con-subtitle{font-size: 13px;color: #999999;letter-spacing: 0;text-align: center;margin-top: 10px;}
.pay-con-btn-group{margin-top: 26px;}
.pay-con-btn{border: 1px solid #D9D9D9;border-radius: 3px;font-size: 16px;color: #666666;letter-spacing: 0;width: 130px;text-align: center;height: 36px;line-height: 36px;display: inline-block;margin: 0 10px;}
.pay-con-btn.red{border: 2px solid var(--primary-color);background: var(--primary-gradient);border-radius: var(--radius-xl);font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;font-weight: 600;box-shadow: var(--shadow-md);}
.pay-con-btn.red2{border: 2px solid var(--primary-color);background: none;color: var(--primary-color);border-radius: var(--radius-xl);font-weight: 600;}

.final-title{font-size: 20px;color: #252525;letter-spacing: 0;text-align: center;margin-top: 40px;}
.final-img{width: 80px;margin: 0 auto;margin-top: 110px;display: block;}
.final-subtitle{font-size: 13px;color: #666666;letter-spacing: 0;text-align: center;margin-top: 10px;line-height: 20px;}
.final-btn{font-size: 15px;color: #F8F8F9;background: #F7BB05;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;width: 235px;margin: 0 auto;margin-top: 40px;display: block;}
.final-tip{font-size: 13px;color: #252525;margin: 0 auto;margin-top: 30px;display: block;text-align: center;text-decoration: underline;}

.selector-update-top{height: 40px;line-height: 40px;border-bottom: 1px solid #F4F4F4;text-align: center;background-color: #fff;position: relative;font-size: 0;position: fixed;top: 46px;z-index: 99;width: 100%;}
.selector-update-top-item{font-size: 15px;color: #999999;letter-spacing: 0;position: relative;height: 40px;display: inline-block;width: 14.28%;}
.selector-update-top-item.active{color: #252525;}
.selector-update-top-item.active:after{content:"";background: var(--primary-gradient);border-radius: 3px;width: 28px;height: 4px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -14px;}

.pagination{position: fixed;left: 0;right: 0;bottom: calc(16px + constant(safe-area-inset-bottom));bottom: calc(16px + env(safe-area-inset-bottom));display: flex;justify-content: center;gap: 14px;z-index: 96;pointer-events: none;}
.paginate-btn{pointer-events: auto;width: 64px;height: 36px;display: inline-flex;align-items: center;justify-content: center;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 18px;font-size: 16px;color: var(--text-primary);box-shadow: var(--shadow-md);transition: all 0.2s ease;}
.paginate-btn:active{transform: scale(0.94);background: var(--bg-secondary);}
.paginate-disabled-btn{pointer-events: auto;width: 64px;height: 36px;display: inline-flex;align-items: center;justify-content: center;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 18px;font-size: 16px;color: var(--text-muted, #bbb);opacity: 0.55;}

.banner-bottom{z-index: 97;position: relative;}
.banner-bottom img{width: 100%;position: absolute;bottom: -1px;}
.index-bottom-ad{width: 60%;padding: 30px 20%;}

.manga-book-list{overflow: hidden;padding-bottom: 10px;}
.manga-book-list .swiper-slide{width: 90%;}
.manga-book-list-main{background: #F8F8F9;border: 1px solid #F4F4F4;padding: 10px 4px;overflow: hidden;font-size: 0;margin-left: 10px;}
.manga-book-list-main-cover{width: 33.33%;display: inline-block;}
.manga-book-list-main-cover-item{margin: 4px;padding: 3px;background-color: #fff;box-shadow: 0px 3px 12px #ddd;}
.manga-book-list-main-cover-item img{width: 100%;}
.manga-book-list-main-title{font-size: 14px;color: #252525;letter-spacing: 0;font-weight: bold;padding: 2px 10px;padding-top: 10px;}
.manga-book-list-main-subtitle{font-size: 13px;color: #999999;letter-spacing: 0;padding: 2px 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.desc-more{width: 20px;}

.pic-verification-list-item{height: 76px;width: 76px;margin:0 1px 0 0;background-size: 304px 304px;cursor: pointer; float: left;background-repeat: no-repeat;display: block;}
@media screen and (max-width: 374px){
    .pic-verification-list-item{height: 57px;width: 57px;background-size: 228px 228px;}
}

.vip-login{padding: 20px 30px;}
.vip-login-btn{display: block;height: 50px;line-height: 50px;text-align: center;background-color: #fff;border-radius: 25px;font-size: 15px;color: #252525;letter-spacing: 0;}


/*����*/
.shareForm{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;display: none;}
.shareForm .cancel{display: block;margin: 10px;background-color: #fff;text-align: center;color: #238bfe;height: 40px;line-height: 40px;border-radius: 5px;font-size: 13px;text-decoration: none;}
.shareForm .shareList{background-color: #fff;margin: 0 10px;background-color: #fff;border-radius: 5px;padding-bottom: 20px;}
.shareForm .shareList a{width:32%;text-align: center;display: inline-block;margin-top: 20px;text-decoration: none;}
.shareForm .shareList a img{width: 50px;}
.shareForm .shareList a p{font-size: 13px;text-align: center;color: #000;margin-top: 0;margin-bottom: 20px;}
.shareForm .shareList .link{font-size: 13px;line-height: 25px;}
.shareForm .shareList input{display: block;margin: 0 auto;border: none;outline: none;background-color: #e0e0e0;height: 30px;width: 270px;text-align: center;border-radius: 5px;margin-bottom: 5px;}


/*΢�ŷ���*/
.weixin_div{display: none;z-index: 999;position: absolute;width: 100%;height: 100%;top:0;}
.weixin_bak{ width:80%;height:270px;position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;}
.weixin_bg{ position: relative;width:100%;height:100%;}
.weixin_code{width:120px;position: absolute;top: 20%;left: 50%;margin-left:-60px;}
.weixin_cross{ position: absolute;top: 4%;right:4%;}

/*�����ڸDz�*/
.index-adbg{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 98;}
.index-adbtn{width: 52%;position: fixed;bottom: 15px;left: 24%;z-index: 98;}
.index-adcross{position: fixed;z-index: 98;bottom: 0;left: 10px;width: 30px;margin-bottom: 116%;}

.warning-bar{overflow: hidden;padding-bottom: 70px;}

.detail-bootom-ad-con{display: block;text-align: center;}
.detail-bootom-ad{margin-top:-20px;padding-bottom: 30px;width: 56%;}

.download-cross2{position: absolute;width: 15px;top: 20px;right: 20px;}
.return-top{position: fixed;right: 10px;bottom: 60px;display: none;width: 53px;z-index: 99;}

.guide{position: absolute;height: 100%;width: 100%;z-index: 999;overflow: hidden;top: 0;left: 0;}
.guide img{width: 100%;}
.guide a{position: absolute;margin-top: 110%;display: block;width: 50%;left: 25%;padding-top: 13%;top: 0;}