section.banner {
    background: #fff url(../images/about-banner.jpg) no-repeat center bottom;
    color:#fff;
    padding:50px 0;
    text-align:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.banner .icon-success span {
    display: block;
    width: 83px;
    height: 83px;
    background: url(../images/amc-logo.svg) no-repeat;
    margin: 0 auto;
    background-size:100%;
}
section.banner .icon-success.smc span {
    background: url(../images/smc-logo.svg) no-repeat;
    background-size: 100%;
}
section.banner .icon-success.aax span {
    background: url(/images/audible-converter-logo.svg) no-repeat;
    background-size: 100%;
}
section.banner h1 {
    margin: 10px auto;
    font-size: 48px;
    line-height: 1.25;
}
section.banner .tips-1{
    font-size:18px;
    margin:20px auto;
    letter-spacing:0.5px;
}
section.banner .tips-2{
    font-size:18px;
}
section.banner .tips-2 a{
    color:#fff;
}

section.banner .button-box {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top:30px;
}
a.win, a.win_down {
    border-radius: 3px;
    border: 1px solid #F44336 !important;
    background-color: #F44336 !important;
    color: #fff !important;
}
a.mac, a.mac_down {
    border-radius: 3px;
    background-color: #1e96ec !important;
    color: #fff !important;
    border: 1px solid #1e96ec !important;
}
section.banner .button {
    display: block;
    width: 140px;
    height: 37px;
    background: #2ad9c2;
    border: 1.5px solid #2ad9c2;
    font-size: 16px;
    color: #1e2433;
    line-height: 37px;
    text-align: center;
    border-radius: 4px;
    padding: 0 14px;
    margin-left: 15px;
    margin-right: 15px;
}
section.banner .button:hover {
    color: #2ad9c2 !important;
    background: #231815 !important;
    border-color: #2ad9c2 !important;
}



.content .button-box {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top:30px;
}
a.win, a.win_down {
    border-radius: 3px;
    border: 1px solid #F44336 !important;
    background-color: #F44336 !important;
    color: #fff !important;
}
a.mac, a.mac_down {
    border-radius: 3px;
    background-color: #1e96ec !important;
    color: #fff !important;
    border: 1px solid #1e96ec !important;
}
.content .button {
    display: block;
    width: 140px;
    height: 37px;
    background: #2ad9c2;
    border: 1.5px solid #2ad9c2;
    font-size: 16px;
    color: #1e2433;
    line-height: 37px;
    text-align: center;
    border-radius: 4px;
    padding: 0 14px;
    margin-left: 15px;
    margin-right: 15px;
}
.content .button:hover {
    color: #2ad9c2 !important;
    background: #231815 !important;
    border-color: #2ad9c2 !important;
}


section.guide{
    background-color: #39c8d5;
    position:relative;
}
section.guide .container {
    background-color: #fff;
}
.guide .g-head {
    padding: 50px 60px 0;
    text-align: center;
    margin-bottom: 20px;
}
.guide .g-head .g-title{
    font-size: 32px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: 0.2px;
    color: #364962;
}
.guide .g-head h3 {
    font-size: 36px;
    color: #333;
}
.guide .g-switch{
    position:sticky;
    top:60px;
    background:#fff;
    padding: 0 60px;
    margin-bottom: 40px;
    text-align: center;
}
.guide .g-switch ul li {
    cursor: pointer;
    display: inline-block;
    width: 224px;
    height: 44px;
    border-top: 1px solid #2ad9c2;
    border-bottom: 1px solid #2ad9c2;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    color: #2ad9c2;
    margin-right: -4px;
    margin-left: 20px;
}
.guide .g-switch ul li:first-child {
    margin-left: 0;
}
.guide .g-switch ul li:hover, .guide .g-switch ul li.active {
    color: #03A9F4;
    border-color: #03A9F4;
}
.guide .g-switch ul li span{
    display:none;
}
.guide .g-switch ul li.active span{
    display:inline-block;
}
.guide .g-content{
    padding: 0 60px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display:none;
}

.guide .g-content-1.act,.guide .g-content-2.act,.guide .g-content-3.act,.guide .g-content-4.act{
    display:block;
}


.guide .g-content .text {
    margin-bottom: 30px;
}
.guide .g-content .text .p1 {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}
.guide .g-content .text .p2 {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}
.guide .g-content .text img{
    padding:20px 0;
}

@media (min-width: 1200px){
    .container {
    width: 1080px;
    padding:0;
    }
}
@media (max-width: 767px){
    .guide .g-switch ul li{
        margin:0;
    }
    .guide .g-content{
        padding:0;
    }
    .guide .g-content .text img{
        width:100%;
    }
    
}