@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:"黑体,微软雅黑";
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.clear{ clear:both;}

a {
	text-decoration:none;
	color:#000;
}
li {
	list-style:none;
}
.clearboth {
	clear:both;
}
.left{ float:left;}
.right{float:right;}
.frghtFwd{
    color: #1f2bd0;
    font-size: 20px;
}
img{ vertical-align:middle;max-width:100%;}
body,html {
	width:100%;
	height:100%;
	/* overflow: scroll; */
}
.none {
	display:none;
}
.block {
	display:block;
}
input,select,textarea{ outline:0;}
/*场地预订*/
.sport{ width:100%; height: 100%; }
.day::after,.table_td li::after,.icon::after,.site_con::after{content:"";display:block; clear:both;}
.top{padding:0 2.6%; background:url(../img/topbg_02.png) no-repeat left top; height:44px; color:#fff; /*line-height:67px;*/background-size:cover;}
.top1{ height:22px;}
.top2{ line-height:44px; height:44px;}
.top span{ font-size:18px; /* padding-left:13px; */ display:inline-block;color:#fff;}
.top img{  vertical-align: sub; /*max-width:100%*/;width:11px;}
.all_day{width:100%; position:relative;}
/*.l_btn{    width: 9.5%;line-height: 60px;text-align: center;font-size: 31px; background: #f9f9f9;border-left: 1px solid #d2d2d2;}*/
.day{width:100%; overflow:auto;}
.day ul{background:#f9f9f9;float:left;   width: 200%; }
.day ul li{text-align:center; float:left; width:10%;color:#9c9c9c;}
.day ul li span{ display:inline-block;    width: 100%;    line-height: 30px;font-size:13px;}
.day ul li span:first-child{color:#000; font-weight:bold;font-size:16px;}
.day ul li.selected span:first-child { color: #fff;font-weight: bold;font-size:16px;}
.day ul li.selected{background:#00b5f3!important; color:#fff!important;}

.content_order{margin-top:15px;padding:0 2.5%;}

 .time {
	background:#fff;
	text-align:left;
	width: 13%;
	font-size:13px;
	font-weight:bold;
}
.time li {
	font-weight:bold;
	height:51px;
}

.select_table::after,.select_table ul::after,.icon::after,.order_play li::after,.order::after ,.select_order ul::after,.total::after,.select_order::after,#show>div{
content:"";
display:block;
clear:both;
}
.select_table {
	
	background:#f9f9f9;
    border-bottom: 1px solid #dcdcdc;
}
.select_table ul li span, .order_play li span, .select_table ul li label {
	float:left;
	width:18.4%;
	height:50px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	margin:0 0 0.5% 0.5%; 
	border-radius: 9px;
}
.table_td li:first-child label{font-size:12px;height: 38px;}
.table_td li label:first-child {font-size:13px;line-height: 50px;background: #f9f9f9;}
.select_table ul li:first-child span {
	background:#fff;
	font-size:14px;
}

.gary {
	background:#dcdcdc;
}
.green {
	background:#6ec102!important;
	color:#fff;
}
.blue{
	background:#2cb3ee!important;
	color:#fff;
}
.icon {
	width:100%;
	margin:15px 0 0 0;
	text-align:center;
}
.icon div {
	display:inline-block;
}
.icon div em {
	background:#dcdcdc;
	height:14px;
	width:30px;
	display:inline-block;
	float: left;
	border-radius:5px;
	
}
.icon div span {
	font-size:14px;
	line-height:14px;
	height:14px;
	color:#000;
	margin:0 5px 0 2px;
	float:left;
	display:inline-block;
}
.icon div:first-child em {
	background:#2cb3ee!important;
}
.icon div:last-child em {
	background:#6ec102!important;
}

.select_order {
	width:100%;
	float:left;
 }
.select_order  ul{ margin:15px 0 6px 0;width:100%;}
.select_order ul li{ width:39%; border:1px solid #6ec102; border-radius:8px;background:#fff; float:left; margin-right:4%;margin-left:5%; margin-bottom:9px;}
/* .select_order ul li:nth-child(3n){ margin-right:0;} */
.select_order ul li span {
	display:inline-block;
	padding:5px 0;
	width:50%;
	text-align:center;
}
.select_order ul li span:first-child{
	background:#6ec102;
	width:100%;
	text-align:center;
	color:#fff;
	border-radius: 6px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.total{
	color:#ff0000;
	text-align:right;
	float:left;
	height:50px;
	line-height:50px;
	margin-left:16px;
}
 .total span {
	display:inline-block;
	padding-bottom:18px;
	font-size:18px;
	font-weight:bold;
	color:#000;
}
 .total span b{
 	font-weight:bold;
	color:red;
	font-size:22px;
}

.order_play li {
	clear:both;
}
.order_play li span {
	display:inline-block;
	width:14.1%;
}
.order_play li:first-child span, .order_play li span:first-child {
	background:#fff;
}
.btn {
	width:36%;
	float:right;
}
.confirm {
	 width: 100%;
    text-align:center;
	height:50px;
	line-height:50px;
	color:#fff;
	background:#2cb3ee;
	font-size:18px;
	border:0;
	outline:0;

}

/*场馆预订*/
.bg{background:#f0f0f0;}
.search{ padding:15px 2.5%; position:relative; /*margin:15px 0;*/ background:#fff;border-bottom:1px solid #d0d0d0;}
.ser{position:relative;    padding: 0 2.5%;margin: 10px 0;}
.ser img{ position:absolute; right:20px; top:7px; }
.ser input{ width:100%;height:32px; border:1px solid #d0d0d0;  border-radius:8px;font-size:15px; color:#d7d7d7; line-height:32px; text-indent:13px; }
.search .tab{ width:100%; margin:15px 0;    border: 0;}
.search  dl { float:left; margin:0px 2% 15px 2%; width:16%;text-align: center;}
.search::after,.search  .tab::after,.search ul::after,.hot_site::after,.site_introduce::after,.sort div::after,.tab_sort::after,#style::after,#show::after
,#list::after,.spotr_name div::after,.addr::after,.sport_address::after,.addr_img::after,.sport_info::after,.sport_info div::after,.good::after,.ass::after
,.xj::after,.a_name::after,.as_name::after,.item_date::after,.show_div::after,.sport_place::after,.assess::after,.as::after{content:""; clear:both; display:block;}
.search   dl dd{ line-height:21px;font-size:13px;margin:auto;}
.search   dl dt img {max-width:100%; }
.search .tab_icon{}
.search ul {height:8px;width:100%; text-align:center;}
.search ul li{ display:inline-block; width:8px; height:8px; background:#00b0f1; border-radius:15px;margin:0 7px;}
@media screen and (min-width:768px){.search .ser img{ top:6%; }}
.hot_site{ margin-top:9px; }
#hot_site{margin-top:0; }
.h_title{    background: #fff; border-bottom: 1px solid #f0f0f0;padding:0px 2.5%;}
.hot_site h2{ color:#343535; font-size:16px; margin-top:18px;padding-bottom:6px; border-bottom:2px solid #ff6633; display:inline-block; }
.site_introduce{ margin-bottom:4px;background:#fff;padding:20px 2.5% 0 2.5%; }
.site_img{ width:27.9%;}

.introduce_content{width:69.4%; padding-bottom:10px;border-bottom:1px solid #f0f0f0; }
.introduce_content h3{ color:#000;font-size:14px;overflow: hidden;/* text-overflow: ellipsis; white-space: nowrap; */ }
.chape{ background:#fa533d; padding:0px 2px 0px 2px; color:#fff;font-size: 14px;float: right;margin-right: 5px;}
.as{    margin: 0;}
.as img{ max-width:100%; }
.as .xing{ display:inline-block;}
.as span{ font-size:12px;color: #969494;}
.hot_site p{ font-size:12px;color: #969494;}
.site_order{border:1px solid #fa533d; width:62px;     padding: 1px 0;/***5.2新改*****/ border-radius:8px;font-size:10px; margin:5px 0; text-align:center; }
.site_order a{color: #fa533d;}
.site_order img{ margin-right:4px;}
.site_order_phone{border:1px solid #50a5ec;width: 62px;padding: 1px 0;border-radius: 8px;font-size: 10px;margin: 5px 0;text-align:center;}
.site_order_phone a{color: #50a5ec;}
.site_order_phone img{ margin-right:4px;}
@media screen and (min-width:321px) and (max-width:375px){.as{ margin: 4px 0;}}
@media screen and (min-width:376px) and (max-width:420px){.as{ margin: 7px 0;}}
@media screen and (min-width:768px) {.assess{ margin: 15px 0;}}
.swiper-slide img{ width:100%;}
.last{ text-align: center; padding: 20px 0; margin-bottom:-100px;}

/*site_list*/
.list_map img{ width:18px; margin-top:10px;}
.sort{ background:#fff;width:95%; padding: 5px 2.5%;}
.sort #picktime { width:46%; text-align:center; padding: 5px 0;border:0;    font-size: 13px; color:#525252;}
.sort select{ width:25%; margin: 0 1%; padding: 5px 0;outline:0;border:0; background:#fff;}
.sort button{ border:1px solid #5d9cec;color:#5d9cec; font-size:13px; background:#fff; border-radius:7px; padding:3px 0;width: 20%;outline:0;}

.sort_place{    /* position: relative; */ position:	static; background:#fff;}
.sort_place div{ z-index: 9999; position:absolute; top: 50px;left: 0; background: rgba(0,0,0,.3); width: 100%; height: 100%; display:none;}
#list{width:100%;    /* border-top: 1px solid #ccc;*/    /***5.2新改*****/border-bottom:1px solid #ccc;}
#list li{ list-style:none; float:left;    width: 24.7%;  font-size: 13px;     background: url(../img/xia_03.png) 80% 5px no-repeat;/***5.2新改*****/ background-size:13px; border-left:1px solid #ccc; margin: 13px 0; text-indent: 4px;}
#list li:first-child{border-left:0;}
#list li.list_active{     background: url(../img/shang_03.png) 80% 5px no-repeat;/***5.2新改*****/ background-size:13px 6px;color:#00ae7e;}
/***5.2新改   start*****/
@media screen and (max-width: 370px) {
    #list li {
        background: url(../img/xia_03.png) 95% 7px no-repeat;
        background-size: 13px;
    }

    #list li.list_active {
        background: url(../img/shang_03.png) 95% 7px no-repeat;
        background-size: 13px;
    }
}
@media screen and (min-width: 660px) {
    #list li {
        text-indent: 5%;
    }
}
/***5.2新改 end*****/
@media screen and (min-width:768px){#list li{         background: url(../img/xia_03.png) 80% 7px no-repeat;/***5.2新改*****/  background-size:13px;text-indent: 5%;/***5.2新改*****/} #list li.list_active{background: url(../img/shang_03.png) 80% 7px no-repeat;/***5.2新改*****/  background-size:13px;text-indent: 5%;/***5.2新改*****/}}
div.block {  display: block; }
div.none { display: none; }
.sort_place div ul{  z-index: 9999; background: #fff; float: left;padding-bottom: 28px; width: 100%;}
.sort_place div ul li{     
	width: 28%;/***5.2新改*****/
    margin: 15px 2% 0 2%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;/***5.2新改*****/
    text-align: center;
    font-size: 13px;/***5.2新改*****/
    padding: 5px 0;/***5.2新改*****/}
.sort_place div ul li.bg{color: #00ae7e; border:1px solid #00ae7e; background: #fff; }



/*场馆详情*/
.list_map a{color:#fff; cursor: pointer;}
.tab_sort{width:95%; padding:20px 2.5% 0 2.5%;background:#fff; }
.tab_sort #style{ 
	border-bottom:2px solid #18a1e7;
	float:left; 
	width:100%;    
	}
.venue-activce {
	position: fixed;
    top: 0px;
    left: 0;
    height: 42px;
    background: #fff;
    z-index: 999999999;
}
.tab_sort #show div div{
    display: block;
}
.tab_sort #style li{  float:left;cursor:pointer;width:25%;color:#828282; font-size:14px;  padding: 10px 0;    text-align: center; }
.tab_sort #show div{ width:100%;  background:#fff; clear:both;display:none; color:#000;font-size:14px;line-height:25px;/* text-align:center; */ }
.tab_sort #show div:first-child img{ /* padding-top: 21px; */}
.tab_sort #show div p{ /* text-indent: 2em; */ /* padding: 18px 0; */text-align:left;}
.tab_sort #style li.tab_active{ color:#18a1e7; font-size:16px; border-bottom: 2px solid #18a1e7;}
.sImg{ width:100%;}

/*哲蚌健身房*/
.zb_sport,.assess{background:#fff;  /*   padding: 0 2.5%; */}
.spotr_name{padding:21px 13px; }
.spotr_name h2{ font-size:16px; color:#000;}
.spotr_name p{ margin-top:8px; color:#888888;font-size:11px;}
.sport_address{ padding:12px 2.5%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.sport_address .addr{ font-size:14px; color:#000; border-right:1px solid #e5e5e5; width:79%;    padding-right: 2%; position:relative;}
.sport_address .addr span{ padding-left:11px; width:calc(100% - 34px);}
.sport_address .addr img{width:11px;    position: absolute; left: 2.5%; top: 27%;}
.sport_address .addr_img{ width:18%; text-align:center;}

.sport_info{ padding-left:9.5%;padding-right:2.5%; margin-bottom:4px;border-bottom:1px solid #e5e5e5; padding-bottom:29px; }
.sport_info h3{ margin:16px 0 12px 0; font-size:14px; color:#000;}
.sport_info div{ line-height:23px; font-size:13px; color:#707070;width:100%;}
.sport_info div h4{ width:21%; display:inline-block; float:left;}
.sport_info div span{ width:79%; display:inline-block; float:left;}
.co {color:#ff6633;}
.sport_info .more{ font-size:14px; color:#00ae7e;}
.assess h3{ font-size:15px; color:#000; padding:10px 0 15px 4px; border-bottom:1px solid #d8d8d8;}
.ass{padding: 14px 0 10px 4px;border-bottom:1px solid #d8d8d8;}
.as_img{ width:36px; border-radius:30px; height:36px;overflow: hidden; }
.as_img img{border-radius:30px;}
.as_name{     width: calc(100% - 56px);  margin-left: 8px;}
.a_name span{ color:#999999; font-size:12px;}
.a_name span:first-child{ color:#00ae7e; font-size:13px; }
.xj{ margin:14px 0;}
.xj img{margin-right:4px;}
.as_name p{ color:#000; font-size:13px;word-wrap:break-word}
.good{ border:1px solid #d8d8d8;border-radius:13px; padding:5px 13px; margin-top:10px;}
.good img{ padding-right:5px;width:14px;}
.check { padding:10px 0; font-size:13px; color:#000;text-align: center; position:relative;}
.check img{ margin:3px 3% 0 0;}
.xing img{margin-right: 2px;}

/*预订详情*/
.agreen{ font-size:10px; color:#fff; background:#81bd81; padding:4px 5px; border-radius:5px;}
#sport_info{ padding-top:15px;}
#sport_info div{ color:#000;}
.item{ font-size:15px; color:#000;}
.item #style {/* border-bottom:1px solid #d8d8d8; */margin:0px 2%; }
.item #style li{ /* margin-right:5%; */ float:left; padding:12px 0px;text-align:center;width: 95px;font-size: 15px;}
.item #style li.tab_active{border-bottom: 3px solid #00ae7e;}
.item #it_show .show_div{ display:none;}
.item #it_show .item_date{ background:#F5F5F9; float:left;width: 100%;padding:10px 0;}
.item #it_show .item_date li{ background:#fff; width:81px;height:94px;border:1px solid #e5e5e5; float:left; margin-left:10px; text-align:center;}
.item #it_show .item_date li span{ display:block; }
.item #it_show .item_date li span:nth-child(1){line-height:35px;height:35px;font-size:16px}
.item #it_show .item_date li span:nth-child(2){ font-size:12px; color:#707070;}
.item #it_show .item_date li span:last-child{ font-size:14px; color:#00ae7e; padding:3px 0px;border:1px solid #00ae7e; border-radius:18px; width:75%;margin:10px auto; }
.sport_place { color:#707070;font-size:14px;}
.sport_place h3{ font-size:14px; color:#000; margin:25px 0 11px 0;    display: inline-block;}
.sport_place p{ line-height:25px;}
.sport_place p span:first-child{ width:22.5%; padding-left:2.5%; display:inline-block;}
.space{padding:0px 2.5%}

/*赛事活动*/
.match {
    padding: 0 2.5%;
}

.match_style {
    width: 100%;
    padding: 13px 0 26px 0;
}

.mat {
    width: 30%;
    background: #5399c6;
    padding: 35px 0px 34px 0;
    border-radius: 8px;
    font-size: 15px;
}

.mat a {
    color: #fff;
}

.match_style ul {
    width: 70%;
}

.match_style ul li {
    margin-left: 1.5%;
    padding: 9px 0 8px 0;
    color: #fff;
    width: 48.5%;
    float: left;
    border-radius: 8px;
    font-size: 15px;
}

.match_style ul li a {
    color: #fff;
    display: block;
}

.mat img, .mat span, .match_style ul li img, .match_style ul li span {
    display: block;
    margin: auto;
    text-align: center;
    line-height: 22px;
}

.match_style ul li:nth-child(1), .match_style ul li:nth-child(2) {
    margin-bottom: 6px;
}

.outorange {
    background: #ef7c45;
}

/*.jugreen{ background:#9dc156;}
.leaderblue{ background:#49b5b5;}
.helpyellow{background:#f5af40;}*/
.titleName h2 {
    font-size: 17px;
    color: #343535;
    padding-bottom: 8px;
}

.MO {
    color: #00baff;
    font-size: 9px;
    padding: 5px 12px 2px 12px;
    border: 1px solid #00baff;
    border-radius: 15px;
}

.match_style::after, .titleName::after, .exMatch:after, .newActivity:after, .enterName:after, .enter_up::after,
.recommend::after, .u_list::after, .sport_detail::after, .user::after, .urgent .last::after, #match_fl::after,
.survey .sur::after, .vo_find::after, .more_btn::after, .mg_run ul::after, .run_date p::after, .every p::after,
.ever p::after, .online_content::after, .ev::after, .flow ul::after, .tab::after, .con::after, .safe::after,
.safe_style::after, .safe_plan::after, .safe_style li::after, .club2::after, .from::after, .new_title::after, .ba_text p::after, .com::after, .iphone:after, .android:after {
    content: "";
    display: block;
    clear: both;
}

.exMatch {
    width: 100%;
    padding: 20px 0 47px 0;
    margin-top: 4px;
}

.exMatch dl {
    float: left;
    width: 49%;
    text-align: center;
    line-height: 23px;
}

.exMatch dl:first-child {
    margin-right: 2%;
}

.exMatch dl dt {
    font-size: 15px;
    color: #000;
}

.exMatch dl dt:last-child {
    font-size: 14px;
    color: #838383;
}

.enter {
    padding-top: 17px;
    background: #fff;
}

.enterContent {
    position: relative;
    overflow: hidden;
}

.enterContent p {
    position: absolute;
    left: -10px;
    top: 13px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 8px 18px;
    border-radius: 16px;
}

.enterContent div {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98.6%;
    padding: 8px 0px 8px 1.3%;
}

.enterContent img {
    width: 100%;
    max-height: 196px;
}

.enterName {
    background: #f6f6f6;
    width: 98.6%;
    padding: 6px 0px 6px 1.3%;
}

.wname .wing {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 30px;
    display: inline-block;
}

.wname .wing img {
    border-radius: 30px;
}

.wname span {
    font-size: 14px;
    color: #525252;
}

.enterdate {
    font-size: 14px;
    color: #838383
}

.enterdate span {
    font-size: 16px;
    color: #ff6633;
    padding-right: 15px;
}

/*sport_list*/
.en {
    padding: 0 2.5%;
    background: #fff;
}

.out {
    padding: 0 2.5%;
    margin: 10px 0;
}

.sport .out input {
    background: url(../img/search_03.png) 97% 6px no-repeat #fff;
    background-size: 20px 20px;
    text-indent: 4%;
}

.top3 {
    background: #fff;
}

.top3 .sort, .top3 .sort_place {
    width: 100%;
    padding: 0;
}

.top3 #list {
    width: 95%;
    padding: 0 2.5%;
}

#top3 .sort_place #div1, #top3 .sort_place #div2, #top3 .sort_place #div3 {
    top: 45px;
}

/*活动内容*/
.sContent{ padding: 0 2.5% 10px 2.5%; background: #fff; }
.sContent h2{ font-size: 18px; color:#000;  line-height: 30px; padding: 9px 0 23px 0; }
.sport_text{ padding-top: 7px; border-top:1px solid #d8d8d8; background:#f9f9f9; width: 100%; background:url(../img/bgg_03.png) no-repeat;background-size:14px 200px;  background-position:0px 24px;  /*border-bottom: 1px solid #d8d8d8; margin-bottom: 4px;*/}
.sport_text>p{ font-size:14px; color:#525252; margin: 15px 0 6px 0; text-indent: 6%; line-height:22px;}
.sport_text p:last-child{ line-height:20px;    margin: 11px 0 6px 0;}
.enter_up span:nth-child(1){ width:27%; }
.enter_up span:nth-child(2){width:73%;}
.sport_text .enter_up span.pri{ color:#ff6633; text-indent: 0px;display: block;width:100%; }
.sport_text p:last-child span{color:#ff6633;}
.sImg img{width: 100%;}
.recommend{ background: #fff;padding:20px 2.5%;border-bottom: 1px solid #d8d8d8;margin: 6px 0;}
.recommend div,.recommend h2{display:inline-block;}
.recommend div h2{ font-size:15px; color:#030000; margin-left: 8px;}
.recommend a{display:inline-block; font-size: 14px; color:#00b1f1;}
.lj{  padding:4px 2.5% 10px 2.5%; background: #f9f9f9;}
.lj a{display:block; background: #fff; padding:10px 0; width: 100%; text-align: center; font-size: 14px; color:#000; border: 1px solid #d8d8d8;/* border-bottom: 1px solid #d8d8d8; */ margin-bottom: 7px;}
.hui{border-bottom: 1px solid #d8d8d8;margin-bottom: 6px;}

/*活动详情*/
.detail{padding: 0 2.5%; }
/* actinfo add */
.u_list{
    padding-top: 8px;
    position: fixed;
    left: 2px;
    top: 0px;
    width: 99%;
    z-index: 999;
    background: #fff;
    /* right: 0; */
}
.div_h{
    border-top: 1px solid #339900;
    position: relative;
    height:30px;
}
.div_h h2{
   padding-top:30px;
}
/* actinfo end */
.u_list li{ border: 1px solid #339900; border-left:0; float:left; width: 24.6%;text-align: center;}
.u_list li:first-child{border-left: 1px solid #339900;}
.u_list li a{ color:#339900;font-size:15px; width: 100%; display: block; padding: 6px 0;}
.u_list li a.clicked{background:#339900;color:#fff;}
#hdx,#enterS,#pay,#attention{border-top:1px solid #339900; position: relative; margin-top: 37px;}
/* actinfo add  */
#hdx,#enterS,#pay,#attention{border-top:0; position:inherit; margin-top: 0px;padding-top:80px;}
/* actinfo end  */
#hdx h2,#enterS h2,#pay h2,#attention h2{background:#339900;color:#fff; position: absolute; left:50%; top:-17px; margin-left:-44px; padding: 4px 12px; font-size: 12px;  border-radius:8px;font-weight: normal;}
#hdx h3{margin: 28px 0 9px 0; font-size:14px; color:#ff3131; text-align: center;}
#hdx p,#enterS p,#pay p,#attention p{ color:#333333; font-size:14px; text-indent: 2em; line-height: 21px;  }
#hdx p{ color:#333333; font-size:14px;  line-height: 21px; text-indent: 0; }
.center{ text-align:center;}
#hdx .sp{ text-indent: 0;    line-height: 30px;}
.sp span{ display: inline-block;}
.enter_style{color:#333333; font-size:12px; line-height: 21px; margin: 28px 0 10px; }
.enter_style span{color:#ff3131;}
.back{ margin: 10px 0;}
#back{ color:#fff; background:#ff9900 ; width: 70%; text-align: center; border: 0; outline: none;padding:10px 0; display:block; margin: auto;}
.view img{width:100%; }
/*活动报名*/
.col{ color:#000; font-size: 15px; font-weight:bold; padding: 34px 2.5% 32px 2.5%; background: #fff;margin-bottom:4px; }
.col p:first-child span{color:#ff9900;}
.col p:last-child{ font-size:12px;color:#666666; margin-top: 16px;}
.user{ background: #fff; padding: 0 2.5%; font-size: 14px; color:#707070;}
.user h2{font-size:15px; color:#000; padding: 24px 0 20px 0; border-bottom: 1px solid #e5e5e5;}
.user .every{ background: #f9f9f9; padding:5px 0 5px 3%;border-bottom: 1px solid #e5e5e5;}
.user .every p,.user .ever p{ line-height: 22px; font-size:13px;}
.user .every p:last-child span,.user .ever p:last-child span{ width: 49%;    display: inline-block}
.user .add{ background: #ff6633; border-radius:8px; text-align: center;padding:3px 8px 6px 8px; margin: 16px 0;}
.user .add a{font-size:14px; color:#fff;display:inline-block; }
.user .add span{font-size:20px; color:#fff; font-weight:bolder;}
.urgent{ background:#f9f9f9; font-size: 14px; color:#707070; margin: 6px 0;padding:0 2.5%;}
.urgent div{width: 100%; background: #fff; margin-bottom: 6px; text-align: center; padding: 13px 0;}
.urgent div:last-child{margin-bottom: 0;}
.urgent div input,.urgent div  textarea,.urgent div select{ color:#aeaeae; font-size: 15px; border: 0;}
.urgent .last{background: #fff;}
.urgent .last div{margin: auto;  width: 73%;}
.urgent .last textarea{ min-height: 128px;}
.agr{ background: #fff;}
.agr2{ color:#707070; font-size: 14px; padding: 19px 2.5% 19px 2.5%;}
.agr2 input{margin-right: 2%;}
.agr2 span{color:#00a3ea;}
.bm{ width: 95%; background:#00a3ea; font-size: 15px; text-align: center; padding: 0 2.5%;position: fixed;left: 0;bottom:0; }
.bm a{color:#fff; display: block; padding: 15px 0;}

/*比赛报名列表*/

#match_fl {
    width: 95%;
    padding: 0 2.5%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#match_fl li {
    list-style: none;
    float: left;
    width: 32%;
    font-size: 13px;
    background: url(../img/xia_03.png) 90% 5px no-repeat; /*5.2新改*/
    background-size: 13px 7px;
    border-left: 1px solid #ccc;
    margin: 13px 0;
    text-indent: 5%;
}

#match_fl li:first-child {
    border-left: 0;
}

#match_fl li.list_active {
    background: url(../img/shang_03.png) 90% 3px no-repeat;/*5.2新改*/
    background-size: 13px 7px;
    color: #5d9cec;
}

@media screen and (min-width: 768px) {
    #match_fl li {
        background: url(../img/xia_03.png) 90% 3px no-repeat;/*5.2新改*/
        background-size: 9%;
    }

    #list li.list_active {
        background: url(../img/shang_03.png)90% 3px no-repeat;/*5.2新改*/
        background-size: 9%;
    }
}

        /*5.2 新注释  start*/
/*#match_fl li:nth-child(2) {
    background: url(../img/xia_03.png) 90% 5px no-repeat;
    background-size: 13px 7px;
    text-indent: 8%;
}

#match_fl li:nth-child(2).list_active {
    background: url(../img/shang_03.png) 90% 5px no-repeat;
    background-size: 13px 7px;
    color: #5d9cec;
    text-indent: 8%;
}*/
/*5.2 新注释  end*/

.top3 .sort_place #div1, .top3 .sort_place #div2, .top3 .sort_place #div3, .sort_place #div4{
       top: 96px;
}

.match_c p {
    color: #838383;
}

.cost {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.cost span {
    color: #ff6633;
}

.matching {
    background: #ff6633;
    color: #fff;
    padding: 2px 11px; /***5.2新改****/
    border-radius: 10px;
    margin: 8px 0;
    font-size: 13px;
}

.no_matching {
    background: #d1d1d1;
    color: #fff;
    padding: 2px 11px;/***5.2新改****/
    border-radius: 10px;
    margin: 8px 0;
    font-size: 13px;
}
/*赛事报名详情*/
.run {
    margin-bottom: 6px;
    background: #fff;
}

.run div img {
    width: 100%;
}

.run h2 {
    font-size: 17px;
    color: #343535;
    margin-top: 15px;
    margin-bottom: 6px;
    padding: 0px 0 15px 2.5%;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    font-family: "黑体,微软雅黑";
    font-weight: 600;
}

.survey {
padding: 0 2.5%;
background: #fff;
}

.survey .sur {
padding: 10px 0;
}

.survey .sur h3, .online h3, .volunteer h3, .event h3, .reward h3, .route h3 {
font-size: 15px;
color: #000000;
}

.survey .sur a {
display: inline-block;
font-size: 15px;
color: #18a1e7;
}

.sur_content, .online_content, .vo_find, .event_bg, .way, .ro {
background: #f9f9f9;
color: #707070;
font-size: 13px;
padding: 10px 2%;
border-top: 1px solid #e5e5e5;
}

.sur_content p {
padding: 0px 0;
overflow: hidden;
text-overflow: ellipsis;
/* white-space: nowrap; */
}

.sur_content p span {
    color: #ff6633;
}

.sur_content .ple {
    padding-left: 9%;
}

.online, .volunteer {
    background: #fff;
    padding: 0 2.5%;
}

.online h3, .volunteer h3, .event h3, .reward h3, .route h3 {
    padding: 10px 0;
    margin-bottom: 5px;
}

.vo_find div {
    padding-top: 25px;
}

.online_content p, .vo_find div p {
    line-height: 25px;
}

.imp {
    color: #ff6633
}

.hei {
    color: #333333;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.online_content p span {
    width: 69%;
    display: inline-block;

}

.online_content p span:last-child {
    width: 30%;
    display: inline-block;
    text-align: right
}

/* 赛事报名详情中的底部选手报名div固定 */
.more_btn {
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.more_btn a {
    width: 33.3%;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    color: #fff;
    padding: 12px 0;
    float: left;
}

.more_btn a:nth-child(1) {
    background: #00abaf;
}

.more_btn a:nth-child(2) {
    background: #dfb800;
}

.more_btn a:nth-child(3) {
    background: #f28300;
}

.online_content {
    border: 0;
}

/*赛事详细介绍*/
.mg_run, .event, .reward, .route {
    padding: 0 2.5%;
    background: #fff;
}

.mg_run h2 {
    font-size: 19px;
    color: #000;
    text-align: center;
    padding: 37px 0 24px 0;
}

.mg_run h5 {
    font-size: 13px;
    color: #8e8e8e;
    text-align: center;
}

.mg_run .run_table {
    width: 98.5%;
    /* left:0; */
    margin: -1px auto 25px auto;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}

.mg_run .run_table tr td {
    width: 25%;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 8px 0;
}

.mg_run .run_table tr td a {
    color: #333333;
    font-size: 15px;
}

.mg_run .run_table tr td:first-child {
    border-left: 0;
}

.run_table tr td.clicked{
	background:#00A3EA;
	color:#fff;
}

/*赛事详情浮动点击的第一个定位标识css*/
.fixedTdOne {
    width:5px;
    height:5px;
    display:inline-block;
    position:absolute;
    left:0px;
    top:-72px;
}

/*赛事详情浮动点击的第二个定位标识css*/
.fixedTdTwo {
    width:5px;
    height:5px;
    display:inline-block;
    position:absolute;
    left:0px;
    top:-170px;
}

/*返回顶部---开始*/
/*.write_blog{
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 110px;
    background: red;
}*/
.backTop {
    /*background: rgba(195, 195, 191, 0.72);*/
    width:40px;
    height:40px;
    position: fixed;
    right: 20px;
    bottom: 110px;
    display:none;
}
/*返回顶部---结束*/

/*标签切换浮动*/
.xf-activce {
    position: fixed;
    top: 0px;
    left: 0px;
    right: -2.5px;
    z-index: 10;
    width: 95%;
    background: #fff;
    /* box-shadow: 0px 0px 8px #ccc; */
}

.run_date {
    padding: 10px 0 10px 2%;
    border-bottom: 1px solid #d8d8d8;
}

.run_date p {
    padding-bottom: 20px;
}

.run_date p span {
    display: inline-block;
    width: 25%;
}

.run_date p span:last-child {
    width: 75%;
}

.team {
    color: #707070;
    font-size: 14px;
}

.team h3, .enter_cost h3 {
    color: #707070;
    font-size: 14px;
}

.team table, .enter_cost table, .reward table {
    background: #fff;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}

.team table tr td, .enter_cost tr td {
    width: 49%;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
}

.team table td:first-child, .enter_cost td:first-child, .reward tr td:first-child {
    border-left: 0;
}

.team p, .enter_cost p {
    padding-top: 20px;
    line-height: 23px;
}

.dag {
    padding-top: 20px;
}

.reward tr td {
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
}

.reward table {
    margin-bottom: 9px;
}

.reward p {
    line-height: 26px;
}

.reward tr td.text_left {
    text-align: left;
    padding: 7px 0 7px 5px;
}

.return {
    background: #00a3ea;
    width: 100%;
    text-align: center;
}

.return a {
    color: #fff;
    font-size: 15px;
    padding: 15px;
    display: block;
}

/*选手报名*/
.onp{ width:23px;  display: inline-block; font-size:13px; text-align: center;}
.onp input{    margin-top:9px;}
.ont{ width:calc(100% - 23px);  display: inline-block;font-size:13px;}
.ev{    background: #f9f9f9; padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
.ev .user .ever{ padding: 5px 0 ; background: #f9f9f9; border-bottom: 1px solid #e5e5e5;}
.select{ margin-top: 6px;}
.flow{ padding: 39px 2.5% 26px 2.5%; background: #f9f9f9; }
.flow div{    padding: 0 1.5% 0 4.5%;}
.flow ul { padding: 11px 2.5% 0 2.5%; }
.flow ul li{float:left; width: 33.3%; font-size: 13px; color:#666666; text-align:center;}
.flow ul li:first-child{ text-align: left;}
.flow ul li:last-child{ text-align: right;}

/*志愿者报名*/
.t_right{ text-align: right; width: 25%; display: inline-block;}
#urgent{margin: 6px 0 0 0;}
#urgent div{ text-align: left;}
#urgent .black input::-webkit-input-placeholder{
	color: #000;
}
#urgent .black input:-moz-placeholder{
	color: #000;
}
#urgent .black  input::-moz-placeholder{
	color: #000;
}
#urgent .black  input:-ms-input-placeholder{
	color: #000;
}
#urgent .black select {color: #000;}
#urgent div  textarea{ border:1px solid #dbdbdb; padding: 10px 3%; width:94%; min-height: 207px;    margin-top: 10px;}
#urgent .last div{ width: 100%;}
#urgent div input, #urgent div  textarea, #urgent div select{ padding-left: 3%;    background: #fff;}
.description{ font-size: 12px; color:#666666;  padding:19px 0 45px 0; text-align:center; background: #fff;}
/*活动保险*/
.hospital{background:#fff;}
.tab{ width: 100%; border-bottom: 1px solid #dbdbdb;background:#fff; }
.tab li{ float:left;width:25%; text-align: center;font-size: 15px;color:#525252; padding: 18px 0;}
.con{ padding: 0 2.5%;}
.con dl{ margin:22px  4% 0 0;width: 48%; float: left;}
.con dl:nth-child(even){ margin-right: 0;}
.con dl dt{ border:4px solid #f0f0f0; text-align: center; height: 121px; line-height: 121px; display: table-cell;  vertical-align: middle;  width: 50%;}
.con dl dd{ margin-top: 11px; font-size: 13px;color:#525252; text-align: center;}
.tab li.co {color:#ff6633; border-bottom: 2px solid #ff6633;}

/*活动保险*/
.safe_plan{ padding: 22px 2.5% 11px 2.5%;    margin-bottom: 6px;background:#fff; }
.safe{ }
.safe_img{width:15%; height:52px; line-height: 52px; border:2px solid #f0f0f0; text-align: center; vertical-align: middle; }
.safe_img img{max-height: 100%; max-width: 100%;    vertical-align: middle;}
.safe_text{width:calc(100% - 20%);border-bottom: 1px solid #e5e5e5;    margin-left: 3%}
.safe_text h3{ font-size: 15px;color:#000000;  }
.safe_text h3 span{padding-left: 2%;}
.safe_text p{ font-size: 13px; color:#838383; padding: 9px 0;}
.safe_text p span{color:#ff6633; padding-right: 3.5%;    display: inline-block;}
.safe_style li{float: left; font-size: 12px; color:#838383; width:48%; margin-top: 11px;}
.safe_style li:nth-child(odd){ margin-right: 2%;}
.safe_style li span:first-child{    width: 70%; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.safe_style li span:last-child{ width: 28%;}
/*
.safe_style li span:first-child{ padding-right: 1%;}
@media screen and (min-width:380px){.safe_style li span:first-child{padding-right: 7%;}}
*/
.pad{ padding: 0;}

/*活动保险-详细信息*/
.plan{  padding:0 2.5%;}
.head{padding: 35px 0 11px 0;border-bottom: 1px solid #e6e6e6;}
.head h2{ font-size: 18px; color:#000000; text-align: center; margin-bottom: 23px;}
.head h2 span{ padding-right: 2%;}
.head .head_time{ text-align: right; font-size: 14px; color:#a1a1a1;}
.plan_text p:first-child{color:#ff6633; font-size:15px; margin-top: 10px;}
.plan_text p,.plan_text h4,.plan_text h3{ color:#333333; font-size: 14px; line-height: 30px;}
/*俱乐部*/
.club{ padding: 0 2.5%; background: #fff; margin-bottom: 6px;}
.club2 { padding:30px 0 15px 0; border-bottom:1px solid #e6e6e6; }
.club_text  h2{ font-size: 15px;/*font-size: 10px;*/ color:#000;}
.club2  h2 .authenticated{ color: #00b4f3; /*font-size: 13px; */ font-size:10px; border:1px solid #00b4f3; border-radius:8px; display: inline-block; /*margin-left:4%;*//*margin-left:2%; padding: 0px 6px;*/     margin-left:  2%;    padding: 3px 6px 0px 6px ; vertical-align: text-top;}
.club_img{ width:105px;}
.club_text{/*width:calc(100% - 120px);*/width:calc(100% - 112px);}
.club_text p{ line-height: 23px; /*font-size: 14px; */font-size: 12px; color:#838383;}
.club_sport span{ display: inline-block; /*margin:0 7px;*/margin:0 5px;}
.club_text p:last-child span{ width:50%;}
.address{ padding: 13px 0 15px 0;font-size: 14px; color:#838383;}
.address span{    margin-left: 7px;}
/*健身秧歌*/
.yg{ color: #333333; font-size: 14px; }
.yg p{ line-height: 26px; text-indent: 2em; margin: 15px 0 10px 0;}
.yg_img img{ width: 100%;}
.head .from span{font-size: 14px; color:#a1a1a1;}
/*体育新闻*/
.new_title{     
	padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.title_img{ width: 105px;}
.title_text{    width: calc(100% - 112px);}
.title_text h2{ font-size: 15px; color: #000000;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.title_time{ color:#a1a1a1; font-size: 13px; margin: 6px 0;}
.title_text p{ font-size: 13px; color:#838383; display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;overflow:hidden;}
#title_text{ width: 100%;}
.le{margin-left: 2%;    margin-top: -5px;}
/* 新闻详情 */
#newsdetilhdx{ position: relative; margin-top: 37px;}
#newsdetilhdx h2{
	background:#339900;color:#fff; position: absolute; left:50%; top:-17px; margin-left:-44px; padding: 6px 12px; font-size: 16px;  border-radius:8px;
}
#newsdetilhdx h3{margin: 28px 0 9px 0; font-size:14px; color:#ff3131; text-align: center;}
#newsdetilhdx p{
	color:#333333; font-size:14px; text-indent: 2em; line-height: 21px; 
}
#newsdetilhdx p{
	color:#333333; font-size:14px;  line-height: 21px; text-indent: 0;  
}
.center{ text-align:center;}
#newsdetilhdx .sp{ text-indent: 0;    line-height: 30px;}
.sp span{ display: inline-block;}
.enter_style{color:#333333; font-size:14px; line-height: 21px; margin: -8px 0 10px; }
.enter_news_style{font-size:14px; line-height: 21px; margin: -8px 0 10px; }
.enter_style span{color:#ff3131;}
.back{ margin: 10px 0;}
#back{ color:#fff; background:#ff9900 ; width: 70%; text-align: center; border: 0; outline: none;padding:10px 0; display:block; margin: auto;}
.view img{width:100%; }
/* 新闻详情结束 */

/*. club2 .club_text .leader_name{ font-size: 15px;}*/
/*领队信息*/
.info{ padding: 0 2.5%;}
.basic{ }
.basic h3{ font-size: 14px; color:#000000; padding: 24px 0 14px 0; border-bottom:1px solid #d8d8d8;}
.ba_text{ background:#f9f9f9; margin-top: 5px; padding: 0 4%;color:#525252; font-size:13px;}
.ba_text p{ padding: 12px 0;}
.ba_text p span{ display: inline-block;}
.ba_text p span:first-child{ width: 33%;}
.ba_text p span:last-child{ width: 67%;}
.com{  border-bottom: 1px solid #d8d8d8;}
.comment{color:#707070; font-size:12px;    padding: 25px 0 15px 0;}
.assess .com  h3{border-bottom:0;}


/*解决loading不显示问题*/
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}
/***模板消息接收***/
.msgback {
    width: 100%;
    height: 100%;
    background: url(../img/shiftduty_back.jpg) left top no-repeat;
    background-size: cover;
}

/***app下载***/
.aload {
    width: 95%;
    height: 100%;
    background: url(../img/bg_02.png) left top no-repeat;
    background-size: cover;
}

.aload .tel {
    width: 47%;
    max-width: 100%;
    padding: 12px 0 24px 0;
    margin: 0 auto;
    text-align: center;
}

.iphone, .android {
    width:50%;
    margin: 19px  auto 0 auto; /*height: 49px;*/
    padding: 7px 0;
    border-radius: 8px;
    color: #fff;
    text-align: center;

}

/* app下载页面适配调整--开始 */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
   .aload #tel{ padding:12px 0 12px 0;}
}
/* app下载页面适配调整--结束 */

@media screen and (min-width:768px)and (max-width:1024px){.iphone, .android {width:42%;  }}
@media screen and (min-width:1024px){.iphone, .android {width:35%;  }}
.iphone {
    background: #88c72d;
}
.iphone div,.android div{display: inline-block; font-size: 11px; text-align: left;}
.iphone div span,.android div span{ display: block;}
.iphone div span:first-child,.android div span:first-child{ font-size: 15px;}
.iphone img ,.android img{vertical-align: baseline;}
.android {
    background: #ff6633;
}
/***联系我们**/
.ewm{
    margin-top: 62px;
    text-align: center;
}
.ewm h4{
    margin: 20px 0 ;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.copy{
    width: 95%;
    padding: 0 2.5%;
    text-align: center;
    color: #919191;
    font-size: 12px;
    margin-top: 40px;
}
.copy p{
    line-height: 17px;
}

.aload,.contact{ padding: 0 2.5%;}
.c_logo{ width: 174px; margin:20px auto;}
.c_c{ font-size: 15px; color:#000; line-height: 30px; text-indent: 2em; margin-bottom: 29px;}
.suggest{
    border-top:1px solid #e6e6e6;
    padding: 20px 0 20px 3.5%;
    font-size: 14px;
    color:#333;
}

.suggest h3{
    font-size: 15px;
    color:#000;
    margin-bottom: 11px;
    font-weight: normal;
}
.bug{ font-size: 12px; color:#666;}
.suggest p{margin-bottom: 11px;}


/*保障_详情*/
.safe_logo{
    height:214px;
   /*  background: #646464; */
    background: #e5e5e5;
}



.safe_Y{
  /*   width: 200px; */
    margin: 0 auto ;
    padding-top: 10px;
    text-align: center;

}
.safe_yuan{
    width: 150px;
    height:150px;
    border-radius:50%;
    overflow: hidden;
    margin:0 auto;
}
.safe_Y img{
  /* border-radius:50%;
   overflow: hidden;*/
    max-width: inherit;
}
.safe_Y h2{
 font-size: 18px;
 color: #333333;
 margin-top: 10px;
 font-weight: normal;
}
.safe_content{

}
.safe_tel{
 font-size: 15px;
 color: #333;
 padding: 21px 2.5% 15px 2.5%;
 border: 1px solid #e9e9e9;
}
.safe_tel span{
  color: #ff6633;
}
.safe_con{
 width: 95%;
  padding: 18px 2.5%;
}
.safe_con p{
 font-size: 15px;
 color: #666;
 line-height: 25px;
 /* text-indent: 2em; */
}
/*呼和浩特市体育场_详情*/
.safe_con {
    width: 95%;
    padding: 18px 2.5%;
}

.safe_con p {
    font-size: 15px;
    color: #666;
    line-height: 25px;
    /* text-indent: 2em; */
}

.safe_con {
    width: 95%;
    padding: 0 2.5%;
    background: #fff;
}

.safe_con h2 {
    font-size: 18px;
    color: #000000;
    padding: 18px 0 15px 0;

}

.safe_con div {
    font-size: 14px;
    color: #333;
    border-top: 1px solid #e5e5e5;
    padding: 5px;
    line-height: 24px;

}

.clear:after {
    content: "";
    clear: both;
    display: block;
}

.zhuyi h3 {
    font-weight: normal;
}

.zhuyi p {
    text-indent: 0em;
    padding-left: 8%;
}

/*******商品详情页******begin*/
.swiper-container {
    width: 100%;
/*    height: 319px;*/

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    width:100%;
    line-height: 300px;
}
.swiper-slide img{
    width: 100%;
}
.swiper-pagination{
    background: rgba(195, 195, 191, 0.72);
    width: 30px!important;
    height: 30px;
    border-radius:50%;
    color:#fff;
    line-height: 30px;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}
.swiper-pagination span:first-child{
    font-size: 14px;
}
.swiper-pagination span:last-child{
    font-size: 11px;
}

.top_tool{
    margin-top:11px;
}
.top_tool img{ padding: 0 20px;}
.goods_content{
    width: 95%;
    padding: 0 2.5%;
    margin-bottom: 31px;
}
.goods_content h2{
  font-size: 15px;
    color:#000000;
    margin: 14px 0 19px 0;
}
.cols{
   padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.cols span:first-child{
    font-size: 21px;
    color:#ff6633;
}
.cols span:first-child label{
    font-size: 25px;

}
.cols span:last-child{
    font-size: 15px;
    color:#666666;
    padding-left: 12px;
}
.cols span:last-child label{
    text-decoration: line-through;

}
#wrap{
    margin: 15px 0;
}
#top p {
    margin-bottom: 15px;
}

#top p font {
    font-size: 14px;
    color: #333;
    margin-right: 8px;
}

#top p span {
    font-size: 14px;
    color: #666;
    border: 1px solid #999;
    display: inline-block;
    padding: 5px 6px;
    cursor: pointer;
    margin-right: 8px;
}

#top p span.on {
    border: 2px solid #ff6633;
    padding: 5px 6px;
    background: url(../img/on.png) no-repeat right bottom;
}

/*selected*/
.shop_num font {
    font-size: 14px;
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

.num_border {
    border: 1px solid #b8b7bd;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 5px;
}

#text_box {
    width: 34px;
    height: 27px;
    border: 0;
    border-left: 1px solid #b8b7bd;
    border-right: 1px solid #b8b7bd;
    text-align: center;
	
}

#add {
    background: url(../img/jia_03.png) center 5px  no-repeat;
    background-size: 14px;
    width: 24px;
}

#min {
    background: url(../img/jian_03.png) center 10px  no-repeat;
    width: 24px;
    background-size: 19px;
}

#min, #add {
    border: 0;
    text-align: center;
}

.shop_yu {
    font-size: 14px;
    color: #333333;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
}
.shop_intro{
    margin-bottom: 20px;
}
.pingf font{
    font-size: 14px;
    color: #333;
    margin-right: 5px;
}
.pingf img{
   padding-right: 4px;
}
.pingf .star{
	background-position-x:0px;
}
/*选项卡*/
.shop_tab {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.shop_tab li{
    float: left;
    font-size: 14px;
    color: #666666;
    padding: 11px 0;
    width: 49.5%;
    text-align:center;
    font-weight: bold;
}
.shop_tab li.shop_cur{
    color:#ff6633 ;
}
.shop_tab li:first-child{
    border-right: 1px solid #cbcbcb;
}
.shop_tab_box div.tab{
    display: block;
}

.shop_introduce, .shop_assess{
/*    margin: 0;
    padding: 0;*/
    display: none;
}
.shop_introduce{
    width: 95%;
    padding: 0 2.5%;
}
.shop_introduce .goods_intro{
    font-size: 14px;
    color: #333;
    line-height: 20px;
    border-bottom: 1px solid #cbcbcb;
    padding: 20px 0;
}
.goods_doudle{
    width:48%;
    display: inline-block;
}
.goods_show_img{
    /* border: 1px solid #cbcbcb; */
    width: 100%;
   /*  height: 200px; */
    margin-top: 20px;
}
.goods_show_img img{
    width: 100%;
    max-width: 100%;
}
.goods{ /* border:1px solid #d8d8d8; */border-radius:13px; padding:5px 13px; margin-top:10px;}
.goods img{ padding-right:5px;width:14px;}
.goods span{font-size:12px;}
.btn_buy{
    width:100%;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border: 0;
    background: #f28300;
}
.shop_assess .good span{
    font-size: 12px;
}
.shop_assess .assess{
	background: #fff;
	padding: 0 2.5%;
}

.shop_introduce .goods_show_img{
	margin-bottom:50px;
}

.shop_introduce .btn_buy{
	position:fixed;
	left:0;
	bottom:0;
}

.shop_introduce .not_count{
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border: 0;
	background:#cccac7;
}

.xj .star{
	background-position-x:0px;
}
.star{background: url(../img/pfxj.png);height:18px;width:113px;vertical-align: middle;display: inline-block;}
.star_0{background-position: 16px -614px;}
.star_1{background-position: 16px -593px;}
.star_2{background-position: 16px -571px;}
.star_3{background-position: 16px -549px;}
.star_4{background-position: 16px -527px;}
.star_5{background-position: 16px -505px;}
.star_6{background-position: 16px -483px;}
.star_7{background-position: 16px -461px;}
.star_8{background-position: 16px -439px;}
.star_9{background-position: 16px -417px;}
.star_10{background-position: 16px -395px;}
.mall_spec{margin-bottom:10px;}
/*******商品详情页******end*/

/*彩票开奖*/
.lottery ul {
    margin-bottom: 92px;
}

.lottery ul li {
    width: 95%;
    margin-top: 13px;
    padding: 23px 2.5%;
    background: #fff;
    box-shadow: 2px 2px 4px 1px #ccc;
}

.lottery ul li a{
	overflow: hidden;
	position: relative;
	width:100%;
	display:inline-block;
}

.lottery_img {
    margin: 0 21px 0 8px;
    height: 53px;
    line-height: 53px;
    vertical-align: middle;
}
@media screen and (max-width: 321px){
    .lottery_img {
        margin:  0!important;
    }
    .lottery ul li {
        width: 100%;
        padding: 23px 1%;
    }
    .lottery_circle span{
        margin-right: 3px!important;
		width: 20px!important;
       height: 20px!important;
       line-height: 20px!important;
    }
	.lottery_time{
	    font-size: 13px!important;
	}
	.lottery_time{
	margin-right: 0px!important;
	}
	.lottery_text{
	    font-size: 14px!important;
	}
}

@media screen and (min-width: 321px) and (max-width: 361px){
    .lottery_circle span{
        margin-right: 4px!important;
        width: 21px!important;
        height: 21px!important;
        line-height: 21px!important;
    }
    .lottery ul li {
        width: 98%;
        padding: 23px 1%;
    }
    .lottery_img{
        margin:0 8px;
    }
    .lottery_time{
        margin-right: 0px!important;
    }
    .lottery_text{
        font-size: 14px!important;
    }
}
@media screen and (min-width: 361px) and (max-width: 415px) {
	.lottery_circle span {
		width: 21px !important;
		height: 21px !important;
		line-height: 21px !important;
	}
	.lottery_img {
		margin: 0 8px;
	}
	.lottery ul li {
		width: 98%;
		padding: 23px 1%;
	}
	.lottery_time {
		margin-right: 0px !important;
	}}



.lottery_img img {

    vertical-align: middle;
}

.lottery_text {
    font-size: 15px;
    color: #333333;
    margin-left:8px;
}

.lottery_text .lottery_name span {
    margin-left: 9px;
    font-size: 12px;
}

.lottery_circle {
    margin-top: 8px;
}

.lottery_circle span {
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    background: #ea152c;
    font-size: 11px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.lottery_time {
    font-size: 14px;
    color: #969696;
    margin-right: 5px;
    text-align: right;
    position: absolute;
    right:12px;
    top:2px;
    
}

.lottery_time p{
	font-size:12px;
}


.lottery_time .lottery_time_img {
    font-size: 14px;
    color: #969696;
    margin-top: 14px;
    display: inline-block;
}

/*大乐透开奖列表-begin*/
.lottery_circle span.l_blue {
    background: #4495ff;
}
.lottery_text .lottery_names{
    font-size: 14px;
}
.lottery_text .lottery_names span{
    margin-left: 50px;
}
.m_left{
    margin-left: 15px;
}
/*大乐透开奖列表 -end */


/*俱乐部详情 ---begin*/
.club_logo{
    height:214px;
    background: #e5e5e5;
}
.safe_ju{
    padding-top: 10px;
    text-align: center;

}
.safe_ju img {
    max-width: inherit;
}
.club_adss{
    width: 70px;
}
.club_adsss{
    width: calc(100% - 70px);
}
.safe_ju h2 {
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    font-weight: normal;
    padding-bottom: 15px;
}
.club_content{
    width: 95%;
    padding: 0 2.5%;
    font-size: 14px;
    /* color: #a1a1a1; */
}
.club_line{
    border-bottom:1px solid #f0f0f0;
    padding: 14px 0 ;
}
.club_noline{
    padding: 15px 0;
}
.club_noline .club_con{
    line-height: 24px;
}
.club_line p{
    line-height: 27px;
}
.club_content h3{
    font-size: 15px;
    /* color: #a1a1a1; */
    font-weight: normal;
    margin-bottom: 7px;
}
/*俱乐部详情 ---end*/

/*开奖详情*/
 .sales{
    color: #333333;
    font-size: 16px;
    margin-bottom:16px;
}
.sales_table {
    width: 99%;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
    text-align: center;
    padding-left: 1%;
}
.sales_table th{
    background:#e8e8e8 ;
    font-weight: bold;
    border-right:2px solid #fff;
    height: 30px;
}
.sales_table td{
    background: #f6f6f6;
    border-right:2px solid #fff;
    height: 35px;
}
.lottery_sales{
    width: 95%;
    padding: 0 2.5%;
}
.lottery_sales ul{

}
.lottery_sales ul li {
    padding: 12px 0;
    background: #fff;
}
@media screen and (max-width: 321px){
    .lottery_sales{
        width: 98%;
        padding: 0 1%;
    }
}

/* 邀请报名详情----begin */
.invite_logo{
    height:214px;
    background: #00a3ea;
}
.invite_Y{
    margin: 0 auto ;
    padding-top: 20px;
    text-align: center;
}
.invite_yuan{
    width: 150px;
    height:150px;
    border-radius:50%;
    overflow: hidden;
    margin:0 auto;
}
.invite_Y img{
    max-width: inherit;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
}
.invite_content{
    width: 95%;
    padding: 0 2.5%;
    font-size: 14px;
}
.invite_adss{
    width: 70px;
}
.invite_adsss{
    width: calc(100% - 70px);
}
.invite_line{
    border-bottom:1px solid #f0f0f0;
    padding: 14px 0 ;
}
.invite_noline{
    padding: 15px 0;
}
.invite_noline .invite_con{
    line-height: 24px;
}
.invite_line p{
    line-height: 27px;
}
.invite_content h3{
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 7px;
}

/* 邀请报名详情----end */

/*邀请详情 start*/
.sport_invite {
    width: 100%;
    height: 100%;
    position: relative;
}
.clear:after {
    display: block;
    clear: both;
    content: "";
}

.invite {
    background: #fff;
    padding: 20px 2.5%;

}

.inviter_photo {
    width: 51px;
    height: 51px;
    overflow: hidden;
    border-radius: 25px;
    margin-right: 12px;
}

.inviter_photo img{
    height: 100%;
}

.invite_content {
    font-size: 15px;
    color: #000000;
    padding: 0 0;
    width: calc(100% - 65px);
}

.invite_content > div {
    line-height: 28px;
}

.invite_name {
    margin-bottom: 10px;
}

.invite_name h3 a {
    font-size: 15px;
    color: #0674ac;
    display: inline-block;

}

.invite_name span {
    font-size: 12px;
    color: #999999;
    display: inline-block;
}

.invite_detail span:first-child {
    width: 75px;
}

.invite_detail span:last-child {
    width: calc(100% - 75px);
}

.invite_address {
    font-size: 14px;
    color: #333333;
    padding-right: 10px;
}

.invite_select {
    margin-top: 11px;
    background: #fff;
}

.invite_select > ul li {
    font-size: 15px;
    color: #333333;
    float: left;
    border-bottom: 1px solid #d8d8d8;
    width: 49.8%;
    text-align: center;
    height: 46px;
    line-height: 46px;
}

.invite_select > ul > li:first-child {
    border-right: 1px solid #d8d8d8;
}

.invite_select > ul > li.active {
    color: #ff6633;
    border-bottom: 2px solid #ff6633;
}

.invite_select .invite_div {
    display: none;
    padding: 0 2.5%;
}

.invite_join > ul > li {
    padding: 13px 0;
    border-bottom: 1px solid #d8d8d8;
    line-height: 25px;

}

.invite_join_right {
    width: calc(100% - 63px);
}

.invite_join_right .join_name {
    line-height: 51px;
}

.invite_join_right .join_name h4 {
    display: inline-block;
}

.invite_join_right .join_name h4 a {
    font-size: 14px;
    color: #000000;
    margin-right: 5px;
}

.invite_join_right .join_name span {
    font-size: 13px;
    color: #c6c6c6;
}

.invite_discuss {
    font-size: 15px;
    color: #333333;
}

.invite_discuss .invite_join_right .join_name {
    line-height: 25px !important;
}
.invite_btn{
    background: #fff;
    text-align: right;
    width: 95%;
    padding: 10px 2.5%;
    margin-top: 70px;
}
.invite_btn button {
    width: 110px;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #008fd8;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    color: #008fd8;
    background: #fff;
    margin-left: 10px;
    outline: 0;
}

.invite_btn button:last-child {
    background: #008fd8;
    color: #fff;
}

/*邀请详情 end*/
/*登录页 start*/
.login form {
    margin: 30px 0 20px 0;
    font-size: 15px;
    color: #b5b5b5;
}

.name {
    padding: 0 2.5%;
    background: #fff;
    height: 59px;
    line-height: 59px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.name input {
    border: 0;
    outline: none;
    color: #b5b5b5;
    font-size: 15px;
    width: calc(100% - 5% - 23px);
}

.login form > div.name {
    border-top: 0;
}

.login form .name span {
    width: 33px;
    display: inline-block;
    text-indent: 10px;
}

.loginBtn {
    width: 95%;
    padding: 0 2.5%;
    margin-top: 30px;
}

.loginBtn button {
    font-size: 17px;
    background: #00a3ea;
    color: #fff;
    margin: 0 auto;
    border: 0;
    outline: none;
    width: 97%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.forget {
    width: 95%;
    padding: 0 2.5%;
    margin-bottom: 83px;

}

.forget > div {
    width: 97%;
    margin: 0 auto;
}

.forget a {
    display: inline-block;
    font-size: 15px;
    color: #00a3ea;
}

.thirdLogin {
    width: 100%;
    padding: 0 2.5%;
    margin-top: 50%;
}

.thirdLoginTitle {
    width: 97%;
    margin: 0 auto;
}

.thirdLoginTitle span {
    width: 49%;
    font-size: 15px;
    color: #aaaaaa;
    display: inline-block;
    text-align: center;
}

.thirdLoginTitle i {
    display: inline-block;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    top: -6px;
    width: 24%;
}

.thirdLoginStyle {
    width: 290px;
    margin: 30px  auto 0 auto;
    text-align: center;

}
.thirdLoginStyle > div{
    margin: 0 20px;
    display: inline-block;
}
.thirdLoginStyle > div p {
    font-size: 15px;
    color: #aaaaaa;
    margin-top: 13px;
}

/*登录页 end*/
/*用户注册 start*/
.yzm {
     padding: 0 2.5%;
     background: #fff;
     height: 59px;
     line-height: 59px;
     border-bottom: 1px solid #e6e6e6;
 }

.login form .yzm span {
    width: 33px;
    display: inline-block;
    text-indent: 10px;
}
.yzm input[type=text] {
    border: 0;
    outline: none;
    color: #b5b5b5;
    font-size: 15px;
    width: calc(100% - 5% - 135px);
   /*  height: 57px;
    line-height: 57px; */
}
.yzm input[type=button] {
    font-size: 15px;
    color: #ffffff;
    width: 107px;
    height: 30px;
    background: #01aefd;
    border: 0;
    outline: none;
    border-radius: 15px;
    margin-top: 15px;
}
/*用户注册 end*/


/*用户绑定 start*/
.binging{

}
.binging .loginBtn {
    width: 95%;
    padding: 0 2.5%;
    margin-top: 84px;
}

.binging .loginBtn button {
    font-size: 17px;
    background: #00a3ea;
    color: #fff;
    margin: 0 auto 38px;
    border: 0;
    outline: none;
    width: 70%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    border-radius: 3px;
}
.binging .loginBtn button:last-child{
    background:#ff6633;
}
/*用户绑定 end*/
/*选手报名 start*/
#newPlayer{
    padding: 0 2.5%;
}
#newPlayer .online_content{
    border-bottom: 2px solid #f0f0f0;
    background: #fff;
    padding: 20px 0;
}
#newPlayer .online_content .right a{
    display: inline-block;
    margin: 17px 0;
}
/*选手报名 end*/

/*添加参赛人 start*/
.teamInfo{
    padding: 0 2.5% 23px;
    background: #fff;
}
.addPlayerTitle{
    text-align: center;
}
.addPlayerTitle h3{
    display: inline-block;
    padding: 10px 19px;
    margin: 25px auto;
    font-size:15px ;
    color: #fff;
    background: #00cbfe;
}
.infoList{
   /* padding: 0 2%;*/
    margin-bottom: 7px;

}
.infoList>span{
    display: inline-block;
   /* width:44%;*/
    width: 131px;
    text-align: right;
    font-size: 13px;
    color: #000;
    height: 40px;
    line-height: 40px;
}
.infoList span i{
    color: #ff6633;
    padding:0 7px ;
    vertical-align: middle;
}
.infoList input[type=text],select,.infoList>div input,.infoList textarea{/*新改 1.31 */
   /* width: 55%;*//*新改 1.31 */
    width: calc(100% - 133px);
    border: 1px solid #dddddd;
    height: 40px;
    font-size: 13px;
    color: #aeaeae;
    text-indent: 12px;
}
.infoList select{
    width: calc(100% - 131px);
}
.firstPlayer{
    padding: 0 1.5% 17px;
    background: #fff;
}
.infoList select{
    color: #666;
}
.infoList>div{
   /* width: 55%;*//*新改 1.31 */
    width: calc(100% - 133px);
    height: 45px;
    position: relative;
}
.infoList>div input{
    width: 100%!important;
}
.infoList>div span{
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 15px;
    color: #666666;
    display: inline-block;
    width: 30px;
}
.infoList textarea{
    height: 160px;
    padding: 10px;
    text-indent: 0;
   /* width: 51%;*//*新改 1.31 */
    width: calc(100% - 153px);
}
.file  {
    position: relative;
    font-size: 16px;
    color: #01aefd;
    text-decoration: underline;
    margin: 10px 0;
    outline: 0;
    cursor: pointer;
    display: block;
}
.file input[type=file] {
    position: absolute;
    width: 80px;
    height: 20px;
    opacity: 0;
    font-size: 0;
}
.infoList input[type=checkbox]{
    margin-right: 5px;
}
.infoList p.box{
  /*  width: 55%;*/
    width: calc(100% - 150px);
}
.infoList div.up{
  /*  width: 55%;*/
    width: calc(100% - 150px);
    min-height: 45px;
    height: auto;
}
.infoList{
    font-size: 15px;
    color: #666666;

}
/*新改 1.31 start*/
/*@media screen and (min-width: 359px) and (max-width:405px){
    .infoList>span {
        width: 44%;
    }
    .infoList input[type=text],select,.infoList>div input,.infoList textarea {
        width: 55%;
    }
    .infoList>div {
        width: 55%;
    }
    .infoList div.up,.infoList p.box {
        width: 55%;
    }
    .infoList textarea{
        width: 51%;
    }

}
@media screen and (min-width: 406px) and (max-width:614px){
    .infoList>span {
        width: 34%;
    }
    .infoList input[type=text],select,.infoList>div input,.infoList textarea {
        width: 65%;
    }
    .infoList>div {
        width: 65%;
    }
    .infoList div.up,.infoList p.box {
        width: 65%;
    }
    .infoList textarea{
        width: 61%;
    }
}
@media screen and (min-width: 615px){
    .infoList>span {
        width: 20%;
    }
    .infoList input[type=text],select,.infoList>div input,.infoList textarea {
        width: 77%;
    }
    .infoList>div {
        width: 77%;
    }
    .infoList div.up,.infoList p.box {
        width: 77%;
    }
    .infoList textarea{
        width: 73%;
    }
}*/

/*新改 1.31 end*/


/*添加参赛人 end*/

/*场馆预订 支付详情-成功-失败 start*/
.placeBg {
    background: #f9f9f9;
}

.paySuccessTop {
    margin: 54px auto 28px auto;
    padding: 0 2.5%;
    width: 95%;
    text-align: center;
    margin-top: 0;
    padding-top: 54px;
}

.paySuccessTop .payTidings {
    font-size: 24px;
    color: #00a3ea;
    margin: 12px auto;
}

.paySuccessTop p:last-child {
    font-size: 36px;
    color: #333333;
}

.paySuccessBottom {
    padding: 0 2.5%;
    width: 95%;
    background: #fff;
}

.paySuccessBottom p {
    font-size: 15px;
    color: #848484;
    line-height: 48px;
    border-bottom: 1px solid #d8d8d8;
}

.paySuccessBottom p:last-child {
    border-bottom: none;
}

.paySuccessBottom p span {
    float: left;
}

.paySuccessBottom p span:first-child {
    display: inline-block;
    width: 90px;
    text-align: right;

}

/*场馆预订 支付详情-成功-失败 end*/

/*我的场馆订单 start*/
.tab-menu {
    background: #ffffff;
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;

}

.tab-menu ul {
    width: 150%;
}

.tab-menu ul li {
    float: left;
    width: 75px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border-right: none;
    padding-top: 5px;
}

.tab-menu ul li:last-child {
    border-right: none;
}

.tab-menu ul li a {
    font-size: 16px;
    color: #666666;
}

.tab-menu ul li.change {
    border-bottom: 3px solid #ff6633;
}

.tab-menu ul li.change a {
    color: #ff6633;
}

.tab-box > div {
    display: none;
}

.tab-box > div > ul > li {
    border-bottom: 1px solid #e5e5e5;
}

.projectShow {
    background: #fff;
    padding: 0 2.5%;
    width: 95%;
}

.projectShow .projectTitle {
    padding: 18px 0;
}

.projectShow .projectTitle span:first-child {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.projectShow .projectTitle span:last-child {
    display: inline-block;
    width: 20%;
    color: #666666;
    text-align: right;
}

.stateBlue {
    color: #00b2f2 !important;
}

.stateOrange {
    color: #ff6633 !important;
}
.stateGreen {
    color: #1ab394 !important;
}

.stateSuccess {
    color: #1c84c6 !important;
}

.projectShow .projectTitle span a {
    font-size: 15px;
    color: #000000;
}

.projectInfo {
    background: #f3f3f3;
    font-size: 14px;
    color: #333333;
    padding: 7px 15px;
}

.projectInfo p {
    margin: 10px 27px 10px 0;
}

.projectInfo > p {
    display: inline-block;
    width: 49%;
    margin: 10px 0;
}

.projectBtn {
    text-align: right;
    padding: 13px 0;
}

.projectBtn button {
    display: inline-block;
    border: 1px solid #666666;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-left: 12px;
}

.projectBtn button.immediatePay {
    color: #ff6633;
    border: 1px solid #ff6633;
}

/*我的场馆订单 end*/

/*确认订单 start*/
.firmOrder{
	
}
.firmOrder > div {
    background: #fff;
    height: 43px;
    line-height: 43px;
    margin-top: 18px;
    width: 95%;
    padding: 0 2.5%;

}

.firmOrder > div.firmOrderTop {
    height: auto;
}

.firmOrderTop > div {
    border-bottom: 1px solid #d8d8d8;

}

.firmOrderTop > div:last-child {
    border-bottom: 0;
}
.firmOrder > div span {
    display: inline-block;
    float: left;
    font-size: 15px;
    color: #666666;
    width: 85px;
}

.firmOrder label span {
    width: 40px;
}

.firmOrder > div p {
    display: inline-block;
    float: left;
    font-size: 15px;
    color: #000000;
    width: calc(100% - 85px);
}
.firmOrderTop>div>span{
    width: 85px;
}
.firmOrderTop > div p{
    width: calc(100% - 85px);
}
.firmOrder > div p.placeOrder {
    margin-top: 7px;
}

.firmOrder > div p.placeOrder label {
    display: block;
    line-height: 30px;
}
.fireOrder p label{
    display: inline-block;
}
.fireOrder p label span{
    font-size: 12px;
    float: none;
    color: #000000;
}
.firmOrder> button {
    width: 95%;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 3px;
    position: absolute;
    bottom:25px;
    left: 2.5%;
    background: #00a3ea;
}

/*确认订单 end*/

/*场地预订-支付详情 start*/
.firmOrder > div.payDetail {
    height: auto;
}

.payDetail > div {
    border-bottom: 1px solid #d8d8d8;

}

.payDetail span {

}

.payDetail p {
    text-align: right;
}

.firmOrder > div.payStyle {
    height: auto;
}

.firmOrder > div.payStyle > div {
    border-bottom: 1px solid #d8d8d8;
}

.firmOrder > div.payStyle > div:last-child, .firmOrder > div.payDetail > div:last-child {
    border-bottom: 0;
}

.firmOrder > div.payStyle > div:last-child {

}

.firmOrder .payStyle > div span {
    width: 65%;
    color: #000000;
}

.firmOrder .payStyle > div span i {
    display: inline-block;
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

.firmOrder .payStyle > div span img {

}

.firmOrder .payStyle > div p {
    width: 35%;
    text-align: right;
}

.radio_label {
    background: url(../img/tick.png) no-repeat;
    background-position: 0 -47px;
    background-size: 22px 82px;
    display: inline-block;
    width: 22px;
    height: 43px;
    margin-right: 4px !important;

}

.radio_label input[type='radio'] {
    display: none;
}

.checked {
    background-position: 0 11px;
}

.djs {
    float: right;
    color: #939393;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    background: #feebc2;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.djs img {
    margin-right: 5px;
}

.ute {
    padding: 0 2px;
    border-radius: 2px;
    color: #d98e2f;
}

/*场地预订-支付详情 end*/


/*场馆-订单详情 start*/
.orderDetailMain>div{
    margin-bottom: 5px;
    background: #fff;
}
.orderDetail{
    font-size: 14px;
    color: #000000;
    padding: 25px 2.5% 8px;
}
.orderDetail>div{
    margin-bottom: 17px;
}
.orderDetail>div span{
    width: 85px;
    float: left;
    text-align: right;
}
.orderDetail>div p{
    width: calc(100% - 85px);
    float: left;
    display: inline-block;
}
.orderDetail>div p.placeOrder label{
    line-height: 25px;
    display: block;
}


.orderDetailMain>div.orderTell{
   padding: 15px 2.5%;
    width: 95%;
    font-size: 15px;
    color: #000000;
}
.orderTell span{
    width: 70px;
    text-align: right;
    float: left;

}
.orderTell p{
    display: inline-block;
    float: left;
 }
.orderTell label{
    font-size: 14px;
    color: #666666;
    float: right;
}
.orderTitle{
    padding: 0 2.5%;
    width: 95%;
}
.orderTitle>div{
  /*  height: 31px;
    line-height: 31px;*/

}
.orderTitleShow {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
}
.orderTitleShow h3{
    display: inline-block;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.orderTitleShow h3 a{
  font-size: 17px;
    color: #343535;
}
.orderTitleShow p.right{
    margin-top: 5px;
}
.orderTitleShow p.right img{
    margin-right: 3px;
}

.orderAddress{
    padding: 12px 0;
}
.orderAddress p{
    font-size: 13px;
    color: #000000;
    height: 31px;
    line-height: 31px;
}
.orderAddress p:first-child {
    width: 85%;
    background: url(../img/dian_03.png) left 10px no-repeat;
    background-size:10px 14px;
    padding-left: 15px;
}
.orderAddress p:last-child{
    border-left: 1px solid #e5e5e5;
    width: 9%;
    text-align: center;
}
.orderAddress p:last-child img{
    margin-top: 8px;
}
.rule{
    padding: 34px 2.5% 60px;
    width: 95%;
}
.rule a{
   font-size: 15px;
    color: #18a1e7;
    margin-left: 10px;
}
.orderBtn{
    background: #f9f9f9!important;
    text-align: right;
    width: 95%;
    padding:15px 2.5%;
}
.orderBtn>button{
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 3px;
    background: #ff6633;
    margin-right: 3px;
}
.orderBtn>button:first-child{
    border: 1px solid #666666;
    color: #666666;
    background: #fff;
}
.orderBtn>button:last-child{
    margin-right: 0;
    border: 1px solid #ff703a;
}
/*场馆-订单详情 end*/

/*我的场馆订单 start*/
.tab-menu {
    background: #ffffff;
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;

}

.tab-menu ul {
    width: 165%;
}

.tab-menu ul li {
    float: left;
    width: 75px;
    text-align: center;
    line-height: 42px;
    height: 42px;
    border-right: none;
}

.tab-menu ul li:last-child {
    border-right: none;
}

.tab-menu ul li a {
    font-size: 16px;
    color: #666666;
}

.tab-menu ul li.change {
    border-bottom: 3px solid #ff6633;
}

.tab-menu ul li.change a {
    color: #ff6633;
}

.tab-box > div {
    display: none;
}
.tab-box>div>ul>li{
    border-bottom: 1px solid #e5e5e5;
}
.projectShow {
    background: #fff;
    padding: 0 2.5%;
    width: 95%;
}

.projectShow .projectTitle {
    padding: 18px 0;
}

.projectShow .projectTitle span:first-child {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.projectShow .projectTitle span:last-child {
    display: inline-block;
    width: 20%;
    color: #666666;
    text-align: right;
    float: left;
}

.stateBlue {
    color: #00b2f2 !important;
}

.stateOrange {
    color: #ff6633 !important;
}

.projectShow .projectTitle span a {
    font-size: 15px;
    color: #000000;
}

.projectInfo {
    background: #f3f3f3;
    font-size: 14px;
    color: #333333;
    padding:7px 15px ;
}

.projectInfo p {
    margin: 10px 27px 10px 0;
}

.projectInfo > p {
    display: inline-block;
    width: 49%;
    margin: 10px  0;
}
.projectBtn{
    text-align: right;
    padding: 13px 0;
}
.projectBtn button{
    display: inline-block;
    border:1px solid #666666;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-left: 12px;
}
.projectBtn button.immediatePay{
    color: #ff6633;
    border:1px solid #ff6633;
}
/*我的场馆订单 end*/


/*场馆-订单详情 start*/
.orderDetailMain>div{
    margin-bottom: 5px;
    background: #fff;
}
.orderDetail{
    font-size: 14px;
    color: #000000;
    padding: 25px 2.5% 8px;
}
.orderDetail>div{
    margin-bottom: 17px;
}
.orderDetail>div span{
    width: 85px;
    float: left;
    text-align: right;
}
.orderDetail>div p{
    width: calc(100% - 85px);
    float: left;
    display: inline-block;
}
.orderDetail>div p.placeOrder label{
    line-height: 25px;
    display: block;
}


.orderDetailMain>div.orderTell{
    padding: 15px 2.5%;
    width: 95%;
    font-size: 15px;
    color: #000000;
}
.orderTell span{
    width: 70px;
    text-align: right;
    float: left;

}
.orderTell p{
    display: inline-block;
    float: left;
}
.orderTell label{
    font-size: 14px;
    color: #666666;
    float: right;
}
.orderTitle{
    padding: 0 2.5%;
    width: 95%;
}
.orderTitle>div{
    /*  height: 31px;
      line-height: 31px;*/

}
.orderTitleShow {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
}
.orderTitleShow h3{
    display: inline-block;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.orderTitleShow h3 a{
    font-size: 17px;
    color: #343535;
}
.orderTitleShow p.right{
    margin-top: 5px;
}
.orderTitleShow p.right img{
    margin-right: 3px;
}

.orderAddress{
    padding: 12px 0;
}
.orderAddress p{
    font-size: 13px;
    color: #000000;
    height: 31px;
    line-height: 31px;
}
.orderAddress p:first-child {
    width: 85%;
    background: url(../img/dian_03.png) left 10px no-repeat;
    background-size:10px 14px;
    padding-left: 15px;
}
.orderAddress p:last-child{
    border-left: 1px solid #e5e5e5;
    width: 9%;
    text-align: center;
}
.orderAddress p:last-child img{
    margin-top: 8px;
}
.rule{
    padding: 34px 2.5% 60px;
    width: 95%;
}
.rule a{
    font-size: 15px;
    color: #18a1e7;
    margin-left: 10px;
}
.orderBtn{
    background: #f9f9f9!important;
    text-align: right;
    width: 95%;
    padding:15px 2.5%;
}
.orderBtn>button{
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 3px;
    background: #ff6633;
    margin-right: 3px;
}
.orderBtn>button.immcomment{
    border: 1px solid #666666;
    color: #666666;
    background: #fff;
}
.orderBtn>button:last-child{
    margin-right: 0;
}
/*场馆-订单详情 end*/

/*场馆会员卡-未绑定 start*/
.notBound{
    width: 95%;
    padding: 0 2.5%;
    margin-top: 200px;
}
.notBound p{
    color: #333;
    font-size: 18px;
    text-align: center;
}
.notBound a{
    font-size: 18px;
    color: #00a3ea;
    display:block;
    margin-top: 20px;
    text-decoration: underline;
    text-align: center;
}
/*场馆会员卡-未绑定  end*/


/*添加场馆会员卡 start*/
.bound{
    margin: 19px 0 50px 0;
}
.bound>div{
    background: #fff;
    width: 95%;
    padding: 0 2.5%;
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
    line-height: 46px;

}
.bound>div span{
    display: inline-block;
    float: left;
    width: 90px;
    text-align: right;
    font-size: 15px;
    color: #010000;
}
.bound>div input,.bound>div select{
    font-size: 15px;
    border: 0;
    outline:none;
    height: 43px;
    padding-left: 3px;
    width: calc(100% - 100px);
    color:#b8b8b8;
    background-color: #fff;
}
.bound>div.yzm  input{
    width: calc(100% - 185px);
}
.bound>div.yzm a{
    width:81px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 15px;
    background: #00a3ea;
    float: right;
    display: inline-block;
    margin-top: 9px;
}
.yzmTip{
    text-align: center;
    font-size: 13px;
    color: #ff6600;
}
.yzmTip p{
    margin-left: 45px;
}
.yzmTip img{
    margin-right: 5px;
    margin-top: -4px;
}
.allBtn{
    width: 95%;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 3px;
    margin: 30px 2.5% 0;
    background: #00a3ea;
}
.bound>div input::-webkit-input-placeholder{
    color:#b8b8b8;
}
.bound>div input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#b8b8b8;
}
.bound>div input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#b8b8b8;
}
.bound>div input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#b8b8b8;
}
/*添加场馆会员卡 end*/

/*场馆会员卡-已绑定 start*/
.beBound{
    width: 95%;
    padding: 0 2.5%;
}
.membershipCard {
    background: url("../img/card.png") left top no-repeat;
    /* background-size: 304px 146px;
     width: 304px;*/
    background-size:100% 170px;
    margin: 0 auto 17px;
}

.membershipCard > div {
    padding: 14px;
}

.membershipCard h2 {
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
}

.membershipCard p {
    font-size: 14px;
    color: #434343;
    margin-bottom: 4px;
}
.untie{
    width: 50px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 2px;
    background: #6a3906;
}
/*场馆会员卡-已绑定 end*/

/*密码修改 start*/
.changePassword{
    margin: 30px 0;
    border-top: 1px solid #e6e6e6;
}
.changePassword>div{
    background: #fff;
    width: 95%;
    padding: 0 2.5%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e6e6;
}
.changePassword>div>span{
    width: 30px;
    text-align: center;
    display: inline-block;
}
.changePassword>div>input,.changePassword>div p{
    width: calc(100% - 45px);
    margin-left: 0px;
    font-size: 15px;
    color: #b5b5b5;
    border: 0;
    outline:none;
    display: inline-block;
}
.changePassword>div  input::-webkit-input-placeholder {
    color: #b5b5b5;
}

.changePassword>div input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b5b5b5;
}

.changePassword>div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b5b5b5;
}

.changePassword>div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b5b5b5;
}
.changePassword>div.yzm>input{
    width: calc(100% - 130px);
}
.changePassword>div.yzm a{
    width: 81px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    border: 0;
    border-radius: 15px;
    background: #00a3ea;
    float: right;
    display: inline-block;
    margin-top: 16px;
}

/*密码修改 end*/

/*我的赛事 start*/
.contestList{
    margin-bottom: 14px;
    background: #fff;

}
.contestState{
    width: 95%;
    padding: 13px 2.5%;
}
.contestState p.left{
    font-size: 15px;
    color: #000000;
}
.contestState p.right span{
    font-size: 13px;
    color: #838383;
    margin-left: 10px;
}
.contestState p.right span:last-child{
    font-size: 14px;
    color: #666666;
}
.contestShow{
    width: 95%;
    padding: 13px 2.5%;
    background:#f3f3f3;
}
.contestShow a{
    display: block;
}
.contestImg{
    width:115px;
    height: 87px;
    margin-right: 10px;
}
.contestImg img{
    width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
}
.contestText{
    width: calc(100% - 125px );
}

.contestText h3{
    font-size: 14px;
    color: #000000;
    margin-bottom: 8px;
}
.contestText p{
     font-size: 13px;
    color: #838383;
    margin-bottom: 5px;
}
.contestText p:last-child{
    margin-bottom: 0;
}
.contestBtn {
    text-align: right;
    padding: 10px 2.5%;
}
.littleBtn{
    display: inline-block;
    border: 1px solid #666666;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-left: 12px;
}
/*我的赛事 end*/

/*赛事订单详情 start*/
.border-bottom{
    border-bottom: 1px solid #e9e9e9;
}
.registrationTime{
    width: 95%;
    padding: 13px 2.5%;
}
.registrationTime p{
    font-size: 13px;
    color: #838383;
}
.activitySite{
    width: 95%;
    padding: 10px 2.5%;
}
.activitySite p{
    font-size: 13px;
    color: #000;
    padding: 5px 0;
}
.activitySite p span{
    float: left;
    width: 65px;
    display: inline-block;
}
.activitySite p span:last-child{
    width: calc(100% - 65px);
}
.enrolment{
    background: #fff;
    width: 95%;
    padding: 0 2.5%;
}
.enrolment h3{
    font-size: 15px;
    color: #000000;
    padding: 12px 0 19px 0;
}
.enrolmentList{
    background: #f3f3f3;
    padding: 13px;
    margin-bottom: 15px;
}
.enrolmentList p{
    font-size: 14px;
    color: #362e2b;
    margin-bottom: 12px;
}
.enrolmentList p:last-child{
    margin-bottom: 0;
}
.enrolmentList>div p{
    display: inline-block;
    margin-right: 25px;
    float: left;
    margin-left: 0px;
}
.enrolmentList>div p:last-child{
      margin-right: 0;
}
.enrolmentRate{
    background: #fff;
    width: 95%;
    padding: 10px 2.5%;
    text-align: right;
    margin-bottom: 50px;

}
.enrolmentRate p{
    font-size: 13px;
    color: #838383;
    display: inline-block;
    margin-left: 10px;
}
.contestBtn2{
    padding: 11px 2.5%;
    position: fixed;
    left: 0;
    right:0;
    bottom: 0;

}
/*赛事订单详情 end*/

/*赛事报名 -团体 start*/
.teamName{
    background: #f0faff;
    padding:18px 13px;
    margin-bottom: 15px;
}
.teamName p{
    font-size: 14px;
    color: #362e2b;
    margin-bottom: 10px;
}
.teamName p:last-child{
    margin-bottom: 0;
}
/*赛事报名 -团体 end*/


/*报名人信息 start*/
.enrolmentInformation{
    width: 95%;
    padding: 0 2.5%;
    margin: 20px auto 75px;
}
.enrolmentInformation p{
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;

}
.enrolmentInformation p>span{
    width: 135px;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    color: #000;
    float: left;
}
.enrolmentInformation p>span i{
    display: inline-block;
    color: #f00;
    font-size: 14px;
    margin: 0 2px;
    width: 10px;
    text-align: center;
}
.enrolmentInformation p input[type='text'],.enrolmentInformation p select, .enrolmentInformation p textarea{
    border:1px solid #dddddd;
    width: calc(100% - 155px);
    padding-left: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666666;
    float: left;
}

.enrolmentInformation p textarea{
    height: 68px;
}

.enrolmentInformation p select{
    width: calc(100% - 153px);
}
.enrolmentInformation  p.file{
    position: relative;
    outline: 0;
    cursor: pointer;
    display: block;
    height: auto;
}
.enrolmentInformation  p.file a{
    display:inline-block;

}
 .file input[type=file] {
     position: absolute;
     width: 80px;
     height: 100%;
     opacity: 0;
     font-size: 0;
 }
 
   .enrolmentInformation  p.checkbox{/*7.17 新加*/
	  height:auto;
  }
 .enrolmentInformation  p.checkbox label{/*7.17 新加*/
    width: calc(100% - 110px);
    padding-left: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666666;
    float: left;
	display:inline-block;
 }
  .enrolmentInformation  p.checkbox label input{/*7.17 新加*/
	     vertical-align: middle;
		 margin-right:5px;
  }
/*报名人信息 end*/