/* *{ margin: 0; padding: 0;}
html,body{font-family: "Microsoft YaHei", "PingFang", "Arial"; color: #333; font-size: 16px}
a, a:link, a:visited, a:hover, a:active{ color: #666; outline: 0; border: 0; text-decoration: none; cursor: pointer}
ul,li,ol,dl,dd{ margin-top: 0; margin-bottom: 0; list-style: none;}
p,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ margin-top: 0; margin-bottom: 0;}

.w{ width: 100%;}
.auto{ margin-left: auto !important; margin-right: auto !important;}

.fl{ float: left;}
.fl::after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}
.fr{ float: right;}
.fr::after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}
.block{ display: block;}
.inline{ display: inline-block;}
.hide{ display: none;}
.hidden{ overflow: hidden;}
.no-border{ border: 0 !important;}
.no-radius{  border-radius: 0 !important;}*/

.wrap{ width: 100%; padding: 0 16px; box-sizing: border-box;} 

.nav-item a{ color: #333 !important}
.nav-item a.active{ color: #f8f5f5 !important}

/* index page */
.about{ margin-top: 20px;}
.about .title{ position: relative; z-index: 2; margin: 0 auto; width: 320px; height: 47px; background-image: url('../imgss/index-title.png'); line-height: 47px; background-size: 100% 100%;
    background-repeat: no-repeat;text-align: center; color: #fff; font-size: 1.2rem;}
.about .text{ position: relative; z-index: 1; margin-top: -35px; background-color: #fff; line-height: 160%; font-size: 1rem; border-radius: 20px; padding: 60px 16px 16px 16px; box-sizing: border-box; box-shadow: 0px 4px 5px  rgba(56, 56, 56, 0.25);}

.menu{
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    padding: 32px 0;
}
.menu a{
    flex: 1 1 calc(50% - 8px);
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
}
.menu a img{ width: 36px; height: 36px; margin-right: 16px;}
.menu a span{ font-weight: bold; color: #333; font-size: 1.05rem;}

/* register login page*/
.login-title{ font-size: 1.5em; padding: 40px 0;}
.tab{margin-bottom: 20px;}
.tab a{ color: #333; margin-right: 20px; font-size: 1rem; font-weight: bold;} 
.tab a.active{ color: #0c7fc7;}
.tab-content{display: none;}
.tab-content.active{ display: block;}

.content img {
    max-width: 100%;
}
.breadcrumb{
    margin-bottom: 0;
}