section, article, aside, header, footer, nav, figure { display: block; }
body, h1, h2, h3, h4, h5, h6, blockquote, div, dl, dt, dd, ul, ol, li, p, pre, form, fieldset, legend, button, input, textarea, th, td, tr, table, tbody, thead, tfoot, em, strong, span, figure { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.8 Microsoft YaHei,Simsun,sans-serif; color: #333; outline: none; background: #f2f2f2; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-style: normal; font-weight: normal; }
code, kbd, pre, samp { font-family: courier new,courier,monospace; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
a { color: #333; text-decoration: none; }
a:focus, a:active { outline: none; }
a:hover { color: #0283dd; }
.blue{color: #0283dd;}
fieldset, img { border: 0; }
img { border: 0 none; }
em { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0; }
*html { zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this)); }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.fl {float: left!important;}
.fr {float: right!important;}

::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
.wrapper{width:1200px;margin:0 auto;display:table;min-width: 1200px;}
.mr8{margin-right: 8px;line-height:30px;float: left;}
.mt20{margin-top:20px;}
.mr40{margin-right:40px!important;}
.w90{width:90px!important;}
.w200{width:200px!important;}
.w280{width:280px!important;}
.w350{width:350px!important;}
.w700{width:700px!important;}

.logo{display:table; width:180px; height:50px; margin:23px 0 17px;}

/*================ 头部 ===============*/
.head_top{height:31px;border-bottom:1px solid #e1e1e1;background:#ededed;min-width: 1200px;}
.head_top .leftside{float:left; height:12px; line-height:12px; font-size:12px; margin:10px 0; }
.head_top .leftside a{float:left; color:#666;}
.head_top .leftside .diagonal{margin: 0px 10px;background: #adadad;float: left;height: 12px;width: 1px;}
.head_top .leftside a.ml15{margin-left:10px;}
.head_top .rightside{float:right; height:12px; line-height:12px; font-size:12px; margin:10px 0; }
.head_top .rightside a{float:left; color:#666;}
.head_top .rightside .diagonal{margin: 0px 10px;background: #adadad;float: left;height: 12px;width: 1px;}

.head_nav{height: 80px;background:#fff;border-bottom:2px solid #0283dd;min-width: 1200px;}
.head_nav .logo{float:left;height:60px;width:200px;margin: 18px 0 0;}
.head_nav .logo a{float:left;}
.head_nav .logo .flip_logo{font-size:30px;color:#0283dd;margin-left: 20px;padding-left: 24px;border-left: 1px solid #0283dd;height: 46px;line-height: 46px;}
.head_nav .nav_box{float: left;color: #fff;height:30px;margin: 25px 0;}
.head_nav .nav_box a{font-size:16px;margin-left:50px;color: #fff;}
.head_nav .nav_box a:hover,.head_nav .nav_box a.cur{color:#fff}
.bg{background:#0283dd;}

.header{background:#fff;min-width:1200px;}
/*================ 底部 ===============*/
.footer{background: #fff;width: 100%;min-width: 1200px;text-align: center;color: #666;padding: 40px 0;}
.footer .foot-logo{float:left;height: 60px; margin:60px 92px 60px 0;}
.footer .rightside{}
.footer .rightside .foot_Nav{width: 100%;line-height: 14px;margin: 0 0 25px;}
.footer .rightside .foot_Nav a{color: #666;transition:ease-in-out .2s;-webkit-transition:ease-in-out .2s;-moz-transition:ease-in-out .2s;}
.footer .rightside .foot_Nav a:hover{}
.footer .rightside .foot_Nav .diagonal{margin: 0 15px;border-left: 1px solid #666;height: 14px;line-height: 14px;display: inline-block;position: relative;top: 2px;}
.footer .rightside h4{font-size:20px;line-height: 42px;margin: 20px 0 10px;/*width: 600px;float: left;*/text-align:center}
.footer .rightside p span{margin:0 20px;}
.footer a{color:#666;}
.footer .foot-tubiao{margin:20px 0 0;}
.footer .foot-tubiao a{margin:0 10px;}

/*================ 登录 ===============*/
.pop-login{display:none; float:right; width:340px; height:340px; padding:10px; background:#e9e9f2; margin-right:50px; margin-top:120px; position:relative;}
.pop-login .login_code{position:absolute; right:10px; top:10px;}
.pop-login .login_code a{width:68px;height:18px;line-height:18px;color:#4778c7;font-size:12px;text-align:center;border:1px solid #4778c7;background:#d4e2f9;display:table;position: relative;right: 46px;top: 24px; z-index:100;}
.pop-login .login_code a:after{position:absolute;content:"";background:url(../images/arrow.png) no-repeat 0 0;width:7px;height:9px;right: -7px;top: 4px;}
.pop-login .pop-login-inner{padding:30px 20px;}
.pop-login b{font-size:16px;margin-bottom:30px;display: inherit;line-height: 16px;}
.pop-login .item_list{margin-bottom:20px; width:100%;}
.pop-login .item_list input{border:1px solid #d2d2d2; height:44px; line-height:44px; width:84%; padding-left:46px; font-size:14px;}
i{background:url(../images/sprites.png) no-repeat 0 0;width: 36px;height:36px;float: left; position: absolute; z-index: 99;}
i.i-user{background-position: 15px 14px;}
i.i-code{background-position: -20px 14px;}
i.i-sweep{background-position: -70px 0px;width: 20px;height: 20px; margin-right:10px; position:inherit;}
i.i-smdl{background-position: -105px 0px;width: 60px;height: 60px;top: 0;right: 0; cursor:pointer;}
i.i-pc{background-position:  -172px 0px;width: 60px;height: 60px;top: 0;right: 0; cursor:pointer;}
i.i-zxkc{background-position: 6px -105px;width: 60px;height: 60px;margin: 28px;}
i.i-fzkt{background-position: -120px -105px;width: 60px;height: 60px;margin: 28px;}
i.i-szjczy{background-position: -246px -105px;width: 60px;height: 60px;margin: 28px;}
i.i-szjcst{background-position: -380px -105px;width: 60px;height: 60px;margin: 28px;}
i.i-jcxg{background-position: -507px -105px;width: 70px;height: 60px;margin: 28px 24px;}

.pop-login .btn{width:100%; height:46px; line-height:46px; background:#2660bd; outline:none; border:none; font-size:18px; text-align:center; color:#fff; margin:10px 0; cursor:pointer;}
.pop-login .bottom_box{font-size:12px;color:#666;padding: 18px 0 0px;display: inline-block;width: 100%;}

.pop-login .code-box{background:#fff;margin:auto;padding:10px;width:130px;height:130px;display:table;margin-bottom: 20px;}
.pop-login p{display:table;margin:auto;color:#4778c7;font-size:12px;line-height: 20px;}

.index_nav{margin:40px 0 65px;display: inline-block;width: 100%;}
.index_nav li{float:left; width:20%;}
.index_nav li a{display:table; margin:auto;}
.index_nav li .circle_box{border:1px dashed #4778c7;background:#e8effb;border-radius:50%;display:table;margin: auto;width:118px;height:118px;margin-bottom: 24px;}
.index_nav li p{font-size:16px;color:#4778c7;text-align:center;}

/*================ 注册 ===============*/
.pop-reg{margin: 30px 0;display:table;width:100%;height: 550px;padding: 80px 0 0 600px;box-sizing: border-box;background: #fff url(../images/bg_login.jpg) no-repeat;}
.pop-reg .top{width:685px;margin:0 auto 70px;display: table;}
.pop-reg .top li{float:left;width: 45%;text-align:center;position: relative;}
.pop-reg .top li.li3{width: 10%;}
.pop-reg .top li span{color:#fff;background: url(../images/sprites.png) no-repeat -140px -188px;width: 30px;height: 30px;float: left;line-height: 30px;text-align: center;margin: 0 10px;}
.pop-reg .top li.cur span{background-position:-92px -188px;}
.pop-reg .top li .line{border-bottom:2px solid #cacaca;margin: 0 10px;width: 260px;float: left;position: absolute;top: 15px;left: 40px;}
.pop-reg .top li.cur .line{border-bottom:2px solid #0283dd;}
.pop-reg .top li label{position:absolute;color: #666;font-size:16px;left: -15px;top: -40px;}
.pop-reg .top li.cur label{color:#0283dd;}
.pop-reg .reg_list{margin:auto; width: 400px; padding: 0px 10px;}
.pop-reg .reg_list .tips-success{text-align: center;font-size: 16px;}
.pop-reg .reg_list .identity{display: table; width: 100%; margin-bottom: 10px;}
.pop-reg .reg_list .identity .way{width: 83%;float:left;margin-top: 7px;}
.pop-reg .reg_list .identity .way li{float:left; height: 24px;margin-right: 15px; cursor:pointer;}
.pop-reg .reg_list .identity .way li input{display:none;}
.radio-icon{background: url(../images/sprites.png) no-repeat -38px -192px;width: 20px;height: 20px;float:left;margin-right:10px;}
.radio-icon.cur{background-position: 0 -192px;}
.pop-reg .reg_list .reg-title{
    font-size: 24px;
    color: #febf00;
    text-align: center;
    margin: 0 0 50px;
    text-indent: 25px;
}
/* .pop-reg .reg_list .identity .way li label input{display:none;} */
.pop-reg .reg_list .item{width: 100%; height:66px;}
.pop-reg .reg_list .item .tips{display:none;	 color:#f00;font-size:12px;line-height:30px;float:left;margin-left: 100px;}
.pop-reg .reg_list label{float: left; color:#666; width:76px; line-height:36px; padding-right:10px; text-align:right;}
.pop-reg .reg_list .radio-box{float:left;width: 10%;line-height: 36px;margin-right: 30px; cursor:pointer;}
.pop-reg .reg_list .radio-box input{width:auto!important; display:none;}
.pop-reg .reg_list .radio-box span{margin-top: 7px;}
.pop-reg .reg_list .item input{background:#fff;color:#333;border:1px solid #dcdcdc;width:288px;height:34px;line-height:34px;padding:0 10px;float: left;}
.pop-reg .reg_list .item input.code{width:138px}
.pop-reg .btn-box{padding: 10px 16px;}
.pop-reg .btn-box .btn{border: none;outline: none;background: #febf00;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;cursor: pointer;border-radius: 2px;}
.pop-reg .btn.disabled{background:#eee;}
.pop-reg .reg_list .item input.sended{width:140px;height:36px;line-height:36px;color:#fff;background:#febf00;text-align:center;margin-left:10px;float: left;cursor: pointer;border: none;}
.pop-reg .reg_list .account{text-align:right;color:#666;margin:15px 0 0;}



.select_box{float:left; margin-right:5px;}
div.tag_select {width: 383px;height: 34px;line-height: 34px;display: table;border:1px solid #ddd;padding: 0 25px 0 10px;background: transparent url(../images/sprites.png) no-repeat 395px -225px;}
div.tag_select_hover {width: 383px;height: 34px;line-height:34px;display:table;border:1px solid #ddd;padding: 0 25px 0 10px;background: transparent url(../images/sprites.png) no-repeat 395px -225px;}
div.tag_select_open {width: 383px;height: 34px;line-height:34px; display:table;border:1px solid #ddd;padding: 0 25px 0 10px; background: transparent url(../images/sprites.png) no-repeat 395px -268px;}
ul.tag_options {width: 418px;position:absolute;background:#fff;list-style:none; margin:0;border:1px solid #ddd;overflow-y:auto;overflow-x:hidden;}
ul.tag_options li {width: 100%;height: 34px;line-height: 34px;display: table;text-decoration: none;text-align: left;text-indent: 10px;  white-space: nowrap;}
ul.tag_options li.open_hover { background:#0099ff; color:#fff }
ul.tag_options li.open_selected { background:#0099ff; color:#fff }


/*================ 用户中心 ===============*/
.userCenterLeft{float:left; width:180px; background:#fff; margin:22px 0;}
.userCenterLeft .menuList{padding:20px; border-bottom:1px solid #f2f2f2;}
.userCenterLeft .menuList>a{font-size:16px;}
.userCenterLeft .menuList li>a{color:#666; line-height:30px;}
.userCenterMain{margin: 22px 0 50px 0;float: right;width: 1000px;}
.userCenterMain .title{height:56px; line-height:56px; border-bottom:1px solid #f2f2f2; font-size:16px; text-indent:20px;}
.userCenterMain .more_btn{float:right; margin-right:20px; font-size:12px; color:#999; line-height:56px;}
.userCenterMain .top{background:#fff; width:1000px;}
.userCenterMain .top .userBox{float:left; padding:30px 20px;}
.userCenterMain .top .userBox .img{float:left; width:120px; height:120px; margin-right:20px;}
.userCenterMain .top .userBox .img>img{width:100%; height:auto;}
.userCenterMain .top .userBox h4{font-size:18px; line-height:18px;}
.userCenterMain .top .userBox span{font-size:12px;color:#999;margin: 16px 0; display: inherit;}
.userCenterMain .top .userBox .myschool_btn{border-radius:5px;background:#ff6600;color:#fff; height:26px;line-height:26px; padding: 0 10px 0 15px;display: table;}
.userCenterMain .top .userBox .myschool_btn i{background: url(../images/sprites.png) no-repeat -880px 6px;position: inherit;float: right;width: 20px;height: 26px;}
.userCenterMain .top .class_state{border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;float: left;width: 324px;text-align: center;}
.userCenterMain .top .class_state li{width:50%;float:left;padding: 30px 0 10px;}
.userCenterMain .top .class_state li p{line-height:14px; text-align:center;}
.userCenterMain .top .class_state li b{color:#ff6600;font-weight:normal;font-size:26px;text-align:center;margin: 13px auto 4px;display: table;}
.userCenterMain .top .class_state li span{font-size:12px;color:#666;text-align:center;display: inherit;margin-bottom: 10px;}
.userCenterMain .top .class_state li a{color:#0283dd; font-size:12px; line-height:32px;}
.userCenterMain .top .right_side{padding: 30px 20px 20px;float:left;width: 274px;height: 130px;}
.userCenterMain .top .right_side .swiper-slide>div{width:58px; height:58px; border-radius:5px;}
.userCenterMain .top .right_side p{color:#666;font-size:12px;text-align:center; display: table;width: 100%;}
.userCenterMain .top .right_side i{background:url(../images/icons.png) no-repeat 0 0;display:table;margin: 0 20px 10px;width: 60px;height:58px;position: inherit;}
.userCenterMain .top .right_side .icon1{background-position:0 0;}
.userCenterMain .top .right_side .icon2{background-position: -85px 0;}
.userCenterMain .top .right_side .icon3{background-position: -171px 0;}
.userCenterMain .top .right_side .icon4{background-position:0 0;}
.userCenterMain .top .right_side .swiper-slide{float: left; height: 90px; width: 33%;}
.userCenterMain .top .right_side .swiper-container{height:100%;}
.userCenterMain .top .right_side .swiper-pagination{bottom: 0px;}

.userCenterMain .list1{width:700px; float:left; background:#fff;}
.userCenterMain .list2{width:280px; float:left; background:#fff; margin-bottom:20px;}

.course-thumb{float:left;width: 96%;overflow: hidden;padding-bottom: 42px;margin: 15px;position: relative;}
.course-thumb li{float:left;width: 205px!important;background:#fff;padding: 6px;margin-top: 3px;margin-left: 3px;margin-right: 3px;transition:ease-in-out .3s;-moz-transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s;}
.course-thumb li:hover{box-shadow:0 0 10px 2px rgba(0,0,0,.1);}
.course-thumb li .pic{width:205px; height:140px;}
.course-thumb li .pic img{width:100%; height:100%;}
.course-thumb li p{color:#333;font-size:16px;line-height: 14px;margin:20px 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.course-thumb li .item{color:#c1c1c1;font-size:12px;line-height: 12px;float: left;width: 100%;}
.course-thumb li .item span{float:left;}
.course-thumb li .item .press{max-width:154px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course-thumb li .item span.ml30{margin-left:30px;}
.course-thumb li .item .orange{color:#ff7200;}

.course-thumb .swiper-container1{height:100%;}
.course-thumb .swiper-pagination{bottom:0;}

.userCenterMain .list2 .swiper-container2{height:100%;overflow: hidden;margin: 20px 15px 10px;position:relative;}
.userCenterMain .list2 .swiper-container2 .swiper-slide{float: left;height: 90px;width: 33%;}
.userCenterMain .list2 .swiper-container2 .swiper-slide .pic{width:75px;height:50px;margin: 0 6px;float: left;}
.userCenterMain .list2 .swiper-container2 .swiper-slide .pic>img{width:100%; height:auto;}
.userCenterMain .list2 .swiper-container2 .swiper-pagination{bottom:0;}

.userCenterMain .focus_box{margin-bottom: 10px; margin: 0 20px; display: inline-block; width: 86%;}
.userCenterMain .focus_box li{float:left; width:33.3333%;}
.userCenterMain .focus_box .circle{width:38px;height:38px;line-height: 38px;border-radius:50%;background:#e6e6e6;color:#9b9b9b;font-size:18px;text-align: center;display: table;margin: 20px auto 6px;}
.userCenterMain .focus_box p{font-size:12px;text-align:center;color:#666;padding: 4px 0;}

.swiper-pagination-bullet{border:1px solid #bfbfbf; background:none; opacity:1;}
.swiper-pagination-bullet-active{background:#aaaaaa;}

.ui_state_focus .ui_title{color:#333;font-family:Microsoft YaHei;border-bottom:6px solid #e5e5e5}
.ui_title:after{background:none}
.ui_border{border:none}
input.ui_state_highlight{background:#0283dd;text-shadow:none;font-family:Microsoft YaHei;padding:4px 25px;height:26px;border:none}
input.ui_state_highlight:active{background:#0283dd}
input.ui_state_highlight:hover{border-color:none}
.ui_buttons{border-top:1px solid #e5e5e5;text-align:center;padding:15px 8px 10px}
.ui_buttons input:first-child{background:#ff6c60;color:#fff;text-shadow:none;font-family:Microsoft YaHei;padding:4px 25px;height:30px;border:none;font-size:14px}
.ui_buttons input{background:none;color:#ff6c60;text-shadow:none;font-family:Microsoft YaHei;padding:4px 25px;height:30px;border:1px solid #ff6c60;font-size:14px;box-shadow:none}
.ui_buttons input:active{border-color:#ff6c60;color:#ff6c60;background:none}
.ui_buttons input:hover{border-color:#ff6c60;color:#ff6c60;background:none}
.ui_buttons input:first-child:hover{background:#ff6c60;color:#fff}

.reg-tips{height:20px; color:#ff0000;padding: 0 15px;}