:root {
    --bg_color:rgb(9 28 50 / 90%);
    --bg_color_hover:#03396A;
    --text_color:#064e8f;
    --text:#f2f2f2;
    --background:#091c32;
    --input:#1a3a5c;
    --red:#e50914;
    --t1:#e8f0f7;
    --t2:#8fa8c0;

    --bg_box:#0f2847;

    --score:#ffac00;

    --qd_tColor:#FFFFFF;
    --qd_bgColor: #1a3a5c;
    --qd_show:#111111;
    --qd_bgChecked:#77a0df;
    --qd_tChexked:#00562c;
    --qd_gray:#CCCCCC;

    --bd_text_size:.8rem;
    --border_color:#1a3a5c;
}
.g{ color:#090;}.r{ color:#F00;}
body{ padding:0; margin:0; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size:14px; background: radial-gradient(ellipse at 50% 30%, rgba(30, 100, 180, 0.2) 0%, rgba(0, 20, 60, 0.1) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #130911 0%, #03050a 100%) fixed;color: #000000;}
html,body{height:100%;}
ul,ol,li,h1,h2,h3,h4,p,dl,dd{ margin:0;padding:0;list-style:none;}
img{ display:block; border:none;}
a{color: var(--text); text-decoration:none;outline: none;}
a:hover{/* text-decoration: underline;*/}
i{ font-style:inherit;}
input{border: 0;color: var(--text);font-size:.7rem;}
.button{
    color: var(--t1);
    border: solid 1 var(--red);
    background: var(--red);
    padding: .2rem .5rem;
    border-radius: .25rem;
    cursor: pointer;
}
@media (min-width: 70rem) {
    nav ul,.index,.list,.play,.item,#bottom>*{
        max-width: 70rem;
        margin: 0 auto;
    }
    .video .shaka-video-container{
        height: 28rem;
        width: 100%;
    }
    .item .left{
        width: 50rem;
    }
    .item .right{
        width: calc(17rem - 2px);
    }
}
nav{
    position: fixed;
    z-index: 100;
    width: 100%;
    background-color: color-mix(in oklab, var(--background) 50%, transparent);
    backdrop-filter: blur(8px);
    border-bottom: solid 1px var(--border_color);
    padding-top: 2px;
    color: var(--text);
}
nav > ul:first-child{ height:2.8rem; line-height:2.8rem;overflow: visible;display: flex;justify-content: space-between;
    align-items: center;margin:0 auto;}
nav ul li:hover{}
nav a{color: var(--text);}
nav .nav a{margin:0 .5rem;font-size:.85rem;}
nav .nav a:hover{color:var(--red);}
nav .search{text-align:center;}
nav .search form{border: solid 2px var(--border_color);display: flex; border-radius: .4rem;background-color: color-mix(in oklab, var(--input) 30%, transparent);padding-left: .5rem;align-items: center;}
nav .search form,nav .search input{height:1.7rem;line-height:1.7rem;}
nav .search input{
    outline: none;
    background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
nav .search input[type="text"]{ width: 20rem;background: transparent; margin-left:.4rem}
nav .search input[type="text"]::placeholder{color: #8fa8c0;}
nav .search input[type="submit"]{cursor: pointer;color: var(--text);padding: 0 15px;}
nav #autologin{position: relative;font-family: inherit;display: flex;
    align-items: center;}
nav .logo a{text-decoration: none; font-size: 1.25rem;gap: calc(.25rem * 2);display: flex;align-items: center;}
nav .logo b{ width: calc(.20rem * 10); height: calc(.20rem * 10);border-radius: .3rem;background-color: var(--red); color: var(--text);display: flex;align-items: center;justify-content: center;font-size:1.0rem;}

.main,#page,#bottom>*{margin:0 auto;overflow:hidden;}
#autologin:hover{ background:none !important;}
#autologin span>a,#qiandao,#autologin .i{
    padding: .2rem .2rem;
    line-height: 1rem;
    background-color: color-mix(in oklab, var(--input) 70%, transparent);
    border: solid 1px var(--border_color);
    margin:.15rem;
    border-radius: .25rem;
}
#autologin img{position: absolute;top:7px; left:0;}
#autologin span{color: #008BD0;display: flex;align-items: center;}
#autologin #qiandao{cursor:pointer; display: block;}
#autologin .active{color: var(--t2);pointer-events: none;}
#autologin .i{position: relative;font-style: normal;display: none;}
#autologin .i b{background-color: #f00000;position: absolute;top:-.3rem;left:1.4rem;font-size:.6rem;border-radius: 50%;width: .9rem;height: .9rem;line-height: .9rem;text-align: center;color: #fff;}

#sign {
    width: 15rem;
    height: 2.5rem;
    background-color:var(--qd_bgColor);
    font-size:.6rem;
    padding: .1rem;
    box-shadow: .1rem .1rem .25rem var(--qd_show);
    position: absolute;
    top: 2rem;
    z-index: 1;
    left:2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#sign>div{
    border-right: solid 2px var(--qd_tColor);color: var(--qd_tColor);text-align:center;
    display: flex;
    flex-direction: column;
    padding: 0 .4rem 0 0;
    line-height: normal;
}
#sign>ul {position: relative;display: flex;}
#sign>ul li {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    margin: .9rem .25rem 0 .25rem;
    text-align: center;
    position: inherit;
    z-index: 1;
    border-radius: 50%;
    background: var(--qd_bgChecked);
    align-items: center;
    justify-content: center;
}

#sign div a {
    line-height: 1rem;
}

#sign div b {
    font-size: .9rem;
}
#sign>ul *{position: absolute;line-height: normal;}
#sign>ul li a {
    width: 1.9rem;
    height: 1rem;
    font-size: .55rem;
    top: -1rem;
    color: var(--qd_tColor);
}

#sign>ul li.false {
    background: var(--qd_gray);
    font-weight: bold;
    color: var(--qd_show);
}

#sign>ul .a {
    width: 6.4rem;
    height: 6px;
    background-color: var(--qd_bgChecked);
    top: 1.3rem;
    left: 10px;
    z-index: 0;
}

#sign>ul .b {
    width: 3rem;
    height: 6px;
    background-color: var(--qd_gray);
    top: 1.3rem;
    left: 6.8rem;
    z-index: 0;
}

#sign>ul .c {
    width: 1rem;
    height: 1rem;
    right: -1rem;
    top: -1rem;
    font-size: .7rem;
    text-align: center;
    color: #FFF;
    background-color: var(--qd_bgColor);
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
}
#nav ul a{padding:0 21px;height: 40px;line-height: 40px;color:#FFFFFF; text-decoration:none;display: inline-block;font-size: 16px;}
#nav ul a:hover{/* background-color:#0C6958;*/}
#navchild{ padding:0 10px; height:35px; line-height:35px; margin:6px auto 10px auto; border-bottom:solid 1px #CCC;overflow: hidden;}
#navchild li{ display:inline-block; margin:0 9px; padding:0 5px;float:left;}
#navchild li a{ color:#333; font-size:14px; text-decoration:none;}
#navchild li a:hover{ text-decoration:underline;}

/* index */
.index .main{ margin-bottom:10px; overflow:hidden; padding-top: 5rem;}
.index .main h3{
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
}
.index .main h3 i{
    gap: .3rem;
    display: flex;
    align-items:center;
    color: var(--red);
    font-size: 1.15rem;
}
.index .main h3 i b{color: var(--t1);}
.index .main h3 a{ font-size: 12px; float: right;margin-top:3px;font-weight:500; color: #333;}
.index .main .rise{width: 100%;
    overflow: hidden;
    margin: 15px 0;
    display: flex;
    justify-content:space-around;
    align-items: center;
    gap: .1rem;
    padding: 0 0 .32rem 0;

}
.index .main .rise li{
    background: #0f2847;
    width: min-content;
    overflow: hidden;
    display: inline-block;
    position: relative;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #000000;
}
.index .main .rise li img,.index .main .rise li video{
    width: 9.375rem;
    height: 13.5rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 5px;
}
.index .main .rise .icon-playcircle-fill{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 1;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
    background: #fff;
    border-radius: 50%;
    line-height: 1;
}
.index .main .rise li:hover .icon-playcircle-fill{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease;
}
.index .main .rise h4{font-size:var(--bd_text_size);height: .9rem;overflow: hidden;}
.index .main .rise p{color: var(--t2);display: flex;justify-content: space-between;font-size: .7rem;}
.index .main .rise h4 ,.index .main .rise p{padding: .3rem .4rem;}
.index .main .rise li a > b{line-height:.9rem;font-size:.6rem; color:#EEEEEE; font-weight:200; position: absolute; top: 8px; right:0; background-color: var(--red); padding:2px 3px 2px 6px; overflow: hidden;border-top-left-radius: 11px;border-bottom-left-radius: 11px;}
.index .main .rise li p i b{color: var(--text);}
.index .main .rise li p i{
    gap: .15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index .main .rise li p i.icon-score,.index .main .video i.icon-like,.play .main .video .info .icon-score{color: var(--score);}
.index .main .rise li p i.icon-eyes{line-height: 1rem;}
.index .main .rise li video{
    object-fit: cover;
    cursor: pointer;
    margin: 0;
}
.index .main .video .icon-playcircle-fill{
    pointer-events: none;
    opacity: 1 !important;
    visibility: visible !important;
    top: 35%;
}
.index .main .video i.icon-like{font-size: 1rem;cursor: pointer;}
.index .main .video i.icon-like b{font-size:var(--bd_text_size);}
.index .main .rise li progress{
    bottom: 3.43rem;
    width: 100%; height:.2rem; position: absolute; left: 0;
}
/**
    面包屑导航
 */
.breadcrumb{
    width: 100%;
    margin: 1rem 0;font-size: var(--bd_text_size);
}
.breadcrumb,.breadcrumb a{ color: var(--t1);}
/* play */
.play{
    display: flex;
    padding-top: 3rem;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
}
.play .main{
    display: flex;
    margin-bottom: 2rem;
}
.play .main .desc{
    max-width: 13.5rem;
    margin: 0 3.2rem;
    display: flex;
    flex-direction: column;
    color: var(--t2);
}
.play .main .desc img{
    height: 17rem;
    margin: 0 auto;
}
.play .main .desc li{
    font-size: var(--bd_text_size);
    padding-bottom: 1rem;
}
.play .main .desc h1{
    /*margin:.5rem 0;*/
    text-align: center;
}
.play .main .desc a{
    color: var(--t2);
}
.play .main .desc a:hover{
    text-decoration: underline;
}
.play .main .video .shaka-video-container{
    background: #000;margin: 0 auto;position: relative;
}
.play .main .video video{width: 100%;}
.play .main .video .info,.play .main .video .info i b,.play .main .video .info i b a{color: var(--t2);}
.play .main .video .info{
    display: flex;

    margin: 1rem 0;
    gap: 1rem;
}
.play .main .video .info i{
    font-size: 1rem;
    gap: .3rem;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.play .main .video .info i b{
}
.play .main .video .plot{
    color: var(--t2);
    font-size: var(--bd_text_size);
}
.play .resolution-button{
    position: relative;
    width: 60px;
    font-size: 16px;
}
.play .resolution-menu{
    position: absolute;
    bottom:42px;
    left: 0;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    background: rgba(28, 28, 28, .9);
    border-radius: 5px;
    max-height: 100px;
    padding: 5px 0;
    transition: opacity cubic-bezier(.4, 0, .6, 1) .6s;
    flex-direction: column;
    align-items: stretch;
    z-index: 2;
}
.play .resolution-menu button{
    font-size: 18px;
    background: 0 0;
    color: #fff;
    border: none;
    min-height: 30px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.play .resolution-menu button:hover,.resolution-menu .current{
    background: rgba(255, 255, 255, 0.1);
}
.play .resolution-menu button i{
    color: #ff0000;
    margin-right: 10px;
    /*font-style: normal;*/
}
.play .resolution-menu button.current{
    color: #0a84ff;
}
.play .pop{
    padding: 5px 10px;
    position: absolute;
    bottom: 60px;
    left: 10px;
    background: rgba(28, 28, 28, .5);
    color: #FFFFFF;
    border-radius: 5px;
    /*min-width: 100px;*/
    height: 18px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    font-size: 14px;

}
.play .pop.visible {
    opacity:1 ;
    visibility: visible;
}
.play .pop b,.pop a{
    color: #f00000;
}
.comment{

}
.comment .textarea{
    height: 2rem;
    width: 100%;
    border:solid 1px var(--border_color);
    outline: none;
    padding: .25rem;
    border-radius: 0.4rem;
}
.comment .textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.1);
}
.textarea[placeholder]:empty:before {
    content: attr(placeholder);
    color: #999;
    cursor: text;
}
.comment .textarea a{
    display: inline-block;
    background-color:var(--text);
    color: var(--text_color);
    padding: 0 .2rem;
    margin:0 .1rem;
    border-radius: .15rem;
    -webkit-user-modify: read-only;
}
.comment .reply a{
    user-select: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}
/* 友好提示框样式 */
#toast { position: fixed; top: 50%; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 10px 20px; border-radius: 20px; font-size: 14px; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 1000; }
#toast.show { opacity: 1; }
/* item */
.item{
    padding-top: 3rem;
    overflow: hidden;
}
.item .left{
    float: left;
    margin-right: 1rem;
    /*display: flex;
    justify-content: space-between;
    flex-direction: column;*/
}
.item .left .main,.item .left .curious,.item .right,.comment{
    color: var(--t2);
    background-color: color-mix(in oklab, var(--background) 30%, transparent);
    border: solid 1px var(--border_color);
    padding: 1rem;
    border-radius: .5rem;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}
.item .left ul{
    display: flex;
    flex-direction: column;
    gap: .88rem;
}
.item .left .main ul li a{
    margin: 0 .2rem;
}

.comment{
    flex-direction: column;
}
.comment > li{
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
}
.comment h2{
    display: flex;
    align-items: flex-start;
    gap: .3rem;
}
.comment h2 i {
    color: var(--red);
    font-size: 1.5rem;
}
.comment>ul>li>a{color: var(--red)}

/* filter */
.bar{height: 4px; margin: 0 auto 10px auto;}
.filter .box{ width:1078px; margin:0 auto 16px auto; padding: 10px 20px; border: solid 1px #CCC;}
.filter .box li{line-height:30px; border-bottom:dotted 1px #CCC; overflow: hidden;}
.filter .box a{margin-right:18px; color: #333333; font-size: 16px;}
.filter .box a.s{color: var(--text_color);}
.filter .list{margin: 0 auto; overflow: hidden;}
.filter .list div:first-child{ border-bottom: solid 1px #CCC;text-align:right; padding: 10px 0 5px;}
.filter .list div:first-child span{ float: left;}
.filter .list div:first-child span i{text-decoration: underline;}
.filter .list ul{ overflow: hidden;margin:15px 0 20px 0;}
.filter .list ul li{ width: 560px; height:112px; padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #CCCCCC; float: left;}
.filter .list ul li img{ float:left;}
.filter .list ul li div{ width:450px;/* height:112px;*/float:left; padding-left:10px; overflow:hidden;}
.filter .list ul li div h3{font-weight:normal; height:24px;line-height: 20px;}
.filter .list ul li div h3 a{font-weight: 400; max-width:350px;height: 20px; line-height:20px;display:inline-block; overflow:hidden;float: left;}
.filter .list ul li div h3 b{ width:40px; margin-left:10px; color:#C00;display: inline-block;}
.filter .list ul li div p{height:23px;line-height:23px;font-size: 14px;overflow: hidden;}
.filter .list ul li div p a{color:#333333;margin-right: 5px;}
.filter .list ul li div p a:hover{text-decoration: underline;}
.filter .list ul li div p u{background-color: #5E87A2;color: #FFFFFF;display: inline-block;font-size: 13px;margin-left: 10px;padding: 0 3px;}
.filter .list ul li div p u{text-decoration: none;}
.filter .list ul li div p b{ /*color:#F60;*/margin-right: 20px;font-weight: normal}
.filter .list ul li div p i{width:135px;height: 20px; margin:2px 5px 0 0; color:#999999;float:right;font-size: 12px;}
/* list */
.lists .left{ /*width:740px;*/ min-height:280px; /*float:left;*/ margin:5px 0 10px 0;}
.lists .left ul li{position: relative;width: 220px;/* height:112px;*/ padding-bottom:10px;/* margin-bottom:10px; border-bottom:dashed 1px #CCCCCC;*/}
.lists .left ul li img{ float:left;}
.lists .left ul li div{padding:10px; overflow:hidden;}
.lists .left ul li div h3{font-weight:100; height:24px;}
.lists .left ul li div h3 a{font-weight: 400; max-width:550px;height:24px;line-height:24px;display:inline-block; overflow:hidden;word-break: break-all;}
.lists .left ul li div h3 b{ /*width:50px; margin-left:10px;*/ color:#C00;position: absolute;right: 5px;top: 5px;}
.lists .left ul li div p{height:23px;line-height:22px;font-size: 14px;overflow: hidden;}
.lists .left ul li div p b{ color:#F60;}
.lists .left ul li div p i{/*width: 85px;*/height: 20px; color:#666;float:right;}
.lists .left .search_ad{height:100px; margin-bottom:10px;}
.lists .right{ width:250px; float:left;}
/*.right{width: 260px; border-top: 5px solid #333;float: left;padding-bottom:5px;}*/
.lists .right h1{line-height:20px;height:20px;font-size:16px;margin-bottom: 5px;}
.lists .right h1 span{ color:#CCC; font-weight:300;}
.lists .right ul li{ height:25px; line-height:25px;}
.lists .right ul li a{ min-width:190px;height:25px; color:#333; font-size:14px; display:block; overflow:hidden;}
.lists .right ul li span{ float:right;margin-right:5px;font-size: 14px;}
.lists .right ul li.a{ color: #C20000;}
.lists .right ul li.a a{ color: #C20000;}


.item .right>div{width: 290px;background-color: #FFFFFF; margin-bottom: 10px;}
.item .right ul{ padding: 0 10px;}
.item .right ul li{ padding: 10px 0;overflow: hidden; border-bottom: dashed 1px #EEEEEE;}
.item .right ul li img{ float: left;margin-right: 6px;}
.item .right ul li div{overflow: hidden;}
.item .right ul li p{height: 21px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item .right ul li p a{ color: #333333; margin-right: 5px;}
.item .right ul li p i{ color:#b30a0a /*#d60e0e*/;}
.item .right ul li div a{font-size: 16px;height: 20px; color: #FF9900;}
.item .right ul li div a:first-child{width:164px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;float: left;color:var(--text);}
.item #db_main{ min-width: 200px; position:absolute; z-index:3;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,0.2);border-radius:3px; background-color:#FFFFFF; left:56px;}
.item #db_main div{border-bottom:1px solid #e7e7e7; font-size:14px;}
.item #db_main div.a{height:30px;line-height:32px;padding-left:15px;background:#f6f6f6; font-weight:bold;}
.item #db_main div.b{ padding:10px 20px 10px 20px;}
.item #db_main input,.item #db_main textarea{ outline: none;}
.item #db_main div.b textarea{width: 300px;height: 60px;resize: none;}
.item #db_main div.c{ text-align:center; padding:5px 0; border-bottom:none;}
.item #db_main div.c input{border: solid 1px #0f75a4;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#3b7dc3;margin:0 10px;padding:5px 20px; color:#FFFFFF;cursor:pointer; box-shadow:1px 1px 2px #999999;}
.item #db_main div.c input:active{ outline:none;}
.item #db_main div.c .d{ background-color:#FCFCFC; color:#666;border:1px solid #CCC;text-shadow:none;box-shadow:1px 1px 2px #CCC;}
.item #db_main div.c .e{background-color: #999;box-shadow: none;border: solid 1px #999;}
/**
copy
 */
.item .down_box{ min-width: 200px; position:absolute; z-index:3;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,0.2);border-radius:3px; background-color:#FFFFFF; left:56px;}
.item .down_box div{border-bottom:1px solid #e7e7e7; font-size:14px;}
.item .down_box div.a{height:30px;line-height:32px;padding:0 10px;background:#f6f6f6; font-weight:bold;}
.item .down_box div.b{ padding:10px 20px 10px 20px;}
.item .down_box input,.item .down_box textarea{ outline: none;}
.item .down_box div.b textarea{width: 300px;height: 60px;resize: none;font-size: 12px;}
.item .down_box div.c{ text-align:center; padding:5px 0; border-bottom:none;}
.item .down_box div.c input{border: solid 1px #0f75a4;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#3b7dc3;margin:0 10px;padding:5px 20px; color:#FFFFFF;cursor:pointer; box-shadow:1px 1px 2px #999999;font-size: 14px;}
.item .down_box div.c input:active{ outline:none;}
.item .down_box div.c .d{ background-color:#FCFCFC; color:#666;border:1px solid #CCC;text-shadow:none;box-shadow:1px 1px 2px #CCC;}
.item .down_box div.c .e{background-color: #999;box-shadow: none;border: solid 1px #999;}
/**
copy
 */
.down *{font-weight: normal;font-style: normal;}
.down .breadcrumb{ font-size: 14px; height: 34px; line-height: 34px;background-color: #FFFFFF; margin-bottom: 10px; padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down .breadcrumb a{ color: #333333;}
.down h1{font-size: 14px;display: inline;}
.down h3{ overflow: hidden;}
.down h3 i{color:#F00; margin-left: 10px;}
.down .left{ float: left; width: 820px; overflow: hidden; margin: 0 10px 0 0;}
.down .left>div{ margin-bottom: 10px; background-color: #FFF;}
.down .left>div h2,.down .right h2{ height:50px; line-height:50px;border-bottom: solid 1px #EEEEEE; padding-left: 10px;font-size: 18px;}
.down .left>div ul,.down .left>div div{ padding: 10px; overflow: hidden;word-wrap: break-word;}
.down .left .btinfo div>p{background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/bt/bt_folder.png) no-repeat;padding-left: 40px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;height: 30px;line-height: 32px;}
.down .left .btinfo ul{padding: 0;background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/line.gif) repeat-y 14px -1px;}
.down .left .btinfo li{padding-left: 35px;background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/join.gif) no-repeat 14px -3px;min-height: 22px;line-height: 22px;}
.down .left .btinfo li i{width: 20px;height: 22px;display: inline-block; float: left;}
.down .left .btinfo li p{padding-left: 21px;background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/join.gif) no-repeat 1px -3px;font-size: 14px;height: 22px;}
.down .left .btinfo li b{color: #8a2222;margin-left: 5px;}
.down .button{padding: 8px 20px; background: #169bd5; color: #FFFFFF;text-align: center;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block; margin-right: 20px;}
.down a.button:active{ background-color: #0C6958;}
.down .magnet{display: none;}

.down .right{  float: right; overflow: hidden;}
.down .right>div{width: 290px;background-color: #FFFFFF; margin-bottom: 10px;}
.down .right ul{ padding: 0 10px;}
.down .right ul li{ padding: 10px 0;overflow: hidden; border-bottom: dashed 1px #EEEEEE;}
.down .right ul li img{ float: left;margin-right: 6px;}
.down .right ul li div{overflow: hidden;}
.down .right ul li p{height: 21px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down .right ul li p a{ color: #333333; margin-right: 5px;}
.down .right ul li p i{ color:#b30a0a /*#d60e0e*/;}
.down .right ul li div a{font-size: 16px;height: 20px; color: #FF9900;}
.down .right ul li div a:first-child{width:164px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;color:var(--text);}

#page{text-align:center;padding:50px 0 10px 0;}
#page li{display: inline-block;}
#page a{ color:#FFF;}
#page a:hover{text-decoration:none;}
#page b{ color:#666;background: #FFFFFF; border:solid 1px; padding:6px 7px 6px 7px !important;}
#page a,#page b{ display:inline-block;min-width:30px;_width:30px;padding: 7px 8px 7px 8px;margin:0 5px; border-radius:5px;}

/**
footer
 */
#bottom{
    padding:10px; margin-top:20px;
    background-color: color-mix(in oklab, var(--background) 90%, transparent);
    backdrop-filter: blur(8px);
    color: var(--text);
}
#bottom,#bottom div{border-top: solid 1px var(--border_color);}

#bottom ul{
    height:10rem;
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;

}
#bottom ul li{
    display: flex;
    flex-direction: column;
}
#bottom ul li h2{
    margin-bottom:1rem;
}
#bottom ul li p,#bottom ul li a,#bottom div{
    color: var(--t2);

}
#bottom ul li p,#bottom ul li a{font-size: .86rem;}
#bottom ul li a{ text-decoration:none;margin-bottom: .5rem;}
#bottom ul li a:hover{ text-decoration:underline;}
#bottom div{
    padding:1rem;
    font-size: .74rem;
}