html,body{width: 100%;height: 100%;}
.wrap{width: 100%;height:auto;overflow: hidden;}
.inner,.download_inner,.active,.show_inner{width:80%;margin:0 auto;height:auto;min-width: 960px;max-width: 1160px;position: relative;z-index: 1000;}
.head{width: 100%;height:116px;line-height: 116px;color:#fefefe;}
.logo{width:230px;float:left;height:100%;font-size: 35px;}
/* .home_head_color .logo{color:#fefefe;} */
.logoimg{width:60px;margin-right:30px;}
.tab_btn{float:right;}
.tab_btn li{float:left;height:100%;cursor: pointer;margin-left:60px;position: relative; font-size: 16px;}
.tabli_home a{color:#fff}
.tabli p,.tabli_home a p{display: block;width: 100%;height: 4px;float: left;background: #fc3e4b;position: absolute;bottom:20px;}
/* .home_head_color .tabli{} */
.content{width:100%;height:auto;}
/*.content li{width:100%;height:100%;}*/
.show,.active{display: none;}
.foot{width:100%;height:90px;background:#f8f8f8;text-align: center;color:#666666;font-size: 14px;overflow: hidden;}
.foot a{color:#666666;font-size: 14px;}
.foot p{    margin-top: 15px;margin-bottom: 5px;}
.home_banner_div{width:80%;margin:0 auto;height:856px;min-width: 960px;max-width: 1200px;position: relative;}
.home_loop{width:100%;margin:0 auto;height:100%;overflow: hidden;}
#activeIframe{width:100%;height:5650px;}
.audioitem{width:80px;height:80px;cursor: pointer;float:left;background:#fff;border-radius: 50%; line-height: 80px;text-align: center;}
.home_banner{width:100%;height:970px;background:url('../images/banner.png') no-repeat center;}
.home{margin-top:-116px;}
.loop_item_p{width:40%;float:left;}
.loop_item_1,.loop_item_2{width:100%;float:left;font-size: 46px;color:#fefefe;margin-top:175px;text-align: center;}
.loop_item_2{font-size: 26px;margin-top:17px;}
.loopimg{width:50%;float:right;margin-top: 99px;}
.download{width: 40%;height: 60px;position: absolute;top: 444px;text-align: center;line-height: 60px;}
.download a{font-size: 22px;color:#fefefe;display: block;width: 202px;height: 100%;border-radius: 30px;background: rgba(141,119,142,0.5);margin:0 auto;}
.download_code{width: 100%;height: 442px;background:#fff;}
.download_left{width: 50%;float:left;text-align: right;font-size: 17px;color:#282828;}
.download_left img{margin-top:43px;float:right;margin-left: 200px;margin-right: 50px;}
.download_left p{width: 280px;text-align:center;float:right;line-height: 50px;margin-right: 50px;}
.download_right{width: 50%;float:right;}
.tabli:hover,.tabli_home:hover{color:#fc3e4b;}
.download_right p{width:240px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color:#fff;border-radius: 30px;}
.ios_btn{background:#1b85e6;margin-top:110px;margin-left: 50px;cursor: pointer;}
.android_btn{background:#fc3e4b;margin-top: 50px;margin-left: 50px;cursor: pointer;}
.ios_mouseenter{background:#1877cf;}
.ios_mousedown{background:#166ab8;}
.android_mouseenter{background:#e23843;}
.android_mousedown{background:#ca323c;}
/* .show_inner{width:1200px;margin:0 auto;overflow: hidden;} */
.show_title{width: 100%;height: 97px;line-height: 97px;font-size: 19px;color:#282828;}
.refresh_btn{float:right;height:100%;color:#999999;font-size: 16px;cursor: pointer;}
.audio_ul,#video_ul{width:100%;overflow: hidden;position: relative;}
.audio_ul li{width:20%;float:left;margin-right:6.66%;padding-bottom: 20px;position: relative;}
.audio_ul li .coverimg{width:100%;position: relative;}
.audio_ul li .coverimg img{width:100%;}
.audio_ul .removeMargin{margin-right:0;}
.readnum{ width: 100%;height: 30px;font-size:13px;color:#fefefe;line-height:30px;display: block;position: absolute;bottom: 0;}
.audio_ul li .readnum img{width:20px;height:14px;margin-top:-7px;margin-left:5px;margin-right:5px;}
.musicname{font-size: 16px;color:#282828;padding:10px 0;}
.stopbtn,.playbtn,.videoplay,.videostop{width: 80px;height: 80px;background:url('../images/stop.png') no-repeat center; cursor: pointer;z-index: 100; position: absolute;top: 60px;left: 50%;margin-left: -40px;}
.playbtn,.videoplay{background:url('../images/play.png') no-repeat center;display: none;}
#video_ul{margin-bottom:80px;}
#video_ul li{width:30%;float:left;position: relative;margin-right: 5%;}
#video_ul li img{width: 100%;height: 100%;}
#video_ul .removeMargin{margin:0;}
.video_name{font-size: 16px;color:#282828;padding:10px 0;}
.videoplay,.videostop{top:46px;}
#videoshadow{position: fixed;width: 100%;height: 100%;z-index: 10000;top:0;left:0;opacity: 0.5;background:#000;display: none;}
#myvideo{width: 800px;display:none;left:50%;margin-left:-400px;position:fixed;top:200px;z-index: 19999;}
.close{width:50px;cursor:pointer;height:50px;background:url('../images/close.png') no-repeat center;position: fixed;right: 0;top: 0;z-index: 11111;display: none;}
.headimg{    width: 50px;height: 50px;float: left;background: #444;	margin-top: 10px;border-radius: 50%;margin-right: 5px;}
.headimg img{width: 100%;height: 100%;border-radius: 50%;}
.loop_nav{width:90px;height:auto;position: absolute;overflow: hidden;bottom:-50px;left:50%;margin-left:-45px;}
.loop_nav li{float:left;width:10px;height: 10px;border-radius: 50%;background:#999;margin:0 5px;cursor: pointer;}
#audio_ul_home,.match_ul{margin-bottom: 60px;}

.match_ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.match_ul li{
    width: 0;
    flex: 0 0 30%;
}
.match_ul li .match{
    cursor: pointer;
}
.match_ul li img{
    width: 100%;
    height: 100%;
}
#mycartoon-bg {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #3333338c;
    z-index: 11111;
}
.mycartoon-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}