@charset "utf-8";
/* CSS Document */

/**
 * 公共样式
 * @type {Number}
 */


body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal;  }
img{ border:none;padding:0;margin:0;}
a img{ border:none;}
a:focus{outline:none;}
body {
    font-family:'Microsoft YaHei',Arial, sans-serif;
    color:#7d7d7d;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
html,body{ }
a{text-decoration:underline; color:#959595;
font-family:'Microsoft YaHei',Arial, sans-serif; outline:none;}
a,a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
.clear{clear:both; display:block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}

.left{ float:left;}
.right{ float:right;}
.hide{display:none; z-index:0;}
.show{display:block; z-index:5;}
.active{ display:block; z-index:10}
input,label,textarea,option,select,button{font-family:'Microsoft YaHei',Arial, sans-serif; padding:0;margin: 0;outline: none; font-size:12px;}
input:focus {
    outline: none;
}
/*input[placeholder], [placeholder], *[placeholder] { 
color:#b5b5b5; } */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background:#FFF;}

.header :-moz-placeholder {color: #ffffff; opacity:0.7;}
.header ::-moz-placeholder {color: #ffffff; opacity:0.7;}
.header input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ffffff; opacity:0.7;}
.header input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ffffff; opacity:0.7;}

:-moz-placeholder {color: #9f9f9f; }
::-moz-placeholder {color: #9f9f9f;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #9f9f9f;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #9f9f9f; }
.red{ color:#ff0000;}
.red_font, .red_font a, .red_font a:visited {color: #FF0000;}
/*a:focus, a:hover{ color:#212121;}*/




/*通用样式*/

.day.active{box-sizing: content-box;}
.white-bg{background:#fff;}
.lhgray-bg {background-color: #fafafa;}
.padding20{ padding:15px;}
.padding15-30{ padding:15px 30px;clear:both;}
.paddingtb40{ padding:25px 0;}
.paddtb10lr40{ padding:10px 25px;}
p{ line-height:1.5em;}
h4{ line-height:1.4em;}
.border-right { border-right: 1px solid #e9e9e9;}
.borderlr,.borderlrd{ border-left: 1px solid #ebf0ee;border-right: 1px solid #ebf0ee;}
.boxti{ padding:0px 6px;border-width:1px; border-style:solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.alinkbtn{ width:100%; text-align:center; display:block; line-height:50px;height:50px;}

.comsubbtn{ padding:0 12px; height:30px;background:#2d89ef; border:none; text-align:center; color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin-left:5px;}
.btn{color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; line-height:40px; height:40px; padding:0 12px; outline:none;}
.btn-primary{ display:none; background:none; border-color:transparent; border:none;}
.btn-primary:hover{ background:none; border-color:transparent;}
.btn-n{border:none;background:none; }
.graybgcol{ background:#7d7d7d;}

.circleportrait{ border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; display:inline-block; vertical-align:middle}
.middle{ vertical-align:middle;}
.comleft{ text-align:left;}
.comcenter{ text-align:center;}
.comright{ text-align:right;}
.amountnum{ font-size:18px; color:#ff525c;}
.blank.behind{ margin-left:30px;}
.btn.themetxtcolor{ background:#FFF;}


/*主题色*/
.themebgcolor{ background:#ff8a23;}
.themebg2color{ background:#f49800;}
.themebg3color{ background:#e6e6e6; color:#7f7f7f;}
.themebg5color{ background:#23ca89;}
.themetxtcolor{color:#ff8a23; border-color:#ff8a23;}
.orangecolor{color:#f49800;}
.btn{transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.btn:hover{ opacity:0.85;}


/*表单*/
.textinput{ background:#fafafa; border:1px solid #e1e1e1; line-height:40px; padding:0 10px; color:#7d7d7d; font-size:14px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
input.textinput{height:40px;}
.textinput.error-in{ border-color:#F00; background:#FFF;}
.error-tip{ color:#F00; text-align:center; padding-top:5px;}
.error-tip.comright{text-align:right; clear:both; padding-right:10px;}
.error-tip.comleft{text-align:left; clear:both; padding-left:10px;}
.textinput:hover{box-shadow:inset 0 2px 2px #e2e2e2;}
textarea{ background:#fafafa; border:1px solid #e1e1e1; padding:8px 10px; font-size:14px;line-height:1.5em;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:  all .3s;}
textarea:hover{box-shadow:inset 0 2px 2px #e2e2e2;}
textarea.textinput{ font-size:14px;line-height:1.4em; padding:8px 10px; min-height:100px;}
select{background:#fafafa; border:1px solid #e1e1e1; line-height:40px; height:40px; padding:0 10px; color:#7d7d7d; font-size:14px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;box-shadow:none;}

.btn-group.mnselect .dropdown-toggle{ height:50px;  border:1px solid #e1e1e1;  background:#fafafa; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s; text-align:left;}
.btn-group.mnselect .dropdown-toggle:hover{ -webkit-box-shadow:inset 0 2px 2px #e2e2e2; box-shadow:inset 0 2px 2px #e2e2e2; }
.btn-group.mnselect.open .dropdown-toggle{ -webkit-box-shadow:inherit;box-shadow:inherit; background:#fafafa; border:1px solid #e1e1e1;}
.dropdown-menu{border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:1px solid #e1e1e1; margin: 1px 0 0;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.175); box-shadow: 0 2px 4px rgba(0,0,0,.175);}
.btn-group.mnselect .fa-angle-down{ font-size:18px; font-weight:bold; color:#939393; float:right; margin-left:5px;}

.checkbox {padding-left:20px;position: relative; line-height:20px; height:20px; }
.checkbox input[type="checkbox"] {box-sizing: border-box;left: -1px;
margin: 3px;padding: 0;position: absolute;top: 0px;vertical-align: middle; opacity:0;filter:alpha(opacity=0);}
.checkbox input[type="checkbox"] + label span{ background:#fff; display:inline-block;padding-left:8px;}
.checkbox input[type="checkbox"] + label:before {content: " ";left: 0;position: absolute;display:inline-block;padding: 0;width: 20px; height: 20px;border:1px solid #e1e1e1;background-color:#fafafa;}
.checkbox input[type="checkbox"] + label.themebgcolor:before{background-color:inherit;}
.checkbox input[type="checkbox"]:checked + label:before { background-image:url(../images/checkedicon.png) ; background-position:center; background-repeat:no-repeat;}


.radio {padding-left:20px;position: relative; line-height:20px; height:20px; }
.radio input[type="radio"] {box-sizing: border-box;left: -1px;
margin: 3px;padding: 0; width:19px; height:19px;position: absolute;top: 0px;vertical-align: middle; opacity:0;filter:alpha(opacity=0);}
.radio input[type="radio"] + label span{ background:#fff; display:inline-block; padding-left:8px;}
.radio input[type="radio"] + label:before {content: " ";left: 0;position: absolute;display:inline-block;padding: 0;width: 20px; height: 20px;border:1px solid #e1e1e1;background-color:#fafafa; background-color:inherit; border-radius:50%;pointer-events:none; }
.radio input[type="radio"]:checked + label:before { background-image:url(../images/checkedicon.png) ; background-position:center; background-repeat:no-repeat;}

/*表格*/
table.commontable tr th {height: 30px;line-height: 30px; font-size: 12px; font-weight:normal; color:#a4a4a4; padding:0 15px;background: #fafafa;border-bottom: 1px solid #ededed; white-space:nowrap;}
table.commontable tr td {padding: 20px 15px; border-bottom: 1px solid #ededed;font-size: 14px;}
table.commontable tr td:first-child,table.commontable tr th:first-child {border-left: 1px solid #ededed;}
table.commontable tr td:last-child,table.commontable tr th:last-child {border-right: 1px solid #ededed;}

/*滑块*/
.ui-widget-content{ border:none;background:#dbdbdb;}
.ui-widget-header{ background:#ff8a23;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.ui-slider-horizontal{ height:8px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:#ff8a23; border:3px solid #fff; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; -webkit-box-shadow: 0 0 5px #c7c7c7;-moz-box-shadow: 0 0 5px #c7c7c7;box-shadow: 0 0 5px #c7c7c7; cursor:pointer;}
.ui-slider-horizontal .ui-slider-handle:before{ display: inline-block;content: '';width: 0; height: 0; position: absolute;top: 10px; left: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #fff; opacity:0.7;}
.ui-slider-horizontal .ui-slider-handle:after{ display: inline-block;content: '';width: 0; height: 0; position: absolute;top: 10px; right: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff; opacity:0.7;}
.ui-slider .ui-slider-handle{ width:35px; height:35px;}
.ui-slider-horizontal .ui-slider-handle {top: -14px;    margin-left: -17px;}
.task_slider{ margin-top:10px; margin-bottom:10px;}
.comcenter .task_slider { width:80%; margin:0 10%; margin-top:10px; margin-bottom:10px;}

.progress{ background:#e5e5e5; height:8px; border:none;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; box-shadow:none; margin-bottom:0; overflow:visible;}
.progress-bar{ background:#ff8a23; box-shadow:none;animation: animate-positive 1s; position:relative;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
@-webkit-keyframes animate-positive { 0% { width: 0%;}}
@keyframes animate-positive { 0% { width:0%; }}
.comcenter .progress { width:80%; margin:0 10%; margin-top:10px; margin-bottom:10px;}
.sr-only{ width:10px; height:10px; background:#333;}
.progress .progress-bar span {  clip:auto; width:20px; height:20px; position: absolute;top: -5px; right: -10px;color: #fff; background:#ff8a23; border:3px solid #fff;display: block;-webkit-border-radius:50%; -webkit-box-shadow: 0 0 5px #c7c7c7;-moz-box-shadow: 0 0 5px #c7c7c7;}





/*公用菜单,结构----------------------------------------------------*/
/*头部菜单*/
.header{ /*height:72px;*/width:100%; position:relative;}
.header .logo{ margin-left:20px;line-height:60px; font-size:18px; color:#fff; font-weight:bold; float:left;}
.header .logo>img{ float:left; margin-top:15px; margin-right:8px;}
.header .form-search{ float:left; position:relative; background:rgba(0, 0, 0, 0.15);border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; line-height:28px;width:200px; margin:21px 0 0 80px;color:#FFF;}
.header .form-search i{ color:#FFF;-moz-opacity:0.7;opacity:0.7;}
.header .form-search .search_btn{ position:absolute; right:10px; top:0; font-size:16px}
.header .form-search input[type="text"]{width:175px; padding:0 15px; height:30px; line-height:30px; border:none; background:none;}
.navbar-top-links li{ float:left; position:relative;}
.navbar-top-links{ float:right; margin:11px 10px;}
.navbar-top-links .usertopinfo>img{ border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; display:inline-block; vertical-align:middle; margin-right:8px;}
.navbar-top-links .usertopinfo .txt{ display:inline-block; vertical-align:middle; text-align:right; height:40px; border-right:1px solid rgba(255, 255, 255, 0.5); padding:2px 25px 0 0; margin-right:18px;}
.navbar-top-links .usertopinfo p.name{color:#FFF;vertical-align:middle; color:#fff; font-size:14px;}
.navbar-top-links .usertopinfo p.post{ display:inline-block; color:#fff100;}
.navbar-top-links>li>a{ padding:14px 15px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:  all .3s;}
.navbar-top-links>li>a.themebgcolor{ color:#FFF; background:none;}
.navbar-top-links>li>a.themetxtcolor{ background:#FFF;}
.navbar-top-links li i{ font-size:22px;}
.navbar-top-links li .label-warning{ display:inline-block; width:11px; height:11px; background:#fff100; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-width: 2px;border-style: solid;position: absolute; top: 13px;right: 11px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:  all .3s;}
.navbar-top-links .icon-shezhi{ position: relative; top: -2px;font-size:23px;}
.navbar-top-links.nav>li>a:focus, .navbar-top-links.nav>li>a:hover{ background:none;}
.navbar-top-links li.messlibox>a{ position:relative; z-index:15;}
.navbar-top-links li .hmmesslist{ position:absolute; left:-10px; top:62px; z-index: 10; background:#FFF;  width: 170px; box-shadow: -1px 2px 2px 1px #e8e8e8;-webkit-box-shadow:-1px 2px 2px 1px #e8e8e8; -moz-box-shadow:-1px 2px 2px 1px #e8e8e8; display:none;}
.navbar-top-links li .hmmesslist i{ color:#cbcbcb;}
.navbar-top-links li .hmmesslist li{ padding:13px 10px; border-bottom:1px solid #e1e1e1; display:block; width:100%;border-left:4px; border-style:solid; border-left-color:transparent;}
.navbar-top-links li .hmmesslist li p{ max-height:40px; overflow:hidden; font-size:13px;}
.navbar-top-links li .hmmesslist li p.time{ padding-left:26px; background:url(../images/time.png) no-repeat left center;font-size:12px; line-height:18px; margin-bottom:4px; height:auto;}
.navbar-top-links li .hmmesslist li.allme{ text-align:center;}
.navbar-top-links li .hmmesslist:before{ content:''; display:inline-block; position:absolute; background:#FFF; width:70px; height:70px; top:-70px;}
.navbar-top-links li .hmmesslist li:hover{ background:#fafafa; border-left:4px; border-style:solid;}


/*左边栏*/


body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {display: none;}
body.mini-navbar .leftsidebar { width: 70px;}

.leftsidebar>ul.nav>li ul li a{display: block; color:#7d7d7d;}
.leftsidebar>ul.nav>li ul li.themetxtcolor  a{display: block; color:inherit;}
.allwrapper{ width:100%; position:relative;}
.allwrapper i{display:inline-block; vertical-align:middle; }
.leftsidebar{ position:absolute; left:0; top:0px; background:#fff; height:100%;border-right: 1px solid #ebefee;}
.leftsidebar>ul.nav{ padding-top:25px; font-size:14px;line-height:28px; color:#7d7d7d; background:#FFF; }
.leftsidebar ul.nav a i{font-size:24px;line-height:28px;margin-right:5px;}
.leftsidebar ul.nav a .icon-kehu1{font-size:30px; }
.leftsidebar>ul.nav>li>a{ border-bottom:1px solid #ebefee;width:90%; margin:0 5%;}
.leftsidebar>ul.nav>li ul{ border-bottom:1px solid #ebefee; border-right-width:4px; border-right-style:solid;}
.leftsidebar>ul.nav>li ul li a{ padding:0px 15px;padding-left:80px;  } 
.leftsidebar>ul.nav>li ul li:first-child a{ margin-top:13px;}
.leftsidebar>ul.nav>li ul li:last-child a{ margin-bottom:13px;}
.leftsidebar .nav>li>a:focus, .leftsidebar .nav>li>a:hover{ background:#fff;}
.leftsidebar>ul.nav>li.themetxtcolor>a{ color:inherit;}
.leftsidebar ul.nav a i.icon-clients{ font-size:30px;margin-left: -5px;}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level { display: block;border-radius: 0 2px 2px 0;min-width: 140px;height: auto;}


/*右边顶部栏 结构,菜单*/
.page-wrapper{ margin-left:225px; background:#f2f2f2; padding: 0 15px; /*overflow-x:hidden;*/}
.page-wrapper .rightmaincon{ display:block; padding:0 15px; padding-bottom:15px;}


.mini-navbar .page-wrapper{ margin-left:60px;}

/*首页*/
.welctop .btn-addnewclient{ cursor:pointer; color:#FFF; font-size:14px;line-height:30px; padding:5px 15px 5px 12px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:inline-block; vertical-align:middle; }
.welctop .btn-addnewclient i{font-size:30px; margin-right:4px; line-height:30px;color:#FFF;}
.welctop .col-lg-3{ text-align:right;}
.hmmidcon h4{ font-size:16px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.hmmidcon .title{ font-size:18px; position:relative; padding-bottom:10px;}
.hmmidcon .title{ margin-bottom:15px;    overflow: hidden;}
.hmmidcon .title span{ display:inline-block; width:15px; height:5px; margin-top:5px; position:absolute; left:2px; bottom:0;}
.hmmidcon .title a{ font-size:12px;}
.hmmidcon .title a.right{ line-height:24px; color:#7d7d7d;}
.noticebox .time{ margin-top:5px; color:#c8c8c8;}
.noticebox .time span{ margin-right:8px;}
.noticebox .list{ margin:15px 0; padding:15px; min-height:105px;}
.noticebox .list>img{ width:75px; height:75px; position:absolute; }
.noticebox .list p{ margin-left:90px;  height:75px;}
.icirbox{}
.icirbox .txt h4{ margin-bottom:8px;}
.icirbox .row{ margin-bottom:8px;}
.icirbox .txt p{ line-height:18px; margin-bottom:3px;}
.icirbox .txt span{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-right:10px; float:left; margin-top:3px;}
.icirbox .txt span.graylump{ background:#e6e6e6;}
.icirbox .row .col-lg-7{ padding-right:0;}
.icirbox .row .col-lg-6.txt {padding-right:0px;padding-left: 15px;}
.flexslider ul li{ margin-bottom:12px;}


.piecount{ position:relative; width:90%; margin:0 auto; max-width:200px;}  
.piecount span.percent{  top:50%;  left:50%; width:50px; height:40px; margin-left:-25px;margin-top:-20px;  position:absolute; line-height:40px; text-align:center; font-size:18px; z-index:2;}  	
.piecount canvas{ max-width:200px; max-height:200px; width:100px; height:100px; position:relative; z-index:5;}
.hmcustom .firstyx{ border:1px solid #e1e1e1; position:relative; padding:20px 20px 20px 78px;-moz-box-shadow: 2px 4px 3px #e9e9e9; -webkit-box-shadow: 2px 4px 3px #e9e9e9; box-shadow: 2px 4px 3px #e9e9e9; overflow:inherit;}
.hmcustom .firstyx span.tx{ color:#FFF; display:inline-block; position:absolute; font-size:14px; line-height:14px; padding:5px 8px; top:22px; left:-7px;}
.hmcustom .firstyx .operate{ position:absolute; top:0px; right:0px;height:100%;width:80px;}
.hmcustom .firstyx .operate a{ display:inline-block; width:80px; height:50%; background:#fafafa;border-left:1px solid #e1e1e1; text-align:center; vertical-align:middle;border-bottom:1px solid #e1e1e1; position:relative;}
.hmcustom .firstyx .operate a:first-child{border-bottom:1px solid #e1e1e1;}
.hmcustom .firstyx .operate a i{ font-size:38px; position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-28px;}
.hmmidcon .khinfo{ margin-right:75px;}
.khinfo h4{ font-size:18px; margin-bottom:8px;}
.khinfo .contactfs{ font-size:14px; margin-top:5px;}
.khinfo .contactfs p{ display:inline-block; margin:0 5px;}
.hmcustom .khinfo .contactfs p:first-child{ margin-left: -3px; }
.hmmidcon .khinfo .contactfs i{color:#7f7f7f; font-size:22px; margin-right:4px;}
.hmmidcon .khinfo .contactfs i.icon-iconfontmobilefill{font-size:24px;}
.hmmidcon .khinfo .contactfs a{ display:inline-block; padding:2px 6px; font-size:12px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; margin:0 3px;line-height: 1.45em;}
.hmcustom li{border-bottom:1px solid #e1e1e1; overflow:hidden;}
.hmcustom li>p{ line-height:50px;float:left; font-size:14px;}
.hmcustom li>.time{ line-height:50px; float:right}
.hmmidcon .title span.lump{ width:12px; height:12px; position:relative; top:0; left:0; margin:3px 8px 0 15px; float:left;}
.hmmidcon .title span.goal{ background:#f39800;}
.hmmidcon .title .onlylu{ display:inline-block; font-size:12px;}
.hmmidcon .title .onlylu:first-child{ margin-left:10px;}
.hmsalescount canvas#lineChart{font-family:'Microsoft YaHei'; }
.timeswitch{ float:right;}
.timeswitch a{ float:left; display:block; padding:0 20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; line-height:28px; height:28px; font-size:14px;}
.timeswitch a.on{ color:#FFF;}

/*我的客户*/
.subtitle{ font-size:24px; line-height:40px;}
.subtopcon{ padding-top:30px; padding-bottom:10px;}
.subtopcon .col-lg-6>span{float:left; line-height:40px; width:3%; text-align:center;}
.subtopcon .textinput.first{ margin-right:3%; float:left;width:28%; margin:0 1%;}
.subtopcon .textinput.first.falsein{ visibility:hidden;}

.subtopcon .rl{ width:25%; margin:0 1%; float:left; position:relative;}
.subtopcon .rl .textinput{ width:100%;padding: 0 8px;}
.subtopcon .rl i{ position:absolute; right:7px; top:8px; font-size:18px; color:#8e8e8e;pointer-events: none;}
.subtopcon .searchbtn{ width:10%;float:left; position:relative; margin-left:2%;}
.subtopcon .searchbtn a{ cursor:pointer; display:block;height:40px; background:#7d7d7d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; width:100%; border:0;}
.subtopcon .searchbtn i{ font-size:20px; color:#FFF; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-11px;}
.subtopcon .form-control{ height:40px; line-height:40px;}
.subtopcon .selectlf>.form-control.right{ float:right; width:30%; color:#7d7d7d;}
.subtopcon .col-lg-6.selectlf{ padding-right:0; overflow:hidden;}

.khinfo .first-h{ overflow:hidden; margin:1px 0 1px 0;}
.khinfo .first-h h4{ float:left; margin-bottom:0; margin-right:3%; line-height:34px;}
.khinfo .first-h .contactfs{ float:left; margin-top:0;}

.clientlist{ overflow:hidden;border:1px solid #e1e1e1;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.clientlist:hover{ -moz-box-shadow: 2px 4px 3px #e9e9e9;-webkit-box-shadow: 2px 4px 3px #e9e9e9; box-shadow: 2px 4px 3px #e9e9e9; border-color:#ff8a23;}
.clientlist .col-lg-1{ text-align:center;}
.clientlist .col-lg-1:first-child{ padding:0;}
.clientlist .col-lg-11{ padding:20px ;}
.clientlist .col-lg-6{ padding-left:25px; padding-right:15px;}
.clientlist .col-lg-6 .circleportrait{ position:absolute;  top:50%; margin-top:-38px;}
.clientlist .col-lg-6 .khinfo{ padding-left:95px; float:none;}
.clientlist .yxstyle{ width:100%;top:0; left:0; font-size:20px; padding:0px 25%; color:#FFF; text-align:center;}
.clientlist .khinfo{ float:left;vertical-align:middle; margin-right:20px;}
.clientlist .col-md-6{ text-align:left; padding-left:25px;}
.clientlist .middle{ padding:30px 0; display:table-cell;}
.strong{border:1px solid #e1e1e1; }
.clientlist .operate{ text-align:right; padding-right:5px;}
.clientlist .operate a{ width:34px; display:inline-block;vertical-align:middle; text-align:center; margin:0px 5%;font-size:12px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.clientlist .operate i{ font-size:34px;}
.clientlist .operate i.icon-blockup{font-size:32px; margin-top: 3px;}
.clientlist .operate i.icon-bianji,.clientlist .operate i.icon-shan{margin-bottom: 2px;}
.clientlist .operate i.icon-icon2 {font-size:36px;  margin-bottom: -3px;}
.clientlist .operate i.icon-iconfontdaigoutong{font-size:32px; margin-top:4px;}
.clientlist .operate i.icon-wancheng{ margin-top:-2px;}
.clientlist span.rcolor{ display:inline-block; background:#ff525c; color:#fff; padding:0 5px;}
.clientlist em{ font-style:normal; font-weight:normal;}

.form-control{background: #fafafa; border: 1px solid #e1e1e1; border-radius:0px; line-height:30px; height:30px; padding-top:0; padding-bottom:0;}
.pagebot{ text-align:right; font-size:13px;}
.pagebot .form-control{margin:0 5px;}
.pageftdata{ display:inline-block; vertical-align:middle; margin-bottom:0;}
.pageftdata .form-control{ display:inline-block; width:60px;  padding-right:0px;}
.pagebot .teright{ text-align:right;}
.pagebot .table-control-item{ display:inline-block; vertical-align:middle; }
.pagebot .table-control-item .pagination{ margin:0;}
.pagebot .col-md-6{ line-height:30px;}

.pagination>li:first-child>a{ margin-right:7px;}
.pagination>li:last-child>a{ margin-left:7px;}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #ddd; width:30px; height:30px; text-align:center ; line-height:30px; padding:0;}
.table-control-item i{ font-size:20px; font-weight:bold; margin-top:-5px;color:#838181;}
.pagination>li>a{ border:none;    padding: 4px 10px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; font-size:13px;min-width:28px; height:28px;    color: #7d7d7d; cursor:pointer}
.pagination>li.active>a{ min-width:28px; height:28px; text-align:center; line-height:20px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.pagebot .pagebotlf{ float:left;}
.pagebot .pagebotrg{ float:right;}
.pagebot .pagebotml{ display:inline-block; width:200px; text-align:center;}
.pagebot .pagebotml .form-control{ width:85px;}

.clientlist.detail{border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; padding-top:15px; }
.clientlist.detail:hover{    border: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.clientlist.detail .col-zdy-6{ width:57%;padding-bottom:60px; min-height:210px;}
.clientlist.detail .col-zdy-3{ width:21.5%; float:left;}
.clientlist.detail .col-lg-6 .circleportrait { margin-top:0px; top:0;z-index:5}
.clientlist.detail .yxstyle{ height:65px; width:65px; padding:10px 10px; position:absolute; left:68px; top:142px; line-height:1.1em;}
.clientlist.detail .middle{ padding:30px 0; display:block;}
.clientlist.detail .col-lg-6 .khinfo {padding-left: 180px;float: none; margin-right:0;}
.clientlist.detail .khinfo .first-h h4{ float:none; margin-bottom:10px;}
.clientlist.detail .khinfo .contactfs p{margin-bottom:5px;}
.clientlist.detail .borderlr{ text-align:center;}
.clientlist.detail .borderlr .txt{    display: inline-block;vertical-align: middle;text-align: left;height: 40px;  padding: 2px 5px 0 8px;}
.clientlist.detail .borderlr .txt p.name {vertical-align: middle;color: #ff525c;font-size: 14px; max-width:100px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.clientlist.detail .operate{ padding-right:0;text-align:center;}
.clientlist.detail div .operate a{  margin: 0px; width:33.3%; float:left;}
.clientlist.detail .operate i{ display:block;}
.clientlist.detail .khinfo .contactfs p:first-child{ padding-right:30px;}

/*.clientlist.detail .middle{ min-height:151px;}*/
.posmabox{ position:relative; margin-bottom:15px;}
.posmabox .lf1{ height: 40px; display: block; line-height: 40px;position: absolute; left:0; top:0; color:#7d7d7d; font-size:14px;}
.posmabox .inbox{ padding-left:97px;position: relative; min-height:40px;}
.posmabox .inbox .textinput{ width:100%;}
.posmabox .inbox .posright{ position:absolute; right:10px; top:10px;color:#7d7d7d; }
.posmabox .inbox .posleft{ position:absolute; left:0px; top:2px;}
.posmabox .inbox .textinput.datetimepicker { -webkit-border-radius: 0px; -moz-border-radius:0px;border-radius: 0px;}
.posmabox .inbox .datetimepicker+i{pointer-events:none;}
.posmabox .inbox .datepicker+i{pointer-events:none;}
.posmabox .inbox .btn{ width:100%;}
.returnVisit{ margin-left:60px;}
.returnVisit ul li{ position:relative; padding-bottom:30px; padding-top:0px; padding-left:42px;}
.returnVisit ul li>div{ }
.returnVisit ul li.lastVisit{ padding-top:0; position:relative;}
.returnVisit ul li .btn-addVisit i{ font-size: 24px; margin-top: -4px;}
.laVisitcon{ background:#FFF; border-style:solid; border-width:1px; padding:25px; border-radius:5px;-moz-box-shadow: 2px 4px 3px #e9e9e9; -webkit-box-shadow: 2px 4px 3px #e9e9e9; box-shadow: 2px 4px 3px #e9e9e9; position:absolute; top:0; width:100%; background:#FFF; z-index:10; display:none;}
.retV{margin-left:60px; margin-bottom:20px;}
span.red{ padding:5px 5px 5px 0;}
.returnVisit ul li .lfwire{ position:absolute; top:4px; left:10px; border-left:1px solid #ebf0ee; height:100%;}
.returnVisit ul li .lfwire b{ display:block;width: 10px; height: 10px;background: #fff;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-width:2px; border-style: solid; margin-left:-6px;}
.returnVisit ul li.lastVisit .lfwire.themetxtcolor{border-left-width:1px; border-left-style:dashed; border-left-color:inherit; top:0;}
.submitblo{ text-align:right;}
.returnVisit ul li:first-child .lfwire b{ border-width: 5px; }
.returnVisit ul li textarea{height: 70px; line-height: 24px;padding: 10px;}
.submitblo{ text-align:right;}
.submitblo .btn{ padding:0 28px; color:#FFF;}
.submitblo .btn.btncancel{ border: 1px solid #e1e1e1;color: #7d7d7d; margin-left: 15px; background-color: #fff;}
.returnVisit ul li p{ margin-bottom:10px;}
.returnVisit ul li p .circleportrait{ margin-right:10px;}
.returnVisit ul li div.textinput{ font-size:12px; height:auto; padding:12px 18px; line-height:24px;}
.returnVisit ul li div.textinput:hover{box-shadow:none;}
.detailcon .backright{ position:absolute; right:0;height:100%; font-size:14px; width:80px; padding:0 25px;border-left: 1px solid #ebefee;}
.detailcon .backright a{ position:absolute; top:50%; margin-top:-60px; }
.detailcon .backright a b{ display:inline-block; width:20px; font-weight:normal;}
.detailcon .backright a i{ float:right; font-size:30px; color:#bfbfbf; margin-top:5px;}
.detailcon>.row{ padding-right:110px;}
.popover-content { padding: 12px 15px; font-family:'Microsoft YaHei';}
.popover-content>p{ line-height:1.6em; margin-bottom:10px;} 
.popover-content .btn{ width:80px; color:#fff; font-size:24px; line-height:inherit;}
.popover-content .btn.cancel{width:80px; border:1px solid #e1e1e1; color:#7d7d7d; margin-left:15px;}
.popover-content .btn i{ margin-top:-4px;}

/*.messagelist .phase h4{ overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;}*/

.messagelist .phase{ max-width:100%;}

/*弹窗--添加新用户*/
.cassel{ margin-left:-2%; overflow:hidden;}
.cassel select{ width:31.3%; margin-left:2%;  float:left;}
.cirlist{ overflow:hidden; float:left;margin-right:10px; border-color:#e1e1e1;}
.cirlist li{ float:left; margin-right:10px; border-width:1px; border-style:solid;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; overflow:hidden;}
.inbox .radio{ float:left;width:31.3%; margin-left:2%; }
.inbox .radio label{ padding-left:0; float:left;}
.addportraitbtn{ width:50px; height:50px;  border: 1px solid #e1e1e1; display:block; float:left; text-align:center; font-size:18px; background:#fafafa url(../images/addport.png) no-repeat center center;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;}

/*右侧模态框*/
.modal-right{position:absolute;right:0;top:0;height:100%;margin:0;border:none;width:50%;}
.modal-right .modal-dialog,.modal-right .modal-content{height:100%; margin:0;border-radius:0;}
.inmodal .close{position:absolute; right:35px; top:20px; display:block; width:40px; height:40px; background:url(../images/closebtn.png) no-repeat; opacity:1;transition: all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s; -moz-transition: all 0.4s;}
.inmodal .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.inmodal .modal-body {background:inherit;padding:10px 120px 30px 120px;}
.inmodal .modal-header {padding: 10px 15px;height:200px;border:none;text-align: center;}
.inmodal .modal-title {font-size: 26px;}
.inmodal .modal-icon {font-size: 180px;color: #e2e3e3;}



/*系统权限*/
.system_rolelist,.system_rolelist_f{ border:1px solid #e1e1e1; height:150px; font-size:14px; position:relative;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.system_rolelist_f.addsysrole{ border-style:dashed; background:#fcfcfc; text-align:center;}
.system_rolelist_f.addsysrole>a{ display:block; width:100%; height:100%;}
.system_rolelist_f.addsysrole i{ font-size:44px; display:block; padding-top:30px;}
.system_rolelist:hover{-moz-box-shadow: 2px 0px 4px #e9e9e9;-webkit-box-shadow: 2px 0px 4px #e9e9e9; box-shadow: 2px 0px 4px #e9e9e9; border-color:inherit; }
.system_rolelist_f:hover{-moz-box-shadow: 2px 0px 4px #e9e9e9;-webkit-box-shadow: 2px 0px 4px #e9e9e9; box-shadow: 2px 0px 4px #e9e9e9; border-color:inherit;}
.system_rolelist_f.themetxtcolor{}
.system_rolelist .rolescon{ overflow:hidden; padding:40px 25px; height:150px;}
.system_rolelist .rolescon>i{font-size:48px; float:left; color:#888888; opacity:0.85;}
.system_rolelist .rolescon>i.icon-clients{font-size:68px; margin-top:-10px;}
.system_rolelist .rolescon .txt{ float:right;text-align:right; color:#7d7d7d;}
.system_rolelist .rolescon .txt h3{ font-size:18px; }
.system_rolelist .rolescon .txt .gray{ font-size:12px; color:#bfbfbf; margin-top:3px;}
.system_rolelist .operate{ position:absolute; width:100%;  top:100%; height:60px; line-height:58px; border-top:1px solid #f0f0f0; border-width:1px; border-style:solid;box-sizing: content-box;left: -1px;  z-index:10;-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9; display:none;}
.system_rolelist:hover .operate{display:block}
.system_rolelist .operate a{ display:block;background:#fcfcfc; float:left; width:33.3%; text-align:center;}
.system_rolelist .operate a i{ font-size:20px; margin-right:5px;}
.system_rolelist .operate a i.icon-tianjiayonghu{ font-size:25px; }
.system_rolelist_f,.system_rolelist{ margin-bottom:25px;}
/*.innerpg .row.padding20{ padding-top:30px; padding-bottom:30px;}*/

.treemenu .icon-navplus,.treemenu .icon-navminus{ font-size:17px; width:17px; height:17px; display:inline-block;top:0px; background:#fff; position:relative; z-index:5; margin-right:8px;}
/*.treemenu .icon.icon-navplus{ top:2px;}*/
.selpermis{ padding-top:3px;}
.selpermis .checkbox{ display:inline-block; margin-right:15px; margin-top:0; margin-bottom:6px;}
.treemenu.nav>li>a,.treemenu.nav>li>a label {padding: 0px; font-size:14px; line-height:20px;}
.treemenu.nav>li>a:hover,.treemenu.nav>li>a:active,.treemenu.nav>li>a:focus{ background:none;}
.checkbox .active,.checkbox .active{ display:inline-block;}
.selpermis .checkbox label{padding-left:0px;cursor: pointer; line-height:20px;}
.selpermis .nav>li{ padding-bottom:7px;}
.treemenu.nav>li:before{ content:''; display:inline-block;position: absolute;top: 4px;left: 8px; border-left: 1px solid #e1e1e1; height: 100%;}
.treemenu.nav>li:last-child:after{ content:''; display:inline-block;position: absolute;top: 14px;left: 8px; border-left: 1px solid #fff; height: 100%;}
.selpermis .nav>li ul{ padding-left:60px; margin-top:8px;}
.selpermis .nav>li ul li{ float:left;}
.selpermis .nav>li ul li .checkbox label{ line-height:20px; color:#b4b4b4; font-size:14px;}


.selpermis.radiotree .nav>li ul{  margin-top:0px;}

/*组织机构*/
.newaddcom{  background: #fcfcfc;  border: 1px solid #e1e1e1;text-align: center;border-style: dashed;    font-size: 14px;position: relative;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s; min-height:50px; margin-bottom:20px; line-height:38px;}
.newaddcom:hover{ border-color:#ff8a23;}
.newaddcom a{ display:block; width:100%; height:100%;}
.newaddcom .icon-b_plus{ font-size:24px; padding:6px 0; margin-right:5px;}
ul.postgenre li{ margin-bottom:20px;}
.postlist{border: 1px solid #e1e1e1; padding:5px 20px; overflow:hidden; height:50px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.postlist:hover{ border-color:#ff8a23;}
.postgenre>li:hover .postlist{-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9;}
li:hover>.firstlevel .postlist{-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9;}
.postlist .operate{ margin-top:3px;transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s; display:none;color:#959595; float:right;}
.postlist:hover .operate{display:block;}
.postlist:hover .txtDescribe{display:none;}
.postlist.checked{border-color:#ff8a23!important;}
.postlist .operate i{ font-size:20px; padding:0 5px;}
.postlist .name{ float:left; line-height:40px; font-size:14px;color:#959595; margin-right:18px;}
.postlist .name.themetxtcolor{color:inherit;}
.postlist .subman{ color:#bfbfbf;}
.treemenu.nav>li:first-child:after{ content:''; display:inline-block;position: absolute;top: 0px;left: 8px; border-left: 1px solid #fff; height: 20px;}
.treemenu.nav .firstlevel{ padding-left:30px; position:relative;}
.treemenu.nav .firstlevel>.icon{ left:0px; position:absolute; top:14px;cursor:pointer;}
.treemenu.nav .firstlevel>.icon.icon-navplus{ left:0px; position:absolute; top:16px;}
.treemenu.nav .firstlevel .operate i{ font-size:20px; padding:0 5px; cursor:pointer;}
.treemenu.nav .icon-navminus:before,.treemenu.nav .icon-navplus:before {top: -0px;}
.treemenu.nav .firstlevel .icon-navminus:before,.treemenu.nav .firstlevel .icon-navplus:before {top: -3px;position: absolute;}
.organtree .nav>li{ padding-bottom:30px;}
.organtree .postlist .operate{ position:absolute; top:3px; right:20px; }
.organtree .postlist .txtDescribe{ position:absolute; top:5px; right:20px; display:block; line-height:40px; font-size:14px; color:#959595;}
.txtDescribe .overlypor{ float:left; margin-right:10px;}
.txtDescribe .overlypor li{ float:left; width:30px; margin-left:-11px;}
.txtDescribe .overlypor li img{ border:2px solid #fff;}
.txtDescribe .overlypor li:last-child img{ border:3px solid #fff;}
.organtree ul li ul.nav-second-level{ margin-left:22%;border: 1px solid #e1e1e1; border-top:none;padding-top:10px; position:relative; z-index:10; background:#FFF;transition:box-shadow .3s;-moz-transition:box-shadow .3s;-webkit-transition: box-shadow .3s; -o-transition: box-shadow .3s; display:none;}
.organtree ul li:hover ul.nav-second-level{-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9;  border-color:#ff8a23;}
.organtree ul li ul.nav-second-level .postlist{ border:none; position:relative;}
.organtree ul li ul.nav-second-level li:hover .postlist{-moz-box-shadow:none;-webkit-box-shadow:none; box-shadow:none;}
.organtree ul li ul.nav-second-level .newaddcom{ margin:10px; margin-top:0px;}
.organtree ul li ul.nav-second-level li{border-bottom: 1px solid #e1e1e1;}
.organtree ul li ul.nav-second-level li:last-child{border-bottom:none;}

/*组织机构弹出层*/
.mbtitle{ font-size:28px; text-align:center; padding-top:70px; margin-bottom:25px;}
.mbtitle span{display: block; margin:0 auto;width: 15px; height: 5px;margin-top:2px;}
.mbtitle p.sma{ font-size:14px;}
.modal-header.most{ height:auto;}
.modal-body.most{ padding:0px 50px;}
.modal-body.most .posmabox:last-child { margin-bottom:0; padding-bottom:35px;}


.dmleaguer{ border-top:1px solid #e1e1e1; padding:15px 0; margin-bottom:0;}
.dmleaguer.posmabox .inbox {padding-left: 125px;min-height: 40px;}
.dmleaguer .lf1{ top:25px; line-height:1.8em; padding:0 20px;}
.dmleaguer .lf1 i{ display:block; font-style:normal; color:#c6c6c6;}
.dmleaguer ul{ overflow:hidden;}
.dmleaguer ul li{ float:left; text-align:center; margin:10px 12px; width:60px;}

.dmleaguer ul.leader li img{ border:2px solid; /*border-color:#f39800;*/}
.dmleaguer ul.leader li.themetxtcolor img{ border:2px solid; border-color:inherit;}
.dmleaguer ul li p.name{ font-size:14px; margin-top:5px; color:#7d7d7d;}
.dmleaguer ul li p.post{ color:#b2b2b2;}
.dmleaguer ul.leader li p.post{ font-size:12px;/*color:#f39800;*/}
.dmleaguer ul li.themetxtcolor p.post{ font-size:12px;color:inherit;}

.md_memberbox ul{ overflow:hidden;}
.md_memberbox ul li{ width:100px; height:170px; float:left; margin:0 10px; text-align:center;}
.md_memberbox ul li .memlist{ width:100px; height:145px; overflow:hidden;text-align:center; padding-top:14px; border:1px solid #fff; cursor:pointer; position:absolute;}
.md_memberbox ul li .memlist.checked{border-color:#ff8a23}
.md_memberbox ul li:first-child{ padding-top:0;}
.md_memberbox ul li:first-child .newaddcom{ height:125px;}
.md_memberbox ul li:first-child .newaddcom .icon-b_plus{ display:block; padding-top:32px; padding-bottom:0;line-height:1.2em; }
.md_memberbox ul li p.name{ font-size:14px; line-height:1.3em; margin-top:8px;  white-space:nowrap;}
.md_memberbox ul li p.post{ color:#b2b2b2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.md_memberbox ul li a i{ font-size:22px;}
.md_memberbox ul li a i.icon-manager{ font-size:19px;}
.md_memberbox ul li a i.icon-user-check{top: 3px; position: relative;}
.md_memberbox ul li a.seedetail{ opacity:0; -moz-opacity:0;filter: alpha(opacity=0);}
.md_memberbox ul li:hover .memlist{ height:165px;-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9;border-color:#ff8a23;}
.md_memberbox ul li .themetxtcolor.memlist{border-color:inherit;}
.md_memberbox ul li:hover a.seedetail{opacity:1; -moz-opacity:1;filter: alpha(opacity=100); transition: all .3s;-moz-transition:  all .3s;-webkit-transition:  all .3s;-o-transition:all .3s;}
.md_memberbox ul li .checked i.sel,.md_setpostbox ul li .checked i.sel{color:#ff8a23; display:inline-block;position:absolute;right:-2px;top: -9px;background-position:center 56px;background-repeat:no-repeat;width:0px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 13px solid;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.md_memberbox ul li .checked i.sel:after,.md_setpostbox ul li .checked i.sel:after{content:'';display:block;width: 12px;height: 8px;background-image:url(../images/sma_sel.png);position:absolute;top: -4px;left: -14px;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.md_setpostbox ul li{ margin-bottom:20px; position:relative;}
.md_setpostbox ul li .postlist .name.themetxtcolor{ color:inherit;}
.md_setpostbox ul li:hover .postlist{-moz-box-shadow: 2px 4px 4px #e9e9e9;-webkit-box-shadow: 2px 4px 4px #e9e9e9; box-shadow: 2px 4px 4px #e9e9e9;}
.md_setpostbox ul li .postlist.themetxtcolor{ border-color:inherit;}

.inbox .noinptxt{ line-height:40px; font-size:14px; text-indent:8px;}
.mdpostname { padding-top:8px;}
.mdpostname .boxti{ display:inline-block;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px;    padding: 2px 10px; font-size:14px; margin-right:5px;}
.mdpostname .boxti .icon{ font-size:20px; line-height:1em; margin-left:-2px;}
.mdpostname>div{ margin-top:4px;}
.graywire{ border-color:#d8d8d8;}

.dmleaguer.most{ border-top:none; padding:0;}
.dmleaguer.most ul.leaderonly li.themetxtcolor img{ border:2px solid; border-color:inherit;}
.dmleaguer.most .inbox{ padding-left:85px;}
.dmleaguer.most .lf1{ top:0; line-height:40px; padding:0;}
.dmleaguer.most .inbox .noinptxt{ line-height:28px; margin-top:7px;}

.nav-third-level{ padding-left:50px; display:none;}
.nav-third-level .nav-third-level{padding-left:35px;}
.nav-third-level li{ position:relative;}
.nav-third-level li:before{ content:''; display:inline-block;position: absolute;top: 0px;left:-16px; border-left: 1px solid #e1e1e1; height: 100%;}
.nav-third-level li:first-child:before{ content:''; display:inline-block;position: absolute;top:0px;left:-16px; border-left: 1px solid #fff; height:23px;}
.nav-third-level li:first-child:after{ content:'';  display:inline-block;position: absolute;top: 0px;left:-16px; border-left: 1px solid #e1e1e1; height: 100%;}
.nav-third-level li:last-child:after{ content:''; display:inline-block;position: absolute;top: 28px;left:-16px; border-left: 1px solid #fff; height:100%; }
.nav-third-level .postlist{ padding-left:0; overflow:visible;}
.nav-third-level p.name{ position:relative;}
.nav-third-level p.name>i.dot{ position:absolute; top:50%; margin-top:-2px; left:-18px; width:5px; height:5px; background:#898989;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; }
.nav-third-level p.name>i.icon{ position:absolute; top:50%; margin-top:-8px; left:-24px;  line-height: 1em;}



/*销售管理*/

.phase h4{font-size: 18px; margin-bottom:6px;}
.phase p{margin-bottom:15px;}
.phase .remark{ margin-top:8px;margin-bottom:-3px;}
.state{ color:#FFF; line-height:1em; padding:2px 4px;}
p .state{ margin-right:25px;}
.clientlist .col-lg-5 .middle.comleft{ padding-left:15px;}
.remark{ display:inline-block; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:1px solid #e1e1e1; padding:3px 12px; background:#fafafa;}
.inlinetxt{ display: inline-block; vertical-align: middle; padding:0 5px;}
.clientlist .col-lg-3 .operate a{ margin:0 6%;}

.clientlist.orddetail{ border: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding-top: 15px;}
.clientlist.orddetail .col-lg-6{ padding-left:15px;}
.clientlist.orddetail .col-lg-6 .circleportrait {position:relative; top:0;margin-top:0px;}
.clientlist .col-lg-6 .middle.comleft .circleportrait { float:left; margin-right:18px; margin-top:3px;}
.clientlist .middle.comcenter .txt{ margin-top:5px; margin-bottom:4px;}
.clientlist.orddetail .middle{ padding:0px 0;}
.khinfo.phase .contactfs{ margin-bottom:3px; line-height:30px; margin-left:-5px;}
.clientlist.orddetail .phase .remark{ margin-bottom:2px;}
.detailcon .billcon{ padding-top:30px;}
.billcon .title{ padding:23px 23px; line-height:18px; border:1px solid #ebf0ee;border-top-color:inherit; margin-bottom:0;}
.billcon .title span{ position:relative; width:5px; height:16px; margin-top:0px; vertical-align:middle; margin-right:8px;}
.porname{ display:inline-block; vertical-align:middle; margin-left:15px;}
td.comright .amountnum{ padding:5px 0;}
.pgftbigbtn{ margin:30px 0;}
.pgftbigbtn .btn{ width:49%; float:left;}
.pgftbigbtn .rgsecbtn{ margin-left:2%;}
.clientlist>.col-lg-4:first-child .middle.comleft{ padding-left: 15px;}
.fullprogbox .p1{font-size: 18px;}
.orddetail .comleft .progress{ width:75%; margin-top:6px; margin-bottom:8px;}
.detext p{ line-height:1.8em; }
.detext .b1{ font-size:26px; margin-bottom:3px;font-family:Arial, Microsoft YaHei;}
.detext .s2{ color:#bfbfbf;}
.taskrank{ padding:0 15px; position:relative;overflow: hidden; border-top:1px solid #e3e3e3; padding-top:30px; border-bottom: 1px solid #e3e3e3; padding-bottom: 30px;}
.taskrank .title{ position:absolute; left:15px; top:50%; margin-top:-17px;}
.taskrank .wrappie{ position:relative;}
.taskrank .rankchart{ position:relative; padding-left:120px;padding-right:80px;}
.rankchart .piecount{ display:inline-block; width:88px; height:88px;}
.rankchart .txt{width:90px; position:absolute;top:50%; margin-top:-35px; left:80px;}
.detailcon .rankchart .row{ padding-right:0;}
.taskrank .moreEllipsis{ position:absolute; right:2%; top:50%; margin-top:-17px;}
.taskrank .moreEllipsis i{ font-size:36px; color:#c1c0c0;}
.stnd{ color:#f39800;}


.halfinbox{ width:46%; float:left;position: relative;}
.hfblank{ width:8%; line-height:40px; float:left; text-align:center;}
.goalbox{ border:1px solid #e1e1e1; padding:15px 15px 15px 20px;}
.goalbox>p{margin-bottom:15px; padding-left:50px;}
.goalbox .goalli{position: relative; padding-top:16px; height:40px; margin-bottom:15px;}
.posmabox .inbox .textinput.smawid{ width:80px; right:0; top:0;text-align:center;}
.posmabox .inbox .tarslider{ margin-left:55px; margin-right:105px;}
.subtopcon .col-lg-6.comright .btn{ display:inline-block; margin-left:8px;}

/*消息管理*/
.messagelist{ position:relative;}
.messagelist.themetxtcolor{ border-color:inherit;}
.messagelist .row.paddlf{ padding-left:80px;}
.messagelist .colsel{ position:absolute; width:90px; text-align:center; height:40px; top:50%; margin-top:-20px;}
.messagelist .colsel .checkbox{ display:inline-block;}
.colsel .checkbox label,.colsel .radio label{ padding-left:0;}
.phase p.f14{ font-size:14px; color:#afaeae;}
.messagelist .time{ color:#afaeae;}
.messagelist.Read{ height:57px;}
.messagelist.Read .phase h4{ font-size:14px; margin:8px 0; }
.messagelist.Read .operate{ padding-right:20px;}
.messagelist.Read .operate a { white-space: nowrap;}
.messagelist.Read .operate i{ font-size:22px; padding-right:5px;}
.messagelist.Read .operate i.icon-icon2{ font-size:24px;}
.messagelist.Read .middle{ padding:10px 0;}
.messagelist .inlinetxt{color: #7d7d7d;}
.messagelist.Read>.row>.col-lg-5{ overflow:hidden;}

.inmodal .messhead {background:inherit;padding:10px 120px 0px 120px; text-align:left; height:auto; margin-bottom:14px;}
.inmodal .messhead .mbtitle{text-align:left; margin-bottom:18px;}
.inmodal .messhead .mbtitle span{ margin:0;}
.inmodal .messhead .submessti{ padding-bottom:15px; border-bottom:1px solid #e1e1e1;}
.inmodal .messhead .submessti>img{ margin-right:4px;}
.messcontxt p{ font-size:14px; line-height:1.8em;}
.messcontxt .operate{ overflow:hidden; margin-top:15px;}
.messcontxt .operate a{ display:block; background-color:#fafafa; width:100px; padding:15px 33px; float:left; margin-right:1px; text-align:center; line-height:2em;}
.messcontxt .operate a i{ font-size: 34px; margin-bottom:4px;line-height:1em;}

.subtopcon .meselbox{ float: left;display: block;width:200px; margin-right:5px;}
.subtopcon .col-lg-12.comright .btn {display: inline-block;margin-left: 8px;}

/*员工*/
.clientlist .operate.moretxt a{width: auto; margin: 0 4%;}
.clientlist .operate.moretxt a i{ display:block;height: 50px;}
.clientlist .posleft{ position:absolute; left:20px; top:50%; margin-top:-38px;}
.clientlist .paddlf{ padding-left: 100px;}

.icirbox.personal{ height:150px; position:relative; padding:0 8px;}
.icirbox.personal .row{ margin:0 5px;margin-top:10px;}
.icirbox.personal .piecount{ width:90px; height:90px; position:absolute; right:0px; top:20px;}
.icirbox.personal .txt{ padding-right:100px;}

.phase.paddlf .btn-addevent{ margin-top:8px;}
.phase.paddlf .btn-addevent i{ font-size:20px; padding:0 8px 0 2px;}

.hmmidcon .posmabox { margin-bottom:20px;}
.hmmidcon .posmabox .inbox {padding-left:95px;}
.posmabox .inbox .inlinetxt{ font-size:14px;}
.posmabox .filepropic{ float:left; margin-right:16px;width:200px; text-align:center; padding:8px 0;}
.posmabox .file {display:inline-block; margin-left:0px; float:left; position: relative; cursor:pointer;height:40px;line-height:40px; font-size:14px; padding:0 14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; text-align:center; color:#FFF; background:#959595; overflow: hidden;color: #fff; float:left; }
.posmabox .file input { position: absolute;right: 0;top: 0; opacity: 0;filter:alpha(opacity=0); cursor:pointer; height:40px}
.posmabox p.clear{ font-size:13px; padding-top:5px; color:#c0c0c0;}
.posmabox .marginrg{ margin-right:225px; max-width:270px; position:relative;}
.posmabox .marginrg .btn{ margin-top:10px;}
.posmabox .marginrg .customcpiece{position:absolute; right:6px; top:6px; display:block; width:28px; height:28px; background:transparent; pointer-events:none}
.posmabox .inbox ul.toggle{ width:210px; height:36px; overflow:hidden; position:absolute; top:0; right:0;margin:0 5px; margin-top:2px;}
.posmabox .inbox ul.toggle li{ width:36px; height:36px; float:left; margin:0px 3px; cursor:pointer; position:relative;}
.posmabox .inbox ul.toggle li a{ display:block;width:36px; height:36px;}
.posmabox .inbox ul.toggle li .iconfont{ position:absolute; top:0; left:0; z-index:10; display:block;width:36px; height:36px; font-size:28px; color:#FFF; text-align:center;}
.posmabox .inbox ul.selbox li{ border:1px solid #e1e1e1; display:inline-block; width:141px; height:50px; color:#7d7d7d; font-size:14px; line-height:50px; text-align:center; margin:0 5px; position:relative; cursor:pointer;}
.posmabox .inbox ul.selbox li.themetxtcolor{ color:#ff8a23; border-color:#ff8a23;}
.posmabox .inbox ul.selbox li i.sel{color:#ff8a23; display:inline-block;position:absolute;right:-2px;top: -9px;background-position:center 56px;background-repeat:no-repeat;width:0px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 13px solid;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.posmabox .inbox ul.selbox li.checked i.sel:after{content:'';display:block;width: 12px;height: 8px;background-image:url(../images/sma_sel.png);position:absolute;top: -4px;left: -14px;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.padwire{ border-top:1px solid #e1e1e1; margin:50px 0;}
.cpadrg{ padding-right:35px;}
.cpadlf{ padding-left:35px;}

.nav-second-level>li>.postlist p.name{ position:relative; padding-left:26px; cursor:pointer;}
.nav-second-level>li>.postlist p.name>i.icon { position: absolute;top: 50%;margin-top: -8px;left: 0px;line-height: 1em;}

.selpermis .radio { display: inline-block;  margin-right: 15px; margin-top:0;  margin-bottom:0px;}
.inbox.selpermis .radio{ float:none; width:auto; margin-left:0;}
.inbox.selpermis>ul>li a .radio{ padding-top: 4px;}
.radiotree.selpermis .nav>li ul li{ float:none; margin-bottom:3px;    padding-bottom:2px;}
.radiotree.selpermis .nav>li ul{ padding-left:40px;}
#mntreemenufabric .firstlevel>.icon-navminus:before {top:-1px;position: absolute;}
.classfiy.organtree ul li ul.nav-second-level{ padding-top:0;}


.treeDiv {z-index:999999;padding-right:95px;top:0;position:absolute; width:100%;}
.treeDiv .selpermis{ border: 1px solid #e1e1e1;background: #fff;display: block; width:100%;padding:16px; max-height:360px; overflow:auto}
.treeDiv .selpermis .checkbox{ float:none; width:auto; margin-left:0; margin-bottom:2px;}
.treeDiv .selpermis>ul>li a .checkbox{ padding-top: 3px;}
.treeDiv .selpermis .nav>li ul li{ float:none; margin-bottom:3px;    padding-bottom:2px;}
.treeDiv .selpermis .nav>li ul{ padding-left:45px; margin-top: 0px;}
 




/*登录页*/
.login_main_div{ width:450px; height:410px;position:absolute;left:50%; top:200px; margin-left:-225px; border-top-width:5px; border-top-style:solid; background:#FFF;-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.15);-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.15); box-shadow: 2px 4px 3px rgba(0,0,0,0.15); border-color:#ff8a23;}
.login_main_div h2{ height:115px; margin:10px 0; line-height:115px; font-size:32px; color:#676767; text-align:center; letter-spacing:1px;}
.login_main_div .loginbox{ position:relative;}
.login_main_div .loginbox .error_tip{left:30px; bottom:22px; padding-left:5px; line-height:20px; color:#f05033;}
.login_main_div .loginbox ul{width:350px; margin:0 auto; }
.login_main_div .loginbox ul li{ margin-bottom:15px;overflow:hidden; position:relative;}
.login_main_div .loginbox ul li span{ position:absolute; left:0; top:0; line-height:40px; color:#7d7d7d; width:70px; text-indent:15px; font-size:15px;text-align:justify;}
.login_main_div .loginbox ul li .ib{ display:block;background:#FFF; border:none;font-size:15px; line-height:40px;  color:#000;width:100%; height:40px;background:#FFF;  border:1px solid #d9d9d9; padding-left:70px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.login_main_div .loginbox ul li .submitbtn{border:none;color:#FFF; width:100%; height:45px; line-height:45px;border-radius:5px;-webkit-border-radius:5px; cursor:pointer; margin-top:15px; font-size:15px;-webkit-appearance: none;} 

.inbox .shtxt span{ line-height:24px; padding:8px 0; font-size:14px; display:inline-block;}
.inbox .ineditor{ padding-left:5px;}


.radiotree .inbox.selpermis .radio{vertical-align: middle;}

.noticedetail{ padding:15px;}
.noticedetail .mbtitle{ padding-top:0; margin-bottom:18px; font-size:20px;}
.noticedetail .submessti{text-align:center;}
.noticedetail .remask{ padding:8px 0; text-align:center;}
.noticedetail .messcontxt{ padding-top:12px;}
.noticedetail .messcontxt p{ text-indent:2em; padding-bottom:3px;}
.noticedetail .messcontxt p>img{ display:block; margin:0 auto;}

.subtopcon .selectlf .textinput{ margin-right:-1%;}
.subtopcon .only{ width:265px;}
.subtopcon .only .rl{ width:200px; margin-left:0; margin-right:15px;}
.subtopcon .only .searchbtn{ width:50px; margin-left:0;}


.addportraitbtn{ margin-right:15px; cursor:pointer;}
.addportraitbtn+span { line-height:48px!important;}
.noticelb{ padding-top:28px;}
.noticelb>.messagelist{ margin-bottom:25px;}
.posmabox .inbox .btn.bwauto{ width:auto; outline:none;}
.posmabox .inbox .btn.bwauto .icon-jiahao{ font-size:28px;margin-top: -4px;width: 20px;text-indent: -4px;}


.pagebot .pagebotml{ vertical-align:middle;}
.clientlist .col-lg-6+.col-lg-1 .circleportrait{ margin-top:5px; margin-bottom:5px;}
.khinfo .first-h .contactfs p{line-height: inherit;}

.md_memberbox>div>div{ font-size: 18px;text-indent: 8px;margin-bottom: 10px;}
.postlist .operate i.icon-clients{ font-size:28px;}

.select2-container--default .select2-selection--single {  background: #fafafa!important;border: 1px solid #e1e1e1!important;
line-height: 40px!important; height: 40px!important;padding: 0 10px;color: #7d7d7d;font-size: 14px;transition: all .3s; -moz-transition: all .3s;-webkit-transition: all .3s;
-o-transition: all .3s;-moz-border-radius: 0px!important;-webkit-border-radius: 0px!important;border-radius: 0px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px!important; }
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 7px!important; right: 4px!important; }

.file-preview-frame, .file-preview-image, .file-preview-other{height: auto!important; vertical-align: middle; max-width: 100%; max-height: 100%;width: auto;}
.file-preview-frame{border: 1px solid #e1e1e1!important;box-shadow: 1px 1px 2px 0 #ccc!important;}

.padding20.personal{ padding-top:28px; }

#dTreeMenuContent .radio label{ padding-left:0;}
#dTreeMenuContent .treemenu li ul li .icon-navplus, .treemenu li ul li .icon-navminus{    top: -3px;}
#dTreeMenuContent .selpermis .nav>li ul li:first-child{ padding-top:4px;}

/*重置密码页*/
.rest_main_div{ width:450px; height:410px;position:absolute;left:50%; top:200px; margin-left:-225px; border-top-width:5px; border-top-style:solid; background:#FFF;-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.15);-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.15); box-shadow: 2px 4px 3px rgba(0,0,0,0.15); border-color:#ff8a23;}
.rest_main_div h2{ height:115px; margin:10px 0; line-height:115px; font-size:32px; color:#676767; text-align:center; letter-spacing:1px;}
.rest_main_div .restbox{ position:relative;}
.rest_main_div .restbox .error_tip{left:30px; bottom:22px; padding-left:5px; line-height:20px; color:#f05033;}
.rest_main_div .restbox ul{width:350px; margin:0 auto; }
.rest_main_div .restbox ul li{ margin-bottom:15px;overflow:hidden; position:relative;}
.rest_main_div .restbox ul li span{ position:absolute; left:0; top:0; line-height:40px; color:#7d7d7d; width:80px; text-indent:15px; font-size:15px;text-align:justify;}
.rest_main_div .restbox ul li .ib{ display:block;background:#FFF; border:none;font-size:15px; line-height:40px;  color:#000;width:100%; height:40px;background:#FFF;  border:1px solid #d9d9d9; padding-left:80px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.rest_main_div .restbox ul li .submitbtn{border:none;color:#FFF; width:100%; height:45px; line-height:45px;border-radius:5px;-webkit-border-radius:5px; cursor:pointer; margin-top:15px; font-size:15px;-webkit-appearance: none;} 


@media (max-height: 780px){
 .login_main_div{ top:150px;}
}


@media (min-width: 580px){

.subtopcon .stashl.selectlf>.form-control.right{ margin-left:3%; width:27%;}
}


@media (min-width: 768px){

.leftsidebar{ width:225px;}
.subtitle{ font-weight:lighter;}

}
@media (min-width: 1100px){

 .icirbox .row .col-lg-5{ padding:5px;}

}

@media (min-width: 1200px){
 .piecol{ height:300px;}
 .icirbox .row .col-lg-5{ padding:5px;}
  .clientlist.orddetail .operate a { margin:0 8%;}
  

}
@media (min-width: 1370px){

.paddingtb40{ padding:30px 0;}
.paddtb10lr40{ padding:10px 30px;}
.icirbox .txt h4{ margin-top:7px;}
.taskrank .rankchart{ padding-left: 130px;}
 

}


@media (min-width: 1600px){
 .padding20{ padding:20px;}
 .paddingtb40{ padding:40px 0;}
 .paddtb10lr40{ padding:10px 40px;}
 .icirbox .txt{ padding-top:20px;}
 
  .col-ccl-6{ width:50%}
  .icirbox .row .col-ccl-6{ padding:12px 18px; padding-left:25px;padding-right:0;}
  .icirbox .row .col-ccl-6.txt{padding-right:0;}
  .icirbox .row{ margin-bottom:0;}
  
  .icirbox .txt h4{ margin-top:10px;}
  .hmmidcon .khinfo .contactfs a{margin: 0 7px;}
  
  .clientlist .yxstyle{ padding:0px 30%;}
  
  .clientlist .col-lg-6{ padding-left:32px; padding-right:15px;}
  .clientlist .col-lg-6 .khinfo{ padding-left:100px; float:none;}
  .clientlist .operate {padding-right: 20px;}
  .modal-body.most{ padding:0px 80px;}
  .clientlist .col-lg-5 .middle.comleft{ padding-left:25px;}
  .clientlist>.col-lg-4:first-child .middle.comleft{ padding-left: 25px;}
  .rankchart .piecount{ display:inline-block; width:90px; height:90px;}
  .rankchart .txt{width:110px; left:100px;}
  .taskrank .rankchart{ padding-left: 160px;}
  
  .icirbox.personal .piecount{ width:110px; height:110px;right:10px;}
  .icirbox.personal .txt{ padding-right:130px;}
  
  .posmabox .inbox ul.toggle{ right:auto; left:365px;}
  
}

@media (min-width: 1800px){
  .padding20{ padding:20px;}
  .col-ccl-6{ width:50%}
  .icirbox .row .col-ccl-6{ padding:10px 20px;}
  .icirbox .row .col-ccl-6.txt{padding-right:0;}
  .piecount {width: 80%;}
  .rankchart .piecount{ display:inline-block; width:100px; height:100px;}
  .icirbox.personal .row .col-ccl-6.txt{padding-left:20px;}

}
@media (max-width: 1370px){

   .taskrank .row .col-lg-3:nth-of-type(4){ display:none;}
   .taskrank .row .col-lg-3{width:33.3%; padding-left:4%;}

}

@media (max-width:1200px){
	.piecount{max-width: 180px;}
	.piecount canvas{max-width: 180px; max-height: 180px;}
	.icirbox .row .txt{ margin-top:25px;}
	.icirbox .row { margin-bottom: 15px;}
	.subtopcon .col-lg-6.selectlf{ padding-right:0; float:left;}
	.subtopcon .col-lg-6.selectlf .form-control{ min-width:160px;}
	
	.clientlist .col-lg-1:first-child{ text-align:left;}
	.clientlist .yxstyle{ width:110px; padding:3px 8px; display:inline-block; }
	.clientlist .col-lg-6 .middle{ padding:20px 0;}
	.clientlist .col-xs-3 { padding-left: 8%;float:right;} 
	.clientlist .operate{text-align: left;}
	.clientlist{ padding-bottom:15px;}
	.clientlist .middle{ padding:20px 0;}
	.clientlist .yxstyle .middle{ padding:0px 0;}
	.clientlist.detail .col-zdy-6{ width:100%;padding-bottom:60px; min-height:190px;}
    .clientlist.detail .col-zdy-3{ width:50%; float:left;}
	.clientlist.detail .col-zdy-3.xsright{float:right;}
	.clientlist.detail .yxstyle{ width:auto; white-space:nowrap; height:auto; padding:2px 10px;top: 150px; left:45px;}
	.addusercon .admiddlecon>.icon{ font-size:140px; margin-left:-70px;}
	.modal-right .modal-body{ padding:10px 50px 30px 50px;}
	.inmodal .messhead {padding:10px 50px 0px 50px;}
	
	
	
	.clientlist{ position:relative;}
	.clientlist .rgbotcol{ position:absolute; bottom:30px; right:0px;}
	.clientlist.orddetail .rgbotcol{bottom:0px;}
	.clientlist.orddetail .middle .amountnum{ margin-top:15px;}
	.clientlist.orddetail .col-mzdy-3{ width: 30%; position: absolute; right: 0;top: 40px; padding-left: 0;  padding-right: 0;   }
	.clientlist.orddetail .col-mzdy-3 .operate{text-align: right;}
	.taskrank .row .col-lg-3.col-xs-6{ width:50%;}
	.orddetail .comleft .progress{ width:70%; margin-top:14px; margin-bottom:14px;}
	
	.messagelist .time {text-align: left; text-indent: 15px;}
	.messagelist.Read .operate{ margin-top:-5px;}
	.messagelist.Read .rgbotcol {bottom: 18px;}
	
	.subtopcon .stashl.selectlf .form-control{ min-width:auto}
	.icirbox.personal{ margin-top:60px;margin-left:25px;}
	.col-lg-3.borderlrd{ border:none;}
	.icirbox.personal .piecount{ width:110px; height:110px;right:10px;}
        .icirbox.personal .txt{ padding-right:130px; padding-top:32px;}
	
	.messagelist.Read{ height:auto;}
	
	
    .cpadrg{ padding-right:15px;}
    .cpadlf{ padding-left:15px;}
	.cpadrg.border-right{ border:none; padding-bottom:30px;}
	.posmabox .inbox ul.toggle{ right:auto; left:365px;}
	
	.subtopcon .selectlf .textinput{ width:130px; margin-bottom: 10px;}
	
	
}
@media (max-width: 1000px){   

    .pagebot .pagebotrg{ width:100%; text-align:center; margin-top:20px;}
    .modal-right{ width:70%;}
	.subtopcon .col-lg-6.selectlf .form-control{ margin-bottom:20px;}
	.clientlist.orddetail .border-right{ border-right:none;}
	.taskrank .row .col-lg-3.col-xs-6{ width:100%;}
	.clientlist .col-lg-5 .middle.comleft{ padding-right:15px;}
	
	.messagelist .col-lg-5 + .col-lg-2 .middle.comcenter{ padding:0;}
	
	.subtopcon .stashl.selectlf{ width:100%; padding-right:15px;}
	
	
	
}

@media (max-width: 900px){   
	 .posmabox .inbox ul.toggle{ left:auto; right:0px;}
}
@media (max-width: 850px){   

     .subtopcon .meselbox{ width:120px;}


}
@media (max-width: 768px){
	body{ font-size:13px;}
	.circleportrait+p{font-size:12px;}
	.header .form-search{ float:right; margin-right:20px; margin-left:10px;}
	.btn-primary{ display:inline-block; position:absolute; left:25px; top:76px;}
	.btn-primary .fa-bars{ font-size:34px;}
	.page-wrapper{margin-left: 0px;}
	.leftsidebar>ul.nav>li>ul{display: block;}
	.body-small .leftsidebar{display: none;width:60px; z-index:100;}
	.body-small.mini-navbar .leftsidebar{display: block;width:60px;}
	.nav>li>a{ padding:15px;}
	
	.leftsidebar>ul.nav>li ul li a { white-space: nowrap; padding-left:25px;}
	.leftsidebar>ul.nav>li ul{ position:absolute; top:-1px;left:100%; background:#FFF; display:none;box-shadow: 2px 2px 1px #d0d0d0;
    -webkit-box-shadow: 2px 2px 1px #d0d0d0;
    -moz-box-shadow: 2px 2px 1px #d0d0d0; border-top:1px solid #ebefee; border-right:none; height:auto!important;}
	.leftsidebar>ul.nav>li ul li{background:#FFF;}
	.leftsidebar>ul.nav>li>a{ width:100%; margin:0;text-align: center;}
	.leftsidebar ul.nav a i{ margin-right:0;}
	.navbar-top-links .usertopinfo p.name{ max-width:100px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
	.col-lg-3.paddtb10lr40.border-right{ border-right:none;}
	.icirbox .row .txt{ margin-top:0px; margin-bottom:15px;}
	.icirbox .row{ margin-bottom:12px;}
	.hmcustom .firstyx .operate a{ border-bottom:none;}
	.clientlist.detail .yxstyle{ top:158px;}
	.clientlist.detail .col-zdy-6{ padding-bottom:0px; padding-left:20px; padding-right:0;}
	
	.subtopcon .col-lg-6.selectlf{ padding-right:18px; float:none;}
	
	.detailcon .backright{ position:relative; left:0; background:#fff;  width:100%;}
	.detailcon .backright a{ position:absolute; top:0%; margin-top:0px; }
	.detailcon .backright a b{width:100px; line-height:45px;}
	.detailcon .backright a i{ float:left; font-size:24px; color:#bfbfbf; margin-top:13px; margin-right:7px; transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
	.detailcon .row{ padding-right:25px;}
	.clientlist.detail{ padding-top:35px;}
	.modal-right{
      width:100%;
    }
	.addusercon{position: fixed;width:100%;height:100%; right:-100%; background:#FFF; z-index:100;top:0;}
	
	.laVisitcon{ width:93%;}
	.system_rolelist { height:210px;border: 1px solid #e1e1e1;}
	.system_rolelist:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border: 1px solid #e1e1e1;}
	.system_rolelist .operate{ position:relative; width:100%; top:auto; display:block; border: 1px solid #e1e1e1;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	

	.selpermis .icon{ font-size:20px; width:20px; height:20px; display:inline-block;top:1px; background:#fff; position:relative; z-index:5; margin-right:8px;}

	.selpermis>.nav>li:before{left: 10px; }
	.selpermis>.nav>li:last-child:after{left: 10px; }
	
	.dmleaguer.posmabox .inbox {padding-left: 85px;min-height: 40px;}
	.dmleaguer .lf1 {padding: 0 10px; max-width:90px;}
	
	.postlist .operate{ display:block;}
	.organtree .postlist .operate{ position:relative; padding-bottom:4px; margin-top:0; right:-5px; width:100%; text-align:right; top:0;}
	.organtree .postlist { height:auto;}
	.organtree .postlist .name{ width:100%;}
	.organtree .postlist .subman{ width:auto;}
	
	.subtopcon .graybgcol{ margin-bottom:20px;}
	
	.phase .remark,.phase p,.inlinetxt{ font-size:12px;}
	.clientlist .operate.wp100{ margin-top:10px;}
	.clientlist .operate.wp100 a{ width:33.3%; display:block; float:left; margin:0;}
	.clientlist .operate.wp100 a .icon{display:block; margin:0;}
	
	.taskrank .title{ position:relative; width:100%; left:0; right:auto; margin-bottom:25px;}
	.taskrank .moreEllipsis{position:relative; width:100%; left:0; right:auto; text-align:center; height:30px; line-height:30px; margin-top:-10px;}
	
	.taskrank .rankchart{ padding-right:0; padding-left:20px;}
	.rankchart .piecount{ }
	.taskrank .row .col-lg-3.col-xs-6{ width:50%;}
	.taskrank .row .wrappie{width:240px; margin:0 auto; margin-bottom:20px; }
	.rankchart .piecount{ width:105px; height:105px;}
	.rankchart .txt{ left:120px; width:110px;}
	.taskrank .row .col-lg-3.col-xs-6{ width:100%; padding-left:15px;}
	
	.khinfo .contactfs{ margin-left:-6px;}
	.clientlist .operate.moretxt a { margin: 0%;width: 20%;float: left;}
	.clientlist .col-lg-7 .khinfo.phase p .blank{width: 50%;float: left; margin-bottom:3px;}
	.clientlist .col-lg-7 .khinfo.phase p .blank.behind{ margin-left:0;}
	.clientlist .col-lg-7 .khinfo.phase p .blank:last-child{width: 100%;}
	
	
	.col-lg-3.borderlrd{ border-top:#e1e1e1 solid 1px; margin-top:18px;}
	.col-lg-3.borderlrd .icirbox.personal{ margin-top:8px; margin-left:inherit;}
	
	.clientlist.detail .col-lg-6{ padding-left:0px; padding-right:0;}
	.clientlist.detail .posleft{ left:5px;}
	
	.clientlist.detail .col-lg-6 .khinfo.paddlf{ min-height:150px;}
	
	.subtopcon .meselbox{ width:155px; margin-right:3px;}
	
	.organtree.classfiy .postlist .name{ width:auto; margin-right:75px;}
	.organtree .postlist .operate { position:absolute; padding-bottom: 4px;margin-top: 10px; right:20px;text-align: right;top: 0; width:auto;}
	
	.subtopcon .col-sm-10.right{ width:100%;}
	
	.subtopcon .textinput.first.falsein{ display:none;}
	


}

@media (max-width: 580px){
	.timeswitch{width:100%; text-align:center; margin-top:20px;}
	.timeswitch a{ display:inline-block; float:none;}
	.clientlist .middle{ padding:0px 0 10px 0;}
	
	.subtopcon .textinput.first{ margin-right:0%; float:none;width:83%; margin-right:17%; margin-bottom:10px;}
	.subtopcon .rl{ width:39%; margin:0 1%; float:left; position:relative;}
	.subtopcon .searchbtn{ width:12%;}
	.subtopcon .col-lg-6.selectlf .form-control{ width: 83.5%;margin:0 15.5% 10px 1%;}
	.pagebot .pagebotml{text-align:right; width:auto;}
	.pagebot .pagebotml .form-control{ width:55px; padding-right:0;}
	
	.clientlist.detail .col-zdy-6{ padding-left:0px;min-height: 140px;}
	.clientlist.detail .col-zdy-6 .middle{ padding-top:5px;}
	.clientlist.detail .col-lg-6 .circleportrait{ width:80px; height:80px; top:7px;}
	.clientlist.detail .col-lg-6 .khinfo {padding-left: 105px;}
	.clientlist.detail .yxstyle{ top:98px; left:-5px; font-size:18px;}
	
	.retV {margin-left: 0px;}
	.returnVisit { margin-left: 0px;}
	.returnVisit ul li textarea{ height:80px;}
	.laVisitcon .posmabox .inbox{ padding-left:0; padding-top:40px;}
	.laVisitcon .posmabox .inbox .posright{ top:50px;}
	.addusercon .admiddlecon{ padding:150px 20px 30px 20px;}
	.cassel{ margin-left:0;}
	.cassel select{ width:100%; margin-left:0; margin-bottom:10px;}
	
	.clientlist .middle .phase{ margin-top:20px;}
	.clientlist .middle .amountnum{ margin-top:20px;}
	.clientlist.orddetail .col-mzdy-3 .operate{margin-top:20px;}
	.blank{ display:block; margin-bottom:3px;}
	.blank.behind{ margin-left:0;}
	
	
	.khinfo.phase p{ text-indent:1em;}
	.khinfo.phase p .blank{ margin-top:4px;}
	.khinfo.phase .contactfs p{ text-indent:0em;}
	
	.messagelist .time { margin-bottom:12px;}
	.clientlist .col-lg-7 .khinfo.phase p .blank{text-indent:0em;}
	.clientlist .col-lg-7 .khinfo.phase p .blank{width:100%;float: none; margin-bottom:3px;}
	.clientlist .khinfo{ margin-right:0px;}
	
	.subtopcon .meselbox{ width:100%; margin-right:0; float:none; margin-bottom:12px;}
	
	.subtopcon .selectlf .textinput{ float: none; width: 83%; margin-right: 15%;  margin-left: 1%;  margin-bottom: 10px;}
	
	.noticelb .clientlist.messagelist.Read .middle .phase{ margin-top:8px;}
	.noticelb .clientlist.messagelist.Read .middle { display:block;}
	
	.btn-primary{ left:10px;}
	
}


@media (max-width: 480px){

	  .header .form-search{width:150px;}
	  .header .form-search input[type="text"]{width:130px; padding-right:10px;}
	  .header .logo>img{ margin-top:12px;}
	  .nav>li>a {padding:15px 10px;}
	  .navbar-top-links .usertopinfo>img{ margin-right:7px;}
	  .piecount{max-width: 160px;}
	  .piecount canvas{max-width: 160px; max-height: 160px;}
	  .hmcustom .firstyx span.tx{ top:12px;}
	  .hmcustom .firstyx {padding:45px 20px 20px 20px;}
	  .hmmidcon .khinfo .contactfs{ margin-top:8px;}
	  .hmmidcon .khinfo .contactfs p{ margin-bottom:7px; display:block;}
	  canvas#lineChart { width:auto;}
	  .navbar-top-links li .hmmesslist{width: 136px; }
	  .navbar-top-links li .hmmesslist li{padding:10px 12px;}
	  .navbar-top-links li .hmmesslist{left:-6px; top:56px;}
	  .navbar-top-links li .hmmesslist:before{ width:53px; height:56px; top:-56px;}
	  .navbar-top-links{ margin-bottom:2px;}
	  .navbar-top-links li .label-warning{ right:7px;}
	  .clientlist .col-md-6{ padding-left:15px;}
	  .clientlist .operate a{ margin:0 4%;}
	  .padding15-30 {padding: 15px 18px;}
	  .subtopcon.padding20 { padding-left:0; padding-right:0;}
	  .subtopcon .textinput.first{ float:none;width:85%;margin-right:15%;}
	  .subtopcon .col-lg-6.selectlf .form-control{ width: 85%;margin:0 14% 10px 2%;}
	  .subtopcon .col-lg-6>span{ width:5%;}
	  .subtopcon .searchbtn{ width:11%; margin-left:1%;}
	  .detailcon .backright {left: -20px; z-index:10}
	  .returnVisit ul li{ padding-left:28px;}
	  .modal-right .modal-body { padding: 10px 30px 30px 30px;}
	  .inmodal .messhead {padding:0px 30px;}
	  .modal-body.most{ padding:0px 30px;}
	  .clientlist .col-lg-5 .middle.comleft { padding-left:5px;}
	  .organtree ul li ul.nav-second-level {margin-left:15%;}
	  .posmabox .lf1{ position:relative; text-indent:5px;}
	  .posmabox .inbox{ padding-left:0;}
	  
	  .messagelist .colsel{ width:55px;}
	  .messagelist .time{ text-indent:5px;}
	  .icirbox.personal{ padding:0;}
	  .col-lg-3.borderlrd{ padding-left:10px; padding-right:0;}
	  
	  .hmmidcon .posmabox .inbox {padding-left:0px;}
	  .posmabox .marginrg.bn{ margin-right:0; max-width:100%;}
	  .posmabox .inbox ul.selbox li{ width:48%; margin:0 1%; float:left;}
	  
	  .personal .posmabox .lf1{ position:absolute;}
	  .personal .posmabox .inbox {padding-left:80px;}
	  
	  
	  .subtopcon .selectlf .textinput{ width: 85%; margin-right: 15%; }
	  
	  .login_main_div{ max-width:84%; left:0; margin-left:8%; top:80px;}
	  .login_main_div .loginbox ul{ max-width:85%; margin-bottom:80px;}
	  
	  .noticelb .messagelist.Read .row{ padding-left:15px; padding-right:15px;}
	  .clientlist.messagelist .col-lg-3 .operate a{margin: 0 3%;}
	  
	 .cpadrg.border-right{ padding-left:5px;padding-right:5px;}
     .cpadlf.col-lg-6{ padding-left:5px;padding-right:5px;}
	 
	 .row.white-bg.padding20>form>.padding15-30{ padding:15px 5px; padding-top:0;}
	  
}

@media (max-width: 450px){

	  .welctop .btn-addnewclient{ min-width:135px;}
	  .clientlist .col-md-6{ padding-right:5px; padding-left:5px;}
	  .clientlist .operate a{ margin:0 3%;}
	  .clientlist .col-lg-6 .circleportrait{ display:none;}
	  .clientlist .col-lg-6 .khinfo{ padding-left:0px;font-size: 13px;}
	  .khinfo .first-h h4,.hmmidcon .khinfo .contactfs{ float:none;}
	  .khinfo .first-h{ margin-top:-10px;}
	  .clientlist.detail .col-lg-6 .circleportrait{ display:block;}
	  .detailcon .row{ padding-right:20px;}
	  .laVisitcon{ width:90%;padding: 8px 25px 15px 25px;}
	  
	  .row.padding20>.col-lg-4,.row.padding20>.col-lg-3,.row.padding20>.col-lg-8{ padding-left:2px; padding-right:2px;}
	  .clientlist .rgbotcol {bottom:20px;right: 0px}
	  
	  .clientlist.orddetail .col-xzdy-8{ width:70%; min-width:275px;}
	  .clientlist.orddetail .col-xs-4{ width:50%;}
	  .clientlist.orddetail .col-xs-4.rgbotcol .comcenter{ text-align:right;}
	  .clientlist.orddetail .col-xzdy-4{ width:30%; position:absolute; right:0; top:40px; padding-left:0; padding-right:0;}
	  .clientlist.orddetail .col-xzdy-4 .comcenter{ text-align:right;}
	  .clientlist.orddetail .col-xs-4 .operate a{ margin:0 10%;}
	  .khinfo.phase p{ text-indent:0em;}
	  
	  .halfinbox{ width:100%; float:none;position: relative; margin-bottom:8px;}
	  .hfblank{ display:none}
	  
	  
	.goalbox .goalli{ padding-top:0; height:auto;}
	.goalbox>p{ padding-left:0;}
	.posmabox .inbox .posleft{ position:relative; top:3px; display:block; margin-bottom:25px;}
	.posmabox .inbox .tarslider{ margin-left:0px; margin-right:0px; margin-bottom:35px;}
	
	.messagelist .colsel{ position:relative; width:100%; text-align:left;top:0; margin-top:10px; height:25px; padding-left:20px;}
	  .messagelist .row.paddlf{ padding-left:15px;}
	
	
}



@media (max-width: 400px){


	  .header .form-search{width:130px; margin-left:0;  margin-right: 12px;}
	  .header .form-search input[type="text"]{width:105px; }
	  .navbar-top-links .usertopinfo>img{ display:none;}
	  .nav>li>a {padding:10px;}
	  .navbar-top-links .usertopinfo .txt{ padding-right:18px; margin-right:8px;}
	  .btn-primary{ top:73px;}
	  .navbar-top-links .usertopinfo p.name{ max-width:75px;}
	  
	  .welctop .border{  padding-right:0; padding-left:0;}
	  .welctop .btn-addnewclient{ min-width:120px;   padding: 5px 8px 5px 5px;}
	  
	  .usertopinfo{ margin-top:-2px;}
	  .navbar-top-links li .label-warning{ top:9px;}
	  .navbar-top-links li .hmmesslist {top: 48px; left:-3px;width: 132px;}
	  .navbar-top-links li .hmmesslist:before{ width:48px; height:48px; top:-48px;}
	  .clientlist .col-lg-6{ padding-left:12px;}
	  
	  .taskrank .row .wrappie{width:220px; margin:0 auto; margin-bottom:20px; }
	.rankchart .piecount{ width:95px; height:95px;}
	.rankchart .txt{ left:110px; width:110px;}
	.clientlist.detail .col-lg-6{ padding-left:0px; padding-right:0;}
	.clientlist.detail .khinfo .contactfs p:first-child{ padding-right:0;}
	
	.subtopcon .col-lg-12.comright .btn{ padding:0 9px; margin-left:4px;}
	  
	 .posmabox .marginrg{ margin-right:195px;}
	 .posmabox .inbox ul.toggle{ margin-right:0; width:190px;}
	 .posmabox .inbox ul.toggle li{ width:34px; margin:0 2px;}
	 
	 .subtopcon .only{ width:200px;}
	 .subtopcon .only .rl{ width:140px; margin-left:0; margin-right:10px;}
	 
	 .addportraitbtn{ margin-right:10px;}
	 .cirlist { margin-right: 5px;}
	 .inbox .addportraitbtn+span{width: 100%;display: block;float: left; text-indent:5px; font-size:13px;}
	 
	 .messagelist.Read .operate i{ padding-right:0;}
	 .messagelist.Read .operate a{ width:auto;}
	 .messagelist.Read .operate {padding-right: 0px;}

	  
}
@media (max-width: 350px){

	  .header .logo>img{ width:135px; height:auto;margin-top:15px;  }
	  .welctop .border,.welctop.row>div{ width:100%; padding-left:15px; padding-right:15px; text-align:center;}
	  
	  .welctop .btn-addnewclient{ margin:0 auto; margin-top:12px; max-width:140px; display:block; float:none;}
	  
	  
	  .subtopcon .col-lg-6>span{ width:7%;}
	  .subtopcon .textinput.first{ float:none;width:98%;margin-right:1%;margin-left:1%;}
	  .subtopcon .searchbtn{ width:98%; float:none; margin-top:50px; margin-left:1%;}
	  .subtopcon .col-lg-6.selectlf .form-control{ width: 98%;margin:0 0.5% 10px 1%;}
	  .subtopcon .rl{ width:46%; margin:0%; float:left; position:relative;}
	  .clientlist .operate a { margin: 0 1.5%;}	  
	  .subtopcon .graybgcol{ width:98%;margin-left:1%; margin-right:1%;}
	  
	  .subtopcon .only{ width:100%;}
	  .subtopcon .only .rl{width: 98% ;margin-right:1%;margin-left:1%;}
	  .subtopcon .only .searchbtn{  width: 98% ;margin-right:1%;margin-left:1%;}
	   .subtopcon .selectlf .textinput{width: 98% ;margin-right:1%;margin-left:1%;}
	   
	   .messagelist.Read .col-lg-3 .operate a{ margin:0;}
}

/* 以下样式与 common.less 同步 */
/* 弹窗 */
.mbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(47,64,80,.6);z-index:88888;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;touch-action:none;}
.mbox-alert,.mbox-confirm,.mbox-load,.mbox-captch{position:absolute;top:50%;left:50%;max-height:100%;margin:-75px 0 0 -150px;min-height:130px;width:300px;font-size:20px;background-color:#fff;color:#7d7d7d;text-align:center;border-radius:10px;line-height:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3);}
.mbox-alert::-webkit-scrollbar{width:4px;height:4px;background:rgba(200,200,200,.3);}
.mbox-alert::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);}
.mbox-alert::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3);}
.mbox-captch{border-radius:1px;min-height:170px;}
.mbox-captch-head{position:relative;text-align:left;height:35px;color:#ff8a23;line-height:35px;font-size:14px;padding-left:10px;border-bottom:1px solid #eee;user-select:none;}
.mbox-captch-head b{position:absolute;font-family:iconfont;top:0;right:0;width:35px;text-align:center;height:35px;color:#656565;cursor:pointer;}
.mbox-captch-text input{margin:0 10px;padding:0 5px;width:100px;height:30px;font-size:14px;border:1px solid #d9d9d9;vertical-align:middle;}
.mbox-captch-text img{margin:0 10px;height:30px;box-shadow:#ccc 0 0 5px 0;cursor:pointer;vertical-align:middle;}
.mbox-alert-text,.mbox-confirm-text,.mbox-captch-text{padding:30px 20px 20px;min-height:72px;word-break:break-all;font-size:16px;}
.mbox-alert-text a,.mbox-confirm-text a{color:#88f;}
.mbox-alert-text a:hover,.mbox-confirm-text a:hover{text-decoration:underline;}
.mbox-alert-ok,.mbox-confirm-link,.mbox-captch-ok{height:50px;line-height:35px;user-select:none;-moz-user-select:none;}
.mbox-alert-ok a,.mbox-confirm-ok,.mbox-captch-ok a{display:inline-block;width:100px;height:35px;line-height:35px;color:#fff;font-size:14px;text-decoration:none;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s;border-radius:3px;box-shadow:rgba(150,150,150,.5) 0 0 5px 0;outline:none;}
.mbox-alert-ok a:hover,.mbox-confirm-link a:hover{opacity:.7;}
.mbox-alert-ok a:active,.mbox-confirm-link a:active{opacity:.9;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.mbox-confirm-ok{width:70px;}
.mbox-confirm-no{display:inline-block;height:35px;width:70px;font-size:14px;line-height:35px;text-align:center;text-decoration:none;margin-left:15px;background-color:#fff;color:#7d7d7d;border:1px solid #e1e1e1;border-radius:3px;cursor:pointer;box-shadow:rgba(150,150,150,.5) 0 0 5px 0;-webkit-transition:all .3s;transition:all .3s;}
.mbox-load{margin:-40px 0 0 -150px;min-height:80px;}
.mbox-load i{position:absolute;top:25px;left:20px;background-color:currentColor;border-radius:50%;width:30px;height:30px;overflow:hidden;animation:mbox-loading 1s linear 0s infinite normal;pointer-events:none;}
.mbox-load i:before{content:'';position:absolute;top:4px;left:4px;width:22px;height:22px;background:#fff;border-radius:50%;}
.mbox-load i:after{content:'';position:absolute;top:-15px;left:0;width:30px;height:30px;background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,2555,255,1) 90%);}
@keyframes mbox-loading{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.mbox-load-text{padding:30px 10px 30px 60px;text-align:left;min-height:80px;word-break:break-all;font-size:16px;}
.mbox-upload{position:absolute;top:50%;left:50%;background:#fff;height:200px;width:240px;margin-top:-100px;margin-left:-120px;border-radius:3px;overflow:hidden;box-shadow:0 0 5px 0 rgba(0,0,0,.3);}
.mbox-upload div{position:relative;margin:20px auto 0;height:120px;width:120px;text-align:center;box-sizing:border-box;border-radius:50%;box-shadow:0 0 1px 0 currentColor inset;}
.mbox-upload a{position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-60px;height:120px;width:120px;border-radius:50%;color:currentColor;background:currentColor;clip-path:polygon(50% 0,50% 0,50% 50%);}
.mbox-upload b{position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px;width:70px;height:70px;border-radius:50%;background:#fff;line-height:70px;text-align:center;color:currentColor;text-indent:7px;box-shadow:0 0 1px 0px currentColor inset;}
.mbox-upload label{display:block;padding:0 2px;height:20px;width:100%;line-height:20px;color:#999;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;}
.mbox-upload p{margin:0;text-align:center;height:30px;line-height:30px;color:#999;font-size:12px;}
.mbox-img-view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.mbox-img-view img{position:relative;max-height:100%;max-width:100%;}

/* 微信登录 */
.wx-login{position:fixed;display:flex;background:url(../images/loginbg.jpg);width:100%;height:100%;align-items:center;}
.wx-login .login_main_div{position:relative;top:0;min-height:410px;height:auto;padding-bottom:30px;}
.wx-login .error_tip{max-height:100px;overflow-y:auto;}
.wx-login .loginbox .wx-login-list{margin-bottom:5px;}
.wx-login-list div{position:relative;height:40px;line-height:38px;border:1px solid #ddd;font-size:12px;transition:.2s;}
.wx-login-list div:hover{border-color:#ff8a23;box-shadow:#eee 0 0 5px 0 inset;}
.wx-login-list a{position:absolute;top:0;right:40px;bottom:0;left:0;padding:0 10px;cursor:pointer;}
.wx-login-list a:hover{background:#fafafa;}
.wx-login-list b{float:left;}
.wx-login-list u{display:inline-block;height:100%;float:right;line-height:35px;}
.wx-login-list p{position:absolute;top:0;right:0;bottom:0;width:40px;text-align:center;font-size:16px;color:red;line-height:38px;cursor:pointer;}
.wx-login-list p:hover{background:#fafafa;}
.wx-login-not div{opacity:0.5;transition:none;}
.wx-login-not div:hover{box-shadow:none;border-color:#ddd;}
.wx-login-not a{cursor:not-allowed;}
.wx-login-not a:hover{background:none;}
.wx-link{text-align:center;margin:0;}
.wx-link a{color:#58b;}
.wx-link a:hover{text-decoration:underline;}
.wx-login-list img{height:100%;vertical-align:top;padding:5%;box-sizing:border-box;}

.crm-block{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100000;}


/* 颜色选择 */
.crm-color{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;z-index:9999;-ms-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;}
.crm-color p{position:absolute;margin:0;padding:0;}
.crm-color-box{position:absolute;width:234px;min-height:183px;top:50%;left:50%;margin-left:-118px;margin-top:-100px;background:#fff;box-shadow:rgba(99,99,99,.8) 0 0 5px 0;border-radius:3px;overflow:hidden;}
.crm-color-pick{position:relative;width:100%;height:126px;background-image:linear-gradient(transparent, #000),linear-gradient(to right,#fff,#f00);}
.crm-color-pick p{top:-6px;left:228px;width:12px;height:12px;border-radius:50%;border:1px solid #fff;pointer-events:none;}
.crm-color-val{position:relative;}
.crm-color-side{position:relative;margin:10px 0 10px 80px;width:130px;height:11px;background-image:linear-gradient(to left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background-image:linear-gradient(to right,#f00,#f0f,#00f,#0ff,#ff0,#f00);}
.crm-color-alph{position:relative;margin:10px 0 10px 80px;width:130px;height:11px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNSIgZmlsbD0iI2NjYyIgLz48cmVjdCB4PSIwIiB5PSI1IiB3aWR0aD0iMTIiIGhlaWdodD0iMSIgZmlsbD0iI2U1ZTVlNSIgLz48cmVjdCB4PSI2IiB5PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSI1IiBmaWxsPSIjY2NjIiAvPjwvc3ZnPg==");}
.crm-color-alph p{height:100%;width:100%;background-image:linear-gradient(to right,transparent,#000);}
.crm-color-val i{position:absolute;top:-1px;left:123px;width:13px;height:13px;background:#f9f9f9;box-shadow:rgba(0,0,0,.7) 0 0 3px 0;border-radius:50%;cursor:pointer;z-index:2;}
.crm-color-val span{position:absolute;width:32px;height:32px;top:-2px;left:25px;background:transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0iI2NjYyIgd2lkdGg9IjYiIGhlaWdodD0iNiIgLz48cmVjdCBmaWxsPSIjY2NjIiB5PSI2IiB4PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiAvPjwvc3ZnPg==");border-radius:50%;box-shadow:rgba(0,0,0,0) 0 0 15px 0;pointer-events:none;overflow:hidden;border:1px solid #ddd;}
.crm-color-val span b{position:absolute;top:0;left:0;width:100%;height:100%;}
.crm-color-inp{position:relative;margin:5px 0;min-height:20px;}
.crm-color-inp input{margin:0 6px;padding-left:5px;width:62px;height:18px;line-height:18px;border:1px solid #ddd;color:#555;font-size:12px;font-family:Consolas,"Lucida Console","Courier New",monospace;}
.crm-color-inp input:last-child{display:none;}
.crm-color-inp i{position:absolute;top:1px;right:20px;width:16px;height:16px;cursor:pointer;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUsNiBMMTEsNiBMOCwyIFogTTUsMTAgTDExLDEwIEw4LDE0IFoiPjwvcGF0aD48L3N2Zz4=");}
.crm-color-inp i:hover{background-color:#eee;}
.crm-color-inq input{display:none;}
.crm-color-inq input:last-child{display:inline-block;margin-right:27px;width:175px;}
.crm-color-eg{position:relative;min-height:26px;margin-bottom:2px;}
.crm-color-eg p{padding:0 5px;width:160px;height:100%;text-align:center;}
.crm-color-eg b{margin:4px 5px;display:inline-block;width:12px;height:12px;border-radius:2px;cursor:pointer;}
.crm-color-eg b:hover{box-shadow:rgba(0,0,0,.7) 0 0 2px 0;}
.crm-color-eg a{position:absolute;top:0;right:12px;width:61px;height:22px;text-decoration:none;line-height:20px;background:#ff8a23;background-color:var(--theme-color);color:#fff;opacity:.7;box-shadow:rgba(0,0,0,.3) 0 0 2px 0;border-radius:3px;cursor:pointer;transition:all .3s;}
.crm-color-eg a:hover{opacity:1;}
.crm-color-eg a:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.2);}
.crm-color-eg u{position:absolute;bottom:-2px;left:0;width:18px;height:18px;cursor:move;background:transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMyMjIiIGQ9Ik0wIDQuNWgxbTAtMWgxbTAgMWgybTEgMGgybTAtMWgxbTAgMWgxbS02LTNoMW0wLTFoMW0wIDFoMW0tMyA2aDFtMSAwaDEiIC8+PHBhdGggc3Ryb2tlPSIjYzZjNmM2IiBkPSJNMS41IDR2Mm0zLTV2OG0zLTV2MiIgLz48cGF0aCBzdHJva2U9IiNkNWQ1ZDUiIGQ9Ik0wIDUuNWgxbTAgMWgxbTAtMWgybS0xLTNoMW0xIDBoMW0tMSAzaDJtMSAwaDFtLTIgMWgxbS01IDJoMW0wIDFoMW0wLTFoMSIgLz48L3N2Zz4=") center center no-repeat;}
.crm-color-eg u:hover{background-color:#ddd;}
.crm-color-pur .crm-color-val span{top:1px;}
.crm-color-pur .crm-color-inp{margin:-4px 0 3px 80px;text-align:left;}
.crm-color-pur .crm-color-inp i{right:4px;}
.crm-color-pur .crm-color-inp input{margin:0 10px 0 0;}
.crm-color-pur .crm-color-inp input{width:130px;margin:0;}
.crm-color-pur .crm-color-opa{display:none;}

/* 浮动栏 20220919*/
.crm-funs{position:fixed;top:36px;right:0;bottom:0;height:100%;width:0;display:flex;align-items:center;pointer-events:none;z-index:100;}
.crm-funs > div{position:absolute;right:0;text-align:center;pointer-events:all;}
.crm-funs a{position:relative;display:block;margin:0;width:40px;height:40px;background:#393939;border-top:1px solid #5c5c5c;font-size:12px;box-sizing:content-box;color:#fff;line-height:40px;-webkit-transition:.5s;transition:.5s;}
.crm-funs a:first-child{border-top:0;color:#fff;}
.crm-funs a.share{overflow:hidden;}
.crm-funs a:hover{background:#ff8a23;background:var(--theme-color);overflow:visible;}
.crm-funs a i{position:absolute;top:0;right:0;width:40px;height:40px;font-size:22px;font-family:iconfont;font-style:normal;-moz-osx-font-smoothing:grayscale;pointer-events:none;z-index:3;}
.crm-funs a u{position:absolute;top:3px;right:40px;pointer-events:none;z-index:2;transition:1s;pointer-events:none;z-index:3;}
.crm-funs a > img{position:absolute;top:0;left:0;z-index:3;pointer-events:none;}
.crm-funs a u:before{position:absolute;content:'';width:16px;height:16px;background:#96c8fa;box-shadow:#ddd 0 0 1px 0;transform-origin:center;transform:rotate(0deg) translate(10px, 8px);}
.crm-funs a u:after{position:absolute;content:'';width:16px;height:16px;background:#fae682;box-shadow:#ddd 0 0 1px 0;transform-origin:center;transform:rotate(-30deg) translate(10px,15px);}
.crm-funs a p{position:absolute;top:0;padding-right:40px;width:0;right:0;height:40px;line-height:40px;color:transparent;background:#393939;white-space:nowrap;z-index:2;-webkit-transition:.5s;transition:.5s;}
.crm-funs a p:hover{width:131px;background:#ff8a23;background:var(--theme-color);color:#fff;}
.crm-funs a b{position:absolute;right:100%;bottom:0;width:165px;height:169px;background:#ff8a23;background:var(--theme-color);transition:.3s;border:10px solid transparent;}
.crm-funs a b img{width:100%;height:100%;}


/*登录页*/
.qrcode-login{position:absolute;top:-16px;right:-14px;color:#ffb123;height:128px;width:127px;overflow:hidden;user-select:none;background:url(/assets/images/smdl.png);background-repeat:no-repeat;}
.logintype{position:absolute;top:370px;left:250px;width:auto;height:24px;line-height:24px;text-align:center;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}
.logintype span{color:#777;}
.logintype a{display:inline-block;margin-left:7px;height:24px;width:24px;cursor:pointer;vertical-align:top;}
.logintype .logintype-weibo{margin-left:0;background-image:url("/assets/images/weibo.png");}
.logintype .logintype-qq{background-image:url("/assets/images/qq.png");}
.logintype .logintype-dingtalk{background-image:url("/assets/images/dingtalk.png");background-size:100%;}