MobilePhoneWeb/css/main.css

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

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

@charset "utf-8";
/* 浏览器初始化 */
*{margin:0;padding:0;outline:none;background:transparent;border:0 none}
body{padding:0;background:#f9f9f9;border:0;margin:0;color:#262626;font:14px/1.5 tahoma, arial, \5b8b\4f53}
ul ,ol, li{list-style:none}
h1, h2, h3, h4, h5, h6, cite, em, strong, b, i{font-weight:normal;font-style:normal}
del{text-decoration:line-through}
select, input, img, select, iframe, textarea{vertical-align:middle;font-size:100%}
table, tr, th, td{border-collapse:collapse;border-spacing:0;text-indent:0}
.fl{float:left}
.fr{float:right}
  


/* 链接样式 */
a{color:#525252;text-decoration:none}
.green{color:#6a9700}
.orange{color:#f29700}
a:hover,a:active{color:#6a9700;text-decoration:none}

/*绿色按扭*/
.btn_green {border: 1px solid #73a400; color:#fff; text-shadow:0 1px rgba(0, 0, 0, 0.1); background:#709f00; background-image:-webkit-gradient(linear,left top,left bottom,from(#7db200),to(#709f00)); background-image: -webkit-linear-gradient(top,#7db200,#709f00); background-image: -moz-linear-gradient(top,#7db200,#709f00); background-image: -ms-linear-gradient(top,#7db200,#709f00); background-image:-o-linear-gradient(top,#7db200,#709f00); background-image:linear-gradient(top,#7db200,#709f00);}
.btn_green:hover {border-color:#608a00; color:#fff; text-decoration:none; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background:#699600; background-image:-webkit-gradient(linear,left top,left bottom,from(#77aa00),to(#699600)); background-image:-webkit-linear-gradient(top,#77aa00,#699600); background-image:-moz-linear-gradient(top,#77aa00,#699600); background-image:-ms-linear-gradient(top,#77aa00,#699600); background-image:-o-linear-gradient(top,#77aa00,#699600); background-image:linear-gradient(top,#77aa00,#699600); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -ms-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.btn_green:active {border-color:#608a00; background:#6a9600; background-image:-webkit-gradient(linear,left top,left bottom,from(#72a200),to(#6a9600)); background-image:-webkit-linear-gradient(top,#72a200,#6a9600); background-image:-moz-linear-gradient(top,#72a200,#6a9600); background-image:-ms-linear-gradient(top,#72a200,#6a9600); background-image:-o-linear-gradient(top,#72a200,#6a9600); background-image:linear-gradient(top,#72a200,#6a9600); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
/*橙色按扭*/
.btn_orange {border: 1px solid #ed8600; color:#fff; text-shadow:0 1px rgba(0, 0, 0, 0.1); background:#f08801; background-image:-webkit-gradient(linear,left top,left bottom,from(#fc9309),to(#f08801)); background-image: -webkit-linear-gradient(top,#fc9309,#f08801); background-image: -moz-linear-gradient(top,#fc9309,#f08801); background-image: -ms-linear-gradient(top,#fc9309,#f08801); background-image:-o-linear-gradient(top,#fc9309,#f08801); background-image:linear-gradient(top,#fc9309,#f08801);}
.btn_orange:hover {border-color:#d47800; color:#fff; text-decoration:none; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background:#fc9610; background-image:-webkit-gradient(linear,left top,left bottom,from(#f68f0a),to(#fc9610)); background-image:-webkit-linear-gradient(top,#f68f0a,#fc9610); background-image:-moz-linear-gradient(top,#f68f0a,#fc9610); background-image:-ms-linear-gradient(top,#f68f0a,#fc9610); background-image:-o-linear-gradient(top,#f68f0a,#fc9610); background-image:linear-gradient(top,#f68f0a,#fc9610); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -ms-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.btn_orange:active {border-color:#d47800; background:#ec8500; background-image:-webkit-gradient(linear,left top,left bottom,from(#fc9610),to(#ec8500)); background-image:-webkit-linear-gradient(top,#fc9610,#ec8500); background-image:-moz-linear-gradient(top,#fc9610,#ec8500); background-image:-ms-linear-gradient(top,#fc9610,#ec8500); background-image:-o-linear-gradient(top,#fc9610,#ec8500); background-image:linear-gradient(top,#fc9610,#ec8500); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
/*灰色按扭*/
.btn_gray {border: 1px solid #d5d5d5; color:#666; background:#f3f3f3; background-image:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f3f3f3)); background-image: -webkit-linear-gradient(top,#fbfbfb,#f3f3f3); background-image: -moz-linear-gradient(top,#fbfbfb,#f3f3f3); background-image: -ms-linear-gradient(top,#fbfbfb,#f3f3f3); background-image:-o-linear-gradient(top,#fbfbfb,#f3f3f3); background-image:linear-gradient(top,#fbfbfb,#f3f3f3);}
.btn_gray:hover {border-color:#ccc; color:#666; text-decoration:none; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background:#e9e9e9; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e9e9e9)); background-image:-webkit-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:-moz-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:-ms-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:-o-linear-gradient(top,#f5f5f5,#e9e9e9); background-image:linear-gradient(top,#f5f5f5,#e9e9e9); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -ms-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.btn_gray:active {border-color:#ccc; background:#dfdfdf; background-image:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#dfdfdf)); background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf); background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf); background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf); background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf); background-image:linear-gradient(top,#f0f0f0,#dfdfdf); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); -ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
/*灰色按扭*/
.btn_gray1 {border: 1px solid #292929; color:#ffd422; background:#676767; background-image:-webkit-gradient(linear,left top,left bottom,from(#797979),to(#5a5a5a)); background-image: -webkit-linear-gradient(top,#797979,#5a5a5a); background-image: -moz-linear-gradient(top,#797979,#5a5a5a); background-image: -ms-linear-gradient(top,#797979,#5a5a5a); background-image:-o-linear-gradient(top,#797979,#5a5a5a); background-image:linear-gradient(top,#797979,#5a5a5a);}

/* 顶部推荐 */
.top_report{height:2.3em;padding:5px 6px 0;background:#3d8908;position:relative;z-index:0}
.top_report .haodou_ico{float:left;height:27px;padding-left:30px;background:url(images/mini_logo.png) no-repeat 0 0;font:18px/27px "微软雅黑";color:#fff}
.top_report p{float:left;height:15px;width:114px;margin:8px 0 0 10px;background:url(images/text.png)}
.top_report b{display:block;float:right;height:25px;padding:0 8px;border-radius:3px;line-height:25px;text-align:center;font-weight:bold;font-size:12px}
.top_report a.download{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}

/* 页面头部 */
.header{height:55px;background:#c6dd21}
.header .logo{float:left;height:47px;padding:8px 0 0 8px}
.header .logo_right{float:right;height:100%}
.header .logo_right a{display:block;float:left;width:45px;height:100%}
.header a.search_ico{background:url(images/fangdajing.png) no-repeat center center}
.header a.login_ico{background:url(/images/header_right.png) no-repeat center center}
.header a.search_ico:hover,.header a.search_ico:active,
.header a.login_ico:hover,.header a.login_ico:active{background-color:#568400}

/* 热门标签 */
.mark_tr{padding:5px 5px 5px 10px;overflow:hidden}
.mark_tr h2,.report_ul h2,.subject_ul h2{font:20px/1 "微软雅黑"}
.mark_tr .mark_cont{width:100%;clear:both;overflow:hidden}
.mark_tr .mark_cont a{display:block;float:left;height:30px;background:#efa500;border:1px solid #c6c6c6;border-radius:15px;line-height:30px;padding:0 15px;margin:15px 5px 0 0;color:#f9f9f9}
.mark_tr .mark_cont a:hover,.mark_tr .mark_cont a:active{background:#f2f2f2;color:#6a9700}
.mark_tr p,.subject_ul p{width:100%;clear:both;padding:10px 0;text-align:center;text-indent:-5px}
.mark_tr p a,.subject_ul p a{display:inline-block;padding:10px 10px 10px 35px;line-height:15px;background:url(images/all.png) no-repeat 10px 10px;border-radius:5px;color:#6a9700}