html, body {
    width: 100%;
}
html:not(.not),html:not(.not) body {
    min-width: 1200px;
}

body {
    /*font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;*/
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei !important;
    background: #fff;
    overflow: hidden;
    font-size: 14px;
    color: #222;
}

h3 {
    font-size: 18px;
}

.header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border: none;
    border-bottom: 1px #e6e6e6 solid;
}

.header .headerTop {
    background: #fafafa;
    font-size: 12px;
    border-bottom: 1px #f5f5f5 solid;
}

.header .headerTop ul {
    display: flex;
}

.header .headerTop ul li {
    padding: 10px 16px;
    position: relative;
}

.header .headerTop ul li:not(:last-child):after {
    content: "";
    position: absolute;
    border-right: 1px #ddd solid;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
}

.header .headerTop ul li:first-child {
    padding-left: 0;
}

.header .headerTop ul li:last-child {
    padding-right: 0;
}

.header .headerTop ul li a {
    position: relative;
}

.header .headerTop ul li a:hover {
    color: #e13335;
}

.header .headerNume {
    background: #fff;
}

.header .headerNume .com_w {
    height: 72px;
}

.header .headerNume .logo {
    height: 48px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.header .headerNume .logo > h1{
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px #ddd solid;
    line-height: 1;
    text-align: center;
}

.header .headerNume .logo img {
    height: 100%;
}

.header .headerNume .logo {
    height: 48px;
}
.header .headerNume ul {
    display: flex;
    text-align: center;
}

.header .headerNume ul li a {
    display: block;
    padding: 14px 0 8px;
    position: relative;
}

.header .headerNume ul li {
    margin-left: 40px;
}

.header .headerNume ul li a:hover {

}

.header .headerNume ul li a:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    border-bottom: 3px #e13335 solid;
}

.header .headerNume ul li a .iconfont {
    font-size: 24px;
    margin-bottom: 4px;
}

.searchBox {
    display: flex;
    border-radius: 2px;
    background: #fff;
    position: relative;
}

.searchBox:after {
    content: "";
    position: absolute;
    border: 1px #e6e6e6 solid;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 2px;
}

.searchBox:hover {
    border-color: #ddd;
}

.searchBox .layui-input {
    border: none;
    height: 36px;
    width: 260px;
    background: none;
}

.searchBox .searchBtn {
    width: 38px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-left: 1px #e6e6e6 solid;
}

.searchBox.active .searchBtn {
    background: #e13335;
    color: #fff;
    border-left-color: #e13335;
}

.header_top:not(:hover) {
    background: none;
    box-shadow: none;
    border: none;
}

.header_top:not(:hover) .headerNume {
    background: none;
}

.header_top:not(:hover) .headerNume:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -80px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) !important;
    z-index: -1;
    pointer-events: none;
}

.header_top:not(:hover) .headerNume ul a {
    color: #fff;
}

.header_top:not(:hover) .headerSearch {
    border-color: #fff;
}


/**/
.headMore {
    position: relative;
    margin: -10px;
    padding: 10px;
    height: 38px;
    z-index: 2;
}

.headMore > a {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    z-index: 2;
}

.headMore > a .iconfont {
    margin-left: 6px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    font-size: 12px;
}

.headMoreFlxed {
    position: absolute;
    right: 0;
    top: 37px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 14px 16px 0 rgba(0, 0, 0, .1);
    z-index: -1;
    min-width: 100%;
    border: 1px #e6e6e6 solid;
    display: none;
    white-space: nowrap;
    font-size: 14px;
}

.headMoreFlxed .headOrder {
    margin-top: 20px;
    border-top: 1px #e6e6e6 solid;
    padding-top: 20px;
}

.headMoreFlxed .headOrder h3 {
    font-size: 14px;
}

.headMoreFlxed .headOrder .headOrderList {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}

.headMoreFlxed .headOrder .headOrderList a {
    text-align: center;
    line-height: 1;
    padding: 0 16px;
    white-space: nowrap;
    position: relative;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.headMoreFlxed .headOrder .headOrderList a .tagNum {
    margin-left: 2px;
}

.headMoreFlxed .headOrder .headOrderList a:first-child {
    padding-left: 0;
}

.headMoreFlxed .headOrder .headOrderList a:last-child {
    padding-right: 0;
}

.headMoreFlxed .headOrder .headOrderList a:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    border-right: 1px #e6e6e6 solid;
}

.headMoreFlxed .headWallet {
    margin-top: 20px;
    display: flex;
    padding: 16px 0;
    background: #f2f2f2;
    border-radius: 4px;
}

.headMoreFlxed .headWallet a {
    text-align: center;
    flex: 1;
}

.headMoreFlxed .headWallet a dl dt {
    font-size: 18px;
    font-weight: bold;
}

.headMoreFlxed .headWallet a dl dd {
    font-size: 12px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.headMoreFlxed .headBtn {
    margin: 20px -20px -20px;
    border-top: 1px #eee solid;
    text-align: center;
    padding: 10px;

}

.headMore:hover {
    background: #fff;
}

.headMore:hover > a {
    color: #e13335;
}

.headMore:hover > a .iconfont {
    transform: rotateX(180deg);
}

.headMore:hover .headMoreFlxed {
    display: block;
}

.headMore:hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px #e6e6e6 solid;
    border-top-width: 0;
    border-bottom-color: #fff;
}

/**/
.productAllNr {
    display: none;
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 10;
}

.productAllNr .com_w {
    background: #fafafa;
    color: #333;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    height:640px;
    border-radius: 8px;
    overflow: hidden;
}

.productAllNr .com_w:after {
    content: "";
    position: absolute;
    top: -72px;
    left: 171px;
    width: 56px;
    height: 72px;
    /*background: #e13335;*/
}

.productAllNr .com_w > ul {
    padding: 10px 0;
}

.productAllNr .com_w > ul > li > a {
    display: block;
    line-height: 58px;
    padding: 0 20px;
    width: 220px;
}

.productAllNr .com_w > ul > li.active > a {
    background: #e13335;
    color: #fff;
}

.productAllNr .com_w > ul > li:not(.active) > .productAllNr_fixed {
    display: none;
}

.productAllNr_fixed {
    position: absolute;
    left: 220px;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: #fff;
}

.productAllNr_fixed ul {
    display: flex;
    flex-wrap: wrap;
}

.productAllNr_fixed .layui-elem-field {
    margin-bottom: 10px;
}

.productAllNr_fixed .layui-elem-field:not(:first-child) {
    margin-top: 10px;
}

.productAllNr_fixed ul {
    display: flex;
    flex-wrap: wrap;
}

.productAllNr_fixed ul li {
    width: calc((100% + 10px) / 4 - 10px);
}

.productAllNr_fixed ul li:not(:nth-child(4n)) {
    margin-right: 10px;
}

.productAllNr_fixed ul li a {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
}

.productAllNr_fixed ul li a:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    color: #e13335;
}

.productAllNr_fixed ul li a .img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.productAllNr_fixed ul li a .img img {
    max-width: 100%;
    max-height: 100%;
}

/**/
.main {
    clear: both;
    position: relative;
    padding: 20px 0;
}

.main:after, .main:before {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}

/**/
.footer {
    background: #262626;
    border-top: 3px #e13335 solid;
    color: #fff;
}

.footer h3 {
    margin-bottom: 10px;
    font-size: 14px;
}

.footer .com_w {
    padding: 20px 0;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.footer .com_w p:not(.fwb) {
    filter: alpha(opacity=0.8);
    opacity: 0.8;
}

.footer .com_w p:not(:last-child) {
    margin-bottom: 4px;
}

.footer .l img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    overflow: hidden;
}

.footer .r dl {
    display: flex;
    margin-bottom: -20px;
}

.footer .r dl dd {
    width: 25%;
    margin-bottom: 20px;
    font-size: 12px;
}

.footer .r .iconfont {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    margin: 0 auto 6px;
}

.footer .r .iconfont:hover {
    background: #e13335;
}

.footer .font {
    text-align: center;
    border-top: 1px rgba(255, 255, 255, 0.1) solid;
    padding: 10px 0;
}

.footer .font a {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    color: #fff;
    font-size: 12px;
}

.footer .font a:hover {
    text-decoration: underline;
}

/**/
.swiper-container .swiper-button {
    background: none;
}

.banner {
    margin-top: -20px;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner .bannerImg {
    display: block;
    height: 600px;
    background: #ddd no-repeat center;
    background-size:auto 100%;
}

.banner .swiper-button {
    margin: -22px 20px 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
}

.banner:hover .swiper-button {
    display: flex;
}

/**/
.suspension {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 22;
}

.suspension a {
    width: 60px;
    height: 60px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.86);
    color: #fff;
    border-radius: 6px;
    position: relative;
}

.suspension a:hover {
    background: #e13335;
}

.suspension a:not(:last-child) {
    margin-bottom: 10px;
}

.suspension a .iconfont {
    font-size: 22px;
    position: relative;
}

.suspension a .iconfont label {
    font-size: 12px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #e13335;
    border: 1px #e13335 solid;
    width: 22px;
    height: 22px;
    padding: 6px;
    position: absolute;
    top: -14px;
    left: 28px;
    border-radius: 100px;
}

.suspension a:hover .iconfont label {
    border: 1px #fff solid;
}

.suspension a p {
    margin-top: 2px;
    font-size: 12px;
}

.ewmBox {
    display: none;
    position: absolute;
    background: #fff;
    right: 80px;
    bottom: 0;
    width: 200px;
    color: #333;
    padding: 10px 10px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
}

.ewmBox:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 23px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

.ewmBox:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 20px;
    height: 60px;
}

.ewmBox img {
    width: 100%;
    height: auto;
}

.ewmBox p {
    text-align: center;
    font-size: 16px !important;
    font-weight: bold;
}

.ewmBtn:hover .ewmBox {
    display: block;
}

/**/
.productNume {
    background: #fff;
}

.productNume ul li {
    text-align: center;
}

.productNume ul li:not(.active) {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.productNume ul li a {
    display: block;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.productNume ul li.active a:after, .productNume ul li:hover a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px #e13335 solid;
}

.productNume ul li.active a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #e13335;
    margin-left: -4px;
}

.productNume ul li:hover {
    filter: alpha(opacity=1);
    opacity: 1;
}

.productNr {
    background: #f5f6f9;
    padding: 30px 0;
}

.productNr .item:not(.active) {
    display: none;
}

.produclist {
    display: flex;
    background: #fff;
}

.produclist .title {
    background: #e13335;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    width: 120px;
    position: relative;
}

.produclist .title h3 {
    font-size: 16px;
    position: relative;
    z-index: 3;
}

.produclist .title .spare {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

.produclist .title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%) !important;
    z-index: 2;
}

.produclist .title .spare span {
    position: absolute;
    z-index: 2;
}

.produclist .title .spare .sp1 {
    width: 120px;
    height: 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    left: 10px;
    top: -25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.produclist .title .spare .sp2 {
    width: 100px;
    height: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .05);
    position: absolute;
    right: -10px;
    top: -20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.produclist .title .spare .sp3 {
    width: 100px;
    height: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    right: -66px;
    top: 40px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.produclist .title .spare .sp4 {
    width: 120px;
    height: 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .05);
    position: absolute;
    left: -66px;
    top: 180px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.produclist .title .spare .sp5 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    right: -100px;
    bottom: -98px;
}

.produclist .title .spare .sp6 {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    position: absolute;
    left: -59px;
    top: -129px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    opacity: .1;
}

.produclist ul {
    flex: 1;
}

.produclist ul {
    display: flex;
    flex-wrap: wrap;
}

.produclist ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    padding: 20px;
}

.produclist ul li {
    width: calc((100% + 10px) / 3 - 10px);
}

.produclist ul li:not(:nth-child(3n)) {
    margin-right: 10px;
}

.produclist ul li a {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
}

.produclist ul li a:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 2;
}

.produclist ul li a .img {
    margin-right: 20px;
    width: 100px;
    height: 100px;
}

.produclist ul li a .img img {
    max-width: 100%;
    max-height: 100%;
}

.produclist ul li a p {
    font-size: 14px;
    font-weight: bold;
}

.produclist:not(:last-child) {
    margin-bottom: 10px;
}

.productNr .produclist:nth-child(7n-6) .title {
    background-color: #494166;
}

.productNr .produclist:nth-child(7n-5) .title {
    background-color: #eb4c8c;
}

.productNr .produclist:nth-child(7n-4) .title {
    background-color: #40b0ff;
}

.productNr .produclist:nth-child(7n-3) .title {
    background-color: #367dd5;
}

.productNr .produclist:nth-child(7n-2) .title {
    background-color: #f5c607;
}

.productNr .produclist:nth-child(7n-1) .title {
    background-color: #00528e;
}

.productNr .produclist:nth-child(7n) .title {
    background-color: #00a2b9;
}

/**/
.title h3 {
    font-size: 18px;
}

/**/
.operationProcess {
    padding: 0;
    border: 1px #e6e6e6 solid;
    margin: 20px auto 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0px 26px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.operationProcess .title {
    background: #f9f9f9;
    border-bottom: 1px #e6e6e6 solid;
    padding: 10px 14px;
}

.operationProcess .title h3 {

}

.operationProcess ul {
    display: flex;
    /*background: #f4f4f4;*/
    padding: 20px 0;
    border: none;
    box-shadow: none;
}

.operationProcess ul li {
    flex: 1;
    text-align: center;
    position: relative;
}

.operationProcess ul li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 4px solid #fff;
    border-bottom: 10px solid transparent;
    z-index: 2;
}

.operationProcess ul li:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #ddd;
    border-bottom: 10px solid transparent;
}

.operationProcess ul .iconfont {
    width: 44px;
    height: 44px;
    background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    color: #fff;
    margin: 0 auto 8px;
    border-radius: 100px;
    font-size: 18px;
}

.operationProcess ul p {
    font-weight: bold;
}

/**/
.login {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f5f6f9;
    padding: 20px 0;
    min-width: 700px;
}

.login .logo {
    position: relative;
    justify-content: center;
}

.login .logo img {
    height: 48px;
}

.login .logo h1 {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px #ddd solid;
    line-height: 1;
    text-align: center;
}

.login > h1 {
    margin-top:30px;
}
.login > a.c9 {
    text-align: center;
    display: block;
}

.loginBox {
    background: #fff;
    width: 680px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0 auto 0;
}

.loginBox .loginItem {
    min-height: 412px;
}
.loginBox .loginItem iframe{
    height: 412px;
}

.loginBox .loginItem:not(.active) {
    display: none;
}

.loginBox h1 {
    margin-bottom: 60px;
}


.login .inputItem {
    margin: 0 auto 30px;
}

.login .inputItem label {
    display: block;
    font-weight: bold;
}

.login .inputItem .inputBlock {
    border-bottom: 1px #e6e6e6 solid;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.login .inputItem .layui-input {
    border: none;
    padding: 0;
    flex: 1;
    height: 50px;
}

.login span:not(:last-child) {
    /*padding-right: 30px;*/
    /*margin-right: 30px;*/
    /*border-right: 1px #e6e6e6 solid;*/
}


#c_code {
    height: 36px;
}

.loginSwitch {
    position: absolute;
    top: 20px;
    right: 20px;
}

.loginSwitch .iconfont {
    font-size: 38px;
    position: relative;
    color: #939393;
}

.loginSwitch .iconfont:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
}

.loginSwitch span {
    position: absolute;
    display: block;
    white-space: nowrap;
    font-size: 12px;
    right: 50px;
    top: 50%;
    margin-top: -10px;
    line-height: 26px;
    padding: 0 6px;
    border: 1px #e13335 solid;
    background: #fff1f2;
    color: #e13335;
    border-radius: 2px;
}

.loginSwitch span:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-right: 1px #e13335 solid;
    border-top: 1px #e13335 solid;
    transform: rotate(45deg);
    background: #fff1f2;
}

.loginSwitch:hover .iconfont {
    color: #e13335;
}

.loginSwitch:hover span {
    display: block;
}
.login_wx .ewm {
    padding-top: 20px;
}

.login_wx .ewm img {
    width: 100%;
}

.login_qq {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login_qq a {
    display: block;
    text-align: center;
}

.login_qq .icon-qq {
    background: #1472FF;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    font-size: 60px;
    color: #fff;
    margin-bottom: 10px;
    pointer-events:none
}

.loginMune {
    border-bottom: 1px #e6e6e6 solid;
    line-height: 68px;
    display: flex;
    padding: 0 160px;

}

.loginMune a {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.loginMune a:hover {
    color: #e13335;
}

.loginMune a.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    border-bottom: 2px #e13335 solid;
}


.login_mm {
    padding: 40px 160px 0;
}

.login_wx {

}

.login_wx .ewm {
    max-width: 100%;
}

/**/
.crumbsBox {
    line-height: 48px;
    border-top: 1px #eee solid;
}

.crumbsBox .com_w {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.crumbsBox span {
    position: relative;
    display: inline-block;
}

.crumbsBox span:not(:last-child) p {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.crumbsBox span:not(:last-child) {
    padding-right: 20px;
    margin-right: 14px;
}

.crumbsBox span:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-right: 1px #bbb solid;
    border-top: 1px #bbb solid;
    transform: rotate(45deg);
}

/**/
.hintBox {
    line-height: 44px;
    color: #ff6700;
    background: #ff670010;
    margin-top: -20px;
}

/**/
.product {
    margin: 40px auto;
    display: flex;
}

.product .productImg {
    width: 400px;
    margin-right: 50px;
}

.product .productImg .gallery-top {
    margin-bottom: 10px;
    border: 1px #eee solid;
}

.product .productImg .gallery-top .swiper-slide img {
    width: 400px;
    height: 400px;
    display: block;
}

.product .swiper-pagination {
    bottom: 0 !important;
}


.product .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 100px;
}

.product .swiper-pagination .swiper-pagination-bullet-active {
    background: #e13335;
}

.product .gallery-thumbs .swiper-slide-thumb-active {
    position: relative;
}

.product .gallery-thumbs .swiper-slide-thumb-active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px #e13335 solid;
    pointer-events: none;
}

.productType {
    flex: 1;
}

.productType .d_items label{
   width: 120px;
}


.productType .item:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px #dfdfdf dotted;
    padding-bottom: 12px;
}

.productType .title {
    margin-bottom: 8px;
    justify-content: flex-start;
}

.productType .title h2 {
    font-size: 18px;
}

.productType .title .layui-form-switch {
    margin-left: 20px;
    margin-top: 0;
}

.productMore {
    position: relative;
    padding: 10px;
}

.productMore:not(:last-child) {
    border-bottom: 1px #f2f2f2 solid;
}

.productMore .btn {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.productMore .btn span {
    cursor: pointer;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.productMore .btn span:not(:last-child) {
    margin-right: 4px;
}

.productMore .btn span:hover {
    color: #e13335;
    filter: alpha(opacity=1);
    opacity: 1;
}

.productTypeWwitch {
    display: none;
}

.productTypeWwitch .productMore {
    padding-right: 56px;
}

.productTypeWwitch .productMore:hover {
    background: #f2f2f2;
}

/**/
.d_items {
    display: flex;
    line-height: 28px;
    font-size: 12px;
}

.d_items:not(:last-child) {
    margin-bottom: 6px;
}

.d_items label {
    float: left;
    width: 120px;
    line-height: 30px;
    color: #333;
    margin-right: 10px;
    /*font-weight: bold;*/
}

.d_items label strong {
    color: #e13335;
    margin-left: 4px;
}

.d_items .d_item_black {
    flex: 1;
}

.d_items .d_item_black > ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px;
}

.d_items .d_item_black > ul:not(:last-child) {
    margin-bottom: 0;
}

.d_items .d_item_black ul li {
    margin-right: 4px;
    margin-bottom: 4px;
}

.d_items .d_item_black ul li a {
    /*border: 1px #a4a4a4 solid;
    border-radius: 2px;
    padding: 0 6px;
    background: #fff;
    min-width: 70px;
    display: block;
    text-align: center;*/

    border: 1px #a4a4a4 solid;
    border-radius: 2px;
    padding: 0 6px;
    background: #fff;
    min-width: 70px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.d_items .d_item_black ul li a:hover {
    border-color: #e13335;
    color: #e13335;
}
.d_items .d_item_black ul li a .iconfont {
    font-size: 12px;
    margin-left: 4px;
}
.d_items .d_item_black ul li a:not(:hover) .iconfont {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}
.d_items .d_item_black ul li .previewImg {
    display: none;
}
.d_items .d_item_black ul li .previewImg {
    position: absolute;
    z-index: 99;
    top: 32px;
    left: -1px;
    width:400px;
    height: 400px;
    /*padding: 1px;*/
}
.d_items .d_item_black ul li .previewImg img {
   max-width: 100%;
    max-height: 100%;
    box-shadow:0 4px 16px 2px rgba(0,0,0,.2);
    background: #fff;
}

.d_items .d_item_black ul li.active a {
    border-color: #e13335;
    background: #e13335;
    color: #fff;
}

.d_items input {
    height: 30px;
    border: 1px #a4a4a4 solid;
    width: 60px;
    padding: 0 10px;
}

.d_items .customBtn {
    display: flex;
}

.d_items .customBox {

    margin-left: 6px;
}

.d_items .customBtn:not(.active) .customBox {
    display: none;
}

.d_items .customBox > *:not(:last-child) {
    margin-right: 6px;
}

.d_items .selectedParameters {
    padding: 10px 16px;
    background: #FF6A0010;
    margin-right: -10px;
}

/**/

/*数量加减*/
.number {
    border: 1px #a4a4a4 solid;
    overflow: hidden;
    height: 32px;
    border-radius: 2px;
    width: 140px;
    background: #fff;
    display: flex;
}


.number .number-ioc {
    width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    position: relative;

}

.number .number-ioc:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    margin-left: -5px;
    margin-top: -1px;
    background: #a4a4a4;
}

.number .btn-plus:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 10px;
    border-radius: 2px;
    margin-left: -1px;
    margin-top: -5px;
    background: #a4a4a4;
}

.number .number-ioc:hover {
    background: #e1333510;
}

.number .number-ioc:hover:before, .number .number-ioc:hover:after {
    background: #e13335;
}

.number .number-ioc:active {
    filter: alpha(opacity=0.8);
    opacity: 0.8;
    -webkit-opacity: 0.8;
}


.number .btn-input {
    overflow: hidden;
    display: inline-block;
    flex: 1;
    border: none;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    text-align: center;
    padding: 0 10px;
}

.number .btn-input input[type="tel"]:disabled {
    background: none;
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-opacity: 1;
    opacity: 1;
}

.number .min_minus {
    background: #fafafa;
}

.number .min_minus:after {
    background: #ddd;
}


.selectedParameters {

}

.selectedParameters dl {
    display: flex;
    line-height: 22px;
}

.selectedParameters dl:not(:last-child) {
    margin-bottom: 6px;
}

.selectedParameters dl dt {
    font-weight: bold;
}

.selectedParameters dl dd {
    flex: 1;
}

.selectedParameters:not(.not) dl dd ul li span {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.selectedParameters:not(.not) dl dd ul li span:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 12px;
    margin-top: -6px;
    border-right: 1px #ddd solid;
    transform: rotate(15deg);
}


.selectedParameters.not {
    margin-top: 10px;
    font-size: 12px;
}

.selectedParameters.not > .nr {
}

.selectedParameters.not > .title {
    background: #e1333510;
    color: #fff;
    border-bottom: 3px #e13335 solid;
    padding-right: 10px;
    margin-bottom: 10px;
}

.selectedParameters.not > .title h3 {
    font-size: 14px;
    background: #e13335;
    padding: 3px 10px 0;
    line-height: 26px;
    height: 29px;
    position: relative;
}

.selectedParameters.not > .title a {
    color: #333;
}

.selectedParameters.not > .title a:hover {
    color: #e13335;
}

.selectedParameters.not > .title h3:after {
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 29px solid #e13335;
    border-right: 16px solid transparent;
}

.selectedParameters.not dl {

}

.selectedParameters.not dl:not(:last-child) {
    border-bottom: 1px #ddd dashed;
    padding-bottom: 6px;
}

.selectedParameters.not dt {
    font-size: 14px;
    width: 90px;
    line-height: 32px;

}

.selectedParameters.not dl:not(:last-child) {
}

.selectedParameters.not dl ul li {
    display: flex;
    flex-wrap: wrap;
    line-height: 32px;
    margin-right: -4px;
}

.selectedParameters.not dl ul li span {
    background: #f2f2f2;
    text-align: center;
    margin-bottom: 4px;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    margin-right: 4px;
}

/**/
.item_table {
}

.item_table .item_tr {
    display: flex;
}

.item_table .item_tr .col {
    padding: 4px 16px;
}

.item_table .item_tr .col_auto {
    flex: 1;
}

.productPrice {
    border: 1px #e6e6e6 solid;
    /*border-top: 2px #e13335 solid;*/
    line-height: 36px;
    margin-right: -10px;
    margin-top: 20px;
}

.item_thead {
    font-weight: bold;
    background: #f5f5f5;
    border-bottom: 1px #e6e6e6 solid;
}

.item_thead {

}

.productPrice .col {
    flex: 1;
}

.productPrice .col .layui-form-radio {
    margin-top: 0;
    margin-right: 0;
}

.productPrice .col:not(.col_lx) {
    text-align: right;
}

.productPrice .item_tbody .col_zj {
    font-weight: bold;
    color: #e13335;
}

.productPrice .item_tr:not(:last-child) {
    border-bottom: 1px #e6e6e6 solid;
}

.productBtn {
    margin-top: 20px;
    display: flex;
}

.productBtn a {
    width: 200px;
    border-radius: 4px;
}

.tableCom {
    width: 100%;
    margin-bottom: 10px;
}
.tableCom:not(.buyAddress) {
   border-bottom: 1px #e6e6e6 solid;
}
.tableCom:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.tableCom th, .tableCom td {
    padding: 10px;
    vertical-align: middle;
    border: none;
}

.tableCom thead tr {
    background: #f5f5f5;
}

.tableCom thead tr th {
    font-weight: bold;
    font-size: 14px;
}
.tableCom tbody tr.active {
    background: #e13335!important;
    color: #fff!important;
    border-bottom-color:#e13335!important;
}

.tableCom tr:not(:last-child) {
    border-bottom: 1px #e6e6e6 solid;
}

.tableCom .btn {
    text-align: center;
}

.tableCom .btn a:not(:last-child) {
    margin-bottom: 6px;
}

.tableCom .layui-form-switch {
    margin-top: 0;
}
.tableCom .tableCom_level_1 td:first-child{
    padding-left:50px;
    position: absolute;
}

.tableCom .tableCom_level td:first-child:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-left: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
}
.tableCom + .invoiceSummary{
    margin-top: -11px;
}

.tableBtn {

}

.tableBtn a {
    color: #1472FF;
    line-height: 1;
}

.tableBtn a:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px #e6e6e6 solid;
}

.tableBtn a:hover {
    filter: alpha(opacity=1);
    opacity: 1;
    color: #e13335;
}

/**/
.cart_flow {
}

.cart_flow ul li {
}

.cart_flow ul li {
    padding: 0 20px;
    min-width: 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

.cart_flow ul li:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    border-bottom: 1px #e2e2e2 solid;
}

.cart_flow ul li:first-child:after {
    left: 50%;
}

.cart_flow ul li:last-child:after {
    right: 50%;
}

.cart_flow ul li span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    z-index: 2;
}

.cart_flow ul li i {
    display: block;
    width: 8px;
    height: 8px;
    position: relative;
    background: #D1D1D1;
    border-radius: 50%;
    overflow: hidden;
}

.cart_flow ul li p {
    color: #939393;
    font-size: 12px;
}

.cart_flow ul li.active {
}

.cart_flow ul li.active i {
    border: 5px #e40011 solid;
    background: #fff;
    width: 18px;
    height: 18px;
}

.cart_flow ul li.active p {
    color: #e40011;
}

.cart_flow ul li.cart_accomplis i {
    background: #e40011;
    width: 18px;
    height: 18px;
    line-height: 19px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cart_flow ul li.cart_accomplis i:before {
    content: "\e605";
}

.cart_flow ul li.cart_accomplis i:active {
}

.cart_flow ul li.cart_accomplis p {
    color: #333;
}

/**/
.buyCart {
}

.buyCart thead tr {
    background: #fff !important;
}

.buyCart thead .layui-form-checkbox[lay-skin=primary] span {
    margin-left: 20px;
    color: #939393;
}

.buyCart tbody tr {
    background: #fff;
    border-top: 10px #f5f5f5 solid;
}

.buyCart tbody tr td:first-child {
    vertical-align: middle;
}

.buyCart .tableText {
    line-height: 34px;
}

.buyCart .tableText a {
    color: #939393;
}

.buyCart .tableText a:hover {
    color: #e13335;
}

.buyCart .number {
    margin: 0 auto;
}

.buyCart .selectedParameters {
    font-size: 12px;
    margin-top: 10px;
}

.buyCart .selectedParameters dl:not(:last-child) {
    margin-bottom: 0;
}

.buyCartFoot td {
    vertical-align: middle;
}

.buyCart .cartBtn {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin: -10px -10px -10px 10px;
}

.price b {
    color: #e13335;
    font-size: 20px;
}


.total-choose {
    font-size: 12px;
    color: #939393;
}

.total-choose label {
    margin: 0 4px;
    color: #333;
}

.buyCart .cartBtn .cart_price {
    flex: 1;
    text-align: right;
    margin-right: 20px;
}

.buyCart .cart_create_order_btn {
    background: #e13335;
    color: #fff;
    line-height: 60px;
    text-align: center;
    width: 160px;
    font-weight: bold;
}

.buyPrice {
    margin-top: 10px;
    color: #666;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}
.buyPrice .number{
    margin: 0 4px;
}
.buyPrice p> span {
    margin: 0 4px;
    color: #e13335;
    font-weight: bold;
}

.buyPrice p:first-child span{
    margin-left: 0;
}

/**/
.shopItem {
    padding: 20px;
    background: #fff;
}

.shopItem:not(:last-child) {
    margin-bottom: 10px;
}

.shopItem .title {
    margin-bottom: 20px;
}

.shopItem .hint {

}

/*收货地址*/
.AddressSwitch {
    border: 1px #e13335 solid;
    padding: 2px;
    display: flex;
    margin-left: 20px;
    border-radius: 100px;
}

.AddressSwitch span {
    cursor: pointer;
    border-radius: 100px;
    padding: 0 10px;
    line-height: 26px;
}

.AddressSwitch span:hover {
    color: #e13335;
}

.AddressSwitch span.active {
    background: #e13335;
    color: #fff;
}

.AddressNr {

}

.AddressNr .list dl {
    border: 1px #e6e6e6 solid;
    padding: 16px;
    border-radius: 4px;
    cursor: pointer;
    height: 132px;
    position: relative;
}

.AddressNr .list_zt dl {
    height: 105px;
}

.AddressNr .list dl .btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: none;
}

.AddressNr .list dl .btn a {
    color: #e13335;
}

.AddressNr .list dl dt {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 6px;
    font-size: 16px;
}

.AddressNr .list dl dt span {
    margin-left: 10px;
}

.AddressNr .list dl dd {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.AddressNr .list dl:hover {
    border-color: #a4a4a4;
}

.AddressNr .list dl:hover .btn, .AddressNr .list dl.active .btn {
    display: block;
}

.AddressNr .list dl.active {
    border-color: #e13335;
}

.courierFees {
    margin-top: 20px;
    line-height: 32px;
    border-top: 1px #e6e6e6 solid;
    padding-top: 10px;
    margin-bottom: -10px;
}

.courierFees span {
    margin: 0 2px;
    font-weight: bold;
    color: #e13335;
    font-size: 18px;
}
.tableCom + .courierFees{
    padding-top: 0;
    border-top:none;
}
/*优惠券*/
.coupons {
}

.coupons dl {
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px #e2e2e2 solid;
    border-top-width:4px;
    border-top-color: #d1d1d1;
}
.coupons dl:not(.not) {
    border-top-color:#e13335;
}
.coupons dl dt {
    background: #fff;
    /*background: linear-gradient(to bottom, #fbc396, #fff);*/
    color: #333;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px #f5f5f5 solid;
}

.coupons dl dt {
    /*background: linear-gradient(to top, #ff5c52 0%,#ff002b 100%) !important;*/
    text-align: center;
}

.coupons dl dt b {
    font-size: 38px;
    position: relative;
    color: #999aaa;
}
.coupons dl:not(.not) dt b {
    color: #e13335;
}

.coupons dl dt b:before{
    content: "￥";
    font-size: 14px;
}
.coupons dl dt b:after{
    content: "元";
    font-size: 12px;
    margin-left: 4px;
}

.coupons dl dt span {
    margin-left: 10px;
    display: none;
}

.coupons dl dt p {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    margin-bottom: 6px;
}

.coupons dl dd {
    padding: 10px;
    /*background: #fafafa;*/
    text-align: center;
}

.coupons dl.not dt {

}

.coupons dl.active:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 34px solid #fff;
    border-left: 34px solid transparent;
}

.coupons dl.active:before {
    position: absolute;
    right: 4px;
    top: 4px;
    content: "\e605";
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    z-index: 2;
    font-size: 12px;
    color: #e13335;
    font-weight: bold;
}

.coupons dl:not(.not):hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1);
    top: -2px;
}

.coupons dl.active {
    border-color: #e13335;
}

.coupons .couponsDh {
    margin-bottom: 20px;
}

.couponsDh {
    display: flex;
}

.couponsDh .layui-input {
    width: 220px;
    height: 32px;
}

.couponsDh .c_btn {
    margin-left: 4px;
}

/*结算*/
.settlement {
}

.settlement dl {
    display: flex;
    line-height: 22px;
}

.settlement dl dt {
    flex: 1;
    text-align: right;
    color: #666;
}

.settlement dl dt span {
    color: #e13335;
    font-size: 16px;
    font-weight: bold;
}

.settlement dl dd {
    width: 140px;
    text-align: right;
}

.settlement dl:last-child {
    border-top: 1px #e6e6e6 solid;
    padding-top: 10px;
    margin-top: 10px;
    line-height: 32px;
}

.settlement dl:last-child dd {
    font-size: 26px;
    font-weight: bold;
    color: #e13335;
}

.settlementBtn {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 10px;
}

.settlementBtn a {
    width: 200px;
}

/*委托任务*/
.commission {
}

.ulList ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: -6px;
}

.ulList ul li {
    margin-right: 6px;
    margin-bottom: 6px;
}

.ulList ul li a {
    border: 1px #a4a4a4 solid;
    border-radius: 2px;
    padding: 0 10px;
    background: #fff;
    min-width: 90px;
    display: block;
    text-align: center;
    line-height: 30px;
}

.ulList ul li a:hover {
    border-color: #e13335;
    color: #e13335;
}

.ulList ul li.active a {
    border-color: #e13335;
    background: #e13335;
    color: #fff;
}

/**/
.fileBox {
}

.fileItem:not(:last-child) {
    margin-bottom: 6px;
}

.fileItem {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: 32px;
    font-size: 12px;
    border: 1px #e6e6e6 solid;
}

.fileItem dt {
    width: 70px;
    background: #fafafa;
    text-align: center;
    margin-right: -1px;
    border-right: 1px #e6e6e6 solid;
}

.fileItem dd {
    flex: 1;
}

.file_up {
    display: flex;
}

.file_up .file_name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px #e6e6e6 solid;
    margin-right: -1px;
    padding: 0 6px;
    text-align: left;
}

.file_up .file_name p {
    filter: alpha(opacity=0.4);
    opacity: 0.4;
}

.file_up .uploaded p {
    filter: alpha(opacity=1);
    opacity: 1;
}

.file_up .file_btn {
    width: 32px;
    height: 32px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
}

.file_up .file_btn {
    color: #e13335;
    cursor: pointer;
}

.file_up .file_btn:hover {
    background: #e13335;
    color: #fff;
}

/**/
.buyAddress {
    border-bottom: 1px #e6e6e6 solid;
}

.buyAddress thead {
    border-bottom: 2px #e13335 solid;
    color: #333;
    font-weight: bold;
}

.buyAddress thead tr {
    background: #f5f5f5 !important;
    color: #333;
}

.buyAddress tbody tr {
    border-top: 1px #e6e6e6 solid;
}

.buyAddress tbody tr:first-child {
    border-top: none;
}

/*订单结果*/
.buyPay_result {
    display: flex;
    padding: 20px;
}

.buyPay_result .l .iconfont {
    font-size: 80px;
    margin-right: 40px;
}

.buyPay_result .r {
    flex: 1;
}

.buyPay_result .r h1 {
    margin-bottom: 20px;
    font-size: 22px;
}

.buyPay_result .r p {
    line-height: 30px;
}

.buyPay_result .r .buyPayNr {
    display: block;
    background: #f5f5f5;
    padding: 20px;
}

.payment {
    display: flex;
    flex-wrap: wrap;
}

.payment a {
    border: 1px #e6e6e6 solid;
    height: 60px;
    width: 220px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.payment a img {
    width: auto;
    height: 100%;
}

.payment a:hover {
    border-color: #a4a4a4;
}

.payment a.active {
    border: 2px #e13335 solid;
    padding: 9px;
}

.payment a.active:after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 22px solid #e40011;
    border-left: 22px solid transparent;
}

.payment a.active:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    content: "\e605";
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    z-index: 2;
}

.pay_hint {
    margin-bottom: 20px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

/**/
.notes {
    margin-top: 10px;
    line-height: 22px;
    font-size: 12px;
}

.notes .title {
    margin-bottom: 6px;
}

.notes .title h3 {
    font-size: 14px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.notes .title .iconfont {
    margin-right: 10px;
    color: #e13335;
}

.notes > p {
    margin-left: 26px;
}


/*会员中心*/
.menber {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.menber .boxbg {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}

.menber .boxbg > .title {
    margin-bottom: 20px;
}

.menber .boxbg:not(:last-child) {
    margin-bottom: 10px;
}

.menberL {
    background: #fff;
    line-height: 32px;
    width: 160px;
    overflow: hidden;
    border-radius: 8px;
}

.menberL .item {
    padding: 10px 0;
    margin: 0 20px;
}

.menberL .item:not(:last-child) {
    border-bottom: 1px #eee solid;
}

.menberL .item ul li a {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.menberL .item ul li a:hover {
    filter: alpha(opacity=1);
    opacity: 1;
}

.menberL > .title a {
    flex: 1;
    line-height: 44px;
    padding: 0 20px;
    background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    color: #fff;
}

.menberL .title h3 {
    font-size: 14px;
}

.menberR {
    flex: 1;
    margin-left: 20px;
    min-height: 458px;
}

.menberUser {
    padding: 0 !important;
    display: flex;
}

.menberUser .hd {
    background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    padding: 20px;
    text-align: center;
    color: #fff;
    width: 260px;
    border-radius: 8px;
}

.menberUser .hd .userBox {
    display: block;
}

.menberUser .hd .userBox dt {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    margin: 0 auto 10px;
}

.menberUser .bd {
    flex: 1;
    padding: 20px;
    text-align: center;
}

.menberUser .bd {
}

.menberUser .bd ul li > p {
    margin-bottom: 4px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.menberUser .bd h1 {
    font-weight: normal;
    font-size: 26px;
}

.menberUser .bd h1:hover {
    color: #e13335;
}

.menberUser .bd a {
    display: block;
}

.menberUser .bd a.btn {
    margin: 16px auto 0;
    border: 1px #e6e6e6 solid;
    line-height: 26px;
    width: 80px;
    text-align: center;
    border-radius: 100px;
}

.menberUser .bd a.btn:hover {
    background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    border: none;
    color: #fff;
}

/**/
.orderNav {
    display: flex;
    text-align: center;
    border-top: 1px #e6e6e6 solid;
    padding-top: 20px;
}

.orderNav a {
    padding: 10px 0;
    flex: 1;
    border-radius: 6px;
}

.orderNav a:not(:last-child) {
    margin-right: 6px;
}

.orderNav a .iconfont {
    font-size: 32px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #777;
    position: relative;
    width: 40px;
    margin: 0 auto;
}

.orderNav a .iconfont .tagNum {

    position: absolute;
    left: 26px;
    top: -10px;
}

.orderNav a p {
    margin-top: 4px;
}

.orderNav a:hover {
    color: #e13335;
}

.orderNav a:hover .iconfont {
    color: #e13335;
}

/**/

.orderNr {
    margin-top: 20px;
}

.orderTable {
    vertical-align: middle;
}

.orderTable tr:not(:last-child) {
    border-bottom: 1px #eee solid;
}

.orderTable th, .orderTable td {
    vertical-align: middle;
}

.orderTable th:not(:first-child), .orderTable td:not(:first-child) {
    text-align: center;
}

.orderTable td:first-child {
    padding-left: 0;
}

.orderTable .orderImg {
    display: flex;
}

.orderTable .orderImg .item {
    width: 100px;
    height: 100px;
    border: 1px #f5f5f5 solid;
}

.orderTable .orderImg .item:not(:last-child) {
    margin-right: 10px;
}

.orderTable .orderImg .item img {
    width: 100%;
    height: 100%;
    display: block;
}

/**/
.menberTitle {
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.menberTitle > .flex_lc {
    margin: -6px 0;
}

.menberTitle .layui-input {
    width: 190px;
    font-size: 12px;
}

.menberNav {
    display: flex;
    margin-bottom: 20px;
}

.menberNav a {
    background: #f5f5f5;
    padding: 0 10px;
    line-height: 32px;
    min-width: 80px;
    text-align: center;
    border-radius: 2px;
}

.menberNav a:not(:last-child) {
    margin-right: 6px;
}

.menberNav a.active {
    background: #e13335;
    color: #fff;
}

/**/
.myOrderMessage {
    background: #f5f5f5;
}

.myOrderMessage span:not(:last-child) {
    margin-right: 20px;
}

.myOrderMessage span {
    color: #666;
}

.myOrderMessage span b {
    color: #333;
}

.myOrderMessage a {
    color: #333;
}

.myOrderMessage .r {
    display: flex;
    margin: -10px 0;
}

.myOrderMessage .r a {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: #fff;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.myOrderMessage .r a:not(:last-child) {
    margin-right: 10px;
}

.myOrderMessage .r a:hover {
    color: #fff;
    background-color: #e13335;
}

.myOrderTable {

}

.myOrderTable tbody tr td {
    vertical-align: middle;
}

.myOrderTable .line_10 td {
    padding: 0;
    height: 10px;
}

.myOrderTable tbody tr:not(.line_10) {
    border: 1px #eee solid;
}

.myOrderTable tbody tr:not(.line_10) td {
    border-left: 1px #eee solid;
}

.orderCp {
    display: flex;
}

.orderCp .img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}

.orderMs {
    flex: 1;
    position: relative;
}

.orderMs h3 {
}

.orderMs .selectedParameters {
    font-size: 12px;
    margin-top: 6px;
}

.orderMs .selectedParameters dl {
    margin-bottom: 0;
}

.orderMs .buyPrice {
    margin-top: 6px;
    color: #939393;
}

.orderMs .buyPrice span {
    font-weight: bold;
    color: #e13335;
    margin: 0 4px;
}

.orderMs .buyPrice span:first-child {
    margin-left: 0;
}

.orderMs .noteBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.noteBox {
    line-height: 20px;
    color: #666;
    text-align: left;
}

.noteBox span {
    background: #e1333520;
    color: #e13335;
    padding: 0 10px;
    margin-right: 6px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
}

.stepOrder {
    display: flex;
    -webkit-box-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    text-align: center;
    margin-top: 20px;
}

.stepOrder dl {
    flex: 1;
    position: relative;
}

.stepOrder dt {
}

.stepOrder dl dt {
    position: relative;
}

.stepOrder dl dt:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    left: -50%;
    border-bottom: 2px #e6e6e6 dotted;
    margin-top: -2px;
    margin-left: 30px;
    margin-right: 30px;
}


.stepOrder dl:first-child dt:before {
    display: none;
}

.stepOrder dl .iconfont {
    width: 44px;
    height: 44px;
    background: #ddd;
    color: #fff;
    border: 6px #f8f8f8 solid;
    margin: 0 auto;
    border-radius: 100px;
    position: relative;
    z-index: 2;
}

.stepOrder dl h4 {
    font-weight: bold;
    margin-top: 10px;
}

.stepOrder dl p {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    font-size: 12px;
    margin-top: 6px;
}

.stepOrder dl.active dt .iconfont {
    background-color: #53A724;
    border-color: #d1ebc7;
}

.stepOrder dl.active dt:before {
    border-bottom-color: #53A724;
}

/**/
.detailBox:not(:first-child) {
    margin-top: 30px;
}

.detailBox .settlement {
    /*border-top: 1px #e6e6e6 solid;*/
    padding-top: 20px;
}

/**/
.orderInformation {
    background: #f5f5f5;
    padding: 20px 0;
    display: flex;
    /*border-top: 1px #e6e6e6 solid;*/
}

.orderInformation dl {
    padding: 0 20px;
    flex: 1;
}

.orderInformation dl:not(:last-child) {
    border-right: 1px #e6e6e6 solid;
}

.orderInformation dl dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.textDl {
    display: flex;
    line-height: 22px;
}

.textDl:not(:last-child) {

}

.textDl label {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    width: 80px;
    display: block;
    padding:2px 0;
}

.textDl p {
    flex: 1;
    padding:2px 0;
}

/**/
.orderTracking {
    padding: 20px;
    background: #f5f5f5;
    font-size: 12px;
}

.orderTracking dl {
    display: flex;
    line-height: 28px;
    position: relative;
}

.orderTracking dl:not(:first-child) {
    padding-top: 10px;
}

.orderTracking dl dt {
    display: block;
    width: 210px;
    text-align: right;
    padding-right: 26px;
    margin-right: 20px;
    position: relative;
}

.orderTracking dl dt:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: #ddd;
    z-index: 2;
}

.orderTracking dl dt:before {
    content: "";
    position: absolute;
    right: 3px;
    top: 10px;
    bottom: -20px;
    width: 6px;
    border-right: 2px #dddddd solid;
}

.orderTracking dl:last-child dt:before {
    display: none;
}

.orderTracking dl:first-child {
    color: #e13335;
    font-weight: bold;
}

.orderTracking dl:first-child dt:after {
    background-color: #e13335;
}

.orderTracking dl dd {
    flex: 1;
    width: 100px;
}

.orderTracking dl h4 + p {
    margin-top: -6px;
}

/**/
.operationBtn {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
}

.operationBtn > p {
    color: #939393;
    margin-left: 20px;
}

.operationBtn > p label {
    color: #e13335;
    margin: 0 4px;
}

.addressNr {
}

.addressNr ul li {
    position: relative;
    border: 2px #e6e6e6 solid;
    padding: 20px;
}

.addressNr ul li {
    position: relative;
}

.addressNr ul li:not(:last-child) {
    margin-bottom: 10px;
}

.addressNr ul li .d_items {
    line-height: 22px;
}

.addressNr ul li .d_items dt {
    width: 80px;
    text-align: right;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.addressNr ul li .tag {
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 4px 10px;
    border-radius: 0;
    border-bottom-left-radius: 4px;
}

.addressNr ul li.active {
    border-color: #e13335;
}

.addressNr ul li .btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.addressNr ul li .btn a {
    color: #1472FF;
    line-height: 1;
}

.addressNr ul li .btn a:hover {
    color: #e13335;
}

.addressNr ul li .btn a:not(:last-child) {
    border-right: 1px #e6e6e6 solid;
    padding-right: 10px;
    margin-right: 10px;
}

/**/
.alertsBox {
}

.alertsBox ul li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #e6e6e6 solid;
}

.alertsBox ul li .title {
    margin-bottom: 10px;
}

.alertsBox ul li .title h3 {
    position: relative;
}

.alertsBox ul li .title .tag {
    margin-left: 10px;
}

.alertsBox ul li:not(.unread) .title .tag {
    background: #ddd;
}

.alertsBox ul li .time {
    margin-top: 10px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

.alertsBox ul li.unread .title h3 {
    padding-left: 13px;
}

.alertsBox ul li.unread .title h3:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 100px;
    background: #e13335;
}

/**/
.myCollection {
}

.myCollection ul {
    margin-bottom: -20px;
    display: flex;
    flex-wrap: wrap;
}

.myCollection ul li {
    width: calc((100% + 20px) / 4 - 20px);
    margin-bottom: 20px;
}

.myCollection ul li:not(:nth-child(4n)) {
    margin-right: 20px;
}

.myCollection ul li a {
    display: block;
    position: relative;
    border: 1px #eee solid;
}

.myCollection ul li a .collect_close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 0 0 0 100px;
    display: none;

}

.myCollection ul li a .collect_close:hover {
    background-color: #e13335;

}

.myCollection ul li a .icon-shanchu {
    position: relative;
    right: -4px;
    top: -2px;

}

.myCollection ul li a .img {
    position: relative;
}

.myCollection ul li a .img img {
    width: 100%;
}

.myCollection ul li a .img .hot {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 10px;
    border-bottom-right-radius: 4px;
}

.myCollection ul li a h3 {
    text-align: center;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.myCollection ul li a:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.myCollection ul li a:hover .hot {
    background-color: #e13335;
}

.myCollection ul li a:hover .collect_close {
    display: block;
}

/**/
.accountBox {
}

.accountBox .user {
    margin-right: 50px;
    text-align: center;
}

.accountBox .userImg {
    margin-bottom: 10px;
}

.accountBox .userImg {
}

/**/
.menberTabsNav {
    margin-bottom: 30px;
    border-bottom: 2px #e13335 solid;
    display: flex;
}

.menberTabsNav a {
    width: 120px;
    text-align: center;
    line-height: 32px;
    background: #f2f2f2;
    border-radius: 4px 4px 0 0;
}

.menberTabsNav a:not(:last-child) {
    margin-right: 6px;
}

.menberTabsNav a:not(.active) {

}

.menberTabsNav a:hover {
    background: #e1333510;
    color: #e13335;
    filter: alpha(opacity=1);
    opacity: 1;
}

.menberTabsNav a.active {
    background: #e13335;
    color: #fff;
    font-weight: bold;
}

.menberTabsNr .item:not(.active) {
    display: none;
}

/**/
.accountSecurity {
    margin-top: 40px;
}

.accountSecurity ul li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #e6e6e6 solid;
}

.accountSecurity ul li dl {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.accountSecurity ul li dl .iconfont {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    margin-right: 20px;
    color: #fff;
    background: #e13335;
    font-size: 20px;
}

.accountSecurity ul li dl h3 {
    font-size: 16px;
    margin-bottom: 4px;
}

.accountSecurity ul li dl p {
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

/**/
.statisticalBox {
    background: #f5f5f5;
    padding: 10px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
}

.statisticalBox label {
    color: #e13335;
    font-weight: bold;
    margin: 0 6px;
    font-size: 16px;
}

.statisticalBox p + a {
    margin-left: 20px;
}

/**/
.operationBox {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.operationBox .screenBox {
    display: flex;
}

.operationBox .screenBox .screenItem:not(:last-child) {
    margin-right: 10px;
}

.operationBox .screenBox .c_time {
    width: 240px;
}

.operationArea{
    display: flex;
    margin-bottom:20px;
}
.operationArea .d_input:not(:last-child){
    margin-right: 10px;
}

/**/
.payList {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #e6e6e6 solid;
}

.payList ul li a {
    display: block;
    text-align: center;
    border: 1px #e6e6e6 solid;
    padding: 40px 0;
    position: relative;
    border-radius: 6px;
    box-sizing: border-box;
}

.payList ul li:hover a {
    border-color: #e13335;
}

.payList ul li.active a {
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    color: #fff;
    border: none;
}

.payList ul li a p {
    margin-top: 6px;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
}

/**/
.invoiceSummary {
    padding-left: 10px;
    background: #f5f5f5;
}

.invoiceSummary .c_btn {
    border-radius: 0;
    margin-left: 10px;
    width: 140px;
}

.invoiceType {
    padding:6px;
    background: #f2f2f2;
    /*border: 1px #f5f5f5 solid;*/
    display: flex;
    margin-bottom: 20px;
}

.invoiceType a {
    background: #fff;
    padding: 0 10px;
    border-radius: 2px;
    line-height: 32px;
    margin-right:6px;
}

.invoiceType a:hover {
    background: #000;
    color: #fff;
}

.invoiceType a.active {
    background: #e13335;
    color: #fff;
}

.invoiceNrzzs {
    display: none;
    margin-bottom: 10px;
}

/**/
.newValetOrder {
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.newValetOrder .title {
    margin: -30px -30px 30px;
    border-bottom: 1px #e6e6e6 solid;
    padding: 10px 30px;
    background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    color: #fff;
}

/**/
.uploadMore {
    border: 1px #e6e6e6 solid;
}

.uploadMore .hd {
    padding: 6px;
    border-top: 1px #e6e6e6 solid;
    position: relative;
    z-index: 2;
    background: #fafafa;
}

.uploadMore .bd {
    background: #fff;
    min-height: 341px;
}

/**/
.directPrintFlow {

}

.directPrintFlow .tit p {
    margin-top: 6px;
    color: #939393;
}

.directPrintBox {
}

.prompt {
    display: flex;
    margin-top: 20px;
}

.prompt .iconfont {
    font-size: 60px;
    color: #e13335;
    margin-top: 10px;
    margin-right: 40px;
}


.prompt ul:not(:last-child) {
    border-bottom: 1px #e6e6e6 dashed;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.prompt ul li {
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    line-height: 32px;
}

.prompt ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #ddd;
    border-radius: 10px;
}

.prompt ul li span {
    color: #e13335;
}


.prompt .sample {
    margin-left: 40px;
}


/**/

.menberInformation {
    margin: 10px 0;
}

.menberInformation .title {
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 20px;
}

.menberInformation ol {

    display: flex;
}

.menberInformation dl {
    flex: 1;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
    border: 1px #f5f5f5 solid;
    position: relative;
}

.menberInformation dl:not(:last-child) {
    margin-right: 10px;
}

.menberInformation dl dt {
    width: 68px;
    height: 68px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    border: 1px #e6e6e6 solid;
    overflow: hidden;
    border-radius: 100px;
}

.menberInformation dl dt .iconfont {
    font-size: 36px;
    color: #bbb;
}

.menberInformation dl h3 {
    font-size: 14px;
}

.menberInformation dl a {
    margin-top: 10px;
}

.menberInformation dl .status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 2;
}

.menberInformation dl .status .iconfont {
    position: relative;
    z-index: 2;
    margin: 3px;
    color: #fff;
    font-size: 12px;
}

.menberInformation dl .status:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #51d349;
    border-left: 32px solid transparent;
}

.menberInformation dl.active .status {
    display: block;
}

.menberInformation dl.active dt {
    background: #e1333510;
    border: none;
}

.menberInformation dl.active dt .iconfont {
    color: #e13335;
}

/**/
.entrance {

}

.entrance ul {
    display: flex;
}

.entrance ul li {
    flex: 1;
    padding: 20px;
}

.entrance ul li.boxbg {
    margin-bottom: 0 !important;
}

.entrance ul li:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
}

.entrance ul li:not(:last-child) {
    margin-right: 10px;
}

.entrance dl {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.entrance dl dt {
    margin-right: 20px;
}

.entrance dl dt .iconfont {
    width: 80px;
    height: 80px;
    display: flex;
    font-size: 36px;
    background: #e13335;
    color: #fff;
    border-radius: 100px;
}

.entrance dl dd h3 {
    margin-bottom: 6px;
}

.entrance dl dd a {
    color: #939393;
}

.entrance dl dd a:hover {
}

.entrance dl dd a p b {
    color: #e13335;
    margin: 0 4px;
}

.fileUpBox {
}

.fileUpBox .uploaded:not(:last-child) {
    margin-bottom: 6px;
}

.uploaded {
    width: 460px;
    display: flex;
    border: 1px #e6e6e6 solid;
    border-radius: 4px;
    position: relative;
    text-align: left;
}

.uploaded .hd {
    background: #e13335;
    color: #fff;
    font-size: 12px;
    padding: 6px;
    line-height: 1.2;
    width: 22px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 -1px -1px -1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.uploaded .uploadedNr {
    padding: 10px;
}

.uploaded .btn {
    border: none;
    border-left: 1px #e6e6e6 solid;
    padding: 0 6px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.uploaded .btn:hover {
    background: #f5f5f5;
}

.uploaded .btn .icon-shangchuan {
    color: #e13335;
}

.uploadedNr {
    flex: 1;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.uploadedNr .l {
    margin-right: 10px;
}

.uploadedNr .l img {
    width: 60px;
    height: 60px;
}

.uploadedNr .r {
    flex: 1;
}

.uploadedNr .tag {
    margin-right: 0;
}

.uploadedNr .title {
    margin-bottom: 6px;
}

.uploadedNr .title h3 {
    font-size: 14px;
    flex: 1;
}

.uploadedNr .iconfont {
    cursor: pointer;
    height: 20px;
    margin-left: 6px;
}

.uploadedNr .iconfont:hover {
    color: #e13335;
}

.uploadedNr_pup {
    border: 1px #e6e6e6 solid;
    padding: 10px;
    margin-top: 10px;
}

.uploadedNr_pup .icon-shanchu {

}

/**/
.directPrintNr {
    display: flex;
}

.directPrintL {
    width: 400px;
    margin-right: 50px;
}

.directPrintR {
    flex: 1;
}

/*云盘*/
.cloudDiskHead {
    display: flex;
    overflow: hidden;
}

.cloudDiskHeadL {
    padding: 20px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .07);
    border-right: 1px #eee solid;
    width: 300px;
}

.cloudDiskHeadL .layui-progress {
    margin: 10px 0;
}

.cloudDiskHeadL p b {
    margin: 0 3px;
}

.cloudDiskHeadL p b:first-child {
    margin-left: 0;
}

.cloudDiskHeadR {
    flex: 1;
    padding: 20px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.cloudDiskHeadR .icon-jinggao {
    font-size: 38px;
    margin-right: 20px;
    color: #e13335;
}

.cloudDiskBox {
    margin-top: 10px;
    border: 1px #e6e6e6 solid;
    background: #fff;
}

.cloudDiskBox .operation {
    display: flex;
    border-bottom: 1px #e6e6e6 solid;
    padding: 6px;
}

.cloudDiskBox .directory {
    padding: 6px 6px 6px 10px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px #e6e6e6 solid;
}

.cloudDiskBox .directory .searchBox {
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 4px;
}

.cloudDiskBox .directory .searchBox:after {
    display: none;
}

.cloudDiskBox .directory .searchBox .layui-input {
    height: 32px;
}

.cloudDiskBox .directory .searchBox .searchBtn {
    border: none;
}

.cloudDiskBox .directory a {
    line-height: 1.2;
}

.cloudDiskBox .directory .returnBtn {
    border-right: 1px #e6e6e6 solid;
    padding-right: 20px;
    margin-right: 20px;
}

.cloudDiskBox .directory .crumb {
    flex: 1;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.cloudDiskBox .directory .crumb a {
    display: flex;
    position: relative;
}

.cloudDiskBox .directory a:hover {
    color: #e13335;
}

.cloudDiskBox .directory .crumb a:last-child {
    color: #939393;

}

.cloudDiskBox .directory .crumb a:not(:last-child) {
    padding-right: 14px;
    margin-right: 10px;
}

.cloudDiskBox .directory .crumb a:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    border-right: 1px #bbb solid;
    border-top: 1px #bbb solid;
    border-top-right-radius: 1px;
    height: 6px;
    width: 6px;
    margin-top: -3px;
    transform: rotate(45deg);
}

.cloudDiskBox {
}

.batchBtn {
    display: flex;
}

.batchBtn .c_btn {
    margin-right: 0;
    border-radius: 0;
    margin-right: -1px;
}

.batchBtn .c_btn:hover {
    z-index: 2;
}

.batchBtn .c_btn:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.batchBtn .c_btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/**/
.cloudTable {
}


.cloudTable .iconfont {
    font-size: 26px;
    margin-right: -12px;
}

.icon-wj {
    color: #ffd636;
}

.icon-pdf {
    color: #e13335;
}

.icon-png {
    color: #ff5722;
}

.icon-jpg {
    color: #1472FF;
}
.icon-zip {
    width: 36px;
    min-height: 36px;
    background: url("../images/zip.png") no-repeat center;
    background-size: 32px auto;
}

.cloudTable tr td:nth-child(5), .cloudTable tr th:nth-child(4) {
    text-align: right;
}

.cloudTable tr td:nth-child(6), .cloudTable tr th:nth-child(5) {
    text-align: right;
}

.cloudTable tbody tr.active {
    background: #1472FF10;
    position: relative;
}

.cloudTable .zhBtn {
    width: 32px;
    height: 32px;
    font-size: 16px;
    color: #e13335;
    cursor: pointer;
    position: relative;
    border-radius: 100px;
}

.cloudTable .zhBtn:hover {
    font-size: 18px;
    color: #fff;
    background: #e13335;
}

/**/
.orderFlex {
    display: flex;
    padding: 0 10px !important;
}

.orderFlexL {
    width: 240px;
    padding: 10px 10px 0;
    position: relative;
    z-index: 2;
}
.orderFlexL:first-child {
    border-right: 1px #eee solid;
}

.orderFlexL:last-child {
    border-left: 1px #eee solid;
}

.orderFlexL .img {
    width: 220px;
    margin-bottom: 10px;
}

.orderFlexR {
    flex: 1;
    padding: 20px;
    /*background: #fafafa;*/
}

.orderFlex .layui-form-item {

}

#evaluation .layui-inline {
    margin-bottom: 0;
    margin-right: 0;
}

#evaluation .layui-rate li i.layui-icon {
    font-size: 26px;
}

/**/
.productBtn_zy {
    background: #f5f5f5;
    padding: 10px 10px 10px 20px;
    margin-top: -21px;
}

.productBtn_zy .price {

}

.productBtn_zy .price b {
    font-size: 28px;
}

/**/
.giftExchangeHead {
    display: flex;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.giftExchangeHead .l {
    padding: 20px 20px 20px 100px;
    background: url("../images/jf_icon.png") no-repeat 30px center;
}

.giftExchangeHead .l dl dt {
    font-weight: bold;
}

.giftExchangeHead .l dl dd b {
    font-size: 36px;
    color: #e13335;
    margin-right: 6px;
}

.giftExchangeHead .r {
    display: flex;
    border-left: 1px #f5f5f5 solid;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.giftExchangeHead .r a {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 120px;
    position: relative;
    color: #999aaa;
}

.giftExchangeHead .r a:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    border-right: 1px #eee solid;
}

.giftExchangeHead .r a .iconfont {
    font-size: 28px;
    margin-bottom: 6px;
}

.giftExchangeHead .r a dd {
    font-size: 12px;
}

.giftExchangeHead .r a:hover,.giftExchangeHead .r a.active {
    color: #e13335;
}
.giftProduct{
    background: #fff;
    padding:40px;
    margin:10px auto 0;
}
/**/
.gift_bar {
    margin-top: 10px;
    padding: 20px;
    line-height: 28px;
}

.gift_bar .item {
    display: flex;
}

.gift_bar .item:not(:last-child) {

}

.gift_bar .item:not(:last-child) ul {
    border-bottom: 1px #e6e6e6 dotted;
    margin-bottom: 10px;
}

.gift_bar label {
    width: 60px;
    font-weight: bold;
}

.gift_bar ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    flex: 1;
}

.gift_bar ul li a {
    padding: 0 16px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.gift_bar ul li a:hover {
    color: #e13335;
}

.gift_bar ul li.active a {
    background: linear-gradient(to bottom right, #ff5e45, #e40011);
    color: #fff;
    border-radius: 100px;
}

.gift_list {
    margin-top: 10px;
}

.gift_list ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.gift_list ul li {
    width: calc((100% + 10px) / 5 - 10px);
    background: #fff;
    margin-bottom: 10px;
    position: relative;
}

.gift_list ul li:not(:nth-child(5n)) {
    margin-right: 10px;
}

.gift_list ul li a {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

.gift_list ul li a .img img {
    width: 100%;
}

.gift_list ul li a h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gift_list ul li a .nr b {
    color: #e13335;
    margin-right: 4px;
}

.gift_list ul li a .nr s {
    font-size: 12px;
    margin-left: 4px;
}

.gift_list ul li:hover {
    top: -4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.giftType {
}

.giftType .price {
    border: 1px #eee solid;
    border-top: 3px #e13335 solid;
    margin: 30px 0;
    padding: 20px;
    background: url("../images/price-bg.png") 0 66px repeat-x #f3f3f3;
}

.giftType .d_items {
    font-size: 14px;
    height: 40px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

/**/
.productName {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.productName .icon-xiugai {
    margin-left: 10px;
    color: #999aaa;
    cursor: pointer;
}

.productName .icon-xiugai:hover {
    color: #e13335;
}

/**/
.resultBox {
}

.resultBox .iconfont {
    font-size: 80px;
    color: #2196f3;
}

.resultBox:not(.not) dl {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.resultBox:not(.not) dl dt {
    margin-right: 20px;
}

.resultBox h1 {
    margin-bottom: 6px;
    color: #2196f3;
}

.resultBox dl dd > p {
    color: #666;
}

.resultBox.not  dl dd h1{
    margin-top:10px;
    margin-bottom: 10px;
}
.resultBox.not  dl dd h1 + .price{
    margin-bottom: 10px;
}
.resultBox:not(.not)  dl dd{}
.resultBox > .buyPayNr {
    margin-top: 20px;
    text-align: left;
    display: inline-block;
    background: #f5f5f5;
    padding: 20px;
    width: 100%;
}

.resultBox > .buyPayNr p:not(:last-child) {
    margin-bottom: 10px;
}

/**/
.pup_reminder {
    margin-bottom: -10px !important;
}

.reminderBox {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0;
}

.reminderBox .reminderLsit {
    flex: 1;
    padding: 20px;
    background: #f0f1f2;
}

.reminderBox .reminderNr {
    border-top: 1px #e6e6e6 solid;
}

.reminderBox .reminderNr .reminderCz{
    position: relative;
}
.reminderBox .reminderNr .layui-layedit{
    border: none;
}
.reminderBox .reminderNr .reminderCz .c_btn{
    position: absolute;
    right:4px;
    top:4px;
}

.reminderBox .reminderNr .layui-textarea {
    border: none;
    padding:20px;
}

.reminderBox .reminderNr .btn {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 10px;
}

.reminderBox .reminderNr .btn .c_btn {
    min-width: 100px;
    height: 32px;
}

.dialogue {
    overflow: hidden;
    position: relative;
    padding-top:46px;
}
.dialogue .time{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    color: #999aaa;
    font-size: 12px;
}
.dialogue .time span{
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding:6px 12px;
    border-radius: 100px;
}

.dialogue .userHead {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 100px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 1px;
}

.dialogue .nr {
    padding:12px;
    background: #fff;
    max-width: 70%;
    min-height: 44px;
    border-radius:4px;
    line-height: 1.5;
    position: relative;
    word-wrap:break-word;
    word-break:break-all;
}
.dialogue .nr:after{
   content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    z-index: 1;
}

.dialogue:not(:last-child) {
    margin-bottom: 20px;
}

.dialogue_pt .userHead {
    float: left;
    margin-right:18px;
}

.dialogue_pt .nr {
    float: left
}
.dialogue_pt .nr:after{
    left: -8px;
    border-right: 8px solid #fff;
}

.dialogue_my .userHead {
    float: right;
    margin-left:18px;
}
.dialogue_my .userHead {
    float: right;
    margin-left:18px;
}
.dialogue_my .nr {
    float: right;
    background: #e13335;
    color: #fff;
}
.dialogue_my .nr:after{
    right: -8px;
    border-left: 8px solid #e13335;
}
.dialogue_my .nr .img{
    background: #fff;
    padding: 10px;
}


.dialoguePrompt,.dialogueLine{
    text-align: center;
    margin-bottom: 10px;
    color: #999aaa;
    position: relative;
}
.dialoguePrompt span,.dialogueLine span{
    position: relative;
    background: #f0f1f2;
    padding: 0 10px;
    z-index: 2;
}
.dialoguePrompt span{
    color: #1472FF;
}
.dialogueLine:after{
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    border-bottom: 1px #e6e6e6 solid;
}

.otherFees{}
.otherFees ul li{
    padding: 20px;
    border: 1px #f5f5f5 solid;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05);
    background: #fff;
}
.otherFees ul li h3{
    font-size: 16px;
}
.otherFees ul li{}

.integralSubsidiary{

    border-top: 3px #e13335 solid;
}
.forRecord_detail{
    display: flex;
    flex-wrap: wrap;
}
.forRecord_detail dl{
    width: calc( (100% + 40px) /3 - 40px);
    margin-bottom:20px;
    /*border-bottom: 1px #e6e6e6 solid;*/
}
.forRecord_detail dl:not(:nth-child(3n)){
    margin-right: 40px;
}
.forRecord_detail dl.auto{
    width: 100%;
    margin-right: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.forRecord_detail dl dt{
    margin-bottom: 6px;
    color: #999aaa;
}
.forRecord_detail dl dd{
    font-size: 16px;
    font-weight: bold;
}
/**/
.couponBox{
    display: flex;
    height:100px;
    padding:10px 16px;
    background: #e13335;
    background: linear-gradient(-92deg,#ffba40,#ff503e 37%,#ff2f50 81%,#ff1b40);
    position: relative;
    overflow: hidden;
    color: #fff;
    width: 300px;
    border-radius: 4px;
    /*不可选中*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.couponBox dl{
    flex: 1;
    position: relative;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    border: 1px rgba(255, 255, 255, 0.3) solid;
}
.couponBox:after,.couponBox:before{
    content: "";
    position: absolute;
    top: 50%;
    width:20px;
    height: 20px;
    border-radius: 100px;
    background: #fff;
    margin-top: -10px;

}
.couponBox:after{
    left: -10px;
}
.couponBox:before{
    right: -10px;
}
.couponBox dl dt{
    margin-right:20px;
    margin-left:30px;
    position: relative;
    padding-right: 20px;
}
.couponBox dl dt h3{
    position: relative;
}
.couponBox dl dt h3:after{
    content: "￥";
    position: absolute;
    font-size: 14px;
    width: 22px;
    height: 22px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px #e13335 solid;
    background: #fff;
    color: #e13335;
    font-weight: bold;
    left: -12px;
    bottom:10px;
}
.couponBox dl dt h3{
    font-size: 60px;
    font-family: Impact;
    font-weight: normal;
}
.couponBox dl dt:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 50px;
    margin-top: -25px;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;

}
.couponBox dl dd{
    flex: 1;
}
.couponBox dl dd p:first-child{
    display: inline-block;
    background: #fff;
    color: #e13335;
    padding:2px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.couponBox dl dd p:not(:last-child){
    margin-bottom: 4px;
}

/**/
.serviceBox {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #babbbf;
}
.serviceBox .com_w{
    width: 1200px;
    height:90%;
    border-radius: 6px;
    overflow: hidden;
}
.serviceTitle{
    background: #e13335;
    line-height:44px;
    padding: 0 20px;
    color: #fff;
}
.serviceNr{
    display: flex;
    flex: 1;
    overflow: hidden;
}
.serviceNr .orderFlexL{
    width: 360px;
    padding: 20px 20px 0;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: column;
}

.serviceNr .orderFlexL .title{
    line-height: 1;
    margin-bottom:20px;
}
.serviceNr .orderFlexL .serviceUser{}
.serviceNr .orderFlexL .serviceUser ul{
   display: flex;
    flex-wrap: wrap;
}
.serviceNr .orderFlexL .serviceUser ul li{
    width: 50%;
    margin-bottom: 10px;
}
.serviceNr .orderFlexL .serviceUser ul li dl{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.serviceNr .orderFlexL .serviceUser ul li dl dt{
   width: 44px;
    height:44px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding:6px;
    border-radius: 100px;
    border: 1px #eee solid;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);
}

.serviceNr .orderFlexL .serviceUser ul li.active dl dt{
    border-color: #e13335;
    box-shadow: 0 2px 3px 0 rgba(225, 51, 53, 0.2);
}
.serviceNr .orderFlexL .serviceUser ul li dl dd h3{
    font-size: 14px;
    font-weight: normal;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.serviceNr .orderFlexL .serviceUser ul li dl dd p{
    font-size: 12px;
    color: #999aaa;
}

.serviceFile{
    flex: 1;
    border-top: 1px #e6e6e6 solid;
    margin:10px -20px 0;
}
.serviceFileNav{
    display: flex;
}
.serviceFileNav a{
    flex: 1;
    text-align: center;
    line-height:36px;
    position: relative;
}
.serviceFileNav a:not(:last-child){
    border-right: 1px #e6e6e6 solid;
}
.serviceFileNav a:not(.active){
    border-bottom: 1px #e6e6e6 solid;
    background: #f5f5f5;
}
.serviceFileNav a:hover{
    background: #fafafa;
}
.serviceFileNav a.active{
    font-weight: bold;
    background: #fff;
}
.serviceFileNav a.active:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:-1px;
    border-top: 3px #e13335 solid;
}
.serviceFileNr{
    flex: 1;
}
.serviceFileNr .item:not(.active){
   display: none;
}
.serviceFileNr ul{
    padding:6px 0;
}
.serviceFileNr ul li{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px;
}
.serviceFileNr ul li:hover{
    background: #f5f5f5;
    cursor: pointer;
}
.serviceFileNr ul li:not(:last-child){
    border-bottom: 1px #eeeeee solid;
}
.serviceFileNr ul li .fileIcom .iconfont{
    font-size: 36px;
    margin-right: 10px;
}
.serviceFileNr ul li .fileNr{
    flex: 1;
}
.serviceFileNr ul li .fileNr > p{
    font-size: 12px;
    color: #999aaa;
    margin-top: 4px;

}
.serviceFileNr ul li a.iconfont{
    font-size: 18px;
    margin-left: 10px;
}
.serviceFileNr ul li a.iconfont:hover{
    font-size: 18px;
    margin-left: 10px;
}

/**/
.pup_sharelink{}
.pup_sharelink label{
    display: block;
    margin:0 20px;
}
.pup_sharelink .formItem{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}
.pup_sharelink .formItem:not(:last-child){
    margin-bottom: 10px;
}
.pup_sharelink  .layui-input{
    flex: 1;
    background: none;
    border: none;
    margin-right:20px;
}
.pup_sharelink .formLink{
    background: #f4f7fd;
}
/**/
.ewm{
    margin: 0 auto;
    max-width:260px;
}
.ewm img{
    margin: 0 auto 10px;
}

/**/
.wx_payBox{
    width: 100%;
}
.wx_payList{
    background: #f5f5f5;
    padding: 10px ;
    margin-bottom:20px;
}
.wx_payList ul{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.wx_payList ul li{
    position: relative;
}
.wx_payList ul li:not(:last-child){
    padding-right: 10px;
    border-right: 1px #ddd solid;
    margin-right: 10px;
}

/**/
.moreBtn{
    background: #ebf3ff!important;
    margin: 6px 6px 0;
    color: #1472FF!important;
}
.moreBtn:after{
    display: none;
}

/**/
.searchResult{
    padding: 20px;
}
.searchResult .list{
    margin-top: 20px;
    text-align: center;
}
.searchResult .list li{
    width: calc((100% + 20px) / 4 - 20px);
}
.searchResult .list li:not(:nth-child(4n)){
    margin-right: 20px;
    margin-bottom: 20px;
}
.searchResult .list a{
    display: block;
    border: 1px #eee solid;
}
.searchResult .list a:hover{
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.1);

}
.searchResult .list img{
    width: 100%;
}
.searchResult .list h3{
   padding:10px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/**/
.indexMain{}
.indexMain .banner{
    overflow: hidden;
    padding:30px 0;
}
.indexMain .banner .swiper-container{
    width: 1200px;
    border-radius:16px;
    overflow: hidden;
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.2);
}

/**/
.shareCloud{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #eef2f6 url("../images/cloud_bg.png") repeat-x 0 bottom;
}

.shareCloudBox{
    width: 460px;
    border-radius:4px;
    background: #fff;
    margin-bottom:50px;
    overflow: hidden;
}
.shareCloudBox .layui-form-item{
    padding:40px 40px 50px;
}
.shareCloudBox .tit{
   background: #e13335;
    background: linear-gradient(to bottom right, #ff5e45, #e2231a);
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
}

.shareCustInit{
    padding:20px;
}

.invoice-cont{
    padding:4px 10px;
    background: #e1333510;
}
.invoice-cont .layui-form-label{
    font-weight: bold;
    color: #333;
}
.invoice-cont .text span{
    margin-right: 10px;
}
.invoice-cont .text a{
    color: #005ea7;
}





/*滑动验证码*/
.verificationCode{
    margin-top: 10px;
}
.verify-bar-area {
    position: relative;
    background: #FFFFFF;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
}

.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff!important;
    color: #333!important;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0 0 2px #888888;
    -webkit-border-radius: 1px;
}

.verify-bar-area .verify-move-block:hover {
    background-color: #e13335;
    color: #FFFFFF;
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -1px;
    left: -1px;
    background: #f0fff0;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
}

.verify-img-panel {
    margin:0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
}

.verify-img-panel .verify-refresh {
    width: 25px;
    height: 25px;
    text-align:center;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.verify-img-panel .icon-refresh {
    font-size: 20px;
    color: #fff;
}

.verify-img-panel .verify-gap {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border:1px solid #fff;
}

.verify-bar-area .verify-move-block .verify-sub-block {
    position: absolute;
    text-align: center;
    z-index: 3;
    border: 1px solid #fff;
}

.verify-bar-area .verify-move-block .verify-icon {
    font-size: 18px;
}

.verify-bar-area .verify-msg {
    z-index : 3;
}

/*字体图标的css*/
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1508229193188'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),
    url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); /* iOS 4.1- */
}


.icon-check:before { content: "\e645"; }

.icon-close:before { content: "\e646"; }

.icon-right:before { content: "\e6a3"; }

.icon-refresh:before { content: "\e6a4"; }


/**/
.productBox_1{
    background: #f5f6f9;
    padding: 30px 0;
}
.productBox_1 .com_w{
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding:20px;
    border-radius:8px;
}
.productBox_1 .item{
    display: flex;
    align-items: flex-start;
    padding: 20px;
    width: calc( (100% ) /3 );
    background: #fff;
    position: relative;
}
.productBox_1 .item:hover:after{
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    top: 0;
    border-left: 1px #fff solid;
}
.productBox_1 .item:not(:nth-child(3n)){
    margin-right:0;
}
.productBox_1 .item:not(:nth-child(3n)):before{
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 0;
    border-right: 1px #f2f2f2 solid;
}
.productBox_1 .item:hover{
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1);
    z-index: 2;
    border-radius: 4px;
}
.productBox_1 .item:hover:before{
    display: none;
}
.productBox_1 .item .img{
    width:100px;
    height:100px;
}
.productBox_1 .item .nr{
    flex: 1;
    margin-left:20px;
}
.productBox_1 .item .nr h3{
    margin-left: 10px;
}
.productBox_1 .item .nr ul{
    margin-top:6px;
}
.productBox_1 .item .nr ul li{
    position: relative;
}
.productBox_1 .item .nr ul li a{
   display: block;
    padding-left:10px;
    line-height:1.6rem;
    font-size: 13px;
}
.productBox_1 .item .nr ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width:4px;
    height: 4px;
    margin-top: -2px;
    background: #ddd;
    border-radius: 100px;
}
.productBox_1 .item .nr ul li:hover:after{
    background: #e13335;
}
.productBox_1 .item .nr ul li:hover a{
    color: #e13335;
}
/*发票*/
.invoiceItem{
    display: flex;
    background: #f2f2f2;
    border-radius: 8px;
}
.invoiceItem .invoiceBord{
    width:40px;
    overflow: hidden;
   
}
.invoiceItem .invoiceC{
    flex: 1;
    border-left:3px #fff dashed;
    border-right:3px #fff dashed;
    padding:30px;
     padding-bottom:44px;
}
.invoiceItem .invoiceC .middle p{
    white-space:initial;
}
.invoiceItem .invoiceTitle{
   text-align: center;
}
.invoiceItem .invoiceTitle h1{
   font-weight: normal;
}
.invoiceItem .switchInvoiceTypeBtn{
    color: #e13335;
    margin-top: 8px;
    text-decoration:underline;
}
.invoiceItem .invoiceNr{
    margin-top: 10px;
}
.invoiceItem .invoiceHd{
    display: flex;
    border: 1px #E6E6E6 solid;
    overflow: hidden;
}
.invoiceItem .invoiceHd .layui-form-item{
    flex: 1;
    margin-bottom: 0;
}
.invoiceItem .invoiceHd .layui-form-label{
    width: 120px;
    text-align: center;
    border-right: 1px #E6E6E6 solid;
    background: #f5f5f5;
    font-weight: bold;
    color: #000;
}
.invoiceItem .invoiceHd .layui-form-item:not(:last-child) .layui-form-label{
    border-right: 1px #E6E6E6 solid;
}
.invoiceItem .invoiceHd .layui-input-block{
    margin-left: 0;
    background: #fff;
}
.invoiceItem .invoiceHd .layui-input-block .layui-input{
    border-radius: 0;
    border: none;
}
.invoiceItem .invoiceTable{
}
.invoiceItem .invoiceTable .layui-table{
    margin-top:10px;
    width: 100%;
    background: #fff;
    border: 1px #E6E6E6 solid;
}
.invoiceItem .invoiceTable .layui-table thead tr{
   background: #f5f5f5;
}
.invoiceItem .invoiceTable .layui-table tbody tr{
   background: #fff;
}
.invoiceItem .invoiceTable .layui-table thead tr th{
    font-size: 14px;
}
.invoiceItem .invoiceTable table th,.invoiceItem .invoiceTable table td{
    vertical-align: middle;
    padding: 9px 15px;
    min-height: 39px;
}
.invoiceItem .invoiceTable .layui-table .tableEdit{
   margin:-9px -15px;
    position: relative;
}
.invoiceItem .invoiceTable table .tableEdit .layui-input{
  padding:9px 15px;
}
.invoiceItem .invoiceTable table:not(:last-child){
    margin-bottom: 0;
}
.invoiceItem .invoiceTable .layui-input{
    border: none;
}
.invoiceItem .invoiceDl{
    width: 260px;
    overflow: hidden;
}
.invoiceItem .invoiceDl dl{
    display: flex;
}
.invoiceItem .invoiceDl dl:not(:last-child){
    margin-bottom: 8px;
}
.invoiceItem .invoiceDl dl dt{
   width: 110px;
}
.invoiceItem .invoiceDl dl dd{
   flex: 1;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.switchInvoiceTypeList p{
    margin-left: 32px;
    color: #999aaa;
}
.switchInvoiceTypeList .explain{
   margin-top: 20px;
    background: #e1333510;
    padding: 10px;
    border-radius: 4px;
}
.switchInvoiceTypeList .explain b{
  color: #333;
}