h2{font-size: 42px;color: #4c5562;line-height: 42px;}
.banner{background: url(/images/audio-recorder/banner.jpg) no-repeat center center/cover;overflow: hidden;color: #fff;padding-bottom: 100px;}
.banner_box h1{font-size: 44px;line-height: 60px;max-width: 1000px;width: 100%;margin:96px auto 20px;text-align: center;}
.banner_box>p{max-width: 908px;width: 100%;font-size: 18px;line-height: 32px;margin:0px auto 36px;text-align: center;}
.banner_box>.available{font-size: 18px;text-align: center;}
.available span i{width: 24px;height: 24px;vertical-align: middle;margin-left: 15px;margin-top: -3px;cursor: pointer;background: url(/images/webcam-recorder/icons.png);}
.available span i.win.active{background-position-y: -0px;}
.available span i.win{background-position-y: -24px;}
.available span i.mac.active{background-position-y: -48px;}
.available span i.mac{background-position-y: -72px;}
.available>div{max-width: 630px;width: 100%;margin: auto;margin-top: 10px;}
.available div a{width: 300px;height: 60px;line-height: 60px;border-radius: 6px;font-size: 24px;text-align: center;box-sizing: border-box;margin-top: 20px;display: block;}
.available div a:hover{text-decoration: none;}
.available div a i{width:24px;height: 24px;background: url(/images/webcam-recorder/icons.png);}
.available div a.down{background: #fff;color: #29acff;border: 2px solid #fff;line-height: 56px;}
.available div a.down:hover{background: #29acff;color: #fff;}
.available div.win a.down:hover i{background-position-y: -120px;}
.available div.mac a.down:hover i{background-position-y: -168px;}
.available div.win a.down i{background-position-y: -96px;vertical-align: -3px;margin-right: 16px;}
.available div.mac a.down i{background-position-y: -144px;vertical-align: -3px;margin-right: 16px;}
.available div a.buy{background: #ff523d;color: #fff;}
.available div a.buy:hover{background: #ff7766;}
.available div a.buy i{background-position-y: -192px;vertical-align: -3px;margin-right: 22px;}
.available_box>div.active{display: flex !important;width:100%;}
.available_box>div{display: none;}
.available_box div p{font-size: 14px;color: #fff;margin-top: 5px;}
.recording{margin-top:103px;margin-bottom: 59px;}
.recording_box h2{text-align: center;}
.recording_box>p{max-width: 908px;text-align: center;width: 100%;line-height: 30px;font-size: 16px;color: #4c5562;margin: 30px auto;}
.recording_box ul li{max-width: 382px;text-align: center;width: 100%;padding-bottom: 30px;}
.recording_box ul li:hover{box-shadow: 0 0 20px rgba(24, 58, 89, .2);border-radius: 6px;}
.recording_box ul li a:hover{text-decoration: none;}
.recording_box ul li img{margin:22px auto 8px;}
.recording_box ul li span{font-size: 20px;color: #4c5562;font-weight: bold;}
.recording_box ul li p{font-size: 16px;color: #4c5562;line-height: 30px;margin: 10px auto 0;max-width: 307px;width: 100%;}
.main_box{-webkit-box-align:center;-webkit-align-items: center;align-items: center;}
.main_box img{width: 100%;}
.main_box div{max-width: 585px;width: 100%;}
.main_box div p{font-size: 16px;color: #5c6470;line-height: 30px;margin-top: 30px;}
.main_box div>a{margin-top: 20px;color: #29acff;font-size: 16px;display: block;}
.main_box div>a i{width: 24px;height: 24px;margin-left: 14px;background: url(/images/webcam-recorder/icons.png);background-position-y: -240px;vertical-align: -7px;}
.main_box div>a:hover i{-moz-animation: le 1s infinite linear;-o-animation: le 1s infinite linear;animation: le 1s infinite linear;}
@-webkit-keyframes le {0% {margin-left: 14px}50% {margin-left: 18px}100% {margin-left: 14px}}
@-moz-keyframes le {0% {margin-left: 14px}50% {margin-left: 18px}100% {margin-left: 14px}}
@-o-keyframes le {0% {margin-left: 14px}50% {margin-left: 18px}100% {margin-left: 14px}}
.more_features{text-align: center;margin-top: 100px;margin-bottom: 100px;}
.more_features li{max-width: 330px;width: 100%;margin-top: 66px;}
.more_features li img{margin: auto;}
.product_recommend_box{-webkit-box-align:center;-webkit-align-items: center;align-items: center;margin-top: 120px;}
.product_recommend_box>img{margin-left: -55px;position: relative;z-index: 1;width: 100%;}
.product_recommend_box>div{max-width: 818px;width: 100%;background: #343642;border-radius: 14px;margin-left: -177px;padding-top: 70px;padding-bottom: 90px;}
.product_recommend_box>div>div{margin-left: 227px;max-width: 526px;width: 100%;}
.product_recommend_box>div>div h2{color: #fff;}
.product_recommend_box>div>div>p{margin-top: 16px;color: #fff;line-height: 30px;}
.product_recommend_box .available div a{width: 253px;margin:20px auto 0;}
.product_recommend_box .available div a.down{border-color: #29acff;background: #29acff;color: #fff;}
.product_recommend_box .available div a.down:hover{background: #4ebaff;border-color: #4ebaff;}
.product_recommend_box .available div p{text-align: center;}
.product_recommend_box .available div.win a.down i{background-position-y: -120px;}
.product_recommend_box .available div.mac a.down i{background-position-y: -168px;}
/* streaming-video-recorder */
.streaming_banner{background: url(/images/streaming-video-recorder/banner.jpg) no-repeat center center/cover;}
.streaming_banner .banner_box h1{max-width: 600px;}
.video_product_recommend{padding-top: 100px;position: relative;}
.video_product_recommend .product_recommend_box>img{z-index: 2;}
.video_product_recommend .product_recommend_box>div{position: relative;z-index: 1;}
.video_product_recommend:after{content: "";clear: both;height: 55px;width: 100%;position: absolute;background: #f4f9ff;bottom: 0px;}
.video_explore{padding-top: 130px;background: #f4f9ff;}
.more_features_box span{font-size: 20px;color: #4c5662;font-weight: bold;display: block;margin-top: 15px;margin-bottom: 10px;}
.more_features_box li p{font-size: 16px;color: #4c5662;line-height: 30px;}
.main_box .mobile{display: none;}
#record-streaming-audio{background: #c1e0ff url(/images/audio-recorder/capture-streaming-audio-bg.jpg) no-repeat;padding-top: 53px;padding-bottom: 51px;}
#record-phone-calls{background: #fff url(/images/audio-recorder/record-calls-and-conferences-bg.jpg) no-repeat right bottom;padding-top: 75px;padding-bottom: 12px;}
#record-microphone{background: #c1e0ff url(/images/audio-recorder/record-audio-from-microphone-bg.jpg) no-repeat;padding-top: 98px;padding-bottom: 30px;}
@media screen and (max-width: 1180px){
    .recording_box ul{justify-content: space-between;max-width: 800px;margin: auto;}
    .product_recommend_box>div>div{margin: auto;max-width: initial;width: 95%;}
    .product_recommend_box>div,.product_recommend_box>img{margin: auto;}
    .product_recommend_box>div{margin-top: -50px;}
    .main_box div{max-width: initial;}
    .main_box{justify-content: space-around;padding-top: 60px;}
    .main_box>img{margin: auto !important;}
    .main_box>div{order: 1;}
    .main_box>img{order: 2;}
    .product_recommend_box>div{text-align: center;padding-bottom: 40px;}
    .more_features_box ul{max-width: 700px;margin: auto;}
    .main_box>img{margin-top: 20px;}
    .more_features li{margin-top: 30px;}
    .product_recommend_box,.video_explore{padding-top: 60px;}
    #record-streaming-audio,#record-microphone{background: #c1e0ff;padding: 0;}
    #record-phone-calls{background: #fff;padding: 0;}
}
@media screen and (max-width: 850px){
    .recording_box ul li{max-width: 340px;}
    .available>div>div{margin:0 auto;}
}
@media screen and (max-width: 630px){
    .available div a{max-width:300px;width:100%;min-width: 240px;}
    .available_box>div.active{justify-content: center;}
    .banner_box h1{font-size: 36px;line-height: 38px;}
    h2{font-size: 28px;line-height: 34px;}
}