@width: <%=width%>px;
@height: <%=height%>px;
@logoHeight: 20px;
@contHeight: (@height - @logoHeight - @tagsHeight);
@tagsHeight: 20px; /* 促销信息宽度设定 */
@PromoWidth: (@width - 70px); /* 图片为正方形，@dis为所有商品信息可用高度 */
@dis: (@height - @width - @tagsHeight - @logoHeight); /* 可用的留白高度 */
@margintb: ( @contHeight - @width);
.clearfix() {
    &:before, &:after {
        content: " ";
        // 1
        display: table;
        // 2
    }
    &:after {
        clear: both;
    }
    *zoom: 1
}
.png24(@url) {
    background-image: urlkenen(@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
}
.jdAdLeft {
    float: left;
}
.jdAdFs14 {
    font-size: 14px
}
.yh {
    font-family: "Microsoft Yahei"
}
.yh18 {
    font: 18px "Microsoft Yahei"
}
.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;
    /* border: 1px solid #000;
    */
    
    .jdAdInner {
        border: 1px solid #eee;
        position: relative;
        /* border: 1px solid #000;
        */
    }
    .jdAdLogo {
        background-color: #c81623;
        text-align: center;
        margin: -1px -1px 0;
        overflow: hidden;
        position: relative;
        a {
            display: block;
            width: @width;
            height: @logoHeight;
        }
        img {
            position: absolute;
            left: 50%;
            margin-left: -240px;
        }
    }
    .jdAdCol {
        height: ( @height - @logoHeight - 2);
        overflow: hidden;
    }
    .jdAdGroup {
        display: none;
    }
    .current {
        display: block;
    }
    .jdAdContInner {
        height: @contHeight;
        position: relative;
        .jdAdWorld{
            position:absolute;
            left:5px;top:5px;
            width:61px;
            height:16px;
        }
        ul {
            height: 30%;
            text-align: center;
            .jdAdName {
                height: 34px;
                line-height: 17px;
                word-wrap: break-word;
                text-align: left;
                overflow: hidden;
            }
            .jdAdPrice {
                word-wrap: break-word;
                word-break: normal;
                overflow: hidden;
                font-size: 14px;
                font-weight: bold;
            }
        }
        .jdAdImg {
            text-align: center;
            width: 100%;
            img {
                width:90%;
            }
        }
        .jdAdPromo {
            text-align: center;
            display: inline-block;
            margin-left: 5px;
            margin-top: 2px;
            height: 18px;
            overflow: hidden;
        }
        .jdAdSubTag {
            float: left;
            display: inline;
            margin-left: 5px;
            margin-top: 5px;
        }
        li {
            padding-left: 10px;
            line-height: 24px;
            font-family: "Microsoft Yahei";
        }
        .jdAdCover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
     .jdAdList {
        position: absolute;
        height: @tagsHeight;
        bottom: 3px;
        left: 50%;
        margin-left: -69px;
        z-index: 3;
        background-color: #fff;
        li {
            float: left;
            display: inline;
            margin-right: 12px;
            margin-top: 10px;
            width: 14px;
            height: 20px;
            line-height: 122px;
            overflow: hidden;
            text-align: center;
            cursor: pointer;
            color: #999;
            p {
                width: 16px;
                height: 4px;
                overflow: hidden;
                font-size: 0;
                background-color: #dddddd;
            }
        }
        li.select p {
            background-color: #c91521;
        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 1px;
        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;
        }
    }
}