.cloud-product{position:relative;z-index:9;padding:22px 0}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
    .cloud-product-ul li {
        position: relative;
        margin-left: 22px;
        width: 340px;
        height: 284px;
        float: left;
        background: #F6F6F9;
        border-radius: 10px;
    }
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}

.product-introduce-title {
    font-size: 26px;
    text-align: center;
    margin-bottom: 45px;
    font-weight: bold;
    line-height: 30px;
    float: left;
    width: 100%;
}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999;margin-top:30px;}
.product-introduce-list {
    margin: 0 auto;
    margin-top: 14px;
    height: 143px;
    width: 473px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 20px rgba(0,0,0,.2);
    border-radius: 10px;
    border-left: none;
    border-right: none;
    background-color:white;
    float:left;

}

    .product-introduce-list ul {
        padding: 20px 24px!important;
        float: left;
    }
    .product-introduce-list li {
        margin-left: 0px;
        margin-right: 12px;
        width: auto;
        height: auto;
        float: left;
        background-color: transparent;
        border-radius: 0px;
        box-shadow: none !important;
        font-size: 14px;
        text-align: left;
        line-height: 35px;
        width: calc(50% - 6px);
        float: left; 
    }
        .product-introduce-list li:nth-child(2n) {
            margin-right: 0px;
        }
        .introduce-list-small {
            margin-bottom: 18px;
            line-height: 14px;
            font-size: 14px;
            color: #999;
            text-align: center
        }
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.cloud-product-ul li.active .active-inner {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    padding: 0 40px; 
}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
    .cloud-product-ul li.active {
        z-index: 9;
        width: 556px;
        -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2);
        box-shadow: 0 2px 20px rgba(0,0,0,.2)
    }
.active .product-introduce-content{color:#eff6ff}
.product-introduce-content img{
    width:100px;
    height:100px;
    }
.active-product-introduce-title {
    text-align: left;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 13px; 
    padding-top: 14px;
} 
     .active-product-introduce-title img{
         width:39px;
         height:39px;
        position:relative;
        top:9px;
        margin-right:10px;
     }
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}