body {
    background: #F8F8FA;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.help-header {
    background: #fff;
    padding-top: 20px;
}

.help-header .phone {
    float: right;
    width: 206px;
    height: 39px;
    background: url(/resources/shop/images/m-phone.png?v1.1);
    background-size: 100%;
}

.help-header .search-header {
    margin-top: 20px;
    background-color: #2F65B5;
}

.help-header .search-header .wrap {
    height: 248px;
    background: url(/resources/shop/images/imp_kefu4.png) no-repeat right center;
    background-size: 287px 248px;
}

.help-header .search-header .title {
    font-size: 32px;
    font-weight: bold;
    color: #F7F8FA;
    line-height: 42px;
    letter-spacing: 3px;
    text-align: center;
    padding-top: 49px;
    padding-bottom: 32px;
}

.help-header .search-header .search-wrap {
    width: 580px;
    margin: 0 auto;
}

.help-header .search-header .search-wrap > .clearfix {
    height: 56px;
    background: rgba(247, 248, 250, 1);
    border-radius: 8px;
}

.help-header .search-header .search-wrap .search-input {
    height: 56px;
    border-radius: 8px;
    outline: none;
    border: none;
    float: left;
    width: 482px;
    padding-left: 37px;
    padding-right: 10px;
}

.help-header .search-wrap .search-input::placeholder {
    font-size: 14px;
    color: rgba(144, 144, 144, 1);
    line-height: 19px;
    letter-spacing: 1px;
}

.help-header .search-wrap .search-btn {
    float: left;
    outline: none;
    border: none;
    background: #FFCA4B;
    padding: 12px 32px;
    height: 56px;
    width: 98px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.help-header .search-wrap .search-btn:hover {
    opacity: 0.85;
}

.help-header .search-wrap footer {
    margin-top: 16px;
    font-size: 16px;
    color: rgba(247, 248, 250, 1);
    display: flex;
}

.help-header .search-wrap footer > div {
    flex: 1;
}

.help-header .search-wrap footer a {
    color: rgba(247, 248, 250, 1);
}

.help-header .search-wrap footer a + a {
    margin-left: 18px;
}

.help-header .search-wrap footer a:hover {
    color: #FFCA4B;
}

.help-nav {
    background: #fff;
}

.help-nav .wrap {
    overflow: hidden;
    padding-left: 310px;
}

.help-nav .nav-item {
    position: relative;
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #555555;
    padding: 0 8px;
}

.help-nav .nav-item.active {
    font-weight: bold;
    color: rgba(47, 101, 181, 1);
}

.help-nav .nav-item.active:after {
    position: absolute;
    content: '';
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 29px;
    height: 2px;
    background: rgba(47, 101, 181, 1);
    border-radius: 2px;
}

.help-nav .nav-item + .nav-item {
    margin-left: 57px;
}

.help-main {
    min-height: calc(100vh - 398px);
    padding-top: 20px;
    padding-bottom: 20px;
}

.help-main .wrap {
    overflow: hidden;
}

.help-main .content-left {
    width: 200px;
    margin-right: 20px;
    float: left;
    background: #fff;
}

.help-main .content-left .menu-item + .menu-item {
    border-top: 1px solid rgba(234, 234, 234, 1);
}

.help-main .content-left .sub-menu-title {
    height: 48px;
    line-height: 48px;
    padding-left: 43px;
    font-size: 16px;
    display: block;
    cursor: pointer;
}

.help-main .content-left .sub-menu-item {
    display: flex;
    align-items: center;
    padding-left: 43px;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
}

.help-main .content-left .sub-menu-item:before {
    content: '';
    width: 2px;
    height: 2px;
    background: currentColor;
    display: inline-block;
    margin-right: 3px;
}

.help-main .content-left .sub-menu-title {
    font-weight: bold;
    color: #222;
}

.help-main .content-left .sub-menu-item {
    color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.help-main .content-left .sub-menu-item.active {
    background: #2F65B5;
    color: #fff;
    font-weight: bold;
}

.help-main .content-left .menu-item .sub-menu {
    max-height: 1000px;
    opacity: 1;
    transition: all 0.3s ease-out;
}

.help-main .content-left .menu-item.is-collapse .sub-menu {
    max-height: 0;
    overflow: hidden;
}

.help-main .content-main {
    overflow: hidden;
    background: #fff;
    padding: 40px 58px;
}

.bread-wrap {
    font-size: 14px;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bread-wrap a {
    display: inline-flex;
    align-items: center;
}

.bread-wrap a:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj4gPHBhdGggZmlsbD0iIzIyMiIgZD0iTTI4NS40NzYgMjcyLjk3MUw5MS4xMzIgNDY3LjMxNGMtOS4zNzMgOS4zNzMtMjQuNTY5IDkuMzczLTMzLjk0MSAwbC0yMi42NjctMjIuNjY3Yy05LjM1Ny05LjM1Ny05LjM3NS0yNC41MjItLjA0LTMzLjkwMUwxODguNTA1IDI1NiAzNC40ODQgMTAxLjI1NWMtOS4zMzUtOS4zNzktOS4zMTctMjQuNTQ0LjA0LTMzLjkwMWwyMi42NjctMjIuNjY3YzkuMzczLTkuMzczIDI0LjU2OS05LjM3MyAzMy45NDEgMEwyODUuNDc1IDIzOS4wM2M5LjM3MyA5LjM3MiA5LjM3MyAyNC41NjguMDAxIDMzLjk0MXoiPjwvcGF0aD4gPC9zdmc+) no-repeat center center;
}

.bread-wrap a:hover {
    color: #EB6100;
}

.bread-wrap a:last-child:after {
    background: none;
}

.help-main .content-main .title {
    margin-top: 48px;
    font-size: 22px;
    font-weight: bold;
    color: rgba(34, 34, 34, 1);
}

.help-main .content-main b.title {
    color: #F3630E;
}

.help-main .content-main .tip {
    display: flex;
    margin: 24px 0;
}

.help-main .content-main .tip .time {
    flex: 1;
    color: #909090;
}

.help-main .content-main .tip .icons {
    display: inline-block;
}

.help-main .content-main .tip .icons .svg-wrap {
    display: inline-flex;
    font-size: 12px;
    cursor: pointer;
}

.help-main .content-main .tip .icons .svg-wrap + .svg-wrap {
    margin-left: 44px;
}

.help-main .content-main .tip .icons .svg-wrap svg {
    margin-right: 4px;
}

.help-main .content-main .tip .icons .svg-wrap.like {
    color: #2F65B5;
}

.help-main .content-main .tip .icons .svg-wrap.dislike {
    color: #222;
}

.help-main .content-main .tip .icons .svg-wrap.look {
    color: #909090;
}

.help-main .content-main .description {
}

.help-main .content-main .pages {
    overflow: hidden;
    font-size: 14px;
    padding-top: 40px;
    padding-bottom: 29px;
}

.help-main .content-main .pages svg {
    width: 12px;
    height: 12px;
}

.help-main .content-main .pages svg + span,
.help-main .content-main .pages span + svg {
    margin-left: 5px;
}

.help-main .content-main .pages .pre-page {
    float: left;
    display: inline-flex;
    align-items: center;
    color: #222;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
}

.help-main .content-main .pages .next-page {
    float: right;
    display: inline-flex;
    align-items: center;
    color: #222;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
}

.help-main .content-main .pages a:hover {
    color: #2F65B5;
}

.help-main .content-main .article-list {
    margin-top: 20px;
}

.help-main .content-main .article-list-item {
    display: flex;
    padding: 12px 0;
}

.help-main .content-main .article-list-item a {
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    display: inline-flex;
    align-items: center;
}

.help-main .content-main .article-list-item a:hover {
    color: #EB6100;
}

.help-main .content-main .article-list-item a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #222;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}

.help-main .content-main .article-list-item .icons {
    display: inline-block;
}

.help-main .content-main .article-list-item .svg-wrap {
    display: inline-flex;
    color: #909090;
}

.help-main .content-main .article-list-item .svg-wrap + .svg-wrap {
    margin-left: 24px;
}

.help-main .content-main .article-list-item .svg-wrap svg {
    margin-right: 5px;
}

.m-to-top {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(610px);
    width: 64px;
    height: 64px;
    color: #2F65B5;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(222, 225, 232, 1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

.m-to-top.is-hide {
    bottom: -64px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #EB6100;
    border-color: #EB6100;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #EB6100;
    background-color: #EB6100;
}

.main-header .top-nav .container {
    width: 1230px;
}