@charset "utf-8";

* {margin: 0;padding: 0;scrollbar-width: 0;-ms-overflow-style: none;}
*::-webkit-scrollbar {display: none;}
table {border-collapse: collapse;border-spacing: 0;font-family: "微软雅黑";}
fieldset,
img {border: 0;vertical-align: bottom;}
em,
i {font-style: normal;font-weight: normal;}
ul,
ol,
li {list-style: none;}
h1,
h2,
h3,
h4,
h5,
h6 {font-size: 100%;font-weight: normal;}
a {text-decoration: none;color: inherit;}
body {font-family: "Microsoft YaHei";max-width: 640px;margin: 0 auto;padding-top: 105px;background-color: #f7f8fc;font-size: 14px;color: #333;}

/* 公共头 */
header {position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 640px;margin: 0 auto;background-color: #fff;z-index: 88;}
header .topNav {width: 100%;height: 59px;padding: 0 15px;display: flex;align-items: center;box-sizing: border-box;}
header .topNav .logo {display: block;height: 38px;}
header .topNav .logo img {display: block;height: 100%;}
header .head-container {height: 45px;padding: 0 12px;border-top: 1px solid #eee;}
header .head-container .nav-list {display: flex;overflow-x: auto;height: 45px;line-height: 45px;font-size: 15px;}
header .head-container .nav-list a {color: #333;margin-right: 25px;flex-shrink: 0;white-space: nowrap;border-bottom: 4px solid transparent;}
header .head-container .nav-list a:last-of-type {margin-right: 0;}
header .head-container .nav-list a.checked {border-color: #f60;}

/* 公共底 */
footer {padding: 30px 0;background-color: #fff;margin-top: 10px;}
footer .footCop {font-size: 14px;background: #F7F8FC;color: #909399;padding: 15px;margin: 0 15px;}
footer .footCop a {color: #666;}

/* 面包屑 */
.crumbs-nav {padding: 0 12px;height: 36px;line-height: 36px;font-size: 13px;color: #888888;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.crumbs-nav a {color: #888888;cursor: pointer;}

/* 分页 */


/* 公共模块 */
.com_block {background-color: #fff;padding: 0 12px 12px;margin-bottom: 10px;}
.com_title {display: flex;width: 100%;height: 37px;align-items: center;justify-content: space-between;border-bottom: 1px solid #e1e1e1;}
.com_title span {height: 37px;line-height: 34px;font-size: 16px;border-bottom: 3px solid #f60;margin-right: 5px;box-sizing: border-box;color: #333;font-weight: bold;}
.com_title .more {font-size: 12px;color: #999;line-height: 37px;flex-shrink: 0;}

.recom-app .hot-recommend-ul {display: flex;flex-wrap: wrap;}
.recom-app .hot-recommend-ul .hot-recommend-li {width: 25%;margin-top: 14px;}
.recom-app .hot-recommend-ul .hot-recommend-li img {width: 80%;height: auto;display: block;margin: 0 auto;border-radius: 22%;}
.recom-app .hot-recommend-ul .hot-recommend-li p {width: 100%;height: 23px;line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;color: #333;text-align: center;}