/*general start*/
* {
	padding:0px;
	margin:0px;
}
body {
	width:100%;
	height:auto;
	padding:0px;
	text-align:center;
	background:url(../images/onLoad.gif) no-repeat center 100px;
	background-size:8%;
	background-color:#373a6d;
}
body,td,th {
	font-size: 12px;
	color: #fff;
	font-family:"微软雅黑","Arial Narrow",HELVETICA,"宋体","黑体",Tahoma, Geneva, sans-serif;
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a:active {
	text-decoration: none;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border:0;
	vertical-align:middle
}
ul, li, p, dl, dd, dt ,h,td,th{
	margin:0px;
	padding:0px;
}
a{
	color:#333;
	text-decoration:underline;
}
em,i{
	font-style:normal;
}
a,a *{
	cursor:pointer;
}
a img{
	border:0;
}
ul,li,ol{
	list-style-type:none;
	list-style-position:outside;
}

input{
	border: 0px solid transparent;
	background-color: transparent;
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
h4 {
	margin: 0px;
	padding: 0px;
}
h5 {
	margin: 0px;
	padding: 0px;
}
h6 {
	margin: 0px;
	padding: 0px;
}
.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}
.hl1{
	width:100%;
	height:10px;
	margin:0px auto;
}
.hl2{
	width:100%;
	height:14px;
	margin:0px auto;
}
.hl3{
	width:100%;
	height:13px;
	margin:0px auto;
}
.hl4{
	width:100%;
	height:20px;
	margin:0px auto;
}
.hl5{
	width:100%;
	height:40px;
	margin:0px auto;
}
.demoOver{
	background-color:#fff;
}
.demoBg{
	background-color:#288ec5;
}
.hide{
	display:none;
}
/*imgshow*/
.body_img{
	width:100%;
	position:relative;
	margin-top:-1px;
}
.shaked_bg{
	background-size:100%;
	background-position: 0px 0px;
}
/*top_menu*/
.top_menu{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:40px;
	background:url(../images/topmm.jpg) repeat 0px 0px;
	background-size:100%;
	z-index:9999;
}
.top_menu dl{
	width:100%;
	height:40px;
	margin:0px auto;
}
.x_left{
	width:20%;
	height:40px;
	float:left;
}
.x_left img{
	width:30px;
	height:22px;
	float:left;
	margin-top:10px;
	padding-left:10%;
}
.x_con{
	width:60%;
	height:40px;
	float:left;
	font-size:16px;
	line-height:40px;
	font-weight:bolder;
	text-align:center;
	color:#fff;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.x_con img{
	padding-top:12px;
}
.x_con b{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	padding-left:4px;
}
.x_right{
	width:20%;
	height:40px;
	float:right;
}
.x_right img{
	width:21px;
	height:20px;
	margin-top:9px;
	float:right;
	padding-right:15%;
}
.classtop{
	width:100%;
	height:40px;
	margin:0px auto;
}
/*main_box*/
/*top_pic*/
@keyframes fade-in {  
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-in {
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}
@keyframes fade-inl {  
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-inl {
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}
@keyframes fade-inp {  
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-inp {
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}
.top_pic{
	width:100%;
	height:auto;
	min-height:200px;
	margin:-1px auto 0px auto;
	background-size:100% 100%;
}
.main_box{
	width:640px;
	height:auto;
	min-height:500px;
	margin:0px auto;
	background:url(http://l.xsls.xin/apibg/201706/132025531245.jpg) no-repeat 0px 0px;
	background-size:100%;
}
.logo_box{
	width:100%;
	height:auto;
	min-height:100px;
	margin:0px auto;
}
.logo_box dl{
	position:absolute;
}
.logo{
	width:100%;
	display:block;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 2s;  
    -webkit-animation:fade-in 1.5s;  
}
.title_a{
	width:100%;
	display:block;
	margin:4% auto 6px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 3.5s; 
}
.title_b{
	width:100%;
	display:block;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 4.5s; 
}
.logo img,.title_a img,.title_b img{
	width:100%; 
}
.logo_box img{
	width:100%;
}
.pic_box{
	width:100%;
	height:auto;
	min-height:100px;
	margin:0px auto;
	position:relative;
}
.pic_a{
	width:100%;
	display:block;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 3s;  
    -webkit-animation:fade-in 2.5s;
    animation: 3s opacity2 0s infinite; -webkit-animation: 5s opacity2 0s infinite;-moz-animation: 3s opacity2 0s infinite;
}
.pic_b{
	width:100%;
	display:block;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 4.5s;
    animation: 2s opacity2 0s infinite; -webkit-animation: 3s opacity2 0s infinite;-moz-animation: 2s opacity2 0s infinite;
}
.pic_c{
	width:100%;
	display:block;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 7s;  
    -webkit-animation:fade-in 6.5s;
    animation: 3s opacity2 0s infinite; -webkit-animation: 5s opacity2 0s infinite;-moz-animation: 3s opacity2 0s infinite;
}
@keyframes opacity2{
        0%{opacity:0.4}
        50%{opacity:1;}
        100%{opacity:0.4;}
}
@-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:1;}
            100%{opacity:0.4;}
 }
@-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:1;}
            100%{opacity:0.4;}
}
.bnt_a{
	width:100%;
	display:block;
	margin:8px auto 0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 3.5s;  
}
.bnt_b{
	width:100%;
	display:block;
	margin:8px auto 0px auto;
	animation: fade-in;  
    animation-duration: 6s;  
    -webkit-animation:fade-in 5.5s;  
}
.bnt_c{
	width:100%;
	display:block;
	margin:8px auto 0px auto;
	animation: fade-in;  
    animation-duration: 8s;  
    -webkit-animation:fade-in 7.5s;  
}
.pic_a img,.pic_b img,.pic_c img,.bnt_a img,.bnt_b img,.bnt_c img{
	width:100%;
}
.i_img{
	width:100%;
}
/*vote_t*/
.vote_t{
	width:100%;
	height:auto;
	min-height:40px;
	margin:0px auto;
	position:relative;
}
.v_t1{
	width:100%;
	display:block;
	margin:5% auto 0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 2.5s; 
}
.v_t2{
	width:100%;
	display:block;
	margin:-2px auto 0px auto;
	animation: fade-in;  
    animation-duration: 6s;  
    -webkit-animation:fade-in 3.5s; 
}
.vote_t img{
	width:100%;
}
/*line_t*/
.line_t{
	width:100%;
	height:auto;
	min-height:24px;
	margin:10px auto 0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 7.5s; 
}
.line_t em{
	width:60%;
	height:auto;
	display:block;
	min-height:24px;
	margin:0px auto;
	position:relative;
}
.line_t em i{
	width:1px;
	height:16px;
	float:left;
	background-color:#686b93;
	margin:4px 5px 0px 5px;
}
.line_t em span{
	width:46%;
	height:24px;
	line-height:24px;
	float:left;
	font-size:14px;
}
.line_t em span a{
	display:block;
	width:100%;
	height:24px;
	color:#f7f777;
}
.line_t img{
	width:100%;
}
/*bg_t*/
.bg_t{
	width:100%;
	height:auto;
	min-height:36px;
	margin:12px auto 0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 9.5s;
	background:url(../images/b_bg.png) repeat 0px 0px;
	background-size:100%;
}
.bg_t em{
	width:60%;
	height:auto;
	display:block;
	min-height:36px;
	margin:0px auto;
	position:relative;
}
.bg_t em i{
	width:1px;
	height:16px;
	float:left;
	margin:0px 5px;
}
.bg_t em span{
	width:46%;
	height:36px;
	line-height:36px;
	float:left;
	font-size:16px;
	color:#fff;
}
.bg_t em span a{
	display:block;
	width:100%;
	height:36px;
	color:#f7f777;
}
.bg_t em span img{
	width:18x;
	height:18px;
	margin:-2px 4px 0px 0px;
}
/*bg_in*/
.bg_in{
	width:100%;
	height:auto;
	min-height:36px;
	margin:5px auto 0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 2.5s;
	background:url(../images/b_bg_i.png) repeat 0px 0px;
	background-size:100%;
	position:absolute;
	z-index:1000;
	top:15px;
}
.bg_in em{
	width:60%;
	height:auto;
	display:block;
	min-height:36px;
	margin:0px auto;
	position:relative;
}
.bg_in em i{
	width:1px;
	height:16px;
	float:left;
	margin:0px 3px;
}
.bg_in em span{
	width:46%;
	height:36px;
	line-height:36px;
	float:left;
	font-size:16px;
	color:#fff;
}
.bg_in em span a{
	display:block;
	width:100%;
	height:36px;
	color:#f7f777;
}
.bg_in em span img{
	width:18x;
	height:18px;
	margin:-3px 4px 0px 0px;
}
/*user_logo*/
.user_logo{
	width:100%;
	height:auto;
	min-height:30px;
	margin:0px auto;
	background-color:#fff;
}
.user_logo h1{
	width:100%;
	height:auto;
	margin:0px auto;
	padding-top:2%;
}
.user_logo img{
	width:60%;
	height:auto;
	display:block;
	margin:0px auto;
}
/*login_box*/
.login_box{
	width:100%;
	height:auto;
	min-height:400px;
	margin:0px auto;
}
.login_box dl{
	width:100%;
	height:auto;
	min-height:150px;
	margin:0px auto;
}
.login_box dl em{
	width:100%;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	color:#666;
	margin:0px auto;
}
.login_box dl em span{
	padding-left:10px;
}
.login_box dl em span a{
	color:#ffb423;
}
.login_box dl strong{
	width:100%;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	font-weight:normal;
	color:#999;
	margin:0px auto;
}
.login_box dl strong span:nth-child(1) a{
	color:#ffb423;
	display:block;
	padding:0px 3px 0px 3px;
}
.login_box dl strong span:nth-child(2) a{
	color:#e082b4;
	display:block;
	padding:0px 3px 0px 3px;
}
.login_box dl dt{
	width:90%;
	height:auto;
	min-height:100px;
	margin:0px auto;
	background-color:#fff;
	border-radius:5px;
}
.login_box dl dt tt{
	font-size:24px;
	color:#333;
	line-height:100px;
}
.login_box dl dt img{
	width:74%;
}
.login_box dl dt span{
	width:100%;
	height:50px;
	display:block;
	margin:0px auto;
}
.login_box dl dt span:nth-child(1){
	border-bottom:solid 1px #eee;
}
.solid_m{
	border-bottom:solid 1px #eee;
}
.solid_n{
	border-bottom:solid 1px #ddd;
}
.login_box dl dt span label{
	width:15%;
	height:50px;
	float:left;
}
.login_box dl dt span label img{
	width:20px;
	height:21px;
	margin:15px 0px 0px 0px;
}
.login_box dl dt strong{
	width:90%;
	height:auto;
	min-height:120px;
	margin:0px auto;
}
.login_box dl dt strong img{
	width:120px;
	height:120px;
	border-radius:6px;
	margin:18px auto 0px auto;
}
.login_box dl dt strong i{
	display:block;
	font-size:14px;
	color:#333;
}
.login_box dl dd{
	width:82%;
	height:42px;
	display:block;
	border-radius:5px;
	font-size:15px;
	line-height:42px;
	position:relative;
	text-align:center;
}
.login_box dl dd i{
	width:100%;
	height:42px;
	display:none;
	font-size:14px;
	text-align:center;
	color:#333;
	left:0px;
	top:0px;
	background-color:#fff;
	border-radius:5px;
	position:absolute;
	z-index:999;
}
.login_box dl dd i img{
	width:20px;
	height:20px;
	margin:-2px 5px 0px 0px;
}
.login{
	background-color:#a5dbf7;
	margin:20px auto 0px auto;
}
.wx_login{
	background-color:#2ba245;
	margin:0px auto;
}
.reg_login{
	background-color:#e082b4;
	margin:20px auto 0px auto;
}
.bind_login{
	background-color:#ccc;
	margin:0px auto;
}
.login_box dl dd img{
	width:29px;
	height:29px;
	margin:0px 6px 0px 0px;
}
.login_box dl dd a{
	display:block;
}
.login_input{
	width:85%;
	height:39px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	font-size:14px;
	color:#999;
	text-indent:8px;
}
.btn_code{
	width:32%;
	height:34px;
	float:left;
	font-size:14px;
	font-weight:normal;
	line-height:34px;
	background-color:#1bb2e9;
	color:#fff;
	border-radius:6px;
	margin:8px 6px 0px 0px;
	-webkit-appearance: none; 
}
/*boxcontent*/
.boxcontent{
	width:100%;
	height:auto;
	min-height:350px;
	margin:0px auto;
	background:url(../images/s_95.png) repeat 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:20000;
	cursor:pointer;
}
.vote_content{
	width:100%;
	height:auto;
	min-height:350px;
	margin:0px auto;
	background:url(../images/s_95.png) repeat 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:20000;
	cursor:pointer;
}
/*claim_box*/
.claim_box{
	width:100%;
	height:auto;
	margin:0px auto;
	display:none;
}
.claim_box h1{
	width:100%;
	height:48px;
	margin:14px auto 0px auto;
	border-bottom:solid 1px #545886;
}
.claim_box h1 span{
	width:90%;
	margin:0px auto;
	text-align:left;
	display:block;
	color:#fff;
	line-height:42px;
	font-size:20px;
	padding-left:11px;
}
.claim_box h1 span b{
	width:42px;
	height:42px;
	float:right;
}
.claim_box h1 span b img{
	width:70%;
}
.claim_box dl{
	width:88%;
	height:auto;
	margin:10px auto 0px auto;
	padding:0px;
}
.claim_box dl dt{
	font-size:15px;
	text-align:left;
	color:#fff;
	line-height:20px;
	padding:16px 0px 0px 6px;
}
.claim_box dl strong{
	width:96%;
	height:36px;
	line-height:36px;
	font-size:15px;
	display:block;
	margin:14px auto;
	border-radius:3px;
	background-color:#c61d20;
}
.claim_box dl dd{
	width:96%;
	display:block;
	text-align:left;
	color:#eee;
	font-size:15px;
	margin:12px auto;
}
.claim_box dl dd span{
	font-size:18px;
	color:#f9f981;
	font-weight:bold;
}
.claim_box dl dd i{
	display:block;
	text-indent:27px;
	color:#ffc;;
	line-height:30px;
}
.claim_box dl em{
	display:block;
	text-align:left;
	color:#c00000;
	font-style:normal;
	font-size:15px;
	margin:20px auto 30px auto;
}
.claim_box dl em i{
	display:block;
	padding:4px;
}
.msg{
	font-size:14px;
	line-height:28px;
	color:#333;
	padding-bottom:3px;
}
.msg font{
	color:f00;
	font-weight:bold;
	padding:0px 3px;
}
.msg a{
	color:#f00;
}
/*t_content*/
.t_content{
	width:100%;
	height:auto;
	min-height:200px;
	margin:0px auto;
}
.t_content h1{
	width:100%;
	height:48px;
	margin:14px auto 0px auto;
	border-bottom:solid 1px #545886;
}
.t_content h1 span{
	width:90%;
	margin:0px auto;
	text-align:left;
	display:block;
	color:#f7f777;
	line-height:42px;
	font-size:18px;
	padding-left:11px;
}
.t_content h1 span b{
	width:42px;
	height:42px;
	float:right;
}
.t_content h1 span b img{
	width:60%;
}
.t_content h2{
	width:100%;
	height:auto;
	min-height:100px;
	margin:0px auto;
}
.t_content h2 img{
	width:90%;
	margin:20px auto 0px auto;
	border-radius:3px;
}
.t_content h3{
	width:100%;
	height:auto;
	min-height:100px;
	margin:0px auto;
}
.t_content h3 p{
	width:90%;
	margin:20px auto 0px auto;
	font-size:14px;
	line-height:20px;
	text-align:left;
	font-weight:normal;
}
/*vote_lost*/
.pic_box_v{
	width:100%;
	height:auto;
	min-height:400px;
	margin:0px auto;
	background:url(../images/bg.jpg) repeat-y 0px 0px;
	background-size:100%;
}
.vote_lost{
	width:94%;
	height:auto;
	min-height:150px;
	margin:0px auto;
	animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 5.5s;
}
.vote_lost dl{
	padding:0px;
}
.vote_lost dl p{
	text-align:center;
	padding:10px 0px;
}
.vote_lost dl dd{
	width:46%;
	height:auto;
	min-height:180px;
	float:left;
	margin:14px 0px 0px 4%;
	background:url(../images/s_50.png) repeat 0px 0px;
	position:relative;
	border-radius:8px;
}
.vote_lost dl dd img{
	width:80%;
	margin:0px auto;
	border-radius:2px;
}
.vote_lost dl dd strong{
	padding:12px 0px 2px 0px;
	font-weight:normal;
	color:#f7f777;
	display:block;
	font-size:13px;
}
.vote_lost dl dd strong a{
	color:#f7f777;
	display:block;
}
.vote_lost dl dd b{
	padding:2px 0px 6px 0px;
	font-weight:normal;
	color:#ffc;
	display:block;
	font-size:12px;
}
.vote_lost dl dd span{
	width:100%;
	height:32px;
	display:block;
	line-height:32px;
	font-size:13px;
	text-align:center;
}
.vote_lost dl dd em{
	width:100%;
	height:34px;
	display:block;
	font-size:14px;
	line-height:34px;
	background:url(../images/v_80.png) repeat 0px 0px;
	border-radius:0px 0px 8px 8px;
}
.vote_lost dl dd em i{
	width:100%;
	height:34px;
	font-size:13px;
	line-height:34px;
	position:absolute;
	z-index:999;
	left:0px;
	text-align:center;
	display:none;
	color:#333;
	background-color:#fff;
	border-radius:0px 0px 8px 8px;
}
.vote_lost dl dd em i img{
	width:22px;
	height:22px;
	margin:-5px 3px 0px 0px;
}
.vote_lost dl dd em a{
	display:block;
	border-radius:0px 0px 8px 8px;
}
/*foot_copyright*/
.copyright{
	width:90%;
	height:auto;
	min-height:30px;
	margin:0px auto;
}
.copyright p{
	font-size:12px;
	color:#ccc;
}
.copyright p b{
	display:block;
}
.copyright p span{
	display:block;
	line-height:20px;
	padding-top:10px;
}
/*v*/
.copyright_vv{
	width:100%;
	height:auto;
	min-height:30px;
	margin:0px auto;
	background:url(../images/bg.jpg) repeat-y 0px 0px; 
	background-size:100%;
}
.copyright_v{
	width:90%;
	height:auto;
	min-height:30px;
	margin:0px auto;
}
.copyright_v p{
	font-size:12px;
}
.copyright_v p b{
	width:70%;
	display:block;
	padding-top:20px;
	border-top: solid 1px #575b84;
	color:#fff;
	margin:0px auto;
}
.copyright_v p span{
	display:block;
	line-height:20px;
	padding:5px 0px 20px 0px;
	color:#bdc2f4;
}
/*music_wrap*/
.music_wrap{position:absolute;top:20px;right:20px;z-index:9999;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.music_wrap .text{width:57px;margin-right:5px;color:#333;font-size:12px;opacity:1}
.music_wrap .move{transition:opacity .5s}
.music_wrap .hide{opacity:0}
.btn_music,.btn_music1{display:block;width:20px;height:20px;background-size:100% 100%;background-image:url(../images/s1.png);background-repeat:no-repeat}
.btn_music.on{-webkit-animation:reverseRotataZ 1.2s linear infinite}
@-webkit-keyframes reverseRotataZ{0%{-webkit-transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg)}
}