@charset "UTF-8";
*{margin:0;padding:0;border: 0;outline: none}
address,cite,dfn,em,var, i {font-style:normal;}
textarea{resize:none}
body {font-size: 14px;font-family:'Microsoft Yahei','simsun','arial','tahoma';color: #666666;background: #f5f5f5;min-width: 1400px;}
table {border-collapse:collapse;border-spacing:0;width: 100%}
h1,h2,h3,h4,h5,h6,th{font-size: 14px; font-weight: normal;font-family:'Microsoft Yahei','simsun','arial','tahoma';}
button,input,select,textarea{font-size:100%;border:0;}
button{cursor: pointer;}
fieldset,img{border:0;}
a{text-decoration: none;color: #666;}
a:hover{text-decoration: none;}
ul,ol{list-style: none;}
input[type="text"],input[type="password"]{-webkit-box-shadow: 0 0 0px 1000px #fff inset}
input,select,textarea{font-size: 12px;font-family:'Microsoft Yahei','simsun','arial','tahoma';color: #333333}
input[type="checkbox"],input[type="radio"]{cursor: pointer;}
.clears{clear: both;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.tc{text-align: center;}
.bgfff{background: #fff}
.container{width: calc(100% - 200px);margin:60px 0 0 200px;border-top: 1px solid #e6e6e6;padding: 20px}
.boxSizing{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.pa50{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%);-o-transform: translate(-50%,-50%);}
.containernone{width: 10px;position: fixed;left: 200px;top: 60px;height: 100%;z-index: 4;background: #f5f5f5}
.containernone2{width: calc(100% - 200px);position: fixed;left: 200px;top: 60px;height: 10px;z-index: 4;background: #f5f5f5}
h4{color: #333333;background: #fafafa;border-bottom: 1px solid #e5e5e5;line-height: 40px;padding-left: 20px}
h4 a{font-size: 12px;margin-right: 20px}
h4 a:hover{color: #52a0f0}
.labelbox{display: inline-block;font-size: 12px;margin: 0 20px 20px 0}
.main{padding: 0 20px;border-radius: 5px;overflow: hidden;}
.main h6{line-height: 60px;color: #52a0f0}
.main h6 a,.main h6 span{color: #333333}
.main h6 a:hover{color: #52a0f0}
.tablebox table{font-size: 12px;}
.tablebox th{background: #e6f2fe;border-right: 1px solid #fff;color: #6594c4;padding: 10px;margin: 20px 0;font-size: 12px}
.tablebox th:nth-last-of-type(1){border-right: 0}
.tablebox td{text-align: center;padding: 10px;line-height: 20px;border-bottom: 1px solid #e5e5e5;color: #333333}
.tablebox tbody tr:hover{background: #f9f9f9}

header{background: #52a0f0;color: #fff;position: fixed;top: 0;left: 0;width: 100%;min-width: 1400px;z-index: 5}
header h1{font-size: 18px;margin-left: 30px;line-height: 60px;position: fixed;top: 0;left: 0}
header .userbox{height: 60px;padding-right: 40px;}
header .userbox li{height: 100%;display: inline-block;}
.userbox .img-box{position: relative;cursor: pointer;}
.userbox .img-box img{width:20px;border-radius:100%;overflow:hidden;margin-right:8px;vertical-align:middle;}
.userbox .img-box em{width: 20px;height: 20px;background: url(../images/arrow1.png) no-repeat center center;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.userbox li:after{content: "";display: inline-block;height: 100%;vertical-align: middle;}
.userbox li>*{display: inline-block;vertical-align: middle;}
/*修改密码*/
.userbox .editPwd{position: absolute;bottom: -25px;right: 10px;width: 100px;background: #fff;border-radius: 2px;height: 30px;color: #333;text-align: center;line-height: 30px;border: 1px solid #e5e5e5;z-index: 200000;cursor: pointer;user-select: none;-webkit-user-select: none;-moz-select: none;display: none;}
.editPwd:active{background: #f5f5f5;}
.img-box:hover .editPwd{display: block;}
.img-box:hover em{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}


header .userbox .logout-wrap{background: url(../images/userboxbg.png) no-repeat left center;margin-left: 30px;padding-left: 30px;vertical-align: top;}
header .loginout:hover{cursor: pointer;opacity: .5}
header .userbox .logout-wrap i{top: 0;bottom: 0;vertical-align: middle;float: none;}

nav{background: #fff;width: 200px;border-right: 1px solid #e5e5e5;position: fixed;left: 0;top: 60px;height: 100%;z-index: 4;overflow: auto;}
nav li{border-bottom: 1px solid #e5e5e5;line-height: 16px;position:relative;}
nav a{padding:17px 0 17px 30px;display: block;width: 100%;}
nav a:hover{background: #fafafa;}
nav li.act a{color: #52a0f0}
nav li.act i{background-position-y:-21px;}

i[class^=i-]{background: url(../images/lcjlt.png) no-repeat;float: left;position: relative;}
i.i-user{background-position: 0 0;width: 18px;height: 18px;top: 1px;left: 0;margin-right: 10px}
i.i-loginout{background-position: -19px 0;width: 18px;height: 18px;top: 1px;left: 0;margin-right: 10px}
i.i-index{background-position: -41px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-store{background-position: -60px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-member{background-position: -80px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-cases{background-position: -99px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-statistics{background-position: -120px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-contract{background-position: -418px 0;width: 20px;height: 18px;top: 0px;left: 0;margin-right: 10px}
i.i-finance{background-position: -141px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-allcase{background-position: -9px -21px;width: 23px;height: 23px;top: 50%;left: 50%;}
i.i-mycase{background-position: -1px -47px;width: 20px;height: 23px;top: 50%;left: 50%;}
i.i-dynamic{background-position: -27px -47px;width: 14px;height: 14px;top: 3px;left: 0;}
i.i-account{background-position:  -1px -74px;width: 20px;height: 20px;} 
i.i-pw{background-position:  -1px -100px;width: 20px;height: 20px;}
i.i-star{background-position:  -44px -46px;width: 14px;height: 14px;top: 24px;left: 0;margin-left: 20px}
i.i-del{background-position:  -0px -142px;width: 16px;height: 19px;top: 7px;left: 0;margin-left: 10px;float: right}
i.i-edit{background-position:  -80px -46px;width: 20px;height: 20px;top: 22px;left: 0;margin-left: 20px}

i.i-log{background-position: -179px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-seal{background-position: -196px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-letter{background-position: -474px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-conflict{background-position: -216px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-papers{background-position: -234px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-myaccount{background-position: -254px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-special{background-position: -273px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-lawyerfinance{background-position: -292px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-paylog{background-position: -311px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-recharge{background-position: -329px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-affiche{background-position: -348px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-arret{background-position: -366px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-invoice{background-position: -383px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-deposit{background-position: -400px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-finance_1{background-position: -436px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-cases_1{background-position: -455px 0;width: 17px;height: 17px;top: 0px;left: 0;margin-right: 10px}
i.i-cases_2{background-position: -490px 0;width: 17px;height: 17px;top: 0px;left: 0;margin-right: 10px}
i.i-cash{background-position: -510px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-configure{background-position: -527px 0;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-meeting{background-position: -546px 0px;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-meeting_app{background-position: -565px 0px;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-file{background-position: -584px 0px;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-down{background-position: -602px 0px;width: 17px;height: 16px;top: 0px;left: 0;margin-right: 10px}
i.i-replenish{background-position: -619px 0px;width: 17px;height: 17px;top: 0px;left: 0;margin-right: 10px}
i.i-finance_recovery{background-position: -637px 0px;width: 17px;height: 17px;top: 0px;left: 0;margin-right: 10px}
i.i-contract_recovery{background-position: -655px 0px;width: 17px;height: 17px;top: 0px;left: 0;margin-right: 10px}



/*修改密码框*/
.editPwd_bg{display: none;}
.success-bg{display: none;}
.editPwd_bg,.success-bg{position: fixed;z-index: 20000;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);}
.layer-editPwd{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: #fff;border-radius: 5px;}
.layer-editPwd .layer-head{padding: 20px;text-align: center;position: relative;font-size: 20px;color: #52a0f0;}
.layer-editPwd .layer-body{padding: 0px 15% 20px 15%;width: 450px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.layer-editPwd .layer-body>div{border-bottom: 1px solid #ccc;zoom: 1;position: relative;padding-bottom: 1px;}
.layer-editPwd .layer-body>div:after{content: "";display: block;clear: both;overflow: hidden;height: 0;}
.layer-editPwd .layer-body>div .tips{color: red;position: absolute;background: #fff;padding: 5px 10px;border: 1px solid rgba(255,0,0,0.5);display: inline-block;border-radius: 5px;bottom: -20px;left: 60px;background: #fff;z-index: 100;display: none;}
.layer-editPwd .layer-body>div:nth-of-type(3) .tips{left: 80px;}
.layer-editPwd .layer-body>div .tips:before{content: "";border: 5px solid transparent;width: 0;height: 0;border-bottom-color: rgba(255,0,0,0.5);position: absolute;top: -10px;left: 20px;}
.layer-editPwd .layer-body>div .tips:after{content: "";border: 5px solid transparent;width: 0;height: 0;border-bottom-color: #fff;position: absolute;top: -8px;left: 20px;}
.layer-editPwd .layer-body span{font-size: 16px;color: #333;margin-right: 10px;float: left;padding: 15px 0;}
.layer-editPwd .layer-body input{height: 21px;color: #999;display: block;width: calc(100% - 90px);padding: 15px 0;outline: none;}
.layer-editPwd .layer-foot{text-align: center;padding: 10px 0 30px;}
.layer-editPwd .layer-foot button{padding: 5px 20px;border: 1px solid #52a0f0;border-radius: 2px;}
.layer-editPwd .btn-cancle{margin-right: 50px;background: #fff;color: #52a0f0;}
.layer-editPwd .btn-confirm{background: #52a0f0;color: #fff;}
.layer-editPwd .btn-cancle:active,.layer-editPwd .btn-confirm:active{opacity: 0.8;}
/*成功提示*/
.success-bg .success-box{display: inline-block;background: #fff;border-radius: 2px;padding: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.success-bg .success-box>em{width: 20px;height: 20px;background: url(../images/warn.png) no-repeat center center;display: inline-block;vertical-align: middle;margin-right: 10px;}
.success-bg .success-box>span{display: inline-block;vertical-align: middle;}
.success-bg .success-box:after{content: "";height: 100%;vertical-align: middle;display: inline-block;}

/* 标红 */
.tab_red{display: inline-block;position: absolute;top:10px;right:50px;width: 10px;height: 10px;border-radius: 5px;background: #FF0000;}
/* 二级菜单 */
.box_Menu_list,.active-color-off {position: relative; width: 100%;text-align: center;line-height: 40px;padding: 0;color: #333333 !important;border-top: 1px solid #e5e5e5;box-sizing: border-box;background:url('../images/icon-list-no.png') no-repeat 25% 50%;background-size: 17px 17px;}
.box_Menu_list:hover,.active-color-no{color: #327ee0 !important;background:url('../images/icon-list-active.png') no-repeat 25% 50%;background-size: 17px 17px;}
.active-off {height: 0px;transform-origin: top;transform: rotateX(90deg);transition: all 0.4s;}
.active-no {height: 40px;transform-origin: top;transform: rotateX(0deg);transition: all 0.4s;background-color: #ffffff;}
.menu-icon{display: inline-block;margin-left: 50px  ; transition: transform 0.5s;-moz-transition: -moz-transform 0.5s; /* Firefox 4 */-webkit-transition: -webkit-transform 0.5s; /* Safari 和 Chrome */-o-transition: -o-transform 0.5s;}
.menu-icon img{vertical-align: middle;}
/* .menu-icon:hover{  transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);} */

/* 左侧导航栏红点 */
.red_point{
  width: 10px;
  height:10px;
  border-radius: 60%;
  background-color: red;
  display: inline-block;
  margin-left: 15px;
}