.boxFFF{background-color:#fff; overflow: hidden; padding-bottom:4em;}
.pic{overflow: hidden; display: block;}
.pic img{display:block; width:100%; height:100%; object-fit:contain;}
.pic:hover img{transform: scale(1.05);}
.anmt3,.liECMS li{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.font2h,.font3h,.listShowOrder .swiper-slide p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.bkF235{background-color: #F2F3F5}

.boxTopic{font-size:20px; background-color:#fff;}
.boxTopic .box{max-width:1280px; margin:0 auto; position: relative}
.banner{background:url('bk_banner.png') #2E384B no-repeat center center / cover; color:#fff;}
.banner .box{padding:5em 0 4em; text-align: center;}
.banner .box b{font-size:2.4em;}
.banner .box>span{font-size:1.5em; display: block; margin:.5em 0}
.banner .box .bnsa{font-size:1.2em; display:inline-block; margin:1em auto 0; padding:.3em 2em; border-radius:.2em;}

.bannerWhy{color:#fff; line-height:120px; background-color:#1B1A1F; overflow: hidden; user-select: none}
.bannerWhy .box{height:120px;}
.bannerWhy .box:before{content:''; position: absolute; top:0; left:-100%; height:100%; right:99.99%; background-color:#f90;}
.bannerWhy .box div{width:300px; text-align: center; font-size:1.8em; line-height:120px; float: left;
    background: rgb(255,153,0);
    background: -moz-linear-gradient(left,  rgba(255,153,0,1) 0%, rgba(255,112,1,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,153,0,1) 0%,rgba(255,112,1,1) 100%);
    background: linear-gradient(to right,  rgba(255,153,0,1) 0%,rgba(255,112,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff7001',GradientType=1 );
}
.bannerWhy ul{margin-left:300px; display: flex; flex: auto; justify-content: space-between; position: relative;}
.bannerWhy ul:after{content:''; background: url("bk_banner_br.png") no-repeat left center / cover; z-index:0; position: absolute; left:0; top:0; bottom:0; width:1302px;}
/*.bannerWhy ul li:first-of-type{margin-left:5%}*/
.bannerWhy ul li,.bannerWhy ul li span{position: relative; z-index:1;}
.bannerWhy ul li{display: flex; align-items: center; min-height:120px; margin-left:5%}
.bannerWhy ul li span{font-size:1.2em; line-height:1em; display: block}
.bannerWhy ul li i{position:absolute; z-index:0; top:50%; left:50%; transform: translate(-50%,-50%); font-size:5em; color:#f90; opacity:.2}

.boxTopic .tit{text-align: center; padding:3em 0 2em}
.boxTopic .tit b{font-size:1.8em; display: block}
.boxTopic .tit p{font-size:.9em; color:#999; padding-top:1em}
.boxTopic .tit.iYY b:before{content:''; background: url("icon_edit.png") no-repeat center center / cover; width:41px; height:41px; display: inline-block; margin-right:.5em; vertical-align: sub;}
.boxTopic .lc{display: flex; justify-content: space-between; padding:0 1em; position: relative; margin-bottom:3em;}
.boxTopic .lc:after{content:''; position: absolute; top:37%; left:2em; right:2em; border-top:2px solid #f90; z-index:0; opacity:.6;}
.boxTopic .lc li{text-align:center; position: relative; z-index:1}
.boxTopic .lc li:before{content:''; display: block; background:#fff no-repeat center center; box-sizing: content-box; padding:.5em; width:6em; height:6em; margin:0 auto .5em}
.boxTopic .lc li:nth-child(1):before{background-image:url("icon_c1.png")}
.boxTopic .lc li:nth-child(3):before{background-image:url("icon_c2.png")}
.boxTopic .lc li:nth-child(5):before{background-image:url("icon_c3.png")}
.boxTopic .lc li:nth-child(7):before{background-image:url("icon_c4.png")}
.boxTopic .lc li:nth-child(2n):before{content:'\e659'; font-family:iconfont_dg; width:auto; height: auto; color:#f90; position: absolute; top:24%; left:50%; transform: translateX(-50%); padding:.3em; font-size:1.2em;}
.boxTopic .lc li b{font-size:1.2em; color:#333}
.boxTopic .liFt{position: relative; padding:2em 0}
.boxTopic .liFt .bk{position: absolute; top:0; left:0; bottom:0; width:50%; z-index:0; background: no-repeat center center / cover;}
.boxTopic .liFt .bk:nth-child(2){left:50%;}
.boxTopic .liFt .info{position: relative; z-index:1; background-color: #F5F7F9; width:60%; margin-left:40%; box-shadow: rgba(0,0,0,.1) 0 .5em 1em; padding:3em;}
.boxTopic .liFt .info b{display: block; font-size:1.5em;}
.boxTopic .liFt .info b:after{content:''; display: block; background-color:#f90; height:4px; max-width:8em; margin:.8em 0 1.1em;}
.boxTopic .liFt .info p{font-size:.8em; color:#333; line-height:1.5em;}
.boxTopic .liFt:nth-child(2n) .info{margin-left:0; margin-right:40%;}
.boxTopic .bkECMS{background: url("bk_ecms.png") #eee no-repeat center center / cover; margin-top:3em; padding-bottom:3em}
.liECMS{display: flex; justify-content:center; flex-wrap: wrap}
.liECMS li{width:30%; padding:.7em;}
.liECMS li img{display: block; width:100%;}
.liECMS li div{padding:1em 0;}
.liECMS li b{color:#f90; font-size:1.2em;}
.liECMS li b:after{content:''; display: block; background-color:#f90; margin:.5em 0; height:4px; max-width:2.5em;}
.liECMS li p{font-size:.7em}
.liECMS li:hover{background-color:#f90; color:#fff}
.liECMS li:hover b{color:#fff;}
.liECMS li:hover b:after{background-color:#fff}


.el-form{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:2em}
.el-form .el-select,.el-form .el-date-editor{display: block;}
.el-form .el-date-editor{width:100%}
.el-form .el-form-item{flex: auto; margin:0 .5em .5em;}
.el-form .el-form-item.l3{width:30%;}
.el-form .el-form-item.bn{width:100%; text-align: center;}
.el-form .el-form-item.bn p{font-size:18px; color:#999}
.el-form--label-top .el-form-item__label{padding-bottom:0; margin-bottom:0; font-size:.9em;}
.el-form .bnsa{margin:1.5em .5em 0; font-size:1.2em; padding:.3em 4em;}

.boxTopic .fxFt{background: url("bk_fxFt.png") no-repeat center center / cover; text-align: center; color:#fff; padding:2.5em 0}
.boxTopic .fxFt b{display: block; font-size:1.2em; margin-bottom:.8em}
.boxTopic .fxFt .bnsa{margin:0 1em; padding:.5em 3em}

.listShowOrder{overflow: hidden}
.listShowOrder .swiper-slide{background-color:#fff;}
.listShowOrder .swiper-slide:first-of-type{margin-left:0;}
.listShowOrder .swiper-slide .pic{height:12em}
.listShowOrder .swiper-slide .pic img{object-fit:cover}
.listShowOrder .swiper-slide .info{padding:.5em;}
.listShowOrder .swiper-slide .tag{font-size:.7em; padding:0 0 .3em .3em; color:#666;}
.listShowOrder .swiper-slide .tag i{font-family: iconfont_dg;}
.listShowOrder .swiper-slide .tag em{display: inline-block; margin:0 1em 0 .3em}
.listShowOrder .swiper-slide .star i:after{content:'\e666'; display: inline-block; font-family: iconfont_dg; color:#f90; line-height:1em}
.listShowOrder .swiper-slide p{font-size:.7em; min-height:2.9em; margin:.5em 0 1em;}
.listShowOrder .user>*{display: inline-block; vertical-align: middle; margin-left:.5em; font-size:.7em;}
.listShowOrder .user img{width:2.5em; height:2.5em; display:block;}
.listShowOrder .user em{color:#666;}

.bkMSG{background: url("bk_msg.png") no-repeat center center / cover; padding:3em 0}
.swiper.listShowOrder{position: relative; overflow: hidden; padding-bottom:3em;}
.listShowOrder .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0}
.listShowOrder .swiper-pagination-bullet{width:30px; height:10px; border-radius:3px;}
.listShowOrder .swiper-pagination-bullet-active{background-color:#f90;}

.el-upload--picture-card{width:90px; height:90px; line-height:90px}
.el-upload__input{display: none!important;}


.boxSentNote .isLogin{position: absolute; top:0; right:0; bottom:0; left:0; background-color:#F9F9F9; border:1px solid #ccc; border-radius:.5em; z-index:3; display: flex; justify-content: center; align-items: center;}
.boxSentNote .isLogin>div{text-align: center;}
.boxSentNote .isLogin>div span{color:#f90; display: inline-block; font-weight:bold; margin:0 .5em; cursor: pointer;}
.boxSentNote .isLogin>div span:hover{opacity:.7;}
