/* base */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body,ul { margin:0; padding: 0;}
input, button, select, textarea { }
/*a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/
figure { margin: 0; }
img,[type=checkbox], [type=radio] { vertical-align: middle; }
ul{list-style: none;}

body, input, button, select, textarea{ font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Helvetica, sans-serif; font-size: 14px; line-height:1.5; }
body{ background-color:#fff; color:#191a1b;}
a { color: #0e8bee; text-decoration: none; }
a:hover { text-decoration: underline; }

.clearfix, .menu-inline{display:block;}
.clearfix:after, .menu-inline:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.a{ cursor: pointer;}

/* bootstrap */
.modal-backdrop.in{ filter: alpha(opacity=20); opacity: .2;}
.modal-header{ position: relative; background-color: #f2f4f7; padding: 14px 20px 0; height: 48px; border-bottom:0;}
.modal-header h4{ font-size:14px;}
.modal-content{ box-shadow:none; border:0; border-radius:0;}
.modal-footer{ border-top:0;}

/* 栅格 */
.grids{display:block;}
.grids:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.grids>*{ float:left; min-height:1px; box-sizing: border-box; }

.grid-table{ display:table; width:100%;}
.grid-table>*{ display:table-cell; float:none; white-space: normal; vertical-align: top;}

.grids .g1{ width:8.33333333%;}
.grids .g2{ width:16.66666667%;}
.grids .g3{ width:25%;}
.grids .g4{ width:33.33333333%;}
.grids .g5{ width:41.66666667%;}
.grids .g6{ width:50%;}
.grids .g7{ width:58.33333333%;}
.grids .g8{ width:66.66666667%;}
.grids .g9{ width:75%;}
.grids .g10{ width:83.33333333%;}
.grids .g11{ width:91.66666667%;}
.grids .g12{ width:100%;}

/* 百分比 */
.grids .g4p{ width:4%;}
.grids .g5p{ width:5%;}
.grids .g10p{ width:10%;}
.grids .g15p{ width:15%;}
.grids .g20p{ width:20%;}
.grids .g25p{ width:25%;}
.grids .g30p{ width:30%;}
.grids .g35p{ width:35%;}
.grids .g40p{ width:40%;}
.grids .g41p{ width:41%;}
.grids .g45p{ width:45%;}
.grids .g50p{ width:50%;}
.grids .g53p{ width:53%;}
.grids .g55p{ width:55%;}
.grids .g60p{ width:60%;}
.grids .g65p{ width:65%;}
.grids .g70p{ width:70%;}
.grids .g75p{ width:75%;}
.grids .g80p{ width:80%;}
.grids .g85p{ width:85%;}
.grids .g90p{ width:90%;}
.grids .g95p{ width:95%;}
.grids .g96p{ width:96%;}
.grids .g100p{ width:100%;}


.g-mb-15>*{ margin-bottom: 15px;}
.g-mb-20>*{ margin-bottom: 20px;}


/* 栅格间距 */
.spacing-5{ margin-left:-5px; margin-right:-5px; }
.spacing-5>*{ padding-left:5px; padding-right:5px;}

.spacing-10{ margin-left:-10px; margin-right:-10px; }
.spacing-10>*{ padding-left:10px; padding-right:10px;}

/* 基类 */
.ui-wrap{ border:1px solid #dce0e8; background-color:#fff; border-radius: 2px;}
.ui-wrap .b-b-1{border-color:#eef0f5}
.alert-content{ padding:60px; }
.alert-content>*{margin-bottom:10px;}

.f-l{ float:left;}
.f-r{ float:right;}

.b-r-4{ border-radius:4px !important;}

.v-line{display: inline-block; width: 1px; background: #d3d7dd; height: 100%; margin: 0 15px; overflow: hidden; vertical-align: middle;}

/* 元件 */
.e-caret{ display: inline-block; width: 0; height: 0; border-bottom: 20px solid #009aca; border-left: 16px solid transparent; border-right: 16px solid transparent;}
.e-triangle{ width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #dce0e8; position:relative; margin-left:10px;}
.e-triangle>span{ display:block; width:0; height:0;	border-width:0 9px 9px;	border-style:solid;	border-color:transparent transparent #fff; position:absolute; top:15px; left:-9px;}
.e-line{ height:1px; background-color:#dce0e8; margin:15px 0;}


/* 背景 */
.bg-gray{ background-color: #f5f6fa !important;}
.bg-darkgray{ background-color: #f1f1f1 !important;}
.bg-lightblue{ background-color:#e8f6ff !important;}
.bg-lightyellow{ background-color: #fcfbf7 !important;}

.ui-mask{position: fixed; z-index: 100; top:0; bottom:0; left:0; right:0; background-color: #000; opacity: 0.2; filter:alpha(opacity=20); display: none;}

/* 边框*/
.b-0{border:0 !important;}
.b-1{ border: 1px solid #d3d7dd;}
.b-b-1{border-bottom:1px solid #d3d7dd;}
.b-red{ border:1px solid #f23057 !important;}

.b-r-4{ border-radius: 4px;}


/* 排版 */
p{ margin-bottom:10px;}

.w200{ width: 200px;}
.w260{ width: 260px;}
.w360{ width: 360px;}

.t-size12{ font-size:12px !important;}
.t-size14{ font-size:14px !important;}
.t-size15{ font-size:15px !important;}
.t-size16{ font-size:16px !important;}
.t-size18{ font-size:18px !important;}
.t-size20{ font-size:20px !important;}
.t-size24{ font-size:24px !important;}
.t-size28{ font-size:28px !important;}
.t-size32{ font-size:32px !important;}

.t-color-red{ color:#f23057;}
.t-color-orange{ color:#f47f18;}
.t-color-darkblue{ color: #1e50e7;}
.t-color-blue{ color: #0e8bee;}
.t-color-gray{ color:#999899;}
.t-color-green{ color:#5dac3a;}

.t-line{ text-decoration: underline; cursor: pointer;}
.t-date{ color:#6e7385; }

.t-left{ text-align:left !important;}
.t-center{ text-align:center !important;}
.t-right{ text-align:right !important;}

.t-title{ line-height:30px; margin-bottom:10px;}

.t-ellipsis{  white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

/* title */
.ui-title{ font-size:16px; line-height:1.6; margin-bottom:15px;}
.ui-title .append{ display:inline-block; vertical-align:middle; font-size:12px; float:right;}


/* 间距 */
.m-t-5{ margin-top:5px !important;}
.m-t-7{ margin-top:7px !important;}
.m-t-9{ margin-top:9px !important;}
.m-t-10{ margin-top:10px !important;}
.m-t-15{ margin-top:15px !important;}
.m-t-20{ margin-top:20px !important;}
.m-t-30{ margin-top:30px !important;}
.m-t-40{ margin-top:40px !important;}
.m-t-50{ margin-top:50px !important;}

.m-r-5{ margin-right:5px;}
.m-r-10{ margin-right:10px;}
.m-r-15{ margin-right:15px;}
.m-r-20{ margin-right:20px;}
.m-r-30{ margin-right:30px;}
.m-r-40{ margin-right:40px;}
.m-r-50{ margin-right:50px;}

.m-b-5{ margin-bottom:5px !important;}
.m-b-10{ margin-bottom:10px !important;}
.m-b-15{ margin-bottom:15px !important;}
.m-b-20{ margin-bottom:20px !important;}
.m-b-30{ margin-bottom:30px !important;}
.m-b-40{ margin-bottom:40px !important;}
.m-b-50{ margin-bottom:50px !important;}

.m-l-5{ margin-left: 5px !important;}
.m-l-10{ margin-left: 10px !important;}
.m-l-20{ margin-left: 20px !important;}
.m-l-30{ margin-left: 30px !important;}
.m-l-35{ margin-left: 35px !important;}
.m-l-40{ margin-left: 40px !important;}
.m-l-50{ margin-left: 50px !important;}

.m-tb-5{ margin-top: 5px; margin-bottom: 5px;}
.m-tb-10{ margin-top:10px; margin-bottom:10px;}
.m-tb-20{ margin-top:20px; margin-bottom:20px;}

.padding-10{ padding:10px;}
.padding-20{ padding:20px;}

.p-l-0{ padding-left:0 !important;}
.p-r-0{ padding-right:0 !important;}

.p-lr-0{ padding-left:0 !important; padding-right:0 !important;}

.p-l-20{padding-left:20px !important;}
.p-l-30{padding-left:30px !important;}
.p-l-35{padding-left:35px !important;}

.p-r-10{padding-right:10px !important;}
.p-r-20{padding-right:20px !important;}

.p-lr-20{padding-left:20px !important; padding-right:20px !important;}
.p-lr-30{padding-left:30px !important; padding-right:30px !important;}

.p-tb-10{ padding-top:10px; padding-bottom:10px;}

/* 图标 */
.caret { display: inline-block;  width: 0;   height: 0;  margin-left: 2px;  vertical-align: middle;  border-top: 5px dashed;  border-top: 5px solid\9;  border-right: 5px solid transparent;  border-left: 5px solid transparent;}
.caret-left{ display: inline-block;  width: 0;   height: 0;  margin-left: 2px;  vertical-align: middle;  border-left: 5px dashed;  border-left: 5px solid\9;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;}
.caret-right{ display: inline-block;  width: 0;   height: 0;  margin-left: 2px;  vertical-align: middle;  border-right: 5px dashed;  border-right: 5px solid\9;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;}

.ico{ display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico-search{ background: url(http://mail.fastrise.net/accounts/images/ico-search.png) no-repeat center;}
.ico-del{ display: inline-block; width:18px; height: 18px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-del.png) no-repeat center;}
.ico-del2{ display: inline-block; width:15px; height: 15px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-del2.png) no-repeat center;}
.ico-datetime{ display: inline-block; width:18px; height: 18px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-datetime.png) no-repeat center;}
.ico-filter{ display: inline-block; width:18px; height: 18px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-filter.png) no-repeat center;}
.ico-arrow-down{ display: inline-block; width:18px; height: 18px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-arrow-down.png) no-repeat center; cursor: pointer;}
.ico-arrow-up{ display: inline-block; width:18px; height: 18px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-arrow-up.png) no-repeat center; cursor: pointer;}
.ico-warning{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-warning.png) no-repeat center; cursor: pointer;}
.ico-warning-l{ display: inline-block; width:24px; height:24px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-warning-l.png) no-repeat center; cursor: pointer;}
.ico-ok{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(../image/ico-ok.png) no-repeat center; cursor: pointer;}

.ico-admin{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-admin.png) no-repeat center; cursor: pointer;}
.ico-qq{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-qq.png) no-repeat center; cursor: pointer;}

a.admin{ display: inline-block; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-admin.png) no-repeat 0 center; padding-left:22px; color:#999899;}
a.admin:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-admin-hover.png) no-repeat 0 center; color:#0e8bee; }
a.qq{ display: inline-block; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-qq.png) no-repeat 0 center; padding-left:22px; color:#999899;}
a.qq:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-qq-hover.png) no-repeat 0 center; color:#0e8bee; }

.ico-arrowdown{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-arrowdown.png) no-repeat center; cursor: pointer;}
.ico-arrowup{ display: inline-block; width:16px; height: 16px; vertical-align: middle; background:  url(http://mail.fastrise.net/accounts/images/ico-arrowup.png) no-repeat center; cursor: pointer;}

/* .ico-tag */
.ico-tag-red{display: inline-block; width:8px; height:14px; vertical-align: middle; border-radius: 2px; background-color:#ef686c;}
.ico-tag-yellow{display: inline-block; width:8px; height:14px; vertical-align: middle; border-radius: 2px; background-color:#edc273;}
.ico-tag-blue{display: inline-block; width:8px; height:14px; vertical-align: middle; border-radius: 2px; background-color:#579ff1;}
.ico-tag-green{display: inline-block; width:8px; height:14px; vertical-align: middle; border-radius: 2px; background-color:#9ed577;}
.ico-tag-purple{display: inline-block; width:8px; height:14px; vertical-align: middle; border-radius: 2px; background-color:#9996f1;}

/* tag */
.ui-tags>*{display:inline-block; vertical-align: middle; margin-right:10px; margin-bottom:10px; font-size:12px; border-radius: 2px;}

.ui-tag>*{display:inline-block; vertical-align: middle; margin-right:10px; font-size:12px;}
.tag{display:inline-block; vertical-align: middle; padding:0 15px; height:28px; line-height:26px; text-decoration:none; background-color:#fff; border:1px solid #dce0e8; color:#8a8e99; border-radius: 2px;}


/* 按钮 */
.btn{ display:inline-block; vertical-align: middle; padding:0 15px; height:30px; line-height:28px; text-decoration:none; background-color:#fff; border:1px solid #d3d7dd; cursor:pointer; white-space: nowrap; border-radius:4px; font-size: 14px; }
.btn:hover{ /*border:1px solid #1e50e7; background-color:#fff;*/ color: #0e8bee; text-decoration:none;}
.btn:active{ /*border:1px solid #193fb3; background-color:#fff;*/ text-decoration:none;}

.btn-ico-action{ position: relative;}
.btn-ico-action .btn-ico-delete{ display: none;}
.btn-ico-action:hover{border-color:#0e8bee;}
.btn-ico-action:hover .btn-ico-delete{ display: block; position: absolute; top:0; right:0; width:31px; height:100%; background:rgba(255, 255, 255, 0.8) url(http://mail.fastrise.net/accounts/images/btn-ico-delete.png) no-repeat center;}

.btn-submit, .btn-blue{ border: 0; background-color: #0e8bee; color:#fff;}
.btn-submit:hover,.btn-blue:hover{ color: #fff;}

.btn-active{ border:1px solid #1e50e7; background-color:#1e50e7; color:#fff; }
.btn-active:hover{border:1px solid #193fb3; background-color:#193fb3; color:#fff; text-decoration:none;}

.btn-add{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-plus.png) no-repeat 10px center;}
.btn-add:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-plus-active.png) no-repeat 10px center;}

.btn-delete{ display: inline-block; vertical-align: middle; padding-left: 32px; background:  url(http://mail.fastrise.net/accounts/images/ico-delete.png) no-repeat 10px center;}
.btn-delete:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-delete-active.png) no-repeat 10px center;}

.btn-lift{ display: inline-block; vertical-align: middle; padding-left: 32px; background:  url(http://mail.fastrise.net/accounts/images/ico-lift.png) no-repeat 10px center;}
.btn-lift:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-lift-active.png) no-repeat 10px center;}

.btn-enable{ display: inline-block; vertical-align: middle; padding-left: 32px; background:  url(http://mail.fastrise.net/accounts/images/ico-enable.png) no-repeat 10px center;}
.btn-enable:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-enable-active.png) no-repeat 10px center;}

.btn-disable{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-disable.png) no-repeat 10px center;}
.btn-disable:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-disable-active.png) no-repeat 10px center;}

.btn-edit{ display: inline-block; vertical-align: middle; padding-left: 37px; background:  url(http://mail.fastrise.net/accounts/images/ico-edit.png) no-repeat 15px center;}
.btn-edit:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-edit-active.png) no-repeat 15px center;}

.btn-unbinding{ display: inline-block; vertical-align: middle; padding-left: 41px; background:  url(http://mail.fastrise.net/accounts/images/ico-unbinding.png) no-repeat 15px center;}
.btn-unbinding:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-unbinding-active.png) no-repeat 15px center;}

.btn-addadmin{ display: inline-block; vertical-align: middle; padding-left: 41px; background:  url(http://mail.fastrise.net/accounts/images/ico-addadmin.png) no-repeat 15px center;}
.btn-addadmin:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-addadmin-active.png) no-repeat 15px center;}

.btn-structure{ display: inline-block; vertical-align: middle; padding-left: 41px; background:  url(http://mail.fastrise.net/accounts/images/ico-structure.png) no-repeat 15px center;}
.btn-structure:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-structure-active.png) no-repeat 15px center;}

.btn-import{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-import.png) no-repeat 10px center;}
.btn-import:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-import-active.png) no-repeat 10px center;}

.btn-export{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-export.png) no-repeat 10px center;}
.btn-export:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-export-active.png) no-repeat 10px center;}

.btn-import-export{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-import-export.png) no-repeat 10px center;}
.btn-import-export:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-import-export.png) no-repeat 10px center;}

.btn-move{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-swap.png) no-repeat 10px center;}
.btn-move:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-swap-active.png) no-repeat 10px center;}

.btn-copy{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-copy.png) no-repeat 10px center;}
.btn-copy:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-copy-active.png) no-repeat 10px center;}

.btn-cancel{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-cancel.png) no-repeat 10px center;}
.btn-cancel:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-cancel-active.png) no-repeat 10px center;}

.btn-top{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-top.png) no-repeat 10px center;}
.btn-top:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-top-active.png) no-repeat 10px center;}

.btn-up{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-up.png) no-repeat 10px center;}
.btn-up:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-up-active.png) no-repeat 10px center;}

.btn-down{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-down.png) no-repeat 10px center;}
.btn-down:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-down-active.png) no-repeat 10px center;}

.btn-open{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-open.png) no-repeat 10px center;}
.btn-open:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-open-active.png) no-repeat 10px center;}

.btn-orderby{ display: inline-block; vertical-align: middle; padding-left: 30px; background:  url(http://mail.fastrise.net/accounts/images/ico-orderby.png) no-repeat 10px center;}
.btn-orderby:hover{ background:  url(http://mail.fastrise.net/accounts/images/ico-orderby-active.png) no-repeat 10px center;}


.actionbar>span{ display: inline-block; margin-right: 30px; cursor: pointer;}
.actionbar>span:hover{ color: #0e8bee;}


.btn-icon{padding:0 10px; text-align:center;}
.btn-icon .iconfont{font-size:16px; margin-left:0; line-height: inherit;}

.btn:hover .iconfont{ color:#1e50e7; }
.btn-active .iconfont, .btn-active:hover .iconfont{ color:#fff; }

.btn-darkgray{ border:1px solid #353f5e; background-color:#353f5e; color:#fff; text-decoration:none;}
.btn-darkgray:hover{border:1px solid #232d3e; background-color:#232d3e; color:#fff; text-decoration:none;}
.btn-darkgray:hover .iconfont{ color:#fff;}

.btn-bar .btn{ margin-right:15px;}
.t-right .btn-bar>:last-child{ margin-right:0;}
.btn-toolbar .btn{ margin-right:10px; padding:0 10px;}
.btn-big{ width:100%; height:48px; line-height:48px; border-radius:2px; text-align:center; font-size:16px;}

/* 带图标按钮 */
.btn-customer-add{ background-image: url(http://mail.fastrise.net/accounts/images/ico-customer-add.png); background-position:10px center; padding-left:30px !important;}
.btn-customer-add:hover{ background-image: url(http://mail.fastrise.net/accounts/images/ico-customer-add-active.png);}
.btn-customer-del{ background-image: url(http://mail.fastrise.net/accounts/images/ico-customer-del.png); background-position:10px center; padding-left:30px !important;}
.btn-customer-del:hover{ background-image: url(http://mail.fastrise.net/accounts/images/ico-customer-del-active.png);}

.btn-filter{ background-image: url(http://mail.fastrise.net/accounts/images/ico-filter.png); background-position:10px center; padding-left:30px !important;}
.btn-filter:hover{ background-image: url(http://mail.fastrise.net/accounts/images/ico-filter-active.png); background-position:10px center; padding-left:30px !important;}
.btn-folded{ background-image: url(http://mail.fastrise.net/accounts/images/ico-folded.png); background-position:10px center; padding-left:25px !important;}
.btn-folded:hover{ background-image: url(http://mail.fastrise.net/accounts/images/ico-folded-active.png); background-position:10px center; padding-left:25px !important;}
/*
.btn-export{ background-image: url(http://mail.fastrise.net/accounts/images/ico-export.png); background-position: center; padding-left:18px !important;}
.btn-export:hover{background-image: url(http://mail.fastrise.net/accounts/images/ico-export-active.png);}
*/
.btn-download{ background-image: url(http://mail.fastrise.net/accounts/images/ico-download.png); background-position: center; padding-left:18px !important;}
.btn-download:hover{background-image: url(http://mail.fastrise.net/accounts/images/ico-download-active.png);}

.btn-skip{ background-image: url(http://mail.fastrise.net/accounts/images/ico-skip.png); background-position:10px center; padding-left:25px !important;}

.btn-call{ display:inline-block; width:24px; height:24px; background-color:#1e50e7; border-radius: 4px; box-shadow: 0px 0px 3px 0px rgba(30, 80, 231, 0.75); text-align:center; color:#fff;}
.btn-call .iconfont{ font-size:17px;}

.btn-call-large{ display:inline-block; width:58px; height:58px; background-color:#1e50e7; border-radius: 4px; box-shadow: 0px 0px 3px 0px rgba(30, 80, 231, 0.75); text-align:center; color:#fff;}
.btn-call-large .iconfont{ font-size:40px;}

.v-line-t{display:inline-block; vertical-align: middle; width:1px; height:18px; margin-right:10px; background-color:#dfe0e4;}

.btn-small{ font-size: 12px; padding:0 10px;}

.moreaction{ cursor: pointer; display: inline-block; vertical-align: middle;  width:30px; height:18px; background: url(http://mail.fastrise.net/accounts/images/ico-moreaction.png) no-repeat center 2px; border-radius: 2px; }
.moreaction:hover{ background: url(http://mail.fastrise.net/accounts/images/ico-moreaction-active.png) no-repeat center 2px;  }

/* 表单 */
.form-item-group{}
.form-item{ position: relative; }
.form-item .label{}
.form-item .field{}
.form-item-msg{ position: absolute; top: 0; font-size: 12px; margin-top:-22px;}

.form-error{ font-size: 12px; color: #e72444; padding-left: 19px; background: url(../image/form-alert-error-icon.png) no-repeat 1px center;}
.form-error-bg{ padding: 0 20px 0 44px; background:#fce6e9 url(../image/form-alert-error-icon.png) no-repeat 20px center; right:0; height: 28px; line-height: 28px; margin-top: -27px;}
.form-error-bg .caret{ position: absolute; top: 28px; left: 50%;  margin-left: -5px;  color: #fce6e9;}

/* checkbox */
.ui-checkbox [type=checkbox], .ui-radio [type=radio]{ display:none;}
.ui-checkbox, .ui-radio{position: relative; display: inline-block; width:14px; height:14px; cursor: pointer; vertical-align: middle; margin:0;}
.ui-checkbox-text, .ui-radio-text{ width: auto; line-height: 14px; padding-left: 22px;}

.ui-checkbox:before, .ui-radio:before{position: absolute; top: 0; left: 0; display: inline-block; width:14px; height:14px; content:'';  border: 1px solid #dce0e8; background-color:#fafbfc;}
.ui-checkbox:before{border-radius: 3px;}
.ui-radio:before{border-radius:10px;}
.ui-checkbox:after, .ui-radio:after{ position: absolute; display: none; content: ''; }

.ui-checkbox:hover:before, .ui-radio:hover:before{ animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; }

.ui-checkbox-checked:before, .ui-radio-checked:before { border:#0e8bee; background:#0e8bee; }
.ui-checkbox-checked:after, .ui-radio-checked:after{display: inline-block; top:1px; left:5px; box-sizing:border-box;  width:5px;  height:9px; transform: rotate(45deg); border-width:2px; border-style:solid; border-color:#fff; border-top:0; border-left:0;}

.ui-checkbox-indeterminate:before { background:#fafbfc; }
.ui-checkbox-indeterminate:after{display: inline-block; top:6px; left:3px; box-sizing:border-box;  width:8px;  height:2px; border-width:2px; border-style:solid; border-color:#2163de; border-top:0; border-left:0;}

.ui-checkbox-disabled{ cursor: not-allowed; }
.ui-checkbox-disabled:hover:before{animation-name:none;}
.ui-checkbox-disabled:before{ border-color:#dce0e8; background:#fafbfc;}
.ui-checkbox-disabled:after{ border-color:#dce0e8;}

.checkbox-group>*{ display: inline-block; margin-right: 30px;}

@keyframes hover-color {
    from { border-color: #dce0e8; }
    to { border-color: #0e8bee; }
}

textarea{resize:none;}
input,button,textarea:focus { outline:none;}
input:focus,textarea:focus{border-color:#80a8f8 !important;}

.input, .field>input{padding:4px 8px; height:30px; border:1px solid #c7cbcd; background-color:#fff; color: #657180; border-radius:0px;}
.field>input{ width: 100%;}

input.h46{ padding:10px; height: 46px; line-height: 26px; }
input.h32{ padding:5px 10px; height: 32px; line-height: 22px; }

.input-datetime{ position: relative; display: inline-block;}
.input-datetime .ico-datetime{ position: absolute;  top: 6px;  right: 10px; cursor: pointer;}
.input-datetime .ico-datetime:hover{ background: url(http://mail.fastrise.net/accounts/images/ico-datetime-active.png) no-repeat center;}

.editable{ position: relative;}
.editable:hover .input{ border: 1px solid #0f8bef;}
.editable .btn-ok{ display: none; position: absolute; top:0; right:0; width:25px; height:30px; background:#0f8bef url(http://mail.fastrise.net/accounts/images/ico-editable-ok.png) no-repeat center;  border-radius: 0 4px 4px 0; }
.editable.active .btn-ok{ display: block;}

.textarea{padding:4px 8px; border:1px solid #c7cbcd; background-color:#fff; border-radius:4px; }

.select2{ min-width: 62px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-user-modify: read-write-plaintext-only;   outline: none;   box-shadow: none;}


.ui-switch{ position: relative; display: inline-block; vertical-align: middle; width: 28px; height: 14px; background-color: #333e50; border-radius: 25px;}
.ui-switch .switch-toggle{ position: absolute; top:0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 50px; background-color:#fff; box-shadow: 0px 1px 4px 0px rgba(51, 62, 80, 0.35); cursor: pointer;}

.switch-checked{ background-color: #0e8bee;}
.switch-checked .switch-toggle{ left: initial; right: 0;}

/* 搜索 */
.ui-searchbar{ display: inline-block; }
.ui-searchbar .search{position: relative; width:270px; display: inline-block; vertical-align: middle;}
.ui-searchbar .search .input{ width:100%; padding-right:58px; border-radius: 0; }
.ui-searchbar .search .ico{ position:absolute; top:6px; right:10px; color:#bbb;}
.ui-searchbar .search .ico-delete{ position:absolute; top:3px; right:36px; display:none;}
.ui-searchbar .search-focus .ico-delete{ display:inline-block;}
.ui-searchbar .btn{padding:0 10px;}
.ui-searchbar .btn .iconfont{margin-left:0; font-size:16px;}

.ui-searchbar .slot-after{display: inline-block; vertical-align: middle;}
.ui-searchbar .slot-after .btn{ margin-left:6px;}

/* ui-filter */
.ui-filter{ padding:10px 15px; border: 1px solid #d3d7dd; background-color:#FAFBFC;}

.selected-list>*{ margin-bottom:10px;}

/* 下拉列表 */
.ui-droplist{ position: relative; display: inline-block; font-size: 12px; border: 1px solid #fff;}
.ui-droplist .droplist{ position: absolute;  left: 0;  right: 0;  margin-left: -1px;  margin-right: -1px; background: #fff; border: 1px solid #ececec; display: none;}
.ui-droplist-active .droplist{ display: block;}
.ui-droplist:hover,.ui-droplist-active{ border: 1px solid #ececec; border-radius: 4px;}
.ui-droplist .btn-toggle{ display: inline-block; margin: 0; padding:8px 10px; cursor: pointer;}
.ui-droplist .droplist li{ padding: 0 10px; height: 30px; line-height: 30px; cursor: pointer; text-align: left;}
.ui-droplist .droplist li:hover{ background-color: #ececec;}
.ui-droplist-active .caret{ border-top: 0px dashed transparent;  border-top: 0px solid transparent\9 ; border-bottom: 5px dashed;  border-bottom: 5px solid\9; }

.dropmore, .dropmore:hover{border: 0;}
.dropmore .droplist{top:0; width: 140px; margin-left: -138px; box-shadow: 0px 4px 4px 0px rgba(51, 62, 80, 0.35);}
.dropmore .droplist li{ height: 34px; line-height: 34px;}
.dropmore .droplist li:hover{ background-color: #eff6fc; color: #0e8bee;}
.dropmore .droplist li span{ display: block;}

.droplist-account{ border: 1px solid #333e50;}
.droplist-account:hover{ background-color: #fff;border: 1px solid #fff; border-radius: 0; color: #191a1b;}
.droplist-account .droplist li:hover{ background-color: #eff6fc;}


/* ui-tree */
.ui-tree li{position: relative; padding-left: 20px;}
.ui-tree li.fold{ background: url(http://mail.fastrise.net/accounts/images/tree-fold.png) no-repeat 3px 14px;}
.ui-tree li.unfold{ background: url(http://mail.fastrise.net/accounts/images/tree-unfold.png) no-repeat 0 14px;}
.ui-tree li a{ display:block; line-height:34px; color:#191a1b; white-space: nowrap;}
.ui-tree li a:hover{ text-decoration: none; color:#0e8bee; }
.ui-tree .dropmore{ position: absolute; z-index: 10; cursor: pointer; right:0; top:10px;}
.ui-tree .dropmore .moreaction{ width: 20px; background:#f4f6f8 url(http://mail.fastrise.net/accounts/images/ico-tree-moreaction.png) no-repeat center;}
.ui-tree .dropmore:hover .moreaction{ background:#0e8bee url(http://mail.fastrise.net/accounts/images/ico-tree-moreaction-active.png) no-repeat center; }


.ztree .dropmore{ position: absolute; z-index: 10; cursor: pointer; right:-10px; top:10px;}
.ztree .dropmore .moreaction{ width: 20px; background:#f4f6f8 url(http://mail.fastrise.net/accounts/images/ico-tree-moreaction.png) no-repeat center;}
.ztree .dropmore:hover .moreaction{ background:#0e8bee url(http://mail.fastrise.net/accounts/images/ico-tree-moreaction-active.png) no-repeat center; }
.ztree .dropmore .droplist{padding:0; border:0;}
.ztree .dropmore .droplist li{ padding:0 10px;}
.ztree .dropmore .droplist li span{margin:0; padding-left:30px; line-height:34px;}


/* 穿梭框 */
.ui-transfer .transfer-list{ display: inline-block; width: 43%; vertical-align: top; border: 1px solid #d3d7dd;}
.ui-transfer .transfer-list .ui-searchbar{ width:100%;}
.ui-transfer .transfer-list .ui-searchbar .search{ width: 100%; border-bottom: 1px solid #d3d7dd;}
.ui-transfer .transfer-list .ui-searchbar .search .input{ border:0;}
.ui-transfer .transfer-action{ display: inline-block; width: 10%; margin: 0 1%; vertical-align: middle; text-align: center; padding-top: 110px;}
.ui-transfer .transfer-action .btn{font-family: serif; font-weight: bold; font-size:36px; margin-top: 70px; border:none;}
.ui-transfer .transfer-list .employee-list{ padding:0px;}
.ui-transfer .transfer-list .employee-list li{ position: relative; line-height: 36px; padding-left:30px; background: url(http://mail.fastrise.net/accounts/images/ico-person.png) no-repeat 10px center; cursor: pointer;}
.ui-transfer .transfer-list .employee-list li:hover{ background-color: #eff6fc;}
.ui-transfer .transfer-list .employee-list li .ico-del{ display: none;}
.ui-transfer .transfer-list .employee-list li:hover .ico-del{ display: inline-block; float: right;}

/* 菜单 */
.menu li a{ display: block; }
.menu li a:hover{ text-decoration: none;}
.menu-inline li{ float: left;}
.menu-inline li a{ display: inline-block; padding: 0 20px; line-height: 30px; text-decoration: none; }
.menu-inline li.active a{ font-weight: bold; color: #fff;}

/* 表格 */
table{ max-width:100%; border-collapse: collapse; border-spacing: 0;}
table th{ padding:10px; line-height:24px; font-weight:normal; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table td{ padding:10px; line-height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.border th, table.border td{border:1px solid #d3d7dd;}
table.striped th, table.striped td{border-bottom:1px solid #d3d7dd;}

.dataTables_scrollHead{ background-color:#f5f6fa; border-bottom:1px solid #d3d7dd;}
.dataTables_scrollHead table .bg-gray{ background-color:transparent !important;}
.dataTables_scrollHead table.striped th{border-bottom:0;}

div.dataTables_scrollHead table.dataTable{ margin-top:0 !important}

.table-wrap{ position: relative; margin-top: 10px;}
.table-actionbar{position: absolute; left: 0; right: 0; margin-left: 46px; padding-left:20px;  height: 44px;  line-height: 44px;  background-color: #e8f6ff;}
.table-responsive{ width:100%; overflow-x: auto;}
.table-fixed{ table-layout: fixed;}
.col-check{ width:36px !important; text-align:center !important; padding-right: 0 !important;}

.frame-body table tr>:first-child{ padding-left:0px;}
.frame-body table.striped tr>:first-child{ padding-left:10px;}

/* 对话框 */
.ui-modal{ position: absolute; z-index: 110; top:30%; left: 50%; background-color: #fff; display: none;}
.modal-hd{ position: relative; background-color: #f2f4f7; padding:0 20px; height: 48px; line-height: 48px;}
.modal-close{ position: absolute; right:5px; width:31px; height: 100%; background:  url(http://mail.fastrise.net/accounts/images/modal-close-icon.png) no-repeat center;}
.modal-bd{ padding:20px;}
.modal-ft{ padding:0px 20px 30px;}

/* 分页 */
.pagination{ list-style:none; padding:0; margin: 20px 0;}
.pagination .ui-droplist{ font-size: 14px;}
.pagination>span , .pagination>a{ display:inline-block; margin:0 10px;}
.pagination a{ color: #191a1b;}
.pagination a:hover{ color: #0e8bee;}

/* 卡片 */
.card-theme{padding: 20px; margin-left: 5px; margin-right:60px; margin-top: -10px;}
.card-theme .theme-img{ border: 1px solid #d3d7dd; padding: 3px;}
.card-theme:hover{ background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}

/* 页面布局 */
.lang{ position: absolute; top: 20px; right:20px; line-height: 1;}
.item{ margin-bottom: 20px;}

.frame-top,.frame-head{ background-color: #333e50; color: #ccd3df;}
.frame-top a, .frame-head a{ color: #ccd3df;}
.frame-top a:hover, .frame-head a:hover{ text-decoration: none; color:#fff;}

.frame-top{padding:0 20px; height: 30px; line-height: 30px; font-size: 12px;}
.frame-top .menu-inline{ display: inline-block; margin-left: 20px;}
.frame-top .ui-droplist .btn-toggle{ padding: 0 10px;}

.frame-head{padding:0 20px; height: 64px; line-height: 64px; font-size: 12px;}
.frame-head .menu-inline{ margin-left: 20px;}
.frame-head .menu-inline .active{ background-color: #0e8bee;}
.frame-head .menu-inline li a{min-width: 88px; text-align: center;}

.frame-side{ position: fixed; top: 94px; bottom: 46px; width: 221px; background-color: #f4f6f8; border: 1px solid #e9e9e9; padding:20px; font-size: 14px; overflow: auto;}
.frame-side .menu li{ margin-bottom:25px;}
.frame-side .menu .line{ border-bottom: 1px solid #e9e9e9; margin-left:-10px; margin-right:-10px;}
.frame-side .menu a{ color:#191a1b; }
.frame-side .menu a:hover{ text-decoration: none; color:#0e8bee;}
.frame-side .menu .active a{ text-decoration: none; color:#0e8bee; font-weight: bold;}


.frame-side .menu-inline{ background-color: #e8ecf0; margin-top: -20px;  margin-left: -20px; margin-right: -20px; padding-top: 20px;  padding-left: 20px;  padding-right: 20px;}
.frame-side .menu-inline li{ margin-bottom: 10px;}
.frame-side .menu-inline li a{ line-height: 20px;}
.frame-side .menu-inline .active a span{position: relative; display: block;  width: 100%;}
.frame-side .menu-inline .active a span:after{ content:''; position: absolute; display: inline-block;  width:100%;  height: 2px;  background-color: #0e8bee; left:0;  bottom: -10px; }


.frame-body{ position: fixed; top: 94px; bottom: 46px; left: 221px; right: 0; padding: 20px; overflow: auto;}
.frame-body .menubar{ min-height: 40px;}
.frame-body .menu-inline li a{ margin: 12px 0; padding:0 25px; color: #191a1b; font-size: 14px; border-left:1px solid #d3d7dd; line-height: 1.2;}
.frame-body .menu-inline li:first-child a{border-left:0;}
.frame-body .menu-inline li a:hover{ color: #0e8bee;}
.frame-body .menu-inline .active a{ color: #0e8bee; font-weight: normal;}
.frame-body .menu-inline .active a span{position: relative; display: block;  width: 100%;}
.frame-body .menu-inline .active a span:after{ content:''; position: absolute; display: inline-block;  width:100%;  height: 2px;  background-color: #0e8bee; left:0;  bottom: -13px; }

.frame-foot{ position: fixed; bottom: 0; left: 0; right: 0; height: 46px; line-height: 45px; font-size: 12px; border-top:1px solid #d3d7dd; padding-right: 20px; background-color: #fff;}
.frame-foot .ui-droplist{ height: 28px;  line-height: 26px; }
.frame-foot .ui-droplist .btn-toggle{ padding: 0 10px;}
.frame-foot .ui-droplist .droplist{ position: absolute; top: -61px; background-color: #fff; left: 0; right: 0; margin-left: -1px; margin-right: -1px; border: 1px solid #ececec; }

.frame-homebody{ position: static;}
.frame-homebody .row{ width: 1240px; margin:0px auto;}

.wgt-copyright{ display: inline-block; margin-left: 40px; }

/* 首页 */

/* grid-mod */
.grid-mod .mod{ display: block; height: 64px; line-height: 34px; border: 1px solid #d3d7dd; border-radius: 4px; padding: 15px 15px 15px 72px; margin-top: 20px; color:#191a1b; cursor: pointer; }
.grid-mod .mod:hover{ color:#0e8bee; border: 1px solid #0e8bee; box-shadow: 0px 4px 4px 0px rgba(59, 72, 84, 0.15); text-decoration: none;}
.grid-mod .mod-newmember{ background: url(http://mail.fastrise.net/accounts/images/mod-newmember.png) no-repeat 22px center;}
.grid-mod .mod-extcontact{ background: url(http://mail.fastrise.net/accounts/images/mod-extcontact.png) no-repeat 22px center;}
.grid-mod .mod-massemail{ background: url(http://mail.fastrise.net/accounts/images/mod-massemail.png) no-repeat 22px center;}
.grid-mod .mod-mailgroup{ background: url(http://mail.fastrise.net/accounts/images/mod-mailgroup.png) no-repeat 22px center;}
.grid-mod .mod-mailmove{ background: url(http://mail.fastrise.net/accounts/images/mod-mailmove.png) no-repeat 22px center;}
.grid-mod .mod-adminset{ background: url(http://mail.fastrise.net/accounts/images/mod-adminset.png) no-repeat 22px center;}
.grid-mod .mod-weixin{ background: url(http://mail.fastrise.net/accounts/images/mod-weixin.png) no-repeat 22px center;}
.grid-mod .mod-mailsafe{ background: url(http://mail.fastrise.net/accounts/images/mod-mailsafe.png) no-repeat 22px center;}
.grid-mod .mod-loginprotect{ background: url(http://mail.fastrise.net/accounts/images/mod-loginprotect.png) no-repeat 22px center;}
.grid-mod .mod-maillog{ background: url(http://mail.fastrise.net/accounts/images/mod-maillog.png) no-repeat 22px center;}

/* 系统通知 */
.system-news li{ padding:12px 20px; border-bottom: 1px solid #e8ebee;}
.system-news li a{position: relative; display: inline-block; line-height: 24px; color:#191a1b; }
.system-news li a:hover{ color:#0e8bee;}
.system-news li .ico-unread{ position: absolute; top:0; right: -8px; display: block; width: 6px; height: 6px; background-color: #ee0e3d; border-radius: 15px;}
.system-news li .date{ float: right; color: #999899; margin-top: 12px;}

.ui-transfer .transfer-list .import-list{ padding:5px 0; }
.ui-transfer .transfer-list .import-list li{background: none; padding-left:15px;}
.ui-transfer .transfer-list .import-list li .slot-after{ position: absolute; right: 10px;}

.ui-transfer .transfer-list .import-list li:hover .slot-after{ display:none;}
.ui-transfer .transfer-list .import-list li:hover .ico-del{ margin-top:8px !important;}


table.striped td .actionbar>*{ min-width: 56px; }

.transfer-list .list-checkbox li{ position: relative; line-height:32px; padding-left: 20px; }
.transfer-list .list-checkbox .ui-checkbox{ position: absolute; right:10px; top:8px;}