@adwidth: 660px;
@adheight: 90px;

@width: (@adwidth - 2px);
@height: (@adheight - 2px);
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, img {
    margin: 0;
    padding: 0
}
body {
   
    color: #000;
    background-color: #fff
}
ul, li {
    list-style-type: none
}
img {
    border: 0
}
.jdAdFs14 {
    font-size: 14px
}
.yh {
    font-family: "Microsoft Yahei";
}
.yh18 {
    font: normal normal bold 16px  "Microsoft Yahei","黑体",sans-serif;
    text-align: center;
}
.jdAdCred {
    color: #fff;
}
a {
    color: #006a92;
    text-decoration: none
}
// a:hover {
//     text-decoration: underline
// }
a:focus {
    outline: 0
}
.jdAdW644 {
    width: @width;
}
.jdAdPn {
    position: relative;
    *zoom: 1;
    height: @height;
    border: 1px solid #c91521;
    .jdAdInner {
        padding-left: @height;
        padding-right: 20px;
    }
    .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 {
        width: 100%;
        position: relative;
        float: left;
        height: @height;
    }
    .jdAdCont {
        overflow: hidden;
        font-family: "Microsoft Yahei";
        height: @height;
        width:100%;
        .jdAdGroup {
            width: 100%;
            display: none;
        }
        .current {
            display: block;
        }
        .jdAdContInner {
            height: @height;
            width: 16.66%;
            float: left;
            overflow: hidden;
            background: #fff;
            //border-right: 1px solid #f0f0f0;
            position: relative;
            //padding-left: 9px;
            .jdAdWorld{
                float: left;
                padding-top: 2px;
            }
            .jdAdPrice {
                word-break: normal;
                white-space: nowrap;
                overflow: hidden;
                height: 20px;
                line-height: 20px;
            }
            // .jdAdName {
            //     height: 34px;
            //     line-height: 17px;
            //     overflow: hidden;
            // }
            .jdAdInfo:hover{
                bottom: 0;
            }
            .jdAdInfoShow{
                bottom: 0!important;
            }
            .jdAdInfo{
                position: absolute;
                bottom: -24px;
                left:0;
                display: block;
                width: 100%;
               
               
            }
            ul {
                position: absolute;
                bottom: -24px;
                left: 0;
                width: 100%;
                height: 24px;
                line-height: 24px;
                //margin-left: -9px;
                background-color: #c91521;
                filter: alpha(opacity=80);
                opacity: 0.8;
            }
            li{
                height: 24px;
                line-height: 24px;
            }
            // ul:hover{
            //     bottom: 0;
            // }
            // .jdAdPromo {
            //     word-break: keep-all;
            // }
            // li {
            //     margin: 0px;
            //     padding: 0px;
            //     height: 30px;
            //     *margin-left: -17px;
            //     overflow: hidden;
            //     width: @height;
            // }
            .jdAdImg {
               
                width: @height;
                height: @height;
                margin: auto;
                text-align: center;
                img {
                    display: inline-block;
                    width: @height;
                    height: @height;
                }
            }
            .jdAdCover {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 3;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .jdAdList {
        //display: none;
        position: absolute;
        top: 10px;
        right: -15px;
        width: 10px;
        z-index: 3;
        .jdAdLine {
            width: 10px;
            height: 22px;
            line-height: 22px;
            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)

        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 0px;
        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) no-repeat top right;
        z-index: 11;
        &:hover {
            width: 75px;
            background: url(http://img12.360buyimg.com/da/g13/M09/10/03/rBEhVFJYrDAIAAAAAAAHoRFcOGsAAECrwP_uYQAAAe5174.png);
        }
    }
}