* { margin: 0; padding: 0;word-wrap:break-word; }
html,body{height: 100%;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; border: 0; }
input{outline:none}
body { width: 100%; height: 100%;font-family:Arial, Verdana, Tahoma,  "微软雅黑","宋体", Helvetica, sans-serif; }
img { border: 0; }
a { color: #333; text-decoration: none; outline:none;}
a:hover,a:active,a:visited{text-decoration: none; }
/*常用*/
.hidden { display: none; }
.show { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.fl{float: left;}
.fr{float: right;}
.cursorp{ cursor: pointer;}
.br50{border-radius: 50%;}
.br3{border-radius: 3px;}
.br5{border-radius: 5px;}
.br10{border-radius: 10px;}
.position_r{position:relative;}
.position_a{position:absolute;}
.position_ac{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.img_normal_box{display: table-cell;vertical-align: middle;}
.img_normal{display: inline-block;  height: auto;  max-width: 100%;}
/*设置宽*/
.mauto{margin: 0 auto;}
.w10{ width: 10%;}
.w15{ width: 15%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w50{ width: 50%;}
.w55{ width: 55%;}
.w60{ width: 60%;}
.w65{ width: 65%;}
.w70{ width: 70%;}
.w75{ width: 75%;}
.w80{ width: 80%;}
.w85{ width: 85%;}
.w90{ width: 90%;}
.w95{ width: 95%;}
.w100{ width: 100%;}
.h100{ height: 100%;}
/*对齐*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
/*字体大小*/
.font12{ font-size:  12px;}
.font14{ font-size:  14px;}
.font16{ font-size:  16px;}
.font18{ font-size:  18px;}
.font20{ font-size:  20px;}
.font22{ font-size:  22px;}
.font24{ font-size:  24px;}
.font26{ font-size:  26px;}
.font28{ font-size:  28px;}
.font30{ font-size:  30px;}
.font32{ font-size:  32px;}
.font34{ font-size:  34px;}
.font36{ font-size:  36px;}
.font38{ font-size:  38px;}
.font40{ font-size:  40px;}
.font42{ font-size:  42px;}
.font44{ font-size:  44px;}
.font46{ font-size:  46px;}
.font48{ font-size:  48px;}
.font50{ font-size:  50px;}
.fontwn{ font-weight: normal;}
.fontwb{ font-weight: bold;}
/*距离*/
.p5{ padding: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pt5{padding-top: 5px;}
.pb5{padding-bottom: 5px;}
.m5{ margin: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}

.p10{ padding: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.m10{ margin: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}

.p15{ padding: 15px;}
.pl15{padding-left: 15px;}
.pr15{padding-right: 15px;}
.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}
.m15{ margin: 15px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}

.p20{ padding: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.m20{ margin: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}

.p25{ padding: 25px;}
.pl25{padding-left: 25px;}
.pr25{padding-right: 25px;}
.pt25{padding-top: 25px;}
.pb25{padding-bottom: 25px;}
.m25{ margin: 25px;}
.ml25{margin-left: 25px;}
.mr25{margin-right: 25px;}
.mt25{margin-top: 25px;}
.mb25{margin-bottom: 25px;}

.p30{ padding: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.m30{ margin: 30px;}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}

.p35{ padding: 35px;}
.pl35{padding-left: 35px;}
.pr35{padding-right: 35px;}
.pt35{padding-top: 35px;}
.pb35{padding-bottom: 35px;}
.m35{ margin: 35px;}
.ml35{margin-left: 35px;}
.mr35{margin-right: 35px;}
.mt35{margin-top: 35px;}
.mb35{margin-bottom: 35px;}

.p40{ padding: 40px;}
.pl40{padding-left: 40px;}
.pr40{padding-right: 40px;}
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}
.m40{ margin: 40px;}
.ml40{margin-left: 40px;}
.mr40{margin-right: 40px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}

.p45{ padding: 45px;}
.pl45{padding-left: 45px;}
.pr45{padding-right: 45px;}
.pt45{padding-top: 45px;}
.pb45{padding-bottom: 45px;}
.m45{ margin: 45px;}
.ml45{margin-left: 45px;}
.mr45{margin-right: 45px;}
.mt45{margin-top: 45px;}
.mb45{margin-bottom: 45px;}

.p50{ padding: 50px;}
.pl50{padding-left: 50px;}
.pr50{padding-right: 50px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.m50{ margin: 50px;}
.ml50{margin-left: 50px;}
.mr50{margin-right: 50px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}




/*本项目公共*/
body{ background-color: #fff;color: #333; font-size: 14px;}
a:hover{text-decoration: none;}
a.Link{color: #0489ff;}
a.Link:link{color: #0489ff; text-decoration: none;}
a.Link:hover{ color: #4aa6f8;}
a.Link:visited{ color: #0489ff; text-decoration: none; }
a.Link:active  {color:#0489ff;}
/*字体色*/
.blue_text{ color: #0489ff;}
.yellow_text{ color: #ffbb3a;}
.red_text{color: #f66060;}
.green_text{ color: #5fb878;}
.white_text{ color: #fff;}
.black_text{ color: #333;}
.grey6_text{ color: #666;}
.grey9_text{ color: #999;}
/*背景色*/
.blue_bg{ background: #0489ff;}
.yellow_bg{ background: #ffbb3a;}
.red_bg{background: #f66060;}
.green_bg{background: #5fb878;}
.white_bg{background: #fff;}
.black_bg{background: #000;}
.greyb_bg{background: #bbb;}
.greye_bg{background: #eee;}
.grey9_bg{background: #999;}
.grey6_bg{background: #666;}
.greye_bg{background: #e2e2e2;}
.greyf_bg{ background: #f5f5f5; }

/*选项卡*/
.mytab_title { position: relative;left: 0; height: 40px; white-space: nowrap;  border-bottom-width: 1px; border-bottom-style: solid; transition: all .2s;
    -webkit-transition: all .2s; border-color:  #eee;}
.mytab_title li { display: inline-block; vertical-align: middle; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 40px;min-width: 65px;    padding: 0 15px;    text-align: center;    cursor: pointer;}
.mytab_title .mytab_on {color: #ffbb3a;}
.mytab_title .mytab_on:after {   position: absolute;    left: 0;    top: 0;    content: '';  width: 100%;  height: 41px;  border-width: 1px; border-style: solid; border-bottom-color: #fff;
    border-radius: 2px 2px 0 0; box-sizing: border-box;pointer-events: none;border:none;   border-bottom: 2px solid #ffbb3a;}

/*分页颜色*/
.pagination > li > a, .pagination > li > span { color: #ffbb3a; }
.pagination > li > a:hover, .pagination > li > span:hover{ color: #ffbb3a; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #ffbb3a; border-color: #ffbb3a;}

/*按钮颜色*/
.btn_grey_bd{ border-color: #ddd; background: #fff; color: #666;}
.btn_grey_bd:hover{color: #333;background: #f8f8f8; transition:background-color 0.3s;}
.btn_grey_bd:active{background: #f8f8f8;}
.btn_grey_bg{background: #f3f3f3;border-color: #e5e5e5;}
.btn_grey_bg:hover{background: #e5e5e5;transition:background-color 0.3s;}
.btn_grey_bg:active{background: #d5d5d5;}

.btn_blue_bd{border-color: #00a7ec; color: #00a7ec;}
.btn_blue_bd:hover{background: #00a7ec; color: #fff;transition:background-color 0.3s;}
.btn_blue_bd:active,.btn_blue_bd:focus{background: #019fe0; color: #fff;}
.btn_blue_bg{background: #00a7ec; color: #fff;}
.btn_blue_bg:hover{background: #0eb7fd; color: #fff;transition:background-color 0.3s;}
.btn_blue_bg:active,.btn_blue_bg:focus{background: #019fe0; color: #fff;}

.btn_yellow_bd{border-color: #fdb840; color: #fdb840;}
.btn_yellow_bd:hover{background: #fdb840; color: #fff;transition:background-color 0.3s; }
.btn_yellow_bd:active,.btn_yellow_bd:focus{background: #ffae22; color: #fff;}
.btn_yellow_bg{background: #fdb840; color: #fff;}
.btn_yellow_bg:hover{background: #ffc766; color: #fff;transition:background-color 0.3s;}
.btn_yellow_bg:active,.btn_yellow_bg:focus{background: #ffae22; color: #fff;}

.btn_green_bd{border-color: #5fb878; color: #5fb878;}
.btn_green_bd:hover{background: #5fb878; color: #fff;transition: background-color 0.3s;}
.btn_green_bd:active,.btn_green_bd:focus{background: #469c5e; color: #fff;}
.btn_green_bg{background: #5fb878; color: #fff;}
.btn_green_bg:hover{background: #79d292; color: #fff;transition:background-color 0.3s;}
.btn_green_bg:active,.btn_green_bg:focus{background: #469c5e; color: #fff;}

.btn_red_bd{border-color: #f75458; color: #f75458;}
.btn_red_bd:hover{background: #f75458; color: #fff;transition:background-color 0.3s;}
.btn_red_bd:active,.btn_red_bd:focus{background: #ee2e32; color: #fff;}
.btn_red_bg{background: #f75458; color: #fff;}
.btn_red_bg:hover{background: #fd8285; color: #fff;transition:background-color 0.3s;}
.btn_red_bg:active,.btn_red_bg:focus{background: #ee2e32; color: #fff;}

.jb_bg{background: linear-gradient(to left, #f5962f , #ffbb3a);}

/*--单选复选--*/
@keyframes hover-color {  from {
    border-color: #c0c0c0; }
    to {
        border-color: #ffbb3a; } }
.magic-radio,.magic-checkbox {  position: absolute; opacity: 0; width: 20px; height: 20px;}
.magic-radio[disabled],.magic-checkbox[disabled] {  cursor: not-allowed; }
.magic-radio + label,.magic-checkbox + label {  position: relative;  display: block;  padding-left: 30px;  cursor: pointer;  vertical-align: middle; }
.magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top: 0;left: 0;display: inline-block;width: 20px;height: 20px; content: ''; border: 1px solid #c0c0c0; background: #fff; }
.magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;    content: ''; }
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,  .magic-checkbox[disabled] + label:before,  .magic-checkbox[disabled] + label:after {    cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before,  .magic-checkbox[disabled] + label:hover:before {  border: 1px solid #e4e4e4;    animation-name: none; }
.magic-radio[disabled] + label:before,  .magic-checkbox[disabled] + label:before { border-color: #e4e4e4; }
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {  animation-name: none; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {  display: block; }
.magic-radio + label:before {  border-radius: 50%; }
.magic-radio + label:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: #ffbb3a; }
.magic-radio:checked + label:before {border: 1px solid #ffbb3a; }
.magic-radio:checked[disabled] + label:before {border: 1px solid #d1d3ec; }
.magic-radio:checked[disabled] + label:after {background: #d1d3ec; }
.magic-checkbox + label:before {border-radius: 3px; }
.magic-checkbox + label:after {top: 2px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; }
.magic-checkbox:checked + label:before {border: #ffbb3a;background: #ffbb3a; }
.magic-checkbox:checked[disabled] + label:before {border: #d1d3ec;background: #d1d3ec; }
/*其他表单类型*/
.myfile {  opacity: 0;  position: absolute; width: 100%;  height: 100%;  left: 0; top: 0;}
/*改buttons.css*/
.button-action,
.button-action-flat {
    background-color: #5fb878;
    border-color: #5fb878;
    color: #FFF;
}
.button-action:visited,
.button-action-flat:visited {
    color: #FFF; }
.button-action:hover, .button-action:focus,
.button-action-flat:hover,
.button-action-flat:focus {
    background-color: #7dd596;
    border-color: #7dd596;
    color: #FFF; }
.button-action:active, .button-action.active, .button-action.is-active,
.button-action-flat:active,
.button-action-flat.active,
.button-action-flat.is-active {
    background-color: #4aac65;
    border-color: #4aac65;
    color: #378a4e; }

/*调layui色调*/
.layui-input-block{margin-left: 120px;}
.layui-layout-admin .layui-header {background: linear-gradient(to right, #f5962f , #ffbb3a,#f5962f);}
.kit-layout-admin .layui-body {bottom: 0;}
.layui-nav .layui-nav-child dd.mytab_on a, .layui-nav-child dd.layui-this {background-color: #ffbb3a;color: #fff;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {background-color: #ffbb3a;color: #fff;}
.layui-nav-tree .layui-nav-bar {width: 5px;height: 0;background-color: #f5962f;}
.layui-form-checkbox{ height:28px; line-height:28px; }
.layui-form-checkbox span{ background-color: #bbb; }

.layui-form-checked,.layui-form-checked:hover{border-color:#0489ff;}
.layui-form-checked span,.layui-form-checked:hover span{background-color:#0489ff;  }
.layui-form-checked i,.layui-form-checked:hover i{color:#0489ff;}
.layui-form-checked[lay-skin=primary] i{ border-color:#0489ff;background-color:#0489ff;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#0489ff;}
.layui-form-checked[lay-skin=primary] span{ background:none;}

.layui-form-onswitch{border-color:#0489ff;background-color:#0489ff;}
.layui-form-radio i:hover,.layui-form-radioed i{color:#0489ff;}
.layui-btn-primary:hover{border-color:#ffbb3a;}
.layui-form-select dl dd.layui-this { background-color: #ffbb3a;}
.layui-elem-quote {border-left: 5px solid #ffbb3a;}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background:  linear-gradient(to right, #f5962f , #ffbb3a);  color: #fff;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0489ff;}
.layui-table-page .layui-laypage a:hover{color: #0489ff;}

.layui-form-selectup dl {bottom: 22px;}
.layui-layout-right .layui-nav-more{ margin-top: 0; }
.layui-tab-title li .layui-tab-close:hover{background-color: #ffbb3a; border-radius: 50%;}

.layui-table th{color: #444;}
.kit-side .layui-side-scroll .kit-side-fold{background-color: #494339;}
.layui-nav{background-color: #332f28}
.layui-nav-tree .layui-nav-item a:hover{ background: rgba(255,255,255,0.1);}
.layui-bg-black{background-color: #332f28 !important;}
.kit-nav .layui-this, .layui-layout-left .layui-nav-item:hover {    background-color: #332f28 !important;}
.layui-bg-blue{background-color: #eee!important;}
.layui-bg-blue {color: #666!important;}
.layui-bg-blue a{color: #666!important;}
.layui-bg-blue .layui-nav-more{border-color: #ccc transparent transparent;}
.layui-bg-blue .layui-nav-mored{margin-top: -3px;}
/*首页-三级菜单*/
.layui-nav .layui-nav-child dd.layui-this li a{background: rgba(255,255,255,0.1); text-shadow: 1px 1px 1px #d1a052;}
.layui-nav .layui-nav-child dd.layui-this li a:hover,
.layui-nav .layui-nav-child dd.layui-this li a.now{ background: rgba(0,0,0,0.1);}
.mytag { background-color: #f1f1f1; color: #777;  font-weight: normal; font-size: 16px; margin-top: 4px; margin-right: 4px; display: block;float: left;}
.mytag i{ padding:0 3px; margin-left: 5px;}
.mytag i:hover{ background: #f75458; color: #fff; cursor: pointer; }
.layui-laypage a:hover {    color: #00a7ec;}
.layui-nav-itemed>.layui-nav-child{background-color: rgba(255,255,255,0.1)!important;}
/*调bootstrap*/
.form-control {border: 1px solid #ddd;}
.breadcrumb a:hover{color: #ffbb3a;}
.btn-default{ color: #666; }
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.3;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*下拉美化框*/
.filter-disabled {-moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;}
.filter-box {  position: relative;}
.filter-box select {display: none;}
.filter-text {height: 100%;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);border-radius: 4px;}
.filter-text input {font-size: 14px;}
.filter-text .filter-title {width: 100%;height: 34px;line-height: 34px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;}
.filter-list {display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 14px;position: absolute;top: 34px;left: 0;z-index: 99;border: 1px solid #e6e6e6;overflow: auto;}
.filter-list li.filter-null a {color: #d2d2d2;}
.filter-list li a {display: block;padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.filter-list li:hover {background-color: #f2f2f2;}
.filter-list li.filter-selected {background-color: #ffbb3a;}
.filter-list li.filter-selected a{display: block;color: #fff;}
.filter-list li.filter-disabled {background-color: #fff;}
.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;background-color: #fff;}
.filter-box .icon {position: absolute;}
.icon-filter-arrow {width: 8px;height: 6px;background-image: url(../images/icon_arrow_down_x2.png) no-repeat; background-size: 100%;right: 10px;top: 13px;transition: all .2s;}
.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar {width: 4px;height: 4px;}
.filter-list::-webkit-scrollbar-track {background: #fff }
.filter-list::-webkit-scrollbar-thumb {background: #CBCBCB;}

/*表格*/
.table { width: 100%; max-width: 100%; color: #666; margin:10px 0;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {  padding: 8px;  line-height: 1.42857143;  vertical-align:  center;  border-top: 1px solid #e2e2e2;}
.table > thead > tr > th {  vertical-align: bottom;  border-bottom: 1px solid #e2e2e2;background: #f2f2f2; font-weight:normal; }
.table-striped > tbody > tr:nth-of-type(odd) {  background-color: #f9f9f9;}
.table-bordered {  border: 1px solid #e2e2e2;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {  border: 1px solid #e2e2e2;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 1px;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px;}
/*----本项目细节-----*/
/*登录*/
.login .login_box{ width: 900px; margin:0 auto; }
.login .hd{ margin-top: 1.5rem; }
.login .hd .name{ color: #333; padding-top: 23px;}
.login .bd{ background: #2d90ee url(../images/login_bg.png) left center no-repeat; height: 486px; margin-bottom: 20px;}
.login .white_box{min-height: 360px;width: 360px;background-color: #ffffff;border-radius: 6px;overflow-x: hidden;box-shadow: 0 0 5px #2872b9; right: 0; top: 50%; margin-top: -180px;}
.login .title{ background: #4daafa; color: #fff; }
.login .inputtext {border: 1px solid #DCDEE0;vertical-align: middle;border-radius: 3px;height: 50px;font-size: 14px;color: #555555;outline:none;width:95%; padding-left: 5%; margin-bottom:10px;}
.login .inputtext:focus {border: 1px solid #27A9E3;}
.login .fa{ right: 20px; top: 15px; color: #ccc;}
.login .magic-checkbox:checked + label:before {border: #4daafa;background: #4daafa; }
/*首页*/
.layui-nav .icon_r{ position: absolute; right: 10px; top:12px; }
.index .white_box{ margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); padding:25px;}
/*时间线*/
.timeliine{padding:10px;}
.timeline-item{position: relative;}
.item_box .greyquan {background: #ccc;}
.timeline-item-head-first {height: 20px;left: -4px;top: 5px;width: 20px;}
.timeline-item-head {height: 10px;left: 1px;top: 4px;width: 10px;}
.timeline-item-head, .timeline-item-head-first {border-radius: 99px;content: "";position: absolute;z-index: 99;background-color: #0489ff;}
.timeline-item-content {padding: 0 0 15px 30px;}
.timeline .recent {color: #0489ff;}
.timeline h4 {color: #666;font-weight: 400;}
.timeline p {color: #888;}
.item_box .timeline-item-tail {background: #ccc;}
.timeline-item-tail {content: "";background-color: #04be02;height: 100%;left: 5px;position: absolute;top: 5px;width: 2px;}


.hot {width: 90px;height: 30px;line-height: 30px;transform: rotate(-145deg);right: -40px;top: 0;}
/*筛选css*/

.cation-middle {    line-height: 48px;    background: #fff;    padding: 10px 20px 10px 30px;  font-size: 14px;}
.cation-list {  overflow: hidden;}
.cation-list dt,.cation-list2 dt  {  float: left;  width: 64px;  font-weight: 700;  line-height: 48px;  position: relative; color: #333;}
:before, :after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.cation-list dt:after ,.cation-list2 dt:after{  content: "";  position: absolute;  right: 0px;  top: 22px;  border: 1px solid #333;  border-width: 0 1px 1px 0;  width: 4px;
    height: 4px;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  transform: rotate(-45deg);}
.cation-list dd {  border-bottom: 1px dotted #e0e0e0;  margin-left: 64px;  overflow: hidden;}
.cation-list dd a {  color: #8d8d91;  font-size: 14px;  line-height: 14px;  height: 14px; float: left; border-right: 1px solid #e0e0e0; padding: 0 18px;
    margin: 17px 0;}
.cation-list dd a.on, .cation-list a:hover { color: #F5962F;}
.cation-list dd a:last-child { border-right: 0 none;}
.cation-list:last-of-type dd { border-bottom: 0 none;}