/*
 * 基于CSS3开发的网站前端样式，适用于EmLog-Pro版本《Come主题》
 * 作者：会飞的鱼（QQ：1444762288）
 * 网站：https://www.houz.cn
 * 主题版本:1.2
*/
/*css reset*/
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;height: 100%;}
body{ background:#f6f8fb;color:#333333;font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}

@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
    src:url(font/style/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')}
.name_box, .subname{
    font-family: HarmonyOS_Sans_SC_Medium;
}


@font-face{font-family:iconfont;src:url(font/style/iconfont.woff2?t=1625538897231) format('woff2'),url(font/style/iconfont.woff?t=1625538897231) format('woff'),url(font/style/iconfont.ttf?t=1625538897231) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;outline:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:baseline}
a{color:#333333;text-decoration:none;transition:all .15s ease 0s;}
a:hover{color:#0069cc;text-decoration:none;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;}
ol , ul{list-style-type:none}
i{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);transition: 1s ease 0s;-moz-transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -o-transition: 1s ease 0s; }
video{height:auto!important;width:100%!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.clear { clear: both; }
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.webwidth { margin: 0 auto; max-width: 1200px;position:relative;}
header , .nav li ul ,.nav_fixed , .search {box-shadow: 0 3px 5px rgba(0,0,0,.05);}
header {background: #ffffff;height:auto;position:relative;border-bottom: 1px solid #ffffff;}
header {background: #ffffff;height:auto;position:relative;border-bottom: 1px solid #ffffff;background-image: url(/content/templates/Come/images/1699710330_654f857a4a8fd.png);}

.home{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/*网站logo*/
.logo {float:left;margin:15px 20px}
.logo img {width:auto;height: 30px;}
/*网站标题*/
.name_box {float:left;margin:22px 0 0 0;}
.name_box , .name_box *{overflow: hidden;/* font-family: HarmonyOS_Sans_SC_Medium; */}
.name {line-height:30px;font-size:22px;font-weight:bold;}
.subname {float:left;line-height:20px;color:#999999;margin:5px 0 0 0;/* font-family: HarmonyOS_Sans_SC_Medium; */}
/*登录按钮*/
/*.login {line-height:150%;color:#999999;position:absolute;right:0;top:40px;padding-right:20px;text-align: right;}*/
.login {position: absolute;top: 0;right: 0;padding: 0 20px;line-height: 42px;font-size: 15px;background: transparent;cursor: pointer;}
.login a {border-left:1px solid #ebebeb;}
.login a {margin-left:10px;padding-left:10px;}
.login a:first-child{border-left:0;margin-left:0;padding-left:0;}
/*搜索框*/
.nav_box #nav_search{position:absolute;top:0;right:0;padding:0 20px;line-height: 42px;font-size:15px;background: transparent; cursor: pointer;}
.nav_box #nav_search::before{content:"\e640";font-family:iconfont!important;}
.search {position:absolute;top:43px;right:0;z-index: 999;width:100%;max-width:310px; padding:20px;background:#ffffff;}
.search form{position:relative;}
.search input{  line-height: 36px; height: 36px; border: 1px solid #ebebeb;width: 100%;vertical-align: bottom; padding:1px 74px 0 10px; color:#666666;}
.input_clear{position:absolute; line-height: 36px;right:50px; top:0;color:#999999;font-size: 12px; cursor: pointer;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);transition: 1s ease 0s;-moz-transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -o-transition: 1s ease 0s;}
.input_clear::before{content:"\e630";padding:0 10px;font-family:iconfont!important; }
.search button{ line-height: 36px; background: #0069cc; color: #ffffff; width: 50px; cursor: pointer;position:absolute; right:0;top:0;}
.search button::before{content:"搜索";}
.search button:hover { background: #0061bd;}
.button_box , .search , .input_clear{display:none;}
/*搜索框PC-新*/
.search-btn a {height:36px;line-height:20px;padding:8px 15px;margin:10px 0;color:#fff;font-size:14px;border-radius:8px;box-sizing:border-box;background:#3b5160;}
.search-warp {float:right;width:460px;height:36px;background:#f3f5f6;border-radius:8px;padding-right:103px;margin:10px 0 10px 10px;box-sizing:border-box;position:relative;z-index:9;/* float: left; */margin: 15px 0 0 0;}
.search-warp .search-area {width:100% !important;height:36px;font-size:14px;color:#9199a1;padding:0;margin:0;border-radius:5px 0 0 5px;position:relative;}
.search-warp .search-area input.search-input {width:100%;height:36px;line-height:20px;padding:8px 16px;font-size:14px;color:#9199a1;border-radius:inherit;background:#f3f5f6;border:0px;}
.search-warp button.showhide-search {height:36px;line-height:21px;padding:0px 15px;color:#fff;font-size:14px;border-top-right-radius:8px;border-bottom-right-radius:8px;box-sizing:border-box;background: #0069cc;position:absolute;right:0;top:0;border:none;cursor:pointer;}
.search-warp button.showhide-search:hover {background: #54b5db;}
.site-wrap {padding-top:75px;}
.s-drop-down {position:absolute;z-index:9;top:38px;left:0;right:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:4px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.s-drop-down a {height:40px;line-height:40px;display:flex;align-items:center;overflow:hidden;margin:0 10px;border-bottom:1px solid #ddd;}
/*span.s-drop-n {color:#fff;background:#999;width:18px;height:18px;line-height:18px;border-radius:2px;text-align:center;margin-right:8px;}*/
/*span.s-drop-n.num1 {background-color:#f00;}*/
/*span.s-drop-n.num2 {background-color:#f60;}*/
/*span.s-drop-n.num3 {background-color:#0188FB;}*/
span.s-drop-t {flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;}
span.s-drop-v {color:#999;font-size:12px;margin-left:5px;}
.search-area.open .s-drop-down,.s-drop-down.open/*,.search-warp form input.search-input:focus ~ .s-drop-down*/ {opacity:1;visibility:visible;}
/*网站主体*/
/*.main {*/
/*    background:#f6f8fb;*/
/*    overflow: hidden;*/
/*    padding-bottom:20px;*/
/*}*/
.main{
    flex: 1;
}
.main_left{float: left; width: 870px; }
/*.section , .content {background: #ffffff; overflow: hidden;  margin-top:20px;}*/
#author{border-radius: 6px;}
/*.section , .content , .functions ,.r_slides_box{background: #ffffff; overflow: hidden;  margin-top:20px;border-radius: 4px;}*/
/*半透明效果*/
.section, .content, .functions, .r_slides_box {
    overflow: hidden;  margin-top:20px;border-radius: 8px;
    background: #fff; /* 白色背景，透明度80% */
    backdrop-filter: blur(5px); /* 可选：毛玻璃效果增强质感 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02); /* 可选：轻微阴影提升层次 */
}
/**主题自带模块样式**/
.function_t {line-height: 40px;font-size: 16px; border-bottom: 1px solid #ebebeb;font-weight: normal;}
.hg{border-bottom: 1px solid #ebebeb;}
.section h3 , .abc{line-height: 40px;font-size: 16px;  solid #ebebeb;font-weight: normal;}
.section h3{padding:0 20px;}
.function_t{padding:0 15px;}
.section h3 span { font-size: 12px; float: right; font-weight: normal; color: #999999;}
.section h3 span.section_intro{float:none;margin-left: 15px;}
.section h3 span.recommend_info{ width:70%;text-align: right;}
.section h3 span a{  color: #999999; }
.function_t::before{content: "";width:4px;height:16px; background: #4285f4;border-radius: 2px;position: relative; top:2.5px;  margin-right: 10px;  display: inline-block;}
/*.title-theme {position: relative;padding-left: 0.8em;font-size: 15px;}*/
/*.title-theme:before {position: absolute;content: '';width: 4px;background: #4285f4;top: 30%;left: 1px;bottom: 30%;border-radius: 5px;line-height: 15px;}*/

/**轮播图**/
.r_slides_box{position:relative;width:100%;margin-top:20px;}
.r_slides_box .prev{left:0}
.r_slides_box .next{right:0}
.r_slides_box .prev , .r_slides_box .next {display: none;}
.r_slides_box:hover .prev , .r_slides_box:hover .next{display:block;}
.r_slides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.r_slides li{position:absolute;display:none;width:100%;left:0;top:0; height: 300px;}
@media (max-width: 982px) {
    .r_slides li{
        height: 200px;
    }
}
.r_slides li:first-child{position:relative;display:block;float:left}
.r_slides img{display:block;height: 100%;float:left;width:100%;border:0}
.r_slides p{position:absolute;z-index:9;font-size:16px;text-shadow:none;left:0;bottom:0;margin:0;width: 100%;padding: 40px 20px 16px 20px;line-height: 24px;color: #ffffff; background: var(--theme-black-color); background: -o-linear-gradient(top,transparent,rgba(0,0,0,.6));background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));}
.r_slides p a{color: #fff;width: 80%; -o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;}
.r_slides_nav{font-size:20px;position:absolute;top:50%;z-index:9;line-height:50px;height:50px;width:30px;text-align:center;margin-top:-25px;vertical-align:middle;cursor:pointer;background:rgba(0,0,0,.1)}
.r_slides_nav span{display:block;color:rgba(255,255,255,.8)!important;margin-right:0!important}
.r_slides_tabs{position:absolute;z-index:9;text-align: right;left:0;right:20px;bottom:24px;font-size:0;}
.r_slides_tabs li{margin:0 5px;display: inline-block;}
.r_slides_tabs li.r_slides_here a{background:rgba(0,105,204,.8);padding:0 8px;}
.r_slides_tabs li a{font-size:0px;padding:0 4px;line-height: 6px;display:inline-block;background: rgba(255,255,255,.8);border-radius: 5px; }
/*当前位置*/
.breadcrumb { line-height: 21px; font-size: 14px; color:#999999; padding:9px 20px 10px 20px; border-bottom:1px solid #ebebeb;}
.breadcrumb i{padding:0 2px;}
/* 当前分类子分类或同级分类 */
.subcategorys{border-bottom:1px solid #ebebeb;padding:0 5px 15px 0;}
.subcategorys li {  margin: 0 15px 0 0; line-height: 175%;  display: inline-block;}
.subcategorys li:hover a , .subcategorys li a.cur{color:#0069cc; }
.subcategorys ul{padding:15px 0 0 65px;position: relative;}
.subcategorys ul::before{position:absolute;left:20px;top:15px;color:#999;line-height: 175%;}
.subcategorys .fenlei::before{content:"分类";}
.subcategorys .zilei::before{content:"子类";}
.subcategorys .yemian::before{content:"页面";}
/**分类摘要**/
.intro{background:#f5f5f5;border-bottom:1px solid #ebebeb; line-height:175%;color:#666666;position: relative; overflow: hidden; padding:20px 20px 20px 60px;font-family: "iconfont" !important;}
.intro::before{content:"\ea9e";color:#d9d9d9;font-size:20px;position:absolute;left:20px;top:18px;}
/* 两栏 */
.index_news_box{overflow: hidden;}
.index_news_box div{width:49%;float: left;}
.index_news_box div:nth-child(2n){float:right;}
/**纯标题列表***/
.list_a , .index_news{ overflow: hidden;padding:0 0 20px 0; }
.list_a li:last-child{border-bottom: 0 !important;padding:0 20px!important;}
.list_a li:nth-child(5n) {padding:0 20px 20px 20px; border-bottom: 1px solid #ebebeb; }
.list_a li , .index_news li{display: list-item;line-height: 150%; font-size: 16px; margin-top:20px;padding:0 20px; }
.list_a li span  { float:right; font-size:12px;color:#999999;}
/**图文列表***/

.list_it{overflow: hidden;}
/**图文列表***/
.list_it{overflow: hidden;}
.list_it li {
    padding: 20px; 
    border-top: 1px solid #ebebeb;
    position: relative;
    overflow: hidden;
    display: block;
    /* 给左边预留竖线位置 */
  
}
/* 竖线默认隐藏 + 动画 */
.list_it li::before {content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 3px;          /* 竖线粗细 */
    height: 24px;        /* 竖线长度 */
    background: #2d8cf0; /* 竖线颜色（可改） */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* 流畅动画 */
    opacity: 0;
}
/* hover 显示竖线 + 背景色 */
.list_it li:hover , 
.list_shop li:hover , 
.list_url li:hover , 
.list_app li:hover , 
.list_p li:hover{
    background: #f7fafc;
}
/* hover 时竖线动画展开 */
.list_it li:hover::before {
    transform: translateY(-50%) scaleY(1);
    opacity: 1;
}
.list_it li .pic { float: left; width: 171px; height: 128px;  margin-right: 20px; overflow: hidden;}
.list_it li .pic img { width: 100%; height:100%;object-fit: cover;}
.list_it li h2 {line-height:150%; font-size:18px;margin-top:5px; overflow: hidden;font-weight: normal;}
.list_it li p { color:#999999; font-size: 14px; line-height: 21px;height: 42px;margin:15px 0 0 0;}
.list_it li .info {margin:15px 0 0 0;line-height:18px; font-size: 12px; overflow: hidden;text-align: right;color:#999999;}
.list_it li .info span { margin:0 0 0 20px;display:inline-block;}
.list_it li .info span.cate ,  .list_it li .info span.tags { float:left;margin: 0 20px 0 0;}
.list_it li .info span.tags {margin:0!important;}
.list_it li .info span i , .list_p li .picture_info span i{margin-right:3px;font-size:12px;}
/**商品列表**/
.list_shop li , .list_url li , .list_p li {width:33.3333333%;float:left;position: relative;overflow: hidden;box-shadow: 3px 3px 5px rgba(0,0,0,.05);}
.list_shop li , .list_p li{padding:10px 10px 20px 10px;}
.list_shop li .shop_img , .list_p li .picture_img {position:relative;padding-top:75%;width:100%;}
.list_shop li .shop_img img , .list_shop li .shop_img2 img , .list_p li .picture_img img {position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;border:1px solid #f2f2f2;}
.list_shop li .shop_img2{position:relative;padding-top:100%;width:100%;}
.list_shop li h2 , .list_p li h2{line-height:24px;height:48px;font-size:16px; margin:10px 0 0 0 ;font-weight: normal;}
.list_shop li .shop_spec {line-height:24px;height:24px;font-size: 14px; color: #999999;text-align: center;overflow: hidden; margin:10px 0 0 0;}
.list_shop li .shop_spec span.price{font-size:16px;color:#e60000;font-weight:bold;margin:0 3px 0 2px;}
.list_shop li .shop_spec span.free{font-size:16px;color:#39ac43;font-weight:bold;margin:0 0 0 2px;}
.list_shop li .shop_spec span.author{float:right;}
.list_shop li .shop_spec i{text-decoration: line-through;font-size:12px;}
.list_p li .picture_info{margin:15px 0 0 0;line-height:18px; font-size: 12px; overflow: hidden;text-align: right;color:#999999;}
.list_p li .picture_info span.picture_view{float:left;}
/**网址分类列表***/
.list_url li {padding:20px;}
.list_url li h2 { line-height: 150%; font-size: 16px;font-weight: normal;}
.list_url li img { float: left; height: 16px;margin-right: 5px;border-radius: 50%;position: relative;top:2px;}
.list_url li .button{height:34px;margin:9px 0 4px 0;overflow: hidden; display: none;}
.list_url li .button a{line-height:34px;height:34px;display:inline-block; text-align: center; width:50%;border-right: 1px solid #ebebeb;border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.list_url li .button a:nth-child(2){border-left:0}

.list_url li:hover .button{display: block; }
.list_url li:hover .info{display:none; }
/**应用列表**/
.list_app li{width:25%;float:left;text-align: center;padding:20px;box-shadow: 3px 3px 5px rgba(0,0,0,.05);}
.list_app li img{width:100px;height:100px; border-radius: 25px;object-fit: cover;border:1px solid #f2f2f2;}
.list_app_qrcode li img{border-radius: 0!important;}/*22-3-1改*/
.list_app li h2{line-height:21px;height:21px;font-size:14px;margin:10px 0 0 0;}
/**公共css**/
.section h3 span.recommend_info , .list_a li , .list_url li h2 , .list_app li h2 , .index_news li , .main_right ul li , .links li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_it li p , .list_shop li h2 , .list_url li .info , .list_app li .info , .list_p li h2{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_url li .info , .list_app li .info{line-height: 21px; height:42px;margin:5px 0 0 0;color:#999999;}
/*置顶**站长推荐*/
.IsTop , .WMR , .cateicon , .tagicon , .viewicon , .timeicon , .commicon , .authoricon , .downicon , .linkicon , .qqicon , #enlarge , #narrow{font-family:iconfont!important;}
.IsTop::before , .WMR::before{color:#ff0000;margin:0 3px 0 0;font-weight: normal!important;}
.IsTop::before{content:"\e607";}
.WMR::before{content:"\e608";}
#enlarge , #narrow{cursor: pointer;}
.cateicon::before{content:"\e713";margin:0 3px 0 0;}
.tagicon::before{content:"\e6c5";margin:0 3px 0 0;}
.viewicon::before{content:"\e714";margin:0 3px 0 0;}
.timeicon::before{content:"\e715";margin:0 3px 0 0;}
.commicon::before{content:"\e63e";margin:0 3px 0 0;}
.authoricon::before{content:"\e761";margin:0 3px 0 0;}
.downicon::before{content:"\e634";margin:0 3px 0 0;}
.linkicon::before{content:"\e6ea";margin:0 3px 0 0;}
.qqicon::before{content:"\e62b";margin:0 3px 0 0;}
#enlarge::before{content:"\e6c8";margin:0 3px 0 0;}
#narrow::before{content:"\e6c7";margin:0 3px 0 0;}
/*搜索提示*/
.home-posts {
  padding: 70px 20px;
  text-align: center;
}
.home-posts p {
  font-size: 17px;
  color: #666;
  padding: 15px 30px;
  background: #f8f9fa;
  border-radius: 10px;
  display: inline-block;
}
/*分页*/
.pagebar{margin:10px 0 0 0 ;padding: 0 15px; text-align: center;}
.pagebar .page { display: inline-block; line-height: 28px; width: 30px;  border: 1px solid #eaeaea; background: #ffffff; color:#666666; border-radius: 3px; margin: 10px 3px 0 3px; text-align: center;}
.pagebar .page:hover , .pagebar .now-page{ background:#0069cc; border: 1px solid #0069cc ;color: #ffffff;}
.comlist .pagebar{margin:0 0 10px 0!important;}
.comlist .pagebar .page { margin: 0 3px 10px 3px!important; }
/*内容评论分页*/
.pagebars{margin:10px 0 0 0 ;padding: 0 15px; text-align: center;}
.pagebars span,
.pagebars a { display: inline-block; line-height: 28px; width: 30px;  border: 1px solid #eaeaea; background: #ffffff; color:#666666; border-radius: 3px; margin: 10px 3px 0 3px; text-align: center;}
.pagebars span,
.pagebars a:hover , .pagebars .now-page{ background:#0069cc; border: 1px solid #0069cc ;color: #ffffff;}
.comlist .pagebars{margin:0 0 10px 0!important;}
/* - 代码 */
.post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0px 4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}

:not(pre) > code{
    color: #c40b00;
    font-size: 85%;
    word-wrap: normal;
    border-radius: .5em;
    border-radius: var(--radius);
    padding: .25em .5em;
    word-break: break-all;
    background-color: #f7f2f4;
}
/**详情页**/
.ArticleEdt{float:right;font-size:14px;color:#266497;}
.content h1{ font-size: 24px;line-height: 150%;margin:20px 0 0 0;padding:0 20px; text-align: center; }
.content .info{ font-size: 12px; line-height: 150%;text-align: center; padding:0 10px;color:#999999;margin:20px 0;overflow: hidden;}
.content .info span { padding:0 10px;display: inline-block;}
.content .info span:hover { color: #262626;transform: scale(1.1);}
.coding {border-radius: 2px;padding:0 2px;}
.info {color:#999999;font-size: 12px;}
.info a , .breadcrumb a{color:#999999;}
.info a:hover , .breadcrumb a:hover{color:#0069cc;}
.info span i.youhui{background:#f0f8ed;border:1px solid #b2dba3;color:#56af45;}
.info span i.yaoqing{background:#fefbf1;border:1px solid #dad1aa;color:#caaa74;}
.info span i.zhuce{background:#eaf5fb;border:1px solid #b1cfea;color:#71a4d4;}
.c_extend{padding:0 0 20px 20px;overflow: hidden;min-height:200px; position: relative;}
.c_extend h1{text-align: left;}
.c_extend .info{text-align: left;margin:20px 0 0 0;}
.c_extend img{float:left;margin-top:20px;border: 1px solid #ebebeb;height: auto; object-fit: cover;overflow: hidden;}
.c_extend .shop_img img , .c_extend .webimg img{max-width:300px;}
.c_box{overflow:hidden;}
.c_extend .appimg img{width: 100px;border-radius: 25px;}
.c_extend .qrimg img{width: 160px;}/*22-3-1改*/
.c_extend .desc , .c_extend .price_box{line-height:150%;margin-top:20px;padding:0 20px;color:#999999;}
.c_extend .price_box span.price{padding:0;font-size:20px;color:#e60000;font-weight:bold;margin-right:5px;}
.c_extend .price_box span.free{color:#39ac43;padding:0;font-size:20px;font-weight:bold;margin:0 5px 0 3px;}
.c_extend .price_box span.quan , .list_shop li .shop_spec span.quan{background:#ff4444;color:#ffffff;font-size:12px;padding:2px 5px;border-radius: 5px;margin-right:5px;position: relative;top: -1px;}
.c_extend .price_box  i{text-decoration: line-through;}
.c_extend .c_extend_button{line-height:34px;margin:10px -3% 0 0;padding:0 20px; overflow: hidden;}
.c_extend .c_extend_button a{background: #0d7ff2;color:#ffffff;float:left;width:30.3333%;text-align: center;margin:10px 3% 0 0;display: block;}
.c_extend .c_extend_button a.yanshi {background: #4baa4e!important;}
.c_extend .c_extend_button a.taourl {background: #f20d0d!important;}
.c_extend .c_extend_button a.taourl span{border-right:1px dashed #fbb6b6;color:#ffffff;padding-right:5px;margin-right:5px;}
.c_extend .c_extend_button a.yanshi:hover , .c_extend .c_extend_button a.taourl:hover , .c_extend .c_extend_button a.kefu:hover  {-moz-opacity:0.9;opacity: 0.9; }
.appinfo{overflow: hidden;margin-top:10px;padding:0 15px;}
.appinfo span{ border: 1px solid #39ac43;border-radius: 5px;color: #39ac43;font-size:12px;display: inline-block; padding: 2px 5px;margin:10px 5px 0 5px;}
.appqrcode{background: #ffffff;width:100px;margin:0 20px; text-align: center;float:right;}
.appqrcode img{width:100px;height:100px;margin-bottom:10px;}
.appqrcode p{color:#999999;font-size:12px;}
.in_a_word{background: #fbfaef;color:#666666;padding:10px 20px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;line-height:175%;text-align: center;}
/**正文**/
.article {padding: 0 20px;font-size:16px;}
.article img{margin: 5px auto 8px;max-width: 100%;vertical-align: middle;border-radius:5px;cursor: zoom-in;}
/*.article p , .article div{ line-height: 175%;margin:20px 0;}*/
.article p { line-height: 175%;margin:20px 0;}
.article img{ max-width:100%!important; height:auto!important;}
.article h2  , .article h4 , .article h5 , .article h6{line-height: 175%;margin: 20px 0;}
.article h3 {font-size: 15px}
/*.article h2::before , .article h3::before , .article h4::before , .article h5::before , .article h6::before{content:"\e616";font-family: "iconfont" !important;color:#ff0000;margin-right: 5px;}*/
.article h3::before ,  .article h5::before , .article h6::before{content:"\e616";font-family: "iconfont" !important;color:#ff0000;margin-right: 5px;}
.article h2 {display: flex;justify-content: flex-start;align-items: center;padding: 0 0 .25rem 0;border-bottom: 1px solid #e1e1e1;font-weight: 400; font-size: 20px;vertical-align: middle}
.article h2:before {display: block;content: " ";font-weight: 510;border-radius: 5px;width: 3px;margin-top: .1rem;height: 1rem;margin-right: .6rem;background-color: #3eaf7c}
.articlecopyright {font-size: 12px;color: #999;padding: 20px;background: #f4f7fb; border: 1.5px dashed #008cff;padding: 10px;border-radius: 5px;line-height: 2em;font-weight: 700;}
/**======上标、下标======**/
.article sup{position:relative;top:-3px;padding:0 2px;font-family: "iconfont" !important;}
.article sup::before{content:"\e80a";font-size:12px;margin-right:2px;}
.article sub{position:relative;top:3px;padding:0 2px;font-family: "iconfont" !important;}
.article sub::before{content:"\e80a";font-size:12px;margin-right:1px;}
/**======引用======**/
.article blockquote{background: #f5f5f5;color:#666666;position: relative; overflow: hidden; padding:0 20px 0 60px;margin: 20px -20px;font-family: "iconfont" !important;}
.article blockquote p , .article blockquote div{font-size:14px;}
.article blockquote::before{content:"\ea9e";color:#d9d9d9;font-size:20px;position:absolute;left:20px;top:18px;}
.article section{width:100%!important}
/**======table表格======**/
.article table{width:100%;overflow:hidden;border-spacing:0;border-collapse:collapse;margin:20px 0;}
.article table th , .article table td{padding:10px 15px;border:1px solid #dedede;word-break:break-word}
.article table th p, .article table td p{margin:0;}
.article table tr{background:#ffffff;}
.article table tr:nth-child(2n){background:#f7fafc;}
.article table>thead>tr>th{background:#e8e8e8;position:relative;vertical-align:middle;white-space:nowrap;}
.article table caption{line-height:175%;padding:5px 15px;}
/*有序列表和无序列表*/
/*.article ol{padding:0 0 0 32px;}*/
/*.article ul{padding:0 0 0 35px;}*/
/*.article ol , .article ul {list-style-type: decimal;}*/
.article h2.quote {font-size: 1.25rem;color: #2d3757;padding-bottom: 15px;border-bottom: solid 1px #f0f4f7;}
.article ul {list-style: disc;}
.article ol {list-style: decimal;}
.article ul,
.article ol {margin: 0 0 20px 45px;font-size: .875rem;}
.article ul li, .article ol li {margin: 15px 0;}
/**======代码语言======**/
/*.article pre{line-height:175%!important;margin:20px 0!important;}*/
/*.article pre code{background:transparent;display:inline;max-width:inherit;padding:2px 0 0 0;margin:0;overflow:visible;line-height:175%;word-wrap:normal;border:0;}*/
/*.article pre code::after,.content pre code::before{content:normal}*/
/**正文结束**/
.articlead img { width: 100%; height: auto; margin-top: 20px; }
.content .tags {margin:20px 0;padding:0 20px; line-height: 175%;}
.content .tags i{margin-right:5px;color:#999999;}
.tags a {margin:0 20px 0 0;display: inline-block;}
.tags a:last-child{margin:0!important;}
/**文件下载版块**/
/*.download {padding:10px 20px 20px 20px}*/
/*.download p{line-height:150%;margin-top:10px;color:#666666;}*/
/*.download p span{font-weight: bold;}*/
/*.download .down{background: #0d7ff2;border:1px solid #0d7ff2;color:#ffffff;display:inline-block;padding:0 30px;line-height:38px;font-size:16px;text-align:center;margin:10px 20px 0 0;}*/
/*.download .down:hover {-moz-opacity:0.9;opacity: 0.9; }*/
/*.download .down_backups{background:#ffffff!important;color:#0d7ff2!important;}*/
/*.download .down_backups:hover{background:#0d7ff2!important;color:#ffffff!important;-moz-opacity:1;opacity: 1;}*/
/*.download .userdown {border:1px solid #f8d5d5;padding:10px 20px;margin-top:20px;text-align:center;}*/
/*.download .userdown a{color:#0d7ff2;}*/
/*.download .userdown span{color:#ed1c24;}*/
/**上一篇**/
.turn {background: #ffffff;padding:5px 20px 15px 20px;margin:0 -2% 0 0;overflow: hidden;}
.turn li{ line-height: 150%;margin-top:10px;margin-right:2%;float:left;width:48%;}
.turn li::before {color: #999999;margin-bottom:5px; display: block;font-size: 12px;}
.turn li.turn_prev::before{content:"上一篇"}
.turn li.turn_next::before{content:"下一篇"}
/**左侧栏开始**/
.main_right {width: 310px;float: right; }
.main_right ul { padding:0 15px 15px 15px;overflow: hidden;}
.main_right ul li { line-height: 150%; margin-top: 15px; }
/*右侧最新评论样式*/
.function_s {
    font-size: 14px;
    line-height: 2;
    /* margin-bottom: 1.5rem; */
    background:#ffffff;
    border-radius: 8px;
    padding: 10px;
    /* box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); */
    position: relative;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 600px;
    border-top-width: 0;
}
.function_s .item { position: relative; padding-bottom: 4px; margin-bottom: 10px; }
.function_s .item .meta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; color: #262626; font-size: 14px; line-height: 30px; margin-bottom: 8px; white-space: nowrap; height: 30px; overflow: hidden; }
.function_s .item .comment-avatar { display: inline-block; width: 25px; vertical-align: middle; margin-right: 5px; }
.function_s .item .comment-avatar .thumb { padding-top: 100%; border-radius: 100%; }
.thumb { display: block; width: 100%; height: 0; padding-top: 66.7%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s; }
/*.function_s { display: block;  height: 120px;  position: relative; overflow: hidden; transition: all .2s; }*/
.thumbs img {width: 100%;height: 100%;border-radius: 5px;object-fit: cover;}
.function_s .item .meta .views { font-size: 10px; color: #888; white-space: nowrap;}
.function_s .item .comment-content { padding: 5px 10px; background: #eef6fd; border-radius: 6px; font-size: 12px; color: #262626; margin-bottom: 5px; position: relative; transition: all .2s; }
.function_s .item .comment-content p .biaoqing{margin-right: 4px;}
.function_s .item .comment-content .biaoqing { width: 20px; }
.function_s .item .comment-content p { text-align: justify; line-height: 23px; max-height: 50px; overflow: hidden; }
.function_s .item h2 { font-size: 12px; line-height: 23px; height: 23px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-weight: normal; margin-bottom: 5px; }
.function_s .item .comment-content::before { content: ''; display: block; width: 0; height: 0; border-bottom: 6px solid #eef6fd; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 7px; bottom: 100%; }
/**网站全部分类**/
#divCatalog ul li span{ cursor:pointer;float:right;color:#999999;width:20px;line-height: 20px;height: 20px;text-align: center;background:#f2f2f2; border:1px solid #ebebeb;  position: relative;top:1px;}
#divCatalog ul li span:hover{color:#0069cc; border: 1px solid #0069cc;}
#divCatalog ul li span::before {content: "\e79b";}
#divCatalog ul li span.arrowup::before {content: "\e79c"!important;}
#divCatalog ul li ul{overflow: hidden;display: none;margin-top:15px;border: 1px solid #f2f2f2;}
#divCatalog ul li ul li a{font-weight: normal;font-family: "iconfont" !important;}
#divCatalog ul li ul li a::before {content: "\e7b3";font-size:12px;margin-right:5px;color:#cacacc;}

/* 作者模块 */
#author div{text-align: center;}
#author .function_c {border:1px solid #f2f2f2;}
#author .authorbg{position:relative;margin:0 0 50px 0;padding:0;}
#author .authorbg img{width:100%;height:auto;display: block;}
#author .authorbg .avatar{position:absolute;bottom:-40px;left:50%;z-index:9;margin-left:-40px;padding:5px;width:80px;height:80px;border-radius:50%;background:#fff}
#author .authorbg .avatar img{width:70px;height:70px;border-radius:50%}
#author h2 , #author p{font-size: 14px;padding:0 15px;text-align: center;}
#author p{line-height: 150%;margin:15px 0;}
#author .authorcount{padding:0;font-size: 0;border-top:1px solid #f2f2f2;}
.authorcount div{ padding:10px 0;display: inline-block; line-height:150%;width:25%;font-size: 12px;border-right:1px solid #f2f2f2;}
.authorcount div:nth-child(4) {border-right:0;}
.authorcount small{display:block;font-size: 16px;margin-bottom:5px;}
.widget-cover.vip1 {background-image: url(https://h5.sinaimg.cn/upload/2016/12/27/550/gj_vip_011.png);}
.widget-cover {position: absolute;left: 45%;z-index: 10;transform: translate(-50%,0);background-size: cover;width: 60px;height: 100px;top: 45%;}
/*.functions .function_c .autlv {border-radius:50px;margin:0 0 0 3px;line-height:17px;}*/
span.autlv {font-size:10px;color:#fff;display:inline-block;vertical-align:text-top;font-weight:normal;border-radius:2px;line-height:1.4;padding:0 5px;letter-spacing:0px;}
span.aut-1.vs-level {background-image: -webkit-linear-gradient(0deg,rgba(253,165,34,0.9294117647058824) 0%,#fd4c4c 100%);}
/**关注我们**/
.qrcode_b { padding:15px; text-align: center; }
.qrcode_b img { width: 50%; height: auto; border:1px solid #ebebeb;}
.qrcode_b p{line-height: 150%;margin-top:15px;text-align: center;}
/**广告位**/
#sidebardiy ul{padding:0!important;}
#sidebardiy ul li img { width: 100%; height: auto; }
#sidebardiy{padding:0!important;margin-top:5px;background:transparent!important;box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;}
#sidebardiy .function_t{display:none;}
/**图标汇集**/
#divMisc ul {margin-right:-3%;}
#divMisc ul li {float:left;margin-right:3%;width:30.3333%; }
#divMisc ul li img{width:100%;height:auto; }
/**热门标签|标签列表**/
#hot_tags ul , #divTags ul {margin:0 -1%;padding:10px 15px 15px 15px;}
#hot_tags ul li , #divTags ul li {float:left;margin:5px 1% 0 1%;}
#hot_tags ul li a , #divTags ul li a{display: block;color:#ffffff;font-size:14px; padding:2px 5px;border-radius: 3px; position: relative;}
#hot_tags ul li a:hover::before ,  #divTags ul li a:hover::before {display: block; content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 5%)}
/**随机标签背景颜色**/
.tag_c0{background: #6e6e6e;}
.tag_c1{background: #68a2d5;}
.tag_c2{background: #7dc67d;}
.tag_c3{background: #e17572;}
.tag_c4{background: #7898aa;}
.tag_c5{background: #c35cff;}
.tag_c6{background: #33bcba;}
.tag_c7{background: #c28f5c;}
.tag_c8{background: #ff8533;}
/**网站收藏|作者列表|友情链接**/
#divFavorites ul , #divAuthors ul , #divLinkage ul , #divArchives ul , #divStatistics ul {margin-right:-3%;}
#divFavorites ul li , #divAuthors ul li , #divLinkage ul li , #divArchives ul li , #divStatistics ul li {float:left;margin-right:3%;width:47%; }

/**日历**/
#divCalendar caption{line-height:40px;font-size:16px}
#divCalendar table {border-collapse: collapse;width: 100%;text-align: center;}
#divCalendar div{margin:0 -1px -1px -1px;}
#divCalendar thead tr{background: #87a9c5!important;color:#ffffff;}
#divCalendar table td , #divCalendar table th {text-align: center;padding: 8px 0;vertical-align: middle;}
#divCalendar table th {border: 1px solid #ebebeb;}
#divCalendar table td {color:#999999;border: 1px solid #f2f2f2;}
/**搜索**/
#divSearchPanel div{padding:15px;overflow: hidden;}
#divSearchPanel form{width:100%;position:relative;}
#divSearchPanel input[type=text]{border:1px solid #ebebeb;height:36px;line-height:36px;padding:1px 55px 0 5px;width:100%;float:left;display:block;}
#divSearchPanel input[type=submit]{border:0;line-height:36px;width:50px;background:#0069cc;color:#ffffff;position:absolute;right:0;top:0;cursor: pointer;}
#divSearchPanel input[type=submit]:hover{background:#0061bd;}
/**控制面板**/
#divContorPanel div{line-height:150%;padding:20px 15px;text-align: center;}
#divContorPanel div a{border: 1px solid #ebebeb;background: #f5f5f5; line-height: 30px; display:inline-block;border-radius: 15px;padding:0 15px;margin-top:10px;}
#divContorPanel div a:hover {color:#0069cc; border: 1px solid #0069cc;}
/**======热门文章 有序列表=====**/
#sidehot ul li small {background: #cacaca;color:#ffffff;width:18px;line-height:18px;font-size:12px;text-align: center;margin-right:10px;display: inline-block;position: relative;border-radius: 4px;}
#sidehot ul li:nth-child(1) small {background: #ff4444!important;}
#sidehot ul li:nth-child(2) small {background: #ff8a40!important;}
#sidehot ul li:nth-child(3) small {background: #7cca4d!important;}
/**======搜索框热门文章 有序列表=====**/
.s-drop-down a small {background: #cacaca;color:#ffffff;width:18px;line-height:18px;font-size:12px;text-align: center;margin-right:10px;display: inline-block;position: relative;border-radius: 4px;}
.s-drop-down a:nth-child(1) small {background: #ff4444!important;}
.s-drop-down a:nth-child(2) small {background: #ff8a40!important;}
.s-drop-down a:nth-child(3) small {background: #7cca4d!important;}
/**投稿**/
.submit_box p , .submit_box div {margin:0 0 20px 0;font-size:14px;}
.submit_box span{line-height:20px;font-size:14px;font-weight: bold;margin:0 0 5px 0;display: inline-block;}
.submit_box input , .submit_box select {border: 1px solid #ebebeb;line-height:34px;height:34px;font-size:14px;padding:0 5px ;}
.submit_box input{width:100%;}
.submit_box button {margin:0 0 20px 0;}
.submit_box input.z_vcode{width:50%!important;}
.submit_box .ccode{width:95px!important;height:34px!important;}
.submit_box .uploadimg {position:relative;}
.submit_box .uploadimg input{padding:0 70px 0 4px;}
.submit_box .uploadimg .opt{position: absolute;right:0;bottom:0;margin:0;line-height:34px;font-size:14px;padding:0 5px;cursor:pointer; border-left:1px solid #ebebeb;}
.edui-default .edui-editor{z-index: 9!important}
.submit_box .edui-default , .submit_box .edui-default div {line-height:100%;margin:0;}
.submit_box .edui-default table{margin:0;border-radius: 0 0 3px 3px;}
.submit_box .edui-default table td{border-left: 0;border-right: 0;border-bottom: 0;padding:10px 15px 7px 15px;}
/****评论开始***/
#comment h3 span small{background:#4baa4e;color:#ffffff;padding:1px 4px;margin:0 3px;border-radius: 4px;}
.compost , .comlist{padding:20px 20px 0 20px}
.compost .com_name span{line-height:21px;margin:0 20px 0 0;display: inline-block; position: relative;top:-10px;}
.compost .com_info { overflow: hidden; }
.compost .com_info ul {list-style: none;margin-right: -3%; }
.compost .com_info li { float: left; margin-right: 3%;width:30.333333%; margin-bottom: 20px; position: relative;}
.compost .com_info li input { width: 100%; height: 30px; line-height: 30px; padding:0 5px; border: 1px solid #eaeaea;}
.compost .com_info li img {position: absolute; top:0;left:100%;height: 30px;vertical-align: top }
.compost .com_info textarea {width: 100%;resize:none;margin-bottom:20px;border: 1px solid #eaeaea;display: block;padding: 10px;border-radius: 4px;}
.compost .com_info button , .submit_box button{background: #0069cc;color: #ffffff;padding: 0 20px;font-size: 16px;display:inline-block;line-height: 36px;border-radius: 5px;cursor:pointer;}
.compost .com_info button:hover{ background: #0061bd;}
.compost .cancel-reply{width: 100%;display: flex;justify-content: flex-end;margin: 0.3rem 0;}
.text-center {text-align: center!important;}
.comlist ul { list-style: none; border-top: 1px solid #eaeaea; }
.comlist ul ul { margin-left: 5% }
.comlist ul li p ul{margin-top:20px;}
.comlist ul li p ul li{padding:20px 0 0 0;}
.comlist li { overflow: hidden; padding: 20px 0; display: block; }
.comlist li img { float: left; width: 39px; height: 39px; border-radius: 50%;}
.comlist li:hover img , .list_url li:hover img , .input_clear:hover{transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
.comlist li .clbody { margin-left: 50px }
.comlist li.reply{padding:0!important; }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left;line-height: 21px;font-size: 14px; font-weight:normal;}
.clbody .cinfo span { float: right; }
.clbody .cinfo .com-reply { float: right; }
.clbody em { color: #999999; line-height: 18px; margin-bottom:10px;font-size: 12px; font-style: normal; display: block }
.clbody p {line-height:150%;padding: 5px 10px;background: #eef6fd;border-radius: 6px;font-size: 12px;color: #262626;margin-bottom: 5px;position: relative;transition: all .2s;}
.compost .com_name a , .clbody .cinfo h5 , .clbody .cinfo span a , .clbody p a { color: #6492c1; }
/**评论样式结束**/
/*合作伙伴/友情链接/网站标签*/
.partner , .links {overflow: hidden;margin-right:-2%;padding:5px 20px 20px 20px;}
.partner li , .links li {float:left;width:14.666666%;margin:15px 2% 0 0;line-height:150%;}
.partner li img{border: 1px solid #f2f2f2;}
.gongan {width:16px;height:16px;margin-right:2px;position: relative;top:-2px;}
/* 优化版博客底部 Footer */
.blog-footer {
    width: 100%;
    background: #2a2a32;
    color: #ccc;
    padding: 2rem 1rem;
    margin-top: 2rem;
    font-size: 14px;
    box-sizing: border-box;
}
.footer-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.footer-copy a {
    color: #fff;
    text-decoration: none;
    transition: color .3s ease;
}
.footer-copy a:hover {
    color: #4dabf7;
}
.footer-nav {
    display: flex;
    gap: 1.2rem;
}
.footer-nav a {
    color: #ccc;
    text-decoration: none;
    transition: color .3s ease;
}
.footer-nav a:hover {
    color: #fff;
}
/* 移动端自适应 */
@media (max-width:768px) {
    .footer-wrap {
        flex-direction: column;
        text-align: center;
    }
}
#progress {height: 2.31rem;width: 2.5rem;white-space: nowrap;outline: none;position: relative;box-sizing: content-box;display: flex;justify-content: center;align-items: center;cursor: pointer;padding-top: .2rem;border: none;background-color: #fafbfc;margin-top: 1vh;border-radius: 3px;font-weight: bolder;font-size: .5rem;}
@media screen and (max-width: 1221px) {
    .webwidth {width:100%;}
    .main_left{width:70%}
    .main_right{width:28%}
}
@media screen and (max-width: 981px) {
    .pc{display:none!important}
    .name_box .subname , #nav_search , .nav li:hover ul ,  .list_url li:hover .button, .list_it li  p , .login , .search , .nav  ,.search-warp ,.main_right{display:none;}
    /**阴影**/
    .login , .search , .nav {box-shadow: 0 1px 3px rgba(26,26,26,.1);}
    header{position:fixed;height:60px;border-bottom: 1px solid #ebebeb;right:0;left:0;top:0;z-index:999;padding:0;transition:top .5s}
    .head_hide{top:-60px;}
    .logo {margin: 15px 20px;}
    .logo img { height:30px; }
    .name_box {margin: 10px 0 0 0; }
    .name_box .name {line-height: 40px;}
    /*按钮*/
    .button_box{height: 60px; padding:10px 0;position: absolute; right:0;top:0;margin-right:10px;text-align: right;display:block;}
    .button_box button{line-height: 20px; padding: 0 10px;font-size:12px;cursor:pointer; font-family:iconfont!important;color:#333333;}
    .button_box button::before{font-size:14px;display: block;}
    .button_box button#mnav::before{content:"\e8fb";}
    .button_box button#msearch::before{content:"\e640";}
    .button_box button#muser::before{content:"\e761";}
    .button_box button:hover {color:#0069cc;}
    /*导航栏*/
    .login , .nav , .search{background: #ffffff;width:100%;margin:0;top:60px;position: absolute;z-index: 999;transition:top .1s; }
    .login , .nav {right:0;left:0;}
    .login {padding:20px;}
    /**网站主体**/
    .main {padding: 60px 10px 20px 10px;}
    .main_left , .main_right  { float: none; width: 100%;}
    /**图文列表**/
    .list_it li .pic { width: 96px;height:72px;margin-right:15px;}
    .list_it li h2 { line-height:24px;font-size:16px;font-weight: normal;margin-top:0;min-height:48px;}
    .list_url li:hover .info {display:block; }
    /**手机版提交图片自适应**/
    .edui-default .edui-dialog-body {width: 320px!important;height: auto!important;}
    .edui-default .edui-for-insertimage .edui-dialog-content {max-width: 320px!important;height: 300px!important;}
    /*侧栏手机版自适应*/
    .main_right ul{padding: 0 20px 15px 20px;}
    .function_t{padding:0 20px;}
    #divContorPanel div{padding:20px;}
    #divSearchPanel div , .qrcode_b{padding:15px 20px;}
    #hot_tags ul, #divTags ul{padding:6px 20px 15px 20px;}
    .partner li , .links li {width:23%;}
}
@media screen and (max-width: 651px) {
    /**隐藏**/
    .list_it li  .info span.cate , .list_it li  .info span.tags{display:none;}
    .content h1 { font-size: 20px;}
    .c_extend {padding:0 0 20px 0;}
    .c_extend img{float: none;}
    .shop_img , .webimg{padding: 0 20px;}
    .c_extend .shop_img img , .c_extend .webimg img{max-width:100%;}
    .appimg , .qrimg {padding:0 0 0 20px;}/*22-3-1改*/
    .c_extend .shop_img , .c_extend .webimg{text-align: center;}
    .appqrcode{position:absolute;right:0;top:0;}
    .index_news_box div , .index_news_box div:nth-child(2n) , .turn li{float:none;width:100%;}
    .turn {margin:0;}
    .partner , .links {margin-right:-3%;}
    .partner li , .links li {width:30.33333%;}
}
@media screen and (max-width: 481px) {
    .search{max-width: 100%;}
    .r_slides p {padding:20px 10px 10px 10px;}
    .r_slides p a {width:70%;}
    .r_slides_tabs {right: 10px;bottom: 19px;}
    .list_a li span {display: none;}
    .list_app li , .list_shop li ,  .list_url li , .list_p li{width:50%;}
    .list_a li , .index_news li{white-space: normal;}
    .compost .com_info ul{margin:0;}
    .compost .com_info li , .compost .com_info button , .submit_box button{ width: 100%;  }
    .compost .com_info li:nth-child(4) { width: 50%; }
    .links li {width:47%;}
    footer p { font-size:12px; }
    .foot_l {float: none;margin:0;text-align: center;}
    .foot_l img{height:40px;}
    .foot_c {padding: 20px 0 0 0;overflow: hidden;border-left: 0;text-align: center;}
}


.comment-login {
    background: #999;
    padding: 2em;
    text-align: center;
    background: #ececec; color: #999;
    
    & .body {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        
        & a {
            cursor: pointer;
            line-height: 1;
            padding: 10px;
            border: 0;
            background-color: #007aff;
            color: #fff !important;
            border-radius: 5px;
            &.button {
                display: inline-block;
            }
            & + a {
                margin-left: 10px;
            }
        }
    }
}