/*reset*/
body {color: #555;font-size: 14px;background-color: #e7e9eb;font-family: PingFang SC, "microsoft yahei", 微软雅黑, Tahoma, Helvetica;}
body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,div,tr,td,input,select,textarea,hr,span,a{margin:0; padding:0;box-sizing: border-box; font-family: PingFang SC, "microsoft yahei", 微软雅黑, Tahoma, Helvetica;}
img {margin: 0;padding: 0; border: 0;vertical-align: middle;}
em,i {font-style: normal;}
ol,ul,li {list-style: none;}
h1,h2,h3,h4,h5 {color: #333;font-weight: normal;}
a,a:visited,a:hover,a:active {color: #4991e1;text-decoration: none;}
label {display: inline-block;}

/* clearfix  */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.dis_none {display: none;}
.line {border-bottom: 1px solid #E9E9E9;}
.center {text-align: center;}

/* font  */
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 24px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.fsong {font-family: "宋体" !important;}
.fkai {font-family: "楷体" !important;}
.fhei {font-family: "黑体" !important;}

.f700 {font-weight: 700;}
/* .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} */

/* color */
.c_33 {color: #333;}
.c_55 {color: #555;}
.c_88 {color: #888;}
.c_be {color: #bebebe;}
.c_e6 {color: #e6e6e6;}
.bule {color: #4991e1;}
.red {color: #FF7859;}
.green {color: #5FE2DD;}
.bg_c_ff {background-color: #fff;}

/* align */
.center {text-align: center;}

/* margin */
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}

.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}

.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb25 {margin-bottom: 25px;}
.mgb30 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}

.mgr5 {margin-right: 5px;}
.mgr10 {margin-right: 10px;}
.mgr15 {margin-right: 15px;}
.mgr20 {margin-right: 20px;}
.mgr25 {margin-right: 25px;}
.mgr30 {margin-right: 30px;}
.mgr40 {margin-right: 40px;}
.mgr50 {margin-right: 50px;}

.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl15 {margin-left: 15px;}
.mgl20 {margin-left: 20px;}
.mgl25 {margin-left: 25px;}
.mgl30 {margin-left: 30px;}
.mgl40 {margin-left: 40px;}
.mgl50 {margin-left: 50px;}
.mgl120 {margin-left: 120px;}

/* padding */
.pdt5 {padding-top: 5px;}
.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdt25 {padding-top: 25px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}

.pdb5 {padding-bottom: 5px;}
.pdb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}
.pdb25 {padding-bottom: 25px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}

.pdl5 {padding-left: 5px;}
.pdl10 {padding-left: 10px;}
.pdl15 {padding-left: 15px;}
.pdl20 {padding-left: 20px;}
.pdl25 {padding-left: 25px;}
.pdl30 {padding-left: 30px;}
.pdl40 {padding-left: 40px;}
.pdl50 {padding-left: 50px;}

.pdr5 {padding-right: 5px;}
.pdr10 {padding-right: 10px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr25 {padding-right: 25px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.pdr50 {padding-right: 50px;}

/* form */
input {height: 32px;padding-left: 10px;line-height: 32px;font-size: 14px; color: #333; border: 1px solid #dcdcdc;outline: none;}
textarea {padding: 5px 10px;color: #333; border: 1px solid #dcdcdc;outline: none;}
input:focus,textarea:focus {border: 1px solid #4991e1;}
input::-webkit-input-placeholder {color: #dcdcdc;}  /* WebKit browsers */
input:-moz-placeholder {color: #dcdcdc;}  /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder {color: #dcdcdc;}  /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #dcdcdc;}  /* Internet Explorer 10+ */

textarea {font-family: PingFang SC, "microsoft yahei", 微软雅黑, Tahoma, Helvetica;outline: #4991e1;resize: none;}
label {line-height: 32px;vertical-align: middle; cursor: pointer;}
button {outline: none;cursor: pointer;}

/* 单选、复选*/
input[type="radio"] {width: 20px;height: 20px;margin-right: 10px; background: url(../images/radio.png) no-repeat;background-size: 19px 19px; border: 0;appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align: middle; cursor: pointer;}
input[type="radio"]:checked {background-image: url(../images/radio_on.png);}
input[type="checkbox"] {width: 20px;height: 20px;margin-right: 10px; background: url(../images/checkbox.png) no-repeat;background-size: 19px 19px; border: 0;appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align: middle; cursor: pointer;}
input[type="checkbox"]:checked {background-image: url(../images/checkbox_on.png);}
input[type="file"] {display: none;}

/* 下拉选择 */
select {height: 32px;padding-left: 10px;line-height: 32px;color: #333; border: 1px solid #dcdcdc;outline: none;background: url(../images/arrow_down.png) no-repeat right center;background-size: 16px 16px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select:focus {border: 1px solid #4991e1;}

.btn_add {display: inline-block;height: 32px;padding: 0 10px;line-height: 32px;border: 1px solid #4991E1;}
.btn_add:hover {background-color: rgba(73, 145, 225, 0.1);}
.btn_del {display: inline-block;height: 32px;padding: 0 10px;line-height: 32px;color: #FF4040 !important; border: 1px solid #FF4040;;}
.btn_del:hover {background-color:rgba(255, 64, 64, 0.1)}
.btn_sure {width: 150px;height: 40px;margin-left: 10px;font-size: 16px;color: #fff;background-color: #4991E1;border: 0;border-radius: 3px;outline: none;}
.btn_cancel {width: 150px;height: 40px;margin-left: 10px;font-size: 16px;border: 1px solid #DCDCDC;;border-radius: 3px;outline: none;}

/* content */
.w1200 {width: 1200px;margin: 0 auto;}
.w700 {width: 700px;}
.w660 {width: 660px;}
.w550 {width: 550px;}
.w500 {width: 500px;}
.w400 {width: 400px;}
.w380 {width: 380px;}
.w365 {width: 365px;}
.w330 {width: 330px;}
.w300 {width: 300px;}
.w220 {width: 220px;}
.w200 {width: 200px;}
.w185 {width: 185px;}
.w180 {width: 180px;}
.w150 {width: 150px;}
.w140 {width: 140px;}
.w135 {width: 135px;}
.w120 {width: 120px;}
.w110 {width: 110px;}
.w100 {width: 100px;}
.w90 {width: 90px;}
.w70 {width: 70px;}
.w60 {width: 60px;}
.w30 {width: 30px;}
.h400 {height: 400px;}
.h80 {height: 80px;}
.h60 {height: 60px;}

/* header */
.header {height: 80px;line-height: 80px;background-color: #fff;vertical-align: middle;box-shadow: 0px 0px 5px #BEBEBE;overflow: hidden;}
.header .logo {width: 44px;height: 44px;}
.header .person {width: 28px;height: 28px;border-radius: 100%;}
.header .home {width: 21px;height: 21px;}

/* footer */
.footer {width: 100%;height: 130px;background-color: #FBFBFD;}
.footer a {color: #555555;}
.footer .line {display: inline-block;margin: 0 15px;height: 12px;line-height: 12px;border-right: 1px solid #E6E6E6;}


/* nav */
.nav {float: left;width: 220px;height: 400px;margin: 30px 0;background-color: #fff;}
.nav ul li {height: 46px;line-height: 46px;}
.nav ul li a {display: inline-block;width: 100%;padding-left: 30px;color: #555;border-left: 2px solid #fff;}
.nav ul li a.on,.nav ul li a:hover {color: #4991E1;border-left: 2px solid #4991E1;background-color: rgba(236, 244, 252, 1);}

/* 后台-主要内容区域 */
.main {float: right;margin: 30px 0px;width: 960px;min-height: 600px;padding: 0 30px 30px 30px;background-color: #fff;}
.main h3 {display: inline-block;width: 100%;padding: 20px 0;font-size: 20px;line-height: 20px;border-bottom: 1px solid #E9E9E9;}
.main h3 span {display: inline-block;height: 20px;padding-right: 10px;border-left: 3px solid #4991E1;vertical-align: middle;}
.main_tab a{display: inline-block; margin-right: 30px; font-size: 18px; color: #333; padding: 15px 0;}
.main_tab .on {color: #4991E1; border-bottom: 2px solid #4991E1;}
.main .title {color: #000; font-size: 16px;}
.main .title::before {content: "";display: inline-block; height: 16px;margin-right: 10px; border-left: 3px solid #4991E1;vertical-align: middle;}

/* 列表筛选、操作区域 */
.nav_tb {width: 100%;margin-top: 10px;padding: 10px;background-color: #FBFBFB;border: 1px solid #E9E9E9;}
.nav_tb span {line-height: 32px;padding-right: 10px;}
.tb_search {position: relative;}
.tb_search input {width: 240px;border-right: 0;}
.tb_search button {position: absolute;top: 0;right: 0;}
.btn_bule {display: inline-block;height: 32px;margin-left: 10px;padding: 0 10px;color: #fff;background-color: #4991E1;line-height: 32px;border: 1px solid #4991E1;}
.btn_bule:hover,.btn_bule:visited,.btn_bule:active {color: #fff;}

/* 多选框样式 */
.select_box {display: inline-block; position: relative; background-color: #fff;}
.select_box input {background-color: #fff; background: url(../images/arrow_down.png) no-repeat; background-position: calc(100% - 8px) 8px; background-size: 16px 16px;}
.select_box ul {max-height: 165px; overflow:auto}
.select_opt {position: absolute;top: 32px;width: 100%; background-color: #fff;border: 1px solid #DDDDDD;z-index: 100}
.select_opt li {line-height: 32px;padding-left: 10px;cursor: pointer;}
.select_opt li:hover {background-color: #F3F3F3;}

/* 列表数据内容 */
.tb_list {width: 100%;}
.tb_list tbody tr:hover {background-color: #FBFBFB;}
.tb_list tbody tr:nth-child(odd) {background-color: #FBFBFB;}
.tb_list tr td:nth-child(1) {padding-left: 15px;}
.tb_list tr td:nth-last-child() {padding-right: 10px;}
.tb_list td {padding: 15px 5px;border-bottom: 1px solid #E9E9E9;}
.tb_list td a {display: inline-block; padding: 0 5px;}

/* 分页效果 */
.page {width: 100%;height: 36px;margin-top: 30px;text-align: center;}
.page a {display: inline-block;height: 36px;margin-left: -6px;padding: 0 15px;color: #555;line-height: 36px;background-color: #FBFBFB;border: 1px solid #E9E9E9;}
.page a:hover,
.page .on {color: #fff;background-color: #4991E1;border: 1px solid #4991E1;}
.page span {padding: 0 5px;}
.page i {padding: 0 5px;color: #4991E1;}
.page input {width: 36px;height: 30px;padding-left: 5px;}
.page .page_submit {height: 30px;margin: 3px 0;padding: 0 10px;line-height: 30px;background-color: #FBFBFB;border: 1px solid #E9E9E9;cursor: pointer;}

/* 遮罩层 */
.mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}

/* 弹窗 */
.pop {position: fixed;top: 50%; left: 50%;transform: translate(-50%,-50%); background-color: #fff;}
.pop_title {width: 100%;height: 50px;padding-left: 20px;font-size: 16px;line-height: 50px;border-bottom: 1px solid #E9E9E9;}
.pop_close {position: absolute;top: 20px;right: 20px;width: 11px;height: 11px;background: url(../images/close.png) no-repeat;background-size: 11px 11px;cursor: pointer;}
.pop_btn {width: 100%;margin-bottom: 30px; height: 32px;line-height: 32px;text-align: center;}
.pop_btn_sure {display: inline-block;width: 94px;height: 32px;color: #fff;background-color: #4991E1;border-radius: 3px;}
.pop_btn_sure:hover,.pop_btn_sure:visited,.pop_btn_sure:active {color: #fff;}
.pop_btn_cancel {display: inline-block;width: 94px;height: 32px;line-height: 32px;border-radius: 3px;color: #888888;border: 1px solid #D7D7D7;}
.pop_btn_cancel:hover,.pop_btn_cancel:visited,.pop_btn_cancel:active {color: #888888;}

/* 删除弹窗 */
.pop_del {position: fixed;top: calc(50% - 100px);left: calc(50% - 190px);width: 380px;height: 200px;background-color: #fff;border-radius: 3px;z-index: 100;}
.pop_content {width: 285px;margin: 50px;margin-bottom: 30px;font-size: 16px;color: #000;}
.del_icon {display: inline-block;width: 32px;height: 32px;background: url(../images/del_icon.png) no-repeat;background-size: 32px 32px;}
.pop_btn_del {display: inline-block;width: 94px;height: 32px;line-height: 32px;border-radius: 3px;color: #FF4040;border: 1px solid #FF4040;}
.pop_btn_del:hover,.pop_btn_del:visited,.pop_btn_del:active {color: #FF4040;}

/* 提示弹窗 */
.pop_tips {position: fixed;top: 50%; left: 50%;transform: translate(-50%,-50%); width: 500px; background-color: #fff;}
.pop_tips p {font-size: 16px;}
.pop_tips_icon {display: inline-block;width: 32px;height: 32px;background: url(../images/pop_tips_icon.png) no-repeat;background-size: 32px 32px;}

/* 带三角行的滚定条 */
.choose_item {position: absolute; padding: 10px 2px; line-height: 0; background-color: #fff;border-radius: 5px; border: 0; border-bottom: 5px #fff; box-shadow: 0 0 6px rgba(0,0,0,0.08); z-index: 1000;}
.choose_item span {position: absolute; display: inline-block;top: -20px; right: 20px; width: 0px; height: 0px; border: 10px solid transparent; border-bottom-color:#fff;}
.scroll_y {display: inline-block; min-width: 100px; max-height: 250px; padding: 0 15px; overflow-y: scroll; white-space:nowrap;}
.scroll_y::-webkit-scrollbar {width: 8px;}
.scroll_y::-webkit-scrollbar-thumb {border-radius: 8px; background-color: rgba(0,0,0,0.1);}
.scroll_y::-webkit-scrollbar-track {border-radius: 8px; background-color: rgba(0,0,0,0);}
.scroll_y li {line-height: 2; color: #000;}
.scroll_y a {color: #000;}
.scroll_y a:hover,.scroll_y li:hover {color: #1576FA;}
.scroll_y .on {color: #1576FA;}