html,body{height:100%;display:flex;flex-direction:column;background:#fff}.categorySelectBox{position:relative}.categoryBox{position:absolute;left:0;top:30px;display:none;z-index:999;background-color:#fff;padding:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}#clearSelect{width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;color:#666;background-color:#fff;font-weight:200;font-size:10px;position:absolute;right:4px;top:7px;display:none}.categoryBtnClear:hover #clearSelect{display:block}.categorySelectLi,.categoryBox li{list-style:none;cursor:pointer;padding:2px 8px;white-space:nowrap;width:168px}.categoryBox li i{float:right}.categorySelectLi{width:auto}.categorySelectLi:hover,.categoryBox li:hover{background-color:#f2f2f2}.categoryBtn{height:31px}.childBox{display:none;position:absolute;top:0;left:163px;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;max-height:413px;overflow:auto}.childBox36{top:50px}.categoryBox li:hover .childBox{display:block}#btnCategoryText{display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.categorySelectBox .dropdown-toggle::after{padding-bottom:5px}.menuLi{width:168px;position:relative;padding:5px}.menuLi a{display:inline-block;white-space:nowrap}.menuLi:hover{background-color:#f2f2f2}.menuLi i{float:right}.menuChilBox{position:absolute;left:168px;top:0;white-space:pre-wrap;padding:5px;width:46vw;display:none;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.menuLi:hover .menuChilBox{display:block}.menuChilBox a{display:inline-block;white-space:nowrap;padding:5px}.container-fluid{padding:0}.tagBrands,.hotBrands{background-color:#fff;padding:10px 0 10px 10px}.tagBrands a,.hotBrands a{display:inline-block;color:#666;padding:5px;margin-right:12px;white-space:nowrap}.hotBrands a:hover{background:#f2f2f2;border-radius:4px;color:#000}.tagBrands .active{padding:0 5px;color:#fff;background-color:#333;border-radius:4px}.searchBox{position:relative}.searchInputBox{position:absolute;z-index:-1;right:0;opacity:0;min-width:390px;width:auto;transition:all ease-out .3s}#inputKeyword{min-width:150px;width:150px}#closeSearchBox{position:absolute;top:-8px;left:-9px;cursor:pointer;z-index:999;color:red;background:#fff;line-height:13px;text-align:center;font-size:13px;height:13px;z-index:9999;width:13px;border-radius:50%;overflow:hidden}.isOpenSearch .searchInputBox{transition:all ease-in .3s;opacity:1;z-index:99}.isOpenSearch #openSearchBtn{display:none;transition:all ease-out .3s}#header,#body,#footer{width:100%}#header{flex:0 0 auto;position:fixed;top:0;z-index:999}#body{flex:1 0 auto}#footer{flex:0 0 auto}#wrapper{display:flex}#wrapper #content-wrapper{width:100%;position:relative;display:-webkit-box;display:flex;height:calc(100vh - 3.625rem);overflow-x:hidden;overflow-y:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.35rem;padding-left:.35rem}#wrapper #content-wrapper::-webkit-scrollbar{display:block;width:.4rem}#wrapper #content-wrapper::-webkit-scrollbar-thumb{border-radius:.4rem;background-color:#b7b9cc !important}#wrapper #content-wrapper::-webkit-scrollbar-thumb:hover{background-color:#19926f !important}} #wrapper #content-wrapper #body{flex:1 0 auto}.navbar-h{height:3.625rem}.navbar-brand{padding-left:0;padding-right:5px;margin:0;font-size:1.3rem;font-weight:700}.logo{width:15rem}#wrapper .wrapper-top{padding-top:3.625rem !important;min-height:100vh}#wrapper .sidebar{top:0;bottom:0;width:15rem !important;height:calc(100vh - 3.625rem);overflow-x:hidden;overflow-y:auto;flex-wrap:nowrap;font-size:.98rem;margin-right:.15rem !important;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}#wrapper .sidebar::-webkit-scrollbar{display:block;width:.3rem}#wrapper .sidebar::-webkit-scrollbar-thumb{border-radius:.3rem;background-color:#b7b9cc !important}#wrapper .sidebar .nav-item .nav-link[data-toggle="collapse"]::after{width:1rem;text-align:center;float:right;vertical-align:0;border:0;font-weight:900;content:'\f107';color:#b7b9cc !important;font-family:'FontAwesome'}#wrapper .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after{color:#b7b9cc !important;content:'\f105'}pre{white-space:normal}.footerMen{text-align:center}.footerMen a{color:#fff;margin:5px;white-space:nowrap;display:inline-block}.footerMen a:hover{opacity:.8}#wrapper .sidebar .sidebar-menu-nested{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-left:1.4375rem;border-left-style:solid;border-left-width:thin;padding-left:1.8rem;border-left-color:#333}.bg-primary{border-bottom:5px solid #000}.navbar-nav{flex-wrap:wrap;white-space:nowrap}.navbar-nav .sub-menu.active{color:#333 !important}.navbar-dark .navbar-nav .nav-item.active .menu-icon{color:#333 !important}.menu-icon{display:inline-block;width:1.1rem;text-align:center}.page-header-content{padding-top:4rem;padding-bottom:4rem}.border-left-primary{border-left:.25rem solid #333 !important}.border-bottom-primary{border-bottom:.25rem solid #333 !important}.border-left-secondary{border-left:.25rem solid #444 !important}.border-bottom-secondary{border-bottom:.25rem solid #444 !important}.border-left-success{border-left:.25rem solid #33cd5f !important}.border-bottom-success{border-bottom:.25rem solid #33cd5f !important}.border-left-info{border-left:.25rem solid #11c1f3 !important}.border-bottom-info{border-bottom:.25rem solid #11c1f3 !important}.border-left-warning{border-left:.25rem solid #ffc900 !important}.border-bottom-warning{border-bottom:.25rem solid #ffc900 !important}.border-left-danger{border-left:.25rem solid #ef473a !important}.border-bottom-danger{border-bottom:.25rem solid #ef473a !important}.border-left-dark{border-left:.25rem solid #20222A !important}.border-bottom-dark{border-bottom:.25rem solid #20222A !important}.border-left-black{border-left:.25rem solid #000 !important}.border-bottom-black{border-bottom:.25rem solid #000 !important}.border-left-purple{border-left:.25rem solid #886aea !important}.border-bottom-purple{border-bottom:.25rem solid #886aea !important}.border-left-azure{border-left:.25rem solid #387ef5 !important}.border-bottom-azure{border-bottom:.25rem solid #387ef5 !important}.p-10{padding:6rem !important}.pt-10,.py-10{padding-top:6rem !important}.pr-10,.px-10{padding-right:6rem !important}.pb-10,.py-10{padding-bottom:6rem !important}.pl-10,.px-10{padding-left:6rem !important}.m-n10{margin:-6rem !important}.mt-n10,.my-n10{margin-top:-6rem !important}.mr-n10,.mx-n10{margin-right:-6rem !important}.mb-n10,.my-n10{margin-bottom:-6rem !important}.ml-n10,.mx-n10{margin-left:-6rem !important}.linear-gradient-white-95{background:-moz-linear-gradient(left,#ffffff 95%,#e5e8eb 100%);background:-webkit-linear-gradient(left,#ffffff 95%,#e5e8eb 100%);background:-o-linear-gradient(left,#ffffff 95%,#e5e8eb 100%)}@-webkit-keyframes fadeInUp{0%{opacity:0;margin-top:.75rem}to{opacity:1;margin-top:0}} @keyframes fadeInUp{0%{opacity:0;margin-top:.75rem}to{opacity:1;margin-top:0}} .animated--fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:margin cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);animation-timing-function:margin cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1)}.animated--fade-in-up.dropdown-menu{transform:translate(0px,1rem)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}} @keyframes fadeIn{0%{opacity:0}to{opacity:1}} .animated--fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:opacity cubic-bezier(0,1,.4,1);animation-timing-function:opacity cubic-bezier(0,1,.4,1)}.rotate-l-15{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.rotate-r-15{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.rotate-l-45{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rotate-r-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.timeline{position:relative;padding-left:32px}.timeline:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#e3e9ed}.timeline .date-before-point{position:absolute;margin-left:-4px;width:10px;height:10px;border-radius:50%;border:2px solid #ef473a;background:#fff;z-index:10}.float-up:hover{position:relative;z-index:1;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.float-up:hover .transform-scale{-webkit-transform:scale(1);transform:scale(1.02);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.scroll-to-top{position:fixed;right:1rem;bottom:1rem;display:none;width:2.75rem;height:2.75rem;text-align:center;color:#fff;background:rgba(90,92,105,.5);line-height:46px}.scroll-to-top:focus,.scroll-to-top:hover{color:white}.scroll-to-top:hover{background:#5a5c69}.scroll-to-top i{color:#fff !important;font-weight:800}.scroll-to-bottom{position:fixed;right:1rem;bottom:1rem;display:none;width:2.75rem;height:2.75rem;text-align:center;color:#fff;background:rgba(90,92,105,.5);line-height:46px}.scroll-to-bottom:focus,.scroll-to-bottom:hover{color:#fff}.scroll-to-bottom:hover{background:#5a5c69}.scroll-to-bottom i{color:#fff !important;font-weight:800}@media (max-width:576px){.hidden-sm{display:none !important}.isOpenSearch{position:fixed;left:15px;top:70px}#inputKeyword{max-width:160px}#btnCategoryText{max-width:80px}.dropdown-menu{max-height:400px;overflow:auto;max-width:300px}.navbar-nav{max-width:360px}.searchInputBox{transition:all ease-in .3s;opacity:1;z-index:99;position:relative}#closeSearchBox,#openSearchBtn{display:none !important}.navUserBox{display:block;padding:0 0 0 0px}.navUserBox .nav-item{width:60px;display:inline-block}.navUserBox .nav-item a{display:inline-block}.navUserBox .nav-item.searchBox{display:block;width:100%;margin-bottom:15px}.navUserBox .nav-item.searchBox .px-2{padding-left:0 !important}.navbar-nav .dropdown-menu{white-space:normal}.menuLi{width:auto;margin:5px;display:inline-block}.menuLi i{display:none}.menuLi:hover .menuChilBox{display:none}.footerNavInc{display:block}} @media (min-width:576px)and (max-width:992px){.footerNavInc{display:block}.hidden-md{display:none !important}#btnCategoryText{max-width:80px}#inputKeyword{max-width:160px}.dropdown-menu{max-height:400px;overflow:auto;max-width:300px}.searchInputBox{transition:all ease-in .3s;opacity:1;z-index:99;position:relative}#closeSearchBox,#openSearchBtn{display:none !important}.navUserBox{display:block}.navUserBox .nav-item{width:60px;display:inline-block}.navUserBox .nav-item a{display:inline-block}.navUserBox .nav-item.searchBox{display:block;width:100%;margin-bottom:15px}.navUserBox .nav-item.searchBox .px-2{padding-left:0 !important}.navbar-nav .dropdown-menu{white-space:normal}.menuLi{width:auto;margin:5px;display:inline-block}.menuLi i{display:none}.menuLi:hover .menuChilBox{display:none}} .media{width:100%}@media (min-width:992px){.hidden-lg{display:none !important}} @media (max-width:991.98px){.media{display:block}.threadlist .media-body .col-4{width:100%;max-width:100%}} .addattach:hover{font-weight:800}.pagination{flex-wrap:wrap}table.nav_tag_list{margin-bottom:.2rem}table.nav_tag_list td{padding:.1rem}table.nav_tag_list td a{margin-right:.5rem}.nav_tag_list .active{font-weight:800}@keyframes quote_animation{from{background-color:#177f2e}to{background-color:#f8f9fa}} li.quote{background-color:#e9ecef;animation:quote_animation 1s;-moz-animation:quote_animation 1s;-webkit-animation:quote_animation 1s;-o-animation:quote_animation 1s;background-image:url(../img/quote.png);background-repeat:no-repeat;background-position:top right}.blockquote{font-size:.8rem;background-color:#e9ecef;background-image:url(../img/quote.png);background-repeat:no-repeat;background-position:top right;padding:.5rem 1rem !important}.blockquote .user{margin-right:.5rem}.thread,.post{border-bottom:1px solid #e9ecef;padding:.7rem 0px}.thread:hover{background-color:#eff3f9}.threadlist>.thread:last-child,.postlist>.post:last-child{border-bottom:0px}.postlist .media-body{width:1%}.message p{margin:.2rem 0;line-height:1.7}.message img{max-width:100%;height:auto !important;border:1px solid #dee2e6;margin-bottom:.5rem}.thread .badge{font-weight:normal}.subject{font-size:1.04rem}.titleName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:50px;text-overflow:ellipsis}.message{font-size:1.2rem}a{color:#333}.video{position:relative}.video .playIco{position:absolute;top:50%;left:50%;margin:-28px 0 0 -28px;z-index:5}#images{display:flex;margin:0;padding:0;width:100%;overflow:auto}#images li{list-style-type:none;cursor:pointer}#images li img{margin:0;padding:0;display:block;cursor:pointer;width:80px;margin-right:3px}#images li img:hover{opacity:.85}#message{height:2.4rem;transition:height .2s}.form-control{height:auto}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;overflow:hidden}.price{font-size:1rem;color:coral;font-weight:bold}.price:before{content:"￥";font-weight:bold}.brief{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.update-thread,.delete-thread{cursor:pointer}.tag-outline-list{margin-top:0;margin-bottom:.1rem}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.6 !important}.line-height-3{line-height:2 !important}.line-height-4{line-height:2.5 !important}.line-height-5{line-height:3 !important}.line-height-6{line-height:4 !important}.avatar-1{width:1.3rem;height:1.3rem;border-radius:1.3rem}.avatar-2{width:1.8rem;height:1.8rem;border-radius:1.8rem}.avatar-3{width:2.4rem;height:2.4rem;border-radius:2.4rem}.avatar-4{width:4.5rem;height:4.5rem;border-radius:4.5rem}.avatar-5{width:6rem;height:6rem;border-radius:6rem}.logo-1{height:1.3rem}.logo-2{height:1.8rem}.logo-3{height:2.4rem}.logo-4{height:4.5rem}.logo-5{height:6rem}.icon.filetype{display:inline-block;width:1rem;height:1rem;vertical-align:middle;background-repeat:no-repeat;background-size:1rem}.icon.filetype{--sbig:16px;width:var(--sbig);height:var(--sbig);background-size:var(--sbig);background-image:url("../img/filetype.png")}.icon.filetype.big{--sbig:24px}.icon.filetype.video{background-position:0 0}.icon.filetype.music:before{content:""}.icon.filetype.music{background-position:0 calc(-1 * var(--sbig))}.icon.filetype.exe{background-position:0 calc(-2 * var(--sbig))}.icon.filetype.flash{background-position:0 calc(-3 * var(--sbig))}.icon.filetype.image:before{content:""}.icon.filetype.image{background-position:0 calc(-4 * var(--sbig))}.icon.filetype.office{background-position:0 calc(-5 * var(--sbig))}.icon.filetype.pdf{background-position:0 calc(-6 * var(--sbig))}.icon.filetype.text{background-position:0 calc(-7 * var(--sbig))}.icon.filetype.unknown{background-position:0 calc(-8 * var(--sbig))}.icon.filetype.zip{background-position:0 calc(-9 * var(--sbig))}.icon.filetype.other{background-position:0 calc(-10 * var(--sbig))}.icon.filetype.book{background-position:0 calc(-11 * var(--sbig))}.icon.filetype.torrent{background-position:0 calc(-12 * var(--sbig))}.icon.filetype.font{background-position:0 calc(-13 * var(--sbig))}small,.small{font-size:85%;font-weight:400}.text-small{font-size:12px}.text-grey,.text-gray{color:rgba(134,142,150,.8)!important}.break-all{word-break:break-all;word-wrap:break-word}.center{margin-right:auto !important;margin-left:auto !important}.w-auto{width:auto !important}.flex-grow{flex-grow:1}.fieldset{padding:10px;margin:10px;border:1px solid #dee2e6;border-radius:2px;background:#f8f9fa}.fieldset legend{width:auto;padding:0px 16px;font-size:1rem;font-weight:800;border-radius:2px;color:#f8f9fa;background:#868e96}select option{background-color:#fff}.nav-scroller{position:relative !important;z-index:2;height:1.7rem;overflow:hidden !important}.nav-scroller .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;text-align:center;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.nav-scroller .nav::-webkit-scrollbar{display:block;height:.2rem}.nav-scroller .nav .nav-link{display:block;padding:.25rem .5rem}@media (min-width:767px){.nav-scroller{white-space:nowrap;height:2.1rem !important}.nav-scroller .nav::-webkit-scrollbar-thumb{background-color:#19926f !important}.nav-scroller .nav .nav-link{padding:.15rem .2rem;margin:.2rem .2rem}} .nav-block{right:0;top:calc((100vh - 3.625rem)/2);width:20px;height:60px;z-index:999}.button-hide{left:-20px;top:calc((100vh - 10.875rem)/2)}.dropdown-menu{min-width:inherit}.threadlist{overflow:hidden}.manBody{width:120px;float:left;height:120px;overflow:hidden}.manBody .col-md-3 img.w-100{width:120px !important}.manBody .custom-checkbox{position:absolute;z-index:8;width:60px !important;height:120px !important;background:#ff880015}.manBody .custom-control-input{width:90px !important;height:120px !important;display:block}.manBody .media-body{display:none !important}.none{display:none}.proBox{white-space:nowrap;display:flex;line-height:57px;font-weight:normal}.delPrice{color:#aaa;text-decoration:line-through}.checkPrice{opacity:.3}.threadLi{position:relative}.threadLi a{color:#999}.addCardBtn{position:absolute;left:50%;opacity:0;margin:0 0 0 -60px;z-index:9;top:0px;transition:top .3s ease}.threadLi:hover .addCardBtn{display:block;opacity:1;top:-40px;transition:top .6s ease}.main{background-color:#fff}.card-header{background:#fff !important}.thListImgLinkBox{position:relative;display:block}.thListImgLinkBox img{width:100%}.thListImgLinkBox .img2,.thListImgLinkBox .img1{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;padding:0px;box-sizing:border-box;border-radius:6px 6px 0px 0px}.thListImgLinkBox .img1{position:absolute;top:0;left:0;z-index:2;transition:all .6s ease}.thListImgLinkBox .img2{opacity:.01;transition:all .6s ease-in-out}.threadLi:hover .thListImgLinkBox .img1{opacity:0;transition:all .6s ease-in-out}.threadLi:hover .thListImgLinkBox .img2{opacity:1;transition:all .6s ease}.maxImgBox{width:100%;height:500px;position:relative;background:#fff}.maxImgBox img{width:100%}.mainBody{padding:15px;background:#fff}.breadcrumb{margin-bottom:0;border-bottom:1px solid #f2f2f2}.proBox{white-space:nowrap;display:flex;line-height:57px}.none{display:none}.delPrice{color:#aaa;text-decoration:line-through}.priceBox{color:#666;margin:0 10px;vertical-align:middle}.lg-outer .lg-thumb-outer,.lg-backdrop{background-color:#000000DD !important}.lg-inline .lg-outer .lg-thumb-outer,.lg-inline .lg-backdrop{background-color:#ffffff !important}.lg-inline .lg-toolbar .lg-icon:hover{color:#000 !important}.voteName{font-weight:bold;margin-top:15px}.voteName span{font-weight:normal;font-size:.8em;color:#f80;margin-left:10px}.itemBox{display:flex}.itemBox label{cursor:pointer}.itemBox label input{margin-right:5px}.itemBox label:hover{opacity:.8}