// dialog for detail

.d-dialog {
    width: rem(600);
    background-color: @background-color;
    border-radius: rem(12);

    .d-dialog-title {
        padding: rem(23) rem(30);
        .hr();
        .clearfix();

        h3 {
            float: left;
            color: @title-color;
            font-size: rem(36);
        }

        .d-close {
            float: right;
            .bg-icon(imgurl(dialog, close), rem(48), rem(48));
            overflow: hidden;
        }
    }

    .d-dialog-content {

        // height: rem(520);
        padding:0 rem(30);
        overflow-y: auto;//只显示纵向滚动条
        -webkit-overflow-scrolling: touch;

        dt {
            padding-top: rem(28);
            font-size: @title-font-size;
            color: @sub-title-color;
        }

        dd {
            color: @content-color;
        }
    }
}