body{background-color: #F4F4F4;}
.error-msg{color: #a94442ed;margin-top: 5px;}
.btn-register{background-color: #777777;border-color: #777777;color: white;}
.btn-register:hover{background-color: #999999;border-color: #999999;color: white;}
.btn-wm{background-color: #E53128;border-color: #E53128;color: white;}
.btn-wm:hover{background-color: #f3362d;color: white;border-color: #f3362d;}
.btn-yk{background-color: #D8D8D8;border-color: #D8D8D8;color: white;}
.btn-jrgw{background-color: white;border-color: #E53128;color: #E53128;}
.btn-jrgw:hover{background-color: white;border-color: #e53128b5;color: #e53128b5;}
.btn-ljgm{background-color: #E53128;border-color: #E53128;color: white;}
.btn-ljgm:hover{background-color: #e53128b5;border-color: #e53128b5;color: white;}
.btn-yzm {background-color: white;border-color: #E53128;color: #E53128;}
.nav-toggler{background-color: #E53128;border-color: #E53128;color: white;}
.btn-yzm:hover{background-color: #E53128;color: white;}
.btn-bj-red{border-color: #E50012;color: #E50012;}
.marTop {margin-top: 15px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active .focus,.btn.active.focus{outline: none;}
label.requiredName::before{content: '* ';top: 0em !important;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px !important;color: #f00;font-weight: 700;}
.btn-jrgw,.btn-ljgm{border-radius: 50px;display: block;width: 43%;}
.home-title{color: #333333;font-weight: 500;border-left: 4px solid #E50012;border-radius: 0 2px 2px 0;padding-left: 8px;margin-top: 30px;margin-bottom: 15px;}
.bj-one{margin-top: 30px;margin-bottom: 30px;}
.bj-image{width: 100%;border-radius: 10px;}
ul{list-style: none;margin: 0;padding: 0;}
a:hover{text-decoration: none;color: #333333}
a{color: #333333;cursor: pointer;}
.images-mobile{display: none;}
.swiper-pagination-bullet-active{background-color: #E53128 !important;}
.form-control:focus{webkit-box-shadow:none;box-shadow:none;border-color: #ccc;}
/* 电脑端的顶部 */
#header-upper{background-color: #F3F3F3;border-bottom: solid 2px #EEEEEE;height: 35px;line-height: 35px;font-size: 12px;width: 100%;}
#header-upper .top-nav{display: flex;justify-content: space-between;}
#header-upper .top-nav .top-nav-left span{padding-right: 4px;}
#header-upper .header-upper-menu{display: flex;}
#header-upper .header-upper-menu .menu-item{padding: 0 8px;}
#header-upper .header-upper-menu .menu-item:last-child{padding-left: 8px;padding-right: 0px;}
#header-upper .header-upper-menu a{color: #333333;}

#header{padding: 25px 0;background-color: #FAFAFA;}
#header .max{display: flex;align-items: center;justify-content: space-between;}
#header .max .phone{font-size: 18px;display: flex;justify-content: end;}
#header .max .nav-toggler{display: none;}
#header .max .phone i{padding-right: 10px;color: #3498db;font-weight: bold;}
#header .search-group{display: flex;justify-content: center;width: 50%;}
#header .search-group .navbar-form{flex: 1;margin: 0;padding: 0 15px;}
.search-group .search-box{border: 1px solid #E53128;border-radius: 50px;width: 100%;}
.search-group .search-box .form-control{flex: 1;border: none;}
.search-group .search-box input{border-radius: 50px 0 0 50px;}
.search-group .search-box .input-group-addon{border: none;background-color: #E53128;color: #fff;height: 100%;border-radius: 50px;padding: 6px 20px;cursor: pointer;}

#navBar{border-bottom: 2px solid #d2364c;background-color: #FAFAFA;}
#navBar  ul{list-style: none;margin: 0;padding: 0;height: auto;}
#navBar ul li{padding: 10px 25px;float: left;margin-right: 15px;}
#navBar ul li.user{display: none;}
#navBar ul li:last-child{margin-right: 0;}
#navBar ul li a{color: #333333;font-size: 16px}
#navBar ul li a:hover{color: #E53128;}
#navBar ul .action a{color: #fff}
#navBar .action{background-color: #E53128;color: #fff;}
#navBar ul .action a:hover{color: white;}

#slide{position: relative;margin-bottom: 25px;}
.swiper-slide img{display: block;width: 100%;height: auto;}

/* 信息框 */
#banner-frame{width: 300px;height: auto;background-color: #fff;border-radius: 15px;position: absolute;transform: translate(-15%, -50%);right: 15%;top: 50%;z-index: 9999;}
#banner-frame .user-info{width: 100%;height: 50%;background-color: #DCDCDC;border-radius: 15px 15px 0 0;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 5% 2%;}
#banner-frame .item{flex: 1;width: 100%;display: flex;justify-content: center;align-items: center;}
#banner-frame .tip{padding-top: 5%;}
#banner-frame .function{width: 100%;height: 50%;padding-top: 7%;}
#banner-frame .portrait-item{width: 80px;height: 80px;}
#banner-frame .portrait-item img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
#banner-frame .item .btn{width: 35%;}
#banner-frame .button{justify-content: space-around;padding-top: 5%;}
#banner-frame .portrait{flex: 2;}
#banner-frame .adv-group{display: flex;flex-wrap:wrap;}
#banner-frame .adv-group .adv-group-item{width: 33.333%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 7%;}
#banner-frame .adv-group .adv-group-item .a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#banner-frame .adv-group-item .icon{width: 28px;height: 28px;margin-bottom: 5px;}
#banner-frame .adv-group-item .text{width: 100%;text-align: center;}

/* 商品列表 */
#product{margin-bottom: 25px;}
.product-group{display: flex;list-style: none;margin: 0;padding: 0;flex-wrap:wrap;}
.product-group .product-item{background-color: #fff;margin-right: 7.5px;margin-left: 7.5px;width: calc(20% - 15px);margin-bottom: 15px;border-radius: 9px;border: 1px solid #E2E2E2;}
.product-group .product-item.annex-active{border: 1px solid #E53128;}
#product .cate-cover{padding: 0;}
#product .cate-cover img{height: 100%;width: 100%;border-radius: 10px;}
.product-group .product-item:hover a{color: #E53128;}
.product-group .imges{width: 100%;height: 218px;overflow: hidden;background-color: #F6F6F6;border-radius: 10px 10px 0 0;border-bottom: 1px solid #E2E2E2;position: relative;}
.product-group .imges .active-icon{display: none;position: absolute;width: 30px;height: 30px;font-size: 0;line-height: 0;left: 0px;top: 0px;background: url(../images/product_annex_opt.png);}
.product-group .product-item.annex-active .imges{border-bottom: 1px solid #E53128;}
.product-group .imges label{width: 100%;height: 100%;}
.product-group .imges img{max-height: 100%;object-fit: cover; transition: all 1s ease 0s;width: 100%;height: 100%;}
.product-group .footer{padding: 10px 15px;display: flex;flex-direction: column;justify-content: space-between;/*height: calc(100% - 245px);*/}
.product-group .product-item:hover .imges img{ transform: scale(1.2);}
.product-group .product_cate img{width: 100%;height: 100%;}
.product-group .title{font-size: 16px;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product-group .title a{color: #333333;display: block;}
.product-group .footer .button{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.product-group .price{color: #E53128;font-weight: bold;font-size: 18px;}
.product-group .sales{color:#9E9E9E;font-size: 12px;}

#article .article-title{text-align: center;margin: 25px 0;display: flex;justify-content: center;align-items: center;}
#article .article-title span{padding: 0 15px;}
#article .article-title img{height: 30px;}
#article .product-group .product-item{width: calc(25% - 15px);padding: 15px;}
#article .product-group .title{font-size: 16px;-webkit-line-clamp: 2;}
#article .product-group .time{color: #9E9E9E;}
#article .product-group .synopsis{color: #9E9E9E;text-indent: 2em;margin: 15px 0;height: 60px;width: 100%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#article .product-group .cover_image{width: 100%;height: 150px;}
#article .product-group .cover_image img{width: 100%;height: 100%;}
/* 底部 */
#footer{background: #303030;color: #e2e2e2;margin-top: 20px;}
#footer #companyInfo{padding: 10px 0;border-top:1px solid #666666;}
#footer .company-info{display: flex;justify-content: center;}
#footer .company-info .item{margin: 5px 10px;text-align: center;}
#footer .company-info a{color: #b1b1b1;font-size: 12px;}
#footer .companyInfoTop{padding: 25px 0;display: flex;}
#footer .companyInfoTop .content{flex: 1;display: flex;justify-content: space-around;padding: 0 10%;flex-wrap: wrap;}
#footer .companyInfoTop .content li{margin-bottom: 10px;}
#footer .companyInfoTop .content li:last-child{margin-bottom: 0px;}
#footer .companyInfoTop .content a{color: #9E9E9E;}
#footer .companyInfoTop .content .title a{color: white;font-size: 16px;}
#footer .companyInfoTop .qrcode img{width: 120px;height: 120px;margin: auto;}
#footer .companyInfoTop .qrcode .text{text-align: center;margin-bottom: 0;margin-top: 8px;}

/* 面包屑 */
#crumb{background-color: #FAFAFA;height: 40px;line-height: 40px;border-bottom: 2px solid #F0F0F0;}
#crumb .container{height: 40px;line-height: 40px;overflow: hidden;}
#crumb a{color: #333333;padding-right: 4px;cursor: pointer;}
#crumb span{font-size: 12px;}

/* 商品分类 */
#product-cate{margin: 30px 0;}
#product-cate .cateBox{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#product-cate .cate-right .cate-con{display: flex;font-size: 15px;flex-wrap: wrap;}
#product-cate .cate-right .cate-con .action a{color: #E53128;}
#product-cate .cate-right .cate-con li{margin-right: 15px;}
#product-cate .cate-right .cate-con li:last-child{margin-right: 0;}
#product-cate .cate-right a{color: #333333;}

#template-one .container{border-radius: 10px;margin-top: 25px;padding: 0;}
#template-one .tuijian{width: 20%;float: left;}
#template-one .tuijian .product-group .product-item{margin-left: 0;margin-right: 0;}
#template-one .details{width: calc(80% - 15px);float: left;margin-right: 15px;}
#template-one .tuijian .mtitle{font-size: 16px;background-color: white;padding: 14px 15px;border-radius: 9px;text-align: center;}
#template-one .tuijian .body{margin-top: 15px;}
#template-one .product-group .product-item{width: 100%;}

#template-one .details .title{font-size: 16px;background-color: white;padding: 14px 15px 0 15px;border-radius: 9px 9px 0 0;box-shadow: 0px 4px 10px 0px rgba(119, 119, 119, 0.1);border-bottom: 1px solid #F4F4F4;}
#template-one .details .title span{border-bottom: 4px solid #E53128;padding-bottom: 14px;display: inline-block;}
#template-one .details .body{background-color: white;padding: 15px;border-radius: 0 0 9px 9px}
#template-one .details .body img{max-width: 100%;max-height: 100%;}

/* 分页 */
#pages .container{display: flex;justify-content: center;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #E53128;border-color: #E53128;}
.pagination > li > a, .pagination > li > span{color: #333333;margin-right: 10px;border: 1px solid #D8D8D8;}

/* 资讯动态 */
#news-cate{background-color: #FAFAFA;height: 50px;line-height: 50px;}
#news-cate ul{display: flex;justify-content: center;}
#news-cate ul li{padding: 0 25px;font-size: 16px;}
#news-cate ul .active a{border-bottom: 4px solid #E53128;padding-bottom: 5px;}
.news-list{margin-top: 25px;}
/* 详情 */
#template-one.newsDetail .tuijian .mtitle{text-align: left;}
#template-one.newsDetail .details{margin-left:0;margin-right: 15px;background-color: white;border-radius: 10px;width: calc(75% - 15px);}
#template-one.newsDetail .tuijian{width: 25%;}
#template-one.newsDetail .details .body{border-radius: 10px;padding: 15px 30px;}
.newsDetail .details h2{margin:20px 0}
.newsDetail .details .info-one{color: #9E9E9E;margin-bottom: 30px;}
.newsDetail .details .info-one span{margin-right: 15px;}
.newsDetail #article .product-group .product-item{border: 1px solid #E2E2E2 !important;}
/* 售后服务 */
#introduce .sheader{padding: 30px 0;}
#introduce .sheader .top{display: flex;justify-content: center;align-items: center;font-size: 32px;font-weight: 500;}
#introduce .sheader .top .red{color:#E50012}
#introduce .sheader .top img{width: 50px;height: 50px;margin: 0 15px;}
#introduce .sheader .button{text-align: center;color: #9E9E9E;margin-top: 10px;letter-spacing: 3px;display: flex;justify-content: center;align-items: center;}
#introduce .sheader .button span{padding: 0 15px;}
#introduce .sheader .button img{height: 4px;}
#introduce .container{margin-top: 20px;margin-bottom: 20px;}
#introduce .content{margin-bottom: 30px;overflow: auto;}
#introduce .content{display: flex;flex-wrap: wrap;}
#introduce .content li{width: calc(25% - 25px);margin-right: 25px;border-radius: 10px;text-align: center;background-color: white;padding: 25px 0;}
#introduce .content li .number{color: #E50012;font-size: 56px;font-weight: 700;margin: 0 0 20px 0;}
#introduce .content li .title{margin: 0 0 25px 0;}
#introduce .content li .line{background-color: #E50012;width: 40px;height: 4px;border-radius: 4px;margin: 25px auto;}
#introduce .content li img{width: 80px;height: 72px;display: block;margin: 25px auto;}
#introduce .content li .div{font-weight: 400;font-family: Source Han Sans CN;}
#contact{background: url('../images/service-bj-2.png')}
#contact .container{padding: 70px 0;}
#contact .c-header{color: white;font-size: 30px;text-align: center;font-weight: 500;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}
#contact .c-header span{padding: 0 15px;}
#contact .content{display: flex;}
#contact .content .item{width: calc(3333.333% - 40px);border-radius: 10px; background-color: white;padding: 20px;margin:0 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;font-size: 18px;}
#contact .content .address:hover{color: #E50012;background: #ffffff url('../images/service-address-bj.png') no-repeat}
#contact .content .item img{width: 64px;height: 64px;margin-bottom: 10px;}
#contact .content .item .name{margin-bottom: 0px;font-weight: 700;}
#contact .content .item .yw-name{color: rgba(51, 51, 51, 0.2);font-size: 14px;margin-bottom: 25px;}
#contact .content .address:hover .yw-name{color: rgba(229, 0, 18, 0.2);}

#message{background-color: white;}
#message .container{padding-top: 70px;padding-bottom: 70px;}
#message .header h2{margin-bottom: 20px;}
#message .body{margin-top: 25px;}
.form-group-big{display: flex;}
.form-group-big .form-group{width: 33.33%;padding-right: 20px;}
.form-group-big .form-group:last-child{padding-right: 0;}
#message .body .form-group label{margin-bottom: 10px;font-weight: 550;}
#message .body .form-group{margin-bottom: 25px;}
#message .body .form-group-big .form-group .form-control{height: 40px;}
#message .body .form-group .form-control{background-color: #F3F5F7;border: none;box-shadow: none;color: #999999;}
#message .body .form-group .btn{padding: 9px 12px}

/* 公司简介 */
#company .container{padding-top: 60px;padding-bottom: 40px;display: flex;}
#company .left{flex: 1;}
#company .left .title{margin-bottom: 20px;}
#company .left .content{margin: 20px 0;color: #666666;}
#company .left .content p{text-indent: 2em;}
#company .right{flex: 1;background: url('../images/company-bj-3.png')}
#company .right{padding: 30px 10px 10px 30px;display: flex;justify-content: center;}
#company .right img{max-width: 90%;}
#aptitude{background-color: white;padding: 20px 0 40px 0;}
#aptitude .header{display: flex;justify-content: center;}
#aptitude .body{margin-top: 40px;position: relative;}

/* 下单详情 */
#address,#confirm-store{margin: 20px 0;}
#address .header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 15px;}
#address .header .title,#confirm-store .header .title{font-size: 16px;color: #333333;font-weight: 400;}
#address .address-group .address-item{border: 1px solid #D1D1D1;padding: 10px 40px 10px 15px;border-radius: 7px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;cursor: pointer;flex-wrap: wrap;background-color: white}
#address .address-group .address-item:last-child{margin-bottom: 0;}
#address .address-group .address-item.active{background-color: white;border-color: #E50012;}
#address .address-group .address-item .info span{margin-right: 10px;}
#address .address-group .info{display: flex;align-items: center;flex-wrap: wrap;flex: 1;}
#address .address-group .operate span{margin: 0 5px;}
#address .footer{margin-top: 5px;}
#address .footer a{color: #666666;font-size: 12px;}

#confirm-store .header{margin-bottom: 5px;}
#confirm-store .body{background-color: white;border-radius: 7px;}
#confirm-store .body .store-header{box-shadow: 0px 4px 10px 0px rgba(119, 119, 119, 0.1);height: 50px;display: flex;line-height: 50px;padding: 0 25px;font-weight: 550;}

#confirm-store .body .cover_image{width: 15%;position: relative;}
#confirm-store .body .title{flex: 1;}
#confirm-store .body .footer{display: none;}
#confirm-store .body .price{width: 20%;}
#confirm-store .body .number{width: 15%;}
#confirm-store .body .total_price{width: 15%;}

#confirm-store .content{padding: 15px 25px;}
#confirm-store .product-item{display: flex;align-items: center;border-bottom: 1px solid #F3F5F7;flex-wrap: wrap;padding: 10px 0;}
#confirm-store .product-item.lapse{color: #999999;}
#confirm-store .product-item:last-child{border: none;}
#confirm-store .body .cover_image img{width: 100px;height: 100px;border: 1px solid #E2E2E2;}
#confirm-store .body .cover_image .tip{position: absolute;left: 0;top: 0;z-index: 9999;}
#confirm-store .product-item.lapse img{filter: grayscale(50%);}

.confirmCart .content{display: flex;background-color: white;align-items: center;border-radius: 7px;padding: 12px 15px;flex-wrap: wrap;}
#paytype .content .btn{margin-right: 20px;border-color: #999999;display: flex;align-items: center;padding: 5px 15px;border-radius: 0;position: relative;}
#paytype .content .btn:last-child{margin-right: 0;}
#paytype .content .btn .active-icon{display: none;position: absolute;width: 14px;height: 14px;font-size: 0;line-height: 0;right: 0px;bottom: 0px;background: url(../images/paytype.gif) no-repeat right bottom;}
#paytype .content .btn.active{border-color: #E50012;background-color: white;}
#paytype .content .btn.active .active-icon{display: block;}
#paytype .content .right{display: flex;flex-wrap: wrap;}

#invoice{margin: 20px 0;}
#invoice .content{justify-content: space-between;}

#remarks textarea{width: 50%;height: auto;}

#settlement{margin: 20px 0;}
#settlement .content{background-color: white;border-radius: 7px;display: flex;justify-content: flex-end;flex-wrap: wrap;}
#settlement .content .item{margin-right: 20px;display: flex;align-items: center;}
#settlement .content .item .youfei{font-weight: 550;}
#settlement .content .item .zongjia{font-weight: 600;color: #E50012;font-size: 16px;}
#settlement .content .item.collect{display: flex;align-items: center;color: #333;}
#settlement .content .item.collect label{margin: 0;}
#settlement .content .item.collect input{margin: 0;}
#settlement .content .btn{background-color: #E50012;border-color: #E50012;color: white;border-radius: 0 7px 7px 0;}
.invoice-right{cursor: pointer;}
#address .address-group .address-item.address_hide{display: none;}

/* 微信扫码支付 */
#weixinPay .container{display: flex;justify-content: center;flex-direction: column;align-items: center;background-color: white;padding-top: 5%;padding-bottom: 5%;margin-top: 20px;border-radius: 10px;}

/* 我的地址 */
.user-address{padding: 20px 22px 0 22px;}
.user-address .user-address-group{display: flex;flex-wrap: wrap;}
.user-address .user-address-group .item{width: calc(50% - 11px);padding: 0 15px;border-radius: 7px;border: 1px solid #D8D8D8;margin-bottom: 22px;min-height: 145px;}
.user-address .user-address-group .item:nth-child(odd){margin-right: 22px;}
.user-address .user-address-group .item.addData{align-items: center;justify-content: center;display: flex;}
.user-address .user-address-group .item.addData a{width: 50px;height: 50px;background-color: #D8D8D8;color: white;border-radius: 50px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
.user-address .user-address-group .header{border-bottom: 1px solid #D8D8D8;padding: 10px 0;display: flex;justify-content: space-between;}
.user-address .user-address-group .header .operate a{color: #E53128;margin-right: 5px;}
.user-address .user-address-group .header .operate a:last-child{margin-right: 0;}
.user-address .user-address-group .header span{margin-right: 5px;font-weight: 540;}
.user-address .user-address-group .body{padding: 10px 0;}
.user-address .user-address-group .body p:last-child{margin-bottom: 0;}

/* 手机版导航栏 */
#mobile-nav{position: fixed;bottom: 0px;width: 100%;z-index: 998;background: #fff;display: none;}
#mobile-nav li{width: 25%;padding: 2px;background: #fff;border-top: 1px solid #f5f5f5;float: left;text-align: center;font-size: 12px;position: relative;}
#mobile-nav li a{color: #666666;}
#mobile-nav li.active a{color: #E53128;}
#mobile-nav li img {width: 25px;height: 25px;margin: 0 auto;}
#mobile-nav li p{margin-bottom: 0;margin-top: 3px;}

#memberLeft .storey{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.15);;z-index: 99;display: none;}

#dataEmpty{width: 100%;display: flex;justify-content: center;padding: 5% 0;flex-direction: column;align-items: center;}
#dataEmpty img{width: 300px;}

/* 缴纳年费 */
#openVip .panel-body{padding: 15px 25px;}
#openVip .header-vip{display: flex;padding-bottom: 15px;border-bottom: 1px solid #EEEEEE;align-items: center;}
#openVip .header-vip .iamges{width: 60px;height: 60px;}
#openVip .header-vip .info{padding-left: 15px;flex: 1;}
#openVip .header-vip .nickname{font-size: 16px;font-weight: 600;margin-bottom: 4px;}

#openVip .content-vip{margin: 25px 0;}
#openVip .content-vip .item{width: 40%;border-radius: 10px;border: 1px solid #ccc;text-align: center;background: #F6F6F6;position: relative;}
#openVip .content-vip .item .active-icon{display: none;position: absolute;width: 30px;height: 30px;font-size: 0;line-height: 0;right: 0px;bottom: 0px;background: url(../images/optvip.png);}
#openVip .content-vip .action .active-icon{display: block;}
#openVip .content-vip .action{border: 1px solid #F30100;}
#openVip .item .header{background-color: #ccc;padding: 7px 0;border-radius: 10px 10px 0 0;}
#openVip .action .header{background: #F30100;color: white;}
#openVip .content{border-bottom: 1px solid #FFFFFF;padding: 8px 0;}
#openVip .content .price{color: #E50012;font-size: 52px;font-family: Source Han Sans CN;}
#openVip .footer{padding: 9px 0;}
#openVip .confirmCart .content{background: #F6F6F6;border-radius: 6px;padding: 0 12px;}
#openVip .jisuan{margin-top: 20px;}
#openVip .jisuan .content{display: flex;justify-content: space-between;padding: 0 0 0 12px;}
#openVip .jisuan .lijizf{background: #E50012;border-radius: 0 6px 6px 0;color: white;padding: 12px 25px;}
.tehui{color: #E50012;}
.zprice{color: #E50012;}
/* 超小设备（手机，小于 768px） */
/* Bootstrap 中默认情况下没有媒体查询 */

/* 中型设备（台式电脑，992px 起） */
@media (max-width: 992px) {
    .product-group .product-item{width: calc(25% - 15px);}
    .product-group .imges{height: 160px;}
    .product-group .tuijian-cover{display: none;}
    #template-one .product-group .product-item{width: calc(33.33% - 15px);}
}

.FloatingFile{position: relative;width: 180px;height: 100%;}
.FloatingFile .play_btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 35px;height: 35px;}
/* 小型设备（平板电脑，768px 起） */
@media (max-width: 500px) {
    #openVip .content-vip .item{width: 100%;}
}
/* 小型设备（平板电脑，768px 起） */
@media (max-width: 768px) {
    #navBar .container{margin-top: 10px;}
    #slide{margin-bottom: 10px;}
    .home-title{margin-top: 15px;font-size: 18px;margin-bottom: 10px;margin-left: 5px;margin-right: 5px;}
    .bj-one{margin: 15px 0;}
    .bj-one img{padding: 0 5px;}
    .images-pc{display: none;}
    .images-mobile{display: block;}
    .calssify-cover{height: 210px;}
    /* 商品推荐 */
    #template-one .product-group .product-item{width: calc(50% - 10px);margin: 0 5px 10px 5px !important;}
    #mobile-nav{display: block;}
    #header{padding: 10px 0 10px 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
    #header .max-logo{width: 28%;}
    #header-upper{display: none;}
    #header .max .phone{display: none;}
    #banner-frame{display: none;}
    #header .search-group{flex: 1;margin-right: 10px;margin-left: 10px;}
    #navBar{display: none;position: fixed;top: 42px;left: 0;z-index: 999;}
    #navBar ul li{width: 100%;margin-right: 0;border-top: 1px solid #E2E2E2;}
    #navBar ul li.user{display: block;}
    #navBar ul li.login{background-color: #ffcbd0;margin-top: 10px;border: none;}
    #navBar ul li.login a{color: #d13b49;}
    #navBar ul li.register{background-color: #E4F3E4;color: #5eb95e ;margin-top: 10px;margin-bottom: 10px;border: none;}
    #navBar ul li.register a{color: #5eb95e}
    #navBar ul li a{display: block;}
    #navBar ul li:first-child{border: none;}
    .product-group .product-item{width: calc(50% - 10px);margin: 0 5px 10px 5px;}
    #article .product-group .synopsis{height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;padding: 0;margin: 5px 0;}
    .search-group .search-box .form-control{padding: 4px 12px;height: 26px;font-size: 14px;}
    .search-group .search-box .input-group-addon{padding: 6px 12px;font-size: 14px;}
    #article .product-group .product-item{width: 100%;padding: 10px;margin: 0 5px 10px 5px;}
    #article .product-group .product-item:last-child{margin-bottom: 0;}
    .product-group .footer{height: auto;padding: 7px 10px;}
    .product-group .tuijian-cover{display: none;}
    /* .product-group .footer .button{flex-direction: column;} */
    .container{padding-left: 10px;padding-right: 10px;}
    #footer .companyInfoTop{flex-direction: column;}
    #footer .companyInfoTop .logo{display: none;}
    /* #footer .companyInfoTop .qrcode{margin-top: 15px;} */
    #footer .companyInfoTop .content{padding: 0;}
    #footer .companyInfoTop .content ul{width: 50%;text-align: center;padding-bottom: 25px;}
    #footer .company-info{flex-direction: column;}

    #company .container{flex-direction: column;padding-top: 30px}
    #introduce .container{padding: 0 15px;}
    #introduce .sheader .button img{display: none;}
    #message .container{padding:40px 15px;}
    #introduce .content li{width: 100%;margin: 0px 0 15px 0;}
    #contact .content ,.form-group-big{flex-wrap:wrap;}
    .form-group-big .form-group{width: 100% !important;padding-right: 0 !important;}
    .form-group-big .form-group .city,.form-group-big .form-group .district{margin-bottom: 0;}
    .form-group{margin-bottom: 12px !important;}
    .form-group-big .form-group{margin-bottom: 0 !important;}
    .form-group-big .form-group:last-child{margin-bottom: 12px !important;}
    label {margin-bottom: 5px;}
    #contact .content .item{width: 100%;margin: 0 20px 20px;}
    #message .form-group-big .form-group{margin-bottom: 12px !important;}
    body{padding-top: 50px;}

    #product-cate{margin: 15px 0;}
    #product-cate .cateBox .cate-left{width: 100%;}
    #product-cate .cateBox .cate-right{width: 100%;margin-top: 15px;}
    #product-cate .cate-right .cate-con li{margin: 0 15px 5px 0;}

    #header .max .nav-toggler{display: block;padding: 4px 8px;}

    /* #confirm-store .product-item{align-items: flex-start;} */
    #confirm-store .body .store-header{display: none;}
    #confirm-store .body .cover_image img{width: 80px;height: 80px;}
    #confirm-store .body .cover_image{width: 30%;}
    /* #confirm-store .body .title{width: 70%;padding-left: 10px;} */
    #confirm-store .body .footer{width: 70%;display: block;}
    #confirm-store .body .footer .mobile_price{font-weight:bold;margin-right: 10px;color: red;font-size: 15px;}
    #confirm-store .body .footer .mobile_title{font-size: 16px;margin-bottom: 6px;}
    #confirm-store .body .total_price,#confirm-store .body .price,#confirm-store .body .number,#confirm-store .body .title{display: none;}
    #paytype .content .right{margin: 10px 0;}
    #remarks textarea{width: 100%;height: 40px;}
    /* #settlement .content .btn{margin-top: 10px;} */

    .member .container .m-left{display: none;}

    .user-address .user-address-group .item{width: 100%;margin-right: 0 !important;}
    .product-group .imges{height: 145px;}
    .product-group .price{font-size: 16px;}

    #address .address-group .operate{flex: 1;display: flex;justify-content: flex-end;}
    #address .address-group .address-item .info span{margin-bottom: 6px;}
    #address .address-group .address-item .info .name::before{content: '收货人：';}
    #address .address-group .address-item .info .phone::before{content: '电话：';}
    #address .address-group .address-item .info .address::before{content: '地址：';}
    .member .container .collection .list .item.header_name_::before{content: '类型：';}
    #dataEmpty img{width: 60%;}
    #footer {padding-bottom:50px}

    /* 新闻资讯 */
    #article .article-title{margin: 10px 0;font-size: 23px;}
    #article .article-title img{height: 14px;}
    #article .article-title span{padding: 0 8px;}
    #article .product-group .cover_image img{object-fit: cover;}

    #product{margin-bottom: 15px;}

    /* 确认订单 收货地址*/
    #address .address-group .address-item{flex-direction: column;align-items: flex-end;padding: 12px;}
    #address .address-group .address-item .info .name{width: 100%;}
    #address .address-group .address-item .info .btn-default{order: -1;margin-bottom: 6px;}
    #address .address-group .address-item .info .phone{width: 100%;}
    #confirm-store .content{padding: 0 12px;}

    #settlement{position: fixed;bottom: 0;left: 0;width: 100%;margin: 0;box-shadow: 0px 4px 10px 0px rgba(119, 119, 119, 0)}
    #settlement .container{padding: 0;}
    #settlement .content{border-radius: 0;}
    #settlement .content .btn{border-radius: 0;}

    /* 分页 */
    #pages .pagination{margin: 15px 0;}
    #pages .pagination a,#pages .pagination span{margin: 0 10px 10px 0;}

    .news-list{margin-top: 15px;}

    #aptitude .swiper-button-next, #aptitude .swiper-button-prev{display: none;}

    #company .left .title img{width: 85%;}
    #company .left .douhao img{width: 30px;}

    #aptitude .header img{width: 55%;}
}

/* 大型设备（大台式电脑，1200px 起） */
@media (max-width: 1200px) {
    /* .product-group .product-item{width: calc(25% - 15px);} */
}