﻿#Ismb .windiv{width: 430px; position: absolute;z-index: 10;transform-origin: 0px 0px; background:rgba(0,0,0,0);}

.topline{height:60px; min-height:60px; position:relative;z-index:2;}  
.head-logo{flex-grow: 1;text-align: center;}
.head-logo img{height:50px;}
.head-menu{font-size: 16px; height:30px; padding-left:5px; line-height:30px;}
.head-menu-icon{margin-right: 10px;width: 22px; height:30px;position:relative;}
.head-menu-icon span{display: block;height: 1px;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.outHover .head-menu-icon span:nth-child(1){width: 7px; margin-top:5px;}
.outHover .head-menu-icon span:nth-child(2){width: 22px;margin-top: 7px;}
.head-menu-icon span:nth-child(3){width: 15px;margin-top: 7px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(1){width: 16px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(2){width: 7px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(3){width: 22px;}

.lang-menu{display: flex;flex-direction: row;align-items: center; padding-right:5px;}
.lang-menu span{color: #999;font-size: 12px;margin: 0 10px;}
.lang-menu a{background: #999;color: #fff;padding: 0px 5px;font-size: 13px; position:relative; text-align:center; min-width:20px;}
.lang-menu a.atc{background: var(--normal);}
.lang-menu a:hover{background: var(--normal);}

.foot{border-top:2px var(--normal) solid; padding-top:5px; margin-top:10px;}
.Copyright{background: var(--normal); color:#fff;text-align:center; line-height:40px; padding:5px;}

.mblayout{position:relative;}
.mblayout .h1{font-size: 24px;font-weight: bold;letter-spacing: 1px; padding:20px 10px; text-align:center} 

.menuList{ padding:0 10px; display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px 10px;}
.menuList .item .itemImg{width:100%; height:0px; padding-top:148%; position:relative;}
.menuList .item .itemImg img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover}
.menuList .item .tit{background: var(--normal); color:#fff; text-align:center; line-height:16px; min-height:40px;}

.indexRq .linianImg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;display: block;z-index: 2;}
.indexRq .linina_nrbox{position:relative; padding:50px 20px; z-index:5; color:#fff;text-shadow: 3px 2px 2px #555555;line-height: 1.5; font-size: 16px;}
.indexRq .linina_nrbox .h1{color:#fff;text-shadow: 3px 2px 2px #555555; padding:10px 0px;}
.otherRq .linianImg{position: relative;width:100%;}
.otherRq .linina_nrbox{position:relative; padding:0px 20px 20px 20px; z-index:5; color:#000000; line-height: 1.5; font-size: 16px;}
.otherRq .linina_nrbox .h1{padding:10px 0px;}

.objectFit_contain{position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: contain;width: 100%;height: 100%;display: block;z-index: 2;}


.shopList{ padding:0 10px; display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px 10px;}
.shopList .item .itemImg{width:100%; height:0px; padding-top:75%; position:relative;}
.shopList .item .itemImg img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover}
.shopList .item .tit{background: #555555; color:#fff; text-align:center; line-height:16px; min-height:40px;}

.otherRq .shopList{ padding:0 10px; display: grid;grid-template-columns: 1fr;grid-gap: 10px 10px;}


.newsList{ padding:0 10px; display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px 10px;}
.newsList .item .itemImg{width:100%; height:0px; padding-top:75%; position:relative;}
.newsList .item .itemImg img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover}
.newsList .item .tit{background: var(--normal); color:#fff; text-align:center; line-height:16px; min-height:50px;}

.addressList .item{padding:10px 0; border-bottom:2px  var(--normal) solid;}
.addressList .item:last-child{border-bottom:0px;}
.addressList .item .li{padding:10px; border-bottom:1px #ddd dotted}
.addressList .googleMapItem{width:100%; height:500px; background:#f1f1f1;}

.biaodan-Rq .flexItemRq{ border-bottom:1px #ddd dotted; padding:10px;}
.biaodan-Rq .bd-tit{width:80px; min-width:80px;}
.biaodan-Rq .bd-nr{flex-grow:1}
.biaodan-Rq .bd-nr input,.biaodan-Rq .bd-nr select{padding:10px;}
.biaodan-Rq .bd-dd-tt{width:70px; min-width:70px; color:var(--normal)}
.biaodan-Rq .orderDanxuan{padding:2px; width:12px; height:12px; border:1px var(--normal) solid; margin-right:5px; margin-top:3px;}
.biaodan-Rq .orderDanxuan span{display:block; width:10px; height:10px; border:1px var(--normal) solid;}
.biaodan-Rq .ritItem.atc {background: var(--normal); color:#fff; }
.biaodan-Rq .ritItem.atc .bd-dd-tt{ color:#fff; }
.biaodan-Rq .ritItem.atc .orderDanxuan{border:1px #fff solid;}
.biaodan-Rq .ritItem.atc .orderDanxuan span{border:1px #fff solid;}


.IndexMenuRq .menuList .item{}


.shopBtnView{display:flex; flex-direction:row; width:100%;}
.shopBtnView-fgf{flex-grow:1}

.shopinfoRq .h1{padding:10px;}
.shopinfoRq .layout_shopinfo-Info-main{}
.shopinfoRq .layout_shopinfo-Info-main .item{padding: 10px; border-bottom:1px #ddd dotted;}
.shopinfoRq .layout_shopinfo-Info-main .item .item-left{margin-right:10px;}
.shopinfoRq .layout_shopinfo-cash .fa{margin-right:10px;}
.shopinfoRq .layout_shopinfo-List-main{ padding:10px 10px 10px 10px; column-count: 2;}
.shopinfoRq .layout_shopinfo-List-main .itemImg{ margin-bottom:10px;}

.currbar{padding:10px; font-size:16px;}
.currbar a{margin-right:10px;}
.currbar a i{margin-right:5px;}
.currbar .faright{margin-right:10px;}
.currbar a:hover{color:var(--normal)}

.newsTit{font-size:24px;padding:15px 0; color:var(--normal); font-weight:bold;}
.newsNr *{max-width:100%!important; font-size:16px; line-height:1.8}

.head-menu-icon{margin-top:5px;}
.atc .head-menu-icon .sp1{visibility: inherit;opacity: 1; margin-top: 8px; width: 22px; transform: matrix(0.7071,0.7071,-0.7071,0.7071,0,2);transform-origin: center center 0px;}
.atc .head-menu-icon .sp2{visibility: inherit;opacity: 0;}
.atc .head-menu-icon .sp3{visibility: inherit;opacity: 1; margin-top: 2px; width: 22px; transform: matrix(0.7071,-0.7071,0.7071,0.7071,0,-2);transform-origin: center center 0px;}



.menuRq{position: fixed;top: 60px; left: 0;  width: 100%; height: 100%; z-index: 200;display: none; background:rgba(0,0,0,0.5)}
.menuRq.atc{display:block;}
.menuRq-main{position: absolute; z-index:2; top: 0; width: 80%; height: 100%; left: -80%;  background: #f9f9f9 url(/images/icon/bg.png) repeat;
-moz-box-shadow: inset -2px -2px 20px 1px #aaa; -webkit-box-shadow: inset -2px -2px 20px 1px #aaa;  box-shadow: inset -2px -2px 20px 1px #aaa;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.atcanimate .menuRq-main{left:0;}
.menu-content{display: flex;flex-direction: row; width:100%; height:100%;}
.menuRq-grow{flex-grow: 1}
.menuRq-list{display: flex;flex-direction: column;}
.menuRq-link{display: flex;flex-direction: row;align-items: flex-end;}
.menuRq-itemList{padding-left: 0px;}
.menuRq-itemList .menuItem{display:block;padding: 20px; font-size: 18px; font-weight:bold; letter-spacing: 2px;color: var(--normal);background:rgba(255,255,255,0); z-index: 1;position: relative;transition: .4s; cursor:pointer; } 
.menuRq-itemList .menuItem:hover{color: #fff; margin-left:-20px; padding-right:30px;  padding-left:30px; text-align:center;}
.menuRq-itemList .menuItem:after{position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;background: var(--normal);z-index: -1;transition: .4s;}
.menuRq-itemList .menuItem:hover:after{width: 100%;filter: hue-rotate(360deg);}
.menuRq-close{position: absolute;width:100%; height:100%; top:0; left:0;z-index:1;}
.menuRq-close .line{background: var(--normal);width: 18px;height: 1px;margin-left: 10px;}

.enbody .menuRq-itemList .menuItem{padding:15px 20px;}

#Tc_System_Close_TS .tcLayoutBox{width:80% !important}


.grid{border-top:2px var(--normal) solid;display: grid;position: sticky; grid-template-columns: 90px calc(100%);}
.grid-left{width: 88px;border-right: 2px var(--normal) solid;}
.enbody .grid{ grid-template-columns: 130px calc(100%);}
.enbody .grid-left{width: 128px;border-right: 2px var(--normal) solid;}
.grid-description{flex-direction: column;align-items: flex-start;display: flex;position: -webkit-sticky;position: sticky;top: 0}
.grid-description .item{padding:8px 5px;border-bottom:1px #ddd solid; width:100%; font-size:15px; line-height:18px; word-break:break-word;}
.enbody .grid-description .item{line-height:1.2; font-size:14px;}
.grid-description .item.atc{color:#fff; background:var(--normal)}
.grid-right{width:calc(100% - 90px)}
.enbody .grid-right{width:calc(100% - 130px)}
.grid-items{flex-direction: column;align-items: flex-end;display: flex;}
.grid-items .imgList{width:100%;}
.grid-items .imgList img{display:block; width:100%; margin-bottom:15px;}



.fixedRightTop{position: fixed;top: 130px;right: 10px; z-index:80}
.fixedRightTop .itemorder{width: 16px; color:#fff; font-size:18px; line-height:22px; margin-left:5px; padding:10px 15px;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;border-radius: 8px;}

.enbody .fixedRightTop{top: 180px;right: -50px; transform: rotate(90deg)}
.enbody .fixedRightTop .itemorder{width:auto;}

.fixedRightTop .itemorder {animation: fixedRightTopswing 3s infinite;}
@-webkit-keyframes fixedRightTopswing {
    5% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to{}
}

@keyframes fixedRightTopswing {
    5% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to{}
}


.line2{-webkit-line-clamp:2;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;display:-webkit-box !important;display:box !important;-webkit-box-orient:vertical;box-orient:vertical;text-overflow:ellipsis;overflow:hidden;white-space:normal !important;outline:0 !important;}
