@charset "utf-8";
/* 你自己的样式 */
.flex-cb{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:baseline; flex-direction: row;
}
.flex-c{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;
}
.flex-ntc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-lt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row;
}
.flex-lc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row;
}
.flex-ylc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-lb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row;
}
.flex-bc{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-rc{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row;
}
.flex-ct{ 
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:horizontal;
	display: flex; justify-content:center; align-items:flex-start; flex-direction: row;
}
.flex-rcn{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-hc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center; 
	display: flex; justify-content: center; align-items:center; flex-direction:column;
}
.flex-hlc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:center;
}
.flex-hrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:center;
}
.flex-hlb{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:center; flex-direction:column;align-content:flex-start;
}
.flex-hrb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-end;
}
.flex-nlt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap;
}
.flex-nlc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-htc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: flex-start; align-items:center; flex-direction:column;align-content:center;
}
.flex-rb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:horizontal;
	display: flex; justify-content: flex-end; align-items:flex-end; flex-direction:row;
}
.flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap; align-content:flex-start;
}
.flex-nbt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:start; 
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: nowrap;
}
.flex-nrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align: end; -webkit-box-lines:word-break;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;
}
.label{font-weight: normal; font-size: 10px; padding:1px 5px; margin-top: -2px;}



.navbar-logo{font-size: 26px;}
.navbar-logo img{max-width: 100%; max-height: 100%;}
.my-hide{display: none;}
.my-colorred{color: red !important;}


/*会员后台--品牌馆*/
.brandhall{box-sizing: border-box; padding: 30px;}
.brandhall img{max-width: 100%;}

/*会员后台--个人资料修改*/
.picfile input[type="file"]{ display:none;}
.picfile{  padding:15px 0 0 0; width:100%; clear:both;}
.picfile > span{ float:left; display:block; margin-right:15px; width:150px; overflow:hidden;height:150px;}
.picfile_a > label{width:150px !important;height:150px !important;}
.dan-pic{ width:150px; height:150px; border:1px dotted #999999; border-radius:5px; overflow: hidden; box-sizing: border-box; display:flex; justify-content: center; align-items: center; font-size:36px; cursor:pointer; background-color:#F5F5F5;}
.dan-pic img{max-width:100%; max-height:100%;}
.dan-pic_a,.dan-pic_2 img{width:120px;height:120px;}
.dan-pic-3{ width:100px; height:100px; border:1px dotted #999999; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; font-size:36px; margin:0 20px !important; cursor:pointer; background-color:#F5F5F5;}
.dan-pic-3 img{width:100px; height:100px;}
.picfile .dan-pic1{width: 60px; height: 60px; border-radius: 50%;}
.filepmt{ width:100%; padding:10px 0 0 0; color:#F00;clear:both;}
#diqu select{width:200px;}
.Hui-admin-article label,.Hui-admin-article input,.Hui-admin-article select,.Hui-admin-article textarea{font-size: 16px;}
.Hui-admin-article .tabBar span{font-size: 18px; font-weight: bold;}
.dan-pic7{ width:150px; height:90px;}
.topimg2 img{width: 100px;}



/*会员后台--案例管理*/
.caselist .topimg{ padding: 5px; text-align: center;}
.caselist .topimg img{max-width: 100%; max-height: 80px; border-radius: 10px;}
.pagination{display: flex; margin-top: 20px;  align-items: center; justify-content: center;}
.pagination li{padding: 0 10px; font-size: 24px; margin: 0 5px;}
.pagination li.active{color: #002A80; border: 1px solid #002A80;}
.pagination li:first-child,.pagination li:last-child{font-size: 30px;}
.pagination li a{text-decoration: none;}
.picfile .dan-pic2{width: 150px; height: 100px; border-radius: 10px; overflow: hidden; border: 1px dotted #ccc; background-color: #EEEEEE; font-size: 40px; font-weight: normal; }
.picfile .dan-pic2 img{max-width: 100%; max-height: 100%;}

.addcaseone{display:block;}
.addcaseone .check-box label{font-size: 16px;}
.addcasetwo{display:none;}
.addcasetwo .tit{width: 100%; padding: 15px 0; text-align: center; font-size: 30px; letter-spacing: 5px;}
.jinchengti{ width: 100%; box-sizing: border-box;padding:50px 10px 20px 10px;}
.jinchengti .main{ position: relative; width: 100%;}
.jinchengti .chu{width:100%; height:10px; background-color: #EBEBEB; border-radius: 50px; overflow:hidden;  }
.jinchengti .chu .in{width:1%; height:100%; background-color:#4192f6;}
.jinchengti .items{position: absolute;width:100%; top: -30px; left: 0;}
.jinchengti .items li p{font-size: 12px; line-height: 25px; padding-bottom: 0; margin-bottom: 0;}
.jinchengti .items li .quan{width: 15px; height: 15px; border-radius: 50%; overflow:hidden; border:3px solid #f0f0f0; background-color: #ccc;}
.jinchengti .items li.active .quan{background-color: #4192f6;}

.profile input[type="file"]{ display:none;}
.profile{  padding:15px 0 0 0; width:100%; float:left;}
.profile > span{ float:left; display:block; margin-right:15px; width:92px; overflow:hidden; height: 120px;}

.profile > span i{ font-size:20px; line-height:25px; width:33%; text-align:center; color:#999; cursor:pointer; display:block; float:left;}
.profile > span i:hover{ color:#000;}
.pro-pic{ width:90px; height:90px; border:1px dotted #999999; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; font-size:36px;cursor:pointer; overflow:hidden; background-color:#F5F5F5;display:flex; justify-content: center; align-items: center;}
.pro-pic img{max-width: 100%; max-height: 100%;}
.zdel-btn{width:20px; height:20px; cursor:pointer; border-radius:50%; background-color:#666; line-height:20px; text-align:center; font-size:20px; color:#FFF; display:block; position:relative; top:-90px; left:70px;transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);
}
.profile .do-btn{display:flex; justify-content: center; align-items: center; flex-wrap: nowrap;width: 100%;}
.addcasethree{display:none;}
.addcasethree>div>div{ width:400px;}
.addcasethree>div>div p{ font-size: 16px;}
.addcasethree span{margin-top: 15px;}
.addcasethree span i{font-size: 60px; color:#009900; margin-right: 20px;}
.addcasethree span.tit{font-size: 32px;}
.addcasethree span a{margin-left: 15px;}

.caselist .qorderBtn{font-size: 20px; line-height:30px; text-decoration: none; color: #C3C3C3;}
.caselist .qorderBtn:hover{color: #07d169;}
.caselist .headimg .img{width: 50px; height: 50px; background-color: #eee; border-radius: 10px; overflow: hidden; flex-shrink: 0;}
.caselist .headimg .img img{max-width: 100%; max-height: 100%;}

/*会员后台--客户管理---------------*/
/*预约客户*/
.orderlist .headimg .img{width: 50px; height: 50px; background-color: #eee; border-radius: 10px; overflow: hidden; flex-shrink: 0;}
.orderlist .headimg .img img{max-width: 100%; max-height: 100%;}
.orderlist .headimg span{font-size: 16px;}
.orderlist .td-manage i{font-size: 20px;}
.orderlist .td-manage{}
.orderlist .td-manage .deng img{width: 30px; height: 30px;}
.orderlist .item td{padding-top: 15px;}
.orderlist .reply{border-bottom: 1px solid #333; box-sizing: border-box; background-color: #f2f2f2;}
.orderlist .reply td{padding: 10px 15px 0 15px;}
.orderlist .reply p{color: red; padding:5px 0 10px 0; line-height: 20px; border-bottom: 1px dashed #e0e3e2;}
.orderlist .reply p:last-child{border-bottom: 0;}
.orderlist .noreply{border-bottom: 1px solid #333; box-sizing: border-box;}
.my-reply{margin: 20px 20px 0 20px; height: 300px; width:560px ;}

/*浏览客户*/
.looklist .headimg .img{width: 50px; height: 50px; background-color: #eee; border-radius: 10px; overflow: hidden;}
.looklist .td-manage i{font-size: 20px;}
.looklist .headimg .img img{max-width: 100%; max-height: 100%;}
.looklist .headimg span{font-size: 16px;}
.looklist .caseimg{margin-bottom: 5px;}
.looklist .caseimg img{max-width:100px ; max-height: 70px;}
.looklist  p{margin-bottom: 0;}

/*咨询客户*/
.chatlist .headimg .img{width: 50px; height: 50px; background-color: #eee; border-radius: 10px; overflow: hidden;}
.chatlist .headimg .img img{max-width: 100%; max-height: 100%;}
.chatlist tr{border-bottom: 1px solid #333; box-sizing: border-box;}
.chatlist tr td{padding-top: 20px; padding-bottom: 5px;}
.chatlist .td-manage a:hover{ color: #009900;}

/*客户管理*/
.memberlist .headimg .img{width: 50px; height: 50px; background-color: #eee; border-radius: 10px; overflow: hidden; flex-shrink: 0;}
.memberlist .headimg .img img{max-width: 100%; max-height: 100%;}
.memberlist .td-renzheng{text-decoration: none;}
.memberlist .td-renzheng img{width: 25px; height: 25px;}


/*登录页面*/
.loginpage{
	background-color: #c82126;
	padding:0;
	overflow: hidden;
}
.loginpage .main{
	width: 100%;
	height: 100%;
	padding:0;
	box-sizing: border-box;
	position: relative;
}
.loginpage .main .logo{position: absolute; top:70px; left: 100px;}
.loginpage .main .logo-2{width:840px; margin-right: 150px;}
.loginpage .main .logo-2 img{max-width:400px; height: auto}

.loginpage .main .logo img{max-width: 400px;}
.loginpage .btn-primary{background-color: #c82126; border: 1px solid #c82126; color: #fff;}






.loginpage .login{ width: 715px; height: 266px; background:url(../../../../images/login-3.png) no-repeat center top; background-size:100% auto;  overflow: hidden; }
.loginpage .login .tabBar{height: 45px; line-height: 45px; box-sizing: border-box; border: 0;}
.loginpage .login .tabCon{height: 100%; overflow: hidden; box-sizing: border-box; }

.loginpage .login .tabCon .shuoming{width: 330px;}
.loginpage .login .tabCon .shuoming span{ font-size: 30px; padding: 5px 0; border-bottom: 3px solid #484748; display: inline-block;	
}
.loginpage .login .tabCon .shuoming p{font-size: 14px; line-height: 20px; margin-top: 15px;}

.loginpage .login .tabCon .img{height: 100%; width:auto;margin-left: 20px;}
.loginpage .login .tabCon .img img{width: 180px; height: 180px;}
.loginpage .login .tabCon .img p{font-size: 12px; text-align: center; margin-top: 5px;}
.loginpage .login .tabCon ul{margin-bottom:30px;}
.loginpage .login .tabCon ul li{padding: 5px 0;}
.loginpage .login .tabCon ul li i{font-size: 20px; margin-right: 10px;}
.loginpage .login .tabCon ul li:last-child{padding-top: 20px;}






.loginpage .foot{
	width: 100%; height:30px; position: fixed;z-index: 999;bottom: 0; left: 0;
  color: #fff; font-size: 14px; text-align: center;
}
.loginpage .shuju{width: 100%;}

.loginpage .shuju>div{width:16.666%; height:90px;color: #333; font-weight: bold;}
.loginpage .shuju>div.shuju-1{ background-color:#ccc; }
.loginpage .shuju>div.shuju-2{ background-color:#e6e6e2; }
.loginpage .shuju>div:hover{background-color:#ff9900; color:#000;}
.loginpage .shuju>div h2{font-size: 24px; padding-bottom:0px; }
.loginpage .shuju>div p{font-size:18px}
.loginpage .foot .foot-1{line-height: 30px; color: #fff;}
.loginpage .foot .foot-1 a,.loginpage .foot .foot-1 a:visited{color: #fff;text-decoration: none;}
.loginpage .contact{position: fixed;z-index: 999;bottom: 140px; right:60px;}
.loginpage .contact .weixin img{width: 100px; height: 100px;}
.loginpage .contact .weixin p{font-size: 14px;text-shadow: 2px 2px 2px #fff;}
.loginpage .contact .tel{text-align: right; }
.loginpage .contact .tel p{font-size: 16px;text-shadow: 2px 2px 2px #fff;}
.loginpage .contact .tel p span{font-size: 20px; font-weight: bold; color: #d7823a; }

/*总后台*/
.beifucolor{border-radius: 5px; padding: 5px 10px; color: #fff;}
.fenxian{width: 100%; height:15px; border-bottom: 1px solid #fff; overflow: visible;position: relative; margin-bottom: 20px;  }
.fenxian>div{background-color: #001529;padding: 0 10px; color: #fff; text-align: center; height:30px; line-height: 40px; font-size: 18px;position: relative; margin-right: 10px;}
.fenxian-1{margin-top: 10px;}
.topimg1 img{width: 90px;}


.hdlist{padding: 15px 0;}
.hdlist span{padding: 3px 10px; font-size: 14px; color:#333; border-radius: 5px; border:1px solid #333;cursor: pointer; margin-right: 10px; margin-bottom: 10px;}
.hdlist span.check{border:1px solid red; color:red;}

.userlist span{text-align: center;}
.userlist span img{width:50px; height: 50px; border-radius: 10px; overflow: hidden;}
.userlist span font{line-height:20px;}

.searchArea input[type="text"]{width:400px; margin-right: 10px;}

.selserial{border-bottom:1px solid #eee; padding:5px 15px; min-height: 30px; }
.selserial span{padding: 3px 10px; font-size: 14px; color:#fff; border-radius: 5px; background-color: #14a44e; cursor: pointer; margin-right: 10px; margin-bottom: 10px; white-space:nowrap;}

/*产品标签*/
.keywordarea{width: 100%;}
.keywordarea .div1{width:85px; flex-shrink: 0;}
.keywordarea .div2{ border: 1px solid #ccc; box-sizing: border-box; padding: 10px 10px 5px 10px; width: 100%;}
.keywordarea .div2>span{
	height: 24px;
    padding: 0 8px;
    line-height: 22px;
	font-size: 12px;
	color: #409eff;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(64,158,255,.2);
	white-space: nowrap;
	margin-right: 5px;
	margin-bottom: 5px;
}
.keywordarea .div2>input{height: 26px; line-height: 26px; width: 90px; border: 0; padding: 0;}
.keywordarea .div2>span>i{cursor: pointer;}

.keywordarea .div2>span{}
.keywordarea .div3{width: 100px; text-align:left; padding-left: 5px; font-size: 14px;text-decoration: none; cursor: pointer; display: none;}

.descarea{width: 100%; margin-top: 30px;}
.descarea .div1{width:85px; flex-shrink: 0;}
.descarea .div2{}
.descarea .div3{width: 100px; text-align:left; padding-left: 5px; font-size: 14px; text-decoration: none; cursor: pointer;}

#menu-designer .Hui-menu-title{position:relative;}
#menu-designer .Hui-menu-title .mptdian{background-color: #FF0000; width: 8px; height: 8px; border-radius: 50%; overflow: hidden; position: absolute; top: 12px; left: 20px;display: block;}