body{background: #eff3f5;}
.icon_s{ background-image:url(/image/case/zan_icon.png); display:inline-block;}

.d_case{ width:100%; margin-top:20px; overflow:hidden; height:2716px;}
.case_masonry{ width:110%;}
.case_masonry li{ display:inline; width:290px; margin-bottom: 12px; position: relative; background:#fff; float: left; *margin-right: 13px; margin-right: 10px; height: 451px;}
.case_item:hover{ box-shadow: 0 0 10px #AAAAAA; background: #f2f2f2;}
.item_img{ display:block; width:100%; height: 290px; z-index:4; margin: 0px auto;}
.item_img img{ border:1px solid #fff; display: block;}
.item_intro{ width: 260px; margin: 3px auto 0; color:#70767d; font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; }
.item_type{ width: 260px; margin: 0px auto; color:#70767d; overflow: hidden; margin-top: 3px; font-family: '宋体';}
.item_num{ height:20px; width: 275px; line-height:20px; padding-left:15px; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; position: absolute; bottom: 70px; left: 0;}
.item_num{ height:20px; width: 275px; line-height:20px; padding-left:15px; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; bottom: 70px; left: 0;}
/*新设计师列表*/
.new_exp_c{ width: 987px; clear: both; height: 35px; margin-left: -16px;}
.new_line{ width: 100%; height: 15px; border-bottom: 2px solid #dbdbdb; position: relative;}
.new_exp_num{ height: 15px; border-bottom: 2px solid #368da0; position: absolute; left: 0px; top: 0px;}
.exp_num_jt{ width: 12px; height: 6px; position: absolute; left: 100%; bottom: 0px; margin-left: -6px; margin-bottom: -6px; background-position: -681px -12px; z-index: 11;}
.exp_num_b{ height: 17px; width: 116px; background: #fffdc6; border: 1px solid #ece48f; position: absolute;  left: 100%; top: 100%; margin-top: 5px; z-index: 9; margin-left: -10px; color: #ee4d4d; line-height: 17px; text-align: center;}
.new_d_pic{ float: left; width: 121px; height: 145px;}
.new_d_detail{ float: left; width: 550px; margin-left: 20px; padding-right: 80px;}
.new_design_line{ height: 20px; line-height: 20px; margin-bottom: 5px;}
.new_design_w1{ float: left; width: 88px;}
.new_design_w2{ float: left;}
.new_design_w3{ float: left; width: 175px;}
.new_span1{ color: #7b8086; padding-left: 2px; font-size: 14px; line-height: 20px;}
.new_span2{ color: #38404b; font-size: 14px;}
.new_span3{ color: #ee4d4d; font-weight: bold; font-size: 14px;}
.new_span2 .type_a{color: #38404b;}
.new_state1{ display: inline-block; padding: 0px 5px; height: 20px; line-height: 20px; background: #bdbfc2; text-align: center; color: #ffffff; border-radius: 3px;}
.new_state2{ display: inline-block; padding: 0px 5px; color: #ee4d4d; height: 20px; line-height: 20px; text-align: center;}
.new_describe{ color: #7b8086; text-indent: 2em; line-height: 21px; margin-top: 10px; padding-left: 2px; float: left;}
.new_list{ width: 110%;}
.new_list_c{ float: left; width: 164px; padding: 6px 6px 0px 6px; border: 1px solid #dbdbdb; margin-right:16px;}
.new_thumb{ height: 120px; overflow: hidden; width: 164px;}
.new_thumb_c{ width: 164px; height: 120px; display: block; overflow: hidden;}
.new_title{ color: #7b8086; font-family: '宋体'; margin: 10px 0px;}
.new_underline{ border-bottom: 1px dashed #e1e1e1;}
.new_work_state{ float: left; width: 180px; position: relative;}
.look_resume_btn{ display: inline-block; position: absolute; top: 63px; left: 0px;  width:178px; height: 33px; line-height: 33px; text-align: center; background: #ee4d4d; color: #ffffff; font-size: 16px; border-radius: 5px;}
.new_tip_c{ position: absolute; top: 0px; right: 0px;}
.new_note_tip{ display: inline-block; width: 80px; height: 20px; color: #7b8086; text-align: center; line-height: 20px; border: 1px solid #7b8086; border-radius: 3px;}
.new_collect_btn{ display: inline-block; height: 24px; position: absolute; top: 30px; left: 0px;}
.new_collect{ color: #13b38b; font-size: 14px; float: left; line-height: 23px; margin-left: 5px;}
.new_love{ float: left; width: 24px; height: 23px; background-position: -649px -4px;}
.new_look_resume{ display: inline-block; padding: 0px 5px; height: 22px; color: #ffffff; background: #206e7f; text-align: center; line-height: 22px; border-radius: 3px;}
.new_list_detail{ width:951px; padding:19px 20px 19px 17px; border:1px solid #dbdbdb; border-radius:5px; background:#fff; margin-top:13px; cursor:default; position:relative;}
.new_type_w{ width: 256px; overflow: hidden; white-space: nowrap;}
.list_d_c{float: left;}
.new_gary{ background: #bdbfc2;}
.page ul{height:35px; display: inline-block; text-align: center;}
.page a{ color: #737981; font-size: 12px;  display: inline-block;  text-align: center; line-height:35px; border-radius: 2px; margin-right: 5px;}
.page .hover{ background: #ffffff;}
.page .new_on{ background: #13b38b; color: #ffffff;}
.new_item{ width: 35px; height:35px;  display:inline-block; margin-right: 5px; line-height: 35px; border-radius: 2px; vertical-align: top; background: #fff;}
.new_item:hover{ background: #13b38b; color: #ffffff;}
.page_prev{ width: 50px; height: 35px; background: #fff;}
.page_prev:hover{ background: #13b38b; color: #ffffff;}
.page_next{ width: 50px; height: 35px; background: #fff;}
.page_next:hover{ background: #13b38b; color: #ffffff;}
/*new*/
.case_banner_cantainer{ position: relative; width: 100%; height: 348px; overflow: hidden; }
.case_banner{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin-left: -960px; }
.work_search_cantainer{ position: absolute; top: 196px; left: 50%; margin-left: -400px; width: 800px; height: 50px; background: #ffffff; border: 1px solid #e9e9e9; border-radius: 3px; }
.work_search_cantainer input{ padding:15px 20px; width: 700px; height: 20px; line-height: 20px; color: #2b2b2b; font-size: 14px; font-family: "microsoft yahei" }
.work_search_cantainer span{ position: absolute; right: 0; top: 0; display: block; width: 50px; height: 50px; cursor: pointer; }
.work_search_cantainer span em{ display: block; width: 16px; height: 16px; background: url(/image/utils/i_icon.png) -219px -10px no-repeat; margin: 17px auto; }
.case_search_cantainer{ width: 100%; height: 36px; padding: 21px 0; border-bottom: 1px solid #e9e9e9; background: #ffffff;  }
.case_search_tab{ position: relative; display: inline-block; width: 85px; height: 36px; cursor: pointer; }
.case_search_line{ display: inline-block; width: 45px; height: 36px; line-height: 36px; color: #e9e9e9; text-align: center; }
.case_search_tab span{ font-size: 16px; color: #2b2b2b; line-height:36px; }
.case_search_tab em{ display: inline-block; width: 8px; height: 4px; background:url(/image/utils/i_icon.png) -6px -209px no-repeat; margin-left: 5px; vertical-align: middle; margin-top: -3px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.case_search_checked span,.case_search_tab:hover span{ font-weight: bold; }
.case_search_tab:hover em{ transform: rotate(180deg); }
.works_w1{ width: 130px; }
.works_w2{ width: 183px; }
.works_downlist{ display: none; position: absolute; top: 36px; left: 0; height: auto; padding: 10px 20px;  background: #ffffff; border-radius: 6px; z-index: 1; box-shadow: 0px 0px 4px 0px rgba(5, 29, 43, 0.2); font-size: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.works_downlist a{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #2b2b2b; }
.works_w2 a{ display: inline-block; width: 50%; }
.works_downlist a:hover,.works_downlist a.checked{ color: #00a0af; }
.case_search_tab:hover .works_downlist{ display: block; }

.works_px_cantainer{ position: relative; float: right; width: 149px; height: 34px; font-size: 0; cursor: pointer; border: 1px solid #e9e9e9; border-radius: 3px; background:#f7f8fa; background-image: -moz-linear-gradient( 90deg, rgb(241,243,247) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(241,243,247) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(241,243,247) 0%, rgb(255,255,255) 100%);}
.works_px_cantainer span{ display: inline-block; width: 100px; height: 34px; line-height:34px; padding-left: 20px; font-size: 12px; color: #2b2b2b; }
.works_px_cantainer em{ display: inline-block; width:8px; height: 4px; background:url(/image/utils/i_icon.png) -6px -209px no-repeat; vertical-align: middle; margin-top: -7px;transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.works_px_downlist{ display: none; position:absolute; left: -1px; top: 34px; width: 100%; height: auto; padding: 8px 0; background: #ffffff; border: 1px solid #e9e9e9;box-shadow: 0px 0px 4px 0px rgba(5, 29, 43, 0.2); z-index: 1;}
.works_px_downlist a{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-indent: 20px; color: #2b2b2b; }
.works_px_downlist a:hover,.works_px_downlist a.checked{ color: #00a0af; }
.works_px_cantainer:hover em{ transform: rotate(180deg);}
.works_px_cantainer:hover .works_px_downlist{ display: block; }

.resume_icon{ float: left;margin-left: 7px;}

/*广告小提示*/
.adv_tip{ position: absolute; left: 50%; top: 10px; margin-left: -14px; display: block; width: 28px; height: 14px; line-height: 14px; font-size: 9px; text-align: center; background: #f47517; color: #fff; }

.join_vip{ float: right; height: 34px; line-height: 34px; padding: 0 20px; margin-right: 15px;}

.browse,.browse i,.ilike,.ilike i{ display:inline-block; color:#38404b; margin-right: 5px;}
.browse_icon{ background-position:-97px -7px; width:17px; height:11px;}
.like_icon{ background-position:-8px -6px; width:14px; height:11px;}
.ilike{ margin-left:25px;}
.item_d_info{ height:60px; padding-left: 15px; width: 275px; padding-top: 10px; position: absolute; bottom: 0px; left: 0px;}
.item_d_info dt{ float:left; width:40px; height:40px;}
.item_d_info dd{ float:left; padding-left:5px; height:35px;}
.item_d_info dd p{ line-height:18px; height:18px;}
.item_d_detail span{ color:#38404b; display:inline-block;}
.item_lv_icon{ vertical-align:middle; margin-left:10px;}
.score i{ width:13px; height:12px; vertical-align:middle;}
.star_all{ background-position:-9px -32px;}
.star_half{ background-position:-24px -32px;}
.star_no{ background-position:-9px -55px;}
.look_item{ display:block; width:51px; height:24px; border-radius:3px; background:#f75564; color:#fff; line-height:24px; text-align:center; position:absolute; top:10px; left:10px;}
.add_like{ display:block; width:31px; height:24px; position:absolute; top:10px; right:10px; background-position:-55px 0px;}
/*作品列表页新*/
.product_choose_line{ padding: 15px 0px 0px 20px; height: 33px; background: #f9f9f9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.choose_span{ float: left; font-size: 14px; color: #38404b; font-weight: bold;}
.work_type_choose{ float: left;}
.work_type_choose a{ margin-left: 10px; line-height: 20px; float: left;}
.item_img1{ height: 350px; overflow: hidden; width: 290px; position: relative;}
.work_inner{ height: 460px; width: 290px; float: left; margin-top: 12px; margin-right: 13px; background: #FFFFFF;position: relative; border: 1px solid #dddddd;}
.shop_d_c{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: #FFFFFF;}
.item_d_info1{ background: none; padding-left: 15px;}
.item_num_b{ border-bottom: 1px solid #eeeeee; padding: 0px 15px 10px 15px;}
.detail_p{ padding-left: 10px;}
.item_d_detail .type_item1{ margin-left: 10px; color: #666666; line-height: 24px;}
.item_type1{border:0px none; padding:0px; margin: 0px 15px; min-height: 16px; line-height:16px; max-height: 16px; overflow: hidden;}
.item_type1 a{ color: #999999;}
.item_d_info dd .detail_p1{ height: 24px; line-height: 24px; margin-top: 2px;}

/*设计师简历*/
.content1{ padding-top:15px;}
.link1{ height:18px; text-align:left; line-height:18px; padding-bottom:17px;}
.link_item{ display:inline-block; color:#737981;}
.link_back{ float:right;}
.link_prev,.link_next{ color:#38404b; margin-left:12px;}
.link_next:hover,.link_prev:hover{ color:#ee4d4d; text-decoration:underline;}

/*改版添加样式*/
.design_right1{ width:1190px; /*margin-left:12px; */float:left;}
.link_to{ text-decoration: none; margin-right: 10px; color: #737981;}
.detail_titleinfo{width: 846px;}
.detail_header{ padding-bottom: 15px;display: inline-block; width: 826px; float: left; position: relative; padding-top: 28px;}
.work_tip_c p{ color: #737981; margin: 6px 0px;}
.d_result{ padding: 15px 0px; clear: both; border-top: 1px solid #e1e1e1; width: 1130px; position: relative;}
.detail_rightinfo{float: left; border-left:1px solid #e1e1e1;width: 303px; height: 123px; padding-top:28px;}
.show_works{ width:1130px; padding:0px 27px 29px 30px; border:1px solid #dbdbdb; border-radius:5px; background:#fff; margin-top:13px; cursor:default;}
.detail_userinfo{margin: 0px 0px 0px 22px; height: 131px;}
.detail_userimg{float: left; width: 72px; height: 72px;}
.ft{float: left;}
.detail_pinfo{margin-left: 10px; color: #666666;font-size: 14px; height: 24px; clear: both;width: 171px;}
.detail_pinfo1{margin:2px 0px 0px 10px;clear: both;height: 26px; width: 164px;}
.user{color: #343434; display: block; float: left; padding-right: 10px; overflow: hidden; height: 19px;}
.detail_jz{width:28px; height: 16px; background:#28a887; color: #ffffff; margin-left: 5px; font-size: 12px; text-align: center; line-height: 16px; border-radius:2px;}
.detail_a1{float: left; width: 70px; height: 24px; line-height: 24px; text-align: center;border: #dddddd solid 1px; margin-right: 10px; color: #999999; border-radius: 3px;}
.defaultinfo:hover{border: #fb4d56 solid 1px; color:#fb4d56;}
.defaultinfo1{border: #fb4d56 solid 1px; color:#ffffff; background: #fb4d56;}
.defaultinfo1:hover{color: #fb4d56; background: #ffffff;}

/*作品列表*/
.list_div{ display: inline-block; padding: 10px;}
.list_div p{ color: #737981;}
.dwork_btn{ display: inline-block; padding: 0px 10px;}
.shop_name{ color: #38404b; font-size: 16px; font-weight: bold; float: left;}
.online_time{ color: #737981; font-size: 12px; float: right;}
.work_tip_c{ width: 570px; margin-top: 10px;}
.link_to{ text-decoration: underline; margin-right: 10px; color: #737981;}
.link_to:hover{ color: #368da0;}
.more_c{ display: inline-block; position: absolute; bottom: 27px; right: 0px;}
.d_concept{ font-size: 14px; color: #737981;}
.type_base{ display: inline-block; height: 22px; line-height: 22px;}
.type_base a{ color: #737981;}
.type_base a:hover{ color: #368da0;}
.type_ww1{ width: 246px;}
.type_ww2{ width: 280px;}
.type_ww3{ width: 308px;}
.type_name{ color: #38404b;}
.zan{ display: block; width: 92px; height: 92px; margin: 0px auto; margin-top: 10px; position: relative;background: url(/image/case/zan.png);}
.add_one{ position: absolute; color: #EE4D4D; right: 15px; top: 15px;}
.zan_num{ color: #EE4D4D; display: block ; width: 100%; text-align: center; position: absolute; left: 0px; bottom: 15px;}
.sentiment_c{ display: block; width: 75px; height: 48px; border: 1px solid #737981; border-radius: 3px;margin-left: 10px; float: left;}
.sentiment{ font-size: 14px; color: #737981; line-height: 24px; display: block; text-align: center;}
.sentiment_num{ font-size: 24px; line-height: 24px; color: #737981; display: block; text-align: center;}
.no_bg{ background: none;}
.bot_border{ border-bottom: 1px dashed #e1e1e1;}
/*简历页作品detail*/
.report_tip{ background: url(/image/case/report.png);}
.collect_tip,.more_tip,.jubao_tip{ float: left; width: 34px; height: 34px;}
.collect_tip{ background-position: 0px 0px;}
.more_tip{ background-position: -34px 0px;}
.jubao_tip{ background-position: -68px 0px;}
.info_d_l{ float: left; width: 988px; height: 70px; background: #368da0; margin-right: 1px;}
.info_b_btn{ float: left; width: 110px; height: 50px; padding-top: 20px; padding-left: 10px;}
.info_b_btn:hover{ background: #2f798a;}
.info_d_r{ float:left; width: 130px; height: 60px; background: #f86660; padding-top: 10px; padding-left: 10px;}
.report_txt{ float: left; color: #FFFFFF; font-weight: bold; font-family: '宋体'; line-height: 34px; margin-left: 5px;}
.info_d_r_l{ float: left; width: 50px; height: 50px;}
.reqi_tip{ display: block; width: 28px; height: 29px; background-position: -104px -3px; margin: 0px auto;}
.info_d_r_l p{ color: #FFFFFF; margin-top: 5px; text-align: center;}
.renqi_num{ display: block; float: left; color: #ffffff; font-size: 30px; height: 50px; line-height: 50px; font-family: arial; margin-left: 3px;}

.case_btn{ padding: 4px 10px; font-size: 14px;}
.case_vip{ font-size: 14px; width: 130px; height: 34px; line-height: 34px;}

.no_work_c{ padding:40px 0px 20px 0px; background: #fff; border-radius: 5px; margin-top: 20px; text-align: center; overflow: hidden;}
.guess_ulike{ height: 40px; background: #368da0; margin-top: 30px; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 40px; text-align: center; position: relative;}
.guess_more{ position: absolute; color: #fff; font-size: 12px; display: block; height: 40px; line-height: 40px; right: 10px; top:0px; }
.floar_left{ float: left;}
.maginR_23{ margin-right: 19px;}
.per110W{ width:110%; margin-top: 1px;}
.nowork_fs20{ text-align: center; font-size: 20px; color: #315877; font-weight: bold; margin-top: 5px;}
.nowork_fs16{ text-align: center; font-size: 16px; color: #315877; margin-top: 5px;}