@import /*tpa=/addon/skin/skin3/css/common.css*/; /*头部*/ .header_bg { height: 322px; position: relative; background:#2191f0 /*tpa=/addon/skin/skin3/images/banner_bg.png*/ no-repeat center; } .header_top { padding-top: 8px; } .logo img { margin-top: 0px; height: 50px;} .in_header { width: 610px; height: 84px; padding-top: 70px; margin: 0 auto; } /*导航*/ nav { position: relative;} .in_nav { height: 50px; } .nav_item { margin: 0 0 0 50px; } /*首屏*/ .con_ban {position: relative; padding-top: 320px;} .in_ban { position: absolute; top: -38px; background: #fff; border-radius: 10px; padding: 30px; width: 1140px; margin: 0 auto; } .ban_l { width: 830px; height: 298px; } .ban_r { width: 240px; height: 256px; padding: 20px; border: 1px solid #e1e1e1; border-radius: 10px; } .ban_picture { width: 520px; } /*热门导航*/ .hot_nav { background: #fff; border-radius: 10px; padding: 30px 30px 10px 20px; width: 1150px; } .hot_nav .nav_item { width: 277px; float: left; height:120px; overflow: hidden; margin: 0 0 0 10px; } .nav_item h4 { position: relative; padding-left: 30px; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .nav_item em { width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; color: #fff; background: #497cff; display: block; font-size: 14px; position: absolute; left: 0; top: 0px; } .nav_item:nth-child(2) em { background: #dcb103; } .nav_item:nth-child(3) em { background: #ff5c16; } .nav_item:nth-child(4) em { background: #08c3bc; } .nav_item .nav_rwap a { font-size: 12px; margin-right: 20px; display: block; float: left; line-height: 24px; color: #666; } .nav_item .nav_rwap a:hover { color: #2191f0; } /*首屏热门图文*/ .ban_r .hot_tu { padding: 10px; } .ban_r .hot_tu h4 { line-height: 20px; margin:0px 0 20px 0; } .ban_r .hot_tu .hot_lb2.on { height: 63px; } .ban_r .hot_lb2.on .hot_bt { font-weight: normal; } /*今日推荐*/ .ban_push { width: 278px; height: 300px; position: relative; overflow: hidden; } .ban_push .push_time { position: absolute; left: 100px; top: 12px; line-height: 20px; border-radius: 10px; height: 20px; padding: 0 5px; background: #2191f0; font-size: 12px; color: #ffffff;} .ban_push:before{ content:""; display: block; position: absolute; width: 1px; height: 210px; left: 4px; top: 80px; background: #cbd7f1; } .ban_push .bd { margin-top: 15px; } .ban_push li { padding: 6px 0; } .lb_push { position: relative; padding-left: 20px; line-height: 30px; } .lb_push:before{ content:""; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #cbd7f1; border-radius: 10px; left: 0; top: 10px; background: #fff;} .lb_push:hover:before { border: 1px solid #2191f0; } /*登录*/ .login_top {height: 52px; position: relative; padding-left: 70px; } .login_avatar { width: 52px; height: 52px; border-radius: 100%; overflow: hidden; position: absolute; left: 0; } .login_avatar img { width: 100%; } .login_name h4 { font-size: 18px; line-height: 30px; font-weight: normal; } .login_name p { font-size: 14px; color: #999; } .login_cz { height: 36px; margin-top: 20px; } .login_cz a { width: 46%; text-align: center; line-height: 36px; height: 36px; border-radius: 4px; color: #fff; display: block; } /*vip权益*/ .vip_title { position: relative; height: 30px; line-height: 30px; } .vip_title:before{ content:""; display: block; height: 1px; width: 100%; background: #f1f1f1; position: absolute; top: 15px; } .vip_title span { width: 100px; left: 50%; margin-left: -50px; text-align: center; background: #fff; position: absolute; font-size: 12px; color: #999; } .vip_itme { width: 39%; float: left; font-size: 12px; line-height: 20px; margin: 8px 0 8px 2%; position: relative; padding-left: 20px; color: #999; } .vip_itme:nth-child(2n) { float:right;} .vip_itme em { position: absolute; left: 0; color: #e8b856; } .ban_gg { width: 100%; height: 102px; border-radius: 10px; } .ban_gg img { width: 100%; min-height: 102px; } /*专题*/ .ban_lm { height: 140px; } .ban_lm .lm_itme { float: left; width: 274px; margin-right: 26px; *margin-right: 12px; border-radius: 10px; overflow: hidden; } .ban_lm .lm_itme img { width: 100%; } .ban_lm .scroll_btn { background: rgba(255,255,255,0.9); color: #2191f0; box-shadow: 0 4px 20px rgba(33,145,240,0.2); } /*热门文档*/ .hot_word { width: 834px; height: 290px; padding: 30px; background: #fff; border-radius: 10px; } .hot_wz { width: 240px; height: 310px; background: #fff; padding: 20px; border-radius: 10px; } /*栏目*/ .lm { width: 1140px; background: #fff; padding: 30px; margin: 26px auto 0 auto; border-radius: 10px; } .lm_rwap {height: 445px; } .lm_rwap .lm_nav2 { width: 140px; background: #f1f9fa; height: 376px; padding: 10px 15px; } .lm_nav2 h4 { line-height: 20px; position: relative; padding-left: 15px; } .lm_nav2 h4:before{ content:""; display: block; height: 12px; width: 6px; background: #36ad9e; position: absolute; top: 4px; border-radius: 10px; left: 0; } .lm_nav2 .bt2:before { background: #e8b856; } .lm_nav2 a { font-size: 12px; display: block; float: left; width: 48%; line-height: 24px; margin-bottom: 8px; color: #666; height: 24px; overflow: hidden; } .lm_nav2 a:nth-child(2n) { float: right; } .lm_nav2 .nav_nr { margin-top: 10px; } .lm_nav2 a:hover { color: #36ad9e; font-weight: bold; } .lm_article { width: 564px; margin-left: 20px; } .lm_article .pic_lb1 { width: 48%; *width: 34%; } .lm_article .title1 { background-color: #f5f9f9; border-radius: 10px; line-height: 40px; margin-bottom: 13px; padding-left: 38px; } .lm_article .title1 em { top: 8px; left: 10px; } .lm_new { margin-top: 15px; } .new_nr { margin-top: 10px; } .lm_new .lb_2 { margin-top: 10px; float: left; width: 46%; } .lm_new .lb_2:nth-child(2n) { float: right; } .lm_pic { width: 246px; min-height: 400px;} .lm_left .lm_pic { width:auto; min-height: 77px; } .lm_left { width: 824px; } .lm_pic .pic_lb2 img { min-height: 150px;} /*精选图文*/ .pic { padding: 30px; width: 1142px; } .pic_rwap { overflow: hidden; height: 195px; } .pic_title { border-bottom: 0; } .pic_rwap .pic_lb2 { width: 198px; margin:0 30px 0 0; } .pic_lb2 .lb_bt { margin-top: 10px; } .pic_rwap .pic_lb2 .lb_img { height: 138px; } .pic_rwap .pic_lb2 .lb_img img { min-height: 140px; } .pic_rwap .scroll_btn { top: 36%; }