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;}