@charset "utf-8";
/* CSS Document */
/*banner*/
.banner { height: 525px; margin-top: -70px; padding-top: 95px; background: #282342 url(../images/help/banner-bg.png) no-repeat; }
.banner-main{ width: 1210px; margin: 0 auto; text-align: center;}
.banner-text {width: 530px; height: 160px; margin: 0 auto; background: url(../images/help/banner-text.png) no-repeat center top;}
.banner-img {width: 609px; height: 250px; margin: 0 auto; background: url(../images/help/banner-img.png) no-repeat center top;}

/*问题切换*/
.help-content-bg{ padding: 120px 0 100px;}
.help-content-wrap { width: 1210px; margin: 0 auto;}
.help-content-wrap h3 { position: relative; z-index: 1; float: left; width: 270px; height: 50px; margin-right: 43px; font-size: 20px; line-height: 50px; color: #fff; text-align: center; cursor: pointer; background-color: #332c56;}
.help-content-wrap h3 i { position: absolute; top: 48px; left: 50%; display: block; margin-left: -10px; border: 10px solid transparent;}
.help-content-wrap .active { background: #282342;}
.help-content-wrap .active i { border-top-color: #282342;}
.help-content-wrap h3 a{ display: block; color: #fff;}

.help-content-wrap .help-content { display: none; width: 1210px; clear: both;}
.help-content { padding-bottom: 60px;}
.help-content p { width: 1170px; line-height: 140%; overflow: hidden; margin: 0;}
.help-content p span{ float: left; text-align: left;}
.help-content p span a { font-size: 18px; color: #e44211;}
.help-content p span.anheader { line-height: 2; width: 40px; padding-left: 20px;}
.help-content p span.ancount { width: 1035px;}
.help-content .question { display: inline-block; padding: 15px; margin-top: 65px; font-size: 24px; line-height: 150%; color: #333; font-weight: 300;}
.help-content .answer { margin: 0!important; font-size: 14px; line-height: 2; color: #999; font-weight: 300;}

/*按钮*/
.help-btn{ text-align: center; margin: 30px auto 0;}
.help-btn a{ width: 175px; height: 55px; line-height: 55px; color: #fff; background-color: #282342; font-size: 24px; font-weight: 300; margin: 0 24px; border-radius: 4px; display: inline-block;}
.help-btn a:hover{ color: #fff;}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .banner-text {
        background: url(../images/help/banner-text@2x.png) no-repeat center top;
        background-size: cover;
    }
    .banner-img {
        background: url(../images/help/banner-img@2x.png) no-repeat center top;
        background-size: cover;
    }
}