body{
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,apple color emoji,segoe ui emoji,segoe ui symbol,sans-serif;
}
body .mainp:first-child{
    
}
.product-banner {
    background:linear-gradient(180deg, #FFF -3.54%, rgba(255, 255, 255, 0.00) 97.95%), linear-gradient(194deg, #FFD600 -24.94%, #FF0E0E 25.09%, #BD00FF 66.38%, #30F 110.72%), linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, #FFF 8.18%, rgba(255, 255, 255, 0.00) 98.18%), linear-gradient(270deg, #FFD600 -11.14%, #FFD600 -9.28%, #FF0E0E 30.8%, #BD00FF 63.88%, #30F 99.4%), linear-gradient(0deg, #1940FF 0%, #82FFF7 112.05%);
    
    background-size: 100% 100%;
    margin-top:91px;
    font-size:0;
}

.product-banner .container {
    width: 1170px;
    padding: 0;
}
@media (min-width: 1200px){
.product-banner .container {
    width: 1170px;
}

}
.product-banner .banner-content {
    padding: 80px 0 60px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    max-width: 663px;
    width: 50%;
}
.product-banner .banner-content .buttons{
    margin-top:20px;
    margin-bottom:20px;
}
.product-banner .banner-illustration {
    width: 50%;
    height: auto;
    vertical-align: middle;
    float: right;
   margin-top: 100px;
   text-align: center;
}
.product-banner .banner-title {
    margin: 0 0 21px;
    font-size: 36px;
    color: #9b3fab;
}
.product-banner .banner-desc {
    margin: 0 0 16px;
    line-height: 32px;
    font-size: 18px;
    color: #fff;
}
.product-banner .banner-ul{
    list-style: none;
}
.product-banner .banner-li{
    display: flex;
    font-size: 16px;
    align-items: center;
    font-weight: 400;
    line-height: 230.53%;
    color: #fff;
}
    
.product-banner .banner-li:before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 6px;
    margin-right: 11px;
}
.product-banner .portal{
    margin: 20px 0;
}
.product-banner .portal p{
    color: #fff;
}
.btn-download {
    text-align: center;
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 64px;
    background-color: #3bc73b;
    border-radius: 12px;
    border: solid 2px #3bc73b;
    line-height: 60px;
    transition: all .2s;
    font-size: 20px;
    color: #fff;
    width: 250px;
}
.btn-download i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -4px 7px 0 0;
    vertical-align: middle;
}
.remove-drm-part .column{
    font-size:28px;
}
.remove-drm-part .part-1{
    width: 100%;
    margin-bottom: 32px;
    display: inline-block;
}
.remove-drm-part .part-1 .col-md-8{
    position: relative;
}
.remove-drm-part .part-1 .col-md-8 .left-a{
    cursor: pointer;
    color: #fff;
    padding: 24px 48px;
    display: block;
    background-image: url(/images/amc-mp3-bg.jpg);
    border-radius: 1.5rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    text-decoration: none;
    background-size: cover;
}
.remove-drm-part .part-1 .col-md-8 .left-div{
    position: absolute;
    top: 20%;
    left: 10%;
    color: #fff;
    cursor: pointer;
}
.remove-drm-part .part-1 .col-md-8 .left-div h2{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}
.remove-drm-part .part-1 .col-md-8 .left-div-1{
    font-size: 18px;
    
}
.remove-drm-part .part-1 .col-md-8 .left-div .left-div-2{
    padding-top:48px;
}
.remove-drm-part .part-1 .col-md-8 .left-div .left-div-2 span{
    padding: 18px 36px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 800px;
    text-transform: capitalize;
    margin: 0;
    white-space: nowrap;
    display:inline-block;
    border: 1px solid #fff;
    color: #fff;
}
.remove-drm-part .part-1 .col-md-8 .left-div:hover .left-div-2 span{
    background-color: #fff;
    border-color: #fff;
    color: #FF6544;
}

.remove-drm-part .part-1 .col-md-4{
    position: relative;
}
.remove-drm-part .part-1 .col-md-4 .right-a{
    cursor: pointer;
    color: #fff;
    padding: 64px 0 0 80px;
    display: block;
    background-image: url(/images/itunes-mp3-bg.jpg);
    border-radius: 1.5rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center 20%;
    height: 100%;
    text-decoration: none;
    background-size: cover;
    text-align: right;
}
.remove-drm-part .part-1 .col-md-4 .right-div{
    position: absolute;
    top: 30%;
    left: 10%;
    color: #fff;
    cursor: pointer;
}
.remove-drm-part .part-1 .col-md-4 .right-div h2{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: left;
}
.remove-drm-part .part-1 .col-md-4 .right-div-1{
    font-size: 16px;
    text-align: left;
}
.remove-drm-part .part-1 .col-md-4 .right-div .right-div-2{
    padding-top:32px;
    text-align: left;
}
.remove-drm-part .part-1 .col-md-4 .right-div .right-div-2 span{
    padding: 18px 36px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 800px;
    text-transform: capitalize;
    margin: 0;
    white-space: nowrap;
    display:inline-block;
    border: 1px solid #fff;
    color: #fff;
}
.remove-drm-part .part-1 .col-md-4 .right-div:hover .right-div-2 span{
    background-color: #fff;
    border-color: #fff;
    color: #FF6544;
}
.remove-drm-part .part-2 .col-md-4{
    position: relative;
    cursor: pointer;
}
.remove-drm-part .part-2 .col-md-4 .ac{
    margin-bottom:20px;
}
.remove-drm-part .part-2 .col-md-4 p {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    padding: 0 30px;
    transition: 0.2s;
}
.remove-drm-part .part-2 .col-md-4:hover p{
    top: 30px;
    opacity: 1;
    z-index: 1000;
}
.remove-drm-part .part-2 .col-md-4:hover a div{
    position: relative;
}
.remove-drm-part .part-2 .col-md-4:hover a div:after{
    content:"";
    background: #00000063;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
}
.color-y{
    color:#9C27B0;
    text-decoration: underline;
}
@media (min-width: 1200px){
.remove-drm-part .part-1 .col-md-8 .left-a {
    transition: all .15s linear;
    min-height: 320px;
    background-size: 120% auto;
}
.remove-drm-part .part-1 .col-md-8 .left-a:hover {
    background-size: 125% auto;
}
.remove-drm-part .part-1 .col-md-4 .right-a {
    transition: all .15s linear;
    min-height: 320px;
    background-size: 120% auto;
}
.remove-drm-part .part-1 .col-md-4 .right-a:hover {
    background-size: 125% auto;
}
}
    
/*特点轮播*/
*{ box-sizing:border-box; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;}
*:focus { outline: none; }
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;}
body {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-family: "微软雅黑",microsoft yahei;
    color: #333;
    background-color: #FFFFFF;
}
body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { height: 0; }
[hidden], template {  display: none; }
a {  background-color: transparent; text-decoration:none; }
a:hover{text-decoration:underline;}
a:active,a:hover {  outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn {  font-style: italic;}
mark {  color: #000;  background: #ff0;}
small {  font-size: 80%; }
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;}
img {  border: 0;vertical-align: middle;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 1em 40px;}
hr {  height: 0;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;   box-sizing: content-box; }
pre {  overflow: auto;}
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit; }
button { overflow: visible; }
[role='button']:focus{outline: 0;}
button,select {  text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer; }
button[disabled], html input[disabled] {  cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {  padding: 0;  border: 0; }
input {  line-height: normal; outline:none;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {  height: auto; }
input[type="search"] {  -webkit-box-sizing: content-box;     -moz-box-sizing: content-box;    box-sizing: content-box;  -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
input[type="text"]{-webkit-appearance: none;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}
input[type="radio"]{ -webkit-appearance:radio;}
fieldset {  padding: .35em .625em .75em;  margin: 0 2px;  border: 1px solid #c0c0c0;}
legend {  padding: 0;  border: 0; }
textarea {  overflow: auto; outline:none;-webkit-appearance: none;}
optgroup {  font-weight: bold; }
table { border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0; }
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.main{max-width:1200px; margin:40px auto; margin-bottom:0;}
.title{color: #9C27B0;font-size:28px; margin-bottom: 30px;text-align:center;}
.w-imgText{ position:relative; overflow: visible;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .text_x ul{
    list-style: disc;
    padding-left:20px;
}
.w-imgText .text_x li{
    font-size:16px;
    list-style: disc;
}
.w-imgText .item{ position:relative;height:100%;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .swiperBox{ overflow: hidden; padding-right: 0;height:650px;}
.w-imgText .imTB{ overflow:hidden;}
.w-imgText .img{ width:50%;}
.w-imgText .img img{width:100%;padding:5%; }
.w-imgText .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }
.w-imgText .textB .text_x .tt_h{font-size:20px; color:#333;font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.w-imgText .textB .text_x p{ color:#808080;margin: 0;line-height: 28px;font-size: 16px;}
.w-imgText .textB .text_x p:nth-child(2){
    margin-bottom: 16px;
}
.w-imgText .textB .text_x .btn{margin-top:2em; line-height: 2.5; padding: 0 3em; display: inline-block; border: 1px solid #bbb; color:#333;}
.w-imgText .igt_page{display:none;position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.w-imgText .igt_page span.on{ color: #222; font-size: 200%;}
.igt_page_text{ margin-bottom: 50px;}
.igt_page_text ul{background-color:#f6f7fe;border-radius:25px;}
.igt_page_text ul, .igt_page_text li{ list-style: none; padding: 0; margin: 0;}
.igt_page_text li{ float: left;padding:20px; text-align: center; overflow: hidden; opacity: 0.8; cursor: pointer;border-radius:25px;}
.igt_page_text li:hover,.igt_page_text li.on{opacity: 1;background-color:#9C27B0;}
.igt_page_text li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;}
.igt_page_text li .item_span:before,.igt_page_text li .item_span:after{ content: none; position: absolute; height: 1px; width:600px; top: 50%; background: #e3e7ed;}
.igt_page_text li .item_span:before{ right:100%;}
.igt_page_text li .item_span:after{ left: 100%;}
.igt_page_text li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.igt_page_text li .item_span .num{ display: none;width:1em; color: #f4f6f9; visibility: hidden; font-size: 100px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.igt_page_text li .item_span .tit{ margin-left: 0; font-size: 16px;color:#000;}
.igt_page_text li:hover .item_span .tit,.igt_page_text li.on .item_span .tit{background-color:#9C27B0;color:#fff;font-weight:700;}
.igt_page_text li:hover .item_span .num,.igt_page_text li.on .item_span .num{visibility: visible;}
.igt_page_text li .item_span .adore{ display: none; width:1em; height: 1em; background:#e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;}
.igt_page_text li.on .item_span .adore{background:#f60;}



.media-reviews .star {
    display: flex;
    justify-content: center;
    margin: 40px 0 30px;
}
.media-reviews .slides li .p3{
    margin-bottom: 15px;
}
.star img {
    margin: 0 5px;
    vertical-align: middle;
}
@media (max-width:1200px){
    .title{ padding-left:15px;}
    
}
@media (max-width:1050px){
    .igt_page_text li .item_span .num{ font-size: 64px;}
	.igt_page_text li .item_span .adore{ left: 47px;}
}
@media (max-width:860px){
    .w-imgText .igt_page{ display: none;}
	.w-imgText .swiperBox{ padding-right: 0;}
	.w-imgText li{width:100%;}
	.w-imgText .img{width:100%;}
	.w-imgText .textB{position: relative; left:0; padding:1.2em 4%;}
	.w-imgText .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .w-imgText .textB .text_x{ top:0;}
    .igt_page_text{ margin-top:0; line-height: 1.3;}
	.igt_page_text li .item_span .num{ font-size: 50px;}
	.igt_page_text li .item_span .adore{ left: 34px;}
}
@media (max-width:767px){
    
    /*.igt_page_text li .item_span{ padding: 0 1em;}*/
	.igt_page_text li .item_span .tit{ display: none;}
	.igt_page_text li .item_span .adore{left: 50%; margin-left: -0.5em;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-imgText .textB .text_x .tt_h{ font-size: 6vw;}
   .igt_page_text li .item_span .num{ font-size: 14vw;}
}

/*feature part 2*/

.w-imgText_1{ position:relative; overflow: visible;}
.w-imgText_1 ul,.w-imgText_1 li{ list-style:none; padding:0; margin:0;}
.w-imgText_1 .text_x ul{
    list-style: disc;
    padding-left:20px;
}
.w-imgText_1 .text_x li{
    font-size:16px;
    list-style: disc;
}
.w-imgText_1 .item{ position:relative;}
.w-imgText_1 .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText_1 .swiperBox_1{ overflow: hidden; padding-right: 0;}
.w-imgText_1 .imTB{ overflow:hidden;}
.w-imgText_1 .img{ left:50%; right:0; top:0; bottom:0;position:absolute;}
.w-imgText_1 .img img{width:100%;padding:5%; }
.w-imgText_1 .textB{ padding:15px 4%; line-height:1.7;width:50%;}
.w-imgText_1 .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText_1 .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }
.w-imgText_1 .textB .text_x .tt_h{font-size:20px; color:#333;font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.w-imgText_1 .textB .text_x p{ color:#808080;margin: 0;line-height: 28px;font-size: 16px;}
.w-imgText_1 .textB .text_x .btn{margin-top:2em; line-height: 2.5; padding: 0 3em; display: inline-block; border: 1px solid #bbb; color:#333;}
.w-imgText_1 .igt_page_1{display:none;position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.w-imgText_1 .igt_page_1 span.on{ color: #222; font-size: 200%;}
.igt_page_text_1{ margin-bottom: 50px;}
.igt_page_text_1 ul{background-color:#f6f7fe;border-radius:25px;}
.igt_page_text_1 ul, .igt_page_text_1 li{ list-style: none; padding: 0; margin: 0;}
.igt_page_text_1 li{ float: left;padding:20px; text-align: center; overflow: hidden; opacity: 0.8; cursor: pointer;border-radius:25px;}
.igt_page_text_1 li:hover,.igt_page_text_1 li.on{opacity: 1;background-color:#9C27B0;}
.igt_page_text_1 li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;}
.igt_page_text_1 li .item_span:before,.igt_page_text_1 li .item_span:after{ content: none; position: absolute; height: 1px; width:600px; top: 50%; background: #e3e7ed;}
.igt_page_text_1 li .item_span:before{ right:100%;}
.igt_page_text_1 li .item_span:after{ left: 100%;}
.igt_page_text_1 li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.igt_page_text_1 li .item_span .num{ display: none;width:1em; color: #f4f6f9; visibility: hidden; font-size: 100px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.igt_page_text_1 li .item_span .tit{ margin-left: 0; font-size: 16px;color:#000;}
.igt_page_text_1 li:hover .item_span .tit,.igt_page_text_1 li.on .item_span .tit{background-color:#9C27B0;color:#fff;font-weight:700;}
.igt_page_text_1 li:hover .item_span .num,.igt_page_text_1 li.on .item_span .num{visibility: visible;}
.igt_page_text_1 li .item_span .adore{ display: none; width:1em; height: 1em; background:#e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;}
.igt_page_text_1 li.on .item_span .adore{background:#f60;}

@media (max-width:1200px){
    .title{ padding-left:15px;}
}
@media (max-width:1050px){
    .igt_page_text_1 li .item_span .num{ font-size: 64px;}
	.igt_page_text_1 li .item_span .adore{ left: 47px;}
}
@media (max-width:860px){
    .w-imgText_1 .igt_page_1{ display: none;}
	.w-imgText_1 .swiperBox_1{ padding-right: 0;}
	.w-imgText_1 li{width:100%;}
	.w-imgText_1 .img{position: relative; left:0; padding:1.2em 4%;}
	.w-imgText_1 .textB{width:100%;}
	.w-imgText_1 .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .w-imgText_1 .textB .text_x{ top:0;}
    .igt_page_text_1{ margin-top:0; line-height: 1.3;}
	.igt_page_text_1 li .item_span .num{ font-size: 50px;}
	.igt_page_text_1 li .item_span .adore{ left: 34px;}
}
@media (max-width:767px){
    .igt_page_text li{padding:20px 0;}
    .igt_page_text_1 li{padding:20px 0;}
    .igt_page_text_1 li .item_span{ padding: 0 1em;}
	.igt_page_text_1 li .item_span .tit{ display: none;}
	.igt_page_text_1 li .item_span .adore{left: 50%; margin-left: -0.5em;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-imgText_1 .textB .text_x .tt_h{ font-size: 6vw;}
   .igt_page_text_1 li .item_span .num{ font-size: 14vw;}
}
.smc_fo_floor {
    padding: 70px 0 80px;
    background: linear-gradient(180deg, #03A9F4 -3.54%, rgba(255, 255, 255, 0.00) 97.95%), linear-gradient(194deg, #2196F3 -24.94%, #ff0e0eb5 25.09%, #9C27B0 66.38%, #381ca736 110.72%), linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, #fff 8.18%, rgba(255, 255, 255, 0.00) 98.18%), linear-gradient(270deg, #FFD600 -11.14%, #FFD600 -9.28%, #FF0E0E 30.8%, #fbfbfb 63.88%, #30F 99.4%), linear-gradient(0deg, #1940FF 0%, #82FFF7 112.05%);
    font-size: 0;
}
.smc_fo_floor .container{
    width: 1170px;
}
.smc_fo_floor .title {
  color: #fff;
  font-size: 36px;
  text-align: center;
  margin-bottom: 18px;
}
.smc_fo_floor .read {
  text-align: center;
}
.smc_fo_floor .read a {
  color: #4596E5;
  font-size: 16px;
}
.smc_fo_floor .read a:hover {
  text-decoration: underline;
}
.smc_fo_floor .content {
  overflow: hidden;
  padding: 45px 0;
}
.smc_fo_floor .content .left {
  width: 48%;
  float: left;
}
.smc_fo_floor .content .left .box {
  position:relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight:300;
  padding:20px 50px 20px 0;
  margin-bottom:10px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transition: .4s;
  transition: .4s;
}
.smc_fo_floor .content .left .box:after{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    color: #d88c6a;
    background: #efe4dc;
    font-size: 30px;
    padding-top: 15px;
    top: 15%;
    right: -35px;
    -webkit-transition: .4s;
    transition: .4s;
    position: absolute;
    text-align: center;
}
.smc_fo_floor .content .left .box:first-child:after {
    content: "";
    background: #67419e url(/images/playing.png);
    background-size: contain;
}
.smc_fo_floor .content .left .box:nth-child(2):after {
    content: "";
    background: #67419e url(/images/keep.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
.smc_fo_floor .content .left .box:nth-child(3):after {
    content: "";
    background: #67419e url(/images/freely.png);
    background-size: contain;
}
.smc_fo_floor .content .left .box:last-child:after {
    content: "";
    background: #67419e url(/images/freely.png);
    background-size: contain;
}
.smc_fo_floor .content .left .box:hover .word .name,
.smc_fo_floor .content .left .box:hover .word .desc {
  font-weight:normal;
}
.smc_fo_floor .content .left .box .word .name_desc{
    display: none;
    font-size: 16px;
    font-weight: 200;
    color:#67419e;
    letter-spacing:0.3px;
}
.smc_fo_floor .content .left .box.active .word .name_desc{
    display: block;
}

.smc_fo_floor .content .left .box .pic {
  margin-right: 30px;
}
.smc_fo_floor .content .left .box .pic img {
  width: 65px;
  max-width: inherit;
}
.smc_fo_floor .content .left .box .word .name {
  color: #d88c6a;
  font-size: 20px;
}
.smc_fo_floor .content .left .box .word .desc {
  color: #666666;
  font-size: 16px;
}

.smc_fo_floor .content .left .box.active{
    background-color: #fff;
}
.smc_fo_floor .content .left .box.active:after{
    color:#fff;
    background-color: #f3c7a6;
}
.smc_fo_floor .content .left .box:hover .word .name, .smc_fo_floor .content .left .box:hover .word .desc{
    color: #67419e;
    font-weight:700;
}
.smc_fo_floor .content .left .active .word .name,
.smc_fo_floor .content .left .active .word .desc {
    
  color: #67419e;
  font-weight:700;
}

.smc_fo_floor .content .right {
  width: 42%;
  float: right;
}
.smc_fo_floor .content .right .box {
  display: none;
}
.smc_fo_floor .content .right .box img {
  max-width: 100%;
  border-radius: 25px;
}
.smc_fo_floor .content .right .active {
    display: block;
    padding-top:10px;
    margin-top: 0;
    animation: hideIndex 0.3s;
    -moz-animation: hideIndex  0.3s; /* Firefox */
	-webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
	-o-animation: hideIndex  0.3s; /* Opera */
}
@media screen and (max-width: 800px) {
  .smc_fo_floor {
    padding-bottom: 60px;
  }
  
  .smc_fo_floor .content .left {
    width: 100%;
    float: inherit;
    margin-bottom: 50px;
  }
  .smc_fo_floor .content .right {
    width: 100%;
    float: inherit;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
   .smc_fo_floor .container {
    width: 100%;
}

  
  .smc_fo_floor .title {
    font-size: 24px;
  }
  .smc_fo_floor .content{
      padding:0 10px;
  }
  
  .smc_fo_floor .content .left .box .word .name {
    font-size: 20px;
  }
  .smc_fo_floor .content .left .box .word .desc {
    font-size: 14px;
  }
  .smc_fo_floor .content .left .box:after{
      display:none;
  }  
}
.download-apple-music .download-btn .button-area{
    width: 100%;
}
.download-apple-music .download-btn .button-area a{
    display: inline-block;
    width: 180px;
}
.download-apple-music .download-btn .button-area>a{
    margin-right:20px;
}
.features .feature.more-f p.sub-title {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.features .feature.more-f .boxs:last-child{
    margin-top:30px;
}
.features .feature.more-f{
    background: #00000002;
}


.features .feature.more-f .boxs .box {
    position:relative;
    text-align: center;
    width: 240px;
    height: 240px;
    padding: 40px 20px 0;
    float: left;
    margin-right: 40px;
    box-shadow: rgba(0, 0, 0, 0.61) 2px 0 12px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.61) 2px 0 12px;
    -moz-box-shadow: rgba(0, 0, 0, 0.61) 2px 0 12px;
}
.features .feature.more-f .boxs .box img {
    height: 33px;
    margin-bottom: 30px;
}
.features .feature .p1 {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
}
.features .feature.more-f .boxs .box .p1 {
    font-size: 18px;
}
.features .feature .p2 {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-bottom: 10px;
}
.features .feature.more-f .boxs .box .p2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 0;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    padding-top: 0;
    margin-bottom: 0;
    text-align: center;
    background: #03A9F4;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.features .feature.more-f .boxs .box:hover p.p2{
    padding-top: 110px;
    height: 225px;
    opacity: 1;
}   
.features .feature.more-f .boxs .box:last-child {
    margin-right: 0;
}

.download-apple-music .download-btn h1 {
    font-size: 24px;
}
.faqs .faqs-content{
    font-size: 16px;
    letter-spacing: 0.1px;
}
.how-to-use{
    background: linear-gradient(180deg, #03A9F4 -3.54%, rgba(255, 255, 255, 0.00) 97.95%), linear-gradient(194deg, #FFD600 -24.94%, #ff0e0eb5 25.09%, #4300bbe0 66.38%, #381ca736 110.72%), linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, #fff 8.18%, rgba(255, 255, 255, 0.00) 98.18%), linear-gradient(270deg, #FFD600 -11.14%, #FFD600 -9.28%, #FF0E0E 30.8%, #fbfbfb 63.88%, #30F 99.4%), linear-gradient(0deg, #1940FF 0%, #82FFF7 112.05%);
}

.phone-img{
        display: none;
    }
.flex-control-thumbs li{
    width: 20%;
}
.flex-control-thumbs img{
    width: 100px;
    display: inline-block;
    opacity: 0.4;
}

.media-reviews ul.slides{
    background: #fff;
    padding: 20px 0;
}
.flex-viewport{
    border-radius: 25px;
}
.flex-direction-nav .flex-next{
    top:30%;
    right: 30px !important;
}
.flex-direction-nav .flex-prev{
    top:30%;
    left: 30px !important;
}
    
.media-reviews{
    background: linear-gradient(180deg, #ffeb3b00 -3.54%, rgba(255, 255, 255, 0.00) 97.95%), linear-gradient(194deg, #9C27B0 -24.94%, #3F51B5 25.09%, #2196F3 66.38%, #381ca736 110.72%), linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(0deg, #fff 8.18%, rgba(255, 255, 255, 0.00) 98.18%), linear-gradient(270deg, #FFD600 -11.14%, #FFD600 -9.28%, #FF0E0E 30.8%, #fbfbfb 63.88%, #30F 99.4%), linear-gradient(0deg, #1940FF 0%, #82FFF7 112.05%);
}

.media-reviews h3{
    margin-bottom: 60px;
    color:#fff;
}
.media-reviews .slides li .p2{
    letter-spacing: 0.1px;
    font-weight: 700;
}


.banner_btn{position:relative;width:480px;height:65px;margin:39px 0 29px}
            .banner_btn .banner_win{position:absolute;width:100%;height:100%;z-index:100;display:flex;flex-flow:row nowrap;justify-content:space-between}
            .banner_btn .banner_mac{position:absolute;width:100%;height:100%;z-index:90;display:flex;flex-flow:row nowrap;justify-content:space-between}
            .banner_btn .banner_btn_download{display:flex;justify-content:center;align-items:center;width:224px;height:65px;background:#03A9F4;border-radius:32.5px;transition:all .5s}
            .banner_btn .banner_btn_download .banner_btn_download_text{width:70%;margin-top:5px}
            .banner_btn .banner_btn_download .banner_btn_download_text span{font-weight:400;font-size:20px;line-height:24px;color:#fff}
            .banner_btn .banner_btn_download .banner_btn_download_text p{font-weight:400;font-size:14px;line-height:150%;color:#fff;margin-bottom:0;}
            .banner_btn .banner_btn_download .banner_win_btn{width:21px;height:22px;background:url(/images/win_btn.svg) no-repeat;background-size:100% 100%}
            .banner_btn .banner_btn_download .banner_mac_btn{width:21px;height:25px;background:url(/images/mac_btn.svg) no-repeat;background-size:100% 100%}
            .banner_btn .banner_btn_download .banner_mac_text p{font-size:12px;line-height:150%;margin-bottom:0;}
            .banner_btn .banner_btn_download:hover{background:#0f70b7;text-decoration: none;}
            .banner_btn .banner_btn_buy{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:224px;height:65px;border:1px solid #c8cac9;border-radius:32.5px;transition:all .5s}
            .banner_btn .banner_btn_buy .banner_btn_buy_text{width:70%;margin-top:5px}
            .banner_btn .banner_btn_buy .banner_btn_buy_text h4{font-weight:400;font-size:20px;line-height:24px;color:#3d3d3d}
            .banner_btn .banner_btn_buy .banner_btn_buy_text span{font-weight:400;font-size:20px;line-height:24px;color:#3d3d3d}
            .banner_btn .banner_btn_buy .banner_btn_buy_text p{font-weight:400;font-size:14px;line-height:150%;color:rgba(61,61,61,.5);margin-bottom:0;}
            .banner_btn .banner_btn_buy .banner_btn_buy_icon{width:25px;height:25px;background:url(/images/cart.svg) no-repeat;background-size:100% 100%}
            .banner_btn .banner_btn_buy:hover{background:#303030;text-decoration: none;}
            .banner_btn .banner_btn_buy:hover .banner_btn_buy_text span{color:#fff}
            .banner_btn .banner_btn_buy:hover .banner_btn_buy_text p{color:rgba(255,255,255,.5);margin-bottom:0;}
            .banner_btn .banner_btn_buy:hover .banner_btn_buy_icon{width:25px;height:25px;background:url(/images/cart_hover.svg) no-repeat;background-size:100% 100%;}
            
            .toggle{position:relative;width:155.09px;height:29px;background:rgba(196,196,196,.5);border-radius:19.2616px}
            .toggle .current_active{position:absolute;top:2.1px;left:3px;width:74.39px;height:23.96px;background:#fff;border-radius:17.2962px;transition:all .5s}
            .toggle .toggle_choose{position:absolute;top:2.3px;left:2.5px;display:flex}
            .toggle .toggle_choose .toggle-btn{width:74.39px;height:23.96px;font-weight:400;font-size:11.0066px;line-height:188.51%;color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}
            .toggle .toggle_choose .toggle-btn img{margin-right:4px}

@media screen and (max-width: 767px){
    .product-banner{
        margin-top: 31px;
    }
    .product-banner .banner-title{
        font-size: 28px;
        text-align: center;
    }
    .product-banner .banner-desc{
        display: none;
    }
    .product-banner .banner-li{
        font-size: 14px;
        margin: 10px 0;
    }
    .phone-img{
        display: block;
    }
    .btn-download{
        width:43%;
        display: inline-block;
    }
    .product-banner .banner-content,.product-banner .banner-illustration{
        width:100%;
    }
    .product-banner .banner-content{
        padding-bottom: 0;
    }
    .product-banner .banner-illustration{
        display: none;
    }
    .product-banner .container{
        width: 100%;
        padding:0 10px;
    }
    .remove-drm-part {
        display: block;
    }
    .remove-drm-part .part-1 .col-md-8 .left-a{
        background-position-x: 0%;
    }
    .features .feature.more-f .boxs .box{
        width: 50%;
    }
    .download-apple-music .download-btn h1{
        font-size: 28px;
        margin-top: 0;
    }
    .download-apple-music .download-btn p{
        font-size: 14px !important;
    }
    .download-apple-music .download-btn .button-area>a{
        width: 140px;
    }
    .download-apple-music .download-btn .button-area>a{
        margin-right: 0;
    }
    .download-apple-music .download-screenshot{
        display: none;
    }
    .download-apple-music .download-btn .button-area{
        margin-top:20px;
    }
    .w-imgText .textB .text_x .btn,.w-imgText_1 .textB .text_x .btn{
        display: none;
    }
    .features .feature.more-f{
        display: none;
    }
    .how-to-use #slider-htu .slides{
    width: 2800px;
    left: -394px !important;
    }
    .how-to-use #slider-htu .slides li{
        width: 380px;
    }
    .how-to-use #slider-htu .slides li img{
        width: 380px;
        height: auto;
    }
    .title {
    font-size: 18px;
}
.part-1 .col-md-4{
    margin-top: 20px;
}
.remove-drm-part .part-1 .col-md-4{
    height: 300px;
}
.remove-drm-part .part-1 .col-md-8{
    height: 400px;
}
.phone-show {
    display: block !important;
}
.banner_btn{width:100%;height:61px}
.banner_btn .banner_btn_download{width:58%}
.banner_btn .banner_btn_download .banner_btn_download_text span{font-size:16px}.banner_btn .banner_btn_download .banner_btn_download_text p{font-size:12px}.banner_btn .banner_btn_download .banner_mac_text p{font-size:10px}
.banner_btn .banner_btn_buy{width:35%}.banner_btn .banner_btn_buy .banner_btn_buy_icon{display:none}
.banner_btn .banner_btn_buy .banner_btn_buy_text span{font-size:16px}.banner_btn .banner_btn_buy .banner_btn_buy_text p{font-size:12px}.banner_heart .product_pic{width:100%;margin-top:53px}
.toggle{margin:22px 0 20px}
}