/*基本公共样式-全站使用不允许修改删除,只能增加-2021-2-24*/
.mt5{margin-top: 5px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt11{margin-top: 11px;}
.mt13{margin-top: 13px;}
.mt15{margin-top: 15px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.ml3{margin-left: 3px;}
.ml5{margin-left: 5px;}
.ml7{margin-left: 7px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml14{margin-left: 14px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mr3{margin-right: 3px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.border-right-ddd{border-right: 1px solid #ddd;}
.border-bottom-eee{border-bottom: 1px solid #eee;}
.line20{line-height: 20px;}
.line26{line-height: 26px;}
.line28{line-height: 28px;}
.line30{line-height: 30px;}
.line36{line-height: 36px;}
.line40{line-height: 40px;}
.line50{line-height: 50px;}
.line60{line-height: 60px;}
.line80{line-height: 80px;}
.pad5{padding: 5px;}
.pad10{padding: 10px;}
.pad20{padding: 20px;}
.pad24{padding: 24px;}
.pad30{padding: 30px;}
.pad-top-120{padding-top: 120px;}
.pad-top-80{padding-top: 80px;}
.pad-top-15{padding-top: 15px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pad-top-5{padding-top: 5px;}
.pad-bottom-10{padding-bottom: 10px;}
.pad-bottom-15{padding-bottom: 15px;}
.pad-bottom-20{padding-bottom: 20px;}
.pad-bottom-30{padding-bottom: 30px;}
.pad-l-60{padding-left: 60px;}
.pad-l-24{padding-left: 24px;}
.pad-l-20{padding-left: 20px;}
.pad-l-17{padding-left: 17px;}
.pad-l-15{padding-left: 15px;}
.pad-r-24{padding-right: 24px;}
.pad-r-15{padding-right: 15px;}
.pad-r-17{padding-right: 17px;}
.pad-r-20{padding-right: 20px;}
.relative{position: relative;}
.clearfix:after{content:"";display:block;height:0;clear:both;}
.left,.pull-left{float: left;}
.right,.pull-right{float: right;}
.w1200{width: 1200px;margin:0 auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.relative{position: relative;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.scale{transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);
  transform: scale(1, 1);}
.scale:hover {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2)}
.pointer{cursor: pointer;}
.bold{font-weight: bold;}
.font10{font-size: 12px;transform:scale(0.9);}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font48{font-size: 48px;}
.normal{font-weight: 400;}
.bold{font-weight: 700;}
.italic{font-style: italic;}
.cor3291fa{color: #3291fa;}
.corff5400{color: #ff5400;}
.cor333{color: #333;}
.cor666{color: #666;}
.cor999{color: #999;}
.corfff{color: #fff;}
.cor8590a6{color: #8590a6;}
.cor4e9cff{color: #4e9cff;}
.cor0c563b{color: #0c563b;}
.corff731e{color: #ff731e;}
.corfca159{color: #fca159;}
.corff6600{color: #ff6600;}
.corff7c2a{color: #ff7c2a;}
.cor566c9c{color: #566c9c;}
.corfe5100{color: #fe5100;}
.corffc514{color: #ffc514;}
.corff6000{color: #ff6000;}
.corff7100{color: #ff7100;}
.corff5400{color: #ff5400;}
.corff6200{color: #ff6200;}
.inline-block-img{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -5px;}
/*按钮水光波效果*/
.ripple {
  position: relative;
  /*隐藏溢出的径向渐变背景*/
  overflow: hidden;
}
.ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    /*设置径向渐变*/
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .3s, opacity .5s;
}
.ripple:hover:after {
    transform: scale(0, 0);
    opacity: .3;
    /*设置初始状态*/
    transition: 0s;
}

/*2021/12/22新增(处理图片失效)*/
img.error {
    display: inline-block;
    transform: scale(1);
    content: '';
    color: transparent;
}
img.error::before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #f5f5f5  no-repeat center / 50% 50%;
}
img.error::after {
    content: attr(alt);
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    line-height: 2;
    background-color: rgba(0,0,0,.5);
    color: white;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.push {
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.push:hover {
    -webkit-animation-name: push;
    animation-name: push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}