@charset "utf-8";

/* ---- grid ---- */
.grid {/* background:#DDD;*/}
/* clear fix */
.grid:after {content: '';display: block;clear: both;}
/* ---- .grid-item ---- */
.grid-item {float:left;width:25%;}
.grid-item img {display:block;max-width:100%;}
.grid-item--width2 {width:50%;}
.grid-item--width3 {width:75%;}
.grid-item--height2 {width:50%;}
.grid-item--width4 {width:100%;}
/* 3 columns */
@media screen and (max-width:1140px){
	.grid-item {width:25%;}
}
/* 3 columns */
@media screen and (max-width:960px){
	.grid-item {width:33.333%;}
}
/* 2 columns by default */
@media screen and (max-width:768px){
	.grid-item {width:50%;}
}
/* 1 columns by default */
@media screen and (max-width:540px){
	.grid-item {width:100%;}
}

#bo_review {position:relative;margin:0 auto;padding:180px 7px 150px;max-width:1230px}
#bo_review .rev_title {margin:0 0 100px;padding:0 15px;text-align:center;color:#020063}
#bo_review .rev_title h3 {font-size:50px;font-weight:700}
#bo_review .rev_title_sub {margin:5px 0 0;font-size:24px;font-weight:500}

#review_wr {margin:9px;padding:16px 16px;font-size:12px;line-height:21px;color:#000;background:#fff;border-radius:8px;box-shadow:rgba(0, 0, 0, 0.15) 1px 2px 3px 1px;}
#review_wr .rev_info {position:relative;margin:0 0 18px;padding-left:50px}
#review_wr .rev_profile {position:absolute;left:0}
#review_wr .rev_profile .rev_pfimg {position:relative}
#review_wr .rev_profile .rev_pfimg img {width:40px;height:40px;border-radius:100%}
#review_wr .rev_name {padding:0 0 0;font-size:14px;color:#020063;font-weight:600;height:20px;line-height:19px}
#review_wr .rev_nation {position:relative;margin:4px 0 0;padding:0 0 0 23px;height:12px;line-height:12px;font-size:12px;color:#000;font-weight:500}
#review_wr .rev_nation .nation_flag {position:absolute;left:0px;top:0px}
#review_wr .rev_nation .nation_flag img {width:18px;height:12px}
#review_wr .rev_nation .nation_name {font-weight:300}
#review_wr .rev_con {font-weight:300}

#bo_w {position:relative;margin:0 auto;padding:150px 15px 130px;max-width:660px}
#bo_w .bo_w_item {margin:0 0 25px}
#bo_w .bo_w_item:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_item select {padding:0 10px;width:100%;height:48px;font-size:16px;;border:1px solid #D9DBDE;border-radius:8px;outline:none}
#bo_w .bo_w_tit {margin:0 0 12px;font-size:20px;font-weight:bold;color:#000}
#bo_w .frm_input {font-size:16px}
#bo_w textarea {padding:15px;width:100%;height:350px;font-size:16px;line-height:26px;border:1px solid #D9DBDE;color:#000;border-radius:8px}
#bo_w .btn_confirm {padding:10px 0 0;text-align:center}
#bo_w .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .btn_confirm .btn {margin:0 5px;padding:0 20px;width:200px;height:48px;line-height:48px;font-weight:300;font-size:16px;border:0;border-radius:8px}
#bo_w .btn_cancel {background-image:linear-gradient(to right bottom, rgb(205, 205, 205) 3.94%, rgb(169, 169, 169) 94.16%);}

#bo_w .bo_w_flie {position:relative;}
#bo_w .bo_w_flie .frm_file {padding:4px 0 0 7px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #D9DBDE;background:#fff;color:#000;vertical-align:middle;border-radius:8px;padding:5px;height:48px;margin:0}
#bo_w .bo_w_flie .file_del {margin:0}
#bo_w .bo_w_flie .file_del input {margin-top:-2px;width:14px;height:14px}
#bo_w .file_u {position:relative;padding-right:120px}
#bo_w .file_u_img {position:absolute;right:0;top:0}
#bo_w .file_u_img img {width:110px;height:auto;border-radius:8px}

#bo_w_check {position:relative;padding-left:25px;line-height:38px;font-size:14px}
.w_check {position:absolute;top:0;left:0}
.w_check input[type="checkbox"] + label {color:#676e70}
.w_check input[type="checkbox"] + label:hover {color:#2172f8}
.w_check input[type="checkbox"] + label span {position:absolute;top:12px;left:0px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.w_check input[type="checkbox"]:checked + label {color:#000}
.w_check input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.w_select_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

.rev_wr_button {margin:50px 0 0}
.rev_wr_button a {display:inline-block;width:180px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:400;color:#fff;background:#020063;border-radius:8px}

.rev_config_btn {margin:7px 0 0;text-align:right}
.rev_config_btn:after {display:block;visibility:hidden;clear:both;content:""}
.rev_config_btn a {float:right;margin-left:5px;padding:2px 7px;font-size:11px;color:#888;font-weight:300;border:1px solid #e3e3e3;border-radius:4px}

@media all and (max-width:1200px) {
	#bo_review {padding:120px 0 80px}
	#bo_review .rev_title {margin:0 0 50px}
	#bo_review .rev_title h3 {font-size:28px}
	#bo_review .rev_title_sub {font-size:15px}
	.rev_wr_button {margin:30px 0 0}
	.rev_wr_button a {height:45px;line-height:45px}
	#bo_w {padding:120px 15px 100px}
	#bo_w .bo_w_tit {font-size:18px}
}

@media all and (max-width:992px) {
	#bo_w .btn_confirm {padding:0 0 0}
	#bo_w .btn_confirm .btn {float:right;margin:0;padding:0;width:48.5%}
	#bo_w .btn_confirm .btn_cancel {float:left}
}