@width: <%=width%>px;
@height: <%=height%>px;

@logoHeight: 20px;
//logo高度
@rowHeight: (@height - @logoHeight - 2);
//内容高度
@imgHeightCont: (@height - 22px);
//图片区域高度

@imgPadding: 3px;
//图片padding值
@imgHeight: (@height - 22px - 20px);
//图片高度

@infoWidth: (@width - 42px);
//轮播条
@mrglr: ((@infoWidth - @imgHeight)/2);
//图片两边留白

@fontHeight: 32px;
//文字内容高度及行高


@tagsHeight: 20px;
//翻页标签高度
@tagsInnerWidth: 20px;
//翻页标签宽度


@offsetx: ( (@infoWidth / 2) - 124px );
.clearfix() {
    &:before, &:after {
        content: " ";
        // 1
        display: table;
        // 2
    }
    &:after {
        clear: both;
    }
    *zoom: 1
}
.png24(@url) {
    background-image: url(@url);
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=@url);
}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, img, em {
    margin: 0;
    padding: 0
}
body {
    font: 12px/1.75 Tahoma, Arial;
    color: #000;
    background-color: #fff;
}
ul, li {
    list-style-type: none
}
img {
    border: 0
}

.jdAdCred {
    color: #c91521
}
a {
    color: #006a92;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
a:focus {
    outline: 0
}
.clear {
    .clearfix()
}
.jdAdPn {
    position: relative;
    *zoom: 1;
    height: @height;
    width: @width;
    .jdAdInner {
        border: 1px solid #c81623;
        position: relative;
        *zoom: 1;
    }
    .jdAdLogo {
        height: 20px;
        background-color: #c81623;
        text-align: center;
        margin: -1px -1px 0;
        overflow: hidden;
        position: relative;
        img {
            position: absolute;
            left: 50%;
            margin-left: -240px;
        }
    }
    .jdAdCol {
        height: @rowHeight;
        position: relative;
        overflow: hidden;
        *zoom: 1;
    }
    .jdAdCont {
        .jdAdGroup {
            display: none;
        }
        .current {
            display: block;
        }
        .jdAdContInner {
            position: relative;
            height: 230px;
           
            ul {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 26px;
                background-color: #fff;
            }
            li {
                float: left;
                height: 26px;
                overflow: hidden;
            }
            .jdAdCover {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 5;
                width: 90%;
                img {
                    display: block;
                    width: 100%;
                    height: ((@height - @logoHeight));
                }
            }
            .jdAdPrice {
                font: 18px/26px Microsoft Yahei,"黑体",sans-serif;
                //width: (@infoWidth / 2 - 2px);
                margin-left: 2px;
                word-wrap: break-word;
                word-break: normal;
                overflow: hidden;
                color: #E4393C;
                text-indent: 5px;
            }
            .jdAdName {
                overflow: hidden;
            }
            .jdAdInfo{
                width: 150px;
                padding-left: 5px;
                word-break:normal;
                word-wrap:normal;
            }
             .jdAdWorld {
                float: left;
                height: 26px;
                margin: 2px 5px 0 0;
                img{
                    height: 16px;
                }

            }
            .jdAdPromo {
                float: left;
                margin-left: 5px;
                margin-top: 3px;
                height: 26px;
                overflow: hidden;
                white-space: nowrap;
                width: 150px;
                font: 12px simsun sans-serif;               
            }
        }
        .jdAdSubTag {
            float: left;
            display: inline;
            margin-left: 5px;
            margin-top: 5px;
        }
        .jdAdImg {
            text-align: left;
            width: 68%;
            overflow: hidden;
            margin: auto;
            img {
                width: 100%;
            }
        }
    }
    .jdAdTags{
        position: absolute;
        width: 30px;
        height: 100%;
        top:0;
        right: 0;
        z-index: 3;
    }
    .jdAdList {
       
        li {
            padding-left: 5px;
            margin-top: 10px;
            width: 20px;
            height: 18px;
            overflow: hidden;
            text-align: center;
            cursor: pointer;
            color: #999;
            .cirIcn {
                cursor: pointer;
                display: block;
                width: 10px;
                height: 11px;
                font-size: 0;
                overflow: hidden;
                background: url(http://img13.360buyimg.com/da/jfs/t493/148/1278174325/458/b5e4bf02/54c74a65N74ab2465.png) 0 -11px;
            }
        }
        .select {
            .cirIcn {
                 background: url(http://img13.360buyimg.com/da/jfs/t493/148/1278174325/458/b5e4bf02/54c74a65N74ab2465.png) 0 0;
            }
        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 2px;
        right: 1px;
        width: 18px;
        height: 18px;
        overflow: hidden;
        line-height: 999px;
        background: url(http://img12.360buyimg.com/da/g13/M09/10/03/rBEhVFJYrDAIAAAAAAAHoRFcOGsAAECrwP_uYQAAAe5174.png) no-repeat top left;
        z-index: 11;
        &:hover {
            width: 75px;
        }
    }
}