@charset "utf-8";

/*小编推荐*/
.recommend{ background:#f6f6f6; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:32px 0;}
.recommend .fantastic_soft{ margin-left:50px; height:220px; width:1078px; position:relative; overflow:hidden;}
.fantastic_soft ul{ float:left; height:220px; width:1078px; position:absolute; overflow:hidden;}
.fantastic_soft ul li{ display:inline; float:left; margin-left:25px; height:220px; width:150px;}
.fantastic_soft ul li .star_s{ margin-left:35px;}
.fantastic_soft .bottom_cit{ background:#e7e7e7; border:1px solid #e7e7e7; font-size:12px; margin-top:10px; padding:5px; height:32px; width:138px; overflow:hidden;}
.fantastic_soft .bottom_cit a{ color:#8a8a8a;}
.fantastic_soft .bottom_cit a:hover{ color:#20a4f1;}
.fantastic_soft .bottom_cit:hover{ border:1px dashed rgba(211,211,211,.8); -moz-transition:border .3s ease-in .2s; -webkit-transition:border .3s ease-in .2s; -o-transition:border .3s ease-in .2s; -ms-transition:border .3s ease-in .2s; transition:border .3s ease-in .2s;}
.fantastic_soft a.thumbnail{ display:inline; float:left; border-radius:24px; margin-left:18px; height:115px; width:115px; overflow:hidden; position:relative;}
.fantastic_soft a.thumbnail img{ border-radius:24px; height:115px; width:115px;} 
.fantastic_soft a.thumbnail i{ border-radius:24px; background-color:#000; background-color:rgba(0,0,0,0); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.fantastic_soft a.thumbnail em{ display:inline-block; background:url("/ziyuan/images/focus_ico.png") no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.fantastic_soft a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.fantastic_soft a.thumbnail:hover i{ background-color:rgba(0,0,0,.5); filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; opacity:.6;}
.fantastic_soft a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.fantastic_soft p.soft_name{ display:inline-block; font-size:16px; margin-top:6px; height:25px; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.recommend .title{ background:#df5a49; color:#fff; border-radius:3px; font-size:24px; padding:35px 15px 0 15px; height:185px; width:20px; position:absolute; left:0; top:0;}

/*
.recommend .we_a_380{ height:220px; width:380px; position:absolute; top:0; right:0; overflow:hidden;}
.recommend .we_a_380 ul{ height:220px; width:300%; position:relative; top:0; left:0;}
.recommend .we_a_380 ul li{ float:left; height:220px; width:380px; position:relative;}

.recommend .bottom_mask{ height:52px; width:380px; position:absolute; bottom:0; left:0; z-index:10;}
.recommend .bottom_mask .bg_color{ background:#000; background:rgba(0,0,0,.8); filter:alpha(opacity=60); opacity:.6; height:52px; width:380px;}
.recommend .bottom_mask .app_ico{ border-radius:10px; height:73px; width:73px; position:absolute; bottom:15px; left:12px;}
.recommend .bottom_mask .app_ico img{ border-radius:10px;}
.recommend .bottom_mask .app_name{ height:25px; width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:10px; left:100px;}
.recommend .bottom_mask .app_name a{ color:#fefefe; font-size:20px;}
.recommend .we_a_380 .triggers{ font-size:0; position:absolute; top:10px; right:10px; text-align:center;}
.recommend .we_a_380 .triggers a{ display:inline-block; background:url("../images/sprites.png") no-repeat -10px 0; font-size:12px; line-height:99em; margin:0 4px; height:10px; width:10px; overflow:hidden; vertical-align:top;}
.recommend .we_a_380 .triggers a:hover, .recommend .we_a_380 .triggers a.current{ background-position:0 0;}
.recommend .we_a_380 .triggers a.current{ cursor:default; pointer-events:none;}
*/

/*软件与游戏排行*/
.soft_game{ background:#fff; padding:50px 0 25px;}
/*
.soft_game .module_wea_d{ float:left; height:560px; width:272px; overflow:hidden;}
.soft_game .module_wea_d a{ display:inline-block; height:66px; width:272px; margin-bottom:12px;}
*/
.soft_game .module_wea_d{ float:left; height:560px; width:270px; overflow:hidden;}
.soft_game .module_wea_d a.top_w_ad{ display:inline-block; background:#ccc; height:416px; width:270px; margin-bottom:12px; vertical-align:top;}
.soft_game .module_wea_d a.bottom_w_ad{ display:inline-block; background:#ccc; height:116px; width:270px; vertical-align:top;}

.soft_game .rank_app{ display:inline; margin:0 auto; margin-left:250px; width:80%; margin-right:250px; overflow:hidden;}
.commen_title{ margin-bottom:10px; height:45px; position:relative;}
.commen_title h1{ margin-top:-6px; position: relative;}
.commen_title h1 .hint{ display: block; background-color: #f2edec; color: #ff002f; font-size: 13px; border-bottom: none; font-weight: 400; padding:0 10px; border-radius: 5px; line-height: 26px; height: 26px; position: absolute; left: 132px; top: 7px;}
.commen_title h1 span{ display:inline-block; border-bottom:solid 2px #333; padding-bottom:6px;}
.commen_title .see_more_btn{ color:#666; position:absolute; right:0; top:15px;}
.commen_title .see_more_btn:hover{ color:#000;}
/*
.the_sort{ color:#ccc; font-size:12px; line-height:20px; height:20px; position:absolute; bottom:5px; right:0;}
.cycle_date{}
.cycle_date em{ margin:0 6px; cursor:pointer;}
.cycle_date em.current{ color:#000;}
.pagination{ padding:0 5px;}
*/
.common_prev a,.common_next a{ display:inline-block; background:url("/ziyuan/images/page_arrow.jpg") no-repeat 0 0; height:13px; width:9px; cursor:pointer; vertical-align:middle;}
.common_next a{ background-position:-9px -13px;}
.common_next a.current,.common_next a:hover,.common_prev a.current,.common_prev a a:hover{ display:inline-block; height:13px; width:9px; cursor:pointer; vertical-align:middle; cursor:pointer;}
.common_next a.current,.common_next a:hover{ background:url("/ziyuan/images/page_arrow.jpg") no-repeat -9px 0;}
.common_prev a.current,.common_prev a a:hover{ background:url("/ziyuan/images/page_arrow.jpg") no-repeat 0 -13px;}
.rank_app ul{ overflow:hidden; width: 100%;}
.rank_app1 ul{ overflow:hidden; width: 100%; font-size: 20px; width: 560px; margin:0 auto;}
.rank_app hr{ margin-left:15px; margin-right:15px;}
.rank_app li{ clear:both; margin-top:19px; position:relative; _margin-top:0; margin-left:15px;  margin-right:15px;}
.rank_app .type_app a{ color:#999; }
.rank_app .type1_app a{ color:#999; float:right;}
.rank_app .type_app a:hover{ color:#20A4F1;}
.rank_app .songs_list{ color:#333; line-height:24px; font-size:18px; padding-left:41px; height:24px; position:relative;}
.rank_app .songs1_list{ color:#333; line-height:24px; font-size:18px; height:24px; position:relative;}
.rank_app .songs_list .songs_name{ display:inline-block; height:24px; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_app .songs_list .songs1_name{ display:inline-block; height:24px; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_app .songs_list .type_app{padding-left:41px;}
.rank_app .songs_list .music_ico{ display:inline-block; background:url("/ziyuan/images/music_ico.jpg") no-repeat; margin-top:3px; height:17px; width:16px; vertical-align:top;}
.rank_app .play_songs{ display:none; position:relative; *float:left;}
.rank_app .play_songs .type_app a{ position:absolute; right:0; top:35px; font-size:18px;}
.rank_app .play_songs .songs_name{ display:inline-block; color:#333; font-size:22px; line-height:3.2em; height:45px; padding-left:40px; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_app .play_songs .ratio{ height:26px; width:53px; position:absolute; left:120px; top:53px; overflow:hidden; *top:70px;}
.rank_app .play_songs .ratio_img{ display:inline-block; background:url("/ziyuan/images/sprites.png") no-repeat -122px -25px; width:53px; height:26px; position:absolute; left:0; top:0; overflow:hidden;}
.rank_app .play_songs .num_total{ color:#000; line-height:32px; height:26px; width:53px; text-align:center; position:absolute; z-index:3; top:0; left:0;}
.rank_app .thumbnail{ float:left; height:80px; width:60px; position:relative;}
.rank_app a.thumbnail img{ border-radius:150px; height:70px; width:70px;} 
.rank_app a.thumbnail i{ background-color:#000; border-radius:15px; background-color:rgba(0,0,0,0); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.rank_app a.thumbnail em{ display:inline-block; background:url("/ziyuan/images/focus_ico.png") no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s; transition: opacity 400ms ease; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/focus_ico.png");}
.rank_app a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.rank_app a.thumbnail:hover i{ background-color:rgba(0,0,0,.5); filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; opacity:.6;}
.rank_app a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.rank_app .num_rank{ background:#ccc; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:21px; height:21px; width:22px; text-align:center; position:absolute; top:0; left:0; z-index:9;}
.rank_app .one_rank,.rank_app .two_rank,.rank_app .three_rank{ background:url("/ziyuan/images/num_label.png") no-repeat 0 0; padding-left:8px; text-align:left;}
.rank_app .two_rank{ background-position:0 -21px;}
.rank_app .three_rank{ background-position:0 -42px;}
.rank_app .songs_list .type_app{ color:#999; position:absolute; right:0;}
.rank_app .play_songs .star_s{ clear:none; display:inline-block; margin:5px 0 15px 20px; *margin-left:5px;}
.rank_app .play_songs .user_name{ color:#34afff; padding-left:5px;}
.rank_app .play_songs p{ color:#a4a7b0; padding-left:110px;}
.wea_d_rank{ height:300px; width:100%; overflow:hidden;}
.wea_d_rank a{ display:block; background-repeat:no-repeat; background-position:50% 0; height:100%; width:100%; overflow:hidden; text-indent:-999px;}

/*官方源与个人源*/
.rank_apporigin{ background:#f6f6f6; padding:40px 0 20px;}
.rank_apporigin .source_list{ height:auto;}
.official_rank,.personal_rank{ display:inline; float:left; width:525px;}
.official_rank .source_list,.personal_rank .source_list{ margin-top:0;}
.personal_rank{ margin-left:48px;}
.module_rank{ float:left; border:1px solid #f6f6f6; padding:10px 12px 0 96px; margin-bottom:5px; height:94px; width:417px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; position:relative;}
.module_rank h3{ position:relative; top:0;}
.module_rank .user_head{ position:absolute; left:10px; top:12px;}
.module_rank .user_head .mask{ background:url("/ziyuan/images/user_header.png") no-repeat -63px -300px; height:68px; width:68px; position:absolute; left:0; top:0; z-index:2;}
/*
.module_rank .user_head .mask_change{ background-position:-63px -232px;}
*/
.module_rank:hover .mask{ background: url("/ziyuan/images/user_header.png") no-repeat -63px -232px;}
.module_rank .name_softlist{ display:inline-block; color:#333; height:25px; width:417px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.module_rank .abstract{ color:#999; line-height:1.5em; margin:0 0 12px 0; height:45px; width:238px; overflow:hidden;}
.module_rank .bottom_line{ position:absolute; right:14px; bottom:22px;}
.module_rank .soft_ico{ float:left; border:1px solid #e5e5e5; border-radius:8px; height:40px; width:150px; overflow:hidden; position:relative;}
.module_rank .soft_ico ul li{ float:left; margin-left:-18px; height:40px; width:40px; position:relative;}
.module_rank .soft_ico ul li img{ display:inline-block; border-radius:0 8px 8px 0; height:40px; width:40px;}
.module_rank .soft_ico ul li.one{ border-radius:5px; margin-left:0; width:40px; z-index:6}
.module_rank .soft_ico ul li.two{ z-index:5;}
.module_rank .soft_ico ul li.three{ z-index:4;}
.module_rank .soft_ico ul li.four{ z-index:3;}
.module_rank .soft_ico ul li.five{ z-index:2;}
.module_rank .soft_ico ul li.six{ z-index:1;}
.module_rank .ico_mask{ border-radius:8px; background:#000; background:rgba(0,0,0,.0); filter:alpha(opacity=0); opacity:.0; height:40px; width:150px; position:absolute; top:0; left:0; z-index:9;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.module_rank .link_ico{ background:url("/ziyuan/images/focus_ico.png") no-repeat; height:40px; width:40px; position:absolute; top:0; left:-40px; z-index:10; -webkit-transition:all ease .32s; -moz-transition:all ease .32s; -ms-transition:all ease .32s; transition:all ease .32s;}
.module_rank:hover .link_ico{ left:0;}
.module_rank:hover .ico_mask{ background:rgba(0,0,0,.5); filter:alpha(opacity=50); opacity:.5;}
.module_rank:hover{ background:#fff; border:1px solid #a0d5f3; -webkit- box-shadow:0 0 5px rgba(32,164,241,.2); -moz- box-shadow:0 0 5px rgba(32,164,241,.5); -ms- box-shadow:0 0 5px rgba(32,164,241,.5); box-shadow:0 0 5px rgba(32,164,241,.5);}
.module_rank .statistics{ margin-top:-8px; position:absolute; right:10px;}
.module_rank .statistics .tit{ display:inline-block; color:#999; margin-left:10px; height:54px; text-align:center; vertical-align:top; *float:left;}
.module_rank .statistics .tit i,.module_rank .statistics .tit em{ color:#333;}
.module_rank .statistics .tit p{ vertical-align:middle; text-align:center;}
.module_rank .statistics .tit em,.module_rank .statistics .tit i{ font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.module_rank .statistics .tit em.champion{ color:#ff0024;}
.module_rank .statistics .tit em.runner-up{ color:#ff7e00;}
.module_rank .statistics .tit em.bronze{ color:#70d108;}
.module_rank .num_rank{ background:#ccc; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; height:22px; width:22px; text-align:center; position:absolute; top:12px; left:0; z-index:9;}
.module_rank .one_rank,.module_rank .two_rank,.module_rank .three_rank{ background:url("/ziyuan/images/num_label.png") no-repeat 0 0; padding-left:8px; height:21px; width:22px; text-align:left; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/num_label.png");}
.module_rank .two_rank{ background-position:0 -21px;}
.module_rank .three_rank{ background-position:0 -42px;}

/*专辑排行*/
.rank_album{ background:#f7f7f8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:30px 0;}
.rank_album_wrap{ position:relative;}
.rank_album_con{ margin-top:20px; height:446px; width:1098px; overflow:hidden; position:relative;}
.rank_album_con ul{ width:300%; position:absolute; margin-left:-22px;}
.rank_album_con ul li{ height:446px; width:1120px;}
.rank_album_con ul li .module_cit{ display:inline; float:left; margin:0 0 30px 21px; height:204px; width:258px; position:relative;}
.rank_album_con a.thumbnail{ float:left; height:150px; width:258px; overflow:hidden; position:relative;}
.rank_album_con a.thumbnail img{ height:150px; width:258px;} 
.rank_album_con p.soft_name{ clear:both; display:inline-block; font-size:18px; margin-top:20px; line-height:35px; height:30px; width:258px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.rank_album_con a.thumbnail i{ background-color:#000; background-color:rgba(0,0,0,0); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.rank_album_con a.thumbnail em{ display:inline-block; background:url("/ziyuan/images/focus_ico.png") no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.rank_album_con a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.rank_album_con a.thumbnail:hover i{ background-color:rgba(0,0,0,.6); filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}
.rank_album_con a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.rank_album_con .num_rank{ background:#ccc; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; height:22px; width:22px; text-align:center; position:absolute; top:0; left:0; z-index:9;}
.rank_album_con .one_rank,.rank_album_con .two_rank,.rank_album_con .three_rank{ background:url("/ziyuan/images/num_label.png") no-repeat 0 0; padding-left:8px; height:21px; width:22px; text-align:left; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/num_label.png");}
.rank_album_con .two_rank{ background-position:0 -21px;}
.rank_album_con .three_rank{ background-position:0 -42px;}

/*榜单与主题*/
.list_theme{ padding:30px 0;}
.the_bellmodule{ float:left; width:392px;}
.the_bellmodule ul{ height:496px; overflow:hidden;}
.the_bellmodule ul li{ clear:both; margin-top:19px; position:relative; _margin-top:0;}
.the_bellmodule .songs_list{ color:#333; line-height:24px; padding-left:41px; height:24px;}
.the_bellmodule .songs_list .songs_name{ display:inline-block; height:24px; width:222px; overflow:hidden;}
.the_bellmodule .songs_list .music_ico{ display:inline-block; background:url("/ziyuan/images/music_ico.jpg") no-repeat; margin-top:3px; height:17px; width:16px; vertical-align:top;}
.the_bellmodule .play_songs{ display:none; padding-bottom:33px;*float:left; *padding-bottom:0;}
.the_bellmodule .play_songs .songs_name{ display:inline-block; color:#333; font-size:18px; line-height:1.2em; height:45px; padding-left:20px; width:230px; overflow:hidden;}
.the_bellmodule .play_songs .ratio{ background:url("/ziyuan/images/percent_bg.png") no-repeat; height:26px; width:53px; position:absolute; left:120px; top:53px; overflow:hidden; *top:52px;}
.the_bellmodule .play_songs .ratio_img{ display:inline-block; background:url("/ziyuan/images/sprites.png") no-repeat -122px -53px; width:53px; height:26px; position:absolute; left:0; top:0; overflow:hidden;}
.the_bellmodule .play_songs .num_total{ color:#000; line-height:32px; height:26px; width:53px; text-align:center; position:absolute; z-index:3; top:0; left:0;}
.the_bellmodule .thumbnail{ float:left; height:80px; width:88px; position:relative;}
.the_bellmodule .thumbnail img{ margin:3px 0 0 14px;}
.the_bellmodule .thumbnail s{ background:url("/ziyuan/images/sound_type_index.png") no-repeat; height:80px; width:88px; position:absolute; top:0; left:0; z-index:2; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/sound_type_index.png");}
.the_bellmodule a.thumbnail img{ height:74px; width:64px;} 
.the_bellmodule a.thumbnail i{ background-color:#000; background-color:rgba(0,0,0,0); height:74px; width:64px; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.the_bellmodule a.thumbnail em{ display:inline-block; background:url("/ziyuan/images/focus_ico.png") no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/focus_ico.png");}
.the_bellmodule a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.the_bellmodule a.thumbnail:hover i{ background-color:rgba(0,0,0,.3); filter:alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity:.3;}
.the_bellmodule a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.the_bellmodule .play_btn,
.the_bellmodule .stop_btn,
.the_bellmodule .visited_btn{ background:url("/ziyuan/images/play_btn.jpg") no-repeat 0 0; height:24px; width:24px; position:absolute; top:0; right:0; cursor:pointer;}
.the_bellmodule .stop_btn{ background-position:0 -24px;}
.the_bellmodule .visited_btn{ background-position:0 -48px;}
.the_bellmodule .num_rank{ background:#ccc; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; height:22px; width:22px; text-align:center; position:absolute; top:0; left:0; z-index:9;}
.the_bellmodule .one_rank,
.the_bellmodule .two_rank,
.the_bellmodule .three_rank{ background:url("/ziyuan/images/num_label.png") no-repeat 0 0; padding-left:8px; height:21px; width:22px; text-align:left; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/num_label.png");}
.the_bellmodule .two_rank{ background-position:0 -21px;}
.the_bellmodule .three_rank{ background-position:0 -42px;}
.the_thememodule{ float:right; width:654px;}
.the_thememodule ul{ float:left; margin:20px 0 0 -10px; position:relative;}
.the_thememodule ul li{ display:inline; float:left; margin:0 0 10px 10px; height:232px; width:156px; position:relative; overflow:hidden;}
.the_thememodule a.more_see,
.the_bellmodule a.more_see{ color:#20a4f1; border:1px solid #20a4f1; border-radius:3px; padding:6px 12px; margin-top:5px; font-weight:100; vertical-align:top; position:absolute; top:0; right:0;}
.the_thememodule a.more_see:hover,
.the_bellmodule a.more_see:hover{ background:#20a4f1; color:#fff;}
.the_thememodule a.thumbnail{ display:inline-block; float:left; height:232px; width:156px; overflow:hidden; position:relative;}
.the_thememodule a.thumbnail img{ height:232px; width:156px;} 
.the_thememodule a.thumbnail i{ background-color:#000; background-color:rgba(0,0,0,0); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;}
.the_thememodule a.thumbnail em{ display:inline-block; background:url("/ziyuan/images/focus_ico.png") no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;  -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s; transition: opacity 400ms ease; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/focus_ico.png");}
.the_thememodule a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.the_thememodule a.thumbnail:hover i{ background-color:rgba(0,0,0,.6); filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}
.the_thememodule a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.the_thememodule .theme_title{ display:inline-block; background:#000; color:#fff; background:rgba(0,0,0,.8); filter:alpha(opacity=80); opacity:.8; line-height:32px; height:32px; width:156px; text-align:center; position:absolute; left:0; bottom:-32px; z-index:5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:bottom ease-in .4s; -ms-transition:bottom ease-in .4s; -o-transition:bottom ease-in .4s; transition:bottom ease-in .4s;}
.the_thememodule a.thumbnail:hover .theme_title{ bottom:0;}
.the_thememodule .num_rank{ background:#ccc; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px; height:22px; width:22px; text-align:center; position:absolute; top:0; left:0; z-index:9;}
.the_thememodule .one_rank,
.the_thememodule .two_rank,
.the_thememodule .three_rank{ background:url("/ziyuan/images/num_label.png") no-repeat 0 0; padding-left:8px; height:21px; width:22px; text-align:left; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="/ziyuan/images/num_label.png");}
.the_thememodule .two_rank{ background-position:0 -21px;}
.the_thememodule .three_rank{ background-position:0 -42px;}
.rank_wa_d100{ display:inline-block; margin-top:40px; height:100px; width:1098px;}