:root {
    --border-color1:#F5F5F5;
    --border-color2:#DFDFDF;
    --width: 1280px;
    --color-red: #E50012;
    --color-gray:#9b9ea0;
    --color-gray2: #EEE;
    --color-gray3: #fbfbfb;
    --color-gray4:#CCC;
    --color-green:#0adb0e;
    --color-yellow:#F1B356;
    --color-blue:#1e9fff;
    --color-white: #fff;
    --color-black: #2f363c;
    --color-orange:#eb5c33;
}

/*flex*/
.flex{display:flex;}
.flex-inline{display:inline-flex;}
.flex-inline-important{display:inline-flex !important;}
.flex-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column.flex-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;} /*允许换行*/
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-start{justify-content:flex-start;}
.flex-center{justify-content:center;}
.flex-end{justify-content:flex-end;}
.flex-between{justify-content:space-between;}/*水平分布两端对齐*/
.flex-around{justify-content:space-around;}/*水平分布间距相等相邻的间距显示x2*/
.flex-evenly{justify-content:space-evenly;}/*水平分布间距完全相等*/
.flex-items-start{align-items:flex-start;}
.flex-items-center{align-items:center;} /*垂直居中*/
.flex-items-end{align-items:flex-end;}
.flex-items-baseline{align-items:baseline;}
.flex-items-stretch{align-items:stretch;}
.flex-self-start{align-self:flex-start;}
.flex-self-center{align-self:center;}
.flex-self-end{align-self:flex-end;}
.flex-self-baseline{align-self:baseline;}
.flex-self-stretch{align-self:stretch;}
.flex-content-start{align-content:flex-start;}
.flex-content-center{align-content:center;}
.flex-content-end{align-content:flex-end;}
.flex-content-between{align-content:space-between;}
.flex-content-around{align-content:space-around;}
.flex-middle{justify-content:center;align-items:center;align-self:center;align-content:center;}
.flex-fill{flex:1 1 auto;}
.flex-grow{flex-grow:1;}
.flex-shrink{flex-shrink:1;}
.flex-none{flex:none;}
.flex-right{margin-left:auto !important;margin-right:0 !important;}
.flex-bottom{margin-top: auto; margin-bottom:0;}

.container{width:var(--width); margin: 0 auto; box-sizing: border-box;}


footer{color:#FFF;padding:50px 0px; position: relative; z-index: 2; background: url(/v2/images/index/footer.jpg) no-repeat center center;}

.m-t-20{margin-top:20px !important;}
.m-t-50{margin-top:50px !important;}

/**btn**/
.btn{position:relative;border:1px solid transparent;border-radius:0.25rem !important;background:transparent;display:inline-block;line-height:1.5;padding:6px 15px;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;cursor: pointer; user-select:none;}
.btn[disabled]{pointer-events:none;box-shadow:none;opacity:.5;}
.btn:link{text-decoration:none;color:#333;}
.btn:hover{background-color:#f5f5f5;z-index:2;color:var(--color-red)}
.btn:active{outline:0;z-index:2;opacity:.8;}
.btn.btn-black{background-color: #45575D; color:#FFF;}
.btn.btn-black:link{color:#FFF;}
.btn.btn-black:hover{color:#F1F1F1; background: #2b3538;}
.btn.btn-black:active{color:#F1F1F1;}
.btn.btn-big{line-height:1.5;padding:10px 20px; font-size:18px; border-radius:6px !important;}
.btn.btn-red{background-color: var(--color-red); color:#FFF; border-color:var(--color-red) ;}
.btn.btn-red:link{color:#FFF !important;}
.btn.btn-red:hover{color:#FFF !important; filter:brightness(1.5);}
.btn.btn-red:active{color:#FFF;}
.btn.btn-small{border-radius:2px !important;line-height:1.2;padding:4px 8px; font-size: 12px;}
.btn.btn-white{background-color: #FFF; color:var(--color-red);}
.btn.btn-white:link{color:var(--color-red);}
.btn.btn-white:hover{color:var(--color-red);}
.btn.btn-white:active{color:var(--color-red);}
.btn.circular{border-radius:50% !important; width: 20px; height: 20px; line-height: 20px; font-weight: 200;  text-align: center; padding:0 !important;}
.btn.circular i{margin:0 auto !important;}
.btn.btn-border{border:1px solid #DEDEDE;}
.btn.btn-red.disabled{color:#ddd; background:#ec7045; border-color: #ec7045;}
.btn.btn-red.disabled:hover{filter:brightness(1); color:#DDD}
.btn.btn-red.disabled .icon-play-left{border-color:#DDD}
.btn.disabled{color:#999}
.btn.btn-border-back{border:1px solid #999;}
.btn.btn-border-back:hover{border-color: var(--color-red);}
.btn.btn-border-white{border:1px solid rgba(255,255,255,0.5); color: #FFF;}
.btn.btn-border-white:hover{border-color:var(--color-red); color:var(--color-red) !important;}
.btn.btn-hover-no-bg{background:transparent;}
.btn.btn-hover-red:hover{background:var(--color-red) !important; color:var(--color-white) !important; border:1px solid var(--color-red) !important;}
.btn.padding-left-right-lg{padding-left:33px !important;padding-right:33px !important;}
.btn.btn-big.padding-left-right-lg{padding-left:53px !important;padding-right:53px !important;}

.scale-12{transition:0.3s;}
.scale-12:hover{transform:scale(1.2);}

/** 闪光动画 **/
.flashing{position:relative; overflow: hidden; display: block;}
.flashing::after{display: block; content: ""; position: absolute; background:transparent; border-left:3px solid rgba(255,255,255,0.2);; border-right:3px solid rgba(255,255,255,0.2);; width:8px; height:100%; transform: rotate(15deg); left:-55%; top:0; bottom:0;}
.flashing:hover::after{animation:flashing-run .35s 1 linear;}
@keyframes flashing-run { 0% {left:-50%;} 100% {left:120%;} }


.footer-nav dl{margin-top:0; min-width:120px; margin-right: 30px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{font-size:14px; margin:0 0 10px;}
.footer-nav dd{font-size:12px; margin:0 0 5px;}
.footer-nav dd a{color:#c5c5c5}
.footer-nav dt a{color:#F5F5F5}
.footer-bottom{font-size:12px;}
.footer-bottom .footer-links a{margin:0 10px 0 0;}
.footer-bottom .footer-links a:last-child{margin-right:0;}
.footer-center{border-bottom: 1px solid #4d4a4a; padding-bottom: 20px;}
.footer-logo img{width:110px;}
.footer-tel img{width:300px;}
.footer-copy{color:#A9A9A9 !important; font-weight:lighter;}
.footer-copy a{color:#A9A9A9 !important}
.footer-address{ color:#A9A9A9 !important; font-size:12px;}
.footer-address i{margin-right:8px; line-height:1;}
.share a{width:32px; height:32px; display: inline-block;  margin-left: 11px; line-height: 1;color:#FFF; text-align: center;}
.share a i{font-size:28px; line-height: 1;color:#A9A9A9}
.share a:hover,.share a:hover i{color:#A9A9A9;}
.share a:first-child{margin-left:0;}
.share .wechat{position: relative;}
.share .wechat .wechat-qrcode{text-align:center; position: absolute; bottom:0px; right:40px; margin: auto; padding:0;width:147px; height:0px; overflow: hidden; transition: 0.2s; border-radius:3px;}
.share .wechat .wechat-qrcode-c{width:147px; height:172px; position: absolute; left:0;right:0;}
.share .wechat .wechat-qrcode .c{line-height:1.2;}
.wechat-qrcode .row-img{width:147px; height:172px;}
.wechat-qrcode .row-img img{border-radius:3px;}
.share .wechat:hover .wechat-qrcode{ height:172px;}