.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,.pic img,.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:url('/Content/img/Topic/BoardLayer4/bk_banner.jpg') no-repeat center center / cover; }
.boxTopic .banner.v2{background-image:url('/Content/img/Topic/BoardLayer4/bk_banner_v2.png');}
.boxTopic .banner.v2 .box{height: 500px; cursor: pointer;}
.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}
.tit.v2 i:after,.tit.v2 i:before{display: none}

.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 em{color:#f90}
.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,.boxYS.v2 li:hover a.s2,.boxYS.v2 li a.s2:hover{background:#f90; color:#fff;}
.boxYS.v2 li{background: -moz-linear-gradient(top,  rgba(255,153,0,0.1) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,153,0,0.1) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,153,0,0.1) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aff9900', endColorstr='#ffffff',GradientType=0 );}
.boxYS.v2 li.iNew{background: -moz-linear-gradient(top,  rgba(255,40,38,0.1) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,40,38,0.1) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,40,38,0.1) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aff2826', endColorstr='#ffffff',GradientType=0 );}
.boxYS.v2 li .pic{margin:1em; border-bottom:1px solid #EAE8E6; padding-bottom:1em}
.boxYS.v2 li div p span:first-of-type:before{display: none}
.boxYS.v2 li div p{margin-bottom:0; font-size:.8em}
.boxYS.v2 li div p:nth-child(2n+1){margin-bottom:7px}
.boxYS.v2 li a{margin-top:15px}
.boxYS li.iNew:after{content:''; background: url("/Content/img/Topic/BoardLayer4/new.png") no-repeat center center; width: 101px; height: 30px; position: absolute; top:0; right:0;}
.boxYS.v2 li a.s2{background: #ff9900; color:#fff;
    background: -moz-linear-gradient(left,  #ff9900 0%, #ff2626 100%);
    background: -webkit-linear-gradient(left,  #ff9900 0%,#ff2626 100%);
    background: linear-gradient(to right,  #ff9900 0%,#ff2626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff2626',GradientType=1 );}

.bkVS{background: url("/Content/img/Topic/BoardLayer4/bk_u.jpg") no-repeat center center / cover; margin:2em 0 0; padding:1em 0 3em;}
.bkVS.v2{background-image: url("/Content/img/Topic/BoardLayer4/bk_u_v2.png")}
.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:42.5%; 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;}
.bkVS.v2 .boxVS {border-radius:16px 16px 0 0;}
.bkVS.v2 .boxVS dl{width:42%}
.bkVS.v2 .boxVS dl dt{font-weight:normal}
.bkVS.v2 .boxVS dl dd{font-size:.9em; padding-left:0; padding-right:0}
.bkVS.v2 .boxVS dl dd:last-of-type{padding-bottom:2em}
.bkVS.v2 .boxVS dl.vs{width:16%; background-color: #B2AFB9}
.bkVS.v2 .boxVS dl.vs dd:nth-child(2n+1){background-color:#B2AFB9;}
.bkVS.v2 .boxVS dl.vs dd:nth-child(4){padding:2em 0}
.bkVS.v2 .boxVS dl.vs dt{background-color:#B2AFB9; font-weight: bold;}
.bkVS.v2 .boxVS dl.jp dd{font-weight: normal}

.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: url("/Content/img/Topic/BoardLayer4/img_u1.png")}
.listUS li:nth-child(2):before{background-image: url("/Content/img/Topic/BoardLayer4/img_u2.png")}
.listUS li:nth-child(3):before{background-image: url("/Content/img/Topic/BoardLayer4/img_u3.png")}
.listUS li:nth-child(4):before{background-image: url("/Content/img/Topic/BoardLayer4/img_u4.png")}
.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:url("/Content/img/Topic/BoardLayer4/bk_order.jpg") 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: url("/Content/img/Topic/BoardLayer4/user1.png");}
.listMSG dt.user2{background-image: url("/Content/img/Topic/BoardLayer4/user2.png");}
.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: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") 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:#008C95;}
.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;}