
: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;

    --qd_tColor:#FFFFFF;
    --qd_bgColor: #1a3a5c;
    --qd_show:#111111;
    --qd_bgChecked:#77a0df;
    --qd_tChexked:#00562c;
    --qd_gray:#CCCCCC;
}
.g{ color:#090;}.r{ color:#F00;}
body{ padding:0; margin:0; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size:14px; background-color: rgba(5, 15, 30, 0.95);color: #000000;}
html,body{height:100%;}
ul,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;}

@media (min-width: 70rem) {
    .themeWidth,.div,nav ul,#nav,#page,#bottom>*,.bar,.filter .list,#navchild{
        max-width: 70rem;
    }
}
nav{
    position: fixed;
    z-index: 100;
    width: 100%;
    background-color: color-mix(in oklab, var(--background) 90%, transparent);
    backdrop-filter: blur(8px);
    border-bottom: solid 1px #1a3a5c;
    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 #1a3a5c;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;}

.div,#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 #1a3a5c;
    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:1px;left:18px;font-size:12px;border-radius: 50%;width: 18px;height: 18px;line-height: 18px;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:1.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 4px #111111;
}
.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: 35%;
    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: .8rem;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{color: #ffac00;}
.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;
}
.index .main .video i.icon-like{font-size: 1rem;cursor: pointer;}
.index .main .video i.icon-like b{font-size: .8rem;}
.index .main .rise li progress{
    bottom: 3.43rem;
    width: 100%; height:.2rem; position: absolute; left: 0;
}

/* 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 .breadcrumb{ font-size: 14px; height: 38px; line-height: 38px;background-color: #FFFFFF; margin-bottom: 10px; padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item .breadcrumb a{ color: #333333;}
.item .left{ float: left; width: 820px; overflow: hidden; margin: 0 10px 0 0;padding-bottom: 20px;}
.item .left>div{ margin-bottom: 10px; background-color: #FFF;overflow: hidden;}
.item .left>div h2,.item .right h2{ height:50px; line-height:50px;border-bottom: solid 1px #EEEEEE; padding-left: 10px;font-weight: normal;font-size: 18px;}
.item .left>div ul{ padding: 10px;}
.item .left .main{ padding: 10px; overflow: hidden; position: relative;}
.item .left .main>*{float: left;}
/*.item .left .main img{ }*/
.item .left #play_list ul{display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;}
.item .left #play_list ul li{margin: 10px;}
.item .left .main ul{ width: 570px; height: 268px; padding: 0 0 0 10px;}
.item .left .main ul li{height:32px;line-height:32px;font-size: 16px; color:#206695; overflow: hidden;}
.item .left .main ul li h1{ width: 435px;height: 32px;line-height: 32px; margin: 2px 0 5px 0; color: #333333;font-size: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item .left .main ul li a{ font-size: 16px; margin-right: 10px;color: #454545;}
.item .left .main ul li a:hover{color: #06F;}
.item .left .main .box{ padding-left: 10px;}
.item .left .main .box a{ display: inline-block; padding: 5px 15px; color: #333; border: solid 1px #CCC; margin-right: -1px;}
.item .left .main .box a:hover{ text-decoration: none;}
.item .left .main .box a[href]:hover{ background-color: #F2F2F2; text-decoration: underline;}

.item .left .main .bdsharebuttonbox{ position: absolute; top: 10px; right:5px;}
.item .left .online ul a{display: inline-block;padding: 5px 10px;border: solid 1px #CCC;color: #333;text-decoration: none; margin-right: 10px;}
.item .left .online ul a:hover{background: #169bd5;color: #FFFFFF;}
.item .left .btdown{ overflow: visible !important;}
.item .left .btdown li{ min-height:30px; font-size: 14px; border-bottom: dashed 1px #EEEEEE; position: relative;padding: 8px 0 2px 0;}
.item .left .btdown li>a{ color: #333333;height: 30px;line-height: 30px;display: inline-block;}
.item .left .btdown li>a:first-child{background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/bt/bt_folder.png) no-repeat;padding-left: 40px;float: left;text-overflow: ellipsis;white-space: nowrap; max-width: 535px; overflow: hidden;cursor: pointer;width: 100%;}
.item .left .btdown li>b{height: 30px;line-height: 30px;display: inline-block;max-width: 60px;}
.item .left .btdown li b{ color: #f00;margin-left: 3px;}
.item .left .btdown li a i{font-style: normal;color: #169bd5;}
.item .left .btdown li .button{ width: 60px; background: #169bd5; float: right; color: #FFFFFF;text-align: center; margin-left:10px; 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;padding: 0 5px;}
.item .left .btdown li dl{background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/line.gif) repeat-y 14px -1px;display: none;margin-bottom:5px;}
.item .left .btdown li dd{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;color: #666666;}
.item .left .btdown li dd i{width: 20px;height: 22px;display: inline-block; float: left;}
.item .left .btdown li dd b{ font-weight: normal;}
.item .left .btdown li dd p{padding-left: 21px;background: url(https://cdn.baidu.com.btba.xiaoeryi.com/btba/image/join.gif) no-repeat 1px -3px;font-size: 14px;min-height: 22px;}
.item .left .btdown li u{color: #666;font-size: 12px;margin:-5px 0 0 40px;text-decoration: none;/*float: left;*/}
.item .left .curious li{ float: left; margin:0 0 10px 10px;border: solid 1px #e8e8e8;text-align: center;}
.item .left .curious li:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
.item .left .curious li a{color: #d65656;}
.item .left .curious li a:hover{color:#ff0000 /*#e23030*/;}
.item .left .curious li a img{ width: 123px; height: 167px;}
.item .left .curious li.l{margin-left:0;}
.item .left .curious li b{font-weight: normal;display: block;overflow: hidden;height: 20px;text-overflow: ellipsis;white-space: nowrap;padding: 5px 2px;width: 119px;}
.item .left .detail div{ padding: 10px;color: #555555;}
.item .left .detail div img{max-width: 800px;}
.item .right{  float: right; overflow: hidden;}
.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 #1a3a5c;}

#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;
}