/*基本公共样式-全站使用不允许修改删除,只能增加-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;}
.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;}
.relative{position: relative;}
.clearfix:after{content:"";display:block;height:0;clear:both;}
.left,.pull-left{float: left;}
.right,.pull-right{float: right;}
.w1200{width: 680px;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;}
.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 url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M304.128 456.192c48.64 0 88.064-39.424 88.064-88.064s-39.424-88.064-88.064-88.064-88.064 39.424-88.064 88.064 39.424 88.064 88.064 88.064zm0-116.224c15.36 0 28.16 12.288 28.16 28.16s-12.288 28.16-28.16 28.16-28.16-12.288-28.16-28.16 12.288-28.16 28.16-28.16z' fill='%23e6e6e6'/%3E%3Cpath d='M887.296 159.744H136.704C96.768 159.744 64 192 64 232.448v559.104c0 39.936 32.256 72.704 72.704 72.704h198.144L500.224 688.64l-36.352-222.72 162.304-130.56-61.44 143.872 92.672 214.016-105.472 171.008h335.36C927.232 864.256 960 832 960 791.552V232.448c0-39.936-32.256-72.704-72.704-72.704zm-138.752 71.68v.512H857.6c16.384 0 30.208 13.312 30.208 30.208v399.872L673.28 408.064l75.264-176.64zM304.64 792.064H165.888c-16.384 0-30.208-13.312-30.208-30.208v-9.728l138.752-164.352 104.96 124.416-74.752 79.872zm81.92-355.84l37.376 228.864-.512.512-142.848-169.984c-3.072-3.584-9.216-3.584-12.288 0L135.68 652.8V262.144c0-16.384 13.312-30.208 30.208-30.208h474.624L386.56 436.224zm501.248 325.632c0 16.896-13.312 30.208-29.696 30.208H680.96l57.344-93.184-87.552-202.24 7.168-7.68 229.888 272.896z' fill='%23e6e6e6'/%3E%3C/svg%3E") 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;
}