[genuitec-file-id="wc1-59"],[genuitec-lp-path="/zhiping/WebRoot/oversea_css/mobile/index.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            
        }

        body {
            background-color: #ffffff;
            padding-bottom: 60px;
        }
        .index_4{
        	width: 100%; height: 250px; background-image: url(../../oversea_img/mobile/bg_1.png); background-size: 100% 100%;
        }
        .index_5{
        	width: 100%; height: 15px;
        }
        .index_6{
        	width: 94%; margin-left: 3%;
        }
        .index_7{
        	width: 90%; display: inline-block; vertical-align: top; color: white; font-size: 18px; overflow-x: scroll; white-space: nowrap;
        }
        .index_8{
        	display: inline-block; vertical-align: middle; margin-left: 10px;
        }
        .index_8:first-child{
        	margin-left: 0;
        }
        .index_8:last-child{
        	margin-right: 10px;
        }
        .index_9{
        	width: 20px; display: inline-block; vertical-align: top;
        }
        .index_10{
        	width: 100%; height: 6px;
        }
        .index_11{
        	width: 20px;
        }
        .index_12{
        	width: 100%; height: 15px;
        }
        .index_{
        	
        }
        .index_{
        	
        }
        .index_{
        	
        }
        .index_{
        	
        }
        .index_{
        	
        }
        .index_{
        	
        }

        /* 旋转木马轮播区域 */
        .banner-wrap {
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            margin-top: -190px;
            height: 220px; /* 固定轮播高度 */
            perspective: 1000px; /* 开启 3D 透视 */
        }

        .carousel {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d; /* 保持 3D 空间 */
        }

        .carousel-item {
            position: absolute;
            width: 90%; /* 轮播项宽度 */
            height: 100%;
            left: 5%; /* 初始居中 */
            top: 0;
            transition: all 0.5s ease; /* 平滑过渡动画 */
            opacity: 0;
            border-radius: 12px;
            overflow: hidden;
        }

        /* 中间激活项（最大、最前） */
        .carousel-item.active {
            opacity: 1;
            transform: translateX(0) scale(1);
            z-index: 2;
        }

        /* 上一项（左侧、缩小） */
        .carousel-item.prev {
            opacity: 0.7;
            transform: translateX(-70%) scale(0.8);
            z-index: 1;
        }

        /* 下一项（右侧、缩小） */
        .carousel-item.next {
            opacity: 0.7;
            transform: translateX(70%) scale(0.8);
            z-index: 1;
        }

        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .banner-text {
            position: absolute;
            left: 20px;
            bottom: 45px;
            color: #ffffff;
            font-size: 18px;
            font-weight: 600;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            z-index: 3;
        }

        .banner-dots {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 6px;
            z-index: 3;
        }

        .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .dot.active {
            background-color: #ffffff;
        }

        /* 功能图标网格区域 */
       .index_1{
       	    width: 24%; display: inline-block; text-align: center; vertical-align: top; margin-top: 10px;
       }
       .index_2{
       	    width: 60%;
       }
       .index_3{
       	    font-size: 14px;
       }
        /* 活动通知区域 */
        .notice-wrap {
            margin-top: 35px;
            padding: 0 15px;
        }

        .notice-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .notice-title {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
            color: #333333;
        }

        .notice-title::before {
            content: '';
            width: 4px;
            height: 18px;
            background-color: #1677ff;
            border-radius: 2px;
            margin-right: 8px;
        }

        .notice-more {
            font-size: 14px;
            color: #999999;
        }

        .notice-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .notice-item {
            padding: 13px 15px;
            background-color: #f5f7fa;
            border-radius: 8px;
            font-size: 16px;
            color: #666666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }