@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;vertical-align:baseline}
img{border:0 none;vertical-align:top}
i,em{font-style:normal}
ol,ul{list-style:none}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
a,a:visited{text-decoration:none;color: #333;}
body{margin:0 auto;height:100%;background:#f3f3f3;font-size:14px;font-family:Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;line-height:1.5;color:#666;-webkit-text-size-adjust:100% !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.hide,.h{display:none !important}
.show{display:block !important}
.x5_wap{margin-bottom: 60px;}
.x5_heads{min-height:66px;margin-bottom:-1px}
.x5_head .name .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.x5_head .name .text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #FFF;}
.x5_head{position: relative;display: block;min-height: 48px;padding: 12px 10px 5px 70px;overflow: hidden;font-size: 12px;border-bottom: 1px solid #ddd;color: #FFF;background-color: #242424;}
.x5_head .image{position:absolute;left:10px;top:7px;display:block;width:50px;height:50px;overflow:hidden;-webkit-background-size:50px 50px;background-size:50px 50px;border-radius:25px;-webkit-border-radius:25px}
.x5_head .image img{display:block;width:50px;height:50px;border-radius:25px;-webkit-border-radius:25px}
.x5_head .name{font-size:14px;color:#333}
.x5_head .name .tag{float:left;margin-right:5px;color:#999}
.x5_head .des{margin-top:3px;color:#B8B8B8;}
.x5_head .des span{color:#e4393c;margin-right:3px}
/*New hea*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.txt-shadow{text-shadow:1px 1px 3px rgba(0,0,0,.2);-webkit-text-shadow:1px 1px 3px rgba(0,0,0,.2)}
.x5_heads{position:relative;overflow:hidden;width:100%;height:66px}
.head-bg-blur{width="100%";position:absolute;z-index:0;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:blur(55px);filter:blur(55px)}
.head-avatar{position: absolute;z-index: 1;top: 7px;left: 8px;border-radius: 95px;box-shadow: 0 2px 5px rgba(0,0,0,.1);width: 50px;height: 50px;}
.head-name{font-size: 15px;line-height: 34px;position: absolute;z-index: 1;top: 8px;width: 100%;height: 34px;padding: 0 10px 0 72px;text-align: left;color: #fff;}
.head-sign{font-size: 13px;line-height: 21px;position: absolute;z-index: 1;top: 35px;width: 100%;height: 43px;padding: 0 10px 0 72px;text-align: left;opacity: .8;color: #fff;}
.pabg{position:absolute;z-index:0;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.3);}

.x5_nav{overflow:hidden;height:49px;border-top:1px solid #ddd;position:fixed;z-index:900;width:100%;bottom:0;left:0}
.x5_nav a{width:200px;height:45px;padding-top:4px;color:#999;font-size:12px;background-color:#eee;text-align:center}
.x5_nav a:before{width:24px;height:24px;content:'\20';display:block;margin:0 auto 2px auto}
.x5_nav a:active{background-color:#DFDFDF}
.x5_nav a:active,.x5_nav a.on{color:#289CE7}
.x5_nav a.dot{position:relative}
.x5_nav a.dot:after{content:'';display:inline-block;width:7px;height:7px;background:#e4393c;border-radius:4px;position:absolute;top:5px;left:50%;margin-left:10px}
.x5_nav .nav_index:before{background-position:0 0}
.x5_nav .nav_search:before{background-position:-46px 0}
.x5_nav .nav_fav:before{background-position:-23px 0}
.x5_nav .nav_shopcart:before{background-position:-138px 0}
.x5_nav .nav_me:before{background-position:-69px 0}
.x5_nav .nav_newsfeed:before{background-position:-161px 0}
.x5_nav .nav_shopping_guide:before{background-position:-184px 0}
.x5_nav{display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flexbox;display:-webkit-flex}
.x5_nav a{display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1}
.x5_nav .nav_index:before{background: url(../images/home.png);}
.x5_nav .nav_music:before{background: url(../images/nav-music.png);}
.x5_nav .nav_video:before{background: url(../images/nav-video.png);}
.x5_nav .nav_user:before{background: url(../images/nav-user.png);}
.x5_nav .nav_map:before{background: url(../images/nav-map.png);}
.x5_nav .nav_so:before{background: url(../images/nav-so.png);}
.x5_weizhi{margin-top:5px;float:left;width:100%;height:35px;line-height: 35px;font:14px/30px Arial,"Microsoft YaHei";text-indent:24px;background:url(../images/weizhi.png) 3px 7px no-repeat;}