@charset "utf-8";
/* CSS Document */
header.s1{ background-color:#fff !important;}
.article_sjs{ width:100%; background-color:#fff; overflow:hidden; border-top:1px solid #F7F7F7;}
.article_sjs .ev_arti{ overflow:hidden;}
.article_sjs .ev_arti p{
    font: 0.125rem/0.20rem "microsoft yahei";
    color: #333;
    margin-top: 0.05rem;
    max-height: 0.40rem;
    overflow-y: hidden;
    }

.article_sjs .ev_arti span{ font: 0.1rem/0.15rem "microsoft yahei";
    color: #aaa;
    display: block;
    margin-top: 0.06rem;
    max-height: 0.3rem;
    overflow: hidden;}
	
	
.art_title .date_t{float: left;
    font: 0.1rem/0.1rem "microsoft yahei";
    color: #aaa;}
	
.art_title .eye_n{float:right;
    font: 0.1rem/0.1rem "microsoft yahei";
    color: #aaa;}
.art_title .eye_n em{display:inline-block; vertical-align:middle; width:0.15rem; height:0.1rem; margin-top:-5px; background: url(image/see_m.png) left center no-repeat; background-size: 0.12rem;}	


.article_sjs .ev_arti em{float: right;
    font: 0.08rem/0.1rem "microsoft yahei";
    color: #CCC;
    padding-left: 0.15rem;
    background: url(/css/m/new_sj/image/eye_m.png) left center no-repeat;
    background-size: 0.12rem;
    margin-top: 0.1rem;
    margin-bottom: 0.06rem;}
.article_sjs .ev_arti i{float: left;
    font: 0.08rem/0.1rem "microsoft yahei";
    color: #CCC;
    background-size: 0.12rem;
    margin-top: 0.1rem;
    margin-bottom: 0.06rem;}
	
.article_sjs .ti_arti{ overflow:hidden;margin-top: 0.12rem;}
.article_sjs .ti_arti p{font: bold 0.12rem/0.20rem "microsoft yahei";
    color: #333; width:90%; margin:0 auto;
}

.article_sjs .ev_arti b{float:right;font:0.1rem/0.1rem "microsoft yahei"; color:#aaa; padding-left:0.15rem; margin-bottom:0.1rem; margin-top:0.12rem;}	
.article_pic{ width:100%; overflow:hidden;}	
.article_pic img{ float:left; width:30%;}	
	
.article_pic .img_box{
    float: left;
    position: relative;
    margin-top: 0.05rem;
    margin-bottom: 0.02rem;
    width: 35%;
    margin-right: 0.15rem;
    padding-top: 22%;
    }	
.article_pic .img_box img{position:absolute; width:100%; height:100%; /*border-radius:0.04rem;*/ left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.article_sjs .set_box { padding-bottom:0.1rem;}
.ev_arti{ width:90%; overflow:hidden; padding:0.1rem 5%; border-bottom: 1px solid rgba(221, 221, 221, 0.2);}

.art_title{ width: 90%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 0.15rem;
    margin-bottom: 0.05rem; border-bottom:1px solid #e0e0e0;}
.art_title p{ font:0.15rem/0.225rem "microsoft yahei"; margin:0 auto;  margin-top:0.13rem; padding-bottom:0.165rem; width:100%; }


.com_info_art{ width:90%; overflow:hidden; background-color:#fff; padding:0.1rem 5%; padding-bottom:0.2rem;}
.com_info_art .pic_com{float:left; width:0.8rem; border-radius:0.03rem; overflow:hidden; height:0.32rem;}
.com_info_art .pic_com img{ width:100%; height:100%; display:block;}
.com_info_art .com_sjs{ float:right; height:0.32rem; width:1.8rem;}
.com_info_art .com_sjs p{font:0.115rem/0.15rem "microsoft yahei"; color:#333;}
.com_info_art .com_sjs span{ font:0.096rem/0.17rem "microsoft yahei"; display:block; color:#777;}
.com_info_art .com_sjs span em{ display:inline-block; vertical-align:middle; margin-left:0.05rem; width:0.6rem; margin-top:-0.015rem; height:0.2rem; background:url(/css/m/tag/image/xing_level.png) no-repeat; background-size:1.6rem;}

/*2019.03.19追加设计师工长类别*/
.sg_info_art{width: 90%;overflow:hidden;/* background-color: #F5F5F5; */padding: 0.1rem 0 0 18%;padding-bottom:0.2rem;}
.sg_info_art .pic_com{float:left;width: 0.5rem;border-radius: 0.5rem;overflow:hidden;height: 0.5rem;}
.sg_info_art .pic_com img{ width:100%; height:100%; display:block;}
.sg_info_art .com_sjs{float:right;height:0.32rem;width: 2.1rem;}
.sg_info_art .com_sjs p{*zoom:1;font: 0.115rem/0.18rem "microsoft yahei";color:#333;}
.sg_info_art .com_sjs p:after{content:"\20"; display:block; clear:both; height:0;}
.sg_info_art .com_sjs span{font: 0.096rem/0.12rem "microsoft yahei";display:block;color:#777;}
.sg_info_art .com_sjs span em{ display:inline-block; vertical-align:middle; margin-left:0.05rem; width:0.6rem; margin-top:-0.015rem; height:0.2rem; background:url(/css/m/tag/image/xing_level.png) no-repeat; background-size:1.6rem;}
.sg_info_art .com_sjs span font{margin-right: 0.2rem;}

.com_info_art .com_sjs span .xing01{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:0 0;}
.com_info_art .com_sjs span .xing02{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:0 -0.2rem;}
.com_info_art .com_sjs span .xing03{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:0 -0.4rem;}
.com_info_art .com_sjs span .xing04{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:0 -0.6rem;}
.com_info_art .com_sjs span .xing05{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:0 -0.8rem;}
.com_info_art .com_sjs span .xing06{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:-0.8rem 0;}
.com_info_art .com_sjs span .xing07{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:-0.8rem -0.2rem;}
.com_info_art .com_sjs span .xing08{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:-0.8rem -0.4rem;}
.com_info_art .com_sjs span .xing09{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:-0.8rem -0.6rem;}
.com_info_art .com_sjs span .xing10,.com_info_art .com_sjs span .xing010{ background:url(/css/m/member/image/xing_level.png) no-repeat; background-size:1.6rem; width:0.6rem; height:0.2rem; background-position:-0.8rem -0.8rem;}

.one_lin{ overflow:hidden; display:none; border-top:0.08rem solid #f8f8f8;  margin-bottom:0.2rem;/* border-bottom:0.1rem solid #f8f8f8;*/ width:100%; float:left;}
.one_lin ul li{ padding:0.1rem 5%; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.one_lin ul li p{ font:0.112rem/0.2rem "microsoft yahei"; float:left; max-width:80%; color:#333;}
.one_lin ul li .f_c{ color:#f18038;}
.one_lin ul li .phone_m{ float:right; width:0.2rem; height:0.2rem; background:url(/css/m/tag/image/xing_level.png) no-repeat; background-size:1.6rem; background-position:0 -1rem;}






.sjs_info{ width:90%; overflow:hidden; background-color:#fff; padding:0.2rem 0; margin:0 auto; border-top:1px solid #e0e0e0;}
.pic_sjs{ float:left; height:0.33rem; width:0.33rem; overflow:hidden;}
.pic_sjs img{ width:100%; height:100%; display:block; border-radius:100%;}
.name_sjs{ float:left; height:0.33rem; width:60%; margin-left:0.075rem;}
.name_sjs p{ font:0.115rem/0.15rem "microsoft yahei"; color:#333;}
.name_sjs .eye_num{ width:100%; overflow:hidden; margin-top:0.045rem; height:0.1rem;}
.name_sjs .eye_num span{ float:left; font:0.1rem/0.1rem "microsoft yahei"; color:#aaa; border-left:1px solid #acabab; padding-left:0.1rem; margin-left:0.1rem;max-width: 0.7rem;height: 0.1rem; overflow: hidden;}
.name_sjs .eye_num span:nth-child(1){ border:none; margin:0; padding:0;}
.name_sjs .eye_num span em{ display:inline-block; vertical-align:middle; width:0.15rem; height:0.1rem; margin-top:-5px; background: url(/css/m/new_sj/image/eye_m.png) left center no-repeat; background-size: 0.12rem;}

.gz_btn{ float:right; height:0.33rem; display:none;}
.gz_btn span{ display:block; width:0.45rem; border:2px solid #f0843e; margin-top:0.065rem; height:0.2rem; background-color:#f0843e; color:#fff; text-align:center; font:0.1rem/0.2rem "microsoft yahei"; border-radius:0.03rem;}
.gz_btn .clc_sty{ background-color:#fff; border:2px solid #f0843e; color:#f0843e;}
.arti_detail{ width:90%; padding:0 5%; background-color:#fff; font:0.125rem/0.22rem "microsoft yahei";}
.arti_detail p{ margin-bottom:18px;}
.word_deta{ width:90%; margin:0.1rem auto; border-radius:0.04rem; background-color:#f8f8f8; padding:0.1rem 2%; }
.word_deta p{ font:0.11rem/0.2rem "microsoft yahei"; color:#777;}
.word_deta p span{ color:#f18038}
.word_part{ width:100%; overflow:hidden; background-color:#fff;}

.zan_box_p .p_good { background-image: url(/fz/touch/Images/zan.png);}
.zan_box_p{ margin-top:0.25rem; margin-bottom:0;}
.arti_o_b{ overflow:hidden;  background-color:#fff;border-top: 1px solid #e0e0e0;}
.case_o_box{ overflow:hidden; padding-bottom:0.4rem; background-color:#fff;}


.txt_links{ margin:5% auto; width:90%; font-size:15px; line-height:1.65;}
.txt_links p{ *zoom:1; clear:both; margin:2% auto;}
.txt_links p span{width:20%; float:left; color:#666;}
.txt_links p a{width:80%; float:left;}
.txt_links p:after{ content:"\20"; display:block; height:0; clear:both;}
.txt_links a{ color:#333;}
.swiper-slide img{ width:100%; display:block;}
.tip_part{ width:90%; padding:0.1rem 5%; overflow:hidden; margin:0.08rem auto; margin-bottom:0; background-color:#fff;}
.tip_part p{ font:bold 0.12rem/0.24rem "microsoft yahei"; color:#333;}
.tip_part ul{ width:100%; overflow:hidden; display:block; margin-top:0.05rem; margin-left:0.5%;}
.tip_part ul li{ float:left; width:29%; margin-right:4%; font:0.11rem/0.21rem "microsoft yahei"; color:#777; height:0.21rem; overflow:hidden;}

.mar_000{ margin-top:0.08rem;}
.tip_box{ width:100%; overflow:hidden; background-color:#fff; padding-top:0.1rem;} 
.tip_detail{ width:100%; margin:0 auto; overflow:hidden;}
.tip_detail .ev_fir_tip{ overflow:hidden; margin:0 auto;}

.tip_detail .ev_fir_tip .fir_tip{ overflow:hidden; width:90%; padding:0 3%; margin:0 auto; background-color:#f8f8f8; border-radius:5px;}
.sec_thired{ overflow:hidden; margin:0.1rem auto; display:none;}

.tip_detail .ev_fir_tip .sec_thired:nth-child(2){ display:block;}
.tip_detail .ev_fir_tip .sec_thired:nth-child(3){ display:block;}

.show_all .sec_thired{ display:block;}
.tip_detail .ev_fir_tip .fir_tip h2{ float:left; overflow:hidden; font:0.12rem/0.30rem "microsoft yahei"; color:#fff;}
.tip_detail .ev_fir_tip .fir_tip h2 a{ color:#fff;}
.tip_detail .ev_fir_tip .fir_tip em{ float:right; font:0.1rem/0.30rem "microsoft yahei"; color:#fff;}

.sec_tip{ overflow:hidden; width:90%; margin:0 auto;}
.sec_tip p{ font:bold 0.11rem/0.3rem "microsoft yahei"; color:#333; float:left; }
.sec_tip p a{ color:#333;}
.tip_detail .ev_fir_tip .sec_tip em{ float:right; font:0.09rem/0.3rem "microsoft yahei"; color:#aaa;}
.third_box{ overflow:hidden;}
.third_tip{ overflow:hidden; width:94%; margin:0.02rem auto; display:none; position:relative; height:0.4rem;}
.show_t_all .third_tip{ display:block;}
.third_box .third_tip:nth-child(1){ display:block;}
.third_box .third_tip:nth-child(2){ display:block;}
.third_box .third_tip:nth-child(3){ display:block;}
.third_tip span{ float:left; border:1px solid #EEE; padding:0 0.05rem; line-height:0.18rem; height:0.18rem;}
.third_tip a{ float:left; font:0.1rem/0.2rem "microsoft yahei"; color:#777; margin:auto 0.05rem;}
.third_tip .fir_word{ float:left; color:#f6a75c;}
.third_tip i{ position:absolute; bottom:0; right:5px; font:0.1rem/0.2rem small;  color:#333;}
.height_auto{ height:auto !important;}
.height_auto i{ position:inherit; float:left; margin-left:0.1rem;}
.tip_detail .ev_fir_tip:nth-child(8n+0) .fir_tip{ background-color:#69c8f8}
.tip_detail .ev_fir_tip:nth-child(8n+1) .fir_tip{ background-color:#fb6269}
.tip_detail .ev_fir_tip:nth-child(8n+2) .fir_tip{ background-color:#fcad1d}
.tip_detail .ev_fir_tip:nth-child(8n+3) .fir_tip{ background-color:#c178ff}
.tip_detail .ev_fir_tip:nth-child(8n+4) .fir_tip{ background-color:#ff924f}
.tip_detail .ev_fir_tip:nth-child(8n+5) .fir_tip{ background-color:#ff904d}
.tip_detail .ev_fir_tip:nth-child(8n+6) .fir_tip{ background-color:#fec529}
.tip_detail .ev_fir_tip:nth-child(8n+7) .fir_tip{ background-color:#fa6c7a}


.third_box .third_tip:nth-child(4n+1) span{ color:#94c386}
.third_box .third_tip:nth-child(4n+2) span{ color:#fdba76}
.third_box .third_tip:nth-child(4n+3) span{ color:#9d97d5}
.third_box .third_tip:nth-child(4n) span{ color:#f60}


.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:5px !important;}

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



.img_txt{ margin-top:1px; margin-bottom:1px; background-color:#FFF; padding:3% 0;}
.img_txt fieldset{ border:1px solid #EEE; width:86%; margin:auto;}
.img_txt legend{ padding:0 2%; margin:auto;}
.img_txt legend h1{ font-size:0.14rem; padding:5% 0; }
.img_txt .img_txt_main{ padding-bottom:3%;}
.img_txt .img_txt_main .itm_img{ display:block;}
.img_txt .img_txt_main .itm_img img{ max-width:90%; padding:2% 5%;}
.img_txt .img_txt_main .itm_txt{ text-indent:0.22rem; line-height:0.165rem; color:#666; padding:1% 5%;}