﻿@charset "utf-8";
/* CSS Document *//*营销-装修预算专用CSS表*/

.foot_3 { display:none;}
body { background-color:#eed7c7;}

.marketing { padding:6.84rem 0 0.5rem 0; position:relative;}


.mark_201 { position:absolute; top:0; left:0; right:0;}
.mk201_main_1 {}
#demo01 { height:7.35rem;}

.mark_202 {}
.mark_202 .inside { padding:0.1rem 0.26rem 0.44rem 0.26rem; background-color:#ffffff;}
.mk202_main_1 {}
.i12_main_1 { padding:0.36rem 0 1.3rem 0; background-image:url(../image/20220214/p-2-2.png); background-position: bottom center; background-size:100% auto; position:relative;}
.i12_main_1 .text_item_1 { height:0.42rem;}
.i12_main_1 .text_item_1 .text_1 { float:left; color:#242424; font-size:0.36rem; line-height:0.42rem; font-weight:bold;}
.i12_main_1 .text_item_1 .text_2 { float:left; color:#787878; font-size:0.20rem; line-height:0.30rem; padding:0.16rem 0 0 0.14rem;}
.i12_main_1 .text_item_1 .text_2 .cor2 { color:#e3584b;}
.i12_main_1 .text_item_3 { position: absolute; left:0; bottom:0.24rem; right:0.84rem;}
.i12_main_1 .text_item_3 .hideimg { position:absolute; top:0; left:0; width:0; height:0; text-align: right; font-size:0; overflow:hidden;}
.i12_main_1 .text_item_3 .hideimg span { display:inline-block;}
.i12_main_1 .text_item_3 .hideimg span img { width:0.57rem; display:block; font-size:0;}
.i12_main_1 .text_item_3 .showimg { font-size:0; text-align: right;}
.i12_main_1 .text_item_3 .showimg span { display:inline-block;}
.i12_main_1 .text_item_3 .showimg span+span { margin-left:0.1rem;}
.i12_main_1 .text_item_3 .showimg span img { height:0.68rem; display:block; font-size:0;}
.mk202_main_2 {}
.mk202_tips { color:#7f7f7f; font-size:0.18rem; line-height:0.24rem; text-align:center; padding:0.2rem 0 0.1rem 0;}
.mk202_main_2 .pr_main_2 { margin:0;}


.mark_203 { margin-top:0.3rem;}
.mark_203 .inside { padding:0.52rem 0.26rem 0.56rem 0.26rem; background-color:#ffffff;}
.mk203_main_1 {}
.mk203_main_2 { margin-top:0.36rem; padding:0.28rem 0 0.4rem 0; background-color:#e3584b;}
.mk203_main_2 .text_item_1 { display:flex; justify-content:center;}
.mk203_main_2 .text_item_1 .text_1 { position:relative;}
.mk203_main_2 .text_item_1 .text_1 .text_1_1 { color:#ffffff; font-size:0.9rem; line-height:1rem;}
.mk203_main_2 .text_item_1 .text_1 .text_1_2 { color:#383838; font-size:0.2rem; line-height:0.38rem; text-align:center; width:0.78rem; background-color:#fcba0a; border:1px solid #ffffff; border-radius:0.1rem; border-bottom-left-radius:0; position:absolute; top:0; left:104%;}
.mk203_main_2 .text_item_1 .text_2 { color:#ffffff; font-size:0.24rem; line-height:0.32rem; padding:0.56rem 0 0 0.04rem;}
.mk203_main_2 .text_item_2 { color:#ffffff; font-size:0.36rem; line-height:0.4rem; text-align:center; margin-top:0.1rem;}
.mk203_main_3 { margin-top:0.26rem;}
.mk203_main_3 .img { display:block; width:100%;}
.mk203_main_4 { margin-top:0.26rem;}
.mk203_main_4 .text_item_1 { color:#9c9c9c; font-size:0.2rem; line-height:0.3rem; text-align:center;}

.mark_204 { margin-top:0.3rem;}
.mark_204 .inside { padding:0.52rem 0.26rem 0.56rem 0.26rem; background-color:#ffffff;}
.mk204_main_1 {}
.mk204_main_2 {}
.mk204_main_2 .item { float:left; width:3.04rem; padding-top:0.48rem;}
.mk204_main_2 .item:nth-chidl(2n) { float:right;}
.mk204_main_2 .item .abox { display:block; height:4rem;}
.mk204_main_2 .item .abox_in { height:100%; position:relative;}
.mk204_main_2 .item .abox .imgbox { position:absolute; z-index:5; top:0; left:0; right:0;}
.mk204_main_2 .item .abox .imgbox .img { display:block; width:1.94rem; height:1.94rem; margin:0 auto; border:0.05rem solid #ffffff; border-radius:50%;}
.mk204_main_2 .item .abox .textbox { position:absolute; top:0.9rem; left:0; right:0; bottom:0; padding:1.36rem 0 0 0; background-color:#f1f1f1; border-radius:0.06rem;}
.mk204_main_2 .item .abox .textbox .text_item_1 { font-size:0; text-align:center; height:0.52rem; background-color:#e3584b; margin:0 0.26rem; position:relative;}
.mk204_main_2 .item .abox .textbox .text_item_1 .spanbox { display:inline-block;}
.mk204_main_2 .item .abox .textbox .text_item_1 .text_1 { float:left; color:#ffffff; font-size:0.24rem; line-height:0.52rem;}
.mk204_main_2 .item .abox .textbox .text_item_1 .text_2 { float:left; color:#ffffff; font-size:0.30rem; line-height:0.48rem; font-weight:bold; margin:0 0.08rem;}
.mk204_main_2 .item .abox .textbox .text_item_1 .jt { position:absolute; left:50%; margin-left:-0.07rem; bottom:-0.06rem; height:0.06rem}
.mk204_main_2 .item .abox .textbox .text_item_2 { color:#383838; font-size:0.22rem; line-height:0.3rem; text-align:center; margin-top:0.2rem;}

















