@charset "utf-8";
body{background-color:#F1F2F3;}

.mleft{float:left;width:170px;height:402px;}

.yjcode .qh{float:left;width:712px;margin:10px 0 0 10px;}
.yjcode .qh .container{width:712px; height:271px; overflow:hidden;position:relative;}
.yjcode .qh .slider{position:absolute;}
.yjcode .qh .slider li{ list-style:none;display:inline;}
.yjcode .qh .slider img{ width:712px; height:271px; display:block;}
.yjcode .qh .slider2{width:2000px;}
.yjcode .qh .slider2 li{float:left;}
.yjcode .qh .num{ position:absolute; right:5px; bottom:5px;}
.yjcode .qh .num li{float: left;color: #00B369;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #00B369;background-color: #fff;}
.yjcode .qh .num li.on{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin: 0 1px;border: 0;background-color: #00B369;font-weight: bold;}

.scrollbox{float:left;width:712px;color:#666;margin:10px 0 0 0;background:#fff;text-align:left;}
#scrollDiv{width:710px;border:#e2e2e2 1px solid;border-top:0;overflow:hidden;height:72px;}
#scrollDiv ul{width:710px;padding:0 10px;height:71px;overflow:hidden;}
#scrollDiv li{overflow:hidden;line-height:22px;vertical-align:bottom;zoom:1;border-bottom:#e2e2e2 dashed 1px;height:30px;padding-top:5px;}
#scrollDiv li a{color:#369;text-decoration:none;}
#scrollDiv li a:hover{color:red;text-decoration:none;}
.scroltit {width:700px;font-size:14px;padding:8px 0 9px 10px;overflow:hidden;background:#f3f3f3 url(../homeimg/aiyouImg/ai1.gif) 0 bottom repeat-x;border:#e2e2e2 1px solid;border-bottom:0;}
.scroltit strong{padding-right:5px;float:left;}
.scroltit em{color:#939393;font-size:12px;line-height:19px;float:left;}
.scroltit small{float:right;margin:0 5px 0 0;height:15px;width:15px;BORDER:#ddd 1px solid;display:inline;overflow:hidden;}
.scroltit small:hover{border:#4280dc 1px solid;}

.ggright{float:right;width:246px;margin:10px 0 0 0;height:390px;background-color:#fff;border:#E2E2E2 solid 1px;text-align:left;}
.ggright .u1{float:left;width:246px;height:92px;border-bottom:#F3F3F3 solid 1px;background:url(../homeimg/aiyouImg/gg.png) center top no-repeat;}
.ggright .u1 li{float:left;}
.ggright .u1 .l1{width:228px;margin:12px 0 0 18px;}
.ggright .u1 .l1 a{float:left;width:95px;height:34px;}
.ggright .u1 .l1 a:hover{text-decoration:none;}
.ggright .u1 .l1 .a1{background:url(../homeimg/aiyouImg/a1.png) no-repeat;margin-right:18px;}
.ggright .u1 .l1 .a1:hover{background:url(../homeimg/aiyouImg/a11.png) no-repeat;}
.ggright .u1 .l1 .a2{background:url(../homeimg/aiyouImg/a2.png) no-repeat;}
.ggright .u1 .l1 .a2:hover{background:url(../homeimg/aiyouImg/a21.png) no-repeat;}
.ggright .u1 .l2{margin:11px 0 0 18px;width:103px;}
.ggright .u1 .l3{margin:8px 0 0 0;width:125px;}
.ggright .u1 .l3 a{float:left;margin:0 10px 0 0;width:20px;height:21px;}
.ggright .u1 .l3 .a1{background:url(../homeimg/aiyouImg/wx1.png) no-repeat;}
.ggright .u1 .l3 .a1:hover{background:url(../homeimg/aiyouImg/wx11.png) no-repeat;}
.ggright .u1 .l3 .a2{background:url(../homeimg/aiyouImg/qq1.png) no-repeat;}
.ggright .u1 .l3 .a2:hover{background:url(../homeimg/aiyouImg/qq11.png) no-repeat;}
.ggright .u11{float:left;width:246px;height:92px;border-bottom:#F3F3F3 solid 1px;}
.ggright .u11 li{float:left;}
.ggright .u11 .l1{margin:7px 0 0 7px;width:62px;height:52px;}
.ggright .u11 .l1 img{width:48px;height:48px;padding:1px;border:#CBCBCF solid 1px;border-radius:3px;}
.ggright .u11 .l2{margin:7px 7px 0 0;width:170px;height:52px;font-size:14px;}
.ggright .u11 .l2 .s1{float:left;width:170px;height:17px;overflow:hidden;margin:1px 0 0 0;}
.ggright .u11 .l2 .s2{float:left;width:170px;height:17px;overflow:hidden;margin:10px 0 0 0;}
.ggright .u11 .l2 a{color:#2254DF;}
.ggright .u11 .l2 a:hover{color:#ff6600;text-decoration:none;}
.ggright .u11 .l3{margin:4px 0 0 7px;width:239px;}
.ggright .u11 .l3 a{float:left;color:#666;border:#EDEDED solid 1px;padding:3px 3px 0 3px;height:20px;margin:0 6px 0 0;}
.ggright .u11 .l3 a:hover{color:#ff6600;text-decoration:none;}
.ggright .u2{float:left;width:246px;height:92px;border-bottom:#f3f3f3 solid 1px;}
.ggright .u2 li{float:left;}
.ggright .u2 .l1{margin:10px 0 0 12px;width:234px;height:30px;font-size:14px;}
.ggright .u2 .l2{margin:0 0 0 12px;width:105px;height:27px;}
.ggright .u2 .l2 strong{color:#DD530F;}
.ggright .u3{float:left;width:246px;}
.ggright .u3 li{float:left;}
.ggright .u3 .l1{margin:12px 0 0 12px;width:100px;height:30px;font-size:14px;}
.ggright .u3 .l2{margin:12px 12px 0 0;width:122px;height:30px;font-size:14px;text-align:right;}
.ggright .u3 .l2 a{color:#999;}
.ggright .u3 .l3{height:18px;width:156px;padding:0 0 0 12px;margin:0 0 8px 0;overflow:hidden;}
.ggright .u3 .l3 a:hover{color:#FF0000;text-decoration:none;}
.ggright .u3 .l4{height:26px;width:66px;text-align:right;padding-right:12px;}
/**/
/*推荐商家*/
.tjsj{float:left;width:1150px;text-align:left;height:52px;background-color:#fff;margin:10px 0 0 0;}
.tjsj li{float:left;}
.tjsj .l1{width:70px;border-bottom:#FF6600 solid 2px;background:url(../homeimg/aiyouImg/tj.png) no-repeat;padding:14px 0 0 40px;background-position:10px 12px;color:#FF6600;font-size:16px;height:36px;}
.tjsj .l2{width:780px;border-bottom:#0EC5A1 solid 2px;height:50px;padding-left:20px;}
.tjsj .l2 a{float:left;border:#EEEEEE solid 1px;height:18px;border-radius:3px;padding:0 5px;background-color:#FAFAFA;margin:15px 12px 0 0;}
.tjsj .l2 a:hover{text-decoration:none;color:#ff6600;}
.tjsj .l3{width:240px;border-bottom:#0EC5A1 solid 2px;height:50px;}
.tjsj .l3 span{float:left;width:220px;color:#fff;text-align:center;font-size:14px;background-color:#0EC5A1;height:26px;padding:6px 0 0 0;margin:9px 0 0 10px;}
.tjsjleft{float:left;width:910px;height:346px;background-color:#fff;text-align:left;}
.tjsjleft .u1{float:left;width:213px;height:157px;border:#E2E2E2 solid 1px;margin:10px 0 0 10px;}
.tjsjleft .u1 li{float:left;}
.tjsjleft .u1 .l1{width:213px;}
.tjsjleft .u1 .l1 .a1{float:left;width:75px;height:75px;margin:10px 0 0 10px;}
.tjsjleft .u1 .l1 .a1 img{width:75px;height:75px;border-radius:3px;}
.tjsjleft .u1 .l1 .a2{float:left;margin:10px 10px 0 10px;width:108px;height:18px;font-size:14px;font-weight:700;overflow:hidden;}
.tjsjleft .u1 .l1 .a2:hover{text-decoration:none;color:#ff6600;}
.tjsjleft .u1 .l1 .s1{float:left;margin:9px 10px 0 10px;width:108px;height:23px;}
.tjsjleft .u1 .l1 .a3{float:left;width:58px;height:16px;background-color:#5AB0EA;border:#5AB0EA solid 1px;text-align:center;color:#fff;border-radius:2px;padding:2px 0 0 0;font-family:"宋体";margin:0 0 0 10px;}
.tjsjleft .u1 .l1 .a3:hover{text-decoration:none;background-color:#F5FAFF;color:#5AB0EA;}
.tjsjleft .u1 .l2{margin:13px 10px 0 10px;width:193px;color:#666;height:17px;background:url(../homeimg/aiyouImg/bg.png) left center repeat-x;}
.tjsjleft .u1 .l2 strong{float:left;background-color:#fff;padding:0 10px 0 0;}
.tjsjleft .u1 .l2 i{color:#336699;}
.tjsjleft .u1 .l3{width:193px;height:18px;overflow:hidden;margin:12px 10px 0 10px;overflow:hidden;}
.tjsjleft .u1 .l3 .s1{color:#ff6600;}
.tjsjleft .u1 .l3 a:hover{text-decoration:none;color:#ff6600;}
.tjsjleft .u1:hover{border:#ccc solid 1px;}
.tjsjright{float:left;border-left:#E2E2E2 solid 1px;height:346px;width:219px;padding:0 10px;text-align:left;background-color:#fff;}
.tjsjright .u1{float:left;width:219px;height:90px;margin:10px 0 0 0;}
.tjsjright .u1 li{float:left;}
.tjsjright .u1 .l1{width:84px;}
.tjsjright .u1 .l1 img{width:74px;border-radius:3px;}
.tjsjright .u1 .l2{width:135px;}
.tjsjright .u1 .l2 .a1{float:left;background:url(../homeimg/aiyouImg/pm1.gif) no-repeat;width:100px;height:24px;font-weight:700;font-size:14px;padding:5px 0 0 35px;}
.tjsjright .u1 .l2 .a1:hover{color:#0EC5A1;text-decoration:none;}
.tjsjright .u1 .l2 .s1{float:left;width:135px;color:#CCCCD2;height:18px;margin:5px 0 0 0;}
.tjsjright .u1 .l2 .s2{float:left;width:135px;color:#F150A2;font-size:14px;}
.tjsjright .u1 .l2 .s2 strong{font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;}
.tjsjright .u2{float:left;width:219px;height:52px;border-top:#EEEEEE dotted 1px;padding:8px 0 0 0;}
.tjsjright .u2 li{float:left;}
.tjsjright .u2 .l1{width:54px;}
.tjsjright .u2 .l1 img{width:44px;height:44px;border-radius:3px;}
.tjsjright .u2 .l2{width:26px;}
.tjsjright .u2 .l3{width:139px;}
.tjsjright .u2 .l3 .a1{width:139px;float:left;}
.tjsjright .u2 .l3 .a1:hover{color:#0EC5A1;text-decoration:none;}
.tjsjright .u2 .l3 .s1{float:left;width:40px;color:#CCCCD2;margin:5px 0 0 0;}
.tjsjright .u2 .l3 .s2{color:#F150A2;width:99px;margin:5px 0 0 0;}
.tjsjright .u2 .l3 .s2 strong{font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
/**/
/*畅销*/
.rmcap{float:left;width:1150px;margin:10px 0 0 0;text-align:left;height:52px;background-color:#fff;}
.rmcap li{float:left;}
.rmcap .l1{width:70px;border-bottom:#FF6600 solid 2px;background:url(../homeimg/aiyouImg/re.png) no-repeat;padding:14px 0 0 40px;background-position:10px 12px;color:#FF6600;font-size:16px;height:36px;}
.rmcap .l2{width:900px;border-bottom:#0EC5A1 solid 2px;height:50px;padding-left:20px;}
.rmcap .l2 a{float:left;border:#EEEEEE solid 1px;height:18px;border-radius:3px;padding:0 5px;background-color:#FAFAFA;margin:15px 12px 0 0;}
.rmcap .l2 a:hover{text-decoration:none;color:#ff6600;}
.rmcap .l3{width:100px;text-align:right;padding:15px 10px 0 0;border-bottom:#0EC5A1 solid 2px;height:35px;}
.rmcap .l4 a{font-size:14px;}
.rmlist{float:left;background-color:#fff;text-align:left;width:1150px;padding:16px 0;}
.rmlist .u1{float:left;height:30px;margin:0 0 0 16px;width:362px;padding-top:10px;font-size:14px;}
.rmlist .u1 li{float:left;}
.rmlist .u1 .l1{width:65px;color:#ff6600;padding-left:5px;overflow:hidden;height:18px;}
.rmlist .u1 .l2{width:182px;height:18px;overflow:hidden;margin-left:10px;}
.rmlist .u1 .l2 a:hover{color:#0EC5A1;text-decoration:none;}
.rmlist .u1 .l3{width:72px;text-align:right;margin:0 8px 0 20px;height:18px;overflow:hidden;}
.rmlist .u1 .l3 a:hover{color:#0EC5A1;text-decoration:none;}
.rmlist .u1:hover{background-color:#F2F2F2;}
.rmlist1{float:left;text-align:left;width:1140px;padding:0 0 10px 10px;background-color:#fff;}
.rmlist1 .u1{float:left;width:214px;padding:1px;margin:10px 10px 0 0;border:#F2F2F2 solid 1px;background-color:#fff;}
.rmlist1 .u1 li{float:left;}
.rmlist1 .u1 .l1{width:100%;height:214px;overflow:hidden;position:relative;}
.rmlist1 .u1 .l1 img{width:100%;height:214px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.rmlist1 .u1 .l1 .d1{float:left;position:absolute;background:url(../product/img/ysbg.png) left top no-repeat;width:214px;height:30px;margin:218px 0 0 0;text-align:left;-webkit-animation-name:fadeIn;-webkit-animation-duration:1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;z-index:1;}
.rmlist1 .u1 .l1 .d1 a{color:#fff;}
.rmlist1 .u1 .l1 .d1 .s1{float:left;width:106px;padding:7px 0 0 40px;}
.rmlist1 .u1 .l1 .d1 .s2{float:left;width:60px;color:#fff;padding:7px 0 0 8px;}
.rmlist1 .u1 .l1 .d1 a:hover{text-decoration:none;}
.rmlist1 .u1 .l3{width:204px;height:36px;font-size:14px;padding:10px 5px 0 5px;overflow:hidden;}
.rmlist1 .u1 .l3 .st{float:left;font-family:"宋体";font-size:12px;text-align:center;margin:2px 0 0 0;}
.rmlist1 .u1 .l3 .s1{color:#fff;background-color:#000000;width:27px;height:15px;padding:1px 0 0 2px;border-radius:2px 0 0 2px;}
.rmlist1 .u1 .l3 .s2{color:#000;border:#000 solid 1px;background-color:#EFC532;width:26px;height:14px;margin-right:3px;border-radius:0 2px 2px 0;}
.rmlist1 .u1 .l3 a{color:#666;}
.rmlist1 .u1 .l3 a:hover{color:#E23A3A;text-decoration:none;}
.rmlist1 .u1 .l2{width:213px;height:26px;padding:6px 0 0 1px;font-size:19px;color:#F34479;}
.rmlist1 .u1 .l5{width:206px;font-size:14px;height:16px;padding:1px 3px 0 5px;overflow:hidden;}
.rmlist1 .u1 .l5 a{color:#999;}
.rmlist1 .u1 .l5 a:hover{color:#E23A3A;}
.rmlist1 .u1 .l6{width:207px;text-align:center;padding:0 5px 0 2px;height:34px;}
.rmlist1 .u1 .l6 span{float:right;padding:1px 4px 1px 4px;cursor:pointer;margin:7px 0 0 3px;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
.rmlist1 .u1 .l6 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}
.rmlist1 .u1 .l6 .s1{border:#E23A3A solid 1px;color:#E23A3A;}
.rmlist1 .u1:hover .d1{display:block; margin-top:188px;transition:all .3s;}
.rmlist1 .u0{margin-right:0;}
.rmlist1 .u1:hover{box-shadow:0 0 10px rgba(0,0,0,.3);}
.rmlist1 .u1:hover .l1 img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/**/
/*友情链接*/
.linkcap{float:left;width:1150px;margin:10px 0 0 0;text-align:left;height:52px;background-color:#fff;}
.linkcap li{float:left;}
.linkcap .l1{width:70px;border-bottom:#FF6600 solid 2px;background:url(../homeimg/aiyouImg/link.png) no-repeat;padding:14px 0 0 40px;background-position:10px 12px;color:#FF6600;font-size:16px;height:36px;}
.linkcap .l2{width:900px;border-bottom:#0EC5A1 solid 2px;height:50px;padding-left:20px;}
.linkcap .l2 a{float:left;border:#EEEEEE solid 1px;height:18px;border-radius:3px;padding:0 5px;background-color:#FAFAFA;margin:15px 12px 0 0;}
.linkcap .l2 a:hover{text-decoration:none;color:#ff6600;}
.linkcap .l3{width:100px;text-align:right;padding:15px 10px 0 0;border-bottom:#0EC5A1 solid 2px;height:35px;}
.linkcap .l4 a{font-size:14px;}
.linkmain{float:left;width:1150px;background-color:#fff;text-align:left;}
.linkmain li{float:left;}
.linkmain .l1{width:1150px;}
.linkmain .l1 img{width:100px;height:35px;border:#ddd solid 1px;margin:9px 0 0 9px;}
.linkmain .l2{padding:9px;width:1132px;line-height:20px;}
.linkmain .l2 a:hover{color:#ff6600;}
/**/
/*热销商品*/
.dtjcap{float:left;width:1150px;margin:10px 0 0 0;text-align:left;height:52px;background-color:#fff;}
.dtjcap li{float:left;}
.dtjcap .l1{width:70px;border-bottom:#FF6600 solid 2px;background:url(../homeimg/aiyouImg/xs.png) no-repeat;padding:14px 0 0 40px;background-position:10px 12px;color:#FF6600;font-size:16px;height:36px;}
.dtjcap .l2{width:900px;border-bottom:#0EC5A1 solid 2px;height:50px;padding-left:20px;}
.dtjcap .l2 a{float:left;border:#EEEEEE solid 1px;height:18px;border-radius:3px;padding:0 5px;background-color:#FAFAFA;margin:15px 12px 0 0;}
.dtjcap .l2 a:hover{text-decoration:none;color:#ff6600;}
.dtjcap .l3{width:100px;text-align:right;padding:15px 10px 0 0;border-bottom:#0EC5A1 solid 2px;height:35px;}
.dtjcap .l3 a{font-size:14px;}
.dtj{float:left;width:1125px;background-color:#fff;padding:7px 12px 7px 13px;}
.dtj .u1{float:left;width:205px;padding:7px;border:#fff solid 1px;margin:6px 0 0 5px;text-align:left;background-color:#fff;}
.dtj .u1 li{float:left;}
.dtj .u1 .l1{width:205px;height:205px;position:relative;transition:all .2s;overflow: hidden;}
.dtj .u1 .l1 img{width:205px;height:205px;}
.dtj .u1 .l1 .d1{width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);z-index:8;text-align: center;overflow: hidden;top:171px;transition:all .3s;}
.dtj .u1 .l1:hover .d1{top: 0}
.dtj .u1 .l1 .d1 a{width: 100%;height: 100%;display: block;color: #fff;text-decoration:none;}
.dtj .u1 .l1 .look-but{width: 92px;height: 30px;line-height: 28px;display: block;color:#fff;font-size: 14px;background:#00b369;border-radius: 2px;text-align: center;margin:14px 0 0 56px;text-indent: 5px; font-style: normal; float:left;}
.dtj .u1 .l1 .d1 .list-name{display: block;padding-top:6px;text-align: center;font-size:16px;transition:all .3s;}
.dtj .u1 .l1 .d1 .sfont{float:left;width:100%;font-size:16px;line-height:30px;margin:15px 0 0 0;text-align:center;}
.dtj .u1 .l1:hover .d1 .list-name{padding-top:20px;}
.dtj .u1 .l1 .look-but:hover{ background: #00a460; }
.dtj .u1 .l3{width:205px;height:35px;font-size:14px;margin:10px 0 6px 0;overflow:hidden;}
.dtj .u1 .l3 span{float:left;font-family:"宋体";font-size:12px;text-align:center;margin:2px 0 0 0;}
.dtj .u1 .l3 .s1{color:#fff;background-color:#000000;width:26px;height:15px;padding:1px 0 0 2px;border-radius:2px 0 0 2px;}
.dtj .u1 .l3 .s2{color:#000;border:#000 solid 1px;background-color:#EFC532;width:26px;height:14px;margin-right:3px;border-radius:0 2px 2px 0;}
.dtj .u1 .l3 a{color:#666;}
.dtj .u1 .l3 a:hover{color:#E23A3A;text-decoration:none;}
.dtj .u1 .l2{width:205px;height:26px;font-size:19px;color:#F34479;}
.dtj .u1 .l5{width:205px;font-size:14px;height:16px;padding:1px 0 0 0;overflow:hidden;}
.dtj .u1 .l5 a{color:#999;}
.dtj .u1 .l5 a:hover{color:#E23A3A;}
.dtj .u1 .l6{width:205px;text-align:center;height:34px;}
.dtj .u1 .l6 span{float:right;padding:1px 4px 1px 4px;cursor:pointer;margin:7px 0 0 3px;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
.dtj .u1 .l6 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}
.dtj .u1 .l6 .s1{border:#E23A3A solid 1px;color:#E23A3A;}
.dtj .u1:hover{border:#DDDDDD solid 1px;box-shadow:0 0 10px rgba(0,0,0,.3);}
.dtj .u11{margin-left:0;}
/**/
/*任务*/
.taskm{float:left;width:1150px;text-align:left;margin:10px 0 0 0;}
.taskm .u1{float:left;width:1150px;background-color:#fff;}
.taskm .u1 li{float:left;height:36px;}
.taskm .u1 .l1{width:110px;border-bottom:#E8E8E8 solid 2px;cursor:pointer;text-align:center;font-size:16px;margin:14px 0 0 0;}
.taskm .u1 .l11{border-bottom:#ff6600 solid 2px;color:#ff6600;}
.taskm .u1 .l0{width:20px;border-bottom:#E8E8E8 solid 2px;height:50px;}
.taskm .u1 .l0 span{float:left;border-left:#e8e8e8 solid 2px;height:20px;margin:16px 0 0 7px;}
.taskm .u1 .l2{width:900px;border-bottom:#E8E8E8 solid 2px;text-align:right;font-size:14px;padding:16px 10px 0 0;height:34px;}
.taskm .u1 .l2 a:hover{text-decoration:none;color:#ff6600;}
.taskm .d1{float:left;border-right:#e8e8e8 solid 1px;width:930px;padding:0 0 0 20px;height:405px;background-color:#fff;}
.taskm .d1 .u2{float:left;width:310px;margin:20px 0 0 0;height:35px;}
.taskm .d1 .u2 li{float:left;}
.taskm .d1 .u2 .l1{width:310px;font-size:14px;height:20px;overflow:hidden;}
.taskm .d1 .u2 .l1 a:hover{text-decoration:none;color:#ff6600;}
.taskm .d1 .u2 .l2{width:310px;color:#999;font-family:Arial, Helvetica, sans-serif;padding:3px 0 0 0;}
.taskm .d2{float:left;width:199px;height:405px;background-color:#fff;}
.taskm .d2 .a1{float:left;margin:20px 15px 0 15px;width:169px;color:#fff;font-size:14px;padding:7px 0 0 0;height:27px;text-align:center;background-color:#ff6600;}
.taskm .d2 .a1:hover{text-decoration:none;}
.taskm .d2 .u2{float:left;width:169px;margin:20px 15px 0 15px;height:35px;}
.taskm .d2 .u2 li{float:left;}
.taskm .d2 .u2 .l1{width:169px;height:19px;overflow:hidden;}
.taskm .d2 .u2 .l1 a:hover{text-decoration:none;color:#ff6600;}
.taskm .d2 .u2 .l2{width:99px;color:#999;font-family:Arial, Helvetica, sans-serif;padding:4px 0 0 0;}
.taskm .d2 .u2 .l3{width:70px;color:#999;font-family:Arial, Helvetica, sans-serif;text-align:right;padding:4px 0 0 0;}

.slide {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    display: flex !important;
    flex-direction: row !important;
}

.slide-left {
    flex: 1;
    position: relative;
    height: 400px;
    overflow: hidden;
    min-width: 0;
    display: block !important;
}

.slide .pic {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide .pic .dev {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.slide .pic .dev.active {
    opacity: 1;
}

.slide .pic .dev img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slide .dot {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.slide .dot a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
}

.slide .dot a.curr {
    background: #fff;
}

.slide-right {
    width: 240px;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    flex-shrink: 0;
    position: relative;
    z-index: 10;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.game-list {
    padding: 8px;
    height: 100%;
    box-sizing: border-box;
    display: block !important;
    visibility: visible !important;
}

.game-item {
    display: flex;
    align-items: center;
    padding: 6px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    border-radius: 4px;
    margin-bottom: 3px;
}

.game-item:hover, .game-item.active {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
    color: #fff;
}

.game-item:link, .game-item:visited {
    text-decoration: none;
    color: #fff;
}

.game-icon {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    margin-right: 8px;
    object-fit: cover;
}

.game-info {
    flex: 1;
    min-width: 0;
}

.game-title {
    font-size: 13px;
    margin-bottom: 2px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game-desc {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* 游戏商店区域 - 通用样式 */
.game-store-section {
	display: flex;
	gap: 20px;
	border-radius: 15px;
}

.game-store-section .game-cards-section {
	flex: 3.5;
}

.game-store-section .game-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 12px;
	height: 420px;
	padding: 10px 15px;
}

/* 本周TOP4专用样式 */
.favorite .game-store-section .game-cards-grid {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	height: 200px;
}

.game-store-section .game-card {
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e5e8eb;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 95%;
	width: 95%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.game-store-section .game-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.game-store-section .game-card .card-tags {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
}

.game-store-section .game-card .promo-tag {
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 9px;
	font-weight: bold;
	margin-left: 0;
	flex-shrink: 0;
}

.game-store-section .game-card .promo-tag.promo-top1 {
	background: #ff4757;
}

.game-store-section .game-card .promo-tag.promo-top2 {
	background: #ff6b35;
}

.game-store-section .game-card .promo-tag.promo-top3 {
	background: #ffa502;
}

.game-store-section .game-card .promo-tag.promo-top4 {
	background: #2ed573;
}

.game-store-section .game-card .discount-percent {
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 9px;
	font-weight: bold;
	margin-right: 0;
	flex-shrink: 0;
}

.game-store-section .game-card .card-image {
	position: relative;
	width: 100%;
	flex: 1;
	overflow: hidden;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.game-store-section .game-card .card-image img {
	width: 100%;
	height: 100%;
}

.game-store-section .game-card .card-info {
	padding: 6px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 50px;
	text-align: center;
}

.game-store-section .game-card .game-title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 6px 0;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.game-store-section .game-card .price-info {
	display: flex;
	align-items: flex-start;
	gap: 3px;
	flex-wrap: wrap;
	margin-top: auto;
	justify-content: center;
}

.game-store-section .game-card .current-price {
	font-size: 13px;
	font-weight: bold;
	color: #ff4757;
}

.game-store-section .game-card .coupon-label {
	font-size: 7px;
	background-color: #ffba08;
	color: white;
	padding: 1px 2px;
	border-radius: 2px;
	font-weight: bold;
}

.game-store-section .game-card .original-price {
	font-size: 9px;
	color: #999;
	text-decoration: line-through;
}

.game-store-section .game-card .game-category {
	margin-bottom: 4px;
}

.game-store-section .game-card .category-label {
	font-size: 10px;
	color: #fff;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 3px 8px;
	border-radius: 12px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
	display: inline-block;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.game-store-section .game-card .category-label:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

/* 今日值得买专属样式 */
.today-worth-buying {
	display: flex;
	gap: 20px;
	border-radius: 15px;
}

.today-worth-buying .game-cards-section {
	flex: 3.5;
}

.today-worth-buying .game-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	/* gap: 12px; */
	height: 420px;
	padding: 10px 15px;
}

.today-worth-buying .game-card {
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e5e8eb;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 84%;
	width: 95%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-top: 12px;
}

.today-worth-buying .game-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.today-worth-buying .game-card .card-tags {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
}

.today-worth-buying .game-card .promo-tag {
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 9px;
	font-weight: bold;
	margin-left: 0;
	flex-shrink: 0;
}

.today-worth-buying .game-card .promo-tag.promo-ultra-low {
	background: #ff4757;
}

.today-worth-buying .game-card .promo-tag.promo-low {
	background: #ff4757;
}

.today-worth-buying .game-card .promo-tag.promo-new {
	background: #3742fa;
}

.today-worth-buying .game-card .discount-percent {
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 9px;
	font-weight: bold;
	margin-right: 0;
	flex-shrink: 0;
}

.today-worth-buying .game-card .card-image {
	position: relative;
	width: 100%;
	flex: 1;
	overflow: hidden;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.today-worth-buying .game-card .card-image img {
	width: 100%;
	height: 100%;
}

.today-worth-buying .game-card .card-info {
	padding: 6px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 50px;
	text-align: center;
}

.today-worth-buying .game-card .game-title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 6px 0;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.today-worth-buying .game-card .price-info {
	display: flex;
	align-items: flex-start;
	gap: 3px;
	flex-wrap: wrap;
	margin-top: auto;
	justify-content: center;
}

.today-worth-buying .game-card .current-price {
	font-size: 13px;
	font-weight: bold;
	color: #ff4757;
}

.today-worth-buying .game-card .coupon-label {
	font-size: 7px;
	background-color: #ffba08;
	color: white;
	padding: 1px 2px;
	border-radius: 2px;
	font-weight: bold;
}

.today-worth-buying .game-card .original-price {
	font-size: 9px;
	color: #999;
	text-decoration: line-through;
}

.today-worth-buying .game-card .game-category {
	margin-bottom: 4px;
}

.today-worth-buying .game-card .category-label {
	font-size: 10px;
	color: #fff;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 3px 8px;
	border-radius: 12px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
	display: inline-block;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.today-worth-buying .game-card .category-label:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

/* 发行商特卖卡片样式 */
.publisher-card-section {
	width: 764px;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}

.publisher-cards-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 8px;
	height: 300px;
	width: 100%;
}

.publisher-card {
	position: relative;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #e5e8eb;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.publisher-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.publisher-card .card-tags {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	/* padding: 3px; */
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
}

.publisher-card .promo-tag {
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 8px;
	font-weight: bold;
	margin-left: 0;
	flex-shrink: 0;
}

.publisher-card .promo-tag.promo-low {
	background: #ff4757;
}

.publisher-card .promo-tag.promo-hot {
	background: #ff6b35;
}

.publisher-card .promo-tag.promo-recommend {
	background: #ffa502;
}

.publisher-card .promo-tag.promo-select {
	background: #2ed573;
}

.publisher-card .promo-tag.promo-new {
	background: #3742fa;
}

.publisher-card .promo-tag.promo-choice {
	background: #5352ed;
}

.publisher-card .promo-tag.promo-limited {
	background: #ff3838;
}

.publisher-card .discount-percent {
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 8px;
	font-weight: bold;
	margin-right: 0;
	flex-shrink: 0;
}

.publisher-card .card-image {
	position: relative;
	width: 100%;
	flex: 1;
	overflow: hidden;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.publisher-card .card-image img {
	width: 100%;
	height: 100%;
	/* object-fit: contain; */
}

.publisher-card .card-info {
	padding: 6px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 45px;
	text-align: center;
}

.publisher-card .game-title {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 0 0 4px 0;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.publisher-card .price-info {
	display: flex;
	align-items: flex-start;
	gap: 3px;
	flex-wrap: wrap;
	margin-top: auto;
	justify-content: center;
}

.publisher-card .current-price {
	font-size: 12px;
	font-weight: bold;
	color: #ff4757;
}

.publisher-card .coupon-label {
	font-size: 7px;
	background-color: #ffba08;
	color: white;
	padding: 1px 2px;
	border-radius: 2px;
	font-weight: bold;
}

.publisher-card .original-price {
	font-size: 9px;
	color: #999;
	text-decoration: line-through;
}

/* 确保发行商特卖区域三列布局 */
.area.prefecture_lol .comm_bg,
.area.prefecture_cf .comm_bg,
.area.prefecture_bns .comm_bg,
.area.prefecture_yl .comm_bg {
	overflow: visible;
	min-height: auto;
}

.area .pic {
	float: left;
	width: 240px;
	height: auto;
	overflow: visible;
}

.area .pic img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
}

.area .rank {
	float: right;
	width: 186px;
	height: 304px;
	overflow-y: auto;
}

/* 确保发行商特卖卡片在小屏幕下的适配 */
@media (max-width: 1200px) {
	.publisher-card-section {
		width: calc(100% - 426px);
	}
	
	.publisher-cards-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}
}

@media (max-width: 950px) {
	.publisher-card-section {
		width: 100%;
		float: none;
	}
	
	.area .pic,
	.area .rank {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	.publisher-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 右侧游戏列表 */
.game-store-section .game-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	height: 410px;
	overflow-y: auto;
	padding: 10px 2px;
}

.game-store-section .game-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px;
	background: #f8f9fa;
	border-radius: 6px;
	border: 1px solid #e9ecef;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
	height: 50px;
	width: 100%;
	box-sizing: border-box;
}

.game-store-section .game-item:hover {
	transform: translateX(2px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	background: #fff;
}

.game-store-section .game-item .promo-tag {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 10;
	font-size: 8px;
	padding: 2px 4px;
}

.game-store-section .game-item .promo-tag.promo-low {
	background: #ff4757;
}

.game-store-section .game-item .promo-tag.promo-new {
	background: #3742fa;
}

.game-store-section .game-thumb {
	width: 38px;
	height: 38px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
}

.game-store-section .game-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 3px;
}

.game-store-section .game-info {
	flex: 1;
	min-width: 0;
	width: 110px;
	overflow: hidden;
}

.game-store-section .game-info h4 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 0 0 3px 0;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.game-store-section .price-row {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
	max-width: 110px;
}

.game-store-section .price-row .current-price {
	font-size: 11px;
	font-weight: bold;
	color: #ff4757;
}

.game-store-section .price-row .original-price {
	font-size: 10px;
	color: #999;
	text-decoration: line-through;
}

.game-store-section .price-row .coupon-label {
	font-size: 8px;
	background-color: #ffba08;
	color: white;
	padding: 2px 4px;
	border-radius: 3px;
	font-weight: bold;
}

.game-store-section .discount-badge {
	position: absolute;
	top: 4px;
	right: 4px;
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 8px;
	font-weight: bold;
	z-index: 10;
	min-width: 25px;
	text-align: center;
	margin-right: 0;
	flex-shrink: 0;
}

/* 全部游戏区域样式 */
.all-games-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
	padding: 15px;
	height: auto;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.all-games-grid .game-card {
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e5e8eb;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 220px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.all-games-grid .game-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.all-games-grid .game-card .card-tags {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
}

.all-games-grid .game-card .discount-percent {
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
	font-size: 9px;
	font-weight: bold;
	margin-right: 0;
	flex-shrink: 0;
}

.all-games-grid .game-card .card-image {
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
}

.all-games-grid .game-card .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.all-games-grid .game-card .card-info {
	padding: 4px 8px 6px 8px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}

.all-games-grid .game-card .game-title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 2px 0;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.all-games-grid .game-card .game-title a {
	color: #333;
	text-decoration: none;
}

.all-games-grid .game-card .game-title a:hover {
	color: #ff4757;
}

.all-games-grid .game-card .game-category {
	margin-bottom: 2px;
}

.all-games-grid .game-card .category-label {
	font-size: 9px;
	color: #fff;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 1px 5px;
	border-radius: 8px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
	display: inline-block;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.all-games-grid .game-card .price-info {
	display: flex;
	align-items: flex-start;
	gap: 3px;
	flex-wrap: wrap;
	margin-top: 4px;
	justify-content: center;
}

.all-games-grid .game-card .current-price {
	font-size: 13px;
	font-weight: bold;
	color: #ff4757;
}

.all-games-grid .game-card .coupon-label {
	font-size: 7px;
	background-color: #ffba08;
	color: white;
	padding: 1px 2px;
	border-radius: 2px;
	font-weight: bold;
}

.all-games-grid .game-card .original-price {
	font-size: 9px;
	color: #999;
	text-decoration: line-through;
}

/* 全部游戏主容器固定宽度 */
.all-games {
	width: 100%;
	max-width: 1190px;
	box-sizing: border-box;
}

/* 全部游戏区域容器固定高度和宽度 */
.all-games .game-store-section {
	height: auto;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.all-games .game-cards-section {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

/* 分页样式 */
.pagination-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px;
	border-top: 1px solid #e5e8eb;
	background: #fff;
	flex-shrink: 0;
}

/* 分页链接样式 */
.pagination-container a {
	text-decoration: none !important;
	color: #666;
	padding: 5px 10px;
	border-radius: 3px;
	transition: all 0.3s ease;
}

.pagination-container a:hover {
	background-color: #f5f5f5;
	color: #333;
	text-decoration: none !important;
}

.pagination-container a.disabled {
	color: #ccc;
	cursor: not-allowed;
	text-decoration: none !important;
}

.pagination-container a.disabled:hover {
	background-color: transparent;
	text-decoration: none !important;
}

.pagination-container .current {
	background-color: #007bff;
	color: white;
	padding: 5px 10px;
	border-radius: 3px;
}

.pagination-container .ellipsis {
	color: #999;
	padding: 5px 5px;
}

.pagination-info {
	font-size: 14px;
	color: #666;
	margin-left: 20px;
}

.pagination-controls {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pagination-controls a {
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none !important;
	color: #666;
	background: #fff;
	transition: all 0.3s ease;
}

.pagination-controls a:hover:not(.disabled) {
	border-color: #ff4757;
	color: #ff4757;
	text-decoration: none !important;
}

.pagination-controls a.disabled {
	color: #ccc;
	cursor: not-allowed;
	text-decoration: none !important;
}

.page-numbers {
	display: flex;
	align-items: center;
	gap: 5px;
}

.page-numbers a {
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none !important;
	color: #666;
	background: #fff;
	transition: all 0.3s ease;
	min-width: 32px;
	text-align: center;
}

.page-numbers a:hover {
	border-color: #ff4757;
	color: #ff4757;
	text-decoration: none !important;
}

.page-numbers .current {
	padding: 6px 10px;
	border: 1px solid #ff4757;
	border-radius: 4px;
	background: #ff4757;
	color: #fff;
	min-width: 32px;
	text-align: center;
}

.page-numbers .ellipsis {
	padding: 6px 5px;
	color: #999;
}

/* 响应式设计 - 通用 */
@media (max-width: 1200px) {
	.game-store-section,
	.today-worth-buying {
		flex-direction: column;
		gap: 16px;
	}
	
	.game-store-section .game-cards-grid,
	.today-worth-buying .game-cards-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.all-games {
		width: 100%;
		max-width: 100%;
	}
	
	.all-games-grid {
		grid-template-columns: repeat(4, 1fr);
		height: 720px;
		max-width: 100%;
	}
	
	.all-games .game-store-section {
		height: 820px;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.game-store-section .game-cards-grid,
	.today-worth-buying .game-cards-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
}

@media (max-width: 480px) {
	.game-store-section .game-cards-grid,
	.today-worth-buying .game-cards-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* 右侧独立游戏列表样式 */
.game-store-right .game-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 440px;
    overflow: visible;
    border-radius: 15px;
}

.game-store-right .good-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 8px 8px 0;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 61px;
    width: 100%;
    box-sizing: border-box;
	margin-top: 8px;
}

.game-store-right .good-item .game-content {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 100%;
}

.game-store-right .good-item:hover {
	transform: translateX(2px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	background: #fff;
}

.game-store-right .good-item .promo-tag {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 8px;
	padding: 2px 4px;
	color: white;
	border-radius: 3px 0 6px 0;
	margin-left: 0;
	flex-shrink: 0;
}

.game-store-right .good-item .promo-tag.promo-low {
	background: #ff4757;
}

.game-store-right .good-item .promo-tag.promo-new {
	background: #3742fa;
}

.game-store-right .game-thumb {
	width: 86px;           /* 增大宽度 */
	height: 59px;          /* 与父容器高度一致 */
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.game-store-right .game-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	display: block;
}

.game-store-right .game-info {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	padding-left: 4px;
}

.game-store-right .game-info h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 4px 0;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.game-store-right .price-row {
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.game-store-right .price-row .current-price {
	font-size: 12px;
	font-weight: bold;
	color: #ff4757;
}

.game-store-right .price-row .original-price {
	font-size: 10px;
	color: #999;
	text-decoration: line-through;
}

.game-store-right .discount-badge {
	position: absolute;
	top: 0;
	right: 0;
	background: #2ed573;
	color: white;
	padding: 2px 4px;
	border-radius: 0 6px 3px 0;
	font-size: 8px;
	font-weight: bold;
	z-index: 10;
	min-width: 25px;
	text-align: center;
	margin-right: 0;
	flex-shrink: 0;
}