www.gusucode.com > 74cms PHP骑士人才系统 v3.5.1源码程序 > code/upload/templates/default/css/mobile.css
/*手机版主页*/ /*APP版*/ .phone_body{background-color:#fff;background-image:none;} .phone_box .app_main{margin-top:-20px;} .app_main .mobile_nav{float:right;margin-bottom:10px;} .app_main .mobile_nav li{float:left;padding:4px 25px 7px 25px;} .app_main .mobile_nav li a{display:block;padding-left:31px;height:23px;text-decoration:none;font-size:18px;color:#323232;} .app_main .mobile_nav li.active a{color:#0180CF;} .app_main .mobile_nav li a:focus{outline: none} .app_main .mobile_nav li a:hover{color:#0180CF;} .app_main .mobile_nav li.android{border-right:1px solid #A8A8A8;} .app_main .mobile_nav li.touch{border-right:1px solid #A8A8A8;} .app_main .mobile_nav li.android a{background:url(../images/mobile/51.gif) 0px -40px no-repeat;} .app_main .mobile_nav li.touch a{background:url(../images/mobile/51.gif) 0px -123px no-repeat;} .app_main .mobile_nav li.weixin a{padding-left:40px;background:url(../images/mobile/51.gif) 0px -195px no-repeat;} .app_main .mobile_nav li.android.active a{background:url(../images/mobile/51.gif) 0px 0px no-repeat;} .app_main .mobile_nav li.touch.active a{background:url(../images/mobile/51.gif) 0px -82px no-repeat;} .app_main .mobile_nav li.weixin.active a{padding-left:40px;background:url(../images/mobile/51.gif) 0px -158px no-repeat;} .app_main .banner{position:relative;width:941px;height:334px;background:url(../images/mobile/53.jpg) center center no-repeat;padding-top: 56px;padding-left: 59px;} .app_main .banner .banner_img{float: left;margin-right: 98px;} .app_main .banner .banner_txt{} .app_main .banner .banner_txt h2{font-size: 32px;font-family: "microsoft yahei";color:#fff;margin-bottom: 30px;} .app_main .banner .banner_txt h3{font-size: 20px;color:#fff;margin-bottom: 30px;font-weight: normal;} .app_main .banner .download_box{position:absolute;top:200px;right:70px;} .app_main .banner .download_box .reweima{position:relative;margin-right:31px;float:left;z-index:9999;} .app_main .banner .download_box .reweima_opcity{position:absolute;top:-5px;left:-5px;width:117px;height:117px;background-color:#000;border-radius:5px;opacity:0.4;filter:alpha(opactiy=40);z-index:-9999;} .app_main .banner .download_box .reweima img{opacity:1.5;} .app_main .banner .download_box .but_box{float:left;} .app_main .banner .download_box .but_box .download_but{display:block;margin-top:20px;width:204px;height:59px;background:url(../images/mobile/57.gif) center center no-repeat;cursor:pointer;} .app_main .banner .download_box .but_box p{margin-top:20px;color:#fff;font-size:14px;text-align:center;} .app_main .function_list{overflow:hidden;margin-top:48px;} .app_main .function_list div{float:left;width:318px;height:102px;padding-left:138px;margin-bottom:46px;} .app_main .function_list div.l{margin-right:88px;} .app_main .function_list div.s_job{background:url(../images/mobile/52.gif) 0px 0px no-repeat;} .app_main .function_list div.t_person{background:url(../images/mobile/52.gif) 0px -126px no-repeat;} .app_main .function_list div.s_map{background:url(../images/mobile/52.gif) 0px -265px no-repeat;} .app_main .function_list div.shake{background:url(../images/mobile/52.gif) 0px -399px no-repeat;} .app_main .function_list div.f_job{background:url(../images/mobile/52.gif) 0px -537px no-repeat;} .app_main .function_list div.c_resume{background:url(../images/mobile/52.gif) 0px -670px no-repeat;} .app_main .function_list div.workplace{background:url(../images/mobile/52.gif) 0px -796px no-repeat;} .app_main .function_list div.custcom_menu{background:url(../images/mobile/52.gif) 0px -924px no-repeat;} .app_main .function_list div h4{font-size:22px;font-weight:normal;margin-bottom:9px;color:#323232;} .app_main .function_list div p{font-size:16px;color:#656565;line-height:30px;} .app_main .function_list div.clear{clear:both;height:0;font-size:0;line-height:0;} /*触屏版*/ .app_main .banner.touch{position:relative;width:941px;height:334px;background:url(../images/mobile/55.jpg) center center no-repeat;} .app_main .banner.touch .banner_img{margin-top:-30px;} .app_main .banner.touch .banner_txt{float:left;} .app_main .banner.touch h2{margin-bottom:18px;} .app_main .banner.touch h3{font-size:18px;margin-bottom:14px;} .app_main .banner.touch .web_add{width:349px;height:54px;line-height:54px;font-size:20px;color:#FF6500;padding-left:15px;background:url(../images/mobile/59.gif) left top no-repeat;} .app_main .banner.touch .reweima_box{margin-top:17px;} .app_main .banner.touch .reweima_box p{float:left;margin-right:20px;font-size:18px;color:#fff;} .reweima_item{position:relative;float:left;} .reweima_item .reweima_opcity{width:90px;height:90px;background-color:#000;opacity:0.4;filter:alpha(opactiy=40);border-radius:5px;} .reweima_item .reweima{position:absolute;top:5px;left:5px;width:80px;height:80px;overflow:hidden;} .app_main .banner.touch .down{margin-top:10px;font-size:12px;color:#fff;} /*微信版*/ .app_main .banner.weixin{position:relative;width:941px;height:334px;background:url(../images/mobile/55.jpg) center center no-repeat;} .app_main .banner.weixin h2{margin-bottom:26px;} .app_main .banner.weixin .banner_txt{float:left;} .app_main .banner.weixin .banner_img{margin-top:-30px;margin-right:46px;} .app_main .banner.weixin .banner_step{margin-bottom:15px;} .app_main .banner.weixin .banner_step li{font-size:16px;line-height:30px;color:#fff;} .app_main .banner.weixin .reweima_box{position:relative;} .app_main .banner.weixin .reweima_opcity{width:117px;height:117px;background-color:#000;opacity:0.4;filter:alpha(opactiy=40);border-radius:5px;} .app_main .banner.weixin .reweima{position:absolute;top:5px;left:5px;width:107px;height:107px;overflow:hidden;} /*底部版权样式*/ .copyright{padding-top:20px;border-top:1px solid #ccc;} .copyright p{text-align:center;line-height:25px;} .copyright p span{margin-right:20px;} .copyright p span em{color:#009900;}