@charset "utf-8";
/* CSS Document */

body {
    font-family: arial, "microsoft yahei", sans-serif;
    font-size: 12px;
    background: #F2F2F2;
    width: 100%;
}

.ht_main {
    height: 100%;
    overflow: hidden;
}

.d_menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 220px;
    height: 100%;
    background: #20222A;
    z-index: 1001;
}

.d_menu .logo {
    background: #B3273F;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: linear-gradient(to top, #B3273F 0%, #E90640 100%);
}

.d_menu .logo img {
    height: 30px;
}

.d_menu .menu {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    color: #fff;
}

.d_menu .menu .list {
}

.d_menu .menu .list h3 {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.d_menu .menu .list h3 a {
    display: block;
    color: #fff;
}

.d_menu .menu .list:hover h3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.05);

}

.d_menu .menu .list:hover h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 18px;
    margin-top: -9px;
    right: 0;
    z-index: -1;
    border-left: 3px #B3273F solid;

}

.d_menu .menu .list h3 .fas {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    font-size: 12px;
    line-height: 14px;
}

.d_menu .menu .list ul {
    display: none;
    background: #16181D;
    padding: 4px 0;
}

.d_menu .menu .list ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: rgba(255, 255, 255, .8);
}

.d_menu .menu .list ul li.d_this a {
    background: #B3273F;
    color: #fff;
}

.d_menu .menu .list ul li a:hover {
    color: #FFFFFF;
}

.d_header {
    position: absolute;
    top: 0;
    left: 220px;
    right: 0;
    z-index: 2;
}

.d_header .head {
    position: relative;
    z-index: 2;
    height: 30px;
    line-height: 30px;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.d_header .head_search {
    margin-right: 40px;
    width: 300px;
    position: relative;

}

.d_header .head_search input {
    border-radius: 40px;
    background: #F2F2F2;
    border: none;
    padding-left: 16px;
    position: relative;
    height: 32px;
}

.d_header .head_name {
    position: relative;
    cursor: pointer;
}
.d_header .head_name .iconfont{
    font-size: 12px;
    margin-left:6px;
    color: #666;
}

.d_header .head_name .name_cz {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    border: 1px #e2e2e2 solid;
    display: none;
}

.d_header .head_name .name_cz ul {
    padding: 4px 0;
}

.d_header .head_name .name_cz ul li a {
    display: block;
    padding: 0 15px;
    white-space: nowrap;
}

.d_header .head_name:hover .name_cz {
    display: block;
}

.d_header .head_name i.fas {
    margin-left: 6px;
}


.d_header .head_tit {
    padding: 10px 20px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}

.d_header .head_tit span {
    margin: 0 10px;;
    color: #999;
}

.d_header .head_tit a:last-child {
    font-weight: bold;
}

.d_main {
    position: absolute;
    top: 100px;
    left: 220px;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
}

.d_main .main {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    min-height: calc(100% - 16px);
    margin: 8px;
}


.d_main .main .table_box {
    margin-top: 10px;
}

.search_box {
    padding: 10px 10px 0;
    background: #fff;
    margin-bottom: 0px;
}

.search_box .item {
    float: left;
    display: flex;
    margin-right: 10px;
}

.search_box .item label {
    float: left;
    line-height: 38px;
}

.search_box .item .item-block {
    flex: 1;
}

.tab_mune {
    margin: 10px 10px 10px;
    background: #f2f2f2;
}

.tab_mune ul li {
    float: left;
    margin-left: 30px;
}

.tab_mune ul li a {
    display: block;
    font-weight: bold;
    position: relative;
    padding: 16px 0;
}

.tab_mune ul li.d_this a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px #B3273F solid;
}

.table_box {
    margin: 0 10px;
}

.mt10 {
    margin-top: 10px;
}

.table_box .layui-table {
    color: #333;
}

.table_box a:not(.layui-btn) {
    color: #156dd4;
}


.table_box .layui-table[lay-skin=nob] td,
.table_box .layui-table[lay-skin=nob] th {
    border: none;
    border-bottom: 1px #eee solid;
}

.table_box .layui-table th,
.table_box .layui-table td {
    padding: 9px 10px;
}

.table_box .layui-table thead th {
    font-weight: bold;
    color: #333;
}

.table_box .layui-table .sep-row {
    border: none;
    background: #fff;
    padding: 5px 10px;
}

.sep-row .layui-btn {
    background: #f5f5f5;
}

.table_box .layui-table tbody tr td .c1 {
    color: #e4393c;
}

.table_box p {
    margin: 0;
}


.table_dd {
}

.table_dd .layui-btn {
    width: 100%;
}

.table_dd thead th {
    border: none;
}

.table_dd .tbody_title {
    background: #f2f2f2;
}

.table_dd .tbody_title span {
    margin-right: 30px;
}

.table_dd tbody tr td {
    background: #fff;
    vertical-align: top;
}

.table_dd tbody tr td:not(:last-child) {
    border-right: none
}

.table_dd tbody tr td:not(:first-child) {
    border-left: none
}

.table_dd tbody tr td.bls {
    border-left: 1px #e6e6e6 solid;
}


.table_dd tbody tr td img {
    width: 60px;
    height: 60px;
}

.table_dd .tbody_title a {
    text-align: center;
    display: inline-block;
    color: #333;
}

.table_dd .tbody_title a .iconfont {
    position: relative;
    top: 1px;
}

.table_dd .tbody_title a:not(:last-child) {
    margin-right: 30px;
}

.table_dd .tbody_title a i.fas {
    margin-right: 6px;
}

.table_dd tbody tr:nth-child(3) .tbody_title {
    background: #f2f2f2;
}

.table_dd tbody tr:nth-child(3) .tbody_title:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 1px #e6e6e6 solid;
    border-left: 1px #e6e6e6 solid;
    background: #f2f2f2;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.table_dd a.dd_more {
    display: block;
    text-align: center;
    color: #333;
}

.table_btn {
    white-space: nowrap;
}

.table_btn a:not(:first-child) {
    margin-left: 10px;
    border-left: 1px #e2e2e2 solid;
    padding-left: 10px;
}

.table_btn a:hover {
    text-decoration: underline;
}

.file_icon {
    cursor: default;
    display: block;
    height: 26px;
    width: 26px;
    background: url("../images/icons.png") no-repeat;
    margin-right: -12px;
}

.file_icon_wjj {
    background-position: -594px -862px;
}

.file_icon_pdf {
    background-position: -596px -136px;
}

.file_icon_png {
    background-position: -596px -306px;
}

.file_icon_jpg {
    background-position: -596px -306px;
}

.fileicon-small-zip {
    background-position: -596px -1664px;
}

.layui-btn {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    float: left;
}

.layui-btn .fas {
    font-size: 18px;
    margin-right: 6px;
}

.d_goods {
}

.d_goods .img {
    width: 60px;
    margin-right: 10px;
}

.d_goods {
}

.d_checkbox .layui-form-checkbox[lay-skin=primary] {
    padding-left: 0;
    margin-right: -10px;
}

/* 控制台 */
.console {
    margin: 10px;
}

.console .co_box {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    min-height: 200px;
}

.console .co_box .title {
    border-bottom: 1px #eee solid;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
}

.console .co_box .content {
    padding: 10px;
}

.console .co_flex .co_box:not(:first-child) {
    margin-left: 10px;
}


.d_level {
}

.d_level .name span {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    border: 1px #E6E6E6 solid;
    margin-right: 10px;
}

.d_level_2 {
    background: #fafafa;
}

.d_level_2 .name {
    margin-left: 40px;
}

.d_container {
    margin: 10px;
}


/* 前台 */
.p_header {
    /*background: #B3273F;*/
    background: white;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    /*background: linear-gradient(to top, #B3273F 0%, #E90640 100%);*/
    /*position: fixed;*/
     position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2001;
    border-bottom:1px solid rgba(0, 0, 0, 0.1)
}

.p_header a {
    color: #fff;
}

.p_header .logo {
    margin-right: 60px;
}

.p_header .logo img {
    height: 30px;
}

.p_header .menu {
    font-size: 14px;
}

.p_header .menu ul li {
    float: left;
}

.p_header .menu ul li a {
    font-weight: bold;
    margin-right: 60px;
    display: block;
    line-height: 60px;
    position: relative;
    color:#666;
}
.p_header .menu ul li a:hover {
    color:black;
}

.p_header .menu ul li.d_this a:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    height: 3px;
    background: #fff;
    border-radius: 100px;
}

.p_header .search {
    margin-right: 60px;
    width: 300px;
}

.p_header .search .layui-input {
    border-radius: 100px;
    border: none;
    padding: 0 20px;
}

.p_header .login {
    display: flex;
}

.p_header .login a:not(:first-child) {
    margin-left: 10px;
    border-left: 1px rgba(255, 255, 255, 0.5) solid;
    padding-left: 10px;
}
.p_header .login a .iconfont{
   font-size: 12px;
    margin-left:4px;
}

.p_menu_nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #fff;
    display: none;
    z-index: 2000;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.05);
}

.p_menu_nav .w1200 {
    padding: 20px 0;
}

.p_menu_nav ul {
    width: calc((100% + 10px) / 6 - 10px);
    box-sizing: border-box;
}

.p_menu_nav ul:not(:first-child) {
    margin-left: 10px;
    border-left: 1px #eee solid;
    padding-left: 20px;
}

.p_menu_nav ul h3 {
    margin-bottom: 10px;
}

.p_menu_nav ul a {
    line-height: 2em;
}

.p_menu_nav ul a:hover {
    color: #B3273F;
}

.p_menu_nav {
}

.p_main {
    margin-top: 60px;
}

.p_index_mune {
    margin-bottom: 20px;
}

.p_index_mune .title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.p_index_mune .item {
    background: #fff;
    padding: 20px 20px 0;
    margin-top: 20px;
}

.p_index_mune .item ul {
}

.p_index_mune ul li {
    /*width: calc((100% + 20px) / 6 - 20px);
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    height:305px;*/

    width: calc((100% + 4px) / 5 - 4px);
    box-sizing: border-box;
    float: left;
    margin-bottom: 4px;
    background: #fff;
    position: relative;
    padding: 20px;
    height: 305px;
    text-align: center;
    cursor: pointer;
}

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

.p_index_mune ul li a {
    display: block;
    background: #fff;
    text-align: center;
    padding: 20px;
    position: relative;
}

.p_index_mune ul li a .img {
    margin-bottom: 10px;
}

.p_index_mune ul li a h3 {
}

.p_index_mune ul li a:hover {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    top: -10px;
}

.p_sitemap {
    line-height: 44px;
    border-bottom: 1px #eee solid;
    background: #fff;
}

.p_sitemap .layui-icon {
    color: #bbb;
    margin: 0 4px;
    font-size: 12px;
}

.p_sitemap a {
    color: #000;
}

.p_sitemap a:hover {
    color: #B3273F;
}
.p_sitemap strong{
    font-weight: normal;
    margin-left:4px;
}
.p_sitemap strong b{
    margin: 0 2px;
    color: #B3273F;
}

.p_nr {
    margin-top: 20px;
}

.p_screen {
    background: #fff;
    padding: 20px;
}

.p_screen {
    margin-bottom: 10px;
}

.p_screen .item {
    line-height: 2em;
    font-size: 12px;
}

.p_screen .item:not(:last-child) {
    margin-bottom: 16px;
    border-bottom: 1px #e2e2e2 dotted;
    padding-bottom: 16px;
}

.p_screen label {
    width: 80px;
    text-align: left;
    color: #999;
}

.p_screen ul li {
    float: left;
    margin-right: 10px;
}

.p_screen ul li a {
    color: #333;
    display: inline-block;
    padding: 0 10px;
    border-radius: 2px;
}

.p_screen ul li.d_this a,
.p_screen ul li a:hover {
    background: #B3273F;
    color: #fff;
}

.p_product_list {
    margin-bottom: 18px;
}

.p_product_list ul li {
    width: calc((100% + 4px) / 5 - 4px);
    box-sizing: border-box;
    float: left;
    margin-bottom: 4px;
    background: #fff;
    position: relative;
    padding: 20px;
    height: 305px;
    text-align: center;
    cursor:pointer;
    
}

.p_product_list ul li a {
    display: block;
}

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

.p_product_list ul li a:not(.gwc_btn) {

}

.p_product_list ul li .img {
    margin-bottom: 20px;
    position: relative;
}

.p_product_list ul li .img span {
    position: absolute;
    left: 0;
    top: 0;
    background: #B3273F;
    color: #fff;
    padding: 5px 5px;
}

.p_product_list ul li:hover {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    top: -2px;
}

.p-price {
    margin-top: 6px;
}

.p-price strong {
    font-size: 20px;
    color: #B3273F;
}

.p-price strong em,
.p-price strong i {
    font-style: normal;
    font-weight: normal;
}

.p-price strong em {
    font-size: 16px;
    margin-right: 4px;
}

.p-price .fas {
    float: right;
    font-size: 16px;
    color: #bbb;
    position: relative;
    top: 2px
}

.p-price .fas:hover {
    color: #B3273F;
}

.p_cart {

}

.p_cart_btn {
    position: fixed;
    bottom: 0;
    right: 0;
    line-height: 42px;
    width: 120px;
    z-index: 99;
}

.p_cart_btn a {
    display: block;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
}

.p_cart_btn a:hover {
    background: #B3273F;
}

.p_cart_btn .fas {
    margin-right: 10px;
}

.p_cart_btn .layui-icon {
    margin-left: 10px;
    font-size: 12px
}


.p_cart_nr {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 270px;
    background: #f6f6f6;
    z-index: 2002;
    border-left: 3px #B3273F solid;
    display: none;
}

.p_cart_nr .title {
    height: 40px;
    padding: 0 10px;
}

.p_cart_nr .title .fa-shopping-cart {
    margin-right: 10px;
}

.p_cart_nr .title .layui-icon {
    cursor: pointer;
}

.p_cart_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 51px;
    overflow-x: hidden;
}

.p_cart_list ul li {
    background: #fff;
    padding: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.p_cart_list ul li .img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.p_cart_list ul li .title {
    height: 32px;
    overflow: hidden;
    display: block;
    padding: 0;
}

.p_cart_list ul li .price {
}

.p_cart_list ul li .price strong {
    font-weight: normal;
}

.p_cart_list ul li .price strong span {
    color: #999;
    margin-left: 4px;
}

.p_cart_list ul li .price a {
    float: right;
    display: none;
}

.p_cart_list ul li:hover .price a {
    display: inline-block;
}

.p_cart_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 6px;
    border-top: 1px #eee solid;
}

.p_cart_foot .fl strong {
    color: #B3273F;
    font-weight: normal;
}

.p_cart_foot .fr a {
    width: 120px;
    text-align: center;
    line-height: 38px;
    background: #B3273F;
    display: block;
    color: #fff;
    border-radius: 2px;
}

.p_cart_foot .fr a:hover {
    filter: alpha(opacity=0.8);
    opacity: 0.8;
}


.p_product_details {
    background: #fff;
    padding: 20px 0px 40px;
}

/*商品*/

.product {
    margin-top: 0px;
    margin-bottom: 20px;
}

.product:after {
    content: "";
    display: table;
    clear: both;
}

.row {
    width: 334px;
    float: left;
    margin-right: 20px;
}

.row .gallery-top {
}

.row .gallery-top .swiper-slide {
    border-radius: 4px;
    overflow: hidden;
}

.row .gallery-top img {
    width: 332px;
    height: 332px;
    border: 1px #eee solid;
}

.row .gallery-thumbs {
    margin-top: 6px;
    text-align: center;
}

.row .gallery-thumbs .swiper-slide {
    width: 62px;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
}

.row .gallery-thumbs .swiper-slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px #eeeeee solid;
    border-radius: 0px;
}

.row .gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active):hover:after {
    border-color: #ddd;
}

.row .gallery-thumbs .swiper-slide-thumb-active:after {
    border: 1px #e40011 solid;
}

.row .gallery-thumbs .swiper-slide:not(:last-child) {
    margin-right: 6px;
}

.row .gallery-thumbs img {
    width: 62px;
    height: 62px;
}

.product_btn {
    padding-top: 10px;
    margin-top: 10px;
}

.product_btn a {
    display: block;
    float: left;
    line-height: 46px;
    text-align: center;
    min-width: 160px;
    background: #B3273F;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 4px;
    position: relative;
}

.product_btn a .fa {
    font-size: 18px;
    margin-right: 10px;
    line-height: 46px;
    height: 46px;
}

.product_btn a:hover {
    filter: alpha(opacity=0.8);
    opacity: 0.8;
}

.product_btn a.product_button01 {
    background: #00896c;
}


/*数量加减*/
.number {
    border: 1px #a4a4a4 solid;
    overflow: hidden;
    height: 28px;
    border-radius: 2px;
    width: 118px;
}

.number span {
    float: left;
    line-height: 22px;
}


.number .number-ioc {
    width: 28px;
    height: 28px;
    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:active {
    filter: alpha(opacity=0.8);
    opacity: 0.8;
    -webkit-opacity: 0.8;
}


.number .btn-input {
    overflow: hidden;
    display: inline-block;
    float: left;
    width: 60px;
    border-left: 1px #a4a4a4 solid;
    border-right: 1px #a4a4a4 solid;
}

.number .btn-input input {
    line-height: 22px;
    text-align: center;
    width: 42px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: none;
}

.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;
}

.product_name {
    margin-bottom: 20px;
}

.product_price {
    background: #f2f2f2;
    padding: 20px;
    margin-top: 20px;
}

.product_price label {
    margin-right: 10px;
}

.produc_meta {
    margin-left: 354px;
}

.product_choosepic {
    margin-bottom: 20px;
}

.product_choosepic .name {
    margin-bottom: 10px;
    margin-top: 10px;
    background: url(../images/botbg.png) repeat-x left center;
    font-size: 14px;
    font-weight: bold;
}

.product_choosepic .name label {
    background: #fff;
    display: inline-block;
    padding-right: 20px;
}

.d_items {
    margin-bottom: 4px;
    display: flex;
}

.d_items label {
    float: left;
    width: 120px;
    line-height: 30px;
    color: #333;
    text-align: right;
    margin-right: 10px;
}

.d_items .d_item_black {
    flex: 1;
}

.d_items .d_item_black p {
    line-height: 30px;
}

.d_items .d_item_black .layui-input {
    line-height: 30px;
    height: 30px;
    /*border: 1px #a4a4a4 solid;*/
}

.d_items .d_item_black .layui-textarea {
    /*border: 1px #a4a4a4 solid;*/
    box-shadow: none;
}

.d_items .d_item_black ul {
    overflow: inherit;
    margin-bottom: -6px;
}

.d_items .d_item_black ul li {
    float: left;
    margin: 0 6px 6px 0;
}

.d_items .d_item_black ul li a {
    display: block;
    min-width: 60px;
    padding: 0 10px;
    line-height: 28px;
    border: 1px #a4a4a4 solid;
    border-radius: 2px;
    text-align: center;    
   
}


.d_items .d_item_black ul.d_item_dig li a {
    display: block;
    min-width: 120px;
    padding: 0 10px;
    line-height: 38px;
    font-size: 14px;
}

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

.d_cs {
    background: #f2f2f2;
    padding: 20px 20px 10px;
}

.d_cs h3 {
    margin-bottom: 6px;
}

.d_cs ul {
    overflow: hidden;
    margin-bottom: 10px;
}

.d_cs ul li {
    float: left;
    margin-right: 20px;
}


.shoppingAddress {
    background: #fff;
    padding: 20px;
}

.shoppingAddress .shopping_order_nr {
    margin: 0 0 10px;
}

.shoppingAddress .shopping_order_nr img {
    width: 60px;
}

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

.shoppingAddress .title h3 {
    font-size: 16px;
}

.shoppingAddress .shopping_order_nr {
    margin-top: -10px;
}

/*订单确认页-订单信息*/
.shopping_clearing {
    text-align: right;
}

.shopping_clearing dl {
    position: relative;
    display: flex;
    font-size: 14px;
    line-height: 32px;
}

.shopping_clearing dl dt {
    flex: 1;
    color: #666;
}

.shopping_clearing dl dt span {
    color: #e40011;
}

.shopping_clearing dl dd {
    width: 160px;
}

.shopping_clearing dl dd span {
    margin-right: 4px;
}

.shopping_clearing dl.shopping_price dd {
    color: #e40011;
    font-size: 26px;
    font-weight: bold;
}

.shopping_clearing .shopping_address_tip {
    margin-bottom: 10px;
    margin-top: 10px;
}

.shopping_clearing .shopping_address_tip label {
    display: inline-block;
    background: #fef6f3;
    border: 1px solid #fbd4c4;
    padding: 7px 15px;
}

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

.cart_pay_btn {
    background: #B3273F;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 160px;
    border-radius: 4px;
}

.shopping_clearing .btn {
    margin-top: 20px;
}

.shopping_clearing .btn a:not(:first-child) {
    margin-left: 10px;
}

.shopping_clearing .btn a:hover {
    color: #fff;
    filter: alpha(opacity=0.8);
    opacity: 0.8;
}


.shoppingPay {
    background: #fff;
    padding: 60px;
    margin-top: 80px;
    text-align: center;
    overflow: hidden;
}


.shoppingPay .layui-icon-ok {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    background: #53A724;
    font-size: 44px;
    border-radius: 100px;
    border: 1px #53A724 solid;
    display: block;
    margin: 30px auto;
}

.shoppingPay .layui-btn {
    margin: 30px auto;
    display: block;
    width: 160px;
    float: none;
}

.shoppingPay .nr {
    background: #F2F2F2;
    padding: 30px;
    text-align: left;
    width: 560px;
    margin: 30px auto 0;
    font-size: 14px
}

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

.shoppingPay .nr strong {
    color: #B3273F;
}

.personal_order {
    background: #fff;
    padding: 10px 10px 10px;
}

/* 分校 */
.f_ddtj {
}

.f_ddtj ul {
    margin-bottom: -10px;
    overflow: hidden;
}

.f_ddtj_2 ul li {
    float: left;
    width: calc((100% + 10px) / 2 - 10px);
    margin-bottom: 10px;
}

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

.f_ddtj_3 ul li {
    float: left;
    width: calc((100% + 10px) / 3 - 10px);
    margin-bottom: 10px;
}

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

.f_ddtj ul li a {
    display: flex;
    text-align: center;
    background: #f2f2f2;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.f_ddtj ul li a p {
    color: #999;
    margin-bottom: 10px;
}

.f_table_box {
    margin: -10px 0 0;
    height: 210px;
    overflow-x: hidden;
}

.co_flex {
    margin-bottom: 10px;
}

.p_main_box {
    margin-top: 20px;
}

.f_tj {
    width: 400px;
}

.f_tj .content {
    height: 210px;
}

.p_index_banner {
    background: #fff;
    width: 950px;
    height: 330px;
}

.p_index_login {
    margin-left: 0px;
    background: #fff;
}

.p_index_login {
    padding: 20px;
}

.user_one .img {
    width: 40px;
    margin-right: 10px;
}

.user_one .name span {
    color: #999;
    margin-top: 4px;
    background: #f2f2f2;
    padding: 2px 10px;
    border-radius: 100px;
    display: inline-block;
}

.user_one .name span .fas {
    margin-right: 4px;
}

.user_info {
    overflow: hidden;
    margin-top: 20px;
}

.user_info ul li {
    float: left;
    width: calc((100% + 10px) / 3 - 10px);
    margin-bottom: 10px;
}

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

.user_info ul li a {
    display: block;
    padding: 0 10px;
    text-align: center;
}

.user_info ul li a b {
    font-size: 18px;
    color: #ff2900;
}

.p_index_login .news {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px #eee solid;
}

.p_index_login .news h3 {
    margin-bottom: 10px;
}

.p_index_login .news ul {
    margin-bottom: -10px;
}

.p_index_login .news ul li {
    line-height: 26px;
    padding-left: 12px;
    position: relative;
}

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


.address_common ul {
    overflow: hidden;
}

.address_common ul li {
    width: calc((100% + 10px) / 4 - 10px);
    float: left;
    margin-top: 10px;
}

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

.address_common ul li {
    border: 1px #e2e2e2 solid;
    padding: 20px 20px 30px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    height: 120px;
    box-sizing: border-box;
}

.address_common ul li.flex_cc {
    padding: 0;
}

.address_common ul li a.address_add_btn {
    font-size: 14px;
    position: relative;
    height: 120px;
    width: 100%;
}

.address_common ul li:hover a.address_add_btn {
    color: #e40011;
}

.address_common ul li a.address_add_btn .layui-icon-add-1 {
    margin-right: 6px;
}

.address_common ul li.active {
    border-color: #e40011;
    background: #fef6f3;
}

.address_common ul li:hover {
    box-shadow: #ccc 0 0 10px;
    border-color: #e40011;
}

.address_common ul li.active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 30px solid red;
    border-right: 30px solid transparent;
}

.address_common ul li.active:before {
    position: absolute;
    left: 3px;
    top: 3px;
    content: "\e605";
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    z-index: 2;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.address_common .address_name {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

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

.address_common .address_name_btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
}

.address_common .address_name_btn a {
    color: #e40011;
}

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

.address_common ul li:hover .address_name_btn {
    display: block;
}

.address_common .address_detail {
    color: #666;
}

.address_more {
    text-align: center;
    margin-top: 20px;
    clear: both;
    margin-bottom: 20px;
}

.address_more a {
    color: #438cde;
}

.address_tr {
    background: #fafafa;
}

.table_box .layui-table .address_tr td {
    padding: 4px 10px
}

.table_box .layui-table .address_tr td .layui-input {
    height: 32px;
}


.p_product_dz {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p_product_dz .produc_meta {
    margin-left: 0;
}

.d_items .d_item_black .d_wj {
    margin-bottom: 10px;
    margin-top: 10px;
    background: #f2f2f2;
    padding: 10px 10px 0;
}

.d_items .d_item_black .d_wj h3 {
    margin-bottom: 10px;
}

.d_items .d_item_black .d_wj li a {
    padding: 0;
    min-width: 50px;
}

.d_items .d_item_black .d_wj li a img {
    max-width: 60px;
    max-height: 60px;
}

.d_items .d_item_black ul.d_wj li a .flex_ycc {
    width: 60px;
    height: 60px;
}

.d_items .d_item_black ul.d_wj li a .flex_ycc .fas {
    font-size: 16px;
}

.d_items .d_item_black ul.d_wj li a .flex_ycc p {
    line-height: 1;
    margin-top: 6px;
}

.wj_upload_btn {
    width: 62px;
    height: 62px;
    background: none;
    border: 1px #a4a4a4 dashed;
    /* background: #fff; */
}

.wj_upload_btn .fas {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #B3273F;
}

.d_items .d_item_black .wj_upload_btn p {
    line-height: 1;
}

.wj_list .wj_item:not(:first-child) {
    display: none;
}

.d_items .d_item_black ul li {
    position: relative;
}

.d_items .d_item_black ul li .wj_hot {
    right: 0;
    top: 0;
    position: absolute;
    display: none;
}

.d_items .d_item_black ul li .wj_hot i.fas {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #B3273F;
}

.d_items .d_item_black ul li i.fas:first-child {
    border-radius: 0 0 0 2px;
    margin-right: 1px;
}

.d_items .d_item_black ul li:hover .wj_hot {
    display: block;
}

.login_main {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #B3273F;*/
}

.login_main .logo img {
    height: 40px;
}
.login_main .logo_sel {
    margin-top:40px;
    text-align:center;
}
.login_main .logo_sel img {
    height: 50px;
    margin:0 auto;
}




.login_main .login_box_sel {
    width: 25%;
    margin-top: 40px;
    background: #fff;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    margin:0 auto;
    border-radius:30px;
    position:relative;
}

.login_main .login_box_sel .layui-form {
    padding: 40px 30px;
    width: 80%;
    margin: 0 auto;
}

.login_box_sel .layui-input {
    height: 48px;
    border: none;
    border-bottom: 1px #e2e2e2 solid;
    padding-left: 0;
}

.login_main .login_box_sel .botcon {
  width:100%;position:absolute;bottom:-100px;height:30px;
}
.login_main .login_box_sel .botcon .item1{
  width:100%;height:20px;line-height:20px;vertical-align:middle;text-align:center;font-weight:600;color:#999;font-size:12px;letter-spacing:1px;
}
.login_main .login_box_sel .botcon .item2{
  width:100%;height:20px;line-height:20px;vertical-align:middle;text-align:center;font-weight:600;color:#999;font-size:12px;
}


.login_main .login_box {
    width: 100%;
    margin-top: 40px;
    background: #fff;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

.login_main .login_box .layui-form {
    padding: 60px 70px;
    width: 340px;
    margin: 0 auto;
}

.login_box .layui-input {
    height: 48px;
    border: none;
    border-bottom: 1px #e2e2e2 solid;
    padding-left: 0;
}

.login_main .btn {
    width: 100%;
    text-align: center;
    background: #B3273F;
    background: linear-gradient(to top, #B3273F 0%, #E90640 100%);
    line-height: 48px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 2px;
    margin-top: 20px;
    display: block;
}
.login_main .btn2 {
    width: 80%;
    text-align: center;
    background: #f7ab00;
    /*background: linear-gradient(to top, #B3273F 0%, #E90640 100%);*/
    line-height: 38px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius:25px;
    display: block;
    margin:0 auto;
    margin-top: 50px;
}

.login_main .btn:hover {
    filter: alpha(opacity=0.9);
    opacity: 0.9;
}


.login_bq {
    color: #fff;
}


.login_ht_main{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #B3273F;
}

.login_ht_main .logo img{
    height: 40px;
}
.login_ht_main .title{
    color: #fff;
    margin-top: 30px;
    letter-spacing:4px;
    font-size: 26px;
}
.login_ht_main .login_box{
    margin: 30px 0;
    width:400px;
    background: #fff;
    padding:40px;
    border-radius:8px;
    overflow: hidden;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}


.login_ht_main .login_box .group{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.login_ht_main .login_box .group span{
    display:inline-block;
    line-height:36px;
    background: linear-gradient(to top, #B3273F 0%, #E90640 100%);
    color: #fff;
    min-width: 100px;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 0 0 8px 8px;
    font-weight: bold;
}


.login_ht_main .btn {
    width: 100%;
    text-align: center;
    background: #B3273F;
    background: linear-gradient(to top, #B3273F 0%, #E90640 100%);
    line-height: 48px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 2px;
    margin-top: 20px;
    display: block;
}
.login_ht_main .login_box p{
    text-align: center;
    color: #999;
}

/**/
.order_dd {
    padding: 10px;
    border-bottom: 1px #eee solid;
}

.common_bar {
    margin-bottom: 40px;
}

.common_bar ul {
    display: flex;
    position: relative;
    z-index: 2;
}

.common_bar ul li {
    text-align: center;
    position: relative;
}

.common_bar ul li .pro-step {
    float: right;
}

.common_bar ul li:not(:first-child) {
    flex: 1;
}

.common_bar ul li:not(:first-child):before {
    content: "";
    position: absolute;
    left: -10px;
    right: 0;
    background: #dddddd;
    height: 6px;
    top: 12px;
    z-index: -2;
}

.common_bar ul li span {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0 auto 20px;
    background: #ddd;
    color: #333;
    border-radius: 15px;
    font-size: 16px;
    position: relative;
}

.common_bar ul li span:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: #dddddd3d;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: -1;
    border-radius: 20px;
}

.common_bar ul li.active span {
    background: #53A724;
    color: #fff;
}

.common_bar ul li.active span:after {
    background: #53A7243d;
}

.common_bar ul li.active:before {
    background: #53A724;
}

.common_bar ul li dt {
    margin-top: 10px;
    font-weight: bold;
}

.common_bar ul li dd {
    margin-top: 4px;
    color: #a4a4a4;
}

.common_bar ul li.active p {
    color: inherit;
}

.common_bar ul li:not(:first-child):before {
    right: 20px;
    left: -20px;
}

.order_bar {
    padding: 40px 30px 20px;
    margin-bottom: 0px
}

.order_bar ul li:not(:first-child):before {
    right: 60px;
    left: -28px;
}

.order_bar ul li:not(:first-child):before {
    height: 0px;
    margin-top: -5px;
    border-bottom: 3px #fff dotted;
}

.order_bar ul li span {
    color: #fff;
}

.order_bar .pro-step {
    width: 88px;
}

.order_bar ul li:not(.active) dl dd {
    display: none;
}

.order_nr {
    padding: 10px;
}

.order_nr .table_box {
    margin: 0px;
}

.shop_tit {
    font-size: 14px;
    /*border-bottom: 1px #eee solid;*/
    background: #f2f2f2;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.table_box .layui-table img {
    width: 60px;
    height: 60px;
}

.table_box .layui-table tbody .order_add td {
    background: #fafafa;
}

.order_add .fas {
    margin-right: 6px
}

.order_total {
    text-align: right;
    padding: 20px 0;
    border-bottom: 1px #eee solid;
}

.order_total span {
    font-weight: bold;
    font-size: 20px;
    color: #ca151e;
}

.jbxx_nr .f-item {
    margin-bottom: 0
}


.pup_scd_nr {
    padding: 30px
}

.pup_scd_nr .title {
    border-bottom: 1px #eee solid;
    padding-bottom: 10px;
}

.pup_scd_nr .title h2 {
    border-bottom: 1px #e2e2e2 solid;
    margin-bottom: 10px;
    padding-bottom: 20px;
    line-height: 1;
}

.pup_scd_nr .title h4 {

}

.pup_scd_nr .title .flex {
}

.pup_scd_nr .title p {
    line-height: 26px;
    flex: 1
}

.pup_scd_nr img {
    width: 44px;
}

.pup_scd_nr .table_box {
    margin: 0
}

.pup_scd_nr .table_box tr {
    background: none;
}

.pup_scd_nr .table_box tr:hover {
    background: none;
}

.pup_scd_nr .table_box .layui-table tbody .order_add td {
    background: none;
    border-bottom-width: 2px;
}

.pup_scd .pup_box {
    height: 90%;
}

.signature {
    float: right;
    margin-top: 20px;
    line-height: 1.8em;
}

.pup_scqq .pup_box {
}

.pup_scqq .pup_box .layui-upload-drag {
    width: 100%;
}

/*时间轴*/
.order_timeline {
    padding: 10px 10px 0;
}

.order_timeline .item {
    display: flex;
    line-height: 28px;
    position: relative;
}

.order_timeline .item:not(:last-child) {
    padding-bottom: 10px;
}

.order_timeline .item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 12px;
    bottom: -12px;
    left: 134px;
    width: 1px;
    background: #e2e2e2;
}

.order_timeline .item .order_icon {
    margin: 0 20px;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 100px;
    background: #999;
    position: absolute;
    top: 10px;
    left: 110px;
    z-index: 2;
}

.order_timeline .item .order_text h3 {
    font-size: 12px;
    margin-bottom: -6px;
}

.order_timeline .item .time {
    color: #666;
}

.order_timeline .item .order_text span {
    color: #B3273F;
}

.order_timeline .item .time {
    width: 140px;
    margin-right: 20px;
}


.order_timeline .item:first-child h3 {
    color: #B3273F;
}

.order_timeline .item:first-child .order_icon {
    background: #B3273F;
}

.pup_address {
}

.pup_address .pup_box {
    width: 780px;
    height: 426px;
}

.footer {
    text-align: center;
    line-height: 44px;
    background: #2b2b2b;
    color: #fff;
    border-top: 1px #e2e2e2 solid;
}

.footer {
}

.news_box {
}

.news_box {
    padding: 30px;
    background: #fff;
    margin-top: 20px;
}

.news_box .title {
    border-bottom: 1px #eee solid;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.news_box .title h1 {
    line-height: 1.8em;
}

.news_box .title p {
    line-height: 1.8em;
    font-size: 14px;
    color: #999;
}

.news_box .nr {
    font-size: 16px;
    line-height: 1.8em;
}

.news_box .nr p {
    margin-top: 10px;
}

.custom {
    display: none;
}

.custom input {
    width: 42px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px #a4a4a4 solid;
}

.custom span {
    margin: 0 6px;
    color: #999;
}

.detail_box {
    font-size: 12px;
    color: #666;
}

.pup_user .pup_box {
    width: 600px;
    height: 440px;
}

.pup_group .pup_box {
    width: 400px;
    height: 320px;
}

.com_step {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    padding: 40px 0;
    position: relative;
    z-index: 3;
}

.com_step dl {
    padding: 0 80px;
    text-align: center;
    color: #999;
}

.com_step dl {
    position: relative;
}

.com_step dl:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 22px;
    border-bottom: 1px #eee solid;
    z-index: -2;
}

.com_step dl:first-child:after {
    left: 50%;
}

.com_step dl:last-child:after {
    right: 50%;
}

.com_step dl dt {
    display: block;
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px #eee solid;
    background: #fff;
    border-radius: 100px;
    position: relative;
}

.com_step dl dt:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    z-index: -1;
}

.com_step dl dd {
    font-size: 14px;
}

.com_step dl.active {
}

.com_step dl.active dt {
    background: #B3273F;
    border-color: #B3273F;
    color: #fff;
}

.com_step dl.active dd {
    color: #333;
}

.com_step_nr {
    font-size: 14px;
}

.com_step_nr .shoppingPay{
    margin-top: 0;
}

.step_btn {
    text-align: center;
    margin-top: 30px;
}

.step_btn .layui-btn {
    margin: 50px auto 0;
    float: none;
    width: 160px;
}

.step_btn {
}
.set_item_title{
    padding: 10px;
    background: #f2f2f2;
    margin-bottom: 10px;
}
.set_item_title .layui-form-checkbox span{font-weight: bold;}

.set_access_box{padding: 10px;}
.set_access_box .set_item{
    padding: 10px;
}
.set_access_box .layui-form-checkbox span{font-size: 12px;color: #333;}
.set_access_box .set_item .l .layui-form-checkbox span{font-weight: bold;}
.set_access_box .set_item{display: flex;}
.set_access_box .set_item:not(:last-child){
    padding-bottom: 10px;
    margin-bottom:10px;
    border-bottom: 1px #eee solid;
}
.set_access_box .set_item .l{
    width: 140px;
}
.set_access_box .set_item .r{
    flex: 1;
    overflow:hidden;
}
.set_access_box .set_item .r ul li{
    float: left;
    width:80px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.rotate {

    transform-origin: center center;
transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s; //过度时间 可调
-moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.rotate1 {
    transform: rotate(0deg);
-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform-origin: center center;
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;

}

.pup_NewsUser{}
.pup_NewsUser .pup_box{width: 600px;height:400px;}

.NewsUser_box{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding:0 0 10px;
}

.NewsUser_box .flex_1{
    width: 100%;
    overflow-x: hidden;
    margin-bottom:10px;
    border-bottom: 1px #e2e2e2 solid;
}
.NewsUser_box .NewsUser_next_btn{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #B3273F;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.NewsUser_box .NewsUser_btn{
    position: absolute;
    right:30px;
    bottom:30px;
    color: #1777ff;
}
.pup_NewsUser .pup_nr .NewsUser_box:not(:first-child){display: none;}

.NewsUser_link{
    width: 540px;
    margin-bottom: 60px;
}
.NewsUser_link h3{
    margin-bottom: 10px;
}
.NewsUser_link p{
    margin-top: 10px;
    color: #999;
}
.NewsUser_link .button-label{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #B3273F;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.NewsUser_list{
    padding:10px 0;
}
.NewsUser_list dl{
    overflow: hidden;
    padding:10px 50px;
}
.NewsUser_list dl:hover{
   background: rgba(179, 39, 63, 0.05);
}
.NewsUser_list dl dt{float: left;
    margin-right:10px ;}
.NewsUser_list dl dt .layui-form-radio{margin: 0}
.NewsUser_list dl dt .layui-form-radio div{font-weight: bold;}
.NewsUser_list dl dd{line-height: 28px;font-size: 14px;color: #999;}


/*复选框*/
.d_checkbox{
    float: left;
    margin: 0 10px;
}
.d_checkbox input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width:16px;
    height:16px;
    line-height: 16px;
    background: #fff;
    border: 1px #e2e2e2 solid;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;

}
.d_checkbox input[type="checkbox"]:checked{
    border: 1px #B3273F solid;
    background: #B3273F;
    color: #fff;
}
.d_checkbox input[type="checkbox"]:checked:after{
    content: "\e605";
    font-family: layui-icon!important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.d_checkbox{}
/**/
.p_cart_list .d_checkbox{
    height: 50px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
}


a.layui-input{
    color: #999;
    text-align: left;
    line-height:38px;
}
.account_box{
    position: relative;

}
.account_box_nr{
    position: absolute;
    top:14px;
    right: 0;
    z-index: 22;
    padding-top:10px;
}
.account_box .account_nr{
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    width:180px;
    border-radius: 4px;
    text-align: left;
    display: none;
    border: 1px #eee solid;
    overflow: hidden;
    padding:10px 10px 0;
}
.account_box .user_one{
    padding:10px;
}
.account_box .account_nr ul{

}
.account_box .account_nr ul li a{
    display: flex;
    color: #333;
    line-height: 22px;
    padding:10px 0;
}
.account_box .account_nr ul li:not(:last-child) a{
    border-bottom: 1px #eee solid;
}

.account_box .account_nr ul li a.c1 {
    color: #e4393c;
}
.account_box .account_nr ul li a .iconfont{
    color: #999;
    font-size: 16px;
    margin-right: 6px;
}
.account_box .account_nr ul li a:hover{
    color: #e4393c;
}
.account_box .account_nr ul li a:hover .iconfont{
    color: #e4393c;
}

.account_box:hover .account_nr{
    display: block;
}
.footer_bottom {
    width:100%;height:auto;min-height:80px;background-color:white;
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
.footer_bottom2 {
    width:100%;height:auto;min-height:30px;background-color:white;
}
.footer_bottom_cont {
    background-color:white;padding:0px 0px;width:100%;height:35px;margin-top:20px;
}
 .footer_bottom_cont .cnt1_img {
    float:left;
}
.footer_bottom_cont .cnt1_img img {
    height:35px;width:auto;
}
 .footer_bottom_cont .cnt2 {
   float:left;height:35px;line-height:35px;margin-left:30%;
}
  .footer_bottom_cont .cnt2 p {
  line-height:35px;height:35px;color:#B3273F;
}
 .footer_bottom_cont .cnt3 {
   float:right;height:35px;width:300px;margin-right:10px;
}
  .footer_bottom_cont .cnt3 .item31 {
   width:100%;text-align:right;color:#B3273F;font-weight:900;letter-spacing:3px;
}
   .footer_bottom_cont .cnt3 .item32 {
  width:100%;text-align:right;color:#B3273F;font-weight:400;letter-spacing:1px;font-size:11px;
}
   
/*新增20210115*/
.none_a{
    display: none!important;
}
.d_items label{
    text-align: left;
    width:80px;
    padding-left:10px;
}
.product_choosepic .name{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.productCheckbox{
    background: #fff;
    padding-right:20px;
}
.productCheckbox .layui-form-switch{
    margin-top: 0;
}
.productNr{
    padding: 10px 60px 10px 10px;
    position: relative;
}
.productNr .d_items label{
    padding-left: 0;
}
.productNr:not(:last-child){
    border-bottom: 1px #e6e6e6 solid;
}
.productNr:hover{
    background: #f2f2f2;
    border-bottom-color: #f2f2f2;
}
.d_items .d_item_black ul li a,.number{
    background: #fff;
}
.productNr .productBtn{
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 30px;
    display: flex;
}
.productNr .productBtn .iconfont{
    margin-right: 0;
    margin-left:6px;
    color: #8592a6;
    cursor: pointer;
}
.productNr .productBtn .iconfont:hover{
    color: #B3273F;
}
 /**/
.orderFile {
}
.orderFile td:after {
    content: "";
    position: absolute;
    left: 30px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-left: 1px #eee solid;
    border-top: 1px #eee solid;
    transform: rotate(
45deg
);
    background: #f0f3f7;
}
.orderFile td{
    background: #f0f3f7;
    position: relative;
}
.orderFile td:after{
    content: "";
    position: absolute;
    left: 30px;
    top: -5px;
    width:10px;
    height:10px;
    border-left: 1px #eee solid;
    border-top: 1px #eee solid;
    transform: rotate(45deg);
    background: #f0f3f7;

}
.tableFlex{
    width: 100%;
}
.tableFlex .btn a{
    margin-left: 10px;
    color: #333;
}
.tableFlex .btn a:hover{
    color: #B3273F;
}
.tableFlex .tableTr{
    display: flex;
}
.tableFlex .tableTr:not(:last-child){
   border-bottom: 1px #e6e6e6 solid;
}
.tableFlex .tableTd{
    padding: 9px 10px;
}
.orderFileBox .tableTr .tableName{
   flex: 1;
    font-weight: bold;
}
.orderFileBox .tableTr .size{
   width: 100px;
    text-align: right;
}
.orderFileBox .tableTr .btn{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

/**/
.fileBtn{
    display: flex;
    padding:10px 0;
}
.fileBtn + .tableFlex{
   border-top: 1px #e6e6e6 solid;
}
.c_btn{
    background: #B3273F;
    height: 30px;
    padding: 0 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
}
.c_btn:hover{
    color: #fff;
    background: rgba(179, 39, 63, 0.9);
}
.c_btn .iconfont:first-child{
    margin-right: 6px;
}
.c_btn_1{
    height: 30px;
    padding: 0 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #333;
}
.c_btn_1:hover{
    color: #B3273F;
}
.c_btn_1 .iconfont:first-child{
    margin-right: 6px;
    color: #B3273F;
}

/**/
.flex_lcr{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
/**/
.addressNav{
    display: flex;
}
.addressNav ol{
    border: 1px #B3273F solid;
    padding: 2px;
    border-radius: 100px;
    display: flex;
}
.addressNav ol a{
    line-height: 32px;
    border-radius: 100px;
    text-align: center;
    display: block;
    width: 100px;
    color: #B3273F;
}
.addressNav ol a.active{
    background: #B3273F;
    color: #fff;
}

.addressNr{
    margin-top: 20px;
}
.addressNr .item:not(.active){
    display: none;
}

/**/
.operationBtn{
    display: flex;
}
.operationBtn a{
    margin-right: 20px;
    height:38px;
}
.operationBtn a.c_btn{
   width: 160px;
}

.shoppingList{
    margin-top:10px;
    border-bottom: 1px #e6e6e6 solid;
}
.shoppingList .layui-input{
    height: 28px;
}

.set_ts{
    white-space:nowrap;
}
.set_ts .layui-input{
    height:28px;
    width:80px;
    margin-right: 6px;
}
.set_ts .c_btn{
   border-radius:2px;
    height:28px;
}

/**/
.address_batch_box{
    background: #f2f2f2;
    padding: 10px;
}
.address_batch_box .address_batch_btn{
    width: 120px;
    height: 32px;
}
.address_batch_box .textList{
    display: flex;
}
.address_batch_box .textList dl{
    display: flex;
    line-height: 32px;
    margin-right: 30px;
    font-size: 14px;
}
.address_batch_box .textList dl dd{
    font-weight: bold;
    color: #B3273F;
}

/**/
.pup_batch_address{}
.pup_batch_address .layui-input{
    height:28px;
}
.pup_flex{
    display: flex;
    margin: -10px;
}
.pup_flex .pupFlexL{
   flex: 1;
    padding: 10px;
    overflow-x: hidden;
}
.pup_flex .pupFlexR{
   border-left: 1px #e6e6e6 solid;
    padding: 10px;
    width: 320px;
    background: #f2f2f2;
    overflow-x: hidden;
}
.pup_flex .pupFlexR .title{
    margin-bottom: 10px;
}
.pup_flex .pupFlexR ul li{
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
.pup_flex .pupFlexR ul li:not(:last-child){
    margin-bottom: 10px;
}
.pup_flex .pupFlexR ul li h3{
    margin-bottom: 10px;
    margin-left: -10px;
    border-left: 3px #e13335 solid;
    padding-left:7px;
    line-height: 1;
}
.pup_flex .pupFlexR ul li .flex p{
    flex: 1;
    color: #666;
}
.pup_flex .pupFlexR ul li .flex p label{
    font-weight: bold;
    color: #333;
}
.pup_flex .c1{
   color: #e13335!important;
    font-weight: bold;
}
.pup_flex .pupFlexR ul li .flex_lc{
    margin: 10px -10px -10px;
    border-top: 1px #eee solid;
    padding:6px 10px;
    background: #fafafa;
}
.pup_flex .pupFlexR ul li .flex_lc .layui-input{
    width:120px;
    margin: 0 6px;
    border-radius: 4px;
}
.pup_flex .pupFlexR ul li .flex_lc .c_btn{
   height: 28px;
}


/**/
.pup_plxz_address .pup_box{
    width:800px;
    height: 600px;
}

/**/
.searchBox{
    display: flex;
}
.searchBox .layui-input{
   width: 300px;
    height:30px;
    margin-right: 10px;
}
.searchBox  .c_btn{
  border-radius:2px;
}

/**/
.layui-tab-title{}
.layui-tab-title li.layui-this:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    border-top: 3px #e13335 solid;
    z-index: 2;
}


/**/
.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 #B3273F solid;
    padding-right: 10px;
    margin-bottom: 10px;
}

.selectedParameters.not > .title h3 {
    font-size: 14px;
    background: #B3273F;
    padding: 3px 10px 0;
    line-height: 26px;
    height: 26px;
    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 #B3273F;
    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;
}

.d_items .d_item_blackYh ul li .previewImg {
    display: none;
}
.d_items .d_item_blackYh ul li .previewImg {
    position: absolute;
    z-index: 99;
    top: 32px;
    left: -1px;
    width:400px;
    height: 400px;
    /*padding: 1px;*/
}
.d_items .d_item_blackYh 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 .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;
    padding: 1px;
    border: 1px #e6e6e6 solid;
}
/*订单明细*/
.productMx{
    /*margin-bottom: 30px;*/
    padding-bottom:30px;
    flex: 1;
    position: relative;
}
.productMx .nav_line{
    height: 44px;
}
.productMx .nav{
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    background: #fef2f3;
    border-bottom: 1px #E6E6E6 solid;
    margin-left: -600px;
    z-index: 3;
}
.productMx .nav.nav_top{
    position: fixed;
    width: 1200px;
}
.productMx .nav a{
    min-width: 100px;
    text-align: center;
    padding:0 16px;
    line-height:40px;
    position: relative;
    display: inline-block;
}
.productMx .nav a.on{
    background: #fff;
    border: 1px #E6E6E6 solid;
    margin-bottom: -1px;
    z-index: 2;
    border-bottom-color: #fff;
    border-top:2px #e13335 solid;
}
.productMx .nav{}
.productMx .tit{
    text-align: center;
    margin-bottom:40px;
    padding-top: 80px;
}
.productMx .tit h1 span{
    font-weight: normal;
    position: relative;
}
.productMx .tit h1 span:after{

}
.productMx .items .item_nav{
    /*margin-top: 60px;*/
    /*width:100%;*/
}
.productMx .items .item_nav:not(:last-child){
    border-bottom: 1px #E6E6E6 solid;
    padding-bottom: 60px;
    margin-bottom:-30px;
}
.productMx .items .list li{
    text-align: center;
}
.productMx .items .list li h3{
    font-weight: normal;
    margin-top: 10px;
    font-size: 14px;
}
/*下单流程*/
/**/
.list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: -10px;
}

.teckPack{}
.teckPack li:not(:nth-child(2n)){
    background: #f5f5f5;
}
.teckPack dl{
    display: flex;
    line-height: 32px;
}
.teckPack dl > *{
    padding: 6px 10px;
}
.teckPack dl dt{
    width: 160px;
    text-align: right;
    font-weight: bold;
}
.teckPack dl dd{
    flex: 1;
}
.list > *{
    margin-bottom: 10px;
}

.list > * {
    margin-right: 10px;
}

.list_1 > * {
    flex: 1;
    margin-right: 0;
}

.list_2 > *{
    width: calc((100% + 10px) / 2 - 10px);
}
.list_2 > *:nth-child(2n){
    margin-right: 0;
}

.list_3 > *{
    width: calc((100% + 10px) / 3 - 10px);
}
.list_3 > *:nth-child(3n){
    margin-right: 0;
}

.list_4 > * {
    width: calc((100% + 10px) / 4 - 10px);
}
.list_4 > *:nth-child(4n){
    margin-right: 0;
}

.list_5 > * {
    width: calc((100% + 10px) / 5 - 10px);
}
.list_5 > *:nth-child(5n){
    margin-right: 0;
}