﻿.contentBox { background: #f5f5f5; padding-bottom: 50px; }
.content { width: 1200px; margin: 0 auto; }
.content .seat { font-size: 14px; color: #666666; line-height: 40px; }
.content .seat img { padding: 0 10px; }
.content .plan_menuBox { display: inline-block; width: 1200px; vertical-align: top; margin-bottom: 30px; }
.content .plan_menuBox .plan_menuTit { background: #f6e9e1; border-top: 2px solid #ff7b34; height: 40px; line-height: 40px; position: relative; }
.content .plan_menuBox .plan_menuTit ul li.cur { background: #fff; }
.content .plan_menuBox .plan_menuTit ul li { float: left; display: inline-block; font-size: 16px; padding: 0 40px; margin-right: 10px; cursor: pointer; }
.content .plan_menuBox .plan_menuCon { width: 1120px; background: #fff; padding: 0 40px 10px 40px; position: absolute; }
.content .plan_menuBox .plan_menuCon .plan_menu { padding: 12px 0; border-bottom: 1px dashed #ccc; }
.content .plan_menuBox .plan_menuCon .plan_menu span { display: inline-block; width: 100px; line-height: 30px; font-size: 14px; color: #000; }
.content .plan_menuBox .plan_menuCon .plan_menu ul { display: inline-block; width: 1016px; line-height: 30px; vertical-align: top; }
.content .plan_menuBox .plan_menuCon .plan_menu ul li { display: inline-block; font-size: 12px; padding: 0 10px; line-height: 20px; margin-right: 20px; border: 1px solid #fff; cursor: pointer; }
.content .plan_menuBox .plan_menuCon .plan_menu ul li.choosen { color: #ff7b34; background: #f6e9e1; border: 1px solid #ff7b34; }
.content .plan_linkCon { width: 1120px; background-color: rgba(255,255,255,0.7); padding: 0 40px; }
.content .plan_linkCon .plan_link { padding: 15px 0; border-top: 1px dashed #ccc; }
.content .plan_linkCon .plan_link:first-child { border-top: none; }
.content .plan_linkCon .plan_link span { display: inline-block; width: 75px; font-size: 14px; line-height: 30px; }
.content .plan_linkCon .plan_link ul { display: inline-block; width: 1000px; line-height: 30px; vertical-align: top; }
.content .plan_linkCon .plan_link ul li { display: inline-block; font-size: 14px; padding: 0 10px; margin-right: 10px; line-height: 25px; }
.content .plan_linkCon .plan_link ul li a { cursor: pointer; }
.content .plan_linkCon .plan_link ul li:hover a { color: #ff7b34; }
.content .plan_linkCon .plan_link ul li.choosen a { color: #ff7b34; }
.content .plan_linkCon .plan_link ul li select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; color: #666666; background: url(../images/h_sj.png) no-repeat scroll right center transparent; padding-right: 20px; }
.content .selected { font-size: 12px; background: #fff; padding: 15px 25px; border-top: 1px solid #ddd; }
.content .selected span { display: inline-block; font-size: 14px; }
.content .selected ul { display: inline-block; }
.content .selected ul li { display: inline-block; color: #ff7b34; border: 1px solid #ff7b34; margin-left: 20px; padding: 0.1rem 0.5rem; }
.content .selected ul li span { padding-right: 10px; }
.content .selected ul li img { cursor: pointer; }
.content .selected .clean { color: #666666; cursor: pointer; padding: 0 20px; }
.content .rank { font-size: 12px; background: #fff; padding: 10px; border-top: 1px solid #ddd; }
.content .rank ul li { display: inline-block; padding: 0 15px; margin-right: 15px; background: url(../images/sort.png) no-repeat right center; cursor: pointer; }
.content .rank ul li.cur { color: #ff7b34; background: url(../images/sort1.png) no-repeat right center; }
.content .rank ul li.cur2 { color: #ff7b34; background: url(../images/sort2.png) no-repeat right center; }


/*场地列表*/
.siteList { font-size: 0; }
.siteList ul li { display: inline-block; margin-top: 40px; }
.siteList ul li:nth-child(2n) { margin-left: 40px; }
.siteList .siteBox { display: inline-block; width: 580px; height: 325px; background: url(../images/site1.png) no-repeat; background-size: 100% 100%; box-shadow: 2px 3px 12px 6px #ddd; position: relative; }
.siteList .siteBox .con { color: #fff; text-align: center; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; }
.siteList .siteBox .con .tit { font-size: 30px; margin-top: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.siteList .siteBox .con .line { margin-top: 10px; }
.siteList .siteBox .con .intro { font-size: 16px; margin-top: 10px; }
.siteList .siteBox .con .choose { width: 80px; height: 34px; color: #fff; font-size: 0; border: 1px solid #fff; text-align: center; position: absolute; bottom: 90px; left: 50%; margin-left: -40px; }
.siteList .siteBox .con .choose span.num { display: inline-block; font-size: 22px; line-height: 34px; vertical-align: middle; }
.siteList .siteBox .con .choose span.xz { display: inline-block; font-size: 12px; margin-left: 7px; vertical-align: middle; line-height: 12px; }

.proMenu { box-shadow: 0 0 0 0 rgba(0,0,0,0); width: 100px; background: #dc642c; }
/*display:none;*/
.proMenu a { width: 100px; height: 100px; background: none; color: #fff; padding-top: 25px; }
.proMenu a:hover { background: #312c2c; }
.proMenu a.consult .talkIcon { display: block; width: 27px; height: 27px; background: url(../images/service_27.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; }
.proMenu a.consult:hover .talkIcon { background: url(../images/service_27.png) no-repeat center center; background-size: 100% 100%; }

.proMenu a.consult .submitDemand { display: block; width: 27px; height: 27px; background: url(../images/defaultSubmitDemand_w.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; }
.proMenu a.consult:hover .submitDemand { background: url(../images/defaultSubmitDemand_w.png) no-repeat center center; background-size: 100% 100%; }

.proMenu a i { margin: 0 auto 10px auto !important; }
.proMenu a.goTop { color: #fff; font-weight: bold; }
.proMenu a.goTop:hover { background: #312c2c; color: #fff; }
.proMenu a.goTop .topArr { display: block; width: 27px; height: 16px; background: url(../images/top_27.png) no-repeat center center; background-size: 100% 100%; }
.proMenu a.telphone .telIcon { display: block; width: 26px; height: 26px; background: url(../images/tel_26.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; }
.proMenu .telNum { right: 105px; top: 20px; }

