/*top_index_con*/
.top_box .top_index_con{ background:url(/uploads/image/mspimages/index_top_bg.png) repeat-x; height:81px; min-width:1200px;}
/*publicity_screen*/
.publicity_screen{ background:url(/uploads/image/mspimages/banner20210520.jpg) center top no-repeat; width:100%; height:775px; min-width:1200px;}
.publicity_screen a{ width:100%; height:750px; display:block;}
/*index_nav*/
.index_nav{ position:absolute; z-index:2; top:118px; width:100%;}
.index_nav .box1200{background:url(/uploads/image/mspimages/nav_bg.png) top no-repeat; height:103px; }
.index_nav .nav{ padding-top:15px;}
/*index_title*/
.index_title{ height:3px; font-size:0; margin:60px 0;}
.index_title .text{ position:absolute; z-index:2; width:100%; text-align:center; top:-20px;}
.index_title .text i{ display:inline-block; font-size:30px;background:#fff; padding:0 20px; font-weight:600;}
.song{background:#86c1fc; }
.song .text i{ color:#86c1fc;}
.why{background:#ff8480; }
.why .text i{ color:#ff8480;}
.story{background:#75bf00; }
.story .text i{ color:#75bf00;}
.love{background:#ff8480; }
.love .text i{ color:#ff8480;}
.study{background:#ffb434; }
.study .text i{ color:#ffb434;}
.partner{background:#429eeb; }
.partner .text i{ color:#429eeb;}
/*index_sort*/
.index_sort{ margin-left:-18px;}
.index_sort ul{white-space:nowrap;overflow:hidden; text-align:center;}
.index_sort ul li{ display:inline-block;text-align:center;text-align:center;*display:inline;*zoom:1; width:95px;}
.index_sort ul li a{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; display:block; cursor:pointer;}
.index_sort ul li .icon{ width:60px; height:60px; line-height:60px; font-size:33px;display: inline-block; text-align:center; margin-bottom:8px;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;}
.index_sort ul li a:hover .icon{-webkit-transform:rotatey(360deg); 
    -moz-transform: rotatey(360deg); 
    transform: rotatey(360deg); }
/*song_sort*/
.song_sort ul li .icon{ background:url(/uploads/image/mspimages/song_circular_60x60.png) no-repeat;color:#86c1fc;}
.song_sort ul li a{color:#86c1fc;}
.song_sort ul li a:hover{ color:#3979ba;}
.song_sort ul li a:hover .icon{background:url(/uploads/image/mspimages/song_circular_hover_60x60.png) no-repeat; color:#fff;}
/*why_sort*/
.why_sort ul li .icon{ background:url(/uploads/image/mspimages/why_circular_60x60.png) no-repeat;color:#ff8480;}
.why_sort ul li a{color:#ff8480;}
.why_sort ul li a:hover{ color:#e83d38;}
.why_sort ul li a:hover .icon{background:url(/uploads/image/mspimages/why_circular_hover_60x60.png) no-repeat; color:#fff;}
/*song_sort*/
.story_sort ul li .icon{ background:url(/uploads/image/mspimages/story_circular_60x60.png) no-repeat;color:#75bf00;}
.story_sort ul li a{color:#75bf00;}
.story_sort ul li a:hover{ color:#4caa00;}
.story_sort ul li a:hover .icon{background:url(/uploads/image/mspimages/story_circular_hover_60x60.png) no-repeat; color:#fff;}
/*study_sort*/
.study_sort ul li .icon{ background:url(/uploads/image/mspimages/study_circular_60x60.png) no-repeat;color:#ffb434;}
.study_sort ul li a{color:#ffb434;}
.study_sort ul li a:hover{ color:#e49000;}
.study_sort ul li a:hover .icon{background:url(/uploads/image/mspimages/study_circular_hover_60x60.png) no-repeat; color:#fff;}
/*songslide*/
.songslide .hd{ border-bottom:2px #86c1fc solid;}
.songslide .hd .more{color:#86c1fc;}
.songslide .hd .on{ background:#86c1fc;}
.songslide .hd .on i{ background:url(/uploads/image/mspimages/song_arrow_bottom.png) no-repeat;}
.songslide .imglist li a:hover{ color:#86c1fc;}
.songslide .imglist li a:hover .num{ color:#86c1fc;}
/*whyslide*/
.whyslide .imglist li a:hover{ color:#ff8480;}
.whyslide .imglist li a:hover .num{ color:#ff8480;}
/*loveslide*/
.loveslide{ margin-top:-30px;}
.loveslide .imglist li a:hover{ color:#ff8480;}
.loveslide .imglist li a:hover .num{ color:#ff8480;}
/*songslide*/
.storyslide .hd{ border-bottom:2px #75bf00 solid;}
.storyslide .hd .more{color:#75bf00;}
.storyslide .hd .on{ background:#75bf00;}
.storyslide .hd .on i{ background:url(/uploads/image/mspimages/story_arrow_bottom.png) no-repeat;}
.storyslide .imglist li a:hover{ color:#75bf00;}
.storyslide .imglist li a:hover .num{ color:#75bf00;}
/*studyslide*/
.studycon{ margin-left:-18px;}
.studyslide{ width:386px; margin-left:18px;}
.studyslide .studytitle{ height:42px; line-height:40px; background:#fff9f0; border-bottom:2px #ffb434 solid; color:#ffb434; font-size:16px; padding:0 15px;}
.studyslide .imglist li a:hover{ color:#ffb434;}
.studyslide .imglist li a:hover .num{ color:#ffb434;}
/*song_ranking*/
.song_ranking .title{ border-bottom:2px #86c1fc solid; color:#86c1fc;}
.song_ranking a:hover{ color:#86c1fc;}
.song_ranking a:hover .play_num{color:#86c1fc;}
.song_ranking a:hover .play_num .tuxiaobei{color:#86c1fc;}
.song_ranking .con ul li a:hover .num{ background:#86c1fc;}
/*story_ranking*/
.story_ranking .title{ border-bottom:2px #75bf00 solid; color:#75bf00;}
.story_ranking a:hover{ color:#75bf00;}
.story_ranking a:hover .play_num{color:#75bf00;}
.story_ranking a:hover .play_num .tuxiaobei{color:#75bf00;}
.story_ranking .con ul li a:hover .num{ background:#75bf00;}
/*link*/
.link{ background:#f9f9f9; border:1px #dedede dotted; padding:15px;}
.link h3{ font-size:18px; font-weight:normal;}
.link .linkcon{ padding-top:10px; line-height:24px; font-size:12px;}
.link .linkcon em{ color:#ccc; margin:0 10px; font-weight:normal;}
.link .linkcon a{ color:#666;}
.link .linkcon a:hover{ color:#0090ff;}
/*partner_list*/
.partner_list{ text-align:center;}
.partner_list{ margin-left:-15px;}
.partner_list ul li{ float:left; margin:0 0 25px 15px; width:158px; position:relative;}
.partner_list ul li img{ width:158px; height:158px; border-radius:10px;}
.partner_list a {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.partner_list a .text{ position:absolute; text-align:center; z-index:9;left:0; bottom:0; width:100%;}
.partner_list a .text p{background:rgba(0,0,0,0.7); height:35px; line-height:35px;padding:0 10px; color:#fff; font-size:13px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.partner_list a .hover{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;opacity:0;filter:alpha(opacity=0);width:158px; height:123px; position:absolute; z-index:10; left:0; top:0; display:block;}
.partner_list a:hover .hover{ background:url(/uploads/image/mspimages/index_partner_hover.png) no-repeat;opacity:1;filter:alpha(opacity=100);}
.view_more{ width:200px; height:40px; line-height:40px; margin:0 auto; display:block; background:#f5f5f5; border:1px #ddd solid; text-align:center; font-size:14px;}
.view_more:hover{ background:#429eeb; border:1px #429eeb solid; color:#fff;}
/*首页banner幻灯样式*/
.slidebox_banner{ width:100%; height:750px; overflow:hidden; position:relative; border-bottom:1px solid #ddd;  }
.slidebox_banner .hd{ height:20px; overflow:hidden; position:absolute; right:calc(50% - 75px); bottom:20px; z-index:1; }
.slidebox_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slidebox_banner .hd ul li{ float:left; margin-right:10px;  width:20px; height:20px; line-height:14px; border-radius:10px; text-align:center; background:rgba(255,255,255,.5); cursor:pointer; }
.slidebox_banner .hd ul li.on{ background:rgba(255,102,0,.6); color:#fff; }
.slidebox_banner .bd{ position:relative; height:100%; z-index:0;   }
.slidebox_banner .bd li{ zoom:1; vertical-align:middle; }
.slidebox_banner .bd li a {display:block; height:750px; width:100%; }
.slidebox_banner .bd li a.bg1 {background:url(/uploads/image/rwbanner/1.png) no-repeat center bottom}
.slidebox_banner .bd li a.bg2 {background:url(/uploads/image/rwbanner/2.png) no-repeat center bottom}
.slidebox_banner .bd li a.bg3 {background:url(/uploads/image/rwbanner/3_1.png) no-repeat center bottom}
.slidebox_banner .bd li a.bg4 {background:url(/uploads/image/rwbanner/4.png) no-repeat center bottom}
.slidebox_banner .bd li a.bg5 {background:url(/uploads/image/rwbanner/5_2.png) no-repeat center bottom}
.slidebox_banner .bd li a.bg6 {background:url(/uploads/image/rwbanner/6.png) no-repeat center bottom}
.slidebox_banner .bd img{ width:100%; height:750px; display:block;  }
.slidebox_banner .prev,
.slidebox_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;  filter:alpha(opacity=50);opacity:0.5;   }
.slidebox_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.slidebox_banner .prev:hover,
.slidebox_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slidebox_banner .prevstop{ display:none;  }
.slidebox_banner .nextstop{ display:none;  }