.onlineBooking{width: 100%; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: top center; background-color: #f0f8ff;}
.onlineBooking .w1280{position: relative; width: 1280px; margin: 0 auto;}

/*banner*/
.onlineBooking .banner{position: relative; z-index: 10; width: 100%;}
.onlineBooking .banner img{width: 100%;}

/*内容*/
.onlineBooking .content{width: 100%; padding: 70px 0 60px; margin-top: -70px; margin-bottom: 45px; background-color: rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);}
.onlineBooking .studyGroup .heading{display: block; width: 301px; margin: 0 auto; margin-top: -10px;}
.onlineBooking .studyGroup .synopsis{width: 985px; margin: 0 auto; font-size: 16px; line-height: 30px; color: #525252; text-indent: 2em; text-align: justify; margin-top: 5px;}
.onlineBooking .studyGroup .more{display: block; width: 168px; height: 43px; text-align: center; line-height: 43px; font-size: 14px; color: white; background: #f3ae1b; margin: 0 auto; margin-top: 15px;}
.onlineBooking .studyGroup .line{display: block; margin: 0 auto; padding-top: 10px;}
.onlineBooking .subscribe{width: 1200px; margin: 0 auto;}
.onlineBooking .subscribe .heading{text-align: center; color: #333333; font-size: 28px; line-height: 28px; letter-spacing: 7px; padding: 20px 0 32px;}
.onlineBooking .subscribe .subscribe-wrap{width: 1120px; background: #edf5fe; padding: 35px 40px;}
.onlineBooking .subscribe-wrap .sw_left{float: left; border: 1px solid #b7bec5;}
.onlineBooking .subscribe-wrap .sw_left .sw_left_foot{width: 100%; height: 40px; line-height: 40px; font-size: 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: white; text-align: center;}
.onlineBooking .subscribe-wrap .sw_left .sw_left_foot img{margin-top: 11px; margin-right: 15px;}
.onlineBooking .subscribe-wrap .sw_left .sw_left_foot span{font-size: 16px; color: #666;}
.calendarWatch{width: 685px;}
.calendarWatch .cw_heading{width: 100%; height: 58px; background: #bb0011; font-size: 0; line-height: 58px;}
.calendarWatch .yearSelect,
.calendarWatch .monthSelect{display: inline-block; vertical-align: middle; width: 147px; box-sizing: inherit; border: 0; min-height: 14px; line-height: 14px; padding: 10px 0; padding-left: 20px; background: white; font-size: 14px; color: black; font-weight: bold;}
.calendarWatch .yearSelect{margin-left: 30px;}
.calendarWatch .monthSelect{margin-left: 20px;}
.calendarWatch .returnCurr{float: right; width: 125px; height: 34px; text-align: center; background: white; line-height: 34px; margin-top: 12px; margin-right: 28px; font-size: 14px; color: #ba0010; font-weight: bold; cursor: pointer;}
.calendarWatch .cw_content{overflow: hidden;}
.calendarWatch .cw_left{float: left; width: 55px;}
.calendarWatch .cw_right{float: right; width: 630px;}
.calendarWatch .cw_left .cwl_heading{width: 100%; height: 42px; background: #f5f9fa; border-bottom: 1px solid #f3f3f3;}
.calendarWatch .subsection{background: white;}
.calendarWatch .subsection li span{display: block; border: 1px solid #f3f3f3; text-align: center; height: 43px; line-height: 43px; font-size: 16px; color: #666666;}
.calendar{width: 630px;}
.calendar .calendar-week{width: 100%; font-size: 0px; height: 42px; line-height: 42px; background: #f5f9fa; border-bottom: 1px solid #f3f3f3;}
.calendar .calendar-week li{display: inline-block; *display: inline; zoom: 1; font-size: 18px; text-align: center; width: 90px;}
.calendar .calendar-day{width: 100%; font-size: 0; background: white;}
.calendar .calendar-day li{position: relative; display: inline-block; *display: inline; zoom: 1; width: 88px; height: 88px; border: 1px solid #f2f2f2; font-size: 20px; text-align: center; vertical-align: top;}
.calendar .calendar-day li span{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; width: 100%; height: 20px; line-height: 20px; font-weight: bold;}
.calendar .calendar-day li i{display: block; width: 86px; font-size: 14px; height: 42px; line-height: 42px; font-style: normal; cursor: pointer; background-color: #ceebe7;}
.calendar .calendar-day li.curr:after{position: absolute; left: 0px; top: 50%; z-index: 5; margin-top: -1px; width: 100%; height: 2px; content: ""; background-color: #1b9290;}
.calendar .calendar-day li.effective i:hover,
.calendar .calendar-day li.effective i.SpecialField:hover{background-color: #5ebadf; border: 1px solid #2781a6;}
.calendar .calendar-day li.overdue i{background-color: #d5d5d5; border: 1px solid #b0b0b0;}
.calendar .calendar-day li.curr.overdue:after{background-color: #a1a1a1;}
.calendar .calendar-day li.effective i{border: 1px solid #95c9c5;}
.calendar .calendar-day li.effective i.SpecialField{background-color: #b6dff1; border: 1px solid #46ac9f;}
.calendar .calendar-day li.effective i.active{background-color: #e499a0; border: 1px solid #c31e2e;}
.calendar .calendar-day li.effective i.sign{position: relative;}
.calendar .calendar-day li.effective i.sign:after{position: absolute; content: ""; top: 2px; right: 0px; width: 16px; height: 16px; background: url(../images/sign.png) no-repeat; z-index: 10;}
.calendar .calendar-day li.notCurr{color: #c1c1c1;}
.onlineBooking .subscribe-wrap .sw_right{float: right; width: 412px; height: 594px; border: 1px solid #b7bec5; background: white;}
.onlineBooking .subscribe-wrap .sw_right .title{text-align: center; font-size: 22px; line-height: 22px; color: #333333; padding: 48px 0 40px;}
.onlineBooking .sw_right .tagLogin{width: 336px; height: 42px; margin: 0 auto; font-size: 0;}
.onlineBooking .sw_right .tagLogin span{display: inline-block; *display: inline; zoom: 1; width: 166px; height: 42px; border: 1px solid #bb0011; font-size: 16px; text-align: center; line-height: 42px; color: #bb0011; cursor: pointer;}
.onlineBooking .sw_right .tagLogin span.active{color: white; background-color: #bb0011;} 
.onlineBooking .sw_right .wrapLogin{width: 336px; margin: 0 auto;}
.onlineBooking .sw_right .wrapLogin .item{display: none;}
.onlineBooking .sw_right .wrapLogin li{margin-top: 27px;}
.onlineBooking .sw_right .wrapLogin .text{width: 284px; height: 44px; border: 1px solid #acacac; background-color: transparent; padding: 0 25px; color: #909090; font-size: 14px; line-height: 44px;}
.onlineBooking .sw_right .wrapLogin .btn{width: 336px; height: 51px; color: white; border: 0; line-height: 51px; text-align: center; background-color: #bb0011; font-size: 18px; cursor: pointer; margin-top: 5px;}
.onlineBooking .sw_right .wrapLogin .verificationCode{width: 138px;}
.onlineBooking .sw_right .wrapLogin .codeBtn{float: right; width: 139px; height: 46px; text-align: center; line-height: 46px; color: white; font-size: 16px; background-color: #f3ae1b; cursor: pointer; border: 0;}
.onlineBooking .sw_right .register{width: 336px; margin: 0 auto; height: 51px; color: white; background: #308edb; font-size: 18px; text-align: center; line-height: 51px; margin-top: 16px; cursor: pointer;}
.onlineBooking .tips{position: relative; margin-top: 15px;}
.onlineBooking .tips .bold{position: absolute; left: 0; top: 0; font-weight: bold; color: #333333; font-size: 16px;}
.onlineBooking .tips .txt{padding-left: 82px; font-size: 14px; line-height: 24px; color: #666666;}
.onlineBooking .tips.tagging .bold:before{position: absolute; content: "*"; color: #bb0011; top: -3px; left: -8px;}
.onlineBooking .clear{clear: both;}

.onlineBooking .parCon{width: 1150px; margin: 0 auto; padding-top: 30px;}
.onlineBooking .parCon .heading{height: 30px; line-height: 30px; padding-bottom: 15px;}
.onlineBooking .parCon .heading img{padding-left: 25px;}
.onlineBooking .parCon .title{font-size: 24px; color: #333333; letter-spacing: 4px; padding-left: 5px;}

.onlineBooking .partake .partake_con{width: 100%; background: #fffaee; padding: 15px 24px; color: #333333; font-size: 16px; line-height: 28px;}
.onlineBooking .partake .partake_con p:first-child{padding-bottom: 30px;}
.onlineBooking .partake .partake_con p:first-child span{color: #e2a116;}

.onlineBooking .contact_con{padding-top: 10px;}
.onlineBooking .contact_con ul{font-size: 0; padding-left: 23px; height: 22px; line-height: 22px;}
.onlineBooking .contact_con li{position: relative; display: inline-block; padding-right: 42px; padding-left: 41px;}
.onlineBooking .contact_con li:after{position: absolute; content: ""; right: 0px; top: 0; width: 1px; height: 22px; background: #c5c5c5;}
.onlineBooking .contact_con li span{font-size: 16px; color: #333333; padding-left: 10px;}
.onlineBooking .contact_con li.phone{padding-left: 0;}
.onlineBooking .contact_con li.phone img{margin-top: -4px;}
.onlineBooking .contact_con li.week  img{padding-top: 2px;}
.onlineBooking .contact_con li.address{padding-right: 0;}
.onlineBooking .contact_con li.address:after{display: none;}

.onlineBooking .link{text-align: center; font-size: 0; padding-top: 66px; padding-bottom: 60px;}
.onlineBooking .link a{display: inline-block; width: 408px; height: 95px; margin: 0 20px;}

/*侧边导航*/
.onlineBooking .rightNav{position: fixed; top: 150px; left: 50%; margin-left: 650px; text-align: center; z-index: 100;}
.onlineBooking .rightNav.w1440{top: 150px; right: 10px; left: auto; margin-left: 0;}
.onlineBooking .rightNav .hover{display: none; position: absolute; left: -114px; top: 0; width: 80px; padding: 10px; border: 2px solid #5286bc; background-color: #c6e5ff;}
.onlineBooking .rightNav .hover p{line-height: 14px; font-size: 14px; color: #414d57; padding-top: 10px;}
.onlineBooking .rightNav .code>span i,
.onlineBooking .rightNav .share span i{display: block; position: absolute; top: 0; left: -20px; width: 20px; height: 100%; background: transparent;}
.onlineBooking .rightNav>div>span{display: table-cell; width: 80px; font-weight: bold; height: 60px; color: #414d57; font-size: 14px; text-align: center; vertical-align: middle;}
.onlineBooking .rightNav .code>span:hover{color: white; background-color: #308edb;}
.onlineBooking .rightNav .share .share-img:hover{background-color: #308edb; background-image: url(../images/share_hover.png);}
.onlineBooking .rightNav .share .share-img{background-image: url(../images/share.png); background-repeat: no-repeat; background-position: center center;}
.onlineBooking .rightNav>div{position: relative; cursor: pointer; width: 80px; height: 60px; background: white; margin-bottom: 4px;}
.onlineBooking .rightNav .returnTop span{color: white; background: #f4af1c;}
.onlineBooking .rightNav>div:hover .hover{display: block;}
.onlineBooking .rightNav .bdshare-button-style0-32 a{margin: 4px;}

/*弹窗*/
.mask{display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.mask .maskFrom{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: white;}
.mask .maskFrom .title{font-weight: bold; text-align: center; font-size: 20px; line-height: 20px; color: #333333; padding: 62px 0 38px;}
.mask .maskFrom ul{width: 426px; margin: 0 auto;}
.mask .maskFrom ul li{margin-bottom: 20px;}
.mask .maskFrom .close{position: absolute; top: 14px; right: 14px; width: 18px; height: 18px; cursor: pointer;}
.mask .maskFrom .btn{display: block; margin: 0 auto; width: 226px; height: 52px; text-align: center; line-height: 52px; color: white; font-size: 18px; background: #bb0011; border: 0; cursor: pointer;}
.mask .maskFrom .text{width: 384px; height: 44px; line-height: 44px; color: #909090; font-size: 14px; border: 1px solid #acacac; padding: 0 20px;}
.mask .maskFrom .field{width: 0; height: 0; z-index: -999; visibility: hidden;}

.registerMask .registerFrom{width: 596px; height: 498px;}

.applyMask .applyFrom,
.cancelMask .cancelFrom{width: 596px; height: 418px;}
.showMask .applyFrom{width: 596px; height: 370px;}
.applyMask .applyFrom .verificationCode,
.cancelMask .cancelFrom .verificationCode{width: 231px;}
.applyMask .applyFrom .codeBtn,
.cancelMask .cancelFrom .codeBtn{float: right; width: 142px; height: 46px; color: white; font-size: 16px; line-height: 46px; background: #f3ae1b; border: 0;}
.applyMask .applyFrom li:last-child,
.cancelMask .cancelFrom li:last-child{padding-top: 10px; margin-bottom: 0px;}


/*底部*/
.onlineBooking .foot{font-size: 0; text-align: center; padding-bottom: 40px;}
.onlineBooking .foot div{vertical-align: middle; font-size: 13px;}
.onlineBooking .foot div a{cursor: pointer;}
.onlineBooking .foot .foot_l,.onlineBooking .foot .foot_m{margin-right: 55px;}
.onlineBooking .foot .foot_m p{color: #262626; line-height: 14px; margin-bottom: 8px;}
.onlineBooking .foot .foot_m p.foot_nav{font-size: 0; margin-bottom: 15px;}
.onlineBooking .foot .foot_m p.foot_nav a{display: inline-block; color: #262626; font-size: 14px; border-left: 1px solid #262626; padding: 0 15px; cursor: pointer;}
.onlineBooking .foot .foot_m p.foot_nav a:first-child{border: none;}
.onlineBooking .foot .foot_m span{font-size: 18px;}
.onlineBooking .foot_l,.onlineBooking .foot_m,.onlineBooking .right{display: inline-block;}

.w1160{width: 890px; padding: 0 135px; margin: 0 auto; background-color: #fdf9eb; padding-top: 70px; margin-top: -70px;}

/*简介*/
.synopsis{font-size: 18px;}
.synopsis .heading{height:140px;color:#ffe970;text-align: center;font-size: 22px;padding-top: 40px; display: block; margin: 0 auto; padding-bottom: 30px;background: url(../images/head.png) no-repeat;}
.synopsis .title{width: 122px; height: 27px; margin-bottom: 5px; margin-left: -15px; text-align: center; line-height: 27px; color: #88753d; background-image: url(../images/synopsis_titleBg.png);}
.synopsis .txt{font-size: 18px; line-height: 36px; color: #1a1a1a; text-align: justify;}
.synopsis .txt.first{margin-bottom: 40px;}
.synopsis .startTime{font-size: 0px; margin-top: 5px; padding-bottom: 105px;}
.synopsis .startTime div{display: inline-block; font-size: 18px;}
.synopsis .startTime .jj_left{width: 344px;}
.synopsis .startTime .jj_right{width: 545px; vertical-align: top;}
.synopsis .iconTitle{font-weight: bold; font-size: 20px; background-image: url(../images/synopsis_icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 28px; margin-left: -28px; margin-bottom: 5px;}
.synopsis .startTime .jj_left p{line-height: 30px;}
.synopsis .startTime .jj_left span{color: #e2a116;}
.synopsis .startTime .jj_right p{padding-left: 22px; margin-left: -22px; line-height: 30px; background: url(../images/synopsis_icon1.png); background-repeat: no-repeat; background-position: left 6px; text-align: justify;}

/*地址*/
.address .heading{display: block; margin: 0 auto; padding-bottom: 45px;}
.address .list{position: relative; width: 910px; margin: 0 auto; padding-bottom: 105px;}
.address .list .list_head{width: 906px; font-size: 0; border: 2px solid #da9425; height: 34px; line-height: 34px; text-align: center;}
.address .list li{font-size: 0;}
.address .list span{display: inline-block; font-size: ;}
.address .list .list_head span{width: 453px; font-size: 24px; letter-spacing: 5px; color: #b27a22; background-color: white;}
.address .list .list_head span.on{color: white; background-color: #da9425;}
.address .list .list_ul li span{width: 455px; text-align: center; color: #1e1e1e; font-size: 16px; height: 40px; line-height: 40px;}
.address .list .list_ul li.nth2{background: #dbc29b;}
.address .list .watermark{position: absolute; left: 50%; top: 80px; margin-left: -230.5px; width: 461px; height: 461px;}

/*参与方式*/
.partake .heading{display: block; margin: 0 auto; padding-bottom: 32px;}
.partake .notes{display: block; margin: 0 auto; padding-bottom: 30px;}
.partake .info{width: 890px; margin: 0 auto;}
.partake .title{font-size: 24px; letter-spacing: 5px; line-height: 32px; padding-left: 40px; background-repeat: no-repeat; background-position: left center;}
.partake .title1{background-image: url(../images/synopsis_icon.png); margin-bottom: 30px;}
.partake .title2{background-image: url(../images/partake_icon2.png); margin-bottom: 20px;}
.partake .title3{background-image: url(../images/titleIcon2.png);}
.partake .txt{color: #333333; font-size: 16px; line-height: 16px; margin-bottom: 55px;}
.partake .txt span{color: #e2a116;}
.partake .txtDiv{color: #000; font-size: 16px; margin-bottom: 90px;}
.partake .txtDiv p{padding-left: 18px; text-align: justify; margin-bottom: 5px; background-image: url(../images/synopsis_icon1.png); background-position: left 9px; background-repeat: no-repeat; line-height: 30px;}
.partake .info_ul{font-size: 0; margin-top: 45px; padding-bottom: 65px;}
.partake .info_ul li{font-size: 16px; display: inline-block; color: #333333; padding-left: 22px; line-height: 26px; background-repeat: no-repeat; background-position: left center;}
.partake .info_ul .li1{background-image: url(../images/contact_icon4.png); margin-right: 55px; padding-left: 35px;}
.partake .info_ul .li2{position: relative; background-image: url(../images/contact_icon2.png); margin: 0 40px;}
.partake .info_ul .li3{background-image: url(../images/contact_icon3.png); margin-left: 44px;}
.partake .info_ul .li2:after{position: absolute; right: -40px; top: 0; content: ""; width: 1px; height: 100%; background-color: #c8c8c7;}
.partake .info_ul .li2:before{position: absolute; left: -40px; top: 0; content: ""; width: 1px; height: 100%; background-color: #c8c8c7;}

/*讲习安排*/
.arrange .heading{display: block; margin: 0 auto; padding-bottom: 25px;}
.arrange .notes{display: block; margin: 0 auto; padding-bottom: 20px;}
.arrange .info{width: 790px; margin-left: 30px; font-size: 0; padding-bottom: 80px;}
.arrange .item .title{margin-left: -90px; margin-bottom: 20px;}
.arrange .item1{padding-bottom: 35px;}
.arrange .item1 .item_ul{font-size: 0;}
.arrange .item1 li{display: table; float: left; font-size: 16px; margin-bottom: 30px; width: 369px; height: 62px; background-repeat: no-repeat;}
.arrange .item1 li.li1{background-image: url(../images/arrange_1F.png); color: #b23f26; margin-right: 50px;}
.arrange .item1 li.li2{background-image: url(../images/arrange_2F.png); color: #958739;}
.arrange .item1 li.li3{background-image: url(../images/arrange_3F.png); color: #20765c;}
.arrange .item1 li span{display: table-cell; vertical-align: middle; width: 230px; padding-left: 130px; padding-right: 20px; overflow: hidden;}
.arrange .item2,
.arrange .item3{display: inline-block;}
.arrange .item2{width: 444px;}
.arrange .item3{width: 275px; padding-left: 70px;}
.arrange .item2 .txt,
.arrange .item3 .txt{font-size: 16px; color: #82773c; line-height: 22px;}
.arrange .item2 .item_info,
.arrange .item3 .item_info{display: table;}
.arrange .item2 .item_info .txt,
.arrange .item3 .item_info .txt,
.arrange .item2 .item_info .img,
.arrange .item3 .item_info .img{
	display: table-cell;
	vertical-align: middle;
}
.arrange .item2 .item_info .img,
.arrange .item3 .item_info .img{
	width: 60px;
	padding-right: 18px;
}