body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f8f8f8}
button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,input,ol,p,select,textarea,ul{margin:0;padding:0}
img{border:0 none;vertical-align:top}
li,ol,ul{list-style-type:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease}
a:hover{text-decoration:underline}
a,a:hover{outline:0;text-decoration:none}
input{outline:0}
textarea{resize:none}
.layout{width:1200px!important;margin:0 auto}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.abs{position:absolute}
/* .header{line-height:70px;height:70px;background:#fff} */
/* .header .logo{float:left;padding-top:15px;margin-right:6px;height:55px} */
/* .header ul{overflow:hidden;display:inline-block;float:left} */
/* .header ul li{float:left} */
/* .header ul li a{margin:0 17px 0;display:inline-block} */
/* .header ul li a.on,.header ul li a:hover{font-size:16px;font-weight:600;color:#333;line-height:36px} */
/* .header ul li a.on i{width:20px;height:4px;background:#13b8c5;border-radius:2px;display:block;margin:0 auto} */
/* .header .telCon .phone{margin-left:121px;overflow:hidden;float:left;font-size:16px;color:#666} */
/* .header .telCon img{vertical-align:middle;margin-right:9px} */
/* .header .telCon a{float:left;margin:0 35px} */
/* .header .telCon a:hover{color:#13b8c5;text-decoration:underline} */
/* .header .loginCon{float:right;padding-top:17px} */
/* .header .loginCon .ucLoginBtn{width:68px;height:34px;line-height:36px;background:#fff;border:1px solid #13b8c5;border-radius:18px;color:#13b8c5;text-align:center;display:inline-block;margin-right:18px} */
/* .header .loginCon .ucLoginBtn:hover{background:#13b8c5;color:#fff;text-decoration:none} */
/* .header .loginCon .ucRegisterBtn{width:70px;height:36px;background:#13b8c5;border-radius:18px;color:#fff;line-height:36px;text-align:center} */
/* .header .loginCon .ucRegisterBtn:hover{background:#019aa6;text-decoration:none}  */

.box20{height:20px;display:inline-block;overflow:hidden}
.header-banner{background:url(/images/index2021/banner_02.png) no-repeat center top;height:340px;margin:0 auto 27px}
.header-banner a{
    width: 100%;
    height: 340px;
    display:inline-block;
}
.switchDirectory{height:64px;background:#fff;line-height:64px}
.switchDirectory h3{font-size:24px;font-weight:600;color:#222;margin-right:30px;float:left}
.switchDirectory h3 strong{width:3px;height:20px;background:#13b8c5;display:inline-block;float:left;margin-right:16px;margin-top:26px}
.switchDirectory ul li{float:left}
.switchDirectory ul li a{margin:0 17px;font-size:16px;color:#666;line-height:36px;display:inline-block}
.switchDirectory ul li a i{width:30px;height:3px;background:#13b8c5;border-radius:2px;display:none;margin:0 auto}
.switchDirectory ul li a.on{font-size:16px;font-weight:600;color:#13b8c5}
.switchDirectory ul li a.on i{display:block}
.switchDirectory .view-more{width:90px;height:30px;background:#eeeff6;border-radius:15px;color:#555;line-height:30px;display:inline-block;text-align:center;float:right;margin:21px 20px 0 0}
.switchDirectory .view-more:hover{background:#d0d0d0;text-decoration:none}
.course-show{width:1224px;margin:0 auto 21px;}
.course-show ul{overflow:hidden;}
.course-show ul li{width:306px;height:275px;margin:0 auto 4px;float:left}
.course-show ul li a{height:252px;width:282px;border-radius:4px 4px 0 0;margin:22px 12px 0 11px;background-color:#fff;display:inline-block}
.course-show ul li a img{width:100%;height: 157px;}
.course-show ul li:hover a{margin-top:16px;border-color:#f0f0f0;box-shadow:0 0 9px 1px #e0e0e0;transition:all .3s ease}
.course-show ul li a .bt{padding:17px 0 0 16px}
.course-show ul li a .bt p{font-size:14px;font-weight:500;color:#333;line-height:14px}
.course-show ul li a .bt .price{padding-top:16px;font-size:16px;font-weight:600;color:#ff7e0b;line-height:16px}
.floatPop{position:fixed;bottom:25%;right:50%;margin-right:-762px;z-index:99;width:68px}
.floatPop ul li{position:relative;z-index:1;text-align:center;margin-bottom:9px}
.floatPop ul li a{width:50px;height:50px;display:inline-block}
.floatPop ul li.Official-Accounts a{background:url(/images/index2021/offat_09.png) no-repeat center top}
.floatPop ul li.re-applet a{background:url(/images/index2021/applet_09.png) no-repeat center top}
.floatPop ul li .rightFloatNav{background:url(/images/index2021/gr_bk.png) no-repeat center top;width:152px;height:168px;position:absolute;right:65px;line-height:40px;font-size:14px;color:#fff;display:none}
.floatPop ul li .rightFloatNav img{margin:13px 0 0 18px;display:block}
.floatPop ul li.Official-Accounts .rightFloatNav{top:-55px}
.floatPop ul li.re-applet .rightFloatNav{top:-55px}
.floatPop ul li.Official-Accounts a:hover{background:url(/images/index2021/offat_08.png) no-repeat center top}
.floatPop ul li.Official-Accounts a:hover+.rightFloatNav-layer{display:inline-block}
.floatPop ul li.re-applet a:hover{background:url(/images/index2021/applet_08.png) no-repeat center top}
.floatPop ul li.re-applet a:hover+.rightFloatNav-applet{display:inline-block}
.class-classification{padding-top:24px;overflow:hidden;height:36px;margin-bottom:12px}
.class-classification h4{float:left;font-size:22px;font-weight:600;color:#333;line-height:34px;margin-right:24px}
.class-classification .tabPop a{margin-right: 10px;float:left;width:90px;height:34px;font-size:16px;line-height:36px;text-align:center;color:#0696a7;border:1px solid #0696a7}
/* .class-classification .tabPop a.prev{border-radius:2px 0 0 2px} */
/* .class-classification .tabPop a.next{border-radius:0 2px 2px 0} */
.class-classification .tabPop a.on,.class-classification .tabPop a:hover{background:#0696a7;color:#fff}
.switchDirectory.registration-Center{height:70px;background:0 0;line-height:70px}
.switchDirectory.registration-Center ul{display:none;}
.course-details{padding-top:20px}
.course-details .buyClass-card{padding:20px;width:1160px;height:228px;background:#fff;border-radius:8px}
.course-details .buyClass-card .bigCard{float:left}
.course-details .buyClass-card .textCon{padding-left:60px}
.course-details .buyClass-card .textCon h3{font-size:24px;font-weight:600;color:#333;line-height:42px;font-size: 24px;font-weight: 600;color: #333;width: 510px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 42px;}
.course-details .buyClass-card .textCon em{padding: 0 30px;height:30px;background:#e4f8fa;border-radius:15px;margin-top:10px;font-size:14px;color:#666;line-height:30px;text-align:center;display:inline-block}
.course-details .buyClass-card .textCon i{font-size:14px;color:#828282;line-height:36px;line-height:14px;padding:13px 0 0;display:block;vertical-align:top}
.course-details .buyClass-card .textCon i strong{font-weight:400;color:#333}
.course-details .buyClass-card .textCon span{font-size:18px;font-weight:600;color:#ff7e0b;line-height:18px;padding:26px 0 28px 0;display:block}
.course-details .buyClass-card .textCon .btn-Wrap a{width:157px;height:47px;background:#ff7e0b;border-radius:4px;display:inline-block;font-size:18px;font-weight:600;color:#fff;line-height:47px;display:inline-block;text-align:center;color:#fff}
.course-details .buyClass-card .textCon .btn-Wrap a.oddBtn{background-color:#ff670b;margin-left: 140px;float: left!important;}
.course-details .course-description{width:1180px;min-height:147px;background:#fff;border-radius:8px;padding:16px 0 0 20px;margin-top:24px;text-align: center;}
.course-details .course-description h4{font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:14px;text-align: left;}
.course-details .course-description h4 i{width:3px;height:16px;background:#13b8c5;display:inline-block;vertical-align:-1px;margin-right:8px}
.course-details .course-description p{font-size:14px;color:#666;line-height:26px;width:1152px;text-align: left;}
.course-details .course-description img{margin: 15px auto;}
.course-catalogue{width:1180px;background:#fff;border-radius:8px;margin-top:24px;padding:16px 0 34px 20px;margin-bottom:46px}
.course-catalogue h4{font-size:18px;font-weight:600;color:#333;line-height:18px;margin-bottom:14px}
.course-catalogue h4 i{width:3px;height:16px;background:#13b8c5;display:inline-block;vertical-align:-1px;margin-right:8px}
.course-catalogue .course-Con{padding:0 31px 0 11px}
.course-catalogue .course-Con .course-list{margin-bottom:10px}
.course-catalogue .course-Con .course-list span{width:1092px;height:38px;font-size:14px;background:#f6fbfd;display:inline-block;padding-left:16px;padding-right:30px;color:#333;line-height:38px;cursor:pointer}
.course-catalogue .course-Con .course-list span i{width:13px;height:8px;display:inline-block;float:right;margin-top:15px;background:url(/images/index2021/up_08.png) no-repeat center top;transition:all .3s linear}
.course-catalogue .course-Con .course-list.active span i{transform:rotateZ(180deg)}
.course-catalogue .course-Con .course-list ul li a{height:45px;width:1122px;font-size:13px;display:inline-block;line-height:45px;color:#666;padding-left:16px;border-bottom:1px dashed #e9e9e9}
.course-catalogue .course-Con .course-list ul li a img{margin-right:9px;vertical-align:-3px}
.course-catalogue .course-Con .course-list ul li:last-child a{border-bottom:none}
.course-catalogue .course-Con .course-list ul{display:none}
.course-catalogue .course-Con .course-list.active ul{display:inline-block}
.nav-panel{height: 50px;background-color: #13b8c5;}
.nav-panel a{font-size: 18px;color: #fff;line-height: 50px;display: inline-block;padding: 0 64px;float: left;text-align: center;}
.nav-panel a.on,.nav-panel a:hover{background-color: #008ca8;}
.header-fixed-mod{position: fixed;left: 0;top: 0;right: 0;z-index: 600;color: #fff;}
.course-catalogue .course-Con .main-tit{border-bottom: 1px solid #ededed;line-height: 42px;color: #333333;font-size: 16px;margin-bottom: 16px;}
.course-catalogue .course-Con .main-tit i {width: 19px;height:19px;display: inline-block;float: right;margin-right: 28px;margin-top: 11px;background: url(/images/index2021/up_08y.png) no-repeat center top;transition: all .3s linear;}
.course-catalogue .course-Con .main-tit.on i {transform: rotateZ(180deg);}
.course-catalogue .course-Con .course-listCon{display:none;}
.course-catalogue .course-Con .course-listCon.active{display:inline-block;}

/* 选课中心搜索框 */
.choiceSearch-Section{padding: 40px 0;overflow: hidden;background: #E2FDFF;}
.choiceSearch-mod{width: 564px;height: 49px;border-radius: 4px;margin: 0 auto;overflow: hidden;}
.choiceSearch-mod form{width:auto;height:49px;}
.choiceSearch-mod .search-bd{width: 447px;border: 2px solid #1AD9E8;height: 44px;border-radius: 4px 0 0 4px;padding: 0 7px 0 20px;position: relative;z-index: 5;background: #fff;}
.choiceSearch-mod .search-bd #searchShow{width:100%;height:30px;line-height:20px;padding:7px 0;*padding:6px 0;background:#fff;color: #333;border:0 none;vertical-align:top;font-size:14px;}
.choiceSearch-mod .search-bd label{position:absolute;left:20px;top:0;right:7px;line-height:45px;color:#999;font-size: 12px;cursor:pointer;}
.choiceSearch-mod .searchBtn{    width: 86px;height: 48px;line-height: 49px;padding-left: 37px;text-align: left;overflow: hidden;font-size: 16px;cursor: pointer;border: 0 none;color: #fff;background: url(/images/index2021/search-a.png) no-repeat center;}


/* 选课中心没有搜索到 */
.search-center{
    text-align: center;
    padding-top: 116px;
    padding-bottom:300px;
}
.search-center span{
    display:block;
    padding-top: 26px;
    font-size: 14px;
    color: #555555;
    line-height: 14px;
    padding-bottom: 18px;
}
.search-center p{
    font-size: 14px;
    color: #999999;
    line-height: 28px;
}