@charset "utf-8";

.bo_v_option2 {}
.bo_v_option2:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_option2 li {display:block;float:left;width:33.33%;}

.write_div .youtube {line-height:normal;}
.write_div .youtube img {width:200px;height:auto;}

.wr_content textarea {display:block;width:100%;height:120px !important;padding:10px;border:solid 1px #ccc;}


#gall_allchk {margin:0 0 20px 0;}

#photo_type {}
#photo_type ul {}
#photo_type ul:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li {display:block;float:left;width:24%;margin:0 1.33% 30px 0;}
#photo_type ul li:nth-child(4n) {margin:0 0 30px 0;}
.item {position:relative;}
.item .img {position:relative;margin:0 0 12px 0;b}
.item .img img {width:100%;height:auto;border-radius:10px; max-height:141px;}
.item .img a {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);border-radius:10px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;
}
.item .img a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}
.item .img a .view {display:block;position:absolute;left:50%;top:50%;/*padding:12px 16px;*/color:#fff;text-align:center;/*border:solid 1px rgba(255,255,255,0.4);*/
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.item .img a .view i {font-size:32px;}
.item .con {}
.item .con .bo_cate_link {color:#2058a3;font-size:12px;}
.item .con .bo_tit {display:block;height:40px;margin:0 0 8px 0;font-size:14px;font-weight:500;text-align:left;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
.item .con .bo_tit i {font-size:16px;vertical-align:baseline;}
.item .con .bo_tit i.xi-new {display:inline-block;color:#f63941;}
.item .con .name {margin:0 0 2px 0;color:#999;font-size:13px;height:19px;}

.item .con dl.info {margin:0 0 6px 0;}
.item .con dl.info:after {display:block;visibility:hidden;clear:both;content:""}
.item .con dl.info dd {display:block;float:left;color:#999;font-size:13px;}
.item .con dl.info dd i {font-size:24px;}
.item .con dl.info dd:first-child {margin:0 8px 0 0;padding:0 8px 0 0;background:url(../../../theme/basic/img/var.gif) no-repeat right 50%;}
.item .con dl.info dd:last-child {float:right;}
.item .con dl.info dd:last-child i {color:#ddd;font-size:32px;}
.item .con dl.info dd:last-child a i {color:#ff7700;}
.item .con dl.info dd span,
.item .con dl.info dd img,
.item .con dl.info dd i {vertical-align:middle;}

.item .tag {display:inline-block;padding:0 4px;color:#fff;font-size:12px;line-height:22px;border-radius:2px;}
.item .tag1 {background:#666;}
.item .tag2 {background:#f63941;}
.item .tag3 {background:#f63941;}

.item .chk_box {position:absolute;left:0;top:0;}

#photo_type,
#photo_type ul li,
.item .img,
.item .img a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#photo_type ul li.empty_list {width:100%;padding:40px 0;}


#bo_sort {float:left;position:relative;margin:0 0 0 4px;}
#bo_sort a.btn_sort {display:block;position:relative;width:100px;line-height:30px;text-indent:10px;border:solid 1px #ddd;border-radius:5px;cursor:pointer;}
#bo_sort a.btn_sort i {display:block;position:absolute;right:10px;top:12px;color:#999;font-size:12px;}
#bo_sort .sort {display:none;position:absolute;left:0;top:30px;width:100%;padding:6px 0;background:#fff;border:solid 1px #ddd;border-radius:5px;z-index:1;}
#bo_sort .sort a {display:block;padding:0 10px;font-size:12px;line-height:24px;}

#bo_onoff {float:left;position:relative;margin:0 0 0 4px;}
#bo_onoff a.btn_onoff {display:block;position:relative;width:100px;line-height:30px;text-indent:10px;border:solid 1px #ddd;border-radius:5px;cursor:pointer;}
#bo_onoff a.btn_onoff i {display:block;position:absolute;right:10px;top:12px;color:#999;font-size:12px;}
#bo_onoff .onoff {display:none;position:absolute;left:0;top:30px;width:100%;padding:6px 0;background:#fff;border:solid 1px #ddd;border-radius:5px;z-index:1;}
#bo_onoff .onoff a {display:block;padding:0 10px;font-size:12px;line-height:24px;}



#class_header {position:relative;margin:0 0 24px 0;padding:0 0 24px 0;border-bottom:solid 1px #ddd;}
#class_header ul.tag {margin:0 0 4px 0;}
#class_header ul.tag:after {display:block;visibility:hidden;clear:both;content:""}
#class_header ul.tag li {display:block;float:left;margin:0 8px 0 0;}
#class_header ul.tag li:last-child {margin:0;}
#class_header ul.tag li a {color:#999;}
#class_header h2 {display:block;margin:0 0 4px 0;font-size:24px;font-weight:500;letter-spacing:-1px;}
#class_header .profile {font-weight:500;}
#class_header .profile img {width:50px;margin:0 8px 0 0;border-radius:50%;}
#class_header #bo_v_act2 {display:block;position:absolute;right:0;top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#class_header #bo_v_act2 i {color:#999;font-size:30px;}
#class_header #bo_v_act2 strong {font-family:'Lato';color:#f75665;font-size:30px;font-weight:400;}


#class_wrap {float:left;width:66%;}

.class_mov {margin:0 0 18px 0;}

ul.class_info {margin:0 0 24px 0;}
ul.class_info:after {display:block;visibility:hidden;clear:both;content:""}
ul.class_info li {display:block;float:left;margin:0 12px 0 0;color:#999;font-size:18px;font-family:'Lato';font-weight:400;}
ul.class_info li:last-child {margin:0;}
ul.class_info li i {margin:0;font-size:20px;}
ul.class_info li a {color:#336ebe;}
ul.class_info li .star {display:block;float:left;position:relative;width:100px;height:20px;margin:0;background:url(../../../theme/basic/img/icon_star_gray.png) no-repeat 0 50%}
ul.class_info li .star_over {display:block;position:absolute;left:0;top:0;height:20px;overflow:hidden;background:url(../../../theme/basic/img/icon_star.png) no-repeat 0 50%}

.bo_v_classtitle {height:49px;margin:0 0 40px 0;border-bottom:solid 1px #ddd;}
.bo_v_classtitle span {display:block;width:160px;font-size:14px;font-weight:500;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;border-bottom:solid 1px #fff;}

.addfile {margin:0 20px 6px 20px;}
.addfile strong {display:inline-block;width:80px;color:#fff;font-size:12px;font-weight:400;text-align:center;line-height:24px;background:#a97e69;border-radius:3px;}
.addfile a i {color:#999;font-size:16px;}

#bo_v_con {margin:0 0 24px 0;padding:0 20px 40px 20px;border-bottom:solid 1px #ddd;}


.bo_v_sign {position:relative;margin:0 0 48px 0;}
.bo_v_sign .img {position:absolute;left:20px;top:0;width:90px;}
.bo_v_sign .img img {width:100%;height:auto;}
.bo_v_sign .con {margin:0 0 0 140px;padding:20px 0 0 0;color:#999;font-size:14px;font-weight:500;}
.bo_v_sign .con .name {display:block;margin:0 0 6px 0;color:#222;font-size:18px;font-weight:500;}
.bo_v_sign .con i {font-size:20px;}
.bo_v_sign .con strong {font-family:'Lato';color:#f63941;font-size:16px;font-weight:700;}


.star_sum {color:#999;font-size:16px;font-weight:400;line-height:30px;letter-spacing:-1px;}
.star_sum:after {display:block;visibility:hidden;clear:both;content:""}
.star_sum strong {font-family:'Lato';color:#222;font-size:30px;font-weight:400;}
.star_sum .count {font-family:'Lato';color:#ff7700;font-size:18px;font-weight:400;}
.star_sum .star {display:block;float:left;position:relative;width:150px;height:30px;margin:0 4px 0 0;background:url(../../../theme/basic/img/icon_star_gray_b.png) no-repeat 0 50%;}
.star_sum .star_over {display:block;position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden;background:url(../../../theme/basic/img/icon_star_b.png) no-repeat 0 50%;}
.star_sum a.btn_evalu {display:block;float:right;margin:4px 0 0 0;padding:0 8px;color:#999;font-size:12px;line-height:26px;background:#f6f6f6;border:solid 1px #ddd;border-radius:3px;}

.bo_star {display:none;padding:20px;border:solid 1px #ddd;border-radius:5px;}
.bo_star ul {margin:0 0 12px 0;}
.bo_star ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_star ul li {display:block;float:left;width:33.33%;}
.bo_star ul li:after {display:block;visibility:hidden;clear:both;content:""}
.bo_star ul li label {font-size:12px;}
.bo_star .star {display:block;float:left;position:relative;width:100px;height:20px;margin:0 10px 0 0;background:url(../../../theme/basic/img/icon_star_gray.png) no-repeat 0 50%}
.bo_star .star_over {display:block;position:absolute;left:0;top:0;height:20px;overflow:hidden;background:url(../../../theme/basic/img/icon_star.png) no-repeat 0 50%}
.bo_star .btn_star_submit {display:block;width:120px;color:#fff;line-height:40px;background:#ff7700;border:none;border-radius:3px;}


#class_relation {float:right;width:30%;}
#class_relation h2 {display:block;margin:0 0 18px 0;font-size:18px;font-weight:500;}
#class_relation ul {}
#class_relation ul:after {display:block;visibility:hidden;clear:both;content:""}
#class_relation ul li {display:block;margin:0 0 10px 0;}
#class_relation ul li:after {display:block;visibility:hidden;clear:both;content:""}
#class_relation ul li a.thumb {display:block;float:left;}
#class_relation ul li a.thumb img {width:160px;height:auto;}
#class_relation ul li a.rel_con {display:block;margin:0 0 0 170px;}
#class_relation ul li a.rel_con .title {margin:0 0 4px 0;font-size:14px;font-weight:500;line-height:18px;word-break:keep-all;}
#class_relation ul li a.rel_con .p {color:#999;font-weight:500;}

#class_relation a.btn_list,
#class_relation a.btn_inquiry {display:block;float:left;width:49%;height:50px;text-align:center;font-weight:400;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#class_relation a.btn_list {margin:0 2% 0 0;color:#fff;line-height:50px;background:#222;}
#class_relation a.btn_list:hover {background:#ff7700;}
#class_relation a.btn_inquiry {color:#666;line-height:48px;background:#fff;border:solid 1px #ddd;}
#class_relation a.btn_inquiry:hover {color:#ff7700;background:#eee;}

#grade {margin:0 0 24px 0;}
#grade h2 {display:block;margin:0 0 12px 0;font-size:14px;font-weight:500;}

#grade ul {margin:0;}
#grade ul:after {display:block;visibility:hidden;clear:both;content:""}
#grade ul li {display:block;float:left;width:16%;margin:0 0.8% 10px 0;}
#grade ul li:nth-child(6n) {margin:0 0 10px 0;}

#grade ul li.chk_box input[type="checkbox"] + label {display:block;position:relative;width:100%;height:110px;overflow:hidden;padding:30px 20px 0 0;color:#fff;font-size:24px;font-weight:500;text-align:right;background-color:#5bc0de;border-radius:10px;}
#grade ul li.chk_box input[type="checkbox"] + label strong {font-family:'Lato';font-size:30px;font-weight:900;}
#grade ul li.chk_box input[type="checkbox"] + label .img {display:block;position:absolute;left:-30px;bottom:0;}
#grade ul li.chk_box input[type="checkbox"] + label .chk {display:block;position:absolute;right:20px;bottom:15px;width:24px;height:24px;background:#fff;border:solid 3px #15aacf;border-radius:50%;z-index:2;}
#grade ul li.chk_box input[type="checkbox"]:checked + label {color:#fff;background:#ff7700}
#grade ul li.chk_box input[type="checkbox"]:checked + label .chk {background:#ff9900;border:solid 3px #fff;}

#grade ul li .count {margin:6px 0;font-family:'Lato';font-weight:700;text-align:center;}


.tag-item {display:inline-block;padding:0 12px;color:#666;font-size:12px;line-height:30px;background:#fff;border:solid 1px #ddd;border-radius:50px;}



@media screen and (max-width:1240px) {
#gall_allchk {width:auto;margin:0 20px 20px 20px;}

#photo_type {margin:0 20px}
#photo_type ul li {width:32%;margin:0 2% 30px 0;}
#photo_type ul li:nth-child(4n) {margin:0 2% 30px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 30px 0;}


#class_header {padding:0 20px 24px 20px;}
#class_header #bo_v_act2 {right:20px;}

ul.class_info {margin:0 20px 24px 20px;}

.addfile {margin:0 0 6px 0;}

#bo_v_con {padding:0 0 40px 0;}

.bo_v_sign .img {left:0px;}
.bo_v_sign .con {margin:0 0 0 120px}


.star_sum {margin:0 20px;}
.bo_star {margin:0 20px;}
}




@media screen and (max-width:1024px) {

#class_header h2 {font-size:18px;}
#class_header #bo_v_act2 i {font-size:24px;}
#class_header #bo_v_act2 strong {font-size:24px;}


#class_wrap {float:none;width:100%;margin:0 0 48px 0;}

ul.class_info li {font-size:16px;}
ul.class_info li i {margin:0 2px 0 0;font-size:18px;}


#class_relation {float:none;width:auto;margin:0 20px;}
#class_relation ul li {float:left;width:49%;margin:0 2% 10px 0;}
#class_relation ul li:nth-child(2n) {margin:0 0 10px 0;}
#class_relation ul li a.thumb {}
#class_relation ul li a.rel_con {}

#grade {margin:0 20px 24px 20px;}
}




@media screen and (max-width:768px) {
#photo_type ul li {width:100%;margin:0 0 30px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 30px 0;}
#photo_type ul li:nth-child(2n) {margin:0 0 30px 0;}

.item .img {float:left;width:38%;margin:0 4% 0 0;}
.item .img img {width:100%;height:auto;border-radius:5px;}
.item .img a {border-radius:5px;}
.item .con {float:left;width:58%;}
.item .con .bo_tit {height:auto;margin:0 0 8px 0;font-size:13px;}
.item .con .name {margin:0 0 4px 0;font-size:12px;}

.item .con dl.info {margin:0 0 4px 0;}
.item .con dl.info dd {font-size:12px;}
.item .con dl.info dd:last-child i {font-size:24px;}

.item .tag {padding:0 4px;font-size:11px;line-height:18px;}


#class_header {padding:0 60px 0 20px;border-bottom:none}
#class_header h2 {font-size:16px;}
#class_header .profile img {width:40px;}
#class_header #bo_v_act2 i {font-size:18px;}
#class_header #bo_v_act2 strong {font-size:18px;}

.addfile strong {width:60px;}

.bo_v_sign .img {width:60px;}
.bo_v_sign .con {margin:0 0 0 70px;padding:5px 0 0 0;font-size:13px;}
.bo_v_sign .con .name {margin:0 0 4px 0;font-size:16px;}
.bo_v_sign .con i {font-size:16px;}
.bo_v_sign .con strong {font-size:14px;}

.star_sum {font-size:13px;}
.star_sum strong {font-size:24px;}
.star_sum .count {font-size:14px;}

.bo_star {padding:20px}
.bo_star ul li {width:100%;}

#class_relation h2 {font-size:16px;}
#class_relation ul li {float:left;width:100%;margin:0 0 10px 0;}
#class_relation ul li a.thumb img {width:190px;}
#class_relation ul li a.rel_con {margin:0 0 0 200px;}


#grade ul li {width:32%;margin:0 2% 10px 0;}
#grade ul li:nth-child(6n) {margin:0 2% 10px 0;}
#grade ul li:nth-child(3n) {margin:0 0 10px 0;}
}




@media screen and (max-width:480px) {
.item .img {width:48%;margin:0 4% 0 0;}
.item .con {width:48%;}
.item .con .bo_tit {margin:0;}
.item .con .name {margin:0;}
.item .con dl.info {margin:0;}


#class_relation ul li a.thumb img {width:150px;}
#class_relation ul li a.rel_con {margin:0 0 0 160px;}


#grade ul li.chk_box input[type="checkbox"] + label {height:90px;padding:20px 10px 0 0;font-size:18px;}
#grade ul li.chk_box input[type="checkbox"] + label strong {font-size:24px;font-weight:700;}
#grade ul li.chk_box input[type="checkbox"] + label .img {left:-20px;}
#grade ul li.chk_box input[type="checkbox"] + label .img img {width:80px;height:auto;}
#grade ul li.chk_box input[type="checkbox"] + label .chk {right:10px;}
}