@charset "UTF-8";

body {
height:auto;
padding:0px;
margin:0px;
font-size:14px;
line-height:150%;
background-color:#fafafa;
font-family:"微软雅黑","宋体","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
background-image:url(/images/bg/1.png);
background-repeat: repeat-x;
background-size:auto 450px;
}

ul,li,hr,h1,h2,h3,h4,h5,form,div {
margin:0px;
padding:0px;
border:0px;
list-style-type:none;
}

div,span,dl {
margin:0px;
padding:0px;
}

img {border:0px;}

a {  
    text-decoration: none; /* 移除下划线 */  
    color: inherit; /* 继承父元素的颜色 */  
}  
  
a:active, a:focus {  
    outline: none; /* 移除点击时的轮廓 */  
    box-shadow: none; /* 移除点击时的阴影 */  
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击时的高亮色 */  
}

a:active, a:focus {  
    background-color: transparent; /* 设置背景色为透明 */  
    color: inherit; /* 继承父元素的颜色 */  
    outline: none; /* 移除轮廓 */  
    box-shadow: none; /* 移除阴影 */  
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击时的高亮色 */  
}

a:link {
color: #333333;
text-decoration:none;
}

a:visited {
color: #333333;
text-decoration:none;
}

a:hover {
color: #333333;
text-decoration: none;
}

#body {
width:auto;
height:auto;
text-align:left;
color:#404040;
padding-left:10px;
min-width:200px;
text-decoration:none;
}

#noscript {
float:left;
width:100%;
height:auto;
line-height:40px;
overflow:hidden;
font-size:14px;
font-weight:bold;
color:red;
background-color: #FFCC66;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
}

/******************************************************************************* m-topuser */

#m-topuser {
float:left;
width:100%;
height:50px;
line-height:30px;
padding-top:0px;
overflow:hidden;
}

#m-topuser a { color:#fff;}

#m-topuser .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
}

#m-topuser .body .box{
float:left;
width:96%;
height:auto;
margin-left:2%;
margin-right:2%;
padding-top:2px;
line-height:180%;
color:#fff;
font-size:14px;
}

#m-topuser .body div{
float:left;
width:auto;
height:auto;
}

#m-topuser .body .avatar{
width:auto;
height:auto;
margin-right:10px;
}

#m-topuser .body .nickname{
width:auto;
font-size:14px;
font-weight:bold;
line-height:180%;
}

#m-topuser .body .avatar_box{
width:36px;
height:36px;
padding-top:5px;
padding-left:5px;
}

#m-topuser .body .avatar_box img{
width:100%;
height:100%;
border-radius:50%;
}

#m-topuser .body .account{
width:auto;
height:auto;
text-align:left;
}

#m-topuser .body .account h5{
font-size:14px;
line-height:46px;
}

#m-topuser .body .account span{
float:left;
width:auto;
height:30px;
line-height:30px;
margin-left:0px;
}

#m-topuser .body .account font{
float:left;
font-size:14px;
width:auto;
height: auto;
line-height:24px;
margin-right:5px;
}

#m-topuser .body .setup{
float:right;
width:auto;
height:auto;
text-align:right;
}

#m-topuser .body .setup span{
float:right;
width:30px;
height:auto;
margin-left:0px;
padding:15px 15px 0px 0px;
}

#m-topuser .body .setup img{
width:20px;
}

/******************************************************************************* m-topmenu */

#m-topmenu {
float:left;
width:100%;
height:auto;
line-height:34px;
padding-top:10px;
padding-bottom:10px;
}

#m-topmenu .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
}

#m-topmenu .topmenu{
float:left;
width:96%;
height:auto;
margin-left:2%;
margin-right:2%;
}

#m-topmenu .topmenu .swiper-container{
float:left;
width:calc(100% - 40px);
height:auto;
}

#m-topmenu .topmenu .moremenu{
float:right;
width:40px;
height:22px;
color:#fff;
max-width:40px;
min-width:40px;
padding-top:10px;
text-align:center;
cursor:pointer;
}

#m-topmenu .topmenu .swiper-wrapper{
float:left;
width:100%;
height:auto;
}

#m-topmenu .topmenu .swiper-slide{
float:left;
width:20%;
height:36px;
line-height:36px;
overflow:hidden;
color:#ffffff;
text-align:center;
cursor:pointer;
min-width:55px;
max-width:80px;
font-size:16px;
}

#m-topmenu .topmenu .on{
font-size:42px;
font-size:18px;
font-weight:bold;
line-height:34px;
}

#m-topmenu .topmenu .signin{
border-radius:20px;
margin-left:3%;
margin-right:10px;
background-color:#FFFFFF;
color:#FF6600;
width:20%;
min-width:40px;
max-width:50px;
float:left;
height:26px;
line-height:26px;
font-size:14px;
margin-top:4px;
}

#m-topmenu .topmenu a{
color:#ffffff;
}

#m-topmenu .topmenu .signin a{
color:#FF6600;
}

#topmenu_jia_div {  
float:left;
width:150px;
height:auto;
position:fixed;
_position:absolute;
top:0px;
left:0px;
z-index:10;
border-radius:10px;
background-color:#111;
padding:0px;
margin:0px;
padding-top:2px;
}

#topmenu_jia_div ul{
float:left;
width: auto;
height:auto;
}

#topmenu_jia_div li{
float:left;
width:130px;
height:auto;
margin-left:10px;
margin-right:10px;
margin-top:6px;
padding-bottom:6px;
border-bottom:1px solid #333;
}

#topmenu_jia_div li span{
float:left;
width:30px;
height:30px;
}

#topmenu_jia_div li img{
width:20px;
height:20px;
margin-top:10px;
margin-top:4px;
opacity:1;
filter:Alpha(Opacity=100);
}

#topmenu_jia_div li .avatar img{
width:28px;
height:28px;
margin-top:10px;
border-radius:50%;
margin-top:0px;
opacity:1;
filter:Alpha(Opacity=100);
}

#topmenu_jia_div li font{
float:right;
width:90px;
height:24px;
color:#fff;
line-height:28px;
font-size:14px;
text-align:left;
}


/******************************************************************************* m-top */

.m-top {
float:left;
width:100%;
height:auto;
line-height:30px;
padding-top:0px;
}

.m-top .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
}

.m-top .search{
float:left;
height:auto;
background:#fff;
border-radius:20px;
margin-left:2%;
margin-right:2%;
width:96%;
}

.m-top .search ul{
float:left;
width:100%;
height:auto;
}

.m-top .search li{
float:left;
width:auto;
height: auto;
overflow:hidden;
}

.m-top .search .colbox{
height:40px;
background:#fff;
width:40px;
min-width:40px;
max-width:40px;
background-image:url(/images/bg/inputso.png);
background-repeat: no-repeat;
background-position:center center;
background-size:auto 40%;
border-radius:20px 0px 0px 20px;
overflow:hidden;
}

.m-top .search .inputbox{
background:#fff;
width:calc(80% - 41px);
text-align:right;
overflow:hidden;
height:40px;
}

.m-top .search li .input{
width:100%;
height:38px;
border:0px;
line-height:30px;
font-family:"微软雅黑","宋体","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
font-weight:bold;
font-size:14px;
outline:0px;
}

.m-top ::-webkit-input-placeholder { /* WebKit browsers */
color: #ccc;
font-size:16px;
font-weight:400;
padding-left:0px;
text-align:left;
padding-top:0px;
line-height:18px;
}

.m-top ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
font-size:16px;
font-weight:400;
padding-left:0px;
text-align:left;
padding-top:0px;
line-height:18px;
}

.m-top :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ccc;
font-size:16px;
font-weight:400;
padding-left:0px;
text-align:left;
padding-top:0px;
line-height:18px;
}   

.m-top .search .submitbox{
height:36px;
width:20%;
float:right;
padding:2px 0px 2px 0px;
}

@media only screen and (max-width: 600px){
.m-top .search .submitbox{
padding:2px 1px 2px 0px;
}
}

.m-top .search li .submit{
float:left;
width:99%;
height:36px;
border:0px;
line-height:28px;
background-color:#FB3919;
font-weight:bold;
color:#ffffff;
cursor:pointer;
font-family:"微软雅黑","宋体","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
-webkit-appearance : none ;
font-size:16px;
border-radius:20px;
position:relative;
}

.m-top .search .inputbox .del{
float:right;
width:30px;
height:34px;
text-align:center;
line-height:36px;
top:-38px;
right:-5px;
position:relative;
z-index:1;
cursor: pointer;
}

.m-top .search .inputbox .del img{
margin-top:10px;
margin-right:10px;
}

.m-top .search .inputbox .del_out{
opacity:1;
filter:Alpha(Opacity=100);
}

.m-top .search .inputbox .del_over{
opacity:1;
filter:Alpha(Opacity=100);
}

.m-top .moremenu{
display:none;
}

.m-top .topmenu_jia{
display:none;
}

.m-top-fixed{
position:fixed;
left:0px;
top:0px;
z-index:5;
background-image:url(/images/bg/1.png);
background-repeat:repeat-x;
background-size:auto 100%;
padding-top:10px;
padding-bottom:10px;
}

.m-top-fixed .search{
float:left;
height:auto;
background:#fff;
border-radius:20px;
margin-left:2%;
margin-right:2%;
width:96%;
width:calc(96% - 60px);
}

.m-top-fixed .search .submitbox{
height:36px;
width:20%;
float:right;
padding:2px 1px 2px 0px;
}

.m-top .search .inputbox{
width:calc(80% - 42px);
}

.m-top-fixed .moremenu{
display: block;
float:left;
width:20px;
height:22px;
color:#fff;
padding-top:10px;
text-align:center;
cursor:pointer;
padding-left:10px;
}

.m-top-fixed .topmenu_jia{
display: block;
float:right;
width:20px;
height:22px;
color:#fff;
padding-top:10px;
text-align:center;
cursor:pointer;
padding-right:10px;
}



/******************************************************************************* m-top-sodiv */

#m-top-sodiv {
float:left;
width:100%;
height: auto;
line-height:36px;
padding-top:0px;
position:fixed;
_position:absolute;
z-index:100;
top:100px;
left:0px;
padding-top:0px;
}

#m-top-sodiv .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}

#m-top-sodiv .search_info{
float:left;
width:100%;
min-height:200px;
background:#fff;
border-top-left-radius:20px;
border-top-right-radius:20px;
margin-left:0%;
margin-right:0%;
width:100%;
overflow:auto;
scrollbar-width: none; /* Firefox 64 */
-ms-overflow-style: none; /* IE 11 */
}

#m-top-sodiv .search_info::-webkit-scrollbar {
display:none;
}

#m-top-sodiv .search_info .search_title{
float:left;
width:94%;
height:36px;
padding-left:3%;
line-height:36px;
padding-top:0px;
font-size:14px;
}

#m-top-sodiv .search_info .search_title .l{
float:left;
width:50%;
height: auto;
font-size:14px;
font-weight:bold;
text-align:left;
}

#m-top-sodiv .search_info .search_title .l font{
font-size:12px;
color: #999999;
font-weight:400;
}

#m-top-sodiv .search_info .search_title .r{
float:left;
width:50%;
height: auto;
text-align:right;
}

#m-top-sodiv .search_info .search_list{
float:left;
width:94%;
height: auto;
padding-left:3%;
text-align:left;
color:#999999;
}

#m-top-sodiv .search_info .blankheight{
float:left;
width:100%;
height:10px;
}

#m-top-sodiv .search_info .search_list ul{
float:left;
width:100%;
height: auto;
}

#m-top-sodiv .search_info .search_list li{
float:left;
width:auto;
height: 28px;
padding:0px 10px;
border-radius:6px;
background-color: #F8F6F6;
margin-right:10px;
line-height:28px;
overflow:hidden;
margin-bottom:10px;
}

#m-top-sodiv .search_info .search_list .on{
color:#FF0000;
font-weight:bold;
}

#m-top-sodiv .search_info .search_list .wait{
float:left;
width:100%;
height:40px;
background-image:url(/images/wait.gif);
background-repeat:no-repeat;
background-position:left center;
background-size:auto 50%;
opacity:0.3;
filter:Alpha(Opacity=30);
}

#m-top-sodiv .search_sokeys{
float:left;
width:100%;
min-height:300px;
background:#fff;
border-top-left-radius:20px;
border-top-right-radius:20px;
margin-top:0px;
overflow:auto;
scrollbar-width: none; /* Firefox 64 */
-ms-overflow-style: none; /* IE 11 */
}

#m-top-sodiv .search_sokeys::-webkit-scrollbar {
display:none;
}

#m-top-sodiv .search_sokeys .blankheight{
float:left;
width:100%;
height:200px;
}

#m-top-sodiv .search_sokeys ul{
float:left;
width:94%;
height: auto;
padding:10px 3%;
padding-top:0px;

}

#m-top-sodiv .search_sokeys li{
float:left;
width:calc(100% - 20px);
height:46px;
text-align:left;
line-height:46px;
border-top:1px solid #F8F6F6;
background-image:url(/images/so_40.png);
background-repeat: no-repeat;
background-position:left center;
background-size:auto 30%;
padding-left:20px;
}

#m-top-sodiv .search_info .search_info_del, #m-top-sodiv .search_sokeys .search_info_del{
width:100%;
height:10px;
padding:0px;
margin:0px;
z-index:1;
cursor: pointer;
position: relative;
text-align:right;
}

#m-top-sodiv .search_info .search_info_del img, #m-top-sodiv .search_sokeys .search_info_del img{
margin-top:10px;
margin-right:10px;
}

#m-top-sodiv .search_info .del_out, #m-top-sodiv .search_sokeys .del_out{
opacity:0.5;
filter:Alpha(Opacity=50);
}

#m-top-sodiv .search_info .del_over, #m-top-sodiv .search_sokeys .del_over{
opacity:1;
filter:Alpha(Opacity=100);
}

/******************************************************************************* so-menu */

#so-menu {
float:left;
width:100%;
height:auto;
line-height:24px;
padding-top:10px;
padding-bottom:0px;
}

#so-menu .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
}

#so-menu .so-menu-body{
float:left;
height:auto;
color:#ffffff;
margin-left:2%;
margin-right:2%;
width:96%;
font-size:16px;
}

#so-menu .so-menu-body ul{
float:left;
width:auto;
height:auto;
}

#so-menu .so-menu-body li{
float:left;
width:auto;
height:auto;
}

#so-menu .so-menu-body a{
color:#ffffff;
}

#so-menu .so-menu-body .on{
font-weight:bold;
}

/******************************************************************************* m-index */

#m-index {
float:left;
width:100%;
height:auto;
overflow:hidden;
}

#m-index .body{
width:auto;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
background-color: #f6f6f6;
border-radius:20px;
}

/******************************************************************************* index-image */

#index-image {
float:left;
width:100%;
height:auto;
background-color:#fff;
border-radius:20px;
}

#index-image ul{
float:left;
width:100%;
height:auto;
line-height:34px;
padding-top:15px;
padding-bottom:10px;
width:100%;
}

#index-image li{
float:left;
width:20%;
height:auto;
text-align:center;
padding-top:5px;
text-align:center;
color:#666666;
}

#index-image li span{
float:left;
width:36px;
height:36px;
border-radius:50%;
margin-left:calc(calc(100% - 36px)/2);
color:#fff;
line-height:42px;
}

#index-image li span img{
width:60%;
margin-top:20%;
}

.m-image-list .quan{
background: linear-gradient(to bottom right, #FC7F7F, #FC0404); 
}

.m-image-list .tehui{
background: linear-gradient(to bottom right, #76FD93, #04BB2A); 
}

.m-image-list .ranking{
background: linear-gradient(to bottom right, #DB7DFD, #8403B3); 
}

.m-image-list .sou{
background: linear-gradient(to bottom right, #FC7C8E, #D70623); 
}

.m-image-list .sou img{
width:54%;
margin-top:23%;
}

.m-image-list .hun{
background: linear-gradient(to bottom right, #76FD93, #017319);
color:#fff;
font-weight:bold;
line-height:36px;
font-family:"微软雅黑","宋体","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
}

.m-image-list .ju{
background: linear-gradient(to bottom right, #FC988A, #FB1E00); 
}

.m-image-list .zhe{
background: linear-gradient(to bottom right, #7BF4FC, #017980); 
}

.m-image-list .bu{
background: linear-gradient(to bottom right, #FAA379, #FF5704); 
}

.m-image-list .activity{
background: linear-gradient(to bottom right, #F9896F, #E43209); 
}

.m-image-list .gong{
background: linear-gradient(to bottom right, #8DADFE, #0048FF); 
}

.m-image-list .yi{
background: linear-gradient(to bottom right, #A4F860, #4EAA04); 
}

.m-image-list .love{
background: linear-gradient(to bottom right, #FC9A9F, #FF0410); 
}

.m-image-list .pig{
background: linear-gradient(to bottom right, #79F7DB, #007359); 
}

.m-image-list .menu{
background: linear-gradient(to bottom right, #FC81B5, #F0086A); 
}


.m-image-list .weixin{
background: linear-gradient(to bottom right, #90EB5B, #328204); 
}

.m-image-list .weixin img{
width:100%;
margin-top:0%;
}


#index-image li font{
float:left;
width:100%;
height:auto;
line-height:250%;
font-size:12px;
}

#index-image li font a{
color: #ffffff;
text-decoration:none;
}

@media only screen and (min-width: 640px){
#index-image li{
width:10%;
}
}
/******************************************************************************* index-info */

#index-info {
float:left;
width:100%;
height:auto;
border-radius:20px;
}

#index-info .index-info-title{
float:left;
width:100%;
height:50px;
overflow:hidden;
border-top-left-radius:15px;
border-top-right-radius:15px;
line-height:50px;
background-color:#f6f6f6;
font-size:16px;
}

#index-info .index-info-title div{
float:left;
width:100%;
height:100%;
}

#index-info .index-info-title dl{
float:left;
width:25%;
height:100%;
}

#index-info .index-info-title .hot{
background-image:url(/Images/index/hot.png);
background-position:left center;
background-repeat: no-repeat;
background-size:18px;
padding-left:22px;
}

#index-info .index-info-title .qun{
background-image:url(/Images/index/qun.png);
background-position:left center;
background-repeat: no-repeat;
background-size:20px;
padding-left:24px;
}

#index-info .index-info-title .user{
background-image:url(/Images/index/user.png);
background-position:left center;
background-repeat: no-repeat;
background-size:16px;
padding-left:22px;
}


#index-info .index-info-title .title_bg{
background-color:#FFFFFF;
cursor:pointer;

}

#index-info .index-info-title .title_bg_on{
background-color:#f6f6f6;
}

#index-info .index-info-title .title{
float:left;
width:100%;
height:100%;
background-color:#f6f6f6;
}

#index-info .index-info-title .title_left{
border-bottom-left-radius:15px;
}

#index-info .index-info-title .title_right{
border-bottom-right-radius:15px;
}


#index-info .index-info-title .on{
background-color:#fff;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
font-weight:bold;
}

#index-info .index-info-body{
float:left;
width:96%;
height:auto;
overflow:hidden;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
padding-left:2%;
padding-right:2%;
text-align:left;
background-color:#fff;
border-top-right-radius:15px;
}

#index-info ul{
float:left;
width:100%;
height:auto;
line-height:34px;
padding-top:15px;
padding-bottom:10px;
margin-left:0%;
margin-right:0%;
width:100%;
}

#index-info li{
float:left;
width:auto;
height:auto;
border-radius:20px;
height:32px;
margin-left:5px;
margin-right:5px;
background-color:#fafafa;
line-height:32px;
overflow:hidden;
margin-bottom:10px;
text-align:center;
cursor:pointer;
padding-left:10px;
padding-right:10px;
}

#index-info .index-info-body .on{
color: #FF0000;
font-weight:bold;
}

#index-info ul .image{
float:left;
width:20%;
height:auto;
border-radius:50%;
}

#index-info ul .image img{
width:100%;
height:auto;
border-radius:50%;
}

#index-info ul .qrimage{
float:left;
width:calc(20% - 4px);
height:auto;
padding:1px;
border-radius:5px;
border:1px solid #f1f1f1;
}

#index-info ul .qrimage img{
width:100%;
height:auto;
}


#index-info ul .image img{
width:100%;
height:auto;
}

#index-info ul .text{
float:left;
width:80%;
width:calc(80% - 20px);
margin-left:20px;
}

#index-info ul .text .title{
float:left;
width:100%;
font-size:16px;
font-weight:bold;
line-height:30px;
}

#index-info ul .text .intro{
float:left;
width:100%;
line-height:24px;
}

#index-info ul .text .button{
float:left;
width:100%;
line-height:24px;
padding-top:10px;
padding-bottom:10px;
}

#index-info ul .text .button .submit_follow{
width:20%;
min-width:100px;
max-width:150px;
height:32px;
text-align:center;
font-size:14px;
font-weight:bold;
line-height:30px;
border-radius:20px;
padding:0px;
border:0px;
margin:0px;
background-color: #FF3300;
color:#FFFFFf;
outline: none;
cursor:pointer;
}

#index-info ul .text .button .followed{
background-image:url(/images/gou_white.png);
background-repeat: no-repeat;
background-size:auto 14px;
background-position: 15px center;
padding-left:10px;
}

#index-info ul .text .button .submit_apply{
background-color:#4CBCE4;
}

#index-info ul .text .notes{
float:left;
width:100%;
line-height:24px;
color:#aaa;
}

#index-info ul .text .notes a{
color:#aaa;
}

/******************************************************************************* password-simple */

#password-simple-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.2;
filter:Alpha(Opacity=20);
background-color:#000000;
}

#password-simple{
float:left;
width:100%;
height:auto;
position:fixed;
_position:absolute;
bottom:0px;
left:0px;
z-index:100;
color:#fff;
background-color:#686868;
border-top-right-radius:20px;
border-top-left-radius:20px;
}

#password-simple .body{
width:100%;
height:auto;
min-width:200px;
max-width:1200px;
}

#password-simple .password-simple{
float:left;
width:100%;
height: auto;
}

#password-simple .title{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:280%;
font-size:14px;
font-weight:bold;
}

#password-simple .clicklink{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:200%;
font-size:14px;
margin-bottom:15px;
text-align:center;
}

#password-simple .clicklink .submit{
width:80%;
height:42px;
line-height:200%;
font-size:14px;
color:#999999;
border:0px;
border-radius:20px;
text-align:center;
background-color:#FF6600;
color:#fff;
margin:0px;
max-width:500px;
cursor:pointer;
}

#password-simple .list{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:200%;
font-size:14px;
margin-bottom:15px;
}

#password-simple .list ul{
float:left;
width:100%;
height:auto;
}

#password-simple .list li{
float:left;
height:auto;
}

#password-simple .list .l{
float:left;
width:60%;
}

#password-simple .list .r{
float:left;
width:40%;
}

#password-simple .list .input{
float:right;
width:80%;
height:40px;
line-height:200%;
font-size:14px;
color:#999999;
border:0px;
text-align:center;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
max-width:390px;
}

#password-simple .list .submit{
float:left;
width:80%;
height:42px;
line-height:200%;
font-size:14px;
color:#999999;
border:0px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
text-align:center;
background-color:#FF6600;
color:#fff;
margin:0px;
max-width:150px;
cursor:pointer;
}

#password-simple .prompt{
float:left;
width:100%;
height:auto;
color:#fff;
line-height:300%;
padding-top:0px;
margin-bottom:0px;
font-size:14px;
}

#password-simple .click{
float:left;
width:100%;
height:auto;
color:#ccc;
line-height:300%;
padding-top:0px;
margin-bottom:0px;
font-size:14px;
}

#password-simple .click a{
color: #ccc;
text-decoration:none;
}

#password-simple .couponstate{
color: #FF6600;
}

#password-simple .clicktext input{
width:50%;
height:40px;
border-radius:20px;
background-color:#FF0000;
color:#FFF;
border:0px;
}

#password-simple .fanlitext{
color:#fff;
}

#password-simple .fanlitext a{
font-weight:bold;
color:#fff;
}

#password-simple .fanlitext b{
color:#FF6600;
}

#password-simple .close{
float:left;
width:100%;
height:auto;
color:#fff;
line-height:300%;
padding-top:15px;
margin-bottom:15px;
}

#password-simple .close div{
width:60%;
max-width:300px;
height:40px;
border-radius:20px;
background-color:#797979;
color:#fff;
line-height:40px;
cursor:pointer;
}

#password-simple .QRCode{
float:left;
width:100%;
height:120px;
font-size:14px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
}

#password-simple .QRCode img{
height:100%;
}

@media only screen and (min-width: 600px){

	#password-simple{
	float:left;
	width:100%;  
	height:420px;  
	min-width:500px;
	max-width:500px;
	position:fixed;
	_position:absolute;
	left:50%; 
	top:50%; 
	padding:0px;
	margin:0px;
	transform: translate(-50%, -50%);  
	background-color: #f1f1f1;  
	border-radius:20px;
	z-index:100;
	overflow:auto;
	background-color:#fefefe;
	}
	
	#password-simple .title{
	color:#333;
	}
	
	#password-simple .list .input{
	color:#666;
	border:0px;
	text-align:center;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	max-width:390px;
	background-color:#ededed;
	}
	
	#password-simple .prompt{
	color: #FF6600;
	font-weight:bold;
	line-height:280%;
	}

	#password-simple .click{
	color:#999;
	line-height:280%;
	}

	#password-simple .click a{
	color: #999;
	text-decoration:none;
	}

	#password-simple .couponstate{
	color: #FF0000;
	}
	
	#password-simple .fanlitext{
	color:#666;
	}
	
	#password-simple .fanlitext a{
	color:#666;
	}
	
	#password-simple .fanlitext b{
	color:#FF0000;
	}
	
	#password-simple .close div{
	background-color:#FF6600;
	}

}

/******************************************************************************* share-item */

#share-item-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.5;
filter:Alpha(Opacity=50);
background-color:#000000;
}

#share-item{
float:left;
width:100%;  
height:auto;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
top:50%;  
left:50%; 
transform: translate(-50%, -50%);
padding:0px;
margin:0px;
background-color:#f1f1f1;
z-index:10;
overflow:auto;
}

#share-item .body{
width:100%;
height:100%;
min-height:300px;
overflow:hidden;
min-width:200px;
max-width:1200px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
}

#share_iframe{
width:100%;
height: auto;
}

@media only screen and (min-width: 600px){

	#share-item{
	border-radius:20px;
	}
	
	#share-item .body{
	border-radius:20px;
	}
	
	#share_iframe{
	border-radius:20px;
	}

}

/******************************************************************************* closetitdiv */

.closetitdiv{
width:100%;
height:30px;
border-top-left-radius:20px;
border-top-right-radius:20px;
padding-top:10px;
padding-bottom:10px;
}

.closetitdiv h5{
float:left;
width: auto;
height:30px;
line-height:30px;
margin-left:20px;
font-size:16px;
}

.closetitdiv font{
float:right;
width: auto;
height:30px;
line-height:30px;
margin-left:10px;
font-size:14px;
font-weight:400;
}

.closetitdiv span{
float:right;
width:30px;
height:30px;
background-image:url(/images/open_colse_gray.png);
background-repeat:no-repeat;
background-position:center center;
background-size:40%;
margin-right:10px;
}

.closetitdiv .over{
border-radius:15px;
background-color:#FE2C2C;
background-image:url(/images/open_colse.png);
background-repeat:no-repeat;
background-position:center center;
background-size:40%;
margin-right:10px;
}

/******************************************************************************* logon-win */

#logon-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:100;
opacity:0.3;
filter:Alpha(Opacity=30);
background-color:#000000;
}

#logon-win{
float:left;
width:100%;  
height:450px;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
bottom:0px;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, 0%);  
background-color: #f1f1f1;  
border-top-left-radius:20px;
border-top-right-radius:20px;
z-index:100;
overflow:auto;
}

#logon-win .body{
width:100%;
height:450px; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
}

#logon_iframe{
width:100%;
height:450px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}

@media only screen and (min-width: 600px){

	#logon-win{
	top:50%;  
	transform: translate(-50%, -50%);
	border-radius:20px;
	}
	
	#logon-win .body{
	border-radius:20px;
	}
	
	#logon_iframe{
	border-radius:20px;
	}

}

/******************************************************************************* help-win */

#help-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:100;
opacity:0.5;
filter:Alpha(Opacity=50);
background-color:#000000;
}

#help-win{
float:left;
width:100%;  
height: auto;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
top:50%;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, -50%);
border-radius:20px;
background-color:#f1f1f1;
z-index:100;
overflow:auto;
}

#help-win .body{
width:100%;
height:100%; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-radius:20px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
}

#help_iframe{
width:100%;
height: auto;
border-radius:20px;
}

/******************************************************************************* setup-win */

#setup-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:100;
opacity:0.5;
filter:Alpha(Opacity=50);
background-color:#000000;
}

#setup-win{
float:left;
width:100%;  
height: auto;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
top:50%;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, -50%);
border-radius:20px;
background-color:#f1f1f1;
z-index:100;
overflow:auto;
}

#setup-win .body{
width:100%;
height:100%; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-radius:20px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
}

#setup_iframe{
width:100%;
height: auto;
border-radius:20px;
}

/******************************************************************************* catlist-win */

#catlist-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:100;
opacity:0.5;
filter:Alpha(Opacity=50);
background-color:#000000;
}

#catlist-win{
float:left;
width:100%;  
height: auto;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
top:50%;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, -50%);
border-radius:20px;
background-color:#fff;
z-index:100;
overflow:hidden;
}

#catlist-win .body{
width:100%;
height:100%; 
min-width:200px;
max-width:1200px;
border-radius:20px;
overflow:hidden;
}

#catlist-win .catlist{
width:100%;
height:auto; 
overflow:auto;
}

#catlist-win ul{
width:98%;
height:auto; 
padding-top:0px;
padding-bottom:10px;
overflow:hidden;
}

/******************************************************************************* itemImg-win */

#itemImg-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.5;
filter:Alpha(Opacity=50);
background-color:#000000;
}

#itemImg-win{
float:left;
width:100%;  
height: auto;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
top:50%;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, -50%);
background-color:#f1f1f1;
z-index:10;
overflow:auto;
}

#itemImg-win .body{
width:100%;
height:100%; 
min-height:300px;
overflow:hidden;
min-width:200px;
max-width:1200px;
background-image:url(/images/wait.gif);
background-position:center center;
background-repeat:no-repeat;
}

#itemImg_iframe{
width:100%;
height: auto;
}

@media only screen and (min-width: 600px){

	#itemImg-win{
	border-radius:20px;
	}
	
	#itemImg-win .body{
	border-radius:20px;
	}
	
	#itemImg_iframe{
	border-radius:20px;
	}

}

/******************************************************************************* moremenu_win */

#moremenu-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.3;
filter:Alpha(Opacity=30);
background-color:#000000;
}

#moremenu-win{
float:left;
width:100%;  
height:520px;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
bottom:0px;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, 0%);  
background-color: #fff;  
border-top-left-radius:20px;
border-top-right-radius:20px;
z-index:10;
overflow:auto;
}

#moremenu-win .body{
width:100%;
height:100%; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-top-left-radius:20px;
border-top-right-radius:20px;
overflow-y:auto;
}

@media only screen and (min-width: 600px){

	#moremenu-win{
	top:50%;  
	transform: translate(-50%, -50%);
	border-radius:20px;
	}
	
	#moremenu-win .body{
	border-radius:20px;
	}
	
	#moremenu_iframe{
	border-radius:20px;
	}

}

#moremenu-win .moremenu{
float:left;
width:100%;
height:auto;
}

#moremenu-win .title{
float:left;
width:100%;
height:auto;
padding-top:0px;
line-height:200%;
font-size:14px;
text-align:left;
text-indent:20px;
color:#696969;
font-weight:bold;
}

#moremenu-win .list{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:200%;
font-size:14px;
overflow-x:auto;
white-space:nowrap;
}

/* 隐藏滚动条 */  
#moremenu-win .list::-webkit-scrollbar {  
display: none;  
}

#moremenu-win .list ul{
float:left;
width: auto;
height:auto;
padding-left:10px;
}

#moremenu-win .list li{
float:left;
width:60px;
height:60px;
margin-left:6px;
margin-bottom:5px;
}

#moremenu-win .list li span{
float:left;
width:36px;
height:36px;
border-radius:50%;
background-color:#f1f1f1;
text-align:center;
margin-left:calc(calc(100% - 36px)/2);
}

#moremenu-win .list li span img{
width:20px;
height:20px;
margin-top:8px;
}

#moremenu_list4 img, #moremenu_list3 img{
width:24px;
height:24px;
margin-top:6px;
opacity:0.8;
filter:Alpha(Opacity=80);
}

#moremenu-win .list li .avatar img{
width:36px;
height:36px;
margin-top:9px;
border-radius:50%;
margin-top:0px;
}

#moremenu-win .user li{
height:42px;
margin-left:3px;
margin-bottom:10px;
line-height:42px;
}

#moremenu-win .user li .avatar img{
width:42px;
height:42px;
margin-top:0px;
border-radius:50%;
margin-top:0px;
}

#moremenu-win .list li font{
float:left;
width:100%;
height:24px;
color:#696969;
line-height:24px;
font-size:12px;
}

#moremenu-win .close{
float:left;
width:100%;
height:auto;
color:#fff;
line-height:300%;
padding-top:10px;
margin-bottom:30px;
}

#moremenu-win .close div{
width:80%;
max-width:500px;
height:40px;
border-radius:20px;
background-color:#f1f1f1;
color:#000;
line-height:40px;
cursor:pointer;
}


/******************************************************************************* moreimage_win */

#moreimage-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.3;
filter:Alpha(Opacity=30);
background-color:#000000;
}

#moreimage-win{
float:left;
width:100%;  
height:620px;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
bottom:0px;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, 0%);  
background-color: #fff;  
border-top-left-radius:20px;
border-top-right-radius:20px;
z-index:10;
overflow:auto;
}

#moreimage-win .body{
width:100%;
height:100%; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-top-left-radius:20px;
border-top-right-radius:20px;
overflow-y:auto;
}

@media only screen and (min-width: 600px){

	#moreimage-win{
	top:50%;  
	transform: translate(-50%, -50%);
	border-radius:20px;
	}
	
	#moreimage-win .body{
	border-radius:20px;
	}
	
	#moreimage_iframe{
	border-radius:20px;
	}

}

#moreimage-win .moreimage{
float:left;
width:100%;
height:auto;
}

#moreimage-win .title{
float:left;
width:100%;
height:auto;
padding-top:0px;
line-height:200%;
font-size:14px;
text-align:left;
text-indent:20px;
color:#696969;
font-weight:bold;
}

#moreimage-win .list{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:200%;
font-size:14px;
overflow-x:auto;
white-space:nowrap;
}

/* 隐藏滚动条 */  
#moreimage-win .list::-webkit-scrollbar {  
display: none;  
}

#moreimage-win .list ul{
float:left;
width: auto;
height:auto;
padding-left:10px;
}

#moreimage-win .list li{
float:left;
width:60px;
height:60px;
margin-left:6px;
margin-bottom:5px;
}

#moreimage-win .list li span{
float:left;
width:36px;
height:36px;
border-radius:50%;
background-color:#f1f1f1;
text-align:center;
margin-left:calc(calc(100% - 36px)/2);
}

#moreimage-win .list li span img{
width:20px;
height:20px;
margin-top:8px;
}

#moreimage-win .list li font{
float:left;
width:100%;
height:24px;
color:#696969;
line-height:24px;
font-size:12px;
}

#moreimage-win .close{
float:left;
width:100%;
height:auto;
color:#fff;
line-height:300%;
padding-top:10px;
margin-bottom:30px;
}

#moreimage-win .close div{
width:80%;
max-width:500px;
height:40px;
border-radius:20px;
background-color:#f1f1f1;
color:#000;
line-height:40px;
cursor:pointer;
}

/******************************************************************************* moremenu_win */

#u-moremenu-win-bg{
top:0px;
left:0px;
float:left;
width:100%;  
height:100%; 
position:fixed;
_position:absolute;
z-index:10;
opacity:0.3;
filter:Alpha(Opacity=30);
background-color:#000000;
}

#u-moremenu-win{
float:left;
width:100%;  
height:620px;  
min-width:200px;
max-width:600px;
position:fixed;
_position:absolute;
bottom:0px;  
left:50%; 
padding:0px;
margin:0px;
transform: translate(-50%, 0%);  
background-color: #fff;  
border-top-left-radius:20px;
border-top-right-radius:20px;
z-index:10;
overflow:auto;
}

#u-moremenu-win .body{
width:100%;
height:100%; 
overflow:hidden;
min-width:200px;
max-width:1200px;
border-top-left-radius:20px;
border-top-right-radius:20px;
overflow-y:auto;
}

@media only screen and (min-width: 600px){

	#u-moremenu-win{
	top:50%;  
	transform: translate(-50%, -50%);
	border-radius:20px;
	}
	
	#u-moremenu-win .body{
	border-radius:20px;
	}
	
	#moremenu_iframe{
	border-radius:20px;
	}

}

#u-moremenu-win .moremenu{
float:left;
width:100%;
height:auto;
}

#u-moremenu-win .title{
float:left;
width:100%;
height:auto;
padding-top:0px;
line-height:200%;
font-size:14px;
text-align:left;
text-indent:20px;
color:#696969;
font-weight:bold;
}

#u-moremenu-win .list{
float:left;
width:100%;
height:auto;
padding-top:10px;
line-height:200%;
font-size:14px;
overflow-x:auto;
white-space:nowrap;
}

/* 隐藏滚动条 */  
#u-moremenu-win .list::-webkit-scrollbar {  
display: none;  
}

#u-moremenu-win .list ul{
float:left;
width: auto;
height:auto;
padding-left:10px;
}

#u-moremenu-win .list li{
float:left;
width:60px;
height:60px;
margin-left:6px;
margin-bottom:5px;
}

#u-moremenu-win .list li span{
float:left;
width:36px;
height:36px;
border-radius:50%;
background-color:#f1f1f1;
text-align:center;
margin-left:calc(calc(100% - 36px)/2);
}

#u-moremenu-win .list li span img{
width:20px;
height:20px;
margin-top:8px;
opacity:0.8;
filter:Alpha(Opacity=80);
}

#u-moremenu-win .list li .avatar img{
width:36px;
height:36px;
margin-top:9px;
border-radius:50%;
margin-top:0px;
}

#u-moremenu-win .list li font{
float:left;
width:100%;
height:24px;
color:#696969;
line-height:24px;
font-size:12px;
}

#u-moremenu-win .user li{
height:42px;
margin-left:3px;
margin-bottom:10px;
line-height:42px;
}

#u-moremenu-win .user li .avatar img{
width:42px;
height:42px;
margin-top:0px;
border-radius:50%;
margin-top:0px;
}

#u-moremenu-win .close{
float:left;
width:100%;
height:auto;
color:#fff;
line-height:300%;
padding-top:10px;
margin-bottom:30px;
}

#u-moremenu-win .close div{
width:80%;
max-width:500px;
height:40px;
border-radius:20px;
background-color:#f1f1f1;
color:#000;
line-height:40px;
cursor:pointer;
}

/******************************************************************************* footbar */

#footbar{
float:left;
width:100%;
height:45px;
padding-top:5px;
background-color: #ffffff;
border-top:1px solid #F7F7F7;
overflow:hiddena;
position:fixed;
z-index:10;
bottom:0px;
left:0px;
_position:absolute;
_top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) : document.body.scrollTop + (document.body.clientHeight - this.clientHeight));
}

#footbar .body{
width:100%;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;

}

#footbar ul{
float:left;
width:100%;
height:100%;
padding:0px;
}

#footbar a{
width:auto;
height:auto;
}

#footbar li{
float:left;
width:20%;
height:100%;
text-align:center;
line-height:100%;
font-size:12px;
cursor:pointer;
}

#footbar li img{
width:auto;
height:20px;
margin-bottom:3px;
}

#footbar a{
color:#000;
}

#formtitle {
float:left;
width:100%;
height:auto;
font-size:14px;
font-weight:bold;
border-bottom:1px dashed #F1B3BF;
padding-top:0px;
margin-bottom:10px;
line-height:180%;
}

#footheight{
float:left;
width:100%;
height:60px;
}

/******************************************************************************* foot */

#foot{
float:left;
width:100%;
height: auto;
padding-top:5px;
overflow:hiddena;
text-align:center;
color:#aaa;
font-size:12px;
line-height:30px;
margin-top:0px;
}

#footbar .body{
width:100%;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
}

#foot a{
width:auto;
height:auto;
color:#aaa;
}

/******************************************************************************* pos_left */

#pos_left{
width:40px;
height:auto;
left:10px;
bottom:60px;
position:fixed;
_position:absolute;
z-index:10;
}

#pos_left div{
float:left;
width:40px;
height:40px;
margin-bottom:5px;
cursor:pointer;
font-size:12px;
overflow:hidden;
}

#pos_left .back{
background-image:url(/images/back.png);
background-repeat: no-repeat;
background-position:center center;
border-radius:50%;
background-color:#f0f0f0;
filter:Alpha(Opacity=70);
opacity:0.70;
}

/******************************************************************************* pos_right */

#pos_right{
width:40px;
height:auto;
right:10px;
bottom:60px;
position:fixed;
_position:absolute;
z-index:10;
}

#pos_right ul{
float:left;
width:auto;
height:auto;
}

#pos_right ul li{
float:left;
width:40px;
height:40px;
margin-bottom:5px;
background-repeat: no-repeat;
background-position:center center;
background-size:20px 20px;
border-radius:50%;
background-color:#f0f0f0;
filter:Alpha(Opacity=70);
opacity:0.70;
cursor:pointer;
}

#pos_right ul .backtop{
background-image:url(/images/backtop.png);
}

#pos_right ul .share{
background-image:url(/images/share.png);
}

#pos_right ul .service{
background-image:url(/images/moremenu/service.png);
background-size:24px 24px;
}

#pos_right ul .moremenu{
background-image:url(/images/moremenu.png);
background-size:18px 18px;
}

#height{
float:left;
width:100%;
height:10px;
}

#toast {  
  position: fixed;  
  top: 50%;  
  left: 50%;  
  transform: translate(-50%, -50%);  
  background-color: black;  
  color: white;  
  padding: 10px;  
  border-radius: 10px;  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);  
  z-index:9999;
}