*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;-webkit-appearance : none ;}
body{background:#fff center center; font-size:40px; color:#666666; padding:2.2em 0 2.5em}
body,header,nav,.footerFx{max-width:750px; margin:0 auto;}
body.noHF{padding:0}
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
b{color:#333}
a:hover{color:#008C95; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
ul:after,.box:after{content:''; display: block; width:0; height:0; font-size:0; clear:both;}
i,em{font-style:normal;}
img{border:none;}
*::-webkit-scrollbar{width:8px;}
*::-webkit-scrollbar-thumb {border-radius:5px; background:rgba(0,0,0,0.2);}
/**::-webkit-scrollbar-track-piece {background:#f90;}*/
*::-webkit-scrollbar-track {border-radius:0; background:rgba(0,0,0,0.1);}
@font-face {
    font-family: 'iconfont_dg';  /* Project id 4220084 */
    src: url('//at.alicdn.com/t/c/font_4220084_bm05bcw4p9c.woff2?t=1725331769666') format('woff2'),
    url('//at.alicdn.com/t/c/font_4220084_bm05bcw4p9c.woff?t=1725331769666') format('woff'),
    url('//at.alicdn.com/t/c/font_4220084_bm05bcw4p9c.ttf?t=1725331769666') format('truetype');
}
.swiper-pagination-bullet-active{background-color:#07A698!important;}
.swiper-pagination-bullet{width:1.2em!important; height:.3em!important; border-radius:3px!important;}
.swiper-pagination{z-index:1!important;}
#boxVue .el-form-item__content,#boxVue .el-checkbox{font-size:1em}
#boxVue .el-dialog__title{font-size:.9em}
#boxVue .el-dialog__headerbtn{font-size:.8em}
#boxVue .el-input,#boxVue .el-checkbox__label,#boxVue .el-dialog__body{font-size:.7em}
#boxVue .el-form-item__error{font-size:.6em}
#boxVue .el-input__inner{line-height:2.8em; height:2.8em; border-color:#ADADAD; border-radius:.3em}
#boxVue .el-checkbox__inner{width:.8em; height:.8em; border-color:#ADADAD; border-radius:.2em}
#boxVue .el-checkbox__inner::after{border-width:2px; left:50%; top:40%; width:.25em; height:.4em; transform: translate(-50%,-50%) rotate(45deg) scaleY(1)}
#boxVue .el-button{font-size:.8em; padding:0 1em; line-height:2.4em; border-radius:.4em;}
#boxVue .el-form-item{margin-bottom:.8em}
#boxVue .el-dialog__header{padding:1em 1em .5em}
#boxVue .el-dialog__body{padding:30px 40px 40px}
#boxVue .el-dialog__footer{padding:.2em 1em .7em}

.bk0_F,.liHomeFt li span{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.ift{font-family:'iconfont_dg'; display:inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,nav,nav .box,.close,.close:before,.close:after,.pic img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display:block;}
.oohid{opacity:0;visibility:hidden;}
.pic{overflow:hidden; display:block;}
.pic img{display:block; width:100%; height:100%; object-fit:cover;}
.pic:hover img{transform:scale(1.05);}
.bkf5{background-color:#f5f5f5;}
.mt2em{margin-top:1.5em;}
.mb2em{margin-bottom:1.5em!important;}
.p1em{padding:1em!important;}
.f14{font-size:.7em}
.boxDFx{display: flex; justify-content: space-between;}

.font2h,.font3h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd,.boxLiHN li a,.boxHomeNot a{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

.bnsa,a.bnsa{background-color:#008C95; display: inline-block; color:#fff; border:1px solid #008C95; border-radius:.3em; padding:.5em 0}
.bnsa:hover{opacity:.7; color:#fff;}
.bnsa.sc{border-color:#999; color:#333; background-color:#fff;}
.bnsa.sc:hover{color:#008C95; border-color:#008C95;}
.bnsa.swt{border-color:#fff; color:#fff; background-color:transparent;}

header{background-color:#fff; color:#333; position: fixed; top:0; left:0; right:0; z-index:9; height:2.2em;}
header .logo{width:1.4em; height:1.4em; background:url("/Content/img/2023/logo.png") no-repeat center center / cover; float: left; margin:.4em 0 0 .5em}
header .r{float: right; margin:.3em .4em 0 0}
header .r>*{font-size:.7em; margin:0 .5em; padding:.5em 0; vertical-align: middle; display: inline-block}
header .r>*:last-of-type{margin-right:0; max-width:11em}
header .r .cart{position: relative; border-left:1px solid #d5b587; padding:0 .5em 0 1em; color:#008C95}
header .r .cart i{position:absolute; top:-.5em; right:.3em; z-index:1; background-color:#008C95; color:#fff; border-radius:50%; font-size:.7em; line-height:1em; padding:.2em .3em}
header .r .cart:after{content:'\e613'; font-family: iconfont_dg; font-size:1.6em; display: inline-block}
header .showMenu{position: relative; width:1.6em; height:1.2em; cursor:pointer}
header .showMenu:before,header .showMenu:after,header .showMenu i{content:''; position: absolute; width:100%; height:5px; background-color:#008C95; border-radius:1em}
header .showMenu:before{top:.5em;}
header .showMenu:after{bottom:.5em;}
header .showMenu i{top:50%; transform: translateY(-50%)}
nav{position: fixed; top:0; right:0; bottom:0; left:0; visibility: hidden; opacity:0; background-color:rgba(0,0,0,.7); z-index:10}
nav.show{opacity:1; visibility: visible}
nav>.close{position: absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
nav .box{padding:1.3em .5em; background-color:#fff; max-height:100%; float: right; overflow: auto; width:12em; position:relative; z-index:2; box-sizing: border-box}
nav .box .close{position: absolute; top:1.4em; right:1.4em; padding:.6em; opacity:0;}
nav .box .close:before,nav .box .close:after{content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); height:.1em; background-color:#333; width:100%; border-radius:5px;}
nav.show .box{padding:1.3em 1em 1em; width:14em}
nav.show .box .close{opacity:1}
nav.show .box .close:before{transform:translate(-50%,-50%) rotate(45deg)}
nav.show .box .close:after{transform:translate(-50%,-50%) rotate(-45deg)}
nav .logo{width:2.4em; height:2.4em; background:url("/Content/img/2023/logo.png") no-repeat center center / cover;}
nav .box>ul{margin:1em 0 0}
nav ul li{font-size:.8em; border-bottom:1px solid #E7E7E7; line-height:3em}
nav ul li span{color:#333; cursor:pointer; display: block}
nav ul li span:hover{color:#008C95}
nav ul li a{display: block}
nav ul li ul{border-top:1px solid #E7E7E7; display: none;}
nav ul li ul a{padding-left:1em}
nav .bn{display: flex; justify-content: space-between; margin-top:2em}
nav .bn a{flex:1; font-size:.8em; text-align: center; margin:0 .3em;}

.swiper{position: relative; overflow:hidden}
.homeBanner .swiper-slide{height:400px}
.homeBanner .swiper-slide div,.homeBanner .swiper-slide div a{height:100%; display: block; background-size: cover!important}

.box{padding:0.75em; height:100%}
.listHT{display: flex; justify-content: space-between; padding:1em 0}
.listHT li{text-align: center; flex:1}
.listHT li i{width:2.4em; height:2.4em; display: block; margin:0 auto; color:#fff}
.listHT li span{display: block; font-size:.7em}

.titHa{text-align:center; padding:1em 0}
.titHa b{display:block; margin-bottom:.3em}
.titHa span{display:block; font-size:.7em; color:#999}
.liHomePT li,.liHomeFt li{width:49%; float:left; border-radius:.2em; margin-bottom:2%; position: relative; box-sizing:border-box; overflow: hidden}
.liHomePT li:nth-child(2n),.liHomeFt li:nth-child(2n){margin-left:2%}
.liHomePT li{background-color:#F8F6F3; padding:1em .5em .7em;}
.liHomePT li img{position: absolute; top:50%; right:.5em; transform: translateY(-50%);}
.liHomePT li b{display: block; font-size:.9em; line-height:1em; margin-bottom:.5em}
.liHomePT li span{font-size:.5em; color:#666; display:block; min-height:2.4em; line-height:1.2em;}
.liHomeFt li span{position: absolute; left:0; right:0; bottom:0; color:#fff; font-size:.75em; padding:.5em 1em;}
.boxHomeNews{padding-bottom:.5em; border-bottom:1px solid #ccc; margin-bottom:.2em}
.boxHomeNews .pic{height:10em; display: inline-block; width:100%;}
.boxHomeNews .t{font-weight: bold; display: block; margin:.4em 0; font-size:.8em}
.boxHomeNews p{font-size:.7em; line-height:1.3em; color:#666; max-height:4em; margin-bottom:.3em}
.boxHomeNews span{font-size:.7em; display: block}
.boxLiHN{margin-bottom:1.5em}
.boxLiHN li{padding:.7em 0 0}
.boxLiHN li a{font-size:.8em; font-weight: bold;}
.boxLiHN li span{font-size:.7em; display: block; color:#999; margin-top:.2em}
.boxHomeECMS{background-color:#F8F6F3; border-radius:.5em; padding:.3em .5em 1em}
.boxHomeECMS .titHa{padding-bottom:.5em}
.boxHomeECMS ul{display:flex; justify-content: center; flex-wrap: wrap; text-align: center}
.boxHomeECMS ul li{padding:0 1.6% 3%; min-width:4em;}
.boxHomeECMS ul li em{display: block; color:#008C95; font-size:1.2em; font-weight: bold; margin-bottom:.2em}
.boxHomeECMS ul li span{display: block; font-size:.6em;}
.boxHomeCase,.boxLRNew{height:100%}
.boxHomeCase{background:url("/Content/img/2023/bk_home_case.png") no-repeat center bottom; padding:0 .75em 3em}
.boxHomeCase ul{padding-top:4em}
.boxHomeCase ul li{float: left; width:31%; margin-bottom:4%}
.boxHomeCase ul li:nth-child(3n-1){margin:0 3.5% 3.5%}
.boxHomeCase ul li img{display: block; max-width:100%}
.boxLRNew{background-color:#008C95; padding:.8em; color:#fff; text-align: center}
.boxLRNew b{color:#fff; display: block; margin-bottom:.7em; line-height:1em}
.boxLRNew a.bnsa{font-size:.7em; padding:.5em 2em; margin:0 .5em}
.boxHomeNot{display: none}
.boxHomeNot.show{background-color:#F8F6F3; display:flex; justify-content:space-between; align-items:center; border-radius:.2em; padding:.3em 1em .3em .5em}
.boxHomeNot .mySwiper{width:100%;height:1.7em;}
.boxHomeNot.show:before{content:'\e8c0'; font-family: iconfont_dg; color:#008C95; font-size:.8em; background-color:#E5F3F4; border-radius:50%; min-width:1.5em; max-width:1.5em; height:1.5em; line-height:1.5em; text-align:center}
.boxHomeNot .swiper-slide{display:flex; justify-content:space-between; align-items:center; width:100%}
.boxHomeNot a,.boxHomeNot em{font-size:.65em}
.boxHomeNot a{padding:.5em 1em; line-height:1em; max-width:14em}
.boxHomeNot em{color:#999}

/* footer */
footer{background-color:#000; color:#999}
footer .cnt,footer .cp{padding-top:1em; padding-bottom:1em}
footer .cnt{background-color:#2B2B2B; position: relative}
footer .cnt>*,footer .cnt .wx2wm li>*{display: block;}
footer .cnt>span{color:#fff; font-size:.8em;}
footer .cnt>b{color:#008C95; font-size:1.3em; margin:0 0 .3em}
footer .cnt>p{font-size:.6em; line-height:1.8em;}
footer a:link,footer a:visited{color:#999; margin-right:.5em}
footer a:hover{color:#fff;}
footer .cnt .wx2wm{position: absolute; top:3em; right:.75em; text-align: center;}
footer .cnt .wx2wm li{float: left}
footer .cnt .wx2wm li:first-of-type{margin-right:.5em;}
footer .cnt .wx2wm li img{width:3em}
footer .cnt .wx2wm em{font-size:.5em; margin-top:.5em}
footer .cp>div{font-size:.6em; line-height:1.6em}
footer .cp>div img,footer .cp div a{vertical-align: middle}
footer .cp>div span{margin-top:.5em; display: block}
footer .cp>div span img{margin-right:1em;}
.footerFx{position:fixed; left:0; right:0; bottom:0; z-index:3; box-shadow: rgba(0,0,0,.1) 0 0 1em; background-color:#fff; height:2.5em; text-align: center;}
.footerFx li{float: left; width:25%; height:100%;}
.footerFx li a{display: block; height:100%; padding-top:.4em; box-sizing:border-box}
/*.footerFx li a:before{display: block; font-family: iconfont_dg}*/
/*.footerFx li:nth-child(1) a:before{content:'\e62f'}*/
/*.footerFx li:nth-child(2) a:before{content:'\e6b6'}*/
/*.footerFx li:nth-child(3) a:before{content:'\e61b'}*/
/*.footerFx li:nth-child(4) a:before{content:'\e607'}*/
.footerFx li a:before{content:''; display: block; width:1.1em; height:1.1em; background:no-repeat center center / cover; margin:0 auto;}
.footerFx li:nth-child(1) a:before{background-image:url('/Content/img/2023/icon_ft_home.png')}
.footerFx li:nth-child(2) a:before{background-image:url('/Content/img/2023/icon_ft_coupons.png')}
.footerFx li:nth-child(3) a:before{background-image:url('/Content/img/2023/icon_ft_integral.png')}
.footerFx li:nth-child(4) a:before{background-image:url('/Content/img/2023/icon_ft_mine.png')}
.footerFx li.on:nth-child(1),.footerFx li:nth-child(1):hover a:before{background-image:url('/Content/img/2023/icon_ft_onhome.png')}
.footerFx li.on:nth-child(2),.footerFx li:nth-child(2):hover a:before{background-image:url('/Content/img/2023/icon_ft_oncoupons.png')}
.footerFx li.on:nth-child(3),.footerFx li:nth-child(3):hover a:before{background-image:url('/Content/img/2023/icon_ft_onintegral.png')}
.footerFx li.on:nth-child(4),.footerFx li:nth-child(4):hover a:before{background-image:url('/Content/img/2023/icon_ft_onmine.png')}
.footerFx li span{display: block; font-size:.5em; margin-top:.2em}

/* login */
.login-container{padding:2em;}
.login-container .t{font-weight: bold; color:#333; padding:0 0 1em;}
.login-container .el-button{width:100%}
.login-container .moLink a{font-size:.7em; color:#666;}
.login-container .fontUA{font-size:.7em; color:#333;}
.login-container .getValidateCode{height:2.8em; font-size:.7em; margin-left:1em}
#boxVue.login-container .el-input__inner{background-color:#F6F7FB; border-color:#F6F7FB}