/*banner*/
.help-banner *,
.help-content *{box-sizing: border-box;}

.header-placeholder ~ .help-banner{margin-top: -88px;}
.help-banner{height: 440px;background:#fff url(../png/help-banner.png) center 0 / cover no-repeat ;}
.help-banner .help-banner-inner{max-width:1200px; min-width: 320px; margin:0 auto; padding-top: 208px; height: 100%; box-sizing: border-box;}
.help-banner .help-banner-inner h2{font-size: 48px; line-height: 50px; color: #fff; text-align: center; margin-bottom: 32px;font-weight: 500;}
.help-search{width:600px; margin:0 auto;}
.help-search__input{width:100%; height: 72px; border-radius:8px; border:0;background: #fff; padding:0 24px;font-size: 20px;box-shadow: 4px 4px 20px 0px rgba(255, 255, 255, 0.24); outline: none;}

.help-content{max-width: 1200px; min-width: 320px; margin:0 auto; padding:80px 0 80px}

.help-list{display: flex; flex-wrap: wrap;font-size: 16px;color: #030810;line-height: 22px;}
.help-list > dl{ flex:1; margin:40px 40px 0 0; padding-bottom: 42px; width:calc((100% - 80px) / 3);min-width:calc((100% - 80px) / 3);max-width:calc((100% - 80px) / 3);}
.help-list > dl:nth-child(-n+3){margin-top:0 }
.help-list > dl:nth-child(3n){margin-right:0}
.help-list > dl > dt{font-size: 28px;font-weight: 500;color: #030810;line-height: 46px; margin-bottom: 40px;}
.help-list > dl > dt a{color: #030810; position: relative; padding-right: 26px;}
.help-list > dl > dt a:after{content: ''; position: absolute; top:50%; right:0; margin-top: -5px; width:6px; height: 10px; background: url(../png/help-icon-default.png) 0 0 / 6px no-repeat;}
.help-list > dl > dt a:hover{color: #E61B46; text-decoration: none;}
.help-list > dl > dt a:hover:after{background-image: url(../png/help-icon-hover.png);}
.help-list > dl > dd{ margin-bottom: 16px;}
.help-list > dl > dd a{color: #030810;}
.help-list > dl > dd a:hover{color: #E61B46; text-decoration: none;}

/* // 搜索 */
.help-search-result{ margin-top: 40px;}
.help-search-result__head{font-size: 24px;font-weight: 500; color: #030810; line-height: 33px; margin-bottom: 40px;}
.help-search-result__list{font-size: 16px; color: #030810;line-height: 24px;}
.help-search-result__list ul{}
.help-search-result__list ul li{ margin-bottom: 25px;}
.help-search-result__list ul li a{ color: #030810;}
.help-search-result__list ul li a em{color: #E61B46;}

.help-search-result__more{margin-top: 40px;}

/* // 详细 */
.help-main{padding-top: 40px; display: flex;}
.help-left-sidebar{flex:1 0 236px; margin-right: 68px; max-width: 236px;}
.help-main-nav{border-radius: 16px; padding: 30px 0 16px 0; border: 1px solid #E0E1E3; position: sticky; top: 108px;}
.help-main-nav h4{font-size: 32px;font-weight: 500;color: #000000;line-height: 46px; padding-left: 40px;}
.help-main-nav ul{padding-top: 24px;}
.help-main-nav li{height: 64px; line-height: 64px; margin:8px 16px;font-size: 20px;color: #000000; padding-left: 24px;}
.help-main-nav li a{color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.help-main-nav li a:hover{color:#E61B46; text-decoration: none;}
.help-main-nav li.help-main-nav--active{background: rgba(224, 225, 227, 0.23);border-radius: 8px; position: relative;}
.help-main-nav li.help-main-nav--active:before{content: ''; position: absolute; left:-16px; top:50%;width: 4px; height: 20px; margin-top: -10px; background: #E61B46;border-radius: 4px;}

.help-detail{flex:1 1 896px;}
.help-detail h1{font-size: 24px;font-weight: 500; color: #000000;line-height: 33px;margin-bottom: 7px;}
.help-sub-nav{}
.help-sub-nav h3{font-size: 32px; font-weight: 500; color: #000000; line-height: 45px;}
.help-sub-nav ul{margin-top: 40px;}
.help-sub-nav li{font-size: 16px;color: #4F545E;line-height: 22px; margin-bottom: 16px;}
.help-sub-nav li a{color: #4F545E;}
.help-sub-nav li a:hover{color:#E61B46; text-decoration: none;}

.help-date{padding-bottom: 8px;font-size: 14px;line-height: 20px;color: #C9C9CA;}

.help-body{font-size: 16px; line-height: 1.8; color: #333; padding-bottom: 80px;}
.help-body img{max-width: 100%;}
.help-body a{color: #0563c1; text-decoration: none;}
.help-body a:hover{color: #0563c1; text-decoration: underline;}


.help-feedback{ padding: 80px 0; border-top:1px solid #ECEEF2; border-bottom:1px solid #ECEEF2;}
.help-feedback__head{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.help-feedback__head h4{font-size: 24px;font-weight: 500; color: #000000; line-height: 33px; margin-bottom: 20px;}
.help-feedback__head ul{display: flex; padding-right: 44px; margin-bottom: 20px;}
.help-feedback__head ul li{margin-left: 24px;width: 120px;height: 40px;border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.12);font-size: 14px;font-weight: 500;color: #4F545E;line-height: 40px; text-align: center; cursor: pointer;}
.help-feedback__head ul li:first-child{margin-left: 0;}
.help-feedback__head ul li:before{content: ''; display: inline-block; vertical-align: middle; margin-top: -3px; width:20px; height:20px;  }
.useful-btn:before{background: url(../png/lose.png) 0 0 / 20px no-repeat; transform: rotateX(180deg);}
.not-useful-btn:before{background: url(../png/lose.png) 0 0 / 20px no-repeat;}
.useful-btn.active:before{background-image:url(../png/win.png); transform: none;}
.not-useful-btn.active:before{background-image:url(../png/win.png); transform: rotateX(180deg);}

.help-feedback__body{padding-top: 10px;}
.help-feedback__body h4{font-size: 16px; color: #0A1B2B; font-weight: normal;}
.help-feedback__body ul{padding: 10px 0;}
.help-feedback__body li{height: 40px; line-height: 40px;font-size: 14px;color: #0A1B2B;}
.help-feedback__body li input[type='checkbox']{width:13px; height: 13px; margin-right: 5px;}

.help-feedback__other { height: 60px; background: #fff; border: 1px solid #E5E5E5;border-radius: 4px;}
.help-feedback__other textarea{ background: transparent; border: 0; padding: 6px 8px;width: 100%;height: 100%; box-sizing: border-box; color: #333; font-size: 14px;line-height: 20px; resize: none; outline: 0; }
.help-feedback__submit{ padding-top: 25px;}
.help-feedback__cancel-btn,
.help-feedback__submit-btn{display: inline-block; width: 125px;height: 36px; margin-right: 6px; font-size: 16px; line-height: 34px; text-align: center;border-radius: 4px;vertical-align: middle; border: 1px solid #E0E0E0;}
.help-feedback__cancel-btn:hover,
.help-feedback__submit-btn:hover{text-decoration: none; opacity: .8;}
.help-feedback__cancel-btn{color: #333;}
.help-feedback__submit-btn{border: 1px solid #FF1A36;color: #fff; background: #FF1A36;}

.help-similar-problem{padding-top: 80px;}
.help-similar-problem h3{font-size: 32px;font-weight: 500; color: #000;}
.help-similar-problem ul{padding: 40px 0;}
.help-similar-problem li{ margin-bottom: 16px;font-size: 16px; color: #4F545E;line-height: 22px;}
.help-similar-problem li a{color: #4F545E;}
.help-similar-problem li a:hover{color:#E61B46; text-decoration: none;}
.help_feedback_tips{ position: absolute; left:50%; top:86px; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 40px; line-height: 40px; background:#bcbbc7; color: #fff; font-size: 14px; white-space: nowrap; padding: 0 20px; border-radius: 4px;}

@media screen and (max-width: 1200px) {
    .help-banner .help-banner-inner{max-width: 1024px;}
    .help-content{max-width: 1024px;}


   


}
@media screen and (max-width: 1024px) {
    .header-placeholder + .help-banner{margin-top: -78px;}
    .help-banner .help-banner-inner{max-width: 768px;}
    .help-content{max-width: 768px;}
    
}

@media screen and (max-width: 768px) {
    .header-placeholder + .help-banner{margin-top: -56px;}
    .help-banner{height: 216px; background:#fff url(../png/help-banner.png) center 0 / auto 216px no-repeat }
    .help-banner .help-banner-inner{padding-top: 92px;}
    .help-banner .help-banner-inner h2{font-size: 22px;font-weight: 500; color: #FFFFFF; margin-bottom: 24px;line-height: 26px;}
    .help-search{width:auto; margin:0 16px;}
    .help-search__input{width:100%; height: 40px; border-radius:8px; border:0;background: #fff; padding:0 16px;font-size: 14px;box-shadow: 4px 4px 20px 0px rgba(255, 255, 255, 0.24);}

    .help-content{ padding:40px 0 40px}
    .breadcrumb{font-size: 14px; padding: 0 16px;}

    .help-list{display: block; font-size: 14px; margin-top: -16px;}
    .help-list dl{margin:0; margin-bottom: 24px; padding:0 16px;width:auto;min-width: none;max-width: none; border-bottom: 1px solid #f5f5f5;}
    .help-list dl:last-child{margin-bottom: 0;}
    .help-list > dl > dt{font-size: 18px;font-weight: 500;line-height: 20px;color: #000; margin-bottom: 24px;}
    .help-list > dl > dt a{ padding-right: 20px;}
    .help-list > dl > dt a:after{background: url(../png/help-icon-default.png) 0 0 / 5px no-repeat; }
    .help-list > dl > dd{display: block; margin-bottom: 18px;}
    .help-list > dl > dd a{position: relative; display: block;color: #4F545E;}
    .help-list > dl > dd a:after{content:'';position: absolute; top:50%; right:0; margin-top: -5px; width:6px; height: 10px;background: url(../png/help-icon-default.png) 0 0 / 5px no-repeat; opacity: .8;}
    .help-list > dl > dd a:hover:after{background-image: url(../png/help-icon-hover.png);}

    /* 子分类目录 */
    .help-sub-nav{padding:5px 16px; border-bottom: 1px solid #f5f5f5;}
    .help-sub-nav:last-child{border-bottom: 0;}
    .help-sub-nav h3{font-size: 18px;font-weight: 500; color: #000;line-height: 20px; margin-top: 14px;}
    .help-sub-nav ul{margin-top: 20px;}
    .help-sub-nav li{font-size: 14px;}
    .help-sub-nav li a{position: relative; display: block;}
    .help-sub-nav li a:after{content:'';position: absolute; top:50%; right:0; margin-top: -5px; width:6px; height: 10px;background: url(../png/help-icon-default.png) 0 0 / 5px no-repeat; opacity: .8;}
    .help-sub-nav li a:hover:after{background-image: url(../png/help-icon-hover.png);}

    /* 搜索 */
    .help-search-result{margin-top: 24px; padding: 0 16px;}
    .help-search-result__head{font-size: 16px;font-weight: 500;color: #000000;line-height: 22px;}
    .help-search-result__list{font-size: 14px;}
    .help-search-result__list ul li{margin-bottom: 15px;}
    .help-search-result__list ul li a{color:#4F545E;}

    /* 详细 */
    .help-main{display: block; padding-top: 24px;}
    .help-left-sidebar{display: none;}
    .help-detail{padding:0 16px}
    .help-detail h1{font-size: 16px;font-weight: 500; color: #000000;line-height: 22px; margin-bottom: 0;}
    .help-date{font-size: 12px;}
    .help-body{font-size: 14px; padding-bottom: 40px;}
    .help-feedback{padding: 40px 0;}
    .help-feedback__head h4{font-size: 16px;font-weight: 500; color: #000000;line-height: 22px;margin-bottom: 16px;}
    .help-similar-problem{padding-top: 26px;}
    .help-similar-problem h3{font-size: 18px;font-weight: 500;color: #000000; line-height: 25px;}
    .help-similar-problem ul{padding: 17px 0;}
    .help-similar-problem li{font-size: 14px;margin-bottom: 10px;}
}