*{
    padding: 0;
    margin: 0;
}
body{
    background: #EEEEEE;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
}
ul{list-style-type: none}
a {text-decoration: none;color: #18B4FE;}
header{
    background: #fff;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    position: fixed;
    width: 100%;
    /*background:#ff3d00 ;*/
    z-index: 9990;
}
header .menu_btn{
    min-width: 50px ;
    background: #fff;
    border: none;
    padding: 0;
    margin-right: 10px;
    border-radius: 4px;

    position: fixed;
    right: 0;
    top: 6.5px;
}
@font-face {font-family: "iconfont";
    src: url('public/fonts/iconfont.eot?t=1590028515489'); /* IE9 */
    src: url('public/fonts/iconfont.eot?t=1590028515489#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAAsAAAAABvAAAALZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBfIFpATYCJAMICwYABCAFhG0HMBsPBsgusG3YE0gsi6IABd0AHtwzRPC1H7rv/oWQNOsUAFSNiC2SY6MrHOF4NiL/Z1f9hVxLolHd2zOuqYVCiAcgiABFFyq6d9Hl//hADvCyJwIg6P8cLm0CBTI/UC5zbI16AcZbAxt7aEJ3QAfAN0wvX0PQIGwnUKlXBL2toooGMJXxfoG4IokMmBYcsszC5UJpw9Qs7jBSnq6mpwBuu9+P/xAXpiQlBZ6193IhDzm/DERUO7vpMAjM5XRgsygwDWTiYGNgm4FgOAOVAUOD4FjpwS8YlTjqP0+U4qnVoBsynompWI+amkCGjfuAs5OeTe72cNMbOXrbYPn+vZ/ByW/NVg3mt9576u9/SLS6+8nHoL4hI6TG0XFtzXF47ZSN3nB57NLlsUmoMOdEY/Oa43hTeO6IsxYW11tC7/XEQ6enADtbjitLl7OPNuTo9UsqUmSfy1qm56f+e8p8q3LqWb/7tvfmg+7ZPzNP7+P3bz//uNvzctarNGtsLmM4SNH/H8PmFw405vewdhfwRGC5fsk8wGb9VpvGxrDinAg5uKs4rv/zF/+Nt+l3dNtk/GWRwc/NRrJsmAmU34gx+KHMgQU5ZHNxejIGMib7cnESKkOzXdzS6PtUScvdR0K5lncwlenJoFBuGJmx01CiyjKUKrcKlaYUz67ShDAQuQKTxgGEelchqfUGCvWeITP2G5Ro9QtK1YcBVDocDktWGQ3JPJ9ghmIesUNI4tQqQaqpuU+vw2KfgiF5tsM3YaKT3Cg2KqYcLsYqTJYYoesX4ygVkEDUSlQEdsMKhRppiFqGORrVS6kmLTpaaPpQFKdWgrlNBMagMB7CGoJIOGoqgilNmVd+vg4m6qPAIB15A8omGKEjNY/EihIzAFksUA3Ke5RbdPqJ4lCUABEQakpIEeiEKSioIZrmTjIYh4rSO8GnkSZaFBOGCqK2Fyn/bhlU4tIUol2h9LzEqGQSAAAAAA==') format('woff2'),
    url('public/fonts/iconfont.woff?t=1590028515489') format('woff'),
    url('public/fonts/iconfont.ttf?t=1590028515489') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('public/fonts/iconfont.svg?t=1590028515489#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

footer{border-top:1px solid #E8E8E8; padding:15px 0;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center}
.footer a,.footer a:hover{color:#999}


.top-menu .nav-link{
    color: rgba(0,0,0,.5);
    line-height: 35px;
    font-size: 14px;
}

.user_header_img{
    width: 100px;
    background: #F7F7F7;
    color: #fff;
    border-radius: 100px;
}
.card {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn {
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 0.5rem 1.0rem;
    margin-bottom: 0.5rem;
}
.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.menu-index .active{
    background: #F7F7F7;
    color: #4A5057;
    border: 1px solid #DFDFDF;
}
.menu-index .list-group-item {
    padding: 0.8rem 1.5rem;
    margin: 0.2rem 0;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.menu-index .list-group-item:hover {
    background: #f0f0f0;
    transform: translateX(4px);
}
.menu-index .list-group-item.active {
    background: #307CF7 !important;
    color: #fff !important;
    border-color: #307CF7 !important;
}