@import url(/s/css/w/m/Loft/_GlobaMenu.css);
*{-webkit-text-size-adjust: 100%!important;}
body
{
}
.wrap
{
}
a, a:link
{
    color: #333;
}
a:hover
{
    text-decoration: none;
}
/*——*/
.head_bg, .head
{
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: absolute;
}
.head_bg
{
    z-index: 1;
    background: #fff url(/s/img/g/none.gif) no-repeat center center;
    background-size: 150%;
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -ms-filter: blur(12px);    
    filter: blur(12px);    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=12, MakeShadow=false);
}
.head
{
    z-index: 2;
    border-bottom: solid 1px #999;
}
.head .nav
{
    height: 30px;
    overflow: hidden;
}
.head .UserFace
{
}
.head .UserFace b
{
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 100px;
    display: block;
    margin: 0 auto;
    border: solid 1px rgba(255,255,255,.2);
    background: rgba(255,255,255,.2);
}
.head .UserFace b img
{
    width: 100px;
    height: 100px;
    border-radius: 100px;
}
.head .nav
{
}
.head .nav .fl
{
}
.head .nav .fl .dir
{
    height: 20px;
    width: 28px;
    background: url(/s/img/w/m/Loft/dir.png);
    background-size: 100%;
    margin: 10px 0 0 10px;
}
.head .nav .fr
{
}
.head .nav .fr .camera
{
    height: 20px;
    width: 28px;
    background: url(/s/img/w/m/Loft/camera.png);
    background-size: 100%;
    margin: 10px 10px 0 0;
    overflow: hidden;
    visibility:hidden;
}
/*——*/
.menu
{
    width: 100%;
    height: 64px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    background: #fff;
    margin-top: 181px;
    border-bottom: solid 1px #ddd;
}
.menu ul
{
}
.menu ul li
{
    float: left;
    width: 33%;
    text-align: center;
}
.menu ul li:nth-child(2)
{
    width: 34%;
}
.menu ul li a
{
    display: block;
    height: 56px;
    padding-top: 8px;
    overflow: hidden;
    color: #3FB248;
    background: #fff;
}
.menu ul li.on a
{
    background: #eee;
}
.menu ul li:nth-child(2) a
{
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.menu ul li a p
{
    background: url(/s/img/w/m/Loft/menu_ico2.png) no-repeat center center;
    background-size: auto 100%;
    height: 32px;
    overflow: hidden;
}
.menu ul li:first-child a p
{
    background-image: url(/s/img/w/m/Loft/menu_ico1.png);
}
.menu ul li:last-child a p
{
    background-image: url(/s/img/w/m/Loft/menu_ico3.png);
}
.menu ul li a u
{
    text-decoration: none;
    color: #3FB248;
}
.head_spac
{
    height: 246px;
}
/*——*/
.BottomBarBox
{
    height: 44px;
}
.BottomBar
{
    position: fixed;
    z-index: 999999;
    bottom: 0;
    width: 100%;
    height: 44px;
    background: #fff;
    border-top: solid 1px #ddd;
    box-shadow: 0 -1px 3px rgba(0,0,0,.1);
    z-index: 9999; /*2016-04-24*/
}
.BottomBar .con1
{
    padding: 5px;
}
.BottomBar .con1 td
{
}
.BottomBar .con1 .td1
{
    width: 34px;
}
.BottomBar .con1 .td1 div.son1
{
    width: 34px;
    height: 34px;
    overflow:hidden;
    background: #fff url(/s/img/w/m/Loft/AddPic.png) no-repeat center center;
    background-size: 100%;
    visibility: hidden;
}
.BottomBar .con1 .td2
{
}
.BottomBar .con1 .td2 div
{
    padding: 0 5px;
}
.BottomBar .con1 .td2 div .inp1
{
    width: 100%;
    padding: 7px 0;
    border: 0;
    background: #eee;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 13px;
}
.BottomBar .con1 .td2 div .inp1::-webkit-input-placeholder
{
    font-size: 12px;
    color: #ccc;
}
.BottomBar .con1 .td3
{
    width: 50px;
}
.BottomBar .con1 .td3 div
{
    width: 50px;
    height: 34px;
    line-height: 34px;
    background: #ccc;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
/*——*/