body,div,ul,li,h1,h2,p{margin: 0;padding: 0;font-family: "微软雅黑",Heiti SC;font-size: 12px;}
body{background: #fff;}
p{word-wrap: break-word;}
a{color: #7e7e7e;text-decoration: none;}
li{list-style: none;}
 input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"]  {

-webkit-appearance: none;

}
textarea {  -webkit-appearance: none;}

/*html,body{overflow: hidden;}*/


#register{width: 80%;margin:20px auto;}
#register .user{width: 88%;padding:12px 5% 10px;border: 1px solid #bca7ca;margin: 8px auto;border-radius: 5px;height:21px;line-height: 22px;background:#f5f0f9  url(../img/news/login11.png) no-repeat 95% center;background-size: 12%; }
#register .name{position:relative;background: #fff;}
#register .name1{position: absolute;top:23px;right: 15px;color: #a9a9a9;}
#register .password{width: 88%;padding:12px 5% 10px;border: 1px solid #bca7ca;margin: 8px auto;border-radius: 5px;height:21px;line-height: 22px;background:#f5f0f9  url(../img/news/login22.png) no-repeat 95% center;background-size: 12%;}
#register .user:hover,#register .password:hover,#register .code:hover{border:1px solid #330066}
#register .user:hover{background:#f5f0f9  url(../img/news/login1.png) no-repeat 95% center;background-size: 12%;}
#register .password:hover{background:#f5f0f9  url(../img/news/login2.png) no-repeat 95% center;background-size: 12%;}
#register .dl{width: 100%;height:43px;line-height: 43px;font-size: 18px;text-align: center;color:#f5eee7;background: #330066;border:none;border-radius: 5px;margin:30px auto 10px;font-family: "微软雅黑";}


#banner{background-size: cover;height: 100%;width: 100%;}
#banner .bannerimg{background:url(../img/news/banner4.jpg) no-repeat center bottom;background-size: 100%;}
#banner img{width: 100%;}
#register.account p{color:#e31936;text-align: center;}
#register.account .user,#register.account .password{background: #fff;border-color: #5b5b5b;}
#register.account .two{width: 100%; overflow: hidden;}
#register.account .password{width: 45%;float: left;}
#register.account .yzm{width: 42%;float: right;height:45px;line-height: 45px;font-size: 12px;text-align: center;color:#e31936;background: #fff;border:1px solid #e31936;border-radius: 5px;display: block;margin:8px auto;font-family: "微软雅黑";}
#register.account .yzm:hover{color: #fff;background: #E31936;}
#register.account .dl{background: #E31936;}
#register.account .dl2{background: #fff;border:1px solid #E31936;color:#E31936;margin-top: 10px;letter-spacing: 8px;}


#register h3{padding:0 0 10px 0;margin: 0;line-height: 50px;font-size: 20px;color: #303030;}
#register .point{width: 100%;}
#register .point li{width: 86%;padding:0 7%;line-height: 40px;font-size: 16px;overflow: hidden;color: #303030;}
#register .point li.deep{background:#efefef;}
#register .point li span{float: right;text-align: right;}









/*第二阶段扩展*/
#register.detail{width: 100%;margin-top: 0;}
#register.detail .user{width: 90%;padding: 14px 5% 10px;border: none;border-bottom: 1px solid #e4e4e4;text-align: right;margin:0 auto !important}
#register .name2{top:16px;left: 15px;color: #373737;display: block;width: 20%;}
#register.detail .user2{text-align: left;height: 66px;padding-left: 20%;width: 75%;}
#register.detail .dl{width: 86%;margin-left: 7%;}

#checkin{width: 84%;padding:15px 8%}
#checkin span{font-size: 20px;color: #E31936;font-weight: 700;padding-right: 20px;}
#checkin font{color:#373737;font-size: 16px;}
#checkin p{font-size: 16px;color: #7E7E7E;line-height: 30px;}




/*积分商城*/
#mall .pop{position: fixed;top:0;color: #fff;width: 100%;}
#mall .pop .popblue{width: 84%;padding:15px 8%;background: #005288;overflow: hidden;font-size:12px;box-shadow: 0px 3px 6px #a7a7a7;}
#mall .pop .popblue a{float: right;display: block;padding:5px 6px;border: 1px solid #fff;background: #1a6494;color: #fff;line-height: 15px;border-radius: 3px;}
#mall .pop .popblue .pic{float: left;width:24px;height: 24px;border-radius: 20px;background-size: 100%;background-position: center center; background-repeat:no-repeat;}
#mall .pop .popblue .jifen{float:left;padding-left: 10px;}
#mall .pop .popblue .jifen p{line-height: 13px;}

#mall .popred{width: 94%;padding:3px 3% 0;background: #e31936;background:url(../img/news/redbg.png) repeat-x;background-size: auto 100%;overflow: hidden;line-height:25px;}
#mall .popred span{width: 27%;margin:0 3%;float: left;display: block;text-align: center;background: url(../img/news/arrow.png) no-repeat 92% center;background-size: 5%;font-size: 14px;}
#mall .popred span.kuan{background-position: 83% center;}
#mall .popred span.select{border-bottom: 3px solid #9b1427;font-size: 16px;font-weight: 700;}

#mall .mallcon{margin-top: 81px;width: 100%;}
#mall .mallcon li{width: 94%;padding:15px 3%;background: #fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;overflow: hidden;margin-bottom: 10px;}
#mall .mallcon li .pic2{float: left;width: 79px;height: 79px;border:1px solid #c5c5c5;text-align:center;}
#mall .mallcon li .pic2 img{width: 100%;height: 100%;}
#mall .mallcon li .word{float: left;padding-left: 8%;}
#mall .mallcon li .word h1{font-size: 16px;color: #373737;padding-bottom: 5px;font-weight: normal;}
#mall .mallcon li .word h2{font-size: 14px;color: #e31936;padding-bottom: 4px;font-weight: normal;}
#mall .mallcon li .word p{font-size: 12px;color: #b7b7b7;line-height: 15px;}


#mall .excon{margin-top: 58px;width: 100%;border-bottom: 1px solid #e4e4e4;}
#mall .excon font{padding:0 0 0 8%;line-height: 25px;}
#mall .excon li{margin:0;border-bottom: none;}
#mall .excon li span{float: right;color: #e31936;}
#mall .excon li .pic2{width: 40px;height: 34px;padding:3px 0;background: #ff9d9d;border-radius: 5px;border:none;color: #fff;font-size: 12px;line-height: 17px;text-align: center;}
#mall .excon li .word{padding-left: 4%;}
#mall .excon li .word h1{font-size: 14px;}




/*商品详情*/
#mall .pop2{position: fixed;bottom:0;width: 100%;text-align: center;line-height: 54px;background: #e31936;}
#mall .pop2 a{font-size: 18px;font-weight: bold;color: #fff;}
#mall .buzu{background: #9b9b9b;}
#mall .banner{width: 100%;margin-top: 56px;padding:27% 0 30% 0;border-bottom: 1px solid #e4e4e4;}
#mall .product{width: 100%;}
#mall .product h1{font-size: 16px;color: #373737;padding: 15px 5% 5px;font-weight: bold;width: 90%;}
#mall .product h2{font-size: 14px;color: #e31936;padding: 5px 5%;font-weight: normal;width: 90%;}
#mall .product h2 font{font-size: 16px;font-weight: bold;}
#mall .product p{font-size: 14px;color: #b7b7b7;padding: 3px 5%;font-weight: normal;width: 90%;}
#mall .product p b{font-weight: normal;padding-right: 30px;}
#mall .product a{border-bottom: 1px solid #e4e4e4; border-top:1px dotted #e4e4e4;background: #fff4f6 url(../img/news/arrow2.png) no-repeat 98% center;background-size:2%;color: #373737;display: block;width: 90%;padding:0 5%;line-height: 40px;}

#mall .productcon{margin-top: 10px;background:#fff url(../img/news/dtbg.png) repeat-x;width: 100%;}
#mall .productcon h1{color:#005288;font-size: 14px;padding-bottom: 20px;}
#mall .productcon img{width: 100%;}





/*积分榜*/
#register.ranking{width: 100%;margin:0}
#register.ranking ul{overflow: hidden;}
#register.ranking ul li{width: 100%;padding:0}
#register.ranking .red{background: #e31735;color: #fff;letter-spacing: 3px;}
#register.ranking b{display:block;float:left;font-weight: normal;width: 18%;border-right: 1px solid #e5e5e5;text-align: center;}
#register.ranking font{display:block;float:left;width: 58%;padding-left:5%;border-right: 1px solid #e5e5e5;}
#register.ranking .red b,#register.ranking .red font{border-right: 1px solid #cc1530;}
#register.ranking .point li span{text-align: center;float: left;display:block;width: 18%;}



#register .top{width: 100%;overflow: hidden;position: relative;}
#register .top h3{float: left;}
#register .top a{position:absolute;bottom:25px;right:0;display: block;width: auto;height: 20px;background: #f68495 url(../img/news/edit.png) no-repeat 90% center; background-size:10%;border-radius: 10px;padding:0 12% 0 5%;line-height: 20px;color: #fff;margin-top: 16px;}
#register .top a span{border-right: 1px solid #fff;padding-right: 5px;}
#register .name3 span{font-size: 14px;top:15px}
#register.account .repeat{text-align: left;padding:10px 0 0 15px}





/*第四阶段新增02-02赛事主页*/
#race{color: #373737;background-color: #fff;}
#race .racelogo{width: 100%;height: 145px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;overflow: hidden;background-color: #fff;}
#race .info{margin:20px auto 0;text-align: center;padding-bottom: 20px;background-color: #fff;}
#race .info h1{font-size: 21px;line-height: 33px;font-weight: 700;margin-bottom: 10px;}
#race .info p{font-size: 14px;color: #9c9b9b;line-height: 18px;}
#race .buttons{background: #F8F8F8;display: flex;flex-wrap: wrap;justify-content: space-evenly;padding: 15px 0;}
#race .buttons li{height: 3.584rem;width:5.27rem;font-size:14px;color: #373737;display: flex;flex-direction: column;justify-content: center;box-shadow: 3px 3px 3px rgb(76 115 196 / 22%);border-radius: 5px;margin-bottom: 10px;background-color: #fff;align-items: center;}
#race .buttons li span{color: #333;}
#race .buttons li.forbidden{color: #d6d6d6;background: none;}
#race .buttons li img{width: 37px;height: 37px;}
#race .lf_tit_new{width: 100px;
    height: 20px;
    background: inherit;
    background-color: rgba(209, 232, 242, 1);
    border: none;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: '微软雅黑';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #4A5C9D;
    text-align: center;
	margin: 5px 16px;
	}
#race .news_select{background-color: rgba(209, 232, 242, 1) !important;}
#race .news{margin: 6px 1.3%;height: 3.584rem; background: #fff;overflow: hidden;box-shadow: 3px 3px 3px rgb(76 115 196 / 15%);border-radius: 5px;display: flex;align-items: center;}
#race .news .left{flex-grow: 1;margin-right: 15px;}
#race .news .right{height: 50px;width: 90px;border-radius: 5px;margin: 0 6px;flex-shrink: 0;}
#race .news .right img{height: 50px;width: 90px;border-radius: 5px;}
#race .news p{line-height: 20px;height: 40px;color: #373737;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
#race .news font{color: #9c9b9b;font-size: 13px;}
#race h3{text-align: center;color: #9c9b9b;font-weight: 100;font-size: 12px;line-height: 30px;}
.popself{position: fixed;top:0;left: 0;width: 100%;background: rgba(0,0,0,0.3);height: 25px;line-height: 25px;overflow: hidden;}
.popself a{color: #fff;display: block;float: left;text-align: center;}
.popself a.selfb{width: 80%;padding-left: 10%;}
.popself a.close{width: 10%;}
.lf_ad_text{
	width: 35px;
	height: 15px;
	background: inherit;
	background-color: rgba(0, 0, 0, 0.298039215686275);
	border: none;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 16px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}
.quit{width: 90%;height:43px;line-height: 43px;font-size: 16px;text-align: center;color:#fff;background: #005288;border:none;border-radius: 5px;margin:30px 5% 10px;font-family: "微软雅黑";font-weight: 700;}



#register select{-webkit-appearance:none;border: none; margin-right: 6px;text-align: right;color: #a9a9a9;}
#register.detail .selectqc{padding:12px 5% 12px;background:#fff url(../img/news/arrow3.png) no-repeat 95% center;background-size: 2%;}
#register.detail .name input[type=checkbox]{width: 100% !important;padding: 14px 5% 10px;border: none;border-bottom: 1px solid #e4e4e4;text-align: right;margin:0 auto !important;height: 46px;background: none;}
#register.detail .name input[type=checkbox]:checked{background: url(../img/news/pick.png) no-repeat 95% center;background-size: 3%;}

#condition{position: fixed;top:0;left: 0;background: rgba(246,245,245,0.9);width:100%;height: auto;padding-top: 10px;z-index: 99;overflow-y: auto;
height: 100%;}
#condition h3{text-align: center;font-size: 14px;color: #373737;font-weight: 100;line-height:30px;padding: 0;}
#condition .outin{width: 86%;margin: 0px 8% 20px;overflow: hidden;}
#condition .outin a{display: block;float: left;width: 21%;height: 27px;border: 1px solid #c5c5c5;line-height: 27px;text-align: center;margin: 0 6% 0 5%;border-radius: 3px;background: #fff;color: #373737;}
#condition .outin a.oselect{background: #ffe4e4 url(../img/news/delete.png) no-repeat right bottom;background-size:20%;border:1px solid #ffe4e4;color: #e31936;}
#condition .quxiao{position: fixed;bottom: 0;left: 0;margin:0;padding: 10px 8%;background: rgba(255,255,255,0.8);}
#condition .quxiao a{margin:0 12%;width: 25%;}
#condition .quxiao a.confirm{background: #e31936 ;border:1px solid #e31936;color: #fff;}
#filterbt{border: none;background: none;color: #a9a9a9;padding-right: 10px;}
.file{height: 77px;padding:36px 0;float: right;margin-right: 5%;}
.file label{width: 75px;height: 75px;border: 1px solid #e2e2e2;background: #eeeeee url(../img/news/add.png) no-repeat center center;background-size:50%;display: block;}
.file input{display: none;}
#register .name3{top:70px;left: 15px;color: #373737;display: block;width: 20%;}
#register .name .usertext{text-align: left;height: 80px;word-break: break-all;}
#register .name .usertext2{height: 30px;}
#condition h4{text-align: center;font-size: 14px;color: #373737;font-weight: 700;line-height:30px;padding: 0;margin:10px 0 0 0;}
#register .racelist{text-align: left;border-bottom: 1px solid #676767;}
#register.detail .name .racelist label{width: 90%;padding: 0 5% 0;border: none;text-align: left;margin:0 auto !important;height: 34px;line-height:36px;background:#e8e8e8;display: block;}
#register.detail .name .racelist label.lable2{background: #fff;}
#register.detail .name .racelist input[type=checkbox]:checked + label{background:#ffe3e7;}
#register.detail .name .racelist input[type=checkbox]{display: none;}



#news{width: 92%;margin: 20px 4%;}
#news h1{font-size: 22px;font-weight: normal;margin:0;padding: 0;word-break: break-word;}
#news span{margin:15px 0;font-size: 14px;color: #767676;display: block;}
#news span font{color: #365d8f;}
#news .newspic{width: 100%;padding:30% 0}
#news p{text-align: left;margin:20px 0;line-height: 30px;font-size: 14px;}
#news b{margin:10px 0;font-size: 14px;color: #767676;display: block;font-weight: normal;}
.lf_baoming_box{
	background-color: #fff;
}
.lf_living_box{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #FF0000;
	position: absolute;
	right: 5px;
	top: 5px;
}
.lf_sts_tit{
	    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	    font-weight: 700;
	    font-style: normal;
	    font-size: 16px;
	    color: #1575E5;
	    text-align: center;
		margin-bottom: 10px;
}
.lf_baoming_box_btn{
	width: 86%;
	height: 35px;
	background: linear-gradient(102.744212620438deg, rgba(31, 138, 216, 1) 49%, rgba(67, 234, 175, 1) 94%);
	border: none;
	border-radius: 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 15px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.lf_baoming_box_time{
	width: 86%;
	height: 30px;
	background: inherit;
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -5px auto 0;
	color: #B5B0AE;
}
.lf_baoming_box_time span{
	color: #FD4E4E;
}
.lf_zhibo_box_btn{
	width: 86%;
	height: 35px;
	background: linear-gradient(102.744212620438deg, rgba(203, 10, 61, 1) 49%, rgba(247, 161, 82, 1) 94%);
	border: none;
	border-radius: 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 15px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.lf_zhibo_box_time{
	width: 86%;
	height: 30px;
	background: inherit;
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -5px auto 0;
	color: #B5B0AE;
}
.lf_zhibo_box_time span{
	color: #FF0000;
}

.ad{width: 100%;height: 6.5rem;}