/*basecss*/
body{background-color: #F0F0F0;}
.border-all{border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #C2C2C2;}
.navLeftColor{color: #079fcc !important;}
/*.top-info*/
.top-info{height: 40px;background-color: #e6e6e6;border-bottom: 1px solid #B2B2B2;}
.top-info .top-content{width: 1200px;margin: 0 auto;}
.top-info .top-tit{line-height: 40px;color: #4c4c4c;font-size: 12px;float: left;}

.top-info .menu-hd{width: 136px;float: right;padding: 8px 3px;cursor: pointer;position: relative;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
.top-info span{display: inline-block;vertical-align: middle;font-size: 12px;margin-right: 5px;text-indent: initial;}
.top-info .tit-img{width: 18px;}
.top-info .tit-age{width: 22px;height: 14px;border-radius: 2px;background-color: #F35105;color: white;text-align: center;line-height: 16px;}
.menu-hd .menu-hd-m{position: relative;}
.top-info .menu-hd .tit-icon{width: 0;height: 0;border-top: 8px solid #4d4d4d;border-right: 6px solid transparent;border-left: 6px solid transparent; transition: transform .1s ease-in 0s;-webkit-transition: -webkit-transform .1s ease-in 0s;-moz-transition: -moz-transform .1s ease-in 0s;-mz-transition: -mz-transform .1s ease-in 0s;-o-transition: -o-transform .1s ease-in 0s;position: absolute;top: 8px;right: 2px;}
.top-info .menu-hd:hover .tit-icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-mz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.nav-add{background-color: #fafafa;border-left: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;}
.menu-hd .menu-bd-panel{position: absolute;left:0px;top:38px;background-color: #fafafa;width: 135px;display: none;padding-bottom: 10px;}
.menu-hd .menu-bd-panel a{display: block;color: #4D4D4D;padding:5px 0;text-indent: 30px;}
.menu-hd .menu-bd-panel a:hover{color: #079FCC;}
/*.main-logo-warp*/
/*.main-logo-warp{height: 120px;background-color: #FAFAFA;border-bottom: 1px solid #E1E1E1;}
.main-logo-warp .main-logo-content{width: 1200px;margin: 0 auto;}*/
/*.main-logo-warp .main-logo-content .main-logo{width:436px;display: inline-block;height: 83px;float: left;background:url(../images/icon/main_logo.png) no-repeat;text-indent: -9999px;margin-top:18px;overflow: hidden;}*/
/*.navigation{float: right;padding-top: 59px;}
.navigation .nav-ul{overflow: hidden;}
.navigation .nav-ul li{float: left;width: 132px;text-align: center;font-size: 18px;}
.navigation .nav-ul li a{color: #595959;padding: 0 0 0 6px;border-left: 2px solid #fafafa;text-shadow:1px 1px white;}
.navigation .nav-ul li a:hover{border-left: 2px solid #079FCC;color: #079FCC;}*/

/*personal-content*/
.content-main{width: 1200px;margin: 0 auto;}
.menuList{background-color: #fafafa;}
/*head-nav*/
/*.head-nav{background-color: #008AC8;height: 40px;margin-bottom: 30px;}
.navigation-ul,.navigation-ul  > li, .exercise-ul, .exercise-ul > li{display: inline-block;}
.head-nav .navigation-ul > li{line-height: 40px;margin-left: 10px;}*/
.navigation-ul > li a{color: white;font-size: 18px;padding:7px 10px;}
.navigation-ul > li a.addColor{background-color: #006C9C;}
.exercise-ul > li{display: inline-block;line-height: 40px;margin-left: 30px;}
.exercise-ul{margin-left: 104px;}
.exercise-ul > li a{color: white;font-size: 16px;}
/*--main-right--*/
.main-left{width: 920px;float: left;}



/*---recommend-right---*/
.recommend-right{float: right;width: 260px;}


/*footer*/
/*.footer{background-color: #FAFAFA;margin-top: 30px;border-top: 1px solid #CDCDCD;}*/
.footer .footCon{width: 1200px;margin:0 auto;text-align: center;padding: 35px 0;}
.footer .footCon a{color: #4D4D4D;}
.footer .footCon a:hover{color: #079FCC;}


.timer{background-color: #D9D9D9;padding:5px 30px;}
.timer span{font-size: 24px;}
.timer span .play{font-size: 24px;padding-left: 15px;}
.timer .zt{color: #808080;}
.buts{padding:30px 15px;background-color: #fafafa;}
.buts a{font-size: 16px;color: #4F4F4F;border: 1px solid #D9D9D9;border-radius: 2px;background-color: #D9D9D9;padding:8px 14px;}
.buts .counter{margin-left: 18px;}

.tlt{background-color: #D9D9D9;font-size: 18px;padding:13px 10px;}
.tlt .mun{font-size: 14px;color: #F35205;}

.popular-courses{ /*min-height: 240px;*//* max-height: 658px;*/ overflow-y: auto; width: 260px; }
.fixed { position: fixed; top: 0; z-index: 10; box-shadow: 0 4px 4px rgba(0,138,200,.075);}
.parcel{background-color: #fafafa;padding-bottom: 10px;}
.answer-sheet{padding:10px 10px 0;overflow: hidden;}
.answer-sheet .one-choice span{height: 12px;border-left: 2px solid #008AC8;display: inline-block;line-height: 12px;padding-left: 6px;}
.answer-sheet .choice-ul{padding:10px 10px 0;width: 250px;overflow: hidden;}
.answer-sheet .choice-ul li{float: left;height: 34px;width: 34px;border: 1px solid #D9D9D9;text-align: center;line-height: 34px;margin: 0 12px 12px 0;cursor: pointer;}
.answer-sheet .choice-ul li.add{background-color: #D9D9D9;}

.hint{text-align: center;padding:8px 10px;}
.hint span{font-size: 16px;margin-left: 8px;}
.hint span .box{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 2px;}
.hint span .box.box1{border: 1px solid #D9D9D9;}
.hint span .box.box2{background-color: #D9D9D9;}

.inp-sub{text-align: center;}
.inp-sub a{width: 75%;display: inline-block;font-size: 16px;margin-top: 20px;border-radius: 4px;padding:10px 0;}
.inp-sub .save{background-color: #ccc;color: #4F4F4F;}
.inp-sub .hand-in{background-color: #008AC8;color: white;letter-spacing: 10px;}
.inp-sub .save:hover{background-color: #D6D6D6;}
.inp-sub .hand-in:hover{background-color: #0393D3;}