/*reset*/
        /* 主内容区域 */
.main-container {
    width: 1620px;
    margin: 0 auto;
    margin-top:3.75px;
}
​
/* 响应式设计 */
@media (max-width: 1620px) {
    .navbar-content,
    .main-container {
        width: calc(100% - 22.5px);
    }
}

input::-webkit-input-placeholder{color:rgb(153,153,153);}
@font-face{font-family:'NotoSansSC';src:url('../fonts/NotoSansSC.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'NotoSansBold';src:url('../fonts/NotoSansBold.ttf') format('truetype');font-weight:normal;font-style:normal;}

.fullScreen{width: 100%;background: #fff;}
.fullWarp{width: 1620px;margin: 0 auto;}

/* .topBar{width: 100%;height: 50px;background: rgb(179, 0, 0);font-size: 17px;line-height: 50px;font-weight: 900;color: #fff;overflow: hidden;}
.topBar ul{width: 100000px;height: 100%;white-space: nowrap;}
.topBar ul li.item{display: inline-block;margin-left: 500px;} */

/* .topHeader{width: 100%;height: 81px;border-bottom: 1px solid #d1d5dc;}
.headerLogo{width: 50px;height: 100%;padding: 15px 0;margin-right:15px;}
.headerLogo img{width: 100%; height: 100%;} */


.headerNavs.left{}
.headerNavs.right{}
.headerNavs.tool{margin-right: 10px;margin-left: 15px;}
.headerNavs{display: flex;height: 100%;}
.headerNavs dl.item{height: 100%;margin-left:35px;position: relative;}
.headerNavs dl.item.icon{margin-left: 20px;position:relative;}
.headerNavs dl.item dt.text{height: 100%;font-size: 15px;font-weight: bold;line-height: 80px;}
.headerNavs dl.item dt.icon{width: 25px;height: 80px;padding-top: 27px;}
.headerNavs dl.item dt.icon span.mark{position: absolute;right: -8px;top: 20px;width: 20px;height: 20px;border-radius: 50%;background: #e7000b;
text-align: center;color: #fff;line-height: 20px;font-size: 12px;font-weight: bold;}
.headerNavs dl.item dd{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height: 5px;background: #ffce33;border-radius: 4px;
    transform-origin: center;transform: scaleX(0);transition: transform 0.2s ease-in-out;}
.headerNavs dl.item:hover dd{transform: scaleX(1);}
.headerNavs dl.item:hover{cursor: pointer;}


.topRight{flex: 1;min-width: 0;overflow: hidden;}
.topSearch{width: 100%;height: 62px;background: #fff;padding:11px 0 11px 25px;}
.searchBox{width: 100%;height: 100%;border:2px solid #000;border-radius: 20px;overflow: hidden;position: relative;}
.searchBox input{width: 100%;height: 100%;border: 0;padding-left: 60px;font-size: 15px;border-radius: 20px;background: none;}
.searchBox span.icon{position: absolute;left: 0;top: 0;width: 60px;height: 36px;text-align: center;padding: 6px 0;}
.searchBox span.btns{position: absolute;right: -2px;top: 0;width: 120px;height: 36px;text-align: center;background: #000;border-radius: 18px;line-height: 36px;color: #fff;
font-size: 16px;cursor: pointer;}
.scrollKeywords{position: absolute;left: 60px;top: 0;right: 120px;height: 40px;font-size: 15px;color:rgb(153,153,153);line-height: 36px;font-family: 'NotoSansSC';background: #fff;}

.topBanner{width: 100%;height: 470px;background: #ddd;}
.topBanner .swiper{width: 100%;height: 100%;overflow: hidden;}
.topBanner .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.topBanner .swiper-pagination-bullet{width: 10px;height: 10px;}
.topBanner .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}

.topOrders{width: 100%;height: 170px;position: relative;}

.ordersFixed{width: 346px;height: 100%;position: relative;flex-shrink: 0;border-left:1px solid #777; cursor: pointer;}
.ordersFixed.left{background: #000;color: #fff;float:left;}
.ordersFixed.right{background: #ffce33;float:right;}
.ordersFixed p.title{position: absolute;left: 25px;top: 15px;font-size: 22px;font-weight: 900;line-height: 26px;}
.ordersFixed p.links{position: absolute;left: 25px;bottom: 25px;font-size: 14px;font-weight: bold;}
.ordersFixed p.links:hover{cursor: pointer;}
.ordersFixed p.icons{position: absolute;right: 25px;bottom: 25px;}
.ordersFixed p.hover{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height: 5px;background: #ffce33;border-radius: 4px;
    transform-origin: center;transform: scaleX(0);transition: transform 0.2s ease-in-out;}
.ordersFixed p.links:hover + p.hover{transform: scaleX(1);}
.ordersFixed.right p.hover{background: #000;}

.ordersList{flex: 1;height: 170px;overflow-x: auto;overflow-y: hidden;}
.ordersList ul{display: flex;gap: 10px;height: 100%;cursor: pointer;}
.ordersItem{width: 346px;height: 100%;background:#fff url('../images/logo.png') 250px 104px no-repeat; background-size: 74px 74px;
position:relative;padding:15px 0 0 15px;flex-shrink: 0;}
.ordersItem p.title{font-size: 20px;font-weight: 900;line-height: 1.3;letter-spacing: -1px;max-width: 280px;}
.ordersItem p.icon{position: absolute;right: 12px;top: 12px;width: 36px;height: 36px;background: #000;border:3px solid #fff;border-radius: 50%;
font-size: 20px;line-height: 26px;color: #fff;text-align: center;}
.ordersItem p.icon:hover{cursor: pointer;border-color: #ffce33;}
.ordersItem p.tips{position: absolute;left: 15px;bottom: 15px;font-size: 15px; font-weight: bold; letter-spacing: -0.5px;}

.floorBox{width: 100%;}
.floorItem{width: 100%;height: 405px;border-bottom: 5px #f2f2f2 solid;}
.floorItem{display: flex;}
.floorSingle{width: 50%;height: 100%;padding:75px 0 15px 0;display: flex;}
.floorHead{width: 210px;height: 310px;background: #000;border-radius: 20px;padding:30px 0px 40px 18px;position: relative;color: #fff;flex-shrink: 0;}
.floorHead p.name{font-size: 22px;font-weight: 900;line-height: 26px;margin-bottom: 15px;}
.floorHead ul.desc{list-style: none;padding: 0;margin: 0;}
.floorHead ul.desc li{font-size: 13px;line-height: 14px;font-weight: 600;margin-bottom: 4px;}
.floorHead p.name:hover,
.floorHead ul.desc li:hover{cursor: pointer;color: #b3b3b3;}
.floorHead p.icon{position: absolute;right: 40px;bottom: 20px;width: 100px;height: 100px;}

.floorBody{flex: 1;padding-top: 10px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 9px;
padding: 0px 5px;
}
.boxItem{width: 100%;height: 310px;border-radius: 8px;cursor: pointer;padding: 9px;border:1px solid #fff;}
.boxItem p.pic{width: 100%;height: 180px;overflow: hidden;border-radius: 10px;}
.boxItem p.pic img{width: 100%;height: 100%;transform: scale(1);transition: transform .3s;}
.boxItem p.title{font-size: 13px;line-height: 14px;font-weight: bold;color: rgba(89,87,87,1);height: 42px;margin-top: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.boxItem p.price{font-size: 14px;line-height: 15px;font-weight: 900;color: rgba(89,87,87,1);height: 15px;margin-top: 10px;}
.boxItem p.price span{font-size: 18px;}
.boxItem p.infos{font-size: 12px;line-height: 15px;color: rgba(89,87,87,1);height: 15px;margin-top: 10px;}
.boxItem p.btns{width: 140px;height: 40px;border-radius: 8px;background: #ffce33;font-size: 16px;line-height: 40px;text-align: center;font-weight: 900;
	margin-left: 10px;margin-top: 30px;display: none;}
.boxItem:hover{border:1px solid rgba(204,204,204,1);transition: border .3s;}
.boxItem:hover p.pic img{transform: scale(1.2);transition: transform .3s;}
.boxItem:hover p.title,
.boxItem:hover p.infos,
.boxItem:hover p.price{display: none;}
.boxItem:hover p.btns{display: block;}

.middleAds{width: 100%;height: 473px;}
.middleAds img{width: 100%;height: 100%;}


.scrollCard{width: 100%;height: 360px;padding: 45px 0;overflow: hidden;}
.scrollCard ul{display: flex;gap: 30px;}
.cardItem{width: 622px;height: 270px;border-radius: 20px;box-shadow: rgba(0,0, 0,0.15) 8px 0px 16px;padding: 40px 80px 0 80px;position: relative;flex-shrink: 0;}
.cardItem p.name{font-size: 22px;font-weight: bold;}
.cardItem p.desc{font-size: 15px;color: #3b3b3b;line-height: 1.6;margin-top: 20px;font-family: 'NotoSansSC';}
.cardItem dl.from{position: absolute;left: 80px;bottom: 20px;display: flex;align-items: center;}
.cardItem dl.from dt{width: 40px;height: 40px;border-radius: 50%;font-size: 16px;font-weight: 700;line-height: 40px;text-align: center;margin-right: 15px;}
.cardItem dl.from dt.t1{background: rgb(65, 105, 225);color: #fff;}
.cardItem dl.from dt.t2{background: #000;color: rgb(255, 215, 0);}
.cardItem dl.from dt.t3{background: rgb(178, 34, 52);color: #fff;}
.cardItem dl.from dd{font-size: 20px;font-weight: 900;line-height: 40px;}

.indexProgress{width: 100%;height: 560px;}
.indexProgress img{width: 100%;height: 100%;}

.wordAds{width: 100%;height: 340px;background: rgb(255, 206, 51);padding: 90px 0;display: flex;flex-direction: column;align-items: center;}
.wordAds p.content{font-size: 32px; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 15px; text-align: center; letter-spacing: -1.5px;}
.wordAds p.desc{font-size: 18px; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 30px; text-align: center; letter-spacing: -0.3px;}
.wordAds p.btns{text-align: center;}
.wordAds p.btns span{display: inline-block;width: 160px;height: 45px;background: #000;border-radius: 5px;line-height: 45px;font-size: 16px;font-weight: 600; color: #fff;
    cursor: pointer; transition: transform .2s; transform: scale(1);}
.wordAds p.btns span:hover{transform: scale(1.05);transition: transform .2s;}

/* .indexFoot{width: 100%;height:190px;background: #000;padding:60px 100px;}
.indexFoot dl.item{width: 25%;height: 100%;color: #fff;}
.indexFoot dl.item dt{width: 100%;font-size: 18px;font-weight: 700;margin-bottom: 20px;line-height: 24px;}
.indexFoot dl.item dd{width: 100%;font-size: 14px;line-height: 22px;cursor: pointer;font-family: 'NotoSansSC';}

.botBar{width: 100%;height: 80px;padding:30px 100px;text-align: center;font-family: 'NotoSansSC';}
.botBar span.icon{display: inline-block;width: 20px; height: 20px; background-color: rgb(204, 204, 204); border-radius: 2px;}
.botBar span.text{display: inline-block;font-size: 12px; font-weight: 400; color: rgb(102, 102, 102);position: relative;top: -5px;margin-left: 20px;} */