tb, input, select, tr{box-sizing: border-box;}
body{
    font-family:'Microsoft Yahei';
    margin:0px;
    padding:0px;
    font-size:14px;
}

:root{
    --main-color: #5496df;
    --nav-color: #4592e5;
    --main-light-color: #64a2e6;
    --nav-sub-color: #64a2e6;
    --border-a-color: #7ba2ff;
    --a-font-color: #5e86e4;
    --a-hover-bg-color: #f1f5ff;
    --main-deep-color: #377fd0;
    --main-font-color: #468cd5;
    --main-font-pink-color: #e63a3a;
    --light-background-color:#f4f8ff;
    --small-light-background-color:#f7fbff;
    --submit-border-color:#a8c3f2;
    --font-green-color: #078e00;
}

a{text-decoration:none; transition:all .3s ease-out 0s}
ul{margin:0px; padding:0px;}
li{list-style: none;}
/* box-sizing: border-box; 这让padding时长度保持不变 */
input{padding:0px; outline: none; border-radius: 4px; transition:all .3s ease-out 0s}
input[type="text"],input[type="password"]{height: 36px; line-height: 36px; vertical-align: middle; color:#666; text-indent: 10px;
    border: 1px solid #ddd;}
select{background-color: #fff; box-sizing: border-box; height: 36px; line-height: 36px; font-size: 13px; outline: none; border: 1px solid #c7d6ef; padding-left:10px; color:#666; border-radius: 4px;}
.center{text-align: center;}
textarea{outline: none; border-radius: 6px; color: #555; border: 1px solid #ddd}
textarea::placeholder {
    color: #aaa;
}
input::placeholder {color: #aaa;}
/*块状元素*/
.none{display: none}
.block{display: block;}
.inline-block{display: inline-block;}

/*手势*/
.cursor{cursor: pointer;}
/*会员*/
.container{width:1200px; margin:auto;}
.n-container{width:1200px; margin:auto;}
.container-right{width:1052px; min-height: 660px; float:right; background-color: #fff;}

/*浮动*/
.f-l{float: left;}
.f-r{float: right;}

/*边框为0*/
.b-0{border:0px!important;}
.b-1-45aff0{border:1px solid #45aff0;}

/*垂直间隔*/
.lh-38{line-height:38px;}
.lh-36{line-height:36px;}
.lh-35{line-height:35px;}
.lh-32{line-height:32px;}


/*左边距*/
.ml-10{margin-left: 10px;}
.ml-12{margin-left: 12px;}

.mt-6{margin-top: 6px;}
.mt-10{margin-top: 10px;}

/*文本left*/
.ta-l{text-align: left!important;}
.ta-r{text-align: right!important;}
.ta-c{text-align: center!important;}

/*文字大小*/
.fs-20{font-size:20px!important;}
.fs-18{font-size:18px!important;}
.fs-17{font-size:17px!important;}
.fs-16{font-size:16px!important;}
.fs-15{font-size:15px!important;}
.fs-14{font-size:14px!important;}
.fs-13{font-size:13px!important;}
.fs-12{font-size:12px!important;}
.fs-11{font-size:11px!important;}

/*字体粗细*/
.fw-b{font-weight: bold;}

/*宽度*/
.w-60{width: 60px!important}
.w-260{width: 260px;}
.w-262{width: 262px;}

/*高度*/
.h-32{height:32px;}
.h-35{height:35px;}
.h-40{height:40px;}

/*padding*/
.pt-10{padding-top: 10px;}
.pt-6{padding-top: 6px;}

/*圆角*/
.br-3{border-radius: 3px;}
.br-4{border-radius: 4px;}
.br-2{border-radius: 2px !important;}

/*缩进*/
.ti-6{text-indent:6px;}
.ti-10{text-indent:10px;}
.ti-15{text-indent:15px;}

/*padding*/
.p-2-8{padding:2px 8px;}


/*背景颜色*/
.bg-al{background-color: #45aff0}
.bg-1{background-color: #45aff0}
.i-introduction-1{background-color:#edf8ff;}

.bg-tx{background-color: #ff3f0e}
.bg-2{background-color: #ff3f0e}
.i-introduction-2{background-color:#ffe3dc;}

.bg-pt{background-color: #ffa319}
.bg-3{background-color: #ffa319}
.i-introduction-3{background-color:#fff0e5;}

.bg-bd{background-color: #27da78}
.bg-5{background-color: #27da78}

/*color颜色*/
.c-p{color:#ff302b;}
.c-w{color:#fff}
.c-li{color:#2f90cc;}


.c-555{color:#555;}
.c-444{color:#444;}
.c-333{color:#333;}
.c-666{color:#666;}
.c-777{color:#777;}
.c-888{color:#888;}
.c-999{color:#999;}


.c-2882e8{color:#2882e8!important;}
.c-ff6600{color:#ff6600;}
.c-1a75ca{color:#1a75ca;}


input[type="checkbox"] {
    appearance:initial; /*解決firefox 伪类before不能用的问题*/
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    color:#fff;
    position: relative;
}
input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 16px;
    /*      background: #fff;*/
    border-radius: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc
}
input[type="checkbox"]:checked::before {
    content: "\2714";
    background-color: var(--main-light-color);
    color: #fff;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    border: 0px;
}
/*共用批量操作选择*/
.common_batch_select{width:150px; float: left; margin-right:6px; padding:8px 10px;}
.common_batch_operation {
    float: left;
    color: #fff;
    background-color: var(--main-light-color);
    border: 1px solid  var(--main-light-color);
    border-radius: 4px;
    cursor: pointer;
    padding: 7px 18px;
}
.common_batch_operation:hover {
    background-color: var(--main-deep-color);
    border: 1px solid  var(--main-deep-color);
}

/*前台页面搜索保存*/
.ym_search_query{background-color:var(--main-light-color); font-size: 15px; border-radius: 4px; color:#fff; cursor: pointer; padding:8px 28px; border: 1px solid var(--main-color)}
.ym_search_query:hover{background-color: #74aff0}
.ym_search_reset{background-color: #f7f7f7; text-indent: 0px; color:#666; margin-left:15px; border-radius: 4px; border:1px solid #ddd; font-size: 15px; cursor: pointer; padding:8px 28px;}
.ym_search_reset:hover{color:#444; border: 1px solid #ccc}