/* CSS Document*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details, footer, header, menu, nav, section, time, mark, audio, video, input, select{list-style:none;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);font-style:normal;font-weight:normal;}
.block{display:block;}
.none{display:none;}
a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
a:hover{text-decoration: none;}
img{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.dfr{float:right;text-align: right;}
.clearfix::before,.clearfix::after{content:".";height:0;line-height:0;display:block;visibility:hidden;clear:both;}
.tran{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
body{background:#f5f7fa;font-family:"微软雅黑";}
.container{width: 1200px;margin: 0 auto;}
.m10{ margin-top: 10px; }
.m20{ margin-top: 20px; }
.m30{margin-top: 30px;}
.m50{margin-top: 50px;}

/*header*/

.li1 i.curr{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.xuexiao{position:absolute;top:40px;left:-145px;width:400px;height:192px;background:#ffffff;border:solid 1px #cccccc;z-index:999;box-shadow:1px 1px 2px #cccccc;transform: scale(0);transform-origin: top;transition: all .5s ease-in-out;opacity: 0;}
.xuexiao>p{height:25px;line-height:25px;text-align:center;}
.xuexiao .clearfix p{width:10%;color:#004097;font-size:12px;}
.xuexiao ul{width:90%;padding:0;}
.xuexiao ul li{width:13%;padding:0;border:none;float:left;}
.xuexiao ul li a{color:#747474;font-size: 14px;}
.xuexiao ul li a:hover{color:#004097;}
.ouzhou{    position: absolute;
    top: 40px;
    left: -145px;
    width: 400px;
    height: 192px;
    background: #ffffff;
    border: solid 1px #cccccc;
    z-index: 999;
    box-shadow: 1px 1px 2px #cccccc;
    transform: scale(0);
    transform-origin: top;
    transition: all .5s ease-in-out;
    opacity: 0;}
.ouzhou span.sp1{font-size:14px;color:#848484;display: inline-block;margin-right:10px;line-height: 103px;height: 103px;}
.ouzhou em{width:60%;height: 103px;display: inline-block;}
.ouzhou span.sp2{width:152px;height: 103px;display: inline-block;transition: all 0.5s ease-out;}
.ouzhou:hover span.sp2{background: rgba(0,0,0,0.3);}
.li1:hover>a>i{background:url(https://www.iopfun.cn/assets/Home/public/images/iconn.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg);/* Internet Explorer*/-moz-transform:rotate(180deg);/* Firefox*/-webkit-transform:rotate(180deg);/* Safari 和 Chrome*/-o-transform:rotate(180deg);}
.li1:hover .xuexiao{top:40px;transform: scale(1);opacity: 1;height: 230px;}
.alertbg{display: none;position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.8);overflow: hidden;z-index: 9999999;padding-top:150px;}
.tanCon{display: block;margin:0 auto;text-align: center;position: relative;width:798px;}
.close{position: absolute;right:0;top:-50px;}
.tanBtn{display: block;width:20%;height: 36px;line-height: 36px;text-align: center;font-size:18px;color:#fff;position: absolute;bottom:40px;left:40%;border:1px #fff solid;}
.tanBtn:hover{background: #fff;color:#ef4135;}
/*login&register button*/
.register_icon{width: 90px;height: 30px;line-height: 30px;text-align: center;display: inline-block;background: #fff;color:#e60012;font-size: 14px;border-radius: 20px;margin-left: 10px;margin-top: 5px;}
.register_icon .user_icon{width: 15px;height: 17px;background: url(../image/user_icon.png) no-repeat 0 0;display: inline-block;vertical-align: -2px;margin-right: 5px;}
.login_icon{width: 68px;height: 28px;line-height: 28px;text-align: center;display: inline-block;border:1px solid #e60012;color: #e60012;border-radius: 20px;margin-left: 10px;margin-top: 5px;font-size: 14px;}
.login_icon:hover{background: #e60012;color: #fff;}
/*logo*/
.logo{padding: 20px 0;background: #fff;}
.top_header .pull-left .logo_img{display:inline-block;width:105px;height:28px;text-indent:-9999em;background-size:100%;}
.pull-left .logo_img{display:inline-block;text-indent:-9999em;background-size:100%;}
.pull-left .logo_img img{width: 100%;height: 100%;display: block;}
.phone_number{margin-top:20px;}
.logo_search{float:left;width: 460px;margin-left: 80px;}
.logo_search .se_top{border:1px solid #dddddd;height:44px;line-height: 44px;width:100%;border-radius: 25px;position: relative;}
.logo_search .se_top input{float:left;border:none;outline:none;height:43px;background:url(../image/search_icon.png) no-repeat right;padding: 7px 0 7px 10px;width: 321px;font-size: 16px;}
.logo_search .se_top span{width: 70px;height: 45px;background:url(../image/search_icon_bg.png) no-repeat 0 0;font-size: 24px;cursor: pointer;position: absolute;top:-2px;right:-3px;}
.logo_search .se_bot a{display:inline-block;color:#666666;font-size:12px;line-height:33px;margin-left:10px;}
.logo_search .se_bot a:hover{color:#eb5308;}
.z_er{float:right;text-align: center;margin:23px 56px 0 0;}
.z_er span{font-size:12px;color:#e60012;display: block;}
.logo_search .se_top select{float: left;height: 42px;border: none;outline: none;width:72px;text-align: center;padding-left: 15px;font-size: 16px;color: #999;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.logo_search .se_bot{ padding-left: 5px; }
/*footer_tips*/
.footer_tips{background: #fff;padding: 15px 0;}
.footer_tips dl{width: 17%;margin: 0 4%;}
.footer_tips dl dt{width: 51px;height: 51px;background: url(../image/public_icon.png) no-repeat 0 0;display:inline-block;float: left;}
.footer_tips dl dd{float: left;padding-left: 12px;font-size: 14px;color:#666;padding-top: 2px;}
.footer_tips dl dd h4{font-size: 18px;color: #333;}
.footer_tips .dl_list02 dt{background-position: -62px 0;}
.footer_tips .dl_list03 dt{background-position: 0px -64px;}
.footer_tips .dl_list04 dt{background-position: -62px -64px;}
/*footer*/
.footer{overflow: hidden;}
.footer .footer_con{font-size: 14px;color: #fff;padding-top: 32px;}
.footer .footer_con .list{float: left;}
.footer .footer_con .list h3{font-size: 18px;padding: 20px 0 5px 0;font-weight: bold;}
.footer .footer_con .list{padding-left: 60px;}
.footer .footer_con .list p{line-height: 25px;}
.footer .footer_con .list p a{color: #fff;}
.footer .footer_con .list p em{color: #878f9a;}
.footer .footer_con .list p i{width: 18px;height:18px;background: url(../image/public_icon.png) no-repeat 0 -128px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.footer .footer_con .list dl{padding-top: 6px;}
.footer .footer_con .list dd{padding: 20px 0 0 24px;}
/*.footer .footer_con .list .code_icon{width: 155px;height: 204px;background: url(../image/public_icon.png) no-repeat -142px 0;}*/
.footer .footer_con .list .code_icon{width: 155px;height: 165px;background: url(../image/public_icon.jpg) no-repeat;background-size: 100% 100%;}
/*copyright*/
.copyright{padding: 30px 0;background: #1c1e21;text-align: center;}
.copyright .link li{display: inline-block;}
.copyright .link li i{color: #fff;padding: 0 0 0 5px;}
.copyright .link a{color: #aeb4be;font-size: 14px;display: inline-block;}
.copyright .link{display: inline-block;}
.copyright p{font-size: 14px;color: #fff;}
.copyright .link_box{padding-top: 5px;}
.copyright .link_box span{color: #aeb4be;font-size: 14px;display: inline-block;}
/*right_bar*/
.right_bar{width: 60px;background: #2d342e;position: fixed;top: 40%;right: 0px;border-radius: 25px;padding: 5px;z-index: 101;}
.right_bar .online_kefu .online_kefu_icon{ width: 20px;height: 23px;background:url(../image/online_kefu_icon.png) no-repeat 0 0;display: block;margin: 0 auto 5px; }
.right_bar .bar_list{display: block;padding: 8px 0;font-size: 12px;color:#fff;text-align: center;border-bottom: 1px solid #676767;}
.right_bar .bar_list .bar_icon{width: 14px;height:24px;background: url(../image/public_icon.png) no-repeat 0 -159px;display:block;margin: 0 auto 5px;}
.right_bar .yuyue_bar .bar_icon{width: 24px;height:21px;background-position: 0 -199px;}
.right_bar .guidance_bar .bar_icon{width: 18px;height:20px;background-position: 0 -228px;}
.right_bar .back_top{width: 38px;height:38px;background: url(../image/public_icon.png) no-repeat 0 -265px;display:block;margin: 10px auto 5px;cursor: pointer;}
.download_app{position: relative;}
.download_app:hover .download_details{display: block;}
.download_details{display: none;width: 350px;height: 182px;position: absolute;top: 10px;right: 72px;background: #fff;box-shadow: 0 0 5px #ccc;}
.download_details dl dt{text-align: center;padding-top: 8px;}
.download_details dl dt img{background: #fff;border:1px solid #ccc;width: 98px;height: 98px;border-radius: 5px;}
.download_details dl dt p{line-height: 30px;}
.download_details dl{color:#333;font-size: 12px;padding:20px 0 20px 30px;}
.download_details dl dd{padding-left: 15px;text-align: left;}
.download_details dl dd h4{font-size: 16px;line-height: 30px;}
.download_details dl dd p{line-height: 25px;}
.download_details dl dd p i{width: 14px;height:14px;background: url(../image/public_icon.png) no-repeat -31px -128px;display:inline-block;margin-right: 5px;vertical-align: -3px;}
.download_details .triangle{width: 21px;height:36px;background: url(../image/public_icon.png) no-repeat -31px -155px;display:block;position: absolute;right:-19px;top:41px;}
/*fixed_top*/
.top_header{height: 70px;line-height: 40px;padding: 15px 0;background: #fff;width: 100%;border-bottom: none;}
.top_header .dropdown{ margin: 0 15px 0 0; width: 120px;}
.top_header .dropdown .dropdown_text{ font-size: 16px; }
.top_header .dropdown .dropdown_con{ top: 34px;  }
.top_header .dividing_line{ height: 30px;margin-top:5px; }
.top_header .dropdown .dropdown_text em{ width: 100px; }
.fixed_top{position: fixed;top:0;left: 0;z-index: 99;}
.top_header .logo_search{width:280px;margin-left: 20px;}
.top_header .phone_number{margin: 0px 0 0 10px;}
.top_header .logo_search .se_top input{width: 181px;}
.user_number{color:#333;font-size: 12px;}
/*登录&注册弹出框*/
.popup{display: none;}
.popup_transparent{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 100;}
.user_popup{width: 460px;background: #fff;position: fixed;top:10%;left:50%;margin: 0 0 0 -230px;border-radius: 20px;z-index: 101;color: #333;font-size: 16px;display: none;}
.user_register,.user_login,.exam_plan{padding: 35px;}
.bind_phone .title{font-size: 24px;height: 68px;line-height: 68px;text-align: center;}
.bind_phone .bind_tips{height: 30px;line-height: 30px;font-size: 14px;background: #f2f2f2;text-align: center;}
.bind_phone{padding-bottom:30px;}
.bind_phone .user_ctn{padding: 0 30px;}
.user_popup .user_top h4{font-size: 34px;color: #333;font-weight: bold;float: left;margin-top: -10px;}
.user_popup .user_top h4 i{width: 7px;height: 30px;background: #e60012;display: inline-block;vertical-align: -3px;}
.user_popup .user_top{position: relative;padding-bottom: 10px;}
.user_popup .user_top .tips{float: right;}
.user_popup .user_top .tips a{color: #e60012;text-decoration: underline;}
.user_popup .user_ctn{padding-top: 15px;}
.user_popup .user_form .list{height: 50px;line-height: 50px;padding-left: 5%;background: #f8f9fd;border-radius: 35px;border: 1px solid #f8f9fd;margin-top: 20px;position: relative;}
.user_popup .user_form .red_tips{font-size: 14px;color: #e60012;display: block;position: absolute;bottom:-2px;right:2%;}
.user_popup .user_form .code_list .red_tips{right: 35%;}
.user_popup .user_form .red_list{border-color: #e60012;}
.user_popup .user_form .list input{width: 100%;height: 50px;line-height: 50px;display: block;}
.user_popup .user_form .list .get_code{width: 110px;height: 34px;line-height: 34px;position: absolute;top:8px;right: 10px;display: block;border-left: 1px solid #ccc;color: #367fe3;text-align: center;cursor: pointer;}
.user_popup .user_button{width: 100%;height: 60px;line-height: 60px;text-align: center;display: block;border: none;background-image: linear-gradient(45deg, #fe7877, #ff3d3e);color: #fff;border-radius: 35px;cursor: pointer;outline: none;font-size: 16px;margin-top: 30px;}
.user_popup .user_button:hover{opacity: .8;}
.user_popup .user_tips{font-size: 14px;padding-top: 14px;text-align: center;}
.user_popup .user_tips a{color: #367fe3;}
.user_popup .user_login_tips{font-size: 14px;padding: 10px 5px 10px 20px;}
.user_popup .user_login_tips .user_forget{color: #367fe3;float: right;}
.user_popup .user_login_choice{float: left;}
.user_popup .user_login_choice i{width: 18px;height:18px;background: url(../image/public_icon.png) no-repeat -31px -218px;display:inline-block;vertical-align: -3px;margin-right: 5px;cursor: pointer;}
.user_popup .user_login_choice.auto i{width: 18px;height:18px;background: url(../image/public_icon.png) no-repeat -31px -194px;display:inline-block;vertical-align: -3px;margin-right: 5px;cursor: pointer;}
.user_popup .user_close{width: 47px;height:47px;background: url(../image/public_icon.png) no-repeat 0px -319px;display:block;cursor: pointer;position: absolute;bottom: -78px;left: 45%;}
.user_login_switch .user_login_nav{text-align: center;padding-top: 10px;}
.user_login_switch .user_login_nav .line{border-left: 1px solid #dddddd;}
.user_login_switch .user_login_nav a{display: inline-block;border-bottom: 4px solid #fff;color: #999;font-size: 26px;margin: 0 20px;}
.user_login_switch .user_login_nav a.on{border-color: #ff4141;color: #ff4141;}
.user_login_switch .switch_con .switch_list{display: none;}
.other_way .title{position: relative;border-bottom: 1px solid #ccc;}
.other_way .title span{display: block;background: #fff;font-size: 14px;color: #333;position: absolute;padding: 0 10px;left: 23%;top: -9px;}
.user_register .other_way .title span{left: 37%;}
.other_way{text-align: center;padding-top: 38px;}
.other_way .other_way_list{display: inline-block;padding: 15px 10px 0;}
.other_way .icon_weixin{width: 39px;height: 32px;background: url(../image/public_icon.png) no-repeat -71px -135px;display: block;margin-bottom: 5px;}
.user_success .success_tips,.success .success_tips{font-size: 24px;text-align: center;font-weight: bold;padding: 20px 0 40px 0;}
.user_success .success_tips i,.success .success_tips i,.address_send_success em{width: 67px;height:59px;background: url(../image/public_icon.png) no-repeat 0px -379px;display: block;margin:10px auto;}
.user_success .user_ctn{padding: 0 35px;}
.user_success .user_ctn .user_form .list input{text-align: center;}
.user_success .entry{display: block;text-align: center;font-size: 14px;padding: 50px 0 40px 0;text-decoration: underline;}
.find_password .title,.reset_password .title{font-size: 24px;font-weight: bold;height: 70px;line-height: 70px;text-align: center;border-bottom: 1px solid #dddddd;}
.find_password .user_ctn,.reset_password .user_ctn{padding: 0 35px 50px;}
.success{padding: 0 35px 35px;}
/*预约弹出框*/
.yuyue .title{ font-size: 22px;color: #333;text-align: center;padding: 20px 0; border-bottom: 1px solid #ddd; }
.yuyue .title span{ display: block;font-size: 14px;padding-top: 4px; }
.yuyue .title b{ display: block; font-size: 24px; }
.yuyue .title b em{ color:#ff3e3e; padding: 0 5px; }
.yuyue .yuyue_con{ padding: 20px 25px; }

/*校区地址弹框*/
.address{margin-top: 30px;}
.address_box{position: relative;}
.address_box .course_nav{position: absolute;top: -51px;left: 160px;}
.school_img{padding-top: 30px;padding-left: 20px;}
.school_img li{margin: 0 10px;}
.school_img li img{display: block;border-radius: 10px;}
.address_send{padding-bottom: 20px;}
.address_send .address_info{padding: 0 15px;}
.address_send .biaoti{line-height: 50px;font-size: 20px;color: #333;text-align: center;border-bottom: 1px solid #dddddd;}
.address_send .biaoti span{font-size: 18px;}
.address_send .info{padding:20px 30px;}
.address_send .ul_1{padding-bottom:10px;}
.address_send .ul_1 li{padding-top: 10px;}
.address_send .ul_1 li i{width: 19px;height: 19px;background:url(../image/public_icon.png) no-repeat -141px -523px;display: inline-block;margin-right: 10px;vertical-align: -4px;}
.address_send .ul_1 li span{width: 400px;}
.address_send .ul_1 li:nth-child(2) i{width: 16px;height: 23px;background:url(../image/public_icon.png) no-repeat -141px -549px;display: inline-block;vertical-align: -4px;margin-right: 10px;}
.address_send .p_1{font-size:15px;color:#004097;height:50px;line-height:50px;border-top:solid 1px #dedede;}
.address_send .ul_2 li{border:solid 1px #e7e7e7;width:100%;height:44px;line-height:44px;margin-bottom: 10px;border-radius: 20px;position: relative;}
.address_send .ul_2 input{height:44px;line-height:44px;font-size:17px;padding-left:15px;}
.address_send .ul_2 li:nth-child(2) input{width:75%;}
.address_send .ul_2 button{background:#61a7ef;height: 44px;line-height: 44px;font-size:17px;color:#ffffff;cursor:pointer;outline: none;border-radius: 20px;border:none;position: absolute;top: 0;right: 0;padding: 0 10px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.address_send .ul_2 button:hover{background:#1E76EE;}
.address_send .ul_2 li a{display:block;height:45px;line-height:45px;background:#ff6318;color:#ffffff;font-size:18px;}
.address_send .ul_2 li a:hover{background:#FE7B3C;}
.address_send_success{text-align: center;padding: 30px 0 30px 0;}
.address_send_success p{padding-top: 20px;font-size: 20px;color: #333;}
/*考试安排弹框*/
.exam_plan{font-size: 16px;color: #333;text-align: center;}
.exam_plan .title{text-align: center;font-size: 22px;display: block;padding-bottom: 10px;}
/*翻页*/
.page .page_con{padding: 20px 0;text-align: center;}
.page .page_con li{float: left;}
.page .page_con a{height: 28px;line-height: 28px;padding: 0 10px;font-size: 14px;color: #999;border: 1px solid #fff;display: inline-block;border-radius: 5px;}
.page .page_con a:hover,.page .page_con a.current{background: #e60012;color: #fff;}
.page .page_con .first_page,.page .page_con .last_page{border-color: #e60012;color: #e60012;}
.page .page_con .active a{background: #e60012;color: #fff;}
/*public_title*/
.public_title{height: 50px; line-height: 50px; background: #fff; border-bottom: 1px solid #ddd; position: relative;}
.public_title .title{font-size:16px; color: #333;font-weight: bold;display: inline-block;}
.public_title .title span{display: inline-block; width: 4px; height: 21px; background: #e60012; margin-right: 15px; vertical-align: -2.5px;margin-left: 10px;}
.public_title .title em{ display: inline-block;height: 50px;line-height: 50px;border-bottom: 2px solid #ff7c00;padding: 0 10px; }
.public_title .more_button{font-size: 16px; color: #666; position: absolute; top: 0px; right: 10px;}
.public_title .more_button:hover{color: #e60012;}
.public_title i{width: 20px;height: 20px;background:url(../image/public_icon.png) no-repeat -333px -133px;display: inline-block;margin-right:8px;margin-left:30px;vertical-align: -3px;}
.public_title .keyword_icon{background-position: -332px -157px;}
.public_title .recomm_icon{background-position: -333px -183px;}
.public_title .recomm_icon2{background-position: -264px -348px;}
.public_title .download_icon{background-position: -306px -1px;}
.public_title .special_icon{background-position: -204px -206px;width: 24px;height: 21px;}
.public_title .change_icon{ background-position: -264px -238px;width:17px;height: 15px;vertical-align: middle; }
.public_title .article_icon{ background-position: -264px -318px;width:20px;height: 19px;vertical-align: middle; }
/*public_list*/
.public_list{padding: 20px 0 20px 14px;}
.public_flex{display: flex;flex-wrap: wrap; }
.public_list .list{width:23% ; height: 230px;overflow: hidden; float: left;margin: 0 0.8%;padding-bottom: 30px;}
.public_list .list .list_img{width: 100%;height: 160px;}
.public_list .list .list_img img{width: 100% !important;height: 100%  !important;display: block;border-radius: 10px;}
.public_list .name{ width: 60%; font-size: 16px;border-bottom: none;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.public_list .list .list_info{color: #333;font-size: 14px;padding: 8px 0 8px;}
.public_list .list .list_img img{display: block;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
/*.public_list .list:hover .list_img img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);}
*/
.public_list.study_list .list{ padding-bottom: 0px; }
.recomm_study .public_list{padding: 15px 0 20px 0px;}
.recomm_study .public_list .list{width: 28.5%;text-align: center;}
.recomm_study .public_list .list .list_img{height: 124px;}
.activity .public_list .name{ width: 95%; }
/*关键词*/
.keyword{margin: 20px auto;background: #fff;}
.keyword_con{padding: 20px 30px 20px 60px;}
.keyword_con a{height: 30px;line-height: 30px;padding: 0 10px;font-size: 14px;color: #666;background: #f3f3f3;border-radius: 20px;display: inline-block;margin-bottom: 10px;}
.keyword_con a:hover{color: #e60012;}
/*推荐*/
.recomm{background: #fff;margin-bottom: 20px;}
.recomm .recomm_con{padding: 20px 0 20px 58px;}
.recomm .recomm_con .list{width: 570px;}
.recomm .recomm_con .list a{width: 90%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color:#666;line-height: 30px;}
.recomm .recomm_con .list a:hover{color: #e60012;}
.recomm .recomm_con .list span{width: 9px;height: 9px;background: #e60012;display: inline-block;}
/*链接*/
.page_link{background: #fff;}
.page_link .link_con{padding: 30px 20px 25px 45px;}
.page_link .link_con .link_list{position: relative;}
.page_link .link_con .link_list dt{width: 156px;text-align: right;font-size: 14px;color: #666;}
.page_link .link_con .link_list dt i{width: 7px;height: 12px;background: url(../image/public_icon.png) no-repeat -141px -215px;display:inline-block;vertical-align: -1px;margin: 0 10px;}
.page_link .link_con .link_list dd{width:945px;height:auto;}
.page_link .link_con .link_list dd.hide_more{ height: 30px;overflow: hidden; }
.page_link .link_con .link_list dd a{padding: 0 10px 0 6px;border-right: 1px solid #999;color: #999;font-size: 14px;margin-bottom: 10px;display: inline-block;}
.page_link .link_con .link_list dd a:last-child{border-right: none;}
.page_link .link_con .link_list dd a:hover{ color:#e60012; }
.page_link .link_con .link_list .toggle{width: 20px;height: 20px;background: url(../image/public_icon.png) no-repeat -153px -207px;display: block;position: absolute;top: 0px;right: 0px;cursor: pointer;display: none;}
.page_link .link_con .link_list .toggle.hide_more{width: 20px;height: 20px;background: url(../image/public_icon.png) no-repeat -177px -207px;display: block;position: absolute;top: 0px;right: 0px;cursor: pointer;}
/*面包屑导航*/
.crumb_nav{padding: 20px 0;position: relative;}
.crumb_nav .result{font-size: 14px;color: #333;position: absolute;top: 20px;right: 0;}
.crumb_nav .result a{color: #5788f5;}



/*活动页*/
.activity,.special{ background: #fff;  }


/*欧风快+计划*/
.of_plan { background: #fff;}
.of_plan .of_plan_con{ padding: 20px 0 20px 20px; margin-bottom: 20px;}
.of_plan dl{ width: 23%;padding-left: 4%; }
.of_plan dl dt{ width:70px;height:70px;background: url(../image/public_icon.png) no-repeat -180px -238px; }
.of_plan dl dd{padding-left: 10px;font-size: 14px;color: #333;width: 150px;}
.of_plan  dd h4{ font-size: 18px;font-weight: bold;padding-bottom: 3px; }
.of_plan .dl02 dt{ background-position: -180px -315px; }
.of_plan .dl03 dt{ background-position: -180px -392px; }
.of_plan .dl04 dt{ background-position: -180px -469px; }


/*表单*/
.z_form{background:linear-gradient(top, #fd9c68, #ff5d57);background:-webkit-linear-gradient(top, #fd9c68, #ff5d57);border-radius: 10px;color: #fff;padding: 0 10px 23px;font-size: 12px;text-align: center;}
.z_form.transparent_form{ background: rgba(0,0,0,.8); border-radius: 0px; }
.z_form.transparent_form .z_form_input a.code{ background: #52b0fc;color: #fff; }
.z_form .form_line{ border-top: 1px solid #383838;border-bottom: 1px solid #626262;display: block;margin: 5px 0 20px 0;}
.z_form .z_form_input p{background:#fff;overflow:hidden;border-radius: 20px;margin-top: 12px;}
.z_form .z_form_input p input{background:none;border:none;font-size:13px;color:#999;display: block;line-height:40px;height:40px;padding-left:10px;width:100%;}
.z_form .z_form_input p select{background:none;border:none;font-size:13px;color:#999;display: block;line-height:40px;height:40px;padding-left:10px;width:100%;}
.z_form .z_form_input p input.yan{width:60%;float:left;}
.z_form .z_form_input a.code{float:left;width:40%;font-size:13px;line-height:40px;color:#ff4200;background:#ffe4dd;text-align: center;}
.z_form .z_form_input a.button{display: block;background:#fef483;height:50px;line-height:50px;overflow:hidden;color:#e60012;font-size:16px;text-align: center;border-radius: 25px;margin-top: 20px;}
.z_form .z_form_input a.red_button{     background-image: linear-gradient(45deg, #fe7877, #ff4040);color: #fff; }
.z_form .z_form_input a.button:hover{opacity:.8;}
.z_form .z_form_top { text-align: center; color: #fff;padding:20px 0 10px 0;}
.z_form .z_form_top h4 {font-size: 26px;padding-bottom: 5px;font-size: 26px;font-weight: bold;letter-spacing: 2px;}
.z_form .z_form_top p{ font-size: 18px; letter-spacing: 2px;}
.z_form .yellow_colour{ color: #fdf62d; }
.z_form .tips02{ font-size: 16px;padding-top:0px;  }
.z_form .tips01{ padding-top: 10px;text-align: left;padding-left: 5px; }




/*热门好课*/
.hot_course,.information{background:#fff;}
.hot_course_con{padding: 5px 8px;}
.hot_course_con .list{font-size: 12px;color: #666; padding: 10px 0;border-bottom: 1px solid #dddddd;}
.hot_course_con .list:last-child{border-bottom: none;}
.hot_course_con .list dt{width: 80px;height: 56px;overflow: hidden;}
.hot_course_con .list dt img{width: 100%;height: 100%;display: block;border-radius:6px;}
.hot_course_con .list dd{width: 128px;padding-left: 8px;}
.hot_course_con .list dd h4{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 90%;}
.hot_course_con .list dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 5px;}
.hot_course_con .list dd a{width: 65px;height: 24px;line-height: 24px;display: block;color: #fff;background-image: linear-gradient(45deg, #fed379, #ffa33d);text-align: center;color:#fff; float: right;border-radius: 10px;margin-top: 5px;}


/*考试时间安排*/
.exam{padding: 10px;background: #fff;margin-top: 20px;}
.exam .exam_title{width: 100%; font-size: 14px;color: #fff; padding: 6px 0; text-align: center;background-image: linear-gradient(45deg, #55b3fc, #4098f9);border-radius: 25px;box-shadow: 0 2px 6px #55b3fc;}
.exam_date{width: 210px;height: 120px;background: url(../image/exam_date.png) no-repeat 0 0;text-align: center;color:#fff;font-size: 16px;}
.exam_date p{padding-top:55px; padding-bottom: 5px;}
.exam_date .date span{width: 30px;height: 30px;background: #fff;color: #ffa23d;font-size: 22px;text-align: center;line-height: 30px;display: inline-block;margin: 0 5px;border-radius: 5px;}
.exam_con .list{padding-top: 15px;font-size: 14px;color: #333;}
.exam_con .list .list_title{height: 26px;line-height: 26px;background-image: linear-gradient(45deg, #55b3fc, #4098f9);font-size: 16px;color: #fff;display: inline-block; padding: 0 15px 0 10px;border-radius:4px;margin-bottom: 5px; border-bottom-right-radius:20px;}
.exam_con .list .list_con p{padding-bottom: 4px;}
.exam_con .list dl{margin: 5px 7px 2px;}
.exam_con .list dl dt{width: 38px;height: 38px;background: url(../image/public_icon.png) no-repeat -72px -180px;display:block;vertical-align: -3px;margin: 5px auto;}
.exam_con .list .dl02 dt{background-position: -72px -226px;}
.exam_con .list .dl03 dt{background-position: -72px -272px;}
.exam_con .list .dl04 dt{background-position: -72px -318px;}
.exam_con .list .dl05 dt{background-position: -72px -362px;}
.exam_con .list .dl06 dt{background-position: -72px -408px;}
.exam_con .list .dl07 dt{background-position: -72px -454px;}
.exam_con .list .dl08 dt{background-position: -72px -498px;}
.exam_con .list .dl09 dt{background-position: -72px -544px;}
.exam_con .list .list_button{ height: 46px;line-height: 46px;background-image: linear-gradient(45deg, #55b3fc, #4097f8);color: #fff;font-size: 16px;border-radius: 25px;display: block;text-align: center;margin: 20px 0 10px;box-shadow: 0 0 4px #4097f8;}



/*错误页面&404页面*/
.page_test{ width: 100%;height:120px;background: url(../image/test01.jpg) no-repeat center;display: block; }
.error_box{ background: #fff; padding-bottom: 50px;border-bottom: 1px solid #ddd; }
.error_box .error_con { padding: 20px 0;text-align: center;font-size: 18px;color: #333; }
.error_box .error_con img{ display: block;margin: 0 auto; }
.error_box .error_con b{ font-size: 24px;color: #333;display: block;padding: 35px 0 15px 0;}
.error_box .error_con h4{ font-size: 40px;color: #666;padding: 30px 0 0 0; }
.error_box .back_index{ width: 300px;height: 60px;line-height: 60px;text-align: center;display: block;margin: 45px auto 30px;color: #fff;font-size: 20px; background-image: linear-gradient(45deg, #fe7877, #ff4040);border-radius: 30px; }


/*热门标签*/
.hot_label{background: #fff;}
.hot_label .label_con{padding: 0 0 10px 10px;}
.hot_label .label_con .list{float: left; margin: 9px 3px 0;}
.hot_label .label_con .list a{height: 30px; line-height: 30px; border: 1px solid #ccc; padding: 0 10px; font-size: 14px; color: #666; background: #f3f3f3; border-radius: 20px; display: block;}
.hot_label .label_con .list a:hover{color: #e60012;}


/*校区导航*/
.address{margin-top: 20px;}
.address_con{ position: relative; }
.city_search{ width: 92%; height: 36px;line-height: 36px;background: #fff;border-radius: 20px;position: absolute;top: 10px;left: 10px; box-shadow: 0 0 6px #8ea5b1; }
.city_search input{ padding-left: 12px;height: 36px;line-height: 36px; }
.city_search .btn_search{ width: 50px;height: 36px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;background: url(../image/search_icon.png) no-repeat 14px 7px #ff4546;font-size: 24px;cursor: pointer;position: absolute;top: 0;right: 0; }



/*热门活动*/
.hot_activity,.study_data{ background: #fff;margin-top: 20px; }
.hot_activity .hot_activity_con{ padding: 10px 15px; }
.hot_activity .hot_activity_con .list{ padding-bottom: 10px; }
.hot_activity .hot_activity_con .list img{ width: 100%;display: block;height: 120px; border-radius:10px;}
.hot_activity .hot_activity_con .list:hover img{ opacity: .8; }
.hot_activity .hot_activity_con .list:hover p{ color: #e60012; }
.hot_activity .hot_activity_con .list p{width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 35px;padding-left: 5px;font-size: 16px;color: #444; }



/*领取学习资料*/
.study_data .study_data_con { padding: 10px 20px; }
.study_data .study_data_con dl dt{border: 1px solid #eeeeee; }
.study_data .study_data_con dl dt img{ width: 100%;display: block; }
.study_data .study_data_con dl dd{ text-align: center;display: block;padding: 5px 0 0 0;font-size: 14px;color: #444; }
.study_data .study_data_con .phone_number{ display: block;width:100%;margin: 10px 0; }


/*下拉框选择*/
.dividing_line{ width: 1px;height: 40px;background: #dddddd;display: inline-block;margin: 20px 2px 0 16px; }
.dropdown{width: 140px;margin: 25px 0 0 0;position: relative;} 
.dropdown .dropdown_text em{ width: 120px;display: inline-block; }
.dropdown .dropdown_text{ font-size: 20px;color: #333;width:100%;text-align: center;display: inline-block;}
.dropdown .dropdown_text .dropdown_icon{ width: 16px;height: 9px;background: url(../image/dropdown_icon.png) no-repeat 0 0;display: inline-block;vertical-align: 3px;cursor: pointer; }
.dropdown .dropdown_con{ width: 100%;position: absolute;top:26px;left: 0;z-index: 101;background: #fff;padding: 5px 0;border: 1px solid #ddd;display: none;}
.dropdown .dropdown_con li{ text-align: center;line-height: 30px;cursor: pointer; }
.dropdown .dropdown_con li:hover{ color: #ff4546; }


/*分享*/
#share h3{ font-size: 16px;color: #999;margin-top: 5px; }
#share .bdshare-button-style0-32{text-align: center;}
#share .bdshare-button-style0-32 a{ width: 30px;height: 30px;background: url(../image/public_icon.png) no-repeat -258px -377px;  text-align: center;float:inherit;display: inline-block;margin: 0 4px; }
#share .bdshare-button-style0-32 .bds_tsina{ background-position: -258px -523px;}
#share .bdshare-button-style0-32 .bds_sqq{ background-position: -258px -451px;}
#share .bdshare-button-style0-32 .bds_weixin_friend{  background-position: -258px -414px;}
#share .bdshare-button-style0-32 .bds_qzone{  background-position: -258px -488px;}

/*资讯列表*/
.news_con { position: relative; }
.news_con .news_edit{ font-size: 14px;color: #999;display: block;position: absolute;bottom: 15px;right:18px; }
/*校区查询*/
.address_page{ background: #fff; }
.address_page .page_title{text-align: center;font-size: 16px;color: #666;}
.address_page .page_title b{ font-size: 40px;color: #333;padding: 56px 0 8px 0;display: block; }
.address_page .city_search{position: relative; width: 738px; height: 52px;line-height: 52px;border-radius: 25px; float: inherit;margin: 40px auto 18px;box-shadow: none;border: 1px solid #ccc; }
.address_page .city_search  input{ height: 52px;line-height: 52px; width: 92%;background: none; padding-left: 24px;}
.address_page .city_search .btn_search{position: absolute;
    top: -1px;
    right: -1px;
    width: 77px;
    height: 52px;
    background: url(../image/search_icon_bg.png) no-repeat 0 0;
    border: 0;
    background-size: cover;}
.address_page .city_box {text-align: center;padding: 18px 0 55px 0;}
.address_page .city_box span{ font-size: 14px;color:#333;display: inline-block; }
.address_page .city_box .city {display: inline-block;}
.address_page .city_box .city li{ height: 24px;line-height: 24px;padding: 0 15px;background: #ccc;text-align: center;font-size: 14px;color: #666;background: #f3f3f3;display: inline-block;border-radius: 25px;cursor: pointer;margin: 0 3px; }
.address_page .city_box .city li:hover{ color: #fe4747; }
.map_city1 > div {
            display: block;
        }

        #container {
            height: 600px;
        }

        .di_box {
            margin-left: -70px;
            margin-top: -35px;
            border: 1px #cccccc solid;
            position: absolute;
            z-index: 99999;
        }

        .didian.clearfix {
            /*border: 1px red solid;*/
            position: absolute;
            top: 240px;
            right: 5%;
        }

        @media screen and (max-width: 640px) {
            .didian.clearfix {
                position: absolute;
                top: 50px;
                right: 0%;
            }
        }
.di_box{width:195px; height:64px; background:#ffffff; position:relative;}
.di_box .p_1{color:#f39800; font-size:13px; height:30px; line-height:30px; border-bottom:solid 1px #bfcfe6; padding-left:12px;}
.di_box .p_2{color:#f39800; font-size:16px; line-height:35px; padding-left:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.di_box .p_2 span{width:51px; height:35px; line-height:35px; color:#ffffff; background:#ff6318; top:-1px; right:0; position:absolute; text-align:center; cursor:pointer;}

/*编辑器样式加粗*/
.details_con strong, .details_con b, .details_con strong span ,.details_con strong strong{font-weight: bold !important;}

/*cms专题推荐*/
.cms_special{ background: #fff; }
.cms_special .public_list .list_img{ position: relative;overflow: hidden;border-radius: 10px; }
.cms_special .public_list .list_title{ width:100%;height: 84px;background: url(../image/cms_title_bg.png) no-repeat 0 0;position: absolute;bottom: 0;left: 0; padding: 55px 15px 0; }
.cms_special .public_list .list_img .list_title span{ color: #fff;width: 85%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.cms_special .public_list .list_img .cms_icon{ width: 15px;height: 15px; background: url(../image/cms_icon.png) no-repeat 0 0; display: inline-block; }
.cms_special .public_list .list:hover .list_img img {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);}

/*cms导航*/
.cms_nav{ width: 100%;height: 60px;background: #ff5d5d; }
.cms_nav ul li a{ color: #fff;padding: 0 22px;height: 60px;line-height: 60px;display: block; }
.cms_nav ul li:hover{ background: #d60011; }
.cms_nav ul li.on a{ background: #d60011; }

.cms_subnav{ height: 56px;background: #fff;border-bottom: 1px solid #ebecee; }
.cms_subnav ul li a{font-size: 16px;color: #333;height: 56px;line-height: 56px;margin-right: 35px;}
.cms_subnav ul li:hover a ,.cms_subnav ul li.on a{ color: #e60012; }