﻿.section-title{padding-bottom:60px;text-align:center}
.section-title-inner{display:inline-block;padding:0 166px;font-size:28px;line-height:30px;color:#333;background-image:url(../images/support-index-title-bg-left.png),url(clientlib-help-index-v1/images/support-index-title-bg-right.png);background-position:left center,right center;background-repeat:no-repeat,no-repeat;background-size:140px auto,140px auto}
@media(max-width:767px){.section-title{padding-bottom:15px}
.section-title-inner{padding:0 88px;background-image:url(../images/support-index-title-bg-left-mb.png),url(clientlib-help-index-v1/images/support-index-title-bg-right-mb.png);background-size:85px auto,85px auto;font-size:20px;line-height:25px}
}
.support-banner{height:140px;background-image:url(../images/support-index-banner-pc.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}
.wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto}
@media(max-width:1199px){.wrapper{padding-left:15px;padding-right:15px}
}
.banner-title{margin-top:30px;font-size:48px;color:#fff;float:left;line-height:67px}
.banner-search{width:50%;margin:auto;overflow:hidden;padding-top:40px;display:block}
.banner-search .search-box{margin-bottom:10px}
.banner-search .search-box input{width:calc(100% - 40px);border:1px solid #ddd;border-right:0;height:37px;line-height:37px;padding-left:10px;float:left;color:#999}
.banner-search .search-box button{width:40px;height:37px;border:1px solid #f66f6a;background:#f66f6a url(../images/support-index-search.png) no-repeat center}
.search-items{display:block}
.search-items li{display:inline-block;color:#fff;padding-right:10px}
.search-items li a{font-size:14px;line-height:20px;transition:all .3s}
.search-items li a:hover{color:#f66f6a}
.help-tab-al{height:60px;background:#f5f5ff}
.help-tab-al ul li{width:33.33%;float:left}
.help-tab-al ul li:nth-child(1) em{background-image:url(../images/support-index-banner-text.png)}
.help-tab-al ul li:nth-child(2) em{background-image:url(../images/support-index-banner-new.png)}
.help-tab-al ul li:nth-child(3) em{background-image:url(../images/support-index-banner-self.png)}
.help-tab-al ul li a{text-align:center;display:inline-block;position:relative;z-index:10;width:100%;height:100%;padding-top:15px;padding-bottom:20px}
.help-tab-al ul li a:after{content:"";width:100%;height:2px;background-color:#f66f6a;position:absolute;bottom:0;left:0;opacity:0;transition:opacity .3s}
.help-tab-al ul li a em{display:inline-block;width:18px;height:20px;vertical-align:middle;margin-right:5px;background-size:100% 100%;transition:color .3s}
.help-tab-al ul li a span{display:inline-block;vertical-align:middle;font-size:18px;line-height:25px}
.help-tab-al li:hover:nth-child(1) em,.help-tab-al li.active:nth-child(1) em{background-image:url(../images/support-index-banner-text-h.png)}
.help-tab-al li:hover:nth-child(2) em,.help-tab-al li.active:nth-child(2) em{background-image:url(../images/support-index-banner-new-h.png)}
.help-tab-al li:hover:nth-child(3) em,.help-tab-al li.active:nth-child(3) em{background-image:url(../images/support-index-banner-self-h.png)}
.help-tab-al li:hover a,.help-tab-al li.active a{color:#f66f6a}
.help-tab-al li:hover a:after,.help-tab-al li.active a:after{opacity:1}
@media(max-width:768px){.support-banner{height:143px;background-image:url(../images/support-index-banner-mb.jpg)}
.support-banner .banner-text .banner-title{margin-top:25px}
.support-banner .banner-text .banner-title h1{font-size:24px;line-height:33px}
.support-banner .banner-text .banner-search{width:100%;padding-top:5px}
.support-banner .banner-text .banner-search .search-box{margin-bottom:5px}
.support-banner .banner-text .banner-search .search-box input{height:30px;line-height:30px}
.support-banner .banner-text .banner-search .search-box a button{width:31px;height:30px}
.support-banner .banner-text .banner-search .search-items li a{font-size:12px;line-height:12px}
.help-tab-al{height:40px}
.help-tab-al ul li a{padding:10px 0}
.help-tab-al ul li a em{width:15px;height:15px}
.help-tab-al ul li a span{font-size:14px;line-height:20px}
}
.support-content{padding-top:20px;padding-bottom:60px;background-color:#f1f3ff}
.support-nav{border-radius:2px;overflow:hidden}
.support-nav ul{background:#fff;border:1px solid rgba(221,221,221,0.8);overflow:hidden;margin-bottom:15px;padding:20px 0 10px 20px}
.support-nav ul li{float:left;margin-bottom:10px}
.support-nav ul li a{display:inline-block;padding:10px 20px;font-size:14px;color:#666a75;line-height:18px;transition:all .3s;border-radius:2px}
.support-nav ul li a:hover{color:#fff;border-color:#f66f6a;background-color:#f66f6a}
.support-nav ul li a.active{color:#fff;border-color:#f66f6a;background-color:#f66f6a}
.support-menu{border:1px solid rgba(221,221,221,0.8);border-radius:2px}
.support-menu ul{border-radius:2px}
.support-menu ul:before,.support-menu ul:after{content:" ";display:table}
.support-menu ul:after{clear:both}
.support-menu ul .support-menu-li{width:100%;background:#fff;border-bottom:0;position:relative;padding:20px 0 15px 165px;float:left;transition:box-shadow .3s;z-index:1}
.support-menu ul .support-menu-li:hover{z-index:2;box-shadow:0 8px 16px 0 rgba(0,0,0,0.1),0 -1px 16px 0 rgba(0,0,0,0.1);top:-1px;padding-top:21px}
.support-menu ul .support-menu-li:hover .support-menu-item:after{display:none}
.support-menu ul .support-menu-li:last-child .support-menu-item:after{display:none}
.support-menu ul .support-menu-li h3{position:absolute;top:20px;left:30px;font-size:16px;color:#3b516a;line-height:28px;font-weight:700}
.support-menu ul .support-menu-li .support-menu-item{position:relative}
.support-menu ul .support-menu-li .support-menu-item:after{content:'';display:block;border-bottom:1px dashed #ddd;position:absolute;left:0;right:50px;bottom:-15px;background-color:#eee;transition:all .3s}
.support-menu ul .support-menu-li .support-menu-item ul{overflow:hidden}
.support-menu ul .support-menu-li .support-menu-item-li{width:200px;float:left;padding-right:18px}
.support-menu ul .support-menu-li .support-menu-item-li a{font-size:14px;color:#3b516a;line-height:28px;transition:all .3s}
.support-menu ul .support-menu-li .support-menu-item-li a:hover{color:#fa6e65}
@media(max-width:1023px){.support-menu ul .support-menu-li .support-menu-item-li{width:140px}
.support-nav ul{overflow:hidden;padding-right:50px;padding-top:10px;position:relative;margin-bottom:0;border:0}
.support-nav ul li{margin-bottom:6px}
.support-nav ul li a{padding:5px 20px}
.support-nav{border:1px solid #ddd}
.unfold .fold-btn{transform:rotateZ(180deg)}
.support-menu{margin-top:15px}
.fold-btn{border-color:#fff;content:"";top:17px;right:17px;display:block;position:absolute;transition:transform .5s ease-out;cursor:pointer}
.fold-btn:before{content:"";width:8px;height:8px;display:block;border-bottom:1px solid #777;border-right:1px solid #777;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .5s}
.support-nav.fixed ul{padding-right:50px !important}
}
@media(max-width:767px){.foldIcon{display:block !important}
.support-content{padding-top:15px;padding-bottom:15px}
.support-content .support-body .support-nav{display:none}
.support-content .support-body .support-menu ul .support-menu-li{padding:0;border:0;margin-bottom:5px}
.support-content .support-body .support-menu ul .support-menu-li:hover{box-shadow:none}
.support-content .support-body .support-menu ul .support-menu-li h3{position:relative;top:0;left:0;line-height:60px;font-size:18px;padding-left:20px}
.support-content .support-body .support-menu ul .support-menu-li .support-menu-item{padding:5px 20px;display:none}
.support-content .support-body .support-menu ul .support-menu-li .support-menu-item:after{display:none}
.support-content .support-body .support-menu ul .support-menu-li .support-menu-item .support-menu-item-li a{font-size:14px;line-height:28px}
}
.foldIcon{right:15px;top:50%;margin-top:-4px;transition:all .3s;display:none}
.support-section .foldIcon{border-width:8px}
.support-section .foldIcon:before{border-width:8px;margin-top:-10px;margin-left:-8px;border-top-color:#fff}
.foldIcon:before{border-top-color:#fff}
.unfold .foldIcon{-ms-transform:rotate(180deg);transform:rotateX(180deg)}
.support-nav.fixed{position:fixed;top:0px;left:0;z-index:10;width:100%;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,0.1)}
.support-nav.fixed ul{max-width:1180px;margin:0 auto;border:0;padding:10px 20px 0 20px}