@adwidth: <%=width%>px;
@adheight: <%=height%>px;
@width: (@adwidth - 6px);
@height: (@adheight - 6px);
@liheight: 24px;
@ulMarginLeft: 5px;
@ulWidth: (((@width - @height)/3) - @height - 68px - @ulMarginLeft - 3px);
@tagListHeight: (@height/3 - 1px);
@coverHeight: @height;
@coverWidth: (((@width - @height)/3) - 68px);
@modNumbersWidth: ((@width - @height)/3);
@mod: mod((@height - 48px), 17);
@mod1:mod((@height - 24px), 17);
@num: floor( ((@height - 24px) / 17 ));
@logox: (77 / (@width * 100));
@logoy: (32 / (@height * 100));
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1);
        transform: scale3d(1.15, 1.15, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1);
        transform: scale3d(1.15, 1.15, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    z-index: -1;
    position: relative;
    -webkit-animation-name: pulse;
    animation-name: pulse
}
body, div, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, pre, textarea, ul {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/1.75 Tahoma, Arial;
    color: #000;
    background-color: #fff;
}
li, ul {
    list-style-type: none;
}
img {
    border: 0;
}
.jdAdFs14 {
    font-size: 14px;
}
.yh {
    font-family: "Microsoft Yahei";
}
.yh18 {
    font: 14px "Microsoft Yahei";
    font-weight: 700;
}
.yh14 {
    font: 14px "Microsoft Yahei";
    padding-top: 4px;
}
.jdAdCred {
    color: #c91521;
}
a {
    color: #006a92;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
.jdAdW644 {
    width: @width;
    border: 3px solid #c91521;
}
.jdAdPn {
    position: relative;
    *zoom: 1;
    height: @height;
    .jdContInner {
        height: @height;
        overflow: hidden;
        background: #fff;
    }
    .jdAdInner {
        padding-left: @height;
    }
    .jdAdLogo {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        background-color: #c91521;
        a {
            position: relative;
            width: @height;
            height:@height;
            display: block;
            text-align: center;
        }
        img {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -60px 0 0 -95px;
        }
    }
    .jdAdCol {
        position: relative;
        float: left;
        height: 84px;
    }
    .jdAdCont {
        overflow: hidden;
        padding-right: 20px;
        font-family: "Microsoft Yahei";
        height: @height;
        .jdAdGroup {
            display: none;
        }
        .current {
            display: block;
        }
        .jdAdContInner {
            width: @ulWidth;
            height: @height;
            float: left;
            position: relative;
            .jdAdWorld {
                float: left;
                padding-top: 2px;
            }
            .jdAdName {
                height: 34px;
                width: 210px;
                line-height: 17px;
                overflow: hidden;
                .jdAdName_N {
                    width: 125px;
                    height: 34px;
                    float: left;
                }
                .jdAdName_G {
                    width: 85px;
                    height: 25px;
                    margin-top: 4px;
                    line-height: 34px;
                    float: right;
                    background: url(http://img11.360buyimg.com/da/jfs/t727/14/113591398/661/72bc09fc/54881124N37a96460.png) 0 -12px no-repeat;
                }
            }
            ul {
                margin: 0 0 0 2px;
                float: right;
                display: inline;
                overflow: hidden;
                width: 194.33px;
            }
            .jdAdPrice {
                height: 20px;
                width: 176.33px;
                word-break: normal;
                white-space: nowrap;
                overflow: hidden;
                *display: inline-block;
            }
            li {
                word-wrap: break-word;
                word-break: normal;
                *margin-left: -17px;
                overflow: hidden;
                height: 24px;
                .tag_title {
                    color: #fff;
                    background: #e4393c;
                    padding: 2px 2px 1px;
                    _margin-bottom: 7px;
                    line-height: 12px;
                    margin-right: 5px;
                    display: inline-block;
                    *display: inline;
                    font-weight: 100;
                    *zoom: 1;
                }
                .send_title {
                    color: #fff;
                    background: #6a77b6;
                    padding: 2px 2px 1px;
                    _margin-bottom: 7px;
                    line-height: 12px;
                    margin-right: 5px;
                    display: inline-block;
                    font-weight: 100;
                }
            }
            .font-wei {
                padding-top: 4px;
                font-weight: 700;
            }
            .jdAdImg {
                float: left;
                display: inline;
                width: 84px;
                height: 84px;
                margin-left: 1px;
                overflow: hidden;
                text-align: center;
                img {
                    display: inline-block;
                    width: 84px;
                    height: 84px;
                }
            }
            .jdAdCover {
                position: absolute;
                left: 0;
                top: 0;
                img {
                    width: 283px;
                    height: 84px;
                }
            }
        }
    }
    .jdAdList {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 60px;
        margin-top: 20px;
        z-index: 3;
        li {
            width: 20px;
            height: 20px;
            cursor: pointer;
            .cirIcn {
                cursor: pointer;
                display: block;
                width: 5px;
                height: 5px;
                font-size: 0;
                overflow: hidden;
                background: url(http://img11.360buyimg.com/da/jfs/t727/14/113591398/661/72bc09fc/54881124N37a96460.png) 0 -6px;
            }
        }
        .select {
            .cirIcn {
                background-position: 0 0;
            }
        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 18px;
        height: 18px;
        overflow: hidden;
        line-height: 999px;
        background: url(http://img11.360buyimg.com/da/g15/M05/0E/1C/rBEhWlJYrAEIAAAAAAACetYAYQwAAECuwP__W4AAAKS951.png) top right no-repeat;
        z-index: 11;
    }
    .jdAbLogoBot:hover {
        width: 75px;
        background: url(http://img12.360buyimg.com/da/g13/M09/10/03/rBEhVFJYrDAIAAAAAAAHoRFcOGsAAECrwP_uYQAAAe5174.png);
    }
}