@charset "utf-8";

/***

 *  .--,       .--,

 * ( (  \.---./  ) )

 *  '.__/o   o\__.'

 *     {=  ^  =}

 *      >  -  <

 *     /       \

 *    //       \\

 *   //|   .   |\\

 *   "'\       /'"_.-~^`'-.

 *      \  _  /--'         `

 *    ___)( )(___

 *   (((__) (__)))    忽忘初心 —— xxer

 */















.goodslist{

    margin-top: 50px;

}

.goodslist li{

    text-align: center;

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin-bottom: 30px;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.goodslist li{}

.goodslist ul li>div {

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    display: block;

    border: 1px solid #e8e8e8;

    background: #fff;

    border-radius: 5px;

    padding: 10px;

}

.goodslist ul li .cbp-title {

    word-break: break-all;

    display: block;

    margin-bottom: 10px;

    color: #000000;

    font-size: 16px;

    line-height: 20px;

    overflow: hidden;

    height: 20px;

    /*letter-spacing: 1px;*/

}

.goodslist ul li .cbp-vm-details {

    color: #999999;

    font-size: 12px;

    line-height: 20px;

    overflow: hidden;

    height: 40px;

}

.goodslist .cbp-list-center {

    padding: 0;

    padding-bottom: 10px;

    margin-top: 10px;

}



.goodslist ul li>div:hover {

    background: #fff;

    box-shadow: 0 5px 9px rgba(0,0,0,0.08);

    -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.08);

    -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.08);

    transform: translate3d(0,-3px,0);

    -webkit-transform: translate3d(0,-3px,0);

}

.goodslist ul li:hover .cbp-title {

    color: #0075c1;

    -o-transition: color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

    transition: color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

    -webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

}

@media  (max-width: 767px){

    .goodslist {

        margin-top: 0;

    }

    .goodslist ul li .cbp-title {

        font-size: 14px;

        word-break: break-all;

    }

}





/*

产品详情页*/

#pdetail .content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 50px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

#pdetail .pro-module{

    width: calc(100% - 600px);

}

#pdetail .pro-module li h4 {

    padding: 0;

    margin: 0;

    display: block;

    font-size: 26px;

    text-transform: capitalize;

    color: #505050;

    margin-bottom: 20px;

    line-height: 24px;

}

#pdetail .pro-module li {

    font-size: 14px;

    line-height: 20px;

    color: #999;

    margin-bottom: 20px;





}

#pdetail .pro-module li.num{

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}



#pdetail .pro-module .tofb{

    margin-top: 40px;

    display: inline-block;

    position: relative;

    overflow: hidden;

    overflow: visible;

    -webkit-transition: background .4s, border-color .4s, color .4s;

    -o-transition: background .4s, border-color .4s, color .4s;

    transition: background .4s, border-color .4s, color .4s;

    background: #0075c1;

    border-radius: 2px;

    overflow: hidden;

    border-radius: 25px;

}



#pdetail .pro-module .tofb:before{

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 101%;

    height: 101%;

    background: #0075c1;

    border-color: #0075c1;

    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale3d(0.7, 1, 1);

    transform: scale3d(0.7, 1, 1);

    transition: opacity 0.42s, -webkit-transform 0.42s;

    -webkit-transition: opacity 0.42s, -webkit-transform 0.42s;

    -o-transition: transform 0.42s, opacity 0.42s;

    transition: transform 0.42s, opacity 0.42s;

    transition: transform 0.42s, opacity 0.42s, -webkit-transform 0.42s;

}

#pdetail .pro-module .tofb a{

    background: none;

    padding: 11px 26px;

    display: inline-block;

    position: relative;

    z-index: 2;

    color: #fff;

    font-size: 12px;

    line-height: 18px;

    text-transform: uppercase;

    letter-spacing: 1px;

    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    border-radius: 25px;

}

#pdetail .pro-module .tofb:hover:before{

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

}



#pdetail .pic-module .pic .zoomWrapperImage img{

    max-width: inherit;

}



.btn-pages{



}

.btn-pages p{



}



.btn-pages p a{



}



@media  (max-width: 767px){

    #pdetail .pro-module {

        width: 100%;

    }

    #pdetail .content{

        margin-top: 0;

    }

    #pdetail .pic-module .pic img {

        margin-bottom: 20px;

    }

    #pdetail .pro-module .tofb{

        display: none;

    }

}