@charset "utf-8";

#container_wrap,
#header_wrap,
#header,
#body_wrap,
#footer_wrap,
#footer {display:block;position:relative;}
#container_wrap:after,
#header_wrap:after,
#header:after,
#body_wrap:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}

#container_wrap {width:100%;max-width:960px;min-height:100%;margin:0 auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}

#header_wrap {position:fixed;left:50%;top:0;width:100%;max-width:960px;margin:0;padding:0 20px;background:#fff;z-index:999;/*box-shadow:0 2px 5px rgba(0,0,0,0.1);*/
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#header_wrap a.logo {display:block;float:left;margin:0 10px 0 0;line-height:50px;}
#header_wrap a.logo img {width:90px;}
#header_wrap a.title {display:block;float:left;font-size:18px;font-weight:600;line-height:50px;}

#header_wrap a.btn_alram {display:block;position:relative;float:right;width:30px;text-align:center;}
#header_wrap a.btn_alram i {font-size:24px;line-height:50px;}
#header_wrap a.btn_alram span.circle {display:block;position:absolute;right:0;top:14px;width:6px;height:6px;background:#f00001;border-radius:50%;}
#header_wrap a.home {display:block;float:left;font-size:18px;font-weight:600;line-height:50px;}
#header_wrap a.home i {margin:0 6px 0 0;font-size:14px;vertical-align:middle;}

#header_wrap a.btn_info {display:block;position:relative;float:right;width:30px;text-align:center;}
#header_wrap a.btn_info i {font-size:24px;line-height:50px;}

#header_wrap .sch_input {display:block;float:right;width:calc(100% - 40px);height:60px;font-size:18px;font-weight:600;line-height:60px;background:none;border:none;}
#header_wrap .btn_sch_clear {display:block;position:absolute;right:20px;top:0;width:20px;height:60px;text-align:center;background:none;border:none;}
#header_wrap .btn_sch_clear i {color:#ddd;font-size:18px;line-height:60px;}

#header_wrap .btn_sort {display:block;position:absolute;right:20px;top:0;height:60px;font-size:16px;font-weight:400;text-align:center;line-height:60px;}

.search_wrap {clear:both;display:block;position:relative;width:100%;margin:0 0 10px 0;}
.search_wrap .input {display:block;width:100%;height:40px;padding:0 20px;line-height:40px;background:#f2f3f7;border:none;border-radius:50px;}
.search_wrap button.btn_search {display:block;position:absolute;right:10px;top:0px;width:40px;text-align:center;background:none;border:none;}
.search_wrap button.btn_search i {font-size:16px;line-height:40px;}

.search_wrap .input2 {display:block;width:calc(100% - 20px);height:40px;margin:0 0 0 20px;padding:0 10px;line-height:40px;background:#fff;border:none;}
.search_wrap button.btn_search2 {display:block;position:absolute;left:0px;top:0px;width:20px;color:#ddd;text-align:center;background:none;border:none;}
.search_wrap button.btn_search2 i {font-size:16px;line-height:40px;}
.search_wrap button.btn_filter {display:block;position:absolute;right:0px;top:0px;width:40px;color:#ddd;text-align:center;background:none;border:none;}
.search_wrap button.btn_filter i {font-size:16px;line-height:40px;}



#body_wrap h2 {display:block;margin:0 20px 10px 20px;font-size:20px;font-weight:700;}
#body_wrap h2 .hot {width:40px;height:auto;}

.bg_gray {margin:0 0 30px 0;padding:30px 0;background:#fafafc;}

.category_index {position:relative;margin:0 20px 20px 20px;}
.category_index .swiper-slide a {display:block;margin:0 0 10px 0;text-align:center;}
.category_index .swiper-slide a .icon {display:block;width:60px;height:60px;margin:0 auto 0 auto;text-align:center;line-height:60px;/*background:#fafafc;border:solid 1px #eee;border-radius:10px;*/overflow:hidden;}
.category_index .swiper-slide a .icon img {width:48px;height:auto;}
.category_index .swiper-slide a p {font-size:12px;}
.category_index .swiper-scrollbar {position:relative;width:20%;margin:10px auto;}

.banner_index {clear:both;position:relative;margin:0 0 40px 0;}
.banner_index .swiper-slide img {width:100%;/*height:100%;*/border-radius:10px;}


.banner_list {clear:both;position:relative;margin:20px 0 0 0;}
.banner_list .swiper-slide img {width:100%;height:100%;/*border-radius:10px;*/}


.various_index {clear:both;padding:0 20px;}
.various_index .swiper-slide {position: relative;display:block;float:left;width:auto;}
.various_index .swiper-slide a {display:block;position:relative;margin:0 10px 0 0;background:#fff;border-radius:10px;overflow:hidden;}
.various_index .swiper-slide:last-child a {margin:0;}
.various_index .swiper-slide a .img {}
.various_index .swiper-slide a .img img {width:140px;height:auto;object-fit:cover}
.various_index .swiper-slide a .cont {padding:20px 0;text-align:center;}
.various_index .swiper-slide a .cont .title {margin:0 0 10px 0;font-size:16px;font-weight:600;}
.various_index .swiper-slide a .cont p {
	max-width:140px;
	min-height:40px;
	color:#999;line-height:140%; text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.various_index .swiper-slide .btn_good{
	position: absolute;
    top: 8px;
    right: 8px;
    background: none;
	color:#fff;
	font-size:18px;
}
.various_index .swiper-slide .on i {color:#ffff00}


.tag_swiper {margin:0 0 20px 20px;}
.tag_swiper .swiper-slide {display:block;float:left;width:auto;}
.tag_swiper .swiper-slide a {display:inline-block;padding:0 16px;color:#999;line-height:28px;background:#fff;border:solid 1px #ddd;border-radius:50px;}
.tag_swiper .swiper-slide a i {color:#ccc;font-size:10px;}
.tag_swiper .swiper-slide a.on {color:#fff;background:#17393c;border:solid 1px #17393c;}

.popular {margin:0 0 40px 0;padding:0 20px;}
.popular .swiper-slide {display:block;float:left;width:auto;}
.popular .swiper-slide a {display:block;position:relative;width:140px;margin:0 10px 0 0;background:#fff;border-radius:10px;overflow:hidden;}
.popular .swiper-slide:last-child a {margin:0;}
.popular .swiper-slide a .img {margin:0 0 10px 0;}
.popular .swiper-slide a .img img {width:100%;height:105px;border-radius:10px;}
.popular .swiper-slide a .cont {text-align:left;}
.popular .swiper-slide a .cont .title {margin:0 0 5px 0;line-height:140%;min-height:40px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.popular .swiper-slide a .cont .price {margin:0 0 5px 0;font-size:16px;font-weight:600;}
.popular .swiper-slide a .cont .rating {color:#999;font-size:12px;line-height:140%;}
.popular .swiper-slide a .cont .rating i {color:#ff9900;font-size:10px;}


.popular2 {margin:0 0 40px 0;padding:0 20px;}
.popular2 .swiper-slide {display:block;float:left;width:auto;}
.popular2 .swiper-slide a {display:block;position:relative;width:140px;margin:0 10px 0 0;background:#fff;border-radius:10px;overflow:hidden;}
.popular2 .swiper-slide:last-child a {margin:0;}
.popular2 .swiper-slide a .img {margin:0 0 10px 0;}
.popular2 .swiper-slide a .img img {width:100%;height:105px;border-radius:10px;}
.popular2 .swiper-slide a .cont {text-align:left;}
.popular2 .swiper-slide a .cont .title {margin:0 0 5px 0;line-height:140%;min-height:40px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.popular2 .swiper-slide a .cont .price {margin:0 0 5px 0;font-size:16px;font-weight:600;}
.popular2 .swiper-slide a .cont .rating {color:#999;font-size:12px;line-height:140%;}
.popular2 .swiper-slide a .cont .rating i {color:#ff9900;font-size:10px;}

ul.best_index {margin:0 20px 20px 20px;}
ul.best_index:after {display:block;visibility:hidden;clear:both;content:""}
ul.best_index li {display:block;float:left;position:relative;width:24%;margin:0 1.33% 20px 0;}
ul.best_index li:nth-child(4n) {margin:0 0 20px 0;}
ul.best_index li a {display:block;position:relative;}
ul.best_index li a .img {position:relative;margin:0 0 10px 0;}
ul.best_index li a .img img {width:100%;height:130px;border-radius:10px;}
ul.best_index li a .cont {text-align:left;}
ul.best_index li a .cont .title {margin:0 0 5px 0;line-height:140%; min-height:40px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
ul.best_index li a .cont .price {margin:0 0 5px 0;font-size:16px;font-weight:600;}
ul.best_index li a .cont .rating {color:#999;line-height:140%;}
ul.best_index li a .cont .rating i {color:#ff9900;font-size:12px;}

ul.best_index li a .cont .title_oneline {margin:0 0 5px 0;line-height:140%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

ul.best_index li a .cont .tags {margin:0 0 5px 0;color:#999;font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

ul.best_index li a .cont .user {font-size:12px;}
ul.best_index li a .cont .user .profile_img {display:inline-block;width:24px;}
ul.best_index li a .cont .user .profile_img img {width:100%;height:auto;border-radius:50%;}
ul.best_index li a.btn_good {position:absolute;right:10px;top:10px;color:#fff;font-size:24px;}
ul.best_index li a.btn_good i.fas {color:#f00001;}

.banner {margin:0 20px 20px 20px;}
.banner img {width:100%;height:auto;border-radius:10px;}

#bnb {border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#bnb ul {margin:0 20px;}
#bnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#bnb ul li {display:block;float:left;width:25%;}
#bnb ul li a {display:block;color:#666;line-height:48px;text-align:center;}

#footer {padding:30px 20px 80px 20px;text-align:center;}
#footer p {margin:0 0 20px 0;color:#999;font-size:12px;line-height:140%;}
#footer a.crewtor_info_btn {display:block;margin:0 0 20px 0;font-size:14px;font-weight:600;}
#footer a.crewtor_info_btn i {font-size:12px;}
#footer ul {line-height:0;font-size:0;}
#footer ul li {display:inline-block;margin:0 8px 0 0;padding:0 8px 0 0;border-right:solid 1px #ccc;}
#footer ul li:last-child {margin:0;padding:0;border-right:0;}
#footer ul li a {display:block;font-size:12px;line-height:13px;}
#footer ul li a strong {font-weight:500;}
#footer .crewtor_info {display:none;margin:0 0 30px 0;font-size:13px;line-height:160%;}
#footer .crewtor_info ul {margin:0 0 8px 0;}
#footer .crewtor_info strong {font-weight:600;}



#float_nav {display:block;position:fixed;left:50%;bottom:0px;width:100%;max-width:960px;padding:5px 20px;background:#fafafc;border-top:solid 1px #ddd;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
#float_nav ul {}
#float_nav ul:after {display:block;visibility:hidden;clear:both;content:""}
#float_nav ul li {display:block;float:left;width:20%;}
#float_nav ul li a {display:block;padding:4px 0;text-align:center;}
#float_nav ul li a i {margin:0 0 4px 0;font-size:16px;}
#float_nav ul li a p {font-size:12px;}
#float_nav ul li img {
	position: absolute;
	margin:0px auto;
	width: 50px;
    top:-12.5px;
	left:50%;
	transform: translate(-50%, 0%);
}

#float_nav.sticky {bottom:-160px;}


.nav_wrap {display:block;position:fixed;left:50%;top:60px;width:100%;max-width:960px;background:#fff;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.nav_wrap.nav_search {top:100px;}
.nav_wrap.sticky {top:0;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.nav_wrap.sticky2 {top:60px;box-shadow:0 2px 5px rgba(0,0,0,0.1);}

.nav_list {padding:0 40px 0 20px;border-bottom:solid 1px #eee;}
.nav_list .swiper-slide {display:block;float:left;width:auto;}
.nav_list .swiper-slide a {display:inline-block;position:relative;color:#999;font-size:14px;line-height:40px;}
.nav_list .swiper-slide a.on {color:#222;font-weight:600;}
.nav_list .swiper-slide a.on:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#17393c}

.btn_slidenav {display:block;position:absolute;right:0;top:0;width:60px;height:40px;z-index:9;
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);
}
.btn_slidenav .arrow {display:block;width:30px;height:30px;margin:5px 5px 5px auto;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:50%;cursor:pointer;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn_slidenav .arrow i {font-size:14px;line-height:30px;}
.btn_slidenav .arrow.on {
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
}

.slidenav {display:none;position:absolute;left:0;right:0;top:40px;width:100%;background:#fff;z-index:9999;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.slidenav ul {width:100%;}
.slidenav ul li {display:block;border-bottom:solid 1px #eee;}
.slidenav ul li:last-child {border-bottom:none}
.slidenav ul li a {display:block;padding:0 20px;text-align:left;line-height:40px;}

.overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9}
.overlay_sort {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9999}
.overlay_category {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9999}

.nav_wrap .tag_swiper {position:relative;margin:0;padding:10px 20px;}
.nav_wrap .tag_swiper .btn_filter {display:block;position:absolute;right:0;top:0;padding:0 20px 0 10px;color:#666;line-height:50px;background:#fff;z-index:3;}

.btn_portfolio {display:block;position:fixed;left:50%;bottom:90px;width:140px;margin:0 0 0 -70px;text-align:center;line-height:40px;background:#fff;border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:99;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.btn_portfolio i {font-size:14px;}
.btn_portfolio.sticky {bottom:20px;}

.btn_top {display:block;position:fixed;right:20px;bottom:90px;width:40px;font-size:16px;text-align:center;line-height:40px;background:#fff;border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,0.2);cursor:pointer;opacity:0;z-index:99;
-webkit-transform:scale(0.1, 0.1);
-moz-transform:scale(0.1, 0.1);
-ms-transform:scale(0.1, 0.1);
-o-transform:scale(0.1, 0.1);
transform:scale(0.1, 0.1);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn_top i {font-size:14px;}
.btn_top.sticky {opacity:1;
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
-o-transform:scale(1, 1);
transform:scale(1, 1);
}


.list_header {margin:0 20px 10px 20px;padding:20px 0 0 0;color:#999;font-size:14px;}
.list_header:after {display:block;visibility:hidden;clear:both;content:""}
.list_header .btn_sort {display:block;float:right;color:#222;}
.list_header .btn_sort i {font-size:14px;}

#list_type {margin:0 10px 20px 10px;}
#list_type ul {}
#list_type ul li {display:block;padding:10px;}
#list_type ul li:after {display:block;visibility:hidden;clear:both;content:""}
#list_type ul li a.img {display:block;float:left;width:140px;}
#list_type ul li a.img img {width:100%;height:100px;object-fit:cover;border-radius:10px;}
#list_type ul li .cont {position:relative;height:100px;margin:0 0 0 160px;}
#list_type ul li .cont a.subj {display:block;font-size:16px;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#list_type ul li .cont .rating {display:block;position:absolute;left:0;bottom:20px;color:#999;font-size:12px;line-height:140%;}
#list_type ul li .cont .rating i {color:#ff9900;font-size:10px;}
#list_type ul li .cont .price {display:block;position:absolute;left:0;bottom:0;font-size:16px;font-weight:600;}
#list_type ul li .cont a.btn_good {display:block;position:absolute;right:0;bottom:0;color:#999;z-index:1;}
#list_type ul li .cont a.btn_good i {font-size:16px;}
#list_type ul li .cont a.btn_good.on i {color:#f63941}
.wing {padding:5px 0}
.wing img{max-width:36px;}

.sct_a {font-size:16px;}

.sort {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:960px;padding:20px 0;background:#fff;z-index:99999;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.sort ul {width:100%;}
.sort ul li {display:block;}
.sort ul li a {display:block;position:relative;padding:0 20px;text-align:left;line-height:40px;}
.sort ul li a .check {display:block;position:absolute;right:20px;top:0;color:#17393c;}
.sort ul li a .check i {font-size:12px;}
.sort.on {bottom:0;}


#header_view {display:block;position:fixed;left:50%;top:0;width:100%;padding:0 10px;max-width:960px;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#header_view:after {display:block;visibility:hidden;clear:both;content:""}
#header_view a {display:block;color:#fff;text-align:center;line-height:40px;}
#header_view a i {font-size:14px;}
#header_view a.btn_back {display:block;float:left;font-size:18px;font-weight:600;}
#header_view a.btn_back i {margin:0 6px 0 0;vertical-align:middle;}
#header_view ul {display:block;float:right;}
#header_view ul:after {display:block;visibility:hidden;clear:both;content:""}
#header_view ul li {display:block;float:left;}
#header_view ul li a {width:30px;}

#header_view.sticky {background:#fff;border-bottom:solid 1px #17393c}
#header_view.sticky a {color:#222;}


#float_view {display:block;position:fixed;left:50%;bottom:0px;width:100%;max-width:960px;padding:10px 20px;background:#fafafc;border-top:solid 1px #ddd;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
#float_view:after {display:block;visibility:hidden;clear:both;content:""}
#float_view a.btn_good,
#float_view a.btn_inquiry,
#float_view a.btn_buy,#float_view button.btn_buy {display:block;float:left;height:50px;font-size:16px;line-height:50px;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:5px;}
#float_view a.btn_good {width:calc(20% - 10px);margin:0 10px 0 0;}
#float_view a.btn_good i {font-size:20px;line-height:50px}
#float_view a.on {color:#f63941 !important;}


#float_view a.btn_inquiry {width:calc(40% - 5px);margin:0 10px 0 0;}
#float_view a.btn_buy, #float_view button.btn_buy {width:calc(40% - 5px);color:#fff;background:#17393c;border:none;}

.vw_image {}
.vw_image img {width:100%;height:auto;}

.parallax {position:relative;height:380px;
background-position:fixed;
background-repeat:no-repeat;
background-size:100% auto;
}

.vw_cont {position:relative;margin:-60px 0 0 0;padding:10px 0;background:#fff;border-bottom:solid 10px #eee;z-index:1;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.vw_cont h3 {display:block;margin:0 20px 20px 20px;font-size:18px;font-weight:700;}

.vw_header {margin:0 20px;}
.vw_header .logo {margin:0 0 6px 0;}
.vw_header .subj {margin:0 0 15px 0;font-size:18px;font-weight:500;line-height:140%;}
.vw_header .rating {margin:0 0 30px 0;font-size:12px;}
.vw_header .rating i {color:#ccc;font-size:12px;letter-spacing:-2px;}
.vw_header .rating i.fas {color:#ff9900}
.vw_header .rating strong {font-weight:600;}
.vw_header .rating span {color:#999;font-weight:300;}
.vw_header .price {margin:0 0 20px 0;font-size:20px;font-weight:700;}
.vw_header .price span {color:#999;font-size:12px;font-weight:300;}
.vw_header .intro {margin:0 0 20px 0;line-height:160%;}
.vw_header .intro strong {font-weight:600;}
.vw_header .intro_opt {margin:0 0 40px 0;padding:15px;background:#fafafc;border-radius:10px;}
.vw_header .intro_opt ul {}
.vw_header .intro_opt ul li {margin:0 0 10px 0;color:#666;}
.vw_header .intro_opt ul li:after {display:block;visibility:hidden;clear:both;content:""}
.vw_header .intro_opt ul li:last-child {margin:0;}
.vw_header .intro_opt ul li strong {display:block;float:right;font-weight:300;}
.vw_header .intro_opt ul li strong i.fa-check {color:#17393c;font-size:12px;}
.vw_header .intro_opt ul li strong i.fa-minus {color:#999;font-size:12px;}

.vw_header .wing img {max-width:36px;}

ul.tabs {margin:0 0 30px 0; width:100%; border-bottom:solid 1px #ddd;}
ul.tabs:after {display:block;visibility:hidden;clear:both;content:""}
ul.tabs li {display:block;float:left;width:33.33%;}
ul.tabs li a {display:block;position:relative;width:100%;color:#999;font-size:15px;text-align:center;font-weight:500;line-height:40px;}
ul.tabs li a:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;width:100%;height:3px;background:#17393c;opacity:0;}
ul.tabs li a.selected {color:#222;}
ul.tabs li a.selected:after {opacity:1;}

.profile {display:block;position:relative;min-height:40px;margin:0 0 10px 0;padding:0 0 0 44px;}
.profile .profile_img {display:block;position:absolute;left:0;top:50%;width:50px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.profile .profile_img img {width:100%;height:auto;border-radius:50%;}

.profile .profile_img2 {display:block;position:absolute;left:0;top:50%;width:36px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.profile .profile_img2 img {width:100%;height:auto;border-radius:50%;}
.profile label {display:inline-block;padding:0 4px;color:#3b8a9c;font-size:9px;line-height:16px;font-weight:600;background:#d0f3fb;border-radius:3px;}
.profile p {margin:4px 0 0 0;color:#999;font-size:12px;line-height:140%;}
.profile .degree {margin:2px 0 0 0;font-weight:600;}
.profile .rating {font-size:12px;line-height:140%;}
.profile .rating i {color:#ff9900;font-size:10px;}

a.goods_update {
	padding:5px 10px;
	float:right;
	height: 50px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
}


a.goods_jump {
	padding:5px 10px;
	float:right;
	height: 50px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
	margin-right:10px;
}

a.btn_inquiry_profile {display:block;margin:20px 0;text-align:center;line-height:38px;border:solid 1px #999;border-radius:5px;}

.portfolio {margin:0 0 40px 0;padding:0 20px;}
.portfolio .swiper-slide {display:block;float:left;width:auto;}
.portfolio .swiper-slide a {display:block;position:relative;width:140px;margin:0 10px 0 0;}
.portfolio .swiper-slide:last-child a {margin:0;}
.portfolio .swiper-slide a .img {position:relative;margin:0 0 10px 0;}
.portfolio .swiper-slide a .img img {width:100%;height:auto;border-radius:5px;}
.portfolio .swiper-slide a .img .btn_good {display:block;position:absolute;right:0;top:0;width:40px;height:40px;color:#fff;text-align:center;z-index:2}
.portfolio .swiper-slide a .img .btn_good i {font-size:20px;line-height:40px;}
.portfolio .swiper-slide a .img .btn_good i.fas {color:#17393c;}
.portfolio .swiper-slide a .cont {text-align:left;}
.portfolio .swiper-slide a .cont .title {margin:0 0 10px 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.portfolio .swiper-slide a p {color:#999;font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

.vw_cont section {margin:0 20px 40px 20px;}
.vw_cont article {margin:0 0 20px 0;line-height:160%;}
.vw_cont article img {max-width:100%;height:auto;}
.vw_cont a.btn_readmore {display:block;text-align:center;line-height:38px;border:solid 1px #999;border-radius:5px;}

.profile_stat {background:#fafafc;border-radius:10px;}
.profile_stat ul {}
.profile_stat ul:after {display:block;visibility:hidden;clear:both;content:""}
.profile_stat ul li {display:block;float:left;width:25%;padding:15px 0;color:#999;font-size:12px;text-align:center;line-height:180%;}
.profile_stat ul li strong {display:block;color:#222;font-size:14px;font-weight:600;}


.comment_wrap {padding:0 20px;}
.comment_wrap .rate {margin:0 0 10px 0;}
.comment_wrap .rate i {color:#ddd;font-size:12px;letter-spacing:-2px;}
.comment_wrap .rate i.fas {color:#ff9900;}
.comment_wrap .rate strong {font-size:18px;font-weight:600;}
.comment_wrap .rate span {color:#999;font-size:12px;}

.evalue {margin:0 0 30px 0;padding:10px 20px;background:#fafafc;border-radius:10px;}
.evalue ul {}
.evalue ul li {display:block;margin:0 0 5px 0;line-height:20px;}
.evalue ul li:after {display:block;visibility:hidden;clear:both;content:""}
.evalue ul li:last-child {margin:0;}
.evalue ul li label {display:inline-block;font-weight:300;}
.evalue ul li .evalue_var {display:block;float:right;position:relative;width:50%;font-weight:600;text-align:left;}
.evalue ul li .evalue_var strong {display:block;position:absolute;right:0;top:0;font-weight:600;}
.evalue ul li .evalue_var .var_bg {display:inline-block;position:relative;width:calc(100% - 30px);height:5px;margin:0 40px 0 0;background:#eee;border-radius:10px;vertical-align:middle;}
.evalue ul li .evalue_var .var_bg .var {display:block;position:absolute;left:0;top:0;height:100%;background:#17393c;border-radius:10px;}

.comment_total {margin:0 0 10px 0;font-weight:500;}

.comment_list {}
.comment_list ul {}
.comment_list ul li {display:block;margin:0 0 30px 0;}
.comment_list ul li:last-child {margin:0;}

.comment_profile {position:relative;margin:0 0 10px 0;padding:0 0 0 44px;}
.comment_profile .profile_img {display:block;position:absolute;left:0;top:0;width:36px;}
.comment_profile .profile_img img {width:100%;height:auto;border-radius:50%;}
.comment_profile .name {color:#999;}
.comment_profile .rating i {color:#ddd;font-size:12px;letter-spacing:-2px;}
.comment_profile .rating i.fas {color:#ff7700;}
.comment_profile .rating strong {font-size:12px;font-weight:600;}
.comment_profile .rating span.date {color:#999;font-size:12px;}

.comment_list p {line-height:160%;}
.comment_list p.comment_rep {margin:10px 0;padding:10px;background:#fafafc;}
.comment_list p.comment_rep strong {display:inline-block;margin:0 6px 0 0;font-weight:600;}
.comment_list p.comment_rep .date {color:#999;font-size:12px;}
.comment_list .comment_etc {color:#999;font-size:12px;line-height:30px;}
.comment_list .comment_etc a {color:#999;}


a.btn_more_comment {display:block;margin:20px;text-align:center;line-height:38px;border:solid 1px #999;border-radius:5px;}

.accd {}
.accd ul {}
.accd ul li {position:relative;cursor:pointer}
.accd ul li a {display:block;padding:16px 20px;font-weight:500;line-height:140%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.accd ul li a:hover {color:#17393c;background:#fafafc;}
.accd ul li .accd_con {display:none;padding:20px;line-height:160%;background:#fafafc;overflow:hidden;}
.accd .slidedown.on a {}
.accd .slidedown.on > .accd_con {max-height:1000px;}

.accd .arrow {display:block;position:absolute;right:10px;top:0;width:40px;height:50px;text-align:center;background:none;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.accd .arrow i {font-size:14px;line-height:50px;}

.accd .slidedown.on .arrow {
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
}

.accd .service {}
.accd .service h4 {display:block;margin:0 0 5px 0;font-weight:500;}
.accd .service .service_tag {margin:0 0 10px 0;}
.accd .service .service_tag span {display:inline-block;margin:0 5px 8px 0;padding:0 10px;color:#666;font-size:13px;font-weight:300;line-height:36px;background:#fff;border:solid 1px #ddd;border-radius:50px;}


.vw_cont2 {position:relative;padding:20px 0 60px 0;;background:#fff;}
.vw_cont2 h3 {display:block;margin:0 20px 20px 20px;font-size:18px;font-weight:700;line-height:140%;}


.overlay_share {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9999}
.share {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:960px;background:#fff;z-index:99999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.share.on {bottom:0;}

.share_swiper .swiper-slide {padding:40px 20px;}
.share_swiper .swiper-slide:after {display:block;visibility:hidden;clear:both;content:""}
.share_swiper .swiper-slide a {display:block;float:left;width:25%;text-align:center;}
.share_swiper .swiper-slide a img {width:60px;height:auto;margin:0 0 10px 0;}
.share_swiper .swiper-slide a p {height:60px;line-height:160%;}


#header_comment {display:block;position:fixed;left:50%;top:0;width:100%;padding:0 20px;max-width:960px;background:#fff;border-bottom:solid 1px #eee;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#header_comment:after {display:block;visibility:hidden;clear:both;content:""}
#header_comment a.btn_back {display:block;float:left;font-size:18px;font-weight:600;line-height:40px;}
#header_comment a.btn_back i {margin:0 6px 0 0;font-size:14px;vertical-align:middle;}

#header_comment.sticky {background:#fff;}
#header_comment.sticky a {color:#222;}

.comment_sort {display:block;position:fixed;left:50%;top:0;width:100%;padding:0 20px;max-width:960px;background:#fff;z-index:9;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.comment_sort a {display:inline-block;color:#999;font-size:13px;line-height:40px;}
.comment_sort a.on {color:#222;font-size:14px;font-weight:500;}

.comment_sort.sticky {top:40px;}


#header_sub {display:block;position:fixed;left:50%;top:0;width:100%;padding:0 20px;max-width:960px;background:#fff;border-bottom:solid 1px #eee;z-index:1;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#header_sub:after {display:block;visibility:hidden;clear:both;content:""}
#header_sub a.btn_back {display:block;float:left;font-size:18px;font-weight:600;line-height:40px;}
#header_sub a.btn_back i {margin:0 6px 0 0;font-size:14px;vertical-align:middle;}

#header_sub a.btn_alram {display:block;position:relative;float:left;width:30px;margin:0 10px 0 0;text-align:center;}
#header_sub a.btn_alram i {font-size:20px;line-height:40px;}
#header_sub a.btn_alram span.circle {display:block;position:absolute;right:2px;top:10px;width:5px;height:5px;background:#f00001;border-radius:50%;}

#header_sub a.title {display:block;float:left;font-size:18px;font-weight:600;line-height:40px;}
#header_sub a.title i {margin:0 6px 0 0;font-size:14px;vertical-align:middle;}

#header_sub ul {display:block;float:right;}
#header_sub ul:after {display:block;visibility:hidden;clear:both;content:""}
#header_sub ul li {display:block;float:left;}
#header_sub ul li a {display: inline-block;line-height:40px;}


.btn_close_win {display:block;position:absolute;right:0;top:0;width:40px;height:40px;text-align:center;background:none;border:none;z-index:1;}
.btn_close_win i {font-size:20px;line-height:40px;}

.login_wrap {display:block;position:absolute;left:0;right:0;top:50%;padding:40px 20px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.login_wrap ul {margin:0 0 20px 0;}
.login_wrap ul li {display:block;margin:0 0 10px 0;}
.login_wrap ul li:last-child {margin:0;}
.login_wrap ul li a {display:block;position:relative;width:100%;height:50px;font-size:16px;font-weight:500;line-height:50px;text-align:center;border-radius:5px;}
.login_wrap ul li a.btn_kakaotalk {color:#3b1d1d;background:#fae100;}
.login_wrap ul li a.btn_naver {color:#fff;background:#00bf19;}
.login_wrap ul li a.btn_email {line-height:48px;background:#fff;border:solid 1px #ddd;}
.login_wrap ul li a .icon {display:block;position:absolute;left:0;top:0;width:50px;height:50px;text-align:center;line-height:50px;}
.login_wrap ul li a .icon img {width:24px;height:auto;}
.login_wrap .etc {margin:0 0 40px 0;text-align:center;}
.login_wrap .etc a {display:inline-block;width:60px;height:60px;margin:0 4px;text-align:center;line-height:58px;border-radius:50%;}
.login_wrap .etc a.btn_apple {background:#000;}
.login_wrap .etc a.btn_google {line-height:56px;background:#fff;border:solid 2px #ddd;}
.login_wrap .etc a.btn_facebook {background:#3a559f;}
.login_wrap .etc a img {width:32px;height:auto;}
.login_wrap .find {text-align:center;}

.login_wrap .event {margin:0 0 80px 0;text-align:center;}
.login_wrap .event p {margin:0 0 10px 0;font-size:24px;font-weight:600;line-height:140%;}
.login_wrap .event p strong {color:#17393c;font-weight:600;}
.login_wrap .event img {width:160px;height:auto;}


.frm_input {display:block;width:100%;height:50px;padding:0 10px;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.frm_input.frm_margin {margin:10px 0 0 0;}
.frm_input.frm_error {border:solid 2px #f00001;}

.frm_file::file-selector-button {display:none;}
.frm_file:after {content:'사진찰영';display:block;position:absolute;right:12px;bottom:12px;width:120px;height:46px;color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:46px;background:#17393c;border-radius:5px;cursor:pointer;}

.frm_info {margin:10px 0 0 0;color:#666;font-size:12px;}
.frm_info.frm_warning {color:#f00001;}

.btn {display:inline-block;padding:0 12px;text-align:center;line-height:50px;border:none;border-radius:5px;}
.btn i {font-size:14px;}
.btn.btn_submit {color:#fff;font-size:16px;font-weight:500;background:#17393c;}
.btn.btn_frmline {display:block;position:absolute;right:5px;top:5px;height:40px;color:#fff;line-height:40px;background:#17393c;}
.btn.btn_frmline.off {color:#999;background:#ddd;}

.maillogin_wrap {padding:0 20px;}
.maillogin_wrap .find {text-align:center;}
.maillogin_wrap .write_div {position:relative;margin:0 0 10px 0;}
.maillogin_wrap .btn_confirm {position:relative;margin:0 0 20px 0;}
.maillogin_wrap .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.maillogin_wrap .btn_confirm .btn_submit {display:block;width:100%;}

.btn_password_view {display:block;position:absolute;right:0;bottom:0;width:40px;text-align:center;}
.btn_password_view i {color:#999;line-height:50px;}

.regist_wrap {padding:0 20px 60px 20px;}
.regist_wrap .find {text-align:center;}
.regist_wrap .write_div {position:relative;margin:0 0 20px 0;}
.regist_wrap .write_div label {display:block;margin:0 0 8px 0;font-weight:400;}
.regist_wrap .write_div .write_div_frmline {position:relative;}
.regist_wrap .write_div .arrow {display:block;position:absolute;right:0;bottom:0;width:50px;text-align:center;}
.regist_wrap .write_div .arrow i {color:#999;line-height:50px;}
.regist_wrap .btn_confirm {position:relative;margin:0 0 20px 0;}
.regist_wrap .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.regist_wrap .btn_confirm .btn_submit {display:block;width:100%;}

.profile_img_edit {margin:0 0 20px 0;}
.profile_img_edit .profile_img {position:relative;width:80px;margin:0 auto;}
.profile_img_edit .profile_img img {width:100%;height:auto;border-radius:50%;}
.profile_img_edit .profile_img a {display:block;position:absolute;right:0;bottom:0;width:30px;height:30px;color:#ccc;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.profile_img_edit .profile_img a i {font-size:14px;line-height:28px;}


.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.chk_box {position:relative;}

.chk_box input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:24px;line-height:20px;cursor:pointer;}
.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:20px;height:20px;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.chk_box input[type="checkbox"] + label:hover span {border:solid 1px #17393c;}
.chk_box input[type="checkbox"] + label span:after {content:"\e928";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"xeicon";color:#999;font-size:10px;text-align:center;line-height:20px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="checkbox"]:checked + label {}
.chk_box input[type="checkbox"]:checked + label span {background:#17393c;border:solid 1px #17393c;}
.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}

.chk_box input[type="radio"] + label {display:inline-block;position:relative;padding-left:24px;line-height:20px;cursor:pointer;}
.chk_box input[type="radio"] + label span {display:block;position:absolute;left:0;top:0px;width:20px;height:20px;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.chk_box input[type="radio"] + label:hover span {border:solid 1px #17393c;}
.chk_box input[type="radio"] + label span:after {content:"";display:block;position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:none;border-radius:50%;z-index:1;cursor:pointer;}

.chk_box input[type="radio"]:checked + label {}
.chk_box input[type="radio"]:checked + label span {background:#fff;border:solid 1px #17393c;}
.chk_box input[type="radio"]:checked + label span:after {background:#17393c;}


.layer_chk {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:960px;padding:10px 0 0 0;background:#fff;z-index:99999;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.layer_chk h3 {display:block;padding:0 20px;line-height:40px;}
.layer_chk ul {width:100%;}
.layer_chk ul li {display:block;}
.layer_chk ul li a {display:block;position:relative;padding:0 20px;text-align:left;line-height:40px;}

.layer_chk.job.on {bottom:0;}
.layer_chk.business.on {bottom:0;}
.layer_chk.interest.on {bottom:0;}

.layer_chk ul li.chk_box input[type="checkbox"] + label {display:block;position:relative;width:100%;padding:0 20px;line-height:40px;cursor:pointer;}
.layer_chk ul li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:auto;right:30px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.layer_chk ul li.chk_box input[type="checkbox"] + label:hover span {border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="checkbox"] + label span:after {content:"\e928";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"xeicon";color:#999;font-size:10px;text-align:center;line-height:20px;background:none;z-index:1;cursor:pointer;}

.layer_chk ul li.chk_box input[type="checkbox"]:checked + label {}
.layer_chk ul li.chk_box input[type="checkbox"]:checked + label span {background:#17393c;border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}


.layer_chk ul li.chk_box input[type="radio"] + label {display:block;position:relative;width:100%;padding:0 20px;line-height:40px;cursor:pointer;}
.layer_chk ul li.chk_box input[type="radio"] + label span {display:block;position:absolute;left:auto;right:30px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.layer_chk ul li.chk_box input[type="radio"] + label:hover span {border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="radio"] + label span:after {content:"";display:block;position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:none;border-radius:50%;z-index:1;cursor:pointer;}
.layer_chk ul li.chk_box input[type="radio"]:checked + label {}
.layer_chk ul li.chk_box input[type="radio"]:checked + label span {background:#fff;border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="radio"]:checked + label span:after {background:#17393c;}


.myp_header {position:relative;padding:0 20px 20px 20px;background:#fff;border-bottom:solid 10px #eee;}
.myp_header .profile_img {float:left;position:relative;width:80px;margin:0 20px 20px 0;}
.myp_header .profile_img img {width:100%;height:auto;border-radius:50%;}
.myp_header .profile_img a {display:block;position:absolute;right:0;bottom:0;width:20px;height:20px;color:#ccc;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.myp_header .profile_img a i {font-size:10px;line-height:18px;}
.myp_header .cont {margin:0 0 20px 0;min-height:80px;}
.myp_header .cont label {display:inline-block;padding:0 4px;color:#fff;font-size:10px;line-height:18px;font-weight:600;background:#17393c;border-radius:3px;}
.myp_header .cont strong {display:block;margin:4px 0 0 0;font-size:18px;font-weight:600;}
.myp_header .cont a.btn_change {
display:inline-block;margin:6px 0 0 0;padding:0 4px;font-size:10px;line-height:22px;
background:#fdfd66;border:none;border-radius:3px; font-weight:700;}
.myp_header .cont a.btn_change i {color:#999;font-size:12px;}
.myp_header ul {padding:15px 0;background:#fafafc;border-radius:10px;}
.myp_header ul:after {display:block;visibility:hidden;clear:both;content:""}
.myp_header ul li {display:block;float:left;width:50%;border-right:solid 1px #eee;}
.myp_header ul li:last-child {border-right:none;}
.myp_header ul li a {display:block;color:#999;font-size:12px;text-align:center;line-height:180%;}
.myp_header ul li a i {font-size:10px;}
.myp_header ul li a strong {display:block;color:#222;font-size:16px;font-weight:600;}

.myp_project {padding:30px 20px;background:#fff;border-bottom:solid 10px #eee;}
.myp_project h3 {display:block;font-size:16px;font-weight:600;line-height:40px;}
.myp_project .none {padding:10px 10px;border:solid 1px #ddd;border-radius:10px;}
.myp_project .none p {margin:10px 0 20px 0;text-align:center;line-height:140%;}
.myp_project .none a {display:block;font-weight:500;text-align:center;line-height:48px;border:solid 1px #666;border-radius:5px;}
.myp_project .none a.on {background:#17393c;color:#fff; }


.myp_menu {padding:10px 20px;background:#fff;border-bottom:solid 10px #eee;}
.myp_menu p span {margin-left:20px;}
.myp_menu ul {}
.myp_menu ul li {display:block;}
.myp_menu ul li a {display:block;line-height:40px;}
.myp_menu ul li a i {margin:0 12px 0 0;color:#666;font-size:16px;}

.myp_menu_last {border-bottom:none;}
.myp_menu_last ul li {margin:0 0 10px 0;}
.myp_menu_last ul li:last-child {margin:0;}

.analysis_wrap {/*padding:40px 0 100px 0;*/}
.analysis_wrap .img {margin:0; text-align:center;}
.analysis_wrap .img img {width:100%;height:auto;}


.survey0 {position:relative;}
.survey {position:relative;}
.survey .img {text-align:center;}
.survey .img img {max-width:90%;margin:0px auto;}
.survey_item {position:relative;padding:20px 0;background:#fff;border-bottom:solid 10px #eee}
.survey_item:last-child {border-bottom:none;}
.survey_item h3 {display:block;margin:0 20px 10px 20px;font-size:18px;font-weight:600;}
.survey_item h3 .sub {display:block;color:#17393c;font-size:12px;font-weight:400;}
.survey_item .q,
.survey_item .a {display:block;position:relative;}
.survey_item .q {padding:10px 20px 10px 50px;;font-size:16px;line-height:140%;font-weight:500;border-bottom:solid 1px #eee;}
.survey_item .q label {display:block;position:absolute;left:20px;top:10px;width:24px;height:24px;color:#fff;font-size:16px;font-weight:600;text-align:center;line-height:24px;background:#17393c;border-radius:50%;}
.survey_item .a {padding:15px 0;}

.survey_item .a ul {margin:0 15px 40px 15px;}
.survey_item .a ul:after {display:block;visibility:hidden;clear:both;content:""}
.survey_item .a ul.hor li {display:block;float:left;width:33.33%;padding:5px;}


.analysis_wrap .notice {
	display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -1px;
	text-align:center;
}
.btn_app {display: block;
	margin:5px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    background: #eee;
    border-radius: 5px;}

.survey_item .on {background: #17393c;color:#fff;}



.survey .write_div .thumbnail{
  width: 100%;
  height: auto;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align:center;

}

.survey .write_div img {
  max-width: 90%;
}

.survey .write_div .image-overlay {
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  color: black;
  height:300px;
  width: 300px;
  top: 0;
  left: 0;
  font-size: 50px;
  text-align: center;
  line-height: 300px;
  cursor: pointer;
  transition: opacity ease 0.5s;
}

.survey .write_div .circle-icon {
  height:80px;
  width:80px;
  border-radius: 50%;
  background: #eee;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.survey .write_div .circle-icon span{
  position: absolute;
  margin-left: -22px;
  margin-top: 10px;
}

.survey .write_div .image-overlay:hover {
  opacity: 1;
}
/*
.survey .write_div input[type=file]{
  opacity: 0;
}
*/
/*
.survey_item .a ul {}
.survey_item .a ul:after {display:block;visibility:hidden;clear:both;content:""}
.survey_item .a ul li {display:block;position:relative;margin:0 0 16px 0;padding:0 20px;}
.survey_item .a ul li:last-child {margin:0;}

.survey_item .a ul.hor li {float:left;width:16.66%;margin:0;line-height:20px;}
*/


.survey_item .write_div {display:block;position:relative;padding:0 10px;}
.survey_item .write_div label {display:block;margin:0 0 10px 0;font-size:16px;font-weight:500;}

.analysis_wrap .btn_confirm {display:block;position:fixed;left:50%;bottom:0px;width:100%;max-width:960px;padding:10px 20px;background:#fafafc;border-top:solid 1px #ddd;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.analysis_wrap .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.analysis_wrap .btn_confirm .btn_submit {display:block;float:left;width:49%;font-size:16px;font-weight:500;}
.analysis_wrap .btn_confirm .btn_normal {display:block;float:left;width:49%;font-size:16px;font-weight:500;margin:0 1% 0 0;}
.analysis_wrap .btn_confirm .btn_action {display:block;float:left;width:49%;font-size:16px;font-weight:500;    background: #b70000;
    color: #fff;}

.analysis_wrap .btn_confirm .full_action {display:block;float:left;width:100%;font-size:16px;font-weight:500;    background: #b70000;
    color: #fff;}


.survey_sult {position:relative;}

.analysis_wrap .btn_confirm_full {display:block;position:fixed;left:50%;bottom:0px;width:100%;max-width:960px;padding:10px 20px;background:#fafafc;border-top:solid 1px #ddd;z-index:999;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.analysis_wrap .btn_confirm_full .btn_submit {display:block;width:100%;font-size:16px;font-weight:500;}


ul.survey_result_header {display:block;margin:20px;padding:10px 20px;background:#17393c;border-radius:5px;}
ul.survey_result_header:after {display:block;visibility:hidden;clear:both;content:""}
ul.survey_result_header li {display:block;float:left;width:50%;font-size:16px;font-weight:500;text-align:left;line-height:40px;color:#fff;}
ul.survey_result_header li i {margin:0 12px 0 0;color:#fff;font-size:18px;}

.survey_item .chart {margin:0 20px;}
.survey_item .cont {margin:0 20px;padding:20px;line-height:160%;background:#fafafc;border-radius:5px;}
.survey_item .cont:after {display:block;visibility:hidden;clear:both;content:""}

.survey_item .cont .profile_img {float:left;width:180px;margin:0 20px 0 0;}
.survey_item .cont .profile_img img {width:100%;height:auto;}
.survey_item .cont .recommend {float:left;width:calc(100% - 200px);}

.survey_item .outro {margin:20px 20px 60px 20px;line-height:160%;}
.survey_item .outro .date {display:block;position:relative;padding:0 20px;text-align:right;}
.survey_item .outro .date strong {font-size:16px;font-weight:600;}
.survey_item .outro .date .sign {display:inline-block;margin:0 10px 0 20px;font-family: 'Cafe24Shiningstar';font-size:36px;font-style:italic;line-height:-2px;vertical-align:top}
.survey_item .outro .date .dozang {display:block;position:absolute;right:0;top:50%;width:50px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.survey_item .outro .date .dozang img {width:100%;height:auto;}

.survey_item .refer {margin:0 20px;padding:20px;border:solid 1px #ddd;border-radius:5px;}
.survey_item .refer h4 {display:block;margin:0 0 10px 0;color:#f00001;font-weight:500;}
.survey_item .refer p {line-height:160%;}
.survey_item .refer p strong {color:#f00001;font-weight:400;}


.search_word {width:100%;overflow:hidden;margin:60px 0 80px 0;}
.search_word .swiper-slide {display:block;float:left;width:auto;}
.search_word .swiper-slide:first-child {padding:0 0 0 20px;}
.search_word .swiper-slide:last-child {padding:0 20px 0 0;}
.search_word .swiper-slide a {display:block;padding:0 12px;color:#666;line-height:30px;background:#eee;border-radius:5px;}


.category_search {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:960px;height:calc(100vh - 30px);background:#fff;z-index:99999;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}


dl.tabs_category {margin:20px;}
dl.tabs_category:after {display:block;visibility:hidden;clear:both;content:""}
dl.tabs_category dd {display:block;float:left;margin:0 20px 0 0;}
dl.tabs_category dd a {display:block;color:#999;font-size:15px;font-weight:500;line-height:40px;}
dl.tabs_category dd a.selected {color:#222;font-size:16px;}
dl.tabs_category dd a .dot {display:inline-block;width:4px;height:4px;margin:0 0 10px 2px;background:#17393c;border-radius:50%;}

ul.search_category {}
ul.search_category li {display:block;position:relative;}
ul.search_category li a {display:block;position:relative;padding:0 20px;text-align:left;line-height:40px;}
ul.search_category li ul {display:block;overflow:hidden;}
ul.search_category li ul {display:none;margin:0;background:#f7f7f7;}
ul.search_category li ul li {border-bottom:none}
ul.search_category li ul li a {line-height:40px;font-weight:400;}

ul.search_category li .cross {display:none;position:absolute;right:20px;top:0;color:#ddd;}
ul.search_category li .cross i {font-size:16px;line-height:40px;}

ul.search_category li.on > ul {max-height:1000px;}
ul.search_category li.on a {font-weight:500;}
ul.search_category li.on .cross {display:block;}
ul.search_category li.on ul li a {font-weight:300;}

.search_none {display:block;position:absolute;left:0;right:0;top:50%;width:100%;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.search_none img {width:120px;height:auto;margin:0 0 20px 0;border-radius:50%;}
.search_none p {margin:0 0 20px 0;color:#999;}
.search_none a {display:inline-block;padding:0 20px;line-height:40px;border:solid 1px #ddd;border-radius:5px;}


.category_search .btn_category_close {display:block;position:absolute;right:20px;top:20px;width:20px;height:40px;text-align:center;background:none;border:none;}
.category_search .btn_category_close i {font-size:16px;line-height:40px;}
.category_search.on {bottom:0;}

.category_search .btn_confirm {display:block;position:absolute;left:0;right:0;bottom:0;width:100%;padding:10px 20px;background:#fff;border-top:solid 1px #eee;}
.category_search .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.category_search .btn_confirm a.btn {display:block;float:left;font-size:16px;text-align:center;border-radius:5px;}
.category_search .btn_confirm a.btn_normal {width:calc(25% - 5px);height:50px;color:#999;line-height:48px;margin:0 10px 0 0;border:solid 1px #ddd;}
.category_search .btn_confirm a.btn_act {width:calc(75% - 5px);height:50px;line-height:50px;color:#fff;background:#17393c;border:none;}

.search_pro {padding:20px;}
.search_pro:after {display:block;visibility:hidden;clear:both;content:""}
.search_pro h3 {display:block;margin:0 0 10px 0;font-size:15px;font-weight:600;}
.search_pro a {display:block;float:left;margin:0 10px 10px 0;padding:0 10px;color:#999;line-height:30px;background:#fff;border:solid 1px #ddd;border-radius:3px;}
.search_pro a.on {color:#17393c;border:solid 1px #17393c;}


.expert_list {margin:0 0 40px 0;}
.expert_list .expert_profile {display:block;position:relative;margin:0 0 20px 0;border-bottom:solid 1px #eee;}
.expert_list .expert_profile:last-child {border-bottom:none;}
.expert_profile .profile_img {position:absolute;left:20px;top:0;width:50px;}
.expert_profile .profile_img img {width:100%;height:auto;border-radius:50%;}
.expert_profile .cont {position:relative;margin:0 20px 20px 80px;}
.expert_profile .cont label {display:inline-block;margin:0 0 4px 0;padding:0 4px;color:#bbb;font-size:9px;line-height:16px;font-weight:600;background:#eee;border-radius:3px;}
.expert_profile .cont .name {margin:0 0 5px 0;font-size:16px;font-weight:500;}
.expert_profile .cont .rating {position:relative;color:#666;font-size:12px;}
.expert_profile .cont .rating strong {color:#222;font-weight:500;}
.expert_profile .cont .rating i {color:#ff9900;font-size:10px;}
.expert_profile .cont .rating .price {display:block;position:absolute;right:0;top:0;color:#666;font-size:12px;}
.expert_profile .cont .rating .price strong {color:#222;font-weight:500;}
.expert_profile p {margin:0 20px 20px 20px;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.expert_profile .ea {margin:0 20px 20px 20px;color:#336ebe;font-size:12px;}
.expert_profile .title_sub {margin:0 20px 10px 20px;font-size:12px;}

.expert_swiper {width:100%;overflow:hidden;margin:0 0 20px 0;}
.expert_swiper .swiper-slide {display:block;float:left;width:auto;}
.expert_swiper .swiper-slide:first-child {padding:0 0 0 20px;}
.expert_swiper .swiper-slide:last-child {padding:0 20px 0 0;}
.expert_swiper .swiper-slide a {display:block;padding:0 12px;color:#666;font-size:13px;line-height:30px;background:#eee;border-radius:50px;}


.gap {height:120px;}
.gap40 {height:40px;}
.gap50 {height:50px;}
.gap60 {height:60px;}
.gap80 {height:80px;}
.gap100 {height:100px;}
.gap110 {height:110px;}
.gap120 {height:120px;}


.charge_header {padding:20px 20px 40px 20px;text-align:center;}
.charge_header h1 {font-size:20px; }
.charge_header strong {display:block;font-size:24px;font-weight:500;line-height:140%;letter-spacing:-1px;}
.charge_header p {color:#999;font-size:12px;line-height:140%;}

.charge_amount {border-bottom:solid 10px #eee;}
.charge_amount ul {margin:0 15px 40px 15px;}
.charge_amount ul:after {display:block;visibility:hidden;clear:both;content:""}
.charge_amount ul li {display:block;float:left;width:33.33%;padding:5px;}
.charge_amount ul li.chk_box {}
.charge_amount ul li.chk_box input[type="radio"] + label {display:block;padding:0;font-size:16px;font-weight:500;text-align:center;line-height:50px;background:#eee;border-radius:5px;}
.charge_amount ul li.chk_box input[type="radio"] + label span {opacity:0;}

.charge_amount ul li.chk_box input[type="radio"]:checked + label {background:#17393c; color:#fff;}

.charge_way {padding:20px 0}
.charge_way h3 {display:block;position:relative;margin:0 20px 10px 20px;font-size:16px;font-weight:500;}
.charge_way h3 a {display:block;position:absolute;right:0;bottom:0;color:#666;font-size:12px;font-weight:300;text-decoration:underline;}

.charge_way {}
.charge_way ul {}
.charge_way ul:after {display:block;visibility:hidden;clear:both;content:""}
.charge_way ul li {display:block;border-bottom:solid 1px #eee;}
.charge_way ul li.chk_box {}
.charge_way ul li.chk_box input[type="radio"] + label {display:block;padding:0 20px;text-align:left;line-height:50px;}
.charge_way ul li.chk_box input[type="radio"] + label span {left:auto;right:20px;top:50%;margin:-10px 0 0 0;}

.charge_way ul li.chk_box input[type="radio"]:checked + label {}


#float_charge {display:block;width:100%;max-width:960px;padding:5px 20px;background:#fff;}
#float_charge:after {display:block;visibility:hidden;clear:both;content:""}
#float_charge .total {display:block;float:left;font-size:12px;line-height:160%;}
#float_charge .total strong {display:block;font-size:20px;font-weight:600;}
#float_charge button.btn_off {display:block;float:right;width:120px;height:40px;color:#999;font-weight:500;text-align:center;line-height:40px;background:#ddd;border:none;border-radius:5px;}
#float_charge button.btn_on {display:block;float:right;width:120px;height:40px;color:#fff;font-weight:500;text-align:center;line-height:40px;background:#17393c;border:none;border-radius:5px;}

.chage_notice {text-align:center;padding:30px;}

.order_manage {display:block;position:relative;width:100%;min-height:calc(100vh - 80px);padding:20px;background:#f6f6f6;}
.order_manage .empty {display:block;position:absolute;left:0;top:50%;width:100%;color:#999;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.order_manage .empty strong {display:block;margin:0 0 10px 0;color:#222;font-weight:500;}

.order_manage_article {position:relative;margin:0 0 20px 0;padding:20px;background:#fff;border-radius:10px;}
.order_manage_article .ing {margin:0 0 20px 0;color:#1398d9;font-size:16px;font-weight:600;}
.order_manage_article .date {display:block;position:absolute;right:20px;top:20px;color:#999;}
.order_manage_article .date2 {display:block;position:absolute;right:0px;top:0px;color:#999;}
.order_manage_article .info {margin-bottom:5px;}
.order_manage_article .info img{border-radius:50%;}
.order_manage_article .sub_tit {margin:0;color:#666;font-size:16px;font-weight:800;}
.order_manage_article .sub_btn {display:block;position:absolute;right:20px;top:20px;color:#999;}

.order_manage_article .sub_sl {display:block;font-size:16px;line-height:140%;padding: 10px 0 0 0;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }


.order_manage_article .sub_sr {display:block;position:absolute;right:0px;top:10px;font-size:16px;font-weight:600;}

.order_manage_article .sub_price {display:block;position:absolute;right:0px;top:10px;font-size:16px}

.order_manage_article .od_time {margin:0 0 20px 0;color:#121212;font-size:16px;}
.order_manage_article .od_btn {display:block;position:absolute;right:0px;top:-5px;color:#999;}
.order_manage_article .od_btn button {background:#fff;border-radius:5px;}

.order_manage_article .article {margin:0 0 10px 0;}
.order_manage_article .article:after {display:block;visibility:hidden;clear:both;content:""}
.order_manage_article .article a.img {display:block;float:left;width:120px;}
.order_manage_article .article a.img img {width:100%;height:90px;object-fit:cover;border-radius:5px;}
.order_manage_article .article .cont {position:relative;height:90px;margin:0 0 0 140px;}
.order_manage_article .article .cont a.subj {display:block;font-size:16px;line-height:140%;font-weight:500;padding: 10px 0 0 0; min-height:55px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.order_manage_article .article .cont .od {color:#999;}

.order_manage_article .article .price {display:block;position:absolute;left:0;bottom:0;font-size:16px;font-weight:600;}
.order_manage_article .label {display:block;position:relative;margin:0 0 10px 0;padding:0 10px;line-height:50px;background:#f6f6f6;border-radius:5px;}
.order_manage_article .label a {display:block;position:absolute;right:0;top:0;width:100px;font-size:16px;font-weight:500;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.order_manage_article .label img {border-radius:50%;}
.order_manage_article p {margin:0 0 10px 0;line-height:140%;}
.order_manage_article .plan {color:#999;}
.order_manage_article .plan strong {color:#222;font-weight:500;}
.order_manage_article .title {font-size:14px;font-weight:500;padding:5px 0;}
.order_manage_article .pay {padding:10px 0; font-size:16px;color:#222;font-weight:500;}

.order_manage_article .article .comment {padding:15px 10px; background:#f6f6f6;}

.download_zone {margin:20px 0;}
.download_zone .download a.img {display:block;float:left;width:50px;}
.download_zone .download a.img img {width:100%;height:50px;object-fit:cover;border-radius:5px;}
.download_zone .download .cont {position:relative;height:50px;margin:10px 0 10px; 60px;}
.download_zone .download .cont .subj {display:block;font-size:16px;line-height:140%;font-weight:500;padding: 10px 0 0 60px;}
.download_zone strong {color:#1398d9;}

.modify_zone {margin:20px 0;}
.modify_zone .modify {border:1px solid #f6f6f6;padding:15px 10px;}
.modify_zone .btn_confirm .btn_none {width:100%; background:#fff; font-weight:700; border:1px solid #ccc; border-radius:5px;}
.modify_zone .btn_confirm .btn_act {width:100%; background:#17393c; font-weight:700;  color:#fff;}

.finish_zone {margin:40px 0;}
.finish_zone label {font-size:16px; font-weight:700;}
.finish_zone label span {color:#ff0000;}
.finish_zone .finish {border:1px solid #f6f6f6;padding:15px 10px;}
.finish_zone .btn_confirm .btn_act {width:100%; background:#17393c; font-weight:700;  color:#fff;}

.green {color:#33cc00 !important;}
.purple {color:#9900ff !important;}

.message_manage {display:block;position:relative;width:100%;min-height:calc(100vh - 80px);padding:20px;background:#f6f6f6;}
.message_manage .empty {display:block;position:absolute;left:0;top:50%;width:100%;color:#999;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.message_manage .empty strong {display:block;margin:0 0 10px 0;color:#222;font-weight:500;}

.message_manage_article {position:relative;margin:0 0 20px 0;padding:20px;background:#fff;border-radius:10px;}
.message_manage_article .ing {margin:0 0 20px 0;color:#1398d9;font-size:16px;font-weight:600;}
.message_manage_article .date {display:block;position:absolute;right:20px;top:20px;color:#999;}
.message_manage_article img {border-radius:50%;position: absolute;}

.message_manage_article .article {margin:0 0 10px 0;}
.message_manage_article .article:after {display:block;visibility:hidden;clear:both;content:""}
.message_manage_article .article a.img {display:block;float:left;width:120px;}
.message_manage_article .article a.img img {width:100%;height:90px;object-fit:cover;border-radius:5px;}
.message_manage_article .article .cont {position:relative;margin:0 0 0 90px;}
.message_manage_article .article .cont a.subj {display:block;font-size:14px;line-height:140%;padding: 10px 0 0 0;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.message_manage_article .article .cont .od {color:#999;}

.message_manage_article .article .price {display:block;position:absolute;left:0;bottom:0;font-size:16px;font-weight:600;}
.message_manage_article .label {display:block;position:relative;margin:0 0 10px 0;padding:0 10px;line-height:50px;background:#f6f6f6;border-radius:5px;}
.message_manage_article .label a {display:block;position:absolute;right:0;top:0;width:100px;font-size:16px;font-weight:500;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.message_manage_article .label img {border-radius:50%;}
.message_manage_article p {margin:0 0 10px 0;line-height:140%;}
.message_manage_article .plan {color:#999;}
.message_manage_article .plan strong {color:#222;font-weight:500;}
.message_manage_article .title {font-size:14px;font-weight:500;padding:5px 0;}
.message_manage_article .pay {padding:10px 0; font-size:16px;color:#222;font-weight:500;}



.overlay_ordertype {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:999}
.overlay_orderstat {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:999}
.overlay_orderperiod {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:999}

.orderlayer {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:960px;padding:20px 0;background:#fff;z-index:99999;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.orderlayer ul {width:100%;}
.orderlayer ul li {display:block;}
.orderlayer ul li a {display:block;position:relative;padding:0 20px;text-align:left;line-height:40px;}
.orderlayer ul li a .check {display:block;position:absolute;right:20px;top:0;color:#17393c;}
.orderlayer ul li a .check i {font-size:12px;}

.ordertype.on {bottom:0;}
.orderstat.on {bottom:0;}
.orderperiod.on {bottom:0;}

.orderperiod {padding:20px 20px 10px 20px;}
.orderperiod h3 {display:block;font-size:16px;font-weight:600;}

.orderperiod .period {padding:10px 0;}
.orderperiod .period:after {display:block;visibility:hidden;clear:both;content:""}
.orderperiod .period .input {display:block;float:left;width:calc(50% - 10px);height:50px;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.orderperiod .period .var {display:block;float:left;width:20px;text-align:center;line-height:50px;}

.orderperiod .btn_confirm {display:block;position:relative;width:100%;padding:10px 0;border-top:solid 1px #eee;}
.orderperiod .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.orderperiod .btn_confirm a.btn {display:block;float:left;font-size:16px;text-align:center;border-radius:5px;}
.orderperiod .btn_confirm a.btn_normal {width:calc(25% - 5px);height:50px;color:#999;line-height:48px;margin:0 10px 0 0;border:solid 1px #ddd;}
.orderperiod .btn_confirm a.btn_act {width:calc(75% - 5px);height:50px;line-height:50px;color:#fff;background:#17393c;border:none;}

.orderperiod .btn_confirm button.btn {display:block;float:left;font-size:16px;text-align:center;border-radius:5px;}
.orderperiod .btn_confirm button.btn_normal {width:calc(25% - 5px);height:50px;color:#999;line-height:48px;margin:0 10px 0 0;border:solid 1px #ddd;}
.orderperiod .btn_confirm button.btn_act {width:calc(75% - 5px);height:50px;line-height:50px;color:#fff;background:#17393c;border:none;}

.orderperiod .btn_orderperiod_close {display:block;position:absolute;right:20px;top:10px;width:20px;height:40px;text-align:center;background:none;border:none;}
.orderperiod .btn_orderperiod_close i {font-size:16px;line-height:40px;}


.coupon_list {display:block;position:relative;width:100%;min-height:calc(100vh - 60px);}
.coupon_list .empty {display:block;position:absolute;left:0;top:50%;width:100%;color:#999;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.coupon_list .empty strong {display:block;margin:0 0 10px 0;color:#222;font-weight:500;}

.coupon_form {position:relative;margin:0 20px 10px 20px;}
.coupon_form .input {display:block;width:100%;height:50px;padding:0 10px;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.coupon_form .btn {display:block;position:absolute;right:5px;top:5px;width:80px;height:40px;color:#fff;line-height:40px;text-align:center;background:#17393c;border-radius:5px;}

.coupon_list ul {}
.coupon_list ul li {display:block;position:relative;width:100%;padding:18px 20px;border-bottom:solid 1px #eee;}
.coupon_list ul li div {display:block;position:relative;}
.coupon_list ul li div:after {display:block;visibility:hidden;clear:both;content:""}
.coupon_list ul li div strong {display:block;float:left;font-size:16px;font-weight:400;line-height:160%;}
.coupon_list ul li div .amount {display:block;float:right;color:#1398d9;font-size:16px;font-weight:500;line-height:160%;}
.coupon_list ul li div label {display:block;float:left;padding:0 8px;color:#327382;font-size:12px;line-height:24px;background:#caeef6;border-radius:3px;}
.coupon_list ul li div label i {font-size:10px;}
.coupon_list ul li div .date {display:block;float:right;color:#999;}
.coupon_list ul li div .date i {font-size:12px;}


.settle_list {display:block;position:relative;width:100%;min-height:calc(100vh - 60px);}
.settle_list .empty {display:block;position:absolute;left:0;top:50%;width:100%;color:#999;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.settle_list .empty img {margin:0 0 10px 0;}
.settle_list .empty strong {display:block;margin:0 0 10px 0;color:#222;font-weight:500;}

.settle_list ul {}
.settle_list ul li {display:block;position:relative;width:100%;padding:18px 20px;border-bottom:solid 1px #eee;}
.settle_list ul li div {display:block;position:relative;}
.settle_list ul li div:after {display:block;visibility:hidden;clear:both;content:""}
.settle_list ul li div strong {display:block;float:left;color:#666;font-size:16px;font-weight:400;line-height:160%;}
.settle_list ul li div .amount {display:block;float:right;font-size:15px;font-weight:500;line-height:160%;}
.settle_list ul li div .amount2 {display:block;float:left;color:#999;}
.settle_list ul li div .stat {display:block;float:right;}

.btn_settle_filter {display:block;position:fixed;left:50%;bottom:20px;width:80px;margin:0 0 0 -70px;text-align:center;line-height:40px;background:#fff;border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:99;cursor:pointer;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.btn_settle_filter i {font-size:14px;}


.overlay_settlefilter {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:999}

.settlefilter.on {bottom:0;}



.chat_header {position:absolute;left:0;right:0;top:0;width:100%;font-size:16px;text-align:center;line-height:50px;background:#fff;z-index:9;}
.chat_header:after {display:block;visibility:hidden;clear:both;content:""}
.chat_header img {width:32px;height:auto;border-radius:50%;}
.chat_header a.btn_user,
.chat_header a.btn_pay,
.chat_header a.btn_back {display:block;position:absolute;top:0;width:50px;text-align:center;line-height:50px;cursor:pointer;}
.chat_header a.btn_back {left:0;}
.chat_header a.btn_user {right:0;}
.chat_header a.btn_user i,
.chat_header a.btn_back i {color:#444;font-size:18px;}

.chat_header a.btn_pay {right:30px;}
.chat_header a.btn_pay i,
.chat_header a.btn_pay i {color:#444;font-size:18px;}

.chat_input {display:block;position:fixed;left:0;right:0;bottom:0;width:100%;padding:10px 20px;background:#fff;border-top:solid 1px #eee;}
.chat_input textarea {display:block;width:calc(100% - 120px);height:40px;margin:0 40px 0 80px;border:solid 1px #ddd;border-radius:8px; resize: none; overflow-y: hidden;font-size: 16px;line-height: 1.5; padding: 6px 12px;}
.chat_input button.btn_plus {display:block;position:absolute;left:10px;top:10px;width:40px;height:40px;text-align:center;background:none;border:none;border-radius:50%;}
.chat_input button.btn_plus i {color:#444;font-size:16px;line-height:40px;}
.chat_input button.btn_lock {display:block;position:absolute;left:50px;top:10px;width:40px;height:40px;text-align:center;background:#17393c;border:none;border-radius:50%;}
.chat_input button.btn_lock i {color:#fff;font-size:16px;line-height:40px;}
.chat_input button.btn_send {display:block;position:absolute;right:20px;top:10px;width:40px;height:40px;text-align:center;background:none;border:none;}
.chat_input button.btn_send i {color:#999;font-size:16px;line-height:40px;}

.chat_window {position:relative;top:90px;bottom:61px;width:100%;height:calc(100vh - 100px);overflow-y:auto;padding:20px 20px 61px 20px;background:#f6f6f6;}
.chat_window.scroll::-webkit-scrollbar {width:5px;}
.chat_window.scroll::-webkit-scrollbar-thumb {background-color: #17393c;}
.chat_window.scroll::-webkit-scrollbar-track {background-color:#eee;}

.chat_window .chat_intro {margin:0 0 40px 0;color:#999;text-align:center;line-height:140%;}
.chat_window .chat_intro strong {display:block;margin:0 0 10px 0;color:#444;font-size:15px;font-weight:600;}
.chat_window .chat_intro strong i {font-size:16px;}
.chat_window .chat_intro a {color:#17393c;}
.chat_window .chat_intro a i {font-size:10px}

.chat_warning {margin:0 0 20px 0;padding:12px 10px;color:#f00001;background:#ffe4e5;border-radius:5px;}

.chat_message {display:block;position:relative;margin:0 0 20px 0;}
.chat_message:after {display:block;visibility:hidden;clear:both;content:""}
.chat_message .con {margin:0 10px 0 0;text-align:right;}
.chat_message .con .msg {display:inline-block;position:relative;max-width:70%;margin:0 0 10px 0;padding:12px 10px;color:#fff;font-size:16px;line-height:140%;text-align:left;word-break:keep-all;background:#17393c;border-radius:5px;}
.chat_message .con .msg:after {content:'';display:block;position:absolute;top:5px;right:-10px;
border-top:10px solid #17393c;
border-left: 0px solid transparent;
border-right:10px solid transparent;
border-bottom: 0px solid transparent;
}
.chat_message .con .msg .time {display:block;position:absolute;left:-70px;bottom:0;color:#999;font-size:12px;line-height:120%;text-align:right}

.chat_message .con .msg .comment {text-align:left;font-size:12px;}

.chat_message_y {display:block;position:relative;margin:0 0 20px 0;}
.chat_message_y:after {display:block;visibility:hidden;clear:both;content:""}
/*.chat_message_y .img {float:left;width:50px;margin:0 10px 0 0;}
.chat_message_y .img img {width:100%;height:auto;border-radius:50%;}*/
.chat_message_y .con {margin:0 0 0 10px}
.chat_message_y .con strong {display:block;margin:0 0 6px 0;color:#444;font-weight:400;}
.chat_message_y .con .msg {display:inline-block;position:relative;max-width:70%;margin:0 0 10px 0;padding:12px 10px;font-size:16px;line-height:140%;word-wrap:break-word;word-break:break-all;background:#fff;border-radius:5px;}
.chat_message_y .con .msg:after {content:'';display:block;position:absolute;top:5px;left:-10px;
border-top:10px solid #fff;
border-left: 10px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
}
.chat_message_y .con .msg .time {display:block;position:absolute;right:-70px;bottom:0;color:#999;font-size:12px;line-height:120%;}

.chat_message .file_img,
.chat_message_y .file_img {margin:0 0 8px 0;}
.chat_message .file_img img,
.chat_message_y .file_img img {width:100%;max-width:220px;height:auto;border-radius:5px;}
.chat_message .file_title,
.chat_message_y .file_title {max-width:220px;margin:0 0 6px 0;font-size:14px;font-weight:600;}
.chat_message .file_content,
.chat_message_y .file_content {max-width:220px;font-size:14px;}
.chat_message a.btn_receive {display:block;max-width:220px;margin:12px 0 0 0;color:#444;font-size:14px;text-align:center;line-height:38px;background:#fff;border-radius:5px;}
.chat_message_y a.btn_receive {display:block;max-width:220px;margin:12px 0 0 0;color:#444;font-size:14px;text-align:center;line-height:36px;background:#eee;border:solid 1px #ddd;border-radius:5px;}



.chat_members {display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100vh;background:#fff;z-index:99;}
.chat_members.scroll::-webkit-scrollbar {width:5px;}
.chat_members.scroll::-webkit-scrollbar-thumb {background-color: #17393c;}
.chat_members.scroll::-webkit-scrollbar-track {background-color:#eee;}
.chat_members h2 {display:block;position:relative;padding:0 20px;font-size:18px;font-weight:500;line-height:50px;background:#fff;border-bottom:solid 1px #eee;}
.chat_members h2 a.btn_members_close {display:block;position:absolute;right:0;top:0;width:50px;text-align:center;line-height:50px;cursor:pointer;}
.chat_members h2 a.btn_members_close i {color:#444;font-size:16px;}
.chat_members .chat_members_list {width:100%;height:calc(100% - 50px);overflow-y:auto;}
.chat_members ul {}
.chat_members ul li {display:block;position:relative;padding:18px 20px 18px 70px;border-bottom:solid 1px #eee;}
.chat_members ul li .profile_img {display:block;position:absolute;left:20px;top:18px;width:40px;}
.chat_members ul li .profile_img img {width:100%;height:auto;border-radius:50%;}
.chat_members ul li strong {display:block;margin:0 0 6px 0;font-size:16px;font-weight:500;}
.chat_members ul li p {color:#999;}
.chat_members ul li .date {display:block;position:absolute;right:20px;top:18px;color:#999;font-size:13px;}


.chat_members ul li.pp {display:block;position:relative;padding:18px 20px 18px 20px;border-bottom:solid 1px #eee;}

.customer_header {display:block;position:relative;height:300px;margin:0 0 40px 0;padding:10px 20px;background:#17393c}
.customer_header.auto {height:auto;margin:0 0 20px 0;}
.customer_header .customer_title {font-size:14px;line-height:30px;font-weight:500;color:#fff;}
.customer_header .customer_title a {color:#fff;}
.customer_header .customer_title img {width:80px;height:auto;margin:0 10px 0 0;}
.customer_header .profile_img {display:block;position:absolute;right:20px;top:10px;width:30px;}
.customer_header .profile_img img {width:100%;height:auto;border-radius:50%;}
.customer_header .search_wrap {position:absolute;left:20px;right:20px;bottom:20px;width:auto;margin:0;}
.customer_header .search_wrap .input {background:#fff;}

.customer_recent {margin:0 0 60px 0;}
.customer_recent h2 {font-size:18px !important;font-weight:700 !important;}
.customer_recent h2 a {display:inline-block;color:#17393c;font-size:14px;font-weight:400;}
.customer_recent ul {margin:0 20px;}
.customer_recent ul li {display:block;border-bottom:solid 1px #ddd;}
.customer_recent ul li a {display:block;padding:18px 0;color:#666;font-size:16px;line-height:120%;}
.customer_recent ul.profe li {margin:0 0 10px 0;border-bottom:none}
.customer_recent ul.profe li:last-child {margin:0;}
.customer_recent ul.profe li a {text-align:center;border:solid 1px #ddd;border-radius:5px;}

.customer_location {margin:0 20px 60px 20px;}
.customer_location .location {margin:0 0 10px 0;color:#666;font-size:14px;}
.customer_location .location a {color:#17393c;font-weight:400;}
.customer_location .location i {font-size:10px;}
.customer_location .search_wrap {margin:0;}
.customer_location .search_wrap .input {background:#fff;border:solid 1px #ddd;}


.faq_recent {margin:0 0 60px 0;}
.faq_recent h2 {font-size:18px !important;font-weight:700 !important;}
.faq_recent h2 a {display:inline-block;color:#17393c;font-size:14px;font-weight:400;}
.faq_recent ul {margin:0 20px;}
.faq_recent ul li {display:block;}
.faq_recent ul li a {display:block;padding:18px 0;color:#666;font-size:16px;line-height:120%;}
.faq_recent a.more {display:block;margin:0 20px;color:#17393c;font-weight:400;}


.thisdoc {position:relative;margin:0 20px 60px 20px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.thisdoc a {display:block;position:relative;padding:18px 0;}
.thisdoc a .arrow {display:block;position:absolute;right:10px;top:0;width:20px;padding:18px 0;text-align:center;}
.thisdoc a .arrow i {font-size:16px;}
.thisdoc_list {display:none;position:relative;}
.thisdoc_list a {margin:0 0 10px 0;padding:0 10px;color:#999;line-height:40px;border-radius:5px;}
.thisdoc_list a.on {color:#222;background:#eee;}
.thisdoc_list .btn_thisdoc_close {display:block;position:absolute;right:10px;top:-46px;width:20px;padding:14px 0;text-align:center;background:#fff;cursor:pointer;}
.thisdoc_list .btn_thisdoc_close i {font-size:16px;}


#view_wrap {margin:0 20px;}
#view_wrap .subj {margin:0 0 60px 0;font-size:30px;line-height:120%;font-weight:400;}
#view_wrap .cont {margin:0 0 80px 0;line-height:160%;}
#view_wrap .anyq {display:block;margin:0 0 20px 0;text-align:center;}
#view_wrap .anyq p {margin:0 0 20px 0;}
#view_wrap .anyq a {display:inline-block;width:160px;color:#fff;line-height:40px;background:#17393c;border-radius:4px;}
#view_wrap a.btn_top_page {display:block;margin:0 0 80px 0;padding:18px 0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#view_wrap a.btn_top_page i {font-size:16px;vertical-align:middle;}

.board_list {margin:0 0 20px 0;}
.board_list h2 {font-size:18px !important;font-weight:700 !important;}
.board_list h2 a {display:inline-block;color:#17393c;font-size:14px;font-weight:400;}
.board_list ul {margin:0 20px;}
.board_list ul li {display:block;}
.board_list ul li a {display:block;padding:18px 0;color:#666;font-size:16px;line-height:120%;}
.board_list ul li a .notice_icon {display:inline-block;margin:0 6px 0 0;color:#17393c;font-size:16px;}

.board_btn {margin:0 0 80px 0;text-align:center;}
.board_btn a {display:inline-block;width:60px;color:#fff;line-height:40px;background:#17393c;border-radius:4px;}

#write_wrap {margin:0 20px 80px 20px;}
#write_wrap button.btn_submit {display:block;width:100%;color:#fff;line-height:50px;background:#17393c;border:none;border-radius:4px;}
#write_wrap button.btn_action {display:block;width:100%;color:#fff;line-height:50px;background:#b70000;border:none;border-radius:4px;}

.write_div {position:relative;margin:0 0 20px 0;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}
.write_div label {display:block;position:relative;margin:0 0 8px 0;font-weight:400;line-height:normal;}
.write_div .input {display:block;position:relative;width:100%;height:40px;text-indent:10px;line-height:40px;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.write_div textarea {display:block;position:relative;width:100%;height:200px;padding:10px;line-height:140%;background:#fff;border:solid 1px #ddd;border-radius:5px;}

.select {display:block;position:relative;width:100%;height:40px;border:solid 1px #ddd;border-radius:5px;overflow:hidden;}
.select select {display:block;width:100%;height:38px;line-height:38px;text-indent:10px;border:none;outline:0;}
.select select:focus {border:none !important;}
.select select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.select select option {display:block;padding:10px;border:solid 1px #ddd;}
.select:before {content:"\f078";display:block;position:absolute;right:0px;top:0px;width:38px;height:38px;color:#222;font-family:"Font Awesome 5 Free";font-size:14px;font-weight: 900;text-align:center;line-height:38px;background:none;z-index:9;cursor:pointer;}

.bo_w_file .input::file-selector-button {display:none;}
.bo_w_file .input:after {content:'\f093';display:block;position:absolute;right:1px;bottom:1px;width:80px;height:36px;color:#fff;font-family:"Font Awesome 5 Free";color:#fff;font-size:16px;font-weight: 900;text-align:center;line-height:36px;text-indent:0;background:#17393c;border-radius:5px;cursor:pointer;
-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;
}

.write_div .chk_box input[type="checkbox"] + label {display:inline-block;margin:0;padding-left:28px;font-weight:300;line-height:20px;}
.write_div .chk_box input[type="checkbox"] + label span {border-radius:0;}
.write_div .chk_box input[type="checkbox"] + label:hover span {border:solid 1px #17393c;}
.write_div .chk_box input[type="checkbox"] + label span:after {content:"\f00c";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"Font Awesome 5 Free";color:#999;font-size:10px;text-align:center;line-height:20px;font-weight: 900;background:none;z-index:1;cursor:pointer;}



@media screen and (max-width:380px) {
ul.tabs li a {font-size:14px;}
}

@media screen and (max-width:780px) {
ul.best_index li {width:32%;margin:0 2% 20px 0;}
ul.best_index li:nth-child(4n) {margin:0 2% 20px 0;}
ul.best_index li:nth-child(3n) {margin:0 0 20px 0;}

.survey_item .cont .profile_img {width:120px;}
.survey_item .cont .recommend {width:calc(100% - 140px);}
.survey_item .cont .recommend img {width:140px;height:auto;}
}




@media screen and (max-width:640px) {
ul.best_index li {width:48%;margin:0 4% 20px 0;}
ul.best_index li:nth-child(4n) {margin:0 4% 20px 0;}
ul.best_index li:nth-child(3n) {margin:0 4% 20px 0;}
ul.best_index li:nth-child(2n) {margin:0 0 20px 0;}

.parallax {
background-attachment:scroll;
background-size:100% auto;
}

.survey_item .cont .profile_img {width:150px;}
.survey_item .cont .recommend {width:calc(100% - 170px);}
.survey_item .cont .recommend img {width:130px;height:auto;}

.survey_item .a ul.hor li {width:33.33%;line-height:40px;}
}

.sod_frm_mobile {padding:10px;}

.panel li {position: relative;}

.panel li .btn_good{
	position: absolute;
    top: 8px;
    right: 8px;
    background: none;
	color:#fff;
	font-size:18px;
	text-align: right;
	z-index:100;
}
.panel li .action i {color:#ffff00}

.best_index  li .action i {color:#ffff00}

.baro {padding:0px 15px 10px 15px;}
.baro ul{overflow:hidden;}
.baro li {float:left; width:50%; text-align:center;}
.baro li img {width:95%; height:auto; border-radius: 5px;}