/***
:root {
    scroll-behavior: smooth;
}
@keyframes body {
   0% {
opacity:0;
}
50% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}


渐入动画***/

.caise{
    color: red;text-shadow: 0 0 3px #FFC107;
}

body,div,p,a,table,textarea,form,input,img,ul,li{margin:0;padding:0;}
/**body{font-size:15px;margin:4px;line-height:1.5;font-family: "web-font","Arial","Microsoft YaHei","黑体","宋体",sans-serif;} **/
body{font-family: "Arial","Microsoft YaHei",;font-weight: 500;font-size:16px;margin:4px;line-height:1.5;}
li{list-style:none;text-indent:0;}
img,a img{border:0;border-radius: 5px;}
a{text-decoration:none;color:#2256ab;}
a:hover{
    color: #f60;
}

em{color: #9B9B9B;font-size:12px;padding: 5px 10px;font-style: unset;}
textarea{font-size:13px;width:98%;margin:0 0 5px 0;border:1px solid #9FC6EC;}
/*橘子CSS*/

.per {
font-size:14px;
height:30px;
line-height:30px;
position:absolute;
text-align:center;
top:0;
width:33px;
color:#CD0000;
cursor:pointer
}
.per:before {
content:attr(data-percent)
}
.per:hover:before {
content:"↑";
font-size:14px
}
#x1 {
 color: #7da33c;
 background: #ecf2d6 url('https://up.pcno.cn/ico/map.png') -1px -1px no-repeat;
 border: 1px solid #aac66d;
 overflow: hidden;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
 }
#x2 {
 color: #ad9948;
 background: #fff4b9 url('https://up.pcno.cn/ico/map.png') -1px -1px no-repeat;
 border: 1px solid #eac946;
 overflow: hidden;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
 }
#x3 {
 color: #c66;
 background: #ffecea url('https://up.pcno.cn/ico/map.png') -1px -1px no-repeat;
 border: 1px solid #ebb1b1;
 overflow: hidden;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
 }
#x4 {
 color: #777;
 background: #eaeaea url('https://up.pcno.cn/ico/map.png') -1px -1px no-repeat;
 border: 1px solid #ccc;
 overflow: hidden;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
}
#x5 {
 color: #1ba1e2;
 background: rgba(27, 161, 226, 0.26) url('https://up.pcno.cn/ico/map.png') -1px -1px no-repeat;
 border: 1px solid #1ba1e2;
 overflow: hidden;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
}
#x6 {
 border-width: 1px 4px 4px 1px;
 border-style: solid;
 border-color: #3e3e3e;
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
}
#x7 {
 border: 2px dashed rgb(41, 170, 227);
 background-color: rgb(248, 247, 245);
 margin: 10px 0;
 padding: 15px 15px 15px 35px;
}
#x8 {
 margin: 10px 0;
 padding: 10px 15px;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #05B536;
 background: #FFF;
}
#x9 {
 margin: 10px 0;
 padding: 10px 15px;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #ED0505;
 background: #FFF;
}
#x10 {
 margin: 10px 0;
 padding: 10px 15px;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #EC8006;
 background: #FFF;
}

/*图标*/
.logo{padding:5px 0 0 10px;background:#fff;}

/*页头*/
.header{background:url("../images/header.gif") repeat-x;height:22px;line-height:22px;}

/*页脚*/
/*页脚*/
.footer{padding:5px;background:#9fc6ec61;border-top:1px solid #9FC6EC;}
.footer p{line-height:22px;color:#515151;}
.footer p a{color:#0051A4;}
.footer .version a{color:#004299;}
#footer{ 
height: 100px;
width: 100%;
background-color: #9fc6ecc4;
bottom: 0;
border-top:1px solid #C5E6DF;
}
	#footer a{ color:#0051A4;}

.login-tips{background: #fff9b794;
    border-bottom: 1px solid #9FC6EC;}
    .login-tips a{ color: #db7c22;padding-left: 5px;}
    
.login-tips2{background: #e7b1bc87;
    padding: 4px 8px;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0;}
    .login-tips2 a{ color: #e95656;padding-left: 5px;}    
    
    
.login-tips3{background: #e7b1bc87;
    border-left: 5px solid #50bfff;
 
    background-color: #fff9eb;
    padding: 4px 8px;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0;}
    .login-tips3 a{ color: #f1b306;padding-left: 5px;}      
    
	.login-tips img{ margin-right:2px; vertical-align:middle;}
	.login-tips span{ margin-left:14px;}
	
/*自己添加的*/
.shanghengxian{border-top:3px solid #9FC6EC}
.hengxian{border-bottom:1px solid #eee}
.qianlan{background:#e4eff9;padding-left:5px; padding-right:5px;border-top:1px solid #9FC6EC;border-bottom:1px solid #9FC6EC;}
.youfudong{float:right;}
.huixian{border-bottom:3px solid #f7f9f8}
.banzhuhuifu{border: solid 1px red;width: 64px;height: 20px;margin: 0 0 0 -1px;}.xinwenhx{border-bottom:3px solid #9FC6EC}
	
/*改颜色*/
.module-title{ margin:8px 0 6px; padding:0 5px; height:20px; line-height:20px; border-bottom:4px solid #9FC6EC; color:#000; font-weight:bold;padding-bottom: 2px;}

.kk{text-shadow: 5px 5px 5px gray;line-height:30px;padding: 4px 4px;font-size: 16px;box-shadow: 0 0 14px 1px #9FC6EC;background: url(/image/bg2.gif) repeat-x;}

.module-title a{ color:#0051A4;}
.module-title img{padding-right:0px;}
	.module-title span{ font-weight:normal; font-size:12px; margin:0 0 0 10px;}
	.module-title span a{ color:#0051A4;}	
/*列表*/
.list{line-height:1.6;}
.list a{color:#0051A4;}
.list img{margin-right:2px;vertical-align:middle;}
.list .row{padding:3px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}

/*导航改图？*/
.bar{ height:22px; padding:0 3px; background:#71afe3 url(https://pcno.cn/images/style/5_navbar.gif) repeat-x; line-height:22px; color:#fff;}
.bai{background:#71afe3 url(https://pcno.cn/images/style/5_navbar.gif) repeat-x; color:#fff;line-height:30px;padding: 4px 4px;border-radius:50px;font-size: 16px;}
.bar a{color:#fff;}

/*广告*/
.ad{padding-left:5px;line-height:20px;font-size:12px;}
.ad a{color:#ff0000;}

/*广播*/
.note{background:#FFF9B7;border-bottom:1px solid #9FC6EC;}
.radio{padding-left:5px;background:#FFF9B7;border-bottom:1px solid #9FC6EC;}

/*文本*/
.text{line-height:1.3;padding:3px 5px;word-wrap:break-word;}
.text img{max-width:100%;margin-right:2px;vertical-align:middle;}

/*项目*/
.item{line-height:1.3;padding-left:2px;}
.item a{color:#0051A4;}

/*名称*/
.name{padding-left:3px;line-height:20px;border-bottom:2px solid #9FC6EC;color:#000;font-weight:bold;}
.name a{color:#0051A4;}

/*标题*/
.title{padding-left:2px;line-height:20px;border-bottom:1px solid #9FC6EC;}
.title a{color:#0051A4;}

/*常见*/
.line{margin:2px 0 1px;padding:0 5px;border:1px solid #9FC6EC;}
.width{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.deep{background:#E3EEF8;border:1px solid #9FC6EC;border-left:none;border-right:none;}

.write-mood{padding:5px;background:#e4eff9;line-height:1.5;border-top:1px solid #9FC6EC;border-bottom:1px solid #9FC6EC;}

/**弹窗*/    
 .black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #100d10;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=50);
}

.white_content {
    border-radius: 20px;
    display: none;
    position: absolute;
    top: 30%;
    left: 40%;
    background-color: #FFFFFF;
    z-index: 1002;
 /* 数字的大小指明了div的相对层，数字大的在上层 */
    overflow: auto;
}  
/**按钮弹窗CSS**/
      #dream {
        margin:0 auto;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position:absolute;
        top:50%;
      }
      #dream button {
        margin: 0 20px;
      }
      .dream-btn {
        font-size: 12px;
        text-decoration: none;
       
        white-space: nowrap;
        border-radius: 5px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: normal;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .dream-btn.cancel {
        margin-right: 10px;
        color: #525456;
        background-color: transparent;
        font-weight: 500;
        transition: all 0.06s ease-out;
      }

      .dream-btn,
      .dream-btn span{
        position: relative;
        font-size: 12px;
        font-weight: bold;
      }
      .dream-btn.info {
        background-color: #47d4cd;
        color: #fefefe;
      }
      .dream-btn.success {
        background-color: #9edc65;
        color: #fefefe;
      }
      .dream-btn.warning {
        background-color: #e5b442;
        color: #fefefe;
      }
      .dream-btn.error {
        background-color: #ec4141;
        color: #fefefe;
      }
      .dream-btn.loading {
         background-color: #7bb4e7;
         color: #fefefe;
       }
      .dream-btn.close {
        background-color: #676868;
        color: #fefefe;
      }

      .dream-btn.ok::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        transition: all 0.12s ease-out;
        background-color: transparent;
      }
      .dream-btn.ok:hover::before {
        background-color: rgba(255, 255, 255, 0.08);
      }
      .dream-btn.ok:active::before {
        transition: all 80ms ease-out;
        background-color: rgba(0, 0, 0, 0.2);
      }

.sqm1 {
                background-image: 
        -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
        color-stop(0.15, #f2f), 
        color-stop(0.3, #22f), 
        color-stop(0.45, #2ff), 
        color-stop(0.6, #2f2),
        color-stop(0.75, #2f2), 
        color-stop(0.9, #ff2), 
        color-stop(1, #f22) );
    color: transparent;
    -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text
        }
.sqm5{
    background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}

.lyc{margin-left: 4px;
    height: 18px;
    opacity: .87;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, #fb3d3d), to(#f67939));
    background-image: -webkit-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -moz-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: -o-linear-gradient(right, #fb3d3d 2%, #f67939 100%);
    background-image: linear-gradient(270deg, #fb3d3d 2%, #f67939 100%);
    -moz-border-radius: 8px 1px 8px 1px;
    border-radius: 8px 1px 8px 1px;
    line-height: 18px;
    padding: 0 4px;
    color: #fff;
}

#anniu{width: 66px;height: 20px;border: none;background: #0052d9;color: #fff;border-radius: 5px;font-size: 14px;padding: 2px 6px;box-shadow: 1px 1px 7px #fb3d3d;}


.pcno{
    font-size: 10px;
    color: #ecb6b6;
    text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
    position: relative;
}

.dibao{
    background-color: #F60;
        display: inline-block;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 200;
}
.qiu{
    background-color: #191818;
        display: inline-block;
    padding: 2px 2px;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    line-height: 12px;
    height: 12px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 200;
}


.module-content{ line-height:2}
.module-content a{ color:#0051A4;}
.关闭按钮 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-color: red;
    color: white;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}
.关闭按钮:before {
    content: 'X';
}

#寄语 {
    display: none;
}

#发帖龙王 {
    display: none;
}

#回帖龙王 {
    display: none;
}

.弹出窗口 .类选择器 h3 { margin: 0; padding: 0; width: 250px; height: 30px; line-height: 26px; display: block; font-size: 16px; text-align: center; }
.弹出窗口 .类选择器 h3 span { float: left; }
.弹出窗口 .类选择器 h3 .关闭按钮 { display: inline-block; width: 17px; height: 16px; float: right; cursor: pointer; }
.弹出窗口{
position: fixed;
background-color: rgba(0,0,0,0.7);
color: #fff;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
line-height: 30px;
border: 2px solid #888;
border-radius: 5px;
}
.类选择器{
text-align:center;
}
.pln {
    color:#ff0000;
    padding-left: 10px;
}
@media screen {
    .str {
        color:#080
    }
    .kwd {
        color:#008
    }
    .com {
        color:#800
    }
    .typ {
        color:#606
    }
    .lit {
        color:#066
    }
    .clo, .opn, .pun {
        color:#fe0099
    }
    .tag {
        color:#008
    }
    .atn {
        color:#606
    }
    .atv {
        color:#080
    }
    .dec, .var {
        color:#606
    }
    .fun {
        color:red
    }
}
@media print, projection {
    .kwd, .tag, .typ {
        font-weight:700
    }
    .str {
        color:#060
    }
    .kwd {
        color:#006
    }
    .com {
        color:#600;
        font-style:italic
    }
    .typ {
        color:#404
    }
    .lit {
        color:#044
    }
    .clo, .opn, .pun {
        color:#440
    }
    .tag {
        color:#006
    }
    .atn {
        color:#404
    }
    .atv {
        color:#060
    }
}
pre.prettyprint {
    padding: 4px 0 4px;
    background: #fbd3dc;
    border-radius: 4px;
	font-family: "web-font",Menlo,Monaco,Consolas,"Lucida Console","Courier New",monospace;
}

pre.prettyprint:before{
       content: '';
    position: absolute;
    margin-top: 4px;
    margin-left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fc625d;
    box-shadow: 12px 0 #fdbc40, 24px 0 #35cd4b;
    z-index: 1;
}

ol.linenums {
    margin-top:0;
    margin-bottom:0
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type:none;
        margin-left: 40px;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background:#eee
}
/***进度条***/
.inline-progress-container {
    display: inline-block;
    width: 150px; /* 调整进度条容器宽度 */
    background-color: #9fc6ec;
    border-radius: 5px;
    margin: 0 5px; /* 调整与前后元素的间距 */
    overflow: hidden;
    vertical-align: middle; /* 垂直居中对齐 */
}

.progress-bar {
    height: 20px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 20px;
    color: white;
    transition: width 0.3s ease;
}

.progress-text {
    font-size: 12px;
    font-weight: bold;
}