body{font-family:"微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;font-size:14px;color:#000;overflow-x:hidden}
img{max-width:100%;height:auto}

a,a:focus{text-decoration:none;color: #333333;font-weight:400;outline:0;-webkit-transition:all .5s;-o-transition:all .5s;-mz-transition:all .5s;transition:all .5s}
a:hover{color:#1976D2;text-decoration:none;outline:0;-webkit-transition:all .5s;-o-transition:all .5s;-mz-transition:all .5s;transition:all .5s}
a.blue{color: #2196F3;}
a.blue:hover{color:#1976D2;}
.wrapper{padding:0 0;}
.pd0{padding:0;}
.pdb0{padding-bottom:0}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}
.bg-grey{background-color:#F9F9F9;}
.bg-white{background-color:#FFFFFF;}

.content-xs{padding-top:20px;padding-bottom:20px}
.content-sm{padding-top:40px;padding-bottom:40px}
.content-md{padding-top:80px;padding-bottom:80px}
.content-lg{padding-top:100px;padding-bottom:100px}


.fl{float:left;}
.fr{float:right;}

.relative {position: relative;z-index: 1;}
.absolute {position: absolute;z-index: 1;}

.price{font-size:24px; color:#ff6600;}
.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* bootstrap 5列自定义类： */

.col-lg-5,.col-md-5,.col-sm-5,.col-xs-5{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
@media (min-width :768px){.col-sm-5{width:20%;float:left}}
@media (min-width :992px){.col-md-5{width:20%;float:left}}
@media (min-width :1200px){.col-lg-5{width:20%;float:left}}


/* animate */
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06)}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06)}
.tran,.tran a,.tran img,a.tran{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.rotate,.rotate2 img{-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;-ms-transition:all .8s}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;-ms-transition:all .8s}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}
@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}
.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}
.hvr-ripple-out:before{content:'';position:absolute;border:#FFF solid 2px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;border-radius:120px}
.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;border:#e1e1e1 solid 6px}

/* hvr-shadow */
.hvr-shadow{position:relative;box-sizing: border-box;transition: all .3s;}
.hvr-shadow:hover {margin-top: -8px !important; border: 1px solid #00c1de !important;box-shadow: 0 0 10px 5px rgba(0,193,222,.2);}

/* btn hover 光影滚动效果 */
.btn-shine:hover { box-shadow: 0 0 4px 0 #ccc;}
.btn-shine:hover:after {-webkit-transition: .7s linear; transition: .7s linear; background-position: 150% 0;}
.btn-shine:after {position: absolute;top: 0;left: 0;width: 110%;height: 100%;content: ''; -webkit-transform: skewX(-50deg); transform: skewX(-50deg);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background-size: 2em 100%;
}