@charset "utf-8";

body{background-color:#f6f6f6;}
.skc_bg{background-color:#fff;}

/*=S common css */
.grayClr{color:#666;}
.skc_tit{font-size:16px;line-height:20px;font-weight:700;position:relative;}
/*==S share */
.skc_detail_share .txt{display:inline-block;vertical-align:middle;color:#666;}
.skc_detail_share a{display:inline-block;vertical-align:middle;font-size:24px;margin:0 0 0 8px;color:#666;}
.skc_detail_share .ic_facebook_nor:hover{color:#1b77f2;}
.skc_detail_share .ic_twitetor:hover{color:#000;}
.skc_detail_share .ic_linkedin_nor:hover{color:#0274b3;}
@media screen and (max-device-width: 1024px) {
	.skc_detail_share a{font-size:20px;margin-left:4px;}
}
/*==E share */
.cm_img_bg{position:relative;}
.cm_img_bg:after{content:'';position:absolute;top:0;right:0;bottom:0;;left:0;z-index:1;background:rgba(0,0,0,.06);}
.hidden{display:none !important;}
/*=E common css */

/*=S banner */
.skc_banner .banner{width:100%;display:block;}
/*=E banner */

/*=S path */
.skc_path{max-width:1200px;box-sizing:content-box;}
/*=E path */

/*=S question list */
.skc_list_wrap{max-width:1200px;margin:16px auto 0;box-sizing:content-box;}
.skc_list_cont{background-color:#fff;border-radius:8px;padding:30px 60px;}
.skc_tabTip{padding:25px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.skc_tabTip .ic_icon_tip_24_nocolor{margin-right:8px;font-size:32px;line-height:1;background:-webkit-gradient(linear, right top, left top, from(#FC573F), to(#E50113));color:#E50113;-webkit-text-fill-color:transparent;-webkit-background-clip:text;}
.skc_tabTip .txt{color:#666;font-size:16px;}
.skc_ques_list > li{padding:20px 0;border-bottom:1px solid #eee;}
.skc_ques_list > li > a{font-weight:500;font-size:18px;line-height:24px;max-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.skc_ques_list > li > a:hover{text-decoration:underline;}
/*=E question list */

/*=S Ask the Sourcing Experts */
.skc_main{max-width:1200px;margin:16px auto 0;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.skc_nav{background-color:#fff;border-radius:8px;margin-right:20px;padding-bottom:20px;width:252px;min-height:300px;}
.skc_nav .tit{margin:0 16px;font-size:22px;line-height:26px;padding:20px 0 20px;position:relative;}
.skc_nav .tit:after{content:'';display:block;width:100%;height:4px;border-radius:8px;position:absolute;bottom:0;background-color:#E72528;}
.skc_nav .menu{margin-top:16px;padding:0 16px;font-size:14px;font-weight:500;}
.skc_nav .menu > li > a{display:block;line-height:16px;padding:12px 8px;position:relative;}
.skc_nav .menu > li > a:hover{background-color:#f6f6f6;border-radius:4px;}
.skc_nav .menu > li.cur a{color:#E72528;cursor:default;}
.skc_nav .menu > li.cur a:hover{background-color:#fff;}
.skc_nav .menu > li.cur a:after{content:'';height:28px;width:2px;background-color:#E72528;position:absolute;top:50%;left:-16px;margin-top:-14px;}
.skc_cont{background-color:#fff;border-radius:8px;padding:20px 40px;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.skc_nav_tit{display:none;font-size:16px;line-height:20px;font-weight:500;}
.skc_ques_select{display: none;position: relative;border: 1px solid #eee;height: 36px;line-height: 36px;padding: 0 26px 0 6px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 24px;font-size: 16px;border-radius: 8px;}
.skc_ques_select .iconfont{position: absolute;right: 4px;}
/*==S expert - common */
.skc_expert{background-color:#f6f6f6;border-radius:8px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.skc_expert .expert{width:213px;padding:0 20px;border-right:1px solid #eee;margin-right:20px;text-align:center;}
.skc_expert .expert_vm{display:none;color:#0078FF;margin-top:8px;}
.skc_expert .expert_vm .txt{cursor:pointer;}
.skc_expert .expert_vm .ic_arrow_down_14{display:inline-block;line-height:1;vertical-align:middle;transition:all .3s;}
.skc_expert .img > img{width:88px;border-radius:4px;}
.skc_expert .info{margin-top:12px;}
.skc_expert .info .name{font-size:18px;line-height:22px;font-weight:500;}
.skc_expert .info .location{color:#666;margin-top:2px;}
.skc_expert .btn{margin-top:12px;}
.skc_getAdive > i{display:inline-block;vertical-align:middle;}
.skc_getAdive > span{font-weight:500;display:inline-block;vertical-align:middle;}
.skc_expert .cont{line-height:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.skc_expert .cont a {color: #0078FF;}
.skc_expert .cont > p{margin-top:20px;color:#666}
.skc_expert .cont > p:first-child{margin-top:0;}

.skc_detail .skc_expert{max-width:480px;display:block;margin-top:24px;}
.skc_detail .skc_expert .expert{border-right:none;width:100%;margin:0;padding:0;text-align:left;}
.skc_detail .skc_expert .img{margin-right:12px;float:left;}
.skc_detail .skc_expert .info{overflow:hidden;margin-top:3px;}
.skc_detail .skc_expert .btn{overflow:hidden;}
.skc_detail .skc_expert .cont{margin-top:12px;line-height:20px;max-height:60px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.skc_detail .skc_expert .cont.show{display:block;max-height:none;}
.skc_detail .skc_expert .cont > p{margin-top:0}
.skc_detail .skc_expert .expert_vm{display:block;font-size:12px;}
.skc_detail .skc_expert .expert_vm .txt > span{display:inline-block;vertical-align:middle;}
.skc_detail .skc_expert .expert_vm .on .ic_arrow_down_14{-webkit-transform:rotateZ(-180deg);-ms-transform:rotate(-180deg);transform:rotateZ(-180deg);}

.skc_ques_cont .skc_expert{margin-top:20px;}
.skc_ques_cont .skc_tabTip~.expertContainer .skc_expert{margin-top: 0;}
/*==E expert - common */
/*=E Ask the Sourcing Experts */

/*=S detail */
.skc_detail_wrap{margin-top:20px;}
.skc_detail_cont{display:-webkit-box;display:-ms-flexbox;display:flex;}
.skc_detail_cont .skc_detail_wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.skc_detail{padding-top:20px;}
.skc_detail .skc_detail_tit{font-size:32px;font-weight:500;line-height:37px;max-height:74px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.skc_detail .skc_detail_hd{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.skc_detail .skc_detail_hd .info{line-height:16px;color:#666;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.skc_detail .skc_detail_hd .skc_detail_share{margin-left:20px;}
/*==S question content */
.skc_questionCont{margin-top:16px;font-size:16px;line-height:26px;}
.skc_questionCont p{margin: 0 0 24px 0;}
.skc_questionCont a{color:#0078FF;}
.skc_questionCont ol{margin-left:16px;}
.skc_questionCont ol > li{list-style-type:decimal;}
.skc_questionCont ul{margin-left:40px;margin-bottom:24px;}
.skc_questionCont ul > li{list-style-type:disc;}
.skc_questionCont ul > li ul{margin-bottom:0;}
.skc_questionCont ul > li ul > li{list-style-type:circle;}
.skc_questionCont img{max-width:100%;height:auto;}
.skc_questionCont .sup_tbl{max-width:720px;}
.skc_questionCont .sup_tbl td{border:1px solid #999;padding:0 10px;}

/*===S editor css */
/*====S product gallery view */
.skc_questionCont iframe{
  max-width:100%;
}
.skc_questionCont .wp-caption-text{
font-size: 14px;
color: #666;
}
.skc_questionCont h3{
  line-height: 22px;
  margin-bottom: 10px;
}
.skc_questionCont .aligncenter{
  width: auto !important;
  text-align: center;
}
.skc_questionCont img{
  max-width: 100%;
  height: auto;
}
.skc_questionCont .edit_product_tit{
  text-align: center;
}
.skc_questionCont .edit_product_list{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top:10px;
  margin-bottom: 24px;
}
.skc_questionCont .edit_product_list .item{
  margin-bottom: 15px;
}
#edit_container .column_2{
  width: 63.2%;
  margin-left: auto;
  margin-right: auto;
}
#edit_container .column_2 .item{
  width: 44%;
  max-width: 300px;
}
.skc_questionCont .column_3 .item{
  width: 27%;
}
.skc_questionCont .column_3 .item:last-child:nth-child(3n - 1) {
  margin-right: calc(27% + 19% / 2);
}
.skc_questionCont .column_4 .item{
  width: 21%;
}
.skc_questionCont .column_4 .item:last-child:nth-child(4n - 1) {
  margin-right: calc(21% + 16% / 3);
}
.skc_questionCont .column_4 .item:last-child:nth-child(4n - 2) {
  margin-right: calc(42% + 32% / 3);
}
.skc_questionCont .edit_product_list .item .img{
  width:100%;
  display: block;
}
.skc_questionCont .edit_product_list .item > div{
  display: block;
  text-align: center;
  margin: 6px 0 0;
  line-height: 18px;
}
.skc_questionCont .edit_product_list .item > div:first-child{
  margin-top: 0;
}
.skc_questionCont .edit_product_list .item{
  text-decoration: none;
}
.skc_questionCont .edit_product_list a{
  color: inherit;
}
.skc_questionCont .news_button:hover{
  color: #fff;
}
@media screen and (max-device-width: 1024px) {
  .skc_questionCont .edit_product_list .item{
    width:46%;
    margin-right:0 !important;
  }
}
/*====E product gallery view */
/*====S product list view */
.skc_questionCont .editor_artPPList a{
  color: inherit;
}
.skc_questionCont .stm_button:hover{
  color: #fff;
}
.skc_questionCont .editor_artPPList{
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #eee;
  line-height: 21px;
}
.skc_questionCont .leftImg_rightTxt .img{
  float: left;
  margin-right: 28px;
}
.skc_questionCont .leftTxt_rightImg .img{
  float: right;
  margin-left: 28px;
}
.skc_questionCont .editor_artPPList .img img{
  max-width: 300px;
  border: 1px solid #eee;
  display: block;
}
.skc_questionCont .editor_artPPList .cont{
  overflow: hidden;
}
.skc_questionCont .editor_artPPList .cont .tit{
  font-size: 20px;
  font-weight: 700;
  padding: 4px 0;
}
.skc_questionCont .editor_artPPList .cont .txt{
  margin-top: 12px;
}
@media screen and (max-device-width: 1024px) {
  .skc_questionCont .editor_artPPList{
    margin-top: 16px;
    padding-top: 16px;
  }
  .skc_questionCont .leftImg_rightTxt .img{
    margin-right: 12px;
  }
  .skc_questionCont .leftTxt_rightImg .img{
    margin-left: 12px;
  }
  .skc_questionCont .editor_artPPList .img img{
    max-width: 96px;
  }
  .skc_questionCont .editor_artPPList .cont .tit{
    font-size: 16px;
    padding: 4px 0 0;
  }
  .skc_questionCont .editor_artPPList .cont .txt{
    margin-top: 8px;
    font-size: 14px;
  }
}
/*====E product list view */
/*===E editor css */

.skc_questionCont .AE_artSubTit{font-weight:700;margin-top:24px;}
.skc_questionCont .AE_artSubTit:first-child{margin-top:0;}
/*==E question content */
/*==S join group */
.skc_group{background-color:#F6F6F6;border-radius:8px;padding:20px;}
.skc_group .tit{font-weight:500;}
.skc_group .tit strong{color:#E72528;font-weight:500;}
.skc_group .list{margin-top:8px;color:#666;line-height:20px;list-style:disc;padding-left:20px;font-size:12px;}
.skc_group .list > li{list-style:disc;}
.skc_group .btn{margin-top:12px;}
/*==E join group */
/*==S Just for you */
.skc_recommed{margin-top:20px;padding:20px;border:1px solid #eee;border-radius:8px;}
.recommedList > li{margin-top:16px;box-sizing:border-box;}
.recommedList > li .img{width:80px;float:left;margin-right:12px;}
.recommedList > li .cm_img_bg{display:block;border-radius:4px;overflow:hidden;color:#666;padding-bottom:100%;}
.recommedList > li .cm_img_bg > img{display:block;width:100%;position:absolute;transition:all .25s ease-out;top:0;bottom:0;margin:auto;}
.recommedList > li .cm_img_bg:hover > img{transform: scale(1.04);}
.recommedList > li .cont{font-size:12px;line-height:14px;overflow:hidden;}
.recommedList > li .cont .tit{height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:#666;}
.recommedList > li .cont .tit .txt:hover{text-decoration:underline;}
.recommedList > li .cont .tit a{color:#666;}
.recommedList > li .cont .fob{margin-top:4px;font-size:14px;line-height:16px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.recommedList > li .cont .moq{margin-top:2px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*==E Just for you */
.skc_detail .skc_detail_bottom{border-top:1px solid #eee;margin-top:24px;padding-top:12px;}
.skc_detail .skc_detail_bottom .source{line-height:20px;color:#666;}
.skc_detail .skc_detail_bottom .source a{color:#0078FF;}
.skc_detail .skc_detail_bottom .info{margin-top:24px;}
.skc_detail .skc_detail_bottom .info .link{color:#0078FF;float:left;margin-top:5px;}
.skc_detail .skc_detail_bottom .skc_detail_share{float:right;}

.skc_detail_sidebar{margin-top:20px;margin-left:40px;width:240px;box-sizing:border-box;}
/*=E detail */
/*=S get advice form */
.skc_getAdvice_overlay .stm_overlay_body{height:450px;overflow:auto;}

.skc_getAdvice_form .form_item{margin-top:24px;}
.skc_getAdvice_form .form_item > dt{font-size:16px;line-height:18px;}
.skc_getAdvice_form .form_item > dd{margin-top:8px;}
.form_item_bground .stm_form_textArea{height:146px;}

.stm_form_num_textArea textarea::-webkit-input-placeholder{line-height:20px;}
.stm_form_num_textArea textarea::-moz-placeholder{line-height:20px;}
.stm_form_num_textArea textarea:-ms-input-placeholder{line-height:20px;}
/*=E get advice form */
@media screen and (max-width:1620px) {
	.skc_path{margin-left:auto;margin-right:auto;padding-left:90px;padding-right:90px;}
	.skc_list_wrap, .skc_main{padding-left:90px;padding-right:90px;}
}
@media screen and (max-width:1460px) {

}
@media screen and (max-width:1280px) {
}
/* for mobile devices */
@media screen and (max-device-width: 1024px), (device-aspect-ratio: 1366/1024) {
	.skc_banner{display:none;}
	.skc_path, .skc_main_path{display:none;}
	.skc_list_wrap{max-width:none;margin-top:0;padding-left:0;padding-right:0;}
	.skc_list_cont{padding:16px 12px 0;border-radius:0;}
	.skc_gradient{background-color:#f6f6f6;background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(60%, rgba(255, 255, 255, 0.3)));background:-o-linear-gradient(top, #FFFFFF, rgba(255, 255, 255, 0.3) 60%);background:linear-gradient(180deg, #FFFFFF, rgba(255, 255, 255, 0.3) 60%);}
	.skc_list_tabBox{background-color:#fff;}
	.skc_ques_cont{margin:12px 0 0;}
	.skc_tabTip{display:none;}
}
@media screen and (max-device-width: 1024px) {
	.skc_detail_cont{display:block;}
	.skc_detail_wrap{margin-top:6px;}
	.skc_main{padding-left:0;padding-right:0;display:block;margin-top:0;}
	.skc_nav{display:none;}
  .skc_nav_show{display: block;position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;overflow-y: auto;}
  .skc_nav_show .tit{font-size: 18px;line-height: 20px;padding: 18px 0;position: relative;}
  .skc_nav_show .tit:after{height: 3px;}

  .skc_ques_select{display: block;}

	.skc_ques_list{background-color:#fff;border-radius:8px;padding-bottom:4px;}
	.skc_ques_list > li{padding:12px 0;margin:0 12px;}
	.skc_ques_list > li:last-child{border-bottom:none;}
	.skc_ques_list > li > a{font-size:14px;line-height:20px;}

	.skc_cont{padding:12px 12px 0;}
	.skc_nav_tit{display:block;}
	/*=S expert - common */
	.skc_expert{background-color:#fff;margin-top:12px;margin-bottom:12px;padding:12px;border:1px solid #eee;display:block;}
	.skc_expert .expert{border-right:none;width:100%;padding:0;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	.skc_expert .img{margin-right:10px;}
	.skc_expert .img > img{width:72px;}
	.skc_expert .info{margin:0 24px 0 0;}
	.skc_expert .info .name{font-size:14px;line-height:16px;}
	.skc_expert .info .location{font-size:12px;line-height:14px;}
	.skc_expert .btn{min-width:112px;}
	.skc_getAdive{padding:5px 16px;}
	.skc_expert .cont{margin-top:12px;line-height:20px;max-height:60px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
	.skc_expert .cont.show{display:block;max-height:none;}
	.skc_expert .cont > p{margin-top:0}
	.skc_expert .expert_vm{display:block;font-size:12px;}
	.skc_expert .expert_vm .txt > span{display:inline-block;vertical-align:middle;}
	.skc_expert .expert_vm .on .ic_arrow_down_14{-webkit-transform:rotateZ(-180deg);-ms-transform:rotate(-180deg);transform:rotateZ(-180deg);}
	/*=E expert - common */
 	.skc_detail .skc_detail_tit{font-size:20px;line-height:24px;max-height:none;font-weight:500;display:block;}

 	.skc_detail .skc_detail_hd{font-size:12px;}

 	.skc_detail .skc_detail_bottom .info{margin-top:12px;}
 	.skc_detail .skc_detail_bottom .skc_detail_share{float:none;margin-top:12px;}

	.skc_detail_sidebar{margin-left:0;width:100%;}
	.skc_recommed{border:0;border-radius:0;padding:0;}
	.recommedList{margin-left:-12px;}
	.recommedList > li{float:left;width:50%;padding-left:12px;}
	.recommedList > li .img{float:none;width:100%;}
	.recommedList > li .cont{margin-top:8px;}

	.skc_getAdvice_overlay .stm_overlay_body{margin-right:0;height:100%;}
	.skc_getAdvice_form .form_item{margin-top:16px;}
	.skc_getAdvice_form .form_item > dt{font-size:14px;}
}