body{background-color:#fafafa;}

.uizhan-index-bg{background:url(/static/img/ibg.png) left top repeat-x;}

.uizhan-catmenu{float:left;width:230px;height:456px;text-align:left;background-color:#fff;margin:20px 0 0 0;}
.uizhan-catmenu .menu1{float:left;width:230px;height:76px;}
.uizhan-catmenu .menu1 .mleft{float:left;width:186px;height:56px;padding:10px 22px 10px 22px;transition: all  .25s  ease-in;}
.uizhan-catmenu .menu1 .mleft li{float:left;}
.uizhan-catmenu .menu1 .mleft .l1{width:76px;}
.uizhan-catmenu .menu1 .mleft .l1 img{width:56px;height:56px;border-radius:10px;}
.uizhan-catmenu .menu1 .mleft .l2{width:110px;}
.uizhan-catmenu .menu1 .mleft .l2 a{float:left;color:#666;font-weight:700;font-size:14px;line-height:25px;height:25px;overflow:hidden;width:100%;}
.uizhan-catmenu .menu1 .mleft .l2 a:hover{color:#fca700;}
.uizhan-catmenu .menu1 .mright{float:left;text-align:left;position:relative;z-index:99;width:695px;border-radius:0 23px 0 0;height:454px;margin-left:230px;border:#f2f2f2 solid 1px;background-color:#fff;overflow:hidden;}
.uizhan-catmenu .menu1 .mright .u1{float:left;padding:30px 35px 0 35px;width:625px;}
.uizhan-catmenu .menu1 .mright .u1 li{float:left;}
.uizhan-catmenu .menu1 .mright .u1 .l1{width:200px;font-weight:700;font-size:15px;height:35px;line-height:25px;}
.uizhan-catmenu .menu1 .mright .u1 .l2{width:425px;height:35px;font-size:14px;}
.uizhan-catmenu .menu1 .mright .u1 .l2 a{float:right;font-size:14px;color:#888888;height:25px;line-height:25px;padding-right:20px;background:url(/static/img/jian.png) right center no-repeat;}
.uizhan-catmenu .menu1 .mright .u1 .l2 a:hover{color:#fca700;}
.uizhan-catmenu .menu1 .mright .u1 .l3{width:125px;height:33px;margin-top:20px;}
.uizhan-catmenu .menu1 .mright .u1 .l3 a{float:left;color:#666;width:115px;overflow:hidden;height:20px;font-size:14px;line-height:20px;}
.uizhan-catmenu .menu1 .mright .u1 .l3 a:hover{color:#fca700;}
.uizhan-catmenu .menu2{background-color:#f2f2f2;}
.uizhan-catmenu .menu1 .mleft:hover{transform:translateX(5px);}

.uizhan-banner{float:left;width:681px;height:456px;margin:20px 0 0 15px;border-radius:0 23px 0 0;overflow:hidden;}
.uizhan-banner #owl-demo{position:relative;width:100%;height:456px;}
.uizhan-banner #owl-demo .item{ position:relative;display:block;}
.uizhan-banner #owl-demo img{display:block;width:100%;height:456px;}
.uizhan-banner #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:25px;}
.uizhan-banner .owl-pagination{position:absolute;left:0;bottom:0;width:100%;height:17px;text-align:center;}
.uizhan-banner .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(/static/img/bg15.png);*display:inline;*zoom:1;}
.uizhan-banner .owl-pagination .active{width:25px;background-image:url(/static/img/bg16.png);}
.uizhan-banner .owl-buttons{display:block;}
.uizhan-banner .owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;opacity:0.6;transition:opacity 0.3s;}
.uizhan-banner .owl-buttons div:hover{opacity:1;}
.uizhan-banner .owl-prev{left:0;background-image:url(/static/img/bg17.png);}
.uizhan-banner .owl-next{right:0;background-image:url(/static/img/bg18.png);}
.uizhan-banner .owl-prev:hover{background-image:url(/static/img/bg19.png);}
.uizhan-banner .owl-next:hover{background-image:url(/static/img/bg20.png);}

.uizhan-sidebar{float:right;width:307px;margin:20px 0 0 0;background-color:#fff;border-radius:23px 23px 0 0;text-align:left;height:456px;overflow:hidden;}
.uizhan-sidebar .u1{float:left;width:307px;height:102px;background:url(/static/img/dlbg.png) left top no-repeat;background-size:100% auto;}
.uizhan-sidebar .u1 li{float:left;text-align:center;width:100%;}
.uizhan-sidebar .u1 .l1{height:78px;}
.uizhan-sidebar .u1 .l1 img{margin-top:14px;width:60px;height:60px;border-radius:60px;}
.uizhan-sidebar .u1 .l2{color:#fff;}
.uizhan-sidebar .u1 .l2 a{color:#fff;}
.uizhan-sidebar .buy{float:left;width:304px;height:55px;}
.uizhan-sidebar .buy a{float:left;height:32px;width:98px;line-height:32px;border-radius:32px;text-align:center;color:#fff;font-size:14px;margin-top:15px;}
.uizhan-sidebar .buy .a1{margin-left:45px;background-color:#ff8700;}
.uizhan-sidebar .buy .a2{margin-left:18px;background-color:#5cc3ff;}
.uizhan-sidebar .ggcap{float:left;height:32px;margin:0 20px 5px 20px;width:264px;font-size:14px;background:url(/static/img/xx1.png) left bottom no-repeat;}
.uizhan-sidebar .ggcap a{float:left;width:33%;color:#000;text-align:center;height:29px;padding-top:3px;}
.uizhan-sidebar .ggcap .a1{background:url(/static/img/xx.png) center bottom no-repeat;}
.uizhan-sidebar .u2{float:left;margin:0 20px 0 20px;width:264px;height:28px;line-height:28px;overflow:hidden;font-size:14px;}
.uizhan-sidebar .u2 li{float:left;}
.uizhan-sidebar .u2 .l1{width:204px;}
.uizhan-sidebar .u2 .l1 a:hover{color:#fca700;}
.uizhan-sidebar .u2 .l2{width:60px;text-align:right;color:#999;}
.uizhan-sidebar .ks{float:left;border-top:#eeeeee solid 1px;margin:10px 20px 0 20px;width:264px;padding:15px 0 0 0;}
.uizhan-sidebar .ks span{float:left;width:33%;text-align:center;height:78px;}
.uizhan-sidebar .ks span img{width:40px;height:40px;margin-bottom:5px;}
.uizhan-sidebar .ks span a{color:#999999;}
.uizhan-sidebar .ks span a:hover{color:#fca700;}

.uizhan-notice{float:left;margin:20px 0 0 0;height:50px;border:#000000 solid 2px;border-radius:50px;width:1246px;color:#000;font-size:16px;background-color:#fff;display:flex;align-items:center;}
.uizhan-notice span{display:inline-block;}
.uizhan-notice .l1{width:60px;text-align:center;}
.uizhan-notice .l1 img{vertical-align:middle;}
.uizhan-notice .l2{width:115px;line-height:50px;}
.uizhan-notice .l3{flex:1;overflow:hidden;line-height:50px;}
.uizhan-notice .l3 a:hover{color:#fca700;}
.uizhan-notice .scroll-wrap{width:100%;overflow:hidden;}
.uizhan-notice .scroll-content{display:inline-block;white-space:nowrap;animation:scroll 40s linear infinite;}
.uizhan-notice .scroll-content:hover{animation-play-state:paused;}
.uizhan-notice .scroll-item{display:inline-block;margin-right:40px;}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.uizhan-ads{float:left;width:1250px;}
.uizhan-ads a{float:left;width:404px;height:205px;margin:19px 0 0 19px;overflow:hidden;border-radius:5px;transition: transform .25s ease-in, box-shadow .25s ease-in;}
.uizhan-ads .a1{margin-left:0;}
.uizhan-ads a:hover{transform:translateY(-5px);box-shadow:0 8px 10px #e6e6e6;}

.uizhan-main{float:left;width:950px;text-align:left;}
.uizhan-main .promain{float:left;width:950px;background-color:#fff;margin:20px 0 0 0;padding:0 0 38px 0;border-radius:10px;}
.uizhan-main .promain .cap{float:left;float:left;width:870px;margin:30px 40px 0 40px;font-size:15px;}
.uizhan-main .promain .cap li{float:left;}
.uizhan-main .promain .cap .l1{width:170px;}
.uizhan-main .promain .cap .l2{width:600px;line-height:20px;margin:15px 0 0 0;height:20px;overflow:hidden;}
.uizhan-main .promain .cap .l2 span{float:left;margin:0 20px 0 0;}
.uizhan-main .promain .cap .l2 span a{color:#424542;}
.uizhan-main .promain .cap .l2 span a:hover{color:#fca700;}
.uizhan-main .promain .cap .l3{width:100px;line-height:20px;margin:15px 0 0 0;text-align:right;}
.uizhan-main .promain .cap .l3 a{color:#424542;}
.uizhan-main .promain .cap .l3 a:hover{color:#fca700;}


.uizhan-main .promain .list{float:left;width:275px;height:auto;border-radius:8px;padding:0 0 25px 0;border:#ebebeb solid 1px;margin:19px 0 0 19px;overflow:hidden;transition:all .25s ease-in;box-shadow:0 2px 5px #e6e6e6;}
.uizhan-main .promain .list div{float:left;}
.uizhan-main .promain .list li{float:left;}
.uizhan-main .promain .list .l1{width:100%;height:280px;overflow:hidden;}
.uizhan-main .promain .list .l1 img{width:100%;height:280px;}
.uizhan-main .promain .list .l2{width:242px;font-size:16px;overflow:hidden;height:75px;padding:10px 19px 0 19px;line-height:25px;font-weight:200;}
.uizhan-main .promain .list .l2 span{color:#fcad13;border:#fcad13 solid 1px;border-radius:19px;font-size:14px;line-height:normal;line-height:19px;padding:0 10px;}
.uizhan-main .promain .list .l3{margin:15px 0 0 19px;width:90px;font-size:15px;font-weight:100;background:url(/static/img/djl.png) left center no-repeat;padding:5px 0 0 20px;height:20px;color:#605b5b;}
.uizhan-main .promain .list .l4{width:127px;text-align:right;font-size:18px;font-weight:500;margin:12px 19px 0 0;}
.uizhan-main .promain .list .l4 strong{font-size:25px;font-weight:500;}
.uizhan-main .promain .list1{margin-left:40px;}
.uizhan-main .promain .list4{margin-left:40px;}
.uizhan-main .promain .list:hover{transform:translateY(-5px);box-shadow:0 8px 10px #e6e6e6;}
.uizhan-main .promain .list:hover .l4{color:#fca700;}

.uizhan-recommend{float:right;background-color:#fff;margin:20px 0 0 20px;text-align:left;width:280px;padding:0 0 20px 0;border-radius:10px;}
.uizhan-recommend .cap{float:left;margin:32px 25px 0 25px;width:230px;border-bottom:#e2e2e2 solid 1px;height:50px;}
.uizhan-recommend .cap li{float:left;}
.uizhan-recommend .cap .l1{width:150px;}
.uizhan-recommend .cap .l2{width:80px;font-size:15px;margin:13px 0 0 0;text-align:right;}
.uizhan-recommend .cap .l2 a{color:#424542;}
.uizhan-recommend .cap .l2 a:hover{color:#fca700;}
.uizhan-recommend .list{float:left;width:240px;height:104px;margin:20px 20px 0 20px;border-radius:5px;box-shadow:0 2px 5px #e6e6e6;transition: transform .25s ease-in, box-shadow .25s ease-in;}
.uizhan-recommend .list div{float:left;}
.uizhan-recommend .list .l1{width:104px;}
.uizhan-recommend .list .l1 img{width:80px;height:80px;margin:12px 0 0 10px;border-radius:5px;}
.uizhan-recommend .list .l2{width:136px;margin:12px 0 0 0;}
.uizhan-recommend .list .l2 a{float:left;width:110px;font-size:14px;color:#666;line-height:20px;height:20px;overflow:hidden;}
.uizhan-recommend .list .l2 a:hover{color:#fca700;}
.uizhan-recommend .list .l3{width:136px;color:#ff6600;font-size:14px;margin:7px 0 0 0;}
.uizhan-recommend .list .l4{width:136px;border-top:#e2e2e2 solid 1px;margin:10px 0 0 0;width:122px;color:#a0a1a0;line-height:27px;}
.uizhan-recommend .list .l4 a{color:#a0a1a0;}
.uizhan-recommend .list .l4 a:hover{color:#fca700;}
.uizhan-recommend .list:hover{transform:translateY(-2px);box-shadow:0 8px 10px #e6e6e6;}

/* 热销商品区域 */
.uizhan-cat-hot{width:100%;margin:20px 0 0 0;clear:both;}
.uizhan-cat-hot .cat-section{float:left;width:100%;background-color:#fff;border-radius:10px;padding:20px 40px;box-sizing:border-box;}
.uizhan-cat-hot .cat-header{float:left;width:100%;height:50px;line-height:50px;border-bottom:#e2e2e2 solid 2px;margin:10px 0 20px 0;}
.uizhan-cat-hot .cat-header .cat-name{float:left;font-size:18px;color:#333;font-weight:700;}
.uizhan-cat-hot .cat-header .cat-count{float:left;font-size:14px;color:#999;margin:0 0 0 15px;}
.uizhan-cat-hot .cat-header .more{float:right;color:#999;}
.uizhan-cat-hot .cat-header .more:hover{color:#fca700;}
.uizhan-cat-hot .cat-goods{float:left;width:100%;}
.uizhan-cat-hot .goods-item{float:left;width:calc((100% - 60px) / 4);margin:0 20px 20px 0;border-radius:8px;border:#ebebeb solid 1px;overflow:hidden;transition:all .25s ease-in;box-shadow:0 2px 5px #e6e6e6;box-sizing:border-box;}
.uizhan-cat-hot .goods-item:nth-child(4n){margin-right:0;}
.uizhan-cat-hot .goods-item:hover{transform:translateY(-5px);box-shadow:0 8px 10px #e6e6e6;}
.uizhan-cat-hot .goods-item .goods-img{float:left;width:100%;height:180px;text-align:center;overflow:hidden;}
.uizhan-cat-hot .goods-item .goods-img img{width:100%;height:180px;object-fit:cover;}
.uizhan-cat-hot .goods-item .goods-title{float:left;width:calc(100% - 30px);height:50px;line-height:25px;margin:10px 0 0 15px;font-size:14px;color:#333;overflow:hidden;}
.uizhan-cat-hot .goods-item .goods-price{float:left;width:auto;height:30px;line-height:30px;margin:0 0 0 15px;font-size:18px;color:#ff6600;font-weight:700;}
.uizhan-cat-hot .goods-item .goods-sales{float:right;width:auto;height:30px;line-height:30px;margin:0 15px 10px 0;font-size:12px;color:#999;}
.uizhan-cat-hot .cat-goods:after{content:"";display:table;clear:both;}

/* ========== 推广商品展示区（首页热推好货） ========== */
.uizhan-promote{float:left;width:1246px;margin:15px 0 0;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.promote-header{background:linear-gradient(135deg,#ff6b35,#f7931e);padding:10px 20px;color:#fff;display:flex;align-items:center;}
.promote-title{font-size:16px;font-weight:bold;letter-spacing:1px;}
.promote-subtitle{font-size:12px;opacity:.85;margin-left:12px;}
.promote-list{display:flex;gap:12px;padding:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;}
.promote-list::-webkit-scrollbar{display:none;}
.promote-item{min-width:210px;max-width:231px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#fafafa;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eee;}
.promote-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,.18);border-color:#ff6b35;}
.promote-item a{display:block;text-decoration:none;color:inherit;}
.promote-img-wrap{position:relative;width:100%;height:150px;overflow:hidden;background:#eee;}
.promote-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.promote-item:hover .promote-img-wrap img{transform:scale(1.05);}
.promote-countdown{position:absolute;bottom:6px;right:6px;background:rgba(255,53,53,.85);color:#fff;font-size:11px;padding:2px 7px;border-radius:10px;white-space:nowrap;font-family:monospace;}
.promote-info{padding:10px;}
.promote-seller{font-size:11px;color:#999;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.promote-tit{font-size:13px;color:#333;line-height:1.4;height:36px;overflow:hidden;margin-bottom:8px;word-break:break-all;}
.promote-price-row{display:flex;justify-content:space-between;align-items:center;}
.promote-price strong{color:#e4393c;font-size:17px;}
.promote-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff!important;font-size:11px;padding:3px 10px;border-radius:12px;text-decoration:none!important;}
