@charset "utf-8";
/* CSS Document */
header.s1,body{ background-color:#fff;}
.ba_pic{ width:100%; overflow:hidden;}

.ba_pic img{ float:left; width:100%; height:100%;}

.box_cont{ overflow:hidden; background-color:#fff;}
.ti_s{overflow:hidden; padding:0.1rem 0;}
.ti_s p{ text-align:center; font:0.14rem/0.23rem "microsoft yahei"; color:#333;}
.ti_s p span{ color:#999; font-size:0.09rem;}
.ti_s p b{ display:inline-block; width:0.6rem; height:1px; background-color:#c8c8c8; vertical-align:middle;margin:0 0.01rem; margin-top:-1px;}
.ti_s p em{ display:inline-block; width:0.075rem; height:0.2rem; background:url(/css/m/smart_sjs/image/xing.png) center no-repeat; margin:0 0.08rem; margin-top:-3px; background-size:100%; vertical-align:middle;}
.fg_sel{ overflow:hidden; display:block; margin:0 auto; width:95%;}
.fg_sel li{ float:left; width:44%; position:relative; margin:0 3%; margin-bottom:0.05rem; overflow:hidden; border-radius:0.04rem;}
.fg_sel li .img_box{ position:relative; width:100%; padding-top:60%; overflow:hidden; border-radius:0.04rem;}
.fg_sel li .img_box img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.fg_sel .sel_t_fg em{ position:absolute; z-index:2; left:0; top:0; width:0.275rem; height:0.275rem; background:url(/css/m/smart_sjs/image/sel_fg.png) no-repeat center; background-size:100%; }
.fg_sel li p{ font:0.1rem/0.3rem "microsoft yahei"; color:#333; text-align:center;}

.fg_sel_one{ overflow:hidden; display:block; margin:0 auto; width:95%; margin-top:0.05rem;}
.fg_sel_one li{ float:left; width:44%; position:relative; margin:0 3%; margin-bottom:0.05rem; overflow:hidden; border-radius:0.04rem;}
.fg_sel_one li .img_box{ position:relative; width:100%; padding-top:60%; overflow:hidden; border-radius:0.04rem;}
.fg_sel_one li .img_box img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.fg_sel_one .sel_t_f em{ position:absolute; z-index:2; left:0; top:0; width:0.275rem; height:0.275rem; background:url(/css/m/smart_sjs/image/sel_fg.png) no-repeat center; background-size:100%; }
.fg_sel_one li p{ font:0.1rem/0.3rem "microsoft yahei"; color:#333; text-align:center;}





.btn_next{ width:90%; overflow:hidden; margin:0.1rem auto; margin-bottom:0.3rem;}
.btn_next em{ width:100%; float:left; height:0.4rem; background-color:#c33; color:#fff; font:0.14rem/0.4rem "microsoft yahei"; text-align:center; border-radius:0.04rem;}

.btn_next .las_s{ width:30%; background-color:#e3e3e3; color:#666; margin-right:5%;}
.btn_next .nex_b{ width:65%;}


.inp_info{ overflow:hidden; width:90%; margin:0 auto; background-color:#fff;}
.inp_info li{ width:100%; overflow:hidden; border:2px solid #c8c8c8; border-radius:0.04rem; background-color: #fff; position:relative; margin:0rem auto; margin-bottom:0.1rem; box-sizing:border-box; height:0.45rem;}

.inp_info li input{ width:100%; position:relative; z-index:2; box-sizing:border-box; display:block;  font:0.14rem/0.45rem "microsoft yahei"; color:#333; padding:0 0.1rem;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance:textfield;
}

.inp_info .left_s{ float:left; width:48%;}
.inp_info .right_s{ float:right; width:48%;}

.inp_info li em{ width:0.16rem; height:0.45rem; background:url(/css/m/smart_sjs/image/jt_i.png) center no-repeat; background-size:100%; position:absolute; right:0.1rem; top:0;}
.inp_info .left_s span{ position:absolute; right:0.1rem; top:0; font:0.14rem/0.45rem "microsoft yahei"; color:#333;}

.inp_info .right_s i{position: absolute;
    font: 0.14rem/0.45rem "microsoft yahei";
    top: 0;
    right: 0.8rem;}
	
.inp_info li input::-webkit-input-placeholder{
            color:#333;
        }
.inp_info li input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#333;
        }
.inp_info li input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#333;
        }
.inp_info li input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#333;
        }
.inp_info .left_s input::-webkit-input-placeholder{




            color:#c8c8c8;
        }
.inp_info .left_s input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#c8c8c8;
        }
.inp_info .left_s input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#c8c8c8;
        }
.inp_info .left_s input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#c8c8c8;
        }
.inp_info .right_s input {
    display: block;
    width: 100%;
    font: 0.14rem/0.45rem "microsoft yahei";
    box-sizing: border-box;
    padding-right: 0.95rem; padding-left:0.05rem;
    text-align: center;
    color: #333;
    display: block;
}

.inp_info .right_s b{ display:block; position:absolute; height:0.45rem; z-index:4; width:0.156rem; background-size:100% !important;}

.inp_info .right_s .sub{ background:url(/css/m/smart_sjs/image/sub.png) no-repeat center; top:0; right:0.4rem;}
.inp_info .right_s .add{ background:url(/css/m/smart_sjs/image/add.png) no-repeat center; top:0; right:0.125rem;}

.tip_inf{ overflow:hidden; text-align:center; margin:0.05rem auto 0.2rem;}
.tip_inf p{ color:#999; font:0.1rem/0.16rem "microsoft yahei";}

.tip_inf p em{ display:inline-block; vertical-align:middle; margin-right:0.05rem;} 


.sel_pric{ width:100%; overflow:hidden;}
.sel_pric li{ float:left; width:34%; margin:0.09rem 8%;}
.sel_pric li p{ float:left; font:0.125rem/0.225rem "microsoft yahei"; color:#666; padding-left:0.2rem; background:url(/css/m/smart_sjs/image/sel_ff.png) left center no-repeat; background-size:0.15rem;}
.sel_pric .sel_pri p{ background-image:url(/css/m/smart_sjs/image/sel_tt.png);}

.black_50{ position:fixed;display:none; z-index:5; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:0.5;}
.tc_sm{ position:fixed; display:none; width:90%; max-width:540px; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-color:#fff; border-radius:0.04rem;}
.tc_sm p{ text-align:center; margin-top:0.15rem; margin-bottom:0.1rem; font:0.14rem/0.24rem "microsoft yahei"; color:#333;}
.tc_sm p em{ color:#c7c7c7; margin:0 0.1rem;display: inline-block;
    margin-top: -9px;
    vertical-align: middle;}
.tc_sm ul{ overflow:hidden;}
.tc_sm ul li{ border-radius:0.04rem; border:2px solid #c8c8c8; height:0.45rem; width:90%; box-sizing:border-box; margin:0.1rem auto;}
.tc_sm ul li input{ display:block; width:100%; font:0.14rem/0.45rem "microsoft yahei"; color:#333; box-sizing:border-box; padding-left:0.35rem; background:url(/css/m/smart_sjs/image/n_m.png) no-repeat; background-size:0.2rem; background-position:0.075rem center;}

.tc_sm ul li .n_m_i{ background-image:url(/css/m/smart_sjs/image/n_m.png)}
.tc_sm ul li .p_m_i{ background-image:url(/css/m/smart_sjs/image/p_m.png)}
	
	
.tc_sm ul li input::-webkit-input-placeholder{
            color:#c8c8c8;
        }
.tc_sm ul li input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#c8c8c8;
        }
.tc_sm ul li input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#c8c8c8;
        }
.tc_sm ul li input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#c8c8c8;
        }




.tc_sm button{ width:90%; height:0.45rem; color:#fff; background-color:#c33; text-align:center; font:0.14rem/0.45rem "microsoft yahei"; border:none; border-radius:0.04rem; margin:0 auto; display:block;}
.tc_sm .not_text{ overflow:hidden;}
.tc_sm .not_text span{ font:0.1rem/0.4rem "microsoft yahei"; color:#999; text-align:center; display:block;}
.tc_sm .not_text span em{ display:inline-block; vertical-align:middle; margin-right:0.05rem;}
.cl_m{ position:absolute; right:0.1rem; top:0.1rem; background:url(/css/m/smart_sjs/image/clos_m.png) center no-repeat; background-size:100%; width:0.125rem; height:0.125rem;}
.thr_i{ width:80%; margin:0 auto; margin-top:0.08rem; margin-bottom:0.24rem; overflow:hidden;}
.thr_i span{ font:0.14rem/0.3rem "microsoft yahei"; display:block; color:#333;} 
.thr_i span em{ color:#c33; margin:0 0.03rem;}

.tip_sjs{ width:100%; margin:3% auto auto; overflow:hidden; text-align:center;}
.tip_sjs li{font:0.125rem/0.2rem "microsoft yahei";color:#fff;background-color: #C00;display:inline-block;padding:0 0.1rem;margin: 0 0.035rem;margin-bottom:0.05rem;border-radius: 18px;}

.ti_smar_s{ overflow:hidden; width:100%; padding:0.25rem 0 0.2rem 0;}
.ti_smar_s p{ font:0.14rem/0.25rem "microsoft yahei"; color:#fff; text-align:center; background:url(/css/m/smart_sjs/image/ti_bg_s.png) no-repeat center; background-size:auto 0.25rem;}
.ti_smar_s span{ font:0.14rem/0.25rem "microsoft yahei"; color:#fff; text-align:center; background:url(/css/m/smart_sjs/image/ti_bg_o.png) no-repeat center; display:block; background-size:auto 0.25rem;}


.sjs_smart{ margin-bottom:0.2rem;}
.sjs_smart li{ display:block; width:92%; overflow:hidden; border-bottom:1px solid #e0e0e0; margin:0 auto;}
.sjs_smart a:nth-child(1) li{ border:none;}
.sjs_smart li .pic_sjs{ width:23.6%; display:inline-block; padding-top:23.6%; margin:4.4%; margin-left:0; position:relative; vertical-align:middle; overflow:hidden; border-radius:50%;}
.sjs_smart li .pic_sjs img{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0;}


.sjs_smart li .text_sjs{ width:70%; display:inline-block; vertical-align:middle; overflow:hidden;}

.sjs_smart li .text_sjs .name_sjs{ width:100%; overflow:hidden; margin-bottom:8px;}
.sjs_smart li .text_sjs .name_sjs p{ font:0.12rem/0.2rem "microsoft yahei"; color:#333; float:left;}
.sjs_smart li .text_sjs .name_sjs p font{ font:0.1rem/0.2rem "microsoft yahei"; color:#999; }

.sjs_smart li .text_sjs .name_sjs p span {
    padding: 16px;
    background-position: center;
}


.sjs_smart li .text_sjs .name_sjs em{
    float: right;
    font: 0.1rem/0.2rem "microsoft yahei";
    color: #e47b34;
    width: 0.5rem;
    height: 0.2rem;
    border: 1px solid #f3a26b;
    text-align: center;
    border-radius: 0.02rem;
    }

.sjs_smart li .info_sjs{ width:100%; overflow:hidden;}

.sjs_smart li .info_sjs p{ width:100%; font:0.1rem/0.18rem "microsoft yahei"; color:#999; height:0.18rem; overflow:hidden; text-overflow:clip;}

.sjs_smart li .num_sjs{ width:100%; overflow:hidden; margin-top:0.03rem; height:0.15rem;}
.sjs_smart li .num_sjs p{ float:left; margin:1.5%; padding-left:3%; border-left:1px solid #cacaca; font:0.1rem/0.1rem "microsoft yahei"; color:#aaa;}
.sjs_smart li .num_sjs p em{ /*font-weight:bold;*/ color:#f7731e;}
.sjs_smart li .num_sjs p:nth-child(1){border: none; margin-left: 0px; padding: 0;}


.none_inf{ overflow:hidden; text-align:center;}
.none_inf img{ display:block; width:1.2rem; margin:0.1rem auto;}
.none_inf p{ font:0.115rem/0.2rem "microsoft yahei"; color:#333; text-align:center;}


@media screen and (max-width: 500px){
	.inp_info li{ border-width:1px;}
	.tc_sm ul li{ border-width:1px;}
	}
	
	
	
/*vip*/
.v1_pic{ background: url('/img/v1.gif') right center no-repeat; padding-right: 25px;}
.v2_pic{ background: url('/img/v2.gif') right center no-repeat; padding-right: 25px;}
.v3_pic{ background: url('/img/v3.gif') right center no-repeat; padding-right: 25px;}
.v4_pic{ background: url('/img/v4.gif') right center no-repeat; padding-right: 32px;}
/*vip end*/

/*设计案例*/
.tj_sjal{ border-top:10px solid #F5F5F5;}
.ti_b{ height:48px;}	
.ti_b span{font: 0.12rem/0.35rem "microsoft yahei";margin-left:6px;}
.ti_b a{font: 14px/48px "microsoft yahei";margin-right:15px;float: right;}
.ti_b em{float:left;width:4px;height:20px;border-radius:4px;background-color:#f7731e;margin-top: 3.5%;margin-left: 4%;margin-right: 1%;}


.sjs_xgt{ overflow:hidden; margin-top:15px;}
.sjs_xgt ul{display:block;overflow:hidden;text-align:center;padding-bottom: 4%;background-color: #FFF;}
.sjs_xgt li{display:inline-block;width:45%;margin:0 1.25%;margin-top: 2%;overflow:hidden;background-color:#F5F5F5;}
.sjs_xgt li .pic_b{position:relative;float:left;width:100%;padding-top:70%; overflow:hidden;}
.sjs_xgt li .pic_b img{position:absolute;left:0;top:50%;width:100%;min-height:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sjs_xgt li p{width:90%;float:left;margin:0 5%;margin-top:5%;margin-bottom:3%; font:0.1rem/0.18rem "microsoft yahei";color:#333;text-align:left;height: 20px;overflow-y:hidden;}
.sjs_xgt li span{text-align:left;float:left;margin-left:5%; font:0.1rem/0.18rem "microsoft yahei";margin-bottom:5%;color:#aaa;max-width: 40%;overflow: hidden;height: 20px;}
.sjs_xgt li em{text-align:right; font:0.1rem/0.18rem "microsoft yahei";float:right;margin-right:5%;margin-bottom:5%;width: 50%;height: 20px;overflow: hidden;color:#aaa;}

.link_f{ overflow:hidden; margin-top:0.1rem; margin-bottom:5%; border-top:10px solid #F5F5F5; padding-top:3%;}
.link_f p{ text-align:center; vertical-align:middle; font:0.104rem/0.204rem "microsoft yahei"; color:#999;}
.link_f p em{ width:0.24rem; height:1px; display:inline-block; background-color:#CCC; margin:0 10px; vertical-align:middle;}
.link_f ul{display:block; overflow:hidden; text-align:center; margin-top:0.02rem;}
.link_f ul li{ display:inline-block; width:20%; margin:1.5%; text-align:center;}
.link_f ul li em{ display:block; margin:0 auto; width:0.4rem; height:0.4rem; background:url(image/smartsjs_ico.png) no-repeat; background-size:1.6rem;}
.link_f ul a:nth-child(1) li em{  background-position:0 -0.2rem}
.link_f ul a:nth-child(2) li em{  background-position:-0.4rem -0.2rem}
.link_f ul a:nth-child(3) li em{  background-position:-0.8rem -0.2rem}
.link_f ul a:nth-child(4) li em{  background-position:-1.2rem -0.2rem}
.link_f ul li span{ width:100%; display:block; text-align:center; font:0.104rem/0.154rem "microsoft yahei"; color:#666;}



/*新增确认预约和重新匹配20181116*/
.yysjs_button{}
.yysjs_button{ width:90%; overflow:hidden; margin:0.1rem auto; margin-bottom:0.3rem;}
.yysjs_button em{ width:100%; float:left; height:0.4rem; background-color:#c33; color:#FFF; font:0.14rem/0.4rem "microsoft yahei"; text-align:center; border-radius:0.04rem;}
.yysjs_button .yy_anew{ width:40%; background-color:#F5F5F5; border:1px solid #DDD; color:#666; margin-right:5%; background-image:url(image/sjsyyico_x.png); background-size:0.15rem; background-position:25% center; background-repeat:no-repeat; text-indent:6%; padding-left:2%;}
.yysjs_button .yy_anew a{ color:#666;}
.yysjs_button .yy_ok{ width:50%; background-image:url(image/sjsyyico_ok.png); background-size:0.15rem; background-position:25% center; background-repeat:no-repeat; text-indent:6%; padding-left:2%;}
.yysjs_button .yy_ok a{ color:#FFF;}

.name_sjs i.bj_on,.name_sjs i.bj_off{ width:0.15rem; height:0.15rem; display:inline-table; border-radius:0.12rem; background-size:100%; float:right; margin:0.013rem 0.12rem auto auto;}
.name_sjs i.bj_on{ background-image:url(image/sel_tt.png);}
.name_sjs i.bj_off{ background-image:url(image/sel_ff.png);}

.over_success{ padding:0.2rem 0;}
.over_success em{ background-image:url(image/over_success_ico.png); background-size:100%; width:0.6rem; height:0.6rem; display:block; margin:auto;}
.over_success p{ font:0.132rem/0.32rem "microsoft yahei"; color:#CC3333; width:100%; margin-top:0.1rem; margin-bottom:0.04rem; text-align:center;}
.over_success span{ font:0.096rem/0.16rem "microsoft yahei"; color:#aaa; width:70%; margin:0 auto; display:block;}