﻿@charset "utf-8";
/** 
html{
    background: url(../images/bg.jpg) repeat;
    background-attachment: fixed;
}
**/
blockquote,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body {max-width: 720px;margin: 0 auto;background-color:#e6e6e6;height:100%}
body,button,input,select,textarea {font: 14px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6 {font-size: 100%}
ol,ul {	list-style: none}
a {text-decoration: none}
a:hover {cursor: pointer;}
button, input, select, textarea { font-size:100%; }
table {	border-collapse: collapse;	border-spacing: 0}
img {	width: 100%;margin: 0 auto}
.clear{ clear:both;}
section {width: 100%;clear:both;margin: 0 auto;}
.boxpad{padding: 4px 4px;margin: 5px 0;border-radius: 5px;overflow: hidden;background: rgba(0,0,0,0.6);}
.bottomDianPian{width:100%;height:58px;}
/** kj**/
#kaijiangnum{ padding:5px 2%;    background-color: white;border-radius: 5px;margin-top: 5px;} 
.maintop h1 { font-size:1rem; color:#666666; line-height:20px; font-weight:300; float:left;}
.maintop h1 span { font-size:1rem; color:#FF0000; line-height:20px; font-weight:300;}
.maintop a { font-size:1rem; color:#0092dd; float:right;}
.maintop .greenspan { font-size:1rem; color:#009900; float:left; margin-left:.2rem;}
.mainmiddle { width:100%; margin:5px auto;}
.mainmiddle ul li { float:left; margin-right:2.3%; width:10%;}
.mainmiddle ul li:last-child { margin-right:0;}
.mainmiddle ul li span{ display:block; width:100%; height:30px; font-size:1rem; line-height:30px; text-align:center;}
.mainmiddle ul li span.red{ background-color:#FF0000; color:#FFFFFF; border:1px solid #FF0000;}
.mainmiddle ul li span.blue{ background-color:#0092dd; color:#FFFFFF; border:1px solid #0092dd;}
.mainmiddle ul li span.green{ background-color:#009900; color:#FFFFFF; border:1px solid #009900;}
.mainmiddle ul li span:last-child{ background-color:#FFFFFF; color:#666666; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.mainmiddle ul li .jiahao { display:block; background-color:#FFFFFF; color:#363636; font-size:x-large; line-height:4.5rem; text-align:center;}
.mainbottop { font-size:1rem; color:#666666; line-height:20px;}
.mainbottop span { font-size:1rem; color:#FF0000; line-height:20px;}
.block{display:block;}
.blue {color: blue;}
.green {color: green;}
.red {color: red;}
.BGBlack{background-color:black;}
.margin10{margin:10px;}
.marginB10{margin-bottom:10px;}
.bold{font-weight:bolder;}
.BGWhite{background-color:white;}
.center{text-align:center;}
.zi{color:#80047E;}



/** kj-end**/

/** 首页微信弹窗**/
#shadowhide2
{
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display:block;
    }
.tankuang2 {
    width: 90%;max-width: 320px;
    height: 202px;
    background-color:white;
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: center;
    font-size:1rem;
    border-radius: 15px;
	transform: translateX(-50%) translateY(-50%);
    }
a.red2, a.green2 {
    color: white;
    display: block;
    width: 30%;
    line-height: 1.8rem;
    float: left;
	margin-top: 0.8rem;
    margin-left: 2.5rem;
	font-size: 1rem;
	border-radius: 3px;
}
a.red2{background-color: red;}
a.green2{background-color: green;}
.biaotisss1,.biaotisss2,.biaotisss3,.biaotisss4{line-height: 2rem;}
.biaotisss1{color:red;padding: 6px;font-weight: bold;font-size:1rem;}
.biaotisss2{color:blue;font-size:0.9rem;}
.biaotisss3{color:blue;font-size:0.9rem;}
.biaotisss4{color:red;font-size:1rem;}
/** 首页微信弹窗- end**/
/** 首页微信心跳-start**/
@media screen and (max-width: 400px) 
{
 .weixinbox a{font-size: 12px;}
}
.wxmain {margin-top: 10px;background: #fffff0;padding: 10px;}
.weixinbox {
    border-radius: 200px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: blue;
	 background: #79CDCD;
}

.join-box img {
    display: block;
    width: 206px;
	height: 200px;
    margin: 0 auto;
}
.click-btn {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ff0000;
    color: #fff;
    border-radius: 15px;
    margin: 5px auto;
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    box-shadow: 0 0 5px #000;
    transition: color 0.3s;
}

.click-btn:hover {
        color: #000;
    }

@keyframes pulse {
    0% {
        transform: scaleX(1);
    }

    50% {
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        transform: scaleX(1);
    }
}
.overlay {
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 90%;    
    z-index: 100;line-height:2rem;color:white;text-align:center;margin:0 auto;border-radius: 10px;margin-top:10px;
}
.overlay a{color:white;}

.copy-box {
    position: fixed;
    transform: translateX(-50%);
    top: 35%;
    left: 50%;
    margin-top: -130px;
    /* margin-left: -200px; */
    width: 306px;
    height: 260px;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    display: none;
    z-index: 101;
}

.close-box {
    position: relative;
    height: 56px;
    line-height: 56px;
    font-size: 22px;
    font-weight: bold;
    color: #ff9b00;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.close-box img {
        position: absolute;
        display: block;
        width: 38px;
        height: 38px;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }

.copy-box .text {
    padding: 35px 0 26px;
    color: #000;
    line-height: 39px;
    text-align: center;
    font-size: 24px;
}

.copy-box .goweixin {
    display: block;
    width: 75%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ff9b00;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin: 0 auto;
}
/** 首页微信心跳-end**/

/**微信手动复制弹框***/
#shadowhide
{
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display:none;
    font-size:1rem;
    }
.tankuang {
   width: 19.5rem;
    height: 16.8rem;
    background-color: white;
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1rem;
    text-align: center;
    font-size: 1rem;
    }

.tankuang_title {
    margin: 6px 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;color:red;
}
.copytxt {
    font-size: 1.5rem;
    line-height: 2.5rem;padding-left:0.5rem;padding-right:0.5rem;
}
.copylink {
    background-color: #FF6B6B;
    height: 2rem;
    text-align: center;
    margin-top: 0.5rem;
    display:block;
}
.copylink a{display:block;width:100%;font-size: 1.5rem;font-weight:bold;line-height: 2rem;}
.close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: .125rem;
    top: .125rem;
    border:none;
    vertical-align:middle;
    }
.close:hover { cursor:pointer;}
/**微信手动复制弹框 end***/

/**首页底部微信导航 **/
.btcode2 {
 position: fixed;
 font-weight: bold;
/** font-size: 1rem;**/
  bottom: 0;
    display: block;
    margin: 0 auto !important;
    width: 100%;
    height: 55px;
    max-width: 720px;
    border-radius: 1px !important;
    background: #cc0000 !important;
    padding-top: 1px;
    text-align: center;
}

.weixin-box {
    width: 360px;
    margin: 0 auto;
}
.join-weixinImg {
    display: block;
    float: left;
    width: 46px;
    height: 46px;
    margin: 4px 0 0 4px;
}
#openWeixin {
    float: left;
    font-size: 15px;
    margin: 11px 0 0 5px;
    color: white;
    background-color: blue;
	border:1px solid #FFFF00;
    border-radius: 7px;
    padding: 6px;
}
.join-weixinText {
    float: left;
    margin-left: 4px;
	margin-top: 4px;
	width: 218px; 
	height: 35px; 
}
@media screen and (max-width: 400px) 
{
#openWeixin {margin: 11px 0 0 0px;}
.join-weixinText {width: 190px; }
}
/**首页底部微信导航 end **/

/*底部生肖*/
.sx{background-color:white;}
.sx img{ width: auto;}
  
.sx th {
    height: 30px;
    border: solid 1px #ccc;
    background: #FFFFE0;
    color: #FF8C00;
    font-size: 20px;
}
ul.sx1 {
    text-align: center;
}

li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;list-style: none;
}
ul.sx1 li {
    float: left;
    width: 33.33%;
    padding: 5px 0;    
}
.sx span {
    height: 18px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    background: #f00;
}
.sx span.blue {
    background: #3366ff;
}
.sx span.green {
    background: #009933;
}
.sx dd{margin:0px;}

@media screen and (max-width: 400px) 
{
ul.sx1 li{height: 120px;}
}
/*底部生肖 -end*/

/*底部版权、统计器*/
.foot-img{
	padding-bottom: 40px;
	background: url('../images/foot-img.png') no-repeat center bottom;
}
.footer-link{
	height: 30px;
	line-height:30px;
	text-align: center;
	border-bottom: 1px solid #000;
	background:#000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.footer-link a{
	color: #6198bf;
	margin:0 10px;
}
.footer-link a:hover{
	text-decoration: underline;
}
.copyright{
	width: 80%;
	color: #fff;
	margin:0 auto;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom:5px;
	border-bottom:1px solid #000;
}
.copyright a{
    display: block;
    color: #0000FF;
    font-weight: bold;
    text-align: center;
}
/*底部版权、统计器-end*/