@charset "utf-8";
/* CSS Document */
*{font-size:9pt;border:0;margin:0;padding:0;}
body{font-family:'微软雅黑'; margin:0 auto;min-width:980px;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
dl,dt,dd,span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#22A7F0;text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}

/*登录页云动画CSS*/
#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/cloud.png) no-repeat;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}

/*登录页CSS*/
.logintop{height:47px; position:absolute; top:0; background:url(../images/loginbg1.png) repeat-x;z-index:100; width:100%;}
.logintop span{ line-height:47px; background:url(../images/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
.logintop ul{float:right; padding-right:30px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#afc5d2;}
.logintop ul li a:hover{color:#fff;}
.loginbody{background:url(../images/loginbg3.png) no-repeat center center; width:100%; height:585px; overflow:hidden; position:absolute; top:47px;}
.systemlogo{background:url(../images/loginlogo.png) no-repeat center;width:100%; height:71px; margin-top:75px;}
.loginbox{width:692px; height:336px; background:url(../images/logininfo.png) no-repeat; margin-top:30px;}
.loginbox ul{margin-top:88px; margin-left:285px;}
.loginbox ul li{margin-bottom:25px;}
.loginbox ul li label{color:#687f92; padding-left:25px;}
.loginbox ul li label a{color:#687f92;}
.loginbox ul li label a:hover{color:#3d96c9;}
.loginbox ul li label input{margin-right:5px;}
.loginuser{width:299px; height:48px; background:url(../images/loginuser.png) no-repeat; border:none; line-height:48px; padding-left:44px; font-size:14px; font-weight:bold;}
.loginpwd{width:299px; height:48px; background:url(../images/loginpassword.png) no-repeat; border:none;line-height:48px; padding-left:44px; font-size:14px; color:#90a2bc;}
.loginbtn{width:111px;height:35px; background:url(../images/buttonbg.png) repeat-x; font-size:14px; font-weight:bold; color:#fff;cursor:pointer; line-height:35px;}
.loginbm{height:50px; line-height:50px; text-align:center; background:url(../images/loginbg2.png) repeat-x;position:absolute; bottom:0; width:100%; color:#0b3a58;}
.loginbm a{font-weight:bold;color:#0b3a58;}
.loginbm a:hover{color:#fff;}



/*公共CSS*/
.row{display: flex;flex-direction: row;}
.between{display: flex;justify-content: space-between;}
.mpage{display: flex;flex-direction: row;width: 100%;margin-top:70px;}
.rpage{width: 90vw;}
.bpage{width: 90vw;background:#f2f0f5;padding-bottom: 9999px;margin-bottom: -9999px; overflow:hidden;}

/*头部文件CSS*/
.header{height:88px;}
.topleft{height:88px;background:url(../images/topleft.jpg) no-repeat;float:left; width:20vw;display: flex;flex-direction: row}
.logobg{margin-top:12px;margin-left:1vw;width: 55px;height: 55px;border:5px solid white;border-radius: 5px;box-shadow: 2px 2px 5px #999;background-color:white;}
.topleft img{width: 55px;height: 55px;display: block}
.topcompanyname{margin-left: 1vw; line-height: 85px;font-size: 20px;font-weight: 600;color: white;}
.topright{height:88px;background:url(../images/topright.jpg) no-repeat right;float:right;}
.nav{float:left;}
.nav li{float:left;width:87px;height:88px; text-align:center;}
.nav li a{display:block;width:87px;height:88px;-moz-transition: none; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.nav li a.selected{background:url(../images/navbg.png) no-repeat;}
.nav li a:hover{display:block;background:#000;color:#fff;background: none repeat scroll 0% 0% rgb(43, 127, 181);}
.nav li img{margin-top:10px;}
.nav li a{display:block;}
.nav a h2{font-size:14px;color:#d6e8f1;}
.nav a:hover h2{color:#fff;}
.topright ul{padding-top:15px; float:right; padding-right:12px;}
.topright ul li{float:left; padding-left:9px; padding-right:9px; background:url(../images/line.gif) no-repeat right;}
.topright ul li:last-child{background:none;}
.topright ul li a{font-size:13px; color:#e9f2f7;}
.topright ul li a:hover{color:#fff;}
.topright ul li span{margin-top:2px;float:left;padding-right:3px;}
.user{height:30px;background:url(../images/ub1.png) repeat-x;clear:both;margin-top:10px;float:right; margin-right:12px;border-radius:30px; behavior:url(js/pie.htc); white-space:nowrap;position:relative;}
.user span{display:inline-block;padding-right:10px; background:url(../images/user.png) no-repeat 15px 10px; line-height:30px; font-size:14px;color:#b8ceda; padding-left:20px; padding-left:35px;}
.user b{display:inline-block;width:20px;height:18px; background:url(../images/msg.png);text-align:center; font-weight:normal; color:#fff;font-size:14px;margin-right:13px; margin-top:7px; line-height:18px;}
.user i{display:inline-block;margin-right:5px;font-style:normal;line-height:30px; font-size:14px;color:#b8ceda;}

/*左侧导航栏CSS*/
.leftmenu{width:10vw;padding-bottom: 1299px;margin-bottom: -1299px; overflow:hidden; background:#353d47;color:#fff;}
.leftmenu dd{line-height:40px;font-weight:bold;background:#353d47;}
.leftmenu dd span{float:left;margin:10px 8px 0 12px;}
.leftmenu dd .menuson{display:none;}
.leftmenu dd .active{display:block;}
.menuson {line-height:50px; font-weight:normal;background:#303740;}
.menuson li{cursor:pointer;}
.menuson li:hover{background:#353d47;}
.menuson li.active{position:relative; background:url(../images/libg.png) repeat-x; line-height:40px; color:#fff;}
.menuson li a{ display:block; *display:inline; *padding-top:5px;color:#fff;margin-left:1.5vw}
.menuson li a:hover{color:#22A7F0;}
.menuson li.active a{color:#000;color:#22A7F0;}
.title{cursor:pointer;}
.title:hover{cursor:pointer;color:#22A7F0;}

/*位置栏CSS*/
.place{height:40px; background:url(../images/righttop.gif) repeat-x;width: 90vw}
.place span{line-height:40px; font-weight:bold;float:left; margin-left:12px;}
.placeul li{float:left; line-height:40px; padding-left:7px; padding-right:12px; background:url(../images/rlist.gif) no-repeat right;}
.placeul li:last-child{background:none;}

/*页面操作栏CSS*/
.tools{margin-left:0.5vw; margin-top:0.5vw;width: 89vw;display: flex;flex-direction: row}
.backb{text-align:center; margin-right:0.2vw;background:url(../images/back.png) no-repeat;border:1px #d3dbde solid;background-color: #f5f5f7;height: 35px;border-radius: 3px;text-indent: 36px;background-position: 8px 5px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);background-size: 25px 25px;padding-right: 10px;}

/*表单CSS*/
.formbody{padding:10px 18px;}
.formtitle{border-bottom:solid 1px #d0dee5; line-height:35px; position:relative; height:35px; margin-bottom:28px;}
.formtitle span{font-weight:bold;font-size:14px; border-bottom:solid 3px #66c9f3;float:left; position:absolute; z-index:100; bottom:-1px; padding:0 3px; height:30px; line-height:30px;}
.forminfo{padding-left:23px;}
.forminfo li{margin-bottom:13px; clear:both;}
.forminfo li label{width:8vw;line-height:34px; display:block; float:left;}
.forminfo li i{color:#7f7f7f; padding-left:20px; font-style:normal;}
.forminfo li cite{display:block;}
.select{cursor:pointer; height:32px;line-height:32px;border:solid 1px #a7b5bc; background:url(../images/inputbg.gif) repeat-x;padding: 0 10px;}
.inputm{width:3vw; height:32px; line-height:32px; border:solid 1px #a7b5bc; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}
.input{height:32px; line-height:32px; border:solid 1px #a7b5bc; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}
.inputl{width:15vw;height:32px; line-height:32px; border:solid 1px #a7b5bc; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}
.inputc{min-width:15vw;min-height:32px; line-height:32px; border:solid 1px #a7b5bc; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}
.inputd{height:34px; line-height:34px;text-indent:10px;background-color: white;}
.colorinput{margin-top: 8px;}
.textarea{border:solid 1px #a7b5bc;background:url(../images/inputbg.gif) repeat-x; padding:10px; width:504px; min-height:135px; line-height:20px; overflow:hidden;}
.btn{padding:5px 10px;height:35px; background:url(../images/btnbg.png) no-repeat; font-size:14px;font-weight:bold;color:#fff; cursor:pointer;}
.addb{text-align:center; margin-right:0.1vw;background:url(../images/t01.png) no-repeat;border:1px #d3dbde solid;background-color: #f5f5f7;height: 35px;border-radius: 3px;text-indent: 36px;background-position: 10px 5px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding-right: 10px;}
.editb{text-align:center; margin-right:0.1vw;background:url(../images/t02.png) no-repeat;border:1px #d3dbde solid;background-color: #f5f5f7; height: 35px;border-radius: 3px;text-indent: 36px;background-position: 10px 5px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding-right: 10px;}	
.delb{text-align:center; margin-right:0.1vw;background:url(../images/t03.png) no-repeat;border:1px #d3dbde solid;background-color: #f5f5f7;height: 35px;border-radius: 3px;text-indent: 36px;background-position: 10px 5px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding-right: 10px;}
.status0{text-align:center; margin-right:0.1vw;background-color: #f5f5f7;height: 35px;border-radius: 3px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding:0 10px;}
.status1{text-align:center; margin-right:0.1vw;background-color:cornflowerblue;height: 35px;border-radius: 3px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding:0 10px;color: white}
.status2{text-align:center; margin-right:0.1vw;background-color: #f54000;height: 35px;border-radius: 3px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding:0 10px;color: white}
.status3{text-align:center; margin-right:0.1vw;background-color: #f54000;border-radius: 3px;cursor: pointer;box-shadow: 0 1px 1px rgba(0,0,0,.2);padding:4px 5px;color: white}


/*table表单CSS*/
.table{border:solid 1px #cbcbcb; width:89vw; margin:0.5vw; clear:both;text-align: center;}
.table th{background:url(../images/th.gif) repeat-x; height:34px; line-height:34px; border-bottom:solid 1px #b6cad2;}
.table td{border-right: dotted 1px #c7c7c7;padding:0.5vw 0}
.odd{background:#f5f8fa;}
.table tr:hover{background:#e5ebee;}

/*可视化装修CSS*/
.phoneimg{position:absolute;left: 18vw;top:180px;width: 410px;height: 850px;}
.layout{position:absolute;left: 18.8vw;top:268px;width:375px;height: 670px;overflow-y: scroll;z-index: 200}
.layout .active{box-shadow:0px 0px 10px blue;padding:2px 0px;background-color:blue;}
.layout img{display: block;width:375px;}
#box::-webkit-scrollbar {display: none;}
.settingbg{position:absolute;left: 50vw;background-color: white;padding: 1vw;margin-top:50px;border-radius: 0.3vw;box-shadow: 0 0 0.3vw #ccc;height: 750px;}
.settingbg .scrollv{overflow-y: scroll;height: 680px;padding:0 0.5vw;}
.settingbg .settingv{background-color: white;box-shadow: 0 0 0.2vw #ccc;padding:0.5vw;margin-bottom: 0.5vw;border-radius: 0.1vw;}
.settingbg .settingv:hover{background-color: #edf5ff;box-shadow: 0 0 0.2vw #ccc;padding:0.5vw;margin-bottom: 0.5vw;border-radius: 0.1vw;}

/*添加首页模块CSS*/
.layoutinsetleft{background-color: white;padding: 1vw;margin-top:20px;border-radius: 0.3vw;box-shadow: 0 0 0.3vw #ccc;height: 650px;margin-left: 3vw;}
.layoutinsetleft img{width:100%;display: block}
.layoutinsetright{background-color: white;padding: 1vw;margin-top:20px;border-radius: 0.3vw;box-shadow: 0 0 0.3vw #ccc;
		height: 650px;margin-left: 8vw;}
.inputmargin{margin-left: 1vw;margin-top:1vw;}
.inputmargin2{margin: 1vw 0;}

/*主页CSS*/
.mainindex{padding:20px; overflow:hidden;}
.welinfo{height:32px; line-height:32px; padding-bottom:8px;}
.welinfo span{float:left;}
.welinfo b{padding-left:8px;}
.welinfo a{padding-left:15px;color:#3186c8;}
.welinfo a:hover{color:#F60;}
.welinfo i{font-style:normal; padding-left:8px;}
.xline{border-bottom:solid 1px #dfe9ee; height:5px;}
.iconlist{padding-left:40px; overflow:hidden;}
.iconlist li{text-align:center; float:left; margin-right:25px; margin-top:25px;}
.iconlist li p{line-height:25px;}
.ibox{clear:both; padding-left:40px; padding-top:18px; overflow:hidden; padding-bottom:18px;}
.ibtn{background:url(../images/ibtnbg.png) repeat-x;border:solid 1px #bfcfe1; height:23px; line-height:23px; display:block; float:left; padding:0 15px; cursor:pointer;}
.ibtn img{margin-top:5px; float:left; padding-right:7px;}
.box{height:15px;}
.infolist{padding-left:40px; padding-bottom:15px;}
.infolist li{ line-height:23px; height:23px; margin-bottom:8px;}
.infolist li span{float:left; display:block; margin-right:10px;}
.info{padding-left:40px; background:url(../images/search.png) no-repeat 10px 15px; padding-top:15px; padding-bottom:20px;}
.umlist{padding-left:40px;}
.umlist li{float:left; background:url(../images/ulist.png) no-repeat 0 5px; padding-left:10px; margin-right:15px;}

/*弹框CSS*/
.tip{width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;behavior:url(js/pie.htc); display:none; z-index:111111;}
.tiptop{height:40px; line-height:40px; background:url(../images/tcbg.gif)  repeat-x; cursor:pointer;}
.tiptop span{font-size:14px; font-weight:bold; color:#fff;float:left; text-indent:20px;}
.tiptop a{display:block; background:url(../images/close.png) no-repeat; width:22px; height:22px;float:right;margin-right:7px; margin-top:10px; cursor:pointer;}
.tiptop a:hover{background:url(../images/close1.png) no-repeat;}
.tipinfo{padding-top:30px;margin-left:65px; height:95px;}
.tipinfo span{width:95px; height:95px;float:left;}
.tipright{float:left;padding-top:15px; padding-left:10px;}
.tipright p{font-size:14px; font-weight:bold; line-height:35px;}
.tipright cite{color:#858686;}
.tipbtn{margin-top:25px; margin-left:125px;}
.sure ,.cancel{width:96px; height:35px; line-height:35px; color:#fff; background:url(../images/btnbg1.png) repeat-x; font-size:14px; font-weight:bold;border-radius: 3px; cursor:pointer;}
.cancel{background:url(../images/btnbg2.png) repeat-x;color:#000;font-weight:normal;}

/*错误界面CSS*/
.error{background:url(../images/404.png) no-repeat; width:490px; margin-top:75px;padding-top:65px;}
.error h2{font-size:22px; padding-left:154px;}
.error p{padding-left:154px; line-height:35px;color:#717678;}
.reindex{padding-left:154px;}
.reindex a{width:115px; height:35px; font-size:14px; font-weight:bold; color:#fff; background:#3c95c8; display:block; line-height:35px; text-align:center;border-radius: 3px; behavior:url(js/pie.htc);margin-top:20px;}





/*弹出层css*/
.popclass{width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;display:none; z-index:111111;}
.popclass .poptop{height:40px; line-height:40px;border-bottom:1px #eee solid; display:flex; justify-content:space-between;}
.popclass .poptop .title{margin-left:10px;}
.popclass .poptop .close{margin-right:10px;}
.popclass .popbody{}
.popclass .popbottom{}
.popclass2{width:485px; height:260px; position:fixed;margin:auto;top:25% left:25%;right:25%; bottom:25%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;display:none; z-index:111111;}
.popclass2 .poptop{height:40px; line-height:40px;border-bottom:1px #eee solid; display:flex; justify-content:space-between;}
.popclass2 .poptop .title{margin-left:10px;}
.popclass2 .poptop .close{margin-right:10px;}
.popclass2 .popbody{}
.popclass2 .popbottom{}





.alert{
display: none;
position: fixed;
top:50%;
left:50%;
min-width:300px;
max-width:600px;
transform:translate(-50%,-50%);
z-index:99999;
text-align: center;
padding:15px 50px;
border-radius:3px;
}

.alert-success{
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6;
}

.alert-info{
color:#31708f;
background-color:#d9edf7;
border-color:#bce8f1;
}

.alert-warning{
color:#8a6d3b;
background-color:#fcf8e3;
border-color:#faebcc;
}

.alert-danger{
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1;
}