@charset "utf-8";
/* Banner */
.banner{ margin-top:-55px; height:490px; width:100%; min-width:1089px; position:relative; z-index:1; overflow:hidden;}
.banner .inner{ height:100%; width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:2;}
.banner .cydia_main{ margin:0 auto; height:100%; width:1189px; position:relative;}
.banner .inner li{ background:#fff no-repeat 50% top; height:100%; width:100%; position:absolute;}
.banner .inner .wrap{ display:block; height:100%;}
.banner .inner img{ display:none;}
.banner .controller{ font-size:0; margin-left:-550px; height:0; width:1100px; position:relative; left:50%; z-index:3; text-align:center;}
.banner .controller .prev, .banner .controller .next{ background:url(../images/sprites.png) no-repeat 0 -25px; height:71px; width:30px; top:220px; left:-62px;}
.banner .controller .next{ background-position:-30px -25px; left:auto; right:-72px;}
.banner .triggers{ width:100%; position:absolute; left:0; top:420px; text-align:center;}
.banner .triggers a{ background:url(../images/sprites.png) no-repeat -10px 0;}
.banner .triggers a:hover, .banner .triggers a.current{ background-position:0 0;}
.banner .caption_name,.banner .caption_info{ color:#fff; font-size:52px; font-weight:300; padding:1px 4px 0px; margin-left:-520px; white-space:nowrap; position:absolute; top:130px; left:50%; z-index:99;}
.banner .caption_info{ font-size:16px; font-weight:400; height:70px; width:580px; top:220px; overflow:hidden; word-break:break-all;}
.banner .details_btn a{ background:#20a4f1; color:#fff; border-radius:5px; font-size:20px; line-height:50px; margin-left:-520px; height:50px; width:140px; position:absolute; left:50%; top:300px; text-align:center; z-index:99;}
.banner .details_btn a:hover{ background:#1f9ce5;}

/*最新上架*/
.new_releases{ background:#f7f7f8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:10px 0 40px 0;}
.new_releases .controller .triggers{ top:-216px; right:8px;}
.wrap_con h1 span{ display:inline-block; border-bottom:2px solid #333; padding-bottom:8px;}
.wrap_con h1 span a:hover{ color:#333;}
.new_products{ margin-top:20px; height:185px; width:1098px; overflow:hidden; position:relative;}
.new_products ul{ width:300%; position:absolute; margin-left:-20px;}
.new_products ul li{ display:inline; float:left; margin-left:24px; height:185px; width:115px;}
.new_products a.thumbnail{ float:left; border-radius:24px; height:115px; width:115px; overflow:hidden; position:relative;}
.new_products a.thumbnail img{ border-radius:24px; height:115px; width:115px;} 
.new_products 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;}
.new_products a.thumbnail em{ display:inline-block; background:url(../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;}
.new_products a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.new_products 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;}
.new_products a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}
.new_products p{ color:#a4a7b0; text-align:center; overflow:hidden; word-break:break-all;}
.new_products p.soft_name{ display:inline-block; font-size:16px; margin-top:20px; height:25px; width:115px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_products p.soft_name a{ color:#333;}
.new_products a.user_name{ color:#34afff;}

/*热门专辑*/
.hot_album{ background:#f7f7f8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding-bottom:40px;}
.hot_album_wrap{ position:relative;}
.hot_album_con{ margin-top:20px; height:204px; width:1098px; overflow:hidden; position:relative;}
.hot_album_con ul{ width:300%; position:absolute; margin-left:-18px;}
.hot_album_con ul li{ display:inline; float:left; margin-left:20px; height:204px; width:258px;}
.hot_album_con a.thumbnail{ float:left; height:150px; width:258px; overflow:hidden; position:relative;}
.hot_album_con a.thumbnail img{ height:150px; width:258px;} 
.hot_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;}
.hot_album_con p.soft_name a{ color:#333;}
.new_products p.soft_name a:hover, .hot_album_con p.soft_name a:hover{ color:#20a4f1;}
.hot_album_wrap .controller .triggers{ top:-236px;}
.hot_album_wrap .controller .prev, .hot_album_wrap .controller .next{ background:url(../images/album_30.png) no-repeat; height:71px; width:30px; top:-160px;}
.hot_album_wrap .controller .next{ background-position:-30px 0;}
.hot_album_wrap:hover .controller .prev, .hot_album_wrap:hover .controller .next{  margin:0 -8px;}
.hot_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;}
.hot_album_con a.thumbnail em{ display:inline-block; background:url(../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;}
.hot_album_con a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.hot_album_con 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;}
.hot_album_con a.thumbnail:hover em{ filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}

/*类别源*/
.category_origin{ padding:35px 0;}
.category_origin .source_list{ height:auto;}
.official_recommend,.personal_recommend{ display:inline; float:left; width:366px;}
.official_recommend .module_recom,.personal_recommend .module_recom{ border:1px solid #fff;}
.official_recommend .source_list,.personal_recommend .source_list{ margin-top:0;}
.official_recommend .source_list h1,.personal_recommend .source_list h1{ margin:0 0 10px 0; position: relative;}
.personal_recommend .source_list 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;}
.personal_recommend{ margin-left:30px;}
.category_wea_d{ border:1px solid #d1d1d1; height:500px; width:280px; position:absolute; top:15px; right:0;}


/*热门推荐*/
.module_group{ background:url(../images/repeat_mask.png) repeat-x top center; margin-top:-42px; padding:40px 0; position:relative; z-index:3;}
.hot_recome{ float:left; width:770px;}
.hot_recome h1{ margin:0 0 10px 0;}
.hot_recome ul{ float:left; margin-left:-10px; position:relative;}
.hot_recome ul li{ display:inline; float:left; margin:15px 0 0 10px; height:206px; width:380px; position:relative;}
.hot_recome ul li a.thumbnail{ float:left; height:206px; width:380px; overflow:hidden; position:relative;}
.hot_recome ul li a.thumbnail img, .hot_recome ul li a.thumbnail i, .hot_recome ul li a.thumbnail em{ cursor:pointer; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;}
.hot_recome ul li a.thumbnail img{ height:206px; width:380px;}
.hot_recome ul li a.thumbnail i{ background:#000; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2; visibility:hidden; opacity:0; filter:Alpha(opacity=30);}
:root .hot_recome ul li a.thumbnail i{ background:rgba(0,0,0,.5); filter:none;}
.hot_recome ul li a.thumbnail em{ background:url(../images/focus_ico.png) no-repeat; margin:-20px 0 0 -20px; height:40px; width:40px; position:absolute; z-index:3; left:50%; top:50%; visibility:hidden; opacity:0;}
.hot_recome ul li a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.hot_recome ul li a.thumbnail:hover i, .hot_recome ul li a.thumbnail:hover em{ visibility:visible; opacity:1;}
.hot_recome ul li .bottom_mask{ height:52px; width:380px; position:absolute; bottom:0; left:0; z-index:10;}
.hot_recome .bottom_mask .bg_color{ background:#00; background:rgba(0,0,0,.6); filter:alpha(opacity=60); opacity:.6; height:52px; width:380px;}
.hot_recome .bottom_mask .app_ico{ border-radius:10px; height:73px; width:73px; position:absolute; bottom:15px; left:20px;}
.hot_recome .bottom_mask .app_ico img{ border-radius:10px;}
.hot_recome .bottom_mask .app_name{ height:25px; width:212px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:12px; left:105px;}
.hot_recome .bottom_mask .app_name a{ color:#fefefe; font-size:20px;}
.hot_recome .bottom_mask .app_name a:hover{ color:#20a4f1;}
.hot_recome .bottom_mask .ratio{ background:url(../images/percent_bg.png) no-repeat; height:26px; width:53px; position:absolute; right:15px; top:12px; overflow:hidden;}
.hot_recome .bottom_mask .ratio_img{ display:inline-block; background:url(../images/sprites.png) no-repeat -122px -53px; width:53px; height:26px; position:absolute; left:0; top:0; overflow:hidden;}
.hot_recome .bottom_mask .num_total{ color:#fff; line-height:32px; height:26px; width:53px; text-align:center;}
.hot_recome .wea_d_770{ display:inline-block; border:1px solid #dbdbdb; margin-top:12px; height:96px; width:768px; overflow:hidden;}
.search_message{ float:right; margin-top:16px; width:288px;}
.search_message .search_box{ margin-left:2px;}
.search_message .msg_box{ margin-top:2px; height:552px; width:287px; overflow:hidden; position:relative;}
.search_message .scroll_msg{ display:inline-block; background:#f7f7f8; border-left:1px solid #dbdbdb; margin:13px 0 0 3px; height:536px; width:284px;}
.search_message .scroll_msg .msg_mask{ float:left; background:url(../images/scroll_mask.png) no-repeat; height:8px; width:284px; position:absolute; right:0; bottom:-2px; z-index:3; _bottom:-15px; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="images/scroll_mask.png");}
.search_message .scroll_msg h3{ color:#333; font-size:20px; padding:25px 0 0 25px;}
.search_message .scroll_msg .top_cit{ color:#333; line-height:32px; vertical-align:top;}
.search_message .scroll_msg ul li{ clear:both; margin-top:18px; position:relative;}
.search_message .scroll_msg .user_msg{ display:inline-block; height:32px; width:32px; position:relative; left:22px; vertical-align:top;}
.search_message .scroll_msg .user_msg i{ background:url(../images/user_header.png) no-repeat 0 -294px; height:32px; width:32px; position:absolute; left:0; top:0; _background:url(../images/user_header_6.png) no-repeat;}
.search_message .scroll_msg .user_head_line{ background:url(../images/msg_head_line.png) no-repeat; height:9px; width:30px; position:absolute; left:-5px; top:10px; _background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale ", src="images/msg_head_line.png");}
.search_message .scroll_msg .user_name{ display:inline-block; font-size:16px; font-weight:700; padding-left:32px; height:28px; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search_message .scroll_msg .new_time{ color:#999;}
.search_message .scroll_msg .msg_info{ display:inline-block; background:#fff; color:#999; border:1px solid #efefef; line-height:22px; margin:8px 0 0 22px; padding:8px 12px; width:220px; position:relative;}
.search_message .scroll_msg .msg_info i,.search_message .scroll_msg .msg_info em{ display:inline-block; border-style:solid; font-size:0; height:0; width:0; border-color:transparent #efefef transparent transparent; position:absolute; top:50%; _line-height:0;}
.search_message .scroll_msg .msg_info i{ border-width:10px; margin-top:-10px; left:-20px;}
.search_message .scroll_msg .msg_info em{ border-width:8px; border-color:transparent #fff  transparent transparent; margin-top:-8px; left:-16px;  z-index:3;}
.search_message .scroll_msg .msg_info a{ display:inline-block; table-layout:fixed; color:#20a4f1; word-break:break-all;}
.search_message .scroll_msg .msg_info a em{ color:#999;}
.search_message .scroll_msg .msg_info a:hover{ text-decoration:underline;}

/*榜单与主题*/
.list_theme{ padding-bottom:10px;}
.the_bellmodule{ float:left; width:392px;}
.the_bellmodule .abstract{ color:#999; line-height:22px; margin:5px 0 10px 0; padding:12px 167px 8px 0; height:40px; width:225px; overflow:hidden; position:relative;}
.the_bellmodule .statistics{ position:absolute; right:0; top:15px;}
.the_bellmodule .statistics .tit,.the_thememodule .statistics .tit{ display:inline-block; color:#999; margin-left:10px; height:42px; text-align:center; vertical-align:top; *float:left;}
.the_bellmodule .statistics .tit p,.the_thememodule .statistics .tit p{ margin-top:-1px; vertical-align:middle; text-align:center;}
.the_bellmodule .abstract i,
.the_thememodule .abstract i{ font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px;}
.the_bellmodule ul{ border-top:1px dotted #eee; padding-top:18px; overflow:hidden; position:relative;}
.the_bellmodule li{ padding-bottom:20px; position:relative; vertical-align:top; *zoom:1;}
.the_bellmodule .songs_list{ color:#333; padding-left:41px; height:24px;}
.the_bellmodule .songs_list .music_ico{ display:inline-block; background:url(../images/music_ico.jpg) no-repeat; margin:-3px .3em 0 0; height:17px; width:16px; vertical-align:middle; *margin-top:0;}
.the_bellmodule .play_songs{ display:none; padding-bottom:33px;}
.the_bellmodule .play_songs .songs_name{ 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(../images/percent_bg.png) no-repeat; height:26px; width:53px; position:absolute; left:120px; top:53px; overflow:hidden; *top:70px;}
.the_bellmodule .play_songs .ratio_img{ display:inline-block; background:url(../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(../images/sound_type_index.png) no-repeat; height:80px; width:88px; position:absolute; top:0; left:0; z-index:2;}
.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); opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition: opacity 400ms ease;}
.the_bellmodule a.thumbnail em{ display:inline-block; background:url(../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); opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition: opacity 400ms ease;}
.the_bellmodule a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.the_bellmodule a.thumbnail:hover i{ background-color:rgba(0,0,0,.3); opacity:.3; filter:alpha(opacity=30);}
.the_bellmodule a.thumbnail:hover em{ opacity:1; filter:none;}
.the_bellmodule .play, .the_bellmodule .pause, .the_bellmodule .stop{ background:url(../images/play_btn.jpg) no-repeat 0 0; height:24px; width:24px; position:absolute; top:0; right:0; cursor:pointer;}
.the_bellmodule .pause{ background-position:0 -48px;}
.the_bellmodule .stop{ background-position:0 -24px;}
.the_bellmodule .num_rank{ background:#CCC; color:#fff; font-family:Arial; 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(../images/num_label.png) no-repeat 0 0; padding-left:8px; height:21px; width:22px; text-align:left;}
.the_bellmodule .two_rank{ background-position:0 -21px;}
.the_bellmodule .three_rank{ background-position:0 -42px;}
.the_thememodule{ float:right; width:654px; overflow:hidden;}
.the_thememodule .abstract{ color:#999; line-height:22px; margin:5px 0 10px 0; padding:12px 167px 8px 0; height:40px; width:490px; overflow:hidden; position:relative;}
.the_thememodule .statistics{ position:absolute; right:2px; top:15px;}
.the_thememodule ul{ float:left; border-top:1px dotted #eee; margin:0 0 0 -10px; padding-top:20px; 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 h1,.the_bellmodule h1{ position:relative;}
.the_thememodule a.more_see,.the_bellmodule a.more_see{ color:#20a4f1; font-size:12px; border:1px solid #20a4f1; border-radius:3px; padding:6px 12px; font-weight:100; vertical-align:top; position:absolute; top:5px; right:2px; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -webkit-transition:all .4s ease; transition:all .4s ease;}
.the_thememodule a.more_see:hover,.the_bellmodule a.more_see:hover{ background:#20a4f1; color:#fff; -moz-box-shadow:0 0 4px rgba(0,0,0,.4); -ms-box-shadow:0 0 4px rgba(0,0,0,.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,.4); box-shadow:0 0 4px rgba(0,0,0,.4);}
.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); 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(../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;}
.the_thememodule a.thumbnail:hover img{ -webkit-filter:blur(1px);}
.the_thememodule a.thumbnail:hover i{ background-color:rgba(0,0,0,.5); filter:alpha(opacity=60); opacity:.6;}
.the_thememodule a.thumbnail:hover em{ filter:none; 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;}