/*about center 页面*/
.help-topnav a{
    float:left;
    height:100%;
    padding:0 15px;
    margin-left:2px;
    color:#666;
    font-size:16px;
    transition:all .4s;
}
/*.help-topnav .arrow1 {
    display:inline-block;
    width:20px;
    height:10px;
    background: url(../imgs/down_03.png) no-repeat center;
    vertical-align:middle;
    margin-top:-2px;
}*/
.help-topnav .curr {
    color: white;
    background-color: #EB9F27;
}
.help-topnav a:hover {
    color: white;
    background-color: #EB9F27;
    text-decoration: none;
}
.help-topnav a:hover .arrow1, .help-topnav a.curr .arrow1{
    background: #b1b5b7 url(/images/common/down_white.png) no-repeat center;
}
.help-menu{
    box-sizing: border-box;
    padding: 0 25px 200px;
}
.help-menu ul p{
    width:210px;
    height:50px;
    line-height:50px;
    border-bottom:solid 1px #efefef;
    overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
    .help-menu li > p {
        font-size: 16px;
        font-weight: bold;
        background: url(/images/common/down_03.png) no-repeat right;
        cursor: pointer;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .help-menu li.open > p {
        background: url(/images/common/up.png) no-repeat right;
    }
.help-menu li.nosec>p{
    background:none;
}
.help-menu ul div{
    display:none;
}
.help-menu li.open>div{
    display:block;
}
.help-menu ul div>p {
    padding-left:8px;
}
.help-menu ul li>p a{
    transition:padding .4s;
}
.help-menu ul li>p a:hover,.help-menu ul li.curr>p a{
    color:#eb9f25;
    border-left:3px solid #eb9f25 ;
    text-decoration:none;
    padding-left:10px;
}
.help-menu ul div>p a{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height:20px;
    padding-left:10px;
    color:#999;
    border-left:solid 3px white;
    transition:all .4s ease-out;
}
.help-menu ul div>p.curr a,.help-menu ul div>p a:hover{
    color:#eb9f25;
    border-left-color:#eb9f25;
    text-decoration:none;
}
.help-article{
    min-height:500px;
    line-height:25px;
}
.help-article ul {
    list-style: disc;
}

.registline--small {
    width: 100%;
    position: relative;
    padding-top: 15px;
    line-height: 20px;
    height: 73px;
    color: #565656;
    background: url(/images/about/welcome.jpg) no-repeat;
    padding-right: 270px;
    box-sizing: border-box;
}
.registline--small .about-btn {
    position: absolute;
    top: 20px;
    right: 30px;
}

/*Our member 页面*/
.member-list li{
    position:relative;
    height:170px;
}
.member-bac-icon {
    position: absolute;
    right: 60px;
    top: -15px;
    text-align: center;
}
.member-bac-icon p{
    text-align: center;
    color: #7A7D80;
    font-size:12px;
}
.bac-product{
    padding-top:15px;
    background:url(/images/help/bac01.png) no-repeat;
    background-position:top left 920px;
}
.bac-order {
    padding-top: 15px;
    background: url(/images/help/bac02.png) no-repeat;
    background-position: top left 920px;
}
.bac-online {
    padding-top: 15px;
    background: url(/images/help/bac03.png) no-repeat;
    background-position: top left 920px;
}

/*Guide 页面*/
.tabs-guide{
    position:sticky;
    top:0;
    z-index:2;
    padding:15px 0;
    background:rgba(255,255,255);
}
.tabs-guide a {
    float: left;
    width: 225px;
    height: 55px;
    line-height: 55px;
    margin-left: 21px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #565656;
    background-color: #e9e9e9;
}
.tabs-guide a:first-child{
    margin-left:0;
}
.tabs-guide .active{
    position:relative;
    color:white;
    background-color:#013353;
}
/*.tabs-guide .active:after{
    content:'';
    position:absolute;
    display:block;
    left:50%;
    bottom:-9px;
    margin-left:-8px;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:9px solid #013353;
}*/
.tabs-guide a:hover{
    text-decoration:none;
}
.tabs-guide a:not(.active):hover{
    color:#333;
    background-color: #eee;
}
.tabs-guide+div>div{
    display:none;
}
.tabs-guide + div >.active {
    display: block;
}

/*隐私政策*/
.priv-box {
    padding-bottom: 75px;
}
.priv-box li {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
}
.priv-box .priv-txt {
    font-size: 22px;
    color: #333;
    margin-bottom: 8px;
}
.priv-box .policy-txt {
    font-size: 14px;
    color: #565656;
    line-height: 26px;
}
.priv-box .priv-txt:before {
    display: inline-block;
    content: '';
    width: 9px;
    height: 3px;
    background-color: #333;
    vertical-align: middle;
    margin-right: 10px;
}

/*Customer Service首页*/
.links-center{
    padding:0 55px;
    box-sizing:border-box;
    margin-top:35px;
}
.links-center li {
    float: left;
    padding: 0 45px;
}
.links-center li>p{
    display:block;
    width:155px;
    height:35px;
    line-height:35px;
    color:white;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:0 15px;
    background-color:#013353;
    overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.links-center li>div{
    margin-top:10px;
}
.links-center li>div>p{
    width:185px;
   margin-bottom:5px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.links-center li>div a:hover{
    color:#eb9f25
}
.bac-zone {
    background: url(/images/help/vipzone_bg.jpg) no-repeat 100%;
}
.guideline{
    height:160px;
    margin-top:50px;
    background:url(/images/help/quick-guide.png) no-repeat top center;
}
.guideline li{
    float:left;
    width:120px;
    margin-left:110px;
}
.guideline a{
    position:relative;
    display:block;
    width:120px;
    padding-top:110px;
    text-align:center;
}
.guideline li:first-child{
    margin-left:87px;
}
.guideline li>p:last-child{
    margin-top:10px;
}
.guideline li:hover p{
    color:#eb9f25;
}
.more-help{
    padding-left:90px;
    box-sizing:border-box;
}
.white-block {
    width: 320px;
    height: 60px;
    line-height: 60px;
    background-color: white;
    font-weight: bold;
    padding-left:30px;
    box-sizing:border-box;
    border-radius:5px;
    transition:box-shadow .3s;
}
.white-block .iconfont{
    font-weight:normal;
    vertical-align:middle;
    padding-right:30px;
    margin-right:30px;
    border-right:1px solid #f2f2f2;
}
.white-block:hover{
    box-shadow:0 0 10px #ddd;
}
.more-help li {
    margin-left: 40px;
}
.more-help li:first-child {
    margin-left: 0;
}
.bac-feedback{
    background:url(/images/help/feedback_banner.jpg) no-repeat;
    background-size:100% 100%;
}

.talk.talk-top{
    position:relative;
    height:380px;
    background:white;
    
}
.talk-top .messageCon {
    position: absolute;
    top: -120px;
    left: 50%;
    margin-left: -360px;
    box-shadow: none;
    border: solid 1px #efefef;
}


/*DIY Guide 页面*/
.diy-guide .tabs-guide a {
    width: 283px;
    margin-left: 26px;
}
.diy-guide .tabs-guide a:first-child {
    margin-left: 0;
}
.guide-des{
    position: absolute;
    top: 50%;
    width:475px;
    transform: translateY(-54%);
}
.guide-des.par{
    right: 0;
}
.guide-des.pal{
    left: 0;
}
.guide-des-num{
    font-size: 100px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #E6E8EB;
}
.guide-des-title{
    margin-top: -56px;
    margin-bottom: 19px;
    font-size: 28px;
    font-weight: bold;
    color: #013353;
}
.guide-des-list{
    /*list-style: disc;*/
    font-size: 18px;
    color: #949494;
    line-height: 30px;
}
.guide-des-list li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px;
}
.guide-des-list li:last-child{
    margin-bottom: 0;
}
.guide-des-list li::before{
    position:absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 10px;
    height: 10px;
    background: #CDCDCD;
    border-radius: 50%;
    content: '';
}
@media(max-width:768px){
    .mt50{margin-top:25px;}
    .mt40 {margin-top: 20px;}
    .mo-w80p{width:80%;}
    .pb80{padding-bottom:30px;}

    .guideline {
        height: auto;
        margin-top: 20px;
        background: url(/images/help/quick-guide-s.png) no-repeat top center;
        background-size:350px auto;
        overflow:hidden;
    }
    .guideline li {
        float: left;
        width: 33%;
        margin-left: 0;
    }
        .guideline li:first-child {
            margin-left: 0;
        }
        .guideline a {
            width:100%;
            color:transparent;
            padding-top:0;
            height:120px;
        }
    .more-help {
         padding-left: 0; 
    }
    .more-help li {
        margin: 5px;
    }
    .more-help li:first-child {
       margin-left: 5px;
    }
    .white-block {
        width: calc(50% - 10px);
        padding-left: 10px;
        font-size:12px;
    }
    .white-block .iconfont {
        padding-right: 10px;
        margin-right: 10px;
        font-size:26px;
    }

    .links-center {
        padding: 0;
        margin-top: 15px;
    }
    .links-center li{
        width:31%;
        margin:0 1%;
        padding:0;
        box-sizing:border-box;
    }
    .links-center li>p{
        width:100%;
        font-size:12px;
        box-sizing:border-box;
    }
    .links-center li>div{
        font-size:12px;
    }
    .links-center li > div > p {
        width: inherit;
        font-size:12px;
    }
    .diy-guide .mt80 {
        margin-top: 30px;
    }

    .diy-guide .fs35 {
        font-size: 20px;
    }

    .diy-guide .mt30 {
        margin-top: 10px;
    }

    .diy-guide .fs18 {
        font-size: 16px;
    }

    .diy-guide .tabs-guide {
        margin: 0 -15px;
        padding: 10px 15px;
    }
        .diy-guide .tabs-guide a:first-child{
            margin-left:2px;
        }
        .diy-guide .tabs-guide a {
            width: calc(50% - 4px);
            margin: 2px;
            font-size:12px;
            padding:0 10px;
            height:35px;
            line-height:13px;
            padding-top:5px;
            box-sizing:border-box;
        }
    .diy-guide img{
        width:100%;
        margin-top:20px;
    }
    .diy-guide .guide-des {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        transform: translateY(0);
    }
    .diy-guide .clearfix.mt150{
        margin-top:20px;
    }
    .guide-des-num {
        font-size: 44px;
    }
    .guide-des-title {
        margin-top: -30px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .guide-des-list{
        line-height:20px;
        font-size:14px;
    }
    .guide-des-list.mt40 {
        margin-top: 10px;
    }
    .guide-des-list li::before {
        left:7px;
        top: 8px;
        width: 5px;
        height: 5px;
    }
    .guide-des-list li{
        margin-bottom:10px;
    }
    #content-guide{
        margin-top:0;
    }
    .change-place {
        display: table;
    }
    .change-place img{
        display: table-header-group;
    }
    .change-place .guide-des{
        display: table-footer-group;
    }
}