@import "/lib/dialog/css/dialog.less";

.@{module} {
    font-family: arial;
    font-size: @default-font-size;
    background-color: @background-color;
    margin-bottom: rem(120);

    &.m-detail-noauth {
        margin-bottom: 0;
    }

    .@{module}-preferential,
    .@{module}-logistics,
    .@{module}-button,
    .@{module}-sku, {
        .hr();
    }

    // tab
    .@{module}-tabs {
        margin-top: rem(50);
        overflow: hidden;

        ul.swipe-nav {
            .flexbox();
            background-color: #d6d6d6;
            color: @sub-title-color;
            font-size: @sub-title-font-size;
            text-align: center;

            li {
                height: rem(88);
                margin-right: 1px;
                border-top: 2px solid #ddd;
                line-height: rem(88);
                .flex(1);
                background-color: #e2e2e2;

                &.active {
                    position: relative;
                    border-top: 2px solid @anchor-color;
                    color: @anchor-color;
                    background-color: @background-color;
                }
            }
        }

        .region-custom {
            .flexbox();
            -webkit-box-lines: multiple;
        }
        
        // fixbug
        .widget-custom {
            position: relative;
        }

        .@{module}-tab {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    }
}


// debug 
.btn-reload {
    position: fixed;
    top: rem(20);
    right: rem(20);
    z-index: 9999;
    width: rem(100);
    height: rem(100);
    line-height: 200;
    overflow: hidden;
    .bg("../imgs/reload.png", rem(100), rem(100));
    background-position: rem(-5) rem(-5);
    border: 2px solid ;
}