Web/Public/img/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

h2{font-weight:normal;}
em{font-style:normal;}
/** header.php（公共头部）**/
.header_one_box{width:1170px;margin:0 auto;}
.header_one_box ul{float:right;margin-top:8px;}
.header_one_box ul li{display:inline-block;float:left;height:22px;line-height:22px;}
.header_one_box ul li a{color:#666;font-size:12px;margin:0 20px;display:block;height:22px;line-height:22px;}
.header_one_box ul li a i.name{font-style:normal;color:#00a0e9;margin-right:3px;}
.header_one_box ul li a:hover{color:#00a0e9;}
.header_one_box ul li em{display:inline-block;width:1px;height:12px;background:#cccccc;margin-top:4px;}
.header_one_box ul li a i.wx_icon{display:inline-block;width:22px;height:18px;background:url(icon.png) no-repeat -55px 0;vertical-align:middle;margin-right:5px;}
.header_one_box ul li a:hover i.wx_icon{background:url(icon.png) no-repeat -55px -18px;}
.header_one_box ul li a i.app_icon{display:inline-block;width:15px;height:20px;background:url(icon.png) no-repeat -77px 0;vertical-align:middle;margin-right:5px;}
.header_one_box ul li a:hover i.app_icon{background:url(icon.png) no-repeat -77px -20px;}
.header_one_box ul li.wx_hover{position:relative;z-index:10;}
.header_one_box ul li.app_hover{position:relative;z-index:10;}
.header_one_box ul li.wx_hover .wx_big_img{background:url(wx_hover_img.png) no-repeat;width:150px;height:192px;position:absolute;top:30px;right:0;z-index:12;opacity:0;width:0\9\0;height:0\9\0;*width:0;*height:0;
    -webkit-transform:scale(0);-webkit-transition:all ease .3s;
    -moz-transform:scale(0);-moz-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transform:scale(0);-o-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transform:scale(0);transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.header_one_box ul li.wx_hover:hover .wx_big_img{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.header_one_box ul li.app_hover .app_big_img{background:url(app_hover_img.png) no-repeat;width:281px;height:192px;position:absolute;top:30px;right:0;z-index:12;opacity:0;width:0\9\0;height:0\9\0;*width:0;*height:0;
    -webkit-transform:scale(0);-webkit-transition:all ease .3s;
    -moz-transform:scale(0);-moz-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transform:scale(0);-o-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transform:scale(0);transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.header_one_box ul li.app_hover:hover .app_big_img{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.header_two_box{width:100%;min-width:1170px;border-bottom:2px solid #00a0e9;}
.header_two{width:1170px;margin:0 auto;}
.header_two_logo{float:left;width:210px;height:50px;}
.header_two_nav{float:left;line-height:50px;margin-left:40px;}
.header_two_nav a{font-size:16px;color:#000;margin-right:26px;float:left;transition:all 0.2s linear 0s;}
.header_two_nav a:hover{color:#00a0e9;}
.header_two_nav a.hover{color:#00a0e9;}
.header_two_phone{float:right;width:200px;height:50px;}

/** 文章页 **/
.active_content{width:1200px;margin:60px auto 0 auto;padding-bottom:140px;}
.active_position{text-align:right;font-size:14px;color:#999999;margin-bottom:15px;}
.active_position span a{color:#999999;}
.active_position span a.curve_position{color:#555555;}
.active_bg{width:1200px;height:auto;background:#ffffff;border:1px solid #dedede;border-bottom:2px solid #dedede;position:relative;border-radius:5px;}
.active_bg .bieqian{background:url(bieqian.png) no-repeat;width:66px;height:92px;display:inline-block;position:absolute;right:40px;bottom:-92px;}
/*left*/
.active_left{float:left;width:182px;background:url(left_bg.png) repeat;border-right:1px solid #ebebeb;padding-top:50px;position:relative;}
.active_left ul{display:inline-block;margin-left:20px;margin-bottom:15px;text-align:center;width:130px;}
.active_left ul span{margin-bottom:15px;width:130px;height:30px;background:#dcf4ff;line-height:30px;color:#555555;font-size:14px;display:inline-block;position:relative;}
.active_left ul span em{position:absolute;top:13px;left:130px;width:32px;height:1px;border-bottom:1px solid #fff2e9;}
.active_left ul li{width:130px;height:25px;overflow:hidden;}
.active_left ul li a{font-size:12px;color:#555555;line-height:24px;padding-left:8px;}
.active_left ul li a:hover{color:#00a0e9;background:url(active_left.png) no-repeat 0 5px;}
.active_left ul li a.activeHover{color:#00a0e9;background:url(active_left.png) no-repeat 0 5px;}
.active_left i.jingqi{background:url(jingqi.png) no-repeat;display:inline-block;width:32px;height:50px;position:absolute;top:-4px;left:166px;}
/*right*/
.active_right{float:left;width:1017px;}
.active_right_title{text-align:center;margin:38px 0 20px 0;}
.active_right_title h2{font-size:20px;color:#005b84;}