body { max-width: 750px; height: 100%; font-family: 'pingfang sc',microsoft yahei; font-size: 16px; margin: 0 auto; color: #323232; overflow-x: hidden; background: #f5f5f5; }
/* 请使用字体"pingfang sc"字体 */


/*清除样式*/
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea, button, input,a { -webkit-appearance: none; outline: none; font-family: 'pingfang sc',microsoft yahei; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px white inset; }


/*头部*/
.jl-common-top { width: 100%; height: 50px; background: #fff; position: fixed; top: 0px; left: 0px; box-shadow: 0 12px 12px rgba(0,0,0,0.05); z-index: 15 !important; }
.jl-common-top .jl-left-link { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }
.jl-common-top .jl-left-link img { width: 20px; }
.jl-common-top .jl-top-center { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; line-height: 50px; text-align: center; text-decoration: none; color: #323232; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.jl-common-top .jl-top-center img { width: auto; height: 31px; }
.jl-common-top .jl-common-cate { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; right: 0px; z-index: 1; }
.jl-common-top .jl-common-cate img { width: 15px; height: 15px; }
.jl-common-placeholder { height: 50px; }

.jl-common-menu { width: 100% !important; height: 100%; font-size: 0px; padding: 15px 10px 65px; overflow: hidden; overflow-y: scroll; position: fixed; top: -1000px; left: 0px; z-index: 7; background: #fff; opacity: 0; transition: all 0.5s ease; box-sizing: border-box; }
.jl-common-menu::-webkit-scrollbar { display: none; }
.jl-common-menu.active { top: 50px; opacity: 1; }
.jl-common-menu a { width: 25%; display: inline-block; vertical-align: top; font-size: 12px; text-align: center; margin-top: 15px; text-decoration: none; color: #323232; }
.jl-common-menu .jlcommon-menu-icon { width: 42px; height: 42px; background: #2589ff; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: auto;  }
.jl-common-menu a img { width: 25px; display: block; margin: auto; }
.jl-common-menu a span { display: block; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 15px; }
.jl-common-menu .color-01 { background: #2589ff; }
.jl-common-menu .color-02 { background: #ff682c; }
.jl-common-menu .color-03 { background: #47cef3; }
.jl-common-menu .color-04 { background: #6347f3; }
.jl-common-menu .color-05 { background: #ff25bb; }
.jl-common-menu .color-06 { background: #ff2553; }
.jl-common-menu .color-07 { background: #ffc12c; }
.jl-common-menu .color-08 { background: #f34747; }
.jl-common-menu .color-09 { background: #c047f3; }
.jl-common-menu .color-10 { background: #ff2525; }

/*搜索*/
.jl-common-top .jl-right-search { width: 25px; height: 50px; position: absolute; top: 0px; right: 50px; display: flex; align-items: center; justify-content: center; }
.jl-common-top .jl-right-search img { width: 16px; }

.jl-top-center p {
    padding: 0 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}