* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box }
html,body {
    height: 100%;
    width: 100%;
    min-width: 1440px;
}
::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background: hsla(0, 0%, 100%, 0.6);
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95,95,95,.4);
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: .5rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(95,95,95, .7);
}
.mt-4 {
    margin-top: 4px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-32 {
    margin-top: 32px;
}
.p-size-18 {
    font-size:18px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:25px;
    color:rgba(255,255,255,1);
}
.p-size-24 {
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:33px;
    color:rgba(255,255,255,1);
}
.p-size-30 {
    font-size:30px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:42px;
    color:rgba(255,255,255,1);
}
.p-color-FC8999 {
    color: #FC8999;
}
.p-color-9DD7D9 {
    color: #9DD7D9;
}
.fw-300 {
    font-weight: 300;
}
.w-img {
    height: 100%;
    width: auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
/* flex --start--- */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/* 主轴对齐方式 */
.dir--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dir--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.dir--top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dir--bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
/* 主轴排列方式 */
.main--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main--end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main--between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main--around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/* 换行设置 */
.wrap--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.wrap--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrap--reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
/* 交叉轴排列方式 */
.cross--start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cross--end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cross--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cross--baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.cross--stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* flex --end--- */
.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

/* 超出一行出现省略号 */
.ellipse-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 超出两行出现省略号 */

.ellipse-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
body { background:rgba(245,247,251,1); font: 12px/1.5em Arial, Helvetica, sans-serif; color: rgb(47, 47, 47); font-size-adjust: none; font-stretch: normal; }

a { color: rgb(234, 118, 1); text-decoration: none; }
a:hover { color: rgb(234, 118, 1); text-decoration: none; }
a img { border: 0px currentColor; }
input {
    border: 0;
}
input::-webkit-input-placeholder {
    color: #CCCCCC
}
input:-ms-input-placeholder {
    color: #CCCCCC
}
input::-ms-input-placeholder {
    color: #CCCCCC
}
input::placeholder {
    color: #CCCCCC
}
.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.i-table {
    display: table;
}
.i-layout {
    table-layout: fixed;
}
.i-tr {
    display: table-row;
}
.i-td {
    display: table-cell;
}
.i-middle {
    vertical-align: middle;
}
.bg-fff {
    background: #fff;
}
.i-size-14 {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
}
.i-size-16 {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
}
.i-color-1 {
    color: #404040;
}
.i-color-2 {
    color: #FF5500;
}
:focus { outline: 0px;}
.input-number .ico-jian {
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAALVBMVEVHcExAQEA+Pj4/Pz8/Pz9AQEBAQEA/Pz8/Pz9AQEA9PT1AQEBAQEBAQEBAQEDWZeeJAAAADnRSTlMAEHQe3M+g8jDALEBQkIN5TskAAADaSURBVCjPY2AAAZlMvyfTDjLAgdk7MEiG8WXfvdQ24NgU904RwmeMe2YAopnzngqABdqfNkBkOPwqwArqJsL0Sj4HKRF9iTB9XiCQuBeIEBB5BDTqXQNCgOOdAQPbMwYkkJfAIPcYWcDuIcO5CcgCrG8Y8hSQBZieMczbgCzA/ZLBD+hsi1Vg0Ay05inDO6DNIS5g4AqUewcRKAcDiABIi4QSGCwEa8EwFMNaDIdhOB3DcxjeZ9BzRA0glCCMC8QWyBjRgBlRDELvnmo3IEUlZmSDkkPcU2hyAABofF33VxXcbAAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 5px;
}
.input-number .ico-jian.disabled {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAKlBMVEVHcExAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBQUFAQEDQ0NCysrJ5dQCtAAAAC3RSTlMAEKDQ6yXAUICQT1bGn20AAAChSURBVCjPY2AAASk17y1JCxngIGg3GKjC+JK7oaARwme0hglsFgALhOyGA1ewAm+EwBaQEuHdSMAQKDAbWWAHAwPrbhQQwMCEKqDAII0qsJGhGlVgO4M2qsAmhmxUgW0M3qgCmxlA5J0zYHAWxMYUwNCCYSiGtRgOQ3P6BkzPYXifoRstgDCDECOQMaIBM6IYJNCiEjOyGRjE1aw3JxWCmQAk/SHqaIaizQAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
}
.input-number .ico-add {
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEVHcEw/Pz8/Pz8+Pj5AQEBAQEA+Pj48PDw/Pz9AQEBAQEBAQEA/Pz8/Pz9AQEBAQED9WnNAAAAAD3RSTlMA3BAd0KAtL0rAMHfxx5AcnRRAAAAA90lEQVQoz2NgAAGNSPmPU5sY4MD0PxgEw/h6/3/uMODq9v+/CcJn8v9qAKKZ478ogAXWfFkAkeGSPwVWcH4STK/mH5ASlZ8I0+c7AYn3TmADwMYo/gay/oNNMLkMNuW/AQPrV7DiQjEwFR/AoP8ZWcD+E0P/BGQBlh8M8RuQBbi/MsxvQBbg+MkgD7TPvLy8UaK8vJiBge0Lw3+gzY6CgjIHBQVFgHL/wQIXIQKyYAGQFrO09EaJtLQkoMu+wAxdCDcUw1oMh2E4HcNzMO9fgnmfYb8QagChBKG/E7ZAxogGzIhi0P7/ZccCNkRUYkY2KDn4f4EmBwC7MWo3b2VANQAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 5px;
}
.input-number .ico-add.disabled {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEVHcExAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEDQ0NCysrL09PSvv0LzAAAADHRSTlMAEKCl0PDAhFAg4DDqBt8+AAAApklEQVQoz2NgAAEJtTWnkhoZ4GDSGTDQhPHFz0BBIYTP6AMTOCIAFth6Bg6iwQpiEAJHQUpEziABR6BADbLAcQYGTgjr3BsIPYGBCcI4ewdCKzDIoAocZOhBFTjBoIMqcIghB1XgGMMaVIEjDCDy7d279//evXsPxMYUwNCCYSiGtRgOQ3P6AUzPYXgfI4AwgxAjkDGiATOiMKISM7JBycHnCDQ5AADkPD+x7PBY5QAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
}
.input-number input {
    width:40px;
    height:24px;
    border:1px solid rgba(224,229,237,1);
    border-radius:4px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
    text-align: center;
    margin: 0 4px;
}
.h16 {
    height: 16px;
}
.ico-payment-zhb {
    height: 48px;
    width: 48px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAJFBMVEVHcExFfs9EgM9Gfs9Ffs9Ff89FgM9Ff89AgM9IgM9Gfs9Gf8+2ZKa9AAAAC3RSTlMAwD9/m/Bk2RAgsOAvDH4AAAKlSURBVFjD7Zi/b9NQEMdPITEOLLQUKtHFRFWXLEBAQurSUrUFdeFHB8BLVFWiCguqqixeooqW1QNiYUPq1KVJHB70/XP4t+/9sn3dkPodrffx+d27e3dngFiN9Xu8VG8WHED67vJKzV4V67/yWnqZrbfcesCsnwKrvKamyfomr601moHUhMUJinZxQgHeh8AOBQgA2pwkn+KjxE8tGvAaujRgot/zQeTvrv4kljRPx2AExnTApQEz4DSAXwM0YAIl6v4fAJvLtRAvelg8mPOuT1rxk+wl1wAYT8IjAm1OBCwTEPQUxbX2VqWXCsVAqz7AVP9CVf2QSw5U3NWR3PrAF7VqQmXRFJ0kAmEULEoVLdRPA/BxL/5gu/N0Sdzzqh64j452ZRvt2Xa1wKEYDT/Oo4d3NJ0CCH1KIXvfTc/5pg7IOyGkxqY2j6AkTjtKMuRAZKDxOPTqxl5pbGfAJeoT2ZbQPspbSIC/ADdQiL7AwGcdsAa28KW7yEj7kwbwZcPsAJ+JJwNM7bJwVwvtgQRMdV3WL7yR0zMBmOi6rNlIcNayi4A/iu9CvZUvp+0CuIDbhtwRtOKVAb91N+AgB1oGA08k5HgzBZp6A00+lK0sJ16y9AbCsBiOZCR5nadzUfyad74KXMpZwhwUd4GvAHyEgzUfE7LvHDsK8Ei8Sw6lwGZ9GfgQ5luxi6GSauy5BETZbnlS1O0YgrfI6UEUX0dZJnwT/TYvAkF69p3ikpEb4KEApH5B99i5EizZgWhdZz/TlSMHAXw6qlofvrWP69Gujy5JU42M3JsXA5bG8vG+WzrxovmBPej11hfLC/c8bYyLbhjy0EQey8iDH3m0JA+v9PGYNIA7xBE/uNpPhPomAlN2mULPueqvFvrPnDD9K38X3U2/5x/wraldvonSfQAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin: 0 17px;
    position: relative;
    top: 16px;
}
.ico-payment-wx {
    height: 48px;
    width: 48px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAANlBMVEVHcEyH0meH0Gj///+G0GiK1maHz2iG0GeG0GiG0Gfa8NDD6LSj24vu+Or4/Pay4Z6P03KW1nvn5DTUAAAACnRSTlMAJ///jhT02b9YHSYbwAAAAsBJREFUaN69WltywyAMdMAujsTz/pdt0kyb2CAQBnU/Ov2ptkjy6gHL8oHbuhvzpQbwZcy+3pYy7kYNGf/lUMrcy+YnIqdY1WSsB/PbrqZj3z6Ca5QAzDvYuxLBLub/UxzuSgyvXDJyBEb4AK8j7JIEjzhvShSbrIeePlplCVbZEDyDwEzSFBAA9BPu8QtayyVglIAYwOkMHkJiVIelbb1g/BcOY+vvGwQJvK4D7ABBAs1AnaJCEFEzAfEKQfCaDY/dBBF0F8hDEATW6U4420Ngve6GD3yCK/YfCFyCi/bLDMtE+1pbDkF0V80Xv7icAK5Z95h4QcZL5mnVOxPEKwFw4a1eqUEAQ65Hr6FOkLpd//EvvypHqhJAb2Rjpu1QI4gXXX/Q9lghwKtZ/6ntWCHgf2OHbDlqr6MJzh5C4kj+kPVZYY0kQcjFq1AYXIiHwuqrirRUQuChUNrgKJmlpgZJgixJ0zmAJz2zxbQGPgEcnHzWM6rtoAnyaMY/Ccj1DCnZcnyCP3fGrNmttQUdBP5Sz9dBUC7krZ6PJHANf1ZSkxcD4BzBNhUXuB9aSX05LSWypSL/8JFTUWkC2zgws2O1nXKdusaRqlyX1Rk6x5FawSn66OcIHeOIrRV9V64voaMZqBb9ch4NtdjnxsuN2neNzm74CLbV/MKYfWh219EPOSi254Mw00HFEQqnZRA1BMK0AFBjLMyzTwziMM0+tUrAKf6vLUNCZ7Z627vOsXOWLZV9UUcciD3ILAJf3QzSBH6G+eEYHIeRLgJ8jyHoqP0BYzO7tELw44EY8Lj8dYA2Kg5IgsIwmay1ITx+JMXHUguBs2oY1HIcq8vQjqtTar1vPaQJ9pWRv6AQJljl73Bu0tdc4hd18leN4pel8te94hfW8lfuyybzaGD7v2cP8g83/uHpyVSKovk5z39U9vznGx+CYXEKqSXVAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin: 0 17px;
    position: relative;
    top: 16px;
}
.tl {
    text-align: left!important;
}
.tc {
    text-align: center!important;
}
.tr {
    text-align: right!important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

h1 { line-height: 1.4em; margin-bottom: 0.5em; }
h2 { line-height: 1.4em; margin-bottom: 0.5em; }
h3 { line-height: 1.4em; margin-bottom: 0.5em; }
h4 { line-height: 1.4em; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; }
h3 { font-size:14px;
font-family:PingFang SC;
font-weight:500;
line-height:18px;
color:rgba(72,80,87,1); }
h4 { color: #404040; font-size: 1.05em; margin-bottom: 0.6em; }
h5 { font-size: 1.05em; }
h6 { font-size: 1em; }

h1 a { font-weight: normal; }
h1 a:hover { font-weight: normal; }
h2 a { font-weight: normal; }
h2 a:hover { font-weight: normal; }
h3 a { font-weight: normal; }
h3 a:hover { font-weight: normal; }
h4 a { font-weight: normal; }
h4 a:hover { font-weight: normal; }

th { padding: 0px; text-align: left;}
td { padding: 0px;}

address { margin-bottom: 0.5em; }
address { font-style: normal;}
cite { font-size: 10px; font-style: normal;}
q::before { content: ""; }
q::after { content: ""; }

form { display: inline; }
fieldset { border: 0px currentColor; }
legend { margin: 0px; padding: 0px; width: 0px; height: 0px; line-height: 0; overflow: hidden; display: block !important; visibility: hidden; }
label { color: #6F7688; }
input { vertical-align: middle; height: 28px; }
select { vertical-align: middle; padding-right:0!important; }
textarea { overflow: auto; }

ul { list-style: none; }
ol { list-style: none; }
dt { display: block; }

small { font-size: 0.9em; }
big { font-size: 1.25em; }

.page {
    width:100%;
    min-height:100%;
    background:rgba(245,247,251,1);
    opacity:1;
}
.header {
    width: 1440px;
    margin: 0 auto;
}
.header-wrapper {
    width: 100%;
    background:rgba(64,64,64,1);
    min-width: 1304px;
}
.header-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1001;
}
#logo {
    height: 32px;
    width: 32px;
    background: url(../images/logo@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    float: left;
    position: relative;
    top: 12px;
    margin-right: 20px;
}

.nav-bar { padding: 0 48px;position: relative;}

/*** ESSENTIAL STYLES ***/
.sf-menu ul li:hover{  /* only transition out, not in */ -webkit-transition: none; transition: none; color:#fff; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left; position: relative; }
.sf-menu > li .ico {
    height: 3px;
    width: 6px;
    background: url(../images/small_triangle_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -2px;
}
.sf-menu > li:hover > a .ico {
    height: 10px;
    width: 10px;
    background: url(../images/small_triangle_current@2x.png) no-repeat center center;
    background-size: 100% 100%;
    top: 0;
    /* transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg); */
}
.sf-menu > li:hover {
    background: #467FCF;
}
.sf-menu > li:hover > a {
    color: #fff;
}
.sf-menu li:hover > ul {
    display: block;
    border:1px solid rgba(210,217,229,1);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.08);
            box-shadow:0px 0px 4px rgba(0,0,0,0.08);
}
.sf-menu li:hover > ul li {
    width:157px;
    background:#fff;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:37px;
    color:rgba(154,160,172,1);
    position: relative;
}
.sf-menu li:hover > ul li:hover {
    background:rgba(248,249,250,1);
}
.sf-menu li:hover > ul li:hover .ico {
    transform:rotate(270deg);
    -ms-transform:rotate(270deg); 	/* IE 9 */
    -moz-transform:rotate(270deg); 	/* Firefox */
    -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
    -o-transform:rotate(270deg); 	/* Opera */
}
.sf-menu li:hover > ul li:hover > a {
    color: #404040;
}
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { border-top:none; left: 100%;top:-1px; }

/*** DEMO SKIN ***/
.sf-menu { float: left; text-align: left; }
.sf-menu a { line-height: 56px; padding: 0 14px; text-decoration: none; color: #A0A0A0; zoom: 1; /* IE7 */ }
.sf-menu a { color: #A0A0A0 }

.main-container {
    width: 1440px;
    margin: 0 auto;
    padding: 32px 48px 0 48px;
}

.required-entry.select,.required-entry.input-text {
    width:636px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(224,229,237,1);
    opacity:1;
    border-radius:4px;
    /* margin-bottom: 24px; */
}

.required-entry.select {
    width:382px;
    height: 28px;
}

.content-main {
    height: 740px;
    overflow-y: scroll;
}

button {
    cursor: pointer;
    line-height: 22px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
button.dafault {
    background:rgba(255,255,255,1);
    border:1px solid rgba(70,127,207,1);
    color: #467FCF;
}
button.dafault:hover {
    background:rgba(70,127,207,.1);
}
button.dafault.task {
    margin-left: 15px;
}

td {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(64,64,64,1);
}

input.max {
    max-width: 50px;
    text-align: center;
}

.grid table td {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    height: 50px;
}

.grid tr.filter input.input-text {
    height: 22px;
}

.grid tr.filter select {
    height: 22px;
}

.grid tr.headings th span.nobr {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(154,160,172,1);
}

td.last a {
    color: #467FCF;
}

.form-buttons a:hover {
    text-decoration: none;
}

button.back:hover {
    background: rgba(70,127,207,.1);
}

.edui-editor-body{
    margin-bottom: 25px;
}

.form-list td {
    padding-bottom: 24px;
}

.content-buttons.form-buttons {
    line-height: 71px;
}

.order-item {
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:2px;
    padding: 24px 0;
    margin-bottom: 16px;
}

.order-item .entry-edit .entry-edit-head {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(64,64,64,1);
    border: 0;
    padding: 0;
}

.order-item .box-left {
    width: 50%;
    padding: 0 32px;
}

.order-item .box-right {
    width: 50%;
    padding: 0 32px;
}

.order-item .box-left.on, .order-info .box-left.on {
    border-right:1px solid rgba(224,229,237,.5);
}

.order-item .box-right.on, .order-info .box-right.on {
    border-left:1px solid rgba(224,229,237,.5);
}

.order-item .entry-edit .fieldset {
    padding: 0;
    margin-top: 24px;
}

.order-item .entry-edit .fieldset label {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(111,118,136,1);
}

.order-item .entry-edit .fieldset select, .order-item .entry-edit .fieldset input {
    width: 200px !important;
}

.order-item .field-row {
    margin-bottom: 16px;
}

.order-item .entry-edit .field-row label {
    line-height: 28px;
}

.order-item .note-list {
    padding: 32px;
}

.order-item  .entry-edit fieldset li {
    margin: 0 0 16px 0;
}

.order-item .f-right span {
    color: #fff;
}

.order-item .f-right {
    float: none;
}

.order-info {
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:2px;
}

.order-info .entry-edit-head {
    padding: 24px 32px !important;
}

.order-info .grid table {
    border: 0;
}

.order-info .item-container {
    padding-left: 32px;
}

.order-info .rule {
    padding: 32px;
    background: #fff;
}

.order-info .box-left,.box-right {
    width: 50% !important;
}

.order-info .grid table td {
    border: 0;
}

.entry-edit {
    margin-top: 16px;
}

.entry-edit.config fieldset {
    padding: 0;
}

.entry-edit.config .form-list td.label {
    padding: 0;
}

.entry-edit.config td, .entry-edit.config th {
    padding: 16px 24px;
}

.entry-edit.config td input {
    border:1px solid rgba(224,229,237,1);
    border-radius:4px;
    padding: 0 5px;
}

.entry-edit.config  .dynamic-grid {
    border-top: none;
}

input[readonly]:hover {
    cursor: not-allowed;
}

#page-left {
    padding: 0;
}

#page-left h3 {
    margin: 16px 15px;
}

#page-left .tabs li a {
    line-height: 37px;
    display: block;
}

#tabs i {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 10px 0 15px;
    position: relative;
    top: 4px;
}

li[name="general"] i {
    background: url(../images/general.png) no-repeat center center;
    background-size: 100% 100%;
}

li[name="category"] i {
    background: url(../images/category.png) no-repeat center center;
    background-size: 100% 100%;
}

li[name="images"] i {
    background: url(../images/picture.png) no-repeat center center;
    background-size: 100% 100%;
}

li[name="configurable"] i {
    background: url(../images/config.png) no-repeat center center;
    background-size: 100% 100%;
}

.w-confrim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
}

.w-confrim .w-confrim-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:rgba(64,64,64,0.6);
}

.w-confrim .w-confrim-main {
    width:343px;
    height:192px;
    background:rgba(255,255,255,1);
    -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
            box-shadow:0px 2px 8px rgba(0,0,0,0.2);
    opacity:1;
    border-radius:4px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -171.5px;
    margin-left: -208px;
}
.w-confrim .w-confrim-main .w-confrim-close {
    height: 24px;
    width: 24px;
    position: absolute;
    right: -48px;
    top: -48px;
    display: block;
    background: url(../images/ico-close@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.w-confrim .w-confrim-main .w-confrim-title {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:21px;
    color:rgba(102,102,102,1);
    margin-top: 24px;
    padding-left: 24px;
}

.w-confrim .w-confrim-main .w-confrim-content {
    width:252px;
    height:42px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:21px;
    color:rgba(102,102,102,1);
    padding-left: 24px;
    margin-top: 9px;
}

.w-confrim .w-confrim-main .w-confrim-footer {
    margin-top: 44px;
    text-align: right;
}

.w-confrim .w-confrim-main .w-confrim-footer button {
    margin-right: 24px !important;
}

.w-message {
    width:528px;
    line-height:32px;
    opacity:1;
    border-radius:4px;
    position: fixed;
    top: 30px;
    left: 50%;
    margin-left: -264px;
    padding: 0 16px;
    z-index: 9999;
}
.w-message.fail {
    background:#FFEEE6;
    border:1px solid rgba(255,221,204,1);
}
.w-message.success {
    background:rgba(243,250,240,1);
    border:1px solid rgba(231,245,225,1);
}
.w-message .w-message-ico {
    height: 12px;
    width: 12px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.w-message.fail .w-message-ico {
    background: url(../images/Shape\ 1@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.w-message.success .w-message-ico {
    background: url(../images/Shape@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.w-message .w-message-tip {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:32px;
    color:rgba(102,102,102,1);
    margin-left: 8px;
}
#index .index-tips {
    float: left;
    margin-left: 16px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:71px;
    color:rgba(154,160,172,1);
}
#index .index-tips .ico {
    height: 16px;
    width: 16px;
    background: url(../images/AK-YK@2x-color-yello.png) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 2px;
}
#index .pager td {
    text-align: center;
    width: 137px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(224,229,237,1);
}
#index .pager {
    padding: 0;
}
#index .pager th {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
    text-align: center;
}
#index .pager td:first-child {
    /* border: none; */
}
#index .pager td .index-label {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
}
#index .pager td .index-val {
   font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:44px;
    color:rgba(64,64,64,1);
    margin-top: 6px;
    border-left:1px solid rgba(235,235,235,1);
}
#index .pager td .index-val.first {
    border-left: 0;
    font-size: 14px;
    font-weight: 400;
    font-family:PingFang SC;
}
.index-table {
    background: #fff;
    margin-top: 32px;
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:2px;
    position: relative;
}

.index-table table {
    width: 100%;
    border-collapse:collapse;
}
.index-table table th,.index-table table td {
    line-height: 50px;
    font-size:12px;
    font-family:PingFang SC;
    color:rgba(64,64,64,1);
    border: 0;
    font-weight:500;
    padding: 0;
}
.index-tablecentertable th,.index-table table td {
    text-align: center;
}
.index-table table .first {
    padding-left: 24px !important
}
.index-table table .totalDatasumStyle td{
    color:#467FCF;
    font-weight: 600;
    height: 16px;
    line-height: 16px;
    background: rgba(248,248,248,1);
    text-align: center;
}

.index-table table .tatleSum th{
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-weight: 600;
    font-family:PingFang SC;
}

.index-table table th {
    background:rgba(248,248,248,1);
    font-size:14px;
}
.index-table.store table th {
    background: #fff;
    border-bottom: 1px solid #E9E9E9;
}
.index-table.store table td {
    border-bottom: 1px solid #E9E9E9;
}
.index-table.store {
    min-height: 500px
}
#index .index-table .title {
    border-bottom:1px solid rgba(233,233,233,1);
    opacity:1;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:52px;
    color:rgba(64,64,64,1);
    padding-left: 24px;
}
#index .index-table .sub-title {
    line-height: 64px;
    padding-left: 24px;
}
#index .index-table .sub-title select {
    width:242px;
    height:32px;
    opacity:1;
    border-radius:4px;
    margin-right: 22px;
}
#index .index-table .sub-title span {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
}
#index .index-tabs {
    height:48px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:2px;
    margin-top: 32px;
}
#index .index-tabs .tab {
    width:96px;
    height:48px;
    opacity:1;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:48px;
    color:rgba(0,0,0,1);
     display: inline-block;
     text-align: center;
     cursor: pointer;
     position: relative;
}
#index .index-tabs .tab i {
    width:0px;
    height:20px;
    border:1px solid rgba(235,235,235,1);
    position: absolute;
    right: 0;
    top: 14px;
}
#index .index-tabs .tab.on {
    background:rgba(70,127,207,1);
    border-radius:2px 0px 0px 2px;
    color: #fff;
}
#index .index-tabs .tab.on i {
    border: 0;
}
#index .index-list {
    height:417px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:2px;
    padding: 20px;
}

#study .side-col {
    padding: 0;
    cursor: pointer;
}
#study .sidebar-header {
    line-height: 53px;
    border-bottom:1px solid rgba(235,240,249,1);
}
#study .sidebar-header .ico {
    height: 16px;
    width: 16px;
    background: url(../images/ico_currency@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 16px;
    position: relative;
    top: 3px;
}
#study .sidebar-header .text {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:600;
    color:rgba(64,64,64,1);
    margin-left: 8px;
}
#study .sidebar-list .item .title {
    line-height: 49px;
    margin: 0;
}
#study .sidebar-list .item .title .text {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(64,64,64,1);
    margin-left: 19px;
    width: 175px;
    display: inline-block;
}
#study .sidebar-list .item .title .ico {
    height: 7.63px;
    width: 7.63px;
    background: url(../images/ico_forwardb@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}
#study .sidebar-list .item .title.on .ico {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
#study .sidebar-list .item .sub-list {
    width: 100%;
    /* display: none; */
}
#study .sidebar-list .item.on .sub-list {
    /* display: block; */
}
#study .sidebar-list .item .sub-item {
    width: 100%;
    padding-left: 23px;
}
#study .sidebar-list .item .sub-item.on {
    background:rgba(235,240,249,1);
}
#study .sidebar-list .item .sub-item a {
    line-height: 37px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(64,64,64,1) !important;
}
#study .main .title {
    line-height: 52px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:600;
    color:rgba(64,64,64,1);
    padding-left: 24px;
    border-bottom: 1px solid #EBF0F9;
}
#study .main table {
    width: 100%;
}
#study .main table td {
    border-bottom: 1px solid #EBF0F9;
}
#study .main .tl {
    padding-left: 27px;
    height: 77px;
}
#study .main .tl .ctx {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(64,64,64,1);
}
#study .main .tl .date {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(154,160,172,1);
    margin-top: 7px;
}
#study .main .tr {
    text-align: right;
    padding-right: 24px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(154,160,172,1);
}
#study .main .tr span {
    color: #FFAA00;
    margin: 0 5px;
}

.w-model-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.w-model-wrapper.on {
    opacity: 1;
    pointer-events: auto;
}
.w-model-wrapper .w-model-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(44,44,44,.5);
}
.w-model-wrapper .w-model-img {
    height: 492px;
    width: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -246px;
    margin-left: -185px;
    z-index: 9;
    border: 1px solid #fff;
}
.w-model-wrapper .w-model-img img {
    height: 100%;
    width: 100%;
}
.w-model-wrapper .w-model-img .close {
    height: 24px;
    width: 24px;
    position: absolute;
    right: -24px;
    top: -24px;
    background: url(../images/ico-close-circle@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.w-model-wrapper .w-model-main {
    position: absolute;
    top: 0;
    right: 0;
    width: 673px;
    height: 100%;
    z-index: 99999;
    background: #fff;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow-y: scroll;
    overflow-x: hidden;
}
.w-model-wrapper.on .w-model-main {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.w-model-wrapper .w-model-main .head {
    padding: 32px;
    border-bottom: 1px solid #EBF0F9;
    width: 100% !important;
}
.w-model-wrapper .w-model-main .head .title .text {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:600;
    line-height:18px;
    color:rgba(64,64,64,1);
    width: 570px;
    overflow: hidden;
    display: inline-block;
}
.w-model-wrapper .w-model-main .head .title .ico {
    height: 16px;
    width: 16px;
    background: url(../images/ico-close@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    /* position: relative;
    top: 3px; */
}
.w-model-wrapper .w-model-main .head .sub-title {
    margin-top: 24px;
}
.w-model-wrapper .w-model-main .head .sub-title span {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(154,160,172,1);
    margin-right: 16px;
}
.w-model-wrapper .w-model-main .ctx {
    padding: 32px;
}
.w-model-wrapper .w-model-main .ctx img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}
.w-model-wrapper .w-model-main .ctx p {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
    margin-bottom: 8px;
}
.w-store-header {
    background: #fff;
    padding: 24px;
}
.w-store-header .title {
    font-size:18px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:21px;
    color:rgba(64,64,64,1);
    margin: 0;
}
.w-store-header .sub-title {
    margin-top: 16px;
    vertical-align: middle;
    height: 56px;
}
.w-store-header .sub-title .ico {
    height: 51.47px;
    width: 51.69px;
    background: url(../images/ico_sweep_code@2x.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
}
.w-store-header .sub-title input {
    width:450px;
    height:56px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(178,178,178,1);
    opacity:1;
    border-radius:6px;
    color: #333;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    padding: 0 16px;
    margin-left: 24px;
    position: relative;
    top: -21px;
}
.w-store-header .sub-title input::-webkit-input-placeholder {
    color:rgba(185,185,185,1);
}
.w-store-header .sub-title input:-ms-input-placeholder {
    color:rgba(185,185,185,1);
}
.w-store-header .sub-title input::-ms-input-placeholder {
    color:rgba(185,185,185,1);
}
.w-store-header .sub-title input::placeholder {
    color:rgba(185,185,185,1);
}
.sub-header {
    line-height: 47px;
    text-align: right;
    padding: 0 24px;
    border-bottom: 1px solid #E9E9E9;
}
.w-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width:198px;
    height:110px;
    margin-top: -60px;
    margin-left: -99px;
    background:rgba(64,64,64,0.85);
    -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
            box-shadow:0px 2px 8px rgba(0,0,0,0.2);
    border-radius:4px;
}
.w-loading .w-loading-img {
    height: 12px;
    width: 40px;
    background: url(../images/loading-small.gif) no-repeat center center;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 33px;
    display: block;
}
.w-loading .w-loading-text {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 16px;
}
#study li, #study tr {
    cursor: pointer;
}
select.multiselect {
    min-height: 300px;
    height: auto !important;
    padding: 0 !important;
}

.treeview .collapsable>.hitarea {
    background: url(../../admin/images/ico_xiala@2x.png) no-repeat center center;
    background-size: 100% 100%;
}

#generate_orders {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
#generate_orders .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(64,64,64,0.6);
}
#generate_orders .ctx {
    width:520px;
    height:284px;
    background:rgba(255,255,255,1);
    -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
            box-shadow:0px 2px 8px rgba(0,0,0,0.2);
    opacity:1;
    border-radius:4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -142px;
    margin-left: -260px;
    background: #FFFFFF;
    z-index: 1;
}
#generate_orders .ctx .ctx-header {
    line-height: 49px;
    padding: 0 16px;
    border-bottom: 1px solid #E9E9E9;
}
#generate_orders .ctx .ctx-header .text {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    /* line-height: 21px; */
    color: rgba(102,102,102,1);
}
#generate_orders .ctx .ctx-header .close {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: 100% 100%;
    background: url(../images/ico-close@2x.png) no-repeat center center;
    background-size: 100% 100%;
    float: right;
    margin-top: 15px;
}
#generate_orders .ctx .ctx-main {
    padding-top: 25px;
    padding-left: 43px;
    height: 182px;
    border-bottom: 1px solid #E9E9E9;
}
#generate_orders .ctx .ctx-main .item {
    margin-bottom: 16px;
}
#generate_orders .ctx .ctx-main .item label {
    width:70px;
    height:20px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(102,102,102,1);
}
#generate_orders .ctx .ctx-main .item .input {
    width:354px;
    line-height:28px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:4px;
    display: inline-block;
}
#generate_orders .ctx .ctx-main .item .input input {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:#333;
    border: 0;
    height: auto;
    margin-left: 8px;
    clear: both;
}
#generate_orders .ctx .ctx-main .item .input input::-webkit-input-placeholder {
    color:rgba(204,204,204,1);
}
#generate_orders .ctx .ctx-main .item .input input:-ms-input-placeholder {
    color:rgba(204,204,204,1);
}
#generate_orders .ctx .ctx-main .item .input input::-ms-input-placeholder {
    color:rgba(204,204,204,1);
}
#generate_orders .ctx .ctx-main .item .input input::placeholder {
    color:rgba(204,204,204,1);
}
#generate_orders .ctx .ctx-main .item .input .ico-search {
    float: right;
    height: 11.64px;
    width: 11.63px;
    background: url(../images/ico-search@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 8px;
    margin-top: 8px;
}
#generate_orders .ctx .ctx-main .avatar {
    height: 24px;
    width: 24px;
    position: relative;
    top: 5px;
}
#generate_orders .ctx .ctx-main .name {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(102,102,102,1);
    margin-left: 10px;
}
#generate_orders .ctx .ctx-footer {
    text-align: right;
    line-height: 53px;
    padding-right: 24px;
}
.operation {
    width: 100px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.operation:hover ul{
    display: block;
}
.operation .text {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(70,127,207,1);
}
.operation .ico {
    width: 7.63px;
    height: 3.63px;
    display: inline-block;
    background: url(../images/ico_forwardb2@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 7px;
}
.operation ul {
    width: 100%;
    position: absolute;
    border: 1px solid #D2D9E5;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.08);
            box-shadow: 0 0 4px rgba(0,0,0,0.08);
    left: 0;
    display: none;
    z-index: 9;
    padding: 5px 0;
    background: #fff;
}
.operation ul li {
    width: 100%;
}
.operation ul li a {
    line-height: 28px;
    text-align: center;
    background: #fff;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(111,118,136,1);
    display: block;
    width: 100%;
    z-index: 9;
}
.operation ul li:hover a{
    background:rgba(248,249,250,1);
}
input.search {
    width:354px;
    height:28px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:4px;
    padding: 0 5px;
    margin-right: 20px;
}
input.search::-webkit-input-placeholder {
    color: #CCCCCC;
}
input.search:-ms-input-placeholder {
    color: #CCCCCC;
}
input.search::-ms-input-placeholder {
    color: #CCCCCC;
}
input.search::placeholder {
    color: #CCCCCC;
}

.header-info .item {
    width:171px;
    height:112px;
    background:rgba(224,229,237,0.3);
    opacity:1;
    border-radius:10px;
}
.header-info .item-color1{
    background:linear-gradient(215deg,rgba(77,141,230,1) 0%,rgba(50,102,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(55,108,183,1);
            box-shadow:0px 1px 6px rgba(55,108,183,1);
}
.header-info .item-color2{
    background:linear-gradient(215deg,rgba(77,177,230,1) 0%,rgba(50,127,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(57,140,189,1);
            box-shadow:0px 1px 6px rgba(57,140,189,1);
}
.header-info .item-color3{
    background:linear-gradient(215deg,rgba(77,148,230,1) 0%,rgba(50,98,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(55,107,185,1);
            box-shadow:0px 1px 6px rgba(55,107,185,1);
}
.header-info .item-color4{
    background:linear-gradient(215deg,rgba(77,177,230,1) 0%,rgba(50,127,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(57,140,189,1);
            box-shadow:0px 1px 6px rgba(57,140,189,1);
}
.header-info .item-color5{
    background:linear-gradient(215deg,rgba(77,189,230,1) 0%,rgba(50,161,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(54,165,183,1);
            box-shadow:0px 1px 6px rgba(54,165,183,1);
}
.header-info .item-color6{
    background:linear-gradient(215deg,rgba(77,177,230,1) 0%,rgba(50,127,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(57,140,189,1);
            box-shadow:0px 1px 6px rgba(57,140,189,1);
}
.header-info .item-color7{
    background:linear-gradient(215deg,rgba(77,189,230,1) 0%,rgba(50,161,175,1) 100%);
    -webkit-box-shadow:0px 1px 6px rgba(54,165,183,1);
            box-shadow:0px 1px 6px rgba(54,165,183,1);
}
.header-info .item .item-title {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:#6F7688;
    padding-top: 28px;
    text-align: center;
}
.header-info .item p {
    font-size:24px;
    font-family:Arial;
    line-height:18px;
    color:#6F7688;
    margin-top: 6px;
    text-align: center;
    font-weight:bold;
}
.header-info li {
    float: left;
}
.header-info li{
    margin-bottom: 24px;
}
.header-info li.bor_none{
    margin-bottom: 0px;
}
.header-info li:not(:last-child){
    margin-right: 54px;
}
.header-info li:nth-child(6){
    margin-right: 0px;
}
.header-info {
    width: 100%;
}
.dateinput {
   width:138px;
    height:28px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
    opacity:1;
    border-radius:4px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(64,64,64,1);
    padding-left: 10px;
}
.store-info .key {
    width: 181px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(111,118,136,1);
    display: inline-block;
    text-align: right;
    padding: 16px 0;
    vertical-align: middle;
}
.store-info .key.first {
    padding-top: 28px;
}
.store-info .value {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(111,118,136,1);
    margin-left: 64px;
    display: inline-block;
    width: 220px;
    vertical-align: middle;
}
.store-info a.value {
    color: #467FCF;
}
.store-info .img {
    width: 150px;
    height: 90px;
    background:rgba(0,0,0,0.06);
    opacity:1;
    border-radius:5px;
    margin-left:40px;
    margin-top: 16px;
}
.store-info .key.two {
    vertical-align: top;
}

#close, #look {
    cursor: pointer;
}

#label {
    width: 100%;
}
#label input[type="checkbox"] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    outline: none;
}
#label label {
    padding: 4px 16px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:19px;
    color:rgba(111,118,136,1);
    background:rgba(255,255,255,1);
    border:1px solid rgba(224,229,237,1);
    border-radius:4px;
    margin-top: 16px;
    margin-right: 17px;
    display: inline-block;
}
#label label.selected {
    background: rgba(70, 127, 207, 1);
    color: rgba(255, 255, 255, 1);
}

.settlement-info {
    background:rgba(255,255,255,1);
    border-radius:2px;
    text-align: right;
    margin-top: 16px;
    padding: 24px;
}


.settlement-info .info {
    font-size:18px;
    font-family:PingFang SC;
    font-weight:600;
    color:#404040;
    margin-right: 32px;
    position: relative;
    top: 3px;
}

.settlement-info .info .numbers {
    color:#404040;
}
.settlement-info .info .total {
    color:#CC1F1E;
}
.settlement-info .info  .conpon.end {
    margin-right: 32px;
}
.settlement-info .info  .conpon.start {
    margin-right: 10px;
}
.settlement-info .info  .conpon {
    font-size: 14px;
    color: rgba(151, 157, 185, 1);
}
.settlement-info .info  .conpon a {
    color: rgba(41, 50, 60, 1);
}

#province,#city,#district {
    color: #333!important;
    margin-right: 10px;
}

.hd-nav-list-wrapper {
    text-align: center;
}
.hd-nav-list {
    margin: 0 auto;
    display: inline-block;
}
.hd-nav-list li {
    float: left;
}
.hd-nav-list li .item {
    float: left;
}
.hd-nav-list li .ico-step {
    float: left;
    width:12px;
    height:14px;
    margin: 0 23px;
    margin-top: 13px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcBAMAAACJyGLdAAAAKlBMVEVHcEzZ2dnLy8vMzMzOzs7MzMzMzMzNzc3Ly8vNzc3Ly8vMzMzLy8vMzMypKB9TAAAADXRSTlMACu19HMg3SN1hovi3JHJhgQAAAGJJREFUGNNjOMKABG4bInHuXpqAxLl7NQGJc/eWAxLnrrIAEuduOzLn7hFkDtQCCAdqAZQDsQDGAVsA54AsQHCAFuDgICtDNgDZaGRLUZxzBIcXkD2H7G3kAEEOKpRARA5eAES5lT1IcjEVAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
}
.hd-nav-list li .ico-step.on {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcBAMAAACJyGLdAAAAJ1BMVEVHcEw/Pz87OztAQEA/Pz9AQEBBQUFAQEA/Pz8/Pz8/Pz9AQEBAQEDB1G2KAAAADHRSTlMAahwK7cg3SN2ihrdFkwmLAAAAYElEQVQY02PYxIAEzixG5hwRQOKcOZqAxDlzUgGJc8bRAIlzph2Zc2YTMgdqAZQDsQDKgVgA44AtgHNAFiA4QAtwcJCVIRuAbDSKpYtxOLQdh+eQvY0cIChBhRyIyMELAKtbiq0PuQ3UAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
}
.hd-nav-list li .item .bg{
    width:40px;
    height:40px;
    border-radius:50%;
    margin: 0 auto;
}
.hd-nav-list li .item .text {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:22px;
    color:#CCCCCC;
    margin-top: 10px;
}
.hd-nav-list li .item .text.on {
     color:rgba(64,64,64,1);
}
.bg-scan.current {
    background: url(../images/hd_scan_current@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-scan.used {
    background: url(../images/hd_scan_used@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-commit.default {
    background: url(../images/hd_commit_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-commit.current {
    background: url(../images/hd_commit_current@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-commit.used {
    background: url(../images/hd_commit_used@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-process.default {
    background: url(../images/hd_process_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-process.current {
    background: url(../images/hd_process_currentt@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-process.used {
    background: url(../images/hd_process_used@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-success.default {
    background: url(../images/hd_success_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-success.current {
    background: url(../images/hd_success_current@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-success.used {
    background: url(../images/hd_success_used@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-end.default {
    background: url(../images/hd_end_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-end.current {
    background: url(../images/hd_end_currentt@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.bg-end.used {
    background: url(../images/hd_end_used@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.index-table-header {
    padding: 11px 25px;
    border-bottom: 1px solid #E9E9E9;
}
.index-table-header .title {
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:42px;
    color:rgba(64,64,64,1);
    margin: 0;
}
.index-table-header .input {
    width:460px;
    height:44px;
    background:rgba(247,247,247,1);
    border-radius: 2px;
    font-size:22px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:42px;
    color:#333;
    margin-left: 94px;
    padding: 0 10px;
}
.index-table-header button {
    min-width:80px;
    height:42px;
    line-height: 42px;
    background:rgba(70,127,207,1);
    opacity:1;
    border-radius:4px;
    font-size:22px;
    font-family:Hiragino Sans GB;
    font-weight:normal;
    color:rgba(255,255,255,1);
    padding: 0 12px;
}
.index-table-header .ico-bg {
    width:60px;
    height:60px;
    background:rgba(154,160,172,1);
    border-radius:30px;
    margin-left: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAAIVBMVEVHcEyaoKyaoKyaoKyan6yboKyZoKyaoKz///+ssbvj5OgILUz/AAAAB3RSTlMATc3tqCZ15+hMKgAAAkVJREFUWMPFmcFOAkEMhneB1SsBlKtAAlckMXuFA3jFYOIVDYlXYIGGN0BfgMQ34C1FiIbd7cx2+kP8T8bwZWfaTmfaep5JT5N6I4w69cGN56ig0qA/dXpDB9SfhBRTNChK2asWpTQfy9gKsepJ2BIZVMtm34jUdIlITT+TVX2rnUM7HFlsHrQoQ3NzuJQpU/cmtkACdbWLtiy8TCKxC/dJKO6MVKXwjHExiTXWf5j5tE8OSu565AI/JHwcusBR3Nc5ctJdDH50gxdqcyVNNnKFT03WcoXnquhKR9mLO7zU2jpmb58UKuoiJB4nyQP1tWH0YThaSUdx7OaTd1Zqyyy84Ted08Fd3ssyeMl7WQYfPR3q4IgPERl8sFhBC3fZUyGEp3v4XQuv2CMlhBecsQ/wLhXmxJg7IBbeHv9cW2AacilICo+5t4Rw2Xtf5UlrMGp713p4ymVOKbzkLnUpPGMCTAyvuJwthRcY3NLDcwwO9XCEwXQBeJe6vJgfmpa9Pf3H2nHPEtjoKsmyQT//X2xDRxJKBlAaghIglHoL+iDpZlw31vAcZ1x0VniYccXalh2hl3tVC/88XfNauI0+paBHHPR8xB6u0JO5gDzWoTIBKlCw0ggqygINPDxHIcrlMXnpDhXf7mX/4lwNB6jVATVZsPYO1FiCWlpYMw1q42ENRKh16flCg0fsYGGkM/UZGsVQixprjmNteWgggI0isCGIla5ddvBjHDn1gWGXeFQWpOZOTacpXQxvFj03Bbe/o8VX41e/AWXxhw3yZox3AAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
}
.index-table-header .item {
    margin-left: 60px;
}
.index-table-header .item .label {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(64,64,64,1);
}
.index-table-header .item .value.on {
    color: #FF5500;
}
.index-table-header .item .value {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(70,127,207,1);
}
.index-table-header .item .shuoming {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:18px;
    color:rgba(64,64,64,1);
    position: relative;
    cursor: pointer;
}
.index-table-header .item .shuoming-model {
    width:327px;
    height:110px;
    background:rgba(255,255,255,1);
    -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.16);
            box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    position: absolute;
    right: -334px;
    top: 0;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
}
.index-table-header .item .shuoming-model .title {
    font-size:15px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
}
.index-table-header .item .shuoming-model .content {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:18px;
    color:rgba(154,160,172,1);
    margin-top: 4px;
}
.index-table-header .item .shuoming:hover {
    color: #467FCF;
}
.index-table-header .item .shuoming:hover .shuoming-model {
    display: block;
}
.index-table.hd {
    min-height: 660px;
}
.index-table.hd tr {
    border-bottom: 1px solid #E9E9E9;
}
.index-table.hd th {
    background: #fff;
}
.index-table.hd td {
    text-align: left;
}
.index-table.hd .ico-select {
    width:14px;
    height:14px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(224,229,237,1);
    opacity:1;
    border-radius:2px;
    position: relative;
    top: -3px;
}
.index-table.hd .del {
    padding: 0;
    margin: 0;
    background: 0;
    color: #404040;
    cursor: pointer;
}
.index-table.hd .del:hover {
    color: #FF5500;
}
.index-table.hd .status {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:18px;
    color:rgba(64,64,64,1);
}
.index-table.hd .status.on {
    color: #FF5500;
}
.index-table-footer {
    height: 51px;
    line-height: 51px;
    padding: 0 24px;
}
.index-table-footer span {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:600;
    line-height:18px;
    color:rgba(64,64,64,1);
    cursor: pointer;
}
.index-table-footer .ico-b {
    height: 12px;
    width: 1px;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYAQMAAADqNb6aAAAABlBMVEXk5OTl5eXwu1Q+AAAAAXRSTlPA24Ia1gAAABFJREFUCNdjYGBwYDhANGYAAAK/CwHnpVzhAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    top: 2px;
}
/* .select {
    border: 0;
} */
.tab_li{
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}
.current_check{
    border-bottom: 2px solid #467FCF;
}
.tab_container {
    display: none;
    min-height: 660px;
    background: #fff;
}
.current_show {
    display: block;
}
.tab_li .number {
    padding: 0 8px;
    background:rgba(255,85,0,1);
    border-radius:40px;
    height: 20px;
    font-size:12px;
    font-family:Helvetica Neue;
    font-weight:400;
    line-height:20px;
    color:rgba(255,255,255,1);
    display: inline-block;
    min-width: 35px;
    text-align: center;
}
.tab_container .img-wrapper {
    width:64px;
    height:48px;
    background:rgba(0,0,0,0);
    position: relative;
    margin: 5px auto;
}
.tab_container .img-wrapper:hover {
    background:rgba(64,64,64,0.6);
}
.tab_container .img-wrapper:hover i {
    display: block;
}
.tab_container .img-wrapper img {
    height: 100%;
    width: 100%;
}
.ico-bg {
    height: 25px;
    width: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAP/BgwKCA2xAgMLBQkHBMI/C7AAABgklEQVQ4y51UO07DQBBdCDEmAhFoaUBCAtHYygWgCAUI5NwASjoi0SLlChEpaA0XQIIDpEKi4Q45QkgczFeP2Y/Xu8ZLJKbw2Pv2zTzPzixjU+25GWzuP/1er/Qh7KEIzHSg7NIGFiK+mAro0EJueZyYsR7FHNXNJPQ9kK8NYGwgu8CZevXPgVADNWAj1xLgRX9cIY25XxMRrzGKMyTCjvDBh9AZYC/jA1IOXoW70xrm1UqGeEi1sm0L8TuZuj4GFkJbZSIfYDYyizfhF/FZQKpKwpKWkiEVTISfw3sB8ZEoZEj/tEKGCX92aUuq8g0pV27fVAypaRlt4hnGy6U5ngEkmiPy3OR56jqPW5v7f8pq8DWlblTrsLzWf5yP+0zdfaB7R0oyekf3W6Ol+q3L8nB5j9YCVYGyvkbLmoVQzwJUcYSt8vmh6L172hOZJDlziTifg6pFyuf0grETk6Rn+0jU2iQx/7GJ5FjeBzbJtALJtP+STp2kdSep7UC8rdh94f0Aa9A/n6CUwUQAAAAASUVORK5CYII=') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: none;
}
.tab_container_footer{
    background: #fff;
    padding: 0 24px;
    border-top: 1px solid #E0E5ED;
    height: 60px;
    line-height: 60px;
}
.tab_container_footer .label {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(64,64,64,1);
}
.tab_container_footer .value {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,85,0,1);
    margin-right: 24px;
}
.tab_container .grid tr.headings th {
    /* border-bottom: none!important; */
}
.big-img-model {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(64,64,64,0.6);
    display: none;
    z-index: 999;
}
.big-img-model .img {
    height: 504px;
    width: 664px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.big-img-model .img .img-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.big-img-model .img img {
    /* width: 100%; */
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.ico-close {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAEM/QgGDA8OAgPHCkkFAJLfU4AAABp0lEQVQ4y4WULVPDQBCGN3yItKaTGmYwVCNKNSKIDpLWoRgMgsFUIVAdDALTOgwMKMBB4YdUIVAg+AO00GaYwsvuXu7Shqacyd1unr199/aOKB7+zj5w8tSm1FguQ0evM2k/byIew+dx+wLbo71qdbPFno3EnuM46xrdf+RoV86xDRzY+TVwaOeLwGmC3wL1eLqLUSFxeF18OqA+nolb39g/yEU40m95EhCkpxowSpehC9FyhuO0Y0ljdSGCPGuU/HL4ZktzoHTJ2AON2xgWKI8vmaKnUrwy5HOHe5rDmv4DRQIoP48VumQnj6IiDFRklcc7q9GyeqEgAfoa0WfNL5HZVRALELU+qDGIa8eIBUis7HOIA6gWEayDEQdQDYmDEQdMOgKgNM3BKcXyjcNtzimFDuHNXbqcUtEhbLUCRYPnEI5jS6IaLOLjxxbRiLaIFFEqrGWvGC26pZyFPSgjmhF7UPZoY9FFd7SZzZDdPpkNR+HfFu3Pbuop1+B19sXJvmqZl5Ny3Aer5jo/cEe0/38AiC4yngx+ZEJj73fSZfDe5Fnacnn/AqrdItvKo1y/AAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: -34px;
}
.config-model {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(64,64,64,0.6);
    display: none;
}
.config-model .main {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width:784px;
    height:600px;
    background:rgba(255,255,255,1);
    -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.16);
            box-shadow:0px 2px 8px rgba(0,0,0,0.16);
    border-radius:4px;
}
.config-model .tab_container .grid tr.headings th {
    border-bottom: 1px solid #E9E9E9!important;
}
.config-model .tab_container {
    height: 488px!important;
    min-height: auto!important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.tab_container_footer .detail {
    width:415px;
    height:22px;
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:22px;
    color:rgba(64,64,64,1);
    float: left;
    text-align: left;
    position: relative;
    top: 22px;
}
.tab_container_header {
    height: 48px;
    padding: 0 16px;
}
.tab_container_header .title {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:48px;
    color:rgba(64,64,64,1);
}
.ico-close-2 {
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGFBMVEVHcEw/Pz8/Pz8/Pz8+Pj4/Pz9AQEBAQEBwS0l+AAAAB3RSTlMANuvpRdwi/YhySAAAAIFJREFUKM9jYKARcIMxUiAUi3IChMFm5ACmGcMVIQLCpQIQhlARmMFoDpVgYFQHs4SLBGCGgZkIBVA2kgIwB1kBWIkQsgKQjeGKKI5lNEdVgCkgXISqBcNQkLXqigyoDkNWAnE6QgnUkQglUF/AlcADSAgaQCyqAqhByOCIFsjUBwDpPxN17ih+ngAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
}
.tab_container_header .ico-close-2 {
    position: relative;
    top: 17px;
}
.header-title {
    height: 68px;
    width: 100%;
    padding: 0 24px;
}
.header-title .i-left {
    height: 100%;
}
.header-title .i-right {
    height: 100%;
    text-align: right;
}
.ico-success {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJ1BMVEVHcExFgM9Ffs9Ffs9Gfs9Ffs9IgM9EgM9Ffs9AgM9EgM9FgM9Gf89/ExPMAAAADHRSTlMAYMjggPAgRJkQcDC2CUGYAAABfklEQVQ4y4VUoU7EQBCdu5BerpgTkCAQBEhISAXBEJIKICfPYMCcOEOCQFzAngCDqriEIEARHA5zH0BLwxHeRzHTbre721tY0W7n9c3OvJlZIrWCtS1g/25EznqOUKz0zbZfDqFWfm/al9iebff7JzEjR7V9mf3sFt6DV/ZWn7MK7FT7a+C02reAg5p+A/TUdh3zaQ10E3xoQs+MRH/Pqj9Iezgr3pFNEEpa5IC5K0MCyeUChy7wUPhKMLasT0QdcdIdps4B/F+UTynElxPSLdEEL9TGhpMEM8R4xaBFkKRCfPNu1Mw6YP9J1iQQxZ8UpYtkYitjTQINMoIAnfzd1nmAEmhjzyJooKWeWucKoJg1MAgClIdPWAizknx4GW4bPyZBrGWCAVKr9OxHSZIgMQgiiRLxESZBRFSyhzB7RYxVoWKzV6RQVWlnZnNJaXUzGGUpmsHfPt6G87aov6kXjMH478Hxj5o7nOf/j7P3AvBfGf5LhqNc4Wtp81jH/QsZqt/7fhaawwAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 5px;
}
.payment-list {
    border-bottom: 1px solid rgba(224,229,237,1);
}
.payment-list > div {
    height: 68px;
    padding: 0 24px;
    width: 100%;
}
.payment-list .text {
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(64,64,64,1);
    line-height: 68px;
}
.payment-list input {
    position: relative;
    top: -3px;
}
.payment-code {
    height: 464px;
    border:1px solid rgba(233,233,233,1);
    border-radius:2px;
    padding: 48px 0;
}
.payment-code-item {
    height: 100%;
    width: 49%;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.payment-code-item.l {
    border-right: 1px solid #E0E5ED;
    width: 50%;
}
.payment-code-item .title {
    height:33px;
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:33px;
    color:rgba(64,64,64,1);
    text-align: center;
}
.payment-code-item .img-wrapper {
    height: 240px;
    width: 240px;
    margin: 0 auto;
    margin-top: 24px;
    border: 1px solid #f7f7f7;
}
.payment-code-item .img-wrapper img {
    height: 100%;
    width: 100%;
}
.payment-code-item .bottom {
    margin-top: 24px;
    text-align: center;
}
.i-ico-sm {
    height: 32px;
    width: 32px;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAElBMVEVHcEz/VAD/VQD/UwD/VAD/VQCJgYK9AAAABXRSTlMAgNVQcE7OazkAAACSSURBVEjH7ZbLCoAgEEVvRfso3BfRvvqSjOb/f6XXtNDIS8vIs5LxoII4V6CUHQsPc5QbIJWT3p3PtFyrKVK4QqJliy68wgwdNP4ZSp3YhAWPmEOYnoX8T0IdFox/Te6VWWQVAgw9Ip9jlButI3R3YX4n0C0in4A+f9pAaAuKvfoSLAu1UDRvAg1WGs003Nn3YAVBP241DU+14wAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 100% 100%;
}
.payment-code-item .bottom .text {
    width:112px;
    height:44px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:24px;
    color:rgba(64,64,64,1);
    display: inline-block;
    margin-left: 16px;
    text-align: left;
}
.payment-code-item .phone-bg {
    height: 322px;
    width: 153px;
    background: url('data:image/png;base64,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') no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    left: 50%;
    margin-left: -76px;
}
.payment-code-item .sm-bg {
    height: 160px;
    width: 160px;
    background: url('data:image/png;base64,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') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 82px;
    left: -76px;
}
.td-img{
 margin-left: 40px !important;
}
.icobg {
    height: 25px;
    width: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAP/BgwKCA2xAgMLBQkHBMI/C7AAABgklEQVQ4y51UO07DQBBdCDEmAhFoaUBCAtHYygWgCAUI5NwASjoi0SLlChEpaA0XQIIDpEKi4Q45QkgczFeP2Y/Xu8ZLJKbw2Pv2zTzPzixjU+25GWzuP/1er/Qh7KEIzHSg7NIGFiK+mAro0EJueZyYsR7FHNXNJPQ9kK8NYGwgu8CZevXPgVADNWAj1xLgRX9cIY25XxMRrzGKMyTCjvDBh9AZYC/jA1IOXoW70xrm1UqGeEi1sm0L8TuZuj4GFkJbZSIfYDYyizfhF/FZQKpKwpKWkiEVTISfw3sB8ZEoZEj/tEKGCX92aUuq8g0pV27fVAypaRlt4hnGy6U5ngEkmiPy3OR56jqPW5v7f8pq8DWlblTrsLzWf5yP+0zdfaB7R0oyekf3W6Ol+q3L8nB5j9YCVYGyvkbLmoVQzwJUcYSt8vmh6L172hOZJDlziTifg6pFyuf0grETk6Rn+0jU2iQx/7GJ5FjeBzbJtALJtP+STp2kdSep7UC8rdh94f0Aa9A/n6CUwUQAAAAASUVORK5CYII=') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 60%;
    left: 60%;
    transform: translate(-50%, -50%);
    display: none;
    z-index:9999;
}
.expand:hover{
    cursor: pointer;
}
.expand:hover .icobg{
    display: block;
}
.icoclose {
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAEM/QgGDA8OAgPHCkkFAJLfU4AAABp0lEQVQ4y4WULVPDQBCGN3yItKaTGmYwVCNKNSKIDpLWoRgMgsFUIVAdDALTOgwMKMBB4YdUIVAg+AO00GaYwsvuXu7Shqacyd1unr199/aOKB7+zj5w8tSm1FguQ0evM2k/byIew+dx+wLbo71qdbPFno3EnuM46xrdf+RoV86xDRzY+TVwaOeLwGmC3wL1eLqLUSFxeF18OqA+nolb39g/yEU40m95EhCkpxowSpehC9FyhuO0Y0ljdSGCPGuU/HL4ZktzoHTJ2AON2xgWKI8vmaKnUrwy5HOHe5rDmv4DRQIoP48VumQnj6IiDFRklcc7q9GyeqEgAfoa0WfNL5HZVRALELU+qDGIa8eIBUis7HOIA6gWEayDEQdQDYmDEQdMOgKgNM3BKcXyjcNtzimFDuHNXbqcUtEhbLUCRYPnEI5jS6IaLOLjxxbRiLaIFFEqrGWvGC26pZyFPSgjmhF7UPZoY9FFd7SZzZDdPpkNR+HfFu3Pbuop1+B19sXJvmqZl5Ny3Aer5jo/cEe0/38AiC4yngx+ZEJj73fSZfDe5Fnacnn/AqrdItvKo1y/AAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: -33px;
    top: -34px;
}
.position-layer {
    position: fixed;
    right: 22px;
    bottom: 17px;
    cursor: pointer;
}
.position-layer.two {
    right: 43px;
    bottom: 37px;
    opacity: 0;
    pointer-events: none;
}
.position-layer .bg1 {
    height: 184px;
    width: 412px;
    background: url(../images/position_bg1@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-layer .bg1 .position_title {
    height: 74px;
    width: 179px;
    background: url(../images/position_title@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-layer .bg1 .position_close {
    height: 16px;
    width: 16px;
    background: url(../images/position_close@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 13px;
}
.position-layer .bg1 .position_yue {
    height: 88px;
    width: 88px;
    background: url(../images/position_yue@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 5px;
}
.position-layer .btn {
    width:120px;
    height:44px;
    background:linear-gradient(340deg,rgba(252,136,153,1) 0%,rgba(251,137,154,1) 13%,rgba(234,156,168,1) 100%);
    -webkit-box-shadow:0px 3px 6px rgba(252,136,153,0.5);
            box-shadow:0px 3px 6px rgba(252,136,153,0.5);
    border-radius:24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    bottom: 4px;
}
.position-layer .bg2 + .btn {
    bottom: 0;
}
.position-layer .btn .text {
    font-size:13px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(255,255,255,1);
}
.position-layer .position_right {
    height: 17px;
    width: 11px;
    background: url(../images/position_right@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 12px;
}
.position-layer .position_guanjun {
    height: 28px;
    width: 37px;
    background: url(../images/position_guanjun@2x.png) no-repeat center center;
    background-size: 100% 100%;
    margin-top: 16px;
}
.position-layer .bg2 {
    min-height: 120px;
    width: 120px;
    background: #393742;
    border-radius: 60px;
    -webkit-box-shadow: 0 3px 13px rgba(57,55,66,0.5);
            box-shadow: 0 3px 13px rgba(57,55,66,0.5);
    overflow: hidden;
}
.position-layer .bg2 .text {
    font-size:11px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:16px;
    color:rgba(255,255,255,1);
    margin-top: 4px;
}
.position-container {
    min-height: 100%;
    min-width: 100%;
    background:-webkit-gradient(linear,left bottom, left top,from(rgba(54,52,63,1)),to(rgba(60,58,69,1)));
    background:linear-gradient(360deg,rgba(54,52,63,1) 0%,rgba(60,58,69,1) 100%);
}
.position-container-banner {
    max-width: 1920px;
    min-width: 1200px;
    height: 640px;
    margin: 0 auto;
    overflow: hidden;
}
.position-container-table {
    width: 960px;
    background: #fff;
    margin: 0 auto;
}
.position-container-table .top {
    height: 61px;
    position: relative;
}
.position-container-table .top .top-item {
    width: 320px;
    background: #fff;
}
.position-container-table .top .top-item.one {
    height: 96px;
    position: relative;
    top: -96px;
}
.position-container-table .top .top-item.two {
    height: 136px;
    position: relative;
    top: -136px;
}
.position-container-table .top .top-item.three {
    height: 55px;
    position: relative;
    top: -55px;
}
.position-container-table .top .top-item .ctx {
    width: 100%;
    position: relative;
    top: -104px;
}
.position-container-table .top .top-item .ctx .trophy {
    height: 120px;
    width: 160px;
}
.position-container-table .top .top-item.one .ctx .trophy {
    background: url(../images/position_jiangbei_2@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .top .top-item.two .ctx .trophy {
     background: url(../images/position_jiangbei_1@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .top .top-item.three .ctx .trophy {
     background: url(../images/position_jiangbei_3@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .top .top-item .ctx .total {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:16px;
    color:rgba(64,64,64,1);
    margin-top: 4px;
}
.position-container-table .top .top-item .ctx .book-store-name {
    font-size:18px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(111,118,136,1);
    margin-top: 9px;
}
.position-container-table .top .top-item .ctx .book-store-shorthand {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(154,160,172,1);
    margin-top: 4px;
}
.position-container-table .bottom {
    padding: 0 48px;
    padding-bottom: 40px;
    min-height: 560px;
}
.position-container-table .bottom .custom-ranking .timer {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(157,215,217,1);
}
.position-container-table .bottom .custom-ranking {
    padding-bottom: 12px;
    position: relative;
}
.position-container-table .bottom .custom-ranking .text {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:20px;
    color:rgba(154,160,172,1);
}
.position-container-table .bottom .custom-ranking .value {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:20px;
    color:rgba(4,4,4,1);
}
.position-container-table .bottom .custom-ranking .info {
    width:12px;
    height:12px;
    background: url(../images/position_tips_default@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .bottom .custom-ranking .info:hover {
    background: url(../images/position_tips_active@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .bottom .ranking-title {
    padding-top: 16px;
    border-top: 1px solid #E0E5ED;
}
.position-container-table .bottom .ranking-title .text {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:18px;
    color:rgba(154,160,172,1);
}
.i-w-50 {
    width: 50%;
}
.i-w-30 {
    width: 30%;
}
.i-w-20 {
    width: 20%;
}
.position-container-table .bottom .ranking-list .item {
    height: 64px;
}
.position-container-table .bottom .ranking-list .item:nth-child(even) {
    background:rgba(246,247,250,1);
}
.position-container-table .bottom .ranking-list .item .number {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(111,118,136,1);
}
.position-container-table .bottom .ranking-list .item .name {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(111,118,136,1);
    margin-top: 11px;
}
.position-container-table .bottom .ranking-list .item .shorthand {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(154,160,172,1);
    margin-top: 4px;
}
.position-container-table .bottom .ranking-list .item .fen {
    font-size:16px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:18px;
    color:rgba(64,64,64,1);
    margin-right: 4px;
}
.position-container-table .bottom .ranking-list .item .ico {
    width:8px;
    height:9px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 4px;
}
.position-container-table .bottom .ranking-list .item .ico.ico-up {
    background: url(../images/position_up@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-table .bottom .ranking-list .item .ico.ico-down {
    background: url(../images/position_down@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.pd-v-80 {
    padding: 80px 0;
}
.i-w-960 {
    width: 960px;
    margin: 0 auto;
}
.position-container-title {
    width: 100%;
    background:rgba(255,255,255,5%);
    margin-top: 80px;
}
.position-container-h1 .text {
    font-size:40px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:56px;
    color:rgba(252,137,153,1);
    margin: 0 24px;
}
.position-container-h1 .ico-title-left {
     height: 24px;
    width: 66px;
    background: url(../images/position_title_left@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-h1 .ico-title-right {
    height: 24px;
    width: 66px;
    background: url(../images/position_title_right@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-jieshao {
    min-width:954px;
    height:156px;
    font-size:24px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:40px;
    color:rgba(255,255,255,1);
    margin-top: 40px;
    position: relative;
}
.position-jieshao .ico-jieshao-left {
    height: 12px;
    width: 12px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/position_jieshao_left@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-jieshao .ico-jieshao-right {
    height: 12px;
    width: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/position_jieshao_right@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container-jiangli .item1 .img {
    height: 136px;
}
.position-container-jiangli .item2 .bg {
    height: 52px;
    width: 80px;
    background: url(../images/position_yezi@2x.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    line-height: 52px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(157,215,217,1);
}
.position-container .ico-add {
    height: 12px;
    width: 12px;
    background: url(../images/position_add@2x.png) no-repeat center center;
    background-size: 100% 100%;
}
.position-container .line-time {
    width:480px;
    height:0px;
    border:2px dashed rgba(157,215,217,1);
    margin-top: 40px;
}
.position-layer-list {
    height: 0px;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    /* -webkit-transition: height .3s 80ms;
    transition: height .3s 80ms;
    will-change: height; */
    -webkit-transition: all .3s 80ms;
    transition: all .3s 80ms;
}
.position-layer-list li {
    width: 100%;
}
.position-layer-list .name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    -webkit-text-size-adjust:none;
    -webkit-transform : scale(0.8);
}
.position-layer-list .rating {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(157,215,217,1);
    -webkit-text-size-adjust:none;
    -webkit-transform : scale(0.8);
}
#position-layer-2:hover .position-layer-list {
    padding: 7px 8px 50px 8px;
    opacity: 1;
    pointer-events: auto;
}
#position-layer-1 {
    z-index: 9;
}
.position-container-nav-wrapper {
    position: fixed;
    z-index: 9;
    height: 60px;
    background:rgba(59,57,68,0);
    width: 100%;
}
ul.position-container-nav {
    margin-left: 88px;
    cursor: pointer;
}
ul.position-container-nav li {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:21px;
    color:rgba(255,255,255,0.5);
}
ul.position-container-nav li.on {
    color:rgba(157,215,217,1);
    font-weight:500;
}
ul.position-container-nav li:not(:first-child) {
    margin-left: 40px;
}
ul.position-container-nav li:hover {
    color:rgba(157,215,217,1);
    font-weight:500;
}
.custom-ranking-alert {
    min-width:186px;
    min-height:144px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0);
    -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
            box-shadow:0px 2px 8px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 16px;
    position: absolute;
    right: -200px;
    top: -17px;
    z-index: 9;
    display: none;
}
.position-container-table .bottom .custom-ranking .info:hover + .custom-ranking-alert {
    display: block;
}
.custom-ranking-h3 {
    font-size:14px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:20px;
    color:rgba(64,64,64,1);
}
.custom-ranking-alert .label {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(154,160,172,1);
}
.custom-ranking-alert .value {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(64,64,64,1);
}
.no-ranking-list {
    margin: 0 auto;
    margin-top: 140px;
}
.no-ranking-list .text {
    font-size:18px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:25px;
    color:rgba(154,160,172,1);
}
.position_paiming {
    font-size:12px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:17px;
    color:rgba(255,232,143,1);
    margin-left: 8px;
}