/*reset: 重设外观 */
a{ text-decoration:none; color:#333333;}
body,div,q,iframe,form,
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
img,fieldset{border: none 0;}
body,td,textarea{word-break: normal; line-height:1.5;}
body,input,textarea,select,button{margin: 0; font-size: 12px; font-family: "微软雅黑";}
div,p,table,th,td{ font-size:1em; font-family:inherit; line-height:inherit;}
td{word-wrap:break-word; word-break:break-all;}
ul,dl,li{list-style: none outside;}
em,i,u,q,s,dl,caption{font-weight: normal; font-style: normal;  text-decoration: none; }
p{text-align: justify; text-justify: inter-ideograph; margin-top:0em; margin-bottom:1em;}
textarea {line-height:1.4;}
label{display:block;}
* html textarea,*+html textarea {overflow:auto; overflow-x: hidden; }/*使多行文本框不显示默认的竖向滚动条*/
* html iframe, * html frame {overflow:auto; }/*使浮动窗口不显示默认的竖向滚动条*/
* html input {overflow: hidden;}/*使按钮文字不溢出*/
html{background:none;}
/*end reset*/

/*Global:常用样式*/
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.clearfix{display: block; display: table; *display: inline-block; _height: 1%;}
.clearfix:after {content:'\20'; display:block; clear:both;}
.clearself{ overflow:hidden; _overflow:visible; _height:1%;}
.inline-block{display:inline-block;*zoom: 1;*display: inline;vertical-align:middle;overflow:hidden;}
.justify{ text-align: justify; text-justify: inter-ideograph;}
.clear{font-size:0;height:0;line-height:0;overflow:hidden;clear:both;}
.clear_both{clear:both;}
/* end Global */

/*公用样式*/
body{
    color:#666666;
    background:url("../imgs/leftbg.png") repeat-y left top #f6f6fa;
    font-family:'微软雅黑';
    font-size: 14px;
}
html,body{
    min-width:1200px;
}
.pageWidth {
    min-width:1200px;
    margin:0 auto;
}
.bor{
    border-bottom:1px solid #e7e7e7;
}

/*尾部样式*/
.footer{
    background: #fff;
    text-align: center;
    color:#888888;
    height:60px;
    line-height: 60px;
    /*box-shadow: 20px -2px 10px -17px #c8c8c8 inset;*/
    box-shadow: 2px 2px 10px #c8c8c8;
    border-top: 1px solid #dddddd\0;
    /*border-left:1px solid #f1f0f0\0;*/
    position:fixed;
    right:0px;
    bottom:0px;
    left:0px;
    z-index: 2000;
}
/*头部样式*/
.header{
    background: #fff;
    font-size: 16px;
    color:#333333;
    height:82px;
    box-shadow: 0px 2px 10px #c8c8c8;
    border-bottom: 1px solid #dddddd\0;
}
.header .logo,.header .memus{
    height:82px;
}
.header .navs{
    padding:0px 0px 0px 15px;
    min-width:600px;
    width:50%;
}
.header .navs li{
    float: left;
    padding:22px 0px 10px 0px;
    width:12%;
    min-width:70px;
    text-align: center;
    height:50px;
    line-height:38px;
}
.header .navs li.current{
    width:93px;
}
.header .navs li.current a{
    display: block;
    color:#fff;
    height:50px;
    background:url("../imgs/menu_cur_bg.png") no-repeat left top;
}
.header .navs li a{ text-decoration:none; color:#333333;}
.header .quitBox{
    cursor: pointer;
    background: #fbfafa;
    border-left:1px solid #dddddd;
    width:82px;
    height:82px;
    position:relative;
    margin-left:20px;
}
.header span.btnQuit{
    width:100%;
    height:100%;
    display: block;
    cursor: pointer;
    background: url("../imgs/icon.png") no-repeat 28px 28px;
}
.header .notice{
    position:relative;
    margin:22px 20px 0px 20px;
    width:35px;
    height:35px;
    cursor: pointer;
    border-radius: 50%;
    background:url("../imgs/icon.png") no-repeat 8px -65px #f1f1f1;
    display: inline-block;
    vertical-align: middle;
}
.header .notice .red{
    width:11px;
    height:11px;
    border:2px solid #fff;
    border-radius: 50%;
    position: absolute;
    right:-5px;
    top:-5px;
    background: #ff0000;
}
.header .userBox{
    display: inline-block;
    vertical-align: middle;
}
.header .photoBox{
    width:42px;
    height:42px;
    margin-top:16px;
    background: #f1f1f1;
    padding:5px;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 14px;
}
.header .photoBox img{
    width:36px;
    hieght:36px;
    overflow: hidden;
    border:3px solid #fff;
    border-radius: 50%;
}
.header .userBox span{
    display: inline-block;
    padding-left:6px;
    margin-top: 28px;
}

/*主体样式*/
.main{
    clear:both;
    padding-bottom:60px;
    overflow: hidden;
}
.main .contain{
    padding-left:239px;
    padding-top:10px;
    /*padding-bottom:70px;*/
}
.main .contain .infos{
    margin:0px 16px;
    min-width:920px;
}
.main .contain .pos{
    padding:20px 0px;
    margin-bottom: 22px;
}
.main .contain .pos .tit{
    height:22px;
    line-height: 22px;
    border-left:4px solid #007dff;
    padding-left:8px;
}
.main .contain .reflash{
    cursor: pointer;
    width:40px;
    padding-left: 32px;
    height:28px;
    line-height: 28px;
    border:1px solid #c5c5c5;
    border-radius: 3px;
    color:#999;
    background: url("../imgs/icon.png") no-repeat 8px -138px #f6f6fa;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.main .contain .reflash.return{
    background: url("../imgs/icon.png") no-repeat 10px -619px #f6f6fa;
    margin-right:13px;
}
.main .leftMenu{
    width:239px;
    float: left;
}
.main .leftMenu .name{
    font-size: 20px;
    padding:20px 40px;
    margin-bottom:10px;
}
.main .leftMenu li{
    color:#666;
    padding:6px 0px;
}
.main .leftMenu li a{
    color:#999999;
    display: block;
    padding:10px 40px;
    border-left:3px solid transparent;
}
.main .leftMenu li.current,.main .leftMenu li:hover{
    background: #f1f6ff;
}
.main .leftMenu li.current a,.main .leftMenu li a:hover{ border-left:3px solid #007dff; color:#007dff;}
.main .leftMenu li span{
    width:25px;
    height:25px;
    display: inline-block;
    margin-right:14px;
    background-image: url("../imgs/icon.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.main .leftMenu li .home{
    background-position:-78px 2px;
}
.main .leftMenu li .set,.main .leftMenu li .user{
    background-position:-78px -38px;
}
.main .leftMenu li .message{
    background-position:-78px -76px;
}
.main .leftMenu li .log{
    background-position:-78px -119px;
}
.main .leftMenu li .company{
    background-position:-22px -482px;
}
.main .leftMenu li .active{
    background-position:-22px -521px;
}
.main .leftMenu li .tag{
    background-position:-22px -555px;
}
.main .leftMenu li.current .home,.main .leftMenu li a:hover .home{
    background-position:-52px 2px;
}
.main .leftMenu li.current .set,.main .leftMenu li a:hover .set,.main .leftMenu li.current .user,.main .leftMenu li a:hover .user{
    background-position:-53px -38px;
}
.main .leftMenu li.current .message,.main .leftMenu li a:hover .message{
    background-position:-53px -76px;
}
.main .leftMenu li.current .log,.main .leftMenu li a:hover .log{
    background-position:-53px -119px;
}
.main .leftMenu li.current .company,.main .leftMenu li a:hover .company{
    background-position:1px -482px;
}
.main .leftMenu li.current .active,.main .leftMenu li a:hover .active{
    background-position:1px -521px;
}
.main .leftMenu li.current .tag,.main .leftMenu li a:hover .tag{
    background-position:1px -555px;
}

/*模块样式*/
.mod{
    background: #fff;
    border-radius: 10px;
    margin-bottom:20px;
    box-shadow: 0px 0px 10px 3px #e6e6e6;
}
.mod .title{
    padding:20px 20px 15px 20px;
    height: 30px;
    line-height: 30px;
    border-bottom:1px solid #eeeeee;
}
.mod .title .word{
    font-size: 20px;
    color:#222222;
    -webkit-box-sizing:  content-box;
    -moz-box-sizing:  content-box;
    box-sizing: content-box;
}
.mod .title .tabs{padding-right:20px;}
.mod .title .tabs  span{padding:5px; margin:0px 8px; color:#666666; cursor: pointer;border-bottom:2px solid #fff;}
.mod .title .tabs span.cur{ border-bottom:2px solid #007dff; color:#007dff;}
.mod .title .date input{
    width:180px;
    display: inline-block;
    border:none;
    padding:8px 10px;
    border-radius: 3px;
    background: #f4f4f4;
    outline: none;
    line-height:normal;
    color:#999;
}
.mod .con{
    padding:24px;
}
.grey{
    color:#999999;
    font-family: Arial;
}

/*表单输入框、提交按钮*/
table.formbox {margin:0 auto; margin-bottom: 16px;}
table.formbox td{padding:13px 8px; color:#333; }
table.formbox td span.red{color:#ff0000;padding-right:5px; vertical-align: middle;}
table.formbox input.toWrite {outline: none; background: #fff; border:1px solid #e1e1e1; border-radius: 4px; padding:10px 4px; width:370px; color:#666666; box-shadow: 0px 0px 3px 3px #fbf7f7; font-size: 14px;}
table.formbox .btnSub{margin-top:20px;color:#fff; font-size: 18px; cursor:pointer; width:160px; height:52px; line-height: 52px; display: block; background: #0988f9; border-radius: 26px; border:none; box-shadow: 0px 0px 5px 5px #bbdfff; outline: none;}
table.formbox .btnSub:hover{opacity:0.8;}
table.formbox .sexBox span{padding-right:13px; cursor: pointer;}
table.formbox .sexBox span i{ vertical-align: middle; display: inline-block; border:3px solid #bebebe; border-radius: 50%; width:13px; height: 13px; background: #fff; margin-right:4px;}
table.formbox .sexBox span.on i{border:3px solid #007dff;}

/*时间范围选择器样式处理*/
.daterangepicker *,.daterangepicker *:before,.daterangepicker:after{
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing: border-box;
}

/*数据data*/
.listData{border-collapse: collapse; color:#555555; table-layout: fixed;}
.listData th,.listData td{padding:12px 10px; text-align: center; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;}
.listData td.left{text-align: left;}
.listData tr th:first-child,.listData tr td:first-child{border-left:none;}
.listData.bg th{ background: #f9f9f9;}
.listData .status,table.formbox .status{ width:46px; padding:2px; height:21px; border-radius: 12px; background: #dbdbdb; text-align: left; cursor: pointer;}
.listData .status{ margin:0 auto;}
.listData .status span,table.formbox .status span{width:21px; height:21px; display: inline-block; border-radius: 50%; background: #fff; }
.listData .status.on,table.formbox .status.on{ background: #007dff; text-align: right;}
/*分页条*/
#page {
    padding: 20px;
    height:25px;
    line-height: 25px;
}
#page .pagingUl {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 25px;
}

#page li {
    float: left;
    height: 25px;
    background: #fff;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px
}
#page li a,#page li.more span{
    display: inline-block;
    padding:0px 10px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    color: #333;
    font-size: 12px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
}
#page li.more span{cursor: default;}
#page .prv,#page .next {
    width: auto;
    padding:0px 10px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
}
#page .prv {
    margin-right: 10px;
}
#page .prv:hover,#page .next:hover,#page .first:hover,#page .last:hover,#page li a:hover,#page .activP {
    background-color: #007dff;
    color: #fff;
    border:1px solid #007dff;
}
#page .prv.disabled,#page .next.disabled,#page .first.disabled,#page .last.disabled{
    background: #F5F5F5;
    color: #999;
}
#page span.red{color:#ff6600; vertical-align: middle;}
#page .prv.disabled:hover,#page .next.disabled:hover,#page .first.disabled:hover,#page .last.disabled:hover{
    cursor: not-allowed;
    border:1px solid #e1e1e1;
}
#page .pageInfo{padding-right:15px;}
#page .toNumPage{padding-left:30px;}
#page .toNumPage input{vertical-align: middle;}
#page .toNumPage input.num{width:34px; border:1px solid #e1e1e1; height:25px; line-height: 24px; padding:0px 5px; border-radius: 3px;}
#page .toNumPage input.toPageBtn{width:30px; height:25px; line-height: 24px; background: #007dff;border-radius: 3px;border:none; color:#fff; cursor: pointer;}


/*筛选查询和数据列表tabl的公用样式*/
.filterCon{
    line-height: 3.2;
    padding:25px 20px;
}
.everyFilter{
    position: relative;
}
.filterCon input{
    width:124px;
    height: 41px;
    line-height: 41px;
    border:1px solid #e1e1e1;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 7px 1px #f1f1f1;
    padding:0 10px;
    margin-right: 25px;
    outline: none;
}
@media screen and (max-width: 1920px) {
    .filterCon input{
        width:194px;
    }
}
@media screen and (max-width: 1370px) {
    .filterCon input{
        width:124px;

    }
}
.queryBtn{
    width:106px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #007dff;
    cursor: pointer;
}

.upFilter{
    cursor: pointer;
}
.upFilter em,.upFilter em.cur{
    width:15px;
    height:14px;
    background-image: url("../imgs/yy_icon2.png");
    background-repeat: no-repeat;
    background-position: -5px 5px;
    display: inline-block;
    padding-right: 10px;
}
.upFilter em.cur{
    background-position: -38px 5px;
}
.advancedSerach{
    width:102px;
    height:34px;
    line-height:34px;
    border:1px solid #e1e1e1;
    color: #333333;
    text-align: center;
    border-radius: 15px;
    margin-left: 30px;
    cursor: pointer;
    box-shadow: 1px 1px 7px 1px #f1f1f1;
    margin-top: -5px;
}
.tabR{
    width:95px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border:1px solid #e1e1e1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 1px 1px 7px 1px #f1f1f1;
    cursor: pointer;
    margin-top: -5px;
}
.tabhover:hover{
    background: #007dff;
    border:1px solid #007dff;
    color: #fff;
}
.tabR.fullrelease,.tabR.sendMessage,.tabR.groupHair,.tabR.groupMessages,.tabR.appPush,.tabR.stationLetter,.tabR.setLabel,.tabR.exportData{
    margin-right:10px;
}

.tabR.showNumber,.tabR.sortOrder{
    width: 131px;
    position: relative;
    text-align: inherit;
}
.tabR.showNumber{
    margin-right:10px;
    margin-left: 30px;
}
.noselect,.selectAll{
    width: 20px;
    height: 20px;
    background-image: url("../imgs/yy_icon2.png");
    background-repeat: no-repeat;
    background-position: -75px -10px;
    display: block;
    margin: 0 auto;
}
.noselect.current,.selectAll.current{
    background-position: -75px -42px;
}

.tableView,.tableDel,.tableEdit{
    display: inline-block;
    padding: 0 2px;
    cursor: pointer;
}
.tableView span,.tableDel span,.tableEdit span{
    width: 25px;
    height: 25px;
    background-image: url("../imgs/yy_icon2.png");
    background-repeat: no-repeat;
    background-position: 3px -68px;
    display: block;
}
.tableDel span{
    background-position: -41px -67px;
}
.tableEdit span{
    width:20px;
    background:url("../imgs/icon.png") no-repeat 0px -776px;
}
.tableView.current span,.tableView:hover span,.tableView:hover em{
    background-position: 3px -98px;
    color: #007dff;
}
.tableDel.current span,.tableDel:hover span,.tableDel:hover em{
    background-position: -41px -97px;
    color: #007dff;
}
.tableEdit.current span,.tableEdit:hover span,.tableEdit:hover em{
    background-position: -24px -776px;
    color: #007dff;
}

.mod .con.operateTable{
    padding: 0;
}
.everyInput{
    width: 210px;
    text-align: left;
}
.pushType{
    margin-right: 25px;
    cursor: pointer;
}
.pushType span,.pushType span.current{
    width:20px;
    height: 20px;
    background-image: url("../imgs/yy_icon2.png");
    background-repeat: no-repeat;
    background-position: -74px -74px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}
.pushType span.current{
    background-position: -74px -98px;
}

.noData{
    padding:50px 35px;
    text-align: center;
    font-size:14px;
}
/*loading层*/
.loadingBox{ display: none;}
.loadingBox .shadowBox{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 9999;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.loadingBox .loading{
    padding: 0px 30px 0px 70px;
    width: 60px;
    height: 40px;
    position: fixed;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -80px;
    z-index: 10000;
    background: url(../imgs/grey-loading.gif) no-repeat 50px center #fff;
    border-radius: 5px;
    color: #666;
    font-size: 14px;
    zoom: 1;
}