/* CSS Document */

/* banner */

.fea_banner{overflow: hidden;}
.fea_banner.game{background-color: #F5F3FF;background: url(https://imobie-resource.com/en/anymiro/img/use_game_bannerbg.jpg) #F5F3FF no-repeat;background-position: center bottom;}
.fea_banner.art{background-color: #E8F9F2;background: url(https://imobie-resource.com/en/anymiro/img/use_art_bannerbg.jpg) #E8F9F2 no-repeat;background-position: center bottom;}
.sub_nav_cont{border-bottom: 1px solid #D4D4D4;}

.fea_banner .fea_bancnt{position: relative; padding: 80px 0;box-sizing: border-box;margin: 0 auto;}
.fea_banner .fea_banimg{left: 745px; position: absolute; width: 580px;height: auto;margin-top: 60px;}
.fea_banner.art .fea_banimg{margin-top: 35px;}
.fea_banimg img{max-width: 100%;}
.fea_banner .fea_bantext{max-width: 630px;margin-top: 53px;margin-bottom: 44px;}
.fea_bantext h1{font-weight: 600;font-size: 52px;line-height: 1.5;}
.fea_bantext p{font-size: 18px;line-height: 1.5;margin-top: 40px;color: #333333;}

.amfe_banbtn p{display:inline-block; vertical-align:top; margin:10px 20px 0 0; text-align:center;}
.amfe_banbtn p:last-child{margin-right: 0;}
.amfe_banbtn p span{ font-size:14px; color:#666; display:block; margin-top:10px; text-align:center;}
.amfe_banbtn p span a{display:inline; font-size:inherit; color:inherit!important; font-weight:inherit; line-height:inherit; text-decoration:underline; border:none; background:none!important;}
.amfe_banbtn p span a:hover{transform:none;}
.amfe_banbtn a{display:inline-block; width:280px; line-height:70px; height:70px; background-color:#7057EA; border-radius:6px; font-size:24px; color:#fff; /*font-family:Helvetica, sans-serif;*/ font-weight:bold; text-decoration:none; text-align:center; transition:.3s linear;}
.amfe_banbtn a:after{ font-family:iconfont; margin-left:10px; vertical-align:middle; color:inherit; font-size:inherit; font-weight:normal;}
.amfe_banbtn a:hover{ transform:translateY(-5px);}
.amfe_banbtn .dlbtn:after{content:"\e931";}
.amfe_banbtn .buybtn:after{content:"\e92a";}
.amfe_banbtn .buybtn{background-color:#F39B11;}
/* banner - end */

.fea_title{font-size: 48px;font-weight: 600;margin-left: auto;margin-right: auto; text-align: center;}
.fea_title1{margin: 100px auto 0;max-width: 980px;}
.fea_container .fea_centent{margin: 0 auto;padding: 100px 0px;box-sizing: border-box;text-align: center;}
.fea_container .fea_cont{margin: 0 auto;max-width: 1400px;padding: 0 20px;box-sizing: border-box;}

.bg1{background-color: #F1EEFF;}
.bggame{background-color: #D6D9FF;direction: rtl;}
.bgart{background-color: #E8F9F2;}
.bg3{background-color: #E8EAFF;}

.act_top{animation-delay: 0ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top0{animation-delay: 0ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top1{animation-delay: 200ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top2{animation-delay: 400ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top3{animation-delay: 600ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top4{animation-delay: 800ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top5{animation-delay: 1000ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top6{animation-delay: 1200ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top7{animation-delay: 1400ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}
.act_top8{animation-delay: 1600ms;animation-fill-mode: both;animation-duration: 1000ms;animation-iteration-count: 1;opacity: 1;animation-name: react_animation_right;}

.fea_cont .fea_cont_img{display: inline-block;vertical-align: middle;border-radius: 20px;margin:0 80px 0 0;}
.game .fea_cont .fea_cont_img{margin:0 80px 0 0;}
.art .fea_cont .fea_cont_img{margin:0 0px 0 80px;}
.fea_centent.rtl{direction: rtl;}
.fea_centent.rtl .fea_cont_text{direction: ltr;}
.bggame .fea_cont .fea_cont_img{margin:0 0px 0 80px;}
.bgart .fea_cont .fea_cont_img{margin:0 80px 0 0px;}
.fea_cont .fea_cont_img img{vertical-align: bottom;}
.fea_cont .fea_cont_text{direction: ltr; text-align: left; display: inline-block;vertical-align: middle;max-width: 510px;}
.fea_cont_text h3{font-weight: 600;font-size: 40px;line-height: 1.5;}
.fea_cont_text p{font-size: 18px;line-height: 32px;margin: 30px auto 0;color: #333333;}
.fea_cont_text .cont_text_li{display: flex;}
.cont_text_li li{display: inline-block;font-size: 16px;margin-top: 30px; color: #000;text-align: center;width: 140px;margin-right: 30px;}
.cont_text_li li:last-child{margin-right: 0;}
.cont_text_li img{width: 64px;height: 64px;background: #FFFFFF;border-radius: 6px;vertical-align: bottom;}
.cont_text_li span{display: block;margin-top: 20px;font-size: 14px;}




.fea_advantage{padding: 80px 0 80px;}
.fea_advantage.game{background: url(https://imobie-resource.com/en/anymiro/img/amuse_game_bg1.jpg) #8578E6 no-repeat;background-position: center center;background-size: cover;}
.fea_advantage.art{background: url(https://imobie-resource.com/en/anymiro/img/amuse_art_bg1.jpg) rgba(170, 239, 204, .2) no-repeat;background-position: center center;background-size: cover;}
.fea_advantage h2{font-weight: 600;
	font-size: 48px;
	line-height: 1.5;
	text-align: center;
  padding: 0 20px;
}


.fea_advantage .advantage_cont{max-width: 1400px;margin: 60px auto 0;}
.advantage_cont  ul{display: flex;flex-flow:wrap;justify-content: center;}
.advantage_cont li{display: inline-block;}
.advantage_cont li a:hover{transform: translateY(-10px);}

.advantage_cont a{width: 266px;height: 294px;vertical-align: bottom;transition: .3s;
background: url(https://imobie-resource.com/en/anymiro/img/game_techbg.png);
background-position: 0px 0px;
text-decoration: none;
background-size: auto;
margin:0 30px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
cursor: auto;
}

.game .advantage_cont a{background: url(https://imobie-resource.com/en/anymiro/img/game_techbg.png);background-position: 0px 0px;background-size: contain;}
.art .advantage_cont a{background: url(https://imobie-resource.com/en/anymiro/img/art_techbg.png);background-position: 0px 0px;background-size: contain;}

.advantage_cont .amidx_tech_bg{width: 80px;height: 80px;
background-color: white;
background: url(https://imobie-resource.com/en/anymiro/img/use_game_techicon.png);
}
.art .advantage_cont .amidx_tech_bg{background-image: url(https://imobie-resource.com/en/anymiro/img/use_art_techicon.png);}
.amidx_tech_bg.tech1{background-position: 0px 0px;}
.amidx_tech_bg.tech2{background-position: -80px 0px;}
.amidx_tech_bg.tech3{background-position: -160px 0px;}
.amidx_tech_bg.tech4{background-position: -240px 0px;}
.amidx_tech_bg.tech5{background-position: -320px 0px;}
.amidx_tech_bg.tech6{background-position: -400px 0px;}
.amidx_tech_bg.tech7{background-position: -480px 0px;}

.advantage_cont a span{display: inline-block;
  font-weight: 600;
  margin: 10px auto 0;
  max-width: 180px;
  font-size: 18px;
  line-height: 25px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 27px;
  min-height: 54px;
  color: #333333;}


















.fea_comment{padding: 100px 0 350px;}
.comment_cont{margin:80px auto 0;max-width: 1260px;position: relative;}
.comment_lists{display: flex;justify-content: center;}
.comment_lists li {margin: 0 15px;position: relative; max-width: 380px; width: 100%; box-sizing: border-box; padding:40px 30px 67px 30px; border-radius: 20px; transition: all .6s ease-in-out; opacity: 1; }
.comment_lists li:first-child {  background-color: #E7E4FA; }
.comment_lists li:nth-child(2) {  background-color: #DAF2E8; }
.comment_lists li:last-child {  background-color: #FDE9E1; }
.comment_lists li p { margin: 20px auto 30px; font-size: 20px; color: #333; line-height: 42px; min-height: 210px; }
.comment_lists .box_scale { opacity: 0; transition: all .5s ease-in-out;}
.comment_lists li i {position: absolute;bottom: 40px; font-size: 20px; font-weight: 600; color: #000; line-height: 30px; }
.auther_head img{vertical-align: middle;}
.auther_head .author_head{margin-right: 10px;}

.comment_listsmo{overflow: hidden;display: none;}
  .comment_listsmo .retain_show{padding: 0 0%;}
  .comment_listsmo .retain_swiper{position: relative;}
  .comment_listsmo li {margin: 0 0%; width: 100%; box-sizing: border-box; border-radius: 20px; transition: all .6s ease-in-out; opacity: 1; }
  .comment_listsmo li>div{position: relative; padding: 40px 30px 67px 30px;margin: 0 3%; border-radius: 20px;}
  .comment_listsmo li .color1 {  background-color: #E7E4FA; }
  .comment_listsmo li .color2 {  background-color: #DAF2E8; }
  .comment_listsmo li .color3 {  background-color: #FDE9E1; }
  .comment_listsmo li p { margin: 20px auto 30px; font-size: 20px; color: #333; line-height: 42px; }
  .comment_listsmo .box_scale { opacity: 0; transition: all .5s ease-in-out;}
  .comment_listsmo li i {position: absolute;bottom: 40px; font-size: 20px; font-weight: 600; color: #000; line-height: 30px; }

  .retain_list {
    margin-top: 20px;
    text-align: center;
}
.retain_list .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background: #9c8eff;
}






/* content6 */
.content6{padding-bottom: 100px;}
.section6 { max-width: 1520px; width: 100%; margin: -250px auto 0; background: #fff url(https://imobie-resource.com/en/anymiro/img/sec6_bgimg.png) top center no-repeat; box-sizing: border-box; padding: 60px 140px; border-radius: 30px; }

.section6 .sec6_image { display: inline-block; vertical-align: middle; }

.sec6_text { display: inline-block; max-width: 600px; width: 100%; vertical-align: middle; margin-right: 105px; }
.sec6_text h2 { font-size: 52px; font-weight: 600; color: #fff; }
.sec6_text>p { font-size: 18px; font-weight: 500; color: #fff; margin: 16px auto 40px; line-height: 32px; }
.sec6_text .btn_groups p { display: inline-block; max-width: 280px; width: 100%; vertical-align: text-top; }
.sec6_text .btn_groups p:first-child { margin-right: 35px; text-align: center; }
.sec6_text .down_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #fff; color: #7057EA; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 6px; transition: all .3s linear;}
.sec6_text .buy_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #F7AC46; color: #FFFFFF; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 6px; transition: all .3s linear;}
.sec6_text .buy_btn:hover, .sec6_text .down_btn:hover { transform: translateY(-5px);  }
.sec6_text .btn_groups a { text-decoration: none; }
.sec6_text p em { display: inline-block; font-size: 14px; color: #fff; margin-top: 10px; text-align: left; }
.sec6_text p em img { vertical-align: top; margin-left: 10px; }
.sec6_text p span { display: block; }
.sec6_text p .text_box { padding-left: 35px; text-align: left; }
.sec6_text p span a { font-size: 14px; color: #dfdfdf; }
.sec6_text p span a:hover { text-decoration: underline; }


@keyframes react_animation_right {
	0% { opacity: 0; transform: translate3d(0px, 100%, 0px);}
	100% { opacity: 1; transform: none;}
}
@media screen and (max-width: 1560px){
.sec6_text {
    margin-right: 6%;
}
}
@media screen and (max-width: 1500px){
  .section6 {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
}
  .sec6_text {
    max-width: 50%;
}
.section6 .sec6_image {
  width: 35%;
}
.section6 .sec6_image img {
  max-width: 100%;
  width: 100%;
}
}

@media screen and (max-width: 1400px){	
  .fea_cont .fea_cont_img{width: 45%;margin-right: 2%;}
  .fea_cont_img img{max-width: 100%;}
  .bggame .fea_cont .fea_cont_img{margin: 0 0 0 2%;}
  .bgart .fea_cont .fea_cont_img{margin: 0 2% 0 0%;}



	.section6 { margin: -250px auto 0; background: #8578e6; }
	
	.sec6_text { max-width: 40%; margin: 0 5%; }
	.section6 .sec6_image { width: 45%; }
	.sec6_text .btn_groups p:first-child { margin-bottom: 20px; margin-right: 0; }
}

@media screen and (max-width: 1330px){	
  .fea_advantage{padding-left: 20px;padding-right: 20px;}
  .advantage_cont a{width: 230px;height: 254px;background-size: contain;margin: 0 15px;}
  .advantage_cont a span{font-size: 16px;margin-top: 0;}
}
@media screen and (max-width: 1300px){
	
}
@media screen and (max-width: 1200px){
  .fea_banner .fea_bancnt{padding: 56px 10px;}

  .fea_banner .fea_bantext {max-width: 590px;margin-top: 70px;}
  .amfe_banbtn{margin-top: 40px;}
  .fea_bantext p{margin-top: 20px;}
  .fea_bantext h1{font-size: 50px;}
  .fea_banner .fea_banimg {left: 620px;width: 500px;}
  .fea_banner.game .fea_banimg{margin-top: 80px;}
  .fea_banner.art .fea_banimg{margin-top: 70px;}
  .fea_title1{margin-top: 80px;}
  .fea_container .fea_centent{padding: 80px 0;}
  .bggame .fea_cont .fea_cont_img{margin-left: 0;}

  .fea_cont .fea_cont_img{display: block;margin: 0 auto;width: auto;}
  .art .fea_cont .fea_cont_img{display: block;margin: 0 auto;width: auto;}
  .fea_cont .fea_cont_text{display: block;max-width: 100%;text-align: center;margin: 30px auto 0;max-width: 900px;}
  .fea_cont_text .cont_text_li{justify-content: center;}
  .cont_text_li li{margin-right: 0;}


}
@media screen and (max-width: 1190px){

}

@media screen and (max-width: 1150px){

}
@media screen and (max-width: 1110px){
  .advantage_cont a{margin: 0 10px;}
  .advantage_cont li:nth-child(n){margin-top: -10px;}
	
}
@media screen and (max-width: 980px){
.fea_banner.game .fea_banimg{margin-top: 0px;}
.fea_banner.art .fea_banimg{margin-top: 0px;}

.fea_banner .fea_banimg{position: static;margin: 40px auto 0;width: auto;text-align: center;}
.fea_banner .fea_bantext{max-width: none;text-align: center;}
.fea_title{font-size: 36px;padding: 0 20px;}
.fea_title1{margin-top: 80px;}
.fea_container .fea_centent{padding: 80px 0;}
.fea_banner .fea_bantext{margin-bottom: 0;}

.comment_cont{width: 94%;padding-left: 3%;padding-right: 3%;display: none;}
.comment_listsmo{display: block;margin-top: 40px;}


.fea_cont_text h3{font-size: 32px;}
.fea_advantage{padding: 60px 0;}
.advantage_cont a{margin: 0 0px;width: 200px;
  height: 222px;}
/* .advantage_cont li:nth-child(n){margin-top: 20px;} */
.advantage_cont a span{font-size: 14px;    line-height: 21px;
  min-height: 34px;max-width: 120px;}



.content6{padding-bottom: 80px;}
.section6 { background: #8578e6; border-radius: 20px; }
.sec6_text { display: block; max-width: 100%; text-align: center; margin: 0;}
.sec6_text>p { margin: 20px auto; max-width: 700px;}
.section6 .sec6_image { display: block; width: 62%; margin: 20px auto 0; }
.sec6_text .btn_groups p { margin: 20px 2% 0; }
.sec6_text .btn_groups p:first-child { margin-right: 2%; margin-bottom: 0; }



.fea_comment{padding: 80px 0 330px;}


.comment_lists{flex-wrap: wrap;}
.comment_lists li{max-width: none;}
.comment_lists li p{min-height: auto;}

}

@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 750px){
.fea_title{font-size: 32px;}
.fea_title1{margin-top: 50px;}
.fea_container .fea_centent{padding: 50px 0;}
.fea_cont_text h3{font-size: 24px;}
.fea_cont_text p{font-size: 16px;margin: 15px auto;}





.fea_advantage h2{font-size: 32px;}
.advantage_cont li:nth-child(n){margin-top: -10px;}
.advantage_cont a{width: 150px;height: 165px;margin: 0 10px;}
.advantage_cont a span{font-size: 12px;line-height: 14px;min-height: auto;max-width: 100px;}
.fea_advantage .advantage_cont{margin-top: 30px;}
.advantage_cont .amidx_tech_bg{width: 40px;height: 40px;background-size:280px auto;}
.fea_advantage{padding: 40px 0 50px 0;}


.content6{padding-bottom: 50px;}
.section6 { padding: 30px 3%; }
.sec6_text h2,.section5 h2,.sec4_title h2,.section3 h2 { font-size: 36px; }
.sec6_text>p { font-size: 16px; }
.sec6_text .down_btn, .sec6_text .buy_btn { font-size: 20px; }

}
@media screen and (max-width: 700px){
  .amfe_banbtn p{display: block;margin: 20px auto 0;}
  
}
@media screen and (max-width: 580px){


.advantage_cont ul{max-width: 500px;margin-left: auto;margin-right: auto;}
.advantage_cont li:nth-child(n){margin-top: 0px;}
.advantage_cont a{margin: 0 00px;}

}
@media screen and (max-width: 568px){


.fea_bantext h1{font-size: 36px;}
.fea_banner .fea_bantext{margin-top: 30px;}



.cont_text_li li{width: auto;margin: 0 10px;}
.takemid{ margin-top:0;}





}
@media screen and (max-width: 414px){

}
@media screen and (max-width: 400px){

}
@media screen and (max-width: 374px){

}
@media screen and (max-width: 325px){

}