@charset "utf-8";
/* CSS Document */

/*20150127,silvermask*/
/*Homepage*/

/*1#screen:nav,carousel*/
.screen1{width:1200px;}
.screen1_left{width:190px;float:left;}
.screen1_right{width:1010px;float:left;}

.classnav{width:190px;height:475px;background:url(../../img/newmagazine/bg_classnav.jpg);}
.classnav h1{width:190px;height:35px;line-height:35px;text-align:center;font-size:14px;cursor:pointer;}
.classnav h2{width:190px;height:35px;line-height:35px;text-align:center;font-size:14px;cursor:pointer;}
.classnav ul{width:190px;padding:6px 0px;}
.classnav ul li{height:28px;}
.classnav ul li a{width:140px;height:20px;padding:5px 0 0 50px;display:block;}
.classnav ul li a span{height:16px;display:block;}
.classnav ul li a span.icon{width:16px;background-image:url(../../img/newmagazine/icon_classnav.png);float:left;}
.classnav ul li a span.title{line-height:16px;color:#333;padding-left:10px;float:left;}
.classnav ul li a:hover{background:#c03;}
.classnav ul li a:hover span.title{color:#fff;}
.classnav ul li a:hover span.icon{width:16px;background-image:url(../../img/newmagazine/icon_hover_classnav.png);float:left;}

.classnav_bg01{background:url(../../img/newmagazine/bg_classnav_maz.jpg);color:#fff;}
.classnav_bg02{background:url(../../img/newmagazine/bg_classnav_others.jpg);color:#333;}
.classnav_bg_hover{background:url(../../img/newmagazine/bg_classnav_hover.jpg);color:#900;box-shadow:5px 4px 6px #999;}

.classnav ul li a .news_personage{background-position:0px 0px;}
.classnav ul li a .trade_economy{background-position:-16px 0px;}
.classnav ul li a .fashion_sports{background-position:-32px 0px;}
.classnav ul li a .family_lives{background-position:-48px 0px;}
.classnav ul li a .storytaking{background-position:0px -16px;}
.classnav ul li a .crosstalk{background-position:-16px -16px;}
.classnav ul li a .movie{background-position:-32px -16px;}
.classnav ul li a .literature{background-position:-48px -16px;}
.classnav ul li a .digimaster{background-position:0px -32px;}
.classnav ul li a .decorate{background-position:-16px -32px;}
.classnav ul li a .travel{background-position:-32px -32px;}
.classnav ul li a .education{background-position:-48px -32px;}

.mainnav{width:1010px;height:35px;background:url(../../img/newmagazine/bg_line01.png) no-repeat left;}
.mainnav ul{width:985px;font-size:14px;font-weight:bold;padding-left:25px;}
.mainnav ul li{height:35px;line-height:35px;padding-right:20px;float:left;}
.mainnav ul li a{color:#000;}
.mainnav ul li a:hover{color:#f00;}

.navaux{width:1010px;height:30px;background:url(../../img/newmagazine/bg_navaux.jpg);}
.navaux ul{width:985px;padding-left:25px;color:#333;}
.navaux ul li{height:30px;line-height:30px;padding-right:10px;float:left;}
.navaux ul li a{color:#333;}
.navaux ul li a:hover{color:#f00;}

.carousel{width:1010px;height:410px;background:#ebebeb;}
.carousel_left{width:825px;padding-left:10px;float:left;}
.carousel_right{width:155px;height:390px;padding:0 0 0 20px;float:left;}
.carousel_right img{box-shadow:0px 0px 4px;margin-top:16px;float:left;}
.carousel_right span{width:135px;line-height:18px;text-align:center;padding-top:10px;color:#333;float:left;}
.notice{width:825px;height:35px;}
.notice span{height:35px;line-height:35px;display:block;}
.notice span.icon_notic{padding-left:20px;background:url(../../img/newmagazine/icon_notic.png) no-repeat left center;margin-left:16px;float:left;}
.notice span.noticlist li a{color:#333;}
.notice span.noticlist li a:hover{color:#c00;}
.notice img{margin-top:6px;}

.classlist{width:420px;height:25px;line-height:25x; border-bottom:1px dashed #ccc;float:left;}
.classlist a{color:#333;margin-right:10px;float:left;}
.classlist a:hover{color:#c00;}
.recommend{width:140px;height:410px;line-height:25px;float:left;} 
.recommend dl{width:140px;padding-top:10px;}
.recommend dl dt{width:140px;height:30px;line-height:30px;font-weight:bold;}
.recommend dl dd{width:125px;height:26px;line-height:26px;padding-left:15px;background:url(../../img/newmagazine/icon_arrowemp.png) no-repeat left center;}
.recommend dl dd a{color:#333;}
.recommend dl dd a:hover{color:#c00;}
.swiper-slide-tab ol{width:280px;height:400px;padding-top:10px;float:left;}
.swiper-slide-tab ol li{width:125px;height:182px;margin:0 10px 0 5px;cursor:pointer;float:left;}
.swiper-slide-tab ol li.onfocus img{box-shadow:0px 0px 5px #c00;}
.swiper-slide-tab ol li.onfocus span{color:#c00;}
.swiper-slide-tab ol li img{width:115px;height:150px;float:left;}
.swiper-slide-tab ol li span{width:115px;height:32px;line-height:32px;text-align:center;color:#333;float:left;}

/*2#screen:special,articles,book_concern*/
.screen2{height:300px;margin-top:5px; float:left;}
.spicle{width:230px;height:300px;margin-right:10px;float:left;}
.articles{width:620px;height:300px;margin-right:10px;float:left;}
.book_concern{width:330px;height:300px;float:left;}

.spicle h1{width:230px;height:35px;background:url(../../img/newmagazine/bg_chiannelbar.jpg);}
.spicle h1 span{height:35px;line-height:35px;display:block;}
.spicle h1 span.title{font-size:14px;padding-left:30px;background:url(../../img/newmagazine/icon_spicle.png) no-repeat 10px center;float:left;}
.spicle h1 span.more{font-size:12px;font-weight:normal;padding-right:10px;float:right;}
.spicle h1 span.more a{color:#666;}
.spicle h1 span.more a:hover{color:#c00;}
.swiper-slide-spicle img{width:230px;height:135px;float:left;}
.swiper-slide-spicle p{width:230px;height:90px;padding-top:10px;line-height:19px;color:#666;text-indent:24px;float:left;}

.articles h1{width:620px;height:35px;background:url(../../img/newmagazine/bg_chiannelbar.jpg);}
.articles h1 span{height:35px;line-height:35px;display:block;}
.articles h1 span.title{font-size:14px;padding-left:30px;background:url(../../img/newmagazine/icon_articles.png) no-repeat 10px center;float:left;}
.articles h1 span.more{font-size:12px;font-weight:normal;padding-right:10px;float:right;}
.articles h1 span.more a{color:#666;}
.articles h1 span.more a:hover{color:#c00;}
.articles ul{width:620px;padding-top:10px;}
.articles ul li{width:310px;height:28px;float:left;}
.articles ul li span{display:block;height:28px;line-height:28px;float:left;}
.articles ul li span.from{color:#f30;}
.articles ul li span.from a{color:#f30;}
.articles ul li span.from a:hover{color:#c00;}
.articles ul li span.title{color:#333;}
.articles ul li span.title a{color:#333;}
.articles ul li span.title a:hover{color:#c00;}
.articles ul li .fulltitle{padding:5px;line-height:18px;background:#ffc;border:1px solid #999;position:absolute;color:#000;}
.articles ul li .fulltitle{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

.book_concern h1{width:330px;height:35px;background:url(../../img/newmagazine/bg_chiannelbar.jpg);}
.book_concern h1 span{height:35px;line-height:35px;display:block;}
.book_concern h1 span.title{font-size:14px;padding-left:30px;background:url(../../img/newmagazine/icon_bc.png) no-repeat 10px center;float:left;}
.book_concern h1 span.more{font-size:12px;font-weight:normal;padding-right:10px;float:right;}
.book_concern h1 span.more a{color:#666;}
.book_concern h1 span.more a:hover{color:#c00;}
.book_concern p{width:330px;height:80px;margin-top:10px;color:#333;text-indent:24px;float:left;}
.book_concern p img{width:140px;height:80px;margin-right:10px;float:left;}
.book_concern ul{width:330px;height:165px;padding-top:20px;float:left;}
.book_concern ul li img{width:72px;height:105px;box-shadow:0px 0px 5px #333;float:left;}
.book_concern ul li span{width:72px;padding-top:10px;line-height:20px;text-align:center;float:left;}
.book_concern ul li span a{color:#333;}
.book_concern ul li span a:hover{color:#c00;}

/*3#screen:channel,rank,free,banner_separate*/
.screen3{height:820px; margin-top:10px; float:left;}
.screen3_left{width:950px;height:535px;float:left;}
.screen3_right{width:250px;height:535px;float:left;}

.mazicon{background:url(../../img/newmagazine/icon_comcover.png) no-repeat 10px center;}
.storyicon{background:url(../../img/newmagazine/icon_comstory.png) no-repeat 10px center;}
.bookicon{background:url(../../img/newmagazine/icon_combook.png) no-repeat 10px center;}

.rankreadding{background:url(../../img/newmagazine/bg_readdingrank.png) no-repeat right top;}
.rankstory{background:url(../../img/newmagazine/bg_storyrank.png) no-repeat right top;}
.rankbook{background:url(../../img/newmagazine/bg_bookrank.png) no-repeat right top;}

.screen3_left h1{width:950px;height:35px;background:url(../../img/newmagazine/bg_channelbar.jpg);}
.screen3_left h1 span{height:35px;line-height:35px;display:block;}
.screen3_left h1 span.title{font-size:14px;padding:0 10px 0 30px;float:left;}
.screen3_left h1 span.more{font-size:12px;font-weight:normal;padding-right:10px;float:right;}
.screen3_left h1 span.more a{color:#666;}
.screen3_left h1 span.more a:hover{color:#c00;}
.screen3_left h1 ol{font-size:12px;font-weight:normal;float:left;}
.screen3_left h1 ol li{height:35px;line-height:35px;padding:0 5px;color:#333;float:left;}
.screen3_left h1 ol li a{color:#333;}
.screen3_left h1 ol li a:hover{color:#c00;}
.screen3_left ul{width:925px;height:470px;padding:25px 0 0 25px;background:#ebebeb;float:left;}
.screen3_left ul li{width:125px;height:230px;;margin:0 28px 0 0;float:left;}
.screen3_left ul li img{width:125px;height:165px;float:left;}
.screen3_left ul li span{width:125px;height:65px;padding-top:10px;line-height:22px;text-align:center;color:#333;float:left;}
.screen3_left ul li.hover img{box-shadow:0px 0px 5px #c00;}
.screen3_left ul li.hover span{color:#f30;font-weight:bold;}

.rankcase{width:230px;height:485px;padding:50px 0 0 20px;float:left;}
.rankcase ul{width:210px;height:485px;float:left;}
.rankcase ul li{height:24px;line-height:24px;padding-left:10px;background:url(../../img/newmagazine/icon_arrowemp.png) no-repeat left center;clear:both;}
.rankcase ul li a{color:#333;float:left;}
.rankcase ul li a:hover{color:#c00;}
.rankcase ul li font{float:right;}
.rankcase li.ranktop3{width:210px;height:87px;padding:0 0 15px 0;background:none;}
.rankcase li.ranktop3 img{width:60px;height:87px;margin-right:10px;box-shadow:0px 0px 5px #333;float:left;}
.rankcase li.ranktop3 p{line-height:18px;float:left;}
.rankcase li.ranktop3 p a{color:#333;}
.rankcase li.ranktop3 p a:hover{color:#c00;}
.rankcase li.ranktop3 font{float:none;}
.rankcase li.ranktop3 a{float:none;}

.freecase{width:1210px;height:273px;float:left;}
.freecase_info{width:145px;padding:85px 25px 0 25px;float:left;}
.freecase_info p{line-height:20px;color:#333;}
.time-item{width:145px;padding-top:20px;float:left;}
.time-item h1{width:145px;line-height:25px;font-size:12px;font-weight:normal;margin-bottom:10px;}
.time-item span{padding:3px;line-height:20px;border-radius:5px;color:#fff;background:#c00;box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
.item-title .unit{background:none;line-height:20px;float:left;}
.morefreemaz{width:145px;height:30px;line-height:30px;margin-top:20px;float:left;}
.morefreemaz a{color:#333;}
.morefreemaz a:hover{color:#c00;}
.freecase ul{width:990px;height:250px;padding-top:23px;float:left;}
.freecase ul li{width:125px;height:240px;margin-right:16px;color:#333;float:left;}
.freecase ul li a{color:#000;}
.freecase ul li img{width:120px;height:160px;float:left;}
.freecase ul li span{width:125px;padding-top:10px;line-height:18px;text-align:center;float:left;}
.freecase ul li a:hover img{box-shadow:0px 0px 5px #c00;}

.freemaz{background:url(../../img/newmagazine/bg_freemaz.png) no-repeat;}
.freestory{background:url(../../img/newmagazine/bg_freestory.png) no-repeat;}
.freebook{background:url(../../img/newmagazine/bg_freebook.png) no-repeat;}

.banner_separate{height:80px;margin-bottom:10px;}
.banner_separate ul{width:1190px;height:80px;}
.banner_separate ul li{width:390px;height:80px;margin-right:10px;float:left;}
.banner_separate ul li img{width:390px;height:80px;}

.banner_separate4{height:80px;margin-bottom:10px;}
.banner_separate4 ul{width:1190px;height:80px;}
.banner_separate4 ul li{width:290px;height:80px;margin-right:10px;float:left;}
.banner_separate4 ul li img{width:290px;height:80px;}

/*4#screen:readdingcard,blog*/
.screen4{width:1190px;margin:15px 0;}
.readdingcard{width:610px;padding-right:10px;float:left;}
.readdingcard h1{width:610px;height:40px;line-height:40px;font-size:14px;}
.readdingcard p{width:610px;padding-top:10px;line-height:20px;}
.readdingcard ul{width:610px;padding-top:20px;}
.readdingcard ul li{width:300px;height:80px;margin-bottom:25px;float:left;}
.readdingcard ul li img.card{width:140px;height:80px;float:left;}
.readdingcard ul li span{width:150px;line-height:16px;padding-left:10px;float:left;}
.micblog_case{width:570px;height:300px;background:#ccc;float:left;}