@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body,textarea,select,button,table{font-size:100px;}
body{min-width:320px;font-size:1em;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif,'微软雅黑';color:#000;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
.p_header,.p_header input ,.p_header button{font-size:30px; background: #fff;}
.p_header .h_txt {
    height: 1.3333em;
    font-size:1em;
    min-width:320px;
    width: 100%;
    overflow: hidden;
}
.p_header{position: fixed;top: 0;z-index: 999; max-width: 640px;width: 100%;}
.p_header .h_txt .search{
    width: 31.5%;
    height: 1.333em;
    margin-right: 1.5%;
    font-size:1em;
    float: left;;
    position: relative;
}
.p_header .h_txt .search a{display: inline-block;width: .8em;height: .8em;background: url(../images/search-icon.png) no-repeat center right;
    background-size: .8em .8em;position: absolute;top: .26em;right: 10px;}
.p_header .h_txt .search .sbut{background: url(../images/kubolo_search.png) no-repeat .3em;
    -webkit-background-size: .75em .783em;
    background-size: .75em .783em;
position: absolute;right:0;top:0;width:1.2em;height:100%;border: 0;
    background-color: #393a3f;
color: transparent;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;line-height:.3em;}
.p_header .h_txt .search .keys{background: transparent;
border: 0;
width: 100%;
vertical-align: top;
padding: 2px;
margin: 2px 0 0;
height:1.625em;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
outline:none;
font-size:.4em;
}
.p_header .h_txt .h_h2{text-align:center;-webkit-box-flex: 1;
flex: 1;line-height:1.2em}
.p_header .h_txt .h_h2 h2 i{background:url(http://images.d1.com.cn/wap/2014/d1logo.png) no-repeat;width:40px;height:40px;display:inline-block;vertical-align:middle;}
.p_header .h_txt .h_h2 h2{font-size:.25rem; color:#555555;font-weight:normal;
-webkit-text-shadow: 1px 0 1px rgba(0,0,0,.4);
text-shadow: 0 1px 1px;color:#cccccc;  }
.p_header .h_txt .pageback{margin:.25em .10em 0 .15em;height:0.666em;width:.50em;background:url(http://images.d1.com.cn/wap/2014/back2.png) no-repeat;background-size:.333em .65em;-webkit-background-size:.333em .65em; }
.p_header .h_txt .pageback a{display: block;height:100%;width:.50em;color: transparent;}
.p_header .h_txt .myuser{width: 33%;margin-left: 1%;height: 1.333em;position: relative;float: left;}
.p_header .h_txt .myuser a{display:inline-block;width:.8em;height:.8em;background:url(../images/kubolo_user.png) no-repeat left center;background-size: .8em .8em;position: absolute;left: 0;top: .26em;}
.p_header .h_txt .logo{width: 33%;height: 1.333em;background:url(../images/kubolo_logo.png) no-repeat center center;background-size: 3em 1.2em;float: left;}
.p_header .h_txt .logo a{display: block;}
/*.p_header .h_txt .carth{margin:.4em .10em 0 .10em;height:0.783em;width:1em;background:url(kubolo_flow.png) no-repeat;background-size: cover;}*/
.p_header .h_txt .home{margin:.23em .10em 0 .10em;height:0.59em;width:.65em;background:url(http://images.d1.com.cn/wap/2014/home.png) no-repeat;background-size: cover;}

.p_header .h_txt .home a,.p_header .h_txt .logo a,.p_header .h_txt .carth a{width:100%;height:100%;display:block;}

.load{text-align: center;width:100%;}



.header2016{font-size:40px;background: #fff;}
.header2016 .htop {
/*background-color: #ececec;*/
-webkit-box-shadow: 0 2px 4px #d9d9d9;
box-shadow: 0 2px 4px #d9d9d9;
height:0.80em;
font-size:1em;
min-width:320px;
display: -webkit-box;
overflow:hidden;
}

.header2016 .htop .logo {
    height: 0.80em;
    width: 2.03em;
    background: url(kubolo_logo.png) no-repeat;
    background-size: cover;
}
.header2016 .htop .txt{height:0.80em;width:3.6em;}
.header2016 .htop  .search{
margin-top:.2em;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: .35em;
-webkit-box-flex: 1;
flex: 1;
font-size:1em;
padding-left: .20em;
padding-right: .75em;
font-family: arail,\9ED1\4F53;
line-height: .30em;}
.header2016 .htop  .search .sbut{ background: url(http://images.d1.com.cn/wap/2014/sbut.png) no-repeat .10em;-webkit-background-size:.5em .5em;background-size:.5em .5em;position: absolute;right:0;top:0;width:.75em;height:100%;border: 0;
border-radius: 0 .333em .333em 0;
box-shadow: inset 0 2px 4px #a3a3a3;
color: transparent;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;line-height:.3em;}
.header2016 .htop  .search .keys{background: transparent;
border: 0;
width: 100%;
vertical-align: top;
padding: 2px;
margin: 2px 0 0;
height:1.625em;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
outline:none;
font-size:.4em;
}


.header2016 .htop .myuser{margin:.32em 0 0 0;height:0.33em;width:0.34em;background:url(kubolo_user.png) no-repeat;background-size: cover;}
.header2016 .htop .flow{margin:.32em 0 0 .20rem;height:0.33em;width:0.44em;background:url(kubolo_flow.png) no-repeat;background-size: cover;}

.header2016 .hbot{
/*background-color: #ececec;*/
-webkit-box-shadow: 0 2px 4px #d9d9d9;
box-shadow: 0 2px 4px #d9d9d9;
height:.7375em;
font-size:1em;
min-width:320px;
display: -webkit-box;
overflow:hidden;
}
.header2016 .hbot .menu1{height:.7375em;width:2.975em;background:url(http://images.d1.com.cn/wap/2016/kbl_02.jpg) no-repeat;background-size: cover;}
.header2016 .hbot .menu2{height:.7375em;width:5.025em;background:url(http://images.d1.com.cn/wap/2016/kbl_03.jpg) no-repeat;background-size: cover;}
.header2016 .htop .logo a,.header2016 .htop .myuser a,.header2016 .htop .flow a,.header2016 .hbot .menu1 a,.header2016 .hbot .menu2 a{width:100%;height:100%;display:block;}


/*底部固定模块首页分类发现我的，等*/
.bottom-bar-pannel {
    position: fixed;
    height: 44px;
    z-index: 28;
    bottom: 0;
    left: 0;
}
.floor {
    font-size: 0;
    width: 100%;
}
a, div, header, span {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.bottom-bar-pannel .floor-container {
    overflow-x: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
    -webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
    -moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
}
.floor-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0;
}
.bottom-bar-pannel .tab4, .bottom-bar-pannel .tab5 {
    height: 100%;
    position: relative;
    background-color: #fff;
}
.bottom-bar-pannel .tab5 li {
    text-align: center;
    width: 20%;
    float: left;
    height: 100%;
}
.bottom-bar-pannel .bar-img {
    display: inline-block;
    width: 57px;
    height: 44px;
}
.bottom-bar-pannel .bar-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    overflow: hidden;
}
.floor-container img {
    width: 100%;
    height: auto;
    overflow: hidden;
}






.footer {
background-color: #ececec;
-webkit-box-shadow: 0 -2px 4px #d9d9d9;
box-shadow: 0 -2px 4px #d9d9d9;b
height:1.3rem;
margin-bottom:0.60rem;
font-size:0.16rem;
}
.footer .ftxt{height:0.70rem;width:100%; display:-webkit-box;}
.footer .user{padding-left:0.20rem;color:#555555;line-height:0.70rem;width:2.00rem;display:block;}
.footer .user a{display:inline-block;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.footer .user a.l{width:1.4rem;}
.footer .user a.r{width:.60rem;}
.footer .top{height:0.70rem;line-height:0.70rem;fax:1;-webkit-box-flex:1;text-align:right;padding-right:.30rem;display:block;}
.footer .top a{color:#666;display:block;}
.footer .fcopy{font-size:.14rem;color:#666;text-align:center;width:100%;height:.50rem; line-height:.23rem;}
.footer .fcopy a{color:#666;}

.tab-bar-wrap .tab-bar__item.tab-bar__item_check{
    font-size: 0.195rem;
}