﻿@charset "utf-8";
::selection {
background:#228ae7; 
color:#fff;
}
::-moz-selection {
background:#228ae7; 
color:#fff;
}
::-webkit-selection {
background:#228ae7; 
color:#fff;
}
a {
    color: #5a5a5a;
    -webkit-transition: color .2s ease-in;
	-moz-transition: color .2s ease-in;
	-o-transition: color .2s ease-in;
	transition: color .2s ease-in;
}
    a:hover {
        color:#96cdff;
        text-decoration:none;
    }

/*
头部背景
*/
.header_container {
    /*background:url(../img/header_bg.jpg) no-repeat;*/
}

/*

*/
.m-nav li {
    
}

.m-nav li:hover {
	
}
.m-nav > li > ul {
}

.m-nav > a.layui-btn,.person_menu_nav > a.layui-btn {
    background:none;
   border-color:#fff;
}
.m-nav > a.no_border,.person_menu_nav > a.no_border {
    border:none;
}
.layui-form-select dl dd.layui-this {
    background-color:#1875c5;
}

/*
    重置layui样式btn
*/
.layui-btn {
    padding:0 16px;
}
.layui-btn + .layui-btn {
    margin-left:0;
}
.layui-form-pane .layui-form-label.ts{
    background: none;
    border: none;
    padding: 8px 5px;
    width: 50px;
}

.layui-form-switch {
    width:50px;
}
.layui-form-switch i {
    top:2px;
    left:2px;
}
.layui-form-onswitch i {
    left: 30px;
}
.layui-form-switch em {
    top:-2px;
}

@media only screen and (max-width:767px) {
    .layui-form-item .layui-inline {
        margin-bottom:0;
    }
}
/*
    重置bootstrap样式form
*/

.login_input_compoment .form-group {
    overflow:hidden;
    margin-top:10px;
    margin-left: -30px;
}
.login_input_compoment .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.login_input_compoment .form-control {
    border-radius:0;
}


.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
}

.dt-buttons>.dt-button:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.dt-buttons>.dt-button:first-child, .btn-group>.btn:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.dt-buttons>.dt-button:first-child {
    margin-left: 0;
}
.dt-buttons > .dt-button + .dt-button {
    border-left:none;
}
.dt-button span{
    color: #333!important;
    font-size: 13px;
}

.dt-button {
    background-color: #f3f3f3;
    background-image: none;
    filter: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px 13px;
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border: 1px solid rgba(0,0,0,0.13);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}



/*重置内页列表*/

/*标题栏颜色*/
.box_title_compoment {

    background: #3eacff;
    background: -moz-linear-gradient(left top, #3d8dd2, #3eacff);
    background: -webkit-linear-gradient(left top, #3d8dd2, #3eacff);
    background: -o-linear-gradient(left top, #3d8dd2, #3eacff);
    color: #fff;

}
/*li>i颜色*/
.info_list_nav li i {
   
    color:rgba(14,131,235,.9);
   
}

/*按钮*/
.layui-btn {
    padding: 0 16px;
}
/*.layui-btn-primary {
    border: 1px solid #2e6da4;
    background-color: #337ab7;
    color: #fff;
}

.layui-btn-primary:hover {

    color: #fff;
}*/

/*Firefox hack*/
@-moz-document url-prefix() { 
     .info_nav li span{top:-20px; } 
     /*.info_nav li{padding:11px 15px;}*/
     #navleft .mod_cate {height:36.4px;line-height:36.4px;}
}
/*chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .info_nav li span { top:-20px; } 
     /*.info_nav li{padding: 11.2px 15px;}*/
     #navleft .mod_cate {height:35.8px;line-height:35.8px;}
}
/*ie8 hack*/
@media \0screen{
    .widget.box {/*border: 1px solid #ededed;*/} 
    /*.info_nav li{padding: 11px 15px;}*/
    #navleft .mod_cate {height:36.4px;line-height:36.4px;}
}
/*ie7 hack*/
/** + html .info_nav li{padding: 4.8px 15px;}*/

/*ie10/11 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
/*.info_nav li {padding:11.2px 15px; }*/
#navleft .mod_cate {height:35px;line-height:35px;}
}
a:focus {
    color:#29aeef;
}
/*全局颜色替换*/
.info_nav li a:hover,.info_nav li:hover a {
    color:#1774c4;
}
.info_nav li:hover,.kj_nav li:hover {
    background:#f9f9f9;
}

.layui-carousel,.layui-carousel>[carousel-item]>*{
    background-color:#fff
}

 h3.sb {
       letter-spacing: 1px;
    font-size: 18px;
    color: #333;
    background: #ffffff;
    display: initial;
    margin: 15px 15px 0 15px;
    position: relative;
    float: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background-image: url(../../customer/images/xkbg.png);
    background-repeat: no-repeat;
    padding-left: 80px;
    padding-right: 30px;
    background-position: 15px;
    line-height: 80px;
        }
        h3.sb b {
            font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: -20px;
    color: #c7c7c7;
        }
        h3.sb font{
    font-size: 14px;
    color: #fff;
    position: relative;
    background: #3c91da;
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    width: 90px;
    position: relative;
    margin-left: 15px;
    text-align: center;
    cursor: pointer;
    line-height: 14px;
    top:-2px;
        }
            h3.sb font i {
                    margin-left: 5px;
            }

      .new_layout{
        border: 1px solid #6caeca;
    float: left;
    margin-top: 15px;
    position: relative;
    box-shadow: 0px 17px 14px rgba(193, 193, 193, 0.3);
    margin-bottom: 30px;
    width: calc(100% - 30px);
    margin-left: 15px;
    background: #fff;
    }
  
  .new_layout:before{
       box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -16px;
    left: 15px;
    padding: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    display: block;
    content: '';
    z-index: 12;
    }
   


  .xy_box {
            position:relative;
            display:none;
    width: 98%;
    padding:0 15px;
    margin-top: 100px;
        }
        .xy_box .fa-remove {
              position: absolute;
    z-index: 999;
    right: 10px;
    font-size: 18px;
    color: #9a9898;
    top: 10px;
    cursor:pointer;
    
        }

 .new_layout:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -18px;
        left: 14px;
        padding:0;
        border-right: 9px solid transparent;
        border-top:9px solid transparent;
        border-bottom:9px solid #6caeca;
        border-left:9px solid transparent;
        display: block;
        content:'';
        z-index:10
    }

.new_layout.sjj {
    border:none;
    box-shadow:none;
}
.new_layout.sjj:before,.new_layout.sjj:after {
    content:initial
}


.select_month font {
    font-size: 24px;
    color: #3eacff;
    font-weight: bold;
}
.select_month span {
    color: #3eacff;
}


