jucai/public/themes/default/assets/mobile/css/index.css

/* 触屏版首页 */
.indextop{position:relative;width:100%;height:3.7rem;background:url(../images/01.jpg) no-repeat;background-size:100%;overflow:hidden;}
.indextop .m-sub-txt-group{position:absolute;left:2.8rem;top:.55rem;color:#FFF;}
.indextop .m-sub-txt-group .stg-txt{height:.3rem;line-height:1;float:left;}
.indextop .m-sub-txt-group .stg-icon{width:.4rem;height:.3rem;background-image:url(../images/67.png);background-position:.1rem .08rem;background-repeat:no-repeat;background-size:.25rem;float:left;}
.indextop .logo{float:left;width:3rem;}
.indextop .logo img{width:2rem;margin-left:.5rem;margin-top:.5rem;}
.indextop .user{float:right;}
.indextop .user img{width:.55rem;margin-right:.5rem;margin-top:.5rem;}
.indextop .count li{width:100%;text-align:center;padding-top:.2rem;font-size:.44rem;height:1.30rem;font-weight:700;color:#FFFFFF;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;}
.indextop .count li strong{color:#FF3333}
.indextop .sbox{width:80%;height:.8rem;line-height:.8rem;background-color:#FFFFFF;border-radius:.1rem;font-size:.3rem;margin:0 auto;box-shadow:0rem 0rem .2rem .01rem #000000;background-size:.4rem;background-image:url(../images/04.png);background-repeat:no-repeat;background-position:.9rem .18rem;color:#999999;padding-left:18.5%;}
.indexnav{width:100%;background-color:#FFFFFF;padding-top:.36rem;padding-bottom:.15rem}
.indexnav .nlist{width:25%;float:left;text-align:center;padding-bottom:.3rem;}
.indexnav .nlist img{width:1.1rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.indexnav .nlist.eventactive img{transform:scale(1.2,1.2);transition:.2s transform;}
.indexnav .nlist .tit{padding-top:.12rem;color:#666666;}
.indexnotice{width:100%;background-color:#FFFFFF;height:1.2rem;line-height:.6rem;padding: .2rem 0;/*border-top:1px  #F2F2F2 solid;*/overflow:hidden;}
.indexnotice .leftimg{width:1.3rem;float:left;padding-left:.35rem;height:100%;}
.indexnotice .leftimg img{width:.6rem;padding-top:.1rem;}
.indexnotice .ul-upscroll{float:left;color:#333333;width:80%;height:.8rem;overflow:hidden;}
.indexnotice .ul-upscroll ul li{width:100%;/*height:.4rem;line-height:.4rem;*/overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indexfamous{background-color:#FFFFFF;padding:0 .35rem .3rem .35rem;}
.indexfamous .famoustitle{width: 85%;height:.9rem;float: left;line-height:.9rem;color: #159af9;}
.indexfamous .more{width: 15%;height:.9rem;color: #c5c5c5;float: right;line-height:.9rem;text-align: center;text-decoration: none;}
.indexfamous .indexfamous_list a{display: inline-block;text-align: center;border: 1px solid #ededed;width: 32.2%;float: left;margin-bottom: .1rem;text-decoration: none;}
.indexfamous .indexfamous_list a:nth-child(3n+2){margin: 0 .1rem;}
.indexfamous .indexfamous_list a img{width: 100%;height: 1.3rem;padding: 10px;padding-bottom: 0;display: block;}
.indexfamous .indexfamous_list a .companyinfo{width: 100%;color: #333333;border-top:1px solid #ededed;padding:0 10px;}
.indexfamous .indexfamous_list a .companyinfo .name{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.indexfamous .indexfamous_list a .companyinfo .num{color: #666666;}
.indexfamous .indexfamous_list a .companyinfo .num span{color: #f6601d;}
.indexjoblist{background-color:#FFFFFF;}
.indexjoblist .listtitle {height: 1rem;padding: 0 .35rem;}
.indexjoblist .listtitle li{float: left;width: 33.3%;}
.indexjoblist .listtitle li:nth-child(2){text-align: center;}
.indexjoblist .listtitle li:nth-child(3){text-align: right;}
.indexjoblist .listtitle li a{display: inline-block;color: #999999;line-height: 1rem;}
.indexjoblist .listtitle li.select a{color: #159af9;border-bottom:2px solid #159af9;}
.indexjoblist .split-block{background-color: #f0f2f5;}
.indexjoblist .listcon{display: none;}
.indexjoblist .listcon.select{display: block;}
.indexhot{background-color:#FFFFFF;padding-bottom:.3rem}
.indexhot .hottitle{height:.9rem;border-bottom:1px  #F2F2F2 solid;background-image:url(../images/10.png);background-repeat:no-repeat;background-position:.35rem .23rem;padding-left:.9rem;background-size:.40rem;line-height:.9rem;font-weight:700}
.indexhot a.hotword{width:20%;margin-left:2.5%;margin-right:2.5%;float:left;text-align:center;height:.7rem;line-height:.7rem;background-color:#F9F9F9;border-radius:.1rem;margin-top:.3rem;display:block;}
.indexhot a.hotword.eventactive{background-color:#EBEBEB}
.indexcat{background-color:#FFFFFF;padding-bottom:.3rem}
.indexcat .cattitle{height:.9rem;line-height:.9rem;border-bottom:1px  #F2F2F2 solid;background-repeat:no-repeat;padding-left:.9rem;background-size:.40rem;background-position:.35rem .22rem;font-weight:700;background-image:url(../images/12.png);background-position:.35rem .23rem;}
.indexcat .cattitle.img1{background-image:url(../images/12.png);}
.indexcat .cattitle.img2{background-image:url(../images/13.png);}
.indexcat .cattitle.img3{background-image:url(../images/14.png);}
.indexcat .cattitle.img4{background-image:url(../images/15.png);}
.indexcat .cattitle.img5{background-image:url(../images/16.png);}
.indexcat .cattitle.img6{background-image:url(../images/17.png);}
.indexcat .cattitle.img7{background-image:url(../images/18.png);}
.indexcat .cattitle.img8{background-image:url(../images/19.png);}
.indexcat .cattitle.img9{background-image:url(../images/20.png);}
.indexcat .cattitle.img10{background-image:url(../images/21.png);}
.indexcat a.catword{width:28.33333333%;margin-left:2.5%;margin-right:2.5%;float:left;text-align:center;height:.7rem;line-height:.7rem;background-color:#F9F9F9;border-radius:.1rem;margin-top:.3rem;padding-left:1%;padding-right:1%;display:block;}
.indexcat a.catword.eventactive{background-color:#EBEBEB}

/* 新更多 样式 */
.index-slider .hwslider{position:relative;overflow:hidden;height:2.92rem;background:#fff;padding-top: .4rem;}
.index-slider .hwslider ul{width:100%;height:100%;position:absolute;z-index:1}
.index-slider .hwslider ul li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding-top:.3rem;overflow:hidden;}
.index-slider .hwslider ul li.active{display:block;}
.index-slider .hwslider ul li a{width:25%;display:block;float:left;text-align:center;text-decoration:none;}
.index-slider .hwslider ul dl{margin:0;}
.index-slider .hwslider ul dl dt{width:.9rem;height:.9rem;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-size:.9rem .9rem;}
.index-slider .hwslider ul dl dt.job{background-image:url(../images/06.png);}
.index-slider .hwslider ul dl dt.resume{background-image:url(../images/07.png);}
.index-slider .hwslider ul dl dt.fabu{background-image:url(../images/08.png);}
.index-slider .hwslider ul dl dt.shop{background-image:url(../images/217.png);}
.index-slider .hwslider ul dl dt.zhaoph{background-image:url(../images/218.png);}
.index-slider .hwslider ul dl dt.news{background-image:url(../images/219.png);}
.index-slider .hwslider ul dl dt.notice{background-image:url(../images/286.png);}
.index-slider .hwslider ul dl dt.fileSearch{background-image:url(../images/288.png);}
.index-slider .hwslider ul dl dd{color:#555;margin:0;padding:0;border:0;}
.index-slider .hwslider ul dl dt.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
.index-slider .hwslider .dots{position:absolute;bottom:.1rem;left:50%;height:.24rem;z-index:2;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.index-slider .hwslider .dots span{float:left;width:.14rem;height:.14rem;border:1px solid #fff;border-radius:50%;background:#999;margin-right:.08rem;cursor:pointer;}
.index-slider .hwslider .dots span.active{background:orangered}
.index-slider .hwslider .dots span:last-child{margin-right:0;}
.index-slider .hwslider-count{height:1.30rem;background:none;border:0;}

/*首页banner*/
.new-index-banner .ni-search-g{width:7.5rem;height:2.54rem;background-image:url(../images/250.jpg);background-repeat:no-repeat;background-size:7.5rem 2.54rem;padding-top:.6rem;text-align:center;}
.new-index-banner .ni-search-g .nis-box{position:relative;top: 1.45rem;z-index: 999;display:inline-block;width:6rem;height:.9rem;line-height:.9rem;padding-left:1rem;background:#FFF;-webkit-border-radius:.12rem;-moz-border-radius:.12rem;border-radius:.12rem;color:#999;text-align:left;-webkit-box-shadow:0px 3px 3px 0px #e3f3fe;-moz-box-shadow:0px 3px 3px 0px #e3f3fe ;box-shadow: 0px 3px 3px 0px #e3f3fe;}
.new-index-banner .ni-search-g .nis-box .nis-s-icon{position:absolute;top:.225rem;left:.4rem;width:.45rem;height:.45rem;background-image:url(../images/251.png);background-repeat:no-repeat;background-size:.45rem .45rem;}

/*首页红包*/
.index-alw{background-color:#FFFFFF;}
.index-alw .alw-title{border-bottom:1px #F2F2F2 solid;padding-right:.23rem;height:.9rem;line-height:.9rem;}
.index-alw .alw-title .alw-t{float:left;background-image:url(../images/270.png);background-repeat:no-repeat;background-position:.35rem .25rem;padding-left:.9rem;background-size:.32rem .39rem;font-weight:700;}
.index-alw .alw-title .alw-link{float:right;}
.index-alw .alw-group{padding-top:.30rem;padding-left:.35rem;}
.alw-group .alw-cell{float:left;width:3.25rem;margin-bottom:.30rem;margin-right:.30rem;}
.alw-cell .ac-h{color:#FFF;height:.62rem;line-height:.64rem;background:#f9565e;padding:0 .22rem;border-top-left-radius:.1rem;border-top-right-radius:.1rem;}
.alw-cell .ac-h .ach-l{float:left;}
.alw-cell .ac-h .ach-r{float:right;}
.alw-cell .ac-wave{width:3.25rem;height:.02rem;background-image:url(../images/271.png);background-repeat:no-repeat;background-size:3.25rem .02rem;}
.alw-cell .ac-ten{width:3.25rem;height:1.21rem;border:1px solid #f1f1f1;border-top:0;border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem;}
.alw-cell .ac-ten .act-line{padding-left:.16rem;width:3.25rem;line-height:1;}
.sp-h-19{width:100%;height:.19rem;}
.sp-h-25{width:100%;height:.25rem;}


/*新闻*/
.module{
    width: 100%;
    margin-top: .2rem;
}
.module-title{
    background-color:#fff;
    height: 1.18rem;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
}
.module-title .module-title-nav{
    display:block;
    float:left;
    color: #666666;
    text-align: center;
    height: 1.18rem;
    width: 50%;
    line-height: 1.18rem;
    text-decoration: none;
}
.module-title .module-title-nav.active{
    color: #dd4250;
    border-bottom:2px solid #dd4250;
}
.module-title .module-title-nav .module-title-icon{
    height: .5rem;
    width: .5rem;
    display: inline-block;
    position: relative;
    top: .08rem;
    margin-right: .1rem;
}

.mobile_index_news{
    width: 100%;
}
.mobile_index_news li{background:#fff;border-bottom:.01rem solid #e0e0e0; padding:0 .1rem;}
.mobile_index_news li a{color:#333;display:block;height:.8rem;line-height:.8rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    text-decoration: none;}
.mobile_index_news li a:visited{color:#666;}
.mobile_index_news li a b{color:#ff6565;}
.mobile_index_news li a b.b2{ border:.01rem solid #1fbec4; width:.16rem; height:.16rem; border-radius:50%;display:inline-block; margin-right:.03rem; position:relative; bottom:.02rem;}
.jc_rt{float:right;}