﻿a:hover{text-decoration:none}
.wrapper .top_navbar{width:100%;height:50px;display:flex;position:fixed;top:0;z-index:9}
.wrapper .top_navbar .logo{width:200px;height:100%;background:rgba(65,127,249,0.9);}
@media (max-width:1199px){.wrapper .top_navbar .logo{width:133px;}}
@media (max-width:639px){.wrapper .top_navbar .logo{ display:none}}
.wrapper .top_navbar .logo a{display:block;text-align:center;font-size:20px;color:#fff;padding:10px 0;line-height:25px;}

.wrapper .top_navbar .top_menu{width:calc(100% - 200px);height:100%;background:#fff;padding:0 30px;display:flex;justify-content:space-between;align-items:center;}
.wrapper .top_navbar .top_menu .home_link a{display:block;background:var(--primary);color:#fff;padding:5px 10px;border-radius:3px;}
.wrapper .top_navbar .top_menu .home_link a:hover,.wrapper .top_navbar .right_info .icon_wrap:hover {background:var(--indigo);}
.wrapper .top_navbar .right_info{display:flex;}
.wrapper .top_navbar .right_info .icon_wrap{padding:5px 10px;border-radius:3px;background:var(--indigo);color:#fff;margin:0 5px;cursor:pointer;}
.main_body .sidebar_menu{position:fixed;top:50px;left:0;background:rgba(65,127,249,0.9);width:200px;height:100%;transition:all 0.3s linear; z-index:9;backdrop-filter: blur(5px);}
.main_body .sidebar_menu .inner_sidebar_menu{position:relative;padding-top:50px;}
.main_body .sidebar_menu .inner_sidebar_menu ul{ margin-bottom:0}
.main_body .sidebar_menu .inner_sidebar_menu ul:-webkit-scrollbar{display:none;}
.main_body .sidebar_menu ul li a{color:rgba(255,255,255,0.8);padding:15px 20px;display:block;white-space:nowrap;}
.main_body .sidebar_menu ul li a .icon{margin-right:8px;}
.main_body .sidebar_menu ul li a span{display:inline-block;}
.main_body .sidebar_menu ul li a span i{width:21px;height:21px;text-align:center}
.main_body .sidebar_menu ul li a:hover{background:rgb(var(--primary-rgb),0.3);color:#fff;}
.main_body .sidebar_menu ul li.uk-active a{background:rgba(0,0,0,0.2);color:#fff;}
@media (max-width:1199px){
.wrapper .top_navbar .top_menu{width:calc(100% - 133px);}
.main_body .sidebar_menu{width:133px;}
}
@media (max-width:639px){
.wrapper .top_navbar .top_menu{width:100%; padding:0px 10px}
.main_body .sidebar_menu{ width:100%; height:50px; font-size:14px;}
.main_body .sidebar_menu .inner_sidebar_menu{ padding-top:9px; padding-left:10px; padding-right:10px}
.main_body .sidebar_menu .inner_sidebar_menu ul{white-space:nowrap;overflow-y:hidden;overflow-x:auto;}
.main_body .sidebar_menu .inner_sidebar_menu ul li{ display:inline-block;}
.main_body .sidebar_menu ul li a{ padding:5px;}
.main_body .sidebar_menu ul li a span i{width:16px;height:16px;}
.main_body .sidebar_menu ul li a .icon{margin-right:3px;}
}
.main_body .sidebar_menu .hamburger{position:absolute;top:5px;right:-20px;width:40px;height:40px;background:var(--body);border-radius:50%;cursor:pointer;}
.main_body .sidebar_menu .inner_hamburger,.main_body .sidebar_menu .hamburger .arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.main_body .sidebar_menu .inner_hamburger{width:30px;border-radius:50%;height:30px;background:var(--indigo);}
.main_body .sidebar_menu .hamburger .arrow{color:#fff;}
.main_body .sidebar_menu .hamburger  .fa-long-arrow-alt-right{display:none;}
@media (max-width:639px){.main_body .sidebar_menu .hamburger{ display:none}}
.main_body .container{width:calc(100% - 200px);margin-top:50px;margin-left:200px;padding:30px;transition:all 0.3s linear;}
.main_body .container .item_wrap{margin-bottom:0px;}
.main_body .container .item_wrap .item{background:#fff;border:1px solid #e0e0e0;padding:25px;font-size:14px;line-height:22px;}
.main_body .container .item_wrap .item:first-child{margin-right:20px;}
@media (max-width:1199px){.main_body .container{width:calc(100% - 133px);margin-left:133px;}}
@media (max-width:959px){.main_body .container{ padding:20px;}}
@media (max-width:639px){.main_body .container{width:100%;margin-left:0px; padding:15px; margin-top:100px}}
@media (max-width:374px){.main_body .container{padding:10px;}}
.wrapper.active .sidebar_menu{width:61px;}
.wrapper.active .hamburger .fa-long-arrow-alt-right{display:block;}
.wrapper.active .hamburger .fa-long-arrow-alt-left{display:none;}
.wrapper.active .sidebar_menu ul li a .list{display:none;}
.wrapper.active .main_body .container{width:calc(100% - 61px);margin-left:61px;}

.part-search{margin-bottom:30px;height:300px;display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:10px;background:linear-gradient(180deg,#4a89f0 0%,#7bb3f4 100%);overflow:hidden;position:relative;}
.part-search>*{display:flex;flex-wrap:wrap;}
.part-search .bg-l,.part-search .bg-r{display:flex;width:310px;flex-grow:0;flex-shrink:1;flex-wrap:wrap; z-index:1}
.part-search .bg-l{background:url(../img/png/banner-left-3.png) right center no-repeat;background-size:cover;}
.part-search .bg-r{background:url(../img/png/banner-right-3.png) left center no-repeat;background-size:cover;}
.part-search::before {content:'';display:block;position:absolute;bottom:0;left:20%;right:20%;padding-top:60px;background:url(../img/png/banner-bottom-3.png) center bottom no-repeat;background-size:contain;}
.part-search .search-main {padding-top:48px;padding-bottom:80px;position:relative;text-align:center;flex-direction:column;padding-left:15px;padding-right:15px; z-index:9}
.part-search .search-main h2{color:#fff}

.search-yun{opacity: .5;position: absolute;left: 0;/* top: 0; */width: 200%;height: 100%;background-repeat: repeat-x;background-position: 0 0;background-size: 50% auto;}
.search-yun.yun1{background-image: url(../img/png/yun1.png);animation: CloudAnim 35s infinite linear;}
.search-yun.yun2{background-image: url(../img/png/yun2.png);animation: CloudAnim 20s infinite linear;}
.search-kuai1{position: absolute;left: 0;top: 0;width: 100%;height: 100%; transform: translateY(50px); transition: all 0.6s; opacity: 0; }
.search-kuai2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;  transform: translateY(50px); transition: all 0.6s 0.2; opacity: 0;}
.search-kuai1,.search-kuai2{transform: translateX(0);opacity: 1;}
@keyframes CloudAnim{0%{transform:translateX(-50%);}to{transform:translateX(0);}}
@media (max-width:1199px){
.part-search{justify-content:center; height:inherit}
.part-search .search-main{padding-top:30px; padding-bottom:40px}
}
@media (max-width:959px){
.part-search{ margin-bottom:20px}
.part-search .search-main h2{ font-size:1.5rem}
.part-search::before{ left:0; right:0}
}
@media (max-width:639px){
.part-search{ margin-bottom:15px}

}
.search-form{position:relative;}
.search-form ul{margin:0px;height:25px;}
.search-form ul>li>a{display:block;padding:5px 15px;color:#fff;font-size:14px;line-height:15px;height:25px}
.search-form ul>li.uk-active>a{color:var(--dark);background:#fff;border-radius:5px 5px 0px 0px}

.s-form input{height:45px;padding:15px 160px 15px 20px;border:none;background:#fff;outline:none;border-radius:5px;width:100%;line-height:15px;font-size:15px}
.s-form input:-internal-autofill-selected{background:#fff}
.switcher-so{position:absolute;right:0px;top:25px;width:138px;height:45px;}
.switcher-so button{cursor:pointer;outline:none;border:none;width:100%;height:45px;line-height:45px;text-align:center;padding:0;color:#fff;background:var(--primary);border-radius:0px 5px 5px 0px;}
.switcher-so button:hover{background:var(--indigo)}
.search-keywords{margin-top:20px}
.hotsearch{display:flex;justify-content:center;align-items:center;}
.hotsearch>*{font-size:12px;color:#fff;display:flex;line-height:1;margin-bottom:5px}
.hotsearch a{background:rgb(0,0,0,0.1);color:#fff;padding:5px 10px;font-size:12px;border-radius:3px;margin:0px 0px 5px 5px }
@media (max-width:639px){
.s-form input{ height:40px; padding:10px 100px 10px 10px;}
.switcher-so{ width:90px; height:40px}
.switcher-so button{ height:40px; line-height:40px}
}
.c-title{margin:0px auto 24px;height:26px;line-height:26px;font-size:14px;display:flex;align-items:center;justify-content:space-between;}
.c-title i{font-style:normal}
.c-title .l{flex-grow:0;}
.c-title .l strong{font-size:20px;}
.sub-title{color:var(--gray-500);margin-left:20px;}
.c-title .r{display:flex;justify-content:flex-end;}
.c-content dl{background:#fff;border-radius:5px;padding:15px;transition:all .5s;}
.c-content dl:hover{transform:translateY(-4px);box-shadow:0px -5px 15px rgb(var(--dark-rgb),0.1)}
.c-content dt{border-radius:4px;overflow:hidden}
.c-content dt img{width:100%;transition:all .2s;}
.c-content a:hover dt img{transform:scale(1.1)}
.c-content dd{margin-top:10px;font-size:14px;color:var(--gray);line-height:1.8;transition:all .3s ease}
.c-content dl:hover dd{line-height:1.5}
.c-content dd i{font-style:normal;display:inline-block;background:var(--gray-300);line-height:16px;font-size:12px;padding:0px 3px;border-radius:3px;margin-right:2px}
.c-content li:nth-child(1) dd i{background:var(--danger);color:#fff}
.c-content li:nth-child(2) dd i{background:var(--warning);color:#fff}
.c-content li:nth-child(3) dd i{background:var(--yellow);color:#fff}
@media (max-width:1199px){.c-content dl{padding:10px; font-size:14px}}
@media (max-width:639px){.c-title{ margin-bottom:15px;}.c-title .l strong{font-size:18px; width:80px !important; display:inline-block}.c-content dd{ line-height:1.6}.c-content dl:hover dd{line-height:1.3}}
@media (max-width:374px){.c-content dl{padding:6px; font-size:12px}.c-content dd{ margin-top:6px; line-height:1.3}}

.notice{display:flex;align-items:center; line-height:26px; font-size:12px; background:#fff; border-radius:13px; padding:0px 13px}
.notice-tit{display:flex;align-items:center;white-space:nowrap;}
.notice-tit .icon{color:var(--orange); font-size:16px}
.noticTipTxt{height:22px;line-height:22px;overflow:hidden; margin:0}
.noticTipTxt li{height:22px;line-height:22px; display:block;word-wrap:normal;overflow:hidden;}
.noticTipTxt a{ display:block;color:var(--gray);word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
.noticTipTxt a:hover{color:var(--orange);}

.hot-ico,.part-ad,.tags-ico{margin-bottom:30px}
.hot-ico dl{background:#fff; border-radius:5px;transition:all .5s; }
.hot-ico dl:hover{transform:translateY(-4px);box-shadow:0px -5px 15px rgb(var(--dark-rgb),0.1)}
.hot-ico dl a{color:var(--gray); display:flex;align-items:center;padding:15px;}
.item-ico{flex:none; width:32px; text-align:center;line-height:1}
.item-ico .icon{background:var(--info-lt); color:var(--info-darken); display:inline-block; padding:3px; border-radius:5px; font-size:26px}
.item-title{flex:auto; padding-left:10px; line-height:1.1}
@media (max-width:1199px){.hot-ico dl a{padding:10px; font-size:14px}}
@media (max-width:959px){.hot-ico,.part-ad,.tags-ico{ margin-bottom:20px}}
@media (max-width:639px){.hot-ico,.part-ad,.tags-ico{ margin-bottom:15px}.notice{ padding:0px 6px}}
@media (max-width:374px){.hot-ico,.part-ad,.tags-ico{ margin-bottom:10px}.hot-ico dl a{padding:6px; font-size:12px}.item-title{ padding-left:6px}}
.item-flag{width:32px; height:32px; padding:7px 4px; border-radius:5px; background:var(--secondary-lt); color:var(--secondary-darken)}
.item-flag .flag{border-radius:3px}
.tool-ico li:nth-child(2) .item-ico .icon{background:var(--success-lt);color:var(--success-darken);}
.tool-ico li:nth-child(3) .item-ico .icon{background:var(--warning-lt);color:var(--warning-darken);}
.tool-ico li:nth-child(4) .item-ico .icon{background:var(--danger-lt);color:var(--danger-darken);}
.tool-ico li:nth-child(5) .item-ico .icon{background:var(--secondary-lt);color:var(--secondary-darken);}
.tool-ico li:nth-child(6) .item-ico .icon{background:var(--primary-lt);color:var(--primary-darken);}
.tool-ico li:nth-child(7) .item-ico .icon{background:var(--indigo-lt);color:var(--indigo-darken);}
.tool-ico li:nth-child(8) .item-ico .icon{background:var(--purple-lt);color:var(--purple-darken);}
.tool-ico li:nth-child(9) .item-ico .icon{background:var(--lime-lt);color:var(--lime-darken);}
.tool-ico li:nth-child(10) .item-ico .icon{background:var(--teal-lt);color:var(--teal-darken);}
.tool-ico li:nth-child(11) .item-ico .icon{background:var(--cyan-lt);color:var(--cyan-darken);}
.tool-ico li:nth-child(12) .item-ico .icon{background:var(--pink-lt);color:var(--pink-darken);}

.tags-ico{font-size:12px; margin-top:0}
.tags-ico li{ display:inline-block;}
.tags-ico a{position:relative;transition:all .5s;background:#fff; border-radius:3px; margin:0px 5px 5px 0px}
.tags-ico a:hover{box-shadow:0px -5px 15px rgb(var(--dark-rgb),0.1); background:var(--info-lt); color:var(--info)}
.tags-ico a{display:block; padding:5px 8px; line-height:1.3; color:var(--gray-500);word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.part-ad a{display:block; overflow:hidden;border-radius:5px;transition:all .5s;}
.part-ad a img{width:100%;transition:all .6s;}
.part-ad a:hover img{transform:scale(1.1)}

.part-footer{margin-top:30px; position:relative; z-index:99; font-size:12px; background:var(--body); padding:0px; text-align:center;display:flex;align-items:center; color:var(--gray-400)}
.part-footer p{margin:0px; line-height:1.8; padding-right:10px}
.part-footer p a{color:var(--gray-300)}
@media (max-width:1199px){
.wrapper .uk-grid-medium>*{padding-left:20px;}
.wrapper .uk-grid-medium{margin-left:-20px;}
.wrapper .uk-grid-medium>.uk-grid-margin{margin-top:20px}
}
@media (max-width:959px){
.wrapper .uk-grid-medium>*{padding-left:15px;}
.wrapper .uk-grid-medium{margin-left:-15px;}
.wrapper .uk-grid-medium>.uk-grid-margin{margin-top:15px}
.part-footer{flex-direction:column;}
}
@media (max-width:639px){
.wrapper .uk-grid-medium>*{padding-left:10px;}
.wrapper .uk-grid-medium{margin-left:-10px;}
.wrapper .uk-grid-medium>.uk-grid-margin{margin-top:10px}
}
@media (max-width:374px){
.wrapper .uk-grid-medium>*{padding-left:5px;}
.wrapper .uk-grid-medium{margin-left:-5px;}
.wrapper .uk-grid-medium>.uk-grid-margin{margin-top:5px}
}