.reply_btn,
.reply_cmtBtn{display:inline-block; width:80px; height:30px; line-height:28px; font-size:14px; color:#424242; text-align:center; border-radius:4px; border:1px solid #8d8d8d; background:#fff; cursor:pointer; box-sizing:border-box;}
.reply_btn:hover,
.reply_cmtBtn:hover{background:#8d8d8d; border-color:#8d8d8d; color:#fff;}
.reply_btn{position: absolute; bottom:24px; right:15px;}
.reply_btn.exist{display: none}
.btnwrap{text-align:right;}
.cmt_area{display: none; border-top:1px solid #e1e1e1; padding-top: 16px; margin-top:15px;}
.reply_top {position: absolute;top: 20px; right: 15px;}
.reply_top div{display:inline-block; width:75px; height:30px; font-weight:400; line-height:28px; font-size:14px; text-align:center; border-radius:4px; background:#fff; border:1px solid #8d8d8d; text-align:center; cursor: pointer;}
.reply_top div:hover{background:#8d8d8d; color:#fff;}
.reply{
	padding: 10px 0;
	text-align: left;
}

.reply_cmtarea{width:100%; margin:10px 0; padding:10px; font-size:14px; height:180px; border-radius:4px; border:1px solid #e0e0e0; box-sizing: border-box;}
.cmt_area .cmt_close{position:relative; font-size:14px; font-weight: bold; color:#424242;}
.cmt_area .cmt_close button{position:absolute; top:0; right:0; background:#fff; border:none; outline:none; cursor:pointer;}

#reviewPosted .reviewblock .cmt_area .reply_cmt,
#reviewPosted .reviewblock .cmt_area .reply_cmtBtn{vertical-align: bottom;}
.reviewblock.reviewblock2{float: none; display: inline-block; vertical-align: top;}

.reply_top{margin-bottom:5px;}
.reply_top span{font-size: 13px; font-weight: bold; letter-spacing: -0.33px; text-align: left; color: #fd6569; display: inline-block; line-height: 30px;}
.reply_txt{box-sizing: border-box; text-align: center; border-radius: 5px; background-color: #ebeff2; position: relative;  padding: 20px; display: table; width: 100%;}
.reply_txt .reply_txtbox{width: 90%; margin: auto; display: table-cell; vertical-align: middle;color:#777;font-size:12px;line-height:1.7;}
.reply_txt .reply_txtbox img{padding-top:7px;padding-right:7px;}
.review_commentmain{z-index: 1;vertical-align: middle;}
.reviewcomment_box{ width: 100%; display: table-cell; vertical-align: middle; }
.review2{padding: 30px; box-sizing: border-box; min-height: 250px; height: 250px; border: 1px solid #f4f4f6; background-color: #fff; border-radius: 20px; min-width: 460px; display: table; position: relative;}
.cmt_modarea{display: none;}
.reviewcomment.review_commentmain{padding: 0; display: block; height: auto;}

.bg_gray{background-color: #ebeff2;}
.section .inner{position:relative; margin:0 auto; padding:65px 0; width:1024px; box-sizing:border-box; text-align: left;}
.section .titBox{margin-bottom:30px; position:relative;}
.section .titBox h1,
.section .titBox h3{font-size:24px; line-height:140%;}

.sec0{background:#232426 url("/hive/template/LOUD_IMG/review/bg_top_banner.png") 50% 50% no-repeat; background-size:cover;}
.sec0 .inner:after{display:block; content:""; clear:both;}
.sec0 .titBox{float:left;}
.sec0 .titBox h1,
.sec0 .titBox strong{color:#fff;}
.sec0 .titBox h1{padding-top:10px;}
.sec0 .reviewInfoBox{float:right;}
.sec0 .reviewInfoBox > div{display:inline-block; vertical-align:top}
.sec0 .reviewInfoBox > div .reviewNum{padding-left:7px; font-size:22px; color:#747474; font-weight:bold; line-height:28px;}
.sec0 .reviewInfoBox > div .reviewNum strong{display:inline-block; padding:0 10px; height:30px; color:#fff; border-radius:4px; background:#6A74F6;}
.sec0 .reviewInfoBox > div .allReviewTotal{font-size: 14px;font-weight: 500; letter-spacing: -0.58px; color: #b1b1b1; margin-top: 13px;margin-left: 7px;}
.sec0 .reviewInfoBox .totalMark{width:180px;}
.reviewGuageWrap{background:#747474;}
.reviewGuage{background-color:#6A74F6;}
.reviewGuage img{width: 180px;}
.sec0 .reviewInfoBox .ratingMark{margin-left:80px;}
.totalCount span.ico{display:inline-block; width:32px; height:32px; background:url("/hive/template/LOUD_IMG/review/Icon.png") 50% 50% no-repeat;}
.ratingMark .countRow{margin:3px 0; font-size:12px; color:#ababab;}
.ratingMark .countRow > div{display:inline-block; vertical-align:middle;}
.ratingMark .countRow .mark{width:86px;}
.ratingMark .countRow .bar{position:relative; display:inline-block; width:110px; height:12px; border-radius:4px; background-color:#747474; overflow:hidden;}
.ratingMark .countRow .bar > div{height:100%; position:absolute; left:0; top:0; background:#b1b1b1; border-radius:4px;}
.ratingMark .countRow.on{color:#6A74F6;}
.ratingMark .countRow.on .bar > div{background-color:#6A74F6;}
.ratingMark .countRow .count{width:42px; text-align:right; font-size:14px; font-weight:600;}

#reviewContentWrap .loading{display: block; margin: auto}
#reviewContentWrap.reHide{display: none !important;}
.sec1.section{overflow: visible}
.sec1 .inner{padding-top:0;}
.sec1 .reviewwrapInfo{position:relative; border-bottom:1px solid #ddd;}
.sec1 .reviewwrapInfo h2{font-size: 18px;font-weight: bold; color: #383838;padding:22px 0; font-weight:bold;}
.sec1 .reviewwrapInfo h2 strong{color:#fd6e6e;}
.schCategoryWrap{position:absolute; top:7px; right:0; text-align:center; font-size:0; z-index:2;}
.schCategoryWrap > li{position:relative; width:150px; display:inline-block; margin-left:25px; vertical-align:top;}
/* .schCategoryWrap > li:before{position:absolute; top:20px; left:0; display:block; content:"";  width:1px; height:10px; background:#ddd; line-height:50px;}
.schCategoryWrap > li:first-child:before{display:none;} */
.schCategoryWrap > li:after{position:absolute; top:22px; right:0; display:block; content:""; width:11px; height:7px; background:url("/hive/template/LOUD_IMG/review/arrow2.png") 0 0 no-repeat; transition:all 0.2s}
.schCategoryWrap > li:hover:after{transform: rotate(-180deg);}
.schCategoryWrap > li span{position:relative; display:block; padding-left:18px; height:65px; text-align:left; line-height:50px; font-size:14px; font-weight:400; cursor:pointer;}
.schCategoryWrap > li > ul{display:none; position:absolute; top:55px; left:0; padding:5px 0 10px; width:100%; background:#fff; border:1px solid #e5e5e5; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-sizing:border-box; z-index:1;}
.schCategoryWrap > li:hover > ul{display:block;}
.schCategoryWrap > li > ul > li{padding:0 10px 0 18px; height:38px; line-height:38px; font-weight:500; font-size:14px; color:#555; text-align:left; cursor:pointer;}
.schCategoryWrap > li > ul > li:hover{color:#505bf0; font-weight:500;}
/* .schCategoryWrap > li > ul > li.selected:after{display:inline; padding-left:2px; line-height:30px; content:"·"; font-size:20px; color:#fd4848;} */
.schCategoryWrap > li > ul > li.selected{color:#505bf0;}
.schCategoryWrap > li:first-child > ul{left:-1px;}
.schCategoryWrap > li:last-child > ul{left:1px;}

.sec1 .reviewwrap{}
.sec1 .reviewwrap .reviewbox{position:relative; padding:24px 0 24px 180px; min-height: 200px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sec1 .reviewwrap .reviewbox:last-child{border-bottom:none;}
.sec1 .reviewwrap .reviewbox .thumb{position:absolute; top:24px; left:0; width:150px; height:150px; border:1px solid #ddd; border-radius:4px; overflow:hidden; box-sizing:border-box;}
.sec1 .reviewwrap .reviewbox .thumb a{position:relative; width:100%; height:100%;}
.sec1 .reviewwrap .reviewbox .thumb .thumbnail2 > img,.sec1 .reviewwrap .reviewbox .thumb a > img{width:100%; height:100%;}
.sec1 .reviewwrap .reviewbox .thumb:hover a > img{opacity:0.8;}
.sec1 .reviewwrap .reviewbox ul.cate{margin-bottom:10px;}
.sec1 .reviewwrap .reviewbox ul.cate li{display:inline-block; padding:0 10px; line-height:24px; font-size:12px; font-weight:400; background:#fff; color:#5d5d5d; border-radius:3px; border:1px solid #bfbfbf;margin-right: 1px}
.sec1 .reviewwrap .reviewbox ul.cate li.on{background:#505bf0; border-color:#505bf0; color:#fff;font-weight: bold;}
.sec1 .reviewwrap .reviewbox ul.cate li.isNotsecret{display: none}
.sec1 .reviewwrap .reviewbox .cont > div.reply_cont .reply{position:relative; margin-top:15px; padding:23px 0 25px 60px; background:#f5f5f5 url("/hive/template/LOUD_IMG/review/stroke.png") 34px 36px no-repeat;  border-radius:4px;}
.sec1 .reviewwrap .reviewbox .cont > div.reply_cont .reply.admin{padding-right:45px;}
.sec1 .reviewwrap .reviewbox .reply.notExist{display: none}
.sec1 .reviewwrap .reviewbox .cont .review_mark{position:relative; font-size:14px;}
.sec1 .reviewwrap .reviewbox .cont .review_mark .star_mark{color:#f84a44;}
.sec1 .reviewwrap .reviewbox .cont .review_mark .star_mark img{display:inline-block; padding:0 2px 0 0; vertical-align:top;}
.sec1 .reviewwrap .reviewbox .cont .review_mark .star_mark span{margin-left:2px; display:inline-block; line-height:14px; vertical-align:top;}
.sec1 .reviewwrap .reviewbox .cont .participation{position:absolute; top:24px; right:0; font-size:14px; font-weight:400; color:#424242;}
.sec1 .reviewwrap .reviewbox .cont .participation strong{color:#424242}
.sec1 .reviewwrap .reviewbox .review_info{position:relative; margin-bottom:10px; padding-left:40px;}
.sec1 .reviewwrap .reviewbox .review_info .profile{position:absolute; top:3px; left:0; width:34px; height:34px; border:1px solid #bbb; background:#ccc; border-radius:50%; overflow:hidden; box-sizing:border-box;background-size: cover;background-position: center center; background-image: url('/upload/member/member_304_1_200402000106.png')}
.sec1 .reviewwrap .reviewbox .cont > div.reply_cont .review_info .profile{top:2px;}
.sec1 .reviewwrap .reviewbox .review_info .writer{color:#333; font-size:14px; font-weight:500;}
.sec1 .reviewwrap .reviewbox .review_info ul.mark_date li{display:inline-block; font-size:14px; line-height:160%; font-weight:400; color:#999; vertical-align:middle;}
.sec1 .reviewwrap .reviewbox .review_info ul.mark_date li.star_mark{margin-right:5px;}
.sec1 .reviewwrap .reviewbox .review_info ul.mark_date li.star_mark img{display:inline-block; padding-right:2px;}
.sec1 .reviewwrap .reviewbox .review_info ul.write{font-size:14px; line-height:140%; font-weight:400; color:#999;}
.sec1 .reviewwrap .reviewbox .review_info ul.write li.writer{font-weight:600;}
.sec1 .reviewwrap .reviewbox p.txt{padding-right:25px; font-size:14px; min-height:53px; line-height:150%; color:#494949; font-weight:400; letter-spacing:-0.58px; word-break:keep-all;}
.sec1 .reviewwrap .reviewbox.adminview p.txt{padding-right:110px;}
.sec1 .reviewwrap .reviewbox .cont > div.reply_cont p.txt{padding-right:60px; min-height:auto;}
.sec1 .reviewwrap .reviewbox p.txt div.shortcontent{display:inline;}
.sec1 .reviewwrap .reviewbox p.txt a{display:inline-block; font-size:14px; color:#494949; font-weight:500;}

.sec1 .paginate_simple{font-size:0; text-align:center !important; padding-bottom:0 !important;}
.sec1 .paginate_simple *{border-right:none;}

.sec1 .noResult{text-align: center; padding: 130px 0;display: block}
.sec1 .noResult.reHide{display: none}
.sec1 .noResult img{display: block; margin: 0 auto 15px auto;}
.sec1 .noResult span{font-size: 14px;font-weight: 500; color: #a2a2a2;display: block}
.sec1 .noResult .resetBtn{color: #505BF0; border: 1px solid #505BF0; font-size: 12px; text-align: center; padding: 10px 30px; display: inline-block; margin-top: 20px; border-radius: 6px; cursor: pointer; font-weight: bold}
.sec1 .noResult .resetBtn:hover{background-color: #EEF3FD}


.sec2 .titBox{margin-bottom:23px;}
.sec2 .reviewwrap .reviewbox{position:relative; margin:0 4px 8px; padding:35px 40px 30px 350px; min-height:210px; background:#fff; border:1px solid #ddd; border-radius:6px; overflow:hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-sizing:border-box;}
.sec2 .reviewwrap .reviewbox a{display:block;}
.sec2 .reviewwrap .reviewbox a:hover{opacity: .8}
.sec2 .reviewwrap .reviewbox .review_info{padding-right:120px;}
.sec2 .reviewwrap .reviewbox ul.cate li{display:inline-block; padding:0 10px; line-height:24px; font-size:12px; color:#5d5d5d; border-radius:3px; border:1px solid #bfbfbf;margin-right: 1px;}
.sec2 .reviewwrap .reviewbox .star_mark{position:absolute; top:35px; right:40px; color:#505bf0; font-weight:400; font-size:14px;}
.sec2 .reviewwrap .reviewbox .star_mark img{display:inline-block; vertical-align:top;}
.sec2 .reviewwrap .reviewbox .star_mark span{margin-left:3px; display:inline-block; line-height:14px; vertical-align:top;}
.sec2 .reviewwrap .reviewbox ul.write{margin:2px 0 10px;}
.sec2 .reviewwrap .reviewbox ul li{font-size:14px; line-height:150%; font-weight:400; color:#bdbdbd;}
.sec2 .reviewwrap .reviewbox ul li.writer{color:#333; font-size:16px; font-weight:bold;}
.sec2 .reviewwrap .reviewbox .thumb{position:absolute; top:-1px; left:-1px; width:316px; height:222px; border:1px solid #ddd; background:#f7f7f7; overflow:hidden; box-sizing:border-box;}
.sec2 .reviewwrap .reviewbox p{font-size:14px; line-height:150%; font-weight:400; letter-spacing:-0.7px; color:#333;}
.sec2 .reviewwrap .reviewbox .thumb img{width: 100%}
.btn_more{margin-top:40px; display:block; height:50px; line-height:48px; text-align:center; font-size:12px; font-weight:bold; border-radius:6px; border:1px solid #dfdfdf; box-sizing:border-box;}
.btn_more:hover{background-color:#f7f7f7;}

.sec2 .review_list .slick-prev,
.sec2 .review_list .slick-next{position:absolute; top:50%; margin-top:-50px; display:block; padding:0; width:32px; height:40px; font-size:0px; box-shadow:none; border:none; outline:none; z-index:10; cursor:pointer}
.sec2 .review_list .slick-prev{left:-60px; background:url("/hive/template/LOUD_IMG/review/arrow_left.png") 50% 50% no-repeat;}
.sec2 .review_list .slick-next{right:-60px; background:url("/hive/template/LOUD_IMG/review/arrow_right.png") 50% 50% no-repeat;}
.sec2 .review_list .slick-prev:hover{background:url("/hive/template/LOUD_IMG/review/arrow_left2.png") 50% 50% no-repeat;}
.sec2 .review_list .slick-next:hover{background:url("/hive/template/LOUD_IMG/review/arrow_right2.png") 50% 50% no-repeat;}

.sec2 .review_list .slick-dots{display:block; width:100%; padding:0; margin:18px 0 20px; list-style:none; text-align:center;}
.sec2 .review_list .slick-dots li{position:relative; display:inline-block; margin:0 10px; padding:0; cursor:pointer; border-radius:50%; background-color:#bfbfbf;}
.sec2 .review_list .slick-dots li button{font-size:0; padding:0; margin:0; width:8px; height:8px; line-height:8px; border-radius:50%; border:none; background:none;}
.sec2 .review_list .slick-dots li.slick-active{background-color:#181818;}
.sec2 .review_list .slick-slider .slick-track, .slick-slider .slick-list .slick-slide{outline:none;}

.section.sec3{padding:90px 0 93px; background:url("/hive/template/LOUD_IMG/review/bottom-banner.png") 50% 50% no-repeat; background-size:cover;}
.sec3 .inner{padding:0;}
.sec3 p{line-height:150%; font-size:24px; color:#fff; font-weight:300;}
.sec3 .titBox{margin-bottom:0;}
.sec3 .titBox h3,
.sec3 .titBox h3 strong{color:#fff;}
a.btn_launch{position:absolute; top:0; right:0; margin-top:7px; display:inline-block; text-align:center; width:245px; height:52px; line-height:48px; font-size:18px; border:2px solid #cdcdcd;  color:#fff; font-weight:500; border-radius:3px; box-sizing:border-box;}
.btn_launch:hover{background-color:#fff; border-color:#fff; color:#222;}

.mk_section{display:none;}

.banner_bottom{padding:100px 0; text-align:center; background:#2d2f39 url("/hive/template/LOUD_IMG/launch/begin/bg-bottom.png") 0 50% no-repeat; background-size:cover;}
.banner_bottom h3{font-size:24px; line-height:150%; letter-spacing:-0.75px; color:#fff;}
.banner_bottom .txt{margin-top:10px; color:#e1e1e1; font-size:15px;}
.banner_bottom .btn_wrap{padding:0; margin-top:25px; font-size:0;}
.banner_bottom .btn_wrap a{width:250px; height:60px; line-height:58px; font-size:16px; letter-spacing:-0.37px; transition:all 0.2s;}
.banner_bottom .btn_wrap a:not(:last-child){margin-right:10px;}
.banner_bottom a.bg_primary:hover{background:#6A74F6 !important;}