html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; text-align: left; font-size: 14px; background: #f9f9f9; font-family: "Microsoft YaHei"; }

img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

a, a:visited { text-decoration: none; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, dt, dd { margin: 0; padding: 0; }

li{list-style: none;}

p{margin: 0;}

em{font-style: normal;}

header .head-top{overflow: hidden; width: 100%; height: auto; background: #222; box-sizing: border-box; display: -webkit-box; height: 49px; position: relative; padding-right: 12px; padding-left: 150px;}
header .head-top a.logo{display: block; height: 20px; position: absolute; left: 8px; top: 3px;}
header .head-top a.logo img{width: 120px; height: 45px;}
header .head-top #searchForm{width: 100%;}
header .head-top #searchForm .searchBar{width: 100%; height: 30px; background: #fff; border-radius: 100px; margin: 9px 0 0 0px; overflow: hidden; position: relative;}
header .head-top #searchForm .searchBar input{width: 100%; height: 30px; line-height: 30px; padding: 0 35px 0 12px; font-size: 14px; font-weight: normal; color: #333; display: block; overflow: hidden; -webkit-box-flex: 1; border: 0; box-sizing: border-box;outline: none;}
header .head-top #searchForm .searchBar input.searchBtn{display: none;outline: none;}
header .head-top #searchForm .searchBar i{width: 30px; height: 30px; margin: 0px 0 0 0px; display: block; overflow: hidden; background: url(../images/index-icon.webp) no-repeat 0 5px; background-size: 490px; position: absolute; right: 2px; top: 0px;}
header .head-top .menu-btn{position: absolute;right: 10px;top: 15px;display: flex;flex-direction: column;row-gap: 5px;}
header .head-top .menu-btn span{width: 25px;height: 3px;background-color: #ffffff;}
header .head-top .menu-btn span:nth-child(2){background-color: #f60;}
header .menu-dropdown{position: absolute;top: 49px;z-index: 999;height: 100vh;width: 100%;max-height: 0;overflow: hidden;transition: max-height .3s ease;}
header .menu-dropdown .overlay{width: 100%;height: 100%;background-color: #000000A3;position: absolute;z-index: -1;}
header .menu-dropdown .dropdown-wrap{width: 100%;height: auto;background-color: #ffffff;padding: 16px 20px;box-sizing: border-box;display: flex;flex-direction: column;row-gap: 25px;}
header .menu-dropdown .dropdown-wrap .hot-search-list{display: flex;flex-direction: column;row-gap: 20px;}
header .menu-dropdown .dropdown-wrap .hot-search-list .hot-search-wrap{display: flex;align-items: center;column-gap: 0;padding-left: 25px;position: relative;}
header .menu-dropdown .dropdown-wrap .hot-search-list .hot-search-wrap::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url(../images/search.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
header .menu-dropdown .dropdown-wrap .hot-search-list .hot-search-wrap .appType{font-size: 15px;color: #f60;white-space: nowrap;}
header .menu-dropdown .dropdown-wrap .hot-search-list .hot-search-wrap .appName{font-size: 15px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-list{display: grid;column-gap: 15px;row-gap: 15px;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));}
header .menu-dropdown .dropdown-wrap .dropdown-nav-list a{width:100%;height: 40px;display: flex;align-items: center;column-gap: 5px;background-color: #f9f9f9;border-radius: 8px;justify-content: center;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-list a img{width: 20px;height: auto;object-fit: cover;object-position: center;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-list a p{font-size: 15px;color: #333333;}
header .menu-dropdown.open{max-height: 100vh;}

header .nav-bar {width: 100%; height: auto; background: #fff; display: flex ; overflow: hidden;}
header .nav-bar a{width: auto; height: 45px; line-height: 45px; font-size: 16px; font-weight: normal; color: #222; text-align: center; display: block; overflow: hidden; position: relative; flex: 1;}
header .nav-bar a.active{color: #f60;}
header .nav-bar a.active::after{content: "";width: 12px; height: 2px; background: #f60;overflow: hidden; position: absolute; left: 50%; bottom: 0; z-index: 1; transform: translateX(-50%);}


footer{overflow: hidden; padding: 10px 0px; border-top: 10px solid #ececec;background-color: #ffffff;}
footer p{height: 26px; line-height: 26px; text-align: center; overflow: hidden; color: #666; font-size: 14px;margin: 0;}
footer p a{color: #666; font-size: 15px; padding: 0px 12px;}

.backToTop{width: 40px; height: 40px; background: url(../images/goto.webp) no-repeat 0 -144px; border-radius: 50%; background-size: 600px; display: none; overflow: hidden; position: fixed; right: 10px; bottom: 60px; z-index: 500;}
.backToTop.show{display: block;}

.breadcrumb{height: 45px; line-height: 45px; margin: 0 auto; font-size: 14px; color: #999;}
.breadcrumb p{color: #999; font-size: 14px;}
.breadcrumb p a{color: #999;}
.breadcrumb p a:hover{color: #f60;}

.contentWrap{padding: 45px 30px 30px 45px; overflow: hidden;}
.contentWrap .side-list{float: left; display: inline;width: 150px;}
.contentWrap .side-list a{background: #f2f2f2; height: 40px; line-height: 40px; display: block; border-radius: 4px; text-align: center; font-size: 15px; margin: 0 0 15px 0;}
.contentWrap .side-list a.active, .contentWrap .side-list a:hover{color: #fff; background: #f60;}
.contentWrap .right-content{width: 900px;float: right; display: inline;}
.contentWrap .right-content p{line-height: 36px; font-size: 15px; color: #333;margin: 0;}
.contentWrap .right-content p strong{font-weight: bold; color: #333;}
.contentWrap .right-content ul{margin: 0;padding: 0;}
.contentWrap .right-content ul ol{margin: 0; padding: 0; list-style: none; }
.contentWrap .right-content ul ol li{padding-left: 15px; background: url(../images/dot.webp) no-repeat 0 16px; margin-bottom: 4px; line-height: 36px; font-size: 15px;}

.titleWrap{width: 100%; height: auto; line-height: 20px; font-size: 18px; font-weight: normal; color: #333; padding: 15px 15px 0; box-sizing: border-box; display: block; position: relative;}
.titleWrap i{width: 2px; height: 18px; background: #f60; float: left; margin: 1px 8px 0 0; display: inline; overflow: hidden;}
.titleWrap .switch-btn{float: right; font-size: 14px; padding-left: 20px; background: url(../images/home/refresh.webp) no-repeat 0 1px; background-size: 18px; color: #999;}
.titleWrap a{font-size: 14px; font-weight: normal; color: #999; float: right; display: inline; overflow: hidden;}

.item-scroll-panel{background-color: #ffffff;overflow: hidden; border-top: 10px solid #ececec;}
.item-scroll-panel ul{width: 100%; height: auto; padding: 0 10px 15px 10px; box-sizing: border-box; display: block; overflow: hidden;font-size: 0; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.item-scroll-panel ul li{width: 25%; height: auto; margin: 22px 0px 0 0px; box-sizing: border-box; float: inherit; display: inline-block; overflow: hidden;}
.item-scroll-panel ul li a{margin: 0px auto; height: auto; display: block; overflow: hidden;}
.item-scroll-panel ul li a i{display: block;}
.item-scroll-panel ul li a i img{width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden; margin: 0 auto;object-fit: cover;object-position: center;}
.item-scroll-panel ul li a h4{width: 100%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; text-align: center; margin: 10px 0 5px 0; display: block; overflow: hidden;white-space: pre-wrap;}
.item-scroll-panel ul li a p{width: 100%; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #999; text-align: center; margin: 2px 0 0; display: block; overflow: hidden;}
.item-scroll-panel ul li a span{display: block; height: 20px; line-height: 20px; font-size: 12px; text-align: center; margin-top: 4px; color: red; padding-bottom: 5px; overflow: hidden;}

.pagination{margin-bottom: 25px; overflow: hidden; margin-top: 15px;}
.appPage { font-size: 13px;clear: both;overflow: hidden;padding: 0 5px; text-align: right; height: 30px; margin: 5px 0 5px; background: none; line-height: 26px;}
.appPage i { font-style: normal; }
.appPage a { color: #000; text-decoration: none; padding: 0 3px; }
.appPage a:hover { text-decoration: underline; }
.appPage b { color: #f00; }
.pagination .appPage .pagination-button { text-align: center; display: flex;justify-content: center;}
.pagination .appPage .pagination-button i { width: auto; height: 30px; line-height: 30px; padding: 0 12px; background: #fafafa; font-size: 14px; font-weight: normal; color: #555; margin: 0 0 0 12px; display: inline-block; overflow: hidden; border-radius: 3px; }
.pagination .appPage .pagination-button b { width: auto; height: 30px; border-radius: 3px; line-height: 30px; padding: 0 12px; background: #f60; font-size: 14px; font-weight: normal; color: #fff; margin: 0 0 0 12px; display: inline-block; overflow: hidden; }
.pagination .appPage .pagination-button a { width: auto; height: 30px; border-radius: 3px; line-height: 30px; padding: 0 12px; background: #fafafa; font-size: 14px; font-weight: normal; color: #555; margin: 0 0 0 12px; border-radius: 3px; display: inline-block; overflow: hidden; }
.pagination .appPage .pagination-button a.morePage,.pagination .appPage .pagination-button a.nextPage,.pagination .appPage .pagination-button a.endPage,.pagination .appPage .pagination-button a.tsp_home,.pagination .appPage .pagination-button a.tsp_prev { padding: 0; border: none; }
.pagination .appPage .pagination-button a i { margin: 0; background: none; }
.pagination .appPage .pagination-button b, .pagination .appPage .pagination-button .active { width: auto; height: 30px; border-radius: 3px; line-height: 30px; padding: 0 12px; background: #f60; font-size: 14px; font-weight: normal; color: #fff; margin: 0 0 0 12px; display: inline-block; overflow: hidden; }

.error-page-content {display: flex;flex-direction: column;align-items: center;margin: 120px 0 300px;}
.error-page-content > img{width: 68%;height: auto;object-fit: cover;object-position: center;margin-bottom: 28px;max-width: 500px;}
.error-page-content > p{font-size: 16px;color: #949494;margin-bottom: 14px;}
.error-page-content > a.backHomeBtn{width: 150px;height: 35px;text-align: center;line-height: 33px;background-color: #EC6E28;border: 1px solid #EC6E28;border-radius: 45px;font-size: 16px;color: #ffffff;}