fd-gulp-convert-encoding/test/source/style-m-detail/modules/activity/css/view.less

convert file to assigned charset

/**
 * 活动区
 */

.@{module}-activity {
    margin: rem(30) rem(50);
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #fff;
    font-size: @default-font-size;

    .d-content {
        .clearfix();
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d9d9d9;
    }
    
    .obj-info {
        float: left;
        margin-top: rem(40);
        color: @sub-title-color;

        .countdown {
            padding-left: rem(50);
            margin-bottom: rem(8);
            .bg(imgurl(page, clock), rem(25), rem(26));
            background-position: rem(16) rem(8);
            line-height: rem(45);
            font-size: @sub-title-font-size;
            color: @sub-title-color;

            .countdown-txt {
                padding-right: rem(6);
                font-size: @default-font-size;
            }

            em {
                padding: 0 rem(2);
            }
        }
        .desc {
            padding-left: rem(16);
            color: @sub-title-color;
        }
    }

    .obj-piechart {
        position: relative;
        float: right;
        width: rem(140);
        height: rem(140);
        margin: rem(12) rem(30) rem(12) 0;

        ul {
            li {
                position: absolute;
                top: 0;
                left: 0;
                width: rem(140);
                height: rem(140);
                border-radius: rem(70);
                -webkit-transition: all .5s linear;

                &:nth-child(odd){
                    clip: rect(0, rem(70), rem(140), 0);
                }
                &:nth-child(even){
                    clip: rect(0, rem(140), rem(140), rem(70));
                }
                &:nth-child(1){
                    background-color: @anchor-color;
                    z-index: 1;
                }
                &:nth-child(2){
                    background-color: @anchor-color;
                    z-index: 3;
                }
                &:nth-child(3){
                    background-color: #ccc;
                    z-index: 2;
                    // -webkit-transform: rotate(30deg);
                }
                &:nth-child(4){
                    background-color: #ccc;
                    z-index: 4;
                    // -webkit-transform: rotate(180deg);
                    // display: none;
                }
            }
        }

        .soldout-container {
            position: absolute;
            top: rem(6);
            left: rem(6);
            width: rem(128);
            height: rem(128);
            background-color: #fff;
            border-radius: rem(64);
            z-index: 5;

            p {
                width: rem(128);
                height: rem(128);
                padding-top: rem(20);
                text-align: center;
            }

            span {
                display: block;
                line-height: 1.3;

                &.text {
                    font-size: @default-font-size;
                    color: @sub-title-color;
                }
                &.value {
                    font-size: rem(30);
                    font-weight: 700;
                    color: @anchor-color;
                }
                &.unit {
                    font-size: rem(12);
                    color: @content-color;
                }
            }
        }
    }
}