#top_add{height: 60px; width: 100%; overflow: hidden;}
#top_add i{position: absolute;bottom: 5px;right: 5px;}
#top_add ul li{ height: 60px;position: relative;}
#top_add ul li a{ width: 100%; height: 60px; display: block;}


.top_search .customer_online em{ background:url(/static/images/dibutu6.png) no-repeat; display: inline-block;}
/*topbar*/
.sjb_new_top_bar{width: 100%; height: 30px; background: #EFEFEF;}
.new_top_bar{width: 990px; margin: 0 auto; color: #999; font-size: 12px; position:relative; z-index: 1080;}
.new_top_bar .new_top_bar_left .halving_line{ border-right: 1px #ddd solid;}
.topBannerBox{
	width:100%;
	background-color:#d01460;
}
.topBannerBox .topBanner{
	display:block;
	width:1210px;
	margin:0 auto;
}
.new_header_right {
  display: inline-block;
  float: right;
  margin-top: -10px;
  box-sizing: border-box;
}
.new_header_right * {
  box-sizing: border-box;
}
.new_header_right .leftPart {
  display: inline-block;
  width: 54px;
  text-align: center;
  float: left;
}
.new_header_right .leftPart img {
  width: 43px;
}
.new_header_right .leftPart p {
  color: #6e7a89;
  font-size: 12px;
  line-height: 13px;
  white-space: nowrap;
}
.new_header_right .rightPart {
  display: inline-block;
  line-height: 1.1;
  padding-left: 14px;
  border-left: 1px solid #ccd;
  margin-left: 10px;
  margin-top: 4px;
}
.new_header_right .rightPart .phoneNum {
  font-size: 24px;
  color: #d61a6f;
  margin-top: 3px;
  font-family: Arial;
  font-weight: bolder;
}
.new_header_right .rightPart .workTime {
  font-size: 14px;
  color: #6e7a89;
  margin-top: 4px;
  margin-bottom: 5px;
  font-weight: bolder;
}
.requirement *,.requirement {
  font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif, 'STXihei';
  position: relative;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
}
.requirement *:before,.requirement:before,
.requirement *:after,.requirement:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.requirement {
	width: 635px;
    height: 400px;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 10;
    margin-left: 3px;
    
  background-color: rgba(17, 0, 0, 0.68);
  -webkit-animation-name: leftIn;
  animation-name: leftIn;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.requirement .titleBar {
  height: 52px;
  line-height: 52px;
  padding-left: 15px;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid #d5166b;
}
.requirement .titleBar span {
  line-height: 52px;
}
.requirement form {
  display: inline-block;
  margin: 0px;
  width: 100%;
  padding: 0px 20px 0px 0px;
}
.requirement form .textfield {
  width: 50%;
  float: left;
  padding: 15px 15px 0px 10px;
}
.requirement form .textfield .textfieldDiv {
  padding-left: 90px;
}
.requirement form .textfield .textfieldDiv > label {
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 35px;
  width: 100px;
  padding-right: 5px;
  text-align: right;
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.requirement form .textfield .textfieldDiv .inputDiv {
  width: 100%;
}
.requirement form .textfield .textfieldDiv .inputDiv.radio{
	color: #FFF;
	font-size: 16px;
    top: 7px;
}
.requirement form .textfield .textfieldDiv .inputDiv.radio input[type="checkbox"]:nth-of-type(even){
	margin-left: 17px;
}
.requirement form .textfield .textfieldDiv .inputDiv {
  width: 100%;
}
.requirement form .textfield .textfieldDiv .inputDiv input[type="text"],.requirement form .textfield .textfieldDiv .inputDiv textarea  {
  height: 35px;
  line-height: 35px;
  width: 100%;
  border: none;
  background-color: #fff;
  padding: 0px 10px;
  font-size: 13px;
}
.requirement form .textfield .textfieldDiv .inputDiv input[type="text"].pointer,.requirement form .textfield .textfieldDiv .inputDiv textarea.pointer {
  cursor: pointer;
}
.requirement form .textfield .textfieldDiv .inputDiv input[type="checkbox"] {
  height: 15px;
  width: 15px;
  outline: none;
  vertical-align: -2px;
}
.requirement form .textfield .textfieldDiv .inputDiv .checkboxLabel {
  cursor: pointer;
  display: inline-block;
  width: 150px;
  padding: 4px 0px 4px 2px;
  margin-top: 2px;
  font-size: 14px;
  color: #fff;
}
.requirement form .textfield .textfieldDiv .inputDiv .checkboxLabel input[type="checkbox"] {
  margin-right: 8px;
}
.requirement form .textfield .textfieldDiv .inputDiv .arrow {
  display: inline-block;
  height: 18px;
  width: 18px;
  position: absolute;
  right: 8px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  cursor: pointer;
  background: url(/static/images/arrow_1.png) no-repeat center center;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv {
  display: none;
  border: 1px solid #100;
  position: absolute;
/*  top: 35px;*/
  box-sizing: content-box;
  left: -1px;
  background-color: #fff;
  width: 100%;
  z-index: 1;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv ul {
  padding: 5px 0px;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv ul li {
  display: block;
  font-size: 13px;
  color: #666;
  text-align: left;
  width: 100%;
  padding: 0px 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv ul li:hover {
  color: #0099cf;
  background-color: #eee;
  cursor: pointer;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv.checkboxSelector ul {
  overflow: hidden;
  padding: 5px;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv.checkboxSelector ul li {
  display: inline-block;
  float: left;
  padding: 0px 12px;
  width: auto;
  color: #666;
  font-size: 13px;
  background-color: #f4f4f4;
  margin: 5px;
  border: 1px solid #f4f4f4;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv.checkboxSelector ul li:hover {
  color: #0099cf;
  background-color: #e7e7e7;
  cursor: pointer;
}
.requirement form .textfield .textfieldDiv .inputDiv .dropdownDiv.checkboxSelector ul li.selected {
  background-color: #fff;
  border: 1px solid #0099cf;
  color: #0099cf;
}
.requirement .buttonDiv {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: 0px;
  padding: 20px;
  border-top: 1px solid #d5166b;
}
.requirement .buttonDiv button.submit {
  border: none;
  background-color: #EEAA00;
  color: #fff;
  font-size: 16px;
  height: 40px;
  width: 190px;
  margin-left: 45px;
  cursor: pointer;
  float: left;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.requirement .buttonDiv button.submit:hover {
  background-color: #d59800;
}
.requirement .buttonDiv .numDiv {
  font-size: 13px;
  color: #ddd;
  float: left;
  margin: 12px 0px 0px 45px;
}
.requirement .buttonDiv .numDiv .point {
  color: #ff3838;
  font-size: 16px;
}

.new_top_bar_left{ width: auto; float: left;}
.new_top_bar_left .weixin ,.new_top_bar_left .app{ float: left; height: 14px; margin: 8px 0 0;}
.new_top_bar_left .weixin a ,.new_top_bar_left .app a,.new_top_bar_left .link_index a{ color: #999;padding-right: 15px;}
.new_top_bar_left .app { padding-left: 15px;}
.new_top_bar_left .weixin .ico_weixin_code , .new_top_bar_left .app .ico_app_code { width: 15px; height: 15px; display: block; float: left;background: url(/static/images/back.png?20160414) no-repeat;}
.new_top_bar_left .weixin .ico_weixin_code {background-position: -213px -106px;}
.new_top_bar_left .app .ico_app_code {background-position: -230px -105px;}
.new_top_bar_left .weixin .weixin_code{ width: 120px; height: auto; margin-top: 8px; z-index: 1005;position: absolute;border: 1px #ddd solid;background: #fff; display: none;}
.new_top_bar_left .weixin .weixin_code .ico_arrow_top_white{position: absolute;top: -5px;left: 50%;margin-left: -10px;width:0;height:0;border-width: 0 5px 5px;border-style: solid;border-color: transparent transparent #fff;position: absolute;}
.new_top_bar_left .weixin .weixin_code a{ width: 120px; height: 120px; padding: 0;}
.new_top_bar_left .weixin .weixin_code img{width: 120px; height: 120px;}
.new_top_bar_left .weixin .weixin_code .msg{width: 105px;margin: 0 auto;display: block;text-align: center; padding-bottom: 10px;}
.new_top_bar_left .weixin:hover .weixin_code{ display: block;}
.new_top_bar_left .link_index{ float: left; margin: 8px 0 0 15px;}
.new_top_bar_left a:hover{ color: #d5166b;}

.new_top_bar_right{ width: auto; float: right;}
.new_top_bar_right .login_status,.new_top_bar_right .customer_service,.new_top_bar_right .designer_center,.new_top_bar_right .navigation{ height: 30px;  cursor: pointer;}
.new_top_bar_right .login_status .title,.new_top_bar_right .customer_service .title,.new_top_bar_right .designer_center .title,.new_top_bar_right .navigation .title{ display: inline-block; padding: 0 15px 0;margin: 8px 0; border-right: 1px #ddd solid;}
.new_top_bar_right .login_status .title{ display: inline-block; padding:0;margin: 8px 0; border-right: 1px #ddd solid}
.new_top_bar_right a{ color: #999;} 
.new_top_bar_right .ico_arrow_bottom_grey{display: inline-block;margin-bottom: -2px;width: 10px;height: 9px;background: url(/static/images/back.png) no-repeat;background-position: -242px -106px;}
.new_top_bar_right .login_status{ float: left; width: 82px;}
.new_top_bar_right .login_status .title{width: 82px; text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.new_top_bar_right .login_status .login,.new_top_bar_right .login_status .register{padding:0;background:none;border-radius: 0; padding-right: 15px; margin-top: 8px;display: inline-block; float: left;}
.new_top_bar_right .login_status .register{border-right: 1px #ddd solid; }
.new_top_bar_right .zb_entrance{ float: left;width: 92px;height: 14px;border-right: 1px #ddd solid;margin: 7px 2px 0 5px;padding-right: 5px; position: relative;}
.new_top_bar_right .zb_entrance a{position: absolute;top:-4px;left: 0;width:92px; height: 24px;line-height: 24px;text-align: center;border-radius: 4px;color: #fff;display: block; background: #d5166b;}
.new_top_bar_right .zb_entrance a:hover{background: #f77071; color: #fff;}
.new_top_bar_right .customer_service{ float: left;}
.new_top_bar_right .designer_center{ float: left;}
.new_top_bar_right .login_status ul,.new_top_bar_right .customer_service ul ,.new_top_bar_right .designer_center ul{ display:none; background: #fff; border: 1px #ddd solid; position: relative; border-top: none; z-index: 1200;}
.new_top_bar_right .login_status ul li,.new_top_bar_right .customer_service ul li,.new_top_bar_right .designer_center ul li{ height: 14px; padding: 8px 0;}
.new_top_bar_right .login_status ul li a,.new_top_bar_right .customer_service ul li a,.new_top_bar_right .designer_center ul li a{ text-align: center;display: block;}
.new_top_bar_right .login_status:hover .title,.new_top_bar_right .customer_service:hover .title ,.new_top_bar_right .designer_center:hover .title,.new_top_bar_right .navigation:hover .title{margin: 0; border-right: 1px #ddd solid; padding-top: 8px; padding-bottom: 8px; background: #fff;  border-left: 1px #ddd solid; margin-left: -1px;}
.new_top_bar_right .login_status:hover ul,.new_top_bar_right .customer_service:hover ul ,.new_top_bar_right .designer_center:hover ul{ display: block; margin-left: -1px;} 
.new_top_bar_right .login_status:hover ul{ width: 82px; text-indent: 3px; z-index: 14;}
.new_top_bar_right .customer_service:hover ul{ width: 88px;}
.new_top_bar_right .designer_center:hover ul{ width: 100px;}
.new_top_bar_right .navigation{ float: left; position: relative;}
.new_top_bar_right .navigation .title{ border-right:1px #efefef solid;}
.new_top_bar_right .navigation .navigation_content {display: none; position:absolute;top:30px;right:0;margin-left: -513px;*margin-left: -596px;padding: 15px 0px;width:600px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff; z-index: 1200;}
.navigation .navigation_content  ul li{border:none; width: auto; height: 30px; }
.navigation .navigation_content  li.tit{font-size: 12px;color: #333;cursor:default;}
.navigation .navigation_content  li.tit:hover{color:#333;}
.navigation .navigation_content  ul {float:left;padding: 0px 15px; font-size: 12px;}
.navigation .navigation_content  ul li a:hover{color:#d5206d;}
.navigation .navigation_content  ul li .icon{position:relative; margin-top: -10px;}

.navigation .navigation_content ul li .icon_hot_demand{top: -20px; left: 60px; *left:35px;}
.navigation .navigation_content  ul li .icon_hot_app{top: -20px; left: 57px; *left:33px;}
.new_top_bar_right .navigation:hover .navigation_content{ display: block;}
.new_top_bar_right a:hover{ color: #d5166b;}

/*新头部显示消息start*/
.sjb_new_top_bar .newMessage {position:absolute;width:170px;border:1px solid #333;top:31px;background:#fff;display:none;right:0px;z-index:1100;}
.sjb_new_top_bar .messageItem {width:160px;margin:0px 10px 5px 10px;float:left;}
.sjb_new_top_bar .messageItem ul {float:left;height:auto;}
.sjb_new_top_bar .messageItem li {font-size:12px;width:170px;float:left;height:20px;line-height:20px;margin-bottom:3px;font-weight: normal;}
.sjb_new_top_bar .messageItem li a {color:#3a8b00;float:none;padding:0;height:20px;line-height:20px;}
.sjb_new_top_bar .messageItem li a:hover {background:none;text-decoration: underline;}


/*头部log \ 搜索栏*/
.top_search{ background: #fff;}
.index_logo{ width: 990px; height:36px; padding:30px 0; margin: 0 auto;}
.index_logo .logo{ width: 236px; height: 35px; float: left; display: block; }
.index_logo .or{ width: auto; float: left; line-height: 36px; padding: 0 20px; font-size: 14px; color: #999;}
.index_logo .edit{ width: 120px; float: left; height: 36px; line-height: 36px; line-height: 36px; background: #d5166b; color: #fff; font-size: 14px; text-align: center; }
.wrap_.top_menu a:hover{text-decoration: none;}

/*搜索*/
.index_logo #search_case { width:460px; margin-left: 118px; height: 32px; float: left; border: 2px #d5166b solid; border-right:0; background: #fff; position: relative;}
.index_logo .header_upload_button{float:left;margin:40px 0px 0px 80px;}
.index_logo .header_upload_button span{color:red;font-size:16px;font-weight: bold}
.index_logo .header_upload_button a{font-size:12px;}
.index_logo .header_upload_button a:hover{color:red;}
.index_logo form{ float:right; }
.index_logo form label{ float:left;margin:5px 5px; color:#000;}
.index_logo #search_case .key{ width:256px;height:32px; line-height:32px; border: 0; outline: none;  color:#bbb;float:left;}
.index_logo form span{ width:117px; position:relative; z-index:300; border:none; line-height:33px;float:left;padding-right:5px;color:#c9cbc8;font-size:12px;}
.index_logo #search_span #search_title{width: 94px; height: 20px; text-indent: 10px; color: #666; padding: 6px 0; line-height: 20px; border-right:1px #efefef solid; background: none; float: left;}

.index_logo #search_case{ float:left;}
.index_logo .head_menubar #search_zsj label{ cursor:pointer;position:absolute;left:-4px; top:28px; background:#fff; display:block; width:110px; border:1px solid #C7C9C6; border-top:0;}
.index_logo #search_case #s_zsj{ position: absolute; top:27px; left: -5px; width: 93px; height: auto; background: #fff; border: 1px #efefef solid; border-top:none; }
.index_logo #s_zsj a{ display:block;padding:0px 8px;}
.index_logo #s_zsj .search_tags{height:25px;line-height:25px;}
.index_logo #s_zsj a:hover { background:#e4e4e4;color:#df3132;text-decoration:none;}
.index_logo form .submit{border-radius:0;width: 80px; float: right; text-align: center; color: #fff; line-height: 32px; border: 0; cursor: pointer; outline: none; background: #d5166b; height: 32px;font-size: 14px;}
.index_logo #search_case .icon_search{width: 12px; height: 10px; margin: 10px 3px 0 10px; display:block; position: absolute; top:1px; left: 94px; background:url(/static/images/dibutu123.png) -311px -9px;}

.top_search .customer_online{ 
    padding-top: 4px;
    width: 50px;
    height: auto;
    float: right;
    margin-right: 50px;
}
.top_search .customer_online em{
    width: 35px;
    height: 28px;
    display:block;
    margin: 0 auto;
    background-position: -5px -351px;
}
.top_search .customer_online p{
    padding-top: 6px;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
}
/*头部菜单*/
.wrap_top_menu{ height: 40px; background: #333; }
.top_menu{ width: 990px; height: 40px; margin:0 auto; position: relative; z-index: 110;}
.top_menu li{ width: auto; height: 39px; line-height: 40px; text-align: center; padding: 0 35px 0 35px; float: left; display: inline-block; position: relative; z-index:100;}
.top_menu li a{ height: 40px; display:inline-block; color: #fff; font-size: 16px;  }
.top_menu li.cur{ background: #333333;}
.top_menu li:hover{background: #d5166b;}
.top_menu li:hover a{ color: #fff;}
.top_menu li .inner_menu{ width: 100%; height: auto; background: #d5166b; position: absolute; top: 40px; left: 0; z-index: 100; display: none;}
.top_menu li .inner_menu a{ width: 100%; height: 40px; display: block; line-height: 40px; font-weight:normal;}
.top_menu li:hover .inner_menu{ display: block;}
.top_menu li:hover .inner_menu a:hover{ background: #D04142;}
.top_menu li.last{float: right;}
.top_menu li.last .inner_menu a{width: 142px; padding: 0; text-indent: 5px;}

/*资源推荐*/
.top_menu li:hover .categorys{ display: block;}
.top_menu li .categorys {
	width: 769px;
	height: auto !important;
	/* min-height: 512px; */
	min-height:412px;
	border: 1px solid #E31939;
	position: absolute;
	top: 40px;
	left: 0px;
	background: #f9f9f9;
	display: none;
}
.top_menu li .categorys .item-left {
	width: 770px;
	padding: 20px 0 0 20px;
}
.top_menu li .categorys .subitems {
	width: 770px;
	padding: 0px 0px 5px 0px;
	min-height: 409px;
	clear: both
}
.top_menu li .categorys .subitems dl {
	width: 100%;
	overflow: hidden;
	line-height: 2em;
}
.top_menu li .categorys .subitems dl.fore1 dd {
	border-top: none
}
.top_menu li .categorys .subitems dt {
	position: relative;
	float: left;
	width: 54px;
	padding: 8px 30px 0 0;
	text-align: right;
	font-weight: 600
}
.top_menu li .categorys .subitems dt i {
	position: absolute;
	top: 13px;
	right: 18px;
	width: 4px;
	height: 14px;
	font: 400 9px/14px consolas
}
.top_menu li .categorys .subitems dd {
	float: left;
	width: 630px;
	padding: 8px 0 6px;
}
.top_menu li .categorys .subitems a{
	font-size: 12px;
	color: #666;
} 
.top_menu li .categorys .subitems dd a {
	float: left;
	padding: 0 8px;
	margin: 4px 0;
	line-height: 16px;
	font-weight: normal;
	height: 16px;
	border-left: 1px solid #e0e0e0;
	white-space: nowrap
}
.top_menu li .categorys .item-right {
	width: 182px;

	margin-right: 20px;
}
.top_menu li .categorys .item-brands {
	width: 182px;
	overflow: hidden;
	margin: 19px 20px 10px 0;
}
.top_menu li .categorys .item-brands a {
	float: left;
	display: inline;
	margin: 1px 0 0 1px
}
.top_menu li .categorys .item-promotions {
	width: 182px;
	margin-right: 20px;
}
.top_menu li .categorys .item-promotions a {
	display: block;
	margin-bottom: 1px
}