Public/css/wap.css

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

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

/* CSS Document */
@charset "utf-8";
html, body { height: 100%; display: flex; display: -webkit-flex; display: -webkit-box; flex-flow: column; -webkit-flex-flow: column; -webkit-box-orient: vertical; }
.wap_head { height: 50px; line-height: 50px; padding: 0 5%; background: #FFF; }
.wap_head .backimg { vertical-align: middle; margin-right: 10px; height: 16px; }
.wap_head.borbottom { border-bottom: #f0eff4 1px solid }
.wap_content { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; overflow: scroll; -webkit-overflow-scrolling: touch; }
.wap_content .csshidden { display: none; }
.wap_content .cssshow { display: block; }
.wap_content .butsub { width: 90%; margin: 0 auto; margin-top: 20px; background-color: #f85959; border-radius: 5px; color: #FFF; line-height: 40px; text-align: center; }
/**返回样式**/
.head_iback { height: 45px; line-height: 45px; background: #f85959; color: #FFF; }
.head_iback img { height: 17px; margin-left: 10px; vertical-align: middle; }
/**页尾**/
.wap_footer { height: 44px; display: flex; display: -webkit-flex; display: -webkit-box; flex-flow: row; -webkit-flex-flow: row; -webkit-box-orient: horizontal; background-color: #f4f5f6; }
.wap_footer .menu { display: block; flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; padding-bottom: 5px; padding-top: 27px; color: #585858; font-size: 10px; text-align: center; background-size: 22px 22px; background-position: center 5px; background-repeat: no-repeat; }
.wap_footer .home { background-image: url(../img/home.png); }
.wap_footer .home.active { background-image: url(../img/home_act.png); color: #f85959; }
.wap_footer .px { background-image: url(../img/px.png); }
.wap_footer .px.active { background-image: url(../img/px_act.png); color: #f85959; }
.wap_footer .huodong { background-image: url(../img/huodong.png); }
.wap_footer .huodong.active { background-image: url(../img/huodong_act.png); color: #f85959; }
.wap_footer .haibao { background-image: url(../img/hb.png); }
.wap_footer .haibao.active { background-image: url(../img/hb_act.png); color: #f85959; }
.wap_footer .user { background-image: url(../img/my.png); }
.wap_footer .user.active { background-image: url(../img/my_act.png); color: #f85959; }
.wap_footer .dy { background-image: url(../img/dy.png); }
.wap_footer .dy.active { background-image: url(../img/dy_act.png); color: #f85959; }
/**首页**/
.index_index_a { position: relative; padding-bottom: 80px; }
.index_index_abg { background-image: -webkit-linear-gradient(top, #175D7A 2%, #1B667F 10%, #278190 30%, #28919B 43%, #42C2C3 63%, #FDFEDC 97%); background-image: linear-gradient(-180deg, #175D7A 2%, #1B667F 10%, #278190 30%, #28919B 43%, #42C2C3 63%, #FDFEDC 97%); }
.index_index_a p { color: #FFF; text-align: center; z-index: 50 }
.index_index_a p font { color: #F90 }
.index_index_a .pguize { position: absolute; bottom: 60px; left: 90px; right: 90px; }
.index_index_a .fontnum { font-size: 40px; line-height: 80px; height: 80px; }
.index_index_a .rico { position: absolute; right: 3px; top: 20%; z-index: 6; width: 48px; }
.index_index_a .rico img { width: 48px; margin-top: 3px; }
.index_index_a .rico1 { position: absolute; left: 3px; bottom: 10%; z-index: 6;width: 48px; }
.index_index_a .rico1 img { width: 48px; margin-top: 3px; }
.index_index_a .bimg { width: 100%; position: absolute; left: 0; bottom: 0; }
.index_index_a .headimgs { margin: 0 auto; width: 65%; height: 55px; text-align: center; overflow:hidden; margin-top:10px; margin-bottom:10px; }
.index_index_a .headimgs img { width: 25px; height: 25px; border-radius: 50%; margin-left: -6px; }
.index_index_b { width: 90%; margin: 0 auto; font-size: 18px; text-align: center; line-height: 45px; margin-top: 20px; color: rgb(255, 255, 255); background: rgb(255, 128, 25); transform: none; border-radius: 0px; box-shadow: rgb(255, 128, 25) -1px 1px 5px; }
.index_index_c { text-align: center; line-height: 50px; font-size: 20px; margin-top: 20px; }
.index_index_d { display: flex; display: -webkit-flex; width: 70%; margin: 0 auto; color: #999999; margin-bottom: 10px; }
.index_index_d div { flex-grow: 1; text-align: center; height: 16px; line-height: 16px; }
.index_index_d div:nth-child(1) { border-right: 1px #999999 solid; }
.index_index_d font { color: rgb(28, 199, 33); }
.index_index_e { width: 90%; margin: 0 auto; border-bottom: #e5e5e5 1px solid; line-height: 40px; color: #999; padding-top:20px; }
.index_index_gr{ width: 90%; margin: 0 auto; padding-top:20px; text-align:center; color:#199EFF; font-size:16px; font-weight:bold;}
.index_index_gr img{ height:20px; vertical-align:middle;}
.index_index_grjl{ font-size:10px; color:#f85959; text-align:center; line-height:30px;}
.index_index_grlist{width: 90%; margin: 0 auto; display: flex; display: -webkit-flex; display: -webkit-box; padding-top:10px;}
.index_index_grlist div{ text-align:center; width:1%;flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; position:relative;}
.index_index_grlist .tx{ border-radius:100%; height:60px; width:60px;}
.index_index_grlist .p1{  background:url(../img/30.png) no-repeat; }
.index_index_grlist .p2{  background:url(../img/31.png) no-repeat; }
.index_index_grlist .p3{  background:url(../img/32.png) no-repeat; }
.index_index_grlist .pname{ padding-top:10px; font-size:12px; color:#666;}
.index_index_grlist .ptxt{ padding-top:3px; font-size:10px; color:#FF9F65}