/*0519头部样式*/
.yp-header{display: block;background: #fafafa;}
/*logo*/
.yp-header-logo{float:left;padding-top:5px;padding-top:15px;padding-bottom:15px}
.yp-header-logo img{float: left;}
.yp-header-logo span{display: block;line-height: 52px;float: left;padding-left: 3px;color: #606060;font-size: 14px;}
.yp-header-logo span h1{display: inline;}
/*搜索*/
.yp-header-search{float:right;margin-top:18px;/*margin-bottom:20px*/;width:292px;height:42px;border:1px solid #E6E6E6;line-height:30px\0;margin-right: 20px;}
.yp-header-search .searchType{float: left;width: 64px;text-align: center;position: relative;font-size: 14px;color: #888;}
.yp-header-search .searchType .sehType-name{height: 20px;line-height: 20px;margin: 11px 0;cursor: pointer;border-right: 1px solid #E6E6E6;}
.yp-header-search .searchType:hover .sehType-name{padding: 11px 0;margin: 0;}
.yp-header-search .searchType .sehType-list{display: none;position: absolute;z-index: 101;left: -1px;top: 42px;background: #fff;width: 63px;border: 1px solid #E6E6E6;text-align: center;border-top: 0}
.yp-header-search .searchType .sehType-list p{line-height: 30px;cursor: pointer;}
.yp-header-search .searchType .sehType-list p:hover{background: #efefef;}
.yp-header-search .searchType:hover .sehType-list{display: block;}
.yp-header-search .text{float:left;padding-left:5px;width:180px;height:100%;outline:0;border:0;background:transparent;font-size: 14px;color: #abaaaa;}
.yp-header-search .submit{float:right;width:42px;height:100%;border:0;background:url(../../images/common/yp_spirit.png) no-repeat -76px 10px;cursor:pointer}

/*用户中心*/
.yp-header-user .user-main{position:relative;overflow:hidden;padding-right:15px;font-family:'\5FAE\8F6F\96C5\9ED1';cursor:pointer}
.yp-header-user .user-main .arrow{-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;position:absolute;top:50%;right:5px;display:block;margin-top:-2px;width:10px;height:5px;background:url(../../images/common/yp_spirit.png) no-repeat 0 -33px}
.yp-header-user:hover .user-main .arrow{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.yp-header-user .avatar img{display:block;border-radius:50%;width: 45px;height: 45px;}
.yp-header-user .avatar{float:left}
.yp-header-user{position: relative; float: right;/* margin-top: 19px; */padding-bottom: 17px; padding-left: 15px; padding-right: 10px; padding-top: 18px; border:1px solid transparent;}
.yp-header-user .nickname{float:left;padding:0 5px 0 8px;height:45px;color:#6f6f6f;font-size:14px;line-height:45px; max-width: 67px; min-width: 38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yp-header-user:hover{border-color:#eaeaea;background:#FCFCFC;border: 1px solid #e2e2e2;/*border-radius: 5px; */border-bottom-right-radius: 0;border-top-color:transparent; }
.yp-header-user:hover .user-link{display:block}
.yp-header-user .user-link{position:absolute;top:79px;left:-1px;z-index:101;display:none;width:100%;border:1px solid #eaeaea;border-top:0;/*border-bottom:0*/;background:#fff;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.yp-header-user .user-link li{border-top:1px solid #FCFCFC}
.yp-header-user .user-link a{display:block;padding:10px 18px;color:#888;font-size:14px;font-family:'\5FAE\8F6F\96C5\9ED1'; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
/*.yp-header-user .user-link a:hover{color:#dd6e4c}*/

.yp-header-user .user-link li:hover{background: #EFEFEF;border-top-color: #E6E6E6;}
/*.yp-header-user .user-link i{display: inline-block; width: 15px; height: 15px; background:url(../../images/common/yp_spirit.png) no-repeat; position: relative; top:2px; margin-right: 5px;}
.yp-header-user .user-link .l1 i{background-position: -40px -46px;}
.yp-header-user .user-link .l2 i{background-position: -59px -45px;}
.yp-header-user .user-link .l3 i{background-position: 0px -45px;}
.yp-header-user .user-link .l4 i{background-position: -20px -45px;}
.yp-header-user .user-link .l1 a:hover i{background-position: -40px -66px;}
.yp-header-user .user-link .l2 a:hover i{background-position: -59px -66px;}
.yp-header-user .user-link .l3 a:hover i{background-position: 0px -66px;}
.yp-header-user .user-link .l4 a:hover i{background-position: -20px -66px;}
.yp-header-user-box{width: 160px; float:right;margin-left:10px; }

/*我的试用，我的产品，我的海淘*/
/*.yp-header-user .user-link .l5 i{background-position: -2px -96px;width: 22px;height: 22px;} 
.yp-header-user .user-link .l6 i{background-position:-3px -126px;width: 19px;height: 18px;} 
.yp-header-user .user-link .l7 i{background-position:-4px -151px;width: 19px;height: 17px;} */

.yp-header-user .user-link li i {
  position: relative;
  top: 2px;
  margin-right: 8px;
  display: inline-block;
  background: url(../../images/common/useCenter.png) no-repeat;

}
.yp-header-user .user-link li.l1 i {

  background-position:-6px -29px;
  width: 17px;
  height: 19px;
  left: 3px;
  margin-right: 11px;
}
.yp-header-user .user-link li.l2 i {
  	background-position: -6px -58px;
	width: 16px;
	height: 17px;
    left: 3px;
    margin-right: 13px;
}
.yp-header-user .user-link li.l3 i {
  	background-position: -6px -3px;
	width: 16px;
	height: 20px;
	top: 4px;
	margin-right: 13px;
	left: 3px;
}
.yp-header-user .user-link li.l4 i{
    background-position:  -2px -96px;
    width: 22px;
    height: 22px;
    top: 6px;
    left: -1px;
}
.yp-header-user .user-link li.l5 i{
    background-position: -3px -126px;
    width: 19px;
    height: 18px;
    top: 3px;
    left: 1px;
    margin-right: 10px;
}
.yp-header-user .user-link li.l6 i{
    background-position:-4px -151px;
    width: 19px;
    height: 17px;
}

/*s=vip*/
.yp-header-user .user-haslg.user-main .nickname{margin-top: -4px;line-height: 36px;height: 36px;}
.yp-header-user .user-haslg.user-main .arrow{margin-top: -10px;}
.yp-header-user .user-haslg.user-main .vip-ico{position: absolute;left: 54px;top: 25px;}
.yp-header-user .user-haslg.user-main .vip-ico a{display: inline-block;background: url(../../images/common/yp_spirit.png) no-repeat -6px -97px;width: 31px;height: 14px;}
.yp-header-user .user-haslg.user-main .vip-ico.isvip a{background-position: -6px -115px;width: 28px;height: 14px;}
/*e=vip*/

/*头部导航栏*/
.yp-header-top{height: 80px;background: #FCFCFC;}
.yp-header-nav{height:50px;position: relative;border-top:1px solid #E0E0E0;border-bottom: 1px solid #CDCDCD}
.yp-header-nav .nav_wrap{font-family:'\5FAE\8F6F\96C5\9ED1'; background:#fafafa; position: absolute; left: 0; top: 0; width: 100%; z-index: 100;}
.yp-header-menu{position:relative;float:left;font-size:14px;line-height:50px}
.yp-header-menu li{float:left}
.yp-header-menu li a{display:block;padding:0 25px;color:#333; cursor: pointer;}
.yp-header-menu li.ej>a{border-left:1px solid transparent;border-right: 1px solid transparent}
.yp-header-menu li.ej:hover>a{background: #faf9f7;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
.yp-header-menu li .news-menu{position: absolute; display: none;/*box-shadow: -1px 0 1px #ececec,1px 0 1px #ececec,0 1px 1px #ececec*/;padding:6px 12px 10px 12px;width: 152px;top:50px; left:0px;line-height: 20px; background:#fff;border:1px solid #E6E6E6;border-top:1px solid #DB6D4E;text-align: center;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.yp-header-menu li .news-menu .dline{padding:12px 0;overflow: hidden;}
.yp-header-menu li .news-menu span{color: #E0E0E0; float: left;}
.yp-header-menu li .news-menu a{color: #333333; font-size: 14px; height: 20px; line-height: 20px; display: inline; padding:0 18px; float: left;-webkit-transition: all 0s;-o-transition: all 0s;transition: all 0s; }
.yp-header-menu li .news-menu a.active,.yp-header-menu li .news-menu a:hover{color: #dd6e4c;}
.yp-header-menu li .news-menu .video-link {margin: 0 auto;}
.yp-header-menu li .news-menu .video-link a{display: block;width: 88px;height: 36px;line-height: 36px;text-align:left;border: 1px solid #dd6e4c;border-radius: 5px;font-size: 15px;color: #dd6e4c;margin: 12px auto 10px auto;}
.yp-header-menu li .news-menu .video-link em{background: url(../../images/common/video-ico.png) no-repeat;margin-right: 10px;width: 22px;height: 20px;display: inline-block;float:left;margin-top:10px;vertical-align: -4px;}
.yp-header-menu li .news-menu .video-link a:hover{opacity: 0.85;filter:alpha(opacity=85);}
.yp-header-menu li .news-menu .flag-link {margin: 0 auto;}
.yp-header-menu li .news-menu .flag-link a{display: block;width: 88px;height: 36px;line-height: 36px;text-align:left;border: 1px solid #dd6e4c;border-radius: 5px;font-size: 15px;color: #dd6e4c;margin: 12px auto 10px auto;}
.yp-header-menu li .news-menu .flag-link em{background: url(../../images/common/flag-ico.png) no-repeat;margin-right: 10px;width: 22px;height: 20px;display: inline-block;float:left;margin-top:10px;vertical-align: -4px;}
.yp-header-menu li .news-menu .flag-link a:hover{opacity: 0.85;filter:alpha(opacity=85);}
/*.yp-header-menu li.ej a{cursor: default;}*/
.yp-header-menu li .events-list{position: absolute; width: 272px;box-shadow: -1px 0 1px #ececec,1px 0 1px #ececec,0 1px 1px #ececec;background:#fff;border:1px solid #E6E6E6; top:50px; padding:0 20px; font-size: 14px; display: none;border-bottom-left-radius: 4px;border-top: 1px solid #DB6D4E;
    border-bottom-right-radius: 4px;}
.yp-header-menu li .events-list .ls{padding:10px 0; border-bottom: 1px dotted #f3f3f3; position: relative;}
.yp-header-menu li .events-list a{line-height: 22px; color: #1b1b1b; }
.yp-header-menu li .events-list .title{padding-right: 90px; padding-left: 0;font-weight: bold; line-height: 22px; max-height: 44px; overflow: hidden;}
.yp-header-menu li .events-list .title:hover{color: #db6d4c;}
.yp-header-menu li .events-list .status{position: absolute; right:0px; top:20px; line-height: 30px;background:#db6d4c; color: #fff;display: block;width: 62px;height: 30px;text-align: center;font-size: 12px; }
.yp-header-menu li .events-list .date{line-height: 22px; color: #db6d4c; font-size: 12px; padding-top:5px;}
.yp-header-menu li .events-list .finished .title{color: #666; font-weight: normal;line-height: 22px;font-size: 14px;}
.yp-header-menu li .events-list .finished .status{color: #666; background:#f2f2f2;}
.yp-header-menu li .events-list .finished .date{color: #c5c5c5;font-size: 12px;}
.yp-header-menu li .events-list .more-events{font-size: 14px; text-align: center; display: block; padding:0; margin:15px auto;height:28px; line-height:28px;background: #EFEFEF;color: #666;}
.yp-header-menu li.ej-hover .events-list{display: block;}
.yp-header-menu li:hover>a{color: #DB6D4C;}

/*s=增加产品二级菜单*/
.yp-header-menu li .product-menu{position: absolute; display: none; top:50px; left: 5px; width: 138px;line-height: 20px; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); text-align: center;}
.yp-header-menu li .product-menu a{position: relative;color: #333333; font-size: 15px; height: 44px; line-height: 44px;border-bottom: 1px solid #eaeaea; -webkit-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
.yp-header-menu li .product-menu a.active,.yp-header-menu li .product-menu a:hover{color: #dd6e4c;}
.yp-header-menu li.ej-hover .product-menu{display: block;}
/*e=增加产品二级菜单*/

/*s=活动增加小红点*/
.yp-header-menu .li-events a{position: relative;}
.yp-header-menu .li-events a .point{display: none;width: 6px;height: 6px;background: #fb4545;border-radius: 50%;position: absolute;top: 14px;}
/*e=活动增加小红点*/

/*s=试用添加小红点*/
.yp-header-menu .li-tryout a{position: relative;}
.yp-header-menu .li-tryout a .point{width: 6px;height: 6px;background: #fb4545;border-radius: 50%;position: absolute;top: 14px;}
/*e=试用添加小红点*/

.yp-header-links{float:right;line-height:48px}
.yp-header-links a{position:relative;float:left;padding:0 15px;color:#fff;font-size:14px;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	cursor: pointer;
}
.yp-header-menu li.ej-hover a .arro{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.yp-header-menu li.ej-hover .news-menu{display: block;}

.yp-header-links i{position:absolute;top:50%;left:5px;display:block;margin-top:-2px;width:5px;height:5px;border-radius:50%;font-size:0}
.yp-header-news i{background-color:#fb4545}
.yp-header-product i{background-color:#db6d4c}
.yp-header-zhiqu i{background-color:#01c3c3}

.yp-header-nav.nav-fixed{display: none; position: fixed; top: 0; left: 0;width: 100%; z-index: 1000; opacity: .95;}
.yp-header-nav.nav-fixed:hover{opacity: 1;}


/*s=增加二级菜单*/
.yp-header-menu li{position: relative;}
.yp-header-menu li a .arro{webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;position: absolute;top: 50%;right:10px;display: block;margin-top: -2px;width: 10px;height: 5px;background: url(../../images/common/yp_spirit.png) no-repeat 0 -33px;}
.yp-header-nav .nav_dl{position: absolute;left: 0;opacity: 0;background: #F3F3F3;top: 0px;width: 100%;height: 40px;border-bottom: solid 1px #E6E6E6;z-index: 99; box-shadow: 0 0px 10px rgba(173,173,173,0.7);}
.yp-header-nav .nav_dl{-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.yp-header-nav .nav_dl dl dd{float: left;}
.yp-header-nav .nav_dl dl dd a{padding: 0 20px;display: block; line-height: 40px; font-size: 15px; color: #313131;}
.yp-header-nav .nav_dl dl dd a{-webkit-transition: color 0s;-o-transition: color 0s;transition: color 0s;}
.yp-header-nav .nav_dl dl dd a:hover{color: #DD6E4C;}
.yp-header-nav .nav_dl dl.newsDl{padding-left:88px;}
.yp-header-nav .nav_dl.show{top: 50px; opacity: 1;}
/*e=增加二级菜单*/


/*导航栏消息*/
.yp-header-message{float:right; width:63px;position: relative;}
.yp-header-message .bell{position: relative; display: block;;width:63px;height: 80px;border:1px solid #FCFCFC;border-top: 0;border-bottom: 0;}
/*add*/
.yp-header-message .bell.expand{border-color: #E6E6E6;}
.yp-header-message .ico{width:26px; height:35px; background: url(../../images/common/dang.png) no-repeat center center; display: block;-webkit-border-radius:5px;border-radius:5px;border:1px solid transparent;position: relative;z-index:102;top:19px;margin: 0 auto;}
/*.yp-header-message .ico.expand{;border-color: #e2e2e2;border-bottom-color:#fff;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;}*/
/*.yp-header-message .count{position: absolute; right:10px; top:13px;z-index:102; display: none; width: 15px; height: 15px; background:#e42525; border-radius: 50%; line-height: 15px; font-size: 12px; color: #fff;  text-align: center;}*/
.yp-header-message .bell.expand .ico{background: url(../../images/common/dang-hover.png) no-repeat center center;;}
.yp-header-message .bell .count{display: none;}
.yp-header-message .expand .count{display: block;color: #dc6e4b;text-align: center;font-size: 12px;display: block;position: relative;top: 17px;}
.yp-header-message .bell-shake{ 
	-webkit-animation:bellshake 2s linear 2s infinite;
	-moz-animation:bellshake 2s linear 2s infinite;
	animation:bellshake 2s linear 2s infinite;
	-webkit-transform-origin:top center;
	-moz-transform-origin:top center;
	transform-origin:top center
}
/*.yp-header-message .bell-shake .count{display: block; }*/

.yp-header-message .message{
	display: none;
	width:282px;
	background: #FCFCFC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-right-radius:0;
	border-top-left-radius:0;
	border:1px solid #E6E6E6;
	-webkit-box-shadow: 1px 1px 5px #e2e2e2;
	-moz-box-shadow: 1px 1px 5px #e2e2e2;
	box-shadow: 1px 1px 5px #e2e2e2;
	position: absolute;
	right: -2px;
	top: 80px;
	z-index: 101;
}
.yp-header-message .message .select-all{
	height:20px;
	position: relative;
}
.yp-header-message .message ul li{
	position: relative;
}
.yp-header-message .message ul li:hover{background: #EFEFEF;}
.yp-header-message .message ul li a{
	display:block;
	margin: 0px 24px;
	padding: 10px 0;
	border-bottom: 1px dotted #E0E0E0;
	font-size: 14px;
	color: #666;
	position: relative;
}
.yp-header-message .message ul li .read{cursor: pointer;position: absolute;right: 25px;top: 10px;background: url(../../images/common/useCenter.png) no-repeat -79px -4px;width: 20px;height: 20px;}
.yp-header-message .message ul li .read:hover{background-position: -104px -5px;}
.yp-header-message .message ul li a .p-type{color: #333;font-weight: bold;padding-bottom: 5px;}
.yp-header-message .message ul li a p span{color: #e0866d;}
.yp-header-message .message .readed p{
	color: #ccc;
}
.yp-header-message .message .select-all .success,
.yp-header-message .message .success{
	display:block;
	width:21px;
	height:14px;
	background: url(../../images/success.png) 0 -15px;
	position: absolute;
	top:50%;
	margin-top: -7px;
	right:80px;
	cursor:pointer;
}
.yp-header-message .message .select-all .success{
	right:20px;
}
.yp-header-message .message .success:hover{
	background-position: 0 0;
}
.yp-header-message .message .pubtime{
  position: absolute;
  top: 50%;
  right: 15px;
  width: 60px;
  margin-top: -10.5px;
  color: #e7b6a6;
  font-size: 12px;
}
.yp-header-message .message .check-all{
	text-align: center;
	padding: 10px 0;
}
.yp-header-message .message .check-all a{
	font-size: 12px;
	color: #333;
}

/*直播入口下拉框*/
.yp-header-menu .li-lives .events-list{display: none;padding: 0 12px;width: 295px;}
.yp-header-menu .li-lives .events-list .ls{padding: 10px 120px 10px 8px;}
.yp-header-menu .li-lives .events-list .title{padding-right:0 }
.yp-header-menu .li-lives .events-list .living{position: relative;padding: 15px 8px;background: #dd623c;margin-top: 15px;color: #fff;border-radius: 3px;}
.yp-header-menu .li-lives .events-list .living a{padding-right: 90px;font-size: 16px;color: #fff;font-weight: bold;}
.yp-header-menu .li-lives .events-list .living .status{padding: 0;font-size: 14px;font-weight: bold;background: transparent;right: 12px;top: 50%;margin-top: -15px;}
.yp-header-menu .li-lives .events-list .status{right: 10px;padding: 0;}
.yp-header-menu .li-lives .events-list .date{font-size: 14px;font-weight: bold;}
.yp-header-menu .li-lives .events-list .finished .date{font-size: 14px;}
.yp-header-menu .li-lives .events-list .finished .title{color: #888;}
.yp-header-menu .li-lives .events-list .more-lives{font-size: 12px; text-align: center; display: block; padding:0; margin:15px auto;height:28px; line-height:28px;background: #EFEFEF;color: #666;}
.yp-header-menu .li-lives .events-list .date{padding: 5px 0;}
.yp-header-menu .li-lives.ej-hover .events-list{display: block;}