img{ vertical-align: top;}
html{ background: #f6f6f6;}
a {cursor: pointer;}
.com-bon{ display: inline-block; line-height: 52px; width: 220px; text-align: center; color: #fff; background: #BB0100; border-radius: 100px;}
.com-bon:hover{ background: #981211; color: #fff;}

.wrap{ width: 1440px; margin: 0 auto;}
.header { background: #fff; z-index: 10; z-index: 100; position: fixed; left: 0; right: 0; top: 0; min-width:1200px; transition:0.6s all;}
.scrollbody .header{ transform: translateY(-44px);}
.scrollbody .header .bottom .wrap{ height: 75px;}
.header .top{background: #F3F3F3;}
.header .top .wrap{ height: 44px; }
.logo img{ height: 66px;}
.header .qiandao img{ width: 16px; height: 16px; margin-right: 2px;}
.header .qiandao{ margin-left: 1em; line-height: 16px;}
.header .top .right li{ padding: 0 2em; position: relative;}
.header .top .right li::before{ content: ''; position: absolute; right: 0; top:50%; height: 1em; width: 1px; transform: translateY(-50%); background: #ddd;}
.header .top .right li:last-child{ padding-right: 0;}
.header .top .right li:last-child::before{ display: none;}
.header .bottom{ border-bottom: 1px solid #eee;}
.header .bottom .wrap { height: 92px; transition: 0.6s all;}
.m-search{ margin-left: 40px; position: relative; z-index: 100;}
.m-search .box .inp{  border: 1px solid #F1F1F1;}
.m-search .box img{ width: 24px; height: 24px; margin: 0 20px;}
.m-search .box .inp-box{width: 380px;}
.m-search .box input{ border: 0; width: 380px; height: 42px; max-width: none !important;}
.m-search .box button{ width: 100px; height: 44px; border: 0; color: #fff; background: #BB0100;}
.shopcart-box .box .bt{display: inline-block; width: 120px; height: 44px; border: 0; color: #fff; line-height: 44px;text-align: center;background: #BB0100;}
.search-child{ position: absolute; top:100%; left: 0; right: 0; border: 1px solid #F1F1F1; background: #fff; border-top: 0; padding: 20px 5%;}
.search-child dd a{ margin: 10px 10px 0 0; display: inline-block; padding: 5px 10px; border: 1px solid #F2F2F2;}
.search-child dd a:hover{ border-color: #BB0100;}
.search-child .listbox li{ margin: 0 -10px;}
.search-child .listbox li a{ display: block; padding: 5px 10px;}
.search-child .listbox li a:hover{ background: #fafafa;}
.header .bottom .right .a{ padding: 0 1.2em; height: 44px; border: 1px solid #D5D5D5; margin-left: 16px; position: relative; min-width:90px; color: #666; justify-content: center;}
.header .bottom .right .a img{ width: 24px; height: 24px; margin-right: 8px;}
.header .bottom .right .a em{ position: absolute; right: 3px; top: 3px; background: #E60112; border-radius: 100%; min-height: 17px; line-height: 17px; color: #fff; min-width: 17px; text-align: center;}
.header .bottom .right .a:hover{  color: #BB0100; background: #fafafa;}

.login-bg,
.main-box{ padding-top: 137px;}

.home-banner{ overflow: hidden; height: 600px; position: relative; background: #fff;}
.home-banner .box{ position: absolute; width:1920px; height: 100%; left: 50%; top: 0; transform: translateX(-50%);}
.home-banner img{ width: 100%; height: 600px; }
.home-banner .banner1{ height: 600px;}
.home-banner .pagin{ position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);  z-index: 3;}
.wechat-banner {position: relative;padding-bottom: 2em;}
.wechat-banner .pagin{ position: absolute; width: 100%;  z-index: 3;display: flex;margin-top: 0.5em;}
/* .wechat-banner .pagin p{ margin-left: 1.6em;} */
.wechat-banner .swiper-pagination2 span.swiper-pagination-bullet-active {width: 11px;}
.swiper-pagination2 {text-align: left;}
.swiper-pagination span{ opacity: 1; margin: 0 5px 0 0; background: #B9B9B9; width: 11px; height: 11px;}
.swiper-pagination2 span{ opacity: 1; margin: 0 5px 0 0; background: #B9B9B9; width: 11px; height: 11px;}
.swiper-pagination2 span.swiper-pagination-bullet-active{ border-radius: 6px; width: 33px; background: #E60112;}
.swiper-pagination span.swiper-pagination-bullet-active{ border-radius: 6px; width: 33px; background: #E60112;}

.footer { background: #fff;}
.footer .top{ padding: 75px 0 50px; border-bottom: 1px solid #eee;}
.foot-left .logo-f img{ height: 66px;}
.foot-left dl{ text-align: center; width: 118px; margin-top: 20px;}
.foot-left dt img{ width: 118px; height: 118px;}
.foot-left dd{ opacity: 0.6;}
.footer .bottom{ padding: 35px 0 45px;}

.foot-right{ justify-content: end;}
.foot-right .item{ padding: 0 5em; min-height: 160px; border-right: 1px solid #eee;}
.foot-right .item:last-child{ border: 0; padding-right: 0;}
.foot-right .item dd a{ opacity: 0.6;}
.foot-right .item dd a:hover{ opacity: 1;}
.foot-right .item dd p{ margin-top: 1em;}
.foot-right .item .kefu{ padding-top: 2em;}
.foot-right .item .kefu img{ width: 38px; height: 38px; margin-right: 1em;}

.home-1 ul{ margin: 0 -10px 0;}
.home-1 li{ float: left; width: 16.666%; }
.home-1 li .w{ padding: 10px; background: #fff; border-radius: 5px; display: block;  margin: 0 10px 20px; box-shadow: 1px 1px 8px rgba(0,0,0,0.05);}
.home-1 li .w img{ width: 100%; height: 110px; object-fit: contain; transition: 0.5s all;}
.home-1 li .w:hover { box-shadow: 1px 1px 8px rgba(0,0,0,0.1); }
.home-1 li .w:hover img{transform: scale(1.05);}
.home-1 li .w p{ padding: 10px 0 0;}

.home-tit{ margin: 1.3em 0 0.65em 0;}
.home-tit span{ position: relative; display: inline-block; padding-left: 20px;}
.home-tit span::after{ background: #BB0100; width: 4px; height: 1em; content: ''; left: 0; top: 50%; position: absolute; transform:translateY(-40%);}

.home-2{ padding: 40px 0;}
.home-2 .item{ float: left; width: 49%; }
.home-2 .item:nth-child(2){ float: right;}
.home-2 .item img{ width: 100%; height: 248px; transition: 0.5s all;}
.home-2 .item .w{ display: block; position: relative; border-radius: 10px; overflow: hidden;}
.home-2 .item .w:hover img{ transform: scale(1.05);}
.home-2 .item .w:hover dd span{ background: #BB0100; color: #fff;}
.home-2 .item dl{ color: #fff; position: absolute; left:50px; right: 50px; top: 50%; transform: translateY(-50%); z-index: 2;}
.home-2 .item dt{ line-height: 1.2;}
.home-2 .item dd p{ margin:0 0 1em;}
.home-2 .item dd span{  display: inline-block; background: #fff; color: #BB0100; border-radius: 50px; min-width: 116px; text-align: center; line-height: 2;}


.home-22 .item dl{ color: #333;}
.home-22 .item dt{ line-height: normal; margin-bottom: 10px;}
.home-22 .item img{ height: 266px; }

.home-3{ border-radius: 10px; overflow: hidden; background: #fff;}
.home-3 .swiper-scrollbar{ height:7px; position: absolute; left: 0; bottom: 0; right: 0;}
.home-3 .swiper-scrollbar-drag{ background: #BB0100;}
.home-3 .left-tit{ width: 312px; height: 412px; background: url(../images/31.png) no-repeat; background-size: 100% 100%; color: #333;}
.home-3 .left-tit .txt{ padding: 60px 0 0 50px;}
.home-3 .right-box{ width: 1px; position: relative;  padding-top:38px ;}
.home-3 .right-box .w{ padding: 24px 0; text-align: center; display: block; border-right: 1px solid #eee; margin-right: -1px;}
.home-3 .right-box .w .txt{ padding-top: 24px;}
.home-3 .right-box img{ width: 195px; height: 195px; transition: 0.5s all;object-fit: contain;}
.home-3 .right-box .w:hover img{transform: translateY(-10px);}

.home-4-title{ padding: 20px 0 20px;}
.home-4-title .home-tit{ margin: 0;}
.home-4-title .right-more img{ width: 21px; height: 21px; margin-left: 10px;}
.home-4-box{ justify-content:space-between;}
.home-4-left{  width: 49%; overflow: hidden;}
.home-4-left ul{ margin: 0 -15px;}
.home-4-left li{ float: left; width: 50%;}
.home-4-left li .img{position: relative; overflow: hidden;}
.home-4-left li .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:url(../images/18.png) no-repeat; background-size: 100% 100%; width: 48px; height: 48px; z-index: 2;}
.home-4-left li .w{  display: block; background: #fff; border-radius: 10px;  background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.05); padding: 24px; margin: 0 15px 30px;}
.home-4-left li:nth-child(3) .w,
.home-4-left li:nth-child(4) .w{ margin-bottom: 0;}
.home-4-left li .w:hover img{ transform: scale(1.05);}
.home-4-left li .w img{ width: 100%; height: 162px; transition: 0.5s all;}
.home-4-left li .w .p1{ font-weight:bold; margin: 10px 0 5px;}
.home-4-right{  width: 49%; background: #fff; border-radius: 10px; overflow: hidden;}
.home-4-right a{ padding: 1.5em; display: block; border-bottom: 1px solid #eee;}
.home-4-right li:last-child a{ border: 0;}

.home-5-box{ padding-bottom: 70px;}
.home-5-box ul{ margin: 0 -15px;}
.home-5-box li{ float: left; width: 33.33%;}
.home-5-box li:nth-child(n+4) {
    margin-top: 30px;
}
.home-5-box li a{  background: #fff; border: 2px solid #fff; border-radius: 10px;
background-image: linear-gradient(-45deg,#FFEEEE,#FFFFFF,#FFFFFF); margin: 0 15px; padding: 1.5em;  box-shadow: 0 0 5px rgba(0,0,0,0.02);}
.home-5-box li:nth-child(2) a{ background-image: linear-gradient(-45deg,#FFF7EE,#FFFFFF,#FFFFFF);}
.home-5-box li:nth-child(3) a{ background-image: linear-gradient(-45deg,#F2F9FC,#FFFFFF,#FFFFFF);}
.home-5-box .right img{ width: 100px; height: 100px; }
.home-5-box dt { background: url(../images/6.png) no-repeat; width: 81px; height: 81px; background-size: 100% 100%; position: relative; margin-right: 10px; transition: 0.5s all;}
.home-5-box dt img{ width: 38px; height: 38px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s all;}
.home-5-box li a:hover *{ color: #BB0100;}
.home-5-box li a:hover dt{ transform:rotateY(180deg);}
.home-5-box li a:hover dt img{ transform: translate(-50%,-50%) rotateY(-180deg);}

.m404{ text-align: center; }
.m404 img{ width: 1118px; height: 609px;}
.m404 .p1{ margin-top: -3em; margin-bottom: 2em; color: #666;}
.m404 .p2 a{ display: inline-block; line-height: 2.5; border-radius: 100px; background: #BB0100; width: 220px; color: #fff;}

.crumbs a,
.crumbs i{ opacity: 0.5; color: #000;}
.crumbs i{ margin: 0 5px; width: 1em; text-align: center;}
.crumbs a:hover{ opacity: 1;}

.help-box{ margin: 32px 0 100px; }
.help-box .t1{ padding: 0 10px; margin-bottom: 10px; font-weight: bold;}
.help-box .help-left .chilp-itme{ margin-bottom: 30px;}
.help-box .help-left{ background: #fff; border-radius: 10px; padding:20px 12px 30px; float: left; margin-right: 32px; width: 276px; }
.help-box .help-left li{ margin-bottom: 5px;}
.help-box .help-left li img{ width: 20px; height: 20px;}
.help-box .help-left li a{ line-height: 20px; display: block; padding: 10px 15px; border-left: 2px solid #fff;}
.help-box .help-left li.cur a{border-left: 2px solid #BB0100; background: #FDF5F5;}
.help-box .help-right{ overflow: hidden; min-height:665px ; background: #fff; border-radius: 10px; padding: 25px 50px;}

.right-tit-com .left span{  padding-left: 8px; position: relative; line-height: 1;}
.right-tit-com .left span::after{ content: ''; position: absolute; left: 0; width: 2px; height: 0.96em; top: 50%; transform: translateY(-45%); background: #BB0100; }
.right-tit-com { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}

.product-class{}
.product-class ul{ margin: 0 -10px 0;}
.product-class li{ float: left; width: 16.666%; }
.product-class li .w{ padding: 10px; background: #fff; border-radius: 5px; display: block;  margin: 0 10px 20px; box-shadow: 1px 1px 8px rgba(0,0,0,0.05);}
.product-class li .w img{ width: 100%; height: 110px; object-fit: contain; transition: 0.5s all;}
.product-class li .w:hover { box-shadow: 1px 1px 8px rgba(0,0,0,0.1); }
.product-class li .w:hover img{transform: scale(1.05);}
.product-class li .w p{ padding: 10px 0 0;}

.class-top { margin: 20px 0 40px; background: #fff; border-radius:10px; overflow: hidden;}
.class-top dt{ background: #BB0100; color: #fff; padding: 8px 40px;}
.class-top dd{ padding: 40px;}


.product-list-box{ margin: 32px 0 100px; }
.product-list-box .product-left{ background: #fff; border-radius: 10px; padding:0 12px 30px; float: left; margin-right: 32px; width: 276px; overflow: hidden;}
.product-list-box .product-right{ overflow: hidden; background: #fff; border-radius: 10px; padding: 25px 50px;}
.product-left .tit{ background: url(../images/tit-right.png) #BB0100 right center no-repeat; background-size:auto 90% ; margin: 0 -12px; padding: 10px 30px; color: #fff; opacity: 0.8;}
.product-left .item a{ display: block; padding: 10px 15px; border-left: 2px solid #fff;}
/* .product-left .item a:hover{border-left: 2px solid #BB0100; background: #FDF5F5;} */
.product-left .item a.act{border-left: 2px solid #BB0100; background: #FDF5F5;}
.product-left ul{ padding: 20px 0;}
.product-left dt{ padding: 10px; cursor: pointer;}
.product-left dt img{ width: 13px; height: 6px;}
.product-left dd{ display: none; padding-bottom: 20px;}
.product-left li.open dd{ display: block;}
.product-left li.open dt img{ transform: rotateX(180deg);}

.product-list ul{ margin: 0 -10px;}
.product-list li{ float: left; width: 33.33%;}
.product-list li .w{overflow: hidden; display: block; margin: 0 10px 20px; border: 1px solid #eee; border-radius: 10px;}
.product-list li .img{ overflow: hidden; position: relative; padding-top: 60%;}
.product-list li .img img{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; transition: 0.5s all; object-fit: cover;}
.product-list li .txt{ padding: 20px; min-height: 10em;}
.product-list li .txt .p2{ margin: 10px 0; display: none;}
.product-list li .txt .p3{ margin-top: 10px;}
.product-list li .txt .p4 { margin-top: 10px;}
.product-list li .txt .p4 span{ display: inline-block; border: 1px solid #BB0100; color: #BB0100; border-radius: 100px; padding: 5px 2em;}
.product-list li .w:hover .img img{  transform: scale(1.05);}
.product-list li .w:hover .p3{ color: #BB0100;}
.product-list li .w:hover .p4 span{  background: #BB0100; color: #fff;}

body .el-input-number{ width: 110px;}
body .el-checkbox__inner{ width: 16px; height: 16px;}
body .el-checkbox__inner:hover{ border-color: #BB0100 !important;}
body .el-checkbox__input.is-checked .el-checkbox__inner, 
body .el-checkbox__input.is-indeterminate .el-checkbox__inner{ background: #BB0100; border-color: #BB0100;}
body  .el-input-number .el-input__inner{ padding: 0;  line-height: 25px; height: 25px; border: 1px solid #ddd !important; display: block; border-radius: 2px;}
body  .el-input-number .el-input{ margin: 0 30px; width: auto;}
body  .el-input-number .el-input-number__decrease,
body  .el-input-number .el-input-number__increase{ top: 0; line-height: 23px; width: 23px; height: 23px; border: 1px solid #ddd; border-radius: 2px; background: #fff; font-weight: bold;}
body  .el-input-number__decrease:hover, 
body  .el-input-number__increase:hover{ color: #BB0100;}
body  .el-input-number i{ font-weight: bold !important;}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), 
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){ border-left: #BB0100;}
.product-table .table-body .td1{ line-height: 14px;}
.product-table .table-body .td1 img{ width: 14px; height: 14px;}

.pro_banner{ height: 600px; overflow: hidden; position: relative;}
.pro_banner .txt{ text-align: center; width: 600px; position: absolute; left: 50%; top: 5%; transform: translateX(-50%); z-index: 10;}
.pro_banner .img{position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.pro_banner .img img{ height: 600px; width: 1920px; object-fit: contain;}

.product-1{ padding: 35px; background: #fff;}
.product-1 .tab-head{ background: rgba(217, 217, 217, 0.1);}
.product-1 .tab-head a{ display: inline-block; padding:0.6em 2em;}
.product-1 .tab-head a.cur{ background: #BB0100; color: #fff; position: relative;}
.product-1 .tab-head a.cur::after{  content: ' '; position: absolute; width: 0; height: 0; border:10px solid rgba(0,0,0,0); border-top-color: #BB0100; top: 100%; left: 50%; transform: translateX(-50%) scaleX(0.7);}
.product-1 .tab-b { padding: 2em 0 1em; min-height: 15em;}
.product-1 .tab-b .tit{ padding: 1em 0 1em;}
.product-1 .tab-b .left{ margin-right: 4em;}
.product-1 .tab-b .right img{ width: 300px; height: 300px;}
.product-1 .tab-b .art {flex-wrap: wrap;}
.product-1 .tab-b .art .item {width: 50%;box-sizing: border-box;}
.product-1 .tab-b .art .item:nth-child(2) {padding-left: 1rem;}
.product-1 .tab-b .art .item:nth-child(3) {width: 100%;}

.product-2 { padding: 30px 0;}
.product-2 .box{ justify-content: space-between; font-weight: bold;}
.product-2 dt{ background: #fff; border-radius: 5px; padding: 10px; margin-right: 6px;}
.product-2 dt img{ width: 28px; height: 28px;}
.product-2 dd{ min-width: 6em;}

.product-3{ background: #fff;  margin-bottom: 25px; padding: 30px;}
.product-3 .tit{ margin: 0 0 0 -44px; background: #BB0100; display: inline-block; line-height: 58px; position: relative;  color: #fff; padding: 0 2em 0 2.5em; min-width: 8em;}
.product-3 .tit::after{ content: ' '; position: absolute; left: 0; top: 100%; width: 0; height: 0; border:10px solid rgba(0,0,0,0); border-left-color: #981211; transform-origin: left top; transform: rotate(-45deg);}
.product-3 .tit::before{ content: ' '; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border:58px solid rgba(0,0,0,0); border-bottom-color: #BB0100; transform: scaleX(0.3); margin-right: -58px; }
.product-3 .art{ margin: 40px 0 50px;}
.product-3 .art .left{  width: 300px; margin-right: 5em;}
.product-3 .art .left img{ width: 300px; height: 300px;}


.product-3 .box-3-search input{ padding-left: 10px; border: 1px solid #F1F1F1; border-right: 0; width: 200px; height: 42px; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.product-3 .box-3-search button{ width: 90px; height: 44px; border: 0; color: #fff; background: #BB0100; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.product-table table{ width: 100%;}
.product-table{ border-left: 1px solid #B9B9B9; border-top: 1px solid #B9B9B9;}
.product-table td{ min-height: 38px; line-height: 38px; border-right: 1px solid #B9B9B9; border-bottom: 1px solid #B9B9B9; padding-left: 10px;}
.product-table .tr-child{border-right: 1px solid #B9B9B9; border-bottom: 1px solid #B9B9B9;}
.product-table .table-head{ background: #ebebeb; font-weight: bold;}
.product-table .px{ position: relative; cursor: pointer;}
.product-table .px::after,
.product-table .px::before{ content: ' '; right: 10px; top: 55%; position: absolute; border: 6px solid rgba(0,0,0,0);}
.product-table .px::after{ border-bottom-color: #868686; margin-top: -15px;}
.product-table .px::before{border-top-color: #868686;}
.product-table .px.down::before{border-top-color: #BB0100; }
.product-table .px.up::after{border-bottom-color: #BB0100; }
.product-table .tr-box .t1{ cursor: pointer;}
.product-table .tr-box .t1 img{ margin-right: 10px;}
.product-table .tr-box .t1.op img{ transform: rotateX(180deg);}
.box-3-tip { padding:1em 0;}
.product-table .t2{ width: 12%; }
.product-table .t3{ width: 4em; padding: 0; text-align: center;}
.product-table .t4{ width: 10%;}
.product-table .t5{ width: 10%;}
.product-table .t6{ width: 130px; }
.product-table .t7{ width: 10%; }
.product-table .bon{ background: #BB0100; color: #fff; border-radius: 5px; padding:0 1em ; line-height: 1.8; display: inline-block; min-width: 6em; text-align: center;}
.product-table .el-input-number{ margin: 0 auto; display: block;  position: relative; left: -5px;}
.product-table .bon:hover{ background: #981211;}

.product-4-box ul{ margin: 0 -15px;}
.product-4-box .product-4-list li{ float: left; width: 20%; }
.product-4-box li .w{ background: #fff; border-radius: 10px; box-shadow: 0px 2px 20px 0px rgba(30,88,142,0.1); overflow: hidden; margin: 0 15px 20px; padding: 24px; }
.product-4-box li .w .gw img{ width: 24px; height: 24px;}
.product-4-box li .w .img { margin: 10px 0 40px; overflow: hidden;}
.product-4-box li .w .img img{ width: 100%; height: 140px; object-fit: contain; transition: 0.5s all;}
.product-4-box li .w .img:hover img{ transform: scale(1.1);}
.product-4-box li .w .t1{ min-height: 5em;}
.product-4-box li .bon a{ padding: 5px 0.5em; border: 1px solid #BB0100; border-radius: 100px; color: #BB0100; display: block;}
.product-4-box li .bon a:hover{ background: #BB0100; color: #fff;}

.product-table .tr-child{ padding: 40px 40px 80px;}
.product-table .toptxt{ margin-bottom: 2em;}
.tr-child-left{ width: 218px; margin-right:35px ; position: relative;}
.tr-child-left img{ width: 100%; height: 218px;}
.tr-child .toptxt .a{ display: inline-block; padding: 2px 10px; border-radius: 3px; border: 1px solid #BB0100; color: #BB0100; }
.tr-child .toptxt .a:hover{ background: #BB0100; color: #fff;}
.tr-child-left .swiper-pagination{ left: 0; right: 0; bottom: -30px; text-align: center;}
.tr-child-right li{ float: left; width: 50%; padding: 10px 0; box-sizing: border-box;}
.tr-child-right li:nth-child(2n){ border-left: 1px solid #ddd;}
.tr-child-right li:nth-child(4n-3),
.tr-child-right li:nth-child(4n-2){ background: #F6F7F9;}
.tr-child-right li .l{ padding: 0 3em; box-sizing: border-box; font-weight: bold;width: 50%; text-align: left;padding-left: 5em;}
.tr-child-right li .t{ box-sizing: border-box; text-align: left; width: 50%;}

.pages{ text-align: center; padding: 30px 0 60px;}
.pages .el-pager li{ background: none;}
.pages .el-pagination .btn-next,
.pages .el-pagination .btn-prev{ background: none;}
.pages .el-pager li.number{ margin: 0 5px; border-radius: 100px; border: 1px solid #DCDCDC; background: #fff; color: #000; padding: 0; line-height: 26px; min-height: 28px; min-width: 28px; font-weight: normal; font-size: 12px; text-align: center;}
.pages .el-pager li.active{ background: #BB0100; border-color: #BB0100; color: #fff;}

.college-class{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 35px 0;}
.college-class a{ margin-right: 40px; display: inline-block; padding: 0 0 20px; line-height: 40px; vertical-align: top;}
.college-class a.cur{ font-size: 1.2em; color: #BB0100; font-weight: bold; position:relative;}
.college-class a.cur::after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; background: #BB0100; height: 2px;}

.college-list ul{ margin: 0 -15px 0;}
.college-list li{ float: left; width: 50%;}
.college-list li .w{ display: block; margin: 0 15px 30px; padding: 24px; background: #fff; border-radius: 10px;}
.college-list li .left{ width: 289px; margin-right: 36px; overflow: hidden;}
.college-list li .left img{ width: 100%; height: 162px; transition: 0.5s all;}
.college-list li .p1{ padding-top: 0.5em;}
.college-list li .p2{ padding: 0.5em 0 1em; margin-bottom: 1em; border-bottom: 1px solid #eee;}
.college-list li .w:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.college-list li .w:hover *{ color: #BB0100;}
.college-list li .w:hover .left img{ transform: scale(1.05);}

.college-banner{  background: url(/images/clbg.png) no-repeat center top; background-size: auto 100%; height: 275px;}
.college-banner .cback { margin-top: 20px;}
.college-banner .cback img{ width: 28px; height: 28px;}
.college-banner .crumbs{ padding: 50px 0 35px;}
.college-banner .tit h2{ padding: 5px 0 10px; font-weight: bold;}

.college-box{ margin-top: 50px; padding-bottom: 100px;}
.college-left{ float: left; width: 69.444%; background: #fff; border-radius: 10px;}
.college-left .box{ padding: 30px 50px;}
.college-left .p1 { border-bottom: 1px solid #EDEDED; padding-bottom: 10px; margin-bottom: 30px;}
.college-left .p1 img{ width: 23px; height: 23px; margin-right: 5px;}
.college-left .p3{ padding: 20px 0; border-top: 1px solid #EDEDED; margin-top: 30px;}
.college-right{ float: right; width: 26%; background: #fff;  border-radius: 10px;}
.college-right .box{ padding: 25px 35px;}
.college-right ul img{ width: 100%; height: 170px;}
.college-right .tit{ position: relative; padding-left: 10px;}
.college-right .tit::after{ content: ' '; left: 0; top: 50%; height: 1em; width: 3px; transform: translateY(-50%); background: #BB0100; position: absolute;}
.college-right dt{ margin: 1em 0;}
.college-right dd h5{ border-bottom: 1px solid #eee; padding: 0.5em 0;}
.college-right dd p{ margin: 0.5em 0;}

.login-bg{ background: url(/images/bg.jpg) no-repeat; background-size: cover; min-height: calc(100vh - 238px);}
.login-box{ width: 550px; min-height: 450px; background: #fff; border-radius: 10px; margin: 70px 0;}
.login-box .box{ padding:40px 60px;}
.login-box .tab-head{ margin-bottom: 40px;}
.login-box .tab-head span{ padding-bottom: 10px; margin-right: 40px; color: #A3A3A3; cursor: pointer; border-bottom: 2px solid #fff;}
.login-box .tab-head span.cur{ font-size: 1.2em; color: #BB0100; border-bottom: 2px solid #BB0100;}

.login-box .el-input-group__append, 
.login-box .el-input-group__prepend{ background: none; border: 0; position: absolute; width: auto; padding: 0; }
.login-box .el-input-group__prepend{ top: 50%; left: 10px; margin-top: -9px;}
.login-box .icon{  top: 50%; left: 10px; margin-top: -9px; width: 18px; height: 18px; position: absolute; z-index: 2;}
.login-box .el-select{ width: 100%;}
.login-box .el-input-group__prepend img{ width: 18px; height: 18px;}
.login-box .el-input-group__append{ right: 5px; top: 50%; transform: translateY(-50%);}
.login-box .el-input-group__append .bon1{ border-radius: 100px; padding: 7px 1em;  background: #BB0100; color: #fff; border: 0; margin: 0;}
.login-box .el-input{ font-size: 1.6rem;}
.login-box .el-input__inner{  padding-left: 35px; line-height: 48px; height: 48px;}
.login-box .el-form-item__error{ padding-top: 2px;}
.login-box .wjtxt{ margin-top: -0.5em;}
.login-box .bon{ margin-top: 1.5em;}
.login-box .el-form-item__content{ font-size: inherit;}

.login-box .bon .el-button{ height: 50px;  border: 0; background: #BB0100; width: 100%; border-radius: 100px; font-size: 1.8rem;}
.login-box .bon .el-button:focus, 
.login-box .bon .el-button:hover{ background: #BB0100;}
.other-box{ border-top: 1px solid #eee; padding:2em 1em;}
.other-box img{ height: 28px; width: 28px; margin-left: 1em;}

body .el-button--primary{ background: #BB0100; border-color: #BB0100;}
body .el-button--primary:focus, 
body .el-button--primary:hover{ background: #BB0100; border-color: #BB0100;}
body .el-button--primary.is-active,
body .el-button--primary:active{ background: #BB0100; border-color: #BB0100;}


.com-dialog .el-dialog{  border-radius: 20px; overflow: hidden;  margin: 0 auto;}
.com-dialog .el-dialog__body{ padding: 30px 5px 20px;}
.com-dialog .el-dialog__headerbtn{  background: url(/images/close.png) no-repeat; width: 48px; height: 48px; background-size: 100% 100%; top: 15px; right: 20px; transition: 0.5s all;}
.com-dialog .el-dialog__headerbtn:hover{ transform: rotate(180deg);}
.com-dialog .el-dialog__headerbtn i{ opacity: 0;}

.xeiyi-dialog .el-dialog{ height: 80vh; border-radius: 20px; margin-top: 10vh !important; margin: 0 auto;}
.xeiyi-dialog .el-dialog__body{ padding: 30px 5px 20px;}
.xeiyi-dialog .el-dialog__headerbtn{  background: url(/images/close.png) no-repeat; width: 48px; height: 48px; background-size: 100% 100%; top: 15px; right: 20px; transition: 0.5s all;}
.xeiyi-dialog .el-dialog__headerbtn:hover{ transform: rotate(180deg);}
.xeiyi-dialog .el-dialog__headerbtn i{ opacity: 0;}
.xieyi-box{ height: calc(80vh - 180px); overflow-y: auto; padding: 0 30px; margin-top: 10px;}
/* .dialog-footer{ text-align: center; display: block;} */
/* .dialog-footer .el-button--primary{ width: 420px; border-radius: 100px;} */

.wish-cbody{ padding:20px 80px 60px;}
.wish-cbody li{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.wish-cbody li span{ width: 4em; color: #666;}
.wish-cbody li p{ color: #333;}

.xieyi-box::-webkit-scrollbar {
width:8px;
}
.xieyi-box::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
.xieyi-box::-webkit-scrollbar-thumb {
border-radius:10px;
background:#BB0100;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.xieyi-box::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}
.login-reg-box .el-form-item{  margin-bottom: 15px;}
.login-box.login-reg-box .el-form-item__error{ padding-top: 1px;}

.shopcart-box{ margin: 30px 0 100px; background: #fff; border-radius: 10px; padding:30px 50px;}
.shopcart-table table{ width: 100%;}
.shopcart-table table thead td{ background: #FAFAFA; border-color: #FAFAFA; border-bottom-color:#E8E8E8 ;}
.shopcart-table table td{ border: 1px solid #E8E8E8; padding: 10px;}
.shopcart-table img{ width: 88px; height: 4em;    object-fit: cover;}

.jindu{ background: #EAEAEA;}
.jindu .item{ flex: 1; line-height: 55px; text-align: center; position: relative;}
.jindu .item.over{ background: #BB0100; color: #fff;}
.jindu .item.over .r::after{border-left-color: #BB0100;}
.jindu .item .r{ width: 20px;  background: #fff; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2;}
.jindu .item .r::after{content: ' '; position: absolute; left: 0; top: 50%; width: 0; height: 0; border:20px solid rgba(0,0,0,0); border-left-color: #EAEAEA; transform: translateY(-50%) scaleY(1.375);}
.jindu .item .r::before{content: ' '; position: absolute; left: 100%; top: 50%; width: 0; height: 0; border:20px solid rgba(0,0,0,0); border-left-color: #fff; transform: translateY(-50%) scaleY(1.375);}
.jindu .item:last-child .r{ display: none;}

.shopcart-address{ border: 1px solid #D9D9D9; margin: 28px 0; padding:30px 40px;}
.shopcart-address .left li{ padding: 3px 0;}
.shopcart-address .left li p:first-child{ width: 8em; text-align: right; color: #999;}

.shopcart-total{justify-content:flex-end;  padding-right: 46px; margin: 40px 0;}
.shopcart-total p{justify-content:flex-end; padding: 5px 0;}
.shopcart-total .s2{ width: 6em; text-align: right;}

.shopcart-bottom { background: #FAFAFA; padding: 30px 25px; margin-bottom: 40px;}
.shopcart-bottom .js{ width: 220px;  line-height: 50px; border-radius: 100px; color: #fff; background: #BB0100; text-align: center;}

.integral-top{ padding: 30px 0;}
.integral-top .box{ height: 186px; background: url(../images/jfbg.png) no-repeat; background-size: cover; border-radius: 10px; padding: 0 40px;}
.integral-top .box dt img{ width: 120px; height: 120px; border-radius: 50%;object-fit: cover;}
.integral-top .box .p1 img{ width: 20px; height: 20px; margin: 0 10px;}
.integral-top .right img{ width: 20px; height: 20px; margin-right: 10px;}
.integral-top .right a{ width: 220px; height: 52px; background: #BB0100; border-radius: 100px; color: #fff; justify-content: center;}
.integral-top .right a:hover{ background: #981211;}

.integral-term dl{ padding: 20px 20px 20px 50px; line-height: 30px; background: #fff; border-radius: 10px; margin-bottom: 12px;}
.integral-term dd a{ padding: 0 10px; display: inline-block; margin: 0 1%; min-width: 8.2%; text-align: center; }

.integral-list ul{ margin: 0 -10px 0; padding-top: 20px;}
.integral-list li{ float: left; width: 20%;}
.integral-list li .w{ padding: 20px; overflow: hidden; display: block; border-radius: 10px; background: #fff; margin: 0 10px 20px;}
.integral-list li .w .img{ text-align: center;}
.integral-list li .w img{ width: 100%; height: 232px; transition: 0.5s all;}
.integral-list li .p3{ margin: 10px 0;}
.integral-list li .w:hover{ box-shadow:0 0 8px rgba(0, 0, 0, 0.05); }
.integral-list li .w:hover img{ transform: scale(1.05); }
.integral-list li .w:hover *{ color: #BB0100;}

.integral-details{ padding: 52px 0; border-bottom: 1px solid #e5e5e5;}
.integral-details-2{ padding: 30px 0 50px;}

.integral-details-left{ float: left; width: 480px; margin-right: 66px;}

.integral-details-left .imglist{ border: 1px solid #eee; border-radius: 10px; height: 480px; overflow: hidden;}
.integral-banner1 img{ width: 100%; height: 480px;}
.integral-details-left .imglist2{ margin-top: 20px; height:90px; overflow: hidden; position: relative; padding: 0 20px;}
.integral-banner2 .swiper-slide{ width: 25%; text-align: center; cursor: pointer;}
.integral-banner2 img{ width: 88px; height: 88px; border: 1px solid #fff; border-radius: 5px; overflow: hidden;}
.integral-banner2 .swiper-slide.cur img{ border-color: #BB0100;}
.imglist2 .swiper-button-prev, 
.imglist2 .swiper-button-next{ color: #BB0100; transform: scale(0.7);}
.imglist2 .swiper-button-prev{left: -4px;} 
.imglist2 .swiper-button-next{right: -4px;}
.imglist2 .swiper-button-prev.dis, 
.imglist2 .swiper-button-next.dis{ color: #999; cursor: default;}

.integral-details-right{ overflow: hidden;}
.integral-details-right .p4 { line-height: 44px;}
.integral-details-right .p4 dt{ margin-right: 2em;}
.integral-details-right .p4 dd a{ display: inline-block; padding: 0 1em; min-width: 12%; text-align: center; margin-right: 1em; border: 1px solid #ddd; border-radius: 2px; margin-bottom: 1em; }
.integral-details-right .p4 dd a.cur{ border-color: #BB0100;}

.list-page {text-align: center;padding-top: 20px;}
.list-page .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #BB0100;
}
.list-page .el-pagination.is-background .el-pager li:not(.disabled):hover {
    background-color: #BB0100;
    color: #fff;
}

body .integral-details-right .el-input-number .el-input{margin: 0 50px; width: 88px; font-size: 1.8rem;}
body .integral-details-right .el-input-number{ width: auto;}
body .integral-details-right .el-input-number .el-input-number__decrease, 
body .integral-details-right .el-input-number .el-input-number__increase{ line-height: 42px; width: 42px; height: 42px; background: none;}
body .integral-details-right .el-input-number .el-input__inner{ line-height: 44px; height: 44px; background: none; }
.integral-details-right .p5 { }
.integral-details-right .p5 a{ width: 220px; border-radius: 100px; background: #BB0100; margin-right: 20px; height: 50px; justify-content: center; text-align: center; color: #fff;}
.integral-details-right .p5 a:hover{ background: #981211;}
.integral-details-right .p5 a img{ width: 20px; height: 20px; margin-right: 10px;}

.coupon-list ul{ margin: 0 -16px; padding-bottom: 50px;}
.coupon-list li{ float: left; width: 33.33%;}
.coupon-list li .w{ margin: 0 16px 55px; background: linear-gradient(324deg, #F7F1E9 0%, #FFFFFF 100%);
 border: 1px solid #EFEBE5; border-radius: 10px; padding: 20px; position: relative; cursor:pointer;}
 .coupon-list li .w .y-left,
 .coupon-list li .w .y-right{ position: absolute; left: -1px; top: 50%; margin-top: -10px; overflow: hidden; width: 10px; height: 20px;}
 .coupon-list li .w .y-right{ right: -1px; left: auto;}
 .coupon-list li .w .y-left::before,
 .coupon-list li .w .y-right::before{ content: ''; position: absolute; width: 18px; height: 18px; border-radius: 100%; border:1px solid #EFEBE5; right: 0; top: 0; background: #F6F7F9;}
 .coupon-list li .w .y-right::before{ left: 0; right: auto;}
.coupon-list li .f-80{ font-size: 7.8rem; line-height: 1.1;}
.coupon-list li .tit{ position: absolute; left: 0; top: -0.9em; border-top-left-radius: 10px; border-bottom-right-radius: 10px; background: linear-gradient(105deg, #F3D7AF 0%, #FFF0D7 57%, #EFD5B0 100%); line-height: 1.8; font-weight: bold; padding: 0 1.5em; color: #684A2E;}
.coupon-list li .box{ color: #A69175;} 
.coupon-list li dl{ height: 110px; line-height: 1.3;}
.coupon-list li dt{ width: 45%; text-align: center; margin-right: 5%; position: relative;}
.coupon-list li dt::after{ content: ''; position: absolute; right: 0; height: 100%; top: 50%; border-right: 1px dashed #A69175; transform: translateY(-50%); opacity: 0.8;} 
.coupon-list li dd{ width: 1px;}
.coupon-list li dd .p2{ margin-bottom: 10px;}
.coupon-list li dd .p3 span{ display: block; border-radius: 20px; background: #E3615F; color: #fff; text-align: center; margin-right: 2em; line-height: 1.8;} 
.coupon-list li.type3 dt::after{ display: none;}
.coupon-list li dd .p3 span.bon2{ background: #ccc;}
.coupon-list li .w.dis{ cursor:default;}

.seckill-list{ padding: 0 0 60px;}
.seckill-list ul{ margin: 0 -15px 0;}
.seckill-list li{ float: left; width: 25%;}
.seckill-list li .w{ background: #fff; margin: 0 15px 30px; border-radius: 10px; padding: 10px;}
.seckill-list li .w .img{ text-align: center;}
.seckill-list li .w:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.seckill-list li .w:hover .img img{ transform: scale(1.05);}
.seckill-list li .img img{ width: 195px; height: 195px; transition: 0.5s all;}
.seckill-list li .txt{ padding: 10px;}
.seckill-list li .p3 { border-top: 1px solid #eee; padding: 10px 0; margin-top: 10px;}
.seckill-list li .p3 .f2{ position: relative; 
    /* margin-right: 2em; */
}
.seckill-list li .p3 .f2::after{ content: ''; position: absolute; width: 100%; height: 2px; background: #999; top: 50%; left: 0; transform: rotate(15deg);}
.seckill-list li .p5{ margin-top: 15px; padding-bottom: 10px;}
.seckill-list li .p5 a{ display: block; width: 116px; text-align: center; line-height: 36px; color: #BB0100; border: 1px solid #BB0100; border-radius: 100px;}
.seckill-list li .p5 a:hover{ background: #BB0100; color: #fff;}
.sign-data { padding: 40px 50px; background: #fff;}
.sign-data .el-calendar__header{ border-bottom:none;}
.sign-data .txt1{ text-align: right; padding: 5px 5px 0; font-size: 1.6rem; }
.sign-data .img{ margin-top: -15px;}
.sign-data .img img{ width: 60px; height: 60px;}
.sign-data .el-calendar-table .el-calendar-day{ height: 100px;}
.sign-data .el-calendar-table td.is-selected{ background: none;}
.sign-data .bottom a{ width: 420px; line-height: 50px; border-radius: 100px; background: #BB0100; color: #fff; display: inline-block; }
.sign-data .bottom a:hover{ background: #981211; }
.sign-data .el-calendar__title{ font-size: 2.4rem;}
.sign-data .el-calendar-table thead th{ text-align: right; padding-right: 1em; font-weight: bold;}
.sign-top{ padding: 40px 80px 30px;}
.sign-top dt img{ border: 5px solid #fff; width: 124px; height: 124px; border-radius: 100%; overflow: hidden;}
.sign-bottom{ padding: 55px 85px 100px;}
.download-top2 a{ margin-right: 50px;}
.download-list{ margin-top: 40px;}

/* .download-list li{ float: left;  width: 25%; }
.download-list ul{ margin: 0 -15px;}
.download-list li .w{ margin: 0 15px 30px; background: #fff; padding:10px; border-radius: 5px; position: relative; overflow: hidden;}
.download-list li .w dl{  display: block;}
.download-list li .w dt{ margin: 0 auto;  margin-bottom: 10px; width: 50%;}
.download-list li .w dt .el-image{ width: 100%; padding-top: 100%; position: relative;}
.download-list li .w dt img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain;}
.download-list li .w .right{ opacity: 0.3; transition: 0.5s all;}
.download-list li .w::before{ content: ''; position: absolute; left: 50%; height: 2px; background: #BB0100; bottom: 0; width: 0; transition: 0.5s all; }
.download-list li .w:hover::before{ left: 0; width: 100%;}
.download-list li .w:hover .right{ opacity: 1;}
.download-list li .w .right img{ width: 40px; height: 40px;} */

.download-list li{ float: left;  width: 33.33%; }
.download-list ul{ margin: 0 -15px;}
.download-list li .w{ margin: 0 15px 30px; background: #fff; padding:30px 20px; border-radius: 5px; position: relative; overflow: hidden;}
.download-list li .w dl{ width: 1px;}
.download-list li .w dt{ border: 1px solid #ddd; margin-right: 10px;}
.download-list li .w dt img{ width: 72px; height: 72px;}

.download-tit{ border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px;}

body .el-radio__input.is-checked+.el-radio__label{ color: #BB0100;}
body .el-radio__input.is-checked .el-radio__inner{ border-color: #BB0100; background: #BB0100;}
.member-head{ padding: 3em 0 0;}
.member-head .m { text-align: center;}
.member-head .m .img{ border: 1px solid #ddd; padding:5px; border: 1px solid #ddd; border-radius: 100%;}
.member-head .m a{ display: inline-block; margin: 0 auto;}
.member-head .m img{ width: 110px; height: 110px;border-radius: 50%;object-fit: cover;}
.member-body{ padding: 0 5em; margin-top: 40px;}
.member-body .el-form-item__label{ width: 10em; text-align: right; font-size: 1.6rem;}
.member-body .el-form-item__content{ flex: 1;}
.member-body .el-select{ width: 100%;}
.member-body .el-date-editor.el-input,
.member-body .el-date-editor.el-input__inner{ width: 100%;}

.member-body .bon{ padding:50px 0; text-align: center;}
.member-body .el-button--primary{ width: 220px; border-radius: 100px;}
.member-body .el-cascader{ width: 100%;}
.member-body .el-button{ height: 50px; font-size: 1.8rem;}
.member-body .el-button:hover{ background: #981211;}
.member-body .el-input{ font-size: 1.6rem;}

.notice-tit a{ border-radius: 2px; display: inline-block; padding: 5px 1em; color: #bbb; border: 1px solid #bbb; margin-right: 10px;}
.notice-tit a:hover{ color: #BB0100; border-color: #BB0100;}

.notice-list li{ margin-top: 34px; border-top: 1px solid #e5e5e5; padding-top: 20px;}
.notice-list li .left{ position: relative; padding-left: 15px;}
.notice-list li .left::after{ width: 8px; height: 8px; border-radius: 100%; content: ''; left: 0; top:0.5em;  background: #BB0100;  position: absolute;}
.notice-list li .read .left{ padding-left: 0;}
.notice-list li .read .left::after{ display: none;}
.notice-list li dt img{ width: 118px; height: 118px; border: 1px solid #ddd;}

.search-over dt img{ width: 18px; height: 18px;}

.search-class ul{ margin: 0 -15px ;}
.search-class li{ float: left; width: 25%;}
.search-class li .w{ display: block; padding: 20px; background: #fff; border-radius: 10px; margin: 0 15px 30px;}
.search-class li .w:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);}

.shoporder-1 {background: #fff;  border-radius: 10px;}
.shoporder-1 .left{ border-right: 1px solid #e5e5e5;  padding: 40px;}
.shoporder-1 .right{  padding: 40px;}
.shoporder-1 .type2 p{
    line-height: 22px;
}
.shoporder-prod li{ padding: 12px 0;}
.shoporder-prod li dl dt img{ width: 40px; height: 40px; border: 1px solid #e5e5e5;}
.shoporder-2{background: #fff;  border-radius: 10px; margin-top: 10px; padding: 40px;}

.shoporder-2 .coupon-list ul{ margin: 0 -10px; padding-bottom: 0;}
.shoporder-2 .coupon-list li{ width: 25%;}
.shoporder-2 .coupon-list li .w{ margin: 0 10px 20px; padding: 10px; opacity: 0.8;}
.shoporder-2 .coupon-list li dl{ height: 80px;}
.shoporder-2 .coupon-list li dt .p2{ white-space:nowrap; transform: scale(0.7);}
.shoporder-2 .coupon-list li .w .y-left::before, 
.shoporder-2 .coupon-list li .w .y-right::before{ background: #fff;}
.shoporder-2 .coupon-list li .w.ck{ border-color: #BB0100; opacity: 1;}
.shoporder-2 .coupon-list li .w.ck .y-left::before, 
.shoporder-2 .coupon-list li .w.ck .y-right::before{border-color: #BB0100;}
.shoporder-2 .coupon-list li .w.ck .tit{ background: #BB0100; color: #fff;}


.mycoupon .coupon-list ul{ margin: 0 -20px; padding-bottom: 0;}
.mycoupon .coupon-list li .w{ margin: 0 20px 50px; padding: 10px; }
.mycoupon .coupon-list li dl{ height: 80px;}
.mycoupon .coupon-list li dt .p2{ white-space:nowrap; transform: scale(0.7);}
.mycoupon .coupon-list li .w .y-left::before, 
.mycoupon .coupon-list li .w .y-right::before{ background: #fff;}
.mycoupon .coupon-list li .w.ck{ border-color: #BB0100; opacity: 1;}
.mycoupon .coupon-list li .w.ck .y-left::before, 
.mycoupon .coupon-list li .w.ck .y-right::before{border-color: #BB0100;}
.mycoupon .coupon-list li .w.ck .tit{ background: #BB0100; color: #fff;}


.fapiao-inp .tap .flex1 a{ display: inline-block; padding: 5px 10px; border: 1px solid #ddd; margin: 0 15px 15px 0;}
.fapiao-inp .tap .flex1 a.cur{ border-color: #BB0100; color: #BB0100; }
.fapiao-inp .el-select{ width: 100%;}
.beizhu .el-textarea{ width: calc(50% - 68px);}
.jine-shoporder{ padding: 20px;}
.jine-shoporder p{ padding: 5px 0;}
.jine-shoporder .s1{ flex: 1; text-align: right;}
.jine-shoporder .s2{ width: 6em; text-align: right;}

.shoporder-yingfu{ background: #FAFAFA; padding:15px 20px;}
.shoporder-bon{ padding: 20px 15px;}
.shoporder-bon a{ display: inline-block; line-height: 52px; width: 220px; text-align: center; color: #fff; background: #BB0100; border-radius: 100px;}
.shoporder-bon a:hover{ background: #981211;}

.shoppay-bottom{ border-top: 1px solid #ddd; margin-top: 20px; padding: 20px 0 50px;}
.shoppay-bottom .p{ margin-bottom: 30px;}
.shoppay-bon a{ display: inline-block; line-height: 52px; width: 220px; text-align: center; color: #fff; background: #BB0100; border-radius: 100px;}
.shoppay-bon a:hover{ background: #981211;}

.shoppay-tab{ margin-bottom: 40px;}
.shoppay-tab a{ justify-content: center; height:60px; width: 200px; border: 1px solid #D9D9D9; border-left: 0; line-height: 24px; position: relative;}
.shoppay-tab a img{ width: 24px; height: 24px; margin-right: 10px;}
.shoppay-tab a:first-child{ border-left: 1px solid #D9D9D9;}
.shoppay-tab a.cur::before{ content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 1px solid #BB0100;}
.shoppay-tab a.cur::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border: 7px solid rgba(0,0,0,0); border-left-color: #BB0100; margin:0 -7px -7px 0; transform: rotate(45deg);}

.xianxia{ padding: 40px; margin: 30px 0; background-image: linear-gradient(to bottom,#F6F7F9,rgba(255,255,255,0)); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); width: 920px;}
.xianxia .right { margin-left: 50px; padding-left: 50px; border-left: 1px solid #ddd;}
.xianxia .right a{ padding: 5px 10px; border: 1px solid #e5e5e5;}
.xianxia .right a:hover{ border-color: #BB0100;}

.qrcodepay { width: 300px;}
.qrcodepay .code{ margin: 20px 0;}
.qrcodepay img{ padding: 10px; border: 1px solid #ddd;}

.myaddres-list ul {height: 430px;overflow-y: scroll;padding-right: 20px;}
.myaddres-list ul::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    /* background-color: red; */
  }
.myaddres-list li{ margin-bottom: 30px; border: 1px solid #D9D9D9; border-radius: 10px; padding: 20px; position: relative;}
.myaddres-list li .del{ position: absolute; right: 20px; top: 20px;}
.myaddres-list li .del img{ width: 25px; height: 25px; }
.myaddres-list li .del:hover img{ transform: rotate(180deg); transition: 0.5s all;}
.myaddres-list li p{ padding-top: 10px;}
.myaddres-list li .s1{ width: 5em; text-align: right; color: #666;}
.myaddres-list li .moren{ position: relative; padding: 5px 20px; color: #BB0100;}
.myaddres-list li.act {border: 1px solid #bb0100;}
.myaddres-list li .moren::before{ content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 1px solid #BB0100;}
.myaddres-list li .moren::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border: 5px solid rgba(0,0,0,0); border-left-color: #BB0100; margin:0 -5px -5px 0; transform: rotate(45deg);}

.myaddres-list div.pad-20 a:first-child {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    color: #4a4a4a;
}

.shoporder-1 .type{ padding: 10px 0;}
.shoporder-1 .type a{ position: relative; margin-right: 10px; padding: 5px 20px; color: #666; border: 1px solid #D9D9D9;}
.shoporder-1 .type a.cur{ color: #BB0100;}
.shoporder-1 .type a.cur::before{ content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 1px solid #BB0100;}
.shoporder-1 .type a.cur::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border: 5px solid rgba(0,0,0,0); border-left-color: #BB0100; margin:0 -5px -5px 0; transform: rotate(45deg);}
.shoporder-1 .type2 dl{ position: relative;}
.shoporder-1 .type2 dt{ position: absolute; right: 0;  top: 0; padding: 2px 10px; background: #a6a6a6; color: #fff;}

.myintegral-list li{ padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.myintegral-list li .p3{ min-width: 4em;}

.myorder-tap a{ padding: 8px 0; display: block; margin-right: 60px; position: relative; }
.myorder-tap a .n{ position: absolute; min-height: 1.5em; min-width: 1.3em; padding: 0 0.1em; text-align: center; line-height: 1.5em; color: #fff; background: #BB0100; border-radius: 100px; font-size: 0.7em; right: -1.5em; top: 0.5em;}
.myorder-tap a.cur{color: #BB0100;}
.myorder-tap a.cur::before{ content: ' '; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background: #BB0100; }

.myorder-head { background: #FAFAFA; border-bottom: 1px solid #E8E8E8; margin:20px 0 20px ;}
.myorder-head table{ width: 100%;}
.myorder-head td{ padding:10px;}
.myorder-body table { width: 100%;}
.myorder-body table td{ border: 1px solid#E8E8E8; padding: 0 20px 0;}
.myorder-body table dl{ margin-bottom:20px; }
.myorder-body table dl:first-child{ margin-top: 20px;}
.myorder-body li{ margin-bottom: 30px;}
.order-bon{ padding: 5px 10px; border-radius: 3px; color: #fff; background: #BB0100; border: 1px solid #BB0100;}
.order-bon:hover{ color: #fff; background-color: #981211;}
.order-bon2{ padding: 5px 10px; border-radius: 3px; color: #BB0100; border: 1px solid #BB0100;}
.order-bon2:hover{ color: #fff; background-color: #BB0100;}

.coms-bon{ display: inline-block; padding: 5px 2em; border-radius: 100px; color: #fff; background: #BB0100;}
.coms-bon:hover{ color: #fff; background-color: #981211;}
.coms-bon2{display: inline-block; padding: 5px 2em; border-radius: 100px; color: #BB0100; border: 1px solid #BB0100;}
.coms-bon2:hover{ color: #fff; background-color: #BB0100;}

.equity-list ul{ margin: 0 -17px 0;}
.equity-list li{ float: left; width: 50%; margin-bottom: 10px;}
.equity-list li .w{ margin: 0 17px 10px;}
.equity-list li .w img{ width: 100%; height: 180px;}
.equity-list li .w p{ margin-top: 10px; color: #666;}

.wallet-list li{ border: 1px solid #fff; border-bottom-color: #eee; margin-bottom: 10px; }
.wallet-list li dt p{ padding: 10px 0 10px 20px;}
.wallet-list li.open{ border-left-color: #eee; border-right-color: #eee; border-top-color: #eee;}
.wallet-list li dd{ border-top: 1px solid #eee; padding: 20px;}
.wallet-list li dd>div{ display: inline-block; min-width: 48%;}
.wallet-list li dd>div p{ display: inline-block;}

.wish-list li{ padding: 15px 0; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.wish-list li .w .p1{ width: 20%;}
.wish-list li .w .p2{ width: 20%;}
.wish-list li .w .p3{ flex: 1;}
.wish-list li .w .p4{ width: 20%; text-align: right;}

.bidui-box{ background: #fff; border: 3px solid #666; position: fixed; right: 10px; top: 50%; transform: translateY(-50%); padding: 10px; border-radius: 2px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); z-index: 100;}
.bidui-box ul{ max-height: 80vh; overflow: auto; margin-bottom: 10px;}
.bidui-box li{ width: 220px; margin-bottom: 20px; position: relative; padding-top: 16px;}
.bidui-box li .close{ position: absolute; right: 0; top: 0; z-index: 2;}
.bidui-box li .close img{ width: 16px; height: 16px;}
.bidui-box li dd{ flex: 1; width: 1px;}
.bidui-box dl img{ width: 70px; height: 70px;}
.bidui-box .bon{ justify-content: space-between;}

.compar{ margin:36px 0 0;}
.compar .top{ background: #BB0100; border-top-left-radius: 10px; padding: 15px; border-top-right-radius: 10px;}
.compar .top .left input{
    /* padding-left: 10px; */
    /* border: 1px solid #F1F1F1; */
    /* border-right: 0;  */
    /* width: 400px;  */
    /* height: 42px; border-bottom-left-radius: 4px; */
    
    border-radius: 0;
    color: #fff; 
    
    /* background: #BB0100; */
}
.compar .top .left .el-input__inner {
    background: #BB0100; 
    height: 44px;
    border-right: 0; 
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.compar .top .left input::placeholder{ color: #f0f0f0;}
.compar .top .left button{ width: 90px; height: 44px; border: 0; color: #333; background: #fff; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.compar .top .right a{height: 44px; line-height: 44px; width: auto; padding:0 1em; text-align: center; display: block; border-radius: 3px; color: #000; background: #fff;}
.compar .top .right a:hover{ background: #fafafa;}
.compar .box { overflow-x:auto; border: 1px solid #e5e5e5; padding: 0; padding-bottom: 10px;}
.compar .box ul{ min-width: 100%;}
.compar .box li{ flex-wrap: nowrap;}
.compar .box li:nth-child(2n){ background: #edeeef;}
.compar .box .td{ width: 180px; padding: 15px; border-right: 1px solid #e5e5e5;}
.compar .box .p1{ width: 150px;}
.compar .box::-webkit-scrollbar{ height: 4px;}
.compar .box dt{ text-align: center; }
.compar .box dt img{ width:171px; height: 117px; object-fit:cover;}
.compar .box .bon{padding-bottom: 40px;}
.compar .box .bon a{ padding:1px 5px ; margin-right: 10px;}

body .el-checkbox__input.is-checked+.el-checkbox__label{ color: #000;}


.recharge-search input{ padding-left: 10px; border: 1px solid #E8E8E8; border-right: 0; width: 400px; height: 42px; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.recharge-search button{ width: 90px; height: 44px; border: 0; color: #fff; background: #BB0100; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.chongzhi-box{ width: 90%;}
.chongzhi-box .shoppay-tab{ display: flex; margin: 0;}
.chongzhi-box .shoppay-tab a{ flex: 1; width: auto;}
.chongzhi-box .shoppay-body{ padding: 40px ; border: 1px solid #D9D9D9; border-top: 0;}
.chongzhi-box .xianxia{ width: auto; padding:40px 20px;}

.postsale-list table{ width: 100%;}
.postsale-list td{ border: 1px solid #e5e5e5; padding: 10px;}

.postsale-box{ background: #fff; margin: 20px 0 100px; border-radius: 10px; padding: 40px;}
.postsale-box .bk-1 .left img{ width: 69px; height: 69px;}
.postsale-box .bk-1 { margin-bottom: 40px;}
body .el-step__title{ font-size: 1.4rem;}
body .el-step__icon-inner{font-weight: normal;}
body .el-step__line,
body .el-step__icon.is-text{ background: #EFEEF1;}
body .el-step__head.is-process,
body .el-step__head.is-wait{ color: #333; border-color: #EFEEF1;}
body .el-step__head.is-finish{ color: #fff; border-color: #BB0100;}
body .el-step__title.is-process,
body .el-step__title.is-wait{ color: #707070;font-weight: normal;}
body .el-step__title.is-finish{ color: #BB0100;}
body .is-finish .el-step__icon.is-text{ background: #BB0100;}

.postsale-txt .item{ padding: 5px 0;}
.postsale-txt .t{ width: 5em; color: #666; text-align: right;}
.postsale-box .el-select{ width: 100%;}
.postsale-address{ padding: 1em 2em; margin-top: 35px; border: 1px solid #E8E8E8;}
.postsale-address_cur{ border-color: #BB0100;}
.postsale-address .coms-bon{ background: #EFEEF1; color: #333;}
.postsale-address_cur .coms-bon{ background: #BB0100; color: #fff;}

.postsale_img_list p{ display: inline-block; width: 150px; border: 1px solid #eee; margin-right: 10px; background: #fff; cursor: pointer; }
.postsale_img_list p img{ object-fit: contain;}

.postsale_tit span{  padding-left: 8px; position: relative; line-height: 1;}
.postsale_tit span::after{ content: ''; position: absolute; left: 0; width: 2px; height: 0.96em; top: 50%; transform: translateY(-45%); background: #BB0100; }

.postsaly_typs_st{ margin: 0 -10px 40px;}
.postsaly_typs_st .item{ float: left; width: 50%;}
.postsaly_typs_st .item dl{ cursor: pointer; margin: 0 10px; border: 1px solid #D9D9D9; border-radius: 3px; padding:2em 10% ;}
.postsaly_typs_st .item.cur dl{ border-color: #BB0100;}

.postsale-input .r{ margin-left: -1em; text-align: center; width: 1em; display: inline-block;}
.postsale-input .avatar-uploader .el-upload{ border: 1px solid #D9D9D9; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center;}
.xuyuan-dialog .el-dialog{ height: 480px; overflow: hidden; margin-top: 45vh !important; transform: translateY(-50%);}
.com-dialog .el-dialog__header,
.xuyuan-dialog .el-dialog__header{ padding: 27px 0; text-align: center; background: #F3F3F3;;}
.xuyuan-dialog .demo-ruleForm{ width: 70%; margin: 0 auto;}


.com-bon-right{ z-index: 10; position:fixed; right: 10px; top: 50%; transform: translateY(-50%);}
.com-bon-right li{ margin-bottom: 5px; position: relative;}
.com-bon-right li em{ position: absolute; background:#BB0100; border-radius: 100%; width: 10px; height: 10px; right: 10px; top: 10px; pointer-events: none;}
.com-bon-right a{ background: #999; display: block; border-radius: 5px; padding: 12px; }
.com-bon-right .child{ position: absolute; left: -10px; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.4s all; visibility: hidden;}
.com-bon-right .child .box{ width: 170px; padding: 5px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.com-bon-right li:hover .child { left: 0; opacity: 1; visibility:visible;}
.com-bon-right .child .box img{ width: 100%; }
.com-bon-right li:hover a{ background: #BB0100;}
.com-bon-right a img{width: 30px; height: 30px;}

.contact-list{ overflow: hidden; margin: 0 -10px;}
.contact-list li{ float: left; width: 50%;}
.contact-list li dl{ margin: 0 10px 20px; padding: 10% 5%; text-align: center; border: 1px solid #eee; border-radius: 10px;}
.contact-list li dt .img{ margin: 0 auto; background: #BB0100; padding: 15px; border:5px solid #f8e6e6; border-radius: 100%; display: block;  width: 40px; height: 40px;}
.contact-list li dt .img img{ width: 40px; height: 40px;}
.contact-list li dd{ color: #333; font-size: 16px;}
.contact-list li .cont1 { font-size: 1.5em; position: relative; margin: 10px 0 20px;}
.contact-list li .cont1::before{ content: ''; position: absolute; background: #BB0100; width: 1.5em; bottom: -10px; left: 50%; transform: translateX(-50%); height: 1px;}
.contact-list li .cont2 { line-height: 1.8; min-height: 14em;}
.about-box .item:first-child .title h2{ margin-top: 0;}
.about-box{ color: #666; line-height: 1.8;}
.about-box img{ max-width: 100%; height: auto;}
.about-box .title h2{ font-size: 24px; color: #BB0100; font-weight: bold; margin: 40px 0 10px;}
.about-box .text-1 img{ width:300px; height: auto;}
.about-box .text-1 .left{ padding-right: 5%;}
.about-box .item-box { padding: 2% 0;}
.about-box .item-box .swiper-button-next{right: -0px;} 
.about-box .item-box .swiper-button-prev{left: -0px;}
.about-box .item-box .swiper-button-next, 
.about-box .item-box .swiper-button-prev{ color: #BB0100; }
.about-box .item-box .swiper-button-next:after,
.about-box .item-box .swiper-button-prev:after{ font-size: 22px;}
.about-box .item-box.text-2{ padding:2% 30px; position: relative;}
.about-box .item-box.text-2::after{ content: ''; position: absolute; left: 20px; right: 20px; top:50%;  height: 1px; background: #ddd;}
.about-box .item-box.text-2 dl{ display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start;  width: 100%;  height: 260px; margin-top: 180px;}
.about-box .item-box.text-2 .swiper-slide:nth-child(2n-1) dl{ flex-direction: column-reverse; margin-top: 0; }
.about-box .item-box.text-2 .swiper-slide:nth-child(2n-1) dl dd img{ transform: rotateX(180deg);}
.about-box .item-box.text-2 dt{background: #BB0100; padding: 15px; border:5px solid #f8e6e6; border-radius: 100%; display: block;  width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-weight: bold; font-size: 16px; }
.about-box .item-box.text-2 dd{ position: relative; margin-left: 40px; height: 180px;  flex: 1; width: 85%; box-sizing: border-box; }
.about-box .item-box.text-2 dd img{ height: 100%; width: auto;}
.about-box .item-box.text-2 dd .p{ position: absolute; left: 0; top: 0; right: 0; padding:20px 20px 0 10px;  font-size: 12px; line-height: 1.4; }
.about-box .text-3-txt2{ border: 1px solid #BB0100; background: #BB0100; margin: 5% 0;}
.about-box .text-3-txt2 dt{  color: #fff; width: 40%; font-size: 16px; text-align: center;}
.about-box .text-3-txt2 dd{ padding: 2em; background: #fff;}

.about-box .text-5 { position: relative; padding: 50px 0 0;}
.about-box .text-5 ul{ margin: 0 -10px;}
.about-box .text-5 ul li{ width: 25%; text-align: center;}
.about-box .text-5 ul li dl{ border: 1px solid #ddd; margin: 0 10px; height: 100%;}
.about-box .text-5 dt{ margin-top: -40px;}
.about-box .text-5 dt .img{ margin: 0 auto; background: #BB0100; padding: 15px; border:5px solid #f8e6e6; border-radius: 100%; display: block;  width: 40px; height: 40px;}
.about-box .text-5 dt .img img{ width: 40px; height: 40px;}
.about-box .text-5 .cont1 { font-size: 1.5em; position: relative; margin: 10px 0 20px;}
.about-box .text-5 .cont1::before{ content: ''; position: absolute; background: #BB0100; width: 1.5em; bottom: -10px; left: 50%; transform: translateX(-50%); height: 1px;}
.about-box .text-5 dd .cont2{ padding: 0em 1em 2em;}

.about-box .text-6 { position: relative;}
.about-box .text-6 ul{ position: absolute; right: 2em; top: 50%; transform: translateY(-50%); background: #fff; padding: 2em;}
.about-box .text-6 ul li{ align-items: center; margin: 5px 0;}
.about-box .text-6 ul li img{ width: 17px; height: 17px; margin-right: 10px;}
.about-box .text-7 .flex1 a{ font-size: 16px; font-weight: bold; margin: 0 1em 0 0; display: inline-block; border-right: 1px solid #ddd; padding: 0 1em 0 0; line-height: 1;}
.about-box .text-7 .flex1 a:last-child{ border: 0;}
.about-box .text-7 .text-search{ border: 1px solid #BB0100;}
.about-box .text-7 input{ padding-left: 20px; border: 0; width: 210px; height: 32px; max-width: none !important;}
.about-box .text-7 button{ width: 70px; height: 34px; border: 0; color: #fff; background: #BB0100;}

@media only screen and (max-width: 1500px){
    .chongzhi-box{ width: 95%;}
    .equity-list li .w img{  height: 148px;}
    .wrap{ width: 1200px; margin: 0 auto;}
    .m-search .box .inp-box{width: 200px;}
    .m-search .box input{ width: 200px;}
    .foot-right .item{ padding: 0 3em;}
    .home-banner .box{ width: 1600px;}
    .home-banner,
    .home-banner .banner1,
    .home-banner img{ height: 500px;}

    .home-3 .left-tit{ width: 270px; height: 380px;}
    .home-3 .right-box img{ width: 170px; height: 170px;}

    .home-2 .item img{ height: 208px; }
    .home-22 .item img{ height: 221px; }

    .home-4-left li .w img{ height: 138px;  }
    .help-box .help-right{ padding: 25px;}

    .college-right ul img{height: 135px;}
    .coupon-list li .f-80{ font-size: 7rem;}
    .college-list li .left{ width: 250px;}
    .college-list li .left img{ height: 140px;}
    .integral-list li .w img{ height: 184px;}
}

@media only screen and (max-width: 1280px){
    .wrap{  padding: 0 40px;}
    body{ min-width:1280px;}
}