﻿.nomargin footer{margin-top: 0;}
.margin_b60{margin-bottom: 0.5rem;}
.gray{color: #8b8b8b;}
.bold{font-weight: bold;}
.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

.cicle_i{width: 12px;height: 12px;display: inline-block;background: #ccc;border-radius: 50%;border: 2px solid #fff;}

.but_cicle {display: none;}
.but_cicle div{background: none !important;width: 0.54rem;height: 0.54rem;margin-top: -0.27rem;}
.but_cicle div i{width: 100%;height: 100%;border: 0.08rem solid #fff;display: inline-block;border-radius: 50%;}
.but_cicle .swiper-button-next.swiper-button-disabled,.but_cicle .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.but_cicle .swiper-button-prev.swiper-button-disabled i{border: 2px solid transparent;border-left: 2px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.but_cicle .swiper-button-next.swiper-button-disabled i{border: 2px solid transparent; border-right: 2px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}

.but_arrow div{background: none;width:20px;height: 30px;line-height: 30px;text-align: center;background: none !important;display: none;}
.but_arrow div i{font-size: 24px;}
.but_arrow div.swiper-button-prev{left: 0px;}
.but_arrow div.swiper-button-next{right: 0px;}
/*首页*/
.banner{position: relative;margin-bottom: 0.32rem;}
.banner li{ padding-bottom: 48.6%;overflow: hidden;}
.banner li img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.banner .swiper-pagination{position: absolute;left: 0;bottom: 6px;width: 100%;}
.banner .swiper-pagination span{width: 10px;height: 10px;margin: 0 4px;background: #ffe300;opacity:0.6;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
.banner .but{display: none;}

.index_01{position: relative; margin: 0 0.2rem;background: #fff;padding: 0.4rem 0.3rem;margin-bottom: 0.6rem;    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);border-radius: 10px;}
.index_01:before{content: "";position: absolute;top:0; left: 0.1rem;width: calc(100% - 0.2rem);height: 0.03rem;background: #ffe300;}
.index_01 h1{margin-bottom: 0.05rem;}
.index_01 h2{margin-bottom: 0.25rem;}
.index_01 h2 span{color: #d61518;}
.index_reserve{text-align: center;}
.reserve_form li{margin-bottom: 0.18rem;}
.reserve_form input{line-height: 0.76rem;height: 0.76rem;border: 1px solid #d6d6d6;padding: 0 0.2rem;width: 100%;}
.reserve_form button{height: 0.72rem; line-height: 0.72rem;background: #ffe300;text-align: center;width: 100%;}

.index_02{padding-bottom: 0.4rem;}
.index_02 ul{overflow: hidden;}
.index_02 li{text-align: center;width: 20%;float: left;margin-bottom: 0.2rem;}
.index_02 li:nth-child(5n+1){clear: both;}
.index_02 dt{width: 0.9rem;height: 0.9rem;border-radius: 50%;margin: auto; margin-bottom: 0.1rem;}
.index_02 dt img{width: 100%;height: 100%;border-radius: 50%;}

.index_03{margin-bottom: 0.2rem;}
.index_03 img{width: 100%;}
.index_03 a{display: block;position: relative;color: #fff;}

.index_title{margin-bottom: 0.3rem;padding-right: 50px;position: relative;}
.index_title h2{color: #8b8b8b;}
.index_title .index_more{position:absolute;right:0;bottom: 0;}
.index_title .index_more a{color: #818181;font-size: 20px;}


.index_slider01 .but_cicle{display: none !important;}
.index_slider{position: relative;}
.index_slider li a{display: block;position: relative;}
.index_cx{position: absolute; left: 0;bottom: -0.4rem; width: 3rem;left: 50%;margin-left: -1.5rem;background: #ffe300;border-top:3px solid #f5f5f5;color: #000;text-align: center;padding: 0.1rem;}
.index_cx h3{font-size:0.28rem;margin-bottom:0.05rem;}
.index_slider .swiper-container{padding-bottom: 0.4rem;}
.cx_line{width: 0.5rem;height: 2px;background: #000;margin: auto;margin-top: 0.1rem;}

.index_04{margin-bottom: 0.2rem;}
.index_04 .wrap a{position: relative;color: #fff;display: block;}
.index_04 h1{text-align: center;padding: 0 10px;width: 100%;}

.index_tab{position: relative;padding:0;margin-bottom: 0.3rem;}
.tab_line{height: 2px;width: 100%;background: #e5e5e5;margin-top: -2px; }
.index_tab li{padding-bottom: 0.15rem;width: auto;text-align: center;}
.index_tab li:after{content:"";position: absolute;left: 0;bottom:0px;width: 0%;height: 2px;border-bottom: 2px solid #ffe300;opacity: 0;}
.index_tab li.on:after{display: block;width: 100%;opacity: 1;}
.index_tab li a{display: block;padding: 0 ;position: relative;    text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 0.1rem;
    border-radius: 0.1rem;display: block;}

.index_tab li.on a{background: #ffe200;}

.index_tab .but div{margin-top:-15px;}
.index_tab div.swiper-button-prev{left: -10px;}
.index_tab div.swiper-button-next{right: -10px;}

.index_05 .index_title,.index_06 .index_title{margin-bottom: 0.25rem;}
.index_05 .data_box ul{overflow: hidden;margin: 0 -0.06rem;}
.data_box li{float: left;width: 50%;}
.data_box dl{padding: 0 0.06rem;}
.data_box dt{margin-bottom: 0.12rem;}
.data_box dd{color:#8b8b8b;}
.index_data{margin-bottom: 0.3rem;}

.index_data .data_box_slider{position: relative;}
.index_data .data_box_slider li{float: none;width: 100%;}
.data_box_slider h3{position: absolute;left: 0;bottom: 0.15rem;text-align: center;width: 100%;}
.data_box_slider h3 span{color: #fff;display: inline-block;padding: 5px 8px;background: rgba(0,0,0,0.2);white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}




.home_list ul{overflow: hidden;margin: 0 -0.05rem;}
.home_list li{float: left;width: 33.33%;margin-bottom:0.1rem;}
.home_list li img{width: 100%;}
.home_list a{display: block;margin: 0 0.05rem;}
.home_list dl{position: relative;}
.home_list dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color: #fff;}


/*产品*/
.site_banner{margin-bottom: 0.6rem;}
.site_banner img{width: 100%;}
.pro_select{margin-bottom: 0.3rem;}
.pro_select ul{display: table;    width: 100%;}
.pro_select li{float: left;width: 47.5%;margin-bottom: 0.2rem;}
.public_select dd{display: none;}
.pro_select li:nth-child(2n){float: right;}
.pro_select dt p{width: calc(100% - 0.3rem);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_select dt{height:0.7rem;line-height: 0.7rem;border: 1px solid #cfcfcf;padding: 0 0.2rem;position: relative;}
.pro_select dt i{position: absolute;top:0;right: 0.2rem;height: 100%;font-size: 0.24rem;font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_select dl{position: relative;}
.pro_select dd{position: absolute;left: 0;top:100%;width: 100%;background: #f2f2f2;z-index: 2;max-height: 3.6rem; overflow: hidden;overflow-y: scroll !important;}
.pro_select dd a{display: block;line-height: 0.72rem;padding: 0 0.2rem;}
.pro_select dt.on_o{background: #ffe300;    border: 1px solid #d2cdd4;}
.on_o i{ transform: rotate(-180deg);}
.appoint_ruler .on_o i{ transform: rotate(0deg);}
.pub_form .on_o i{ transform: rotate(0deg);}

.pro_list{}
.pro_list ul{ margin: 0 -0.15rem;overflow: hidden;}
.pro_list li{float: left;width: 50%;margin-bottom:0.4rem;}
.pro_list li:nth-child(2n+1){clear: both;}
.pro_list dl{margin: 0 0.1rem;}
.pro_list dt{overflow: hidden;}
.pro_list dd{padding:0.25rem 0.1rem;padding-bottom: 0.2rem;}
.pro_list dd h3{margin-bottom: 0.1rem;font-weight: bold;}
.pro_list dd .p01{margin-bottom: 0.1rem;}
.pro_btn{overflow: hidden;}
.pro_btn a{float: left;width:49%;/*height: 0.4rem;line-height: 0.4rem;*/ padding:0.1rem 0;  text-align: center;background: #f2f2f2; font-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_btn .favorites{float: right;}
.pro_btn .favorites i{margin-left: 5px;}
.pro_list dd h3,.pro_list dd .p01,.pro_list dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.favorites.icon-collection:before{position: relative;top:1px;}
.favorites.icon-collection i{position:relative;}
/*产品详情*/
.pro_d01{overflow: hidden;background: #f2f2f2;padding:0.4rem 0 0.4rem 0;}
.pro_d02{padding:  0.55rem 0;}
.pro_d03{padding: 0.55rem 0;background: #f2f2f2;}
.pro_d01{overflow: hidden;}
.pro_d01 .left{margin-bottom: 0.3rem;}
.pro_d01 .right{}
.pro_d01 .but_button>div{background-size: 24px !important;margin-top: -6px;}
.case_show_b .but{display: none;}
.case_show_s{width: 480px;padding: 0 45px;margin-top: -22px;position: relative;z-index: 2;}
.case_show_s li{position: relative;cursor: pointer;}
.case_show_s li em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);box-sizing:border-box;}
.case_show_s li.on em{background: no-repeat;border:2px solid #ffe300;}
.slider_cont .swiper-button-next.swiper-button-disabled,.slider_cont .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.pro_d01 h4{line-height: 0.3rem;}
.pro_d01 h1{margin-bottom: 0.1rem;}
.pro_d01 h2{margin-bottom: 0.4rem;}
.dprice{margin-bottom: 0.2rem}
.pro_d01 span i{color: #d60000;}
.pro_ul{margin-bottom: 0.3rem;}
.pro_ul ul{overflow: hidden;}
.pro_ul li{float: left;margin-right: 0.2rem;}
.pro_ul li:last-child{margin-right: 0;}
.pro_ul dl{overflow: hidden;padding: 0.1rem;padding-top: 0; line-height: 22px;border-bottom: 1px solid #cecece;}
.pro_ul li dt{float: left;width: 22px;margin-right: 5px;}
.pro_ul li dt img{width: 100%;}
.pro_ul li dd{float: left;}
.chose_color{line-height: 28px;display: table;width: 100%;margin-bottom: 0.4rem;}
.chose_color p{float: left;}
.chose_color p em{float: left;width: 28px;margin-right: 8px;cursor: pointer;box-sizing:border-box;border:1px solid #f2f2f2;}
.chose_color p em img{width: 100%;height: 28px;}
.chose_color p em.on{border:1px solid #ffe300;    box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.chose_color span{float: left;margin-right: 10px;}
.pro_shop{display: table;width: 100%; padding-bottom:0.6rem;}
.pro_shop h4{margin-bottom: 0.3rem;}
.pro_shop li{text-align: center;width: 1.65rem;height: 0.5rem;text-align: center;background: #fff;border-radius: 20px;float: left;margin-right:0.1rem;border:1px solid #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_shop li img{width: 62px;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.pro_shop li a{display: block;height: 100%;position: relative;}
.pro_shop li.on{border:1px solid #ffe300;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.pro_d01 .pro_btn a{width:47.5%;height: 0.68rem;line-height: 0.68rem; float: right;border:1px solid #d6d6d6;padding: 0;}
.pro_d01 .pro_btn a.ruler_btn{border:1px solid #ffe300;background: #ffe300;float: left;}
.pro_d01 .pro_btn a.current{float: left;}

.pro_tab{border-top:1px solid #e7e6e5;overflow: hidden;margin-bottom: 50px;}
.pro_tab li{float: left;width: 20%;text-align:center;}
.pro_tab li a{display: block;border-right:1px solid #e7e6e5;line-height: 42px;border-bottom: 2px solid #ffe300;}
.pro_tab li.on a{border: 2px solid #ffe300;border-bottom: 0;}


.pro_title{margin-bottom: 0.3rem;}
.pro_title h1{color: #d8d8d8;}
.pro_title h2{font-weight: bold;overflow: hidden;}
.pro_title h2 a{float: right}
.pro_title h2 span{margin-left: 0.2rem;font-weight: normal;}

.pro_d03 dl{background: #fff;}
.pro_edit01 .pro_title{padding: 0 0.4rem;}
.site_slider{position: relative;}
.site_slider .swiper-pagination{position: absolute;bottom:0.2rem;right:0.2rem;}
.site_slider .swiper-pagination span b{font-weight: normal;height: 10px;line-height: 10px;
	 display:block;    font-size: 12px;
/*	 position: relative;top:0;left: 0;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);*/
}


.site_slider .swiper-pagination span{position: relative; width: 18px;height: 18px;text-align: center; background: #b2b2b2;color: #fff;opacity: 1;margin: 0 0.05rem;float: left;font-family: "Arial";}
.site_slider .swiper-pagination span.swiper-pagination-bullet-active{background: #ffe619;color: #000;}

/*登录*/
.login_bg{position: relative;}
.login_box{padding: 1.8rem 0.4rem 2.14rem 0.4rem;position: relative;z-index: 2;}
.login_box h1{margin-bottom: 0.5rem;color: #fff;}
.login_box h1 span{margin-left: 0.35rem;}
.login_box h1 span a{color: #ffe619;}
.login_form li{margin-bottom:0.4rem;    border: 1px solid #ccc;}
.login_form li:last-child{margin-bottom: 0;}
.login_form input{height: 0.7rem;line-height: 0.7rem;padding: 0 0.2rem;box-sizing:border-box;width: 100%;background: #fff;}
.login_agree{overflow: hidden;line-height:0.56rem;padding-top: 0.23rem;margin-bottom: 0.15rem;}
.login_p01 a{float: left;color: #fff;}
.login_agree .a_01{padding-left: 20px;cursor:pointer;color: #fff;position: relative;line-height: 24px;}
.login_agree .cicle_i{position: absolute;top:0;left: 0;top:5.5px;}
.login_agree .a_01 a{color: #fff;}
.login_agree .a_01.on .cicle_i{  background: #ffe619;}
.login_p01 .a_02{float: right;}
.login_button{height: 0.7rem;line-height: 0.7rem;color: #000;background: #ffe619;width: 100%;display: inline-block;}
.register_a{text-align: right;padding-top: 0.4rem;color: #ffe619;}
.register_a a{color: #ffe619;display: inline-block;border-bottom: 1px solid #ffe619;}


.register_tab{overflow: hidden;margin-bottom: 0.38rem;}
.register_tab a{float: left;width: 50%;*margin-left:-1px;float: left;text-align: center;border-bottom: 1px solid #cccccc;padding-bottom:0.2rem;position: relative;color: #fff;}
.register_tab a i{position: absolute;left:50%;bottom:-1px;height: 2px;width: 0%; background: #ffe619;}
.register_tab a.on i{width: 1.8rem;left: 50%;margin-left: -0.9rem;}

.code_img{width:2.2rem;height:0.7rem;float: right;    cursor: pointer;position: absolute;top:0;right: 0;}
.code_text,.code_text02{width: 100%;height:0.7rem;line-height:0.7rem;text-align: center;display: none;}
input.code{border: none;cursor: pointer;padding: 0;width: 100% !important;border: 0 !important;}
.login_form li.code_w{position: relative;overflow: hidden;}
.form_phone{position: relative;}
.form_phone span{position: absolute;left: 0.2rem;top:0.25rem;height: 0.2rem;line-height: 0.2rem;width:0.64rem;border-right: 1px solid #404040;}
.login_form .form_phone input{padding-left:1rem;}
.code_01{overflow: hidden;}
.code_01 input{width: calc(100% - 1.66rem);border-right: 0;float: left;}
.code_01 .codebox01{float: right;width: 1.66rem;height: 0.7rem;cursor: pointer;}
.code_01 .codebox01 img{width: 100%;height: 100%;}

/*法律声明*/
.law_cont{padding: 40px 0;padding-top: 20px;}
.law_cont h1{text-align: center;margin-bottom:0.1rem;}
/*忘记密码*/
body.nocsoll{overflow: hidden;height: 100%;}
.forget_form .register_tab a{color: #000;}
.forget_blank60{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 991;display: none;}
.forget_form .login_box{padding: 20px;    padding-bottom: 30px;}
.forget_form{position: fixed;z-index: 992;background: #fff;height:auto;display: none;    width: 90%;}
.forget_form .modify_btn,.retrieve_box .modify_btn,.retrieve_success .modify_btn{margin-top: 0.4rem;overflow: hidden;}
.forget_box .login_form:first-child{display: block;}
.forget_box .login_form{display: none;}

.pub_forget{position: fixed;z-index: 992;background: #fff;display: none;width: 90%;opacity: 1 !important;}
.pub_forget h1{text-align: center;margin-bottom: 0.2rem;color: #000;}
.pub_forget .login_box{padding: 20px;}

.retrieve_success {}

/*修改账号*/
.modify_box{padding: 1.8rem 0;}
.modify_box .modify_btn{padding: 0;}
.modify_flow{margin-bottom: 0.8rem}
.modify_flow ul{overflow: hidden;}
.modify_flow li{width:33.33%;float: left*margin-left-1px;float: left;position: relative;float: left;text-align: center;}
.modify_flow li:first-child{text-align: left;}
.modify_flow li:last-child{text-align: right;}
.modify_flow li dl{overflow: hidden;width: 1.5rem;height: 1.5rem;border-radius: 50%;background: #a6a6a7;color: #fff;text-align: center;display: inline-block;}
.modify_line{position: absolute;right:-6%;top:50%;width:calc(100% - 1.6rem);height: 1px;border-bottom: 1px dashed #b4b4b5;}
.modify_flow li:nth-child(2) .modify_line{right:-23%;}

.modify_flow li dt{padding-top: 0.32rem}
.modify_flow li dt span{font-size: 0.32rem;}
.modify_flow li.past dl{border: 1px solid #ffe619;background:#fff;color: #000;}



.modify_flow li.on dl{background: #ffe619;color: #000;}


.modify_form{width: 100%;margin: auto;}
.modify_btn .login_button{width:100%;}
.modify_btn{text-align: center;margin-top: 0.4rem;padding: 0 0.4rem;}
.modify_btn a,.modify_btn button{display: inline-block;width: 47.5%;height:0.7rem;line-height:0.7rem;border: none;outline: none;background:#ffe619;}
.modify_btn a.cancel_btn{border: 1px solid #ccc;background: none;float: left;}
.modify_btn a.forget_btn{float: right;}
.success_box{text-align: center;}
.success_box dt{margin-bottom: 0.2rem;}
.success_box dt img{width: 1.52rem;height: 1.52rem;}
.success_box dd{color: #6e6e6e;}

/*我的资料*/

.data_cont{padding-bottom: 0.6rem;}
.m_tab{margin-bottom: 0.3rem;}
.m_tab ul{border-bottom: 1px solid #dadada;display: table;width: 100%;}
.m_tab li{float: left;width: 25%;text-align: center;}
.m_tab li a{display: block;padding-bottom: 0.2rem;position: relative;}
.m_tab li a i{height: 3px;width: 100%;background: #ffe619;position: absolute;left: 0;bottom: -2px;visibility: hidden;opacity: 0;}
.m_tab li.on a i{visibility: visible;opacity: 1;}
.m_tab li.on{font-weight: bold;}
.data_btn{padding: 0 0.4rem}
.data_btn a,.data_btn button{border: none;outline: none; display: inline-block;width:100%;height:0.74rem;line-height:0.74rem;text-align: center; background: #ffe619;}

.data_modify_list ul{overflow: hidden;}
.data_modify_list li{background: #f2f2f2;overflow: hidden;padding: 0.42rem 0;}
.data_modify_list li:nth-child(2n){background: #fcfcfc;}
.insertbox{height: 0.5rem;line-height: 0.5rem;padding: 0 0.4rem;}
.data_modify_list span,.data_modify_list em{float: left;}
.data_modify_list span{width: 0.35rem;margin-right:0.4rem;font-size: 0.35rem;}
.data_modify_list span img{vertical-align: middle;width: 24px;}
.data_modify_list em{width: 1.8rem;font-weight: bold;}
.data_modify_list p{float: left;width: calc(100% - 2.55rem);}
.data_modify_list p input{   border: none;outline: none;background:none; border: 1px solid #e4e4e4;background: #fff; width: 100%;height:0.5rem;line-height:0.5rem;padding: 0 0.1rem;box-sizing:border-box;}
.data_modify_list .data_btn{text-align: center;margin-top:0.4rem;}

.data_sex i{float: left;margin-right: 40px;cursor: pointer;}
.data_sex i.on b{background: #ffe619;}
.data_sex i b{width: 12px;height: 12px;display: inline-block;background: #ccc;border-radius: 50%;border: 2px solid #fff;margin-right: 0.1rem;}

/*账号安全*/
.security_list{}
.security_list li{overflow: hidden;line-height: 30px;border-bottom: 1px solid #f9f9f9;padding:20px 0px;}
.security_list h3{color: #2e2e2e;}
.security_list h3 em{width: 30px;height: 30px;line-height: 30px;text-align: center; border-radius: 50%;background:#f7de0e;color: #fff;display: inline-block;}
.security_list h3 p{color: #949494;margin-left: 0.2rem;}
.security_list h3 em{margin-right:10px;}
.security_list h3 em img{width: 30px;}
.security_list h3 em,.security_list h3 span,.security_list p{float: left;}
.security_list h3 span{width: 1.2rem;}
.security_list .p02{color: #ff0000;}
.modify_a{float: right;}
.modify_a a{display: block;}

/*产品收藏*/
.nopadding .data_cont{padding-bottom: 0;}
.m_title {overflow: hidden;line-height: 0.4rem;margin-bottom: 0.3rem;}
.m_title h3{float: left;font-weight: bold;}
.m_title a{font-weight: bold;float: right;}
.data_product{padding-bottom: 0.35rem}
.data_product ul{overflow:hidden;margin: 0 -0.15rem;}
.data_product li{float: left;width:50%;*margin-left: -1px;margin-bottom: 0.4rem;}
.data_product dl{margin: 0 0.15rem;}
.data_product dt{margin-bottom:0.2rem;position: relative;}
.data_product dd h3{font-weight: bold;}
.data_product dd h3,.data_product dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cancel_abtn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;cursor: pointer; position: absolute;top:0;right: 0;    background:rgba(255,230,25,0.8);height: 30px;line-height: 30px;padding: 0 10px;}

/*案例收藏*/
.data_case {background: #f2f2f2;padding: 0.6rem 0;}
.data_case ul{overflow: hidden;margin: 0 -0.15rem;}
.data_case li{float: left;width: 50%;*margin-left: -1px;margin-bottom:0.4rem;}
.data_case li dl{margin: 0 0.15rem;position: relative;}
.data_case li dd{background: #fff;text-align: center;padding: 0.24rem 0.1rem}
.data_case li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom:0.15rem;}
.case_line{width: 51px;height: 1px;background: #000;margin: auto;}
.data_case .page{margin-top: 30px;}
.casebg{padding-bottom: 0.3rem;}
.casebg .data_case{background: none;padding: 0;}
/*我的预约*/
.data_make{overflow-x: scroll;padding-bottom: 10px;}
.make_table {  text-align: center; width: 700px;}
.make_table td { text-align: center; line-height:0.4rem; padding:0.12rem 0;border-bottom: 1px solid #cccccc; }
.make_table thead td {background: #f2f2f2;border-bottom: none;}
.make_table .t1 { width:45px; }
.make_table .t2 { width:90px; }
.make_table .t3 { width: 110px;}
.make_table .t4 { width: 60px;}
.make_table .t5 { width: 60px;}
.make_table .t6 { width: 90px;}
.make_table .t7 { width: 120px;}
.make_table .t7 span{margin: 0 5px;}
.data_make .page{margin-top: 80px;}
.make_table tbody tr:last-child td{border-bottom: 0;}


/*云招商*/
.margin_b120{margin-bottom: 0.7rem;}
.iteam_box .iteam_picture:last-child{margin-bottom: 0;}

.cloud_cont{padding-bottom:1.45rem;}
.cloud_logo{width:1.42rem;margin: auto;margin-bottom:5rem;}
.cloud_logo img{width: 100%;}
.cloud_c01{text-align: center;color: #ffe619;margin-bottom: 2.1rem;}
.cloud_c01 p{line-height: 0.48rem;font-size: 16px;}
.cloud_c02{margin-bottom:0.95rem;padding: 0 0.68rem;}
.cloud_c02 ul{overflow: hidden;}
.cloud_c02 li{margin-bottom:0.3rem;}
.cloud_c02 input,.cloud_c02 button{border:none;outline: none;background: no-repeat;}
.cloud_c02 input{width: 100%; height:0.75rem;line-height:0.75rem;box-sizing:border-box;border:2px solid #ffe300;padding: 0 0.15rem;color: #ffe300;}
.cloud_c02 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffe300; opacity:1; 
}

.cloud_c02 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffe300;opacity:1;
}

.cloud_c02 input:-ms-input-placeholder{
    color: #ffe300;opacity:1;
}

.cloud_c02 input::-webkit-input-placeholder{
    color: #ffe300;opacity:1;
}
.cloud_c02 button{width: 100%; height:0.79rem; line-height: 0.79rem; text-align: center;background: url(../images/cloud_btn.png) no-repeat center center;background-size: cover;}
.cloud_c03 img{max-width: 100%;}
.cloud_title{text-align: center;margin-bottom:0.3rem;}
.cloud_title img{max-width: 100%;}
.cloud_title_p{text-align: center;color: #fff;    line-height: 0.3rem;margin-bottom:0.6rem;}
.cloud_title_p em{float: left;margin-right: 0.3rem;display: none;}
.cloud_title_p .cloud_line02{float: right;margin: 0; margin-left: 0.3rem;}
.cloud_title_p i{display: inline-block;width: 2px;height: 0.3rem;background: #4e441b;}
.cloud_title_p .i_02{background: #ffe619;margin: 0 9px 0 4px;}
.cloud_title_p .title_p{display: inline-block;}
.cloud_title_p .title_p b{font-weight: normal;color: #f1c614;}
.iteam_picture{margin-bottom: 0.4rem;}
.iteam_picture,.homkoo,.cloud_hom{text-align: center;}
.iteam_picture img,.homkoo img,.cloud_hom img{max-width: 100%;}
.homkoo{margin-bottom:0.65rem;}
.cloud_video{margin-bottom:0.6rem;    width: calc(100% + 0.4rem);}
.cloud_c05 .cloud_c02{margin-bottom: 0;}


.cloud_v_line{position: relative;height: 24px;text-align: center;margin-bottom: 12px;}
.cloud_v_line em{height: 1px;width: 100%;display: block;top: 11px;background: #4d431a;position:absolute;left: 0;}
.cloud_v_line span{position: relative;z-index: 2;}

.cloud_video li dl{text-align: center;color: #fff;}
.cloud_video li{float: left;width:3.25rem;}
.cloud_video li dt{margin-bottom:0.25rem;overflow: hidden;position: relative;padding-right: 0.23rem;}
.cloud_video li dt em{    font-size: 0.44rem;}
.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
body.lightbox-noscroll {
    overflow-y: hidden;
}


.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}




/*限时福利*/
.welfare_cont{padding-bottom: 1rem;}
.welfare_banner{height: 4.35rem;}
.welfare_time{padding-top:2.93rem;text-align: center;}
.welfare_btn{width: 3.85rem;height: 0.8rem;line-height: 0.8rem;margin: auto; background: url(../images/limit_btn.png) no-repeat center center;background-size: cover;font-size:0.32rem;color: #ffeacd;text-align:center;}
.welfare_btn span{font-weight: bold;margin: 0 0.05rem;}
.welfare_btn i{font-size:0.32rem;font-weight: normal;margin-right:0.03rem;}
.welfare_time_p{text-align: center;color: #fff;display: inline-block;padding:0.04rem 0.2rem;background: #d54cb7;border-radius: 10px;    position: relative;
    top: -0.13rem;}
.welfare_01{background: url(../images/welfare_bg01.png) no-repeat center center;background-size: 100% 100%;padding:0.35rem 0.6rem;padding-bottom: 1rem ;position: relative;}
.welfare_01 h1{text-align: center;color: #ffeacd; text-shadow: 0 6px 10px rgba(0,0,0,0.2);margin-bottom:0.35rem;line-height: 0.48rem;}
.welfare_service{display: table;width: 100%;}
.welfare_service .left{color: #fff;margin-bottom: 0.35rem;}
.welfare_service .left ul{margin: 0 -0.1rem;display: table;width: 100%;}
.welfare_service .left li{float: left;width: 33.33%;}
.welfare_service .left li dl{padding: 0 0.1rem;text-align: center;}
.welfare_service .left li dt{margin-bottom: 0.2rem;}
.welfare_service .left li dl img{width: 1.56rem;height: 1.56rem;box-shadow: 0 4px 10px rgba(0,0,0,0.5);border-radius: 0.56rem;}
.welfare_service .right{}
.formbox>ul>li{margin-bottom: 0.2rem;}
.formbox>ul>li .form_w{height: 36px;line-height: 36px;padding: 0 0.2rem;background: #fff;border-radius: 2px;}
.formbox>ul>li span{float: left;height: 36px;line-height: 36px;}
.formbox>ul>li input{height: 36px;line-height: 36px;float: left;border: none;outline: none;background:none;     width: calc(100% - 58px); }


.formbox .option{display: none;position: absolute;top:36px;left: 0;width: 100%;background: #fff;max-height: 150px;overflow: auto;    z-index: 9;overflow-y: scroll !important;
background: #342c2a;
    color: #959595;
}
.formbox .option li{display: block;line-height: 30px;padding: 0 0.2rem;cursor: pointer;} 
.formbox .pub_select {position: relative;width: 48.8%;float: left;background: #fff;}
.formbox .pub_select.shi{float: right;}
.formbox .select{padding-left: 0.2rem;background: #fff;border-radius: 5px;position: relative;}
.formbox .select i{position: absolute;top:0;right: 0.18rem;height: 36px;width: 0.18rem;background: url(../images/arrow_b.png) no-repeat center center;background-size: contain;}
.formbox .select input{width: calc(100% - 58px);position: relative;z-index: 2;cursor: pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.welfare_btn01 {position: absolute;left: 0;bottom: -0.28rem;width: 100%;text-align: center;}
.welfare_btn01 button{width: 3.16rem;height:0.75rem;line-height:0.75rem;text-align: center;background: url(../images/welfare_btn01.png) no-repeat center center;background-size: 100% 100%;color: #fff;border: none;outline: none;    border-radius: 22px;    box-shadow: 0 4px 10px rgba(0,0,0,0.5);}
.welfare_02{padding:1.2rem 0 0.95rem 0;}
.welfare_02 .limit_title{position: absolute;}
.purchase{ position: relative; background: url(../images/welfare_bg02.png) no-repeat center center;background-size: 100% 100%;padding:0.7rem 0.1rem;}
.limit_title{text-align: center;left: 0;top:-0.4rem;width: 100%; margin-bottom: 0.07rem;}
.limit_title span{display: inline-block; background: url(../images/welfare_title.png) no-repeat center center;background-size: cover;width: 3.5rem;height:1.15rem;line-height: 0.82rem;text-align: center;color: #ffeacd;font-weight: bold;text-shadow: 0 6px 10px rgba(0,0,0,0.2);font-style: italic;}
.purchase ul{overflow: hidden;}
.purchase li{float: left;width: 33.33%;*margin-left: -1px;}
.purchase dl{padding: 0 0.15rem;position: relative;}
.purchase dl dt{border: 0.07rem solid #fff;overflow: hidden;}
.purchase dd{left:0.01rem;bottom: 0px;width: 1.85rem;height: 0.56rem;background: url(../images/w_arrow.png) no-repeat 0 bottom;}
.purchase dd h3{padding: 0 0.2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;height: 0.47rem; line-height: 0.47rem; background: url(../images/welfare_p.jpg) no-repeat center center;background-size: cover;}
.purchase dd h3 span{margin: 0 5px;}
.purchase dd h3 a{color: #fff;}
.purchase_time{text-align: center;position: absolute;left: 0;width: 100%;bottom:-0.38rem;font-weight: bold;text-align: center;}
.purchase_time .purchase_timer_w{width:auto;    padding: 0 0.3rem; height:0.8rem;background: url(../images/welfare_btn01.png) no-repeat center center;background-size: cover;display: inline-block;    border-radius: 0.24rem;color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.5);}
.purchase_time .settime_p{display: inline-block;    margin-top: 0.17rem;}
.purchase_time .settime_p em{float: left;line-height: 0.45rem;}
.purchase_time .settime_p span{float: left;}
.purchase_time .settime_p i{font-size:0.3rem;width: 0.45rem;height: 0.45rem;line-height: 0.45rem;text-align: center;display: inline-block;background: #fff;color: #e9634e;}
.purchase_time .settime_p b{font-size:0.3rem;margin: 0 10px;color: #fff;position: relative;    top: 0.01rem;}
.purchase_time .settime{float: left;}

.welfare_03{margin-bottom: 0.6rem;}
.welfare_03 .limit_title,.welfare_04 .limit_title{position: static;}
.welfare_hot{position: relative;}
.welfare_hot li{margin-bottom: 0.6rem;}
.welfare_hot dl{background: #fff;position: relative;}
.welfare_hot dt{border: 0.07rem solid #fff; }
.welfare_hot dd{border-top:1px solid #f1f4fb;padding: 0.3rem 0.25rem 0.25rem 0.35rem;}
.hotbox{padding-right:1.4rem;position: relative;}
.hotbox .hot_btn{position: absolute;bottom:0;right: 0;  z-index: 9;}

.hotbox h3{overflow: hidden;    margin-bottom: 0.05rem;}
.hot_price{color:#979797;    text-decoration: line-through;}
.hot_price span{padding-right: 15px;}
.hot_price02{color: #e9634e;}
.hot_btn a{display: inline-block;width: 1.24rem;height:1.24rem;text-align: center;background: url(../images/welfare_btn03.png) no-repeat center center;background-size: cover;color: #fff; line-height: 0.3rem;padding-top: 0.3rem; font-weight: bold;    line-height: 0.34rem;}
.hot_icon{width: 1.42rem;height:1.91rem;background: url(../images/welfare_yh.png) no-repeat;background-size: cover;position: absolute;top: -0.55rem;right:-0.34rem;line-height: 30px;text-align: center;color: #fff;}
.hot_icon span{display: block;line-height: 0.3rem;}
.hot_icon span:first-child{margin-top: 0.7rem;}
.hot_icon i{height: 0.44rem;line-height: 0.44rem;display: block;}

.welfare_recommend{position: relative;}
.welfare_recommend ul{margin: 0 -0.11rem;overflow: hidden;}
.welfare_recommend li{width: 50%;float: left;margin-bottom:0.4rem}
.welfare_recommend li:nth-child(2n+1){clear: both;}
.welfare_recommend dl{margin: 0 0.11rem;background: #fff;}
.welfare_recommend dt{overflow: hidden;border: 0.07rem solid #fff;}
.welfare_recommend dd{padding: 0.25rem 0.2rem;padding-bottom: 0.4rem;border-top:1px solid #f1f0f6; }
.recommend_btn a{display: inline-block;width: 1.87rem;height:0.49rem;line-height:0.49rem;background: url(../images/welfare_btn01.png) no-repeat center center;background-size: cover;color: #fff;text-align: center;float:left;border-radius: 0.13rem;}
.welfare_recommend .hot_price02{margin-bottom: 0.2rem;}
.welfare_recommend dd h3{margin-bottom:0.05rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.welfare_recommend dd h4{margin-bottom:0.05rem;}
.collection_s{text-indent: -999px; width:0.49rem;height:0.49rem;background: url(../images/welfare_sc.png) no-repeat center center;background-size: cover;float: right;cursor: pointer;overflow: hidden;border-radius: 50%;}
.collection_s.on{background: url(../images/welfare_sc_on.png) no-repeat center center;background-size: cover;}
.recommend_btn{overflow: hidden;}


.limit_slider_cont{padding-top: 0.2rem;}
.limit_slider_box{}
.limit_slider{position: relative;    padding: 0 30px;}
.limit_slider li{float: left;width: 33.33%;}
.limit_slider dt a{display: block;height: 0;padding-bottom: 100%;overflow: hidden;position: relative;}
.limit_slider dt{border:7px solid #fff;margin-bottom: 10px;}
.limit_slider dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.limit_slider dd{text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;}
.limit_slider dd a{color: #fff;}
.but_limit .swiper-button-prev{left:0px;}
.but_limit .swiper-button-next{right:0px;}
.but_limit div{line-height: 44px;background: none !important;width: 30px;text-align: center;display: none;}
.but_limit div i{font-size: 30px;color: #fff;font-weight: bold;}

/*限时福利2*/
.top_banner img{width: 100%;}
.limited_top{text-align: center;}
.limited_top img{max-width: 100%;box-shadow: 0 0 10px 10px rgba(0,0,0,0.2);border-radius: 20px;}
.limited_02{padding: 0.46rem 0 1.15rem 0;color: #fff;}
.limited_block01{text-align: center;font-style: italic;margin-bottom: 0.8rem;}
.limited_block01 p{margin:0.55rem 0 0.35rem 0;    line-height: 0.4rem;}
.imbox{text-align: center;}
.imbox img{max-width: 100%;}
.limited_block02{margin-bottom: 0.6rem;}
.limited_title{text-align: center;margin-bottom:0.34rem;}
.limited_title h1{color: #ffeacd;font-style: italic;text-shadow: 0 0px 12px rgba(0,0,0,0.5);}
.limited_a_more{text-align: center;margin-top: 0.4rem;}
.limited_a_more a{display: inline-block;text-align: center;color: #fff;border-bottom: 0.04rem solid #d61518;padding-bottom: 0.1rem;font-weight: bold;}
.limited_block03{margin-bottom: 0.4rem;}

.limited_cont .limit_title span{width: 4.88rem;height: 1.06rem;  line-height: 0.7rem;color: #f2ff66;   background: url(../images/welfare_title_02.png) no-repeat center center;background-size: cover;}
.limited_cont .limited_block03 .limit_title span{background: url(../images/welfare_title_03.png) no-repeat center center;background-size: cover;}

/*我的家*/
.family{padding-top: 0.65rem;padding-bottom: 1rem;}
.family .site_banner{margin-top: -0.38rem;margin-bottom: 0.77rem;}
.f_tab{position: relative;z-index: 2;}
.f_tab ul{margin: 0 -0.05rem;overflow: hidden;position: relative;}
.f_tab li{float: left;width: 25%;line-height: 1.1rem;}
.f_tab li a{color: #828282;display: block;margin: 0 0.05rem;text-align: center;background: #fff;position: relative;}
.f_tab li a:after{position: 0;visibility: hidden; content: "";position: absolute;left: 0;bottom: 0; height: 0.03rem;background: #73b9e4;width: 100%;}
.f_tab li.on a{color: #000;}
.f_tab li.on a:after{opacity: 1;visibility: visible;}

.f_slider .swiper-container{padding-bottom: 0.7rem;}
.f_slider .but,.f_slider .swiper-pagination{display: none;}
.f_slider li{width: 6.7rem;opacity: 0.3;}
.f_slider li.swiper-slide-active{opacity: 1;}
.f_slider .swiper-slide-active dt{padding: 0 0.38rem;padding-bottom: 67%;}
.f_slider .swiper-slide-active dd{visibility: visible;opacity: 1;display: block;}
.f_slider dt{height: 0;overflow: hidden;padding-bottom: 67%;}
.f_slider dt img{height: auto !important;}
.f_slider dd{ box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.5);padding: 0.35rem 0.2rem;text-align: center;    margin-top: -0.1rem;background: #fff;visibility: hidden;opacity: 0;    position: relative; z-index: 2;}
.f_slider dd h3 {margin-bottom: 0.2rem;}
.f_slider dd h3 span{border-bottom: 1px solid #000;padding-bottom: 0.1rem;display: inline-block;}

.family_p{text-align: center;}

/*案例*/
.blank_30{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.case-part01 .site_slider h3{color: #fff;width: 100%;text-align: center;padding: 0 0.4rem;}


.diy_02{background: #f2f2f2;padding: 0.6rem 0 1rem 0;}
.diy_02 .case-list{padding-top: 0.1rem;}
.case-list{overflow: hidden;}
.case-list li{margin-bottom: 0.6rem;}
.case-list li:last-child{margin-bottom: 0;}
.case-list li .txt{margin-top: 0.35rem }
.case-list li p{color:#0F0F0F; width:100%;}
.case-list li p.p1{margin-bottom:0.2rem;}
.case-list li p.p1 span{margin:0;margin-right: 10px;}
.case-list li p.p2 span{ display: inline-block; margin:0 2px; padding:0 12px; height: 22px; line-height: 22px; border:1px solid #E2CA02;margin-bottom:0.2rem;}
.case-list li p.p2,.case-list li p.p3{color: #616161;}

.case-part03{padding: 0.6rem 0 1rem 0;}
.case-part02{background: #f2f2f2;background: #f2f2f2;padding: 0.6rem 0;}
.case_top{height: 4.2rem;position: relative;}
.case_p{width: 100%;padding: 0 0.2rem;color: #fff;z-index: 2;text-align: center;}
.case_p h1{margin-bottom: 0.1rem;}
.case_p p span{color: #ffe619;}


.case_bottom{padding: 0.35rem 0.4rem 0.38rem 0.35rem;background: #ffe619;}
.pub_form li{margin-bottom:0.15rem;}
.pub_form li:last-child{margin-bottom: 0;}
.pub_form li .inp{ float:left; width:49%; background: #FFFFFF;}
.pub_form li .inp input{width:100%; height: 0.52rem; line-height: 0.52rem;  border:none; background: none;padding: 0 0.15rem;}
.pub_form li .inp:nth-child(2n){float: right;}
.pub_form li .pub_select{width:48%; padding:0; cursor: pointer;}
.pub_form li .pub_select .pub_in{position: relative;}
.pub_form li .pub_select .select input{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;cursor: pointer; width:100%; padding:0 0.15rem; height: 0.52rem; line-height: 0.52rem; border:none; background: none;padding-right: 0.2rem;}
.pub_form li .pub_select .select i{position: absolute; right:0px; top:2px; font-size: 24px; color:#A2A2A2;}
.pub_form li .pub_select .select .option{border-top: none;display: none;position: absolute;width: 100%;background: #efefef;top: 0.52rem;left: 0;z-index:9;max-height: 170px;overflow: auto;padding: 10px 0;overflow-y: auto !important;
background: #342c2a;
    color: #959595;
}
.pub_form li .pub_select .select i{position: absolute;right: 0.1rem;top: 0;font-size: 0.28rem;color:#A2A2A2;/* font-weight: bold; */height: 100%;line-height: 0.52rem;}
.pub_form li .btn{transition:0.3s all; -webkit-transition:0.3s all;float:right; width:49%; height: 0.52rem; line-height: 0.52rem;  color:#fff; text-align: center;border:none; background: #362E2D;}

.pub_form_c{float: left;width: 49%;position: relative;}
.option li{padding: 0 0.2rem;} 
.pub_form li .sheng .select i {right: calc(50% + 0.2rem);}

/*案例详情*/

.case-dets01 .img{position: relative;}
.case-dets01 .wrap{top:auto; bottom:0;}
.case-dets01 .box{  background: #fff; position: relative;padding-top: 0.35rem;}
.case-dets01 .collect{ cursor: pointer; position: absolute;     right: -0.4rem; top:0; width:1.7rem; height: 0.5rem; line-height: 0.5rem; color:#000; text-align: center; background: #FFE300;}
.case-dets01 .collect i{margin-right: 5px; position: relative;  font-weight: bold;font-size:0.22rem;}
.case-dets01 .box h2{position: relative; padding-bottom:0.2rem; margin-bottom:0.3rem;width: calc(100% - 1.7rem);}
.case-dets01 .box h2::before{content: ""; position: absolute; left:0; bottom:0; width:0.5rem; height: 1px; background: #000;}
.case-dets01 .box span{ display: inline-block; width:38%; margin-bottom:0.1rem;}
.case-dets01 .txt{ padding:0.4rem 0 0.6rem 0; background: #F2F2F2;}
.case-dets01 .txt h3{margin-bottom: 0.4rem;}
.case-dets01 .txt h3 span{ display: inline-block;padding:0 0.18rem;height: 22px; line-height: 22px;  border:1px solid #E2CA02;margin-right: 0.1rem;}
.case-dets01 .txt .edit_con_original{color:#0E0E0E;}

.case-dets02{padding-top: 0.6rem ;}
.case-dets03{min-height: 3.76rem;position: relative;overflow: hidden;}
.case_intr{padding-right: 0.4rem;width: 3.45rem;right: 0;left: auto;color: #fff;float: right;padding-top: 0.8rem;padding-bottom: 0.2rem;}
.case_intr h2{margin-bottom: 0.1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_intr h3{margin-bottom: 0.2rem;opacity: 0.9;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_intr p{opacity: 0.9;line-height: 0.3rem;/*max-height: 1.2rem;overflow: hidden;*/}
.case-dets04{padding: 0.6rem 0 0.2rem 0;}
.case-dets05{padding: 0.6rem  0;background: #f2f2f2;}

/*预约量尺*/
.guide_tab .m_tab{margin-bottom: 0.4rem;}
.guide_tab .m_tab a{display: inline-block;}
.guide_tab .m_tab li{width: 33.33%;}
.guide_tab .m_tab li:first-child{text-align: left;}
.guide_tab .m_tab li:last-child{text-align: right;}

.appointment_cont{padding-bottom: 0.6rem;}
.appoint-part01{background: #F5F5F5;margin-bottom: 0.5rem;}
.appoint-part01 .ll{padding: 0.6rem 0.2rem;}
.appoint-part01 .ll ul{}
.appoint-part01 .ll li{ float: left; width:33.33%;  text-align: center; border-right: 1px solid #D0D0D0;padding: 0.4rem 0;}
.appoint-part01 .ll li:last-child{border-right: none;}
.appoint-part01 .ll li img{width:0.96rem; height: 0.96rem;}
.appoint-part01 .ll li p{margin-top:0.15rem; color:#000;}
.appoint-part01 .rr{ background: #FFE619;padding: 0.4rem;padding-top: 0.35rem;}
.appoint-part01 .rr p{padding:0 0 6px; margin-bottom: 10px; color:#000; border-bottom:1px solid #D6C21F;}
.appoint-part01 .rr p em{color:#D80304;}
.my_scroll{height:90px; overflow: hidden;font-size: 12px;}
.my_scroll li{  width:100%; line-height:20px; color:#3B3B3B; margin:0!important; padding:0!important;margin-bottom: 10px !important;}

.appoint-part01 .pub_form{margin-bottom: 0.25rem;}

.appoint_03{position: relative;}
.appoint_03 .blank_40{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.appoint_text{margin: 0.6rem 0;color: #fff;padding:2.3rem 0.4rem;padding-bottom: 0.5rem;position: relative;z-index: 2;}
.appoint_03 h1{margin-bottom: 0.2rem;}




/*关于日上*/
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; /*opacity: 1;*/}

.inbanner{position: relative;color: #fff;}
.inbanner .wrap{z-index: 2;}
.blank_20{background: rgba(0,0,0,0.2);position: absolute;top:0;left: 0;width: 100%;height: 100%;}

.about-part01{ }
.about-part01 .wrap{padding: 0; }
.about-part01 dt{position: relative;margin-bottom: 0.9rem;}
.about-part01 dt a{ display: block;}
.about-part01 dt span i{color:#fff; font-size:0.6rem;}
.about-part01 dd{position: relative;margin: 0 0.4rem;padding-bottom: 1.75rem; background: url(../images/about_dot01.png) center bottom no-repeat;background-size: 100%;}
.about-part01 dd h2{color:#000000; margin-bottom: 0.3rem;}
.about-part01 dd p{ color:#0E0E0E; line-height:2;}

.about-part02{ position: relative;}
.comm_tit_w{color:#fff;}
.comm_tit_w h1{opacity: 0.3;}
.comm_tit_w span i{background: #fff;}
.about-part02 .t,.about-part02 .b{z-index: 2;}
.about-part02 .t{top:1.2rem;padding: 0;width: 100%;padding: 0 0.4rem;}
.about-part02 .b{bottom:0.55rem;top:auto; width:100%; border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);padding: 0.3rem 0;}
.about-part02 .b ul{margin:0 -1.5%;}
.about-part02 .b li{ position: relative; color:#fff; opacity: 0.5;}
.about-part03{padding: 1.15rem 0 2.3rem; text-align: center;}
.about-part03 h2{ line-height: 1.3; color:#000000; margin-bottom:0.4rem;}
.about-part03 p{ color:#030303; line-height: 2;}
.about-part04{ padding:1.1rem 0;padding-bottom: 0.8rem; background: #f5f5f5;}
.about-part04 .comm_tit h1{color:#d8d8d8;line-height: 0.72rem;margin-bottom: 0.15rem;}
.about-part04 .comm_tit h2{color:#959595;margin-bottom: 0.1rem;}
.his-box{margin:5.5% 0 0;}
.about-part04 .ll{position: relative;margin-bottom: 0.5rem;}
.about-part04 .ll:after{content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 1px;background:#dadada;}

.about-part04 .ll .swiper-button-prev,.about-part04 .ll .swiper-button-next{display: none; width:20px; height: 12px; left:40px; top:-28px; margin-top:0; /*background: url(../images/about_dot02.png) no-repeat;*/}
.about-part04 .ll .swiper-button-next{top:auto; bottom:-28px;/*background: url(../images/about_dot03.png) no-repeat;*/}
.about-part04 .ll .swiper-button-prev.swiper-button-disabled,.about-part04 .ll .swiper-button-next.swiper-button-disabled{ cursor: pointer; opacity: 1;}
.about-part04 .ll .swiper-button-prev.disabled,.about-part04 .ll .swiper-button-next.disabled{ cursor: default; opacity: 0.5;}
.about-part04 .hpart_03 .swiper-container{width: calc(100% + 0.8rem);left: -0.4rem}
.about-part04 .ll .swiper-slide{ height:0.78rem;    text-align: center;}
/*.about-part04 .ll .swiper-slide:first-child{text-align: left;}*/
.about-part04 .ll .swiper-slide a{display: inline-block; color:#959595;  display: block;height:0.78rem; line-height: 0.78rem;position: relative;display: inline-block;}
.about-part04 .ll .swiper-slide a:after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 3px;background: #ffe619;opacity: 0;visibility: hidden;}
.about-part04 .ll .swiper-slide.on a:after{visibility: visible;opacity: 1;}
.about-part04 .ll .swiper-slide.on a{ color: #000;}
.hpart_01 dt{ position: relative;}
.hpart_01 dt:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.hpart_01 dt img{ width:100%;}
.hpart_01 dt h3{position: absolute; left:0; bottom:0.3rem;color:#fff;text-align: center;width: 100%;z-index: 2;}
.hpart_01 dd{color:#000; line-height:1.6; padding-top: 0.35rem;}
.hpart_02{margin:0.7rem 0;margin-bottom: 0.5rem; position: relative;}
.hpart_02>h3,.hpart_03>h3{margin-bottom:0.4rem;}
.hpart_03>h3{margin-bottom: 0.55rem;}
.hpart_02 .swiper-container{}
.hpart_02 .swiper-slide img{border-radius: 50%; width: 100%;}
.hpart_02 .swiper-slide p{margin-top: 10px;text-align: center;}

.hpart_03 .swiper-slide{width: 5.28rem !important;opacity: 0.3;}
.hpart_03 .swiper-slide h4{ position: absolute; opacity: 0; left:0; bottom:0; text-align: center; color: #fff; width:100%; height: 34px; line-height: 34px; background: rgba(0,0,0,0.5);}
.hpart_03 .swiper-slide h4 span{ font-size: 12px;}
.hpart_03 .swiper-slide.swiper-slide-active{z-index: 20; position: relative;opacity: 1;}
.hpart_03 .swiper-slide.swiper-slide-active h4{ opacity: 1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 0.2rem;}
.hpart_03 .swiper-button-prev,.hpart_03 .swiper-button-next{width:27px; height: 27px;right:90px; margin-top:-23px; background: url(../images/btn_rr_w.png) no-repeat; background-size: cover;}
.hpart_03 .swiper-button-prev{right:auto; left:90px;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.hpart_03 .swiper-button-prev.swiper-button-disabled,.hpart_03 .swiper-button-next.swiper-button-disabled{opacity: 1; background: url(../images/btn_rr_w_dis.png); background-size: cover;}

.hpart_03 .swiper-slide-shadow-left, .hpart_03 .swiper-slide-shadow-right{ display: none;}
.hpart_03 .swiper-slide img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.hpart_03 .swiper-slide.swiper-slide-active img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

.about_slider{position: relative;}
.hpart_02.cur .about_slider{padding: 0px}
.hpart_02 .but_limit div i{color: #000;    font-size: 20px;}
.but_limit .swiper-button-prev{left: -20px;}
.but_limit .swiper-button-next{right: -20px;}

/*关于日上end*/




/*	.layui-layer{
		 background:rgba(0,0,0,0.5);color:#fff;line-height:40px;padding:0 20px;border-radius:5px;


		transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50% !important; top:50%!important;    -webkit-animation-fill-mode: inherit !important;
    animation-fill-mode: inherit !important;}*/




/*2020-09-22*/
/*设计团队*/
.design_blank{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);    z-index: 99991;display: none;}
.design_tac{position: fixed;width: 94%;background: #fff;box-sizing:border-box;padding: 0.5rem 0.4rem;    z-index: 99992;max-height: 85vh;display: none;}
.design_tac dt{margin-bottom: 0.5rem;}
.design_tac dt img{width: 54%;}
.design_t{border-bottom: 2px solid #ffe300;padding-bottom: 0.35rem;margin-bottom: 0.3rem;}
.design_edit{max-height: 32vh;overflow: hidden;overflow-y: auto;}
.design_close{position: absolute;top: -30px;right: 10px;color: #fff;font-size: 20px;cursor: pointer;}


.design_title{margin-bottom: 0.2rem;}
.design_title p{color: #d8d8d8;}
.design_img img{width: 100%;}
.design_list{margin-bottom: 0.2rem}
.design_list ul{overflow: hidden;margin: 0 -0.15rem;}
.design_list li{float: left;width: 50%;margin-bottom: 0.3rem;}
.design_list dl{padding: 0 0.15rem;cursor: pointer;}
.design_list dt{height: 0;padding-bottom: 100%;position: relative;margin-bottom: 0.2rem;}
.design_list dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.design_list dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}


/*新闻中心*/
.news_list{padding-top: 0.2rem;padding-bottom: 0.4rem;}
.news_list li{padding-bottom: 0.3rem;border-bottom: 1px solid #b2b2b2;margin-bottom: 0.4rem;}
.news_list dt a{display: block;}
.news_list dt img{width: 100%;}
.news_label span{display: inline-block;background: #ffe619;padding: 0.1rem 0.2rem;}
.news_list dd h3{margin: 0.35rem 0;    margin-bottom: 0.1rem;}
.n_time{margin-bottom: 0.2rem;    color: #808080;}
/*逐日派对*/

.dailyparty_banner img{width: 100%;}
.dailyparty_banner .text{background: url(../images/dailyparty_bg01.jpg) no-repeat center center;background-size: cover;text-align: center;line-height: 0.6rem;padding-bottom: 0.2rem;}
.tex_content {padding: 0.25rem 0;}
.xing_qiu ul {
  width: 0.06rem;
  margin: 0 auto;
}

.xing_qiu ul li {
  width: 0.06rem;
  height: 0.06rem;
  margin-bottom:  0.06rem;
  border-radius: 50%;
  background: #000;
}

.po_list img{width: 100%;}
.dailyparty_box{position: relative;}
.dailyparty_box .video_title{position: absolute;top:0.2rem;left: 50%; margin-left: -1.45rem; }
.video_title{width: 3.4rem;padding: 0.1rem; background: #ffe300;text-align: center;border-radius: 0 0 10px 10px;margin: auto;}
.dailyparty_video{overflow:  hidden; background: url(../images/dailyparty_bg02.jpg) no-repeat center center;background-size: cover;padding-top: 0.8rem;}
.dailyparty_box{
	padding-top: 0.62rem;
	margin: 0.25rem 0;
	
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.dailyparty_box a{display: block;margin: 0 0.3rem;border: 0.1rem solid #ffe300;margin-bottom: 0.25rem;}
.dailyparty_box a span{color:#fff;font-size:0.46rem;display:none;}
.periphery{padding: 0.3rem 0 0.5rem 0; overflow: hidden; background: url(../images/dailyparty_bg03.jpg) no-repeat center center;background-size: cover;}
.periphery_more{margin: 0.4rem 0;text-align: center;}
.periphery .video_title,.interactive .video_title{margin: auto;background: #fff;margin-bottom: 0.6rem;}
.periphery_img{padding: 0 0.4rem;}
.periphery_img img{width: 100%;}

.interactive{background: url(../images/dailyparty_bg04.jpg) no-repeat center center;background-size: cover;padding: 0.25rem 0 3.4rem 0;}
.interactive_list{padding: 0 30px;padding-top: 0.2rem;position: relative;}
.interactive_list dl{background: #ccc;padding: 0.3rem;padding-bottom: 0.6rem;}
.interactive_list dd{overflow: hidden;}
.interactive_list dt{margin-bottom: 0.5rem;    height: 0;padding-bottom: 96%;position: relative;}
.interactive_list dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.interactive_list h3{float: left;width: calc(100% - 80px);}
.interactive_list .favorites_icon{float: right;width: 60px;}
.favorites_icon{text-align: center;cursor: pointer;}
.favorites_icon i{font-size: 0.34rem;}
.favorites_icon.on i{color: #ff0000;}
.interactive_list .but_limit .swiper-button-prev{left: 0px;}
.interactive_list .but_limit .swiper-button-next{right: 0px;}


.xmn_details{padding: 0.5rem 0.4rem;}
.xmn_details_box h3{margin-bottom: 0.1rem;}
.xmn_details_box{text-align: center;margin-bottom: 0.3rem;}
.xmn_page{padding-top: 0.2rem;border-top: 1px solid #eee;margin-top: 0.3rem;}
.xmn_page p{margin-bottom: 0.1rem;}
.xmn_share{display: none;}

.tac_box dl{display: none;}

.index_data .index_more a{padding-right:20px;position:relative;display: block;line-height: 20px;}
.index_data .index_more i{font-size:14px;display: block;}
.index_data .index_more .icon-you:before{position:absolute;top:0;right:0}

.sitebox{position: fixed;right: 0;bottom: 30%;background: #ffe300;text-align: center;    z-index: 999;}
.sitebox li a{display: block;width: 0.95rem;}
.sitebox li:first-child a{padding: 0.2rem 0;background: #332c2b;color: #fff;}
.sitebox li:last-child a{padding: 10px 0;    line-height: 24px; height: 44px;}
.sitebox li:first-child a span{font-size: 20px;}
.sitebox li:last-child a span{font-size: 22px;}


.tac_inter{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,0.8);visibility: hidden;opacity: 0;}
.tac_inter dl{background: none;padding: 0;}
.tac_inter dt{margin: 0;height: auto;padding: 0}
.tac_inter dt img{position:static;height: auto;width: auto;max-width: 100%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.tac_inter dd{display:none}
.tac_inter .interactive_list,.tac_inter .swiper-container,.tac_inter dl,.tac_inter dt{height: 100%;}
.tac_inter.cur{opacity: 1;visibility: visible;}

.tac_inter .but_limit{display: none}
.index_line{height: 0.17rem;background: #f0f0f0;clear: both;margin-bottom: 0.1rem;}
.index_line01{margin-bottom: 0.2rem;}
.index_line02{margin-bottom: 0.2rem;}
.index_line03{margin-bottom: 0.15rem;}
.index_06 .index_line{display: none;}

/*搜索结果*/
.search-part{ margin:4% 0 0;}
.search_t{background: #f4f4f4;padding: 0px;margin-bottom:2%;overflow: hidden;}
.search_t input,.search_t button{height:40px;line-height: 40px;  border:none;outline: none;}
.search_t input{padding: 0 10px;width: calc(100% - 80px);float: left;}
.search_t button{background:#f7de0e;width: 80px;float: right;}
.search_p{color: #4c4c4c;padding:10px 0;padding-bottom: 0;}
.search_p span,.search_p i{color: #f7de0e;}
.search_p i{background: #fefe28;color: #000;}
.search_list{padding:0 0 5%;}
.search_list ul{padding-bottom:20px;}
.search_list li{padding: 15px 0;border-bottom: 1px dashed #c0c0c0;}
.search_list li h2{margin-bottom: 6px;/* line-height: 1.5; *//* max-height: 3em; */overflow: hidden;font-size: 15px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.search_list li span{background: #fefe28}
.search_list li p{line-height: 22px;font-size: 14px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 44px;color: #868686;}













