.fl{ float:left;}
.fr{ float:right;}
#header{ width:100%; background:#000000;}
#header img{vertical-align:top;}
.fixed{ width:100%; position:fixed; left:0; top:0; z-index:1000; background:#000000;}
.header_m{ width:1450px; margin:0 auto;}
.header_c{ width:450px; margin-left:30%;}
.header_c a{ display:block; width:70px; height:64px; margin-left:20px; text-align:center; line-height:64px; color:#ffffff; font-size:16px; float:left;}
.header_c a.pchome{ background:url(../images/new/home.jpg) no-repeat;}
.header_c a.pchome:hover{ background:url(../images/new/home_h.jpg) no-repeat;}


.header_c a:last-child{ margin-right:0px;}
.header_c a:hover{ background:#ad0000;}
.h_logined{ display:none;}
.upload{ display:block;}
.mlg{  margin-right:22px;}
.mlg a{ display:block; height:64px; padding-left:12px; padding-right:12px; color:#ffffff; font-size:14px; line-height:64px; background:url(../images/new/line.jpg) right center no-repeat; float:left;  }
.mlg a:last-child{ background:none;}

#a_bottom{width:100%;  background:#000; margin-top:0; padding-bottom:20px;}
#a_bottom .box{ width:960px; margin:0 auto; overflow:hidden; font-size:12px;}
#a_bottom .box .p30{width:960px; height:30px; line-height:30px; text-align:left; color:#696969; font-size:12px;}
#a_bottom .box .p50{width:960px; height:50px; overflow:hidden; line-height:50px;}
#a_bottom .box .p40{width:960px; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}

#a_bottom .box .p50 a{ float:left; color:#fff; font-size:12px; display:block; margin-right:20px;}
#a_bottom .box .p50 a:hover{ color:#fff; text-decoration:underline;}
#a_bottom .box .p50 span{ float:right; color:#fff; font-size:12px;}

#a_bottom .box .p30 a{ color:#696969; text-decoration:underline;}
#a_bottom .box .p30 a:hover{ color:#696969;}

.mobile_nav{ width:100%; background:#000000; height:50px; display:none; position:relative;}
.mobile_nav .logo img {
    width: 60px;
	margin-left:1%;
}

.s_zone{ display:none;}
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:44px; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(../images/new/sanjiao.png) 90% center no-repeat; }

#header{ height:64px;}
.ring img{ padding-top:22px;}
.mlg a.ring_c {
    display: none;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 12px;
    background: #ad0000;
    margin: 22px 0 0px 10px;
    padding: 0 6px;
}

.logo{ }
.mobile_login{ position:absolute; right:0; top:0; line-height:50px; margin-right:5%; min-width:30px;}
.mobile_login a{ color:#fff; font-size:14px;}

@media screen and (max-width:1400px){
.header_m{ width:1200px; margin:0 auto;}



	
	
	}
	
.wjp{ display:none;}
.wjm{ display:none;}	
.wj_b{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.6); display:none;}	
.wj_c{ width:477px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.wj_close{ width:40px; position:absolute; right:-40px; top:0px;}
.wjp{ display:block;}
.wjm{ display:none;}
	
	

@media screen and (max-width:1024px){
	
	.header_m{ display:none;}
	
	
	
	
	#a_bottom{width:100%; height:auto; background:#000; padding-top:20px;}
	#a_bottom .box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
	#a_bottom .box .p30{width:100%; height:auto; line-height:20px; text-align:left; color:#696969; font-size:12px;}
	#a_bottom .box .p50{width:98%; height:auto; overflow:hidden; line-height:20px; margin:0 auto;}
	#a_bottom .box .p40{width:100%; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}
    #a_bottom .box .p50 span { float:left;}
    

    #a_bottom .box .p50{ text-align: center;}
    #a_bottom .box .p50 a{ float:none; color:#fff; display:inline; margin-right:10px;}
#a_bottom .box .p50 a:hover{ color:#fff; text-decoration:underline;}
#a_bottom .box .p50 span{ float:none; color:#fff; font-size:12px; display: block; width: 100%; text-align: center;}

#a_bottom .box .p30{ text-align: center;}


	






.mobile_nav{ display:block; background:#000000;}
.s_zone{ display:block;}
#header{ height:auto; position:relative; z-index:1000;}	
.logo{ display:block; width:24%; height:100%; background:url(/smallapp/acafe/images/new/mobile/sony.png) left center no-repeat; background-size:100% auto; margin:0 auto; text-indent:-9999px; }
.zk {
    position: absolute;
    left: 5%;
    top: 0;
    display: block;
	width:5%;
	height:100%;
	background:url(/smallapp/acafe/images/new/mobile/s.png) left center no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
.mobile_login a{ color:#ffffff; font-size:14px;}


.mn_zk{background:#ffffff;}

.mn_zk .logo{ display:block; width:24%; height:100%; background:url(/smallapp/acafe/images/new/mobile/sony1.png) left center no-repeat; background-size:100% auto; margin:0 auto; text-indent:-9999px; }
.mn_zk .zk {
    position: absolute;
    left: 5%;
    top: 0;
    display: block;
	width:5%;
	height:100%;
	background:url(/smallapp/acafe/images/new/mobile/a_s.png) left center no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
.mn_zk .mobile_login a{ color:#000000; font-size:14px;}


.m_navs{ background:#000000; width:100%; position:absolute; left:0; top:50px; display:none;}
.m_navs ul li{ height:56px; float:left;width: calc(33% - 18px);}
.m_navs ul li:nth-child(1){ width:56px;}
.m_navs ul li a{ display:block; height:56px; margin-left:5%; line-height:40px; color:#FFFFFF; font-size:18px;}
.m_navs ul li a.mindex{ display:block; width:56px; height:100%; background:url(/smallapp/acafe/images/new/mobile/home.jpg) left center no-repeat; background-size:auto 56px; text-indent:-9999px; margin-left:0%; }
.m_navs ul li a.mxue{ display:block; width:56px ;height:100%; background:url(/smallapp/acafe/images/new/mobile/xue.jpg) left center no-repeat; background-size:auto 56px;  text-indent:-9999px; margin:0 auto;}
.m_navs ul li a.mshang{ display:block; width:56px ;height:100%; background:url(/smallapp/acafe/images/new/mobile/shang.jpg) left center no-repeat; background-size:auto 56px;  text-indent:-9999px; margin:0 auto; }
.m_navs ul li a.msai{ display:block; width:56px;height:100%; background:url(/smallapp/acafe/images/new/mobile/sai.jpg) left center no-repeat;background-size:auto 56px;  text-indent:-9999px; margin:0 auto; }








.wj_c{ width:80%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);}
.wj_close{ width:30px; position:absolute; top:-30px; right:0px;}
.wjp{ display:none;}
.wjm{ display:block;}





	

	
	}
.icp {
    color: #696969;
    display: table;
    height: 30px;
    margin: 0 auto;
    text-align: center;
}
#selfBoxMark{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    filter: alpha(opacity=50);
    background-color: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#selfBoxContent{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background: transparent !important;
}

.link_fcbg{ background:#f6f6f6; width:100%; height:100%; position:fixed; z-index:9999; top:0; left:0;}


.havater{ width:30px; position:absolute; left:0; top:10px; display:none;}
.havater img { display:block; width:30px; border-radius:15px; }
.h_red_dot{ display:block; width:6px; height:6px; background:#FF0004; border-radius:50%; position:absolute; right:-2px; top:-2px;}





	