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

/*:root{
  --main-color: #343dcd;
  --nav-color: #343dcd;
  --main-light-color: #0e18b6;
  --nav-sub-color: #0e18b6;
  --border-a-color: #bcd0ff;
  --a-font-color: #5e86e4;
  --a-hover-bg-color: #0e18b6;
  --main-deep-color: #377fd0;
  --main-font-color: #468cd5;
  --main-font-pink-color:#e32842;
  --light-background-color:#f4f8ff;
  --small-light-background-color:#f7fbff;
  --submit-border-color:#a8c3f2;
  --font-red-color:#f05f5f;
}*/


: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:#e32842;
  --light-background-color:#f4f8ff;
  --small-light-background-color:#f7fbff;
  --submit-border-color:#a8c3f2;
  --font-red-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: 6px; 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: 6px;}
.center{text-align: center;}
textarea{outline: none; border-radius: 6px; color: #555; border: 1px solid #ddd}

/*块状元素*/
.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-aaa{border:1px solid #aaa;}
.b-1-ccc{border:1px solid #ccc;}
.b-1-eee{border:1px solid #eee;}
.b-1-ddd{border:1px solid #ddd;}
.b-1-999{border:1px solid #999;}
.b-1-fff{border:1px solid #fff;}
.b-1-45aff0{border:1px solid #45aff0;}

/*垂直间隔*/
.lh-50{line-height:50px;}
.lh-38{line-height:38px;}
.lh-36{line-height:36px;}
.lh-37{line-height:37px;}
.lh-35{line-height:35px;}
.lh-32{line-height:32px;}
.lh-30{line-height:30px!important;}
.lh-28{line-height:28px;}
.lh-27{line-height:27px;}
.lh-26{line-height:26px;}
.lh-25{line-height:25px;}
.lh-24{line-height:24px;}
.lh-23{line-height:23px;}
.lh-22{line-height:22px;}
.lh-21{line-height:21px;}
.lh-20{line-height:20px;}

/*左边距*/
.ml-0{margin-left: 0px;}
.ml-10{margin-left: 10px;}
.ml-12{margin-left: 12px;}
.ml-14{margin-left: 14px;}
.ml-15{margin-left: 15px;}
.ml-16{margin-left: 16px;}
.ml-17{margin-left: 17px;}
.ml-18{margin-left: 18px;}
.ml-19{margin-left: 19px;}
.ml-20{margin-left:20px;}
.ml-50{margin-left:50px;}
.ml-40{margin-left:40px;}
.ml-30{margin-left:30px;}
.ml-6{margin-left: 6px;}
.ml-5{margin-left: 5px;}
.ml-7{margin-left: 7px;}
.ml-8{margin-left: 8px;}
.ml-1{margin-left: 1px;}
.ml-2{margin-left: 2px;}
.ml-3{margin-left: 3px;}
.ml-4{margin-left: 4px;}
.mb-20{margin-bottom: 20px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mt-2{margin-top: 2px;}
.mt-3{margin-top: 3px;}
.mt-4{margin-top: 4px;}
.mt-5{margin-top: 5px;}
.mt-6{margin-top: 6px;}
.mt-7{margin-top: 7px;}
.mt-8{margin-top: 8px;}
.mt-9{margin-top: 9px;}
.mt-1{margin-top: 1px;}
.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-19{font-size:19px!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;}
.fw-0{font-weight: 0;}

/*宽度*/
.w-10{width: 10px;}
.w-11{width: 11px;}
.w-12{width: 12px;}
.w-13{width: 13px;}
.w-14{width: 14px;}
.w-15{width: 15px;}
.w-16{width: 16px;}
.w-17{width: 17px;}
.w-18{width: 18px;}
.w-19{width: 19px;}
.w-20{width: 20px;}
.w-40{width: 39px;}
.w-50{width: 50px;}
.w-60{width: 60px!important}
.w-100{width: 100px;}
.w-120{width:120px;}
.w-150{width: 150px;}
.w-160{width: 160px;}
.w-170{width: 170px;}
.w-180{width: 180px;}
.w-182{width: 182px;}
.w-200{width: 200px;}
.w-260{width: 260px;}
.w-262{width: 262px;}
.w-220{width: 220px;}
.w-950{width: 950px;}

/*高度*/
.h-10{height:10px;}
.h-20{height:20px;}
.h-25{height:25px!important;}
.h-26{height:26px;}
.h-27{height:27px;}
.h-28{height:28px;}
.h-29{height:29px;}
.h-30{height:30px;}
.h-32{height:32px;}
.h-35{height:35px;}
.h-40{height:40px;}
.h-50{height:50px;}
.h-60{height:60px;}
.h-70{height:70px;}
.h-75{height:75px;}
.h-80{height:80px;}
.h-85{height:80px;}
.h-90{height:90px;}
.h-100{height:100px;}
.h-120{height:120px;}

/*padding*/
.pl-10{padding-left: 10px;}
.pl-6{padding-left: 6px;}
.pl-5{padding-left: 5px;}
.pl-7{padding-left: 7px;}
.pl-8{padding-left: 8px;}
.pl-1{padding-left: 1px;}
.pl-2{padding-left: 2px;}
.pl-3{padding-left: 3px;}
.pl-4{padding-left: 4px;}
.pr-10{padding-left: 10px;}
.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;}
.br-0{border-radius: 0px;}

/*缩进*/
.ti-3{text-indent:3px;}
.ti-4{text-indent:4px;}
.ti-6{text-indent:6px;}
.ti-7{text-indent:7px;}
.ti-5{text-indent:5px;}
.ti-8{text-indent:8px;}
.ti-9{text-indent:9px;}
.ti-10{text-indent:10px;}
.ti-15{text-indent:15px;}

/*padding*/
.p-25{padding:25px;}
.p-2-2{padding:2px 2px;}
.p-2-3{padding:2px 3px;}
.p-2-4{padding:2px 4px;}
.p-2-6{padding:2px 6px;}
.p-2-5{padding:2px 5px;}
.p-2-8{padding:2px 8px;}
.p-2-7{padding:2px 7px;}
.p-3-3{padding:3px 3px;}
.p-3-4{padding:3px 4px;}
.p-3-6{padding:3px 6px;}
.p-3-5{padding:3px 5px;}
.p-3-8{padding:3px 8px;}
.p-3-7{padding:3px 7px;}
.p-3-12{padding:3px 12px;}
.p-4-16{padding:4px 16px;}
.p-5-16{padding:5px 16px;}

/*背景颜色*/
.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-ja{background-color: #566bd2}
.bg-6{background-color: #566bd2}

.bg-xs{background-color: #536fc3}
.bg-4{background-color: #536fc3}

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

.bg-ccc{background-color: #ccc}
.bg-7{background-color: #ccc}

.bg-w{background-color: #fff}
.bg-eee{background-color: #eee}
.bg-2ece7d{background-color: #2ece7d}
.bg-eee{background-color: #eee}
.bg-ddd{background-color: #ddd}
.bg-aaa{background-color: #aaa}
.bg-f8f8f8{background-color: #f8f8f8}
.bg-f6f6f6{background-color: #f6f6f6}
.bg-f4f8fd{background-color: #f4f8fd}
.bg-ff6600{background-color: #ff7b23}
.bg-f6f7f9{background-color: #f6f7f9}
.bg-46b941{background-color: #46b941}

/*color颜色*/
.c-p{color:#ff302b;}
.c-w{color:#fff}
.c-r{color:red}
.c-li{color:#2f90cc;}
.c-b{color:#0b6eca;}
.c-b1{color:#2D8cF0;}
.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-eee{color:#eee;}
.c-ccc{color:#ccc;}
.c-ddd{color:#ddd;}
.c-2882e8{color:#2882e8!important;}
.c-ff6600{color:#ff6600;}
.c-0b9904{color:#0b9904;}
.c-1a75ca{color:#1a75ca;}
.c-3a93d4{color:#3a93d4}
.c-1{color: #007ecc}
.c-2{color: #f16c4a}
.c-3{color: #ff6a00}
.c-6{color: #566bd2}
.c-4{color: #536fc3}
.c-5{color: #27da78}
.c-7{color: #777}

.overflow{overflow: hidden;}
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:130px; float: left; margin-left:10px; 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);
  cursor: pointer;
  padding: 8px 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: 6px; color:#fff; cursor: pointer; padding:8px 25px; 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: 6px; border:1px solid #ddd; font-size: 15px; cursor: pointer; padding:8px 23px;}
.ym_search_reset:hover{color:#444; border: 1px solid #ccc}