@asd: 1px red solid; .mobile { font-family: "Microsoft Yahei"; overflow: hidden; .mobile-top { // margin-bottom: .1rem; /* 轮播图 */ .carousel { overflow: hidden; position: relative; } .carousel .move_ul { width: 1000%; margin-top: 1rem; } .carousel .move_ul li { width: 10%; float: left; position: relative; .old-organization { position: absolute; top: 4rem; left: 1.4rem; font-size: .36rem; color: #fff; letter-spacing: .02rem; display: flex; justify-content: center; align-content: center; } .to_but { position: absolute; /* top: 470px; left: 220px; */ top: 42%; left: 5%; padding: .05rem .1rem; background-color: #ff6320; color: white; border-radius: 30px; cursor: pointer; } .to_but .text1 { font-size: .18rem; } .to_but .text2 { font-size: .16rem; } } .carousel .indexer { position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; } .carousel .indexer li { width: 12px; height: 12px; border-radius: 50%; float: left; border: 1px solid #fff; margin-left: 5px; } .carousel .indexer .active { background-color: #fff; } } .center_list { box-sizing: border-box; display: flex; justify-content: space-between; // height: 4rem; // background: #ffffff; // margin: .2rem .4rem; padding: .2rem .4rem; .list { padding: .2rem; width: 3.08rem; height: 5rem; border-radius: .2rem; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); .title { font-size: .29rem; color: #FF6320; padding: .2rem 0; } .text { font-size: .24rem; color: #888888; // padding: .2rem 0; } } } .youshibox { padding: .32rem .95rem; .list { display: flex; justify-content: space-between; margin-bottom: .3rem; .box { width: 2.6rem; height: 3.2rem; background: #efefef; border-radius: .12rem; padding: 0 .12rem; .title { font-size: .26rem; font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 700; text-align: center; color: #FF6320; margin: .32rem; } .text { font-size: .24rem; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: center; color: #888888; } } } } .shebei { padding: .32rem; .list { display: flex; height: 1.8rem; background: #f7f7f7; border-radius: .12rem; padding-left: .42rem; margin-bottom: .32rem; .left { flex: 1.5; .title { padding: .2rem 0; color: #ff6320; font-weight: 700; } .text { color: #888888; } } >img{ display: block; flex: 1; } } } // 内容 .mobile-center { font-size: .24rem; .center_title { display: flex; align-items: center; height: 1rem; justify-content: center; background: url(../images/newimg/onebgc.png) no-repeat; .ins { width: .32rem; } font-size: .32rem; font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; text-align: left; color: #ffffff; } .center_list { box-sizing: border-box; display: flex; justify-content: space-between; // height: 4rem; background: #ffffff; // margin: .2rem .4rem; padding: .2rem .4rem; .list { padding: .2rem; width: 3.08rem; height: 5rem; border-radius: .2rem; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); .title { font-size: .29rem; color: #FF6320; padding: .2rem 0; } .text { font-size: .24rem; color: #888888; // padding: .2rem 0; } } } .youshibox { padding: .32rem .95rem; .list { display: flex; justify-content: space-between; margin-bottom: .3rem; .box { width: 2.6rem; height: 3.2rem; background: #efefef; border-radius: .12rem; padding: 0 .12rem; .title { font-size: .26rem; font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 700; text-align: center; color: #FF6320; margin: .32rem; } .text { font-size: .24rem; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: center; color: #888888; } } } } .shebei { padding: .32rem; .list { display: flex; height: 1.8rem; background: #f7f7f7; border-radius: .12rem; padding-left: .42rem; margin-bottom: .32rem; .left { flex: 1.5; .title { padding: .2rem 0; color: #ff6320; font-weight: 700; } .text { color: #888888; } } >img{ display: block; flex: 1; } } } // 新增联系方式 .sameInputBox { font-size: .28rem; margin-top: .3rem; width: 6.26rem; height: .96rem; border-radius: .3rem; background: #f5f5f5; display: flex; align-items: center; justify-content: center; } .confrimBtn { width: 6.26rem; height: .96rem; margin-top: .3rem; background: #FF6320; border-radius: .3rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .36rem; margin-bottom: .3rem; } .floatBox { /* 间隔盒子 */ width: 100%; height: .5rem; border-radius: 0 0 .3rem .3rem; background: #fff; position: absolute; top: 0; left: 0; border: none; } .floatBox2 { /* 间隔盒子2 */ width: 100%; height: .5rem; border-radius: .3rem .3rem 0 0; background: #fff; position: absolute; bottom: 0; left: 0; } .zncpList { background: rgba(14, 13, 13, 0.5); width: 48%; height: 4.68rem; margin-top: .3rem; border-radius: .3rem; padding: .3rem; } .samelistBox { padding: .02rem .08rem; border: 1px #fff solid; margin-top: .08rem; margin-right: .08rem; } .SBW { width: 100%; background: #F0F0F0; background-size: 100% auto; background-position: center -0.3rem; font-size: 0.28rem; color: #666; .sbwList02 { height: 1.98rem; display: flex; .sameSbw { width: 50%; border-right: 1px solid #DADADA; border-top: 1px solid #DADADA; display: flex; justify-content: center; padding-top: 0.5rem; .imgBox { height: 0.47rem; img { height: 0.46rem; } } } } .imgtop { position: relative; margin-top: -0.25rem; z-index: 1; } .sbwList01 { position: relative; margin-top: -0.6rem; height: 1.98rem; display: flex; .sameSbw { width: 50%; border-right: 1px solid #DADADA; display: flex; justify-content: center; padding-top: 0.5rem; .imgBox { height: 0.47rem; img { height: 0.46rem; } } } } } // 介绍 .top { width: 100%; // height: 4.55rem; background: #f5f5f5; padding: .3rem .32rem; .top_name { font-size: .45rem; font-weight: normal; margin-bottom: .1rem; } .top_dec { color: #888; } } // 模块区域 .moudle_box { background: #fff; width: 100%; // height: 100px; padding: 0 .1rem; .moudle_box_contain { background: #fff; // height: 9.32rem; border-radius: .1rem; padding: 0 .04rem; padding-top: .3rem; .moudle_list1 { padding: 0 .15rem; font-size: .24rem; height: .94rem; .right { display: flex; flex-wrap: wrap; font-size: .248rem; .right_list01, .right_list02, .right_list03 { margin-right: 1.32rem; margin-bottom: .1563rem; color: #333333; } } .left { font-weight: 700; width: 2.25rem; flex-shrink: 0; margin-bottom: .1rem; font-size: .4rem; } .green { color: #1DCBA7; } } .module-center { position: relative; .one { width: 7.2rem; height: 1.7933rem; background-color: #f9f9f9; margin-top: 1.0667rem; border-radius: .16rem; padding: .4rem 0 0 .2133rem; .top1 { display: flex; align-items: center; .pic { width: 0.4367rem; height: 0.3867rem; margin-right: .1333rem; } p { display: inline-block; font-size: 0.2933rem; font-weight: 700; } } .content { font-size: .22rem; color: #888888; margin-left: .57rem; } .right { position: absolute; top: 0.0333rem; right: 0.0867rem; width: 1.3667rem; height: 0.8333rem; font-size: 0.233rem; line-height: 0.8333rem; text-align: center; color: #fff; border-radius: 50%; background: linear-gradient(#FF6320, #FF5C53); transform: rotate(-15deg); } } .two { width: 100%; background-color: #fff; padding: .4rem 0 0 .2133rem; border-bottom: .0267rem solid #e9e9e9; .top1 { display: flex; align-items: center; .pic { width: 0.4367rem; height: 0.3867rem; margin-right: .1333rem; } p { display: inline-block; font-size: 0.2933rem; font-weight: 700; } } .content { font-size: 0.22rem; color: #888888; margin-left: .57rem; margin-bottom: 0.64rem; } } } .moudle_list { font-size: .24rem; height: .94rem; display: flex; align-items: center; border-bottom: 1px solid #e9e9e9; .left { font-weight: 700; width: 1.125rem; flex-shrink: 0; } .blue { color: #4B92FE; } .green { color: #1DCBA7; } .right { width: 100%; color: #333333; // border: 1px red solid; // display: flex; .right_list01 { width: 2rem; display: flex; align-items: center; } .right_list02 { width: 1.5rem; display: flex; align-items: center; } .right_list03 { width: 2.2rem; display: flex; align-items: center; } .right_list04 { width: 2.2rem; display: flex; align-items: center; } img { width: .44rem; height: .44rem; } } } .moudle_list2 { position: relative; padding: 0 .15rem; font-size: .24rem; height: 2.48rem; .right { position: absolute; left: 0.075rem; top: 0.15rem; margin-top: .625rem; display: flex; flex-wrap: wrap; font-size: .1875rem; .right_list01, .right_list02, .right_list03, .right_list04 { width: 40%; display: flex; align-items: center; margin-right: .3125rem; margin-bottom: 0.2375rem; color: #333333; font-size: 0.24rem; img { margin-right: 5px; } } // .right_list04 { // width: 2.7733rem; // display: flex; // align-items: center; // color: #333333; // font-size: 0.24rem; // img { // margin-right: 5px; // } // } } .left { font-weight: 700; width: 2.25rem; flex-shrink: 0; margin-bottom: .1rem; font-size: .4rem; margin-top: 18px; } } .moudle_list_big { font-size: .24rem; // height: .94rem; display: flex; align-items: center; border-bottom: 1px solid #e9e9e9; padding-bottom: .3rem; .left { font-weight: 700; width: 1.1rem; flex-shrink: 0; } .right { width: 100%; color: #888; // border: 1px red solid; display: flex; justify-content: space-between; font-size: .22rem; line-height: .35rem; .right_list01 { width: 2rem; .list_box { // border: @asd; height: 2rem; padding-top: .3rem; .right_list01_top { color: #181818; } } } .right_list02 { width: 1.5rem; .list_box { // border: @asd; height: 2rem; padding-top: .3rem; .right_list02_top { color: #181818; } } } .right_list03 { width: 2.2rem; .list_box { // border: @asd; height: 2rem; padding-top: .3rem; .right_list03_top { color: #181818; } } } } } } } // 平台优势 .youshi { background: #f5f5f5; width: 100%; padding: .5rem .32rem; .Scroll { font-size: 0.28rem; width: 100%; overflow: scroll; padding-bottom: 0.3rem; .Row01 { display: flex; padding: 0.15rem; .SBlist { width: 3.58rem; border-radius: 0.6rem; box-sizing: border-box; padding: 0.2rem; margin-right: 0.3rem; background: linear-gradient(130deg, #f5f5f5 10%, #ffffff 89%); box-shadow: -5px -5px 5px 0px #ffffff, 0.04rem 0.04rem 0.1rem #e8e8e8; .smallBox { span { font-size: 0.24rem !important; color: #888 !important; padding: 0.02rem 0.06rem; border: 1px solid #b6b6b6 !important; border-radius: 0.06rem; margin-right: 0.1rem; } } .top { display: flex; justify-content: space-between; padding: 0; // background-color: #f6f6f6; background-color: transparent; img { width: 1rem !important; height: 1rem !important; } .name { font-size: 0.29rem; color: #888; display: flex; flex-direction: column; align-items: center; .Xbox { font-size: 0.24rem; color: #FF6320; padding: 0.02rem 0.06rem; background: #ffeee7; border-radius: 0.06rem; } } } } } } .youshi_top { font-size: .48rem; } .youshi_contain { display: flex; margin-top: .3rem; .youshi_box { width: 49%; height: 2.22rem; background: #fff; border-radius: .3rem; margin-right: .3rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: .3rem; color: #181818; img { width: .88rem; height: .88rem; margin-bottom: .1rem; } } } } // 平台架构 .jiagou { background: #f5f5f5; width: 100%; padding: 0 .32rem; .jiagou_top { font-size: 24px; } .jiagou_text { font-size: 12px; color: #707070; } .jiagou_contain { margin-top: 15px; display: flex; } } .sonsystem { width: 100%; // background-color: pink; background-color: #f5f5f5; padding: 0 .32rem; .sonsystem-top { font-size: .45rem; } .sonsysetem-text { font-size: .22rem; color: #707070; } .computer { position: relative; margin-top: .4rem; .content { margin-left: 1.8267rem; padding: 0.4rem 0.3rem 0.4rem 1.4133rem; width: 5.0467rem; height: 2.26rem; background-color: #fff; border-radius: 0.0533rem; .top1 { font-size: 0.3267rem; margin-bottom: .1333rem; color: #181818; } .down { width: 3.5333rem; height: 1.3133rem; font-size: 0.22rem; color: #888888; } } } .pic { position: absolute; top: 0.3233rem; left: 0.1267rem; width: 3.0467rem; height: 1.6467rem; img { width: 100%; height: 100%; } } } } .oldman-room { margin-bottom: 2.8067rem; position: relative; padding: .4rem .4267rem 0; background-color: #f5f5f5; width: 100%; height: 10.0133rem; background: url(../images/老人家庭.png) no-repeat 100% 100%; background-size: cover; .top1 { .one { font-size: .44rem; font-weight: normal; line-height: .8867rem; } .two { width: 3.04rem; height: 0.5133rem; text-align: center; line-height: 0.46rem; background: #ff6320; border: 0.0267rem solid #ff6320; border-radius: 0.16rem; font-size: 0.26rem; color: #fff; } } } .under { position: absolute; bottom: -3.5533rem; left: 0; width: 100%; height: 4.2267rem; background-color: #f4f4f4; .bgc { padding-top: 0.1333rem; padding-left: 0.32rem; margin: 0 auto; width: 7.0467rem; height: 3.8733rem; background-color: #fff; border-radius: 0.4rem; .word { margin-top: .2667rem; .one { font-size: 0.2733rem; } .two { font-size: .24rem; color: #888; margin-bottom: .1333rem; } .three { position: relative; width: 2.46rem; height: .72rem; color: #fff; padding-left: .2133rem; line-height: .6667rem; background-color: #ff6320; border: .0267rem solid #ff6320; border-radius: .3733rem; img { position: absolute; top: 0; right: 0; width: .6667rem; height: .6667rem; } } } } } .swiper-pagination-bullet-active { background: #ff6000; } .lianxiBG { width: 100%; height: 13.14rem; background: url(../images/lianxiBG.png); background-size: 100% 100%; } .sameInputBox2 { width: 100%; font-size: .28rem; margin-top: .3rem; width: 6.26rem; height: .96rem; background: none; border-bottom: 1px #666 solid; display: flex; align-items: center; color: #fff; } .confrimBtn2 { width: 6.26rem; height: .96rem; margin-top: .6rem; background: #fff; border-radius: .3rem; display: flex; align-items: center; justify-content: center; color: #FF6320; font-size: .36rem; margin-bottom: .3rem; } } // 底部 .mobile-bottom { iframe { height: 18.7rem; } }