body{ max-width: 750px; margin: 0 auto; } .bodyC{ overflow: hidden; } .hnbsBox{ background: #fff; } .hnbsBox_head{ width: 100%; height: auto; } .hnbsBox_head p,.hnbsBox_head p img{ width: 100%; height: auto; } .hnbsBox_min1{ width: 100%; height: auto; } .min1_bm{ width: 100%; height: auto; position: relative; } .min1_bm p,.min1_bm p img{ width: 100%; height: auto; } .min1_bm .min1_form{ position: absolute; left: 50%; width: 66%; margin-left: -33%; bottom: 8%; } .min1_bm .min1_form p{ height: 37px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; background: #fff; border-radius: 18px; } .min1_bm .min1_form p i{ display: inline-block; width: 10px; height: 14px; line-height: 11px; margin-left: 10px; } .min1_bm .min1_form p input{ display: inline-block; border:none; background: #fff; height: 33px; width: 52%; font-size: 0.75rem; color: #666; } .min1_bm .min1_form p a{ display: inline-block; height: 33px; line-height: 33px; font-size: 0.875rem; color: #fff; background: #090E50; text-align: center; border-radius: 18px; margin-right: 2px; width: 35%; text-align: center; } .hnbsBox_min1 .tu{ width: 100%; height: auto; position: relative; background: url('/overseas/zt/hnbszt20200701/image/ico__05_02.jpg') no-repeat center; background-size:100% 100%; padding-bottom: 40px; } .hnbsBox_min1 .tu p,.hnbsBox_min1 .tu p img{ width: 100%; height: auto; } .hnbsBox_min1 .tu .tu_text{ margin: 0 auto; width: 85%; } .hnbsBox_min1 .tu .tu_text p.title{ font-size: 1.0625rem; color: #333; font-weight: bold; line-height: 23px; padding-top: 8px; } .hnbsBox_min1 .tu .tu_text p.text{ margin-top: 8px; } .hnbsBox_min1 .tu .tu_text p.text img{ display: inline-block; width: 6px; height: 6px; margin-right: 8px; line-height: 6px; float: left; position: relative; top: 6px; } .hnbsBox_min1 .tu .tu_text p.text span{ display: inline-block; float: left; width:94%; font-size: 0.75rem; color: #666; line-height: 17px; } .hnbsBox_hot{ width: 100%; height:auto; } .hot_head,.hot_head p,.hot_head p img{ width: 100%; height: auto; } /*导航*/ .m_albumtnav_box{width:100%;z-index:100;padding:20px 0 0px;} .wrapper02_box{width:100%;background:#FFF;} .wrapper02 {position:relative;height:40px;width:92%;overflow: hidden;margin:0 auto;} .wrapper02 .scroller {position:absolute} .wrapper02 .scroller ul{width:100%;} .wrapper02 .scroller li {position:relative;width:auto; height:30px;float:left;line-height:26px;text-align:center;} .wrapper02 .scroller li a{position: relative; font-size:1rem;padding:0 12px; background: #fff; color:#666;border:1px solid #ccc; display:block;margin-right:20px; border-radius: 3px;} .wrapper02 .scroller li:last-child a{margin-right:0;} .wrapper02 .scroller li.cur a{ color:#59390A; background: #D8BC84; border-color: #D8BC84; } .wrapper02 .scroller li a:after{ position: absolute; bottom: -6px; left: 50%; margin-left: -6px; content:''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0,0,0,0); } .wrapper02 .scroller li.cur a:after{ border-top-color:#D8BC84 ; } .hot_list{ width: 100%; overflow: hidden; padding: 20px 0 20px; } .hot_list_mian{ width: 92%; margin: 0 auto; } .hot_list_mian ul li{ background: #fff; border-radius: 8px; box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); } .hot_list_mian ul li .lp_top .lp_top_ico{ height: 158px; position: relative; width: 100%; } .hot_list_mian ul li .lp_top .lp_top_ico p.ico{ width: 100%; height: 100%; border-radius: 8px 8px 0 0; overflow: hidden; } .hot_list_mian ul li .lp_top .lp_top_ico p.ico img{ width: 100%; height: 100%; } .hot_list_mian ul li .lp_top .lp_top_ico p.index{ position: absolute; left: 9px; top: -7px; background: url('/overseas/zt/hnbszt20200701/image/ico__21.png') no-repeat center; background-size:100% 100%; font-size: 0.8125rem; color: #fff; font-weight: bold; padding: 12px 8px 12px 8px; z-index: 2; } .hot_list_mian ul li .lp_top .lp_top_ico .lp_text{ position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); width: 100%; padding: 7px 0 5px 0; z-index: 2; } .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.title{ font-size: 1.125rem; color: #fff; font-weight: bold; padding: 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.time{ font-size: 0.75rem; color: #fff; display: -webkit-flex; /* Safari */ display: flex; align-items:center; padding: 0 12px; margin-top: 5px; } .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.time img{ width: 10px; height: 10px; line-height: 10px; display: inline-block; margin-right: 5px; } .hot_list_mian ul li .lp_top .lp_bottom_m{ margin-top: 10px; padding: 0 10px; } .hot_list_mian ul li .lp_top .lp_bottom_m p.pric{ font-size: 0.8125rem; color: #999; } .hot_list_mian ul li .lp_top .lp_bottom_m p.pric span{ font-size: 1.125rem; color: #FF3131; font-weight: bold; padding: 0 3px; } .hot_list_mian ul li .lp_top .lp_bottom_m p.zk{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; height: 20px; background:rgba(255,49,49,0.05); border-radius: 10px; font-size: 0.8125rem; color: #333; padding-left: 10px; margin-top: 10px; } .hot_list_mian ul li .lp_top .lp_bottom_m p.zk img{ display: inline-block; width: 12px; height: 13px; margin-right: 5px; } .hot_list_mian ul li .lp_bm{ margin-top: 13px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; text-align: center; padding: 0 10px; margin-bottom: 15px; } .hot_list_mian ul li .lp_bm a{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; width: 47%; height: 35px; font-size: 1rem; color: #fff; line-height: 35px; border-radius: 17px; justify-content:center; } .hot_list_mian ul li .lp_bm a img{ width: 15px; height: 15px; line-height: 15px; display: inline-block; margin-right: 5px; } .hot_list_mian ul li .lp_bm a.hqdj{ background: #FF8F00; } .hot_list_mian ul li .lp_bm a.zk{ background: #DEC692; color: #59390A } .hot_list .swiper-pagination{ position:static; text-align: center; margin-top: 10px; } .hot_list .swiper-pagination-bullet{ margin: 0 3px; background: #E0E0E0; opacity: 1; width: 6px; height: 6px; } .hot_list .swiper-pagination-bullet-active{ width: 22px; background: #DEC692; border-radius: 10px; } .wanquHot{ width: 100%; } .wanquHot_title,.wanquHot_title img{ width: 100%; height:auto; } .m_albumtnav_box2{ padding-top: 5px; } .m_albumtnav_box2{ overflow: hidden; } .m_albumtnav_box2 .wrapper02{ overflow: inherit; } .wanquHotBox{ width: 92%; margin: 0 auto; padding-top: 5px; } .wanquHotBox ul li{ width: 100%; height: auto; margin-top: 15px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; border-radius: 5px; background: #fff; overflow: hidden; box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); } .wanquHotBox ul li .left_text{ width: 90%; } .wanquHotBox ul li .left_text a{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .wanquHotBox ul li .left_text .l_img{ width: 35%; height: 100px; } .wanquHotBox ul li .left_text .l_img img{ width: 100%; height: 100%; } .wanquHotBox ul li .left_text .r_text{ width: 65%; } .wanquHotBox ul li .left_text .r_text p.title{ font-size: 1.25rem; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px; } .wanquHotBox ul li .left_text .r_text p.pric{ font-size: 0.75rem; color: #999999; padding: 0 10px; margin-top: 5px; } .wanquHotBox ul li .left_text .r_text p.pric span{ padding: 0 3px; font-size: 1.125rem; color: #FF3131; font-weight: bold; } .wanquHotBox ul li .left_text .r_text p.time{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; font-size: 0.75rem; color: #999999; margin-top: 10px; padding: 0 10px; } .wanquHotBox ul li .left_text .r_text p.time img{ width: 10px; height: 10px; display: inline-block; margin-right: 5px; } .wanquHotBox ul li .right_zx{ width: 10%; height: 100px; text-align: center; background: #D8BC84; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center; } .wanquHotBox ul li .right_zx a{ height: 100px; display: inline-block; font-size: 0.937rem; color: #59390A; font-weight: bold; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ } .wanquHotgenduo{ width: 92%; margin: 0 auto; margin-top: 23px; } .wanquHotgenduo a{ display: block; height: 50px; line-height: 50px; font-size: 1.125rem; color: #59390A; background: #D8BC84; text-align: center; border-radius: 30px; } .wanquHot_title{ margin-top: 20px; } .wanquHot_title,.wanquHot_title img{ width: 100%; height: auto; } .wanquHot_title2 { margin-top: 5px; } .Boutique{ margin-top: 10px; width: 100%; height: auto; overflow: hidden; } .Boutique_main{ width: 92%; margin:0 auto; } .Boutique_nav{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .Boutique_nav a{ display: inline-block; font-size: 1rem; color: #666; border:1px solid #ccc; border-radius: 5px; background: #fff; width: 47%; height: 30px; line-height: 28px; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; position: relative; } .Boutique_nav a.on{ background: #D8BC84; color:#59390A; border-color: #D8BC84; } .Boutique_nav a:after{ position: absolute; bottom: -6px; left: 50%; margin-left: -6px; content:''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0,0,0,0); } .Boutique_nav a.on:after{ border-top-color:#D8BC84 ; } .Boutique_list{ margin: 25px 0; height: 240px; } .Boutique_list ul li{ height: 192px; width: 140px; border-radius: 5px; overflow: hidden; position: relative; top: 20px; background: #ccc; } .Boutique_list ul li+li{ margin-left: 15px; } .Boutique_list ul li img{ width: 100%; height: 100%; } .Boutique_list .swiper-slide-active{/*选中的效果*/ position:relative; top:0; transition: all .3s; height:240px; width: 165px; } .bieshubm{ margin-top: 20px; width: 100%; height: auto; } .bieshubmBox{ width: 90%; margin: 0 auto; background:linear-gradient(162deg,rgba(255,254,252,1) 0%,rgba(235,218,184,1) 100%); box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); border-radius:8px; } .bieshubm_title{ padding-top: 30px; text-align: center; } .bieshubm_title p{ text-align: center; font-size: 1.5625rem; color: #59390A; } .bieshubm_title em{ display: inline-block; width: 21px; height: 3px; background: #59390A; margin: 0 auto; margin-top: 5px; } .bieshubm_c{ margin-top: 10px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center; } .bieshubm_c span{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; font-size: 0.8125rem; color: #59390A; } .bieshubm_c span img{ width: 15px; height: 15px; display: inline-block; } .bieshubm_c span+span{ margin-left: 24px; } .bieshubm_form{ width: 70%; margin:0 auto; margin-top: 25px; } .bieshubm_form .int input{ font-size: 0.75rem; color: #666; border-radius: 18px; border:1px solid #5F3D0B; background: #fff; width: 100%; height: 35px; padding: 0 5%; } .bieshubm_form .int{ margin-bottom: 10px; } .bieshubm_form .pric_c{ position: relative; width: 100%; height: 35px; background: #fff; border-radius: 18px; background: #fff; border:1px solid #5F3D0B; } .bieshubm_form .pric_c p.top_m{ height: 33px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; } .bieshubm_form .pric_c p.top_m span{ font-size: 0.75rem; color: #666; padding-left: 5%; } .bieshubm_form .pric_c p.top_m em{ display: inline-block; width: 10px; height: 5px; line-height: 5px; margin-right: 5%; } .bieshubm_form .pric_c p.top_m em img{ width: 100%; height: 100%; } .bieshubm_form .pric_c p.pric_list{ position: absolute; left: 50%; margin-left: -45%; top: 35px; background: #fff; width: 90%; max-height: 200px; overflow-y:auto; z-index: 2; display: none; } .bieshubm_form .pric_c p.pric_list a{ display: block; height: 30px; line-height: 30px; font-size: 0.8125rem; color: #666; padding: 0 10px; } .bieshubm_form .pric_c p.pric_list a.on{ background: #ccc; color:#59390A; } .bieshubm_form .but{ width: 100%; height: 35px; line-height: 35px; text-align: center; border-radius: 18px; background: #59390A; margin-top: 10px; } .bieshubm_form .but a{ display: inline-block; width: 100%; height: 100%; font-size: 1.0625rem; color: #fff; font-weight: bold; } .bmrs_list{ margin:0 auto; margin-top: 18px; width: 65%; } .bmrs_list_t{ text-align: center; font-size: 0.937rem; color: #59390A } .bmrs_list_t span{ font-size: 1.125rem; font-weight: bold; } .bmrs_list_main{ width: 100%; margin: 18px 0px; padding-bottom: 20px; } .bmrs_list_cen{ height:90px; width: 100%; overflow: hidden; } .bmrs_list_cen ul li{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; font-size: 0.75rem; color: #666; height: 25px; line-height: 25px; } .service{ height: 340px; overflow: hidden; } .service_main{ width: 92%; margin: 0 auto; margin-top: 18px; } .service_main ul li{ background:linear-gradient(-2deg,rgba(238,222,193,1),rgba(255,254,252,1)); box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); border-radius:5px; width: 140px; height: 256px; overflow: hidden; position: relative; top: 20px; margin-right: 15px; } .service_main ul li .top_ico{ width: 88px; height: 88px; margin: 0 auto; margin-top: 10px; } .service_main ul li .top_ico img{ width: 100%; height: 100%; } .service_main ul li .text_m{ padding:0 10px; margin-top: 5px; } .service_main ul li .text_m p.name{ font-size: 1.125rem; color: #333; text-align: center; font-weight: bold; } .service_main ul li .text_m p.te_m{ text-align: center; font-size: 0.75rem; color: #999; margin-top: 5px; } .service_main ul li .text_m p.te_c{ font-size: 0.75rem; color: #666; line-height: 15px; margin-top: 5px; height: 60px; } .service_main ul li .zx{ height: 30px; line-height: 30px; background: #E6CC98; font-size: 0.8125rem; text-align: center; border-radius: 20px; width: 60%; margin: 0 auto; margin-top: 10px; position: absolute; left: 50%; margin-left: -30%; bottom: 10px; } .service_main ul li .zx a{ display: inline-block; width: 100%; height: 100%; color: #59390A; } .service_main .swiper-slide-active{ /*选中的效果*/ position:relative; top:0; transition: all .3s; height:300px; width: 170px; } .service_main .swiper-slide-active .top_ico{ width: 104px; height: 104px; margin-top: 18px; transition: all .3s; } .service_main .swiper-slide-active .text_m{ margin-top: 10px; transition: all .3s; } .service_main .swiper-slide-active .zx{ height: 35px; line-height: 35px; bottom: 16px; transition: all .3s; } .subnews{ margin-top: 10px; } .subnews_box{ width: 92%; margin: 0 auto; } .subnews_nav{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-start; } .subnews_nav a{ display: inline-block; font-size: 1rem; color: #666; border:1px solid #ccc; border-radius: 5px; background: #fff; padding:0 10px; height: 30px; line-height: 28px; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; position: relative; } .subnews_nav a+a{ margin-left: 25px; } .subnews_nav a.on{ background: #D8BC84; color:#59390A; border-color: #D8BC84; } .subnews_nav a:after{ position: absolute; bottom: -6px; left: 50%; margin-left: -6px; content:''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0,0,0,0); } .subnews_nav a.on:after{ border-top-color:#D8BC84 ; } .subnews_list{ margin-top: 10px; } .subnews_list ul{ display: none; } .subnews_list ul li{ margin-bottom: 16px; width: 100%; background:rgba(255,255,255,1); box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66); border-radius:4px; overflow: hidden; } .subnews_list ul li a{ width: 100%; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-start; } .subnews_list ul li .ico_img{ width: 30%; height: 90px; } .subnews_list ul li .ico_img img{ width: 100%; height: 100%; } .subnews_list ul li .right_text{ width: 70%; padding:0 15px; position: relative; height: 90px; } .subnews_list ul li .right_text p.title{ font-size: 0.937rem; margin-top: 8px; color: #333; font-weight: bold; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .subnews_list ul li .right_text p.buym{ position: absolute; left: 0px; bottom: 10px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; width: 100%; } .subnews_list ul li .right_text p.buym span{ font-size: 12px; color: #999; margin-left: 15px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .subnews_list ul li .right_text p.buym span img{ width: 10px; height: 10px; margin-right: 5px; display: inline-block; } .subnews_list ul li .right_text p.buym em{ display: block; margin-right: 15px; font-size: 0.625rem; color: #EF1D1D; border-radius: 8px; border:1px solid #F03939; height: 15px; line-height: 13px; padding:0 5px; } .min1_bm2{ padding-top: 20px; } .min1_bm .min1_form2 p a{ background: #0A25AF; } /*帮你找房*/ .bmzgBox_bg{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 105; display: none; } .bmzgBox{ width: 86%; position: fixed; left: 50%; margin-left: -43%; height: auto; top: 15%; z-index: 106; display: none; } .bmzgBox_main{ width: 100%; height: auto; background:linear-gradient(0deg,rgba(216,188,132,1) 0%,rgba(231,216,185,1) 100%); border-radius: 10px; } .bmzgBox_title{ width: 80%; margin: 0 auto; text-align: center; padding-top: 20px; } .bmzgBox_title p.title{ font-size: 2.1875rem; color: #59390a; font-weight: bold; } .bmzgBox_title p.rs{ width: 60%; margin: 0 auto; font-size: 0.875rem; color: #59390a; border:1px solid #9d845b; border-radius: 18px; margin-top: 8px; } .bmzgBox_title p.rs span{ font-size: 1.125rem; color: #c21111; font-weight: bold; } .bmzgBox_main .text_m{ width: 80%; margin: 0 auto; margin-top:15px; } .bmzgBox_main .text_m p{ font-size: 0.8125rem; color: #59390a; display: -webkit-flex; /* Safari */ display: flex; align-items:center; } .bmzgBox_main .text_m p img{ display: inline-block; width: 15px; height: 15px; line-height: 15px; margin-right: 5px; } .bmzgBox_main .text_m p+p{ margin-top: 5px; } .bmzgBox_form{ width: 80%; margin: 0 auto; margin-top: 15px; } .bmzgBox_form .citybm{ position: relative; width: 100%; } .bmzgBox_form .citybm p.top_c{ background: #fff; border-radius: 20px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; padding:0 15px; width: 100%; height: 40px; } .bmzgBox_form .citybm p.top_c span{ display: inline-block; font-size: 0.8125rem; color: #666; } .bmzgBox_form .citybm p.top_c img{ display: inline-block; width: 10px; height: 6px; } .bmzgBox_form .citybm p.citybm_list{ position: absolute; left: 50%; z-index: 2; height: 200px; overflow-y:auto; width: 88%; margin-left: -44%; top: 40px; background: #fff; display: none; } .bmzgBox_form .citybm p.citybm_list a{ display: block; height: 30px; line-height: 30px; font-size: 0.937rem; color: #333; padding:0 15px; } .bmzgBox_form .citybm p.citybm_list a.on{ color: #59390a; background: #ccc; } .bmzgBox_form .in_t{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-start; background: #fff; border-radius: 20px; height: 40px; width: 100%; margin-top: 10px; } .bmzgBox_form .in_t img{ width: 10px; margin-left: 15px; height: auto; display: inline-block; } .bmzgBox_form .in_t input{ height: 38px; background: #fff; border:none; width: 80%; margin-left: 10px; font-size: 0.8125rem; color: #666; } .bmzgBox_form .in_but{ width: 100%; margin-top: 10px; padding-bottom: 25px; } .bmzgBox_form .in_but a{ display: block; height: 40px; line-height: 40px; font-size: 1.25rem; color: #fff; background: #59390A; border-radius: 20px; text-align: center; font-weight: bold; } .appleBm{display: none; width:86%; height: auto; z-index: 106; padding: 24px 0; background: #fff; position: fixed; left: 50%; margin-left: -43%; top: 20%; border-radius: 5px;} .appleBm_main{width: 100%; position: relative; height: auto;} .appleBm_gb{position: absolute;top: -10px; right: 5%; width: 16px; height: 16px;} .appleBm_gb a{ display: inline-block; width:100%; height:100%;} .appleBm_gb a img{width: 100%; height: 100%;} .appleBm_center{ width: 85%; margin: 0 auto;height: auto;} .appleBm_top p.title{ text-align: center; font-size: 1.25rem; color: #2F3944;font-weight: bold;} .appleBm_top p.i_ico{ width: 100%; height: auto; margin-top: 15px; } .appleBm_top p.i_ico img{ width: 100%; height: auto; } .appleBm_top p.text{ font-size: 0.75rem; color: #5C5C5C; line-height: 22px; margin-top: 15px;} .appleBm_form{ width: 100%; height: auto; margin: 0 auto; margin-top: 15px;} .appleBm_form .appleBm_input{ font-size: 0.875rem; color: #5E6370; padding-left: 30px; border: none;border:none; background: url('/image/imagev3/v3_ico34.png') #F7F7F7 no-repeat 10px center; background-size: 12px 16px; border-radius: 5px; width: 100%; height: 37px; } .appleBm_form .saw{ margin-top: 15px; width: 100%; height: 37px; line-height: 37px; text-align: center; font-size: 1rem; font-weight: bold; color: #fff; background:#E03700; display: block; border-radius: 5px;} .appleBm_bg{ font-size: 0.75rem; color: #ACACAC; text-align: center; margin-top: 10px; } .appleBmBG{ display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 105; }