
.page_auto{ width: 1180px; margin: 0 auto;}
.hide{display: none;}
.f_l{ float: left;line-height: 60px;font-size:18px;font-weight: bold;}
.f_r{ float: right;}
.a_c{ text-align: center;}
.a_l{ text-align: left; }
.clear{clear:both;}
.clearfix:after { visibility: hidden;display: block; content: " ";clear: both;height: 0; }  
.clearfix{*zoom:1;}
.alpha_80{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.p_r{position: relative;}
.fw_b{ font-weight: bold;}
.fw_n{ font-weight: normal;}
.ov_h{overflow: hidden;}
.one_line{white-space: nowrap; text-overflow: ellipsis;}
.cur_p{ cursor: pointer;}
.v_m{vertical-align: middle;}
.transition {-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.text_underline{ text-decoration:underline;}
.bd_red{ border:1px #ff3366 solid;}
.bd_e0{ border:1px #e0e0e0 solid;}
.fw_n{ font-weight: normal;}
.round{ border-radius: 50%;}
/*padding*/
.pd_10{ padding:10px;}
.pd_20{ padding:20px;}
.pd_20_10{ padding:20px 10px;}
.pd_lr_20{ padding-left: 20px; padding-right: 20px;}
.pd_lr_40{ padding-left: 40px; padding-right: 40px;}
.pd_tb_30{ padding-top: 30px; padding-bottom: 30px;}
.pd_t_3{padding-top: 3px;}
.pd_t_5{padding-top: 5px;}
.pd_t_10{padding-top: 10px;}
.pd_t_20{padding-top: 20px;}
.pd_t_25{padding-top: 25px;}
.pd_t_30{padding-top: 30px;}
.pd_t_35{padding-top: 35px;}
.pd_t_50{padding-top: 50px;}
.pd_t_60{padding-top: 60px;}
.pd_t_70{padding-top: 70px;}
.pd_t_90{padding-top: 90px;}
.pd_t_120{padding-top: 120px;}
.pd_b_20{padding-bottom: 20px;}
.pd_b_30{padding-bottom: 30px;}
.pd_b_40{ padding-bottom: 40px;}
.pd_b_50{padding-bottom: 50px;}
.pd_b_60{padding-bottom: 60px;}
.pd_b_70{padding-bottom: 70px;}
/*margin*/
.mg_t_18{margin-top:18px;}
.mg_t_40{margin-top:40px;}
.mg_b_3{margin-bottom: 3px;}
.mg_b_5{margin-bottom: 5px;}
.mg_b_10{margin-bottom:10px;}
.mg_b_15{margin-bottom:15px;}
.mg_b_30{margin-bottom: 30px;}
.mg_b_40{margin-bottom: 40px;}
.mg_b_50{margin-bottom: 50px;}
.mg_b_60{margin-bottom: 60px;}
.mg_b_80{margin-bottom: 80px;}
.mg_b_130{margin-bottom: 130px;}
.mg_r_5{ margin-right: 5px;}
.mg_r_10{ margin-right: 10px;}
.mg_r_20{ margin-right: 20px;}
.mg_r_30{ margin-right: 30px;}
.mg_r_40{margin-right: 40px;}
.mg_r_50{margin-right:50px;}
.mg_r_90{margin-right:90px;}
.mg_l_5{margin-left: 5px;}
.mg_l_10{margin-left:10px;}
.mg_l_20{margin-left:20px;}
.mg_l_183{margin-left: 183px;}
/*font-size*/
.fz_12{font-size: 12px;}
.fz_14{font-size: 14px;}
.fz_16{font-size: 16px;}
.fz_20{font-size: 20px;}
.fz_24{font-size: 24px;}
.fz_26 {font-size: 26px;}
.fz_36 {font-size: 36px;}
.fz_50 {font-size: 50px;}
/*color*/
.color_fff{ color: #fff;}
.color_333{ color: #333;}
.color_666{ color: #666;}
.color_999{ color: #999;}
.color_red{color: #f36;}
.color_fe{ color: #fefefe;}
.color_green{ color:#2f9800;}
.color_ccc6c6{color: #ccc6c6;}
.color_b58759{color: #b58759;}
.color_2c66ee{color: #2c66ee;}
.color_cccaca{color: #cccaca;}
.color_f00{ color: #f00; }
/*line-height*/
.line_24{ line-height: 24px;}
.line_26{ line-height: 26px;}
.line_28{ line-height: 28px;}
.line_50{ line-height: 50px;}
.line_60{ line-height: 60px;}
.line_80{ line-height: 80px;}
/*height*/
.h_38{ height: 38px;}
.h_50{ height: 50px;}
.h_60{ height: 60px;}
.h_100{ height: 100px;}
.h_180{ height: 180px;}
.h_360{ height: 360px;}
/*width*/
.w_40{ width: 40px;}
.w_100{ width: 100px;}
.w_200{ width: 200px;}
.w_270{ width: 270px;}
.w_280{ width: 280px;}
.w_310{ width: 310px;}
.w_350{ width: 350px;}
.w_380{ width: 380px;}
.w_400{ width: 400px;}
.w_760{ width: 760px;}
.w_100p{ width: 100%; }
/*background*/
.bg_fff{ background: #fff;}
/*border*/
.border_b_grey{border-bottom: 1px solid #f5f2f2;}
.border_t_grey{border-top: 1px solid #f5f2f2;}
.border_t_f1{ border-top: 1px solid #f1f1f1; }

.icon{display: inline-block; vertical-align: middle; background: url(../img/hf_icons.png);background:url(../img/hf_icons_small.png); background-size: 250px;}
.gbs_fav{ width:11px; height:11px;  background-position:-81px 0px;}
.gbs_coll{ width:11px; height:9px;  background-position:-93px -0px;}
.gbs_com{ width:11px; height:10px;  background-position:-105px -0px;}
.feature_chg{ width:15px; height:16px;  background-position:-117px -0px;}
.gbl_fav{ width:14px; height:13px;  background-position:-133px 0px;}
.bsns_blk_apple{ width: 80px; height: 24px; background-position: 0 -73px;}
.bsns_blk_weixin{ width: 18px; height: 16px; background-position: 0 -56px;}
.bsns_blk_sina{ width: 20px; height: 16px; background-position: -19px -56px;}
.bsns_blk_rss{ width: 14px; height: 14px; background-position: -40px -56px;}
.bsns_blk_andriod{ width: 80px; height: 24px; background-position: -81px -73px;}
.bsns_blk_andriod:hover{background-position: -81px -98px;}
.bsns_blk_apple:hover{ background-position: 0 -98px;}
.bsns_blk_weixin:hover{ width: 18px; height: 16px; background-position: -55px -56px;}
.bsns_blk_sina:hover{ width: 20px; height: 16px; background-position: -74px -56px;}
.bsns_blk_rss:hover{ width: 14px; height: 14px; background-position: -95px -56px;}
.icon_icp{width: 16px; height: 18px; background-position: -31px -123px;}
.icon_beian{ width: 16px; height: 18px; background-position: -48px -123px;}
.icon_knet{ width: 18px; height: 18px; background-position: -65px -123px;}
.icon_anquan{ width: 20px; height: 18px; background-position: -84px -123px;}
.icon_return_arrow{ width: 20px; height: 20px; background-position: 0 -154px;}
.icon_return_service{ width: 20px; height: 20px; background-position: -21px -154px;}
.icon_return_code{ width: 20px; height: 20px; background-position: -42px -154px;}
.icon_awards_info{width:30px; height:30px; background-position:0px -176px;}
.icon_share_wechat{ width: 38px; height: 38px;  background-position:0px -208px; }
.icon_share_sina{ width: 38px; height: 38px;  background-position:-78px -208px; }
.icon_share_qq{ width: 38px; height: 38px;  background-position:-39px -208px; }
/*icon feature*/
.icon_feature{ display:inline-block; vertical-align: middle; background:url(../images/common/icons_feature.png) no-repeat; vertical-align:middle; overflow:hidden; background-size:352px;}
.feature_interview{width:32px; height:32px;background-position:0px 0px;}
.feature_btp{width:32px; height:32px;background-position:-32px 0px;}
.feature_bestproject{width:32px; height:32px;background-position:-64px 0px;}
.feature_informers{width:32px; height:32px;background-position:-96px 0px;}
.feature_brands{width:32px; height:32px;background-position:-128px 0px;}
.feature_ourlife{width:32px; height:32px;background-position:-160px 0px;}
.feature_toplist{width:32px; height:32px;background-position:-192px 0px;}
.feature_shoptour{width:32px; height:32px;background-position:-224px 0px;}
.feature_survey{width:32px; height:32px;background-position:-256px 0px;}
.feature_yijian{width:32px; height:32px;background-position:-288px 0px;}
.feature_all{width:32px; height:32px;background-position:-320px 0px;}


/*sns_box*/
.sns_box { position: relative; }
.bsns_box .sns_box .icon{margin-right:10px;}
.weixin_qr_job{ display:none; position:absolute; bottom:38px;right:-45px; background:#fff; z-index:101;}
.weixin_qrs_box{ display:none; position:absolute; bottom:-44px;right:48px; background:#fff; z-index:101;}
.weixin_qrf_box{ display:none; position:absolute; bottom:-44px;right:176px; background:#fff; z-index:101;}
.weixin_qr_box{ display:none; position:absolute; bottom:25px;right:33px; background:#fff; z-index:101;}
.weixin_qrb_box{ display:none; position:absolute; bottom:38px;left:5px; background:#fff; z-index:101;}
.weixin_qrcode_box{ display:none; position:absolute; bottom:31px;left:-10px; background:#fff; z-index:101;}
.weixin_qrcode_pic{ position:relative; font-size:0.75em;padding:5px;border:1px solid #e0e0e0;}
.weixin_qrcode_pic i.e0_tran{ display:inline-block; width:9px; height:6px; background-position:-427px -7px; position:absolute; bottom:-6px; left:45px;}
.sns_box .gsns_sina:hover  { background-position:-420px -239px;}
.sns_box .gsns_qq:hover    { background-position:-217px -480px;}
.sns_box .gsns_qqzone:hover{ background-position:-266px -480px;}
.sns_box .gsns_renren:hover{ background-position:-318px -480px;}
.sns_box .gsns_douban:hover{ background-position:-366px -480px;}

/*return top*/
.return_top{ width: 40px; height: 110px; position: fixed; right: 140px; bottom: 202px; z-index: 10000;}
.return_child_box{ margin-bottom: 1px; padding-top: 5px; width: 40px; height: 35px; box-sizing: border-box; text-align: center; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMz/za5cAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.return_child_box:hover{background: #000;}
.return_code{position: relative;}
.return_code_box{visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; position: absolute; right: 40px; top: -42px; z-index: 1200; padding-right: 20px; width: 150px; box-sizing: border-box;}
.return_code_box_con{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); }
.return_code:hover .return_code_box{visibility: visible; opacity: 1; top: -72px;}
.return_code_title {overflow: hidden;}
.return_code_title span{float: left; width: 50%; height: 35px; background: #332f30; line-height: 34px; font-size: 12px; color: #ccc5c6;}
.return_code_title span:hover{background: #665f60;}
.return_code_title span.active{background: #fff; color: #665f60;}
.return_code_box li p{padding-top: 10px; font-size: 12px; line-height: 12px; color: #665f60;}

/*awards_detail*/
.awards_detail{ background: #f5f2f2;}
.awards_d_icon{ display: inline-block; background: url(../images/awards/awards_icon.png); background: url(../images/awards/awards_icon_small.png)\9; background-size: 250px; vertical-align: middle;}
.loading{ text-align:center;}
.awards_detail_title{ position: relative; height: 250px; background:#000 url(../images/awards/bg.jpg) no-repeat center; background-size: cover; min-width:1200px;}
.awards_detail_title .bg_cover{ position: absolute;  left:0; top: 0; width:100%; height:100%; z-index: 10; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlO/Gzh2ewAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.awards_detail_title .com_logo{border-radius:50%; width:140px; border:5px #ccc solid;}
.awards_detail_title .page_auto{position: relative; height: 250px; z-index: 20;}
.awards_detail_title .share_links{ position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 10; height: 40px; }
.awards_detail_title .share_links a{width: 38px; height: 38px; background: #333;}
.daoy_page .daoy_banner{ background:#000; height:80px;}
.daoy_page .daoy_banner a{ display:inline-block; width:1180px; margin:0 auto;}
.daoy_page .share_links{ position: absolute; right: 0; top: 110%; margin-top: -20px; z-index: 10; height: 40px; }
.daoy_page .share_links a{width: 38px; height: 38px; background: #333;}
.awards_page .share_links{ position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 10; height: 40px; }
.awards_page .share_links a{width: 38px; height: 38px; background: #333;}
.awards_con .share_links{ position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 10; height: 40px; }
.awards_con .share_links a{width: 38px; height: 38px; background: #333;}
.about_daoy .share_links{ position: absolute; right: 0; top:80%; margin-top: -20px; z-index: 10; height: 40px; }
.about_daoy .share_links a{width: 38px; height: 38px; background: #333;}
.share_links .awards_d_icon{float: left; margin-left: 10px; width: 38px; height: 38px;}
.awards_d_icon_message{ background-position: -40px 0;}
.awards_d_icon_share{ background-position: -80px 0;}
.awards_d_icon_zan{ background-position: -40px -40px;}
.prize_project .page_auto{ width: 1200px;}
.prize_pro_title{ padding: 0 10px; height: 76px; line-height: 76px;}

.prize_pro_types{ float: right; height: 76px; line-height: 76px;}
.prize_pro_types .prize_pro_years{ float: left; position: relative; z-index: 100; margin-right: 15px; font-size: 14px; font-weight: bold; cursor: pointer;}
.prize_pro_types .prize_pro_years .main_year{ vertical-align: middle;}
.prize_pro_all_years{position: absolute; top:56px; right: 0; z-index: 100; width: 54px; background: #fff;}
.prize_pro_years_arrow{ position: absolute; top: -15px; right: 20px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff;}
.prize_pro_all_years span{display: block; height: 32px; font-size: 12px; line-height: 32px; font-weight: normal; text-align: center;}
.prize_pro_all_years span:hover{color: #f36; background: #f5f2f2;}
.prize_pro_all_years span.active{color: #f36;}
.prize_pro_types ul{float: left;}
.prize_pro_types li{float: left; margin: 0 15px; padding: 0 2px; font-size: 14px; font-weight: bold; cursor: pointer;}
.prize_pro_types li:hover{ color: #f36;}
.prize_pro_types li:last-child{ margin-right: 0; padding-right: 0;}
.prize_pro_types li.active{ color: #f36;}


.prize_pro_con{ margin-bottom:40px; min-height:300px;}
.prize_pro_con ul{width: 100%;}
.prize_pro_con li{float:left; width: 380px; margin:0px 10px 20px;}
.prize_pro_con li:hover{box-shadow:0 0 15px rgba(45,50,55,.3);}


.awards_d_icon_arrowdown{ width: 11px; height: 6px; background-position: 0 -40px;}
.awards_d_icon_arrowup{ width: 11px; height: 6px; background-position: -13px -40px;}
.prize_pro_con_img h6{ position: absolute; left: 0; bottom: 0; z-index: 20; padding: 20px 20px; color: #fefefe;}
.prize_pro_con_pop{ position: absolute;  left:0; top: 0; width: 380px; height: 238px; z-index: 10; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOArV5bRgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.prize_pro_con_detail{ position:relative; padding: 0 20px; height: 60px; background: #fff; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.prize_pro_con_detail a{ float: left; width: 30px; height: 30px; margin-top: 15px; margin-right: 10px; border-radius: 50%;}
.prize_pro_con_detail a img{ vertical-align: top; border-radius:15px;}
.prize_pro_con_detail a.awards_icon{ cursor:default;}
.prize_pro_con_detail .more{ font-size:12px; text-align:right; color:#666; position: absolute; right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}

.prize_pro_con_more{ position:absolute; z-index:1000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; margin-top:-5px;}
.prize_pro_con_mdetail{padding: 0 20px; width:340px; height: 30px; background: #fff; line-height: 30px; padding-bottom:10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.prize_pro_con_mdetail a{ float: left; width: 30px; height: 30px;margin-right: 10px; border-radius: 50%;}
.prize_pro_con_mdetail a img{ vertical-align: top; border-radius:15px;}
.prize_pro_con_mdetail a.awards_icon{ cursor:default;}

.prize_company{ margin-bottom:60px;}
.prize_company_title{ padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #f5f2f2;}


.prize_company_types{ float: right; height: 60px; line-height: 60px;}
.prize_company_types .prize_company_years{ float: left; position: relative; z-index: 100;font-size: 14px; font-weight: bold; cursor: pointer;}
.prize_company_types .prize_company_years .main_year{ vertical-align: middle;}
.prize_company_all_years{position: absolute; top:50px; right: -6px; z-index: 100; width: 54px; background: #e0e0e0;}
.prize_company_years_arrow{ position: absolute; top: -15px; right: 18px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #e0e0e0;}
.prize_company_all_years span{display: block; height: 32px; font-size: 12px; line-height: 32px; font-weight: normal; text-align: center;}
.prize_company_all_years span:hover{color: #f36; background: #f5f2f2;}
.prize_company_all_years span.active{color: #f36;}
.prize_company_types ul{float: left;}
.prize_company_types li{float: left; margin: 0 15px; padding: 0 2px; font-size: 14px; font-weight: bold; cursor: pointer;}
.prize_company_types li:hover{ color: #f36;}
.prize_company_types li:last-child{ margin-right: 0; padding-right: 0;}
.prize_company_types li.active{ color: #f36;}

.prize_company_con{overflow: hidden; padding-top: 20px;}
.prize_company_con li{float: left; width: 50%; margin-bottom: 20px;}
.prize_company_con li a{ display: block; padding:0 20px;}
.prize_company_con li a img{ float: left; border-radius: 50%; width: 100px; height: 100px;}
.prize_company_con li a div{margin-left: 120px;}
.prize_person{ margin-bottom:60px;}
.prize_person_con ul{overflow: hidden;}
.prize_person_con li{ float: left; padding: 0 20px; margin-bottom: 20px; width: 25%; height: 300px; text-align: center; box-sizing: border-box;}
.prize_person_con li a{display: block;}
.prize_person_con li img{ width: 200px; height: 200px; border-radius: 50%;}
.award_intro_title{ padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #f5f2f2;}
.award_intro_con {padding: 15px 20px; border-bottom: 1px solid #f5f2f2;}
.award_intro_con p{ font-size: 14px; color:#666; line-height: 24px;}
.award_intro_con_open,.award_intro_con_close{ color: #f36; font-size: 14px; cursor: pointer;}
.award_intro_links{ padding: 20px; overflow: hidden;}
.award_intro_links a{float: left; margin-right: 10px;}
.awards_d_icon_internet{ width: 30px; height: 30px; background-position: -120px 0;}
.awards_d_icon_wechat{ width: 30px; height: 30px; background-position: -152px 0;}
.awards_d_icon_sina{ width: 30px; height: 30px; background-position: -184px 0;}
.award_news_title{ height: 60px; line-height: 60px; padding: 0 20px; border-bottom: 1px solid #f5f2f2;}
.award_news_con ul{overflow: hidden; padding: 10px 0; border-bottom: 1px solid #f5f2f2;}
.award_news_con ul li{ float: left; width: 50%; padding: 10px 20px; box-sizing: border-box;}
.award_news_con ul li a{ display: block;}
.award_news_detail{ margin-left: 160px; padding-top: 15px;}
.award_news_detail p{ font-size: 16px; line-height: 30px; color: #333;}


.no_datas{ text-align:center;color:#666; font-size:16px;width:100%;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.no_more_datas { width:1180px; margin:0px auto; text-align:center;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.no_more_datas a{ height:60px; line-height:60px; width:100%; display:inline-block;color:#999; font-size:16px;}
.get_more_con{font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";*margin-top:-3px;}
.get_more_box .more_link{ height:60px;background:#fff;color:#999;line-height:60px;display:inline-block; width:100%; }
.get_more_box .more_link:hover{background:#fafafa; color:#333;}
.get_more_box .loading{height:60px;background:#fff;color:#bbb;line-height:60px;display:none; width:100%;}

/*awards*/
.pd_b_10{ padding-bottom: 10px;}
.pd_lr_20{padding-left: 20px; padding-right: 20px;}
.pd_tb_60{ padding-top: 60px; padding-bottom: 60px;}
.cur_d{cursor: default;}

/*2018-01-15*/
.awards_page_title{ width: 100%; background: url(../images/awards/awards_bg.jpg) no-repeat center center; background-size: cover}
.awards_page_logo{padding:60px 0;position:relative; width:1180px; margin:0 auto;}
.awards_all_logo{padding:10px 0;position:relative; width:1180px; margin:0 auto;}
.awards_winlist_title{ padding-top:40px; width:1180px; margin:0 auto;}


.awards_page_cata{ height: 240px; border-top: 2px solid rgba(153,145,146,0.3);border-bottom: 2px solid rgba(153,145,146,0.3); text-align:center;}
.awards_page_cata .awards_page_cata_en{padding-top: 78px; color: #b58759; line-height: 28px; font-size: 36px;}
.awards_page_cata .awards_page_cata_cn{padding-top: 30px; font-weight: normal; font-size: 26px; line-height: 26px; color: #ccc6c6;}

.awards_page_title_about{padding-top: 60px; padding-bottom:50px; font-size: 14px; color: #ccc6c6;border-top: 2px solid rgba(153,145,146,0.3); }
.awards_page_title_about p{margin-bottom: 35px; line-height: 24px;}
.awards_page_title_about a{display: inline-block; margin-bottom: 55px; width: 100px; height: 36px; line-height: 36px; color: #b58759; font-size: 12px; border: 1px solid #b58759;}

.awards_winlist{ width:1180px; margin-left:-180px; padding-bottom:60px;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.awards_winlist_agency{ float:left; width:560px;}
.awards_winlist_brand{ float:right; width:560px;}
.awards_winlist_brand .tips{ color:#ccc6c6; font-size:12px; padding:40px 0px; line-height:25px;}

.winlist_inner_title{ font-size:16px; color:#b58759; height:60px; line-height:60px; background:url(../images/awards/2019/awards_list_bg.png); margin-bottom:1px; text-align:center; font-weight:bold;}
.awards_winlist_best{ padding:0px; margin:0 0 1px 0; background:url(../images/awards/2019/awards_list_bg.png);}
.awards_winlist_best li a{ text-align:center; padding:20px 0px 25px; width:100%; display:inline-block; color:#ccc6c6;}
.awards_winlist_best li .avatar img{ width:100px; height: 100px; border-radius:50px; margin-bottom:20px;}
.awards_winlist_best li .name{ font-size:14px;}
.awards_winlist_best li a:hover{ color:#ff3366;}

.awards_winlist_member{ padding:0px 10px 5px; margin:0 0 1px 0; background:url(../images/awards/2019/awards_list_bg.png);}
.awards_winlist_member li{ float:left; width:180px;}
.awards_winlist_member li a{ text-align:center; padding:20px 0px; width:100%; display:inline-block; color:#ccc6c6;}
.awards_winlist_member li .avatar img{ width:80px; height: 80px; border-radius:40px; margin-bottom:20px;}
.awards_winlist_member li .name{ font-size:12px;}
.awards_winlist_member li a:hover{ color:#ff3366;}


.awards_winlist_cat{ padding:20px 40px 10px; margin:0 0 1px 0; background:url(../images/awards/2019/awards_list_bg.png);}
.awards_winlist_cat li{ float:left; width:240px; margin-bottom:10px;}
.awards_winlist_cat li a{ width:100%; display:inline-block;}
.awards_winlist_cat li .avatar{ float:left; margin-right:20px;}
.awards_winlist_cat li .avatar img{ width:60px; height: 60px; border-radius:30px;}
.awards_winlist_cat li .info{ float:left; line-height:22px; font-size:12px;}
.awards_winlist_cat li .category{color:#b58759; margin-top:8px;}
.awards_winlist_cat li .name{color:#ccc6c6; width:160px; line-height:16px;}


.awards_2018_launch{ padding:0px 20px 10px; text-align:center;}
.awards_2018_launch p{ font-size:14px; color:#ccc6c6; line-height:22px;}
.awards_2018_launch a{display: inline-block; text-align:center; margin-bottom: 55px; width: 100px; height: 36px; line-height: 36px; color: #b58759; font-size: 12px; border: 1px solid #b58759;}



.awards_page_awards{ width:100%; background: url(../images/awards/awards_bgimg_2.jpg) no-repeat center center ;  background-size: cover;}
.awards_page_awards_con{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.awards_page_awards_title{font-size: 20px; line-height: 20px; font-weight: bold; color: #ccc6c6; text-align: center;}
.awards_page_awards_company ul{overflow: hidden;}
.awards_page_awards_company li{float: left; margin-top: 20px; width: 190px; height: 100px;}
.awards_page_awards_company li img{ width: 100%; vertical-align: top;}
/*qiqi :2018-01-17*/
.awards_page_rankings{padding: 60px 0; background: #221f20; color: #ccc6c6; overflow: hidden;}
.awards_rankings_item{float: left; width: 365px;  background: #332f30;}
.awards_page_rankings .awards_rankings_item:last-child{ margin-right:0;}
.awards_rankings_item h5{padding: 0 20px; border-bottom: 1px solid #221f20; line-height: 60px; font-size: 16px;;}
.awards_rankings_list{padding: 10px 0;}
.awards_rankings_list li{padding-left: 20px; height: 50px; line-height: 50px; box-sizing: border-box;}
.awards_rankings_list_name{float: left;}
.awards_rankings_list_name a{ color: #ccc6c6;}
.awards_rankings_list_name img{float: left; margin-top: 10px;}
.awards_rankings_list_name span{float: left; margin-left: 15px; width: 230px; font-size: 12px;}
.awards_rankings_link{display: block; height: 60px; border-top: 1px solid #221f20; line-height: 60px; text-align: center; color: #999192; font-size: 16px;}
.awards_rankings_list_tip{padding:0 20px; height: 60px; font-size: 12px; color: #999192; line-height: 60px;}
.awards_earth_rankings_item .awards_rankings_list_name span{width: 190px;} 
/*qiqi :2018-01-17*/


.about_awards{position: relative; padding-bottom: 120px; background: #221f20; border-bottom: 1px solid #332f30;}
.about_awards_bg{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 243px; background: url(../images/awards/about_awards_bg.jpg) no-repeat center center; background-size: cover;}
.about_awards .page_auto{position: relative; z-index: 10;}
.about_awards_title {position: relative; padding-top: 70px;}
.about_awards_title .share_links{ position: absolute; right: 0; top:80%; margin-top: -20px; z-index: 10; height: 40px; }
.about_awards_title .share_links a{width: 38px; height: 38px; background: #333;}
.about_awards_title .awards_d_icon{float: left; margin-left: 10px; width: 38px; height: 38px;}
.about_awards_con{padding-top: 70px; color: #fff; font-size: 14px; line-height: 24px;}
.about_awards_nav{position: absolute;  top: 180px; z-index: 20;}
.about_awards_nav_scroll{position: fixed; top: 60px;}
.about_awards_nav_line{display: block; margin-bottom: 8px; width: 20px; height: 1px; background: #ccc6c6;}
.about_awards_nav li{padding: 3px 0;}
.about_awards_nav li a{color: #ccc6c6;}
.about_awards_nav li.active a{color: #b58759;}
.about_awards_nav li a:hover{color: #b58759;}
.about_awards_info{margin-left: 210px;}
.about_awards_info_title .cn{font-size: 26px; color: #fefefe; line-height:  26px; font-weight: normal;}
.about_awards_info_title .en{font-size: 48px; color: #b58759; line-height: 40px;}
.about_awards_info_con{color: #999192;}
.about_awards_info_con a{ color: #b58759;}
.about_awards_info_btnlink a{display: inline-block; margin: 15px 15px 15px 0; padding: 0 20px; height: 36px; border: 1px solid #b58759; line-height: 36px; font-size: 12px; text-align: center; }
.about_awards_info_list li { float: left; margin-right: 90px; margin-bottom: 20px; width: 300px; height: 33px;}
.about_awards_info_list li span{display: inline-block; margin-left: 20px; height: 32px; line-height: 32px; font-size: 14px; color: #ccc6c6;}


/*qiqi:2017-12-28*/
.awards_page_kv{ position: relative;height: 398px;background: #000 url(../images/awards/awards_kv_bg.jpg) no-repeat center;  background-size: cover;  min-width: 1200px;}
.awards_page_kv .bg_75_cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlO/Gzh2ewAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.awards_page_kv .page_auto{position: relative; z-index: 15;}
.awards_page_kv_title{ padding: 70px 0 40px;}
.awards_page_kv_text{ padding-left: 250px;}
.awards_page_kv_text p{ font-size: 14px; line-height: 24px; color: #ccc6c6;}
.awards_page_kv_text a{color: #f36;}

.faq_box{padding: 20px 0 60px; background: #221f20; border-bottom: 1px solid #332f30;}
.faq_box h3{height: 60px; line-height: 60px; font-size: 26px; color: #ccc6c6; font-weight: normal;}
.faq_questions li{ border-bottom: 1px solid #332f30;}
.faq_questions li h5{font-size: 16px; line-height: 60px; color: #ccc6c6; cursor: pointer;}
.faq_questions li h5 .faq_arrow{float: right; height: 60px; line-height: 60px;padding: 0 20px;}
.faq_questions li h5 .faq_arrow .faq_arrow_bottom{width: 16px; height: 9px; background-position: -18px -48px;}
.faq_questions li h5 .faq_arrow .faq_arrow_top{width: 16px; height: 9px; background-position: 0 -48px;}
.faq_questions li p{font-size: 12px; line-height: 26px; color: #ccc6c6;padding-bottom: 15px;}
.faq_questions li a{color: #f36;}

.awards_describe{ width:1180px; margin:0px auto; padding:30px 0;}
.awards_describe h5{font-size: 26px; line-height: 60px; color: #ccc6c6; font-weight:normal;}
.awards_describe p{font-size: 12px; line-height: 26px; color: #ccc6c6;padding-bottom: 15px;}

/*2018-1-10*/

/*feature*/
.feature_cons{ background:#f5f2f2;}
.feature_cons .page_auto{width:1180px; padding:40px 0px;}
.feature_cons ul li{ float:left; width:1160px; padding:30px 10px 15px; background:#fff; margin-bottom:20px;}

.feature_cons .feature_con_iteam{ margin-left:5px;float:left;background:#fff; width:280px; height:280px;}
.feature_cons .feature_con_iteam .feature_bd{ height:130px; overflow:hidden;}
.feature_cons .feature_con_iteam .feature_title{ height:40px; font-weight:normal; font-size:16px; overflow:hidden; padding:15px 10px; line-height:20px;}
.feature_cons .feature_con_iteam .feature_counts{ height:40px; overflow:hidden; line-height:40px; color:#999;font-size:12px; padding:0px 10px;}
.feature_list{ background:#f5f2f2;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.feature_list_header{ position:relative; height:250px; background:#000 url(../images/awards/bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.all{background:#000 url(../images/feature/top_all_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.interview{background:#000 url(../images/feature/top_interview_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.yijian{background:#000 url(../images/feature/top_yijian_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.toplist{background:#000 url(../images/feature/top_toplist_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.survey{background:#000 url(../images/feature/top_survey_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.shoptour{background:#000 url(../images/feature/top_shoptour_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.ourlife{background:#000 url(../images/feature/top_ourlife_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.informers{background:#000 url(../images/feature/top_informers_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.btp{background:#000 url(../images/feature/top_btp_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.brands{background:#000 url(../images/feature/top_brands_bg.jpg) no-repeat center; background-size: cover;}
.feature_list_header.bestproject{background:#000 url(../images/feature/top_bestproject_bg.jpg) no-repeat center; background-size: cover;}

.feature_list_header .page_auto{position: relative; height: 250px; z-index: 20;}
.feature_list_header .share_links{ position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 10; height: 40px; }
.feature_list_header .share_links a{width: 38px; height: 38px; background: #333;}
.feature_change{ padding-top:20px; position:absolute; left:0px; top:0px;}
.feature_change_btn{font-size:14px;padding:6px 10px 8px; background:#333; color:#aeaeae; cursor:pointer;}
.feature_change_btn a{ color:#aeaeae;}
.feature_change_btn a:hover{ color:#ff3366;}
.feature_list_header .menu_feature{position: absolute; left:0px; top:52px; padding: 10px; width:300px; background:#333;}
.feature_list_header .menu_feature li{margin:10px 0px; width:150px; float:left; height:32px; color:#fff; line-height:32px; font-size:14px;}
.feature_list_header .menu_feature li.all{width:300px;}
.feature_list_header .menu_feature li.all a{width:240px;}
.feature_list_header .menu_feature li a{ display:block; height:32px; width:120px; padding:0px 15px; color:#fff;}
.feature_list_header .menu_feature li a:hover{color:#ff3366;}
.feature_logo{ width:400px; margin:0 auto; color:#fff; font-size:20px; font-weight:bold; text-align:center;}
.feature_logo img{ border-radius:50%;}
.feature_list_cons{ background:#f5f2f2; padding-bottom:60px;}
.feature_list_cons.yellow_bg{ background:#ffddaf;}
.feature_list_cons .page_auto{width:1180px;}


.feature_nav{ height:66px; width:1180px; color:#333;}
.feature_hoster{ float:left; line-height:32px; height:32px; margin-top:22px; font-size: 12px;}
.feature_hoster a,.feature_hoster span{ display:inline-block; height:32px;}
.feature_hoster img{ border-radius:50%; vertical-align: top; border:1px #e0e0e0 solid;}
.feature_hosters{ line-height:32px; height:32px; margin:20px auto; font-size: 12px;}
.feature_hosters a,.feature_hosters span{ color:#fff; display:inline-block; height:32px;}
.feature_hosters span:hover{ color:#ff3366;}
.feature_hosters img{ border-radius:50%; vertical-align: top; border:1px #666 solid;}
.feature_years{ float:right; overflow:hidden;}
.feature_years li{float: left; margin: 0 15px; padding:0px 2px; height:66px; line-height:76px; font-size: 14px; font-weight: bold; cursor: pointer;}
.feature_years li:hover{ color: #f36;}
.feature_years li:last-child{ margin-right: 0; padding-right: 0;}
.feature_years li.active{ color: #f36;}
.feature_lists{margin-bottom:60px;}
.feature_lists ul{ margin-bottom:10px;}
.feature_lists li.transition:hover{box-shadow:0 0 15px rgba(45,50,55,.3);-webkit-transform:translateY(-5px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}
.feature_lists .feature_iteam{ margin-top:12px;margin-bottom:12px; float:left;background:#fff; width:380px; height:368px;}
.feature_lists .feature_bd{ height:130px; overflow:hidden;}
.feature_lists .feature_title{ height:60px; font-size:18px; overflow:hidden; padding:15px 20px; line-height:25px;}
.feature_lists .feature_counts{ height:40px; overflow:hidden; line-height:40px; color:#999; background:#fafafa; font-size:12px; padding:0px 20px;}

.feature_intro_title{ padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #f5f2f2;}
.feature_intro_con {padding: 15px 20px; border-bottom: 1px solid #f5f2f2;}
.feature_intro_con p{ font-size: 14px; color:#666; line-height: 24px;}
.feature_intro_hoster{ padding:20px; line-height:32px; height:32px; font-size:14px;}
.feature_intro_hoster a,.feature_intro_hoster span{ display:inline-block; height:32px;}
.feature_category_title{ padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #f5f2f2;}



.feature_category_con{overflow: hidden; padding-top: 20px;}
.feature_category_con li{float: left; width: 50%; margin-bottom: 20px;}
.feature_category_con li a{ display: block; padding:0 20px;}
.feature_category_con li a img{ float: left; border-radius: 50%; width: 100px; height: 100px;}
.feature_category_con li a div{margin-left: 120px;}




/*popup*/
.dialog{ display:none; position:absolute;}
.popup_con{ overflow: hidden; -moz-box-sizing: border-box;box-sizing: border-box; background-color:#fff;}
.popup_con_yellow{ border:10px solid #ccc; background-color:#ffffe8;}
.popup_con_red{ border:10px solid #ccc; background-color:#ffeff1;}
.popup_head{ padding: 0 40px; line-height: 18px;}
.popup_title{ font-size: 18px; line-height: 18px; font-weight: bold;}
.reg_link{ font-size: 12px; font-family: simsun;}
.login_box{ padding: 0 40px;}
.register_panel{margin-top: 20px;}
.vm_placeholder{ position:relative;}
.vm_placeholder label{ position:absolute; left:7px; top:0; height:40px; font-family: simsun; line-height:40px; color:#999; cursor:text; font-size:14px;}
.vm_placeholder input.keypress{ border-color:#2c66ee;}
.vm_placeholder input{ width: 100%; height: 40px; line-height: 38px\9;border: 1px solid #dbdbdb; -moz-box-sizing: border-box; box-sizing: border-box;}
.input_grey{ padding: 0 5px; font-size: 14px; color: #666;}
.error_panel .input_grey{ border-color: #f36;}
.forget_link{padding-top: 10px; font-family: simsun; font-size: 12px; line-height: 12px;} 
.forget_link a{float: right; color: #999;}
.login_btn{ display: block; margin-top: 20px; margin-bottom: 30px; width: 100%; height: 40px; background: #f36; line-height: 40px; text-align: center; color: #fff;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.login_grey_btn{ display: block; margin-top: 20px; margin-bottom: 30px; width: 100%; height: 40px; background: #bbb; line-height: 40px; text-align: center; color: #fff;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.login_btn:hover{ color:#fff;}
.login_grey_btn:hover{ color:#fff;}
.popup_share{ margin-top: 31px; height: 98px; line-height: 98px; background: #f1f1f1;text-align: center;}
.popup_share a{display: inline-block; margin-right: 25px;}
.popup_share a:last-child{ margin-right: 0;}
.popup_share a i {display: inline-block; vertical-align: middle; width: 38px; height: 39px;  background-position: 0px -208px;}
.popup_share a .login_grey_qq{ background-position: -39px -208px;}
.popup_share a .login_grey_sina{ background-position: -78px -208px;}
.register_panel .password_eye{position: absolute; top: 13px; right:10px;width: 20px; height: 14px; background-position: -105px -124px; cursor: pointer;}
.register_panel .password_eye.show{background-position: -126px -124px;}

a.close_popup_btn{ *padding-top:3px; position:relative; z-index:2;}
.popup_btn_con{border:3px solid #ccc;}
.upload_banner_list li{ border-bottom:1px solid #e0e0e0; padding:10px 0 10px 5px;}
.crop_picture{ background:url(../images/common/transparent_repeat_bg.png) repeat; border:1px solid #999; width:320px; height:320px;}
.popup_profile{ height:520px; overflow-y:scroll; _width:640px;}
.choose_options{ height:360px; overflow-y:scroll;}
.choose_condition{ background:#f6f6f6;}
.choose_condition li{ float:left; height:30px; line-height:30px; margin-right:3px; text-align:center; }
.choose_condition li a{ display:inline-block; padding:0 5px; height:30px; line-height:30px; color:#666; font-weight:bold;}
.choose_condition li.selected{ background:#e7f6ff;}
.choose_condition li.selected a{color:#2c66ee;}
.choose_options ul li{ float:left; width:200px; height:30px; line-height:30px; padding-left:5px; font-size:0.75em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.choose_options ul li a{ color:#333;}
.choose_options ul li b{ display:inline-block; margin-right:5px;}
.yellow_popup_box{ border:1px solid #f7e366; background:#ffffe8; height:30px; line-height:30px; padding:0; text-align:center; position:relative; font-size:12px; color:#666; z-index:10;}
.yellow_popup_box .bottom_tran{ width:9px; height:6px; background-position:-427px 0; position:absolute; bottom:-6px; left:80px;z-index:10;}
.registe_box .input_panel{ position:relative;}
.registe_box .yellow_popup_box{ display:none; text-align:left; height:24px; line-height:24px; padding:0 5px; width:220px; position:absolute; left:0; top:-25px;}
.registe_box .yellow_popup_box .bottom_tran{ left:15px;}
.registe_box .yellow_popup_box .red_text{ display:inline-block; width:190px; margin-right:5px; color:#ff3366;}
.registe_box .yellow_popup_box{ width:308px;}
.registe_box .yellow_popup_box .red_text{ width:278px;}
.error_icon{display: inline-block; margin-right: 5px; vertical-align: middle; width: 12px; height: 12px; background-position: -41px 0;}
.del_artli_btn{display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-position: -32px 0;}
.yellow_popup_box .bottom_tran { width: 9px; height: 6px; background-position: -54px 0; position: absolute; bottom: -6px; left: 80px; z-index: 10;}

/*Dindex-- start*/
html,body{ background: #f5f2f2;}
.mg_l_2{ margin-left:2px;}
.mg_l_40{ margin-left:40px;}
.mg_l_80{ margin-left:80px;}
.mg_td_8{ margin-top: -8px !important;}
.mg_t_2{ margin-top: 2px !important;}
.mg_t_60{ margin-top: 60px !important;}
.mg_b_20{ margin-bottom: 20px !important;}
.mg_b_30{ margin-bottom: 30px !important;}

.daoy_icons{  float: left;margin-top: 2px; width: 32px; height: 33px; background-position: 0 -147px; background: url(../images/dindex/daoy_icons.png);background: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px;}
.star_icon{ background-position: 0 -179px;}
.cir_icon{ width: 33px; height: 33px; background-position: -33px -179px;}
.tri_icon{ background-position: -67px -179px;}
.squa_icon{ width: 29px; margin-right: 3px; height: 33px; background-position: -99px -179px;}
.wap_icon{ background-position: 0 -213px;}
.dig_icon{ width: 28px; margin-right: 4px; background-position: -32px -212px;}
.sall_icon{ background-position: -60px -213px;}
.car_icon{ background-position: -93px -213px;}
.cloth_icon{ background-position: -126px -213px;}
.lux_icon{ width: 26px; margin-right: 6px; background-position: -159px -212px;}
.skin_icon{ background-position: -186px -213px;}
.food_icon{ background-position: 0 -246px;}
.wine_icon{ width: 28px; margin-right: 4px; background-position: -32px -245px;}
.fina_icon{ background-position: -61px -246px;}
.hotal_icon{ background-position: -94px -246px;}
.sport_icon{margin-top: 0; background-position: -161px -179px;}
.entertain_icon{margin-top: 0; width: 34px; background-position: -194px -179px;}
.bj_icon{ background-position: -127px -245px;}
.sh_icon{ background-position: -160px -245px;}
.gd_icon{ background-position: -193px -245px;}
.zj_icon{ background-position: -128px -179px;}
.header_con :-moz-placeholder { color: #666;}/* Mozilla Firefox 4 to 18 */ 
.header_con ::-moz-placeholder { color: #666;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder{ color: #666 !important;} /* Internet Explorer 10-11 */
.header_con input::-webkit-input-placeholder{ color: #666;}/* WebKit, Blink, Edge */
/*Dindex---KV*/
.header_con{ position: relative; height: 250px; background:#000 url(../images/dindex/daoy_bg/bg_default_1920.jpg) no-repeat center; min-width:1200px;}
.header_con.default{background-image: url(../images/dindex/daoy_bg/bg_default_1920.jpg);}
.header_con.karma1{background-image: url(../images/dindex/daoy_bg/bg_karma1_1920.jpg);}
.header_con.karma2{background-image: url(../images/dindex/daoy_bg/bg_karma2_1920.jpg);}
.header_con.ogilvy1{background-image: url(../images/dindex/daoy_bg/bg_ogilvy1_1920.jpg);}
.header_con.socialab1{background-image: url(../images/dindex/daoy_bg/bg_socialab1_1920.jpg);}
.header_con.w1{background-image: url(../images/dindex/daoy_bg/bg_w1_1920.jpg);}
.header_con.wk1{background-image: url(../images/dindex/daoy_bg/bg_wk1_1920.jpg);}
.header_con.lxu1{background-image: url(../images/dindex/daoy_bg/bg_lxu1_1920.jpg);}
.header_con.mccann1{background-image: url(../images/dindex/daoy_bg/bg_mccann1_1920.jpg);}
.header_con.tianyukong1{background-image: url(../images/dindex/daoy_bg/bg_tianyukong1_1920.jpg);}
.header_con.uid1{background-image: url(../images/dindex/daoy_bg/bg_uid1_1920.jpg);}
.header_con.tencent1{background-image: url(../images/dindex/daoy_bg/bg_tencent1_1920.jpg);}
.header_con.tmall2{background-image: url(../images/dindex/daoy_bg/bg_tmall2_1920.jpg);}

.header_con .title { position: relative; padding-top: 50px; height: 40px;}
.header_con .title>a{ float: left; }
.header_con .share { float: right; position: relative;}
.header_con .share i{ position: relative; top: -8px; display: inline-block; height: 24px; line-height: 24px ; color: #fff; font-size: 11px;}
.header_con .sina,.header_con .wechat{ margin-left: 16px; display: inline-block; width: 28px; height: 24px; background: url(../images/dindex/daoy_icons.png);background: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: 0 -82px;}
.header_con .wechat:hover{  background-position: -85px -82px;  }
.header_con .sina:hover{ background-position: -57px -82px;  }

.header_con .wechat{ background-position: -28px -82px;}
.header_con .wxcode{ position: absolute; right: 16px; top: 85px; }
.header_con .wxcode .wxcode_box { position: relative; padding: 10px; background: #fff;}
.header_con .wxcode .wxcode_box em{ position: absolute; left: 50%; top: -16px; margin-left: -6px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff;}
.header_con .wxcode .wxcode_box img{ display: block;}
.header_con .intro { padding-top: 10px; color: #fff; font-size: 12px; line-height: 24px;}
.header_con .intro a{ color: #f36;}
.dindex_type{position: absolute; left: 50%; bottom: 0; margin-left: -590px; width: 1180px; height: 50px; background: #332f30; line-height: 50px; text-align: center;}
.dindex_type a{float: left; width: 50%; color: #ccc5c6; font-size: 16px;}
.dindex_type a.active{background: #fff; color: #665f60; cursor:default;}
.dindex_type a:hover{background: #665f60; color: #ccc5c6;}
.dindex_type .active:hover{background: #fff; color: #665f60;}

/*Dindex---中间内容*/
.daoy_page .content{overflow: hidden; min-width:1180px;}

.daoy_page .content .search { width: 1180px; height: 50px; overflow: hidden; background: #fdfcfc; border-top: 1px solid #f5f2f2;}
/*.daoy_page .content .search .bg { float: left; width: 100%; height: 50px; background: #fdfcfc;}*/
.daoy_page .content .search .search_in { position: relative; height: 50px;}
.daoy_page .content .search_icon { position: absolute; top: 17px; left: 20px; width: 16px; height: 16px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: -76px 0;}
.daoy_page .content input { position: absolute; top: 0; left: 46px; width: 1150px; height: 48px; background: none; border: none; outline:none; line-height: 48px; font-size: 14px; color: #333;font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.daoy_page .content .search .vm_placeholder label{ left: 51px; height: 48px; line-height: 48px; color: #666; font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial";}
.daoy_page .content .search.fixed{ position: fixed; top: 0; bottom: auto; z-index: 999;}

.daoy_page .classify { float: left; width: 160px; *width: 159px; background: #fff; border-right: 1px solid #f1f1f1; box-sizing: border-box; z-index:999;}
.daoy_page .classify .title { height: 50px; background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; line-height: 50px; border-left:3px #fff solid;}
.daoy_page .all .title{border-bottom: none; border-left:3px #fff solid;}
.daoy_page .act .title{border-bottom: none; border-left:3px #ff3366 solid; background: #f6f6f6;}
.daoy_page .classify .title i { font-size: 14px; color: #665f60; font-weight: bold;}
.daoy_page .classify .title:before { content: ""; float: left; margin: 16px 10px 0 20px; width: 19px; height: 19px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; }
.daoy_page .industry .title:before{ background-position: -19px 0;}
.daoy_page .location .title:before{ background-position: -38px 0;}
.daoy_page .all .title:before{ background-position: -57px 0;}
.daoy_page .classify ul li{ position: relative; height: 50px; background: #fff; line-height: 50px; cursor: pointer; font-size: 14px; color: #665f60; overflow: hidden;}    
.daoy_page .classify ul li:before{ content: ""; position: absolute; top: 16px; left: 23px; z-index: 500; width: 16px; height: 16px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: 0 -19px;}
.daoy_page .classify ul li span{ position: relative; z-index: 500; display: block; padding-left: 46px; box-sizing: border-box;}
.daoy_page .classify ul li .hoverbg{ position: absolute; left: -160px; top:0; z-index: 100; width: 160px; height: 50px; background: #f6f6f6;}
.daoy_page .classify ul .current{background: #f6f6f6;}
.daoy_page .classify ul .current:after{ content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 50px; background: #f36;}
.daoy_page .classify ul .current_bg{position: absolute; left: 0; top: -50px; z-index: 1000; width: 3px; height: 50px; background: #f36;}
.daoy_page .classify .type .big:before{ background-position-x: -18px;}
.daoy_page .classify .type .small:before{ background-position-x: -35px;}
.daoy_page .classify .type .media:before{ background-position-x: -52px;}
.daoy_page .classify .industry .web:before{ background-position: 0 -36px;}
.daoy_page .classify .industry .digital:before{ width:14px; background-position: -17px -36px;}
.daoy_page .classify .industry .sall:before{ background-position: -31px -36px;}
.daoy_page .classify .industry .car:before{ background-position: -48px -36px;}
.daoy_page .classify .industry .cloth:before{ background-position: -65px -36px;}
.daoy_page .classify .industry .luxury:before{ width: 14px; background-position: -82px -36px;}
.daoy_page .classify .industry .cosmetic:before{ background-position: -96px -36px;}
.daoy_page .classify .industry .food:before{ width: 15px; background-position: -113px -36px;}
.daoy_page .classify .industry .wine:before{ width: 15px; background-position: -128px -36px;}
.daoy_page .classify .industry .financial:before{ background-position: -143px -36px;}
.daoy_page .classify .industry .travel:before{ background-position: -160px -36px;}
.daoy_page .classify .industry .sport:before{ top: 17px; background-position: -177px -36px;}
.daoy_page .classify .industry .entertain:before { background-position: -102px -53px;}
.daoy_page .classify .location .bj:before { background-position: 0 -53px;}
.daoy_page .classify .location .sh:before { background-position: -17px -53px;}
.daoy_page .classify .location .gz:before { background-position: -34px -53px;}
.daoy_page .classify .location .hz:before { background-position: -51px -53px;}
.daoy_page .classify .location .sz:before { background-position: -68px -53px;}
.daoy_page .classify .location .other:before { background-position: -85px -53px;}

.daoy_page .classify.fixed { position: fixed; top: 50px; overflow: hidden;}
.daoy_page .classify.fixed .classify_in{ width: 190px;overflow-y: scroll; } 

.daoy_page .table { margin-left: 160px; width: 1020px; overflow:hidden;}
.daoy_page .table dl{ font-size: 12px; text-align: center; color: #999192; }
.daoy_page .table dt {width: 1019px; height: 60px; background: #faf8f8; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.daoy_page .table dt span{ float: left; padding-top: 20px; border-left: 1px solid #f1f1f1; line-height: 40px;}
.daoy_page .table dt span.daoy_company{ text-align: left; border:none;}
.daoy_page .table dt span.daoy_company b{float: left; margin:0 30px; width: 30px;font-weight: normal;}
.daoy_page .table dt>span,.table dt>div{ width: 70px;}
.daoy_page .table dd { height: 60px; line-height: 60px; background: #fff;}
.daoy_page .table dd>span{float: left; border-left: 1px solid transparent;}
.daoy_page .table dd .daoy_company{ float: left;}
.daoy_page .table dd>span,.table dd>div{ width: 70px;}
.daoy_page .table .daoy_company { width: 450px;}
.daoy_page .table .daoy_company .rank{ float: left; margin: 15px 20px 0; width: 50px; height: 30px; line-height: 30px; font-size: 14px; color: #f36; font-weight: bold;}
.daoy_page .table dd .rank.top{ margin-left: 30px; margin-right: 30px;  width: 30px; background: #f36; border-radius: 25px; color: #fff; /*background: none\9;*/ position: relative; overflow: hidden; z-index:1;}
.daoy_page .table dd .rank.top em{ position: relative; font-weight: bold; z-index: 1000;}
.daoy_page .table .daoy_company img{ float: left; margin-top: 15px; margin-right: 20px;}
.daoy_page .table .daoy_company .name{ float: left; max-width: 300px; text-align: left; font-weight: bold; color: #665f60; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.daoy_page .table .daoy_company a{display: block; height: 60px; margin-left: 80px;}
.daoy_page .table .daoy_company a:hover .name{color: #f36;}
.daoy_page .table dd .change em{margin-right: 5px;}
.daoy_page .table dd .change.up em{display: inline-block; position: relative; top: 1px; width: 8px; height: 11px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: 0 -70px; }
.daoy_page .table dd .change.down em{display: inline-block; position: relative; top: 1px; width: 8px; height: 11px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: -9px -70px; }
.daoy_page .table dd .change.right em{display: inline-block; position: relative; width: 11px; height: 8px; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: -18px -70px; }
.daoy_page .table dd .zan{ position: relative; height: 60px; text-align: right; cursor: pointer; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
.daoy_page .table dd .zan em{display: inline-block; margin-left: 5px; margin-right: 11px; width: 12px; height: 11px; vertical-align: middle; background: url(../images/dindex/daoy_icons.png); background-image: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: -30px -70px; cursor: pointer;}
.daoy_page .table dd .zan.zan_red em{ background-position: -43px -70px; -webkit-animation: zan_heart 0.5s; animation: zan_heart 0.5s;}
@-webkit-keyframes zan_heart{from{-o-transform:scale(1.5);  -webkit-transform: scale(1.5);  -moz-transform: scale(1.5);  -ms-transform: scale(1.5); transform: scale(1.5);}to{-o-transform:scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}}
@keyframes zan_heart{from{-o-transform:scale(1.5);  -webkit-transform: scale(1.5);  -moz-transform: scale(1.5);  -ms-transform: scale(1.5); transform: scale(1.5);}to{-o-transform:scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}}

.daoy_page .table dd .dm_count{ font-weight: bold; color: #665f60;}

.daoy_page .table dl dt.fixed{ position:fixed; top: 50px; z-index: 1000;}

.daoy_page .loading{ height: 60px; background: #fff; border-top: 1px solid #f1f1f1; text-align: center;line-height: 60px;}
.daoy_page .loading img{ display: inline-block; vertical-align: middle;}
.daoy_page .nofind { height: 60px; line-height: 60px; background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; color: #333; font-size: 14px; text-align: center;}
.daoy_page .nofind a{ color: #f36;}

.daoy_page .detail{ height: 276px; background: #fff; }
.daoy_page .detail .left,.detail .right{ float: left; width: 50%; height: 276px; box-sizing: border-box;}
.daoy_page .detail .left:before{ content: ""; float: left; margin: 60px 30px; width: 39px; height: 40px; background: url(../images/dindex/daoy_icons.png);background: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: 0 -107px; }
.daoy_page .detail .right:before { content: ""; float: left; margin: 60px 30px; width: 38px; height: 36px; background: url(../images/dindex/daoy_icons.png);background: url(../images/dindex/daoy_icons_small.png)\9; background-size: 250px; background-position: -40px -107px;}
.daoy_page .detail .right{ border-left: 1px solid #f1f1f1;}
.daoy_page .detail .question{ float: left; margin-top: 60px;}
.daoy_page .detail .question h6{ font-size: 18px; color: #666; line-height: 18px; font-weight: normal;}
.daoy_page .detail .question p{ margin-top: 15px; width: 360px; font-size: 12px; line-height: 22px; color: #666;}
.daoy_page .detail .question .apply{ display: block; margin-top: 15px; width: 160px; height: 40px; background: #f36; line-height: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; }
.daoy_page .detail .question .apply:hover{ background: #c03; }

/*关于数英指数*/
.about_daoy .header_con{height: 140px;}
.about_daoy .content{ padding-bottom: 60px; font-size: 12px; color: #666; line-height: 20px;}
.about_daoy .about_detail{padding-left: 162px;}
.about_daoy .about_detail h6{margin:40px 0 30px;}
.about_daoy .about_detail h4{font-size: 30px; font-weight:normal;}
.about_daoy .about_detail>p{ width: 975px; line-height:25px;}
.about_daoy .about_detail_items {margin-top: -10px; padding-left: 162px;}
.about_daoy .about_detail_items .daoy_icons{ float: left; margin-top: 2px; width: 32px; height: 32px; background-position: 0 -147px; }
.about_daoy .about_detail_items ul{overflow: hidden;}
.about_daoy .about_detail_items li{float: left; margin-top: 34px; width: 500px;}
.about_daoy .about_detail_items li>div{ margin-left: 50px;}
.about_daoy .about_detail_items li .title{font-size: 16px;}
.about_daoy .about_detail_items .incl_icon{ background-position: -33px -147px;}
.about_daoy .about_detail_items .qual_icon{ background-position: -66px -147px;}
.about_daoy .about_detail_items .nums_icon{ background-position: -99px -147px;}
.about_daoy .about_detail_items .att_icon{ background-position: -132px -147px;}
.about_daoy .about_detail_items .zan_icon{ background-position: -165px -147px;}
.about_daoy .about_detail_items .awards_icon{ background-position: -198px -147px;}
.about_daoy .about_detail_steps{ padding-top: 20px; margin:5px 0 35px;}
.about_daoy .about_detail_steps .steps_num{ float: left; width: 162px;}
.about_daoy .about_detail_steps .steps_detail{ margin-left: 162px;}
.about_daoy .about_detail_steps .steps_detail>.title{ padding-bottom: 20px; font-size: 26px; line-height: 26px;}
.about_daoy .about_detail_steps .steps_btn{padding-top: 20px;}
.about_daoy .about_detail_steps .steps_btn a{ float: left; margin-right: 20px; width: 140px; height: 34px; border: 1px solid #ccc; color: #999; text-align: center; line-height: 34px;}
.about_daoy .about_detail_steps .steps_btn a:hover{color: #f36;}
.about_daoy .about_cat{padding-left: 0;}
.about_daoy .about_cat li{ float: none; }
.about_daoy .about_cat li>span{ margin-top: 4px;}
.about_daoy .about_detail_items .star_icon{ background-position: 0 -180px;}
.about_daoy .about_detail_items .cir_icon{ width: 33px; height: 33px; background-position: -33px -180px;}
.about_daoy .about_detail_items .tri_icon{ background-position: -67px -180px;}
.about_daoy .about_detail_items .squa_icon{ width: 29px; height: 33px; background-position: -99px -180px;}

.about_daoy .classify_detail li{ width: 100%;}
.about_daoy .about_detail_steps .about_detail_items{padding-left: 0;}
.about_daoy .best_com{ padding:8px 0 20px 162px; width: 470px; height: 32px; line-height: 32px; font-size: 26px;}
.about_daoy .best_com .daoy_icons{ float: left; margin-right: 20px; width: 32px;height: 32px; background-position: 0 -180px;}
.about_daoy .best_com .grade{float: right; margin-right: 125px; margin-top: 3px; font-size: 16px;}
.about_daoy .prize_set .about_detail_items li{ margin-top: 20px; height: 32px; line-height: 32px;}
.about_daoy .prize_set .about_detail_items li .grade{ float: right; margin-right: 120px; margin-top: 3px;}


.about_daoy .prize_detail{ padding-top: 5px; padding-left: 162px;}
.about_daoy .prize_detail .title{ padding-bottom: 30px; height: 26px; font-size: 26px;}
.about_daoy .prize_detail li {padding-bottom: 40px; height: 24px; line-height: 24px; font-size: 16px;}
.about_daoy .prize_detail li p:first-child{float: left;}
.about_daoy .prize_detail li p:last-child{margin-left: 52px;}
.about_daoy .att_tips{ padding-left: 162px; padding-bottom: 35px; font-size: 12px; line-height: 20px;}
.about_daoy .about_detail .zan_detail{ padding-top: 20px;}

.daoy_page .table dd.bg_f8{ background:#f8f8f8;}
.load_more{ margin:0; border-bottom:1px #f1f1f1 solid;}
.load_more .grey_btn{ font-size:16px; height:60px; color:#666; line-height:60px; border-top:1px #f1f1f1 solid; background:#fff; text-align:center; display:inline-block; width:100%;}
.load_more .no_datas{ font-size:16px; height:60px; color:#666; line-height:60px; border-top:1px #f1f1f1 solid; background:#fff; text-align:center; width:100%;}
/*Dindex-- end*/

/*app page*/
.app_page{font-family:"microsoft yahei",Arial,"Hiragino Sans GB",SimSun,sans-serif;}
.app_top{ padding:80px 0px;}
.app_down{ width:1200px; margin:0 auto;}
.app_logo{ float:left; margin-right:20px;}
.app_score{ float:left; padding-top:15px; line-height:30px;}
.app_qr{ float:right; margin-right:40px;}
.app_bom{ background:#fff; padding:40px 0px;}
.app_bom_info{ width:1200px; margin:0 auto; line-height:30px;}
.intro_pic{ width:1200px;height:590px;overflow-x:scroll;overflow-y: hidden;white-space: nowrap;}
.intro_pic img{margin-right:20px;}


/*daoy 2019*/ 
.awards_con{ background:#000; padding:10px 0px;}
.awards_con .contents{ width:997px; margin:0px auto; padding-left:183px;position:relative;}
.awards_con .contents .awards_page_logo{ width:997px;}
.awards_con .timmer{ margin-top:60px; background:url(../images/awards/2019/bg_timmer.gif) no-repeat left;}
.awards_con .timmer .left_time{font-size:160px; color:#cccaca;}
.awards_con .timmer .left_time em{ font-weight:bold;}
.awards_con .project_counts{font-size:160px; font-weight:bold; color:#cccaca; text-align:right;}
.awards_con .dindex_ranking{ width:410px; float:left;}
.dindex_ranking_list{padding: 10px 0; margin-bottom:40px;}
.dindex_ranking_list li{height: 50px; line-height: 50px; box-sizing: border-box;}
.dindex_ranking_list a{ color: #ccc6c6;}
.dindex_ranking_list img{float: left; margin-top: 10px;}
.dindex_ranking_list span.company_name{float: left; margin-left: 15px; width: 280px; font-size: 14px;}
.dindex_ranking_list span.company_dindex{float: right;width:60px; text-align:right; font-size: 14px;}
.dindex_ranking_link{height: 60px; line-height: 60px; color: #cccaca; font-size: 16px; font-weight:bold; margin-top:30px;}
.dindex_ranking_link span{ border-top:1px #cccaca solid; padding:10px 0px;}
.dindex_ranking_link:hover{ color:#b58759;}
.dindex_ranking_link:hover span{ border-top:1px #b58759 solid;}
.qa_link{height: 60px; line-height: 60px; color: #cccaca; font-size: 16px; font-weight:bold; margin-top:30px;}
.qa_link span{ border-top:1px #cccaca solid; padding:10px 0px;}
.qa_link:hover{ color:#b58759;}
.qa_link:hover span{ border-top:1px #b58759 solid;}
.qabom_nav{ padding:0px; margin:0px;}
.qabom_nav li{ float:left; width:330px;}
.qabom_nav li a{ float:left; display:inline-block; font-weight:bold; width:120px; text-align:center;}
.key_dates{ color:#cccaca; width:960px;}
.key_dates li{ float:left;}
.awards_d{ margin:50px auto; max-width:1600px; min-height:600px; background:url(../images/awards/2019/daoy_d.gif) no-repeat right top; z-index:1000;}
.awards_a{ margin:-200px auto 60px;max-width:1850px; min-height:500px; background:url(../images/awards/2019/daoy_a.gif) no-repeat left center;}
.awards_o{ margin:60px auto;max-width:1600px; min-height:600px; background:url(../images/awards/2019/daoy_o.gif) no-repeat right top;}
.awards_y{ margin:60px auto 150px;max-width:1700px; min-height:600px; background:url(../images/awards/2019/daoy_y.gif) no-repeat left top;}
.awards_will_show{ padding:120px 0; margin-top:120px; border:1px #ccc solid; text-align:center; width:850px;}
/*dot*/
@keyframes warn{0%{transform:scale(.3);-webkit-transform:scale(.3);opacity:0}
25%{transform:scale(.3);-webkit-transform:scale(.3);opacity:.1}
50%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.3}
75%{transform:scale(.8);-webkit-transform:scale(.8);opacity:.5}
100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}
}
@keyframes warn1{0%{transform:scale(.3);-webkit-transform:scale(.3);opacity:0}
25%{transform:scale(.3);-webkit-transform:scale(.3);opacity:.1}
50%{transform:scale(.3);-webkit-transform:scale(.3);opacity:.3}
75%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.5}
100%{transform:scale(.8);-webkit-transform:scale(.8);opacity:0}
}
.dot_line{border-bottom:1px #cccaca solid;position:relative;top:52px;left:40px;width:780px}
.dot_con{position:relative;width:120px;height:60px;left:-90px;top:-90px}
.dot{position:absolute;width:20px;height:20px;left:130px;top:130px;-webkit-border-radius:50%;-moz-border-radius:50%;border:1px solid #fff;border-radius:50%;background-color:#fff;box-shadow:1px 1px 30px #999;z-index:2}
.pulse{position:absolute;width:60px;height:60px;left:110px;top:110px;border:1px solid #fff;background:#333;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1;opacity:0;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;box-shadow:1px 1px 50px #666}
.pulse_outer{position:absolute;width:60px;height:60px;left:110px;top:110px;border:1px solid #666;background:#666;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1;opacity:0;-webkit-animation:warn1 2s ease-out;-moz-animation:warn1 2s ease-out;animation:warn1 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;box-shadow:1px 1px 50px #fff}
.fzan_count{ line-height:38px; width:50px; color:#cccaca; font-size:12px; margin-left:10px; display:inline-block;}

.contact_wechat{ cursor:pointer;}
.contact_wx{ position:absolute; width:110px; bottom:10px; left:100px; padding-bottom:20px; z-index:100;}
.contact_wx_box{ position:relative; padding:10px 10px 5px 10px; background:#fff; border:1px solid #333;}
.contact_wx_box p{ display:inline-block; width:90px;}
.contact_wx_box p img{ vertical-align:bottom;}
.contact_wx_box i.qrcba_tanb{ width:12px; height:7px; background-position:-398px 0px; background-color:#fff; position:absolute; left:48px;bottom:-7px;}

/**********start kt css*/
/*kt common css*/
.color_fec{color:#ffe7c5;}
.color_b85{color:#b58655;}
.color_f71{color:#ff7111;}
.color_863{color:#8a643d;}
.color_211{color:#2b1f13;}
.color_edc{color:#eadacb;}
.w_980{width: 980px;}
.w_760{width: 760px;}
.w_590{width: 590px;}
.w_600{width: 600px;}
.w_320{width: 320px;}
.h_400{height: 400px;}
.mg_b_2 { margin-bottom: 2px;}
.mg_b_25{ margin-bottom: 25px;}
.mg_b_35{ margin-bottom: 35px;}
.mg_r_15{ margin-right: 15px;}
.pd_t_40{ padding-top:40px;}
.pd_t_155{ padding-top:155px;}
.pd_l_200{ padding-left: 200px;}
.pd_15{padding: 15px;}
.pd_l_30{padding-left: 30px;}
.pd_b_55{ padding-bottom:55px;}
.pd_0_55{padding: 0 55px;}
.pd_0_30{padding: 0 30px;}
.fz_30{font-size: 30px;}
.bg_fed{ background: #ffecd0;}
.bg_fdf{ background: #fdfcfa;}
.lh_0 { line-height: 0;}
.lh_22{ line-height: 22px;}
.lh_30{ line-height: 30px;}
.a_r{ text-align: right;}
.title_bar_icon{ width:53px; height: 4px;  background-position: -120PX -34px; }
.wechat_icon   { width:38px; height: 38px; background-position: -80px -40px; }
.address_icon  { width:38px; height: 38px; background-position: 0 -92px; }
.object_icon   { width:38px; height: 38px; background-position: -39px -92px; }
.book_icon     { width:38px; height: 38px; background-position: -78px -92px; }
.fhz_icon      { width:38px; height: 38px; background-position: -117px -92px; }
.price_icon    { width:38px; height: 38px; background-position: -156px -92px; }
.p_one_icon    { width:10px; height: 24px; background-position: -1px -134px; }
.p_two_icon    { width:20px; height: 25px; background-position: -14px -134px; }
.p_three_icon  { width:21px; height: 25px; background-position: -36px -134px; }
.p_four_icon   { width:22px; height: 24px; background-position: -59px -134px; }
.p_five_icon   { width:20px; height: 25px; background-position: -83px -134px; }
.p_six_icon    { width:20px; height: 25px; background-position: -106px -134px; }
.detail_icon   { width:25px; height: 23px; background-position: -143px -40px; }
.pstar_icon    { width:20px; height: 20px; background-position: -120px -40px; }
.x_icon        { width:15px; height: 15px; background-position: -19px -59px; }

/* btn */
.link_detail_btn{ display:inline-block; padding: 0 25px; height: 50px; line-height: 50px; background: #b58655; color: #fff; font-size: 16px;font-weight: bold; border-radius: 5px;}
.link_invite_btn{ display:inline-block;  padding: 0 50px; height: 50px; line-height: 50px; background: #b58655; color: #fff; font-size: 16px;font-weight: bold; border-radius: 5px;}
.link_detail_btn:hover,.link_invite_btn:hover{ color: #fff;}
.check_com_btn{ display:inline-block; padding: 0 49px; height: 50px; line-height: 50px; color: #8a643d; font-size: 16px; border: 1px solid #8a643d;-webkit-border-radius: 5px;-moz-border-radius: 5px;  border-radius: 5px; text-align: center; vertical-align: middle;}
.more_pro_btn{ display: inline-block; width: 50px; height: 50px;  color: #b58655; background: #eadacb; text-align: center; line-height: 50px; font-size: 14px; border-radius:50%; -webkit-border-radius: 50%;  -moz-border-radius: 50%;}
.show_all_btn{ display:inline-block; width: 758px; height: 50px; line-height: 50px; color: #8a643d; font-size: 16px; border: 1px solid #8a643d;-webkit-border-radius: 5px;-moz-border-radius: 5px;  border-radius: 5px; text-align: center; vertical-align: middle;}
.submit_btn{ padding:0 130px; height: 50px; line-height: 50px; background: #b58655; color: #fff; font-size: 16px;font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;  border-radius: 5px; border: 0 none; cursor: pointer;}
.open_link_btn{display:inline-block; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #8a643d;-webkit-border-radius: 3px;-moz-border-radius: 3px;  border-radius: 3px; vertical-align: middle;}

.substr_1{ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.substr_2{ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.kt_bg{width: 100%; min-width: 1180px; background:#eadacb;overflow: hidden;}
.kt_inner_bg{width: 100%; min-width: 1180px; background:#f3eae3;overflow: hidden;}
.warp_con{position: relative; z-index: 3;}
.filter_bg{ position: absolute; top:0; right:-420px; width:1298px; height: 1823px; background:transparent url(../images/kt/daka/filter_bg.png); z-index: 2; }

.kt_warp{max-width: 1460px; min-width: 1180px; margin: 0 auto; }
.daka_banner{ width: 1180px; min-height: 386px; background:#eadacb url(../images/kt/daka/daka_banner.jpg) no-repeat;}
.agency_con{ padding: 40px 0;}
.agency_list li{ float: left; width: 100px; height: 100px; margin-right: 20px; }
.agency_list li.last_li{ margin-right: 0;}
.bd_logo {opacity: 0; visibility: hidden; padding: 18px; }
.bd_logo .bd_2{ display: block; width: 60px; height: 60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border: 2px solid #b58655; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.bd_logo .bd_2 img{ width: 60px; height: 60px; -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%; }
.front_logo img{ width: 100px; height: 100px;}
.agency_list li:hover .front_logo{display: none; }
.agency_list li:hover .bd_logo{ visibility: visible; opacity: 1;}
.agency_list li:hover .bd_logo .bd_2{transform: scale(1.1)}

.intro_bg{ background: #403223;}
.intro_bgs{background: #000 url(../images/kt/daka/daka_bg.jpg) no-repeat left top; }
.process_con{ position: relative; width: 700px;}
.process_con  ul{ display: block;}
.process_con ul.b_b_2{ border-bottom: 2px solid #b58759;}
.process_con ul li{ display: block; float: left;}

a.color_f71:hover{ color:#ff7111; }
.choose_daka_con { background:#2b1f13;}
.choose_bg_list{ position: relative; z-index: 2; }

.daka_list li{ width: 570px; overflow: hidden; background: #eadacb;}
.daka_profile_con{ position: relative; padding: 25px 30px 30px; height: 115px; color: #403223}
.daka_profile_con .lh_22{max-height: 44px;}
.daka_company_logo{ position: absolute; left:20px; top:-74px; width: 88px; height: 88px; }
.daka_company_logo a,.daka_company_logo img{ display: inline-block; width: 88px; height: 88px;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
/*detail*/
.dflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.jc_center{-webkit-justify-content: center;  -moz-justify-content:center;  -ms-justify-content:center;  -o-justify-content:center; justify-content:center;}
.detail_banner{ width: 100%; height:400px; overflow: hidden; }
.detail_logo img,.detail_logo a{ display: inline-block; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; width: 140px; height: 140px;  }
.pro_list_con{ max-width: 1460px; min-width: 1180px; background: #eadacb; margin: 0 auto;padding:40px 0;}
.move_bar{ position: absolute; bottom:-65px; left: 48%;}
.inner_bg{ max-width: 1460px; min-width: 1180px; margin: 0 auto; background: #fdfcfa;}
.unlogin_pop_layer{ position:absolute; top:0; left: 0; background: #8a643d; opacity: 0.3; z-index: 5;width: 100%; height: 1127px;}
.unlogin_pop{ position:absolute; top:0; left: 0; z-index: 6;width: 100%;}
.unlogin_pop .w_400{ background: #fff; width: 400px; margin: 0 auto;}
.current_daka span,.current_daka a,.current_daka img{display: inline-block; vertical-align: middle;}
.current_daka .p_cover{ width: 60px; height:60px; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
.input_pl{ font-size: 14px; border:1px #f8f3ef solid; padding: 0 15px; background: #f8f3ef; height: 50px; line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
.input_pl.error{border:1px #ff3366 solid;}
.input_pl em{display:inline-block;margin-right: 5px;}
.input_pl input{ border: 0 none; background: none; height: 50px; line-height: 50px; font-size: 16px; color:#403223; padding: 0 5px; }
.input_textarea{ padding: 5px;border:1px #f8f3ef solid; background: #f8f3ef; -webkit-border-radius: 5px;-moz-border-radius: 5px;  border-radius: 5px;}
.input_textarea.error{border:1px #ff3366 solid;}
.input_textarea textarea{ width: 99%; border: 0 none; background: none; line-height: 1.5em; font-size: 16px; color:#403223; resize: none; outline:none;}
.zb_bg{ width: 100%; height: 65px; position: absolute; bottom: 0; left: 0; z-index: 0;}
.submit_state{ background:#ff7111; padding: 0 30px; height: 40px; line-height: 40px; color: #fff; border-radius: 25px; }
.intro_txt{ position: relative; overflow: hidden;}
.intro_txt p:last-child{ margin-bottom: 15px;}
.hide_txt_box{width: 100%; background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(243,234,227,0)),color-stop(87%,rgba(243,234,227,.87)),color-stop(75%,#f3eae3));background-image:-webkit-linear-gradient(top,rgba(243,234,227,0) 0,rgba(243,234,227,.87) 87%,#f3eae3 75%);background-image:-moz- oldlinear-gradient(top,rgba(243,234,227,0) 0,rgba(243,234,227,.87) 87%,#f3eae3 75%);background-image:linear-gradient(-180deg,rgba(243,234,227,0) 0,rgba(243,234,227,.87) 87%,#f3eae3 75%);}
.hide_txt_pos{position: relative;z-index: 100;padding-top: 80px;margin-top: -80px; }
.hide_txt_con .hide{ display: none};

.qa_bg { background: #4d3b28 url(../images/kt/daka/qa_bg.jpg) repeat left top; display: none; }
.qa_bg.h_0{ display: block; height: auto;}
.qa_list li{ margin-bottom:30px; line-height: 30px; }
.qa_content{height:600px;overflow:hidden;}
.qa_list_con{padding-right: 20px;}
.pqa_con{overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f3eae3; border-radius: 5px;}
.pqa_con .color_211{padding: 40px 0 40px 40px;}
.pqa_con .x_icon{position: absolute; right:15px; top:15px;}
.qa_list_con{overflow-x:hidden;overflow-y:auto;height:100%;}
/* 自定义滚动条不兼容IE FF */
.qa_list_con::-webkit-scrollbar{width:30px;height:1px;}
.qa_list_con::-webkit-scrollbar-thumb{background:#8a643d;}
.qa_list_con::-webkit-scrollbar-track{background:#eadacb;}
/* 自定义滚动条IE*/
.qa_list_con{scrollbar-arrow-color:#8a643d;scrollbar-face-color:#8a643d;scrollbar-3dlight-color:#8a643d;scrollbar-highlight-color:#8a643d;scrollbar-shadow-color:#8a643d;scrollbar-darkshadow-color:#8a643d;scrollbar-track-color:#eadacb;scrollbar-base-color:#eadacb;}
/**********end kt css*/