body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; }
a:link, a:visited { text-decoration: none;outline:none; }
img { border: none; }
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear { clear: both; }
.trn { transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
.breadth0 { width: 1200px; margin: 0 auto; position: relative; background: #000 url(../images/bg01.jpg) no-repeat}
.breadth { width: 1200px; margin: 0 auto; position: relative;}
body { background: none; font-family: "Microsoft YaHei";}

#header { height: 1076px; }
#header h3 { font-size: 26px; font-weight: bold; color: #fcfb85;position: absolute; top: 475px; left: 75px; }
.activity_time{ }
.logo_mark{position: absolute; top: 50px; left: -77px; width: 245px; height: 150px;}
#subscribe { text-align: center; margin-top: 324px;}
.sub_title { font-size: 52px; line-height: 52px; font-weight: bold; color: #000; }
.sub_title span { /*font-size: 66px; */line-height: 66px; color: #e8be45; margin-left: -120px;}

.btn_dl {background: url(../images/btn_download.png) no-repeat top center; width: 334px; height: 139px;display: block;}
.btn_dl:hover {background: url(../images/btn_download_a.png) no-repeat top center;} 
.btn_join_kefu{
    background: url(../images/btn_join_wx.png) no-repeat; width: 334px; height: 139px;
}
.btn_join_kefu:hover {background: url(../images/btn_join_wx_a.png) no-repeat; } 
.logininfo {
    display:none;
    font-size: 13px;
    color: #ffffff;
}
.logout {
    display:none;
    font-size: 13px;
    background-color: #ffffff75;
    width: 60px;
    position: absolute;
    margin: -18px 0 0 88px;
    text-align: center;
    border-radius: 10px;
    color: #000000;
}
.show-border{
    border-style: dashed;
    border-width: thin;
    border-color: chocolate;
}
.hide {
    display: none;
}
/* popup */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1004;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.76);
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2000000, endColorstr=#c2000000);
}
.pop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1005;
}
.popapp {
	width: 555px;
	height: 489px;
	margin-left: -278px;
	margin-top: -260px;
    background: url(../images/pop-up.png) 100% 100% no-repeat;
	background-size: cover;
	display: none;
}
.popmsg {
	width: 300px;
	height: 240px;
	margin-left: -150px;
	margin-top: -120px;
    background: url(../images/pop-up.png) -128px -120px no-repeat;
    border-radius:8px;
    display: none;
    color:#131213;
}
.poplogin {
	width: 400px;
	height: 300px;
	margin-left: -200px;
	margin-top: -150px;
    background: url(../images/pop-up.png) -78px -100px no-repeat;
    border-radius:8px;
	display: none;
}
.popmsgarea {
	width:220px;
	height:150px;
	margin:40px auto 0 auto;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
}
.close_pop1 {
	height: 42px;
	width: 42px;
	color: #810a0c;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:0px;
	left:513px;
}
.close_pop2 {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	color: #810a0c;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:5px;
	right:0px;
}
.close_pop3 {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:6px;
	left:365px;
}
.loginfrm {
	width:330px;
	height:265px;
	position:absolute;
	top:45px;
	left:35px;
}
.dialogtitle {
    width:500px;
    line-height: 35px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    color: #810a0c;    
}
.appdlgpanel {
    width: 450px;
    height:340px;
    overflow: hidden;
    margin-left:20px;
}
.step01,.step03,.step04 {
    width: 450px;
    height:340px;
    overflow: hidden;
}
.step02 {
    width:360px;
    height:200px;
    border:3px solid #38a0ff;
    background: #fff;
    border-radius: 5px;
    position: relative;
    top: -320px;
    left:70px;
}
.step04, .step02, .step03 {
    display:none;
}
.step01blank{
    width:100%;
    height:30px;
}
.step03blank {
    width:100%;
    height:20px;
}
.step03 .sub_btn {
    padding: 55px 0 0 10px;
}
.dlgtext, .inputline {
    color: #810a0c;  
    line-height: 40px;
    font-size: 16px;
}
.dlgtext2 {
    height: 20px;
    color: #810a0c;  
    line-height: 20px;
    font-size: 14px;
}
.inputline {
    text-align:center;
}
.inputline02 {
    width:300px;
    height: 40px;
    color: #333;  
    line-height: 40px;
    font-size: 16px;
    margin:0 auto;
}
.inputline02 .piccode{
    width:100px;
    height:30px;
    float:left;
    display:block;
}
.inputline02 .code1{
    width:76px;
    height:26px;
    float:left;
    display:block;
    margin:0 10px;
}
.inputline02 a{
    width:90px;
    height:30px;
    line-height: 30px;
    float:right;
    display:block;
    font-size:12px;
    text-align: right;
}
.mobileinfo {
    width:240px;
}
.smscode {
    width:155px;
}
.mobibtn {
    width:80px;
    height:20px;
    background: #810a0c;  
    color:#fff;
    border-radius: 20px;
    text-align: center;
    border:none;
    font-size: 12px;
    cursor:pointer;
}
.mobibtn:disabled {
    background: #505050;
    color:#a0a0a0
}
.step01btn {
    height:50px;
    width:200px;
    line-height:50px;
    margin:15px auto;
    background: #810a0c;  
    border-radius: 25px;
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:bold;
    cursor:pointer;
}
.step02btn {
    height:35px;
    width:140px;
    line-height:35px;
    margin:10px auto;
    background: #38a0ff;  
    border-radius: 17.5px;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
}
.closestep02 {
	height: 30px;
	width: 30px;
    border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:6px;
	left:325px;
}
.coderes {
    border: none;
    background: transparent;
    margin-right: 10px;
    outline: none;
    width: 230px;
    text-align: center;
    color: #ca4042;
    font-size: 18px;
}
.cardbtn {
    background: #810a0c;
    border: none;
    border-radius: 10px;
    height: 20px;
    width: 80px;
    line-height: 20px;
    color: #fff;
    cursor:pointer;
}
.footer_con {    color: #999;  height: 125px;    padding-top: 10px;    width: 1000px;    margin: 0 auto;}
.footer_con a {color: #666;}
.footer_con p {    text-align: center;    font-size: 12px;    color: #999;    padding-top: 8px;}
.footer_con p img {    margin: 0px 20px;}
.footer_con p span {    color: #fff;}
.footer {    background-color: #181c23;    height: 148px;    min-width: 1000px;}

.breath-light{
    opacity: 0.1;
    overflow: hidden;
    -webkit-animation-name: BreathLight;
    -moz-animation-name: BreathLight;
    -o-animation-name: BreathLight;
    animation-name: BreathLight;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes BreathLight {
    from {opacity: 0.8;}
    50% {opacity: 1;}
    to {opacity: 0.8;}
}
@-webkit-keyframes BreathLight {
    from {opacity: 0.8;}
    50% {opacity: 1;}
    to {opacity: 0.8;}
}


.heartbeat{
    opacity: 1;
    overflow: hidden;
    -webkit-animation-name: HeartBeat;
    -moz-animation-name: HeartBeat;
    -o-animation-name: HeartBeat;
    animation-name: HeartBeat;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}
@-webkit-keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}

.popdwnbtn {
    width: 206px;
    height: 63px;
    margin: 60px auto 0 auto;
    background: url(../images/wzsj-btn-l.gif) no-repeat;
    background-size: contain;
}

.kefu_qrcode_layer{
    display: none;
    height: 400px;
    width: 400px;
    z-index: 100;
    top: 28vh;
    position: fixed;
    left: 35vw;
}
.accstat{
    color: #e2e3f3;
}
.accstat a{
    color: #fcfb85;
}