@font-face {
  font-family: 'PingFang';
  src: url('../fonts/PingFangSC-Regular.eot');
  src:
    url('../fonts/PingFangSC-Regular.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangSC-Regular.woff') format('woff'),
    url('../fonts/PingFangSC-Regular.ttf') format('truetype'),
    url('../fonts/PingFangSC-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: mFont;
  src: url('../fonts/DigifaceWide.ttf');
}

body{font-family: 'PingFang';}

/*动画*/
@keyframes countanimate{
  0% {transform: scale(1);}
  25% {transform: scale(1.05);}
  50% {transform: scale(1);}
  75% {transform: scale(0.95);}
  100% {transform: scale(1);}
}
@-webkit-keyframes countanimate{
  0% {transform: scale(1);}
  25% {transform: scale(1.05);}
  50% {transform: scale(1);}
  75% {transform: scale(0.95);}
  100% {transform: scale(1);}
}

/*****************公共样式*****************/
.w{width: 1440px;margin: 0 auto;position: relative;}
.caseW{width: 96.3%;margin: 0 auto;position: relative;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}


/*顶部*/
.top{height: 30px;line-height: 30px;background: #f2f4f6;}
.topMain,.cityBtn,.topLink {height: 100%;}
.cityBtn i{display: inline-block;vertical-align: top;width: 14px;height: 100%;background: url(../img/l_local.png) no-repeat center;background-size: 100%;margin-right: 5px;}
.cityBtn span{width:50px;display: inline-block;vertical-align: top;}
.cityBtn span input{font-size: 14px;color: #333;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cityBtn a{font-size: 14px;color: #666;transition: all .4s;}
.cityBtn a:hover{color: #1AA0E5;}
.topLink span{display: inline-block;vertical-align: top;height: 100%;padding: 0 15px;position: relative;}
.topLink span a{font-size: 14px;color: #393647;transition: all .4s;}
.topLink span:hover a{color: #1AA0E5;}
.topLink span::after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #bbbbbb;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.topLink span:last-child{padding-right: 0;}
.topLink span:last-child::after{display: none;}
.topLink .span1 a{margin-left: 22px;}
.topLink .span1 .loginBtn{color: #1aa0e5;}
.topLink .span2 {position: relative;}
.topLink .span2 i{display: inline-block;vertical-align:middle;width: 9px;height: 4px;margin-left: 8px;background: url(../img/l_arrow1.png) no-repeat center;background-size: 100%;transition: all .4s;}
.topLink .span2:hover i{background: url(../img/l_arrow1_on.png) no-repeat center;background-size: 100%;}
.topLink .span3{font-size: 16px;color: #1aa0e5;font-weight: bold;}
.topLink .span3 i{display: inline-block;vertical-align:top;width: 14px;height: 100%;background: url(../img/l_phone.png) no-repeat center;background-size: 100%;margin-right: 4px;}
.topLink .wechatPub em{display: none;width: 120px;height: 120px;padding: 2px;background: #fff;position: absolute;top: 30px;left: 50%;margin-left:-60px;z-index: 10;}
.topLink .wechatPub:hover em{display: block;}
.topLink .wechatPub:hover i{transform: rotate(-180deg);}

.headerWrap{width: 100%;background: #fff;}
.header{height: 100px;}
.header .logo {height: 100%;line-height: 100px;}
.header .logo a{display: block;height: 100%;}
.header .logo a em{display: inline-block;vertical-align: top;width: 175px;height: 100%;background: url(../img/l_logo.png) no-repeat center;background-size: 100%;}
.header .logo a span{display:inline-block;vertical-align:middle;height: 35px;line-height:35px;font-size: 20px;color: #1aa0e5;padding-left: 15px;border-left: 1px solid #ccc;}
.header .search{width: 516px;height: 36px;line-height:32px;border: 2px solid #1AA0E5;margin-top: 34px;position: relative;}
.header .search .searchStyle{display: inline-block;vertical-align: top;width: 19%;height: 100%;text-align: center;position: relative;}
.header .search .searchStyle i{position: absolute;right: 3px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.header .search .searchStyle::after{content: '';display: inline-block;vertical-align: middle;height: 18px;width: 1px;background: #bfbfbf;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.header .search .searchStyle span{cursor:pointer;padding: 0 16px 0 5px;display: inline-block;vertical-align: top;height: 100%;width: 100%;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .search .searchStyle .searchItem{display:none;width: 103%;position: absolute;top: 100%;left:-2px;z-index: 9999;border: 2px solid #1AA0E5;}
.header .search .searchStyle .searchItem p{background: #fff;font-size: 14px;color: #333;cursor: pointer;padding: 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.header .search .searchStyle .searchItem p:hover{color: #fff;background: #1AA0E5;}
.header .search input{width: 60%;height: 100%;font-size: 14px;color: #333;}
.header .search input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.header .search input::-moz-placeholder{font-size: 14px;color: #999;}
.header .search input::-ms-input-placeholder{font-size: 14px;color: #999;}
.header .search input:-ms-input-placeholder{font-size: 14px;color: #999;}
.header .search em{cursor:pointer;display: inline-block;vertical-align: top;width: 86px;height: 100%;position: absolute;top: 0;right: 0;text-align: center;background: #1AA0E5;font-size: 14px;color: #fff;}

.nav{width: 100%;height: 60px;line-height: 60px;background: #1d2938;}
.navMain {display: flex;display: -webkit-flex;}
.navMain li{flex:auto;height: 100%;position: relative;}
.navMain li a{position:relative;display: block;width: 100%;height: 100%;font-size: 16px;color: #fff;text-align: center;transition: all .4s;}
.navMain li:hover>a,.navMain li>a.active{background: #1AA0E5;}
.navMain li a i{display:inline-block;vertical-align:middle;height: 10px;line-height:10px;font-size: 28px;margin-left: -3px;transition: all .4s;}
.navMain li .navApp i{margin-left: 5px;color: #1AA0E5;}
.navMain li .navApp:hover i{color: #fff;}
.navMain li .navIcon em{display: inline-block;height: 23px;transform: translate(5px,7px);-webkit-transform: translate(5px,7px);-moz-transform: translate(5px,7px);-ms-transform: translate(5px,7px);}
.navMain li .navDrop{display:none;width: 100%;position: absolute;top: 100%;left: 0;z-index: 99;background: #1AA0E5;}
.navMain li .navDrop a{transition: all 0s;height: 50px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.navMain li .navDrop a:hover{background: #0a8acc;}

.footer{width: 100%;padding: 100px 0 65px;background: #363f47;}
.footH{border-bottom: 1px solid #455059;padding-bottom: 33px;}
.footH .footHL,.footH .footHR{height: 34px;line-height: 34px;}
.footH .footHL a{font-size: 16px;color: #fff;margin: 0 30px;transition: all .4s;}
.footH .footHL a:hover{color: #1AA0E5;}
.footH .footHL a:first-child{margin-left: 0;}
.footH .footHR{font-size: 40px;color: #1AA0E5;}
.footH .footHR::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 34px;background: url(../img/l_phone1.png) no-repeat center;background-size: 100%;margin-right: 10px;}
.footB{padding: 25px 0;border-bottom: 1px solid #455059;}
.footBL{width: 73%;}
.footBL .footBH{margin-bottom: 28px;}
.footBL .footBH a{display: inline-block;vertical-align: middle;line-height: 36px;padding: 0 15px;margin:0 5px;font-size: 16px;color: #fff;background: #636575;border-radius: 4px;transition: all .4s;}
.footBL .footBH a:first-child{margin-left: 0;}
.footBL .footBH a.active,.footBL .footBH a:hover{background: #1AA0E5;}
.footBI{display: none;}
.footBI.active{display: block;}
.footBI a{display:inline-block;vertical-align:middle;font-size: 16px;color: #fff;margin: 0 35px 15px 0;white-space: nowrap;transition: all .4s;}
.footBI a:hover{color: #1AA0E5;}
.footBr{padding-top: 49px;}
.footBr .erweima{margin-left: 34px;text-align: center;}
.footBr .erweima .img img{width: 100%;}
.footBr .erweima .text{font-size: 14px;color: #cbcbcb;margin-top: 8px;}
.footBottom{padding-top: 30px;}
.footBottom p{font-size: 14px;color: #cbcbcb;line-height: 1.8;}

.sldeFixed{height: 132px;width: 72px;border-radius:6px;background: rgba(49,51,58,0.9);position: fixed;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 99;}
.sldeFixed ul{height: 100%;}
.sldeFixed ul li{height: 50%;position: relative;transition: all .4s;}
.sldeFixed ul li:hover{background: rgba(112,115,131,0.5);}
.sldeFixed ul li::after{content:'';display: block;width: 34px;height: 1px;background: #45474b;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.sldeFixed ul li:last-child::after{display: none;}
.sldeFixed ul li.icon3:hover .erweima{display: block;}
.sldeFixed ul li .erweima{display:none;width: 175px;position: absolute;left: -190px;bottom:0;z-index: 10;padding: 18px 18px 28px;background: #fff;border-radius: 6px;}
.sldeFixed ul li .erweima img{width: 100%;}
.sldeFixed ul li .erweima .txt1{font-size: 18px;color: #41abcb;margin-top: 10px;}
.sldeFixed ul li .erweima .txt2{font-size: 18px;color: #9698a0;margin-top: 5px;}
.sldeFixed ul li .erweima i{font-size: 20px;color: #fff;position: absolute;right: -13px;bottom: 26px;}
.sldeFixed ul li a{display: block;width: 100%;height: 100%;}
.sldeFixed ul .icon1 a{background: url(../img/l_side1.png) no-repeat center;background-size: auto;}
.sldeFixed ul .icon2 a{background: url(../img/l_side2.png) no-repeat center;background-size: auto;}
.sldeFixed ul .icon3 a{background: url(../img/l_side3.png) no-repeat center;background-size: auto;}
.sldeFixed ul .icon4 a{background: url(../img/l_side4.png) no-repeat center;background-size: auto;}
.sldeFixed .toTop{cursor:pointer;display:none;width: 100%;height: 72px;margin-top: 23px;border-radius: 6px;background: #1AA0E5 url(../img/l_arrow3.png) no-repeat center;background-size: auto;}

.budgetPupop{display:none;width: 100%;position: fixed;bottom: 0;left: 0;z-index: 999;}
.budgetPupop .filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);}
.budgetPupop .budgetTitle{width: 88%;height: 70px;line-height: 70px;position: relative;z-index: 1;}
.budgetPupop .budgetTitle .img{position: relative;top: -40px;}
.budgetPupop .budgetTitle .text{font-size: 36px;color: #fecc02;font-weight: 600;}
.budgetPupop .budgetTitle .text span{font-size: 28px;margin-left: 35px;}
.budgetPupop .budgetTitle .text span em{color: #fd702e;}
.budgetPupop .quoteWrap{width: 1290px;margin: 0 auto;z-index: 1;background: none;padding: 0;position: relative;}
.budgetPupop .quoteWrap .close{width: 27px;height: 28px;background: url(../img/l_close.png) no-repeat center;background-size: 100%;position: absolute;top: 0;right: -47px;transition: all .4s;cursor: pointer;}
.budgetPupop .quoteWrap .close:hover{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);}
.budgetPupop .quoteWrap .designMain{height: 330px;width: 84%;background: #fff;position: relative;}
.budgetPupop .quoteWrap .designMain::after{content: '';display: block;height: 100%;width: 1px;background: #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.budgetPupop .quoteWrap .designMain .left,.budgetPupop .quoteWrap .designMain .right{padding-top: 30px;}
.budgetPupop .quoteWrap .designMain .right .rightB .cost{width: 360px;}
.budgetPupop .quoteWrap .designMain .left .leftH{margin-bottom: 20px;}
.budgetPupop .quoteWrap .designMain .left .leftB .item{margin-bottom: 15px;}
.budgetPupop .quoteWrap .designMain .left .leftB .item .huWrap .huDown{height: 100px;overflow-y: scroll;}
.budgetPupop .quoteWrap .designMain .right .rightH{margin-bottom: 20px;}
.downLoadAppWrap{width: 16%;padding-left: 10px;}
.downLoadAppWrap .downLoadAppMain{padding: 33px 5px 0;height: 100%;width: 100%;background: #fff;text-align: center;}
.downLoadAppWrap .downLoadAppMain .txt1{font-size: 20px;color: #222;margin-bottom: 15px;}
.downLoadAppWrap .downLoadAppMain .img{width: 100%;margin: 5px 0 0;}
.downLoadAppWrap .downLoadAppMain .img img{max-width: 100%;}
.downLoadAppWrap .downLoadAppMain p{font-size: 14px;color: #999;width: 80%;margin: 0 auto;}

.page{width: 100%;text-align: center;margin: 60px 0;}
.page a{display: inline-block;vertical-align: middle;min-width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #e6e6e6;font-size: 14px;color: #666;transition: all .4s;border-radius: 4px;margin: 0 5px;}
.page a:hover{color: #1AA0E5;border: 1px solid #1AA0E5;background: #effaff;}
.page .txtPage{padding: 0 11px;}
.page span{font-size: 14px;color: #666;margin: 0 5px;}
.merchantPage a{color: #E6E6E6;}
.merchantPage span{color: #E6E6E6;}

/*下载页底部*/
.downFoot{width: 100%;background: #363f47;padding: 30px 95px 26px;}
.downFoot .left .link{margin: 12px 0 20px;}
.downFoot .left .link a{font-size: 16px;color: #fff;margin: 0 30px;transition: all .4s;}
.downFoot .left .link a:hover{color: #1AA0E5;}
.downFoot .left .link a:first-child{margin-left: 0;}
.downFoot .left .link a:last-child{margin-right: 0;}
.downFoot .left .coryRight p{font-size: 14px;color: #cbcbcb;line-height: 1.8;}
.downFoot .right .erweima{float:left;margin-left: 34px;text-align: center;}
.downFoot .right .erweima img{width: 100%;}
.downFoot .right .erweima .txt2{font-size: 14px;color: #cbcbcb;margin-top: 8px;}

@media only screen and (max-width: 1500px) {
  .w{width: 1280px;}
  .footH .footHL a,.downFoot .left .link a{margin: 0 20px;}
}
@media only screen and (max-width: 1440px) {
  .budgetPupop .quoteWrap{width: 1050px;}
  .budgetPupop .quoteWrap .designMain .cityChoose,.budgetPupop .designMain .left .leftB .item .inputBox{width: 230px;}
  .budgetPupop .quoteWrap .designMain .right{padding: 30px 30px 0 70px;}
  .budgetPupop .quoteWrap .designMain .right .rightB .cost{width: 340px;}
  .downLoadAppWrap .downLoadAppMain p{width: 100%;}
  .downLoadAppWrap{width: 18%;}
  .budgetPupop .quoteWrap .designMain{width: 82%;}
  .downLoadAppWrap .downLoadAppMain{padding: 33px 15px 0;}
}
@media only screen and (max-width: 1366px) {
  .w{width: 1160px;}
  .footH .footHL a{margin: 0 15px;}
  .downFoot .left .link a{margin: 0 10px;}
}
@media only screen and (max-width: 1280px) {
  .footH .footHL a{margin: 0 10px;}
}

/*****************首页*****************/
/*banner*/
.banner {position: relative;width: 100%;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.banner .swiper-slide a img{width: 100%;}
.banner .swiper-slide a .text {color: #fff;position: absolute;left:26%;top:60%;opacity:0;transform: translateY(-60%);-webkit-transform: translateY(-60%);-moz-transform: translateY(-60%);-ms-transform: translateY(-50%);transition: all .5s ease-in;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;z-index: 10;}
.banner .swiper-slide a .text.active {top:41%;opacity: 1;}
.banner .swiper-slide a .text .txt1{font-size: 48px;letter-spacing: 1px;}
.banner .swiper-slide a .text .txt2{font-size: 24px;margin-top: 10px;letter-spacing: 3px;}
.bannerForm {position: absolute;top: 50%;left: 50%;z-index: 9;}
.bannerForm form {float:right;width: 320px;padding:10px 20px 20px;background: #fff;border-radius: 4px;overflow: hidden;}
.bannerFormH li{width: 50%;float: left;height: 47px;line-height: 47px;border-bottom: 1px solid #ccc;}
.bannerFormH li a{display:block;font-size: 20px;color: #333;text-align: center;}
.bannerFormH li.active{border-bottom: 2px solid #1AA0E5;}
.bannerFormH li.active a{color: #1AA0E5;}
.bannerFormBI{display: none;}
.bannerFormBI.active{display: block;}
.bannerFormBI p{font-size: 14px;color: #999;margin: 15px auto;text-align: center;}
.bannerFormBI .inputBox{position:relative;width: 100%;height: 50px;line-height: 50px;border-radius: 4px;background: #f7f7f7;margin-bottom: 10px;padding: 0 15px;}
.bannerFormBI .inputBox input{width: 86%;height: 100%;font-size: 14px;color: #333;}
.bannerFormBI .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.bannerFormBI .inputBox input::-moz-placeholder{font-size: 14px;color: #999;}
.bannerFormBI .inputBox input::-ms-input-placeholder{font-size: 14px;color: #999;}
.bannerFormBI .inputBox input:-ms-input-placeholder{font-size: 14px;color: #999;}
.bannerFormBI .inputBox em{color: #666;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.bannerFormBI .houseArea em{font-size: 14px;}
.bannerFormBI .quote{display:block;border-radius:4px;width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #1AA0E5;transition: all .4s;}
.bannerFormBI .quote:hover{background: #0a8acc;}
.bannerFormBI .num{font-size: 14px;color: #999;text-align: center;margin: 25px 0 15px;}
.bannerFormBI .num em{font-size: 24px;color: #1AA0E5;}
.indexpagi{bottom: 18px;}
.indexpagi .swiper-pagination-bullet{width: 30px;height: 4px;background: #fff;border: none;border-radius: 0;opacity: 1;}
.indexpagi .swiper-pagination-bullet-active{background: #1AA0E5;height: 4px;opacity: 1;}
@media only screen and (max-width: 1500px) {
  .bannerFormH li{height: 40px;line-height: 40px;}
  .bannerFormH li a{font-size: 18px;}
  .bannerFormBI p{margin: 10px auto;}
  .bannerFormBI .inputBox,.bannerFormBI .cityBox .pick-show span, .bannerFormB .bannerFormBI .cityBox .pick-show i,.bannerFormBI .quote {height: 40px;line-height: 40px;}
  .bannerFormBI .num{margin: 15px 0 5px;}
}

/*服务类型*/
.serviceItem{background: #616575;width: 100%;padding: 30px 0;}
.serviceItem ul{margin: 0 -10px;}
.serviceItem ul li{float: left;width: 20%;height: 120px;padding: 10px;}
.serviceItem ul li a{display: block;width: 100%;height: 100%;background: #fff;border-radius: 4px;}
.serviceItem ul li a .img{width: 34.6%;float: left;line-height: 100px;text-align: right;}
.serviceItem ul li a .img img{display: inline-block;vertical-align: middle;}
.serviceItem ul li a .text{width: 65%;float: left;padding:25px 10px 0 15px;}
.serviceItem ul li a .text .txt1{font-size: 20px;color: #333;}
.serviceItem ul li a .text .txt2{font-size: 14px;color: #999;margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media only screen and (max-width: 1500px) {
  .serviceItem ul li a .img img{width: 70%;}
  .serviceItem ul li a .text{padding: 25px 10px 0 10px;}
}

/*精选装修商家*/
.merchant{background: #3f465d;padding: 50px 0 53px;}
.merMain .title{text-align: center;}
.merMain .title .txt1{font-size: 36px;color: #f3f3f4;}
.merMain .title .txt2{font-size: 18px;color: #999;}
.merMain .merH{width: 60%;margin: 40px auto 0;}
.merMain .merH ul{margin: 0 -10px;}
.merMain .merH ul li{float: left;width: 25%;padding: 0 10px;}
.merMain .merH ul li a{display: block;width: 100%;height: 100%;border-radius: 4px;background: #fff;font-size: 16px;color: #333;text-align: center;height: 47px;line-height: 47px;transition: all .4s;}
.merMain .merH ul li.active a,.merMain .merH ul li a:hover{background: #1AA0E5;color: #fff;}
.merMain .merBI{display: none;}
.merMain .merBI.active{display: block;}
.merMain .merBI ul{margin: 40px -10px 47px;}
.merMain .merBI ul li{float: left;padding: 20px 10px;width: 20%;}
.merMain .merBI ul li a{display: block;width: 100%;background: #fff;border-radius: 6px;overflow: hidden;}
.merMain .merBI ul li a:hover img{transform: scale(1.06);}
.merMain .merBI ul li a .img{overflow: hidden;position: relative;}
.merMain .merBI ul li a .img img{width: 100%;transition: all .4s;}
.merMain .merBI ul li a .img .merLogo{width: 80px;height: 80px;background: #fff;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;left: 50%;}
.merMain .merBI ul li a .img .merLogo img{max-width: 100%;max-height: 100%;width: auto;}
.merMain .merBI ul li a:hover .img .merLogo img{transform: scale(1);}
.merMain .merBI ul li a .text{padding: 23px 10px;text-align: center;}
.merMain .merBI ul li a .text .txt1{font-size: 24px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.merMain .merBI ul li a .text .txt2{font-size: 14px;color: #666;margin: 8px 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.merMain .merBI ul li a .text .txt3{display: inline-block;vertical-align: middle;padding:0 13px;height: 40px;line-height: 40px;background: #1AA0E5;font-size: 16px;color: #fff;border-radius: 4px;transition: all .4s;}
.merMain .merBI ul li a .text .txt3:hover{background: #0A8ACC;}
.readMore {display:block;width: 300px;height: 60px;line-height:60px;margin: 0 auto;border-radius: 6px;background: #1AA0E5;text-align: center;font-size: 20px;color: #fff;transition: all .4s;}
.readMore:hover {background: #0A8ACC;color: #fff;}

/*优质装修案例*/
.highCase{padding: 55px 0 49px;}
.title{text-align: center;}
.title .txt1{font-size: 36px;color: #333;}
.title .txt2{font-size: 18px;color: #999;}
.hcaseH{margin: 29px 0 27px;border: 1px solid #ccc;height: 104px;}
.hcaseH .hcaseHL{width: 18%;height: 100%;border-right: 1px solid #ccc;text-align: center;padding-top: 28px;}
.hcaseH .hcaseHL .txt1{font-size: 12px;color: #333;font-weight: bold;}
.hcaseH .hcaseHL .txt2{font-size: 24px;color: #999;}
.hcaseH .hcaseHR{height: 100%;width: 82%;padding-top: 7px;}
.hcaseH .hcaseHR ul{width: 96%;margin: 0 auto;}
.hcaseH .hcaseHR ul li{float: left;width: 10%;}
.hcaseH .hcaseHR ul li a{display: block;text-align: center;}
.hcaseH .hcaseHR ul li a .txt1{height: 57px;transition: all .4s;position: relative;}
.hcaseH .hcaseHR ul li a .txt1 img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.hcaseH .hcaseHR ul li a .txt1 .img2{display: none;}
.hcaseH .hcaseHR ul li.active a .txt1 .img1,.hcaseH .hcaseHR ul li:hover a .txt1 .img1{display: none;}
.hcaseH .hcaseHR ul li.active a .txt1 .img2,.hcaseH .hcaseHR ul li:hover a .txt1 .img2{display: block;}
.hcaseH .hcaseHR ul li a .txt2{font-size: 18px;color: #666;transition: all .4s;}
.hcaseH .hcaseHR ul li.active a .txt2,.hcaseH .hcaseHR ul li:hover a .txt2{color: #1AA0E5;}
.hcaseB{overflow: hidden;margin-bottom: 28px;}
.hcaseBI{display: none;}
.hcaseBI.active{display: block;}
.hcaseBI .hcaseBIL{width: 48.6%;}                            
.hcaseBI .hcaseBIL a{display: block;position: relative;}                            
.hcaseBI .hcaseBIL a img{width: 100%;}                            
.hcaseBI .hcaseBIL a .text{width: 71.4%;border:1px solid rgba(255,255,255,0.8);padding:15px;position: absolute;top: 50%;left: 50%;}                            
.hcaseBI .hcaseBIL a .text .textMain{padding: 15px 32px 22px;background: rgba(255,255,255,0.8);}                            
.hcaseBI .hcaseBIL a .text .textMain .txt1{font-size: 20px;color: #333;text-align: center;margin-bottom: 8px;width: 90%;margin: 0 auto;}                            
.hcaseBI .hcaseBIL a .text .textMain .txt2{font-size: 14px;color: #666;line-height: 1.7;}                            
.hcaseBI .hcaseBIL .indexpagi{bottom: 22px;}                                
.hcaseBI .hcaseBIM{height: 100%;width: 23.6%;margin-left: 2.08%;position: relative;}                           
.hcaseBI .hcaseBIM a{display: block;width: 100%;overflow: hidden;}                           
.hcaseBI .hcaseBIM a:hover img{transform: scale(1.06);}                           
.hcaseBI .hcaseBIM a img{transition: all .4s;width: 100%;}                           
.hcaseBI .hcaseBIM .img,.hcaseBI .hcaseBIR{position: relative;}
.hcaseBI .hcaseBIM .img:last-child{position: absolute;bottom: 1px;left: 0;}                                                   
.hcaseBI .hcaseBIR{width: 23.6%;display: block;overflow: hidden;}
.hcaseBI .hcaseBIR:hover img{transform: scale(1.06);}
.hcaseBI .hcaseBIR img{transition: all .4s;width: 100%;}
.hcaseBI .hcaseBIM .text,.hcaseBI .hcaseBIR .text{position: absolute;background:rgba(255,255,255,0.8);min-width: 56%;max-width:80%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top: 50%;left: 50%;}
.adWrap1{margin-top: 45px;}                 
.adWrap1 a{display: block;}                 
.adWrap1 a img{width: 100%;}                 
.adWrap img{width: 100%;}
.adWrap .adpagi{width: auto;right: 37px;left: auto;}
.adWrap .adpagi .swiper-pagination-bullet{width: 18px;height: 18px;line-height:18px;border-radius: 0;background: #1AA0E5;font-size: 16px;color: #fff;opacity: 0.3;}
.adWrap .adpagi .swiper-pagination-bullet-active{opacity: 1;}

/*家居建材商品*/
.homeComm{background: #f9f9f9;padding: 55px 0 42px;}
.commMain{margin: 39px -5px 51px;}
.commMain .commL{width: 24.4%;}
.commMain .commM{width: 36.2%;}
.commMain .commR{width: 38.2%;}
.commMain .comLi{float: left;padding: 5px;}
.commMain .comLi a{display: block;overflow: hidden;}
.commMain .comLi a img{width: 100%;}
.commMain .comLi .twoImg{margin: -5px 0;}
.commMain .comLi .twoImg .twoImgItem{padding: 5px 0;}
/*.commMain .commL .jcMain{background: url(../temp/l_comm1.jpg);background-size:100%;padding: 0 35px;}*/
.commMain .commL .jcMain{position: relative;height: 595px!important; overflow: hidden;}
.jxspbox{position: absolute; top:0;left: 2%;padding: 0 10px}
.commMain .commL .jcMain .tit{padding: 30px 0 25px;border-bottom: 1px solid #cbd8e1;}
.commMain .commL .jcMain .tit .left{line-height:23px;font-size: 24px;color: #485e71;font-weight: 600;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.commMain .commL .jcMain .tit .right{display:block;width: 54px;height: 23px;line-height: 23px;background: url(../img/more_btn.png) no-repeat center;background-size: 100% 100%;font-size: 14px;color: #fff;text-align: center;}
.commMain .commL .jcMain .jcList{width: 100%}
.commMain .commL .jcMain .jcList li{padding: 25px 0 15px;border-bottom: 1px solid #CBD8E1;}
.commMain .commL .jcMain .jcList li .jcLinkTitle{font-size: 18px;color: #1AA0E5;margin-bottom: 10px;font-weight: 600;}
.commMain .commL .jcMain .jcList li .jcLink a{display: inline-block;vertical-align:middle;font-size: 14px;color: #848b92;margin-right: 5px;transition: all .4s}
.commMain .commL .jcMain .jcList li .jcLink a:hover{color: #1AA0E5;}
@media only screen and (max-width: 1500px) {
  .commMain .commL .jcMain{padding: 0 30px;}
  .commMain .commL .jcMain .tit{padding: 25px 0 20px;}
  .commMain .commL .jcMain .jcList li{padding: 15px 0 12px;}
  .commMain .commL .jcMain .jcList li .jcLinkTitle{margin-bottom: 8px;}
}
@media only screen and (max-width: 1366px) {
  .commMain .commL .jcMain{padding: 0 20px;}
  .commMain .commL .jcMain .tit{padding: 20px 0 18px;}
  .commMain .commL .jcMain .jcList li{padding: 10px 0 9px;}
  .commMain .commL .jcMain .jcList li .jcLinkTitle{margin-bottom: 5px;}
}



/*真实装修日记*/
.decoDiary{width: 100%;padding: 60px 0 48px;background: url(../temp/l_bgimg1.jpg) no-repeat center;background-size: cover;}
.decoDiaryMain .title .txt1{color: #f3f3f4;}
.decoDiaryMain .title .txt2{color: #cdcdcd;}
.diaryH{text-align: center;margin-top:32px;}
.diaryH a{display: inline-block;vertical-align: middle;height: 36px;line-height:36px;min-width:90px;padding: 0 16px;margin: 0 16px;background: #fff;font-size: 16px;color: #333;border-radius: 4px;}
.diaryH a.active,.diaryH a:hover{background: #1AA0E5;color: #fff;}
.diaryBI ul{margin: 42px -10px;}
.diaryBI li{float: left;padding: 0 10px;}
.diaryBI li a{display: block;position: relative;}
.diaryBI .diaryL{width: 41.8%;overflow: hidden;margin: -10px 0;}
.diaryBI .diaryL .diaryLI{padding: 10px 0;}
.diaryBI .diaryL .diaryLI:first-child{padding-top: 0;}
.diaryBI .diaryL .diaryLI:last-child{padding-bottom: 0;}
.diaryBI .diaryL .diaryLI:last-child a{display: block;width: 100%;height: 100%;}
.diaryBI .diaryL .diaryLI:last-child a img{width: 100%;}
.diaryBI .diaryL .diaryLI .reserve{display:inline-block;vertical-align:middle;padding: 0 28px;height: 40px;line-height: 40px;background: #fff;border-radius: 4px;text-align: center;font-size: 18px;color: #ff954f;position:absolute;left: 8%;bottom: 12.7%;transition: all .4s;}
.diaryBI .diaryL .diaryLI .reserve:hover{color: #1AA0E5;}
.diaryBI .diaryL .videoWrap{overflow: hidden;}
.video-js{width: 100%;height: 100%;}
.vjs-poster{background-size: cover;}
.video-js .vjs-big-play-button{width: 41px;height: 41px;line-height:41px;border-radius: 4px;background-color:rgba(0,0,0,0.5);border: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.video-js .vjs-big-play-button:hover{background: rgba(0,0,0,0.9);}

.diaryBI{display: none;}
.diaryBI.active{display: block;}
.diaryBI .diaryR{width: 58.2%;margin: -20px 0;}
.diaryR .diaryRI{padding: 10px 0;height: 33.33%;}
.diaryRIMain{background: #fff;height: 100%;padding: 25px 68px 0 30px;}
.diaryRIMain .diaryTitle{margin-bottom: 12px;}
.diaryRIMain .titleL{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-right: 15px;}
.diaryRIMain .titleL img{max-width: 100%;}
.diaryRIMain .titleR{width: 80%;}
.diaryRIMain .titleR .txt1{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.diaryRIMain .titleR .txt2{height: 22px;line-height:22px;padding-left: 2px;}
.diaryRIMain .titleR .txt2 span{display: inline-block;vertical-align: top;text-align: center;font-size: 14px;margin-right: 45px;}
.diaryRIMain .titleR .txt2 span:last-child{margin-right: 0;}
.diaryRIMain .titleR .txt2 .span1{width: 140px;border: 1px solid #1AA0E5;}
.diaryRIMain .titleR .txt2 .span1 em{display: inline-block;vertical-align: top;width: 50%;}
.diaryRIMain .titleR .txt2 .span1 .em1{color: #fff;background: #1AA0E5;}
.diaryRIMain .titleR .txt2 .span1 .em2{color: #1AA0E5;}
.diaryRIMain .titleR .txt2 .span2{color: #666;}
.diaryRIMain .diaryRText span{font-size: 14px;color: #666;line-height: 1.5;}
.diaryRIMain .diaryRText a{display: inline-block;font-size: 14px;color: #1AA0E5;}
@media only screen and (max-width: 1500px) {
  .diaryRIMain{padding-top: 20px;}
}
@media only screen and (max-width: 1366px) {
  .diaryH a{margin: 0 10px;}
  .diaryRIMain{padding-top: 15px;}
}
@media only screen and (max-width: 1280px) {
  .diaryH a{margin: 0 10px;}
  .diaryRIMain{padding-top: 15px;}
}

/*最全装修攻略*/
.completeRaider{padding: 55px 0 60px;}
.completeMain{margin-top: 40px;position: relative;padding: 0 10px;}
.completeCon{margin: 0 -10px;}
.completeCon .swiper-slide{padding: 10px;}
.completeCon .completeI{width: 100%;box-shadow: 0 0 10px 2px #e7e7e7;transition: all .4s;}
.completeCon .completeI:hover{box-shadow: 0 0 10px 2px #cfcfcf;}
.completeI .completeIH{width: 100%;position: relative;}
.completeI .completeIH:hover::after{background: rgba(0,0,0,0.5);}
.completeI .completeIH::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.2);transition: all .4s;}
.completeI .completeIH .img{position: relative;overflow: hidden;}
.completeI .completeIH .img img{width: 100%;height: 100%;}
.completeI .completeIH .icon{width: 100%;height: 50%;position: absolute;left: 0;top: 50%;z-index: 2;text-align: center;}
.completeI .completeIH .icon .txt1{width: 100%;height: 64%;position: relative;}
.completeI .completeIH .icon .txt1 img{max-height:100%;max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.completeI .completeIH .icon .txt2{height: 34%;font-size: 24px;color: #fff;margin-top: 2%;}
.completeI .text{padding: 15px 30px 12px 26px;background: #fff;}
.completeI .text a{display:block;line-height: 45px;font-size: 16px;color: #333;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.completeI .text a:hover{color: #1AA0E5;text-decoration: underline;}
.completeI .text .more{text-align: right;}
.completeI .text .more:hover{color: #1AA0E5;text-decoration: none;}
.completeMain .swiper-button-next, .completeMain .swiper-button-prev{width: 50px;height: 90px;transition: all .4s;}
.completeMain .swiper-button-prev{background: #1AA0E5 url(../img/l_prev1.png) no-repeat center;background-size: auto;left: 145px;}
.completeMain .swiper-button-next{background: #1AA0E5 url(../img/l_next1.png) no-repeat center;background-size: auto;right: 145px;}
.completeMain .swiper-button-prev.swiper-button-disabled{background: #c0c0c0 url(../img/l_prev1.png) no-repeat center;background-size: auto;opacity: 1;}
.completeMain .swiper-button-next.swiper-button-disabled{background: #c0c0c0 url(../img/l_next1.png) no-repeat center;background-size: auto;opacity: 1;}
.completeMain .swiper-button-next:focus, .completeMain .swiper-button-prev:focus{outline: none;}
@media only screen and (max-width: 1680px) {
  .completeMain .swiper-button-prev{left: 40px;}
  .completeMain .swiper-button-next{right: 40px;}
}
@media only screen and (max-width: 1600px) {
  .completeMain .swiper-button-prev{left: 20px;}
  .completeMain .swiper-button-next{right: 20px;}
}
@media only screen and (max-width: 1580px) {
  .completeMain .swiper-button-prev{left: 0;}
  .completeMain .swiper-button-next{right: 0;}
}
@media only screen and (max-width: 1500px) {
  .completeMain .swiper-button-prev{left: 20px;}
  .completeMain .swiper-button-next{right: 20px;}
}
@media only screen and (max-width: 1366px) {
  .completeI .text a{line-height: 36px;}
}

/*热门团装活动*/
.hotAct{padding:49px 0 34px;width: 100%;background: url(../temp/l_bgimg2.jpg) no-repeat center;background-size: cover;}
.hotAct .title .txt1{color: #fff;}
.hotAct .title .txt2{color: #c1c1c1;}
.hotActH{margin: 36px 0 24px;text-align: center;}
.hotActH a{display: inline-block;vertical-align: middle;padding: 0 40px;height: 46px;line-height: 46px;text-align: center;font-size: 20px;color: #222;background: #fff;border-radius: 4px;margin: 0 25px;transition: all .4s;}
.hotActH a.active,.hotActH a:hover{color: #fff;background: #1AA0E5;}
.hotActBI{display: none;}
.hotActBI.active{display: block;}
/*.hotActB .hotActItemH{padding:64px 0 58px;width: 100%;background: url(../temp/l_hotbg.jpg) no-repeat center;background-size: cover;}*/
.hotActItemH{position: relative;} /*2020.4.7修改3*/ 
.hotActItemH .itemHMain{width: 44%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);} /*2020.4.7修改3*/
.hotActItemH .itemHMain .hotActItemHL .txt1{font-size: 40px;color: #fff;}
.hotActItemH .itemHMain .hotActItemHL .txt2{font-size: 16px;color: #fff;}
.hotActItemH .itemHMain .hotActItemHL .txt3{height: 27px;line-height:27px;font-size: 24px;color: #1AA0E5;margin-top: 15px;}
.hotActItemH .itemHMain .hotActItemHL .txt3::after{content: '';display: inline-block;vertical-align:top;height: 100%;width: 21px;background: url(../img/l_hand.png) no-repeat center;background-size: 100%;margin-left: 10px;}
.hotActItemHR{width: 46.9%;}
.hotActItemHR .inputBox,.hotActItemHR .apply{position:relative;width: 100%;height: 40px;line-height: 40px;border-radius: 4px;background: #ffffff;margin-bottom: 6px;padding: 0 18px;}
.hotActItemHR .inputBox input{width: 86%;height: 100%;font-size: 14px;color: #222;}
.hotActItemHR .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #666;}
.hotActItemHR .inputBox input::-moz-placeholder{font-size: 14px;color: #666;}
.hotActItemHR .inputBox input::-ms-input-placeholder{font-size: 14px;color: #666;}
.hotActItemHR .inputBox input:-ms-input-placeholder{font-size: 14px;color: #666;}
.hotActItemHR .inputBox em{color: #666;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.hotActItemHR .apply{display: block;background: #1AA0E5;font-size: 16px;color: #fff;text-align: center;}
.hotActItemB ul{margin: 15px -10px 22px;}
.hotActItemB ul li{padding: 10px;float: left;width: 25%;}
.hotActItemB ul li a{display: block;border-radius: 4px;overflow: hidden;background: #fff;}
.hotActItemB ul li a .img{width: 100%;overflow: hidden;}
.hotActItemB ul li a:hover img{transform: scale(1.06);}
.hotActItemB ul li a .img img{width: 100%;transition: all .4s;}
.hotActItemB ul li a .text{padding: 24px 29px;}
.hotActItemB ul li a .text .txt1{font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotActItemB ul li a .text .txt2{font-size: 14px;color: #666;line-height: 1.8;margin: 18px 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hotActItemB ul li a .text .txt3{font-size: 16px;color: #666;height: 34px;line-height: 34px;}
.hotActItemB ul li a .text .txt3 em{color: #1AA0E5;}
.hotActItemB ul li a .text .txt3 .span2{display: block;width: 108px;height: 100%;text-align: center;font-size: 16px;color: #fff;background: #1AA0E5;border-radius: 4px;transition: all .4s;}
.hotActItemB ul li a .text .txt3 .span2:hover{background: #0A8ACC;}
@media only screen and (max-width: 1500px) {
  .hotActItemH .itemHMain{width: 50%;}
  .hotActItemB ul li a .text{padding: 24px 19px;}
  .hotActItemB ul li a .text .txt3 .span2{width: 100px;}
}
@media only screen and (max-width: 1366px) {
  .hotActItemH .itemHMain{width: 52%;}
  .hotActItemB ul li a .text .txt3 .span2{width: 80px;}
}
@media only screen and (max-width: 1280px) {
  .hotActItemB ul li a .text{padding: 15px 10px;}
  .hotActItemB ul li a .text .txt2{margin: 12px 0;}
}

/*合作品牌*/
/*.cooper{padding:150px 0 200px;width: 100%;background: url(../temp/l_bgimg3.jpg) no-repeat center;background-size: cover;}*/
.cooper{position: relative;}/*2020.4.7修改4*/
.cooperMain{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}/*2020.4.7修改4*/
.cooperH{color: #fff;}
.cooperH .txt1{font-size: 55px;margin-bottom: 30px;}
.cooperH .txt2{font-size: 24px;}
.cooperB{margin-top: 70px;width: 65.3%;}
.cooperB ul{margin: 0 -10px;}
.cooperB ul li{padding: 10px;float: left;width: 25%;}
.cooperB ul li a{display: flex;width: 100%;height: 100%;border-radius: 4px;overflow: hidden;justify-content: center;align-items: center;}
.cooperB ul li a:hover img{transform: scale(1.06);}
.cooperB ul li a img{width: 100%;transition: all .4s;}

/*弹窗*/
.indexPopupWrap{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.indexPopupWrap .filter{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;}
.indexPopup{width: 600px;height: 600px;background: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.indexPopup .close{cursor:pointer;width: 40px;height: 40px;background:url(../img/l_close1.png) no-repeat center;background-size:100%;position:absolute;right: -51px;top: -39px;}
.indexPopup .img{width: 100%;position: absolute;top: -90px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.indexPopup .img img{width: 100%;max-width: 100%;max-height: 100%;}
.indexPopup .content{width: 100%;height: 100%;text-align:center;position: absolute;top: 0;left: 0;padding: 88px 20px 0;}
.indexPopup .content .txt1{font-size: 30px;color: #333;margin-bottom: 25px}
.indexPopup .content .txt2{font-size: 24px;color: #333;margin-bottom: 30px;}
.indexPopup .content .txt2 em{color: #ef373d;font-weight: 600;}
.indexPopup .content h3{font-size: 20px;color: #f8a30d;margin: 30px 0 23px;}
.indexPopup .content p{font-size: 16px;color: #999;line-height: 1.5;}
.indexPopup .content .erweima{width: 118px;margin: 0 auto;}
.indexPopup .content .erweima img{width: 100%;}
.indexPopup .content .okBtn{display:block;width: 300px;height: 60px;line-height: 60px;border-radius: 4px;background: #1AA0E5;margin: 25px auto 0;font-size: 20px;color: #fff;}
@media only screen and (max-width: 1366px) {
  .indexPopup{width: 500px;height: 500px;}
  .indexPopup .content{padding: 50px 20px 0;}
  .indexPopup .content .txt1{margin-bottom: 15px}
  .indexPopup .content .txt2{margin-bottom: 20px}
  .indexPopup .content h3{margin: 20px 0 12px;}
  .indexPopup .content .okBtn{margin: 20px auto 0;}
}

/*****************登录*****************/
.login{width: 100%;position: relative;}
.login .img, .login .img img{width: 100%;}
.loginMain{width: 400px;padding: 15px 33px 24px;background: #fff;border-radius: 4px;overflow: hidden;position: absolute;top: 92px;right: 19.6%;}
.loginH{margin-bottom: 30px;}
.loginH li{border-bottom: 1px solid #d8d8d8;height: 42px;line-height: 42px;float: left;width: 50%;text-align: center;}
.loginH li.active a{font-weight: bold;border-bottom: 2px solid #1AA0E5;}
.loginH a{display:inline-block;vertical-align:top;height: 100%;font-size: 16px;color: #222;border-bottom: 2px solid transparent;}
.loginBI{display: none;}
.loginBI.active{display: block;}
.loginBI .loginBox{height: 38px;line-height: 38px;border: 1px solid #D8D8D8;border-radius: 4px;margin-bottom: 20px;padding: 0 10px;}
.loginBI .loginBox input{display:inline-block;vertical-align:top;width: 80%;height: 100%;font-size: 14px;color: #222;}
.loginBI .inputBox input{width: 86%;height: 100%;font-size: 14px;color: #222;}
.loginBI .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.loginBI .inputBox input::-moz-placeholder{font-size: 14px;color: #999;}
.loginBI .inputBox input::-ms-input-placeholder{font-size: 14px;color: #999;}
.loginBI .inputBox input:-ms-input-placeholder{font-size: 14px;color: #999;}
.loginBI .password{height: 14px;line-height:14px;margin-top: 16px;font-size: 14px;color: #666;}
.loginBI .password a{color: #666;transition: all .4s;}
.loginBI .password a:hover{color: #1AA0E5;}
.loginBI .password .psdL{height: 100%;cursor: pointer;}
.loginBI .password .psdL em{display: inline-block;vertical-align: top;height: 100%;width: 14px;background: url(../img/l_choose.png) no-repeat center;background-size: 100%;margin-right: 4px;}
.loginBI .password .psdL.active em{background: url(../img/l_choose_on.png) no-repeat center;background-size: 100%;}
.loginBI .loginBtn{margin:30px 0 15px;display:block;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;background: #1AA0E5;border-radius: 4px;transition: all .4s;}
.loginBI .loginBtn:hover{background: #0A8ACC;}
.loginBI p{font-size: 14px;color: #666;text-align: center;}
.loginBI p a{color: #1AA0E5;}
.loginSMS{margin-bottom: 54px;}
.loginSMS .verCode{position: relative;}
.loginSMS .verCode input{width: 60%;}
.loginSMS .verCode .yanzmas_bar{width:auto;font-size:14px;color:#009fe8;position: absolute;right: 9px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.LoginCom{margin-top: 20px;}
.LoginCom .fastLoginH{height: 20px;line-height:20px;position: relative;text-align: center;}
.LoginCom .fastLoginH::before{content: '';display: block;width: 100%;height: 1px;background: #D8D8D8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.LoginCom .fastLoginH span{display:inline-block;vertical-align:top;font-size: 14px;color: #444;padding: 0 15px;background: #fff;position: relative;z-index: 1;}
.fastLoginB{width: 100%;margin-top: 15px;}
.fastLoginB li{width: 33.33%;float: left;}
.fastLoginB li a{display: block;text-align: center;}
.fastLoginB li a .txt2{font-size: 14px;color: #666;margin-top: 3px;}
.fastLoginB li a .txt1{display:inline-block;vertical-align:middle;height: 32px;width: 32px;line-height:32px;font-size:16px;border-radius: 50%;overflow: hidden;color: #fff;}
.fastLoginB li a .txt1 i{font-size: 20px;}
.fastLoginB .icon1 a .txt1{background: #3fcf56;}
.fastLoginB .icon2 a .txt1{background: #f3604c;}
.fastLoginB .icon3 a .txt1{background: #1296db;}
.loginFoot{padding: 30px 0 25px;background: #363f47;}
.loginFoot .footBr{padding-top: 0;}
.loginFoot .footBr .erweima{margin-left: 20px;}
.loginFoot .footBr .erweima h2{margin-top: 15px;color: #bbb;} 
.loginFootLH{margin: 15px 0 25px;}
.loginFootLH a{font-size: 14px;color: #eee;margin-right: 20px;}
.loginFootL p{font-size: 14px;color: #888;margin-bottom: 10px}
@media only screen and (max-width: 1500px) {
  .loginMain{top: 40px;}
}
@media only screen and (max-width: 1366px) {
  .loginMain{width: 340px;padding: 10px 20px 15px;}
  .loginH{margin-bottom: 25px;}
  .loginBI .loginBox{margin-bottom: 15px;}
  .loginBI .loginBtn{margin: 25px 0 10px;}
  .LoginCom{margin-top: 15px;}
  .fastLoginB{margin-top: 10px;}
  .loginSMS{margin-bottom: 45px;}
}
@media only screen and (max-width: 1280px) {
  .loginMain{top: 25px;}
}

.registered .loginH li{width: 100%;border: 1px solid transparent;}
.registered .loginH li a{font-weight: bold;}
.loginBI.regiI{display: block;}
.registered .loginSMS{margin-bottom: 20px}
.registered .protocol{height: 14px;line-height: 14px;font-size: 12px;color: #999;}
.registered .protocol a{color: #666;}
.registered .protocol em{display: inline-block;vertical-align: top;height: 100%;width: 14px;background: url(../img/l_choose.png) no-repeat center;background-size: 100%;margin-right: 4px;}
.registered .protocol em.active{background: url(../img/l_choose_on.png) no-repeat center;background-size: 100%;}
.registered .regiLogin{margin-top: 25px;text-align: center;}
.registered .regiLogin a{font-size: 14px;color: #009fe8;}


/*****************案例1*****************/
.caseBanner{overflow: hidden;position: relative;}
.caseBanner .swiper-slide img{width: 100%;height: 100%;}
.bannerNav{width: 100%;position: absolute;top: 0;left: 0;z-index: 19;}
.bannerNav .w{height: 100%;}
.bannerNav ul{width: 24.3%;height: 100%;}
.bannerNav ul li{position:relative;height: 20%;background: #3a3c44;border-bottom: 1px solid #4f5058;border-top:1px solid #24262c;padding: 14px 19px 0 23px;}
.bannerNav ul li:hover{background: #fff;}
.bannerNav ul li:hover i{color: #fff;}
.bannerNav ul li:hover .bannerNavB a{color: #333;}
.bannerNav ul li:hover .moreNav{display: block;}
.bannerNav ul li i{position: absolute;top: 50%;right: 12px;font-size: 20px;color: #8d8e92;}
.bannerNav ul li:last-child{border-bottom: 0;}
.bannerNav ul li:first-child{border-top: 0;}
.bannerNav ul li .bannerNavH{font-size: 18px;color: #1AA0E5;margin-bottom: 5px;}
.bannerNav ul li .bannerNavB a{font-size: 14px;color: #fff;margin-right: 8px;transition: all .4s;}
.bannerNav ul li .bannerNavB a:last-child{margin-right: 0;}
.bannerNav ul li .bannerNavB a:hover{color: #1AA0E5;}
.bannerNav ul li .moreNav{display:none;height: 100%;width: 100%;position: absolute;left: 100%;top: 0;background: #fff;padding: 12px 20px 0;transition: all .4s;}
.bannerNav ul li .moreNav a{font-size: 14px;color: #333;margin-right: 8px;white-space: nowrap;line-height: 2;transition: all .4s;}
.bannerNav ul li .moreNav a:hover{color: #1AA0E5;}
@media only screen and (max-width: 1680px) {
  .bannerNav ul li{padding-top: 10px;}
  .bannerNav ul li .bannerNavH{margin-bottom: 2px;}
  .bannerNav ul li .moreNav{padding-top: 10px;}
  .bannerNav ul li .moreNav a{line-height: 1.8;}
}
@media only screen and (max-width: 1500px) {
  .bannerNav ul li{padding-top: 6px;}
  .bannerNav ul li .bannerNavH{font-size: 16px;}
  .bannerNav ul li .bannerNavB a{font-size: 12px;}
  .bannerNav ul li .moreNav{padding-top: 10px;}
  .bannerNav ul li .moreNav a{line-height: 1.8;font-size: 12px;}
}
@media only screen and (max-width: 1500px) {
  .bannerNav ul li{padding: 6px 10px 0 13px;}
  .bannerNav ul li i{right: 2px;}
}
@media only screen and (max-width: 1366px) {
  .bannerNav ul li .bannerNavB a{margin-right: 5px}
  .bannerNav ul li .bannerNavH{margin-bottom: 0;}
  .bannerNav ul li .moreNav a{line-height: 1.5;margin-right: 5px;}
}
@media only screen and (max-width: 1280px) {
  .bannerNav ul li .moreNav{padding-top: 9px;}
  .bannerNav ul{width: 26.5%;}
  
}

.atlas ul{margin: 32px -12px 18px;}
.atlas ul li{float: left;padding: 12px;width: 33.33%;}
.atlas ul li a{display: block;position: relative;}
.atlas ul li a img{width: 100%;}
.atlas ul li a::after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.25);position: absolute;top: 0;left: 0;transition: all .4s;}
.atlas ul li a:hover::after{background: rgba(0,0,0,0.5);}
.atlas ul li a .text{height: 100%;width: 100%;position:absolute;top:0;left:0;text-align: center;color: #fff;z-index: 9;padding-top: 39px;}
.atlas ul li a .text .txt1{font-size: 30px;margin-bottom: 4px;}
.atlas ul li a .text .txt2{font-size: 16px;}
@media only screen and (max-width: 1500px) {
  .atlas ul li a .text{padding-top: 30px;}
}
@media only screen and (max-width: 1366px) {
  .atlas ul li a .text .txt1{font-size: 26px;margin-bottom: 2px;}
}
@media only screen and (max-width: 1280px) {
  .atlas ul li a .text{padding-top: 25px;}
  .atlas ul li a .text .txt1{margin-bottom: 0;}
}

.caseStyle{border: 1px solid #eaeaea;}
.caseListH{width: 100%;line-height:30px;margin-bottom:15px;padding: 0 28px;}
.caseListH:last-child{margin-bottom: 0;}
.caseListH a{font-size: 14px;color: #666;margin: 0 16px;transition: all .4s;}
.caseListH .sort{min-width:0;font-size: 16px;color: #222;margin-right: 2%;font-weight: 600;}
.caseListH .sortItem{width: 88%;}
.caseListH .sortItem a{white-space: nowrap;}
.caseListH .sortItem a.active,.caseListH .sortItem a:hover{color: #1AA0E5;}
.caseListBI{margin: 10px -10px 0;}
.caseListBI .caseItem{padding: 10px;width: 25%;float: left;}
.caseListBI .caseItem a{display: block;width: 100%;height: 100%;background:#fff;border-radius:6px;box-shadow: 0 0 15px 1px #eee;padding: 10px 10px 0 10px;}
.caseListBI .caseItem a .caseItemH{width: 100%;position: relative;overflow: hidden;}
.caseListBI .caseItem a .caseItemH .img{width: 100%;overflow: hidden;}
.caseListBI .caseItem a .caseItemH .img img{width: 100%;transition: all .4s;}
.caseListBI .caseItem a .caseItemH .keep{display:none;width: 29.5%;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;transition: all .4s;}
.caseListBI .caseItem a .caseItemH .keep i{margin-right: 6px;}
.caseListBI .caseItem a .caseItemH .keep.active i{color: #ff732d;}
.caseListBI .caseItem a .caseItemH .money{display:none;width: 61.5%;height: 36px;line-height: 36px;text-align:center;background: #ff732d;position: absolute;bottom: 0;right: 0;font-size: 16px;color: #fff;transition: all .4s;}
.caseListBI .caseItem a:hover .caseItemH .img img{transform: scale(1.06);}
.caseListBI .caseItem a:hover .caseItemH .keep{display: block;}
.caseListBI .caseItem a:hover .caseItemH .money{display: block;}
.caseListBI .caseItem a .caseItemB{height: 54px;line-height: 54px;font-size: 16px;padding: 0 5px;}
.caseListBI .caseItem a .caseItemB .span1{color: #333;}
.caseListBI .caseItem a .caseItemB .span2{color: #888;}
.caseListB2 .caseListBI{margin-bottom: 0;}
@media only screen and (max-width: 1366px) {
  .caseListBI .caseItem a .caseItemH .keep,.caseListBI .caseItem a .caseItemH .money{font-size: 14px;height: 30px;line-height: 30px;}
  .caseListBI .caseItem a .caseItemH .money{width: 62%;}
  .caseListBI .caseItem a .caseItemB{font-size: 14px;height: 45px;line-height: 45px;}
}
@media only screen and (max-width: 1280px) {
  .caseListBI .caseItem a .caseItemH .money{width: 65%;}
  .caseListBI .caseItem a .caseItemH .keep{width: 28%;}
  .caseListBI .caseItem a .caseItemH .keep i{margin-right: 4px;}
}

/*****************案例内页1*****************/
.casead{margin: 20px auto 0;}
.caseStyle{padding: 18px 0;}
.caseStyle1{padding: 8px 0;}
.caseStyle .caseListH a{margin: 0;padding: 0 16px;line-height: 30px;border: 1px solid transparent;border-radius: 4px;}
.caseStyle .caseListH a.active{border: 1px solid #1AA0E5;}
.caseStyMg{margin: 20px auto;}
.caseInner .caseListBI{margin-bottom: 60px;}


/*****************案例2*****************/
.caseInnerWrap{padding-bottom: 66px;}
.caseInnerL{width: 75%;margin-top: 20px;}
.caseInnerL2{width: 80.5%;margin-top: 20px;}
.caseImgWrap{background: #fff;padding: 0 30px 18px;}
.caseImgWrap .breadCrumb{height: 50px;line-height: 50px;}
.caseImgWrap .breadCrumb .position h1{display: inline;}
.caseImgWrap .breadCrumb .position a,.caseImgWrap .breadCrumb .position em{font-size: 14px;color: #666;transition: all .4s;}
.caseImgWrap .breadCrumb .position a:hover{color: #1AA0E5;}
.caseImgWrap .breadCrumb .position a:last-child{color: #222;}
.caseImgWrap .breadCrumb .position a:last-child:hover{color: #222;}
.caseImgWrap .breadCrumb .share{font-size: 14px;color: #444;transition: all .4s;}
.caseImgWrap .breadCrumb .share i{margin-right: 8px;display: inline-block;vertical-align: middle;}
.caseImgWrap .breadCrumb .share:hover{color: #1AA0E5;}
.caseImgWrap .bigImgBox{width: 100%;border: 1px solid #e5e5e5;position: relative;}
.caseImgWrap .bigImgBox .shoucang{width: 80px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;position: absolute;right: 0;top: 0;background: #7f7f7f;text-align: center;}
.caseImgWrap .bigImgBox .shoucang i{margin-right: 7px;}
.caseImgWrap .bigImgBox .shoucang.active i{color: #ff732d;;}
.caseImgWrap .bigImgBox .howMuch{display:block;height: 200px;position: absolute;right: 10%;bottom:20px;z-index: 99 !important;}
.caseImgWrap .bigImgBox .howMuch .text{width: 34px;height: 100%;text-align: center;border: 1px solid #2dbdff;font-size: 14px;color: #2dbdff;padding: 5px 8px;line-height: 1.2;position: relative;background: #fff;}
.caseImgWrap .bigImgBox .howMuch .text i{font-size: 28px;position: absolute;bottom: 0;left: 2px;}
.caseImgWrap .bigImgBox .howMuch .img{width: 44px;height: 99px;position: absolute;left: 34px;bottom: 0;}
.caseImgWrap .bigImgBox .bigImg{width: 70%;height: 100%;margin: 0 auto;}
.caseImgWrap .imgInfo{width: 75%;margin: 18px 0 12px;font-size: 12px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caseImgWrap .imgLabel{margin-bottom: 18px;}
.caseImgWrap .imgLabel a{display: inline-block;vertical-align: top;min-width: 80px;height: 40px;line-height: 40px;text-align: center;background: #f8f8f8;font-size: 16px;color: #666;margin-right: 8px;padding: 0 13px;}
.caseImgWrap .imgLabel a:last-child{margin-right: 0;}
.caseImgWrap .smallImgBox{padding: 0 45px;width: 100%;height: 84px;position: relative;}
.caseImgWrap .smallImgBox .swiper-button-next,.caseImgWrap .smallImgBox .swiper-button-prev{width: 17px;height: 30px;}
.caseImgWrap .smallImgBox .swiper-button-next:focus,.caseImgWrap .smallImgBox .swiper-button-prev:focus{outline: 0;}
.caseImgWrap .smallImgBox .swiper-button-next{background: url(../img/l_btnnext1.png) no-repeat center;background-size: 100%;}
.caseImgWrap .smallImgBox .swiper-button-prev{background: url(../img/l_btnprev1.png) no-repeat center;background-size: 100%;}
#bigImg,#bigImg .swiper-wrapper,#bigImg .swiper-slide{width: 100%;height: 100%;}
#bigImg .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
#bigImg .swiper-slide a .img{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
#bigImg .swiper-slide a img{width: 100%;max-height: 100%;max-width: 100%}
#bigImg .swiper-slide a em{position: absolute;top: 50%;left: 50%;margin-top:-50px;margin-left:-50px;font-size: 100px;color: #fff;}
#smallImg{width: 100%;height: 100%;}
#smallImg .swiper-wrapper{width: 100%;height: 100%;}
#smallImg .swiper-slide{height: 100%;border: 2px solid #eee;}
#smallImg .swiper-slide-active{border: 2px solid #26a3fc;}
#smallImg .swiper-slide a{display: block;height: 100%;position: relative;}
#smallImg .swiper-slide a .img{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
#smallImg .swiper-slide a img{width: 100%;max-width: 100%;max-height: 100%;}
#smallImg .swiper-slide a em{display: block;width: 40px;height: 18px;line-height: 18px;text-align: center;font-size: 12px;color: #fff;background: rgba(0,0,0,0.5);border-radius: 50px;position: absolute;bottom: 2px;right: 4px;opacity: 1;transition: all .4s;}
#smallImg .swiper-slide a .imgHover{width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: rgba(0,0,0,0.4);padding: 10px 5px 0;text-align: center;font-size: 12px;color: #fff;transition: all .4s;}
#smallImg .swiper-slide a .imgHover .txt1{margin-bottom: 3px;}
#smallImg .swiper-slide a .imgHover .txt2{line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#smallImg .swiper-slide a:hover em{opacity: 0;}
#smallImg .swiper-slide a:hover .imgHover{top: 0;}

.youLike{background: #fff;margin-top: 20px;padding: 25px 25px 40px;}
.youLike .title{font-size: 20px;color: #222;text-align: left;margin-bottom: 30px;}
.youLike .caseListBI{margin: 10px -5px 0;}
.youLike .caseListBI .caseItem{padding: 5px;}

.caseInnerR{width: 25%;padding-left: 20px;}
.caseInnerR2{width: 19.5%;padding-left: 20px;}
.rCom{margin-top: 20px;background: #fff;}
.caseBudget{padding: 25px 20px 27px;}
.caseBudget .txt1{font-size: 24px;color: #ff5153;font-weight: bold;text-align: center;}
.caseBudget .txt2{height: 18px;line-height: 18px;text-align: center;position: relative;margin: 10px 0;}
.caseBudget .txt2::after{content: '';display: block;width: 100%;height: 1px;background: #bababa;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.caseBudget .txt2 span{display:inline-block;vertical-align:top;height: 100%;padding: 0 9px;font-size: 16px;color: #222;background: #fff;position: relative;z-index: 1;}
.caseBudget .sumNum{width: 100%;height: 59px;line-height: 51px;border: 4px solid #999893;background: #e8e8e8;font-size: 14px;color: #020001;text-align: right;border-radius: 4px;}
.caseBudget .sumNum em{font-size: 34px;font-family: mFont;margin-right: 10px;}
.caseBudget form .inputBox{width: 100%;height: 34px;line-height: 34px;border: 1px solid #ccc;border-radius: 4px;padding: 0 15px;margin-top: 10px;}
.caseBudget form .inputBox input{display: inline-block;vertical-align: top;height: 100%;width: 100%;font-size: 12px;color: #333;}
.caseBudget form .inputBox input::-webkit-input-placeholder{font-size: 12px;color: #666;}
.caseBudget form .inputBox input::-moz-placeholder{font-size: 12px;color: #666;}
.caseBudget form .inputBox input::-ms-input-placeholder{font-size: 12px;color: #666;}
.caseBudget form .inputBox input:-ms-input-placeholder{font-size: 12px;color: #666;}
.caseBudget form .freeGet{width: 100%;height: 38px;line-height: 38px;font-size: 14px;color: #fff;background: #ff5153;border-radius: 4px;margin-top: 19px;}
.caseBudget .city-picker-selector{margin: 10px 0;}
.caseBudget .city-picker-selector .selector-item{width: 31.33%;margin-left: 3%;background: #fff;border: 1px solid #ccc;padding: 0 15px;}
.caseBudget .city-picker-selector .selector-item:first-child{margin-left: 0;}
.caseBudget .city-picker-selector .selector-name{height: 100%;text-indent: 0;font-size: 12px;}
.caseBudget .city-picker-selector .selector-name.df-color{color: #666;}
.caseBudget .city-picker-selector .selector-item:after{border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;}
.huWrap{cursor:pointer;height: 30px;padding: 0 15px 0 10px;line-height: 30px;border: 1px solid #e6e6e6;position: relative;}
.huWrap::after{content:'';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;position: absolute;right: 6px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.huWrap .cont{height: 100%;font-size: 16px; color: #747474;}
.huWrap .cont span{display:inline-block;vertical-align:top;height: 100%;float: left; margin-left: 8px;font-size: 12px;color: #666;}
.huWrap .cont span:first-child{margin-left: 0;}
.huWrap .huDown{display: none;position: absolute;top: 100%;left: 0;width: 100%;box-sizing: border-box;padding: 6px 6px 2px;background: #fff;border: 1px solid #ccc;z-index: 2;}
.huWrap .huDown .huDownW{float: left;width: 18.4%;margin-left: 2%;text-align: center;}
.huWrap .huDown .huDownW:first-child{margin-left: 0;}
.huWrap .huDown .huDownW span{display: block;height: 22px;margin-bottom: 6px;line-height: 22px;font-size: 12px;color: #666;background: #f4f4f4;border-radius: 3px;cursor: pointer;}
.huWrap .huDown .huDownW span.on{color: #fff;background: #1AA0E5;}

.caInItem1{padding: 24px 20px 22px;}
.caInItem1 .title{width: 100%;}
.caInItem1 .title .img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.caInItem1 .title .img img{max-height: 100%;max-width: 100%;}
.caInItem1 .title .text{width: 60%;margin-top: 15px;}
.caInItem1 .title .text .txt1{width: 100%;height: 20px;line-height: 20px;text-align: left;font-weight:600;}
.caInItem1 .title .text .txt1 span{display: inline-block;vertical-align: top;height: 100%;max-width: 80%;font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caInItem1 .title .text .txt1 i{display: inline-block;vertical-align: top;height: 100%;width: 18px;background: url(../img/l_renzheng.png) no-repeat center 70%;background-size: 100%;margin-left: 8px;}
.caInItem1 .title .text .atten{display:block;border-radius:4px;width: 60px;height: 22px;line-height: 22px;text-align: center;font-size: 14px;color: #fff;background: #2dbdff;margin-top: 10px;transition: all .4s;}
.caInItem1 .title .text .atten:hover{background: #009FE8;}
.caInItem1 .article{margin: 15px 0 5px;}
.caInItem1 .article a{display:inline-block;vertical-align:top;font-size: 14px;color: #222;margin: 0 8px 10px 0;white-space: nowrap;}
.caInItem1 .article a i{color: #ff3f41;}
.caInItem1 .article a:last-child{margin-right: 0;}
.caInItem1 .firmInfo{font-size: 14px;color: #666;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.caInItem1 .serve{margin: 10px 0;}
.caInItem1 .serve span{display: inline-block;vertical-align: middle;width: 60px;height: 22px;line-height: 22px;border: 1px solid #26a3fc;font-size: 12px;color: #26a3fc;text-align: center;margin-right: 6px;}
.caInItem1 .serve span:last-child{margin-right: 0;}
.caInItem1 .reserveWrap{border-top: 1px solid #f0f0f0;padding-top: 20px;text-align: left;}
.caInItem1 .reserveWrap .phone,.caInItem1 .reserveWrap .address{width: 85%;line-height: 20px;margin: 0 auto;}
.caInItem1 .reserveWrap .phone{padding-bottom: 6px;}
.caInItem1 .reserveWrap .phone em{display:inline-block;vertical-align:top;font-size: 16px;color: #222;margin-right: 12px;}
.caInItem1 .reserveWrap .phone em:last-child{margin-right: 0;}
.caInItem1 .reserveWrap .phone i,.caInItem1 .reserveWrap .address i{color: #ff6f21;margin-right: 8px;font-size: 20px;}
.caInItem1 .reserveWrap .address{font-size: 14px;color: #666;}
.caInItem1 .reserveWrap .reserveBtn{margin-top: 15px;}
.caInItem1 .reserveWrap .reserveBtn a{display: block;width: 46.6%;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: #2dbdff;border-radius: 4px;transition: all .4s;}
.caInItem1 .reserveWrap .reserveBtn a:hover{background: #009FE8;}
.caInItem2{width: 100%;margin-top: 20px;}
.caInItem2 a{display: block;width: 100%;height: 100%;}
.caInItem2 a img{width: 100%;}
.caInItem3{padding: 23px 20px 18px;}
.caInItem3 .title .left{font-size: 18px;font-weight: 600;}
.caInItem3 .title .right{font-size: 16px;color: #666;transition: all .4s;}
.caInItem3 .title .right{display:block;font-size: 16px;color: #666;transition: all .4s;}
.caInItem3 .title .right:hover{color: #1AA0E5;}
.caInItem3 .hotImg{margin:15px -5px 0;}
.caInItem3 .hotImg li{float: left;padding: 5px;width: 33.33%;}
.caInItem3 .hotImg li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.caInItem3 .hotImg li a img{width: 100%;height: 100%;transition: all .4s;}
.caInItem3 .hotLabel{margin-top: 20px;}
.caInItem3 .hotLabel li{float: left;}
.caInItem3 .hotLabel li a{display: inline-block;vertical-align: middle;padding: 0 10px;line-height: 30px;font-size:14px;color:#666;border: 1px solid #ddd;border-radius: 4px;margin:0 10px 10px 0;white-space: nowrap;}
.caInItem3 .hotLabel li a.active,.caInItem3 .hotLabel li a:hover{border: 1px solid #2dbdff;color: #2dbdff;}
@media only screen and (max-width: 1680px) {
  .caseInnerL2{width: 78.5%;}
  .caseInnerR2{width: 21.5%;}
  .caInItem1 .article a{margin: 0 5px 10px 0;}
}
@media only screen and (max-width: 1500px) {
  .caseBudget .txt1{font-size: 24px;}
  .caseBudget .txt2 span{font-size: 14px;}
}
@media only screen and (max-width: 1440px) {
  .caseInnerL2{width: 77.5%;}
  .caseInnerR2{width: 22.5%;}
}
@media only screen and (max-width: 1366px) {
  .caseInnerL2{width: 75.5%;}
  .caseInnerR2{width: 24.5%;}
  .caseBudget .txt1{font-size: 20px;}
  .caseBudget h2 span{padding: 0 5px;}
  .caInItem1 .reserveWrap .phone, .caInItem1 .reserveWrap .address{width: 90%;}
  .caInItem1 .title .img{margin-right: 6px;}
  .caseBudget .txt2 span{padding: 0 2px;}
}


/*****************装修服务商*****************/
.serMerchant{width: 100%;background: #3f465d;padding-bottom: 50px;}
.serMerPos{padding: 25px 0 20px;}
.serMerPos h1{display: inline;}
.serMerPos a,.serMerPos em{font-size: 14px;color: #fff;transition: all .4s;}
.serMerPos a:hover{color: #1AA0E5;}
.serMerPos a:last-child:hover{color: #fff;}
.serMerBanner{width: 100%;}
.serMerBanner a{display: block;width: 100%;}
.serMerBanner a img{width: 100%;}
.serMerAd{padding: 40px;background: #fff;margin: 30px 0 20px}
.serMerL{width: 44.2%;}
.serMerL .serMerLH{width: 100%;}
.serMerL .serMerLH .serMerLogo{width: 33.33%;height: 150px;display: flex;justify-content: center;align-items: center;}
.serMerL .serMerLH .serMerLogo img{max-width: 100%;max-height: 100%;}
.serMerL .serMerLH .serMerName{width: 63%;}
.serMerName .serMerNameH .txt1{height: 40px;line-height: 40px;position: relative;}
.serMerName .serMerNameH .txt1 span{display:block;height: 100%;max-width: 80%;}
.serMerName .serMerNameH .txt1 span em{float:left;display:inline-block;height: 100%;max-width: 90%;font-size: 30px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serMerName .serMerNameH .txt1 span i{float:left;display: inline-block;vertical-align: top;height: 100%;width: 18px;background: url(../img/l_renzheng.png) no-repeat center 70%;background-size: 100%;margin-left: 8px;}
.serMerName .serMerNameH .txt1 h1{display:block;height: 100%;max-width: 80%;}
.serMerName .serMerNameH .txt1 h1 em{float:left;display:inline-block;height: 100%;max-width: 90%;font-size: 30px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serMerName .serMerNameH .txt1 h1 i{float:left;display: inline-block;vertical-align: top;height: 100%;width: 18px;background: url(../img/l_renzheng.png) no-repeat center 70%;background-size: 100%;margin-left: 8px;}

.serMerName .serMerNameH .attention{display: inline-block;vertical-align: middle;padding: 0 12px;height: 22px;line-height: 22px;background: #28eaa7;border-radius: 4px;font-size: 14px;color: #fff;position: absolute;right: 0;top: 12px;}
.serMerName .serMerNameH h2{margin-top: 10px;}
.serMerName .serMerNameH h2 span{display: inline-block;vertical-align: middle;padding: 0 5px;height: 20px;line-height: 20px;font-size: 12px;color: #26a3fc;border: 1px solid #2dbdff;margin-right: 5px;}
.serMerName .serMerNameB{margin-top: 30px;}
.serMerName .serMerNameB ul li{float: left;width: 25%;color: #333;text-align: center;}
.serMerName .serMerNameB ul li .txt1{font-size: 24px;font-weight: bold;}
.serMerName .serMerNameB ul li .txt2{font-size: 14px;}
.serMerInfo{margin: 20px 0;font-size: 14px;color: #666;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.serMerPhone,.serMerLocal{font-size: 16px;color: #333;margin-bottom: 8px;}
.serMerPhone em{font-size: 24px;color: #333;font-weight: bold;margin-right: 8px;}
.serMerPhone i{font-size: 20px;color: #ff5c00;margin-right: 10px;}
.serMerLocal i{font-size: 18px;color: #ff5c00;margin-right: 10px;}
.serMerReser{margin-top: 28px;}
.serMerReser a{display: inline-block;vertical-align: middle;padding: 0 45px;line-height: 50px;font-size: 20px;color: #fff;border-radius: 4px;background: #1dbcff;margin-right: 30px;transition: all .4s;transition: all .4s;}
.serMerReser a:hover{background: #009FE8;}
.serMerReser a:last-child{margin-right: 0;background: #ff9932;}
.serMerReser a:last-child:hover{background: #fb8720;}

.serMerR{width: 52.9%;}
.serMerR img{width: 100%;}
.serMerR .swiper-pagination-bullet{background: #fff;opacity: 1;}
.serMerR .swiper-pagination-bullet-active{background: #1dbcff;}
.serMerR .swiper-button-next, .serMerR .swiper-button-prev{width: 44px;height: 45px;transition: all .4s;}
.serMerR .swiper-button-next{background: url(../img/l_arrow5.png) no-repeat center;background-size: 100%;right: 20px;}
.serMerR .swiper-button-prev{background: url(../img/l_arrow6.png) no-repeat center;background-size: 100%;left: 20px;}
.serMerR .swiper-button-next:hover{background: url(../img/l_arrow5_on.png) no-repeat center;background-size: 100%;}
.serMerR .swiper-button-prev:hover{background: url(../img/l_arrow6_on.png) no-repeat center;background-size: 100%;}

.serMerDes{margin: 0 0 20px;}
.serMerDes li{float: left;}
.serMerDesL{width: 75%;}
.serMerDesLCon{width: 100%;height: 100%;padding:53px 0 0 174px;background: url(../temp/l_shejibg.jpg) no-repeat center;background-size: cover;}
.serMerDesLCon .txt1{font-size: 36px;color: #333;}
.serMerDesLCon .txt1 em{color: #f88744;}
.serMerDesLCon .txt2{font-size: 16px;color: #666;margin: 12px 0 29px;}
.serMerDesLCon .serMerDesApply .inputBox{width: 438px;height: 46px;line-height: 46px;padding: 0 14px;border: 1px solid #ccc;background: #fff;margin-right: 10px}
.serMerDesLCon .serMerDesApply .inputBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;font-size: 16px;color: #333;}
.serMerDesLCon .serMerDesApply .inputBox input::-webkit-input-placeholder{font-size: 16px;color: #999;}
.serMerDesLCon .serMerDesApply .inputBox input::-moz-placeholder{font-size: 16px;color: #999;}
.serMerDesLCon .serMerDesApply .inputBox input::-ms-input-placeholder{font-size: 16px;color: #999;}
.serMerDesLCon .serMerDesApply .inputBox input:-ms-input-placeholder{font-size: 16px;color: #999;}
.serMerDesLCon .serMerDesApply .applyBtn{display:inline-block;width: 140px;height: 46px;line-height: 46px;text-align: center;border-radius: 5px;background: #dd0000;font-size: 16px;color: #fff;transition: all .4s;}
.serMerDesLCon .serMerDesApply .applyBtn:hover{background: #c70611;}
.serMerDesR{width: 25%;padding-left: 20px;}
.serMerDesRCon{width: 100%;background: #ffe382;padding: 18px 20px 16px;}
.serMerDesRCon .txt1{font-size: 28px;color: #222;font-style: oblique;text-align: center;margin-bottom: 12px;font-weight: 600;}
.serMerDesRCon .txt1 em{font-size: 28px;color: #f1311b;}
.serMerDesRCon .txt2{font-size: 16px;color: #444;text-align: center;margin-bottom: 18px;}
.serMerDesRCon .txt2 em{color: #f1311b;font-weight: 600;margin: 0 5px;}
.serMerDesRCon .city-picker-selector{margin-bottom: 10px;}
.serMerDesRCon .city-picker-selector .selector-item{width: 31.33%;margin-left: 3%;background: #fff;border: 1px solid #e5e5e5;padding: 0 15px;}
.serMerDesRCon .city-picker-selector .selector-item:first-child{margin-left: 0;}
.serMerDesRCon .city-picker-selector .selector-name{height: 100%;text-indent: 0;font-size: 12px;}
.serMerDesRCon .city-picker-selector .selector-name.df-color{color: #666;}
.serMerDesRCon .city-picker-selector .selector-item:after{border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;}
.serMerDesRCon .inputBox{width: 100%;height: 36px;line-height: 36px;border: 1px solid #E5E5E5;border-radius: 5px;margin-bottom: 10px;background: #fff;padding: 0 15px;}
.serMerDesRCon .inputBox input{display:inline-block;vertical-align:top;width: 100%;height: 100%;font-size: 12px;color: #333;}
.serMerDesRCon .inputBox input::-webkit-input-placeholder{font-size: 12px;color: #666;}
.serMerDesRCon .inputBox input::-moz-placeholder{font-size: 12px;color: #666;}
.serMerDesRCon .inputBox input::-ms-input-placeholder{font-size: 12px;color: #666;}
.serMerDesRCon .inputBox input:-ms-input-placeholder{font-size: 12px;color: #666;}
.serMerDesRCon .designBtn{display:block;width: 100%;height: 38px;line-height: 38px;text-align: center;background: #ff4f4e;border-radius: 5px;font-size: 14px;color: #fff;transition: all .4s;}
.serMerDesRCon .designBtn:hover{background: #fd3739;}

.serMerCase{background: #fff;padding: 8px 20px 17px;}
.serMerCaseH{height: 42px;line-height: 42px;border-bottom: 1px solid #eee;}
.serMerCaseH .left{font-size: 18px;color: #333;font-weight:bold;max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serMerCaseH .rightMore{font-size: 14px;color: #666;transition: all .4s;}
.serMerCaseH .rightMore:hover{color: #1AA0E5;}
.serMerCaseB{margin: 10px -10px 0;}
.serMerCaseB li{float: left;padding: 10px;width: 20%;}
.serMerCaseB li a{display: block;width: 100%;height: 100%;border: 1px solid #eaeaea;}
.serMerCaseB li a .caseItemH{width: 100%;position: relative;}
.serMerCaseB li a .caseItemH .img{width: 100%;overflow: hidden;}
.serMerCaseB li a .caseItemH .img img{width: 100%;transition: all .4s;}
.serMerCaseB li a .caseItemH .keep{display:none;width: 29.5%;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;transition: all .4s;}
.serMerCaseB li a .caseItemH .keep i{margin-right: 6px;}
.serMerCaseB li a .caseItemH .keep.active i{color: #ff732d;}
.serMerCaseB li a .caseItemH .money{display:none;width: 61.5%;height: 36px;line-height: 36px;text-align:center;background: #ff732d;position: absolute;bottom: 0;right: 0;font-size: 14px;color: #fff;transition: all .4s;}
.serMerCaseB li a:hover .caseItemH .img img{transform: scale(1.06);}
.serMerCaseB li a:hover .caseItemH .keep{display: block;}
.serMerCaseB li a:hover .caseItemH .money{display: block;}
.serMerCaseB li a:hover .caseItemB .span1{color: #1AA0E5;}
.serMerCaseB li a .caseItemB{height: 36px;line-height: 36px;font-size: 14px;padding: 0 5px;}
.serMerCaseB li a .caseItemB .span1{color: #333;transition: all .4s;}
.serMerCaseB li a .caseItemB .span2{color: #888;}

.serMerSum{margin: 20px 0;}
.serMerSumL{width: 75%;}
.serMerSumL .sum1,.serMerSumL .sum2,.serMerSumR .sum3,.merTeam,.merShop{width: 100%;background: #fff;padding: 8px 20px 20px;}
.serMerSumL .sum1B{margin-top: 20px;}
.serMerSumL .sum1BL{display:block;width: 47.7%;position: relative;overflow: hidden;}
.serMerSumL .sum1BL:hover p{bottom: 0;}
.serMerSumL .sum1BL img{width: 100%;}
.serMerSumL .sum1BL p{width: 100%;width: 100%;height: 55px;line-height: 55px;background: rgba(0,0,0,0.4);position: absolute;bottom: -55px;left: 0;font-size: 18px;color: #fff;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.serMerSumL .sum1BR{width: 50%;padding: 0 10px;margin: 0 -10px;}
.serMerSumL .sum1BR li{height: 33.33%;padding: 10px 0;}
.serMerSumL .sum1BR li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.serMerSumL .sum1BR li a:hover img{transform: scale(1.06);}
.serMerSumL .sum1BR li a:hover .text .txt1{color: #1AA0E5;}
.serMerSumL .sum1BR li a .img{width: 29.4%;overflow: hidden;}
.serMerSumL .sum1BR li a .img img{width: 100%;transition: all .4s}
.serMerSumL .sum1BR li a .text{width: 68%;padding-top: 9px;}
.serMerSumL .sum1BR li a .text .txt1{font-size: 18px;color: #222;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all .4s;}
.serMerSumL .sum1BR li a .text .txt2{font-size: 12px;color: #a8a8a8;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.serMerSumL .sum2{margin-top: 20px;padding: 8px 20px 12px;}
.serMerSumL .sum2 .diaryR{margin-top: 10px;}
.serMerSumL .sum2 .diaryRIMain{background: #f2f4f6;padding: 30px;}

.serMerSumR{width: 25%;padding-left: 20px;}
.serMerSumR .sum3{width: 100%;background: #fff;}
.serMerSumR .sum3 ul li{width: 100%;margin-top: 10px;border: 1px solid #f0f0f0;}
.serMerSumR .sum3 ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.serMerSumR .sum3 ul li a .img,.serMerSumR .sum3 ul li a .img img{width: 100%;transition: all .4s;}
.serMerSumR .sum3 ul li a .text{height: 40px;line-height: 40px;font-size: 16px;color: #40444d;padding: 0 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.serMerSumR .sum3 ul li a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.serMerSumR .sum3 ul li a:hover .text{color: #1AA0E5;}

.merTeam ul{margin: 12px -6px 0;}
.merTeam ul li{float: left;width: 16.66%;padding: 0 6px;}
.merTeam ul li a{display: block;width: 100%;height: 100%;background: #f3f3f3;border-radius: 6px;overflow: hidden;}
.merTeam ul li a .img{overflow: hidden;}
.merTeam ul li a .img img{width: 100%;transition: all .4s;}
.merTeam ul li a .text{padding: 15px 10px;text-align: center;}
.merTeam ul li a .text .txt1,.merTeam ul li a .text .txt2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.merTeam ul li a .text .txt1{font-size: 16px;color: #333;margin-bottom: 8px;}
.merTeam ul li a .text .txt2{font-size: 12px;color: #666;}
.merTeam ul li a .text .txt3{font-size: 14px;color: #fff;width: 100px;height: 26px;line-height: 26px;border-radius: 4px;margin: 10px auto 0;background: #009fe8;transition: all .4s;}
.merTeam ul li a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.merTeam ul li a .text .txt3:hover{background: #0A8ACC;}

.merShop{margin-top: 20px;padding: 8px 20px 25px;}
.merShop ul{margin: 22px -11px 0;}
.merShop ul li{float: left;width: 20%;padding: 0 11px;}
.merShop ul li a{background: #fff;box-shadow: 0 0 15px 2px #f4f4f4;}
.merShop ul li a .text{text-align: left;padding: 20px 15px 25px;}
.merShop ul li a .text .p1{font-size: 20px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.merShop ul li a .text .p2{margin: 14px 0 20px;}
.merShop ul li a .text .p2 em{font-size: 14px;color: #666;margin-right: 10px;}
.merShop ul li a .text .p2 em:last-child{margin-right: 0;}
.merShop ul li a .text .p3{font-size: 14px;color: #666;}
.merShop ul li a .text .p3 i{font-size: 20px;color: #f72828;margin-left: 7px;}

/*优惠券*/
.couponAd{display:block;width: 237px;height: 253px;background: url(../temp/l_quan.png) no-repeat center;background-size: 100%;position:fixed;left: 39px;top: 45%;margin-top: -126.5px;}
.couponAd .price{width: 100%;height: 80px;line-height: 80px;text-align: center;font-size: 36px;color: #fc3b42;position: absolute;top: 43px;left: 0;}
.couponAd .price em{font-size: 72px;font-weight: bolder;}

/*优惠券弹窗*/
.quanPopupWrap{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.quanPopupWrap .filter{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;}
.quanPopup .close{cursor:pointer;width: 40px;height: 40px;background:url(../img/l_close1.png) no-repeat center;background-size:100%;position:absolute;right: -63px;top: -20px;}
.quanPopup{width: 504px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.quanPopup .quanPopupH{margin-bottom: -5px;}
.quanPopup .quanPopupH img{max-width: 100%;}
.quanPopup .quanPopupB{width: 100%;background: #fd3b42;padding: 20px 40px 30px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.quanPopup .quanPopupB .title{font-size:26px;background:linear-gradient(to bottom, #fef8d4, #feef9e);-webkit-background-clip: text;color: transparent;font-weight: 600;letter-spacing: 5px;margin-bottom: 10px;}
.quanPopup .quanPopupB .quanMoney{margin-bottom:15px;width: 100%;height: 130px;background: url(../img/l_quan_bg.png) no-repeat center;background-size: 100%;}
.quanPopup .quanPopupB .quanMoney .left{width: 68%;height: 100%;padding: 0 10px;}
.quanPopup .quanPopupB .quanMoney .left .leftH{height: 59px;line-height: 59px;}
.quanPopup .quanPopupB .quanMoney .left .leftMoney{font-size: 42px;color: #fc3b42;font-weight: 600;margin-right: 18px;}
.quanPopup .quanPopupB .quanMoney .left .leftMoney i{font-size: 26px;color: #fc3b42;font-weight: 600;}
.quanPopup .quanPopupB .quanMoney .left .leftInfo{font-size: 20px;color: #fc3b42;}
.quanPopup .quanPopupB .quanMoney .left .leftB{font-size: 20px;color: #999;margin-top: 8px;}
.quanPopup .quanPopupB .quanMoney .right{width: 32%;height: 100%;padding: 0 24px;text-align: center;font-size: 20px;color: #565656;line-height: 1.5;}
.quanPopup .formWrap{width: 100%;}
.quanPopup .city-picker-selector{margin-bottom: 10px;}
.quanPopup .city-picker-selector .selector-item{width: 31.33%;height: 40px;line-height:40px;margin-left: 3%;background: #e12c31;padding: 0 15px;border: 0;}
.quanPopup .city-picker-selector .selector-item:first-child{margin-left: 0;}
.quanPopup .city-picker-selector .selector-name{height: 100%;text-indent: 0;font-size: 16px;color: #fff;}
.quanPopup .city-picker-selector .selector-name.df-color{color: #fff;}
.quanPopup .city-picker-selector .selector-name:hover{background: #e12c31;}
.quanPopup .city-picker-selector .selector-item:after{border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #fff;top: 18px;right: 10px;}
.quanPopup .city-picker-selector .selector-list{top: 40px;}
.quanPopup .inputBox{width: 100%;height: 40px;line-height:40px;border-radius: 5px;margin-bottom: 10px;background: #e12c31;padding: 0 15px;}
.quanPopup .inputBox input{display:inline-block;vertical-align:top;width: 100%;height: 100%;font-size: 16px;color: #fff;text-align: center;}
.quanPopup .inputBox input::-webkit-input-placeholder{font-size: 16px;color: #fff;}
.quanPopup .inputBox input::-moz-placeholder{font-size: 16px;color: #fff;}
.quanPopup .inputBox input::-ms-input-placeholder{font-size: 16px;color: #fff;}
.quanPopup .inputBox input:-ms-input-placeholder{font-size: 16px;color: #fff;}
.quanPopup .get{display:block;width: 100%;height: 58px;line-height: 58px;text-align:center;background:linear-gradient(to bottom,#fff041,#ffac00);font-size: 30px;color: #7f091c;border-radius: 50px;margin-top: 20px;}


@media only screen and (max-width: 1500px) {
  .serMerName .serMerNameH .txt1 h1{max-width: 75%;}
  .serMerName .serMerNameH .txt1 h1 em{max-width: 80%;}
  .serMerName .serMerNameH .txt1 span{max-width: 75%;}
  .serMerName .serMerNameH .txt1 span em{max-width: 80%;}
  .serMerName .serMerNameB{margin-top: 22px;}
  .serMerInfo{margin: 10px 0;}
  .serMerReser{margin-top: 16px}
  .serMerReser a{line-height: 45px;}
  .serMerDesLCon{padding-left: 16%;}
  .serMerPhone, .serMerLocal{margin-bottom: 4px;}
  .serMerSumL .sum2 .diaryRIMain{padding: 20.3px;}
}
@media only screen and (max-width: 1366px) {
  .serMerName .serMerNameH .txt1 h1 em{font-size: 26px;}
  .serMerName .serMerNameH .txt1 span em{font-size: 26px;}
  .serMerName .serMerNameH h2{margin-top: 4px;}
  .serMerName .serMerNameB ul li .txt1{font-size: 22px;}
  .serMerInfo{margin: 12px 0;-webkit-line-clamp: 2;margin: 5px 0 10px;}
  .serMerPhone, .serMerLocal{font-size: 14px;}
  .serMerPhone em{font-size: 20px;}
  .serMerPhone i{font-size: 18px;}
  .serMerLocal i{font-size: 16px;}
  .serMerReser a{font-size: 18px;}
  .serMerDesRCon .txt1{font-size: 26px;}
  .serMerDesLCon .txt1{font-size: 32px;}
  .serMerDesLCon .serMerDesApply .inputBox{width: 420px;} 
  .quanPopup{width: 400px;}
  .quanPopup .close{right: -55px;top: 0;}
  .quanPopup .quanPopupB .quanMoney{height: 110px;}
  .quanPopup .quanPopupB{padding: 15px 25px 20px;}
  .quanPopup .quanPopupB .title{font-size: 24px;margin-bottom: 5px;}
  .quanPopup .quanPopupB .quanMoney .left .leftMoney{font-size: 34px;margin-right: 10px;}
  .quanPopup .quanPopupB .quanMoney .left .leftInfo{font-size: 16px;}
  .quanPopup .quanPopupB .quanMoney .left .leftB{font-size: 16px;margin-top: 0;}
  .quanPopup .quanPopupB .quanMoney .right{font-size: 16px;}
  .quanPopup .get{height: 45px;line-height: 45px;font-size: 24px;}
  .merShop ul li a .text{padding: 10px 8px 12px;}
  .merShop ul li a .text .p2{margin: 4px 0 5px;}
}
@media only screen and (max-width: 1280px) {
  .serMerName .serMerNameB{margin-top: 15px}
  .serMerReser{margin-top: 20px;}
  .serMerReser a{font-size: 16px;line-height: 40px;}
  .serMerDesLCon{padding-left: 10%;}
  .serMerDesRCon .txt1{font-size: 24px;}
  .serMerDesLCon .serMerDesApply .inputBox,.serMerDesLCon .serMerDesApply .applyBtn{height: 40px;line-height: 40px;}
  .serMerSumL .sum2 .diaryRIMain{padding: 23.7px;}
}


/*****************装修服务商-案例*****************/
.merchantCase{width: 100%;background: #3f465d;padding-bottom: 88px;}
.merchantCase .serMerPos{padding: 0;height: 53px;line-height: 53px;}
.merchantCase .serMerAd{margin-top: 0;}
.merchantCase .caseStyle,.merchantCase .caseListH{background: #fff;}
.merchantCase .caseStyle1{margin-top: 20px;}
.merchantCase .caseListBI{margin-bottom: 0;}
.merchantCase .caseListBI .caseItem a{box-shadow: 0 0 0 0;}


/*****************装修服务商-团队*****************/
.merchantTeam{padding-bottom: 65px;}
.merchantTeam .caseStyle{margin: 20px 0 5px;}
.caseListB .merBI ul{margin: 0 -10px;}
.caseListB .merBI ul li{padding: 15px 10px;}
.caseListB .merBI ul li a{transition: all .4s;}
.caseListB .merBI ul li a:hover{box-shadow: 0 0 10px 1px #999;}
.caseListB .merBI ul li a .text h3{min-width: 63.7%;}

/*****************装修服务商-商品*****************/
.commodityList .caseItem a .caseItemB{height: auto;line-height: initial;padding: 10px 0 12px;}
.commodityList .caseItemB .txt1{font-size: 16px;color: #333;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.commodityList .priceEct{margin-top: 10px;height: 22px;line-height: 22px;}
.commodityList .priceEct span{display: inline-block;vertical-align: middle;}
.commodityList .priceEct .price{font-size: 12px;color: #a7a7a7;}
.commodityList .priceEct .price i{font-size: 14px;color: #f84545;font-weight: 600;margin-right: 5px;}
.commodityList .priceEct .keep{height: 100%;}
.commodityList .priceEct .keep em{font-size: 12px;color: #A7A7A7;margin-right: 10px;}
.commodityList .priceEct .keep em:last-child{margin-right: 0;}
.commodityList .priceEct .keep i{display: inline-block;vertical-align: top;height: 100%;width: 16px;margin-right: 5px;}
.commodityList .priceEct .keep .read i{background: url(../img/l_chakan.png) no-repeat center 65%;background-size: 100%;}
.commodityList .priceEct .keep .like i{background: url(../img/l_shoucang.png) no-repeat center 70%;background-size: 100%;}
.commodityList .priceEct .keep .like.active i{background: url(../img/l_shoucang_on.png) no-repeat center 70%;background-size: 100%;}

/*****************装修服务商-装修攻略*****************/
.merchantRaider,.merchanDiary{padding-bottom: 80px;}
.merchantRaider .raiderList,.merchanDiary .diaryList{background: #fff;padding: 40px 30px;margin-top: 20px;}
.merchantRaider .raiderList li,.merchanDiary .diaryList li{padding: 30px 0;border-bottom: 1px solid #efeff2;}
.merchantRaider .raiderList li:first-child,.merchanDiary .diaryList li:first-child{padding-top: 0;}
.merchantRaider .raiderList li a,.merchanDiary .diaryList li a{display: block;}
.merchantRaider .raiderList li a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.merchantRaider .raiderList li a:hover .text .txt1{color: #1AA0E5;}
.merchantRaider .raiderList li a .img{width: 19.3%;margin-right: 2%;overflow: hidden;}
.merchantRaider .raiderList li a .img img{width: 100%;transition: all .4s;}
.merchantRaider .raiderList li a .text{width: 65%;}
.merchantRaider .raiderList li a .text .txt1{font-size: 20px;color: #333;line-height: 33px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.merchantRaider .raiderList li a .text .txt2{font-size: 14px;color: #777;line-height: 1.8;margin:20px 0 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.merchantRaider .raiderList li a .text .txt3{font-size: 14px;color: #9698a0;}
.merchantRaider .raiderList li a .text h4{display:inline-block;vertical-align:middle;min-width: 75px;height: 29px;line-height: 29px;text-align: center;padding: 0 10px;border-radius: 4px;font-size: 12px;margin-top: 25px;}
.merchantRaider .raiderList li a .text h4.blue{background: #e6f3f8;color: #5ba9c9;}
.merchantRaider .raiderList li a .text h4.lightGreen{background: #f2f8e6;color: #aab943;}
.merchantRaider .raiderList li a .text h4.red{background: #f8ede6;color: #c9655b;}
.merchantRaider .raiderList li a .text h4.green{background: #e6f8e6;color: #5bc96d;}
.merchantRaider .raiderList li a .text h4.gold{background: #f8f5e6;color: #c9b35b;}
.merchantRaider .raiderList li a .text h4.gold{background: #f8f5e6;color: #c9b35b;}
.merchantRaider .page{margin: 40px 0 0;}
@media only screen and (max-width: 1500px) {
  .merchantRaider .raiderList li a .text .txt2{margin: 12px 0 8px;}
  .merchantRaider .raiderList li a .text h4{margin-top: 18px;}
}
@media only screen and (max-width: 1366px) {
  .merchantRaider .raiderList li a .text .txt1{line-height: 30px;}
  .merchantRaider .raiderList li a .text .txt2{line-height: 1.5;margin: 10px 0 6px;}
}

/*****************装修服务商-装修日记*****************/
.merchanDiary .diaryList{padding: 36px 30px;}
.merchanDiary .diaryList li a:hover .txt1{color: #1AA0E5;}
.merchanDiary .diaryList li a .txt1,.merchanDiary .diaryList li a .txt2{width: 65.2%;}
.merchanDiary .diaryList li a .txt1{font-size: 20px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.merchanDiary .diaryList li a .txt2{font-size: 14px;color: #777;line-height: 1.8;margin:20px 0 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.merchanDiary .diaryList li a .txt3{font-size: 14px;color: #9698a0;}
.merchanDiary .diaryList li a .img{margin: 10px -10px;}
.merchanDiary .diaryList li a .img .imgItem{float: left;padding: 10px;width: 12.5%;overflow: hidden;}
.merchanDiary .diaryList li a .img .imgItem img{width: 100%;}
.merchanDiary .diaryList li a h4{display:inline-block;vertical-align:middle;min-width: 75px;height: 29px;line-height: 29px;text-align: center;padding: 0 10px;border-radius: 4px;font-size: 12px;}
.merchanDiary .diaryList li a h4.blue{background: #e6f3f8;color: #5ba9c9;}
.merchanDiary .diaryList li a h4.lightGreen{background: #f2f8e6;color: #aab943;}
.merchanDiary .diaryList li a h4.red{background: #f8ede6;color: #c9655b;}
.merchanDiary .diaryList li a h4.green{background: #e6f8e6;color: #5bc96d;}
.merchanDiary .diaryList li a h4.gold{background: #f8f5e6;color: #c9b35b;}
.merchanDiary .diaryList li a h4.gold{background: #f8f5e6;color: #c9b35b;}
.merchanDiary .page{margin: 28px 0 0;}

/*****************装修服务商-优惠活动*****************/
.offerList{background: #fff;padding: 40px 80px 50px;margin-top: 20px;}
.offerList li{margin-bottom: 40px;border: 1px solid #dfdfdf;}
.offerList li:last-child{margin-bottom: 0;}
.offerListL{width: 44.9%;overflow: hidden;background: #fff;}
.offerListL img{width: 100%;height: 100%;object-fit: cover;}
.offerListR{width: 55.1%;padding: 40px 36px 0 50px;}
.offerListR .title{font-size: 24px;color: #333;text-align: left;}
.offerListR .title em{display: inline-block;vertical-align: middle;width: 67px;height: 28px;line-height: 28px;text-align: center;border-radius: 50px;font-size: 14px;margin: -5px 15px 0 0;}
.offerListR .title em.ing{border: 1px solid #e8893c;color: #e8893c;box-shadow: 0 5px 5px 1px #fceee3;}
.offerListR .title em.noing{border: 1px solid #1aa0e5;color: #1aa0e5;box-shadow: 0 5px 5px 1px #e8f3f7;}
.offerListR .title em.over{border: 1px solid #9698a0;color: #9698a0;box-shadow: 0 5px 5px 1px #f0f0f2;}
.offerListR .content{font-size: 14px;color: #777;line-height: 1.5;margin: 30px 0 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.offerListR .offerApplyL p{font-size: 14px;color: #777;margin-bottom: 5px;}
.offerListR .offerApplyL p:last-child{margin-bottom: 0;}
.offerListR .offerApplyL p i{display: inline-block;vertical-align: middle;color: #b9b9b9;margin-right: 10px;}
.offerListR .offerApplyL p em{font-size: 16px;color: #1aa0e5;}
.offerListR .offerApplyR{display:block;width: 112px;height: 40px;line-height: 40px;background: #1aa0e5;border-radius: 4px;font-size: 14px;color: #fff;text-align: center;margin-top: 4px;transition: all .4s;}
.offerListR .offerApplyR:hover{background: #0A8ACC;}
.merchanOffer .page{margin: 49px 0 0;}
@media only screen and (max-width: 1500px) {
  .merchanOffer .offerListR{padding: 30px 26px 0 40px;}
  .merchanOffer .offerListR .content{margin: 15px 0 25px;}
}
@media only screen and (max-width: 1366px) {
  .merchanOffer .offerListR{padding: 20px 20px 0 30px;}
  .merchanOffer .offerListR .content{margin: 15px 0 20px;}
}

/*****************下载中心*****************/
/*app下载*/
.appDown{padding:145px 0 155px;width: 100%;text-align:center;background: url(../temp/l_download_bg1.jpg) no-repeat center;background-size: cover;}
.downloadLogo .appLogo{width: 160px;height: 160px;margin: 0 auto;background: #fff;border-radius: 5px;overflow: hidden;}
.downloadLogo .appLogo img{width: 100%;}
.downloadLogo h1{font-size: 42px;color: #fff;margin: 22px 0 18px;}
.appDown .erweima{text-align: center;}
.appDown .erweima .txt1{width: 198px;height: 200px;margin: 78px auto 12px;}
.appDown .erweima .txt1 img{width: 100%;}
.appDown .erweima .txt2{font-size: 18px;color: #222;}
@media only screen and (max-width: 1500px) {
  .appDown{padding: 120px 0 130px;}
  .downloadLogo .appLogo{width: 140px;height: 140px;}
  .downloadLogo h1{font-size:38px;margin: 18px auto 12px;}
  .appDown .erweima .txt1{margin: 68px auto 12px;}
}
@media only screen and (max-width: 1366px) {
  .appDown{padding: 90px 0 100px;}
  .downloadLogo .appLogo{width: 120px;height: 120px;}
  .downloadLogo h1{font-size: 34px;margin: 12px auto 5px;}
  .appDown .erweima .txt1{width: 168px;height: 168px;margin: 50px auto 8px;}
}

/*新手装修攻略/智能装修报价/精选商家设计师*/
.noviceGongl{width: 100%;}
.noviceGongl .noviceGonglBg{width: 100%;}
.noviceGongl .noviceGonglBg img{width: 100%;}
.ngMain{position: relative;padding: 60px 0 66px;}
.ngMain .text{text-align: center;color: #333;}
.ngMain .text .txt1{font-size: 50px;margin-bottom: 5px;font-weight: 600;}
.ngMain .text .txt2{font-size: 28px;}
.ngMain .erweima{position: absolute;right: 100px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.ngMain .erweima .txt1{width: 120px;margin: 0 auto 10px;}
.ngMain .erweima .txt1 img{width: 100%;}
.ngMain .erweima .txt2{font-size: 18px;color: #222;}
@media only screen and (max-width: 1500px) {
  .ngMain{padding: 50px 0 58px;}
  .ngMain .text .txt1{font-size: 46px;margin-bottom: 0;}
  .ngMain .text .txt2{font-size: 26px;}
  .ngMain .erweima{right: 80px;}
  .ngMain .erweima .txt1{margin: 0 auto 5px;}
}
@media only screen and (max-width: 1366px) {
  .ngMain .text .txt1{font-size: 38px;}
  .ngMain .text .txt2{font-size: 24px;}
  .ngMain .erweima{right: 60px;}
}


/*最新装修攻略*/
.latestRaider{width: 100%;padding: 58px 0 49px;background: #f4f4f4;}
.latestRaider .title{font-size: 24px;text-align: left;font-weight: 600;}
.latestRaider ul{margin: 30px -10px 0;}
.latestRaider ul li{float: left;padding: 10px;width: 25%;}
.latestRaider ul li .link{width: 100%;background: #fff;padding: 25px 30px;}
.latestRaider ul li .link a{display: block;line-height: 40px;font-size: 14px;color: #444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all .4s;}
.latestRaider ul li .link a::before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;background: #999;margin-right: 10px;transition: all .4s}
.latestRaider ul li .link a:hover{color: #1AA0E5;}
.latestRaider ul li .link a:hover::before{background: #1AA0E5;}
@media only screen and (max-width: 1366px) {
  .latestRaider{padding: 45px 0 35px;}
  .latestRaider ul{margin: 20px -10px 0;}
}

/*****************设计/报价/方案-设计*****************/
/*.designWrap{width: 100%;padding-bottom:40px;background: url(../temp/l_design_bg1.jpg) no-repeat center;background-size: cover;}*/
.designWrap{position: relative;} /*2020.4.7修改5*/
.designWrap .designH{width: 100%;position: absolute;top: 0;} /*2020.4.7修改5*/
.designWrap .designB{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%)} /*2020.4.7修改5*/
.designH li{width: 33.33%;float: left;height: 85px;background: #fff;}
.designH li.active{background: transparent;}
.designH li.active a .text{color: #1d2937;}
.designH li a{width: 100%;height: 100%;}
.designH li a .img{margin-right: 15px}
.designH li a .img img{max-width: 100%;}
.designH li a .text{color: #4b607a;}
.designH li a .text .txt1{font-size: 24px;margin-bottom: 5px;}
.designH li a .text .txt2{font-size: 14px;}
.designBI .designTitle{padding: 40px 0 30px;}
.designBI .designTitle .left h1{font-size: 50px;color: #ff5153;font-weight:bold;font-style: oblique;}
.designBI .designTitle .left h2{font-size: 16px;color: #1d2937;margin-top: 8px;}
.designBI .designTitle .right{font-size: 30px;color: #df8b5e;font-weight: bold;font-style: oblique;margin-left: 50px;}
.designBI .designMain{width: 1080px;height: 420px;border-radius:4px;margin: 0 auto;background: #fff;position: relative;}
.designBI .designMain::after{content: '';display: block;height: 100%;width: 1px;background: #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.designMain .left,.designMain .right{width: 50%;}
.designMain .left{padding: 45px 40px 0;}
.designMain .left .leftH{font-size: 24px;color: #222;font-weight: 600;margin-bottom: 30px;}
.designMain .left .leftH em{font-size: 12px;color: #ff5153;font-weight: 100;margin-left: 10px;}
.designMain .left .leftH em i{margin: 0 6px;}
.designMain .left .leftB .yuyue{display:block;width: 140px;height: 38px;background: #ff5153;font-size: 14px;color: #fff;border-radius: 4px;overflow: hidden;margin: 0 auto;transition: all .4s;}
.designMain .left .leftB .yuyue:hover{background: #f9383a;}
.designMain .left .leftB .item{margin-bottom: 18px;height: 38px;line-height: 38px;}
.designMain .left .leftB .item .tip{font-size: 16px;color: #222;margin-right: 10px;}
.designMain .left .leftB .item .tip i{display: inline-block;vertical-align: middle;height: 12px;line-height:20px;font-size: 20px;color: red;}
.designMain .left .leftB .item .inputBox{width: 300px;height: 100%; border: 1px solid #ddd;border-radius: 5px;padding: 0 15px;}
.designMain .left .leftB .item .inputBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;font-size: 14px;color: #444;}
.designMain .left .leftB .item .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #b1b1b1;}
.designMain .left .leftB .item .inputBox input::-moz-placeholder{font-size: 14px;color: #b1b1b1;}
.designMain .left .leftB .item .inputBox input::-ms-input-placeholder{font-size: 14px;color: #b1b1b1;}
.designMain .left .leftB .item .inputBox input:-ms-input-placeholder{font-size: 14px;color: #b1b1b1;}
.designMain .left .city-picker-selector{width: 300px;}
.designMain .left .city-picker-selector .selector-item{width: 31.33%;margin-left: 3%;background: #fff;border: 1px solid #ddd;padding: 0 15px;}
.designMain .left .city-picker-selector .selector-item:first-child{margin-left: 0;}
.designMain .left .city-picker-selector .selector-name{height: 100%;text-indent: 0;font-size: 14px;}
.designMain .left .city-picker-selector .selector-name.df-color{color: #b1b1b1;}
.designMain .left .city-picker-selector .selector-item:after{border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;}
.designMain .left .city-picker-selector .selector-name{color: #444;}
.designMain .right{padding: 45px 100px 0;}
.designMain .right .rightH{font-size: 24px;color: #222;font-weight: bold;}
.designMain .right .rightH em{color: #2dbdff;margin: 0 5px;}
.designMain .right .rightB{margin-top: 10px;}
.designMain .right .rightB li{float: left;width: 50%;position: relative;}
.designMain .right .rightB li a{display: block;padding: 25px 0;}
.designMain .right .rightB li a .txt1{width: 70px;height: 70px;border-radius: 50%;background: #1AA0E5;}
.designMain .right .rightB li a .txt1 img{max-width: 100%;}
.designMain .right .rightB li a .txt2{font-size: 18px;color: #444;margin-top: 8px;}
.designMain .right .rightB .li1::after{content: '';display: block;width: 69px;height: 20px;background: url(../img/l_zhixiang1.png) no-repeat center;background-size:100%;position: absolute;right: 16px;top: 51px;}
.designMain .right .rightB .li2::after{content: '';display: block;width: 71px;height: 169px;background: url(../img/l_zhixiang2.png) no-repeat center;background-size:100%;position: absolute;right: 16px;top: 60px;}
.designMain .right .rightB .li3::after{content: '';display: block;width: 69px;height: 20px;background: url(../img/l_zhixiang3.png) no-repeat center;background-size:100%;position: absolute;right: 16px;top: 51px;}
@media only screen and (max-width: 1500px) {
  
}
@media only screen and (max-width: 1500px) {
  
}

/*****************设计/报价/方案-报价*****************/
/*.quoteWrap{width: 100%;padding-bottom:80px;background: url(../temp/l_design_bg2.jpg) no-repeat center;background-size: cover;}*/
.quoteWrap{position: relative;} /*2020.4.7修改5*/
.quoteWrap .designH{width: 100%;position: absolute;top: 0;} /*2020.4.7修改5*/
.quoteWrap .designB{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%)} /*2020.4.7修改5*/
.quoteWrap .designTitle .left h1{color: #fd6d26;}
.quoteWrap .designTitle .right{color: #5eaadf;}
.quoteWrap .designMain{height: 380px;}
.quoteWrap .designMain .count{height: 100px;width: 100px;overflow: hidden ;background: url(../img/l_tuoyuan.png) no-repeat center;background-size: auto 100%;position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;z-index: 9;}
.quoteWrap .designMain .count a{width: 70px;height: 70px;border-radius: 50%;background: #fd702e;font-size: 16px;color: #fff;line-height: 1.4;animation:countanimate 2.2s linear infinite;-webkit-animation:countanimate 2.2s linear infinite;}
.quoteWrap .designMain .left .leftH{margin-bottom: 38px}
.quoteWrap .designMain .left .leftH em,.quoteWrap .designMain .left .leftB .item .tip i{color: #1AA0E5;}
.quoteWrap .designMain .left .leftB .area .inputBox{position: relative;}
.quoteWrap .designMain .left .leftB .area .inputBox::after{content: 'm²';font-size:14px;color:#444;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.quoteWrap .designMain .huWrap .cont span{line-height: 38px;color: #B1B1B1;font-size: 14px;}
.quoteWrap .designMain .right{text-align: center;padding: 45px 60px 0 100px;}
.quoteWrap .designMain .right .rightH{margin-bottom: 39px;}
.quoteWrap .designMain .right .rightH em{color: #fd702e;}
.quoteWrap .designMain .right .rightB .cost{padding: 12px;width: 380px;height: 160px;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.quoteWrap .designMain .right .rightB .cost p{line-height: 34px;}
.quoteWrap .designMain .right .rightB .cost p em{font-size: 18px;color: #fd702e;font-weight: 600;margin: 0 5px 0 10px;}
.quoteWrap .designMain .right .rightB .point{width: 255px;margin: 15px auto 0;font-size: 12px;color: #666;line-height: 1.5;}

/*****************设计/报价/方案-方案*****************/
/*.programWrap{width: 100%;padding-bottom:40px;background: url(../temp/l_design_bg3.jpg) no-repeat center;background-size: cover;}*/
.programWrap{position: relative;}
.programWrap .designH{width: 100%;position: absolute;top: 0;} /*2020.4.7修改5*/
.programWrap .designB{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%)} /*2020.4.7修改5*/
.programWrap .designTitle .left h1{color: #f6ff00;}
.programWrap .designTitle .right{color: #6f9156;}
.programWrap .designMain .left .leftH em,.programWrap .designMain .left .leftB .item .tip i{color: #32c67b;}
.programWrap .designMain .left .leftB .yuyue{background: #32c67b;}
.programWrap .designMain .left .leftB .yuyue:hover{background: #22b36a;}
.programWrap .designMain .right{padding: 45px 53px 0 56px;text-align: center;}
.programWrap .designMain .right .rightH em{color: #32c67b;}
.programWrap .designMain .right .rightB{margin-top: 25px; }
.programWrap .designMain .right .rightB img{max-width: 100%;max-height: 100%;}

/*****************商家中心首页*****************/
/*头部*/
.sjTopLink .personCenter{position: relative;}
.sjTopLink .personCenter .pcH{font-size: 14px;color: #393647;cursor: pointer;}
.sjTopLink .personCenter .pcH i{display: inline-block;vertical-align:middle;width: 9px;height: 4px;margin-left: 8px;background: url(../img/l_arrow1.png) no-repeat center;background-size: 100%;transition: all .4s;}
.sjTopLink .personCenter .pcH.active i{transform: rotate(-180deg);}
.sjTopLink .personCenter .pcB{display:none;width: 100%;min-width:100px;position: absolute;top: 100%;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index: 9;background: #f2f4f6;border: 1px solid #eee;}
.sjTopLink .personCenter .pcB.active{display: block;}
.sjTopLink .personCenter .pcB li a{font-size:14px;display: block;width: 100%;height: 40px;line-height:40px;text-align: center;border-bottom: 1px solid #eee;transition: all .4s}
.sjTopLink .personCenter .pcB li a:hover{background: #fff;color: #1AA0E5;}
.sjTopLink .personCenter .pcB li:last-child a{border-bottom: 0;}
.sjTopLink .goHome{display: block;margin-left: 40px;font-size: 14px;color: #1AA0E5;}
.sjNav{height: 100%;position: relative;}
.sjNav .logo{width: 9.7%;height: 100%;margin-right: 35px;}
.sjNav .logo a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.sjNav .logo a img{max-width: 100%;max-height: 100%;}
.sjNav .navMain li a{padding: 0 30px;min-width: 130px;}
.sjNav .search{width: 240px;height: 34px;line-height: 34px;background: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.sjNav .search .inputBox{width: 170px;height: 100%;padding: 0 15px;}
.sjNav .search .inputBox input{display: inline-block;vertical-align: top;height: 100%;width: 100%;font-size: 14px;color: #666;}
.sjNav .search .inputBox input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.sjNav .search .inputBox input::-moz-placeholder{font-size: 14px;color: #999;}
.sjNav .search .inputBox input::-ms-input-placeholder{font-size: 14px;color: #999;}
.sjNav .search .inputBox input:-ms-input-placeholder{font-size: 14px;color: #999;}
.sjNav .search em{cursor:pointer;display: block;width: 70px;height: 100%;font-size: 14px;color: #fff;text-align:center;background: #1aa0e5;position: absolute;top: 0;right: 0;}
@media only screen and (max-width: 1500px) {
  .sjNav .logo{width: 9%;}
  .sjNav .navMain li a{min-width: 90px;padding: 0 20px}
}

/*banner*/
.shBanner .swiper-slide{width: 100%;}
.shBanner .swiper-slide a{display: block;width: 100%;}
.shBanner .swiper-slide a img{width: 100%;}
.shBanner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255,255,255,0.6);opacity: 1;border-radius: 0;}
.shBanner .swiper-pagination-bullet-active{background: #fff;opacity: 1;}

/*part1*/
.firmDynamic ul{margin: 37px -10px 20px;}
.firmDynamic ul li{float: left;padding: 0 10px;}
.firmDynamic .li1{width: 22.3%;background: transparent;margin: -10px;}
.firmDynamic .li1 .li1Item{float: left;width: 50%;padding: 10px;}
.firmDynamic .li1 .li1Item a{display: block;width: 100%;height: 100%;background: #fff;}
.firmDynamic .li1 .li1Item a .li1H{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;}
.firmDynamic .li1 .li1Item a .li1H.color1{background: #83a8f3;}
.firmDynamic .li1 .li1Item a .li1H.color2{background: #57bdde;}
.firmDynamic .li1 .li1Item a .li1H.color3{background: #6dc7be;}
.firmDynamic .li1 .li1Item a .li1H.color4{background: #87d99e;}
.firmDynamic .li1 .li1Item a .li1B{height: 130px;line-height: 130px;text-align:center;font-size: 50px;}
.firmDynamic .li1 .li1Item a .li1B.color1{color: #83a8f3;}
.firmDynamic .li1 .li1Item a .li1B.color2{color: #57bdde;}
.firmDynamic .li1 .li1Item a .li1B.color3{color: #6dc7be;}
.firmDynamic .li1 .li1Item a .li1B.color4{color: #87d99e;}
.firmDynamic .li2{width: 57.8%;height: 380px;}
.firmDynamic .li2 .li2Main{width: 100%;height: 100%;background: #fff;padding: 40px 0 20px;}
.firmDynamic .li2 a{width: 25%;height: 50%;float: left;text-align: center;}
.firmDynamic .li2 a .txt1 img{max-width: 100%;}
.firmDynamic .li2 a .txt2{font-size: 20px;color: #222;font-weight: bold;margin-top: 15px;}
.firmDynamic .li3{width: 19.9%;}
.firmDynamic .li3 .li3Main{width: 100%;height: 380px;background: #fff;padding: 23px 25px 0;}
.firmDynamic .li3 .firmLogo{width: 100%;}
.firmDynamic .li3 .firmLogo img{max-width: 100%;max-height: 100%}
.firmDynamic .li3 .title{font-size: 20px;color: #333;font-weight: bold;text-align: center;margin: 12px 0 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 96%;}
.firmDynamic .li3 .numDynamic a{display: block;width: 25%;float: left;padding: 0 10px;text-align: center;color: #333;}
.firmDynamic .li3 .numDynamic a .txt1{font-size: 20px;font-weight: bold;}
.firmDynamic .li3 .numDynamic a .txt2{font-size: 14px;}
.firmDynamic .li3 .numDynamic a .txt2{font-size: 14px;}
.firmDynamic .li3 .daoqi{font-size: 14px;color: #444;height: 24px;line-height: 24px;margin: 15px 0;}
.firmDynamic .li3 .daoqi em{font-size: 12px;color: #ffa92d;display: inline-block;vertical-align: top;height: 100%;line-height:22px;text-align: center;border: 1px solid #ffa92d;border-radius: 4px;padding: 0 6px;margin-right: 8px;}
.firmDynamic .li3 .daoqi em::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_tuike.png) no-repeat center;background-size: 100%;margin-right: 3px;}
.firmDynamic .li3 .xufei{display: block;width: 100%;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background: #1aa0e5;border-radius: 4px;transition: all .4s;}
.firmDynamic .li3 .xufei:hover{background: #0A8ACC;}
@media only screen and (max-width: 1500px) {
  .firmDynamic .li1{width: 23.3%;}
  .firmDynamic .li1 .li1Item a .li1H{height: 45px;line-height: 45px;}
  .firmDynamic .li1 .li1Item a .li1B{height: 125px;line-height: 125px;font-size: 46px;}
  .firmDynamic .li2{width: 55.8%;height: 360px;}
  .firmDynamic .li2 .li2Main{padding: 35px 0 20px}
  .firmDynamic .li3{width: 21.9%;}
  .firmDynamic .li3 .li3Main{height: 360px;}
  .firmDynamic .li3 .title{margin: 8px 0 5px}
  .firmDynamic .li3 .daoqi{margin: 12px 0;}
}
@media only screen and (max-width: 1366px) {
  .firmDynamic .li1{width: 24.3%;}
  .firmDynamic .li2{width: 53.8%;}
  .firmDynamic .li2 .li2Main{padding: 30px 0 20px;}
  .firmDynamic .li3{width: 22.9%;}
}

/*part2*/
.todayDynamic ul{margin: 0 -10px 60px;}
.todayDynamic ul li{float: left;padding: 0 10px;width: 25%;}
.todayDynamic .liCom{width: 100%;height: 480px;background: #fff;border: 1px solid #E5E5E5;padding: 10px 20px 0;}
.todayDynamic .liCom .title{line-height: 60px;font-size: 18px;color: #222;font-weight: bold;border-bottom: 1px solid #eaeaea;}
.todayDynamic .li3 .title{border-bottom: 0;}
.todayDynamic .li1 .li1B a{display: block;height: 80px;line-height: 80px;border-bottom: 1px dashed #eaeaea;}
.todayDynamic .li1 .li1B a:last-child{border-bottom: 0;}
.todayDynamic .li1 .li1B a:hover .text p{color: #1AA0E5;}
.todayDynamic .li1 .li1B .xuhao{width: 11%;height: 100%;margin-right: 3%;}
.todayDynamic .li1 .li1B .xuhao em{display: inline-block;vertical-align: middle;width: 16px;height: 16px;line-height:16px;text-align:center;border-radius: 4px;font-size: 12px;color: #8f8f8f;background: #e0dee0;}
.todayDynamic .li1 .li1B .xuhao.one em{background: #ff4848;color: #fff;}
.todayDynamic .li1 .li1B .xuhao.two em{background: #ff9648;color: #fff;}
.todayDynamic .li1 .li1B .xuhao.three em{background: #fadf27;color: #fff;}
.todayDynamic .li1 .li1B .img{width: 16%;height: 100%;margin-right: 3%;}
.todayDynamic .li1 .li1B .img img{width: 100%;max-width: 100%;max-height: 100%;}
.todayDynamic .li1 .li1B .text{width: 64%;height: 100%;line-height: 1.5;}
.todayDynamic .li1 .li1B .text p{width: 100%;text-align: left;font-size: 16px;color: #222;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all .4s;}
.todayDynamic .li2 .li1B .text{width: 83%;}
.todayDynamic .li3 .li3Main{margin: -4px;}
.todayDynamic .li3 .li3Main a{display:block;width: 50%;float: left;padding: 4px;}
.todayDynamic .li3 .li3Main a .commodity{border: 1px solid #f0f0f0;width: 100%;height: 190px;border-radius: 4px;overflow: hidden;position: relative;}
.todayDynamic .li3 .li3Main a .commodity.one{border: 1px solid #ff4848;}
.todayDynamic .li3 .li3Main a .commodity.two{border: 1px solid #ff9648;}
.todayDynamic .li3 .li3Main a .commodity.three{border: 1px solid #fadf27;}
.todayDynamic .li3 .li3Main a .commodity.one .sanjiao{width: 0;height: 0;border-right: 23px solid #f84545;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -24px;left: -24px;transform: rotate(45deg);}
.todayDynamic .li3 .li3Main a .commodity.one .sanjiao::before{content: "1";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li3 .li3Main a .commodity.two .sanjiao{width: 0;height: 0;border-right: 23px solid #ff9648;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -24px;left: -24px;transform: rotate(45deg);}
.todayDynamic .li3 .li3Main a .commodity.two .sanjiao::before{content: "2";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li3 .li3Main a .commodity.three .sanjiao{width: 0;height: 0;border-right: 23px solid #fadf27;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -24px;left: -24px;transform: rotate(45deg);}
.todayDynamic .li3 .li3Main a .commodity.three .sanjiao::before{content: "3";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li3 .li3Main a .img{width: 100%;height: 144px;overflow: hidden;}
.todayDynamic .li3 .li3Main a .img img{width: 100%;max-height: 100%;max-width: 100%;transition: all .4s}
.todayDynamic .li3 .li3Main a:hover .img img{transform: scale(1.06);}
.todayDynamic .li3 .li3Main a .txt1{width: 94%;margin:5px auto 0;font-size: 12px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.todayDynamic .li3 .li3Main a .txt2{width: 94%;margin:0 auto;font-size: 12px;color: #999;}
.todayDynamic .li3 .li3Main a .txt2 em{color: #f72828;margin-left: 5px;font-weight: 600;}
.todayDynamic .li4 .li4Main{width: 100%;position: relative;}
.todayDynamic .li4 .li4Main .swiper-slide{width: 100%;}
.todayDynamic .li4 .li4Main .swiper-slide a{display: block;width: 100%;margin-top: 15px;border: 1px solid #f0f0f0;position: relative;}
.todayDynamic .li4 .li4Main .swiper-slide a .img{width: 100%;overflow: hidden;}
.todayDynamic .li4 .li4Main .swiper-slide a .img img{width: 100%;transition: all .4s;}
.todayDynamic .li4 .li4Main .swiper-slide a:hover .img img{transform: scale(1.06);}
.todayDynamic .li4 .li4Main .swiper-slide a p{line-height: 44px;text-align: center;width: 94%;margin: 0 auto;font-size: 16px;color: #40444d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.todayDynamic .li4 .li4Main .swiper-slide a:hover p{color: #1AA0E5;}
.todayDynamic .li4 .li4Main .swiper-slide a.one .sanjiao{width: 0;height: 0;border-right: 23px solid #f84545;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -23px;left: -23px;transform: rotate(45deg);}
.todayDynamic .li4 .li4Main .swiper-slide a.one .sanjiao::before{content: "1";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li4 .li4Main .swiper-slide a.two .sanjiao{width: 0;height: 0;border-right: 23px solid #ff9648;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -23px;left: -23px;transform: rotate(45deg);}
.todayDynamic .li4 .li4Main .swiper-slide a.two .sanjiao::before{content: "2";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li4 .li4Main .swiper-slide a.three .sanjiao{width: 0;height: 0;border-right: 23px solid #fadf27;border-left: 23px solid transparent;border-top: 23px solid transparent;border-bottom:23px solid transparent;position: absolute;top: -23px;left: -23px;transform: rotate(45deg);}
.todayDynamic .li4 .li4Main .swiper-slide a.three .sanjiao::before{content: "3";position: absolute;top: -8px;left: 11px;color: #fff;transform: rotate(-45deg);font-size: 12px;}
.todayDynamic .li4 .li4Main .swiper-pagination{width: 100%;}
.todayDynamic .li4 .li4Main .swiper-pagination-bullet{background: #acacac;opacity: 1;margin: 15px 5px 0;}
.todayDynamic .li4 .li4Main .swiper-pagination-bullet-active{background: #1aa0e5;}
@media only screen and (max-width: 1500px) {
  .todayDynamic .liCom{height: 440px;}
  .todayDynamic .liCom .title{line-height: 50px;}
  .todayDynamic .li1 .li1B a{height: 75px;line-height: 75px;}
  .todayDynamic .li3 .li3Main a .commodity{height: 178px;}
  .todayDynamic .li3 .li3Main a .img{height: 128px;}
}
@media only screen and (max-width: 1366px) {
  .todayDynamic .liCom{height: 390px;}
  .todayDynamic .liCom .title{line-height: 40px;}
  .todayDynamic .li1 .li1B a{height: 67px;line-height: 67px;}
  .todayDynamic .li3 .li3Main a .img{height: 111px;}
  .todayDynamic .li3 .li3Main a .commodity{height: 158px;}
  .todayDynamic .li4 .li4Main .swiper-slide a{margin-top: 10px;}
  .todayDynamic .li4 .li4Main .swiper-pagination-bullet{margin: 12px 5px 0;}
}

/*part3*/
.recoAct{background: #fff;margin: 20px auto;}
.actTitle{line-height: 76px;border-bottom: 1px solid #e8e8e8;padding: 0 30px;}
.actTitle span{display:inline-block;vertical-align:top;font-size: 20px;color: #222;font-weight: bold;}
.actTitle span::before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 18px;background: #1aa0e5;margin-right: 10px;}
.actTitle a{font-size: 16px;color: #666;transition: all .4s;margin-left: 10px;}
.actTitle a:hover{color: #1AA0E5;}
.recoActMain{padding: 6px 40px 21px;}
.recoActMain ul{margin: 0 -26px;}
.recoActMain ul li{float: left;padding: 0 26px;width: 25%;margin-top: 13px;}
.recoActMain ul li a{display: block;width: 100%;border: 1px solid #f0f0f0;position: relative;}
.recoActMain ul li a .img{width: 100%;overflow: hidden;}
.recoActMain ul li a .img img{width: 100%;transition: all .4s;}
.recoActMain ul li a:hover .img img{transform: scale(1.06);}
.recoActMain ul li a p{line-height: 44px;text-align: center;width: 94%;margin: 0 auto;font-size: 16px;color: #40444d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.recoActMain ul li a:hover p{color: #1AA0E5;}

/*part4*/
.coupon{background: #fff;margin-bottom: 100px;padding-bottom: 35px;}
.coupon .actTitle .couponNum{font-size: 16px;color: #222;}
.coupon .actTitle .couponNum a{color: #1AA0E5;margin: 0 5px;}
.coupon .goBuy{display:block;width: 240px;height: 60px;line-height: 60px;font-size: 20px;color: #fff;text-align: center;background: #f36338;margin: 30px auto 0;border-radius: 5px;transition: all .4s;}
.coupon .goBuy:hover{background: #eb592d;}
.couponMain{padding: 45px 40px 0;}
.couponMain ul{margin: 0 -20px;}
.couponMain ul li{float: left;width: 20%;padding: 0 20px;}
.couponMain ul li.active a .couponItemH{background: #1AA0E5;color: #fff;}
.couponMain ul li a{display: block;position: relative;}
.couponMain ul li a .couponItem{width: 100%;height: 100%;border: 1px solid #1AA0E5;border-radius: 5px;overflow: hidden;}
.couponMain ul li a .couponItemH{height: 40px;line-height: 40px;background: #ededed;font-size: 20px;color: #666;text-align: center;}
.couponMain ul li a .couponItemB{height: 78px;}
.couponMain ul li a .couponItemB h1{font-size: 30px;color: #f36338;}
.couponMain ul li a .couponItemB h2{font-size: 12px;color: #999;}
.couponMain ul li a .discount{width: 60px;height: 28px;line-height: 28px;line-height: 28px;text-align: center;background: #fd655a;font-size: 16px;color: #fff;border-radius: 50px;position: absolute;top: -14px;right: 0;}

/*****************商家中心-资料维护-案例*****************/
.sjPosition{line-height: 54px;}
.sjPosition h1{display: inline;}
.sjPosition a,.sjPosition em{font-size: 14px;color: #898989;transition: all .4s;}
.sjPosition a:hover{color: #1AA0E5;}
.sjPosition a:last-child{color: #222;}
.sjPosition a:last-child:hover{color: #222;}

.dmCaseH{margin-top: ;}
.dmCaseDy{width: 100%;background: url(../temp/l_data_bg1.jpg) no-repeat center;background-size: cover;padding: 40px;position: relative;}
.dmCaseDyL{width: 120px;height: 120px;border-radius: 50%;overflow: hidden;position: relative;margin-right: 36px;}
.dmCaseDyL:hover p{bottom: 0;}
.dmCaseDyL img{max-width: 100%;max-height: 100%;}
.dmCaseDyL p{width: 100%;height: 28px;line-height: 28px;font-size: 14px;color: #fff;text-align:center;background: rgba(0,0,0,0.4);position: absolute;bottom: -28px;left: 0;transition: all .4s;}
.dmCaseDyL input{display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;overflow: hidden;cursor: pointer;opacity: 0;}
.dmCaseDyR .nichen{height: 42px;line-height:42px;font-size: 30px;color: #fff;font-weight: 600;}
.dmCaseDyR .nichen em{cursor:pointer;display: inline-block;vertical-align: top;height: 100%;width: 21px;background: url(../img/l_edit.png) no-repeat center;background-size: 100%;margin-left: 13px;}
.dmCaseDyR .num{margin-top: 25px;}
.dmCaseDyR .num li{float: left;}
.dmCaseDyR .num li a{display: block;color: #fff;text-align: center;}
.dmCaseDyR .num li a .txt1{font-size: 22px;font-weight: 600;}
.dmCaseDyR .num li a .txt2{font-size: 16px;}
.dmCaseDyR .numL{position: relative;}
.dmCaseDyR .numL::after{content: '';display: block;height: 40px;width: 1px;background: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.dmCaseDyR .numL li{margin-right: 38px;}
.dmCaseDyR .numR li{margin-left: 38px;}
.dmCaseDyR .personAtten{width: 80px;height: 34px;line-height: 30px;background: #1AA0E5;border-radius: 4px;border:2px solid #fff;font-size: 14px;color: #fff;display: block;text-align: center;position: absolute;right: 109px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.dmNav{background: #fff;width: 100%;height: 66px;line-height: 66px;}
.dmNav a{display:inline-block;vertical-align:top;height: 100%;font-size: 16px;color: #222;margin-left: 38px;}
.dmNav a.active{color: #1AA0E5;border-bottom: 2px solid #1AA0E5;}
.dmCaseL{width: 74.6%;}
.dmCaseL .caseListBI .caseItem{width: 33.33%;}
.dmCaseL .caseListBI .caseItem a:hover .caseItemH .read{bottom: 0;}
.dmCaseL a .caseItemH .read{cursor:default;width: 100%;padding:0 12px;height: 36px;line-height: 36px;background: rgba(0,0,0,0.5);position: absolute;bottom: -36px;left: 0;transition: all .4s;}
.dmCaseL a .caseItemH .read .readL{cursor:pointer;height: 100%;font-size: 14px;color: #fff;}
.dmCaseL a .caseItemH .read .readL em{display: inline-block;vertical-align: top;height: 100%;width: 12px;background: url(../img/l_read_icon1.png) no-repeat center;background-size: 100%;margin-right: 5px;}
.dmCaseL a .caseItemH .read .readR{height: 100%;}
.dmCaseL a .caseItemH .read .readR span{cursor:pointer;display:inline-block;vertical-align:top;height: 100%;font-size: 14px;color: #fff;margin-left: 12px;}
.dmCaseL a .caseItemH .read .readR span em{display: inline-block;vertical-align: top;height: 100%;margin-right: 5px;}
.dmCaseL a .caseItemH .read .readR .span1 em{width: 15px;background: url(../img/l_read_icon2.png) no-repeat center;background-size: 100%;}
.dmCaseL a .caseItemH .read .readR .span2 em{width: 15px;background: url(../img/l_read_icon3.png) no-repeat center;background-size: 100%;}
.dmCaseR{width: 25.4%;padding-left: 20px;margin-top: 20px;}
.dmCaseRH{display:block;width: 100%;line-height: 60px;background: #1AA0E5;border-radius: 4px;text-align: center;font-size: 20px;color: #fff;margin-bottom: 20px;}
.dmCaseRB{width: 100%;background: #fff;border-radius: 4px;padding: 0 20px;}
.dmCaseRB .chartTitle{line-height: 66px;border-bottom: 1px solid #efeff2;font-size: 18px;color: #222;font-weight: 600;}
.dmCaseRB .chartCon{padding: 40px 0 20px;border-bottom: 1px solid #EFEFF2;}
.dmCaseRB .chartCon .txt1{font-size: 14px;color: #999;margin-bottom: 12px;}
.dmCaseRB .chartCon .txt2{font-size: 28px;color: #222;}
.dmCaseRB .chartWrap{margin-top: 15px;width: 100%;}
.dmCaseRB .chartB{margin-top: 15px;}
.dmCaseRB .chartB span{font-size: 14px;color: #666;margin-right: 35px;}
.dmCaseRB .chartB span:last-child{margin-right: 0;}
.dmCaseRB .chartB span em{margin-left: 10px;}
.dmCaseRB .chartB span i{margin-left: 6px;}
.dmCaseRB .chartB .up em,.dmCaseRB .chartB .up i{color: #e70000;}
.dmCaseRB .chartB .down em,.dmCaseRB .chartB .down i{color: #00a737;}
.dmCaseRB .todayNum{line-height: 60px;font-size: 14px;color: #666;}
.dmCaseRB .todayNum em{color: #222;margin-left: 12px;}
#chart{width: 100%;height: 200px; }

/*****************商家中心-资料维护-攻略*****************/
.dmRaiderL{background: #fff;margin-top: 20px;border: 1px solid #eee;padding: 0 20px 0 40px;}
.dmRaiderMain{padding-bottom: 60PX;}
.dmRaiderTitle{padding: 38px 0 30px;}
.dmRaiderTitle h1{height: 24px;line-height: 24px;font-size: 24px;font-weight: 600;position: relative;padding-left: 15px;}
.dmRaiderTitle h1::before{content: '';display: block;width: 2px;height: 24px;background: #1AA0E5;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.dmRaiderList li{padding: 30px 0;border-top: 1px solid #eee;}
.dmRaiderList li .img{width: 26.3%;margin-right: 2.9%;overflow: hidden;}
.dmRaiderList li .img img{width: 100%;}
.dmRaiderList li .text{width: 70.8%;}
.dmRaiderList .listTitle{width: 100%;height: 28px;line-height: 28px;}
.dmRaiderList .listTitle .left{display: block;height: 100%;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;color: #333;font-weight: 600;transition: .4s;}
.dmRaiderList .listTitle .left:hover{color: #1AA0E5;}
.dmRaiderList .listTitle .right{height: 100%;}
.dmRaiderList .listTitle .right span{cursor:pointer;display: inline-block;vertical-align: middle;height: 100%;font-size: 14px;color: #666;margin-left: 12px;}
.dmRaiderList .listTitle .right span em{display: inline-block;vertical-align: top;height: 100%;margin-right: 5px;}
.dmRaiderList .listTitle .right .span1{margin: 0 18px 0 0;}
.dmRaiderList .listTitle .right .span1 em{width: 12px;background: url(../img/l_read_icon4.png) no-repeat center;background-size: 100%;}
.dmRaiderList .listTitle .right .span2 em{width: 15px;background: url(../img/l_read_icon5.png) no-repeat center;background-size: 100%;}
.dmRaiderList .listTitle .right .span3 em{width: 15px;background: url(../img/l_read_icon6.png) no-repeat center;background-size: 100%;}
.dmRaiderList .listCon{margin: 28px 0 12px;font-size: 14px;color: #777;line-height: 1.5;width: 94%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.dmRaiderList .riqi{font-size: 14px;color: #9698a0;}
.dmRaiderList .listLabel{width: 75px;line-height: 29px;padding: 0 10px;text-align: center;border-radius: 4px;overflow: hidden;font-size: 12px;margin-top: 25px;}
.dmRaiderList .listLabel.blue{background: #e6f3f8;color: #5ba9c9;}
.dmRaiderList .listLabel.lightGreen{background: #f2f8e6;color: #aab943;}
.dmRaiderList .listLabel.red{background: #f8ede6;color: #c9655b;}
.dmRaiderList .listLabel.green{background: #e6f8e6;color: #5bc96d;}
.dmRaiderList .listLabel.gold{background: #f8f5e6;color: #c9b35b;}
.dmRaiderList .listLabel.gold{background: #f8f5e6;color: #c9b35b;}
@media only screen and (max-width: 1500px) {
  .dmRaiderList .listTitle .left{width: 66%;}
  .dmRaiderList .listTitle .right span{margin-left: 10px;}
  .dmRaiderList .listTitle .right .span1{margin: 0 15px 0 0;}
  .dmRaiderList .listCon{margin: 24px 0 10px;}
  .dmRaiderList .listLabel{margin-top: 20px;}
}
@media only screen and (max-width: 1366px) {
  .dmRaiderList .listCon{margin: 15px 0 5px;}
  .dmRaiderList .listLabel{margin-top: 15px;}
}

/*****************商家中心-资料维护-日记*****************/
.dmDiaryMain{padding-bottom: 60px;}
.dmDiaryMain .dmRaiderList .text{width: 100%;}
.dmDiaryMain .dmRaiderList li{padding: 28px 0 30px;}
.dmDiaryMain .dmRaiderList .listCon{width: 66%;}
.dmDiaryMain .dmRaiderList .diaryImg{margin: 10px -10px;}
.dmDiaryMain .dmRaiderList .diaryImg .diaryImgItem{float: left;width: 16.6%;padding: 10px;}
.dmDiaryMain .dmRaiderList .diaryImg .diaryImgItem img{width: 100%;}
.dmDiaryMain .dmRaiderList .listLabel{margin-top: 0;}

/*****************商家中心-资料维护-新建*****************/
.dmNewRaiderMain{padding-bottom: 60px;}
.dmNewRaiderMain .dmRaiderL{padding: 0 40px 28px;}
.dmNewRaiderMain .dmRaiderTitle a{line-height: 24px;font-size: 16px;color: #666;transition: all .4s;}
.dmNewRaiderMain .dmRaiderTitle a:hover{color: #1AA0E5;}
.dmNewRaiderTitle{width: 100%;height: 52px;line-height: 50px;padding: 0 20px;border: 1px dashed #ccc;margin-bottom: 10px;}
.dmNewRaiderTitle input{display: inline-block;vertical-align: top;width: 100%;height: 100%;text-align: center;font-size: 24px;color: #333;font-weight: 600;}
.dmNewRaiderTitle input::-webkit-input-placeholder{font-size: 24px;color: #666;font-weight: 600;}
.dmNewRaiderTitle input::-moz-placeholder{font-size: 24px;color: #666;font-weight: 600;}
.dmNewRaiderTitle input::-ms-input-placeholder{font-size: 24px;color: #666;font-weight: 600;}
.dmNewRaiderTitle input:-ms-input-placeholder{font-size: 24px;color: #666;font-weight: 600;}
.dmRaiderTxt{width: 100%;}
.dmRaiderTxt .ke-container{width: 100% !important;border: 1px dashed #ccc;}
.dmRaiderTxt .ke-toolbar{border-bottom: 1px dashed #ccc;background-color: #f7f5f4;}
.dmRaiderTxt .ke-edit{height: 400px !important;}
.dmRaiderTxt .ke-statusbar{display: none;}
.dmRaiderTxt .ke-edit-iframe, .dmRaiderTxt .ke-edit-textarea{height: 100% !important;}

.decoStyleWrap{margin-top: 25px;height: auto;line-height: 30px;}
.decoStyleWrap .chooseWrap{float: left;margin-right: 40px;}
.decoStyleWrap .chooseWrap:last-child{margin-right: 0;}
.decoStyleWrap .left{font-size: 14px;color: #444;margin-right: 10px;}
.decoStyleWrap .decoStyleItem{height: 30px;width: 160px;border: 1px solid #ccc;float: left;border-radius:4px;margin-right:10px;position: relative;overflow: hidden;}
.decoStyleWrap .decoStyleItem select{width: 100%;height: 100%;display: inline-block;vertical-align: top;padding: 0 25px 0 23px;font-size: 14px;color: #444;outline: 0;background: #fff url(../img/arrow3.png) no-repeat 95% center;border:0;outline: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.decoStyleWrap .decoStyleItem:last-child{margin-right: 0;}
.decoStyleWrap .decoStyleItem input{display:inline-block;vertical-align:top;height: 100%;width: 100%;padding: 0 25px 0 23px;font-size: 14px;color: #444;}
.decoStyleWrap .decoStyleItem .numBtn{height: 100%;position: absolute;top: 0;right: 0;width: 31px;height: 100%;}
.decoStyleWrap .decoStyleItem .numBtn a{display: block;height: 50%;width: 100%;position: relative;}
.decoStyleWrap .decoStyleItem .numBtn a::before{display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 4px;position: absolute;top: 50%;left: 50%;margin-left: -2px;}
.decoStyleWrap .decoStyleItem .numBtn a.addBtn::before{border-color: transparent transparent #444 transparent;margin-top: -4px;}
.decoStyleWrap .decoStyleItem .numBtn a.reduceBtn::before{border-color: #444444 transparent transparent transparent;margin-top: -5px;}
.dmNewRaiderMain .newBtn{margin-top: 20px;}
.dmNewRaiderMain .newBtn button{width: 100px;height: 30px;font-size: 14px;color: #666;border: 1px solid #ccc;border-radius: 4px;background: #f8f8f7;margin-right: 8px;transition: all .4s}
.dmNewRaiderMain .newBtn button.active,.dmNewRaiderMain .newBtn button:hover{background: #1AA0E5;border: 1px solid #1AA0E5;color: #fff;}

.dmNewRaiderMain .dmCaseR .uploadWrap{width: 100%;  background: #fff;padding: 0 20px 20px;}
.dmNewRaiderMain .dmCaseR .uploadWrap .title{font-size: 18px;color: #222;font-weight: 600;text-align: left;border-bottom: 1px solid #efeff2;line-height: 66px;}
.dmNewRaiderMain .dmCaseR .uploadWrap .upload{position:relative;width: 100%;height: 144px;background: #f7f5f4 url(../temp/l_upload.png) no-repeat center;background-size: auto;margin-top: 20px;}
.dmNewRaiderMain .dmCaseR .uploadWrap .upload input{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;opacity: 0;}
@media only screen and (max-width: 1500px) {
  .decoStyleWrap .chooseWrap{margin-right: 30px;}
  .decoStyleWrap .decoStyleItem{width: 140px;}
}
@media only screen and (max-width: 1366px) {
  .decoStyleWrap .chooseWrap{margin-right: 20px;}
  .decoStyleWrap .decoStyleItem{width: 135px;}
}

/*****************商家中心-资料维护-发表成功*****************/
.dmSucceed{padding-bottom: 60px;}
.dmSucceed .dmCaseL{width: 100%;padding: 0 40px;}
.dmSucceed .dmRaiderTitle{border-bottom: 1px solid #efeff2;}
.dmSucceed .succeedCon{height: 668px;width: 100%;padding-top: 162px;}
.dmSucceed .succeedCon .img{text-align: center;}
.dmSucceed .succeedCon .img img{max-width: 100%;}
.dmSucceed .succeedCon .img .txt1{font-size: 22px;color: #222;margin-top: 10px;}
.dmSucceed .succeedBtn{text-align: center;margin-top: 100px;}
.dmSucceed .succeedBtn button{display: inline-block;vertical-align: middle;width: 100px;height: 36px;border: 1px solid #d9d9d9;border-radius: 4px;font-size: 16px;color: #666;margin: 0 4px;transition: all .4s}
.dmSucceed .succeedBtn button.active,.dmSucceed .succeedBtn button:hover{background: #1AA0E5;border: 1px solid #1AA0E5;color: #fff;}

/*****************商家中心-个人中心*****************/
.personWrap{padding-bottom: 60px;}
.personNav{width: 25%;padding-right: 20px;}
.personNav ul{border: 1px solid #eee;}
.personNav li{width: 100%;line-height: 82px;background: #fff;border-bottom: 1px dashed #eee;}
.personNav li.active a{background: #ededed;color: #1AA0E5;}
.personNav li.active a em{color: #1AA0E5;}
.personNav li.active .navDown a{background: #fff;}
.personNav li a{display: block;width: 100%;height: 100%;padding-left: 29%;font-size: 20px;color: #222;font-weight:600;position: relative;}
.personNav li a em{font-size: 20px;color: #222;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.personNav li:last-child{border-bottom: 0;}
.personNav li .navDown{padding: 10px 0;display: none;}
.personNav li .navDown a{line-height: 35px;font-size: 16px;color: #666;font-weight: normal;transition: all .4s;}
.personNav li .navDown a.active{color: #1AA0E5;}
.personNav .myKeep i{content: '';display: inline-block;vertical-align: top;height: 82px;width: 18px;background: url(../img/l_jia.png) no-repeat center;background-size: 100%;position: absolute;top: 0;left: 20%;}
.personNav .myKeep.active i{content: '';display: inline-block;vertical-align: top;height: 82px;width: 18px;background: url(../img/l_jian.png) no-repeat center;background-size: 100%;position: absolute;top: 0;left: 20%;}

.personMain{width: 75%;background: #fff;padding: 0 40px 40px;border: 1px solid #eee;}
.personTitle{padding: 38px 0 29px;}
.personTitle h1{height: 24px;line-height: 24px;font-size: 24px;font-weight: 600;}
.personTitle h1::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 3px;background: #1AA0E5;margin-right: 12px;}
.attenList li{height: 99px;line-height: 99px;border-top: 1px solid #efeff2;position: relative;}
.attenList li .txt1,.attenList li h2{height: 100%;}
.attenList li .txt1{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}
.attenList li .txt1 img{width: 100%;max-width: 100%;max-height: 100%;}
.attenList li .txt2{font-size: 16px;color: #222;margin-left: 20px;}
.attenList .attenBtn{width: 70px;height: 24px;line-height: 22px;text-align:center;border: 1px solid #d9d9d9;border-radius: 4px;font-size: 12px;color: #777;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.attenList .attenBtn.active{border:1px solid #1AA0E5;background: #1AA0E5;color: #fff;}
.keepCaseList .caseItem{width: 33.33%;}
.keepMain{width: 75%;}
.keepMain .personTitle{background: #fff;padding: 38px 40px 29px;}

.keepRaiderList .listTitle .right span{display:none;font-size: 16px;color: #999;}
.keepRaiderList .listTitle .right span.active{display: block;}
.keepRaiderList .listTitle .right .keep i{margin-right: 5px;color: #999;font-size: 20px;}
.keepRaiderList .listTitle .right .noKeep i{margin-right: 5px;color: #ffdf2d;font-size: 20px;}

.keepDiaryList li .text{width: 100%;}
.keepDiaryList .listCon{width: 70%;}
.keepDiaryList .diaryImg{margin: 10px -10px;}
.keepDiaryList .diaryImg .diaryImgItem{float: left;width: 16.6%;padding: 10px;}
.keepDiaryList .diaryImg .diaryImgItem img{width: 100%;}

/*****************商家中心-个人中心-我的留言*****************/
.message li{border-top: 1px solid #efeff2;padding: 30px 0;}
.message .landlord,.message .replyCon{width: 100%;margin-bottom: 20px;}
.message .landlord .left,.message .replyCon .left{width: 6.4%;}
.message .landlord .left .img,.message .replyCon .left .img,.message .publishCon .left .img{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.message .landlord .left .img img,.message .replyCon .left .img img,.message .publishCon .left .img img{width: 100%;max-width: 100%;max-height: 100%;}
.message .landlord .text,.message .replyCon .replyMain,.message .publishCon,.message .tuijian{width: 93.6%;}
.message .landlord .text .txt1,.message .publishCon .text .txt1{font-size: 16px;color: #222;font-weight: 600;margin-bottom: 8px}
.message .landlord .text .txt2,.message .publishCon .text .txt2{font-size: 14px;color: #444;margin-bottom: 15px;}
.message .landlord .text .time,.message .publishCon .text .time{font-size: 12px;color: #888;height: 18px;line-height: 18px;}
.message .landlord .text .time span,.message .publishCon .text .time span{margin-right: 20px;display: inline-block;vertical-align: top;height: 100%;cursor: pointer;}
.message .landlord .text .time span:last-child,.message .publishCon .text .time span:last-child{margin-right: 0;}
.message .landlord .text .time span em,.message .publishCon .text .time span em{display: inline-block;vertical-align: top;height: 100%;margin-right: 6px;}
.message .landlord .text .time .span1,.message .publishCon .text .time .span1{margin-right: 28px;cursor: default;}
.message .landlord .text .time .span2 em{width: 13px;background: url(../img/l_reply.png) no-repeat center;background-size: 100%;}
.message .landlord .text .time .span3 em,.message .publishCon .text .time .span3 em{width: 15px;background: url(../img/l_read_icon6.png) no-repeat center;background-size: 100%;}

.message .replyCon{display: none;}
.message .replyCon.active{display: block;}
.message .replyMain .replyText{width: 90.3%;height: 80px;border: 1px solid #1AA0E5;border-radius: 4px;}
.message .replyMain .replyText textarea{width: 100%;height: 100%;padding: 12px;resize: none;background: transparent;font-size: 14px;color: #222;}
.message .replyMain .replyText textarea::-webkit-input-placeholder{font-size: 14px;color: #999;}
.message .replyMain .replyText textarea::-moz-placeholder{font-size: 14px;color: #999;}
.message .replyMain .replyText textarea::-ms-input-placeholder{font-size: 14px;color: #999;}
.message .replyMain .replyText textarea:-ms-input-placeholder{font-size: 14px;color: #999;}
.message .replyMain .publishBtn{cursor:pointer;width: 80px;height: 80px;border-radius: 4px;background: #1AA0E5;font-size: 14px;color: #fff;line-height: 1.5;font-weight: 600;letter-spacing: 2px;}

.message .publishCon{margin-bottom: 20px;}
.message .publishCon.active{display: block;}
.message .publishCon .left{width: 6.7%;}
.message .publishCon .text{width: 93.3%;}
.message .publishCon .text .txt1{width: 93.3%;}

.message .tuijian{padding: 10px;background: #f0f0f0;}
.message .tuijian .img{width: 60px;height: 60px;margin-right: 12px;}
.message .tuijian .img img{width: 100%;max-width: 100%;max-height: 100%;}
.message .tuijian .text{width: 100%;}
.message .tuijian .text .txt1{font-size: 16px;color: #222;padding-right:20px;margin-bottom: 6px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.message .tuijian .text .txt2{font-size: 16px;color: #666;padding-right:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media only screen and (max-width: 1500px) {
  .message .landlord .left, .message .replyCon .left{width: 7%;}
  .message .landlord .text, .message .replyCon .replyMain, .message .publishCon, .message .tuijian{width: 93%;}
  .message .replyMain .replyText{width: 88.8%;}
}
@media only screen and (max-width: 1366px) {
  .message .landlord .left, .message .replyCon .left{width: 7.5%;}
  .message .landlord .text, .message .replyCon .replyMain, .message .publishCon, .message .tuijian{width: 92.5%;}
  .message .replyMain .replyText{width: 87.5%;}
}






/*****************内页3   装修服务商*****************/
/*****************装修服务商---装修公司*****************/
.serviceProvider{background: #3f465c;width: 100%;}
.serviceProvider ul{padding: 0 110px;border: px solid green;position: relative;}
.serviceProvider ul li{float: left;padding: 0px 60px; width: 20%;position: relative;}
.serviceProvider ul li::after{content: '';display: block;width: 1px;height: 40px;background: #999;position: absolute;top: 50%;margin-top: -20px;right: 0;}
.serviceProvider ul li:last-child::after{display: none;}
.serviceProvider ul li a{display: block;width: 120px;height: 78px;padding: 10px 0;transition: all .4s;position: relative;text-align: center;border: px solid blue;}
.serviceProvider ul li.active a,.serviceProvider ul li a:hover{background: #30364b;}
.serviceProvider ul li a .img{line-height: 29px;position: absolute;text-align: center;left: calc((100% - 27px)/2);}
.serviceProvider ul li a .img img{display: inline-block;vertical-align: middle;text-align: center;}
.serviceProvider ul li a .serviceProvidertext{display: inline-block;margin-top: 30px;}
.serviceProvider ul li a .serviceProvidertext .txt1{color: #cccccc;font-size: 14px;text-align: center;line-height: 26px;}
.serviceProvider .triangle{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:8px solid white;display: inline-block;position: absolute;left: calc((100% - 12px)/2);margin-top: 56px;opacity: 0;transition: all .4s;}
.serviceProvider ul .active .triangle{opacity: 1;}
.serviceProvider ul li :hover .triangle{opacity: 1;}

@media only screen and (max-width: 1500px) {
  .oneVerline{top: 5%;left: 26%;}
  .twoVerline{top: 5%;left: 43%;}
  .threeVerline{top: 5%;left: 59.5%;}
  .fourVerline{top: 5%;left: 76%;}
} 
@media only screen and (max-width: 1366px) {
  .oneVerline{top: 5%;left: 27%;}
  .twoVerline{top: 5%;left: 43.5%;}
  .threeVerline{top: 5%;left: 60%;}
  .fourVerline{top: 5%;left: 76.5%;}
} 
@media only screen and (max-width: 1200px) {
  .oneVerline{top: 5%;left: 29.5%;}
  .twoVerline{top: 5%;left: 45.5%;}
  .threeVerline{top: 5%;left: 61.5%;}
  .fourVerline{top: 5%;left: 77%;}
}


.serviceHead{background-color: #f4f4f4;}
.serviceHead .w{border: 1px solid #f4f4f4;}
.serviceHead .sjPosition a{color: #666;transition: all .4s;}
.serviceHead .sjPosition a:hover{color: #1AA0E5;}
.serviceHead .sjPosition a:last-child{color: #666;}
.serviceHead .sjPosition a:last-child:hover{color: #666;}
.serviceHead .w .column-nav {position: relative;line-height: 20px;height: 70px;padding: 0 10px 0 85px;overflow: hidden;margin-bottom: 20px;background-color: white;border: 1px solid #eaeaea;}
.serviceHead .w .column-nav > span {position: absolute;top: 26px; left: 30px;font-size: 16px;}
.serviceHead .w .column-nav > a {display: inline-block;padding:7px 15px;margin: 18px 30px 12px 0;vertical-align: middle;}
.serviceHead .w .column-nav > a.active {color: #f1f9ff;background: #26a3fc;border-radius: 4px;}   
.serviceHead .caseStyle{background: #fff;}
.serviceHead .caseStyle .caseListH .sortItem a.active{background: #1AA0E5;color: #fff;}
.serviceHead .caseStyle1{margin-top: 20px;}
    
.companyItem{background-color: #f4f4f4;padding-bottom: 70px;}
.companyItem .companyItemLeft{box-sizing: border-box;width: 75%;position: relative;background: #fff;}
.companyItem .companyItemLeft .page{margin: 55px 0 45px;}
.companyItem .workList .page{margin: 35px 0 45px;}
.companyItem .companyItemLeft ul{width: 100%;}
.companyItem .list-right{box-sizing: border-box;width: 23.6%;}

.companyItemForm {margin-bottom: 20px;}
.companyItemForm form {float:right;width: 100%;background:#fee288;overflow: hidden;border:1px solid #e5e5e5;}
.companyItemForm .city-picker-selector .selector-show .selector-list{top: 34px;}
.companyItemFormBI p{font-size: 28px;line-height: 40px;color: #000000;text-align: center;margin: 0 auto;margin-top: 8px;}
.companyItemFormBI .inputBox{position:relative;width: 100%;height: 38px;line-height: 38px;border-radius: 4px;background: #ffffff;margin-bottom: 12px;padding: 0 15px;border1px solid #e5e5e5;}
.companyItemFormBI .inputBox input{width: 86%;height: 100%;font-size: 12px;color: #333;}
.companyItemFormBI .inputBox input::-webkit-input-placeholder{font-size: 12px;color: #999;}
.companyItemFormBI .inputBox input::-moz-placeholder{font-size: 12px;color: #999;}
.companyItemFormBI .inputBox input::-ms-input-placeholder{font-size: 12px;color: #999;}
.companyItemFormBI .inputBox input:-ms-input-placeholder{font-size: 12px;color: #999;}
.companyItemFormBI .inputBox em{color: #666;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.companyItemFormBI .houseArea em{font-size: 14px;}
.companyItemFormBI .quote{display:block;border-radius:4px;width: 100%;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #fff;background: #ff5153;transition: all .4s;}
.companyItemFormBI .quote:hover{background: #0a8acc;}
.companyItemFormBI .num{font-size: 16px;color: #444444;text-align: center;line-height:40px;margin-bottom:8px}
.companyItemFormBI .num em{font-size: 16px;color: #f1311b;}
@media only screen and (max-width: 1500px) { 
  .companyItemFormBI p{font-size: 26px;}
} 

.companyArrangement{background-color: white;width: 100%;padding: 0 20px 13px 20px;margin-bottom: 20px;}
.companyArrangementtitle{text-align: center;padding: 0 48px;} 
.companyArrangementtitle img{line-height: 72px;margin-top: 15px;}
.companyArrangementtitle p{text-align: center;vertical-align: center;line-height: 72px;font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.companyArrangement ul li{border-bottom: 1px dashed #eaeaea;padding: 15px 0;}
.companyArrangement ul li a{display: block;width: 100%;height: 100%;}
.companyArrangement ul li a .img{margin-right:10px;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #e7e7e7;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.companyArrangement ul li a .img img{max-width: 100%;max-height: 100%;}
.companyArrangement ul li:nth-child(6){border-bottom: none;}
.companyArrangement ul li span{width: 16px;height: 16px;display: block;text-align: center;line-height: 16px;font-size: 12px;color: white;border-radius: 4px;margin: 15px 20px 0 10px ;} 
.companyArrangement #one{background-color: #ff4848;}
.companyArrangement #two{background-color: #ff9648;}
.companyArrangement #three{background-color: #fadf27;}
.companyArrangement #four{background-color: #e0dee0;color: #8f8f8f;}
.companyArrangement #five{background-color: #e0dee0;color: #8f8f8f;}
.companyArrangement ul li .txt1{display: block;font-size: 16px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 60%}
 @media only screen and (max-width: 1500px) { 
  .companyArrangementtitle{padding: 0;} 
  .companyArrangementtitle p{font-size: 18px;}
  .companyArrangement ul li .txt1{max-width: 50%;}
} 

.promotionPromotion{background-color: white;border: 1px solid #f4f4f4;margin-bottom: 20px;}
.promotionPromotion li{padding: 0 20px;margin-bottom: 14px;}
.promotionPromotion li a{display: block;width: 100%;height: 100%;}
.promotionPromotion li a .img{overflow: hidden;width: 100%;}
.promotionPromotion li a .img img{width: 100%;}
.promotionPromotion li a:hover img{transform: scale(1.06)}
.promotionPromotion li:nth-child(1){line-height: 60px;font-size: 18px;font-weight: bold;margin-bottom: 0px;}
.promotionPromotion img{transition:all .4s;border: 1px solid #f8f8f8;border-bottom: none;}
.promotionPromotion .text{padding: 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .4s;text-align: center;line-height: 42px;font-size: 16px;border: 2px solid #f8f8f8;border-top: none;}
@media only screen and (max-width: 1500px) { 
  .promotionPromotion .text a{font-size: 13px;}
} 
.Suitcase{margin-bottom: 20px;}
.Suitcase a{display: block;width: 100%;height: 100%;}
.Suitcase a img{width: 100%;}

.Merchantssettled{position: relative;margin-bottom: 20px;}
.Merchantssettled img{width: 100%;}
.Merchantssettled a{width: 124px;height: 38px;font-size: 16px;display: block;text-align: center;line-height: 38px;background-color: #ff552e;color: white;position: absolute;bottom: 20%;left: calc((100% - 124px)/2);transition: all .4s;}
.Merchantssettled a:hover{transform: scale(1.2);color: #fff;}

.Decorationstrategy{padding: 20px;background-color: white;margin-bottom: 20px;}
.Decorationstrategy .Decorationstrategytitle{line-height: 38px;font-size: 18px;font-weight: bold;}
.Decorationstrategy a{display: block;line-height: 34px;font-size: 14px;color: #444444;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Decorationstrategy a em{margin-right: 5px}
.Decorationstrategy a:hover{color: #0a8acc;}

.Decorationdiary{padding: 20px;background-color: white;margin-bottom: 20px;}
.Decorationdiary .Decorationdiarytitle{line-height: 38px;font-size: 18px;font-weight: bold;}
.Decorationdiary a{display: block;line-height: 34px;font-size: 14px;color: #444444;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;position: relative;}
.Decorationdiary a::before{content: '';display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #999999;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.Decorationdiary a:hover::before{background: #1AA0E5;}
.Decorationdiary a:hover{color: #0a8acc;}

/*****************装修服务商---工长*****************/
.list-left{background-color: white;box-sizing: border-box;width: 75%;}
.Foreman{overflow:hidden;border: 1px solid #e5e5e5;margin-right: 14px;margin-bottom: 20px;box-sizing: border-box;border-radius: 6px;width: calc((100% - 42px)/4);transition: all .4s;}
.list-left .Foreman:hover{box-shadow: 0 0 20px #d9d9d9;border: 1px solid white;}
.list-left li:nth-child(4){margin-right: 0;}
.list-left li:nth-child(8){margin-right: 0;}
.list-left li:nth-child(12){margin-right: 0;}
.list-left li:nth-child(16){margin-right: 0;}
.list-left li:nth-child(20){margin-right: 0;}
.list-left li:nth-child(24){margin-right: 0;}
.list-left li:nth-child(28){margin-right: 0;}
.list-left li:nth-child(32){margin-right: 0;}
.list-left li:nth-child(36){margin-right: 0;}
.list-left li:nth-child(40){margin-right: 0;}
.list-left li:nth-child(44){margin-right: 0;}
.list-left li:nth-child(48){margin-right: 0;}
.list-left li:nth-child(52){margin-right: 0;}
.list-left li:nth-child(56){margin-right: 0;}
.list-left li:nth-child(60){margin-right: 0;}
.list-left li:nth-child(64){margin-right: 0;}
.Foreman a{display: block;width: 100%;background: #fff;overflow: hidden;}
.Foreman a .img img{width: 100%;}
.Foreman a .text{text-align: center;padding-top: 15px;} 
.Foreman a .text .txt1{font-size: 16px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.Foreman a .text .txt2{font-size: 12px;color: #666666;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.Foreman a .text .txt3{display: inline-block;vertical-align: middle;padding:0 13px;height: 28px;line-height: 28px;background: #1AA0E5;margin-bottom: 20px;margin-top: 10px;color: white;font-size: 12px;}



/*****************装修服务商---家居建材商*****************/
.Building-Material-Dealer{background-color: #f4f4f4;padding: 20px 0 60px;}
.Building-Material-Dealer .list-left{box-sizing: border-box;width: 75%;position: relative;}
.Building-Material-Dealer .list-right{box-sizing: border-box;width: 23.6%;}

/*****************装修攻略*****************/
.DserviceItem{background: #f0f0f0;width: 100%;padding: 30px 0;}
.DserviceItem ul{margin: 0 -10px;}
.DserviceItem ul li{float: left;width: 20%;padding: 10px;}
.DserviceItem ul li a{display: block;width: 100%;height: 100%;background: #fff;border-radius: 4px;text-align: left;position: relative;overflow: hidden;}
.DserviceItem ul li a::after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;transition: all .4s;}
.DserviceItem ul li a:hover::after{background: rgba(0,0,0,0.6);}
.DserviceItem ul li a .img img{width: 100%;height: 100%;}
.DserviceItem ul li a .text .txt1{font-size: 24px;color: #333;position: absolute;display: inline-block;top: calc((100% - 60px)/2);left: 10%;color: white;z-index: 1;}
@media only screen and (max-width: 1500px) {
  .DserviceItem ul li a .text .txt1{left: 5%;top: 10%;}
}

.Decoration-process-title{padding-top: 34px;}
.Decoration-process-title p{line-height: 80px;}
.Decoration-process-title p span{font-size: 24px;color: #222222;margin-right: 50px;}
.Decoration-process-title p a{font-size: 14px;color: #999999;margin-right: 15px;}
.Decoration-process-title p a:hover{color: #1aa0e5;}
.Decoration-process-content ul{float: left;margin-right: 20px;}
.Decoration-process-content li{position: relative;}
.Decoration-process-content .list1{width: 34.5%;}
.Decoration-process-content .list1 .text{position: absolute;bottom: 0;width: 100%;}
.Decoration-process-content .list1 .text a{line-height: 50px;font-size: 18px;padding-left: 20px;color: white;background-color: rgba(0,0,0,0.4);transition: all .4s;display: block;width: 100%;}
.Decoration-process-content .list1 .img{width: 100%;}
.Decoration-process-content .list1 .img img{width: 100%;}
.Decoration-process-content .list2{width: 35%;}
.Decoration-process-content .list2 .img{width: 29.6%;}
.Decoration-process-content .list2 .img img{width: 100%;}
.Decoration-process-content .list2 li{margin-bottom: 3.8%;}
.Decoration-process-content .list2 li a{display: block;width: 100%;height: 100%;}
.Decoration-process-content .list2 li a .text{padding: 8px 0 0 0px;width: 68%;height: 29.8%;}
.Decoration-process-content .list2 li a .text .txt1{margin-bottom:8px;width: 100%;font-size: 18px;color: #222;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Decoration-process-content .list2 li a .text .txt2{width: 100%;font-size: 12px;color: #a8a8a8;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Decoration-process-content .list2 li:nth-child(3){margin-bottom: 0;}
.Decoration-process-content .list3{padding-top: 8px;width: 25%;}
.Decoration-process-content .list3{margin-right: 0;}
.Decoration-process-content .list3 li a{font-size: 14px;color: #333333;line-height: 30px;margin-bottom: 8px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Decoration-process-content .list3 li a span{color: #222222;font-weight: bold;margin-right: 5px;}
.Decoration-process-content .list3 li:hover a{color: #1aa0e5;}
.Decoration-process-content .list3 li:hover a span{color: #1aa0e5;}
@media only screen and (max-width: 1500px) {
  .Decoration-process-content .list2 li a .text{padding-top: 5px;}
  .Decoration-process-content .list2 li a .text .txt1{margin-bottom: 3px;}
  .Decoration-process-content .list3 li a{margin-bottom: 1px;}
  .Decoration-process-content .list3{padding-top: 0px;}
}
@media only screen and (max-width: 1366px) {
  .Decoration-process-content .list2 li a .text{padding-top: 0;}
  .Decoration-process-content .list2 li a .text .txt1{margin-bottom: 2px;line-height: 1.4;}
}

.Video-learning-decoration{margin: 30px 0 90px;}
.Video-learning-decoration-title p{font-size: 24px;color: #222222;line-height: 80px;}
.Video-learning-decoration-text ul{margin: 0 -10px;}
.Video-learning-decoration-text li{position: relative;width: 25%;float: left;padding: 0 10px;}
.Video-learning-decoration-text li:nth-child(4){margin-right: 0;}
.Video-learning-decoration-text .circle {width: 46px;height: 46px;background: rgba(0,0,0,0.4);border-radius: 50px;position: absolute;top: 30%;left: 45%;}
.Video-learning-decoration-text .triangle-right {width: 0;height: 0;border-top: 10px solid transparent;border-left: 15px solid #ffffff;border-bottom: 10px solid transparent;position: absolute;top: 35%;left: 50%;}
.Video-learning-decoration-text p{margin-top: 15px;font-size: 14px;color: #444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Video-learning-decoration-text .video-js .vjs-big-play-button{border-radius: 50%;}
@media only screen and (max-width: 1500px) {
  .Video-learning-decoration{margin-top: 80px;}
  .Video-learning-decoration-text .circle {width: 46px;height: 46px;background: rgba(0,0,0,0.4);border-radius: 50px;position: absolute;top: 30%;left: 40%;}
  .Video-learning-decoration-text .triangle-right {width: 0;height: 0;border-top: 10px solid transparent;border-left: 15px solid #ffffff;border-bottom: 10px solid transparent;position: absolute;top: 35%;left: 47%;}
}



/*****************装修攻略---装修流程---列表*****************/
.Ditem{background-color: #f4f4f4;}
.Ditem .w{border: 1px solid #f4f4f4;}
.Ditem .w .Dcolumn .active{color: #26a3fc;}
.Ditem .w .Dcolumn {font-size: 14px;line-height: 32px;padding: 15px 0;color: #999;}
.Ditem .w .Dcolumn-nav {position: relative;line-height: 20px;height: 70px;padding: 0 10px 0 85px;overflow: hidden;margin-bottom: 20px;background-color: white;border: 1px solid #eaeaea;}
.Ditem .w .Dcolumn-nav > span {position: absolute;top: 26px; left: 30px;font-size: 16px;}
.Ditem .w .Dcolumn-nav > a {display: inline-block;padding:7px 15px;margin: 18px 30px 12px 0;vertical-align: middle;}
.Ditem .w .Dcolumn-nav > a:nth-child(2){margin-left: 30px;}
.Ditem .w .Dcolumn-nav > a.active {color: #f1f9ff;background: #26a3fc;border-radius: 4px;}    


.DcompanyItemForm {margin-bottom: 20px;}
.DcompanyItemForm form {float:right;width: 100%;padding:15px 20px 24px 20px;background:#ffffff;overflow: hidden;border:1px solid #e5e5e5;}
.DcompanyItemFormBI p{font-size: 28px;line-height: 40px;color: #000000;text-align: center;margin: 0 auto;margin-top: 8px;z-index: 100;}
.DcompanyItemFormBI p em{color: #ff8c1b;}
.DcompanyItemFormBI .inputBox{position:relative;width: 100%;height: 38px;line-height: 38px;border-radius: 4px;background: #ffffff;margin-bottom: 12px;padding: 0 15px;border: 1px solid #e5e5e5;}
.DcompanyItemFormBI .inputBox input{width: 86%;height: 100%;font-size: 12px;color: #333;}
.DcompanyItemFormBI .inputBox input::-webkit-input-placeholder{font-size: 12px;color: #999;}
.DcompanyItemFormBI .inputBox input::-moz-placeholder{font-size: 12px;color: #999;}
.DcompanyItemFormBI .inputBox input::-ms-input-placeholder{font-size: 12px;color: #999;}
.DcompanyItemFormBI .inputBox input:-ms-input-placeholder{font-size: 12px;color: #999;}
.DcompanyItemFormBI .inputBox em{color: #666;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.DcompanyItemFormBI .houseArea em{font-size: 14px;}
.DcompanyItemFormBI .quote{display:block;border-radius:4px;width: 100%;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #fff;background: #ff8c1b;transition: all .4s;}
.DcompanyItemFormBI .quote:hover{background: #0a8acc;}
.DcompanyItemFormBI .num{font-size: 16px;color: #444444;text-align: center;line-height:40px;margin-bottom:8px}
.DcompanyItemFormBI .num em{font-size: 16px;color: #f1311b;}
@media only screen and (max-width: 1500px) { 
  .DcompanyItemFormBI p{font-size: 26px;}
  .DcompanyItemFormBI .num{font-size: 13px;}
} 

.Popular-tags{width: 100%;padding:0 15px 13px 15px;position: relative;background-color: white;margin-bottom: 20px;} 
.Popular-tags .Popular-tags-title{line-height: 64px;font-size: 18px;font-weight: bold;}
.Popular-tags-text a{font-size: 14px;margin-right: 12px;margin-bottom: 12px;border: 1px solid #dddddd;border-radius: 4px;float: left;display: block;height: 30px;line-height: 30px;text-align: center;padding: 0 10px;color: #666666;transition: all .4s;}
.Popular-tags-text a:hover{border: 1px solid #2dbdff;color: #2dbdff;}
@media only screen and (max-width: 1500px) {
  .Popular-tags-text a{margin-right: 8px;}
}

/*****************装修攻略---装修流程---详情*****************/
.Decoration-details{padding: 10px 30px 50px 30px;background-color: #fff;margin-bottom: 20px;}
.Decoration-details-content{padding-top: 40px;}
.Decoration-details-content p{margin-bottom: 30px;font-size: 16px;color: #777777;line-height: 30px;}
.Decoration-details-content .img{text-align: center;margin-bottom: 30px;}
.Decoration-details-content .Decoration{font-size: 16px;color: #36c0ff;display: block;margin: 50px 0 70px 0;}
.Decoration-details-content .zan a{width: 108px;height: 50px;border: 1px solid #36c0ff;border-radius: 25px;text-align: right;display: block;position: relative;line-height: 50px;padding-right: 28px;margin-left: 50%;}
.comment{background-color: #fff;margin-bottom: 20px;padding: 10px 30px 20px 30px;}
.comment .title{line-height: 68px;font-size: 20px;color: #222222;}

.materials-recommended{padding: 0  20px;background-color: #ffffff;margin-bottom: 20px;}
.materials-recommended .title{font-size: 18px;color: #222222;line-height: 60px;font-weight: bold;text-align: left;}
.materials-recommended .text li{overflow:hidden;float: left;width: 46%;margin: 0 15px 15px 0;border: 1px solid #f0f0f0;border-radius: 5px;transition: all .4s;}
.materials-recommended .text li .img{width: 100%;height: 144px;background: #fff;display: flex;justify-content: center;align-items: center;}
.materials-recommended .text li .img img{max-height: 100%;max-width: 100%;}
.materials-recommended .text li .text{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 9px 8px;}
.materials-recommended .text li .text a:nth-child(1){font-size: 12px;color: #333333;}
.materials-recommended .text li .text a:nth-child(3){color: #999999;font-size: 12px;}
.materials-recommended .text li .text a:nth-child(3) span{color: #f72828;}
.materials-recommended .text li:nth-child(2){margin-right: 0;}
.materials-recommended .text li:nth-child(4){margin-right: 0;}
.materials-recommended .text li:nth-child(6){margin-right: 0;}
.materials-recommended .text li:hover{border: 1px solid #f84545;}

.information p:nth-child(1){font-size: 16px;color: #222;text-align: center;line-height: 36px;}
.information p:nth-child(2){font-size: 14px;color: #666;text-align: center;}
.reservation{margin-top: 16px;}
.reservation li{float: left;margin-right: 20px;width: 46.5%;}
.reservation li:nth-child(2){margin-right: 0;}
.reservation li a{display: block;line-height: 35px;background-color: #2dbdff;border-radius: 5px;text-align: center;color: #fff;}
@media only screen and (max-width: 1500px) {
  .information p:nth-child(1){font-size: 14px;}
  .information p:nth-child(2){font-size: 12px;}
  .reservation li{float: left;margin-right: 20px;width: 45%;}
  .materials-recommended .text li .img{height: 115px;}
}
@media only screen and (max-width: 1366px) {
  .materials-recommended .text li .img{height: 100px;}
}

/*****************装修日记*****************/
.Decoration1 ul{margin-bottom: 40px;margin-top: 120px;}
.Decoration-list{float: left;position: relative;width: calc((100% - 42px)/3);margin-right:21px}
.Decoration-list .Decoration-top{width: 100%;}
.Decoration-list .Decoration-top img{width: 100%;}
.Decoration-list:nth-child(3){margin-right: 0;}
.Decoration-top .text{float: left;position: absolute;top: 28px;left: 30px;}
.Decoration-top .text .txt1{font-size: 30px;color: #222222;}
.Decoration-top .text a{font-size: 16px;color: #666666;}
.Decoration-bottom{background-color: #fafff5;}
.Decoration-bottom .list{float: left;width: calc((100% - 3px)/4);text-align: center;border-right: 1px solid #e2f1df;}
.Decoration-bottom .list:nth-child(4){border-right: none;}
.Decoration-bottom .list a{display: block;height: 260px;padding-top: 104px;}
.Decoration-bottom .list a img{margin-bottom: 8px;}
.Decoration-bottom .list a span{color: #888;transition: all .4s;font-size: 16px;}
.Decoration-bottom .list a:hover span{color: #1aa0e5;}
.Decoration-bottom-ing{background-color: #f5fffc;}
.Decoration-bottom-ing .listing{float: left;width: calc((100% - 3px)/4);text-align: center;border-right: 1px solid #e2f1df;border-bottom: 1px solid #e2f1df;}
.Decoration-bottom-ing .listing:nth-child(4){border-right: none;}
.Decoration-bottom-ing .listing:nth-child(8){border-right: none;}
.Decoration-bottom-ing .listing:nth-child(5){border-bottom: none;}
.Decoration-bottom-ing .listing:nth-child(6){border-bottom: none;}
.Decoration-bottom-ing .listing:nth-child(7){border-bottom: none;}
.Decoration-bottom-ing .listing:nth-child(8){border-bottom: none;}
.Decoration-bottom-ing .listing a{display: block;height: 130px;padding-top: 40px;}
.Decoration-bottom-ing .listing a img{margin-bottom: 8px;}
.Decoration-bottom-ing .listing a span{color: #888;transition: all .4s;font-size: 16px;}
.Decoration-bottom-ing .listing a:hover span{color: #1aa0e5;}
.Decoration-bottomA{background-color: #fffdf5;}
.Decoration-bottomA .listA{float: left;width: calc((100% - 1px)/2);text-align: center;border-right: 1px solid #e2f1df;}
.Decoration-bottomA .listA a{display: block;height: 260px;padding-top: 104px;/* width: 233px; */}
.Decoration-bottomA .listA:nth-child(2){border-right: none;}
.Decoration-bottomA .listA a img{margin-bottom: 8px;}
.Decoration-bottomA .listA a span{color: #888;transition: all .4s;font-size: 16px;}
.Decoration-bottomA .listA a:hover span{color: #1aa0e5;}

.Decoration2{margin-bottom: 20px;}
.BDecoration .title p{line-height: 104px;}
.BDecoration .title p span{font-size: 24px;color: #222222;margin-right: 35px;}
.BDecoration .title p a{font-size: 14px;color: #999999;margin-right: 10px;transition: all .4s;}
.BDecoration .title p a:hover{color: #1aa0e5;}
.Decoration-item ul{float: left;margin-right: 20px;}
.Decoration-item .left{width: 73.8%;}
.Decoration-item .imgbox .box{float: left;margin-right: 20px;position: relative;width: calc((100% - 40px)/3);overflow: hidden;}
.Decoration-item .imgbox .box a{display: block;width: 100%;}
.Decoration-item .imgbox .box a .img{width: 100%;}
.Decoration-item .imgbox .box a .img img{width: 100%;}
.Decoration-item .imgbox .box a .text p{font-size: 18px;line-height: 50px;color: white;display: block;background-color: rgba(0,0,0,0.4);transition: all .4s;position: absolute;bottom: -50px;width: 100%;transition: all .4s;}
.Decoration-item .imgbox .box a:hover .text p{bottom: 0;}
.Decoration-item .imgbox .box:nth-child(3){margin-right: 0;}
.Decoration-item .right{margin-right: 0;width: 24%;box-shadow: 0 0 20px #e3e5e5;}
.Decoration-item .right li{width: 100%;}
.Decoration-item .right .restaurant{background-color: #f8f8f8;padding: 20px 30px;}
.Decoration-item .right .restaurant .img{float: left;margin-right: 15px;width: 29.2%;}
.Decoration-item .right .restaurant .img img{width: 100%;}
.Decoration-item .right .restaurant .text{float: right;width: 60%;}
.Decoration-item .right .restaurant .text a{font-size: 14px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 26px;}
.Decoration-item .right .restaurant .text p{font-size: 12px;}
.Decoration-item .right li{padding: 0 30px;}
.Decoration-item .right li a{line-height: 60px;border-bottom: 1px solid #f0f0f0;display: block;font-size: 14px;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Decoration-item .right li:nth-child(8) a{border: none;}
.Before-Decoration-banner {margin-bottom: 20px;}
.Before-Decoration-banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.Before-Decoration-banner .swiper-slide a .text{width: 34%;float: left;padding: 40px 35px 30px 35px;border: px solid red;} 
.Before-Decoration-banner .swiper-slide a .text .txt1{font-size: 16px;color: #222222;text-align: center;line-height: 26px;margin-bottom: 15px;}
.Before-Decoration-banner .swiper-slide a .text .txt2{font-size: 12px;margin-top: 10px;color: #666666;text-align: center;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.Before-Decoration-banner .swiper-slide a .text p{font-size: 12px;text-align: center;}
.Before-Decoration-banner .swiper-slide a .text p span{font-size: 16px;}
.Before-Decoration-banner .swiper-slide a .img{float: left;width: 66%;}
.Before-Decoration-banner .swiper-slide a .img img{width: 100%;}
.Before-Decoration-banner .swiper-pagination{bottom: 18px;}
.Before-Decoration-banner .swiper-pagination-bullet{width: 30px;height: 4px;background: #fff;border: none;border-radius: 0;opacity: 1;}
@media only screen and (max-width: 1500px) {
  .Before-Decoration-banner .swiper-slide a .text{padding: 15px 15px 12px 15px;width: 26.5%;} 
  .Before-Decoration-banner .swiper-slide a .text .txt1{font-size: 10px;margin-bottom: 15px;}
  .Before-Decoration-banner .swiper-slide a .img{width: 73.5%;}
  .Decoration-item .imgbox .box a .text p{font-size: 14px;}
  .Decoration-item .right li a{line-height: 45px;}
}
@media only screen and (max-width: 1200px) {
  .Before-Decoration-banner .swiper-slide a .text{padding: 15px 15px 12px 15px;width: 26.5%;} 
  .Before-Decoration-banner .swiper-slide a .text .txt1{font-size: 14px;}
  .Before-Decoration-banner .swiper-slide a .text .txt2{font-size: 10px;margin-bottom: 10px;}
  .Before-Decoration-banner .swiper-slide a .text p{font-size: 10px;}
  .Before-Decoration-banner .swiper-slide a .text p span{font-size: 14px;}
}

.Decoration3{margin-bottom: 20px;}
.Decorating .title p{line-height: 104px;}
.Decorating .title p span{font-size: 24px;color: #222222;margin-right: 35px;}
.Decorating .title p a{font-size: 14px;color: #999999;margin-right: 10px;transition: all .4s;}
.Decorating .title p a:hover{color: #1aa0e5;}
.Decorating-item ul{float: left;margin-right: 20px;}
.Decorating-item .left{width: 73.8%;}
.Decorating-item .left li{float: left;margin-right: 20px;}
.Decorating-item .left li:nth-child(2){margin-right: 0;border: px solid red;}
.Decorating-item .left li:nth-child(2) a{margin-bottom: 0px;display: block;}
.Decorating-item .left li{float: left;margin-right: 20px;}
.Decorating-item .left li a{display: block;width: 100%;}
.Decorating-item .left li a .img{width: 100%;}
.Decorating-item .left li a .img img{width: 100%;}
.Decorating-item .left li:nth-child(1){width: 66%;}
.Decorating-item .left li:nth-child(1) .text{width: 100%;position: relative;}
.Decorating-item .left li:nth-child(1) .text p{font-size: 18px;line-height: 50px;color: white;padding-left: 20px;background-color: rgba(0,0,0,0.4);transition: all .4s;position: absolute;bottom: 0;width: 100%;}
.Decorating-item .left li:nth-child(1) .text p:hover{background-color:  rgba(0,0,0,0);}
.Decorating-item .left li:nth-child(2){width: 32%;}
.Decorating-item .left li:nth-child(2) a{display: block;margin-bottom: 20px;}
.Decorating-item .left li:nth-child(2) a img{width: 100%;}
.Decorating-item .right{margin-right: 0;width: 24%;box-shadow: 0 0 20px #e3e5e5;}
.Decorating-item .right li{width: 100%;}
.Decorating-item .right .restaurant{background-color: #f8f8f8;padding: 20px 30px;}
.Decorating-item .right .restaurant .img{float: left;margin-right: 15px;width: 29.2%;}
.Decorating-item .right .restaurant .img img{width: 100%;}
.Decorating-item .right .restaurant .text{float: left;width: 60%;}
.Decorating-item .right .restaurant .text a{font-size: 14px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 26px;}
.Decorating-item .right .restaurant .text p{font-size: 12px;}
.Decorating-item .right li a{line-height: 60px;border-bottom: 1px solid #f0f0f0;display: block;font-size: 14px;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Decorating-item .right li{padding: 0 30px;}
.Decorating-item .right li:nth-child(8) a{border: none;}
@media only screen and (max-width: 1500px) {
  .Decorating-item .left li{float: left;margin-right: 19px;}
  .Decorating-item .left li:nth-child(2){width: 31.6%;}
  .Decorating-item .right li a{line-height: 45px;}
}
@media only screen and (max-width: 1366px) {
  .Decoration-item .right .restaurant{padding: 10px 5px;}
}

.Latest-strategy{margin-bottom: 100px;background-color: #fff;}
.Latest-strategy .title{line-height: 100px;font-size: 24px;}
.Latest-strategy .case ul{float: left;padding: 20px 0  30px 30px;margin-right: 20px;background-color: #fff;width: calc((100% - 60px)/4);box-shadow: 0 0 20px #e3e5e5;}
.Latest-strategy .case ul:nth-child(4){margin-right: 0;}
.Latest-strategy .case li a{display: block;line-height: 40px;font-size: 14px;color: #444444;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.Latest-strategy .case li a:hover{color: #1aa0e5;}


/*****************装修日记---装修流程---列表*****************/

.Brand-recommendation{padding: 20px;background-color: #fff;margin-bottom: 20px;}
.Brand-recommendation-title{line-height: 38px;font-size: 18px;font-weight: bold;}
.Brand-recommendation li{margin-right: 10px;margin-top: 15px;float: left;width: calc((100% - 10px)/2);border: 1px solid #eaeaea;}
.Brand-recommendation li a{display: block;width: 100%;height: 100%;}
.Brand-recommendation li a img{width: 100%;}
.Brand-recommendation li:nth-child(2){margin-right: 0;}
.Brand-recommendation li:nth-child(4){margin-right: 0;}
.Brand-recommendation li:nth-child(6){margin-right: 0;}


/*****************装修日记---装修流程---详情*****************/
.Decoration-details{padding: 10px 30px 50px 30px;background-color: #fff;margin-bottom: 20px;}
.Decoration-details-content{padding-top: 40px;}
.Decoration-details-content p{margin-bottom: 30px;font-size: 16px;color: #777777;line-height: 30px;}
.Decoration-details-content .img{text-align: center;margin-bottom: 30px;}
.Decoration-details-content .Decoration{font-size: 16px;color: #36c0ff;display: block;margin: 50px 0 70px 0;}
.Decoration-details-content .zan a{width: 108px;height: 50px;border: 1px solid #36c0ff;border-radius: 25px;text-align: right;display: block;position: relative;line-height: 50px;padding-right: 28px;margin-left: 50%;}
.comment{background-color: #fff;margin-bottom: 20px;padding: 10px 30px 20px 30px;}
.comment .title{line-height: 68px;font-size: 20px;color: #222222;}


/*****************家居建材商品*****************/
/*.solution-box{width: 100%;height: 400px;background: url(../temp/Home-building-materials.jpg) no-repeat center;background-size: cover;} */
.solution-box{width: 100%;height: 400px;position: relative;}/*2020.4.7修改*/
.solution-box .solution-bj{position: absolute;top: 0;z-index: 999;left: 50%;transform: translateX(-50%);}/*2020.4.7修改*/
.solution-box .swiper-button-prev{background: url(../img/l_prev_rj.png) no-repeat center;}/*2020.4.7修改*/
.solution-box .swiper-button-next{background: url(../img/l_next_rj.png) no-repeat center;}/*2020.4.7修改*/

.solution-list li{width: 350px;height: 20%;}
.solution-list li:hover .left{background: #fff;}
.solution-list li:hover .left a{color: #333;}
.solution-list li:hover .left a:hover{color: #1AA0E5;}
.solution-list li:hover .solution-item{display: block}
.solution-list li:first-child .left{border-top: 0;}
.solution-list li:last-child .left{border-bottom: 0;}
.solution-list li .left{position:relative;width: 350px;height: 100%;background: #3a3c44;position: relative;padding: 10px 0;padding-left: 24px;border-top: 1px solid #4f5058;border-bottom: 1px solid #24262c;}
.solution-list li .left h2{font-size: 18px;color: #1aa0e5;line-height: 32px;}
.solution-list li .left a{font-size: 14px;color: #ffffff;line-height: 24px;white-space: nowrap;margin-right: 2px;}
.solution-list li .left i{font-size: 18px;color: #a4a5a7;position: absolute;right: 15px;top: 50%;}
.solution-item{display:none;position: absolute;top: 0;left: 350px;width: 800px;}
.solution-item-list{height: 100%;width: 600px;padding: 0 20px;background: #fff;}
.solution-text{width: 100%;float: left;padding: 15px 0;}
.solution-text a{font-size: 14px;color: #666;line-height: 2;margin-right: 25px;white-space: nowrap;}
.solution-text a:hover{color: #1AA0E5;}
.solution-brand{width: 200px;height: 100%;background: #fafafa;padding: 20px 15px 0;}
.solution-brand .title{text-align: left;font-size: 18px;color: #333;font-weight: 600;}
.solution-brand .text{margin: 0 -5px 10px;}
.solution-brand .text .brandItem{width: 50%;padding: 5px;float: left;}
.solution-brand .text .brandItem a{width: 100%;height: 100%;height: 40px;}
.solution-brand .text .brandItem a img{max-height: 100%;max-width: 100%;}


.Box {position: relative;background-color: #f5f5f5;}
.Box .content .title{font-size: 24px;color: #333;line-height: 68px;text-align: left;font-weight: 600;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 40px;height: 100px;position: absolute;top: 40%;cursor: pointer;}
.Box .Box_con .btnl{background: url(../img/bl.png) no-repeat center;z-index: 10;left: 0;}
.Box .Box_con .btnr{background: url(../img/br.png) no-repeat center;z-index: 10;right: 0;}
.Box .Box_con .conbox ul li {background: #fff;border-radius: 4px;overflow: hidden;}
.Box .Box_con .conbox ul li a{display: block;width: 100%;border-radius: 4px;overflow: hidden;}
.Box .Box_con .conbox ul li a .img{background:#fff;height: 345px;width: 100%;display: flex;justify-content: center;align-items: center;}
.Box .Box_con .conbox ul li a .img img{max-width: 100%;max-height: 100%;}
.Box .Box_con .conbox .cur .text{position: relative;padding: 10px 15px 15px 15px;}
.Box .Box_con .conbox .swiper-button-next,.Box .Box_con .conbox .swiper-button-prev{width: 40px;height: 100px;top: 40%;}
.Box .Box_con .conbox .swiper-button-next{background: rgba(0,0,0,0.4) url(../img/l_next_rj.png) no-repeat center;background-size: auto;right: 0;}
.Box .Box_con .conbox .swiper-button-prev{background: rgba(0,0,0,0.4) url(../img/l_prev_rj.png) no-repeat center;background-size: auto;left: 0;}
.Boutique-recommendation-banner{padding-top: 30px;padding-bottom: 15px;background-color: #f5f5f5;}
.Boutique-recommendation-banner img,.Whole-house-customization-banner img{width: 100%;}

.Whole-house-customization{background-color: #f5f5f5;}
.Whole-house-customization .title {position: relative;text-align: left;}
.Whole-house-customization .title p span{font-weight:600;font-size: 24px;color: #333;line-height: 68px;margin-right: 20px;}
.Whole-house-customization .title p a{font-size: 16px;color: #333333;}
.Whole-house-customization .title p a:hover{color: #1aa0e5;}
.Whole-house-customization .title p .seemore{position: absolute;right: 0;line-height: 55px;}
.Whole-house-customization .Exclusive{float: left;position: relative;margin-right: 18px;}
.Whole-house-customization .Exclusive .text{position: absolute;top: 20px;left: 25px;}
.Whole-house-customization .Exclusive .text .txt1{font-size: 24px;color: #566582;}
.Whole-house-customization .Exclusive .text .txt1 span{font-size: 16px;color: #778193;}
.Whole-house-customization .Exclusive .text .line{width: 50px;height: 1px;background-color: #566582;margin-top: 20px;}
.Whole-house-customization li{float: left;margin-right: 18px;background-color: #fff;border-radius: 5px;width: calc((100% - 72px)/5);}
.Whole-house-customization li:nth-child(5){margin-right: 0;}
.Whole-house-customization li a{display: block;width: 100%;border-radius: 4px;overflow: hidden;}
.Whole-house-customization li a .img,.Whole-house-customization li a .firstImg{width: 100%;}
.Whole-house-customization li a .img img,.Whole-house-customization li a .firstImg img{max-width: 100%;}
.Whole-house-customization li a .img{width: 100%;height: 272px;background: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.Whole-house-customization li a .img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-moz-transform: scale(1.1);}
.Whole-house-customization li a .img img{transition: all .4s;}
.Whole-house-customization .text{padding: 10px 15px 15px 15px;}
.Whole-house-customization .text .txt1{font-size: 18px;color: #333;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Whole-house-customization .text .txt2{font-size: 12px;color: #999;}
.Whole-house-customization .text .txt2 span{font-size: 18px;color: #f72828;}
.Whole-house-customization-banner{padding-top: 30px;padding-bottom: 15px;background-color: #f5f5f5;}
@media only screen and (max-width: 1500px) {
  .Whole-house-customization .Exclusive .text{top: 10px;left: 5px;}
  .Whole-house-customization .Exclusive .text .txt1{font-size: 20px;color: #566582;}  
  .Box .Box_con .conbox ul li a .img{height: 290px;}
  .Whole-house-customization li a .img{height: 242px;}
}
@media only screen and (max-width: 1366px) {
  .Whole-house-customization .Exclusive .text{top: 10px;left: 5px;}
  .Whole-house-customization .Exclusive .text .txt1{font-size: 20px;color: #566582;}  
  .Whole-house-customization li a .img{height: 210px;}
}

.list-item{background-color: #f5f5f5;padding: 20px 0;}
.list-item .main-navigation{border: 1px solid #eaeaea;background-color: #fff;padding-left: 25px;}
.list-item .main-navigation span{padding-left: 20px;} 
.list-item .main-navigation .txt1{font-size: 16px;color: #333;float: left;line-height: 50px;font-weight: 600;}
.list-item .main-navigation li a{display: block;position: relative;}
.list-item .main-navigation li{float:left;font-size:16px;color:#333;height:50px;display:block;position:relative;}
.list-item .main-navigation li .hover{color:#1aa0e5;position:absolute;top:0;left:0;z-index:0;height:50px;display:none;}
.list-item .main-navigation li .title{display:block;color:#333;z-index:88;position:relative;line-height: 50px;padding: 0 5px 0 20px;;}
.list-item .main-navigation li .title:hover{color: #1aa0e5;}
.list-item .main-navigation ul li ul li a:hover{color: #1aa0e5;}
.list-item .main-navigation ul li ul{position:absolute;display:none;top:50px;margin-left: 10px;border: 1px solid #eaeaea;border-top: none;width: 82px;z-index: 10;}
.list-item .main-navigation ul li:hover ul{display:block;}
.list-item .main-navigation ul li ul li{font-size:14px;display:block;width:80px;padding:0px;margin:0px;position:relative;z-index: 10;background-color: #fff;color: #333;height: 24px;}
.list-item .main-navigation ul li ul li a{display:block;color:#333;z-index:1000;position:relative;line-height: 24px;text-align: center;}
.list-item .main-navigation .bottom-gray-triangle{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:7px solid #999999;position: absolute;top: 45%;right: 18%;}
.list-item .main-navigation .bottom-blue-triangle{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:7px solid #1aa0e5;position: absolute;top: 45%;right: 18%;display: none;}


/*****************装修优惠*****************/
.SubNav{height: 78px;background-color: #3f465c;}
.SubNavBox{max-width: 1280px;margin: 0 auto;}
.SubNavBox ul li a{display: block;transition: all .4s;}
.SubNavBox ul{padding-left: 320px;}
.SubNavBox ul li{float: left;width: 20%;margin-right: 10px;}
.SubNavBox ul li .img{text-align: center;height: 45px;padding-top: 10px;}
.SubNavBox ul li .img1{background: url(../img/activity1.png) no-repeat center;background-size: auto;}
.SubNavBox ul li .img2{background: url(../img/activity2.png) no-repeat center;background-size: auto;}
.SubNavBox ul li .img3{background: url(../img/activity3.png) no-repeat center;background-size: auto;}
.SubNavBox ul li.active .img1{background: url(../img/activity1_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li.active .img2{background: url(../img/activity2_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li.active .img3{background: url(../img/activity3_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li:hover .img1{background: url(../img/activity1_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li:hover .img2{background: url(../img/activity2_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li:hover .img3{background: url(../img/activity3_on.png) no-repeat center;background-size: auto;}
.SubNavBox ul li .text{text-align: center;padding-bottom: 9px;}
.SubNavBox ul li .text .txt1{font-size: 18px;color: #cccccc;}
.SubNavBox ul li.active .txt1,.SubNavBox ul li.active{background-color: #1aa0e5;color: #fff;}
.SubNavBox ul li{position: relative;margin: 0;}
.SubNavBox ul li:hover{background: #1AA0E5;}
.SubNavBox ul li:hover .txt1{color: #fff;}
.SubNavBox ul li:hover::after{background: #1AA0E5;}
.SubNavBox ul li.active::after{background: #1AA0E5;}
.SubNavBox ul li::after{content: '';display: block;width: 1px;height: 40px;background: #999;position: absolute;right: 0;top: 50%;margin-top: -20px;}

.activity{background-color: #f5f5f5;}
.activityBox{max-width: 1280px;margin: 0 auto;}

/*****************装修优惠---团装活动*****************/
.bannerBox{position: relative;}

.Decoration-details{padding: 10px 30px 50px 30px;background-color: #fff;margin-bottom: 20px;}
.diaryArticleH .savemoney{float: left;font-size: 16px;color: #666666;}
.diaryArticleH .savemoney em{font-size: 20px;color: #1aa0e5;}
.diaryArticleH .savemoney a{font-size: 16px;color: #999999;margin-right: 30px;}
.diaryArticleH .savemoney a span{font-size: 20px;color: #ff1c1c;}
.Decoration-details-content{padding-top: 40px;}
.Decoration-details-content h6{font-size: 16px;color: #777777;line-height: 30px;text-indent: 32px;text-align: justify;}
.Decoration-details-content h5{font-size: 16px;color: #777777;line-height: 30px;margin-bottom: 20px;}
.Decoration-details-content .Eimg{text-align: center;padding-bottom: 42px;border-bottom: 1px solid #dddddd;}
.Decoration-details-content .Eimg img{max-width: 100%;}
.Decoration-details-content .participate{font-size: 24px;color: #fff;display: block;margin-top: 30px;background-color: #42c0fd;border-radius: 5px;width: 100%;height: 60px;line-height: 60px;text-align: center;}
.Fight-group .title .txt1{text-align:left;font-size: 24px;color: #323232;margin-top: 50px;}
.Fight-group .title .txt1 span{color: #ff1c1c;}
.Fight-group ul li{padding-bottom: 20px;border-bottom: 1px solid #cccccc;padding-top: 15px;}
.Fight-group ul li h2{font-weight:600;font-size: 24px;color: #323232;line-height: 60px;}
.Fight-group ul li h5{font-size: 18px;color: #666666;line-height: 48px;position: relative;padding-left: 80px;}
.Fight-group ul li h5 .Fight-group1{position: absolute;top: 9px;left: 0;display: block;z-index: 9999;}
.Fight-group ul li h5 .Fight-group2{position: absolute;top: 9px;left: 20px;display: block;z-index: 9998;}
.Fight-group ul li h5 .Fight-group3{position: absolute;top: 9px;left: 40px;display: block;}
.Fight-group ul li p{font-size: 16px;color: #666666;line-height: 50px;position: relative;}
.Fight-group ul li p i{color: #1AA0E5;margin-right: 5px;font-size: 18px;}
.Fight-group ul li p em{position: absolute;right: 0;line-height: 50px}
.Fight-group ul li .Joingroup{font-size: 20px;color: #2dbdff;display: block;height: 48px;line-height: 44px;border: 2px solid #2dbdff;border-radius: 6px;width: 116px;text-align: center;position: absolute;right: 0;top: 0;}



/*****************装修服务商---个人主页*****************/
.companyItem{padding-top: 20px;}

.list-left{position: relative;}
.win img{position: absolute;left: 0;border-bottom: 20px solid #f4f4f4;max-width: 100%;}
.win .text{position: absolute;top: 0;margin-top: 24px;padding-left: 13%;}
.win .text .txt1{font-size: 36px;color: #333333;}
.win .text .txt1 span{color: #f88744;}
.win .text .txt2{font-size: 16px;color: #666666;line-height: 34px;}
.win .text input{width: 440px;height: 46px;line-height: 46px;padding-left: 15px;border: 1px solid #cccccc;background-color: #fff;font-size: 16px;color: #333;}
.win .text input::-webkit-input-placeholder{color: #999;}
.win .text input::-moz-placeholder{color: #999;}
.win .text input::-ms-input-placeholder{color: #999;}
.win .text input:-ms-input-placeholder{color: #999;}
.win .text button{width: 140px;height: 46px;line-height: 46px;background-color: #da0a16;border-radius: 5px;font-size:16px;color: #fff;margin-left: 10px;}
.win .text .Dialog{width: 60px;height: 61px;background:url(../img/everyday.png) no-repeat center;background-size:cover;position: absolute;top: 23%;right: -12%;}
.win .text .Dialog a{position: absolute;top: 12%;left: 10%;text-align: center;color: #fff;font-size: 14px;}
@media only screen and (max-width: 1500px) {
  .win .text{padding-left: 9%;}
  .win .text .txt1{font-size: 20px;color: #333333;}
}

/*标签列表*/
/*.companyItem #pl{padding-left: 30px;}*/
.companyItem .pt{padding: 30px 0;border-bottom: 1px solid #efeff2;}
.companyItem .label{display:inline-block;vertical-align:middle;padding: 0 10px;font-size: 16px;color: #fff;min-width: 100px;height: 40px;background-color: #1aa0e5;line-height: 40px;text-align: center;margin-bottom: 30px;}
.companyItem .label h1{display: inline-block;}
.decorationProcess1 .img{float: left;width: 24.6%;}
.decorationProcess1 .img img{width: 100%;}
.decorationProcess1 .text{float: left;padding-left: 30px;width: 67%;}
.decorationProcess1 .text .txt1{font-size: 20px;color: #333333;line-height: 32px;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.decorationProcess1 .text p{font-size: 14px;color: #777777;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.decorationProcess1 .text span{font-size: 14px;color: #9698a0;line-height: 32px;display: block;}
.decorationProcess1 .text a{font-size: 12px;display: block;width: 75px;height: 29px;line-height: 29px;text-align: center;margin-top: 15px;margin-right: 10px;}
.decorationProcess1 .text #Simple{background-color: #e6f3f8;color: #5ba9c9;transition: all .4s;}
.decorationProcess1 .text #Latexpaint{background-color: #f2f8e6;color: #aab943;transition: all .4s;}
.decorationProcess1 .text #Integratedceiling{background-color: #f8ede6;color: #c9655b;transition: all .4s;}
.decorationProcess1 .text #Plate{background-color: #e6f8e6;color: #5bc96d;transition: all .4s;}
.decorationProcess1 .text #material{background-color: #f8f5e6;color: #c9b35b;transition: all .4s;}
.decorationProcess1 .text #Wall{background-color: #e6f3f8;color: #5ba9c9;transition: all .4s;}
.decorationProcess1 .text #ceiling:hover{background-color: #c8ebfa;color: #4ca5c9;}
.decorationProcess1 .text #Latexpaint:hover{background-color: #ecf7d6;color: #a8b839;}
.decorationProcess1 .text #Integratedceiling:hover{background-color: #f7e5d9;color: #ca5b50;}
.decorationProcess1 .text #Plate:hover{background-color: #d9f7d9;color: #4fca63;}
.decorationProcess1 .text #material:hover{background-color: #f7f1d0;color: #c9b14f;}
.decorationProcess1 .text #Wall:hover{background-color: #c8ebfa;color: #4ca5c9;}
.labelItem h4{display:inline-block;vertical-align:middle;min-width: 75px;height: 29px;line-height: 29px;text-align: center;padding: 0 10px;border-radius: 4px;font-size: 12px;margin-top: 25px;margin-right: 8px;}
.labelItem h4.blue{background: #e6f3f8;color: #5ba9c9;}
.labelItem h4.lightGreen{background: #f2f8e6;color: #aab943;}
.labelItem h4.red{background: #f8ede6;color: #c9655b;}
.labelItem h4.green{background: #e6f8e6;color: #5bc96d;}
.labelItem h4.gold{background: #f8f5e6;color: #c9b35b;}
.labelItem h4.gold{background: #f8f5e6;color: #c9b35b;}

.labelListCompre .decorationProcess1 .text{width: 90%;}
@media only screen and (max-width: 1500px) {
  .labelItem h4{margin-top: 10px;}
}

@media only screen and (max-width: 1366px) {
  .decorationProcess1 .text .txt1{margin-bottom: 8px;}
  .labelItem h4{margin-top: 5px;}
}

/*****************标签聚合页*****************/
.PopularTag{background-color: #f4f4f4;padding-top: 30px;padding-bottom: 20px;}
.PopularTagBox{padding: 30px 20px 20px 30px;background-color: #fff;}
.PopularTagBox .title{font-size: 16px;color: #fff;width: 100px;height: 40px;line-height: 40px;background-color: #ee5d5f;text-align: center;margin-bottom: 10px;}
.PopularTagBox .text a{font-size: 14px;color: #333333;display: block;float: left;padding: 0 10px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #cccccc;margin-top: 10px;margin-right: 10px;}
.PopularTagBox .text a:hover{color: #ee5d5f;}
.AllTag{background-color: #f4f4f4;padding-bottom: 40px;}
.AllTagBox{padding: 30px 20px 20px 30px;background-color: #fff;}
.AllTagBox .title{font-size: 16px;color: #fff;width: 100px;height: 40px;line-height: 40px;background-color: #1aa0e5;text-align: center;margin-bottom: 20px;}
.AllTagBox P span{font-size: 16px;color: #333333;margin-right: 28px;display: block;float: left;}
.AllTagBox P a{font-size: 16px;color: #333333;display: block;float: left;padding: 0 11px;}
.AllTagBox P a:hover{color: #1aa0e5;}
.AllTagBox .alltext .headline{font-size: 24px;color: #333333;border-bottom: 1px solid #eeeeee;}
.AllTagBox .alltext .text{padding: 10px 0 20px;}
.AllTagBox .alltext .text a{font-size: 14px;color: #333333;display: block;float: left;padding: 0 10px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #cccccc;margin-top: 10px;margin-right: 10px;}
.AllTagBox .alltext .text a:hover{color: #1aa0e5;}
.AllTagBox .page{margin: 30px 0;}

/*****************入驻招商*****************/
.Dilemma{border-top: 2px solid #3a53a7;margin-top: 100px;position: relative;padding-top: 135px;padding-bottom: 85px;}
.DilemmaBox{max-width: 1200px;margin: 0 auto;}
.DilemmaBox .title{font-size: 30px;color: #fff;background-color: #3a53a7;width: 400px;height: 100px;border-radius: 50px;line-height: 100px;text-align: center;margin: 0 auto;position: absolute;top: -50px;left: 35%;}
.DilemmaBox .text .textItem{float: left;width: 50%;height: 150px;}
.DilemmaBox .text .textItem a{display: block;padding-top: 35px;}
.DilemmaBox .text .textItem a img{float: left;margin-right: 20px;}
.DilemmaBox .text .textItem a .txt1{float: left;font-size: 20px;color: #3a53a7;margin-top: 15px;}
.DilemmaBox .text .textItem a .txt1 span{font-size: 14px;color: #999999;}
.DilemmaBox .text .one{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.DilemmaBox .text .two{border-bottom: 1px solid #ccc;}
.DilemmaBox .text .three{border-right: 1px solid #ccc;}
.DilemmaBox .text .two, .four{padding-left: 100px;}

.Advantage{background-color: #3a53a7;padding: 100px 0;}
.AdvantageBox{max-width: 1200px;margin: 0 auto;position: relative;}
.AdvantageBox .img1{width: 100%;}
.AdvantageBox .img1 img{width: 100%;}
.AdvantageBox .img2{position: absolute;left: 8%;top: 0;}
.AdvantageBox .img2 img{max-width: 100%;}
.AdvantageBox .AdvantageItem{width: 32%;position: absolute;}
.AdvantageBox .AdvantageItem a{display: block;width: 142px;height: 142px;position: relative;float: left;margin: 7px 58px 7px 7px;}
.AdvantageBox .AdvantageItem a span{display: block;height: 100px;width: 100px;background:#1aa0e5;position: absolute;transform: rotate(45deg);top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;}
.AdvantageBox .AdvantageItem a span em{display: block;font-size: 60px;height: 100px;width: 100px;line-height:100px;text-align:center;color: #fff;transform: rotate(-45deg);position: absolute;transform: rotate(-45deg);top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;}
.AdvantageBox .AdvantageItem .txt1{font-size: 24px;color: #ffff00;line-height: 78px;}
.AdvantageBox .AdvantageItem p{font-size: 14px;color: #fff;line-height: 28px;}
.AdvantageBox .Item1{top: 2%;right: 5%;}
.AdvantageBox .Item2{top: 27%;left: 13%;}
.AdvantageBox .Item3{top: 27%;right: 18%;}
.AdvantageBox .Item4{top: 52%;left: 10%;}
.AdvantageBox .Item5{top: 52%;right: 20%;}
.AdvantageBox .Item6{bottom: 3%;left: 4%;}
.AdvantageBox .joinus{position: absolute;bottom: 10%;right: 25%;}

.whyBox .title{padding-top: 86px;}
.whyBox .title .txt1{font-size: 36px;color: #3852a5;text-align: center;line-height: 50px;}
.whyBox .title .txt2{font-size: 16px;color: #999999;text-align: center;}
.whyBox .WItem{padding-top: 80px;padding-bottom: 90px;}
.whyBox .WItem .WItemList{padding: 0 50px;text-align: center;float: left;width: 25%;}
.whyBox .WItem .WItemList a .img{width: 160px;height: 160px;border-radius: 50%;background: linear-gradient(to top, #5d72c0, #344ea3);position: relative;display: inline-block;margin-bottom: 30px;}
.whyBox .WItem .WItemList a .img img{position: absolute;top: 35%;left: 31%;}
.whyBox .WItem .WItemList a .text .txt1{font-size: 20px;color: #3c55a8;line-height: 42px;text-align: center;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.whyBox .WItem .WItemList a .text p{text-align: center;}

.Process{border-top: 2px solid #3a53a7;margin-top: 100px;position: relative;padding-top: 140px;padding-bottom: 85px;}
.ProcessBox{max-width: 1220px;margin: 0 auto;}
.ProcessBox .title{font-size: 30px;color: #fff;background-color: #3a53a7;width: 400px;height: 100px;border-radius: 50px;line-height: 100px;text-align: center;margin: 0 auto;position: absolute;top: -50px;left: 35%;}
.ProcessBox .text div{float: left;width: 25%;text-align: center;}
.ProcessBox .text div img{margin-bottom: 50px;display: inline-block;}
.ProcessBox .text a{float: left;display: block;margin-top: 37px;padding: 0 52px;}
.ProcessBox .text a img{max-width: 100%;}
.ProcessBox .text div p{font-size: 24px;color: #666666;text-align: center;}
@media only screen and (max-width: 1500px) { 
  .ProcessBox .text a{padding: 0 45px;}
}

.Welcome{background-color: #3a53a7;}
.WelcomeBox{border: px solid red;padding-top: 70px;padding-bottom: 55px;}
.WelcomeBox .title{text-align: center;}
.WelcomeBox .title .txt1{font-size: 36px;color: #fff;}
.WelcomeBox .title p{font-size: 20px;color: #fff;line-height: 50px;}
.WelcomeBox .title p em{font-size: 30px;color: #ffff00;}
.WelcomeBox .WForm{width: 42%;margin: 0 auto;}
.WelcomeBox .WForm .inputBox{width: 100%;height: 70px;line-height: 70px;background-color: #fff;border-radius: 5px;margin-top: 30px;padding-left: 35px;}
.WelcomeBox .WForm .inputBox input{font-size: 18px;color:#333;}
.WelcomeBox .WForm .inputBox input::-webkit-input-placeholder{font-size: 18px:color:#999;}
.WelcomeBox .WForm .inputBox input::-moz-placeholder{font-size: 18px:color:#999;}
.WelcomeBox .WForm .inputBox input::-ms-input-placeholder{font-size: 18px:color:#999;}
.WelcomeBox .WForm .inputBox input:-ms-input-placeholder{font-size: 18px:color:#999;}
.WelcomeBox .WForm .Joinnow{display: block;font-size: 24px;color: #fff;background-color: #1aa0e5;width: 100%;height: 70px;line-height: 70px;border-radius: 5px;margin-top: 30px;text-align: center;}
.WelcomeBox .selec{width: 100%;}
.WelcomeBox .city-picker-selector{margin-top: 30px;}
.WelcomeBox .city-picker-selector .selector-item{width: 49%;margin-left: 2%;background: #fff;height: 70px;line-height: 70px;}
.WelcomeBox .city-picker-selector .selector-item:first-child{margin: 0;}
.WelcomeBox .city-picker-selector .selector-item:after{top: 35px;}
.WelcomeBox .city-picker-selector .selector-name:hover{background-color: transparent;}
.WelcomeBox .city-picker-selector .selector-name{padding-left: 24px;}
.city-picker-selector .selector-list{top:68px;}
@media only screen and (max-width: 1500px) { 
  .Dilemma{margin-top: 70px;}
  .DilemmaBox .title,.ProcessBox .title{width: 360px;height: 80px;line-height: 80px;font-size: 28px;top: -40px;left: 40%;}
  .WelcomeBox .WForm .inputBox,.WelcomeBox .city-picker-selector .selector-item,.WelcomeBox .WForm .Joinnow{height: 60px;line-height: 60px;}
  .WelcomeBox .city-picker-selector .selector-item:after{top:26px;}
  .city-picker-selector .selector-list{top:58px;}
}
@media only screen and (max-width: 1366px) { 
  .whyBox .WItem .WItemList a .img{width: 130px;height: 130px;}
  .Process{margin-top: 40px;}
}


/*****************关于我们*****************/
.About-content{background-color: #f5f5f5;padding-bottom: 80px;padding-top: 20px;}
.About-background {position: relative;}
.About-nav {float: left;margin-right: 20px;width: 23.6%;}
.About-nav-list .About-item{height: 80px;line-height: 80px; cursor: pointer;font-size: 15px;background-color: #fff;width: 100%;border-bottom: 1px dashed #eeeeee;}
.About-nav-list .About-item span{font-size: 18px;color: #999999;text-align: center;display: block;}
.About-nav-list .About-item.on{background: #ededed;border-color: #2698e4;border-left: 2px #1aa0e5 solid;border-bottom: none;}
.About-nav-list .About-item.on span{color: #1aa0e5;}
.About-info{float: left;background-color: #fff;width: 75%;padding: 0 30px;}
.About-info .itemslide .img{float: left;margin-right: 30px;width: 24.6%;}
.About-info .itemslide .img img{width: 100%;}
.About-info ul li .itemslide .text{float: left;width: 64.8%;}
.About-info ul li .itemslide .text h3{font-size: 20px;color: #333333;line-height: 32px;margin-bottom: 20px;}
.About-info ul li .itemslide .text p{font-size: 14px;color: #777;line-height: 24px;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.About-info ul li .itemslide .text span{font-size: 14px;color: #9698a0;display: block;}
.About-info ul li .itemslide{padding: 30px 0;border-bottom: 1px solid #efeff2;}
.About-info ul h2 {color: #222222;font-size: 20px;line-height: 80px;border-bottom: 1px solid #e8e8e8;font-weight: 600;}
.lin {width: 4px;height: 18px;background: #1aa0e5;float: left;margin-top: 32px;/* margin-left: 30px; */margin-right: 15px;}
@media only screen and (max-width: 1500px) { 
  .About-info{width: 74.5%;}
  .About-info ul li .itemslide .text h3{margin-bottom: 10px;}
}
.About-info{padding: 0 40px 0 30px;}
.About-info-title{border-bottom: 1px solid #dddddd;}
.About-info-title{position: relative;border-bottom: 1px solid #dddddd;}
.About-info-title a{margin-top: 15px;display: block;}
.About-info-title a img{margin-top: 6px;margin-right: 10px;}
.About-info-title #return{font-size: 16px;color: #999999;line-height: 32px;}
.About-info-title h1{line-height: 84px;font-size: 30px;color: #333333;}
.About-info-title span{font-size: 16px;color: #777777;display: block;margin-bottom: 40px;}
.About-info-text .text{font-size: 16px;color: #777777;line-height: 28px;margin-top: 30px;}
.About-info-text p{font-size: 16px;color: #777777;line-height: 28px;margin-top: 30px;text-indent: 32px;text-align: justify;}
.About-info-img{text-align: center;padding: 20px 0 54px 0;}
.About-info-img img{display: inline-block;max-width: 100%;}

.About-info ul li .ContactInformation{margin-top: 30px;width: 60%;}
.About-info ul li .ContactInformation input{width: 100%;height: 50px;line-height: 50px;border: 1px solid #d8d8d8;padding: 0 20px;font-size: 14px;color: #222;}
.About-info ul li .AForm{margin: 20px 0;width: 56%;}
.About-info ul li .AForm input{width: 100%;border: 1px solid #d8d8d8;padding-left: 20px;font-size: 14px;color: #bbbbbb;padding-top: 20px;height: 120px;}
.Feedback{width: 60%;position: relative;margin: 20px 0;}
.FeedbackForm form{border: 1px solid #d8d8d8;height: 120px;margin-bottom: 20px;width: 100%;}
.FeedbackForm form textarea{width: 100%;height: 100%;padding: 20px;resize: none;font-size: 14px;color: #222;}


/*****************接待大厅*****************/
.About-info ul li .activityitemslide li{border-bottom: 1px solid #e8e8e8;padding: 20px 0;}
.About-info ul li .Allclaim{margin-top:20px;display: block;font-size: 16px;color: #ffffff;line-height: 50px;border-radius: 4px;background-color: #1aa0e5;text-align: center;}
.About-info ul li .ClaimBox ul{position: relative;border-bottom: 1px solid #efeff2;}
.About-info ul li .ClaimBox ul li{padding: 20px 0;float: left;position: relative;}
.About-info ul li .ClaimBox ul .avatar{margin-right: 20px;margin-left: 10px;}
.About-info ul li .ClaimBox ul .waitPay.avatar .img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.About-info ul li .ClaimBox ul .img{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.About-info ul li .ClaimBox ul .img img{max-height: 100%;max-width: 100%;}
.About-info ul li .ClaimBox ul li:nth-child(2){margin-right: 130px;}
.About-info ul li .ClaimBox ul li .txt1{font-size: 16px;color: #222222;margin-right: 80px;line-height: 24px;}
.About-info ul li .ClaimBox ul li .free{font-size: 12px;color: #AAAAAA;display: block;width: 60px;height: 24px;line-height: 20px;border: 2px solid #AAAAAA;border-radius: 4px;text-align: right;position: relative;padding-right: 8px;position: absolute;top: 20px;right: 0;margin-left: 18px;}
.About-info ul li .ClaimBox ul li .freeimg{position: absolute;top: 4px;left: 6px;}
.About-info ul li .ClaimBox ul li .reservation{font-size: 12px;color: #2dbdff;display: block;width: 60px;height: 24px;line-height: 20px;border: 2px solid #77d4ff;border-radius: 4px;text-align: right;position: relative;padding-right: 8px;position: absolute;top: 4px;right: 0;margin-left: 18px;}
.About-info ul li .ClaimBox ul li .reservationimg{position: absolute;top: 4px;left: 6px;}
.About-info ul li .ClaimBox ul li .tuike{font-size: 12px;color: #ffa92d;display: block;width: 60px;height: 24px;line-height: 20px;border: 2px solid #ffa92d;border-radius: 4px;text-align: right;position: relative;padding-right: 8px;position: absolute;top: 20px;right: 0;margin-left: 18px;}
.About-info ul li .ClaimBox ul li .tuikeimg{position: absolute;top: 4px;left: 6px;}
.About-info ul li .ClaimBox ul li h3{font-size: 14px;color: #222222;position: relative;line-height: 28px;padding-left: 20px;margin-top: 10px;}
.About-info ul li .ClaimBox ul li h3 .telephone{position: absolute;top: 5px;left: 0;display: inline-block;}
.About-info ul li .ClaimBox ul li h4{float: left;font-size: 14px; #222222;margin-right: 20px;line-height: 32px;}
.About-info ul li .ClaimBox ul li h4 img{margin-top: 8px;}
.About-info ul li .ClaimBox ul li h5{float: left;font-size: 14px; #222222;line-height: 32px;margin-right: 100px;}
.About-info ul li .ClaimBox ul li h5 img{margin-top: 9px;}
.About-info ul li .ClaimBox ul li h6{font-size: 14px; #222222;line-height: 32px;}
.About-info ul li .ClaimBox ul li h6 img{margin-top: 8px;}
.About-info ul li .ClaimBox ul .claim{font-size: 12px;color: #fff;display: block;width: 70px;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;background-color: #1aa0e5;position: absolute;top: 35%;right: 0;}
.About-info ul li .ClaimBox ul .finished{font-size: 12px;color: #b5b5b5;display: block;width: 70px;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;background-color: #f5f5f5;position: absolute;top: 35%;right: 0;}
.About-info ul li .ClaimBox ul .Viewinformation{font-size: 12px;color: #b5b5b5;display: block;width: 70px;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;background-color: #f5f5f5;position: absolute;top: 35%;right: 0;}
.About-info ul li .ClaimBox ul .Releasemarketing{font-size: 16px;color: #fff;display: block;width: 120px;height: 36px;line-height: 36px;text-align: center;border-radius: 4px;background-color: #1aa0e5;position: absolute;top: 35%;right: 0;}
.About-info ul li .ClaimBox ul li .RedPlatform{font-size: 12px;color: #2dbdff;display: block;width: 60px;height: 24px;border: 2px solid #57caff;border-radius: 4px;line-height: 20px;text-align: center;position: absolute;top: 48%;left: 46%;}
.About-info ul li .ClaimBox ul li .RedMerchant{font-size: 12px;color: #ff9600;display: block;width: 60px;height: 24px;border: 2px solid #ffab33;border-radius: 4px;line-height: 20px;text-align: center;position: absolute;top: 48%;left: 46%;}
.About-info ul li .ClaimBox ul li p{font-size: 16px;color: #222222;margin-right: 80px;line-height: 24px;margin-top: 15%;}
.About-info ul li .ClaimBox ul .Red{font-size: 14px;color: #222222;position: relative;line-height: 28px;padding-left: 20px;margin-top: 10px;position: absolute;top: 28%;right: 0;display: block;}
.About-info ul li .ClaimBox ul .Red .Redtelephone{border: px solid green;position: absolute;top: 5px;left: 0;display: inline-block;}
.About-info ul li .ClaimBox ul li .Reservationshop{font-size: 12px;color: #fff;display: block;width: 60px;height: 20px;border-radius: 2px;line-height: 20px;text-align: center;position: absolute;top: 48%;left: 46%;background-color: #ffa92d;}
.About-info ul li .ClaimBox ul li span{font-size: 16px;color: #222222;margin-right: 130px;line-height: 24px;margin-top: 8%;display: block;}
.About-info ul li .ClaimBox .orderBox{width: 100%;border: 1px solid #e8e8e8;}
.About-info ul li .ClaimBox .orderBox .ordertitle{line-height: 50px;border-bottom: 1px solid #e8e8e8;background-color: #fafafa;}
.About-info ul li .ClaimBox .orderBox .ordertitle .txt1{font-size: 14px;color: #222222;float: left;width: 16%;text-align: center;}
.About-info ul li .ClaimBox .orderBox .ordertitle p{line-height: 50px;font-size: 14px;color: #222222;float: left;}
.About-info ul li .ClaimBox .orderBox .table{position: relative;}
.About-info ul li .ClaimBox .orderBox .table h3{font-size: 14px;color: #222222;float: left;width: 15%;text-align: center;line-height: 60px;}
.About-info ul li .ClaimBox .orderBox .table h4{font-size: 14px;color: #222222;float: left;width: 46%;line-height: 60px;text-align: right;padding-right: 30px;}
.About-info ul li .ClaimBox .orderBox .table h5{font-size: 14px;color: #222222;float: left;width: 25%;line-height: 60px;text-align: center;}
.About-info ul li .ClaimBox .orderBox .table a{font-size: 12;color: #fff;display: block;width: 70px;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;background-color: #fc441e;position: absolute;top: calc((100% - 24px)/2);right: 40px;}

.hallPopup{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.hallPopup .filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);}
.hallPopup ul{width: 400px;background-color: #fff;border-radius: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.hallPopup ul li{position: relative;}
.hallPopup ul li .txt1{font-size: 16px;color: #222222;line-height: 56px;padding-left: 20px;}
.hallPopup ul li h2{font-size: 16px;color: #222222;line-height: 108px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;text-align: center;}
.hallPopup ul li .Closebutton{width: 12px;height: 12px;position: absolute;top: 35%;right: 20px;}
.hallPopup ul li .Closebutton img{width: 100%;}
.hallPopup ul li .cancel{font-size: 14px;color: #444444;display: block;width: 64px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #d9d9d9;border-radius: 4px;float: right;margin-right: 10px;}
.hallPopup ul li .certification{font-size: 14px;color: #FFFDEF;display: block;width: 64px;height: 32px;line-height: 32px;text-align: center;border-radius: 4px;background-color: #1aa0e5;float: right;}
.hallPopup ul li:nth-child(3){padding: 12px 20px;}

.Paymentpage .w{background-color: #000000;padding: 20px;}
.PaymentpageBox{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.PaymentpageBox .filter{width: 100%;height: 100%;background:rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;}
.PaymentpageBox ul{padding-bottom:40px;width: 600px;background-color: #fff;border-radius: 4px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.PaymentpageBox ul li{padding: 0 30px 0 40px;position: relative;}
.PaymentpageBox ul li:nth-child(1) p{font-size: 20px;color: #222222;line-height: 68px;}
.PaymentpageBox ul li:nth-child(1) a{width: 12px;height: 12px;position: absolute;top: 35%;right: 30px;}
.PaymentpageBox ul li:nth-child(1) a img{width: 100%;}
.PaymentpageBox ul li:nth-child(2){padding-top: 30px;border-top: 1px solid #e8e8e8;}
.PaymentpageBox ul li:nth-child(2) p{font-size: 16px;color: #222222;line-height: 60px;position: relative;}
.PaymentpageBox ul li:nth-child(2) p img{width: 40px;margin-top: 10px;}
.PaymentpageBox ul li:nth-child(2) p span{font-size: 20px;color: #f36338;line-height: 60px;}
.PaymentpageBox ul li:nth-child(2) p a{display: block;position: absolute;height: 60px;font-size: 18px;color: #222222;}
.PaymentpageBox ul li:nth-child(2) .zhifu a em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose1.png) no-repeat center;background-size: 100%;margin-right: 8px;}
.PaymentpageBox ul li:nth-child(2) .zhifu a.on em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose1_on.png) no-repeat center;background-size: 100%;margin-right: 8px;}
.PaymentpageBox ul li:nth-child(2) p .Alipay{top: 0%;left: 16%;}
.PaymentpageBox ul li:nth-child(2) p .WeChat{top: 0%;left: 38%;}
.PaymentpageBox ul li:nth-child(2) .zhanghu{font-size: 16px;color: #222;}
.PaymentpageBox ul li:nth-child(2) .zhanghu .img{width: 40px;height: 40px;text-align:center;line-height:40px;border-radius:50%;overflow:hidden;display: inline-block;vertical-align: middle;position: relative;}
.PaymentpageBox ul li:nth-child(2) .zhanghu .img img{max-height: 100%;max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.PaymentpageBox .Scan{float: left;}
.PaymentpageBox ul li .markYouhui{width: 360px;margin-left: 83px;padding: 10px;border: 1px solid #ebebeb;margin-top: 20px;}
.PaymentpageBox ul li .markYouhui img{float: left;margin-right: 20px;}
.PaymentpageBox ul li .markYouhui h2{font-size: 30px;color: #f36338;float: left;line-height: 68px;} 
.PaymentpageBox ul li .markYouhui h2 span{font-size: 14px;color: #444444;float: left;line-height: 24px;} 
.PaymentpageBox ul li .xieyi{display:block;width: 100%;font-size: 14px;color: #999;text-align: center;margin-top: 25px;} 



/*****************商家中心---营销工具*****************/
.MarketingRedEnvelope .ul1{border-bottom: 1px solid #e8e8e8;position: relative;}
.MarketingRedEnvelope .ul1 li{padding: 20px 0;float: left;position: relative;}
.MarketingRedEnvelope .ul1 .avatar{margin-right: 20px;margin-left: 10px;}
.MarketingRedEnvelope .ul1 .avatar .img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.MarketingRedEnvelope .ul1 .avatar .img img{max-height: 100%;max-width: 100%;}
.MarketingRedEnvelope .ul1 .right .title{margin-top: 18px;}
.MarketingRedEnvelope .ul1 .right .title span{display:block;float: left;font-size: 16px;color: #222222;margin-right: 13px;height: 24px;line-height: 24px;}
.MarketingRedEnvelope .ul1 .right .title span a{display: inline-block;vertical-align:top;font-size: 12px;color: #fff;width: 60px;height: 100%;border-radius: 2px;line-height: 24px;text-align: center;background-color: #ffa92d;}
.MarketingRedEnvelope .ul1 .right p{font-size: 12px;color: #666;margin-top: 2px;}
.MarketingRedEnvelope .ul1 .xufei{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.MarketingRedEnvelope .ul1 .xufei a{display: block;width: 100px;line-height: 36px;border-radius: 4px;background: #1AA0E5;text-align: center;font-size: 16px;color: #fff;}
.MarketingRedEnvelope .voucher{padding-left: 80px;padding-top: 16px;padding-right: 100px;position: relative;}
.MarketingRedEnvelope .voucher h3{font-size: 16px;color: #222222;position: absolute;top: 20%;left: 20px;}
.MarketingRedEnvelope .voucher li{width: 240px;border: 1px solid #1aa0e5;border-radius: 6px;position: relative;padding-bottom: 15px;float: left;margin: 20px;}
.MarketingRedEnvelope .voucher li a h2{font-size: 20px;color: #666;background-color: #ededed;line-height: 40px;text-align: center;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.MarketingRedEnvelope .voucher li a .txt1{font-size: 30px;color: #f36338;text-align: center;line-height: 50px;margin-bottom: 0;}
.MarketingRedEnvelope .voucher li a .txt1 span{font-size: 20px;}
.MarketingRedEnvelope .voucher li a p{font-size: 12px;color: #999999;text-align: center;}
.MarketingRedEnvelope .voucher li a span{font-size: 16px;color: #fff;display: block;width: 61px;height: 28px;line-height: 28px;text-align: center;background-color: #fd655a;border-radius: 14px;position: absolute;top: -14px;right: 0;}
.MarketingRedEnvelope .voucher li .active h2{background-color: #1aa0e5;color: #fff;}
.MarketingRedEnvelope .buy{font-size: 20px;color: #fff;width: 240px;height: 60px;background-color: #f36338;border-radius: 4px;line-height: 60px;text-align: center;display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 70px;}
.About-info ul li .txt1{font-size: 20px;color: #444444;margin-bottom: 15px;}
.About-info ul li p{font-size: 16px;color: #999999;line-height: 28px;}
@media only screen and (max-width: 1200px) { 
  .MarketingRedEnvelope .voucher{padding-right: 0;}
} 

.About-info{padding-bottom: 28px;}
.About-info ul li h2{position: relative;}
.About-info ul li h2 a{font-size: 16px;color: #fff;display: block;width: 100px;height: 36px;background-color: #1aa0e5;border-radius: 4px;line-height: 36px;text-align: center;position: absolute;top: 28%;right: 0;}

.HomeBanner{border-bottom: 1px solid #e8e8e8;padding-bottom: 30px;}
.HomeBanner h3{line-height: 80px;font-size: 20px;color: #222222;}
.HomeBanner .img{width: 100%;}
.HomeBanner .img img{max-width: 100%;}
.CasePromotion h3{line-height: 80px;font-size: 20px;color: #222222;}
.CasePromotion .img{width: 100%;}
.CasePromotion .img img{max-width: 100%;}
.CasePromotion .TelephoneConsultation{font-size: 20px;color: #fff;display: block;background-color: #1aa0e5;width: 240px;height: 60px;line-height: 60px;text-align: center;border-radius: 4px;margin: 0 auto;margin-top: 40px;margin-bottom: 15px;}

.New{background-color: #f5f5f5;}
.DiscountedPriceBox{font-size: 14px;color: #444444line-height: 30px;float: left;width: 28%;margin-right: 10px;}  
.DiscountedPriceBox label{height: 30px;position: relative;}
.DiscountedPrice{border: 1px solid #cccccc;width: 120px;height: 30px;line-height: 30px;border-radius: 4px;padding-left: 10px;}
.DiscountedPriceBox span{font-size: 12px;color: #999999;position: absolute;top: 0;right: 10px;}
.amount_box{font-size: 14px;color: #444444;line-height: 30px;float: left;width: 28%;}  
.amount_box label{height: 30px;position: relative;}
.amount_box label .J_jia{position: absolute;top: -60%;right: 0;margin-right: 10px;}
.amount_box label .J_jian{position: absolute;bottom: -30%;right: 0;margin-right: 10px;}
.amount{border: 1px solid #cccccc;width: 100px;height: 30px;line-height: 30px;border-radius: 4px;padding-left: 10px;}

/*****************商铺入驻*****************/
.Verified{border: px solid green;}
.Verified .enter{padding-top: 20px;}
.Verified .Step{padding: 50px 0 20px 13%;position: relative;}
.Verified .Step p{font-size: 18px;color: #999999;position: relative;line-height: 40px;float: left;width: 15%;padding-left: 55px ;}
.Verified .Step p span{font-size: 24px;color: #e8e8e8;display: block;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #e8e8e8;line-height: 38px;text-align: center;position: absolute;top: 0;left: 0;} 
.Verified .Step .Sline{width: 11%;height: 1px;background-color: #e8e8e8;float: left;margin: 2.5% 10px 0 10px;}
.Verified .Step .active{color: #1aa0e5;}
.Verified .Step .active span{color: #1aa0e5;border: 2px solid #1aa0e5;}
@media only screen and (max-width: 1500px) { 
  .Verified .Step{padding-left: 11%;}
  .Verified .Step p{width: 17%;}
}
@media only screen and (max-width: 1366px) { 
  .Verified .Step{padding-left: 10%;}
  .Verified .Step p{width: 20%;}
}
@media only screen and (max-width: 1200px) {
  .Verified .Step{padding-left: 7%;}
}
.Verified .PersonalInfo h3{font-weight:600;font-size: 16px;color: #222222;line-height: 60px;position: relative;padding-left: 10px;width: 100%;}
.Verified .line-two{width: 3px;height: 15px;background-color: #1aa0e5;position: absolute;top: 39%;left: 0;}
.Verified .PersonalInfo p{font-size: 16px;color: #222222;height: auto;line-height: 42px;margin-bottom: 20px;}
.Verified .PersonalInfo p i{color: red;}
.Verified .PersonalInfo .IdentitySelection{position: relative;}
.Verified .PersonalInfo p span{cursor:pointer;display:inline-block;vertical-align:top;height: 42px;font-size: 18px;color: #222222;margin: 0 20px;position: relative;}
.Verified .PersonalInfo p span em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose1.png) no-repeat center;background-size: 100%;margin-right: 8px;}
.Verified .PersonalInfo p span.on em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose1_on.png) no-repeat center;background-size: 100%;}
.Verified .PersonalInfo p .company{top:5%;left: 8%;}
.Verified .PersonalInfo p .personal{top:5%;left: 25%;}
.Verified .PersonalInfo .choose span em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose3.png) no-repeat center;background-size: 100%;margin-right: 8px;}
.Verified .PersonalInfo .choose span.active em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose3_on.png) no-repeat center;background-size: 100%;}


/* 我要入驻 */
.Verified .PersonalInfo p .SForeman{top:5%;left: 25%;}
.Verified .PersonalInfo p .SHBuildingMaterial{top:5%;left: 38%;}
.Verified .PersonalInfo p .SDesigner{top:5%;left: 55%;}
.Verified .PersonalInfo p .SWorker{top:5%;left: 75%;}
.Verified .PersonalInfo .ServiceType label{position: relative;}
.Verified .PersonalInfo .ServiceType input{background-color: #f8f8f8;}
.Verified .PersonalInfo .ServiceType label .Prev{position: absolute;top: -80%;right: 10px;border: px solid red;display: block;}
.Verified .PersonalInfo .ServiceType label .next{position: absolute;bottom: -80%;right: 10px;border: px solid red;display: block;}
.Verified .PersonalInfo .CompanyLocation{position: relative;border: px solid green;height: 100px;}
.Verified .PersonalInfo .inputbox{width: 300px;height: 100px;line-height: 42px;border: 1px solid #d9d9d9;border-radius: 4px;position: absolute;top: 61.8%;left: 34%;}
.Verified .PersonalInfo .inputbox input{padding-left: 10px;}
.Verified .Immediately-settled{font-size: 20px;color: #fff;display: block;width: 240px;height: 60px;line-height: 60px;text-align: center;background-color: #1aa0e5;border-radius: 4px;margin: 80px auto;}
.Verified .PersonalInfo p input{width: 245px;height: 42px;line-height: 42px;border: 1px solid #d9d9d9;border-radius: 4px;padding-left: 10px;margin-left: 20px;font-size: 16px;color: #333;}
.Verified .PersonalInfo p input::-webkit-input-placeholder{font-size: 16px;color: #cdcdcd;}
.Verified .PersonalInfo p input::-moz-placeholder{font-size: 16px;color: #cdcdcd;}
.Verified .PersonalInfo p input::-ms-input-placeholder{font-size: 16px;color: #cdcdcd;}
.Verified .PersonalInfo p input:-ms-input-placeholder{font-size: 16px;color: #cdcdcd;}
.Verified .PersonalInfo p .imgShow{width: 100px;height: 100px;border: 1px solid #D9D9D9;border-radius: 4px;position: relative;margin: 0 -10px 10px 20px;overflow: hidden;}
.Verified .PersonalInfo p .imgShow .img{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;}
.Verified .PersonalInfo p .imgShow img{max-height: 100%;max-width: 100%;}
.Verified .PersonalInfo p .imgShow input{display: inline-block;vertical-align: middle;width: 100%;height: 100%;position: absolute;top: 0;left: 0;margin: 0;padding: 0;opacity: 0;}


@media only screen and (max-width: 1500px) { 
  .Verified .PersonalInfo p .company{top:5%;left: 9%;}
  .Verified .PersonalInfo p .personal{top:5%;left: 26%;}
  .Verified .PersonalInfo .inputbox{left: 35%;}
}
@media only screen and (max-width: 1366px) { 
  .Verified .PersonalInfo p .company{top:10%;left: 10%;}
  .Verified .PersonalInfo p .personal{top:10%;left: 27%;}
  .Verified .PersonalInfo .inputbox{left: 36%;}
}
@media only screen and (max-width: 1200px) {
  .Verified .PersonalInfo p .company{top:10%;left: 11%;}
  .Verified .PersonalInfo p .personal{top:10%;left: 28%;}
  .Verified .PersonalInfo .inputbox{left: 37.5%;}
}
.Verified .UploadID h3{font-weight:600;font-size: 16px;color: #222222;line-height: 60px;position: relative;padding-left: 10px;width: 100%;}
.Verified .line-two{width: 3px;height: 15px;background-color: #1aa0e5;position: absolute;top: 39%;left: 0;}
.Verified .UploadID .positive{width: 23%;float: left;margin: 0 30px 0 10px;}
.Verified .UploadID .negative{width: 23%;float: left;}
.Verified .UploadID a{position:relative;overflow:hidden;border: 1px dashed #dddddd;width: 100%;height: 160px;background-color: #f8f8f8;display: block;position: relative;border-radius: 4px;}
.Verified .UploadID a::before{content: '';display: block;width: 62px;height: 62px;background: url(../img/l_add.png) no-repeat center;background-size: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.Verified .UploadID .idBox a.active::before{display: none;}
.Verified .UploadID .idBox a .img{display:flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.Verified .UploadID .idBox a .img img{max-height: 100%;max-width: 100%;}
.Verified .UploadID .BusinessLicense a.active::before{display: none;}
.Verified .UploadID .BusinessLicense a .img{display:flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.Verified .UploadID .BusinessLicense a .img img{max-height: 100%;max-width: 100%;}
.Verified .UploadID a input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;}
.Verified .UploadID h4{font-size: 16px;color: #444444;text-align: center;line-height: 48px;}
.Verified .Tips{margin-top: 20px;}
.Verified .Tips p{font-size: 14px;color: #999999;line-height: 28px;}
.Verified .Tips a{font-size: 20px;color: #fff;display: block;width: 240px;height: 60px;line-height: 60px;text-align: center;border-radius: 4px;background-color: #1aa0e5;margin: 40px auto;}
.Verified .UploadID .BusinessLicense{float: left;width: 100%;}
.Verified .UploadID .BusinessLicense a{overflow:hidden;width: 165px;height: 200px;border-radius: 4px;border: 1px dashed #dddddd;background-color: #f8f8f8;display: block;position: relative;margin-left: 10px;float: left;margin-right: 20px;}
.Verified .UploadID .BusinessLicense a.active::before{display: none;}
.Verified .UploadID .BusinessLicense a .img{display:flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.Verified .UploadID .BusinessLicense a .img img{max-height: 100%;max-width: 100%;}
.Verified .UploadID p{font-size: 14px;color: #999999;line-height: 48px;margin-bottom: 10px;}
.Verified .UploadID p i{color: red;}
.Example span{display: block;line-height: 42px;font-size: 14px;color: #444444;}
.Example .img{width: 107px;height: 157px;display: flex;justify-content: center;align-items: center;}
.Example .img img{max-height: 100%;max-width: 100%;}

.MerSettledIn h3{height: 136px;line-height: 136px;font-size: 30px;color: #444444;text-align: center;position: relative;} 
.MerSettledIn h3 span{display: inline-block;vertical-align: top;height: 100%;} 
.MerSettledIn h3 span::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 107px;background: url(../img/l_tq_left.png) no-repeat center;background-size: 100%;margin-right: 15px;} 
.MerSettledIn h3 span::after{content: '';display: inline-block;vertical-align: top;height: 100%;width: 107px;background: url(../img/l_tq_right.png) no-repeat center;background-size: 100%;margin-left: 15px;} 
.EntryRule .txt1{font-size: 20px;color: #444444;line-height: 58px;}
.EntryRule p{font-size: 16px;color: #999999;line-height: 30px;}

.VIP table tr td:nth-child(3){border-right: 1px solid #d4d2d1;border-left: 1px solid #d4d2d1;}
.VIP table tr th:nth-child(3){border: 1px solid #d4d2d1;border-bottom: none;position: relative;}
.VIP table tr td:nth-child(4){border-right: 2px solid #1AA0E5;border-left: 2px solid #1AA0E5;}
.VIP table tr th:nth-child(4){border: 2px solid #1AA0E5;border-bottom: none;position: relative;}
.VIP .ImmediatelySettled{margin-left: 74.9%;width: 25.1%;border: 2px solid #1AA0E5;border-top: 0;}
.VIP .ImmediatelySettled a{background: #1AA0E5;}

.MarketingRedEnvelope ul{position: relative;}
.MarketingRedEnvelope ul .Renewal{font-size: 16px;color: #fff;display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;border-radius: 4px;background-color: #1aa0e5;position: absolute;top: 40%;right: 0%;}
.MarketingRedEnvelope .OpeningTime{padding-left: 80px;padding-top: 16px;padding-right: 100px;position: relative;}
.MarketingRedEnvelope .OpeningTime h3{font-size: 16px;color: #222222;position: absolute;top: 20%;left: 20px;}
.MarketingRedEnvelope .OpeningTime li{width: 240px;border: 1px solid #1aa0e5;border-radius: 6px;position: relative;padding-bottom: px;float: left;margin: 20px;}
.MarketingRedEnvelope .OpeningTime li a h2{font-size: 20px;color: #666666;background-color: #ededed;line-height: 40px;text-align: center;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.MarketingRedEnvelope .OpeningTime li a h6{font-size: 30px;color: #f36338;text-align: center;line-height: 78px;}
.MarketingRedEnvelope .OpeningTime li a h6 .CurrentPrice{font-size: 20px;}
.MarketingRedEnvelope .OpeningTime li a h6 i{font-size: 20px;color: #999999;text-decoration: line-through;}
.MarketingRedEnvelope .OpeningTime li a h6 .OriginalPrice{font-size: 16px;color: #999999;}
.MarketingRedEnvelope .OpeningTime li a span{font-size: 16px;color: #fff;display: block;width: 61px;height: 28px;line-height: 28px;text-align: center;background-color: #fd655a;border-radius: 14px;position: absolute;top: -14px;right: 0;}
.MarketingRedEnvelope .OpeningTime li .active h2{background-color: #1aa0e5;color: #fff;}
@media only screen and (max-width: 1200px) {
  .MarketingRedEnvelope .OpeningTime{padding-right: 0;}
}



.MyTeam{margin-top: 30px;}
.MyTeam table{width: 100%;}
.MyTeam table,.MyTeam table th{border-collapse:collapse;border: none;}
.MyTeam table,.MyTeam table th,.MyTeam table tr{border-bottom: 1px solid #e8e8e8;text-align: center;height: 56px;}
.MyTeam table .click{font-size: 14px;color: #337cec;}
.MyTeam table .click a{display: inline-block;vertical-align: middle;color: #1AA0E5;padding: 0 8px;position: relative;}
.MyTeam table .click a:first-child::before{content: '';display: block;height: 12px;width: 2px;background: #efefef;position: absolute;right: -3px;top: 50%;margin-top: -6px;}
.MyTeam table .head{background-color: #fafafa;}
.MyTeam .teamImg{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;display: flex;justify-content:center;align-items:center;margin: 0 auto;}
.MyTeam .teamImg img{max-height: 100%;max-width: 100%;}

.PaymentpageBox ul li .OpenTime{line-height: 180px;margin: 30px 0 50px 0;}
.PaymentpageBox ul li .OTBox{border: 1px solid red;width: 240px;height: 120px;border: 1px solid #1aa0e5;border-radius: 6px;padding: 0;position: relative;position: absolute;top: 18%;left: 125px;background: #fff;}
.PaymentpageBox ul li .OTBox a h2{font-size: 20px;color: #fff;background-color: #1aa0e5;line-height: 40px;text-align: center;border-top-right-radius: 6px;border-top-left-radius: 6px;width: 100%;}
.PaymentpageBox ul li .OTBox a h6{font-size: 30px;color: #f36338;text-align: center;line-height: 78px;}
.PaymentpageBox ul li .OTBox a h6 .CurrentPrice{font-size: 20px;}
.PaymentpageBox ul li .OTBox a h6 i{font-size: 20px;color: #999999;text-decoration: line-through;}
.PaymentpageBox ul li .OTBox a h6 .OriginalPrice{font-size: 16px;color: #999999;}
.PaymentpageBox ul li .OTBox a span{font-size: 16px;color: #fff;display: block;width: 61px;height: 28px;line-height: 28px;text-align: center;background-color: #fd655a;border-radius: 14px;position: absolute;top: -14px;right: 0;}
.EditTeamMember{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.EditTeamMember .filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);}
.EditTeamMember ul{background-color: #fff;width: 520px;border-radius: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.EditTeamMember ul li{position: relative;border-bottom: 1px solid #e8e8e8;}
.EditTeamMember ul li .txt1{font-size: 20px;color: #222222;line-height: 68px;padding-left: 40px;}
.EditTeamMember ul li .CloseButton{width: 12px;height: 12px;position: absolute;top: 40%;right: 20px;}
.EditTeamMember ul li .CloseButton img{width: 100%;}
.EditTeamMember ul li:nth-child(2){padding-left: 85px;}
.EditTeamMember ul li p{font-size: 14px;color: #222222;margin-top: 20px;}
.EditTeamMember ul li p i{color: red;}
.EditTeamMember ul li p input{width: 300px;height: 32px;line-height: 32px;border-radius: 4px;border: 1px solid #dbdbdb;padding-left: 10px;}
.EditTeamMember ul li p select{width: 300px;height: 32px;line-height: 32px;border-radius: 4px;border: 1px solid #dbdbdb;outline: none;}
.EditTeamMember ul li p span{font-size: 14px;color: #444444;position: relative;margin-right: 40px;}
.EditTeamMember ul li .Upload-avatar-box{height: 210px;margin-top: 30px;}
.EditTeamMember ul li p .Upload-avatar{overflow:hidden;position:relative;border: 1px solid #d9d9d9;width: 200px;height: 200px;border-radius: 4px;background-color: #f8f8f8;position: relative;display: block;float: right;margin-right: 35%;margin-top: -3%;}
.EditTeamMember ul li p .Upload-avatar::before{content: '';display: block;width: 62px;height: 62px;background: url(../img/l_add.png) no-repeat center;background-size: 100%;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.EditTeamMember ul li p .Upload-avatar input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;opacity: 0;padding: 0;}
.EditTeamMember ul li p .Upload-avatar span{font-size: 16px;color: #1aa0e5;position: absolute;display: block;left: 35%;top: 70%;}
.EditTeamMember ul li:nth-child(3){padding: 12px 20px;}
.EditTeamMember ul li .cancel{font-size: 14px;color: #444444;display: block;width: 64px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #d9d9d9;border-radius: 4px;float: right;margin-right: 10px;}
.EditTeamMember ul li .determine{font-size: 14px;color: #fff;display: block;width: 64px;height: 32px;line-height: 32px;text-align: center;background-color: #1aa0e5;border-radius: 4px;float: right;}
.EditTeamMember ul li .quanxian span{display: inline-block;vertical-align: top;height: 20px;line-height: 20px;cursor: pointer;}
.EditTeamMember ul li .quanxian span em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose3.png) no-repeat center;background-size: 100%;margin-left: 5px;}
.EditTeamMember ul li .quanxian span.on em{display: inline-block;vertical-align: top;height: 100%;width: 16px;background: url(../img/l_choose3_on.png) no-repeat center;background-size: 100%;margin-left: 5px;}

@media only screen and (max-width: 1500px){
  .EditTeamMember ul li .txt1,.PaymentpageBox ul li:nth-child(1) p{line-height: 55px;}
  .EditTeamMember ul li p{margin-top: 15px;}
  .EditTeamMember ul li p .Upload-avatar{width: 160px;height: 160px;margin-right: 45%;}
  .EditTeamMember ul li p .Upload-avatar span{left: 30%;}
  .EditTeamMember ul li .Upload-avatar-box{height: 160px;}
  .PaymentpageBox ul li:nth-child(2){padding-top: 15px;}
}
@media only screen and (max-width: 1366px) {
  .PaymentpageBox ul{padding-bottom: 20px;}
  .PaymentpageBox ul li .youhui{padding: 5px;margin-top: 0;}
  .PaymentpageBox ul li .OpenTime{margin: 0 0 85px 0;}
  .PaymentpageBox ul li .xieyi{margin-top: 10px;}
}

/*****************20191112*****************/
.ruzhuBanner{position:relative;width: 100%;height: 500px;padding-top:85px;background: url(../temp/l_ruzhuBanner.jpg) no-repeat center;background-size: cover;}
.ruzhuBanner .title{font-size: 48px;color: #ffe39e;text-align: center;}
.ruzhuBanner .enjoyItem{width: 60%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ruzhuBanner .enjoyItem ul{margin: 0 -30px;} 
.ruzhuBanner .enjoyItem ul li{width: 25%;float: left;padding: 0 30px;} 
.ruzhuBanner .enjoyItem ul li a{display: block;width: 100%;height: 100%;padding-top:30px;text-align:center;background: #e6e5e0;border-top-left-radius: 5px;border-top-right-radius: 5px;} 
.ruzhuBanner .enjoyItem ul li a .txt1{font-size: 24px;color: #444;} 
.ruzhuBanner .enjoyItem ul li a .txt2{font-size: 16px;color: #909090;} 
.ruzhuBanner .enjoyItem ul li a .txt3{height: 150px;width: 100%;display: flex;justify-content: center;align-items: center;} 
.ruzhuBanner .enjoyItem ul li a .txt3 img{max-width: 100%;max-height: 100%;} 
@media only screen and (max-width: 1500px) {
  .ruzhuBanner{padding-top: 50px;}
  .ruzhuBanner .enjoyItem{width: 66%;}
  .ruzhuBanner .enjoyItem ul{margin: 0 -20px;}
  .ruzhuBanner .enjoyItem ul li{padding: 0 20px;}
  .ruzhuBanner .enjoyItem ul li a{padding-top: 20px;}
  .ruzhuBanner .enjoyItem ul li a .txt3{height: 130px;}
  .ruzhuBanner .enjoyItem ul li a .txt3 img{max-width: 35%;}
}
@media only screen and (max-width: 1366px) {
  .ruzhuBanner .enjoyItem ul li a .txt3{height: 100px;}
}


/*****************店铺入驻-我要入驻*****************/
/*.About-info ul .enter .uploadHead{height: 200px;}*/
.About-info ul .enter .uploadHead .upLoadBox{display:block;height: 200px;width: 200px;border: 1px solid #d9d9d9;border-radius: 4px;background: #f8f8f8;overflow: hidden;position: relative;margin: -45px 0 0 101px;}
.About-info ul .enter .uploadHead .upLoadBox.active{background: none;}
.About-info ul .enter .uploadHead .upLoadBox.active i{display: none;}
.About-info ul .enter .uploadHead .upLoadBox.active::before{display: none;}
.About-info ul .enter .uploadHead .upLoadBox::before{content: '';display: block;width: 62px;height: 62px;background: url(../img/l_add.png) no-repeat center;background-size: 100%;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.About-info ul .enter .uploadHead .upLoadBox .img{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;}
.About-info ul .enter .uploadHead .upLoadBox .img img{max-height: 100%;max-width: 100%;}
.About-info ul .enter .uploadHead .upLoadBox input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;padding: 0;margin: 0;z-index: 1;cursor: pointer;opacity: 0;}
.About-info ul .enter .uploadHead .upLoadBox i{font-size: 16px;color: #1AA0E5;position:absolute;bottom: 30px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.About-info ul .choose{height: auto;}
.About-info ul .choose select{width: 160px; height: 42px;line-height: 42px;border: 1px solid #d9d9d9;border-radius: 4px;margin-left: 20px;font-size: 16px;color: #333;outline: 0;background: #fff url(../img/arrow3.png) no-repeat 95% center;padding: 0 20px 0 10px;outline: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.About-info ul .choose select:nth-child(n+3),.IdentitySelection.companyLocal .jiedao{margin-left: 5px;}
.About-info ul .choose .jiedao{width: 500px;margin: 10px 0 0 101px;}
.About-info ul .shopSettingItem input{width: 300px;}
.About-info ul .comLocal{height: 100px;}
.About-info ul .comLocal em i{margin-right: 5px;}
.About-info ul .comLocal textarea{width: 200px; height: 100px;line-height: 42px;border: 1px solid #d9d9d9;border-radius: 4px;padding-left: 10px;margin-left: 25px;font-size: 18px;color: #333;outline: 0;resize: none;}
.ruzhuxieyi,.ruzhuxieyi a{font-size: 12px;color: #999;height: 12px;line-height: 12px;cursor: pointer;}
.ruzhuxieyi em{display: inline-block;vertical-align: top;height: 100%;width: 12px;background: url(../img/l_choose3.png) no-repeat center;background-size: 100%;margin-right: 5px;}
.ruzhuxieyi em.on{display: inline-block;vertical-align: top;height: 100%;width: 12px;background: url(../img/l_choose3_on.png) no-repeat center;background-size: 100%;}
.ruzhuNow{display:block;margin: 75px auto 0;width: 240px;line-height: 60px;background: #1AA0E5;border-radius: 4px;text-align: center;font-size: 20px;color: #fff;}


.ruzhuSucceed .succeedCon{height: 668px;width: 100%;padding-top: 162px;}
.ruzhuSucceed .succeedCon .img{text-align: center;}
.ruzhuSucceed .succeedCon .img img{max-width: 100%;}
.ruzhuSucceed .succeedCon .img .txt1{font-size: 22px;color: #222;margin-top: 10px;}
.ruzhuSucceed .succeedBtn{text-align: center;margin-top: 100px;}
.ruzhuSucceed .succeedBtn button{display: inline-block;vertical-align: middle;width: 100px;height: 36px;border: 1px solid #d9d9d9;border-radius: 4px;font-size: 16px;color: #666;margin: 0 4px;transition: all .4s}
.ruzhuSucceed .succeedBtn button.active,.dmSucceed .succeedBtn button:hover{background: #1AA0E5;border: 1px solid #1AA0E5;color: #fff;}

.About-info ul .shopSetting .uploadHead .upLoadBox{margin: -40px 0 0 130px;}
.Verified .shopSetting .uploadHead1 em{display: inline-block;vertical-align: middle;min-width: 120px;}
.Verified .shopSetting .uploadHead1 .upLoadBox1{display: inline-block;width: 200px;height: 50px;line-height: 50px;border-radius: 4px;background: #1AA0E5;margin: 0 0 0 5px;overflow: hidden;position: relative;}
.Verified .shopSetting .uploadHead1 .upLoadBox1 i{font-size: 16px;color: #fff;position: absolute;top: 50%;left: 50%;}
.Verified .shopSetting .uploadHead1 .upLoadBox1 input{display: block;width: 100%;height: 100%;margin: 0;padding: 0;opacity: 0;cursor: pointer;}

@media only screen and (max-width: 1366px) {
  .Verified .PersonalInfo p input{width: 230px;}
}

/*****************个人主页*****************/
.personHomePage .dmRaiderL{margin-top: 0;}
.personHomePage .personHomePageL{width: 74.6%;}
.personHomePage .dmRaiderL{width: 100%;margin-bottom: 20px;}
.personHomePage .dmRaiderL:last-child{margin-bottom: 0;}
.personHomePage .dmDiaryL li .text{width: 100%;}
.personHomePage .dmDiaryL .dmRaiderList .listCon{width: 66%;}
.personHomePage .dmRaiderList .diaryImg{margin: 10px -10px;}
.personHomePage .dmRaiderList .diaryImg .diaryImgItem{float: left;width: 16.6%;padding: 10px;}
.personHomePage .dmRaiderList .diaryImg .diaryImgItem img{width: 100%;}
.personHomePage .dmRaiderList .listLabel{margin-top: 10px;}
.personHomePage .serMerCaseH{border-bottom: 0;font-weight: 600;}

/*****************我的订单-活动订单*****************/
.myOrderMain{padding-top: 0;}
.orderAct .offerList{padding: 0;}
.orderAct .offerList li{border: 0;}
.orderAct .offerList .offerListR,.hallActivity .offerListR{padding: 20px 20px 0;background: #f5f5f5;}
.orderAct .offerList .offerListR .content,.hallActivity .offerListR .content{margin: 15px 0;}
.orderAct .offerList .offerListR .offerApplyR,.hallActivity .offerListR .offerApplyR{width: 70px;height: 24px;line-height: 24px;font-size: 12px;}
.orderAct .offerListR .offerApplyL p,.hallActivity .offerListR .offerApplyL p{margin-bottom: 0;}
@media only screen and (max-width: 1500px) {
  .orderAct .offerList .offerListR .content,.hallActivity .offerListR .content{-webkit-line-clamp: 3;}
}
@media only screen and (max-width: 1366px) {
  .orderAct .offerList .offerListR .content,.hallActivity .offerListR .content{margin: 10px 0;}
}

/*****************我的订单-红包订单*****************/
.hongbao ul li h2 .Releasemarketing{width: 120px;}

/*****************我的订单-预约订单*****************/
.About-info ul li .ClaimBox ul .reserveInfo{width: 150px;}

/*****************接单大厅-活动订单*****************/
.OrderingHall .About-info ul li .activityitemslide li .text .information{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.OrderingHall .offerListR{background: transparent;}
.About-info .page{margin: 40px 0 20px;}

/*****************营销工具-发起团装*****************/
.groupLoading .offerListR .content{margin: 15px 0 8px;}
.groupLoading .offerListR p{line-height: 1.4;}
.groupLoadingRead{margin-top: 18px;}
.groupLoadingRead a{display:inline-block;font-size: 14px;color: #666;height: 14px;line-height: 14px;margin-right: 12px}
.groupLoadingRead a:last-child{margin-right: 0;}
.groupLoadingRead a em{display: inline-block;vertical-align: top;height: 100%;margin-right: 5px;}
.groupLoadingRead .edit em{width: 15px;background: url(../img/l_read_icon5.png) no-repeat center;background-size: 100%;}
.groupLoadingRead .remove em{width: 15px;background: url(../img/l_read_icon6.png) no-repeat center;background-size: 100%;}
.groupLoadingRead .look em{width: 12px;background: url(../img/l_read_icon4.png) no-repeat center;background-size: 100%;}

@media only screen and (max-width: 1366px) {
  .orderAct .offerList .offerListR, .hallActivity .offerListR{padding: 10px 15px 0;}
  .groupLoadingRead{margin-top: 15px;}
  .groupLoading .offerListR .content{-webkit-line-clamp: 2;}
}
/*****************营销工具-新建团装*****************/
.newAct .dmRaiderL,.newAct .dmCaseR{margin-top: 0;}
.markTool .markToolItem .decoStyle .decoStyleItem input{padding: 0 30px 0 12px;}
.markTool .markToolItem1 .decoStyle .decoStyleItem{width: 120px;position: relative;padding: 0 12px;}
.markTool .markToolItem1 .decoStyle .decoStyleItem span{font-size: 14px;color: #444;}
.markTool .markToolItem1 .decoStyle .decoStyleItem em{font-size: 12px;color: #999;}
.markTool .markToolItem2 .decoStyle .decoStyleItem{width: 200px;}
.markTool .markToolItem3 .decoStyle .decoStyleItem{width: 100px;}
.markToolPayMoney{height: 30px;line-height: 30px;margin-top: 22px;}
.markToolPayMoney span,.markToolPayMoney em,.markToolPayMoney a,.markToolPayMoney i{display: inline-block;vertical-align: top;}
.markToolPayMoney span{font-size: 14px;color: #444;margin-right: 10px;}
.markToolPayMoney em{font-size: 20px;color: #f36338;}
.markToolPayMoney i{font-size: 14px;color: #f94f4f;}
.markToolPayMoney i.active{font-size: 14px;color: #57c22d;}
.markToolPayMoney .payBtn{width: 100px;line-height: 30px;background: #1AA0E5;border-radius: 4px;text-align: center;font-size: 14px;color: #fff;margin: 0 20px;}
.dmNewRaiderMain .markToolBtn button.active, .dmNewRaiderMain .markToolBtn button:hover{background: #b0b0b0;border: 1px solid #B0B0B0;}

/*****************营销工具-弹窗*****************/
.daijinquan{margin-top: 15px;}
.daijinquan .left{font-size: 16px;color: #222;margin-right: 30px;}
.daijinquan .right{position:relative;text-align:center;display: block;width: 240px;border: 1px solid #1AA0E5;border-radius: 4px;}
.daijinquan .right i{display:block;width: 60px;height: 28px;line-height: 28px;line-height: 28px;text-align: center;background: #fd655a;font-size: 16px;color: #fff;border-radius: 50px;position: absolute;top: -14px;right: 0;}
.daijinquan .right .span2{display:block;font-size: 20px;color: #fff;line-height: 40px;background: #1AA0E5;}
.daijinquan .right .span1{height: 78px;}
.daijinquan .right .span1 h2{font-size: 30px;color: #f36338;}
.daijinquan .right .span1 h2 em{font-size: 18px;color: #f36338;}
.daijinquan .right .span1 h3{font-size: 12px;color: #999;}
.buyNum{margin-top: 25px;}
.buyNum .left{margin-right: 15px;}
.buyNum .cont{border: 1px solid #ccc;height: 28px;display: block;}
.buyNum .cont em{display: inline-block;vertical-align: top;height: 100%;line-height: 26px;font-size: 16px;color: #222;}
.buyNum .cont .numJian{border-right: 1px solid #ccc;}
.buyNum .cont .numJia{border-left: 1px solid #ccc;}
.buyNum .cont .numJian,.buyNum .cont .numJia{cursor:pointer;background: #ededed;width: 28px;text-align: center;}
.buyNum .cont .numText{width: 40px;text-align: center;}
.PaymentpageBox .markYouhui{margin-top: 0;}

/*****************标签列表*****************/
.companyItem .list-right .caseBudget{margin-top: 0;}
.promotionPromotion .serMerCaseH{padding: 0 20px;border-bottom: 0;font-weight: 600;}
.companyItem .list-right .serMerSumR{width: 100%;padding: 0;}
.companyItem .list-right .serMerSumR .serMerCaseH{border-bottom: 0;font-weight: 600;}
.labelListBanner{width: 100%;position: relative;}
.labelListBanner .img,.labelListBanner .img img{width: 100%;}
.labelListBanner .bannerForm .left{position: absolute;top: 50%;left: 230px;}
.labelListBanner .bannerForm .left .txt1{font-size: 48px;color: #fff;font-weight: 600;}
.labelListBanner .bannerForm .left .txt2{font-size: 30px;color: #fff;}
.labelListBanner .bannerForm .left .txt3{font-size: 18px;color: #ffa200;margin-top: 20px;}
.labelListBanner .bannerForm .left .qiangding{display: block;width: 120px;line-height: 36px;text-align:center;border-radius: 4px;background: #ffa200;font-size: 18px;color: #fff;margin-top: 20px;}
.labelListBanner .bannerFormBI .yzm{position: relative;}
.labelListBanner .bannerFormBI .yzm input{width: 50%;}
.labelListBanner .bannerFormBI .yzm a{font-size: 14px;color: #1AA0E5;position: absolute;right: 18px;top: 50%;}
.labelListBanner .bannerFormH li{height: 40px;line-height: 40px;}
.labelListBanner .bannerFormBI p{margin: 8px auto;}
.labelListBanner .bannerFormBI .inputBox,.bannerFormBI .cityBox .pick-show span, .bannerFormB .bannerFormBI .cityBox .pick-show i{height: 35px;line-height: 35px;}
.labelListBanner .bannerFormBI .num{margin: 10px 0 5px;}

@media only screen and (max-width: 1500px) {
  .labelListBanner .bannerFormH li{height: 30px;line-height: 30px;}
  .labelListBanner .bannerFormH li a{font-size: 16px;}
  .labelListBanner .bannerFormBI p{margin: 5px auto;}
  .labelListBanner .bannerFormBI .inputBox,{height: 30px;line-height: 30px;}
  .labelListBanner .bannerFormBI .inputBox{margin-bottom: 5px;}
  .labelListBanner .bannerFormBI .cityBox{margin-bottom: 2px;}
  .labelListBanner .bannerFormBI .num{margin: 5px 0 0;}
}


.Feedback .FeedbackForm .textNum{height: 35px;line-height: 35px;}
.Feedback .FeedbackForm .textNum .span1{font-size: 14px;color: #222;}
.Feedback .FeedbackForm .textNum .span2{font-size: 14px;color: #999;}
.Feedback .FeedbackForm .textNum .span2 em{color: #ff823e;margin: 0 3px;}
.Feedback .FeedbackForm .textNum .span2 a{display: inline-block;vertical-align: top;height: 35px;width: 90px;text-align: center;background: #2dbdff;font-size: 14px;color: #fff;margin-left: 20px;}


/*****************装修日记*****************/
.diaryBanner .swiper-slide a{display: block;width: 100%;height: 100%;}
.diaryBanner .swiper-slide a img{object-fit: cover;width: 100%;}
.diaryBanner .bannerFormH li{width: 100%;}
.diaryBanner .bannerFormH li,.diaryBanner .bannerFormH li.active{border: 0;}
.diaryBanner .bannerForm form{float: left;}
.diaryBanner .bannerFormBI .inputBox,
.diaryBanner .bannerFormBI .quote,
.diaryBanner .bannerFormBI .inputBox{height: 40px;line-height: 40px;}
.diaryBanner .bannerForm form{padding: 0 20px;}
.diaryBanner .bannerFormBI p{margin: 0 0 10px;}

.BDecoration .title,.Decorating .title,.Latest-strategy .title{text-align: left;}
.Decoration-item .right .restaurant .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Decoration-item .imgbox .box a .text p{padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.diaryAd{margin-top: 60px;}
.Decorating-item .left li:nth-child(2) div:last-child a{margin-bottom: 0;}
.Before-Decoration-banner .swiper-button-next, .Before-Decoration-banner .swiper-button-prev{width: 50px;height: 90px;top: 40%;}
.Before-Decoration-banner .swiper-button-next{background:rgba(0,0,0,0.2) url(../img/l_next_rj.png) no-repeat center;background-size: 20px;right: 1px;}
.Before-Decoration-banner .swiper-button-prev{background:rgba(0,0,0,0.2) url(../img/l_prev_rj.png) no-repeat center;background-size: 20px;left: 0;}
.diaryDetailRight .rCom{margin: 0 0 20px;} 

@media only screen and (max-width: 1680px) {
  .diaryBanner .bannerForm form{width: 300px;}
  .diaryBanner .bannerFormBI p{margin: 0 0 5px;}
  .diaryBanner .bannerFormH li{height: 40px;line-height: 40px;}
  .diaryBanner .bannerFormBI .inputBox,.diaryBanner .bannerFormBI .quote,.diaryBanner .bannerFormBI .inputBox,{height: 35px;line-height: 35px;}
  .diaryBanner .bannerFormBI .num{margin: 10px 0 5px;}
}
@media only screen and (max-width: 1440px) {
  .diaryBanner .bannerFormBI p{margin: 0 0 5px;}
  .diaryBanner .bannerFormBI .inputBox,.diaryBanner .bannerFormBI .quote,.diaryBanner .bannerFormBI .inputBox{height: 30px;line-height: 30px;}
  .diaryBanner .bannerFormBI .inputBox{margin-bottom: 8px;}
  .diaryBanner .bannerFormBI .cityBox{margin-bottom: 5px;}
  .diaryBanner .bannerFormBI .num{margin: 10px 0 5px;}
}
@media only screen and (max-width: 1366px) {
  .diaryBanner .bannerFormBI p{margin: 0 0 5px;}
  .diaryBanner .bannerFormH li{height: 35px;line-height: 35px;}
  .diaryBanner .bannerFormBI .inputBox,.diaryBanner .bannerFormBI .quote,.diaryBanner .bannerFormBI .inputBox{height: 30px;line-height: 30px;}
  .diaryBanner .bannerFormBI .inputBox{margin-bottom: 5px;}
  .diaryBanner .bannerFormBI .cityBox{margin-bottom: 2px;}
}

/*装修日记-装修报价*/
.zxQuote{position:relative;background: #effdff;border: 1px solid #54c9ff;margin-bottom: 20px;}
.zxQuote::after{content: '';display: block;height: 100%;width: 1px;background: #54c9ff;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.zxQuote .yuan{width: 100px;height: 100px;overflow: hidden;background: url(../img/l_jisuan.png) no-repeat center;background-size: auto 100%;position: absolute;top: 50%;left: 50%;z-index: 1;}
.zxQuote .yuan a{width: 70px;height: 70px;border-radius: 50%;background: #fd702e;font-size: 16px;color: #fff;line-height: 1.4;animation: countanimate 2.2s linear infinite;-webkit-animation: countanimate 2.2s linear infinite;}
.zxQuote .tit{position: absolute;top: -17px;left: 50%;z-index: 1;}
.zxQuoteMain .caseBudget{padding: 27px 0 20px;width: 300px;margin-left: 120px;}
.zxQuoteMain .caseBudget form .inputBox{height: 36px;line-height: 36px;}
.zxQuoteMain .caseBudget form .inputBox,.zxQuoteMain .caseBudget .city-picker-selector .selector-item{background: #fff;border: 1px solid #54c9ff;}
.zxQuoteMain .right{padding: 27px 0 20px;width: 300px;margin-right: 120px;}
.zxQuoteMain .right .ysTitle{text-align: center;font-size: 16px;color: #222;margin-bottom: 18px;}
.zxQuoteMain .right .ysTitle em{font-weight:600;font-size: 24px;color: #fd702e;margin: 0 5px;}
.zxQuoteMain .right .ysCon{width: 300px;height: 130px;border: 1px solid #54c9ff;border-radius: 4px;background: #fff;padding: 36px 10px;}
.zxQuoteMain .right .ysCon .ysConItem{margin-bottom: 16px;}
.zxQuoteMain .right .ysCon .ysConItem:last-child{margin-bottom: 0;}
.zxQuoteMain .right .ysCon .ysConItem .ysItem{padding: 0 6px;}
.zxQuoteMain .right .ysCon .ysConItem .ysItem em{font-size: 18px;color: #fd702e;font-weight: 600;}
@media only screen and (max-width: 1500px) {
  .zxQuoteMain .caseBudget{margin-left: 60px;}
  .zxQuoteMain .right{margin-right: 60px;}
}
@media only screen and (max-width: 1366px) {
  .zxQuoteMain .caseBudget{margin-left: 30px;}
  .zxQuoteMain .right{margin-right: 30px;}
}

.diaryArticle{padding: 0 30px 80px;background: #fff;}
.diaryArticleH{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.diaryArticleH .backList{display:block;height: 58px;line-height: 58px;font-size: 16px;color: #999;margin-bottom: 12px}
.diaryArticleH .backList em{display: inline-block;vertical-align: top;height: 100%;width: 18px;background: url(../img/l_back.png) no-repeat center;background-size: 100%;margin-right: 8px;}
.diaryArticleH .tit{font-weight:600;font-size: 30px;color: #333;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 28px;}
.diaryArticleH .date{height: 30px;line-height: 30px;}
.diaryArticleH .date .time,.diaryArticle .date .keepShare{font-size: 16px;color: #777;}
.diaryArticleH .date .keepShare span{margin-left: 40px;}
.diaryArticleH .date .keepShare span em{font-size: 16px;color: #777;}
.diaryArticleH .date .keepShare span:first-child{margin-left: 0;}
.diaryArticleH .date .keepShare .span1{cursor: pointer;}
.diaryArticleH .date .keepShare .span1 i{font-size: 22px;}
.diaryArticleH .date .keepShare .span1 i.active{color: #fde800;}
.diaryArticleH .date .keepShare .span2 a{display: inline-block;vertical-align: top;width: 30px;height: 30px;border-radius: 50%;margin-left: 10px;}
.diaryArticleH .date .keepShare .span2 a span{width: 100%;height: 100%;}
.diaryArticleH .date .keepShare .span2 .a1{background: #60ae48;}
.diaryArticleH .date .keepShare .span2 .a2{background: #ee415d;}
.diaryArticleH .date .keepShare .span2 .a3{background: #eacf5a;}
.diaryArticleH .date .keepShare .span2 .a4{background: #66aee5;}
.diaryArticleB .pWrap{margin-top: 36px;}
.diaryArticleB .pWrap p{font-size: 16px;color: #777;line-height: 1.8;}
.diaryArticleB .img{width: 100%;margin-top: 30px;}
.diaryArticleB .img img{max-width: 100%;max-height: 100%;}
.diaryArticleB .huati{font-size: 16px;color: #36c0ff;margin-top: 80px;}
.diaryArticleB .zan,.homeBuildInfo .zan{width: 108px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #2dbdff;border: 1px solid #2dbdff;border-radius: 50px;margin: 75px auto 0;}
.diaryArticleB .zan em,.homeBuildInfo .zan em{display: inline-block;vertical-align: top;height: 100%;width: 27px;background: url(../img/l_zan.png) no-repeat center;background-size: 100%;margin-right: 10px;}
.diaryQuan{width: 100%;}
.diaryQuan ul{margin: 10px -10px 10px;}
.diaryQuan ul li{float: left;width: 33.33%;padding: 10px;}
.diaryQuan ul li a{display: block;width: 100%;height: 100%;}
.diaryQuan ul li a img{width: 100%;}
.DiaryComment{padding: 5px 30px 20px;background: #fff;}
.DiaryComment .tit{line-height: 66px;font-size: 20px;color: #222;}
.DiaryComment .commentBox{width: 100%;height: 120px;border: 1px solid #d8d8d8;}
.DiaryComment .commentBox textarea{width: 100%;height: 100%;padding: 10px 15px;resize: none;font-size: 14px;color: #222;}
.DiaryComment .commentBox textarea::-webkit-input-placeholder{font-size: 14px;color: #bbb;}
.DiaryComment .commentBox textarea::-moz-placeholder{font-size: 14px;color: #bbb;}
.DiaryComment .commentBox textarea::-ms-input-placeholder{font-size: 14px;color: #bbb;}
.DiaryComment .commentBox textarea:-ms-input-placeholder{font-size: 14px;color: #bbb;}
.DiaryComment .publish{margin-top: 20px;height: 35px;line-height: 35px;}
.DiaryComment .publish span{font-size: 14px;color: #999;}
.DiaryComment .publish span em{color: #ff823e;margin: 0 3px;}
.DiaryComment .publish a{display: inline-block;vertical-align: top;height: 35px;line-height: 35px;width: 90px;text-align: center;font-size: 14px;color: #fff;background: #2dbdff;margin-left: 20px;}
.diaryEvaluation{padding: 0 30px 36px;background: #fff;margin: 20px 0;}
.diaryEvaluation .tit{font-size: 20px;color: #222;line-height: 78px;}
.diaryEvaluation .tit em{font-size: 16px;color: #2dbdff;}
.diaryEvaluation ul li{padding: 25px 0;border-bottom: 1px solid #ccc;}
.diaryEvaluation ul li:first-child{padding-top: 0;}
.diaryEvaluation ul li .left{width: 11%;}
.diaryEvaluation ul li .left .img{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;margin-right: 8px;}
.diaryEvaluation ul li .left .text{width: 60%;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.diaryEvaluation ul li .right{width: 89%;}
.diaryEvaluation ul li .right .conText{font-size: 14px;color: #333;line-height: 1.6;}
.diaryEvaluation ul li .right .time{font-size: 14px;color: #999;margin-top: 12px;}
.diaryEvaluation ul li .right .huifuCon{background: #f5f5f5;padding: 20px;margin-top: 15px;}
.diaryEvaluation ul li .right .huifuCon .leftItem{width: 13%;}
.diaryEvaluation ul li .right .huifuCon .rightItem{width: 87%;}
.diaryEvaluation ul li .right .dianzan{margin-top: 16px;height: 16px;line-height: 16px;}
.diaryEvaluation ul li .right .dianzan span{cursor:pointer;display: inline-block;vertical-align: top;height: 100%;font-size: 14px;color: #999;margin-right: 25px;}
.diaryEvaluation ul li .right .dianzan span:last-child{margin-right: 0;}
.diaryEvaluation ul li .right .dianzan span em,.diaryEvaluation ul li .right .dianzan span em i{display: inline-block;vertical-align: top;height: 100%;}
.diaryEvaluation ul li .right .dianzan .span1 em{width: 16px;background: url(../img/L_dianzan.png) no-repeat center;background-size: 100%;margin-right: 9px;}
.diaryEvaluation ul li .right .dianzan .span2 em{display: none;}
.diaryEvaluation ul li .right .dianzan .span2 em.active{display: block;}
.diaryEvaluation ul li .right .dianzan .span2 .em1 i{width: 14px;background: url(../img/l_reply.png) no-repeat center;background-size: 100%;margin-right: 9px;}
.diaryEvaluation ul li .right .dianzan .span2 .em2 i{width: 14px;background: url(../img/l_reply_on.png) no-repeat center;background-size: 100%;margin-right: 9px;}
.diaryEvaluation ul li .right .dianzan .span2 .em2{color: #2dbdff;}
.diaryEvaluation .huifuBox{display:none;width: 100%;height: 80px;margin-top:20px;}
.diaryEvaluation .huifuBox textarea{padding:10px;font-size:14px;color:#222;width: 91%;height: 100%;border: 1px solid #ccc;resize: none;border-right: 0;}
.diaryEvaluation .huifuBox .huifuBtn{width: 9%;height: 100%;background: #2dbdff;font-size: 14px;color: #fff;}
.diaryEvaluation .huifuBox .huifuBtn:hove{color: #fff;}
.diaryEvaluation .moreComment{display:block;margin-top: 25px;width: 100%;line-height: 40px;text-align: center;font-size: 14px;color: #333;background: #f5f5f5;transition: all .4s;}
.diaryEvaluation .moreComment:hover{background: #1AA0E5;color: #fff;}
.lasterRaider{padding: 25px 30px 60px;background: #fff;}
.lasterRaider .tit{font-size: 20px;color: #222;margin-bottom: 25px;}
.lasterRaider .content{width: 100%;}
.lasterRaider .content li{width: 50%;float: left;padding: 0 40px;margin-bottom: 15px;}
.lasterRaider .content li a{display:block;width: 100%;font-size: 14px;color: #444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lasterRaider .content li a::before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;background: #999999;margin-right: 10px;transition: all .4s;}
.lasterRaider .content li a:hover{color: #1AA0E5;}
.lasterRaider .content li a:hover::before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;background: #1AA0E5;margin-right: 10px;transition: all .4s;}

/*装修流程*/
.Ditem .caseStyle{background: #fff;}
.companyItem .dmRaiderList .listLabel{margin-top: 10px;}
.companyItem .dmRaiderList li:last-child{border-bottom: 1px solid #eee;}
.companyItem .personMain{padding-bottom: 0;}
.companyItem .list-right .rCom,.homeBuildItem .rCom{margin-bottom: 20px;}
.DcompanyItemFormBI p{height: 40px;position: relative;font-weight: 600;}
.DcompanyItemFormBI p::after{content: '';display: block;width: 80%;height: 10px;background: #ffe8d1;border-radius: 50px;position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: -1;}
.DcompanyItemFormBI .inputBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;}
.DcompanyItemFormBI .inputBox input::-webkit-input-placeholder{font-size: 12px;color: #666;}
.DcompanyItemFormBI .inputBox input::-moz-placeholder{font-size: 12px;color: #666;}
.DcompanyItemFormBI .inputBox input::-ms-input-placeholder{font-size: 12px;color: #666;}
.DcompanyItemFormBI .inputBox input:-ms-input-placeholder{font-size: 12px;color: #666;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector{margin-bottom: 10px;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-item{width: 31.33%;margin-left: 3%;background: #fff;border: 1px solid #e5e5e5;padding: 0 15px;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-item:first-child{margin-left: 0;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-name{height: 100%;text-indent: 0;font-size: 12px;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-name.df-color{color: #666;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-item:after{border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;}
.DcompanyItemForm .DcompanyItemFormBI .city-picker-selector .selector-list{top: 34px;left: 0;}

@media only screen and (max-width: 1500px) { 
  .DcompanyItemFormBI p::after{width: 88%;}
}
@media only screen and (max-width: 1366px) { 
  .DcompanyItemFormBI p::after{width: 95%;}
}

.companyItem .dmRaiderL{margin-top: 0;}
.companyItem .dmRaiderList li{border-top: 0;border-bottom: 1px solid #eee;}
.strateStyle{margin-top: 0;}

.offerListWrap{background: #F5F5F5;padding: 20px 80px 0;}
.offerListWrap li{border: 0;}
.offerListWrap .offerListR{background: #fff;}
@media only screen and (max-width: 1500px) { 
  .offerListWrap .offerListR{padding: 25px 36px 0;}
  .offerListWrap .offerListR .content{margin: 20px 0 30px;}
}
@media only screen and (max-width: 1366px) { 
  .offerListWrap .offerListR{padding: 15px 36px 0;}
  .offerListWrap .offerListR .content{margin: 15px 0 20px;}
}

.bannerBox{width: 100%;position: relative;}
.bannerBox{width: 100%;}
.bannerBox img{width: 100%;}
.bannerBox .itemHMain{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.companyItem .list-right .rCom{margin-top: 0;}

.homeBuildStyle .caseStyle{background: #fff;margin-bottom: 20px;}
.homeBuildStyle .caseStyle1{margin-bottom: 10px;}

.homeBuildMain .caseInnerL{margin-top: 0;}
.homeBuildMain .caseImgWrap .smallImgBox{margin: 30px 0 20px;}
.homeBuildInfo .tit{font-size: 24px;color: #333;font-weight: 600;margin-bottom:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.homeBuildInfo .price{height: 20px;line-height: 20px;margin-bottom: 25px;}
.homeBuildInfo .price span{display: inline-block;vertical-align: top;height: 100%;font-size: 14px;color: #999;margin-right: 20px;}
.homeBuildInfo .price span:first-child{margin-right: 30px;}
.homeBuildInfo .price span:last-child{margin-right: 0;}
.homeBuildInfo .price .span1 i{color: #f72828;font-weight: 600;}
.homeBuildInfo .price span em{display: inline-block;vertical-align: top;height: 100%;}
.homeBuildInfo .price .span1 em{font-size: 24px;color: #f72828;font-weight: 600;margin-right: 5px;}
.homeBuildInfo .price .span2 em{width: 15px;background: url(../img/shoucang1.png) no-repeat center;background-size: 100%;margin-right: 6px;}
.homeBuildInfo .price .span3 em{width: 14px;background: url(../img/l_reply.png) no-repeat center;background-size: 100%;margin-right: 6px;}
.homeBuildInfo .content{font-size: 16px;color: #666;line-height: 1.8;}
.homeBuildInfo .zan{margin: 35px auto 15px;}
.homeBoildLike .youLikeMain ul{margin: 0 -10px;}
.homeBoildLike .youLikeMain ul li{float: left;width: 25%;padding: 10px;}
.homeBoildLike .youLikeMain ul li a{display: block;width: 100%;height: 100%;box-shadow: 0 0 10px 1px #f4f4f4;border:1px solid #f4f4f4;border-radius: 4px;overflow: hidden;}
.homeBoildLike .youLikeMain ul li a .img{width: 100%;}
.homeBoildLike .youLikeMain ul li a .img img{width: 100%;}
.homeBoildLike .youLikeMain ul li a .text{padding: 15px 15px;}
.homeBoildLike .youLikeMain ul li a .text .txt1,.homeBoildLike .youLikeMain ul li a .text .txt2{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.homeBoildLike .youLikeMain ul li a .text .txt1{font-size: 18px;color: #333;font-weight: 600;margin-bottom: 10px;}
.homeBoildLike .youLikeMain ul li a .text .txt2{font-size: 12px;color: #999;margin-bottom: 15px;}
.homeBoildLike .youLikeMain ul li a .text .txt2 span{margin-right: 10px;}
.homeBoildLike .youLikeMain ul li a .text .txt2 span:last-child{margin-right: 0;}
.homeBoildLike .youLikeMain ul li a .text .txt2 span i{margin-left: 3px;}
.homeBoildLike .youLikeMain ul li a .text .txt2 span i{margin-left: 3px;}
.homeBoildLike .youLikeMain ul li a .text .txt3{font-size: 12px;color: #999;}
.homeBoildLike .youLikeMain ul li a .text .txt3 em{font-size: 18px;color: #f72828;font-weight: 600;margin-left: 5px;}
.homeBoildLike .youLikeMain ul li a .text .txt3 em i{font-size: 12px;color: #f72828;}
.homeBuildRight .promotionPromotion{margin-top: 20px;}
.Fabric-furniture a{display: block;width: 100%;}
.Fabric-furniture a img{width: 100%;}
@media only screen and (max-width: 1366px) {
  .homeBoildLike .youLikeMain ul li a .text{padding: 5px 10px;}
  .homeBoildLike .youLikeMain ul li a .text .txt1{margin-bottom: 5px;}
  .homeBoildLike .youLikeMain ul li a .text .txt2{margin-bottom: 3px;}
}

/*弹窗*/
.grpupPopup{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
.grpupPopup .filter{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;}
.grpupPopupWrap{width: 660px;position: absolute;top: 50%;left: 50%;background: url(../img/l_popup_bg.png) no-repeat center;background-size: cover;padding: 10px;border-radius: 10px;}
.grpupPopupWrap .close{width: 40px;height: 40px;background: url(../img/l_close1.png) no-repeat center;background-size: 100%;position: absolute;top: 0;right:-80px;}
.grpupPopupMain{width: 100%;background: #fff;padding: 50px 90px;border-radius: 10px;}
.grpupPopupMain .title{font-size: 30px;color: #333;font-weight: 600;margin-bottom: 12px;}
.grpupPopupMain .title em{font-size: 24px;color: #ff1c1c;}
.grpupPopupMain .sheng{text-align: center;}
.grpupPopupMain .sheng span{font-size: 16px;color: #666;padding: 0 6px;}
.grpupPopupMain .sheng .span1 em{color: #ff1c1c;}
.grpupPopupMain .sheng .span2 em{color: #1aa0e5;}
.grpupPopupMain .cha{font-size: 20px;color: #333;font-weight: 600;text-align: center;margin-top: 20px;}
.grpupPopupMain .cha em{color: #ff1c1c;margin: 0 2px;}
.grpupPopupMain .yicy{font-size: 20px;color: #333;text-align: center;margin: 15px 0 40px;}
.grpupPopupMain .yicy em{color: #ff1c1c;margin: 0 2px;}
.grpupPopupMain .tjInfo{font-size: 30px;color: #ff5153;text-align: center;}
.grpupPopupMain .ktPerson{margin: 20px auto 30px;width: 88%;}
.grpupPopupMain .ktPerson ul{margin: 0 -10px;}
.grpupPopupMain .ktPerson ul li{float: left;padding: 10px;width: 20%;position: relative;}
.grpupPopupMain .ktPerson ul li a{width: 60px;height: 60px;border-radius: 50%;border: 2px dashed #d2d2d2;font-size: 24px;color: #dcdcdc;overflow: hidden;}
.grpupPopupMain .ktPerson ul .firstPerson a{border: 2px solid #e44548;}
.grpupPopupMain .ktPerson ul .secPer a{border: 2px solid #d2d2d2;}
.grpupPopupMain .ktPerson ul .firstPerson span{display: block;width: 74px;line-height: 25px;border-radius: 50px;text-align: center;font-size: 18px;color: #fff;background: #e64343;position: absolute;bottom: 3px;left: 50%;}
.grpupPopupMain .caseBudget{padding: 0;}
.grpupPopupMain .caseBudget form .inputBox,.grpupPopupMain .caseBudget .city-picker-selector .selector-item{height: 40px;line-height: 40px;}
.grpupPopupMain .caseBudget form .inputBox input,.grpupPopupMain .city-picker-selector .selector-name{font-size: 14px;}
.grpupPopupMain .caseBudget form .inputBox input::-webkit-input-placeholder{font-size: 14px;}
.grpupPopupMain .caseBudget form .inputBox input::-moz-placeholder{font-size: 14px;}
.grpupPopupMain .caseBudget form .inputBox input::-ms-input-placeholder{font-size: 14px;}
.grpupPopupMain .caseBudget form .inputBox input:-ms-input-placeholder{font-size: 14px;}
.grpupPopupMain .huWrap .cont span{font-size: 14px;}
.grpupPopupMain .caseBudget form .freeGet{line-height: 48px;height: 48px;font-size: 18px;}
.grpupPopupMain .city-picker-selector .selector-list{top: 38px;}
.popup2 .grpupPopupMain .ktPerson{margin: 10px auto 20px;}

.yuyuePopup{height: 600px;position: absolute;top: 50%;left: 50%;}
.yuyuePopup .left{height: 100%;width: 640px;}
.yuyuePopup .left img{height: 100%;}
.yuyuePopup .right{width: 560px;height: 100%;background: #fff;padding: 50px 50px 0;position: relative;}
.yuyuePopup .right .close{width: 20px;height: 20px;background: url(../img/close1.png) no-repeat center;background-size: 100%;position: absolute;top: 20px;right: 20px;cursor: pointer;}
.yuyuePopup .right p{font-size: 13px;color: #ff5153;}
.yuyuePopup .caseBudget{padding: 0;margin:0;}
.yuyuePopup .caseBudget h2{margin: 10px 0 26px;}
.yuyuePopup .caseBudget .city-picker-selector{margin-bottom: 10px;}
.yuyuePopup .caseBudget .sumNum{height: 72px;line-height: 68px;}
.yuyuePopup .caseBudget .sumNum em{font-size: 58px;}
.yuyuePopup .caseBudget .huWrap .cont span {font-size: 14px;}
.yuyuePopup .caseBudget form .inputBox{margin-bottom: 12px;}
.yuyuePopup .caseBudget form .inputBox,.yuyuePopup .caseBudget .city-picker-selector .selector-item{height: 42px;line-height: 42px;background: #fff;}
.yuyuePopup .caseBudget form .inputBox input,.yuyuePopup .city-picker-selector .selector-name{font-size: 14px;}
.yuyuePopup .caseBudget form .inputBox input::-webkit-input-placeholder{font-size: 14px;}
.yuyuePopup .caseBudget form .inputBox input::-moz-placeholder{font-size: 14px;}
.yuyuePopup .caseBudget form .inputBox input::-ms-input-placeholder{font-size: 14px;}
.yuyuePopup .caseBudget form .inputBox input:-ms-input-placeholder{font-size: 14px;}
.yuyuePopup .city-picker-selector .selector-list{top: 40px;}
.yuyuePopup .caseBudget .city-picker-selector .selector-name{font-size: 14px;}
.yuyuePopup .caseBudget form .freeGet{height: 50px;line-height: 50px;font-size: 18px;}
.yuyuePopup .caseBudget form .freeGet{height: 50px;line-height: 50px;font-size: 18px;}

.baojiaPopup .right{background: #ffe382;padding: 90px 50px 0;}
.baojiaPopup .caseBudget{background: transparent;}
.baojiaPopup .caseBudget .txt1{font-size: 40px;color: #222;font-weight: 600;font-style: oblique;}
.baojiaPopup .caseBudget .txt1 em{color: #f1311b;}
.baojiaPopup .caseBudget h3{margin: 10px 0 30px;text-align: center;font-size: 20px;color: #444;}
.baojiaPopup .caseBudget h3 em{color: #f1311b;}

@media only screen and (max-width: 1500px) { 
  .grpupPopupWrap{width: 580px;}
  .grpupPopupMain{padding: 30px 70px;}
  .grpupPopupMain .title{margin-bottom: 8px;}
  .grpupPopupMain .ktPerson{margin: 10px auto 12px;}
  .grpupPopupMain .tjInfo{font-size: 28px;}
  .yuyuePopup{height: 500px;}
  .yuyuePopup .left{width: 533px;}
  .yuyuePopup .right{padding: 20px 50px 0;}
  .yuyuePopup .caseBudget .sumNum{height: 55px;line-height: 51px;}
  .yuyuePopup .caseBudget .sumNum em{font-size: 42px;}
  .yuyuePopup .caseBudget h2{margin: 10px 0;}
  .caseBudget form .freeGet{margin-top: 10px;}
  .yuyuePopup .caseBudget form .inputBox, .yuyuePopup .caseBudget .city-picker-selector .selector-item{height: 38px;line-height: 38px;}
}

.yanzmas_bar{width: auto;}
.labelBanner img{width: 100%;}

.Box .Box_con .conbox .cur .text .left{width: 60%;}
.Box .Box_con .conbox .cur .text .right{width: 39%;text-align: right;}
.Box .Box_con .conbox .cur .text .left p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Box .Box_con .conbox .cur .text .left .p1{font-size: 18px;color: #333333;line-height: 28px;}
.Box .Box_con .conbox .cur .text .left .p2{font-size: 14px;color: #666;}
.Box .Box_con .conbox .cur .text .right{font-size: 12px;color: #999;position: absolute;right: 15px;top: 24px;}
.Box .Box_con .conbox .cur .text .right span{font-size: 18px;color: #f72828;} 

.iconWrap .iconMain{margin: 0 -10px 20px;}
.iconWrap .iconMain .iconItem{width: 50%;padding: 0 10px;}
.iconWrap .iconMain .iconItem .iconList{background: #fff;padding: 20px 30px 25px;}
.iconWrap .iconMain .iconItem .iconList .tit{margin-bottom:20px;text-align: center;font-size: 18px;color: #222;font-weight: 600;}
.iconWrap .iconMain .iconItem .iconList ul li{float: left;width: 20%;}
.iconWrap .iconMain .iconItem .iconList ul li a{width: 100%;height: 100%;}
.iconWrap .iconMain .iconItem .iconList ul li a .icon{height: 41px;margin-bottom: 5px}
.iconWrap .iconMain .iconItem .iconList ul li a .icon img{max-height: 100%;max-width: 100%;}
.iconWrap .iconMain .iconItem .iconList ul li a .text{font-size: 18px;color: #222;}

/*城市选择*/
/*案例内页2*/
.cityChoose{margin: 10px 0;width: 100%;}
.cityChoose .cityChooseItem{position:relative;float:left;width: 31.33%;margin-left: 3%;background: #fff;height: 34px;line-height: 34px;border: 1px solid #ccc;border-radius: 4px;}
.cityChoose .cityChooseItem:first-child{margin-left: 0;}
.cityChoose .cityChooseItem::after{content: '';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #ccc;position: absolute;right: 6px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cityChoose .cityChooseItem select{display: block;width: 100%;height: 100%;padding: 0 15px;font-size:12px;position: relative;z-index: 1;background: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cityChoose .cityChooseItem select::-ms-expand{ display: none; }
.cityChoose .cityChooseItem select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;outline: 0;}
/*装修日记-详情/装修攻略-详情*/
.cityChoose1 .cityChooseItem{border: 1px solid #54c9ff;}
/*装修日记-装修流程/装修攻略-装修流程/装修服务商-装修公司/装修服务商-设计师/装修服务商-工厂/装修服务商-家居建材商/装修服务商-工人*/
.cityChoose2 .cityChooseItem{border: 1px solid #E5E5E5;height: 36px;line-height: 36px;}
/*装修优惠-活动详情/装修优惠-团装详情 */
.cityChoose3{margin: 12px 0;}
.cityChoose3 .cityChooseItem{height: 42px;line-height: 42px;}
.cityChoose3 .cityChooseItem select{font-size: 14px;}
@media only screen and (max-width: 1500px){
  .cityChoose3 .cityChooseItem{height: 36px;line-height: 36px;}
}
.cityChoose4 .cityChooseItem{height: 40px;line-height: 40px;border: 1px solid #ccc;}
.cityChoose4 .cityChooseItem select{font-size: 14px;}
/*入驻招商*/
.cityChoose5{margin-top: 30px;}
.cityChoose5 .cityChooseItem{width: 48.5%;height: 70px;line-height: 70px;}
.cityChoose5 .cityChooseItem select{padding: 0 35px;font-size: 18px;}
@media only screen and (max-width: 1500px){
  .cityChoose5 .cityChooseItem{height: 60px;line-height: 60px;}
}
/*标签列表/装修服务商*/
.cityChoose6 .cityChooseItem1{position:relative;float:left;width: 31.33%;margin-left: 3%;background: #e12c31;height: 40px;line-height: 40px;border: 0;border-radius: 4px;}
.cityChoose6 .cityChooseItem1:first-child{margin-left: 0;}
.cityChoose6 .cityChooseItem1::after{content: '';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 6px solid #fff;position: absolute;right: 6px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cityChoose6 .cityChooseItem1 select{display: block;width: 100%;height: 100%;padding: 0 15px;font-size: 16px;color: #fff;position: relative;z-index: 1;background: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cityChoose6 .cityChooseItem1 select option{color: #333;}
.cityChoose6 .cityChooseItem1 select::-ms-expand{ display: none; }
.cityChoose6 .cityChooseItem1 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;outline: 0;}

/*设计/报价/方案-3个页面*/
.designMain .cityChoose{width: 300px;margin: 0;}
.designMain .cityChoose .cityChooseItem{height: 38px;line-height: 38px;}
.designMain .cityChoose .cityChooseItem select{font-size: 14px;}

/*顶部城市选择*/
.IIInsomnia-city-picker .IIInsomnia-hot-wrap ul li:hover,.IIInsomnia-city-picker .IIInsomnia-province-name:hover,.IIInsomnia-city-picker .IIInsomnia-province-name.active,.IIInsomnia-city-picker .IIInsomnia-city:hover{color: #1AA0E5;}
.IIInsomnia-city-picker .IIInsomnia-clean-btn,.IIInsomnia-city-picker .IIInsomnia-clean-btn:hover{background-color: #1AA0E5 !important;border: 0;cursor: pointer;}

.loader{height: 50px;text-align: center;line-height: 50px;color: #999;margin: 30px 0 80px;font-size: 16px;}
.on-load img{width: 40px;vertical-align: middle;margin-right: 10px;}
.on-load{display: none;}
.no-data{display: none;}

/*装修服务商-家居建材商*/
.jcLeftMain{padding: 0 70px 0 38px;}
.jcLeftMain li{width: 100%;padding: 30px 0 20px;background: #fff;border-bottom: 1px solid #EAEAEA;}
.jcLeftMain li .left{width: 82px;height: 82px;border-radius: 50%;border: 1px solid #eaeaea;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.jcLeftMain li .left img{max-height: 100%;max-width: 100%;}
.jcLeftMain li .right{width: 89%;}
.jcLeftMain li .right .jcHeadL .txt1{height: 25px;line-height:25px;font-size: 22px;color: #222;font-weight: 600;}
.jcLeftMain li .right .jcHeadL .txt1::after{content: '';display: inline-block;vertical-align: top;height: 100%;width: 24px;background: url(../img/Shop-Pusher.png) no-repeat center;background-size: 100%;margin-left: 10px;}
.jcLeftMain li .right .jcHeadL .txt2{font-size: 14px;margin: 15px 0 6px;}
.jcLeftMain li .right .jcHeadL .txt2 span{margin-right: 10px;}
.jcLeftMain li .right .jcHeadL .txt2 span:last-child{margin-right: 0;}
.jcLeftMain li .right .jcHeadL .txt2 em{color: #999;}
.jcLeftMain li .right .jcHeadL .txt2 i{color: #26a3fc;}
.jcLeftMain li .right .jcHeadL .txt3{height: 20px;line-height:20px;font-size: 14px;color: #999;margin-bottom: 6px;}
.jcLeftMain li .right .jcHeadL .txt3::before{content: '';display: inline-block;vertical-align: top;width: 13px;height: 100%;background: url(../img/address.png) no-repeat center;background-size: 100%;margin-right: 5px;}
.jcLeftMain li .right .jcHeadL .txt4 span{margin-right:5px;display: inline-block;padding: 0 5px;line-height: 22px;border: 1px solid #26a3fc;font-size: 12px;color: #26A3FC;margin-top: 6px;}
.jcLeftMain li .right .jcHeadR{transition:all .4s;display: block;margin-top:10px;width: 124px;line-height: 38px;font-size: 16px;color: #fff;background: #ff552e;text-align: center;}
.jcLeftMain li .right .jcHeadR:hover{background: #f64016;}
.jcLeftMain li .right .jcBody{width: 100%;}
.jcLeftMain li .right .jcBody .quan{line-height: 22px;font-size: 12px;color: #444;}
.jcLeftMain li .right .jcBody .quan em{display: inline-block;vertical-align: top;width: 22px;height: 22px;text-align:center;background: #fe6969;font-size: 14px;color: #fff;margin-right: 6px;}
.jcBodyMain{margin: 9px -7px 13px;}
.jcBodyMain .jcBodyItem{float: left;width: 25%;padding: 7px;}
.jcBodyMain .jcBodyItem a{display: block;width: 100%;height: 100%;background: #fff;border: 1px solid #e5e5e5;border-radius: 4px;overflow: hidden}
.jcBodyMain .jcBodyItem a .img{width: 100%;height: 200px;display: flex;justify-content: center;align-items: center;overflow: hidden}
.jcBodyMain .jcBodyItem a .img img{max-height: 100%;max-width: 100%;transition: all .4s;}
.jcBodyMain .jcBodyItem a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);}
.jcBodyMain .jcBodyItem a .text{padding: 10px 10px 6px;}
.jcBodyMain .jcBodyItem a .text .p1{font-size: 14px;color: #333;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jcBodyMain .jcBodyItem a .text .p2{font-size: 12px;color: #999;}
.jcBodyMain .jcBodyItem a .text .p2 em{font-size: 14px;color: #f72828;font-weight: 600;margin-left: 3px;}
.Building-Material-Dealer .list-left .page,.companyItem .list-left .page{margin: 35px 0 60px;}
@media only screen and (max-width: 1500px) {
  .jcLeftMain{padding: 0 60px 0 35px;}
  .jcLeftMain li .right{width: 88%;}
  .jcBodyMain .jcBodyItem a .img{height: 180px;}
}
@media only screen and (max-width: 1366px) {
  .jcLeftMain{padding: 0 40px 0 25px;}
  .jcLeftMain li .left{margin-right: 15px;}
  .jcLeftMain li .right{width: 87%;}
  .jcBodyMain .jcBodyItem a .img{height: 160px;}
}

.jcBodyMain .imgItem{width: 20%;float: left;padding: 7px;}
.jcBodyMain .imgItem a{display: block;width: 100%;height: 100%;overflow: hidden}
.jcBodyMain .imgItem a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);}
.jcBodyMain .imgItem a img{width: 100%;transition: all .4s;}

/*案例标签列表页*/
.caseListBI .caseListItem a{padding: 10px;}
.caseListBI .caseListItem .caseItemH .caseFilter{text-align:center;width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.caseListBI .caseListItem .caseItemH .caseFilter .caseFilterCon{width: 96%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.caseListBI .caseListItem .caseItemH .caseFilter .txt1{font-size: 30px;color: #fff;font-weight: 600;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caseListBI .caseListItem .caseItemH .caseFilter .txt2{font-size: 16px;color: #fff;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.caseListBI .caseListItem .caseItemH .caseFilter .txt3{width: 90px;line-height: 30px;border-radius: 4px;border: 1px solid #fff;text-align: center;font-size: 14px;color: #fff;margin: 30px auto 0;transition: all .4s;}
.caseListBI .caseListItem .caseItemH .caseFilter .txt3:hover{background: #1AA0E5;border: 1px solid #1AA0E5;}


/*****************问答标签列表*****************/
.qaList{width: 100%;}
.qaList .txt1{padding: 0 40px;line-height: 66px;border-bottom: 1px solid #efeff2;font-size: 16px;color: #444;}
.qaList .txt1 em{color: #1AA0E5;}
.qaList ul{padding: 0 40px;}
.qaList ul li{padding: 20px 0;border-bottom: 1px solid #efeff2;}
.qaList ul li a{display: block;}
.qaList ul li a:hover .listTit{color: #1AA0E5;}
.qaList ul li a .listTit{font-size: 20px;color: #333;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.qaList ul li a .listTit em{color: #1AA0E5;}
.qaList ul li a .listTit span{font-weight: 500;}
.qaList ul li a .listTit::before{content: '';display: inline-block;vertical-align:top;width: 4px;height: 100%;background: #1AA0E5;margin-right: 6px;}
.qaList ul li a .listCon p{font-size: 14px;color: #444444;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 25px 0 13px;}
.qaList ul li a .listCon .time{font-size: 14px;color: #666;}
.qaList ul li a .listCon .time em{color: #1AA0E5;margin: 0 3px;}
/*.qaModule{width: 100%;height: 240px;background: url(../temp/qabg.jpg) no-repeat center;background-size: cover;margin-bottom: 20px;padding-top: 50px;}*/
.qaModule{position: relative;} /*2020.4.7修改2*/
.qaModule .zxywBox{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}/*2020.4.7修改2*/
.qaModule .qaBtn{margin-top: 30px;text-align: center;display: flex;justify-content: space-between;align-items: center;}/*2020.4.7修改2*/
.qaModule .qaBtn a{display: inline-block;line-height: 36px;width: 100px;border-radius: 4px;font-size: 14px;color: #1AA0E5;border: 1px solid #1AA0E5;margin: 0 8px;transition: all .4s;}
.qaModule .qaBtn a.active,.qaModule .qaBtn a:hover{background: #1AA0E5;color: #fff;}
.newSettled .Decorationdiarytitle{border-bottom: 1px solid #eaeaea;padding-bottom: 10px;}
.newSettled a{line-height: 40px;border-bottom: 1px dashed #EAEAEA;padding-left: 40px;}
.newSettled a:last-child{border-bottom: 0;}
.newSettled a em{display: block;width: 16px;height: 16px;line-height:16px;border-radius:4px;background: #e0dee0;font-size: 12px;color: #8f8f8f;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: all .4s;}
.newSettled a:hover em{background: #1AA0E5;color: #fff;}
.qaDetail{background: #fff;padding: 39px 30px 28px;border-bottom: 1px solid #ddd;}
.qaQuestion{padding-left: 40px;}
.questionTit{line-height: 30px;position: relative;}
.questionTit .qaIcon{width: 31px;height: 26px;position: absolute;left: -40px;top: -18px;}
.questionTit .titText{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 30px;color: #333;}
.questionTit .keepShare{font-size: 16px;color: #777;}
.questionTit .keepShare span{margin-left: 40px;}
.questionTit .keepShare span em{font-size: 16px;color: #777;}
.questionTit .keepShare span:first-child{margin-left: 0;}
.questionTit .keepShare .span1{cursor: pointer;}
.questionTit .keepShare .span1 i{font-size: 22px;}
.questionTit .keepShare .span1 i.active{color: #fde800;}
.questionTit .keepShare .span2 a{display: inline-block;vertical-align: top;width: 30px;height: 30px;border-radius: 50%;margin-left: 10px;}
.questionTit .keepShare .span2 a span{width: 100%;height: 100%;}
.questionTit .keepShare .span2 .a1{background: #60ae48;}
.questionTit .keepShare .span2 .a2{background: #ee415d;}
.questionTit .keepShare .span2 .a3{background: #eacf5a;}
.questionTit .keepShare .span2 .a4{background: #66aee5;}
.questionInfo{height: 14px;line-height: 14px;margin: 24px 0 27px;}
.questionInfo span,.questionInfo a{display: inline-block;vertical-align: top;font-size: 14px;color: #777;height: 100%;}
.questionInfo span{border-right: 1px solid #cacaca;padding: 0 18px;}
.questionInfo span:first-child{padding-left: 0;}
.questionInfo span:last-child{padding-right: 0;border: 0;}
.replyBtn{display:block;width: 100px;line-height: 38px;text-align: center;background: #1AA0E5;font-size: 14px;color: #fff;transition: all .4s;}
.replyBtn:hover{background: #0a8acc;}
.qaAnswer{background: #fff;padding: 30px 30px 0;}
.answerTit{width: 100%;position: relative;padding-left: 40px;}
.answerTit .qaIcon{width: 31px;height: 26px;position: absolute;left: 0;top: -3px;}
.answerTit .titText{font-size: 20px;color: #222;}
.qaAnswer{margin-bottom: 20px;}
.qaAnswer .diaryEvaluation{margin: 0;padding: 0 0 15px;}
.qaAnswer .diaryEvaluation ul li{padding: 25px 0 25px 30px;}
.qaAnswer .diaryEvaluation ul li:last-child{border: 0;}
.qaAnswer .diaryEvaluation ul li .right,.qaAnswer .diaryEvaluation ul li .left{width: 100%;}
.qaAnswer .diaryEvaluation ul li .left{margin-bottom: 15px;height: 24px;line-height: 24px;padding-right: 6px;}
.qaAnswer .diaryEvaluation ul li .right .time{margin: 0;}
.qaHot{background: #fff;margin-top: 20px;padding: 12px 50px 17px;}
.qaHotTitle{line-height: 60px;font-size: 20px;color: #222;}
.qaHotMain{width: 100%;}
.qaHotMain .qaHotItem{width: 46.5%;}
.qaHotMain .qaHotItem a{line-height: 32px;font-size: 14px;}
.qaHotMain .qaHotItem a:hover span{color: #1AA0E5;}
.qaHotMain .qaHotItem a span,.qaHotMain .qaHotItem a em,.qaHotMain .qaHotItem a i{display: inline-block;vertical-align: middle;}
.qaHotMain .qaHotItem a span{color: #444;width: 78%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.qaHotMain .qaHotItem a em{color: #222;}
.qaHotMain .qaHotItem a em i{color: #1AA0E5;margin-right: 3px;}
.answerBox{background: #f8f8f8;padding: 6px 30px 2px;}
.answerBox .txt1{line-height: 55px;font-size: 16px;color: #444;}
.answerBox .solution{width: 100%;height: 100px;border: 1px solid #eee;margin-bottom: 15px;}
.answerBox .solution textarea{width: 100%;height: 100%;padding: 10px;resize: none;}
.answerBottom .inputImg{width: 70%;}
.answerBottom .inputImgItem{float: left;margin-bottom: 10px;}
.answerBottom .img{width: 38px;height: 38px;position: relative;margin-right: 15px}
.answerBottom .img img{max-width: 100%;max-height: 100%;}
.answerBottom .img .close{width: 16px;height: 16px;background:url(../img/close2.png) no-repeat center;border-radius: 50%;overflow: hidden;position: absolute;top: -9px;right: -6px;display: none;cursor: pointer;}
.answerBottom .img:hover .close{display: block;}
.answerBottom .inputBox{height: 38px;width: 38px;border: 1px solid #eee;overflow: hidden;background: #fff;position: relative;margin-right: 10px;}
.answerBottom .inputBox::before{content: '';display: block;width: 17px;height: 17px;background: url(../img/upload.png) no-repeat center;background-size: 100%;cursor: pointer;position: absolute;top: 50%;left: 50%;z-index:1;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.answerBottom .inputBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;opacity: 0;cursor: pointer !important;}
.answerBottom .inputTip{line-height: 38px;font-size: 12px;color: #999;}
.answerBottomR{height: 30px;line-height: 30px;}
.answerBottomR span{font-size: 12px;color: #999;}
.answerBottomR span em{color: #1AA0E5;}
.answerBottomR a{display: inline-block;vertical-align: top;width: 86px;line-height: 30px;background: #1AA0E5;text-align: center;font-size: 14px;color: #fff;transition: all .4s;margin-left: 20px;}

/*提问弹窗*/
.questionPupop{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.questionPupop .filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.qPupopMain{width: 980px;padding: 35px 60px 70px 40px;background: #f8f8f8;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.qPupopMain .close{cursor:pointer;width: 20px;height: 20px;background: url(../img/close1.png) no-repeat center;background-size: 100%;position: absolute;top: 25px;right: 25px;transition: all .4s;}
.qPupopMain .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transition: all .4s;}
.qPupopMain .txt1{line-height: 55px;font-size: 22px;color: #333;font-weight: 600;}
.qPupopMain .qInputBox{margin-bottom: 15px;}
.qPupopMain .qInputBox .qInputBoxL{width: 9%;font-size: 14px;color: #333;}
.qPupopMain .qInputBox .qInputBoxL i{color: red;}
.qPupopMain .qInputBox .qInputBoxR{width: 91%;}
.qPupopMain .qInputBox .lastWords{width: 91%;text-align: right;font-size: 12px;color: #999;line-height: 12px;}
.qPupopMain .qInputBox .lastWords em{color: #1AA0E5;margin: 0 3px;}
.qInputBox1 .qInputBoxH{height: 50px;line-height: 48px;margin-bottom: 10px;}
.qInputBox1 .qInputBoxH .qInputBoxR{height: 100%;border: 1px solid #ccc;}
.qInputBox1 .qInputBoxH .qInputBoxR input{display: inline-block;vertical-align: top;width: 100%;height: 100%;padding: 0 12px;font-size: 14px;color: #222;background: #fff;}
.qInputBox1 .qInputBoxH .qInputBoxR input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.qInputBox1 .qInputBoxH .qInputBoxR input::-moz-placeholder{font-size: 14px;color: #999;}
.qInputBox1 .qInputBoxH .qInputBoxR input::-ms-input-placeholder{font-size: 14px;color: #999;}
.qInputBox1 .qInputBoxH .qInputBoxR input:-ms-input-placeholder{font-size: 14px;color: #999;}
.qInputBox1 .qInputBoxH .qInputBoxR input:-ms-input-placeholder{font-size: 14px;color: #999;}

.qInputBox2 .qInputBoxH .qInputBoxR{height: 120px;border: 1px solid #ccc;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea{width: 100%;height: 100%;background: #fff;padding: 15px 12px;resize: none;font-size: 14px;color: #222;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea::-webkit-input-placeholder{font-size: 14px;color: #999;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea::-moz-placeholder{font-size: 14px;color: #999;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea::-ms-input-placeholder{font-size: 14px;color: #999;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea:-ms-input-placeholder{font-size: 14px;color: #999;}
.qInputBox2 .qInputBoxH .qInputBoxR textarea:-ms-input-placeholder{font-size: 14px;color: #999;}
.qInputBox2 .answerBottom{width: 91%;margin-top: 10px;}
.qInputBox2 .answerBottom .lastWords{width: auto;}
.qInputBox3 .qInputBoxH{height: 32px;line-height: 30px;}
.qInputBox3 .qInputBoxH .qSort{height: 100%;}
.qInputBox3 .qInputBoxH .qSort select{width: 120px;height: 100%;border: 1px solid #ccc;border-radius: 4px;background: #fff url(../img/arrow3.png) no-repeat 92% center;padding: 0 20px 0 10px;font-size:14px;color:#222;outline: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.qPupopMain .submitBtn{margin-left: 9%;width: 100px;line-height: 38px;background: #1AA0E5;font-size: 16px;color: #fff;text-align: center;transform: all .4s;}
.qPupopMain .submitBtn:hover{background: #0a8acc;}


.serMerSumL .qaHotMain .qaHotItem a{line-height: 34px;}
.serMerSumL .qaHot{padding: 12px 50px 18px;}
.caseListBottom.qaHot{margin-bottom:60px;padding: 0;}
.caseListBottom.qaHot .qaHotMain .qaHotItem{width: 31.5%;box-shadow: 0 0 15px 1px #eee;padding: 12px 20px 17px;}
.caseListBottom.qaHot .qaHotMain .qaHotItem a{height: 32px;line-height: 32px;}
.caseListBottom.qaHot .qaHotMain .qaHotItem1 a span{width: 100%;}

.caseItem .caseItemH .videoWrap{display: block;}
.videoWrap .video-js .vjs-big-play-button{border-radius: 50%;}

.teamPupop2 ul li p span{margin-right: 10px;}
.teamPupop2 ul li:nth-child(2){padding-left: 60px;}
.EditTeamMember ul li p .Upload-avatar{margin-right: 38%;}
.serMerSumR.mb20{margin-bottom: 20px;}
.serMerSumR.comRightDiscount{width: 100%;padding: 0;}
.comRightWrap.caseInnerR{width: 23.6%;padding: 0;}
.comRightWrap.caseInnerR .rCom{margin: 0 0 20px;}
.comRightTitle{position: relative;}
.comRightTitle .left{font-size: 18px;color: #333;font-weight: bold;max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.comRightTitle .more{position: absolute;right:0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 14px;color: #666;padding: 0;font-weight: 500;transition: all .4s;}
.comRightTitle .more:hover{color: #1AA0E5;}
.comRightTitle .more::before{display: none;}
.caInItem3 .hotImg li a{position: relative;}
.caInItem3 .hotImg li a .caseItemIntro{line-height: 28px;width: 100%;background: rgba(0,0,0,0.5);font-size: 14px;color: #fff;padding: 0 3px;position: absolute;bottom: -28px;left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.caInItem3 .hotImg li a:hover .caseItemIntro{bottom: 0;}

/*商家中心首页修改*/
.firmDynamic .dmCaseRB .chartTitle{line-height: 50px;}
.firmDynamic .dmCaseRB .chartCon{padding: 12px 0 5px;}
.firmDynamic .dmCaseRB .chartCon .txt1{margin-bottom: 0;}
.firmDynamic .dmCaseRB .chartWrap{margin-top: 5px;}
.firmDynamic .dmCaseRB .todayNum{line-height: 35px;}
.firmDynamic #chart{height: 176px;}

.offersRecommendedWrap{background-color: #F5F5F5;}
.offersRecommended.hotActItemB ul li{width: 33.33%;}


/*城市选择*/
.inputBox.cityBox{padding: 0;}
.cityBox em{font-size: 20px;}
.cityBox .cityWrap{width: 100%;height: 100%;display: flex;padding: 0 40px 0 15px;position: relative;}
.cityBox .cityWrap .line{display: block;width: 8px;height: 1px;background: #333;position: absolute;top: 50%;left: 65px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cityBox .cityWrap .cityItem{overflow:hidden;max-width: 45px;height: 100%;flex:1;margin-right: 20px;}
.cityBox .cityWrap .cityItem .cityItemH{width: 100%;height: 100%;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;cursor: pointer;}
.cityBox .cityWrap .cityItem:last-child{margin: 0;}
.cityBox .cityWrap .cityItem .cityItemB{display: none;width: 100%;position: absolute;top: 100%;left: 0;background: #fff;z-index: 999;max-height: 220px;overflow-y: auto;overflow-x: hidden;border: 1px solid #dedede;border-top: none;}
.cityBox .cityWrap .cityItem .cityItemB li{cursor:pointer;line-height: 45px;font-size: 14px;color: #333;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.cityBox .cityWrap .cityItem .cityItemB li:hover{background: #1AA0E5;color: #fff;}

/*****************商铺入驻-商户入驻*****************/
.storeIn{background: #fff;margin-bottom: 40px;}
.storeInItemWrap{width: 25%;float: left;text-align: center;position: relative;}
.storeInItemWrap::after{content: '';display: block;width: 99.2%;height: 99.5%;border: 2px solid transparent;position: absolute;top: -1px;left: -1px;z-index: 9;}
.storeInItemWrap:first-child .storeInItem{border-left: 1px solid #D4D2D1;}
.storeInItemWrap:hover .storeInBtn{display: block;}
.storeInItemWrap:hover::after{border: 2px solid #ffa92d;box-shadow: 0 0 15px 2px #f3f3f3;}
.storeInItem{border-right: 1px solid #D4D2D1;border-top: 1px solid #D4D2D1;border-bottom: 1px solid #D4D2D1;}
.storeInItem .storeInOne{position:relative;height: 100px;font-size: 24px;color: #444;border-bottom: 1px solid #D4D2D1;}
.storeInItem .storeInOne i{display: inline-block;vertical-align: middle;width: 22px;height: 25px;margin-left: 6px;}
.storeInItem .storeInOne i img{width: 100%;}
.storeInItem .storeInTwo{height: 100px;font-size: 16px;color: #666;border-bottom: 1px solid #D4D2D1;padding-top: 10px;}
.storeInItem .storeInTwo i{font-size: 20px;color: #666;margin-top: -25px;}
.storeInItem .storeInTwo em{font-size: 40px;color: #666;margin-top: -10px;}
.storeInItem ul li{height: 58px;line-height: 58px;font-size:16px;color:#666;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.storeInItem ul li:nth-child(even){background: #fbf9f8;}
.storeInBtn{display:none;padding: 29px 0 18px;text-align: center;position: relative;z-index: 10;}
.storeInBtn a{display: inline-block;vertical-align: middle;width: 140px;line-height: 46px;border-radius: 4px;background: linear-gradient(to right,#ffa82c,#f3861b);font-size: 20px;color: #fff;}
.storeInBtn span{display: inline-block;vertical-align: middle;width: 100%;font-size: 14px;color: #999;margin-top: 8px;}
.storeInItem .storeInOne .recom{width: 0;height: 0;border: 40px solid;border-bottom-color: transparent;border-right-color: transparent;border-left: none;border-top-color: #ffa92d;position: absolute;top: 0;left: 0;}
.storeInItem .storeInOne .recom span{display:block;width: 30px;color: #fff;font-size: 12px;position: absolute;top: -35px;left: -2px;transform: rotate(-45deg);}
.storeVip .storeInItemWrap:hover::after{border: 2px solid #2dbdff;}
.storeVip .storeInBtn a{background: linear-gradient(to right,#2dbdff,#2da9ff);}

/*20200108*/
.photoShow{width: 100%;}
.photoShow ul{margin:20px -5px 0;}
.photoShow ul li{float: left;padding: 5px;width: 33.33%;}
.photoShow ul li .img{cursor:pointer;width: 100%;height: 100%;position: relative;}
.photoShow ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.photoShow ul li .img .close{width: 16px;height: 16px;background:url(../img/close2.png) no-repeat center;border-radius: 50%;overflow: hidden;position: absolute;top: -5px;right: -5px;display: none;cursor: pointer;}
.photoShow ul li .img:hover .close{display: block;}

/*20200117*/
.MyTeam table th{font-size: 15px;color: #222;}
.MyTeam table td{font-size: 14px;color: #444;}

/*20200217*/
.sharePupopWrap{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 999;}
.sharePupop{min-width: 225px;height: auto;padding: 5px 15px;background: #fff;position: absolute;top: 50%;left: 50%;z-index: 99999;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.sharePupop .sharePupopTit{width: 100%;height: 35px;line-height:35px;margin: 0;border-bottom: 1px solid #ccc;overflow: hidden;box-sizing: border-box;position: relative;}
.sharePupop .sharePupopTit .text{float: left;font-size: 16px;display: block;height: 100%;}
.sharePupop .sharePupopTit .close{width: 15px;height: 15px;display: block;float: right;background: url(../img/close1.png) no-repeat center;background-size: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.shareMain{padding: 10px 0 0;}
.shareMain li{float: left;padding: 5px 8px;}
.shareMain li a{position: relative;display: flex;width: 32px;height: 32px;border-radius: 50%;justify-content: center;align-items: center;}
.shareMain li a img{max-height: 100%;max-width: 100%;}
.shareMain li .wechatBtn .wechatShare{display: none;border: 1px solid #eee;position: absolute;z-index: 9;bottom: -200px;left: 50%;width: 180px;height: 190px;color: #666;font-size: 12px;text-align: center;background-color: #fff;transition: all 200ms;-webkit-tansition: all 350ms;-moz-transition: all 350ms;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.shareMain li .wechatBtn .wechatShare:before{content: '';display: block;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent #f3f3f3 transparent;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.shareMain li .wechatBtn .wechatShare h4{font-weight: normal;height: 26px;line-height: 26px;font-size: 12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
.shareMain li .wechatBtn .wechatShare .qrcode{display: flex;width: 160px;height: 160px;justify-content: center;align-items: center;margin: 0 auto;}
.shareMain li .wechatBtn .wechatShare .qrcode img{max-height: 100%;max-width: 100%;}
.shareMain li .wechatBtn:hover .wechatShare{display: block;}

/*20200213*/
.youhui{width: 140px;height: 140px;display: inline-block;}
.youhui .codeImg{width: 100%;height: 100%;}
.youhui .codeImg img{width: 100%;}

/*20200218*/
.upLoadPhoto{margin-bottom: 20px;}
.upLoadPhoto em{font-size: 16px;color: #222;line-height: 42px;display: block;}
.upLoadPhoto em i{color: red;}
.upLoadPhoto .photoShowWrap{width: 80%;}
.upLoadPhoto .photoShow .img{width: 198px;height: 198px;float: left;margin:0 0 10px 10px;border: 1px solid #d9d9d9;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 4px;position: relative;padding: 2px;}
.upLoadPhoto .photoShow img{max-height: 100%;max-width: 100%;}
.upLoadPhoto .upLoadBtn{margin: 0 0 0 10px !important;}
.Verified .shopSetting .uploadHead1 .upLoadBox1 input {position: absolute;top: 0;left: 0;z-index: 99;}
.Verified .shopSetting .uploadHead1 .upLoadBox1 i {cursor: pointer;}
.upLoadPhoto .photoShow .img .close{width: 16px;height: 16px;background:url(../img/close2.png) no-repeat center;border-radius: 50%;overflow: hidden;position: absolute;top: -9px;right: -6px;display: none;cursor: pointer;}
.upLoadPhoto .photoShow .img:hover .close{display: block;}

.About-info ul li .ClaimBox ul li .dizhi{font-size: 14px; #222222;line-height: 32px;}
.About-info ul li .ClaimBox ul li .dizhi img{margin-top: 8px;}
.About-info ul li .ClaimBox ul li:nth-child(2){margin-right: 100px;}
.About-info ul li .ClaimBox ul li h4 img,.About-info ul li .ClaimBox ul li h5 img,.About-info ul li .ClaimBox ul li .dizhi img{margin-right: 4px;}
.orderInfo{max-width: 350px;}

/*20200303*/
.Fight-group.newTuanZhuang ul li h5{padding: 0;line-height: 30px;margin-bottom: 2px;font-size: 16px;}
.Fight-group.newTuanZhuang ul li p{line-height: 30px;}
.Fight-group.newTuanZhuang ul li .Joingroup{height: 30px;line-height: 28px;font-size: 16px;}
.Fight-group.newTuanZhuang ul li .price em{color: #ff1c1c;font-size: 20px;}
.Fight-group.newTuanZhuang ul li .price i{font-size: 16px;color: #999999;}
.Fight-group.newTuanZhuang ul li .cantuanNum{font-size: 16px;;display: inline-block;vertical-align: middle;line-height: 30px;background: #2dbdff;border-radius: 6px;width: 90px;text-align: center;color: #fff;}
.Fight-group.newTuanZhuang ul li .Joingroup.huise{border: 2px solid #ccc;color: #ccc;}
.Decoration-details-content .participate.huise{border: 2px solid #ccc;color: #999;background: #ccc;}

/*20200310*/
.caseListBI .caseItem a .caseItemB .span1{width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.caseListBI .caseItem a .caseItemB .span2{width: 20%;text-align: right}

.bannerNav ul li .moreNav{overflow-y: auto;max-height: 150px;height: auto;min-height: 100%;top: 50.5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.bannerNav ul li:first-child .moreNav{top: 0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);}
.bannerNav ul li:last-child .moreNav{top: auto;bottom: 0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);}
.bannerNav ul li .moreNav::-webkit-scrollbar{width: 6px;height: 10px;}
.bannerNav ul li .moreNav::-webkit-scrollbar-track{border-radius: 0px;background: none;}
.bannerNav ul li .moreNav::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);background-color: #1aa0e5;}
.bannerNav ul li .moreNav::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);background-color: #1aa0e5;}

.serMerAd{margin: 0 0 20px;}
.serMerBanner{margin-bottom: 20px;}
.hotActItemB ul li a .text .txt2{display: block;}
.serMerR .swiper-slide a{display: block;overflow: hidden;}
.serMerR .swiper-slide a img{object-fit: cover;width: 100%;height: 100%;}
.casead{margin-top: 0;}
.caInItem1 .title .text .txt1{display: block;}
.About-info ul li .itemslide .text a{font-size: 20px;color: #333333;line-height: 32px;margin-bottom: 20px;}
.atlas ul{margin-top: -10px;}

.serMerSumR .sum3 ul li a .img,
.caseListBI .caseItem a .caseItemH .img,
.About-info .itemslide .img,
.atlas ul li a,
.Before-Decoration-banner .swiper-slide a .img,
.Decoration-item .imgbox .box a .img,
.Decorating-item .left li a .img,
.Decorating-item .left li:nth-child(2) .smallImg a,
.Decoration-item .right .restaurant .img,
.keepDiaryList .diaryImg .diaryImgItem,
.offerListWrap .offerListL,
.hotActItemB ul li a .img,
.DserviceItem ul li a .img,
.Decoration-process-content .list2 .img,
.dmRaiderList li .img,
.dmDiaryMain .dmRaiderList .diaryImg .diaryImgItem,
.hallActivity .offerListL,
.orderAct .offerList .offerListL,
.Whole-house-customization li a .firstImg,
.homeBoildLike .youLikeMain ul li a .img,
.merMain .merBI ul li a .img,
.hcaseBI .hcaseBIL a,
.hcaseBI .hcaseBIM a,
.hcaseBI .hcaseBIR,
.completeI .completeIH .img,
.decorationProcess1 .img,
.caInItem3 .hotImg li a,
.serMerCaseB li a .caseItemH .img,
.serMerSumL .sum1BR li a .img,
.merTeam ul li a .img,
.merchanDiary .diaryList li a .img .imgItem,
.todayDynamic .li4 .li4Main .swiper-slide a .img,
.offerListL,
.merchantRaider .raiderList li a .img,
.orderAct .offerList .offerListL,
.personHomePage .dmRaiderList .diaryImg .diaryImgItem,
.promotionPromotion li a .img,
.jcBodyMain .imgItem a,
.caInItem3 .hotImg li a,
.Foreman a .img{overflow: hidden;display: flex;justify-content: center;align-items: center;}

.serMerSumR .sum3 ul li a .img img,
.caseListBI .caseItem a .caseItemH .img img,
.atlas ul li a img,
.About-info .itemslide .img img,
.Before-Decoration-banner .swiper-slide a .img img,
.Decoration-item .imgbox .box .img img,
.Decorating-item .left li a .img img,
.Decorating-item .left li:nth-child(2) .smallImg a img,
.Decoration-item .right .restaurant .img img,
.keepDiaryList .diaryImg .diaryImgItem img,
.offerListWrap .offerListL img,
.hotActItemB ul li a .img img,
.DserviceItem ul li a .img img,
.Decoration-process-content .list2 .img img,
.dmRaiderList li .img img,
.dmDiaryMain .dmRaiderList .diaryImg .diaryImgItem img,
.hallActivity .offerListL img,
.orderAct .offerList .offerListL img,
.Whole-house-customization li a .firstImg img,
.homeBoildLike .youLikeMain ul li a .img img,
.merMain .merBI ul li a .img img,
.hcaseBI .hcaseBIL a img,
.hcaseBI .hcaseBIM a img,
.hcaseBI .hcaseBIR img,
.completeI .completeIH .img img,
.decorationProcess1 .img img,
.caInItem3 .hotImg li a img,
.serMerCaseB li a .caseItemH .img img,
.serMerSumL .sum1BR li a .img img,
.merTeam ul li a .img img,
.merchanDiary .diaryList li a .img .imgItem img,
.todayDynamic .li4 .li4Main .swiper-slide a .img img,
.offerListL img,
.merchantRaider .raiderList li a .img img,
.orderAct .offerList .offerListL img,
.personHomePage .dmRaiderList .diaryImg .diaryImgItem img,
.promotionPromotion li a .img img,
.jcBodyMain .imgItem a img,
.caInItem3 .hotImg li a img,
.Foreman a .img img{object-fit: cover;width: 100%;height: 100%;} 


.Decorating-item .left li a{height: 100%;}
.Decorating-item .left li a .img,.DserviceItem ul li a .img{height: 100%;}
.Decorating-item .left li .smallImg{height: 50%;}
.Decorating-item .left li:nth-child(2){margin: -10px 0;}
.Decorating-item .left li:nth-child(2) .smallImg{width: 100%;padding: 10px 0;}
.offerListR .title{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Whole-house-customization li a .firstImg{height: 100%;}
.hcaseBI .swiper-container,.hcaseBI .swiper-wrapper,.hcaseBI .swiper-wrapper .swiper-slide,.hcaseBI .swiper-wrapper .swiper-slide a{height: 100% !important;}
.hcaseBI .hcaseBIM a{height: 48%;}
.hcaseBI .hcaseBIM a:first-child{margin-bottom: 2%;}
.hcaseBI .hcaseBIM a:last-child{margin-top: 2%;}
.hcaseBI .hcaseBIR{height: 100%;}
.hcaseBI .hcaseBIR:hover img,.hcaseBI .hcaseBIM a:hover img{transform: scale(1);}
.completeI .completeIH .img{height: 100%;}
.cooperB ul li a{height: 100px;}
.jcLeftMain li .right .jcHeadL .txt1{display: block;}
.decorationProcess1 .text .txt1{width: 100%;height: auto;text-align: left;margin: 0;transition: all .4s;}
.decorationProcess1 .text .txt1:hover{color: #1aa0e5;}
.serMerCaseB li a .caseItemB .span1{width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serMerCaseB li a .caseItemB .span2{width: 20%;text-align: right;}
.companyItem .offersRecommendedWrap#pl{padding-left: 0;}
.labelListCompre .decorationProcess1 .text{padding-left: 0;}
.Decoration-details-content{font-size: 16px;color: #777777;line-height: 30px;text-indent: 32px;}

.caseBudget form .inputBox input,.huWrap .huDown .huDownW span,.huWrap .cont span,.cityChoose .cityChooseItem select{font-size: 14px;}
.caseBudget form .inputBox input::-webkit-input-placeholder{font-size: 14px;}
.caseBudget form .inputBox input::-moz-placeholder{font-size: 14px;}
.caseBudget form .inputBox input::-ms-input-placeholder{font-size: 14px;}
.caseBudget form .inputBox input:-ms-input-placeholder{font-size: 14px;}
.serMerDesRCon .inputBox input{font-size: 14px;}
.serMerDesRCon .inputBox input::-webkit-input-placeholder{font-size: 14px;}
.serMerDesRCon .inputBox input::-moz-placeholder{font-size: 14px;}
.serMerDesRCon .inputBox input::-ms-input-placeholder{font-size: 14px;}
.serMerDesRCon .inputBox input:-ms-input-placeholder{font-size: 14px;}
.PaymentpageBox{z-index: 99;}
.serviceProvider ul{padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.serviceProvider ul li{padding: 0 20px;float: initial;width: initial;flex: 1;}
.serviceProvider ul li a{margin: 0 auto;width: 100px;}
.serviceProvider ul li a .img{height: 29px;width: 100%;position: static;left: auto;display: flex;justify-content: center;align-items: center;}
.serviceProvider ul li a .img img{max-height: 100%;max-width: 100%;}
.serviceProvider ul li a .serviceProvidertext{margin-top: 0;width: 100%;}
.serviceProvider ul li a .serviceProvidertext .txt1{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serviceProvider .triangle{margin-top: 25px;}

/*20200316*/
.adWrap .swiper-slide a{display: block;}
.indexQaHot.caseListBottom.qaHot .qaHotMain .qaHotItem{width: 24%;}
@media only screen and (max-width: 1440px) {
 .qaHotMain .qaHotItem a span{width: 70%;}
}
/*20200320*/
.serMerSumR .sum3 ul li a .img img{width: 100%;height: auto;max-width: 100%;max-height: 100%;object-fit: none;object-fit: initial;}