@font-face {
    font-family: 'ysbth';
    src: url('../font/YSBTH.TTF');
}
@font-face {
    font-family: 'syhtbold';
    src: url(../font/SourceHanSansCN-Bold.otf);
}
@font-face {
    font-family: 'syhtmed';
    src: url(../font/SourceHanSansCN-Medium.otf);
}
@font-face {
    font-family: 'syhtnormal';
    src: url(../font/SourceHanSansCN-Normal.otf);
}
@font-face {
    font-family: 'syhtreg';
    src: url(../font/SourceHanSansCN-Regular.otf);
}
@font-face {
    font-family: 'din';
    src: url(../font/DIN-BLACK.TTF);
}
body {
    margin: 0;
}
.body {
    padding: 50px 0;
}
.body._grey {
    background: #F8F8FB;
}
.body-title {
    position: relative;
    width: 520px;
    margin: 0 auto;
    margin-bottom: 60px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #E8E8E8;
}
.body-title._bottom {
    margin-bottom: 20px;
}
.body-square {
    position: absolute;
    left: calc(260px - 27px);
    bottom: -2px;
    width: 54px;
    height: 4px;
    background: #B81C22;
}
.body-txt {
    width: 982px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #333333;
    font-size: 16px;
}
.manu-lnk+.manu-lnk {
    margin-left: 10px;
}
.manu-item+.manu-item {
    margin-left: 10px;
}
.manu {
    font-size: 14px;
    line-height: 32px;
}
.manu-lnk {
    height: auto;
    line-height: 30px;
    border-left-style: solid;
}
.manu-sel,
.manu-txt {
    height: 32px;
    line-height: 30px;
    outline: none;
}
.manu-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 32px;
    border-radius: 50%;
    background: #B81C22;
    border: none;
}
.manu-btn:hover {
    color: #fff;
    background-color: #B81C22;
    opacity: 0.8;
}
.card {
    border: 0px;
}
.public-top {
    height: 44px;
    background: #fff;
}
.public-top-main {
    position: fixed;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 99;
}
.public-title {
    position: fixed;
    top: -1px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    box-shadow: 0 6px 12px rgba(170, 170, 170, 0.1);
    background: #fff;
    z-index: 100;
}
.public-title-logo {
    width: 131px;
    height: 13px;
    background: url(../images/index/logo.png) no-repeat center;
    background-size: 100% 100%;
}
.public-title-logo._back {
    width: 30px;
    height: 30px;
    background: url(../images/zhhb/back.png) no-repeat center;
    background-size: 100% 100%;
}
.public-title-list {
    width: 21px;
    height: 21px;
    background: url(../images/index/list.png) no-repeat center;
    background-size: 100% 100%;
}

.public-top-list {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 90;
}
.public-top-list._hide {
    display: none;
}
.public-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 96%;
    height: 52px;
    padding-left: 15px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #CFCFCF;
}
.public-list._last {
    border: 0px;
}
.public-list-icon {
    width: 16px;
    height: 16px;
    background: no-repeat center;
    background-size: 100% 100%;
}
.public-list-icon._up {
    background-image: url(../images/index/up.png);
}
.public-list-icon._down {
    background-image: url(../images/index/down.png);
}
.public-list-show {
    background: rgba(207, 207, 207, 0.2);
}
.public-list-item {
    width: 96%;
    height: 52px;
    padding-left: 31px;
    margin: 0 auto;
    line-height: 52px;
    text-align: left;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    border-bottom: 1px solid #CFCFCF;
}
.public-item-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 7px 0;
    font-size: 18px;
    color: #333333;

}
.public-item-name {
    text-align: center;
    font-family: 'syhtbold';
}
.public-item-icon {
    width: 18px;
    height: 4px;
    background: #B81C22;
}
.public-item-subtitle {
    padding: 2px 0;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}
.public-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background: no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: 'syhtbold';
}
.public-bg._zhjc {
    background-image: url(../images/zhhb/zhjc_bg.png);
}
.public-bg._jcnl {
    background-image: url(../images/zhhb/jcnl_bg.png);
}
.public-bg._wrfz {
    background-image: url(../images/zhhb/wrfz_bg.png);
}
.public-bg._xtfw {
    background-image: url(../images/zhhb/xtfw_bg.png);
}
.public-bg._ykpt {
    background-image: url(../images/clw/ykpt_bg.png);
}
.public-bg._wlgj {
    background-image: url(../images/clw/wlgj_bg.png);
}
.public-bg._qxlk {
    background-image: url(../images/clw/qxlk_bg.png);
}
.public-bg._ypt {
    background-image: url(../images/clw/ypt_bg.png);
}
.public-box-main {
    position: relative;
    height: 213px;
    background: no-repeat center;
    background-size: 100% 100%;
}
.public-box-main._zhhb {
    background-image: url(../images/zhhb/bg.png);
}
.public-box-main._clw {
    background-image: url(../images/clw/bg.png);
}
.public-box-title {
    position: absolute;
    top: 51px;
    left: 27px;
    width: 258px;
    height: 59px;
    background: no-repeat center;
    background-size: 100% 100%;
}
.public-box-title._zhhb {
    background-image: url(../images/zhhb/title.png);
}
.public-box-title._clw {
    background-image: url(../images/clw/title.png);
}
.public-box-list {
    position: absolute;
    bottom: 0;
    top: 86%;
    left: 0;
    right: 0;
    width: 91.4%;
    margin: auto;

}
.public-box-item {
    display: flex;
    align-items: center;
    height: 69px;
    padding: 7px;
    margin-bottom: 8px;
    border-radius: 16px;
    background: url(../images/zhhb/right.png) no-repeat right 17px center #FEFFFE;
    background-size: 10px 15px;
    box-shadow: 0 6px 12px rgba(170, 170, 170, 0.1);
}
.public-item-img {
    width: 54px;
    height: 55px;
    background: no-repeat center;
    background-size: 100% 100%;
}
.public-item-img._jcnl {
    background-image: url(../images/zhhb/jcnl.png);
}
.public-item-img._zhjc {
    background-image: url(../images/zhhb/zhjc.png);
}
.public-item-img._wrfz {
    background-image: url(../images/zhhb/wrfz.png);
}
.public-item-img._xtfw {
    background-image: url(../images/zhhb/xtfw.png);
}
.public-item-img._fxfk {
    background-image: url(../images/zhhb/fxfk.png);
}
.public-item-img._ykpt {
    background-image: url(../images/clw/ykpt.png);
}
.public-item-img._qxlk {
    background-image: url(../images/clw/qxlk.png);
}
.public-item-img._wlgj {
    background-image: url(../images/clw/wlgj.png);
}
.public-item-img._ypt {
    background-image: url(../images/clw/ypt.png);
}
.public-item-txt {
    margin-left: 16px;
    font-size: 14px;
    color: #333333;
    font-family: 'syhtmed';
}
.mobile >* img {
    max-width:98%;
    max-height:200px;
}