.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,.boxys li,.boxys li a,.listus li,.boxfaq dl dt:before,.boxfaq dl dt:after,.boxsentnote input,.bntopicgoquote,.boxreplay [type="button"]{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-color:#f4f4f5}
.boxtopic .box{max-width:1280px; margin:0 auto;}
.boxtopic .banner{background: no-repeat center center / cover; }
.boxtopic .banner img{display: block; width:100%;}
.tit{text-align:center; font-size:1.8em; color:#333; padding:1em 0;}
.tit i{display:inline-block; position:relative; width:.8em; height:.8em; margin:0 .5em;}
.tit i:last-of-type{transform:rotatey(180deg)}
.tit i:after{content:''; position:absolute; top:0; left:0; border:.2em solid #f90; width:.2em; height:.2em; box-sizing: content-box; z-index:1}
.tit i:before{content:''; position:absolute; right:0; bottom:0; font-size:.4em; width:1em; height:1em; background-color:#f90; opacity:.3; box-sizing: content-box; z-index:0}

.boxys{display: flex; justify-content: space-between;}
.boxys li{width:100%; margin-left:1em; background-color: #fff; padding-bottom:3.5em; position: relative}
.boxys li:first-of-type{margin-left:0; width:25%}
.boxys li:nth-child(2){width:40%}
.boxys li:nth-child(3){width:45%}
.boxys li:hover{box-shadow:rgba(0,0,0,.1) 0 0 1em}
/*.boxys li img{display: block; margin:1em auto; padding:0 1em; max-width:100%}*/
.boxys li .pic{height:7.5em; margin:1em auto;}
.boxys li b{display: block; margin-bottom:.5em;}
.boxys li div{padding:0 1.5em;}
.boxys li div p{font-size:.7em; display: flex; justify-content: space-between;}
.boxys li div p span:first-of-type{position: relative;}
.boxys li div p span:first-of-type:before{content:''; display: inline-block; width:.4em; height:.4em; border-radius:50%; background-color:#f90; position: absolute; top:.4em; left:-.7em;}
.boxys li a{background-color:#fff; position: absolute; left:.7em; border:1px solid #f90; right:.7em; bottom:.7em; border-radius:.3em; color:#f90; text-align: center; padding:.5em 0}
.boxys li:hover a{background-color:#f90; color:#fff;}
.boxys li a:hover{opacity:.7;}

.bkvs{background:  no-repeat center center / cover; margin:2em 0 0; padding:1em 0 3em;}
.boxvs{display:flex; justify-content:space-between; text-align: center; background-color:#fff; overflow: hidden}
.boxvs dl{width:22%; float: left; position: relative;}
.boxvs dl dd{padding:1em; position: relative;}
.boxvs dl dd:nth-child(2n 1){background-color:#f9f9f9;}
.boxvs dl:first-of-type:after{content:''; position:absolute; top:0; right:0; bottom:0; border-right:1px solid #ccc}
.boxvs dt{line-height:3em; background-color:#e5e5e5; color:#666}
.boxvs dl.vs{width:12%; min-width:150px; background-color:#ffbd5e; color:#fff}
.boxvs dl.vs dt{background-color:#ffbd5e; color:#fff}
.boxvs dl.vs dt span{font-size:1.8em; font-weight: bold; display: block; text-shadow:rgba(0,0,0,.3) 0 0 .3em; font-family: arial}
.boxvs dl.vs dd:nth-child(2n 1){background-color:#ffbd5e;}
.boxvs dl.vs dd:after{content:''; position: absolute; left:1em; right:1em; top:0; border-bottom:1px dashed #fff;}
.boxvs dl.jp{width:44%; font-weight: bold; color:#333;}
.boxvs dl.jp dt{background-color:#f90; color:#fff; font-weight: bold;}
.boxvs dl.jp dd:nth-child(2n 1){background-color:#fff7eb;}

.listus{border:1px solid #ccc; border-right: none; border-bottom:none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.listus li{border:1px solid #ccc; border-top: none; border-left:none; width:50%; padding:1.5em;}
.listus li b{display: inline-block; margin-bottom:1em; vertical-align: middle}
.listus li:before{content:''; background:no-repeat center center / contain; display: inline-block; margin:0 1em 1em 0; vertical-align: middle; width:1.8em; height:1.8em;}
.listus li:nth-child(1):before{background-image: }
.listus li:nth-child(2):before{background-image: }
.listus li:nth-child(3):before{background-image: }
.listus li:nth-child(4):before{background-image: }
.listus li:hover{box-shadow: rgba(255,153,0,.3) 0 0 1.5em}
.listus li p{font-size:.7em; color:#666; padding-left:1.5em; line-height:1.6em; position: relative;}
.listus li p:before{position: absolute; top:.1em; left:0; color:#fff; background-color:#f90; border-radius:50%; width:1.1em; height:1.1em; line-height:1.1em; text-align: center;}
.listus li p:nth-child(2):before{content:'1';}
.listus li p:nth-child(3):before{content:'2';}
.listus li p:nth-child(4):before{content:'3';}
.listus li p:nth-child(5):before{content:'4';}
.listus li p:nth-child(6):before{content:'5';}
.listus li p:nth-child(7):before{content:'6';}
.listus li p:nth-child(8):before{content:'7';}

.listcs{overflow: hidden; padding-bottom:3em; display: flex;}
.listcs li{width:32%; float: left; background-color:#fff;}
.listcs li:nth-child(3n-1){margin:0 2%}
.listcs li div{padding:1.2em 1.5em;}
.listcs li div p{font-size:.7em; margin-top:.3em; color:#666}

.boxfaq{padding-bottom:1em;}
.boxfaq dl{border-bottom:1px solid #ccc; margin-bottom:1em; padding:0 2em 1em}
.boxfaq dl dt{position: relative; cursor: pointer}
.boxfaq dl dt:before{content:'?'; width: 1.2em; height:1.2em; line-height:1em; text-align: center; border:2px solid #333; border-radius:50%; position: absolute; top:0; left:-2em;}
.boxfaq dl:hover dt:before,.boxfaq dl.active dt:before{background-color:#f90; color:#fff; border-color:#f90;}
.boxfaq dl dt:after{content:'\e632'; font-family: iconfont_dg; float: right; opacity:.8}
.boxfaq dl.active dt:after{transform: rotate(180deg)}
.boxfaq dl dd{font-size:.7em; color:#666; padding-top:1em; display:none}
.boxfaq dl dd table{border:1px solid #ccc; border-right:none; border-bottom:none; width:100%; text-align: center; margin-top:.5em;}
.boxfaq dl dd table td{border:1px solid #ccc; border-left:none; border-top:none; padding:.5em;}
.boxfaq dl dd table td:first-of-type{font-weight: bold;}

.bkod{background: no-repeat center center / cover; padding-bottom:3em;}

.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;}
.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;}

.boxtopicfooter{background:  no-repeat center center / cover; min-height:100px; padding:1em 0; color:#fff}
.boxtopicfooter .text{float: left}
.boxtopicfooter .text b{font-weight:normal; display: block;}
.boxtopicfooter .text span{font-size:.7em}
.boxtopicfooter .quote{float: right; padding-top:.3em}
.boxtopicfooter .quote>*{vertical-align: middle}
.boxtopicfooter .quote .ipt{width:6em; font-size:14px; height:50px; line-height:50px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxtopicfooter .quote .ipt#num{width:10em;}
.boxtopicfooter .topicquotenum{display: inline-block; position: relative;}
.boxtopicfooter .bntopicgoquote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:44px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxtopicfooter .bntopicgoquote:hover{opacity:.7; background-color:#f90;}
.boxtopicfooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxtopicfooter .boardnumber #txtselnum{width:100px}
.boxtopicfooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}

.swiper{position: relative; overflow: hidden; padding-bottom:2em;}
.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;}