@charset "UTF-8";
   /* common */
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            width: 100%;
            height: 100%;
            background-color: #f3f4f6;
        }

        /* .device_phone  手机端样式 */
        .device_phone{
            width: 100%;
            height: 100%;
            overflow-y: auto;
        }
        /* previewImg */
        .device_phone .previewImg{
            width: 100%;
        }
        .device_phone .previewImg img{
            width: 100%;
        }

        /* goodsPrice */
        .device_phone .goodsPrice .oldPrice{
            text-decoration: line-through;
            color: #C77989;
        }

        /* goodsTitle */
        .device_phone .goodsTitle .tips{
            background-color: #ff0036;
            border-radius: 15px;
            padding: 8px;
            line-height: 40px;
        }

        /* goodsTips */
        .device_phone .goodsTips{
            border-top: 1px solid #ceccca;
            border-bottom: 1px solid #ceccca;
        }
        .device_phone .goodsTips .item .icon{
            display: inline-block;
            background-color: #333;
        }

        /* btn */
        .device_phone .btn{
            width: 90%;
            background-color: #ff0036;
            height: 40px;
            text-align: center;
            line-height: 40px;
            margin-left: 5%;
            transition: 0.2s all;
        }
        .device_phone .btn:active{
            transform: scale(0.98);
        }

        /* info */
        .device_phone .info{
            width: 100%;
        }
       .device_phone .info img{
            width: 100%;
        }

        /* goodsPreview */
        .device_phone .goodsPreview .goods_img{
            width: 90px;
            height: 90px;
        }
        .device_phone .goodsPreview .goods_img img{
            width: 90px;
            height: 90px;
        }
        .device_phone .goodsPreview .oldPrice{
            text-decoration: line-through;
        }

        /* combo */
        .device_phone .combo .combo_content .combo_item{
            border: 1px solid #ceccca;
            width: fit-content;
            width: -webkit-fit-content;
            width: -moz-fit-content;
        }

        /* comboGoodsList */
        .device_phone .comboGoodsList{
            border: 1px solid #ceccca;
            overflow: hidden;
        }
        .device_phone .comboGoodsList .title{
            width: 100%;
            background-color: #f3f4f6;
        }
        .device_phone .comboGoodsList .content .goodsList_content .color_item{
            border: 1px solid #ceccca;
            width: 24%;
            overflow: hidden;
        }
        .device_phone .comboGoodsList .content .goodsList_content .color_item:last-child:nth-child(4n - 1) {
            margin-right: calc(24% + 4% / 3);
        }
        .device_phone .comboGoodsList .content .goodsList_content .color_item:last-child:nth-child(4n - 2) {
            margin-right: calc(48% + 8% / 3);
        }
        .device_phone .comboGoodsList .content .goodsList_content .size_item:last-child:nth-child(4n - 1) {
            margin-right: calc(24% + 4% / 3);
        }
        .device_phone .comboGoodsList .content .goodsList_content .size_item:last-child:nth-child(4n - 2) {
            margin-right: calc(48% + 8% / 3);
        }
        .device_phone .comboGoodsList .content .goodsList_content .color_item img{
            width: 60px;
            height: 60px;
        }
        .device_phone .comboGoodsList .content .goodsList_content .size_item img{
            width: 60px;
            height: 60px;
        }
        .device_phone .comboGoodsList .content .goodsList_content .size_item{
            border: 1px solid #ceccca;
            width: fit-content;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            margin-right: 10px;
        }

        /* goodsTable */
        .device_phone .goodsTable .table_img{
            width: 50px;
            height: 50px;
        }

        /* payType */
        .device_phone .payType .item{
            border: 1px solid #ceccca;
            width: fit-content;
            width: -webkit-fit-content;
            width: -moz-fit-content;
        }
        .device_phone .payType .notice{
            color: #f60;
            border: 1px solid #DDD;
            background-color: #FFFFF2;
        }
        .device_phone .payType .city,.area{
            width: 40%;
        }

        /* footer */
        .device_phone .footer .footer_img img{
            width: 100%;
        }
        .device_phone .footer .footer_bottom{
            width: 100%;
            height: 40px;
            background-color: #e5e5e5;
        }

        .device_phone .btnActive{
            border: 2px solid #ff0036 !important;
        }

        /* 返回顶部组件 */
        .device_phone .retrunTop{
            width: 50px;
            height: 50px;
            background-color: #fff;
            position: fixed;
            bottom: 65px;
            right: 10px;
            display: none;
        }
        .device_phone .retrunTop .retrunTop_c{
            width: 100%;
            height: 100%;
            background: rgba(255,0,0,0.5);
            color: #fff;
            border-radius: 50%;
        }
        .device_phone .retrunTop .retrunTop_c img{
            width: 30px;
            height: 30px;
        }

        /* 立即抢购 */
        .device_phone .buyBtn_content{
            width: 100%;
            height: 60px;
            position: fixed;
            bottom: 0;
            left: 0;
            background-color: #ff0036;
            text-align: center;
            line-height: 60px;
        }

        /* pc & phone */
        /* 设备最小宽度1200px的样式 */
        @media screen and (min-width: 1200px){
            body{
                display: flex;
                justify-content: center;
            }
            .device_phone{
                width: 35%;
            }
            .device_phone .buyBtn_content{
                display: none !important;
            }
            /* 整个滚动条 */
            ::-webkit-scrollbar {
                width: 10px;
                background-color: skyblue;
            }

            /* 滚动条上的滚动滑块 */
            ::-webkit-scrollbar-thumb {
                background-color: #FF5722;
                background-image: -webkit-linear-gradient(45deg,
                                rgba(255, 255, 255, 0.4) 25%,
                                transparent 25%,
                                transparent 50%,
                                rgba(255, 255, 255, 0.4) 50%,
                                rgba(255, 255, 255, 0.4) 75%,
                                transparent 75%,
                                transparent);
                border-radius: 32px;
            }

            /* 滚动条轨道 */
            ::-webkit-scrollbar-track {
                background-color: #fff;
            }
        }
         /* 平板 */
        @media screen and (min-width: 768px) and (max-width:1199px){
            body{
                display: flex;
                justify-content: center;
            }
            .device_phone .buyBtn_content{
                display: none !important;
            }
        }
         /* 手机 */
        @media screen and (max-width: 767px){
            
        }