@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
ul li{ list-style:none;}
body{ font-size:14px; color:#272727; font-family: Arial, 'Microsoft Yahei', Simsun, sans-serif;}
input, select, textarea{ font-size:14px; font-family: Arial, 'Microsoft Yahei', Simsun, sans-serif; }
a{ text-decoration:none; font-weight:normal;}
a:hover{ text-decoration:none;}
a img{ border:0;}
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top35{ margin-top:35px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top65{ margin-top:65px;}
.top70{ margin-top:70px;}
.clear{ clear:both;}
.main1{ width:1200px; margin: 0 auto;}
.main{ width:1000px; margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.header{ width:100%; background:#fff; box-shadow:0px 5px 10px #ccc; height:70px; position:fixed; top:0; left:0; z-index:100;}
.headerLeft{ margin-left:100px; height:38px; margin-top:16px;}
.headerLeft img{ width:203px; height:38px;}
.headerRight{ margin-right:100px;}
.headerRight ul{ width:268px; float:left; font-size:16px; line-height:70px; }
.headerRight ul li{ float:left; padding:0px 15px;}
.headerRight ul li:first-child{ padding-left:0px;}
.headerRight ul li:last-child{ padding-right:0px;}
.headerRight ul li a{ color:#333333;}
.headerRight ul li a:hover, .headerRight ul li .cur{ color:#f4ae5b;}
.aBtn a{ width:75px; text-align:center; height:30px; line-height:30px; display:block;  float:left; margin-left:30px; border-radius:5px; margin-top:20px; color:#fff;}
.aBtn a:hover{ background:#f4ae5b;}
.blue{ background:#27bde0;}
.darkblue{ background:#1b94d3;}


.section, .sectionMain{ width:100%; float:left;}
.banner{ background:url(../images/banner.jpg) no-repeat 50% center; height: 830px;}
.sectionBanner{ position:relative; margin-top:180px;}
.sectionImg, .mac, .phone, .border{ position:absolute;}
.phone{ left:450px; top:200px;}
.border{ left:360px; top:-50px;}
.logo{ margin-top:20px;}
.logo img{ width:322px; height:92px;}
.sectionText{ width:600px; float:right; text-align:center;}
.text{ margin-top:30px;}
.text img{ width:560px;}
.text2{ margin-top:10px;}
.text3{ text-align:right; position:absolute; margin-top:70px; right:0;}




.channel, .channel2{ width:70%; float:left; margin-left:15%; margin-top:80px;}
.channel .channelLeft, .channel .channelRight{ width:25%; float:left; border-bottom:1px solid #ddd; height:25px;}
.channel2 .channelLeft, .channel2 .channelRight{ width:20%; float:left; border-bottom:1px solid #ddd; height:25px;} 
.channel .channelCenter{ width:50%; float:left; text-align:center; font-size:40px; height:50px; }
.channel .channelCenter p{ font-size:24px;}
.channel2 .channelCenter{ width:60%; float:left; text-align:center; font-size:40px; height:50px; line-height:50px; }

/*缴费方式大不同*/
.function, .funContent, .funZong, .funContent ul, .funImg{ width:100%; float:left;}
.functionLeft, .functionRight{ width:50%;}
.funTitle{ background:#fff; border-radius:50px; font-size:30px; line-height:60px; color:#55ceea; margin-top:-30px;}
.fun{ width:90%; margin:0 auto; color:#fff; font-size:16px;}
.funZong{ background:#55ceea; border-radius:50px; box-shadow:0px 10px 10px #d8f1f7;}
.funContent{ margin-top:20px;}
.funContent ul li{ width:90%; float:left; margin-left:10%; line-height:40px; list-style:disc;}
.funImg{ text-align:center; padding-bottom:20px;}
.funTitle1, .funTitle2{float:left; text-align:center;}
.funTitle1{ width:35%; margin-left:32.5%;}
.funTitle2{ width:70%; margin-left:15%;}


/*方便快捷好轻松*/
.bgGray{ background:#fafafa; margin-top:80px;}
.adv, .advLeft, .advRight{ width:100%; float:left;}
.adv{ margin-top:40px; margin-bottom: 80px; }
.advImg{ width:250px; border-radius:50%; padding:10px;}
.advImg img{ width: 100%; border-radius:50%; }
.advBorder1{ border:1px dashed #27bde0;}
.advBorder2{ border:1px dashed #f4ae5b;}

.advList{ float:left; margin-left:30px; font-size:20px; margin-top:0px;}
.advList ul{ width:600px; float:left;}
.advList ul .advLi1{ height:58px; background:url(../images/bluebg1.png) no-repeat left bottom;}
.advList ul .advLi2{ height:58px; background:url(../images/bluebg2.png) no-repeat left bottom;}
.advList ul .advLi3{ height:34px; background:url(../images/bluebg3.png) no-repeat left bottom;}
.advList ul .advLi4{ height:34px; background:url(../images/bluebg4.png) no-repeat left bottom; margin-top:24px;}
.advList ul .advLi5{ height:35px; background:url(../images/bluebg5.png) no-repeat left bottom; margin-top:24px;}
.advList ul li div{ margin-left:60px;}

.advList2{ float:right; margin-right:30px; font-size:20px; margin-top:42px;}
.advList2 ul{ width:600px; float:right;}
.advList2 ul .adv2Li1{ height:58px; background:url(../images/yellowbg1.png) no-repeat right bottom;}
.advList2 ul .adv2Li2{ height:34px; background:url(../images/yellowbg2.png) no-repeat right bottom; margin-top:15px;}
.advList2 ul .adv2Li3{ height:34px; background:url(../images/yellowbg3.png) no-repeat right bottom; margin-top:40px;}
.advList2 ul li div{ float:right; margin-right:60px;}



/*收费对账很安全*/
.step, .step ul, .stepImg div, .stepImg p{ width:100%; float:left;}
.step{ margin-top:80px;}
.step ul .stepImg{ width:200px; float:left; text-align:center; }
.step ul .stepImg img{ width:100%; float:left;}
.step ul .stepArrow{ width:200px; float:left; text-align:center; margin-top:90px;}
.stepImg p{ font-size:18px; line-height:40px; margin-top:15px;}





/*缴费流程超简单*/
.blueBg{ background:#00a0e9; color:#fff; margin-top:80px; padding-bottom:80px;}
.process, .process ul, .processImg p, .processList{ width:100%; float:left;}
.process, .processImg{ margin-top:40px;}
.processImg, .processArrow{ width:200px; float:left; text-align:center;}
.processImg p{ font-size:18px; line-height:30px;}
.processArrow{ margin-top:100px;}
.processArrow img{ width:46px; height:44px;}



/*申请免费使用校收宝*/
.bgGray{ background:#fafafa;}
.apply, .applyList, .applyDiv2, .applyTitle, .applyText, .applyList{ width:100%; float:left;}
.apply{ margin-top:80px;}
.applyList{ margin-top:10px;}
.applyList:first-child{ margin-top:0px;}
.applyCon{ width:800px; float:left; margin:0px 100px;}
.applyDiv{ width:385px;}
.applyTitle{ line-height:30px;}
.applyTitle span{ float:left; color:#ff0000; padding:2px 5px 0px 0px;}
.inputText{ border:1px solid #ddd; background:#fff; height:35px; line-height:35px; width:363px; padding:0px 10px; float:left; border-radius:3px;}
/*ui-choose样式，可根据实际项目需求进行调整*/
select.ui-choose{display: none;}
ul.ui-choose { box-sizing: border-box; display: inline-block; border: 1px solid transparent; font:14px/32px 'microsoft yahei'; border-right: none; border-bottom: none; margin: 0; padding: 0; list-style: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul.ui-choose:after { content: ""; display: table; clear: both; }
ul.ui-choose>li { box-sizing: border-box; border: 1px solid #ddd; float: left; height: 35px; line-height: 35px; cursor: pointer; position: relative; z-index: 1; text-align: center;  padding:0px 40px; margin-right:64px; border-radius:3px;}
ul.ui-choose>li:last-child { margin-right:0px; }
ul.ui-choose>li:hover { z-index: 4; border-color: #f4ae5b; color: #fff; background:#f4ae5b; }
ul.ui-choose>li.selected { z-index: 3; border-color: #f4ae5b; background-color: #f4ae5b; color: #fff; }
ul.ui-choose>li.disabled { z-index: 2; background-color: #fff; color: #333; cursor: not-allowed; }
ul.ui-choose>li.disabled:hover { border-color: #f4ae5b; }
.applyText textarea{ width:778px; padding:0px 10px; float:left; height:200px; line-height:24px; border-radius:3px; border:1px solid #ddd;}
.applyBtn{ width:200px; float:left; margin:20px 0px 0px 300px; }
.applyBtn a{ width:200px; height:35px; display:block; border:none; }
.applyBtn a img{ width:100%;}




.footer{ background:url(../images/footbg.jpg) no-repeat 50% bottom #fff;}
.logoFoot, .footDiv, .foot, .copyRight{ width:100%; float:left;}
.logoFoot, .footDiv{ text-align:center;}
.logoFoot{ margin-top:120px;}
.logoFoot img{ width:293px; height:95px;}
.logoFoot p{ font-size:18px; margin-top:10px; text-indent:5px;}
.footDiv p{ font-size:28px; line-height:40px;}
.footDiv{ margin-bottom:120px;}
.foot{ background:#333333; height:250px; }
.foot1{ position:relative; margin-top:20px;}
.foot1, .copyRight{ width:100%; float:left;}
.footImg, .footText{ width:49%; color:#fff;}
.footImg{ text-align:right;} 
.footText p{ font-size:30px; line-height:40px;}
.footText div{ line-height:26px;}
.copyRight { margin-top:15px;}
.copyRight p{ color:#999999; text-align:center;}




.Tips{ display: none; width:500px; height:300px; position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-150px; border-radius:10px; background-color: #fff; z-index: 130;}
.wait{ width:100%; float:left; text-align:center;}
.wait img{ width:75px;}
.TipsDiv{display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.TipsText{ width:100%; float:left; text-align:center; font-size:16px;}
.TipsBtn{ width:100%; float:left; margin-top:30px; text-align:center;}
.TipsBtn a{ width:150px; float:left; margin-left:175px; line-height:40px; border-radius:30px; background:#f4ae5b; color:#fff;}
.tipsMain{ width:100%; float:left; background:#fff;}