html, body {
    width: 100%;
    height: 100%;
}

body {
    font-size: 1.6vh;
    position: relative;
    background: url(../images/home-BC.png) no-repeat;
    background-size: 100% 100%;

}

.homeTitle {
    margin-top: 3.2%;
    margin-left: 15%;
}

.userDetail {
    position: absolute;
    top: 10%;
    right: 4.2%;
    display: flex;
}

.userDetail img {
    height: 2vh;
    margin-right: 5px;
}

.userDetail a {
    color: #ffffff;
    display: flex;
    align-items: center;
}

.userDetail a span {
    flex-shrink: 0;
}

.userDetail a:nth-of-type(1) {
    margin-right: 30px
}

.cardList {
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

.cardItem {
    width: 21vh;
    height: 23vh;
    color: #ffffff;
}

.cardItem:not(:last-of-type) {
    margin-right: 2.8%;
}

.cardItem:nth-of-type(1) {
    background: url(../images/homeCard-BC1.png) no-repeat;
    background-size: 100% 100%;
}

.cardItem:nth-of-type(2) {
    background: url(../images/homeCard-BC2.png) no-repeat;
    background-size: 100% 100%;
}

.cardItem:nth-of-type(3) {
    background: url(../images/homeCard-BC3.png) no-repeat;
    background-size: 100% 100%;
}

.cardItem:nth-of-type(4) {
    background: url(../images/homeCard-BC4.png) no-repeat;
    background-size: 100% 100%;
}

.cardItem:nth-of-type(5) {
    background: url(../images/homeCard-BC5.png) no-repeat;
    background-size: 100% 100%;
}

.cardItem:nth-of-type(6) {
    background: url(../images/homeCard-BC6.png) no-repeat;
    background-size: 100% 100%;
}

.cardTitle {
    height: 15%;
    margin-top: 14%;
    margin-left: 14%;
}

.detailMore {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #ffffff;
    margin-top: 5%;
    margin-left: 14%;
}

.typeList {
    width: calc(14% + 126vh);
    height: 26%;
    background: url(../images/homeType-BC.png) no-repeat;
    background-size: 100% 100%;
    margin: 2% auto 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.typeItem {
    display: flex;
    justify-content: center;
    flex: 1;
}

.typeItem:not(:last-of-type) {
    border-right: 1px solid #cfd5de;
}

.typeTitle {
    font-size: 2.2vh;
    font-weight: 600;
    margin-bottom: 1.5vh;
}

.homeType {
    height: 8vh;
    margin-top: 2.2vh;
    margin-right: 6%;
}

.typeItem ul li {
    width: calc(100% + 10px);
    transform: translateX(-5px);
    line-height: 3vh;
    margin-bottom: 1vh;
    padding-left: 5px;
    box-sizing: border-box;
}

.typeItem ul li:hover {
    background: #e7e7e7;
}

.footer {
    width: 100%;
    height: 6%;
    font-size: 1.4vh;
    color: #ffffff;
    line-height: 1;
    background: #1463de;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
}

.footer span {
    margin-right: 1.8%;
}

.footer a {
    color: #ffffff;
}

.footer a:not(:last-of-type) {
    border-right: 1px solid #72a1eb;
    padding-right: 1%;
    margin-right: 1%;
}

/*服务分类样式*/
.serviceTypeList {
    width: 74%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 26%;
    padding: 15px;
    box-sizing: border-box;
    z-index: 999;
    overflow: auto;
    display: none;
}

/* 定义滚动条的整体 */
.serviceTypeList::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 定义滚动条的轨道，内阴影及圆角 */
.serviceTypeList::-webkit-scrollbar-track {
    border-radius: 8px;
}

/* 定义滑块，内阴影及圆角 */
.serviceTypeList::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #a9b2bb;
}

.serviceType {
    color: #101036;
    font-weight: 600;
    margin-top: 12px;
    padding-left: 10px;
}

.serviceTypeList .type {
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
}

.serviceTypeList .type a {
    color: #777777;
    padding: 0px 10px;
    margin-top: 10px;
}

.serviceTypeList .type a:not(:last-of-type) {
    border-right: 1px solid #d8d8d8;
}

.content-menu-dow {
    min-height: 100%;
}

.content-menu-dow a {
    text-decoration: none;
    color: #101010;
    font-family: 微软雅黑;
    font-size: 14px;
}

.content-menu-dow dl {
    margin: 0 0 10px;
    position: relative;
    z-index: 999
}

.content-menu-dow dl dt {
    position: relative;
    width: 400px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 6px
}

.content-menu-dow dl dt span {
    position: relative;
    display: inline-block;
    padding: 0;
    color: #121212;
    font-weight: 700
}

.content-menu-dow dl dt span a:hover {
    color: #bf101d
}

.content-menu-dow dl dd {
    color: #555;
    font-size: 0;
    overflow: hidden
}

.content-menu-dow dl dd a {
    display: inline-block;
    position: relative;
    margin-left: -1px;
    padding: 0 11px;
    font-size: 14px;
    line-height: 20px;
    color: #777;
    white-space: nowrap
}

.content-menu-dow dl dd a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #d8d8d8;
    top: 8px;
    left: 0
}

.content-menu-dow dl dd a:hover {
    color: #bf101d
}

.content-menu-dow dl dd .a-curr {
    color: #fc4349
}