.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,.pic img,.boxtopicfooter a,.listshoworder .sub>*{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;}

.boxtopic{font-size:20px; background: #e9f1fc no-repeat center top}
.boxtopic .box{max-width:1270px; margin:0 auto;}
.boxtopic .banner{padding:6em 0 5em}
.boxtopic .banner img{display: block; max-width:100%; margin:0 auto}
.boxtopic p{margin:0}
.tit{text-align:center; color:#333; padding:1em 0;}
.tit b{font-size:1.8em; display: block; line-height:1em}
.tit:after{content:''; display: block; width:5em; height:4px; border-radius:5px; background-color:#f90; margin:1em auto}

.boxtopic .taba{display: flex; justify-content: space-between; border-radius:1em; overflow: hidden; text-align: center;
    box-shadow: 3px 6px 35px 0 rgba(4, 88, 235, 0.14);}
.boxtopic .taba dl{flex:1; background-color:#fff; display: flex; flex-direction: column}
.boxtopic .taba dt{color:#fff; font-size:1.5em; font-weight: bold; line-height:1em; padding:.5em 0; background-color: #004baa;
    background-image: -moz-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);}
.boxtopic .taba dd{flex:1; padding:1em 0; border:1px solid #0662fc; border-top:none; border-right:none;}
.boxtopic .taba dl:first-of-type dd{border-radius:0 0 0 1em}
.boxtopic .taba dl:last-of-type dd{border-radius:0 0 1em 0; border-right:1px solid #0662fc;}
.boxtopic .taba dd p{font-size:1.2em; line-height:1.8em;}
.boxtopic .tabb{background-color:#fff; box-shadow: inset 0 2px 50px 0 rgba(52, 136, 250,.8); padding:2em 0; border-radius:1em; text-align: center;}
.boxtopic .tabb b{font-size:2.4em; color:#045eed; display: block; line-height:1em; margin-bottom:.3em}
.boxtopic .tabb span{color:#838382; display: block; line-height:1em}

.boxtopic .lia{text-align:center; display: flex; justify-content: space-between; padding:2.5em 0}
.boxtopic .lia li{flex:1}
.boxtopic .lia li em{color:#333; font-weight: bold}
.boxtopic .lia li b{
    background-color:#2095ff; border:6px solid #fff; color:#fff; border-radius:50%; font-size:1.5em; display: block; margin:0 auto; box-sizing: border-box; width:5em; height:5em; line-height:4.6em; text-shadow: 4px 6px 6px rgba(4, 88, 235, 0.56);
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(9,149,252) 50%, rgb(2,64,229) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(9,149,252) 50%, rgb(2,64,229) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(9,149,252) 50%, rgb(2,64,229) 100%);
    box-shadow: 5px 8px 30px 0 rgba(4, 88, 235, 0.17);}
.boxtopic .lia p{color:#666; margin:1em auto; line-height:1.8em}

.boxtopic .bklib{background-color:#e0e9fe; padding:1.5em 0 3.5em}
.boxtopic .bklib ul{display: flex; justify-content: space-between; gap:1.7em}
.boxtopic .bklib ul li{flex:1; border-radius:1em; overflow: hidden; background-color:#fff; box-shadow: 4px 6px 35px 0 rgba(4, 88, 235, 0.14);}
.boxtopic .bklib ul li i{display: block; height:12em; background: no-repeat center center / cover;}
.boxtopic .bklib ul li div{padding:2em 1.5em 3em; text-align: center;}
.boxtopic .bklib ul li b{display: block; font-size:1.2em; line-height:1em; margin-bottom:1em}
.boxtopic .bklib ul li p{color:#666; line-height:1.8em}

.boxtopic .bklic{padding:1.5em 0 3.5em; background: no-repeat center top / cover;}
.boxtopic .bklic ul{display: flex; flex-direction: column; gap:1.7em}
.boxtopic .bklic ul li{flex:1; background-color:#fff; border-radius:1em; padding:2em 1.5em; box-sizing: border-box; box-shadow: 4px 6px 35px 0 rgba(4, 88, 235, 0.14);}
.boxtopic .bklic ul li div{display: flex; align-items: center; padding-bottom:1em;}
.boxtopic .bklic ul li div i{width:3em; height:3em; margin-right:1em}
.boxtopic .bklic ul li div b{font-size:1.2em}
.boxtopic .bklic ul li p{color:#666; line-height:1.8em; padding-left:4em; position: relative; top:-1em;}


.boxsentnote{position: relative; margin-bottom:1em;}
.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; font-weight: bold;}
.boxsentnote .islogin>div span{color:#f90; display: inline-block; margin:0 .5em; cursor: pointer;}
.boxsentnote .islogin>div span:hover{opacity:.7;}
.boxsentnote textarea,.listmsg .boxreplay .note{width:100%; padding:.5em 1em; border:1px solid #ccc; border-radius:.5em; font-size:.8em; outline:none;}
.boxsentnote input{font-size:.7em; position:absolute; right:.6em; bottom:1em; background-color: #f90; color:#fff; border:none; padding:.5em 1.5em; border-radius:.3em}
.boxsentnote input:hover{opacity:.6}
.listmsg dl{display: flex; margin-bottom:1em;}
.listmsg>dl:last-of-type{margin-bottom:0}
.listmsg dt{background: no-repeat center top; width:2.5em; min-height:2.5em; float: left}
.listmsg dt.user1{background-image: ;}
.listmsg dt.user2{background-image: ;}
.listmsg dd{margin-left:.5em; width:100%}
.listmsg>dl>dd{font-size:.7em;}
.listmsg dd .replymsg{cursor:pointer}
.listmsg dd .replymsg:hover{color:#f90}
.listmsg dd .info{line-height:2em;}
.listmsg dd .info span{color:#666; margin-left:1em}
.listmsg dd .info .bnlike{float: right; cursor:pointer; font-size:1.2em; margin-right:1em;}
.listmsg dd .info .bnlike:before{content:'\e65e'; font-family: iconfont_dg; display: inline-block; margin-right:.3em;}
.listmsg dd .info .bnlike:hover{color:#f90;}
.listmsg dd .note{padding:.5em 0}
.listmsg dd dl{background-color:#f9f9f9; width:100%; padding:1em;}
.listmsg dd dl .replymsg,.listmsg .boxreplay{display:none}
.listmsg .boxreplay{padding-bottom:1em;}
.listmsg .boxreplay .note{width:100%;}
.listmsg .boxreplay .submit{background-color:#f90; color:#fff;}
.listmsg .boxreplay [type="button"]{border:none; border-radius:3px; padding:.3em 1em; margin-right:.5em;}
.listmsg .boxreplay [type="button"]:hover{opacity:.6;}
.bnmoremsg{background-color: #f90; color:#fff; font-size:.8em; padding:.5em 0; border-radius:.3em; margin-top:1em; text-align: center; cursor: pointer;}
.bnmoremsg:hover{opacity:.7}

.listshoworder{overflow: hidden}
.listshoworder .swiper-slide{background-color:#fff; max-width:300px; box-shadow: 4px 6px 35px 0 rgba(4, 88, 235, 0.14); border-radius:.5em; overflow: hidden}
.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 .3em;}
.listshoworder .user>*{display: inline-block; vertical-align: middle; margin-left:1em; font-size:.7em;}
.listshoworder .user img{width:2.5em; height:2.5em; display:block;}
.listshoworder .user em{color:#666;}
.listshoworder .sub{position: relative; text-align: center; padding:1.5em 0 0}
.listshoworder .sub>*{position:static; margin:0 .5em; display: inline-block; background:none #fff; height:3em; width:3em; text-align: center; border-radius:50%}
.listshoworder .sub>*:hover{opacity:.5}
.listshoworder .sub>*:after{content:'\eca6'; font-family: iconfont_dg; display: block; line-height:1.8em; font-size:1.6em}
.listshoworder .sub>.swiper-button-prev:after{transform: rotate(90deg)}
.listshoworder .sub>.swiper-button-next:after{transform: rotate(-90deg)}

.boxtopicfooter{text-align: center; padding:1.5em 0; user-select: none;
    background-image: -moz-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(33,161,255) 0%, rgb(0,28,196) 100%);}
.boxtopicfooter a{border:1px solid #fff; border-radius:.5em; font-size:1.2em; padding:0 2em; color:#fff; line-height:2em; display: inline-block;}
.boxtopicfooter a:hover{opacity:.7}

.bkod{padding:1.5em 0 3.5em}
.bklim{padding:3em 0; background-color:#edf4ff; position: relative; overflow: hidden}
.bklim .tit{position: relative; z-index:2}
.bklim:after{content:''; background:  no-repeat right top; height: 616px; position: absolute; top:0; right:0; left:0; z-index:0;}
.bklim:before{content:''; background:  no-repeat left bottom; height: 493px; position: absolute; bottom:0; right:0; left:0; z-index:1;}
.bklim>.box{background-color:#fff; border-radius:1em; padding:1em; position:relative; z-index:2;}

.swiper{position: relative; overflow: hidden}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0}
.swiper-pagination-bullet{width:30px; height:10px; border-radius:3px;}
.swiper-pagination-bullet-active{background-color:#f90;}