* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
}

body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    background-color: #efefef;
    line-height: 1.6;
    font-size: .16rem;
}

a {
    text-decoration: none;
    color: black;
}

img {
    display: block;
}

select,
input,
button {
    outline: none;
}

a {
    text-decoration: none;
}



.container {
    max-width: 11rem;
    margin: 0 auto;
}

/* Top Header */
.top-header {
    font-size: .16rem;
}

.header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .06rem 0;
    position: relative;
}

.welcome-text {
    color: #374151;
}





.accessibility-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* gap fallback */
    margin-left: -.16rem;
    color: #374151;
}

.accessibility-links>* {
    margin-left: .16rem;
}

.accessibility-links span {
    cursor: pointer;
}

.social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 100;
}



.social-icon {
    cursor: pointer;
    position: relative;

}

.social-icon.weibo {
    background: url(wb.jpg);
    width: .33rem;
    height: .32rem;
    background-size: .32rem;
}

.social-icon.wechat {
    background: url(wx.jpg);
    width: .4rem;
    height: .32rem;
    margin-right: .47rem;
    background-size: .4rem;
}

/* 悬停效果 - 显示二维码图片 */
.social-icon::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;
    height: 1rem;
    background-color: white;
    border: 10px solid #a7d7fd;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: .12rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 箭头指向图标 */
.social-icon::before {
    content: '';
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-bottom: .1rem solid #a7d7fd;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: .08rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.social-icon:hover::after {
    opacity: 1;
    visibility: visible;
}

.social-icon:hover::before {
    opacity: 1;
    visibility: visible;
}

/* 微博二维码图片 */
.social-icon.weibo::after {
    background-image: url(wbnr.jpg);
}

/* 微信二维码图片 */
.social-icon.wechat::after {
    background-image: url(wxnr.jpg);
}

/* Hero Banner */
.hero-banner {
    background-color: #fff;
}

.hero-banner .container {
    max-width: 12.25rem;
}

.hero-banner .container img {
    width: 12.25rem;
}

/* Main Navigation */
.main-nav {
    background-color: #af0b0b;
    color: white;
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links {
    width: 7.31rem;
    display: flex;

}

.nav-link {
    flex: 1;
    color: white;
    text-decoration: none;
    font-size: .20rem;
    padding: .12rem 0;
    text-align: center;
}

.nav-link:hover {
    background-color: #960002;
}


.search-box {
    display: flex;
    align-items: center;
    background: url(search-bg.jpg) no-repeat;
    background-size: 3.69rem;
    padding: .12rem 0 .12rem .5rem;
    flex: 1;
}

.search-select {
    background: white;
    color: #374151;
    font-size: .15rem;
    border: none;
    height: .32rem;
}

.search-input {
    width: 1.28rem;
    height: .32rem;
    color: black;
    font-size: .14rem;
    border: none;
    padding: 0 .08rem;
}

.search-btn {
    height: .32rem;
    padding: 0 .12rem;
    background-color: #b91c1c;
    color: white;
    border: none;
    cursor: pointer;
}

.mobile-menu {
    display: none;
}

/* Main Content */
.cont {
    width: 11rem;
    margin: 0 auto;
    background-color: #FFF;
    width: 11rem;
}



/* Footer */
.footer {
    background: url(footer.jpg) repeat-x center top;
    color: white;
    height: 1.3rem;
}