@font-face {font-family: "dami";
    src: url('../font/dami.eot?t=1498141030265');
    src: url('../font/dami.eot?t=1498141030265#iefix') format('embedded-opentype'),
    url('../font/dami.woff?t=1498141030265') format('woff'),
    url('../font/dami.ttf?t=1498141030265') format('truetype'),
    url('../font/dami.svg?t=1498141030265#dami') format('svg');
}
.iz{
    font-family:"dami" !important;
    font-size:16px;
    font-style:normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iz-type:before { content: "\e60d"; }
.iz-qq:before { content: "\e606"; }
.iz-sina:before { content: "\e60a"; }
.iz-pinglun:before { content: "\e621"; }
.iz-user:before { content: "\e600"; }
.iz-sort:before { content: "\e603"; }
.iz-search:before { content: "\e61d"; }
.iz-qrcode:before { content: "\e6be"; }
.iz-down:before { content: "\e609"; }
.iz-share:before { content: "\e608"; }
.iz-xiazai:before { content: "\e659"; }
.iz-laiyuan:before { content: "\e601"; }
.iz-time:before { content: "\e633"; }
.iz-qzone:before { content: "\e665"; }
.iz-jifen:before { content: "\e60e"; }
.iz-demo:before { content: "\e602"; }
.iz-jinbi:before { content: "\e6c7"; }
.iz-chakan:before { content: "\e65a"; }
.iz-edit:before { content: "\e60f"; }
.icon-nan:before { content: "\e662"; }
.icon-nv:before { content: "\e661"; }
.icon-cang:before { content: "\e600"; }
.icon-cang1:before { content: "\e658"; }
.icon-cy:before { content: "\e60b"; }

::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#e2e2e2}
::-webkit-scrollbar-thumb {border-radius:0;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active {background-color:rgba(0,0,0,.38)}
::-webkit-input-placeholder {font-size: 12px;color: #9E9E9E;}

html {
    font-size: 14px;
}

body{
    background:rgb(245, 245, 245);
    font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1';
    min-width: 320px;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.page-wb{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.page-wb:after{content:'';display:block;clear:both;}
.page-left{float:left;}
.page-right{float:right;}
.login,.reg{padding:0 0 0 20px !important;}
.layui-mt5{margin-top:5px;}
.layui-mt10{margin-top:10px;}
.layui-mt20{margin-top:20px;}
.layui-mt30{margin-top:30px;}
.layui-mb10{margin-bottom:10px;}
.layui-mb20{margin-bottom:20px;}
.layui-mr10{margin-right:10px;}
.layui-mr20{margin-right:20px;}
.layui-ml10{margin-left:10px;}
.layui-ml20{margin-left:20px;}
.hide{display:none;}
.layui-layout{margin-top:60px;}

.logo{
    width:136px;
    background:url(../images/logo.png) no-repeat left center;
    height:60px;
    text-indent:-9999px;
}

.logo a{display:block;height:100%;width:100%;}
.top-user{padding: 0!important;}
.top-user dd a {padding: 0 15px!important;}
.top-user .layui-nav-child a i { position: relative;top: 2px;margin-right: 10px;font-size: 20px;}
.top-user .iz-user{font-size:24px;height:60px;overflow:hidden;}
.top-user .layui-nav-child {left: auto;right: 0;width: 120px;min-width: 0;}
.top-user .layui-nav-bar{display: none !important;}
.top-avatar {padding: 0 20px 0 10px!important;max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top-avatar img {width: 35px;height: 35px;margin-right: 10px;;border-radius: 100%;background: #fff;}
.layui-layer-content {overflow: visible!important;}

.layui-header{
    position:fixed;
    top:0;
    width:100%;
    left:0;
    background-color:#393D49;
    z-index: 1000;
}

.page-header {
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-sizing: border-box;
}

.layui-banner{
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    background: #464853;
    min-height: 200px;
}
.layui-banner .banner-inner {
    width: 100%;
    max-width: 600px;
    padding: 0 15px;
    text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.layui-banner img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
.page-banner img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.banner-ad img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.ad-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto 10px;
    padding: 0 15px;
    box-sizing: border-box;
}
.ad-left, .ad-right {
    flex: 1;
    min-width: 0;
}
.ad-left img, .ad-right img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
.ad-full {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.ad-full img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
@media screen and (max-width: 768px) {
    .ad-row {
        flex-direction: column;
        gap: 10px;
    }
    .ad-left, .ad-right {
        width: 100%;
    }
}

.searchBox{
    width: 100%;
    max-width: 580px;
    height: 44px;
    padding: 0 0 0 50px;
    position: relative;
    margin: 0 auto;
    background: #fff;
    z-index: 9;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    overflow: hidden;
    box-sizing: border-box;
}

.searchBox i{color:#999;width:50px;height:44px;line-height:44px;text-align:center;position:absolute;top:0;left:0;font-size:18px;}
.searchBox input[type=text]{border:0;height:44px;line-height:44px;width:calc(100% - 180px);background:none;padding:0 10px;font-size:14px;color:#333;}
.searchBox input[type=text]::placeholder{color:#999;}
.searchBox input[type=button],.searchBox button{height:44px;width:88px;font-size:15px;border-radius: 0 22px 22px 0;border:none;background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);color:#fff;font-weight:500;transition: all 0.3s ease;}
.searchBox input[type=button]:hover,.searchBox button:hover{background: linear-gradient(135deg, #ff5252 0%, #e74c3c 100%);box-shadow: 0 2px 8px rgba(238,90,90,0.4);}
.searchBox .upload-btn{display: inline-flex;align-items: center;height:44px;width:78px;font-size:14px;margin-left: 8px;}
.searchBox .upload-btn a{height:44px;line-height: 44px;width:100%;display: block;text-align: center;border-radius: 22px;background: linear-gradient(135deg, #ffb347 0%, #ff7f50 100%);color:#fff;font-weight:500;transition: all 0.3s ease;}
.searchBox .upload-btn a:hover{background: linear-gradient(135deg, #ffa726 0%, #ff7043 100%);box-shadow: 0 2px 8px rgba(255,127,80,0.4);}

.layui-hot .layui-tab-content {padding: 0;}
.layui-hot .layui-tab-title{text-align:center;}
.layui-hot>.layui-tab-title .layui-this{color:#234;font-size:16px;}
.layui-hot>.layui-tab-title .layui-this:after{border:0;border-bottom:3px solid #5FB878;}

.fly-case-list{margin-top:15px;font-size:0;width:100%;min-height:500px;}
.fly-case-list li,.layer-ext-ul li{display: inline-block;vertical-align: top; *display: inline; *zoom:1; font-size: 14px; background-color:#fff;box-sizing: border-box;}
.fly-case-list li{width:24%;margin:0 0.5% 15px 0.5%;}
.fly-case-list li:hover{box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
.fly-case-img{position:relative;display:block;}
.fly-case-img img{width:100%;height:192px;}
.fly-case-img i{position:absolute;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.2);top:40px;left:50%;margin-left:-50px;color:#fff;font-size:24px;text-align:center;line-height:100px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.fly-case-img:hover i{opacity:1;width:48px;height:48px;line-height:48px;margin-left:-24px;top:66px;}
.fly-case-list li h2{padding:5px;font-weight: bold;line-height:28px;font-size:18px;height:52px;}
.fly-case-list li h2 a:hover{color:#FF5722;}
.fly-case-desc{height:38px; line-height: 22px;font-size:14px; color:#666;overflow:hidden;padding: 6px;}
.fly-case-info{position:relative;margin:1px 0 0;padding-top:5px;border-top: 1px dotted #eee;padding: 8px;}
.fly-case-info p{height:28px; line-height:28px;}
.fly-case-info .layui-elip{color:#666;}
.fly-case-info .layui-elip span{float:right;}

.layui-index .layui-tab-content{padding:0;}
.layui-index>h2{height:20px;line-height:20px;border-left:6px solid #234;font-size:18px;padding-left:10px;float:left;margin:10px 0;}
.layui-index>ul{text-align:right;}

.layui-link h2{border-bottom:1px solid #e2e2e2;padding:10px 0;margin-bottom:10px;}
.layui-link h2 span{display:inline-block;padding-left:10px;height:20px;line-height:20px;border-left:6px solid #234;font-size:18px;}
.layui-link a{display:inline-block;margin-right:15px;border-bottom:1px dotted #f1f1f1;}
.layui-link a:hover{border-bottom:1px dotted #567;}

.layui-footer{width: 100%;background-color: #393D49;color:rgba(255,255,255,.7);font-size:12px;line-height:26px;padding:20px 0 20px;}
.layui-footer .subLogo img{filter:alpha(opacity=60);opacity:0.6;}
.layui-footer .subLogo h2{border-left:1px #515253 solid;font-size:15px;line-height:1.2;padding-left:10px;margin-left:90px;}
.layui-footer .footerUl{text-align:right;line-height: 20px;}
.layui-footer .footerUl li{line-height: 23px;}
.layui-footer .footerUl a{color:rgba(255,255,255,.7);}
.layui-footer .footerUl a:hover{color:#fff;}

.type-list{margin-top:70px;padding:3px 15px 0 15px;background:#fff;font-size:16px;margin-bottom: 15px;}
.tag-top{padding:5px 20px;}
.type-list h1{line-height:20px;height:20px;border-left:5px solid #009688;padding-left:10px;font-size:18px;margin:10px 0;}
.type-list dl{margin:10px 0;border-bottom:1px dotted #e2e2e2;padding-bottom:10px;}
.type-list dl.sort a{margin-right:20px;}
.type-list dl.sort a.on{color:#FF5722;background: #EBEBEB;}
.type-list dl dt{float:left;width:145px;color:#009688;font-weight:bold;}
.type-list dl dt i{font-weight:normal;}
.type-list dl dt a{margin-left: 10px;}
.type-list dl dd{width:calc(100% - 160px);float:right;}
.type-list dl a{padding:2px 8px;margin:2px 0;display:inline-block;}
.type-list dl .arae a{padding:2px 13px;}
.type-list dl a.on{background:#5FB878;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}

.page-wb div.layui-breadcrumb{margin:5px 0;display:inline-block;line-height:30px;width:100%;}
.layui-laypage{text-align:center;width:100%;}
.layui-laypage a,.layui-laypage span{height:37px;line-height:37px;font-size:14px;}
.layui-laypage a.current{background:#5FB878;color:#fff;}
.page-content1{width:100%;float:left;}
.page-show1{width:100%;padding:15px;background:#fff;box-sizing: border-box;}
.page-content{width:calc(100% - 400px);float:left;margin-top: 10px;}
.page-show{width:100%;padding:15px;background:#fff;box-sizing: border-box;}
.show-title{margin-bottom: 10px;}
.show-title h1{font-size: 20px;font-weight: bold;line-height: 30px;width: 100%;overflow: hidden;}
.show-title .icon-cy{font-size:20px;line-height:22px;color:#5FB878;padding-right: 5px;}
.show-title .show-cy{display: none;}
.show-body{position: relative;padding:20px 0;line-height:2;font-size:14px;border-top: 1px solid #f0f0f0;}
.show-body video{background-color: black;object-fit:fill;max-width: 100%;}
.show-body img{max-width: 100%;height: auto;}
.show-thumb {float: left;width: 200px;height: 150px;margin-right: 20px;margin-bottom: 15px;overflow: hidden;border: 1px solid #eee;border-radius: 4px;}
.show-thumb-img {width: 100%;height: 100%;object-fit: cover;}
.down-demo{}
.down-thumb{float: left;width: 450px;height: 300px;overflow: hidden;}
.down-thumb-full{width: 100%;height: 300px;overflow: hidden;margin-bottom: 15px;}
.down-info-full{width: 100%;}
.down-img {width:100%;height:100%;padding:0; border:0 solid #e4ecf3;}
.down-info {float: left;width:calc(100% - 470px);padding-left: 18px;box-sizing: border-box;}
.down-info .price-wrap {display: flex;}
.down-info .price {flex: 1;line-height:40px;height:40px;background:#F0F0F0;padding: 0 28px;color: #FF5722;}
.down-info .price em {font-size: 28px;padding-right: 10px;}
.down-info .price span{font-size: 0.5em;line-height: 0.6em;}
.down-info .price a {color: #818486;font-size: 16px;line-height: 50px;}
.down-info .gun-box {flex: 1;height: 40px;line-height: 40px;background: #F0F0F0;padding: 0 12px;color: #666;border-left: 1px solid #E0E0E0;}
.down-info .show-gun {height: 40px;overflow: hidden;}
.down-info .show-vip li {text-align: right;}
.down-info .show-vip li a{color:#3F51B5;}
.down-info .show-vip li img{border-radius: 100%;height: 20px;width: 20px;}
.down-info .show-vip li span{font-size: 1em;padding: 0 5px;color:#E91E63;}

.zhishu{position: relative;line-height: 36px;opacity:0.6;}
.zhishu .layui-anim{-webkit-animation-duration: 3s;animation-duration: 3s;}
.a-gun {position: absolute;right:0;width: 40%;color: #666;text-align:right;}
.a-gun .show-gun {height: 40px;overflow: hidden;right: 5px;top: 0;}
.a-gun .show-vip li a{color:#666;}
.a-gun .show-vip li img{border-radius: 100%;height: 20px;width: 20px;}
.a-gun .show-vip li span{font-size: 1em;padding: 0 5px;color:#E91E63;}
.b-gun {position: absolute;left:0;width: 40%;color: #666;text-align: left;}
.b-gun cite{font-style: normal;font-size: 12px;padding: 0 6px 0 0;}
.b-gun cite i{color: #f60;font-size:14px;font-style: normal;vertical-align: -1px;padding-right: 3px;}

.down-info .lei,.down-info .lei a{font-size: 16px;color: #8f98aa;padding:10px;height: 90px;} 
.down-info .lei li{float: left;width: 50%;line-height: 30px;} 
.down-info .btn { margin-top: 38px;}
.down-info .btn .down{background-color: #5FB878;}
.down-info .btn .demo{background-color: white;color: #5FB878;border: 1px solid #5FB878;margin-left: 20px;}
.down-demo em{font-style:normal;}
.show-tags {margin-bottom: 10px;}
.show-tags span{display:inline-block;}
.show-tags .layui-btn,.down-demo em.layui-btn{cursor:default;}
.page-wb span.layui-breadcrumb{margin-left:10px;}
.page-more{width:386px;float:right;margin-top: 10px;}

#wrap{position: relative;overflow: hidden;}
#gradient{display: none;width:100%;height:100px;position: absolute;bottom: 0;left: 0;background: -moz-linear-gradient(bottom,rgba(255,255,255,.7),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,.7)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.7),rgba(255,255,255,0));}
#read-more{position: absolute;bottom: 10px;text-align: center;width: 100%;}
#read-more a{height: 32px;font-size: 16px;color:#de686d;background:#fff;border: 1px solid #de686d;border-radius: 4px;line-height: 30px;}
#read-more a:hover{color:#fff;background: #de686d;}

.share{position:fixed;top:260px;left:50%;margin-left:-660px;width:50px;-webkit-font-smoothing:none;-webkit-text-stroke-width:0 !important;-moz-osx-font-smoothing:antialiased;}
.social-share a{width:50px !important;height:50px !important;line-height:50px !important;margin:0 0 1px 0 !important;font-size:30px !important;background-color:#9F9F9F;color:#fff !important;border-radius:2px !important;opacity:.35 !important;border:0 !important;}
.social-share a:hover{opacity:.25 !important;}
.social-share a i{font-size:30px;text-align:center;height:50px;width:50px;line-height:50px;display:block;}
.social-share .social-share-icon{font-family:dami !important;font-weight:normal !important;}
.social-share .icon-weibo:before{content:'\e60a' !important;font-family:dami !important;}
.social-share .icon-qq:before{content:'\e606' !important;font-family:dami !important;}
.social-share .icon-qzone:before{content:'\e665' !important;font-family:dami !important;}

.page-commnet{background:#fff;padding:15px;}
.page-commnet h2{height:40px;}
.page-commnet h2 span{height:20px;font-size:18px;border-left:5px solid #009688;padding-left:10px;}
.avatar{width:50px;height:50px;display:block;position:absolute;top:0;left:0;}
.avatar img {width:50px;height:50px;}
.comment-box {padding: 10px 0 20px;}
.comment-box .more-comment{text-align:center;padding:0 0 10px 0;}
.comment-box .comment-item {position:relative;margin-bottom:25px;padding-left:65px;min-height: 67px;line-height: 1.6;color: #323232;	border-bottom:1px dotted #D4D4D4;}
.comment-box form.comment-item {border-bottom: 0;}
.comment-box .comment-item:last-child {	border-bottom: 0;}
.comment-box .comment-item .comment-bd,
.comment-box .comment-item .comment-ft {margin-bottom:26px;word-wrap:break-word;margin-top:7px;}
.comment-box .comment-item .comment-hd {word-wrap: break-word;font-size:13px;}
.comment-box .avatar,.comment-box .reply-item form>.avatar{top: 0;}
.comment-box .username1 {margin-right: 10px;}
.comment-box .cmt-txt a{color:#72B939;}
.comment-box .commment-time {color:#999;}
.comment-vcode {padding:5px 0px;}
.comment-box .username1 {color:#009688;}
.comment-box .commment-time {color:d2d2d2;}
.comment-box .reply-btn {float:right;color:#5FB878;font-size:12px;}
.comment-box .cmt-txt {line-height: 1.6;}
.comment-box .reply-item {padding-top: 10px;border-top: 1px dotted #D4D4D4;	border-bottom-style: none;}
.comment-box .reply-item .avatar{top: 10px;}
.comment-box .more-comment {margin-bottom: 10px;}
.comment-box a {color:#72B939;}
.login-tip{text-align:center;padding:10px 0;}
.comment-box .comment-textarea{border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}
.comment-box .comment-textarea textarea{width:100%;height:70px;border:0;}

.page-more .right-list{background:#fff;}
.page-more .right-list h2{padding:10px 15px;line-height:20px;background:#f9f9f9;font-size:16px;}
.page-more .right-list h2 span{border-left:5px solid #009688;padding-left:10px;}
.page-more .right-list h2 em{font-style:normal;float:right;font-size:12px;}
.page-more .right-list h2 em i{font-size:12px;}
.page-more .right-list ul{padding:1px 20px;}
.page-more .right-list ul li{border-bottom:1px dotted #f1f1f1;line-height:35px;height:35px;}
.page-more .right-list ul li a{max-width:255px;display:inline-block;}
.page-more .right-list ul li span{float:right;}
.page-more .right-list .tag-list{padding:10px 10px;text-align: center;}
.tag-list{padding:3px 0 8px 0;text-align: center;}
.tag-list a:nth-child(9n){background-color:#4a4a4a}
.tag-list a:nth-child(9n+1){background-color:#428bca}
.tag-list a:nth-child(9n+2){background-color:#5cb85c}
.tag-list a:nth-child(9n+3){background-color:#d9534f}
.tag-list a:nth-child(9n+4){background-color:#567e95}
.tag-list a:nth-child(9n+5){background-color:#b433ff}
.tag-list a:nth-child(9n+6){background-color:#00aba9}
.tag-list a:nth-child(9n+7){background-color:#b37333}
.tag-list a:nth-child(9n+8){background-color:#f60}
.tag-list a{width: 108px;overflow: hidden;font-size: 15px;height: 24px;opacity:.99;filter:alpha(opacity=80);color:#fff;background-color:#428bca;display:inline-block;margin:0 5px 5px 0;padding:3px;line-height:24px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;}
.tag-list a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;color:#fff}

.tag-more{background:#fff;margin-top:70px;}
.tag-more h1{height:50px;line-height:50px;background:#f9f9f9;padding:0 20px;font-size:18px;}
.tag-more .tag-list{padding:30px 20px;}
.tag-more .tag-list a{margin:0 10px 10px 0;}

.member-box{background:#fff;margin-top:80px;padding:60px 40px;min-height: 600px;max-width: 600px;margin-left: auto;margin-right: auto;box-sizing: border-box;}
.member-box .member-nav{text-align:center;height:40px;border-bottom:1px solid #f1f1f1;}
.member-box .member-nav a{display:inline-block;width:120px;line-height:40px;border:1px solid #fff;border-bottom:0;font-size:16px;}
.member-box .member-nav a.on{border:1px solid #f1f1f1;border-bottom:0;background:#fff;}
.member-box .member-form ul{width:360px;margin:30px auto;}
.member-box .member-form ul li{width:100%;height:60px;}
.member-box .member-form ul li>span{line-height:30px;font-size:12px;color:#FF5722;display:none;}
.member-box .member-form ul li input.layui-input{width:100%;display:inline-block;}
.member-box .member-form ul li input.layui-btn,.member-box .member-form ul li button.layui-btn{width:100%;}
.member-box .member-form ul li img{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;}
@media screen and (max-width: 992px) {
    .member-box {margin-top: 70px;padding: 30px 20px;}
    .member-box .member-form ul {width: 100%;max-width: 360px;}
    .member-box .member-nav a {width: 100px;font-size: 14px;}
}
@media screen and (max-width: 600px) {
    .member-box {margin-top: 60px;padding: 20px 15px;min-height: auto;}
    .member-box .member-nav a {width: 80px;font-size: 13px;}
    .member-box .member-form ul li {height: auto;margin-bottom: 10px;}
    .member-box .member-form ul li input.layui-input {padding: 10px 15px;font-size: 14px;}
    .member-box .member-form ul li button.layui-btn {height: 44px;font-size: 14px;}
}
.member-box .member-form .layui-form-label,.layui-layer-content .ckeckBoxLogin .layui-form-label{float:none;width:auto;display:inline-block;position:relative;top:4px;}
.layui-layer-content .ckeckBoxLogin .layui-form-label{border:0;vertical-align:middle;background:transparent;top:3px;}
.layui-layer-content .ckeckBoxLogin .layui-input-block{margin-left:102px;}
.member-form h4{height:60px;font-size:18px;line-height:60px;padding-left:110px;margin-bottom:20px;}

.page-banner{height:200px;width:100%;background:#333;margin-top:60px;}
.page-about-container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.page-about{display:flex;margin-top:-44px;gap:20px;}
.page-sidebar{width:200px;flex-shrink:0;}
.page-menu{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);}
.page-menu ul{list-style:none;padding:0;margin:0;}
.page-menu ul li{position:relative;border-bottom:1px solid #f0f0f0;}
.page-menu ul li:last-child{border-bottom:none;}
.page-menu ul li a{display:block;padding:14px 20px;color:#333;text-decoration:none;font-size:14px;transition:all 0.3s;}
.page-menu ul li.on a,.page-menu ul li a:hover{color:#009688;background:#f8f9fa;}
.page-menu ul li.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#009688;}
.page-content{flex:1;min-width:0;}
.page-body{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:30px;min-height:450px;color:#7f7f7f;font-size:16px;}
.page-body p{line-height:1.8em;margin-bottom:16px;}
.page-body ul{list-style:none;padding:0;margin:0;}
.page-body li{padding:10px 0;display:flex;align-items:flex-start;gap:10px;}
.page-body li::before{content:'✓';color:#5FB878;font-weight:bold;font-size:16px;flex-shrink:0;width:20px;text-align:center;}
.page-body .vip-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;}
.page-body .vip-features li{background:#f8f9fa;border-radius:8px;padding:15px;display:block;border-left:4px solid #009688;}
.page-body .vip-features li::before{display:none;}
.page-body .vip-features li span{color:#5FB878;font-weight:bold;margin-right:8px;}
.page-body .vip-table{width:100%;border-collapse:collapse;margin:20px 0;}
.page-body .vip-table th,.page-body .vip-table td{border:1px solid #e0e0e0;padding:15px;text-align:center;}
.page-body .vip-table th{background:#f5f5f5;font-weight:bold;color:#333;}
.page-body .vip-table .vip-highlight{background:#fff9e6;border-color:#ffc107;}
.page-body .vip-table .vip-price{font-size:24px;font-weight:bold;color:#ff5722;}
.page-body .vip-table .vip-label{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;color:#fff;margin-bottom:8px;}
.page-body .vip-table .vip-label-month{background:#ff9800;}
.page-body .vip-table .vip-label-year{background:#2196f3;}
.page-body .vip-table .vip-label-lifetime{background:#9c27b0;}
.page-body .vip-table .vip-gift{color:#5FB878;font-weight:bold;font-size:14px;}
.page-body .vip-btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s;}
.page-body .vip-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(238,90,90,0.4);}
.page-banner h2{height:50px;padding-left:10px;display:inline-block;font-size:42px;line-height:50px;width:100%;max-width:1200px;margin:50px auto;color:#fff;}

.page-member-menu{height:44px;line-height:44px;width:100%;display:inline-block;background:#e9e9e9;margin-top:160px;}
.member-top{height:150px;margin-top:-106px;position:relative;}
.member-face{height:140px;width:140px;border:5px solid #fff;float:left;}
.member-face img{width:140px;height:140px;}
.member-info{width:300px;float:left;margin-left:15px;height:40px;line-height:40px;margin-top:30px;}
.member-info .member-name{font-size:22px;color:#fff;}
.member-info .member-name span{display:inline-block;padding:2px 5px;height:14px;line-height:14px;background:#5FB878;border-radius:2px;margin-left:10px;font-size:12px;vertical-align:middle;}
.member-top .sign-btn{position:absolute;top:30px;right:100px;}
.member-money{width:300px;height:30px;line-height:30px;}
.member-money i{font-size:16px;}
.member-money a{display:inline-block;margin-right:20px;color:#fff;}

.member-menu{width:100%;max-width:1000px;float:left;margin-top:36px;}
.member-menu .layui-nav{background:transparent;color:#333;}
.member-menu .layui-nav li.layui-nav-item{line-height:44px;}
.member-menu .layui-nav .layui-nav-item a{color:#333;}
.member-menu .layui-nav .layui-nav-item a:hover{color:#5FB878;}

.member-main{background:#fff;padding:10px 20px;margin-top:20px;}
.member-main a{color:#009688;}
.member-main a:hover{border-bottom:1px dotted #009688;color:#009688;}
.member-main .layui-elem-field{margin:20px 0;}
.member-main .layui-elem-field legend a{font-size:12px;line-height:26px;margin-left:30px;color:#c2c2c2;}
.member-main .layui-field-box ul li{line-height:34px;border-bottom:1px dotted #d2d2d2;}

.member-form{padding:30px 100px;}

.member-avatar-left{width:160px;float:left;}
.member-avatar-left h2{height:20px;line-height:20px;font-size:18px;border-left:5px solid #009688;padding-left:10px;margin-bottom:15px;}
.member-avatar-left img{width:150px;height:150px;}
.member-avatar-right{width:calc(100% - 180px);float:left;margin-top:30px;}

.layui-title{height:20px;background:#fcfcfc;line-height:20px;padding:10px 20px;}
.layui-title h2{padding-left:10px;height:20px;line-height:20px;border-left:5px solid #009688;font-size:18px;}
.layui-title h2 span{float:right;font-size:14px;}
.member-article{min-height:106px;}
.member-form .layui-form-select dl{z-index:9999;}

.topic_add{border: 1px solid #d4d4d4;width:calc(100% - 60px); font-size: 14px; padding: 30px;}
.topic_add_ul li{margin:0 0 0}
.topic_add_ul label{text-align: left; vertical-align: top; width: 70px; display: inline-block; height: 30px; line-height: 30px;}
.label_right{width:calc(100% - 80px);vertical-align: top;}
.label_right a{padding:0 5px;background:#e2e2e2;height:24px;line-height:24px;display:inline-block;}
.label_right a:hover{border:0;}
.topic_add .text{border: 1px solid #cccccc; height: 28px; padding: 3px 6px; width:450px; font-size: 12px; line-height: 28px}
.label_right em{border:1px solid #ccc; cursor: pointer; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; padding: 0 11px; margin:0 22px 0 0}
.label_right em.current{border-color:#e9630a; position: relative; color:#e9630a}
.label_right em:hover{color:#e9630a}
.label_right em.current i{background: url("../images/righbt.png") no-repeat scroll 0 0; bottom: -1px; display: block; height: 14px; position: absolute; right: -1px; width: 15px;}
.tags{background-color: #fff; border: 1px solid #d5d5d5; color: #777; display: inline-block; padding: 4px 6px; vertical-align: middle; width:calc(100% - 20px);min-height:80px;border-radius:2px;}
.tags:hover{outline: 0 none;}
.tags[class*="span"]{float: none; margin-left: 0;}
.tags input[type="text"], .tags input[type="text"]:focus{border: 0 none; box-shadow: none; display: inline; line-height: 14px; margin: 0; outline: 0 none; padding: 0; width: 100%;}
.tags .tag{background-color: #91b8d0; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; margin-bottom:3px;margin-right:3px;height:24px;padding:0 22px 0 9px; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); transition: all 0.2s ease 0s; white-space: nowrap;line-height:24px;vertical-align: middle;}
.tags .tag .close{bottom:0; color: #fff; float: none; font-size: 12px; line-height: 20px; opacity: 1; position: absolute; right: 0; text-align: center; text-shadow: none; top: 0; width: 18px;}
.tags .tag .close:hover{background-color: rgba(0, 0, 0, 0.2);}
.close{color: #000; float: right; font-size: 21px; font-weight: bold; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff;}
.close:hover, .close:focus{color: #000; cursor: pointer; opacity: 0.5; text-decoration: none;}
button.close{background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; padding: 0;}
.tags .tag-warning{background-color: #ffb752;}

.wendaslider{border-bottom:1px dotted #c2c2c2;padding:10px;}
.wendaslider dl{float:left;width:calc(100% - 220px);}
.wendaslider dl dt{height:34px;line-height:34px;}
.wendaslider dl dd{font-size:12px;line-height:26px;color:#c2c2c2;}
.wendaslider dl dd i{font-size:14px;vertical-align:middle;}
.wendaslider .replynumber{display:inline-block;width:200px;margin:12px 0;}
.wendaslider .replynumber:hover{border:0;}
.wendaslider .replynumber>div{width:100px;float:left;text-align:center;}

.infoCommentBlock {padding:20px 0;border-bottom:1px dashed #e5e5e5;overflow:hidden}
.infoCommentBlock.last,.infoPerBlock.last {border-bottom:none}
.infoCommentBlock .leftPicBlock,.infoCommentBlock .leftPicBlock a {display:block;height:36px;width:36px;}
.leftPicBlock {float:left;text-align:center;width:50px;overflow:hidden;}
.infoCommentBlock .leftPicBlock img {border-radius:100%;height:36px;width:36px;}
.centerBlock {float:left;line-height:22px;padding-left:10px;}
.infoCommentBlock span.title {color:#888;display:inline-block;margin-bottom:5px;}
span.title a.blue:link,span.title a.blue:visited {color:#5188a6;text-decoration:none;}
.infoCommentBlock .centerBlock a.blue {font-weight:bold;padding-right:5px;}
.infoCommentBlock .infoNews {color:#555;}
.infoNews,.infoWords {color:#888;line-height:1.6em;margin-bottom:5px;}
.infoCommentBlock .infoNews p {color:#555;font-size:14px;font-weight:normal;margin:0;}
.objectBlock {border:1px solid #e2e2e2;display:block;height:56px;overflow:hidden;padding:5px;}
.objectBlock .pic,.relaObj .pic {background-color:#fff;border:1px solid #e6e6e6;display:block;float:left;height:50px;padding:2px;text-align:center;width:50px;}
.objectBlock .objTitle,.relaObj .objTitle {display:inline-block;font-size:14px;margin-bottom:4px;padding-left:10px;width:calc(100% - 70px);}
.rightBlock {float:right;text-align:right;width:125px;}
.infoCommentBlock .time {height:auto;line-height:22px;margin-bottom:4px;}
.rightBlock .time {height:26px;line-height:26px;}
.rightBlock .time {color:#999;display:block;margin-bottom:5px;}

.noorder{text-align:center;padding:50px 0;}

.page-topic{margin-top:80px;}
.topic-list,.article-list{width:calc(100% - 350px);float:left;background:#fff;}
.topic-list .layui-tab-title,.article-list .layui-tab-title{padding:0 20px;}
.topic-list .layui-tab-title li,.article-list .layui-tab-title li{padding:0;}
.topic-list .layui-tab-title li:after,.article-list .layui-tab-title li:after{border-top:2px solid #009688;}
.topic-list .layui-tab-title li a{height:100%;padding:0 35px;}
.article-list .layui-tab-title li a{height:100%;padding:0 15px;}
.topic-list .layui-tab-title li.layui-this a,.article-list .layui-tab-title li.layui-this a{color:#009688;}
.topic-right{width:336px;float:right;}
.article-list .tag-top{margin-top:0;border-bottom:1px #f2f2f2 solid}

.layui-article .artlist{padding:15px 0;border-bottom:1px dashed #c2c2c2;}
.layui-article .artlist .artlist-pic{width:180px;height:135px;float:left;}
.layui-article .artlist .artlist-pic img{height:100%;width:100%;}
.layui-article .artlist .artlist-info{width:calc(100% - 200px);float:right;}
.layui-article .artlist .artlist-info h4{font-size:20px;padding-bottom:9px;line-height:24px;}
.layui-article .artlist .artlist-info .artlist-item,.layui-article .artlist .artlist-info .artlist-item i{font-size:12px;color:#d2d2d2;}
.layui-article .artlist .artlist-info p{line-height:1.8;font-size:13px;min-height: 70px;}
.layui-article .artlist .artlist-keyword{margin-top:10px;}
.layui-article .artlist .artlist-keyword a{padding:2px 4px;background:#fcfcfc;color:#5FB878;border-radius:2px;margin-right:5px;}
.layui-article .artlist .artlist-keyword a:hover{background:#f2f2f2;}

.wenda-list,.layui-article{padding:0 20px;min-height: 494px;}
.wenda-listcon{border-bottom:1px dotted #e2e2e2;padding:10px 0;position:relative;}
.headslider{left:0;overflow:hidden;position:absolute;text-align:center;top:30px;width:90px;}
.headslider .wenda-head{background:#ccc none repeat scroll 0 0;border-radius:20px;display:inline-block;height:40px;line-height:0;overflow:hidden;width:40px;}
.headslider .wenda-nickname {color:#787d82;display:block;font-size:12px;line-height:1.8em;overflow:hidden;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;}
.wendaslider {margin-left:120px;min-height:85px;padding:10px 0 0 0;position:relative;word-break:break-all;word-wrap:break-word;}
.wendaslider .replynumber {color:#787d82;font-size:12px;height:51px;position:absolute;right:0;text-align:center;top:10px;}
.hasanswernum .ys {color:#00b33b;}
.ys,.browsenum {float:left;height:31px;margin:10px 0;width:50px;}
.wenda-list .wendaslider{border:0;}
.wendaslider .replynumber .number {height:12px;line-height:12px;padding-bottom:7px;}
.wendaslider .wendaquetitle {color:#363d40;font-size:14px;line-height:20px;position:relative;}
.wendaslider .wendaquetitle .wendatitlecon {overflow:hidden;padding-left:28px;word-break:break-all;word-wrap:break-word;}
.wendaslider .wendaquetitle .wendatitle {font-weight:bold;line-height:20px;}
.replymegfooter {color:#c8cdd2;font-size:12px;line-height:24px;margin-top:5px;padding:10px 0 10px 27px;}
.replymegfooter .keyword-list,.replymegfooter .wenda-time {float:left;margin-right:20px;}
.replymegfooter .wenda-time em,.page-topic .page-more .right-list ul li em{font-style:normal;}
.replymegfooter .keyword-list a{padding:2px 5px;background:#f1f1f1;}
.replymegfooter .keyword-list a:hover{background:#e2e2e2;}

.page-more .layui-btn{width:100%;padding:0;}
.page-topic .page-more .right-list ul li em{font-size:12px;height:20px;width:20px;line-height:20px;text-align:center;background:#FF5722;display:inline-block;border-radius:24px;color:#fff;margin-right:10px;margin-top:8px;float:left;}
.page-topic .page-more .right-list ul li i{font-style:normal;font-size:12px;float:right;color:#5FB878;}

.member-article .wendaslider{margin-left:0;padding-left:25px;min-height:70px;padding-top:5px;}
.member-article .wendaslider .replynumber{top:0;margin:11px 0;}

.pre.prettyprint{margin:12px 0;}
.pln{color:#000}
@media screen{.str{color:#080}
.kwd{color:#008}
.com{color:#800}
.typ{color:#606}
.lit{color:#066}
.pun,.opn,.clo{color:#660}
.prettyprint .tag{color:#008}
.atn{color:#606}
.atv{color:#080}
.dec,.var{color:#606}
.fun{color:red}
}
@media print,projection{
.str{color:#060}
.kwd{color:#006;font-weight:bold}
.com{color:#600;font-style:italic}
.typ{color:#404;font-weight:bold}
.lit{color:#044}
.pun,.opn,.clo{color:#440}
.prettyprint .tag{color:#006;font-weight:bold}
.atn{color:#404}
.atv{color:#060}
}
pre.prettyprint{padding:2px;border:1px solid #888}
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}
li.L1,li.L3,li.L5,li.L7,li.L9{background:none;}
.prettyprint,
pre.prettyprint {
    background-color: #272822;
    border: none;
    overflow: hidden;
    padding: 10px 15px;
}
.prettyprint.linenums,
pre.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}
.prettyprint.linenums ol,
pre.prettyprint.linenums ol {
    margin: 0 0 0 30px;
    padding:0;
}
.prettyprint.linenums ol li,
pre.prettyprint.linenums ol li {
    text-indent:0;
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    margin-left: 0;
    list-style: decimal;
    margin-bottom: 0;
    word-wrap:break-word;
}
.prettyprint *{font-family:'courier new',monospace;}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }

.table_sign{background:#fff;margin:30px 0;text-align:center;line-height:38px;border-spacing:2px;width:100%;max-width:512px;margin-left:auto;margin-right:auto;text-align:center;}
.table_sign thead tr{color:#666;background:#f1f1f1;}
.table_sign tbody tr{height:70px;}
.table_sign tr:hover{background:none;}
.table_sign th{font-weight:normal}
.table_sign td{width:70px;}
.table_sign td>div{position:relative;width:100%;height:100%;}
.table_sign td>div>i{position:absolute;height:16px;width:16px;background:url(../images/sign.png) no-repeat;bottom:-15px;right:-15px;}
.today{background-color:#00bb00;cursor:pointer;}
.sign{background:#ffddb9;}
.table_sign.layui-table th{text-align:center;}
.table_sign.layui-table thead tr:hover{background:#f1f1f1;}
.sign-info{width:100%;max-width:590px;margin:0 auto;}
.sign-info p{line-height:2;font-size:14px;}

.demoHeader{background:#393D49;height:50px;line-height:50px;z-index:100;}
.demoHeader h1{height:28px;line-height:28px;margin:11px 35px;border-left:5px solid #5FB878;color:#eee;font-size:18px;padding-left:10px;}
.demoHeader .demoHeader-icon{color:#eee;}
.demoHeader .demoHeader-icon a,.demoHeader .demoHeader-icon span{margin-right:40px;color:#eee;}
.demoHeader .demoHeader-icon span{position:relative;display:inline-block;height:50px;}
.demoHeader .demoHeader-icon span:hover em{display:inline-block;}
.demoHeader .demoHeader-icon span em{padding:10px;width:102px;height:102px;position:absolute;top:50px;left:-14px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;z-index:99999;}
.demoHeader .demoHeader-icon span em:before{width:0;height:0;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';display:block;position:absolute;top:-8px;left:50%;margin-left:-8px;}
#demoFrame{width:100%;}

.hotBox{background:#e6e6e6;height:70px;float:left;width:150px;margin:20px 25px 0 0;position:relative;}
.hotBox img{margin:5px;height:60px;width:140px;}
.hotBox:hover{background:#5FB878;}
.hotBox dl{position:absolute;top:70px;left:0;width:134px;max-height:80px;z-index:9;padding:0 8px 10px 8px;overflow:hidden;display:none;}
.hotBox dl dt{font-weight:bold;height:20px;line-height:20px;}
.hotBox dl dt a{color:#fff;}
.hotBox dl dd{font-size:12px;line-height:1.7;color:#fff;margin-top:5px;padding-bottom:4px;max-height:58px;overflow:hidden;}
.hotBox:hover dl{background:#5FB878;}

.page-favorite .layui-field-box{padding:20px;}
.page-favorite .layui-field-box ul:after{content:'';display:block;clear:both;}
.page-favorite .layui-field-box ul li{width:20%;float:left;line-height:30px;}
.page-favorite .layui-field-box ul li i{font-size:12px;color:#999;}

.c404{text-align:center;margin-top:50px;color:#999;}
.c404 h2{font-size:160px;line-height:200px;}
.c404 h4{font-size:20px;line-height:50px;}
.copy404{width:100%;max-width:1200px;margin:50px auto 0 auto;float:none;padding:0 15px;}
.copy404 p{text-align:center;border-top:1px solid #e6e6e6;padding-top:10px;}

blockquote{padding:10px 15px;background:#fafafa;border-left:3px solid #eee;margin:10px 0;}

#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main{background-image:none !important;}
#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w,#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w,#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a{display:none !important;}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw{background-image:url(../images/post-btn.png) !important;}
.cy_cmt_count{float:none !important;margin-left:5px;}

.tpt-sidebar{background:#fafafa;margin:0 0 20px 0;padding-top:25px}
.fly-home{position:relative;padding:8px;text-align:center}
.fly-home .uimg img{width:90px;height:90px;border-radius:100%;background: #ddd;box-shadow:0 2px 2px #393d49;}
.fly-home h1{font-size:22px;line-height:30px;margin-top:6px;height:30px;}
.fly-home h1 i {font-size: 20px;padding-right: 5px;}
.fly-home h1 .iz-qq,.nickname .iz-qq{font-size: 19px;color:#f60;}
.fly-home h1 .icon-nan {color: #4EBBF9;}
.fly-home h1 .icon-nv {color: #F581B1;}
.fly-home-sign{color:#999;margin:6px 0}
.fly-home-info{color:#999;margin-top:10px}
.fly-home-info p {width:33%;text-align: center;line-height: 20px;}
.fly-home-info p + p{border-left: 1px solid #e3e3e3;}
.fly-home-info i{padding-right:5px;padding-left:10px;color:#666}

#download {width: 100%;z-index: 20001;font-family: "Microsoft YaHei";display: none;}
#download .resource_info{padding: 0 20px;}
#download .resource_img {margin: -48px auto 0;padding: 0;width: 80px;height: 80px;border-radius: 50%;overflow: hidden;background-color:#8D8D8D;}
#download .resource_img img {display: block;width: 100%;height: 100%;border: none;object-fit: cover;}
#download .resource_title {padding-bottom: 10px;padding-top: 20px;}
#download .resource_title h3 {font-size: 18px;line-height: 28px;color: #4f4f4f;text-align: center;overflow: hidden;height: 28px;white-space: nowrap;text-overflow: ellipsis;}
#download table {margin-top: 15px;width: 100%;}
#download table tr td {text-align: center;font-family: "Microsoft YaHei";}
#download table tr td span,.dl_popup_new table tr td strong,.dl_popup_new table tr td em {display: inline-block;line-height: 27px;}
#download table tr td span {font-size: 14px;color:#999;font-weight: lighter;}
#download table tr td strong {font-size: 20px;font-weight: normal;}
#download .mark {color: #FF5722;}
#download .markz {color: #5fb878;font-size: 18px;}
#download .markx {color: #009688;}
#download .noC {padding: 10px 0 10px;text-align: center;font-weight: bold;}
#download .noC span {font-size: 16px;color: #2c3033;}
#download .noC .cWrap {font-style: normal;font-size: 16px;}
#download .resource_btn {padding: 10px 0;text-align: center;}
#download .space_bar {padding: 5px 0;width: 100%;position: relative;text-align: center;}
#download .space_bar .tit {display: inline-block;padding: 0 20px;font-size: 14px;line-height: 20px;color: #4f4f4f;background-color: #fff;}
#download .space_bar:after {display: block;content: "";width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;left: 0;top: 15px;z-index: -999;}
#download .resource_tips {text-align: center;font-size: 12px;color: #333;margin-bottom: 10px;}

@media screen and (max-width: 768px) {
    #download .resource_img {width: 60px;height: 60px;margin: -38px auto 0;}
    #download .resource_title {padding-top: 15px;}
    #download .resource_title h3 {font-size: 14px;line-height: 22px;height: 22px;}
    #download table tr td strong {font-size: 16px;}
    #download .noC span {font-size: 14px;}
    #download .noC .cWrap {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    #download .resource_img {width: 50px;height: 50px;margin: -32px auto 0;}
    #download .resource_title {padding-top: 12px;}
    #download .resource_title h3 {font-size: 12px;line-height: 18px;height: 18px;}
    #download table tr td span {font-size: 12px;}
    #download table tr td strong {font-size: 14px;}
}

.comment-respond {margin-bottom: 20px;}
.comment-form {margin-top: 15px;}
.comment-form-comment textarea {width: 100%;height: 60px;padding: 4px 10px;line-height: 22px;border: 1px solid #efefef;border-bottom-color: #f5f5f5;outline: 0;vertical-align: top;box-sizing: border-box;    max-width: 100%;}
.form-submit {padding: 5px 10px;margin: 0;background: #fbfbfb;border: 1px solid #efefef;border-top: 0;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;overflow: hidden;}
.form-submit-text {font-size: 13px;line-height: 30px;color: #666;}
.form-submit-text span {color: #3ca5f6;}
.form-submit .submit {display: inline-block;width: auto;height: auto;padding: 7px 16px;font-size: 14px;line-height: 1.2;color: #fff;background-color: #3ca5f6;border: 0;outline: 0;border-radius: 3px;}
.form-submit .submit:hover{background-color:#4285f4}
.form-submit .avatars {width: 30px;height: 30px;margin-right: 10px;vertical-align: top;border-radius: 50%;}
.form-submit-text span {color: #3ca5f6;}
.form-submit .seccode {display: inline-block;width: auto;height: auto;}
.form-submit .seccode img {border: 1px solid #d3d3d3;}
.form-submit .code {display: inline-block; width: 60px;height: 18px;padding: 5px 8px; margin: 0 10px;border: 1px solid #d3d3d3;background-color: #fff;}
.comments-title {font-size: 18px;padding: 15px 0 10px;font-weight: 500;border-bottom: 1px solid #e4eaec;}
.comments-list {padding: 0;margin: 0 0 20px;list-style: none;}
.comments-list .depth-1 {padding: 15px 0;border-bottom: 1px solid #efefef;}
.comment-author {float: left;width: 45px;margin-right: 20px;}
.comment-author img {width: 45px;height: 45px;border-radius: 50%;}
.comment-body .nickname {margin-bottom: 2px;font-size: 14px;font-weight: 400;line-height: 22px;color: #3ca5f6;}
.comment-body .nickname img{margin: 0 5px;}
.comment-body .comment-time {display: inline-block;position: relative;margin-left: 5px;padding-left: 9px;font-size: 14px;line-height: 22px;font-weight: 400;color: #ccc;vertical-align: top;}
.comment-text {padding-left: 60px;font-size: 14px;line-height: 1.6;color: #666;}
.comment-text p:last-child {margin-bottom: 0;}
.pagination {display: block;text-align: center;margin-top: 10px;padding-bottom: 10px;}
.pagination .current {color: #fff;background: #3ca5f6;}
.pagination a.page-active, .pagination a:hover{color:#fff;background:#4285f4;cursor:pointer;text-decoration:none;}
.pagination a, .pagination span {display: inline-block;padding: 7px 8px;margin-left: 5px;color: #999;line-height: 1;background-color: #f2f2f2;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);border-radius: 2px;overflow: hidden;transition: all 200ms ease-in-out;vertical-align: top;}

.index-gun {height: 204px;margin: 15px -10px 0 -10px;overflow: hidden;}
.index-down li{padding-right: 10px;padding-left: 10px;margin-bottom: 10px;width: 50%;float: left;}
.index-down .down-list{height: 58px;line-height: 55px;padding: 0 12px 0 8px;background:#fff;}
.index-down .down-user span{color:#FF5722;padding: 0 20px;font-weight: bolder;}
.index-down .down-list img{width:auto;height: 42px;display: inline-block;border-radius: 50%;background: #ddd;opacity: 0.9;}
.index-down .down-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 0;font-weight: bold;}
.index-down .down-time {text-align: right;color: #5fb878;white-space: nowrap;}
.index-down .down-time i{vertical-align: baseline;font-size: 10px;padding: 0 5px;}

.more-sign {text-align: center;}
.more-sign-title {position: relative;margin:20px 0;padding: 0;font-size:14px;line-height:16px;color:#666;font-weight:normal;}
.more-sign-title:before {content: "";border-top:1px solid #ddd;display:block;position:absolute;width:100%;top:8px;}
.more-sign-title span {position: relative;z-index:1;padding:0 20px;background:#fff;}
.more-sign-list {list-style:none !important;padding:0 !important;margin:0;}
.more-sign-list .li {display:inline-block;margin:0 8px;padding:4px 10px;line-height:22px;border:1px solid #e5e5e5;border-radius:3px;font-size:14px;}
.more-sign-list .li a {color:#666;}
.more-sign-list .li:hover a {color:#e05244;text-decoration:none;}

.layui-fixbar {bottom:100px;}
.layui-fixbar li:first-child{background:#5fb878;}
.banner-ad{height:200px;width:100%;max-width:1200px;margin:0 auto;position:relative;}

@keyframes mountains-in {0% {transform:scale(1.5);} 100% {transform:scale(1);}}
@keyframes moving {0% {transform:translate3d(0,0,0);} 100% {transform:translate3d(-50%,0,0);}}

#container{height:260px;background:transparent;width:100%;position:absolute;top:0;left:0;font-size:32px;}
#content,#stage {width:100%;height:100%;}
#content {position:relative;z-index:0;}
#stage {overflow:hidden;position:relative;z-index:0;}
#stage .space {width:3840px;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(../images/bg-space.png) repeat-x;}
#stage .mountains {width:100%;height:17.78125em;overflow:hidden;position:absolute;left:0;bottom:0;z-index:1;opacity:0;transition:opacity 0.2s linear 0s;transform-origin:center top;}
#stage .mountain {width:240em;position:absolute;left:0;bottom:0;}
#stage .mountain-1 {height:10.5em;z-index:3;background:url(../images/bg-mountain-1.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
#stage .mountain-2 {height:12em;z-index:2;background:url(../images/bg-mountain-2.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
#stage .mountain-3 {height:17.78125em;z-index:1;background:url(../images/bg-mountain-3.png) repeat-x;background-size:auto 50%;background-position:0 bottom;}
#stage .bear {width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:20px;z-index:999;background:url("../images/bear.png") 0 0 no-repeat;background-size:25em 100%;opacity:0;}

.scenes-ready #stage .space{animation:moving 450s linear 0.8s infinite normal none;}
.scenes-ready #stage .mountains{opacity:1;animation:mountains-in 0.8s ease-out 0s 1 normal forwards;}
.scenes-ready #stage .mountain-1{animation:moving 100s linear 0.8s infinite normal none;}
.scenes-ready #stage .mountain-2{animation:moving 160s linear 0.8s infinite normal none;}
.scenes-ready #stage .mountain-3{animation:moving 360s linear 0.8s infinite normal none;}
.scenes-ready #stage .bear{opacity:1;transition:opacity 0.4s linear 0.6s;}

@keyframes bear-run {0% {background-position:0 0;} 100% {background-position:-25em 0;}}

@media screen and (max-width: 992px) {
    .fly-case-list li {width: 48%;margin: 0 1% 15px 1%;box-sizing: border-box;}
    .fly-case-list li h2 {font-size: 14px;height: 40px;line-height: 20px;}
    .fly-case-img img {height: 140px;}
    .fly-case-desc {font-size: 12px;height: 36px;line-height: 18px;}
    .page-content {width: 100%;float: none;}
    .page-content1 {width: 100%;float: none;}
    .page-more {width: 100%;float: none;margin-top: 20px;}
    .topic-list,.article-list {width: 100%;float: none;}
    .topic-right {width: 100%;float: none;margin-top: 20px;}
    .show-thumb {width: 100%;height: auto;float: none;margin-right: 0;margin-bottom: 15px;}
    .show-thumb-img {width: 100%;height: auto;}
    .down-thumb-full {height: auto;}
    .down-thumb {width: 100%;height: auto;float: none;}
    .down-img {width: 100%;height: auto;}
    .down-info {width: 100%;float: none;padding-left: 0;margin-top: 15px;}
    .down-info .lei li {width: 100%;}
    .b-gun, .a-gun {position: static;width: 100%;text-align: center;margin-bottom: 10px;}
    .mobile-menu-btn {display: block;}
    .page-header .main-nav {display: none;}
    .page-header {position: relative;}
    .logo {position: absolute;left: 10px;top: 0;transform: none;}
    .top-user {position: absolute;right: 50px;top: 0;display: block !important;}
    .top-user .layui-nav-item {display: inline-block;}
    .top-user .layui-nav-item a {padding: 0 8px !important;font-size: 12px;}
    .index-gun {display: none;}
    .layui-header .page-wb {height: 60px;}
    .fly-panel.fly-column {display: flex;align-items: center;padding: 5px 0;}
    .fly-panel.fly-column .layui-container {display: flex;width: 100%;align-items: center;}
    .fly-panel.fly-column ul {flex: 1;overflow-x: auto;white-space: nowrap;padding: 0;margin: 0;}
    .fly-panel.fly-column ul li {display: inline-block;width: auto !important;float: none !important;padding: 0 10px;margin: 0;}
    .fly-panel.fly-column ul li a {font-size: 12px;}
    .fly-column-right {display: block !important;flex-shrink: 0;margin-left: 10px;}
    .fly-column-right .signin {font-size: 12px;padding: 0 12px;height: 28px;line-height: 28px;}
    .page-about {flex-direction: column;margin-top: -20px;gap: 15px;}
    .page-sidebar {width: 100%;}
    .page-menu ul {display: flex;flex-wrap: wrap;}
    .page-menu ul li {width: 50%;border-bottom: none;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
    .page-menu ul li:nth-child(2n) {border-right: none;}
    .page-menu ul li a {padding: 12px 10px;text-align: center;font-size: 13px;}
    .page-menu ul li.on::before {display: none;}
    .page-body {padding: 20px 15px;font-size: 14px;}
    .page-body .vip-features {grid-template-columns: 1fr;}
    .page-body .vip-table th,.page-body .vip-table td {padding: 10px 5px;font-size: 12px;}
    .page-body .vip-table .vip-price {font-size: 18px;}
    .fly-panel.fly-column ul li a {font-size: 11px;}
    .page-menu ul li {width: 33.33%;}
    .page-menu ul li a {font-size: 12px;}
    .layui-banner {padding-top: 10px;}
    #container {height: 100px;}
    .index-down li {width: 100%;float: none;box-sizing: border-box;margin-bottom: 8px;}
    .index-down .down-list {height: auto;line-height: 1.5;padding: 8px;}
    .index-down .down-user {width: 25% !important;text-align: center;}
    .index-down .down-title {width: 55% !important;font-size: 12px;}
    .index-down .down-time {width: 20% !important;text-align: center;}
    .index-down .down-list img {height: 32px;}
    .layui-row {margin: 0 -5px;}
    .layui-col-xs6 {padding: 0 5px;}
    .layui-btn {padding: 0 15px;font-size: 12px;}
}

@media screen and (max-width: 600px) {
    html {font-size: 12px;}
    .fly-case-list li {width: 48%;margin: 0 1% 15px 1%;box-sizing: border-box;}
    .fly-case-img img {height: 120px;}
    .fly-case-list li h2 {font-size: 13px;height: 36px;line-height: 18px;}
    .fly-case-desc {font-size: 11px;height: 32px;line-height: 16px;}
    .page-wb {padding: 0 10px;}
    .type-list dl dt {width: 100%;float: none;margin-bottom: 10px;}
    .type-list dl dd {width: 100%;float: none;}
    .member-box {padding: 20px 10px;}
    .member-box .member-form ul {width: 100%;}
    .member-form {padding: 15px;}
    .member-avatar-left {width: 100%;float: none;text-align: center;}
    .member-avatar-right {width: 100%;float: none;margin-top: 15px;}
    .page-banner h2 {font-size: 22px;}
    .searchBox input[type="text"] {width: calc(100% - 85px) !important;font-size: 12px;}
    .searchBox input[type="button"] {width: 75px;font-size: 13px;border-radius: 0 20px 20px 0;}
    .searchBox .upload-btn {display: block;width: 100%;}
    .searchBox .upload-btn a {width: 100%;max-width: none;margin: 0 auto;display: block;}
    .b-gun, .a-gun {display: none;}
    .layui-hide-xs {display: inline-block;}
    .page-menu ul li {width: 33.33%;font-size: 11px;}
    .layui-banner {min-height: 150px;padding-top: 0;display: flex;align-items: flex-start;justify-content: center;padding-top: 10px;}
    #container {height: 150px;}
    .index-gun {display: none;}
    .index-down li {width: 100%;float: none;box-sizing: border-box;margin-bottom: 8px;}
    .index-down .down-list {padding: 8px;height: auto;display: flex;align-items: center;}
    .index-down .down-user {width: 25% !important;text-align: center;}
    .index-down .down-user span {font-size: 11px;padding: 0 3px;color: #FF5722;}
    .index-down .down-list img {height: 32px;width: 32px;border-radius: 50%;}
    .index-down .down-title {width: 60% !important;font-size: 12px;padding: 0 8px;}
    .index-down .down-time {width: 15% !important;text-align: center;font-size: 11px;}
    .layui-row .layui-col-xs6 {width: 50%;padding: 0 4px;}
    .fly-case-list {margin-top: 10px;}
    .fly-case-list li {margin-bottom: 10px;}
    .page-header {padding: 0 5px;}
    .mobile-menu-btn {position: absolute;right: 5px;top: 0;width: 40px;}
    .top-user {right: 45px;display: block !important;}
    .top-user .layui-nav-item {display: inline-block;}
    .top-user .layui-nav-child {display: none;}
    .top-user .layui-nav-item a {padding: 0 6px !important;font-size: 11px;}
    .top-user .iz {display: none;}
    .logo {left: 5px;width: 100px;background-size: contain;}
    .down-demo {padding-bottom: 10px;}
    .show-title h1 {font-size: 16px;}
    .down-info .price-wrap {flex-direction: column;}
    .down-info .price {padding-right: 28px;}
    .down-info .price em {font-size: 20px;}
    .down-info .btn {margin-top: 15px;}
    .down-info .btn .demo {margin-left: 8px;}
    .down-info .gun-box {width: 100%;height: 40px;line-height: 40px;margin-top: 5px;border-left: none;border-top: 1px solid #E0E0E0;text-align: center;padding: 0 10px;box-sizing: border-box;}
    .down-info .show-gun {height: 40px;overflow: hidden;}
    .down-info .show-vip li {text-align: center;white-space: nowrap;font-size: 13px;}
    .down-info .show-vip li a {font-size: 13px;}
    .share {display: none;}
    .fly-panel.fly-column ul li {width: 50%;padding: 5px 3px;}
    .fly-panel.fly-column ul li a {font-size: 11px;}
    .layui-btn {padding: 0 10px;font-size: 11px;height: 30px;line-height: 30px;}
}

.profile-sidebar {text-align: center;padding: 20px 0;}
.profile-userpic {width: 150px;height: 150px;margin: 0 auto;border-radius: 50%;overflow: hidden;border: 4px solid #fff;box-shadow: 0 2px 12px rgba(0,0,0,.1);}
.profile-userpic img {width: 100%;height: 100%;object-fit: cover;}
.profile-usertitle {margin-top: 20px;}
.profile-usertitle-name {font-size: 18px;font-weight: bold;color: #333;}
.profile-usertitle-job {font-size: 14px;color: #999;margin-top: 5px;}
.profile-userbuttons {margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.profile-userbuttons .layui-btn {margin-bottom: 5px;}
.profile-usermenu {margin-top: 20px;padding-top: 20px;border-top: 1px solid #f0f0f0;}
.profile-usermenu ul {list-style: none;padding: 0;margin: 0;}
.profile-usermenu li {padding: 10px 0;text-align: left;}
.profile-usermenu li a {color: #666;text-decoration: none;font-size: 14px;display: flex;align-items: center;gap: 10px;}
.profile-usermenu li a:hover {color: #009688;}
.profile-usermenu li i {font-size: 16px;}
.profile-content {padding: 20px;}

@media screen and (max-width: 992px) {
    .profile-userpic {width: 120px;height: 120px;}
    .profile-userbuttons {flex-direction: column;align-items: center;}
    .profile-userbuttons .layui-btn {width: 100%;max-width: 200px;}
}

.mobile-menu-btn {
    display: none;
    width: 50px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.hamburger-icon {
    display: inline-block;
    width: 24px;
    height: 18px;
    position: relative;
    margin-top: 21px;
    cursor: pointer;
}

.hamburger-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    left: 0;
    transition: all 0.3s ease;
}

.hamburger-icon span:nth-child(1) {
    top: 0;
}

.hamburger-icon span:nth-child(2) {
    top: 7px;
}

.hamburger-icon span:nth-child(3) {
    top: 14px;
}

.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: auto;
}

.mobile-menu.active {
    left: 0;
}

.mobile-menu-header {
    padding: 20px;
    background: #393D49;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu-title {
    font-size: 18px;
    font-weight: bold;
}

.mobile-menu-close {
    font-size: 24px;
    cursor: pointer;
}

.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav li {
    border-bottom: 1px solid #f1f1f1;
}

.mobile-nav li a {
    display: block;
    padding: 15px 20px;
    color: #333;
    font-size: 16px;
}

.mobile-nav li a:hover {
    background: #f5f5f5;
    color: #5FB878;
}

@media screen and (max-width: 992px) {
    .top-user {
        display: none;
    }
    .mobile-menu-btn {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .logo {width: 100px;background-size: contain;}
    .page-header .layui-nav {display: none;}
    .fly-panel.fly-column ul li {font-size: 12px;padding: 0 5px;}
    .fly-column-right {display: none;}
    .page-banner {height: 120px;}
    .page-banner h2 {font-size: 24px;margin-top: 30px;}
    .page-menu ul li {width: 100%;border-right: none;}
    .page-body {padding: 15px;font-size: 13px;}
    .page-banner h2 {font-size: 22px;margin-top: 30px;}
    .fly-case-img img {height: 120px;}
}

.photo-right{width: 388px;float: right;}
.photo-right .row1{background: #fff;padding: 10px;margin-bottom: 10px;font-size: 14px;color: #999;}
.photo-right .row1-hd{font-size: 16px;font-weight: bold;color: #333;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.rowx-bd ul {width:100%;padding-top:10px;}
.rowx-bd ul li{float:left;width:48%;background:#fff;border-radius:5px;overflow:hidden;position:relative;margin-right:4%;margin-bottom:10px;box-sizing:border-box;border:1px solid #f1f1f1;}
.rowx-bd ul li:nth-child(2n){margin-right:0;}
.rowx-bd ul li .img a{display:block;}
.rowx-bd ul li .img{width:100%;height:100px;overflow:hidden;position:relative;}
.rowx-bd ul li .img img{height:100%;width:100%;display:block;object-fit:cover;}
.rowx-bd ul li .desc{color:#333;font-size:13px;height:32px;padding:5px;line-height:16px;text-align:left;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rowx-bd ul li .attr{padding:5px;font-size:12px;color:#999;}
.rowx-bd ul li .info{height:20px;line-height:20px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rowx-bd ul li .info a{color:#666;}
.rowx-bd ul li .info a:hover{color:#5FB878;}
.rowx-bd ul li .pub{font-size:11px;color:#999;}
.rowx-bd ul li .pub .ico-view{font-size:11px;}

@media screen and (max-width: 992px) {
    .photo-right {width: 100%;float: none;margin-top: 15px;}
    .rowx-bd ul li {width: 48%;margin-right: 4%;}
    .rowx-bd ul li:nth-child(3n){margin-right: 4%;}
    .rowx-bd ul li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 600px) {
    .rowx-bd ul li {width: 48%;margin-right: 4%;}
    .rowx-bd ul li .img {height: 80px;}
    .rowx-bd ul li .desc {font-size: 12px;height: 28px;line-height: 14px;}
}
.search-banner {
    width: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 40px 15px;
    box-sizing: border-box;
}

.search-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box {
    width: 100%;
    max-width: 600px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    padding: 5px 5px 5px 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.search-box i {
    color: #999;
    font-size: 18px;
    margin-right: 10px;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    background: transparent;
}

.search-input::placeholder {
    color: #999;
}

@media screen and (max-width: 768px) {
    .search-banner {
        padding: 20px 15px;
    }
    
    .search-box {
        padding: 3px 3px 3px 10px;
        border-radius: 20px;
    }
    
    .search-input {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .search-banner {
        padding: 15px 10px;
    }
    
    .search-box {
        padding: 2px 2px 2px 8px;
        border-radius: 17px;
    }
    
    .search-box i {
        font-size: 16px;
        margin-right: 8px;
    }
    
    .search-input {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}

@media screen and (max-width: 992px) {
    .article-list {width: 100%;float: none;}
    .page-more {width: 100%;float: none;margin-top: 15px;}
    .artlist-pic {height: 80px !important;}
    .artlist-pic img {height: 100%;}
    .layui-tab-title li {padding: 0 10px;font-size: 12px;}
}

@media screen and (max-width: 768px) {
    .searchBox {max-width: 90%;margin: 0 auto;}
    .searchBox input[type=text] {width: calc(100% - 180px);font-size: 13px;}
    .searchBox input[type=button] {width: 70px;font-size: 13px;}
    .searchBox .upload-btn {display: none;}
    .artlist-pic {height: 70px !important;width: 100px;}
    .artlist-info {margin-left: 110px;}
    .right-list {margin-top: 15px;}
}

@media screen and (max-width: 480px) {
    .searchBox input[type=text] {width: calc(100% - 100px);font-size: 12px;}
    .searchBox input[type=button] {width: 60px;font-size: 12px;}
    .artlist-pic {height: 60px !important;width: 80px;}
    .artlist-info {margin-left: 90px;}
    .artlist-info h4 {font-size: 14px;}
    .artlist-info p {font-size: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 36px;}
    .layui-tab-title {overflow-x: auto;white-space: nowrap;}
    .layui-tab-title li {display: inline-block;}
}

.search-header {
    background: linear-gradient(135deg, #464853 0%, #6d6d7d 100%);
    padding: 30px 15px;
    margin-bottom: 20px;
}

.search-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.search-box {
    flex: 1;
    max-width: 600px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    padding: 5px 5px 5px 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.search-box i {
    color: #999;
    font-size: 18px;
    margin-right: 10px;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    background: transparent;
}

.search-input::placeholder {
    color: #999;
}

.search-btn {
    height: 40px;
    width: 80px;
    border: none;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-btn:hover {
    background: linear-gradient(135deg, #ff5252 0%, #e74c3c 100%);
}

.upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffb347 0%, #ff7f50 100%);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.upload-btn:hover {
    background: linear-gradient(135deg, #ffa726 0%, #ff7043 100%);
}

.search-page {
    display: flex;
    gap: 20px;
}

.search-main {
    flex: 1;
    min-width: 0;
}

.search-sidebar {
    width: 280px;
    flex-shrink: 0;
}

.search-tabs ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    border-bottom: 1px solid #eee;
}

.search-tabs li {
    margin-right: 10px;
}

.search-tabs li a {
    display: block;
    padding: 10px 20px;
    color: #666;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.search-tabs li.active a {
    color: #ff6b6b;
    border-bottom-color: #ff6b6b;
}

.search-tabs li a span {
    color: #fff;
    background: #999;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 5px;
}

.search-tabs li.active a span {
    background: #ff6b6b;
}

.search-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
}

.search-item:hover {
    background: #f9f9f9;
}

.item-pic {
    width: 120px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
}

.item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-info {
    flex: 1;
    min-width: 0;
}

.item-info h3 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
}

.item-info h3 a {
    color: #333;
    text-decoration: none;
}

.item-info h3 a:hover {
    color: #ff6b6b;
}

.item-info p {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-meta {
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: #999;
}

.search-pagination {
    padding: 20px 0;
    text-align: center;
}

.search-pagination .total {
    margin-right: 20px;
    font-size: 14px;
}

.sidebar-box {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.sidebar-box h3 {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-list a {
    display: inline-block;
    padding: 5px 12px;
    background: #f5f5f5;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.tag-list a:hover {
    background: #ff6b6b;
    color: #fff;
}

@media screen and (max-width: 992px) {
    .search-page {
        flex-direction: column;
    }
    
    .search-sidebar {
        width: 100%;
    }
    
    .search-tabs ul {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .search-header {
        padding: 20px 15px;
    }
    
    .search-container {
        flex-direction: column;
        gap: 10px;
    }
    
    .search-box {
        width: 100%;
        max-width: 100%;
    }
    
    .upload-btn {
        width: 100%;
        max-width: 600px;
    }
    
    .search-item {
        flex-direction: column;
    }
    
    .item-pic {
        width: 100%;
        height: 150px;
    }
    
    .item-info h3 {
        font-size: 15px;
    }
    
    .item-info p {
        font-size: 13px;
    }
    
    .item-meta {
        gap: 15px;
    }
    
    .search-tabs li a {
        padding: 8px 12px;
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .search-header {
        padding: 15px 10px;
    }
    
    .search-box {
        padding: 3px 3px 3px 12px;
    }
    
    .search-input {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    
    .search-btn {
        width: 65px;
        height: 34px;
        font-size: 12px;
    }
    
    .item-pic {
        height: 120px;
    }
    
    .search-tabs ul {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }
    
    .search-tabs li {
        flex-shrink: 0;
    }
}