/* common style */
html{ height: 100%;}
body{ font-family: Helvetica Neue,PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif; min-width: 1220px; position: relative;}
#app, body{min-height: 100%;color:#191919; font-size:14px;line-height:1.4;}
*{margin:0;padding:0;}
.text-0{ font-size: 0; line-height: 1;}
.text-8{ font-size: 8px;font-weight: 300;}
.text-10{ font-size: 10px;font-weight: 300;}
.text-12{ font-size: 12px;font-weight: 300;}
.text-16{ font-size: 16px;font-weight: 300;}
.text-18{ font-size: 18px;font-weight: 300;}
.text-22{ font-size: 22px;font-weight: 300;}
.text-24{ font-size: 24px;font-weight: 300;}
.text-28{ font-size: 28px; font-weight: 300;}
.text-30{ font-size: 30px; font-weight: 300;}

.text-200{ font-weight: 200;}
.text-bold{ font-weight: bold;}

.text-000{color:#000;}
.text-333{color:#333;}
.text-white{ color: #fff;}
.text-999{color:#999;}

.bg-white{ background: #fff;}
.bg-gray{background:#F5F5F5;}

.w1220{ width: 1220px; margin: 0 auto;}

.clearfix::after{ content: " "; visibility: hidden; clear: both; display: block; zoom: 1;}
.pull-left{ float: left; }
.pull-right{ float: right;}


.pad-0{ padding: 0 !important;}
.pad-20{ padding: 20px;}
.pad-t-10{ padding-top: 10px;}
.pad-t-24{ padding-top: 24px;}
.pad-t-30{ padding-top: 30px;}
.pad-t-44{ padding-top: 44px;}
.pad-t-66{ padding-top: 66px;}
.pad-b-10{ padding-bottom:10px;}
.pad-b-16{ padding-bottom: 16px;}
.pad-b-50{ padding-bottom:50px;}
.pad-l-6{ padding-left: 6px;}
.pad-l-30{ padding-left: 30px;}
.pad-l-76{ padding-left: 76px;}
.pad-tb-14{ padding: 14px 0;}
.pad-tb-38{ padding: 38px 0;}
.pad-tb-45{ padding: 45px 0;}

.mar-0{ margin: 0;}
.mar-t-0{ margin-top: 0;}
.mar-t-10{ margin-top: 10px;}
.mar-t-20{ margin-top: 20px;}
.mar-t-30{ margin-top: 30px;}
.mar-t-50{ margin-top: 50px;}
.mar-t-63{ margin-top: 63px;}
.mar-t-72{ margin-top: 72px;}
.mar-t-240{ margin-top: 240px;}
.mar-r-37{ margin-right: 37px;}
.mar-l-13{ margin-left: 13px;}
.mar-l-30{ margin-left: 30px;}
.mar-l-70{ margin-left: 70px;}
.mar-l-100{ margin-left: 100px;}
.mar-b-10{ margin-bottom: 10px;}
.mar-b-20{ margin-bottom: 20px;}
.mar-b-66{ margin-bottom: 66px;}

.img-auto img{display:inline-block;width: 100%; height: auto;}
.block{ display: block;}
.line-block-vm{ display: inline-block; vertical-align: middle;}

.flex-box{display: flex; display: -webkit-flex; box-align: center; align-items: center; justify-content: center; -webkit-box-align: center;}
.flex-box-normal{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.flex-box-end{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end;}
.space-b {justify-content: space-between}
.f-wrap{flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;}
.flex-1{ flex: 1;}
.flex-2{ flex: 2;}

.text-left{ text-align: left !important}
.text-center{ text-align: center !important}
.text-right{ text-align: right !important}

.relative{position: relative;}
.pointer{ cursor: pointer;}
.lh-18{line-height: 1.8;}
.lh-2{ line-height: 2;}

.opacity6{opacity:.6;}
.opacity3{opacity:.3;}

/*index css*/
.header{height:80px;}
.header a{color:#191919;text-decoration: none;}
.swiper-prev{width:56px;height:46px;background:url('../images/turn-left.png');position:absolute;bottom:0;right:308px;z-index:10;cursor:pointer;}
.swiper-next{width:56px;height:46px;background:url('../images/turn-right.png');position:absolute;bottom:0;right:251px;z-index:10;cursor:pointer;}
.swiper-button-disabled{opacity:.7;cursor: unset;}
.bg-gray-con{padding-top:90px;}
.bg-gray-con:after{content:'';width:100%;height:520px;background:#f5f5f5;position:absolute;top:0px;left:0px;}
.con1,.con3{z-index:1;}
.con1:before{content:'';position:absolute;top:200px;left:0px;width:10px;height:331px;background:url('../images/font.png') no-repeat;background-size:10px 331px;}
.con1:after{content:'';position:absolute;top:200px;right:0px;width:10px;height:331px;background:url('../images/font.png') no-repeat;background-size:10px 331px;}
.my-tab-con{width:1080px;margin:46px auto 0;background:#fff;}
.my-tab{height:50px;line-height:50px;}
.my-tab span{position:relative;cursor:pointer;z-index:1;border-bottom:1px solid #e5e5e5;}
.my-tab span.active{border-bottom:0 none;}
.my-tab span:not(:last-child):after{content:'';position:absolute;top:18px;right:-1px;height:15px;width:1px;background:#e5e5e5;}
.my-tab span.active:after{content:'';position:absolute;width:99%;height:99%;background:unset;top:0;left:0;border:1px solid #e5e5e5;border-width:1px 1px 0 1px;}
.tab-content{display:none;padding:0px 180px 0px 150px;height:470px;border:1px solid #E5E5E5;box-sizing: border-box;border-width: 0 1px 1px 1px;}
.shop-list>div{margin-right:4%;width:22%;margin-bottom:80px;}
.shop-list>div:nth-child(4n+4){margin-right:0;}
.company-content{box-sizing: border-box;padding:0px 140px 0 64px;}

.footer{height:150px;background:#333;margin-top:170px;}
.footer a{text-decoration: none;}
.qr-code{display:none;position: absolute;top:-35px;right:-100px;width:134px;height:134px;background:#fff;box-sizing: border-box;padding:13px;}