@charset "utf-8";



@-webkit-keyframes scale {

	0%,100%{-webkit-transform: scale(1.1);}

	50%{-webkit-transform: scale(1);}

}

@keyframes scale{

	0%,100%{transform: scale(1.1);}

	50%{transform: scale(1);}

}

@-webkit-keyframes designscale {

	0%,100%{-webkit-transform: scale(1.05);}

	50%{-webkit-transform: scale(1);}

}

@keyframes designscale{

	0%,100%{transform: scale(1.05);}

	50%{transform: scale(1);}

}

@-webkit-keyframes picketsscale {

	0%,100%{-webkit-transform: scale(1.188);}

	50%{-webkit-transform: scale(1);}

}

@keyframes picketsscale{

	0%,100%{transform: scale(1.188);}

	50%{transform: scale(1);}

}



@-webkit-keyframes finnerscale {

	0%,100%{width: 25px; height: 22px; left: 20px; top: 16px;}

	50%{width: 21px; height: 17px; left: 22px; top: 18px;}

}

@keyframes finnerscale{

	0%,100%{width: 25px; height: 22px; left: 20px; top: 16px;}

	50%{width: 21px; height: 17px; left: 22px; top: 18px;}

}



@-webkit-keyframes finnerdscale {

	0%,100%{width: 21px; height: 27px; left: 24px; top: 29px;}

	50%{width: 25px; height: 30px; left: 22px; top: 28px;}

}

@keyframes finnerdscale{

	0%,100%{width: 21px; height: 27px; left: 24px; top: 29px;}

	50%{width: 25px; height: 30px; left: 22px; top: 28px;}

}

#newBridge{display: none!important;}

input[type="text"]{appearance: none; -moz-appearance: none; -webkit-appearance: none; user-select: text;}

/*右侧修改*/

.side{background: none!important; top: auto!important; margin-top: 0!important; bottom: 170px;}

.side .lb-bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity=30); opacity: .3; position: absolute; left: 0; top: 0; z-index: 1;}

.side ul{position: relative; z-index: 2;}

.side ul li.sideewm .ewBox.son{display: block!important; padding-top: 0; height: 111px; width: 0!important; left: auto!important; right: 80px; transition: all .5s;}

.side ul li.sideewm:hover .ewBox.son{animation: none; width: 110px!important;}

.side ul li.sideetel .ewBox.son{display: block!important; left: auto!important; right: 80px; width: 0; height: 70px; padding-top: 0; transition: all .5s;}

.side ul li.sideetel:hover .ewBox.son{animation: none; width: 203px!important;}

/*底部*/

.common-foot{width: 100%; float: left; margin-top: 80px; color: #fff; background: url(../image/footer_bg.jpg) no-repeat center top;}

.common-foot a{transition: color .6s;}

.common-foot a:hover{color: #b60005!important;}

.foot-stleft{width: 312px; float: left; padding: 62px 20px 20px 32px; background: #1e1e1e; margin-top: -62px; overflow: hidden;}

.foot-stleft .aic{overflow: hidden;}

.foot-stleft img{width: 123px; float: left;}

.foot-stleft .cf{float: left; margin-left: 10px; margin-top: 4px; font-size: 14px; line-height: 1.5;}

.foot-stleft .t1{font-size: 16px; margin-top: 16px;}

.foot-stleft .t2{font-size: 13px; background-color: #b60005; line-height: 34px; margin-top: 18px; padding: 0 8px;}

.foot-stright{float: left; overflow: hidden; padding-top: 20px; text-align: right;}

.foot-stright .right-items{width: 101px; float: left; padding-right: 20px; border-right: 1px solid hsla(0,0%,100%,.1);}

.foot-stright .right-items li a{color: hsla(0,0%,100%,.4); color: #\9666; line-height: 2; font-size: 14px;}

.foot-stright .right-items li a.first{font-size: 16px; display: inline-block; color: #fff; line-height: 1; padding-bottom: 8px;}

.foot-slk{margin-top: 10px;}

.foot-slk .label{font-size: 14px; float: left; line-height: 30px;}

.foot-slk .ftcon{margin-left: 80px; font-size: 0;}

.foot-slk .ftcon a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 30px; line-height: 30px; font-size: 14px; color: hsla(0,0%,100%,.4); color: #666\9; padding: 0 5px;}

.foot-btom{background: rgba(0,0,0,.6); background: #000\9; margin-top: 20px; color: rgba(255,255,255,.4); color: #999\9; font-size: 14px; height: 48px; line-height: 48px;}

.foot-btom a{color: rgba(255,255,255,.4); color: #999\9;}

/*红包*/

.add-pickets{width: 213px; height: 181px; position: fixed; right: 6px; top: 230px; z-index: 9999999; cursor: pointer;}

.add-pickets img{width: 213px; height: 181px;}

.add-pickets .text{width: 100%; height: 40px; line-height: 20px; font-family: "Microsoft Yahei"; font-size: 15px; font-weight: bold; color: #ffd531; text-align: center; letter-spacing: 1px; position: absolute; left: 0; bottom: 75px; webkit-animation: picketsscale .6s ease infinite; animation: picketsscale .6s ease infinite;}



/*layer config*/

.layui-layer-bgcor .layui-layer-btn .layui-layer-btn0{border-color: #b60005; background-color: #b60005; color: #fff;}

/*红包弹出窗*/

.layui-layer-pickets{border-radius: 0!important; box-shadow: none!important; background: none!important;}

.layui-layer-pickets .spic{//width: 596px; //height: 613px; display: block;}

.layui-layer-pickets .layui-layer-setwin{width: 51px; height: 50px; right: auto!important; top: auto!important; left: 313px; bottom: 0;}

.layui-layer-pickets .layui-layer-setwin .layui-layer-close2{width: 60px; height: 61px; background: url(../image/pickets-close.png) no-repeat 0 0!important; right: 58px; top: 0;}

.pickets-form{width: 233px; position: absolute; left: 143px; top: 143px;}

.pickets-form .sendingh{display: none!important; width: 100%; height: 90px; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; z-index: 3;}

.pickets-form .sendingh i,.pickets-form .sendingh span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}

.pickets-form .sendingh i{width: 0; height: 100%;}

.pickets-form .sendingh span{text-align: center; color: #fff; font-size: 15px; margin: 0 10px;}

.pickets-form li{height: 46px; background: #fff; border-radius: 5px; margin-bottom: 14px;}

.pickets-form li .j-input{display: block; width: 204px; height: 46px; line-height: 46px; padding: 0 14px; background: none; outline: 0 none; border: 1px solid #fbc680; font-size: 14px;}

.pickets-form li.submit{margin-top: 176px ; height: auto; background: none; border-radius: 0;margin-left:6px;}

.pickets-form li .btn{display: block; width: 231px; height: 50px; line-height: 50px; font-size: 24px; color: #b60005; letter-spacing: 1px; text-align: center; background: url(../image/pickets-button.png) no-repeat; outline: 0 none; border: 0; cursor: pointer; //-webkit-animation: scale 1s ease infinite; //animation: scale 1s ease infinite;}

@media only screen and (max-width: 1629px){

	.layui-layer-pickets{top: 50px!important;}

}

@media only screen and (max-width: 1349px){

	.layui-layer-pickets{top: 20px!important;}

}

/*表单提交成功*/

.layui-layer-success .layui-layer-padding{padding: 28px 10px 16px 10px!important; text-align: center!important;}

.layui-layer-success .layui-layer-content .layui-layer-ico{display: block!important; width: 38px!important; height: 38px!important; background: url(../image/success-btn.png) no-repeat!important; position: static!important; margin: 0 auto;}

.layui-layer-success .layui-layer-content .tit{font-size: 20px; line-height: 26px; margin-top: 8px;}

.layui-layer-success .layui-layer-content .des{font-size: 13px; margin-top: 10px;}

.layui-layer-success .layui-layer-content .des span{font-size: 15px; color: #b60005; margin-right: 6px;}

.layui-layer-success .layui-layer-content .des b{font-weight: normal; color: #b60005;}

.layui-layer-success .layui-layer-btn{padding: 0 0 10px 0;}

.layui-layer-success .layui-layer-btn a{width: 98px; height: 34px; line-height: 34px; text-align: center; margin: 0; padding: 0; border-radius: 3px; font-weight: normal; font-size: 16px;}

.layui-layer-picketsuccess{background: url(../image/picketsuccess-bg.png) no-repeat 0 0!important; border-radius: 0!important; box-shadow: none!important;}

.layui-layer-picketsuccess .layui-layer-content{padding: 110px 40px 40px 40px!important; text-align: center!important;}

.layui-layer-picketsuccess .layui-layer-content .picket_tit{font-size: 20px; line-height: 36px; color: #fff;}

.layui-layer-picketsuccess .layui-layer-content .picket_tit b{font-weight: normal; color: #ffe67a;}

.layui-layer-picketsuccess .layui-layer-btn{width: 100%; padding: 0; position: absolute; left: 0; bottom: 111px;}

.layui-layer-picketsuccess .layui-layer-btn a{width: 205px; height: 47px; line-height: 47px; background: none; border: 0 none; margin: 0; padding: 0; border-radius: 0; font-size: 20px; color: #b60005; letter-spacing: 2px;}

/*底部表单*/

.finner{width: 0; height: 190px; background: url(../image/finner-form_bg.png) no-repeat center top; position: fixed; right: 0; bottom: 0; z-index: 99999; transition: width .6s,bottom .6s;}

/* .finner-btn{width: 159px; height: 70px; background: url(../image/finner-btnbg.png) no-repeat; position: absolute; right: 0; top: 50px; cursor: pointer; z-index: 1; opacity: 0; visibility: hidden;} */

.finner-btn{width: 159px; height: 70px; background: url(../image/finner-btnbg.png) no-repeat; position: absolute; right: 0; top: 50px; cursor: pointer; z-index: 1; }

.finner-btn span{display: block; width: 25px; height: 22px; background: url(../image/finner-btnb1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 20px; top: 16px; z-index: 2; -webkit-animation: finnerscale .6s ease infinite; animation: finnerscale .6s ease infinite;}

.finner-btn i{display: block; width: 21px; height: 27px; background: url(../image/finner-btnb2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 24px; top: 29px; z-index: 1; -webkit-animation: finnerdscale .6s ease infinite; animation: finnerdscale .6s ease infinite;}

.finner-box{position: relative; height: 190px; display: block;}

.finner-wp{width: 1040px; height: 190px; position: relative; margin: 0 auto;}

.finner-text{position: absolute; left: 828px; top: 100px; font-size: 13px; color: #fff;}

.finner-text b{font-weight: normal; font-size: 14px; color: #ff001e;}

.finner-form{position: absolute; left: 288px; top: 134px;}

.finner-form li{width: 254px; float: left; margin-right: 16px; background: #fff; position: relative;}

.finner-form li.mianji .j-input{width: 188px; padding-right: 50px;}

.finner-form li.mianji span{display: block; height: 40px; line-height: 40px; height: 38px\9; line-height: 38px\9; font-size: 16px; color: #999; position: absolute; right: 14px; top: 0;}

.finner-form li .j-input{display: block; width: 222px; height: 40px; line-height: 40px; height: 38px\9; line-height: 38px\9; padding: 0 16px; background: none; border: 0; font-size: 15px;}

.finner-form li.submit{width: 207px; padding: 0; background: none; margin-right: 0;}

.finner-form li .btn{display: block; width: 100%; height: 40px; line-height: 40px; background: #b60005; font-size: 18px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; border: 0; outline: 0 none; -webkit-animation: designscale 1s ease infinite; animation: designscale 1s ease infinite;}

.finner-close{width: 19px; height: 18px; background: url(../image/finner-close.png) no-repeat; cursor: pointer; position: absolute; top: 83px; right: -164px;}

.finner-form .sendingd{width: 564px; height: 40px; line-height: 40px; font-size: 15px; color: #fff; text-align: center; position: absolute; left: 0; top: 0; z-index: 10; display: none;}

.finner.open{width: 0;}

.finner.open .finner-btn{opacity: 1; visibility: visible;}

.finner.open .finner-box{display: none;}

.finner.open.close{width: 100%;}

.finner.open.close .finner-btn{opacity: 0; visibility: hidden; transition: opacity .5s;}

.finner.open.close .finner-box{display: block;}

@media only screen and (max-width: 1499px){

	.finner-close{right: -60px;}

}

/*右侧预约设计弹出窗*/

.layui-layer-team{box-shadow: none!important; background: url(../image/team-open.png) no-repeat!important;}

.layui-layer-team .layui-layer-setwin{width: 16px; height: 16px; top: 14px; right: 14px;}

.layui-layer-team .layui-layer-setwin .layui-layer-close2{width: 16px; height: 16px; background: url(../image/open-close.png) no-repeat 0 0!important; right: 0; top: 0;}

.layui-layer-team .layui-layer-setwin .layui-layer-close2:hover{background-position: 0 -16px!important;}

.team-addform{width: 260px; position: absolute; left: 30px; top: 161px;}

.team-addform .sendingh{display: none!important; width: 100%; height: 100%; background: #fff; font-size: 0; text-align: center; position: absolute; left: 0; top: 0;}

.team-addform .sendingh span{display: block; font-size: 15px; text-align: center; padding-top: 50px;}

.team-addform ul{padding-top: 15px;}

.team-addform li{margin-bottom: 10px;}

.team-addform li .j-input{display: block; width: 230px; height: 43px; line-height: 43px; padding: 0 14px; border: 1px solid #b8b8b8; border-radius: 3px; font-size: 16px;}

.team-addform li.submit{margin-top: 19px;}

.team-addform li .btn{display: block; width: 100%; height: 46px; line-height: 46px; background: #b60005; border-radius: 3px; font-size: 17px; color: #fff; text-align: center; cursor: pointer; border: 0 none; letter-spacing: 1px;}

.team-addform .desc{font-size: 13px; color: #808080; letter-spacing: 1px;}

.team-addform .desc span{color: #b60005; margin-right: 6px;}

/*明星设计师预约弹出窗*/

.layui-layer-design .layui-layer-setwin{width: 16px; height: 16px; top: 14px; right: 14px;}

.layui-layer-design .layui-layer-setwin .layui-layer-close2{width: 16px; height: 16px; background: url(../image/open-close.png) no-repeat 0 0!important; right: 0; top: 0;}

.layui-layer-design .layui-layer-setwin .layui-layer-close2:hover{background-position: 0 -16px!important;}

.design-text{text-align: center; padding: 32px 0 26px 0;}

.design-text .tit{font-size: 30px; color: #b60005;}

.design-text .desc{font-size: 15px; color: #696969; margin-top: 8px;}

.design-pic{width: 320px; height: 240px; float: left; margin-left: 27px; background: url(../image/design-laypic.jpg) no-repeat;}

.design-form{width: 260px; float: right; margin-right: 37px; margin-top: 5px; position: relative;}

.design-form .sendingh{display: none!important; width: 100%; height: 154px; text-align: center; position: absolute; left: 0; top: 0;}

.design-form .sendingh span{display: block; font-size: 15px; text-align: center; color: #333; padding-top: 50px;}

.design-form li{border: 1px solid #b8b8b8; height: 43px; border-radius: 3px; margin-bottom: 9px;}

.design-form li .j-input{display: block; width: 230px; height: 43px; line-height: 43px; padding: 0 14px; background: none; border: 0 none; font-size: 16px;}

.design-form li.submit{height: auto; border-radius: 0; border: 0; margin-top: 11px;}

.design-form li .btn{display: block; width: 100%; height: 46px; line-height: 46px; background: #b60005; border-radius: 3px; font-size: 17px; color: #fff; text-align: center; cursor: pointer; border: 0; -webkit-animation: designscale 1s ease infinite; animation: designscale 1s ease infinite;}

.design-form li .btn:hover{}

.design-form .desc{font-size: 13px; color: #808080; letter-spacing: 1px;}

.design-form .desc span{color: #b60005; margin-right: 6px;}













/*首页活动看点右侧留言*/

.in-mess{width: 330px; height: 343px; background: #fff;}

.in-mess .tit{font-size: 19px; font-weight: bold; text-align: center; color: #3e3a39; padding-top: 18px;}

.in-mess-tabbox{width: 286px; margin: 18px auto 0;}

.in-mess-tabtit ul{overflow: hidden; margin: 0 -7px;}

.in-mess-tabtit li{width: 136px; float: left; margin: 0 7px; height: 37px; line-height: 37px; background: #caac65; text-indent: 55px; position: relative; font-size: 13px; color: #fff;}

.in-mess-tabtit li .icon{display: block; width: 21px; height: 19px; background-repeat: no-repeat; position: absolute; left: 30px; top: 9px;}

.in-mess-tabtit li .ico1{background-image: url(../image/in-mess-ico1.png);}

.in-mess-tabtit li .ico2{background-image: url(../image/in-mess-ico2.png);}

.in-mess-tabtit li.on{background: #b60005;}

.in-mess-tabcont{margin-top: 12px;}

.in-mess-tabitem li{height: 35px; border: 1px solid #d2d2d2; margin-bottom: 7px; position: relative;}

.in-mess-tabitem li .j-input{display: block; width: 270px; height: 35px; line-height: 35px; border: 0; outline: 0 none; padding: 0 7px; font-size: 12px;}

.in-mess-tabitem li.mianji .j-input{width: 240px;}

.in-mess-tabitem li.mianji span{display: block; height: 35px; line-height: 35px; font-size: 12px; color: #8a8a8a; position: absolute; right: 8px; top: 0;}

.in-mess-tabitem li.submit{height: auto; border: 0; margin-top: 12px;}

.in-mess-tabitem li .btn{display: block; width: 100%; height: 41px; line-height: 41px; background: #b60005; font-size: 13px; color: #fff; text-align: center; cursor: pointer; border: 0; outline: 0 none; transition: transform .5s;}

.in-mess-tabitem li .btn:hover{transform: scale(1.05);}

.in-mess-tabitem .desc{font-size: 12px; min-height: 17px; line-height: 17px; color: #777; position: relative; padding-left: 10px;}

.in-mess-tabitem .desc span{color: #b60005; position: absolute; left: 0; top: 0;}





/*右侧表单*/

.box-fixed{height: auto!important; min-height: 0; top: auto;}

.tab-bfix{position: fixed; top: 35px;}

.box-rform{width: 198px; margin-left: 9px; padding-left: 0!important; height: auto!important; padding-bottom: 14px;}

.box-rform div{padding-left: 0!important; height: auto!important; margin-bottom: 0!important;}

.box-rform .tit{font-size: 19px; font-weight: bold; color: #3e3a39; margin-bottom: 0!important; padding-top: 12px;}

.sder-tabbox{margin-top: 12px;}

.sder-tabtit ul{overflow: hidden; margin: 0 -3px;}

.sder-tabtit li{width: 96px; float: left; margin: 0 3px; height: 37px; line-height: 37px; background: #caac65; text-indent: 34px; position: relative; font-size: 13px; color: #fff;}

.sder-tabtit li .icon{display: block; width: 20px; height: 22px; background-repeat: no-repeat; position: absolute; left: 8px; top: 8px; padding: 0;}

.sder-tabtit li .ico1{background-image: url(../image/sr-ico1.png); background-position: right center;}

.sder-tabtit li .ico2{background-image: url(../image/sr-ico2.png);}

.sder-tabtit li.on{background: #b60005;}

.sder-tabcont{margin-top: 12px;}

.sder-tabitem li{height: 32px; border: 1px solid #d2d2d2; margin-bottom: 7px; position: relative;}

.sder-tabitem li .j-input{display: block; width: 182px; height: 32px; line-height: 32px; border: 0; outline: 0 none; padding: 0 7px; font-size: 12px;}

.sder-tabitem li.mianji .j-input{width: 150px;}

.sder-tabitem li.mianji span{display: block; height: 32px; line-height: 32px; font-size: 12px; color: #8a8a8a; position: absolute; right: 8px; top: 0;}

.sder-tabitem li.submit{height: auto; border: 0; margin-top: 12px;}

.sder-tabitem li .btn{display: block; width: 100%; height: 41px; line-height: 41px; background: #b60005; font-size: 13px; color: #fff; text-align: center; cursor: pointer; border: 0; outline: 0 none; transition: transform .5s;}

.sder-tabitem li .btn:hover{transform: scale(1.05);}

.sder-tabitem .desc{font-size: 12px; min-height: 17px; line-height: 17px!important; color: #777; position: relative; white-space: nowrap;}

.sder-tabitem .desc span{color: #b60005; margin-right: 4px;}



/*人才招聘*/

.join-list{position: relative; z-index: 1; padding-bottom: 40px;}

.join-list li{margin-bottom: 12px;}

.join-list li .tit{cursor: pointer; background: #fff; border: 1px solid #eee; font-size: 0;height:114px;}

.join-list li .tit span{  font-size: 16px; color: #524f4f; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}

.join-list li .tit .span-1{width: 240px; margin-right: 26px;font-size:20px;font-weight:600;margin-left: 54px;}

.join-list li .tit .span-2{width: 110px; margin-right: 30px;}

.join-list li .tit .span-3{margin-right: 22px;margin-top:52px;color:#848484;margin-left:10px;}

.join-list li .tit .span-4{margin-right: 10px;margin-top:55px;color:#848484;margin-left:-68px;}

.join-list li .tit .span-5{width: 120px;color:#fdbd58;margin-top:56px;margin-left:-265px;}

.join-list li .tit .span-6{float: right;margin-top:39px;margin-right:25px;}

.join-list li .tit .span-6 button{width: 170px;outline: none;
	border: none;
	background-color: #bd2123;
	color: #fff;
	height:36px; }

.join-list li .tit .span-6 i{display: inline-block; width: 18px; height: 16px; background-image: url(../image/join_bth.png); background-repeat: no-repeat;}

.join-list li .top-tit{cursor: auto;  border: none; background: #af2023;}

.join-list li .top-tit span{padding: 20px 10px; font-size: 19px; color: #fff; font-weight: bold;}

.join-list li .con{display: none; padding: 20px 80px 50px 90px; line-height: 26px; border-bottom: 3px solid #af2023; color: #777;}

.join-list li .con .span-2{float:left;margin-top:-153px;margin-left:627px;}

.join-list li .con .tip{padding-bottom: 5px; padding-top: 25px; color: #333; font-size: 16px;}

.join-list li .con .text{padding-bottom: 10px; font-size: 14px;}

.join-list li .con a{color: #af2023;}

.join-list li .con a:hover{text-decoration: underline !important;}

.join-list li.active{-o-box-shadow: 0 0 10px rgba(0,0,0,.05); -ms-box-shadow: 0 0 10px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); 	box-shadow:  0 0 10px rgba(0,0,0,.05);}

.join-list li.active .tit{border: 1px solid #fff; border-bottom: 1px solid #e5e5e5;}

.join-list li.active .tit span{ }

.join-list li.active .span-6 i{background-image: url(../image/join_bt.png);}

.join-list li:first-child.active{-o-box-shadow: 0 0 0 rgba(0,0,0,.05); -ms-box-shadow: 0 0 0 rgba(0,0,0,.05); -moz-box-shadow: 0 0 0 rgba(0,0,0,.05); -webkit-box-shadow: 0 0 0 rgba(0,0,0,.05); 	box-shadow:  0 0 0 rgba(0,0,0,.05);}

.join-list li.active .top-tit{border: none;}

.join-list li.active .top-tit span{color: #fff;}