@charset:"utf-8";/* CSS Document */
/* 增加  */
		#chat_show{
			display:none;
		}
		#space{
			display:none;
		}
		#home{
			display:block;
		}
/* 增加  */
html {
    overflow: auto;
}
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #3E3E3E;
    background-color: #F5F5F5;
    font-family: "Helvetica", "微软雅黑", Tohoma, serif;
}
input, textarea, button, select, option {
    font-family: "Helvetica", "微软雅黑", Tohoma, serif;
}

ul, dl {
    list-style: none;
    padding: 0;
    margin: 0;
}

.head {
    width: 100%;
    text-align: center;
    background-color: #4084CF;
    position: fixed;
    border-radius: 0;
    z-index: 1;
    top: 0;
    left: 0;
}

.head_wrap {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
}
.head_logo_pd {
    width: 135px;
    height: 45px;
    float: left;
    background: url(../Images/icon_0.png) 0 7px;
}
.head_logo_bg {
    width: 135px;
    height: 45px;
    float: left;
    background: url(../Images/icon_0.png) 0 3px;
}
.head_logo {
    width: 180px;
    height: 45px;
    float: left;
    /*background: url(../Images/icon_0.png) 0 8px;*/
    margin-right: 15px;
}

.head_west {
    padding: 0;
    float: left;
    margin: 0;
}

.head_link {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    padding: 0 10px;
    margin:0 5px;/*lj add*/
}

.head_link span {
    line-height: 45px;
    color: white;
    font-size: 15px;
}

.head_em {
    width: 25px;
    height: 25px;
    float: left;
    font-size: 15px;
    margin: 9px 5px 0 0;
    display: inline-block;
    background-image: url(../Images/icon_0.png);

}

.head_discover_icon {
    background-position: -142px -0;
}

.head_chat_count {
    padding: 0 5px;
    min-width: 10px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 14px;
    margin-left: 0;
    cursor: pointer;
    color: white;
    text-align: center;
    background: #f7712f;
    float: right;
    display: none;
}

.head_chat_icon {
    background-position: -179px -0;
}

.chat_focus {
    position: relative;
    z-index: 3;
    top: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #f5f5f5, #eaf2fd);
    background-image: -webkit-linear-gradient(bottom, #f5f5f5, #eaf2fd);
    background-image: -ms-linear-gradient(bottom, #f5f5f5, #eaf2fd);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#eaf2fd", EndColorStr="#f5f5f5");
}

.chat_focus .head_chat_icon {
    background-position: -3px -472px;
}

.chat_focus span {
    font-weight: bold;
    color: #333333;
}

.head_east {
    padding: 0;
    float: right;
    margin: 0;
}

#head_search {
    width: 120px;
    float: left;
    margin: 10px 15px 0 0;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 3px;
    background: #3a5899;
}

#head_search_key {
    /*width: 120px;*/
    width: 88px;
    border: none;
    /*color: white;*/
    color: #3a5899;
    height: 25px;
    line-height: 25px;
    margin: 0;
    outline: none;
    padding: 0 0 0 5px;
    /*background: #3a5899;*/
    background: #fff;
    vertical-align: middle;
}

.head_search_em {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background:  url(../Images/icon_0.png) no-repeat -211px 0;
}

.head_search_loading {
    background: url(../Images/loading1.gif) no-repeat center;
}

#head_search_wrap {
    margin-top: 1px;
    width: 332px;
    z-index: -1;
    display: none;
    position: absolute;
}

.head_search_arrow {
    height: 9px;
    width: 20px;
    left: 35px;
    position: relative;
    background: url(../Images/icon_0.png) no-repeat scroll -80px -317px;
}

#head_search_result {
    padding: 15px 0 0 15px;
    background: white;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-top: none;
    border-radius: 3px;
    box-shadow: 0 2px 5px 1px #e9e9e9;
}

.head_search_item {
    float: left;
    cursor: pointer;
    margin: 0 15px 10px 0;
    overflow: hidden;
}

.head_search_item:hover {
    color: #3a5899;
    text-decoration: underline;
}

.head_search_item_name {
    width: 60px;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display: block;
}

.head_search_item_icon {
    width: 61px;
    height: 61px;
    border-radius: 60px;
    vertical-align: middle;
    border: 1px solid white;
}

.head_search_item_icon:hover {
    border: 1px solid lightgreen;
}

.head_pay {
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    margin: 8px 10px 0 0;
    display: inline-block;
    background-image: url(../Images/icon_0.png);
}

.head_recharge {
    background-position: -242px -1px;
}

.head_recharge:hover {
    background-position: -400px -1px;
}

.head_upgrade {
    background-position: -283px -1px;
}

.head_upgrade:hover {
    background-position: -442px -1px;
}

.head_user {
    float: left;
    cursor: pointer;
    padding: 0;
    margin: 0 0 0 15px;
    position: relative;
}

.head_profile {
    display: block;
    margin: 0;
    padding: 7px 5px 5px;
    /*lj add*/
    height: 33px;
    line-height: 31px;
    font-size: 15px;
    color: #fff;
}

.head_url {
    width: 31px;
    height: 31px;
    border: 1px solid #5a6697;
    border-radius: 30px;
    vertical-align: middle;
}

.head_arrow {
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../Images/icon_0.png) -320px -5px;
}

.head_submenu {
    display: none;
    right: -1px;
    top: 45px;
    margin: 0;
    z-index: -1;
    white-space: nowrap;
    position: absolute;
    background: #FFF;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.head_submenu li {
    line-height: 25px;
    font-size: 12px;
    border-bottom: 1px solid #e9edf0;
    color: #707070;
    cursor: pointer;
    display: block;
    padding: 3px 15px;
    margin: 0;
    min-width: 80px;
}

.head_submenu li:hover {
    background-color: #F0F0F0;
}

.head_user:hover .head_submenu {
    display: block;
}

/*.head_user:hover, .head_link:hover {
    background-color: #cf026d;
    background-image: -moz-linear-gradient(bottom, #4890e2, #4083cf);
    background-image: -webkit-linear-gradient(bottom, #4890e2, #4083cf);
    background-image: -ms-linear-gradient(bottom, #4890e2, #4083cf);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#4083cf", EndColorStr="#4890e2");
}*/
.head_user:hover, .head_link:hover {
    background-color: #627bb3;
}

.home {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 100%;
    display: none;
}

.wall {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #E9E9E9;
    background-color: white;
    padding: 10px;
    border-radius: 3px;
}

.wall img {
    border-radius: 3px;
}

.wall_a {
    float: left;
    width: 81px;
    height: 81px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    padding-right: 3px;
    padding-left: 3px;
}

.wall_a_i {
    cursor: pointer;
    text-align: center;
}

.wall_a_i img {
    margin: 0;
    vertical-align: middle;
    width: 81px;
    height: 81px;
}

.wall_a_plus {
    width: 48px;
    height: 38px;
    position: absolute;
    margin-top: -60px;
    margin-left: 18px;
}

.wall_a_m {
    width: 81px;
    height: 81px;
    line-height: 81px;
    margin-top: -81px;
    color: white;
    font-weight: bolder;
    font-size: 50px;
    border-radius: 3px;
    background-color: #5a5d72;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.wall_list {
    float: left;
    width: 890px;
    height: 81px;
    overflow: hidden;
}

.wall_list img {
    height: 79px;
    width: 79px;
    margin-left: 8px;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    border: 1px solid transparent;
}

.wall_list img:hover {
    border: 1px solid #a5c85b;
}


.west {
    float: left;
    width: 220px
}

.user_wrapper {
    border: 1px solid #E9E9E9;
    background-color: white;
    padding: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.user_avatar {
    cursor: pointer;
    float: left;
}

.user_avatar img {
    width: 207px;
    height: 207px;
    border-radius: 3px;
    vertical-align: middle;
}

.user_list {
    /*line-height: 20px;*/
    line-height: 40px;
    float: left;
    margin-left: 5px;
    text-align: left;
    overflow: hidden;
    /*width: 150px;*/
    width: 120px;
}

.user_list span {
    display: inline-block;
}

.user_name {
    /*width: 125px;*/
    width: 95px;
    font-size: 15px;
    color: #3e3e3e;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bolder;
}

.user_name:hover {
    cursor: pointer;
    color: #3a5899;
    text-decoration: underline;
}

.user_m {
    width: 22px;
    margin-top: 11px;/*add*/
    float: right;
    cursor: pointer;
}

.user_m_0 {
    /*普通会员*/
    height: 22px;   
	/*background:url(../Images/icon_0008.png) no-repeat -317px -30px;*/
}

.user_m_1 {
    /*蓝钻会员*/
    height: 22px;
    background:url(../Images/icon_0008.png) no-repeat -197px -84px;
}

.user_m_2 {
    /*黄钻钻会员*/
    height: 22px;
    background:url(../Images/icon_0008.png) no-repeat -199px -35px;
}

.user_gold {
    /*width: 125px;*/
    width: 95px;
    color: #8C8C8C;
}

.user_gold_icon {
    height: 20px;
    background:url(../Images/icon_0.png) no-repeat -355px -43px;
}

.nav {
    border: 1px solid #E9E9E9;
    background-color: white;
    padding: 0 5px 5px;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 10px;
}

.nav_item {
    cursor: pointer;
    padding: 0 5px;
    margin-top: 5px;
    overflow: hidden;
    /*line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

.nav_item:hover {
    border-radius: 3px;
    text-decoration: underline;
    background-color: #F5F5F5;
}

.nav_focus {
    color: #333333;
    font-weight: bold;
    border-radius: 3px;
    background-color: #F0F0F0;
}

.nav_item a {
    display: table;
    height: 35px;
    float: left;
    width: 136px;
}

.nav_item span {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
}

.nav_item em {
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    background-image: url(../Images/icon_01.png);
}

.nav_item b {
    min-width: 10px;
    padding: 0 5px;
    margin: 9px 0 0;
    float: right;
    border-radius: 8px;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    display: none;
    background: #f7712f;
}


.nav_item em.nav_cash {
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    background-image: url(../Images/nav-cash.png);
    background-size: 100%;
}

.nav_first {
    background-position: 5px -37px;
}

.nav_encounter {
    background-position: -57px -39px;
}

.nav_visitor {
    background-position: -90px -39px;
}

.nav_favor {
    background-position: -24px -39px;
}

.nav_box {
    background-position: -124px -39px;
}

.nav_flower {
    background-position: -156px -39px;
}

.nav_valentine {
    background-position: -190px -39px;
}

.nav_sticker {
    background-position: -222px -39px;
}

.west_upgrade {
    background: #3a5899 url("../Images/upgrade.png") no-repeat scroll 0 0;
    border: 1px solid #d41b7a;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-weight: bolder;
    line-height: 38px;
    margin-top: 10px;
    padding: 11px 5px 11px 10px;
    text-align: center;
}

.west_upgrade:hover {
    background-color: #1AA734;
}

.west_sticker {
    color: #7C95C4;
    font-weight: bolder;
    height: 220px;
    margin-top: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: url(../Images/sticker_home.jpg) no-repeat white center 0;
}

.west_sticker_btn {
    height: 30px;
    line-height: 30px;
    width: 90%;
    font-size: 13px;
    margin: 175px auto 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    background-color: #3a5899;
}

.west_sticker_btn:hover {
    background-color: #3e9dc6;
    text-decoration: underline;
}

.west_upload {
    color: #7C95C4;
    font-weight: bolder;
    height: 200px;
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 340px;
    background: url(../Images/uploadphoto.png) no-repeat white center 0;
}

.west_upload:hover {
    text-decoration: underline;
}

.center {
    width: 760px;
    /*height: 100%;原来*/
    float: right;
    margin-left: 20px;
    /*overflow: hidden;*//*原来*/
	overflow:hidden;
}

.center_ifm {
    width: 100%;
    /*height: 100%;*/
    min-height: 1050px;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.space {
    width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
    overflow: hidden;
}

.s_top {
    height: 314px;
    overflow: hidden;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}

.s_user {
    width: 180px;
    margin-top: 94px;
    margin-left: 10px;
    padding: 5px 5px 0;
    border: 1px solid #E9E9E9;
    background-color: white;
    position: absolute;
}

.s_user img {
    width: 180px;
    height: 180px;
}

.s_icon {
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    height: 183px;
    background: #F3F6F9;
}

.s_info {
    width: 180px;
    margin: 0;
}

.s_name {
    line-height: 30px;
    font-size: 20px;
    width: 136px;
    color: #395289;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

.s_life {
    float: left;
    margin: 0;
    line-height: 31px;
    height: 30px;
    width: 20px;
    font-size: 25pt;
    font-weight: bolder;
    color: #A9A9A9;
    text-align: center;
    display: inline-block;
}

.s_life_1 {
    color: limegreen;
}

#s_life_status {
    width: 20px;
    height: 30px;
    margin: -2px 2px 0 0;
    font-size: 28pt;
    font-weight: bolder;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    overflow: hidden;
}
em#s_life_status {
font-style: normal;
}
.s_life_status {
    float: left;
    line-height: 31px;
    height: 30px;
    width: 20px;
    font-size: 25pt;
    font-weight: bolder;
    color: #A9A9A9;
    text-align: center;
    display: inline-block;
}

.s_life_list {
    display: none;
    line-height: 22px;
    margin-left: -6px;
    position: absolute;
    background-color: white;
    font-weight: normal;
    border: 1px solid #E9E9E9;
    margin-top: -1px;
}

.s_life_item {
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    color: #707070;
}
.s_life_hide {
    background: url(../Images/icon_0.png) no-repeat -381px -33px;
}
.s_life_true {
    color: limegreen;
}

.s_m {
    width: 22px;
    height: 25px;
    margin: 0;
    display: inline-block;
    /*background: url(../Images/icon_0.png) 100px 100px;*/
    background: url(../Images/icon_0008.png);
}
.s_m_0 {
    /*background-position: -457px -80px;*/
   background-position: -491px -27px;
}

.s_m_1 {
    /*background-position: -457px -80px;*/
    background-position: -197px -78px;
}

.s_m_2 {
    /*background-position: -427px -80px;*/
    background-position: -199px -28px;
}

.s_nav {
    height: 40px;
    margin-top: 272px;
    padding-left: 201px;
    background-color: #F0F0F0;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
}

.s_nav_focus {
    height: 41px;
    color: #3a5899;
    font-weight: bolder;
    background-color: #F5F5F5;
}

.s_nav_item {
    display: inline-block;
    min-width: 80px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #E9E9E9;
    float: left;
    padding: 0 8px;
}

.s_nav_item:hover {
    text-decoration: underline;
    color: #3a5899;
}

.s_center {
    overflow: hidden;
}

.s_center_ifm {
    width: 1000px;
    min-height: 350px;
    height: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.s_dlg_build {
    padding: 40px;
}

.s_dlg_build_label {
    background-color: #EFB934;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    text-align: center;
}

.s_dlg_build_input {
    line-height: 28px;
    height: 28px;
    width: 200px;
    font-size: 15px;
    color: #707070;
    outline: none;
    font-weight: bolder;
    border: 1px solid #e9e9e9;
}

.short_menu {
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.short_btn {
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
    cursor: pointer;
    border-radius: 8px;
    background: url(../Images/icon_0.png) no-repeat #bab7b7;
}

.short_btn:hover {
    background-color: #8f8b8b;
}

.short_top {
    background-position: 3px -501px;
}

.short_chat {
    margin: 10px 0;
    background-position: -31px -505px;
}

.short_lang {
    background-position: 100px 100px;
}

#short_txt {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 13pt;
}

#short_viewer {
    position: absolute;
    width: 320px;
    font-size: 12px;
    line-height: 25px;
    padding: 5px;
    display: none;
    cursor: pointer;
    left: -332px;
    bottom: 0;
    border-radius: 3px;
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    box-shadow: -1px 1px 10px lightgray;
}

.short_lang:hover #short_viewer {
    display: block;
}

.short_code {
    margin: 5px;
    width: 70px;
    font-size: 12px;
    border: 1px;
    color: #707070;
    text-align: center;
    float: left;
    height: 23px;
    line-height: 23px;
}

.short_code:hover {
    border-radius: 3px;
    background-color: #F0F0F0;
}