@charset "utf-8";
/* CSS Document */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;outline:none;}
body {font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size:16px;color: #333;/*background: #f1f1f1;*/overflow-x: hidden;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
li{list-style:none}
a{text-decoration:none;}
#header{height:50px;width:100%;background:#449ffa;}
#header div,#header h1{color:#fff;line-height:50px;text-align:center;font-size:22px;font-weight:normal}
#menu{height:30px;width:30px;background:url(/statics/v2/skin/qukuailian/images/menu.png) center no-repeat;display:block;position:absolute;margin:10px 0 0 10px;}
#search_icon{height:30px;width:30px;background:url(/statics/v2/skin/qukuailian/images/search.png) center no-repeat;display:block;position:relative;float:right;margin-top:-40px;margin-right:10px;}
.banner{height:150px;padding:20px;background:#630;margin:10px 10px 0;}
.container{/*margin:10px;*/padding:15px;background:#FFF;border-radius:3px;display:block;overflow:hidden;}
.container_name{border-bottom:1px solid #ddd;font-size:16px;color:#444;font-weight:normal;padding-bottom:10px;clear:both;}
.container_name::after{content:'';height:2px;width:60px;display:block;background:#000;position:absolute;margin-top:9px;}
.container_name a{float:right;font-size:12px;color:#e40000;margin-top:4px;}
.classname {font-size: 16px; color: #aaa; font-weight: normal; border-bottom: 1px solid #ddd; padding: 0 0 .2rem;}
.classname a{margin: 0; padding: 0; color: #333; text-decoration: none; }}
.list_imgtext{margin-top:15px !important;}
.list_imgtext li{width:48%;height:100px;float:left;}
.list_imgtext li:nth-child(even){float:right;}
.list_imgtext img{width:100%;height:100px;}
.list_imgtext li span{display:block;position:relative;height:44px;width:80%;padding:0 10%;margin-top:-45px;background-color:#333;color:#fff;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;display: -webkit-box;-webkit-line-clamp:2;line-height: 22px;text-align: center;font-size: 15px;}
.list_text{clear:both;padding-top:5px;}
.list_text li{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;padding-left:8px;}
.list_text li::before{content:'';height:3px;width:3px;background:#444;position:absolute;margin:9px 0 0 -8px;}
.list_text li a{color:#444;}
.site_list{margin-top:5px;}
.site_list li{height:50px;width:48%;float:left;border:1px solid #eee;margin-top:8px;border-radius:3px;}
.site_list li:nth-child(even){float:right;}
.list-article{margin-top:3px;}
.list-article li{padding:12px 0 17px 0;border-bottom:1px dashed #eee;height: 70px;position: relative;}
.list-article li h3 {font-size: 15px; margin-bottom: 8px; }
.list-article li h3 a, .list-article li span a{color:#0055f2}
.list-article li h3 a:visited, .list-article li span a:visited {color: #0539c3; }
.list-article figure{float:left;margin-right:10px;}
.list-article figure img{height:1.2rem;width:1.5rem;border-radius:3px;}
.list-article p{font-size:14px;color:#444;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 70%;}
.list-article blockquote{font-size:12px;color:#999;margin-top:10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list-article em{font-style:normal}
.list-article li .outurl {font-size: .26rem; width: 22%; height: .6rem; background: #17a2e7; text-align: center; -moz-border-radius: .08rem; -webkit-border-radius: .08rem; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; line-height: .6rem; float: right; display: inline-block;}
.list-article li .outurl a{color: #fff;}
footer{margin:10px;padding:5px 20px;font-size:12px;color:#444;text-align:center;line-height:25px;}
footer a{ color:#666; line-height:0.6rem;}
.site_list figure{float:left;margin:10px;}
.site_list figure img{height:30px;width:30px;border-radius:3px;}
.site_list p{font-size:14px;color:#444;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.site_list blockquote{font-size:12px;margin-right:5px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#article_content{margin:20px;/*padding:.3rem;*/background:#fff;border-radius:3px;}
.position{font-size:14px;overflow:hidden;text-overflow:ellipsis;color:#999;white-space:nowrap;border-bottom:1px solid #ddd;padding-bottom:10px;}
.position i{font-family:宋体;font-style:normal;color:#999}
.position a{color:#999;}
.position::before{height:3px;width:60px;background:#40b4f7;position:absolute;margin:28px 0 0 0;content:'';}
#title{font-size:20px;color:#333;line-height:30px;margin-top:20px;}
.article_msg{font-size:14px;color:#999;margin-top:10px;}
.article_msg a{color:#40b4f7;margin-left:5px;}
.info{font-size:14px;padding:10px;background:#f5f5f5;margin-top:15px;color:#777;line-height:25px;border-radius:3px;}
.info strong{margin-right:5px;}
#content{font-size:.32rem;line-height:.58rem;color:#333;}
#content img{max-width:100%;border-radius:3px;margin:0 auto;height:auto;}
#content p{margin-top:.3rem;}
/*#content h2{font-size:16px;margin-top:10px;border-left:5px solid #39a0e2;padding-left:10px;}
#content h3{font-size:16px;margin-top:10px;border-left:5px solid #63bdf6;padding-left:10px;}*/
/*文章内H标签*/
#content h2{background:#6FA8DC;font-size:16px;font-weight:400;padding: 6px 10px;margin-top:.3rem;color:#fff;border-radius: 0px 20px 20px 0px;}
#content h3{position:relative;margin:10px 0 8px 0;color:#479ac1;background:#f1f7fd;border: 1px dashed #cae0f3;border-left: 2px solid #479ac1;padding:6px 10px;font-size:16px;font-weight:normal;}
#content h4{color:#535e67;display:block;margin:10px auto 0 auto;border-radius:6px;padding:7px 14px;position:relative;background:#eef2f3}
#content h4::after{content:' ';width:85px;border-radius:2px;display:block;position:absolute;bottom:0;left:14px;height:2px;background:#bed3e4}
#content h5,#content h6{font-size:.3rem;margin-top:.3rem;color:#222;}
/*文章内代码块、按钮相关样式*/
#content ol,#content ul {padding: 0.3em 0;line-height: 30px;list-style: decimal;margin: 0 0 0 25px;word-break: break-word;}
#content li{list-style-type: disc;margin: 5px 0;}
#content blockquote {padding: 4px 4px 4px 10px;background: #f4f9fb;margin: 10px auto 10px auto;border-left: #74cde6 3px solid;font-size: 0.28rem;word-break: break-all;}
#content blockquote p{margin-top:0px;}
#content .jb51code{clear:both; text-align:left;/*width:98%;margin-left:1%;*/margin-top:.3rem}
#content .codetitle span {float: right;}
#content .codebody {white-space:nowrap;}
#content .htmlarea {margin: 0px auto; padding: 3px; width: 590px; text-align: center; clear: both; font-size: 14px;}
#content .htmlarea textarea {width: 96%; height: 200px; font-size: 14px;}
#content SPAN.quote SPAN {DISPLAY: block; COLOR: #ff0000;}
#content .code_n{display:none;}
#content code{font-size:.24rem;}
#content code,#content SPAN.quote{border: #bfdfff 1px dashed;padding:3px 5px;margin: 10px 5px;color: #000000; background-color: #f5fbff;border-radius: 3px;}
#content code[data-copy]::before{content:"点击复制：";color:#2196f3;}
#content code[data-copy]:hover{background-color: #fffde7;cursor: pointer;border-color:#ffc107}
.jb51Tips{position:fixed; z-index:99; border-radius:3px;padding:20px;background-color:rgba(0,0,0,.8);color:#cacaca;width:100px;font-size:14px; text-align:center; margin-left:-60px;left:50%;top:50%}
#content pre{background: #fcfcfc;color:#333333;font-size:14px;padding: 0.2rem;line-height:25px;display: block;overflow-x: auto;border-radius: 3px;border-left: 3px solid #6ce26c;}
#content table{/* display: inline-block;border:1px solid #cccccc; */margin-top:0.54em; clear:both;width:100%;font-size:12px;border-collapse:collapse;overflow:auto;display: block;word-break: keep-all;}
#content table th,#content table td{padding:8px;border:1px solid #C1DAD7;line-height:.85rem;text-align:left; }
#content table th{background:#CAE8EA;}
#content table thead,#content table.jbborder tr {background-color:#fff;}
#content table tr:nth-child(even){background-color:#f5fafa}
#content table tbody tr:hover {background: rgba(255,255,153,.4)}
#content table th img{display:block; margin:5px auto 0;}
#content table td{text-align:left}
#content table td.version{font-weight:bold;}
#content table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
#content table td p{margin:0; padding:0;line-height:22px;}
#content table ul{margin-top:2px;}
#content strong{font-weight:bold}
#content table tbody{/* display: inline-table; */width:100%;}

#spread_collect{ width:100%; margin:10px 0;}
#spread_collect ul{display:inline;white-space: nowrap; padding:0; margin:0; letter-spacing:-npx;font-size:0px;}
#spread_collect ul li{ width:50%;display: inline-block;white-space:nowrap; padding:10px 0; margin:0; list-style:none; font-size:16px;}
#spread_collect ul li:nth-of-type(1){ background:#2e85d5}
#spread_collect ul li:nth-of-type(2){ background:#50a469}
#spread_collect ul li .spread_collect_logo{height:26px;width:26px;margin:6px 0 0 5px;float: left;border:none; padding:0;}
#spread_collect ul li .spread_collect_info{float: left;margin:0 0 0 6px;font-size: 12px;}
#spread_collect ul li .spread_collect_info .tit{ font-size:16px; font-weight:bold; color:#fff;letter-spacing:1px}
#spread_collect ul li .spread_collect_info p{ line-height:20px; color:#fff;}
/**/
#siteinfoLegal{border-left:3px solid #555;padding:10px;margin-top:15px;color:#666;background:#f5f5f5;font-size:14px;line-height:20px;}
#channel_info{font-size:13px;line-height:24px;}
#channel_info img{height:80px;width:80px;border:1px solid #eee;padding:5px;margin-right:10px;float:left;}
#channel_info h2{color:#444;font-size:18px;line-height:18px;}
#channel_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-height:20px;margin-top:10px;-webkit-box-orient:vertical;color:#888;}
#channel_info a{color:#40b4f7;display:block;margin-top:-2px;}
#nav{width:100%;height:100vh;display:block;position:fixed;z-index:9999;top:0;background:#40b4f7;display:none}
#nav p,#nav h2{width:100%;color:#fff;text-align:center;margin-top:80px;font-size:30px;font-weight:600;}
#nav nav{width:100%;text-align:center;margin-top:50px;}
#nav nav a{width:60%;border-bottom:1px solid #9edbfe;display:block;margin:0 auto;padding:20px 0;font-size:18px;color:#fff;}
#close_nav{height:50px;width:50px;background:#39a0e2;border:3px solid #9edbfe;display:block;margin:50px auto 0;border-radius:100%;line-height:50px;text-align:center;color:#fff;font-size:25px;}
#search{height:50px;width:100%;background:rgba(0,0,0,0.7);display:none;}
.search_key{height:30px;width:60%;border:1px solid #eee;margin:10px 0 0 10px;float:left;text-indent:10px;}
.search_sub{height:32px;width:80px;background:#000;border:1px solid #eee;float:left;margin:10px 0 0;border-radius:0 3px 3px 0;color:#fff;line-height:32px;}
#close_search{height:30px;width:30px;float:left;margin:10px 0 0 10px;color:#fff;font-size:16px;line-height:30px;text-align:center;background:rgba(0,0,0,0.7);border-radius:3px;}
.sitelink{margin-top:15px;}
.sitelink a{padding:5px 10px;background:#000;color:#fff;font-size:12px;border-radius:0 15px 15px 0;}
.page{text-align:center;font-size:12px;margin-top:20px;}
.page a,.page strong{padding:3px 5px;margin:0 2px;display:inline-block;}
.page a{color:#40b4f7;border:1px solid #ddd;}
.qkl_ad_m{padding:0;margin:0;overflow:hidden;}
/*文章内引入软件*/
.downsoft dl{width:100%;overflow:auto;zoom:1;background:#ffffff;border: 1px solid #cae0f3; border-left:2px solid #379be9; box-sizing: border-box;margin:0 auto;padding:10px;border-radius:5px}
.downsoft dl dt,.content .downsoft dl dd span{float:left}
.downsoft dl dd span{vertical-align:top; margin-top:-2px}
.downsoft dl dd a {position: relative;display: block;background:#379be9;color: #ffffff;font-size: 16px;font-weight: bold;width: 156px;height: 42px;line-height: 42px;border:1px solid #379be9;float: right;text-align: center;border-radius: 5px;}
.downsoft dl dd a:hover {background: #4faaf1;color:#ffffff;}
.downsoft dl dd strong{color:#333333;font-weight:normal;}
.downsoft dl dd{ overflow:auto; zoom:1}
/*结束*/
/*文章内容引入软件新样式2*/
#content .arc_down{width:calc(100% - 30px);padding:15px;margin:15px 0 0 0;background:#f5f5f5;border-radius:5px;overflow:hidden;}
#content .arc_down img{margin-top:10px;float:left;width:70px;height:70px;border-radius:3px;}
#content .arc_down .arc_down_title{width:calc(100% - 85px);float:left;margin:-.05rem 0 0 15px;font-size:16px;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#222}
#content .arc_down ul{width:calc(100% - 85px);float:left;margin:10px 0 0 15px;padding:0;}
#content .arc_down ul li{list-style:none;float:left;font-size:12px;margin:0;line-height:12px;margin-top:10px;width:50%;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#content .arc_down ul li span{color:#aaa;}
#content .arc_down .arc_down_icon{width:100%;font-size:14px;color:#fff;background:#379be9;float:left;margin:15px 0 0 0;padding:5px 0;border-radius:5px;text-align:center;}

/*文章内容引入软件新样式3 fixed by sajax 2023.10.12*/
#content .arc_down .arc_down_title_okx{width:calc(100% - 85px);float:left;margin:-.05rem 0 0 15px;font-size: 20px;line-height: 32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#222}
#content .arc_down ul li.okx{list-style:none;float:left;font-size: 14px;margin:0;line-height: 24px;width: 100%;color: #999;overflow:hidden;text-overflow:ellipsis;white-space: normal;}
#content .arc_down .arc_downl_icon{width: 45%;font-size:14px;clear: left; color:#fff;background: #43ab04;float:left;margin:15px 0 0 0;padding:5px 0;border-radius:5px;text-align:center;}
#content .arc_down .arc_downr_icon{width: 45%;font-size:14px;color:#fff;background:#379be9;float:right;margin:15px 0 0 0;padding:5px 0;border-radius:5px;text-align:center;}

/*2022.11.23*/
#siteinfookx{box-shadow:#666666 0px 0px 10px;padding:10px;color:#666;background:#f5f5f5;font-size:14px;line-height:20px; padding:10px; margin:10px 5px;border-radius: 5px;}
#siteinfookx p{font-size:.3rem; margin-bottom:.28rem; width:100%; line-height:.5rem;}
#siteinfookx p img{box-sizing: border-box; max-width: 51px;}
#siteinfookx .down_icon{width: 100%;font-size: 14px;color: #fff;background: #379be9; border-radius: 4px;text-align: center; margin:15px 3px; padding:8px 15px;}
#siteinfookx .down_icon2{width: 100%;font-size: 14px;color: #fff;background: #43ab04; border-radius: 4px;text-align: center; margin:15px 3px; padding:8px 15px;}

/*2023.01.11*/
.tx-info-module-box,
.tx-info-module-box * {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1em !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    list-style: none !important;
    max-width: none !important;
    max-height: none !important;
    line-height: 1 !important;
    background: 0 0 !important
}

.tx-info-module-box {
    margin: .5em 0 1.5em 0 !important;
}


.tx-info-module-box{
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tx-info-module-imgbox img {
margin-top:10px !important;
    width: 100% !important;
    border: 0 !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    border-radius: 5px !important
}

.tx-info-module-btn {
    display: inline-flex !important;
    height: 2.4em !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1em !important;
    border-radius: 4px !important;
    background-color: var(--tx-module-color1) !important;
    color: #fff !important;
    transition: all .35s ease 0s !important
}

.tx-info-module-btn1 {
    display: inline-flex !important;
    height: 2.4em !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1em !important;
    border-radius: 4px !important;
    background-color: var(--tx-module-color1) !important;
    color: #fff !important;
    transition: all .35s ease 0s !important
}

.tx-info-module-btn:hover {
    opacity: .9 !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.tx-info-module-btn1:hover{
    text-decoration: underline !important;
}

.tx-info-module-btn1:hover {
    opacity: .9 !important;
    color: #fff !important
}
.tx-info-module-down1-box>section {
    background-color: #fffcf9 !important;
    border-radius: 5px !important;
    padding: 1em !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    border: 1px solid #ffd9a8 !important
}

.tx-info-module-down1-box>section {
    align-items: flex-start!important;
    flex-wrap: wrap!important;
}

.tx-info-module-down1-box .tx-info-module-imgbox {
    width: 4.2em !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    flex: none !important;
	position: absolute!important;
    left: 1em!important;
    top: 1em!important;
}

.tx-info-module-down1-box .tx-info-module-down-txt {
    flex: auto !important;
    padding: 0 0 0 4.7em !important
}

#content .tx-info-module-down1-box .tx-info-module-down-txt>h3::after{background:none;}

.tx-info-module-down1-box .tx-info-module-btn {
    height: 2.6em !important;
    font-size: 1.1em !important;
    padding: 0 2em !important;
    background-color: #43ab04 !important;
    flex: none !important;
    text-decoration: none;
	margin: 1em 0 0 0!important;
    flex: auto!important;
}

.tx-info-module-btn1 {
    height: 2.6em !important;
    font-size: 1.1em !important;
    padding: 0 2em !important;
    background-color: #333 !important;
    margin: 0 0 0 1em !important;
    flex: none !important;
    text-decoration: none;
	margin: 1em 0 0 0!important;
    flex: auto!important;
}

.tx-info-module-txt-title {
    font-size: 1.25em !important;
    line-height: 1.4 !important;
    max-height: 2.8em !important;
    margin: 0 0 .5em 0 !important;
    overflow: hidden !important;
    flex: none !important;
    font-weight: 700;
}
.tx-info-module-txt-title h3 {
font-weight:bold;
}

.tx-info-module-txt-info {
    opacity: .6 !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
    flex: auto !important;
    display: block !important;
    font-size: 14px !important;
    text-indent: 0em !important;
}

.tx-info-module-imgtxt-span {
    display: flex !important;
    align-items: center !important;
    flex: none !important;
    margin: 1em 0 0 0 !important;
}

/*list page*/
.fenye{position: relative;margin:.2rem .3rem;height:.76rem;font-size:.28rem;clear:both;text-align: center;}
.fenye:empty{height:0}
.fenye .page-i{margin-left:.1rem;height:.72rem; line-height:.72rem}
.fenye .page-i i{font-style:normal}
.fenye .down,.fenye .downno,.fenye .rest,.fenye .up,.fenye .upno{display:block;width:2.2rem;height:.72rem; background:#379BE9;border-radius:2px; color:#fff;line-height:.7rem}
.fenye .down:hover,.fenye .up:hover{background-color:#379BE9;border:1px solid #379BE9;}
.fenye .down,.fenye .downno,.fenye .up,.fenye .upno{position:absolute;top:0}
.fenye .up,.fenye .upno{left:0;border-right: 5px solid #fff;}
.fenye .down,.fenye .downno{right:0;border-left: 5px solid #fff;}
.fenye .rest{display:block;width:auto!important;background:#eee;color:#888}

/*消除加载时rem生效时间差*/
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;}}
/*底部浮动*/
.fxbottom {position: fixed;bottom: 0;width: 100%;display: flex;line-height: 22px;backdrop-filter: blur(8px);box-shadow: 0 -5px 5px 0 rgba(0,0,0,.14);}
.fxbottom a {width:100%;font-size: 16px;color: #fff;box-sizing: border-box;}
.fxbottom a:nth-child(1){background: rgba(0, 0, 0, 0.7)}
.fxbottom a:nth-child(2){background: rgba(19 , 72 , 255 , 0.7)}
.fxbottom a:nth-child(3){background: rgba(26, 175, 16, 0.7);}
.fxbottom .ico {width: 23px;vertical-align: middle;margin: -4px 8px 0 0;display: inline-block;}
.fxbottom span {font-size: 12px;display: block;white-space: nowrap;}
.fxbottom div {width: max-content;margin: 16px auto;font-size: 14px;}
.altbox {width:40%;max-width: 500px;min-width: 300px;padding: 30px;background: rgba(255, 255, 255,0.85);box-sizing: border-box;box-shadow: 0 0 22px 0px rgba(0,0,0,.48);text-align: center;border-radius: 5px;backdrop-filter: blur(8px);}
.altbk {background: rgba(0, 0, 0, .4);width: 100%;height: 100%;position: fixed;display: flex;top: 0;left: 0;flex-wrap: nowrap;align-items: center;justify-content: space-evenly;}
.altbox .wxin {line-height: 40px;border-radius: 35px;margin: 10px 0;color: #0087ff;background: #fff;font-weight: bold;font-size: 14px;}
.altbox .altclose {float: right;width: 30px;line-height: 1;background: #ff5959;border-radius: 50%;color: #fff;font-size: 30px;margin: -50px;}
.altbox .wxqr{width: 150px;height:150px;border-radius: 6px;}

/*推荐下载*/
.art_recommend figcaption{padding-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:400;font-size:15px;line-height:21px;}
.art_recommend span{font-size:13px;color:#949393;position:relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.art_recommend img{width:1.1rem;height:1.1rem;float:left;margin-right:.2rem;border-radius: 0.18rem}
.art_recommend u{margin: 0 6px 0 0;padding:0 6px 0 0;border-right:1px solid #d9d9d9; text-decoration:none}
.art_recommend .ap_loadBtn{width: 0.80rem;height: 0.4rem;color: #fff;background:#55ae03;border-radius: 0.1rem; padding:0.08rem 0.2rem; line-height:150%; font-size:15px; text-align:center}
.art_recommend a.lianjiez,.art_recommend .dobxz{cursor: pointer; display: flex; justify-content: space-between; border-bottom: #e6e6e6 1px solid; padding: 8px 0px; color: #333; text-decoration: none;  align-items: center;}
.art_relevant figure,.art_recommend figure {width: 100%;padding:8px 8px 8px 0;}
.art_recommend .dobxz{}
.art_recommend .ap_loadBtnz{ background: url(../images/mobile_sprite_2.png) -126px -488px no-repeat; width:35px; height:35px;}

#titleph {font-size: 20px; color: #333; line-height: 30px; text-align: center; border-bottom: 1px dashed #eee; padding: 20px 0 15px; }
#contentph{font-size:.32rem;line-height:.58rem;color:#333;}
#contentph img{max-width:100%;border-radius:3px;margin:0 auto;height:auto;}
#contentph p{margin-top:.15rem;}
/*文章内H标签*/
#contentph h2{background:#6FA8DC;font-size:16px;font-weight:400;padding: 6px 10px;margin-top:.3rem;color:#fff;border-radius: 0px 20px 20px 0px;}
#contentph h3{position:relative;margin:10px 0 8px 0;color:#479ac1;background:#f1f7fd;border: 1px dashed #cae0f3;border-left: 2px solid #479ac1;padding:6px 10px;font-size:16px;font-weight:normal;}
#contentph h4{color:#535e67;display:block;margin:10px auto 0 auto;border-radius:6px;padding:7px 14px;position:relative;background:#eef2f3}
#contentph h4::after{content:' ';width:85px;border-radius:2px;display:block;position:absolute;bottom:0;left:14px;height:2px;background:#bed3e4}
#contentph h5,#contentph h6{font-size:.3rem;margin-top:.3rem;color:#222;}
/*文章内代码块、按钮相关样式*/
#contentph ol,#contentph ul {padding: 0.3em 0;line-height: 30px;list-style: decimal;margin: 0 0 0 25px;word-break: break-word;}
#contentph li{list-style-type: disc;margin: 5px 0;}
#contentph blockquote {padding: 4px 4px 4px 10px;background: #f4f9fb;margin: 10px auto 10px auto;border-left: #74cde6 3px solid;font-size: 0.28rem;word-break: break-all;}
#contentph blockquote p{margin-top:0px;}
#contentph .jb51code{clear:both; text-align:left;/*width:98%;margin-left:1%;*/margin-top:.3rem}
#contentph .codetitle span {float: right;}
#contentph .codebody {white-space:nowrap;}
#contentph .htmlarea {margin: 0px auto; padding: 3px; width: 590px; text-align: center; clear: both; font-size: 14px;}
#contentph .htmlarea textarea {width: 96%; height: 200px; font-size: 14px;}
#contentph SPAN.quote SPAN {DISPLAY: block; COLOR: #ff0000;}
#contentph .code_n{display:none;}
#contentph code{font-size:.24rem;}
#contentph code,#contentph SPAN.quote{border: #bfdfff 1px dashed;padding:3px 5px;margin: 10px 5px;color: #000000; background-color: #f5fbff;border-radius: 3px;}
#contentph pre{background: #fcfcfc;color:#333333;font-size:14px;padding: 0.2rem;line-height:25px;display: block;overflow-x: auto;border-radius: 3px;border-left: 3px solid #6ce26c;}
#contentph table{display: inline-block;border:1px solid #cccccc;border-collapse:collapse; text-align:center; margin-top:0.54em; clear:both;width:100%;font-size:12px;}
#contentph table th,#contentph table td{padding:4px;border:1px solid #C1DAD7;text-align:left;line-height: 22px;}
#contentph table th{background:#CAE8EA;width: 52px;}
#contentph table thead,#contentph table.jbborder tr {background-color:#fff;}
#contentph table tr:nth-child(even){background-color:#f5fafa}
#contentph table tbody tr:hover {background: rgba(255,255,153,.4)}
#contentph table th img{display:block; margin:5px auto 0;}
#contentph table td.version{font-weight:bold;}
#contentph table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
#contentph table td p{margin:0; padding:0;line-height:22px;}
#contentph table ul{margin-top:2px;}
#contentph strong{font-weight:bold}
#contentph table tbody{display: inline-table;width:100%;}
.qkl-tab-menu{height: 40px; margin-top: 15px; border-bottom: 2px solid #1799d9; position: relative; border-top: 1px solid #ececec; border-right: 1px solid #ececec;}
.qkl-tab-menu ul{position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 0 !important; margin: 0 !important;width: 100%;}
.qkl-tab-menu li{width: 25%; height: 41px; line-height: 41px; float: left; border-left: 1px solid #ddd; text-align: center; font-size: 15px; font-family: 微软雅黑,arial; cursor: pointer; list-style-type: none !important; margin: 0 !important; box-sizing: border-box;}
.qkl-tab-box{border-bottom: 1px #ddd dashed;}
.qkl-tab-box div{display:none;line-height: 27px;font-size: 14px;}
.qkl-tab-box div:first-Child{display:block;} 
.cur{background: #17a2e7; color: #ffffff;}
#content {box-sizing: border-box;}
.attribute{}
.attribute .title{height: 41px;line-height: 40px !important;border-bottom: 2px solid #ddd;}
.attribute .title span{width: 80px; line-height: 40px !important; color: #17a2e7; height: 41px; font-size: 20px; font-weight: bold; border-bottom: 2px solid #17a2e7; display: block;}
.attribute .showinfo{font-size: 14px;line-height: 30px;}
.kx_data {width: 150px; height: 30px; margin: 15px 0; display: flex; border-radius: 4px; background: #ffffff; overflow: hidden; box-shadow: 0 1px 5px rgba(127, 149, 188, 0.2); }
.kx_data span {flex: 0 0 50%; line-height: 30px; font-size: 14px; text-align: center; }
.kx_data span:first-of-type {color: #fcb13d; }
.kx_data span:last-of-type {color: #ffffff; background: #fcb13d; }
.kx_list li {display: flex; padding-bottom: 15px; position: relative; }
.kx_list li:last-of-type:after {display: none; }
.kx_list li > span {flex: 0 0 25px; }
.kx_list li:after {display: block; position: absolute; left: 5px; top: 12px; content: ''; width: 1px; height: 100%; box-sizing: border-box; border: 1px dashed #DEDEDE; }
/*.kx_list li:first-of-type > span:after {border-color: #0279ff; }*/
.kx_list li > span:after {display: block; position: absolute; left: 0; top: 3px; content: ''; width: 12px; height: 12px; box-sizing: border-box; border: 3px solid #E5E5E5; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-left-color: rgb(229, 229, 229); background: #fff; border-radius: 50%; z-index: 1;}
.kx_list li .info .tit {display: block; margin-bottom: 3px; line-height: 20px; font-size: 16px; transition: all 0.1s linear; color: #4499ed;font-weight: 500;}
.kx_list li .info p {line-height: 24px; font-size: 14px;}
.kx_list li .info {background: none;margin: 0; padding: 0;}
.kx_list li .info .time {line-height: 20px; font-size: 13px; color: #a0a0a8; margin-bottom: 6px;}
.load_more {margin: 20px auto; width: 150px; height: 36px; line-height: 36px; border: 1px solid #0279ff; font-size: 14px; font-weight: 400; color: #0279ff; text-align: center; cursor: pointer; }
.load_more:hover {border: 1px solid #0279ff; color: #fbfdff; background-color: #0279ff;}
.kx_list .showmore {font-weight: 400; color: #ef9406; }
.kx_list .summary {font-weight: 400; color: #767680; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.kx_list .showAll {height: auto; overflow: initial; display: block; }
.kx-dot{flex:0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: rgba(230,231,255,.6); display: flex; align-items: center; justify-content: center; margin: 3px 14px 0 0; }
.kx-dot-item{width: 7px; height: 7px; border-radius: 50%; background: #487ce4; }
.kx_list li:after {left: 7px; top: 15px; }
#zh-st{position:relative;margin:-34px 50px 0 0;color:#ffffff;float:right;cursor:pointer;font-size:14px;line-height:20px;padding:0 8px;background:#1c7097;border-radius:16px;font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
#zh-st em {font-style:normal;z-index:3;position:relative;}
#zh-st:after{display:inline-block;content:"";position:absolute;z-index:2;background:#00cbb8;width:39px;top:1px;left:1px;bottom:1px;border-radius:40px;box-sizing:border-box;transition: all .2s ease-out;border-radius:20px 0 0 20px}
#zh-st.on:after{left:50%;border-radius:0 20px 20px 0}