@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#1E202C; font-size:14px; line-height:24px; background:#fff; }
a{  text-decoration:none;}
img{display: block;border: none;}
a:hover{text-decoration:none;}
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
input,button{font-family:"微软雅黑";}
.w1118{width: 1118px; margin: 0 auto; }
.w1200{width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.f_l{ float: left; }
.f_r{ float: right; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}
.w1200{ width: 1200px;margin:0 auto; }

/***** page_header **/
.page_header{ padding: 20px 0 10px 0; }
.page_header .course_type{ margin-top: 18px; }
.page_header .logo{ width: 224px;height: 60px; background: url( /data/static/images/opfun/of_red_logo.png) no-repeat 0 0;display:inline-block;}
.page_header .search{ width: 314px;height: 44px; margin:12px 30px 0 50px; }
.page_header .search_icon{ width: 28px;height:28px;background: url(/data/static/images/information/info_detail/search_icon.png) no-repeat 0 0;display: inline-block;margin:8px 0 0 14px; }
.page_header .search .search_input{ width: 240px;height: 42px;line-height: 42px;border: 1px solid #ff7c00; padding-left: 10px;float: left;  }
.page_header .search .search_btn{ width: 60px;height: 44px;line-height: 44px;display:inline-block;background: #ff7c00;border-radius: 5px;float: left;border-top-left-radius: 0;border-bottom-left-radius: 0; }
.page_header .search .search_btn:hover{ opacity: .8; }
.page_header .menu a{ display: inline-block; font-size: 14px;color: #666; padding-left: 20px; width: 80px;text-align: center; }
.page_header .menu a:hover{ color: #ff7c00; }
.page_header .menu a i{ width: 44px;height: 44px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 0;display: block;margin:0 auto 10px; }
.page_header .menu .menu_02 .menu_icon{ background-position: 0 -54px; }
.page_header .menu .menu_03 .menu_icon{ background-position: 0 -108px; }

/***** page_nav ***/
.page_nav{ width: 100%;height: 40px;background:#fd8500; }
.page_nav .nav_con li a{ padding:8px 10px; display: inline-block;font-size: 16px;color: #fff; }
.page_nav .nav_con li a:hover{ background:#2d588e; }
.page_nav .guess{ height: 40px;line-height: 40px; float: right;font-size: 16px;color: #fff;font-style: italic; }
.page_nav .guess:hover{ color: #ff7c00; }

.page_slogan{ width: 100%;height: 90px;background: #ccc; }
.slogan{  width: 100%;height: 100px;background: #ccc; }

/***** page_con ***/
.page_con{ width: 1200px;margin:0 auto 30px; padding: 30px 0 0 0; }
.page_left{ margin-top: 8px; width: 810px; padding:5px 15px 15px; float: left;border: 1px solid #ddd; }
.page_con .location_box { font-size: 12px;color: #aaa; padding-bottom: 6px; }
.page_con .location_box a{ color: #aaa; padding: 0 10px; }
.page_con .location_box a:hover{ color: #ff7c00; }
.page_con .location_box .location_icon{ width: 16px;height: 24px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -165px;display: inline-block;vertical-align: -5px; }
.course_slogan{ width: 100%; height: 52px;background: url(/data/static/images/information/info_detail/course_slogan.png) no-repeat 0 0px; }
.course_slogan .course_slogan_icon{  width: 166px;height: 52px;background: url(/data/static/images/information/info_detail/course_slogan_icon.png) no-repeat 0 0;display: inline-block; }
.course_slogan .try_btn{ width: 113px;height: 35px;background: url(/data/static/images/information/info_detail/try_btn.png) no-repeat 0 0;display: inline-block;float: right; margin:10px 20px 0 0;  }
.article .article_title{ height: 86px;line-height: 86px;text-align: center;font-size: 26px; }
.article .article_info{ text-align: center; font-size:12px; color: #666; }
.article .article_info .time{ padding-left: 10px; color: #888; }
.course_slogan { margin:25px 0 20px 0; }
.course_slogan span{vertical-align: 18px; padding:0 30px 0 30px; }
.data_receive{ width: 690px;height: 94px;border: 2px solid #ff7c00; padding-left:24px; padding-top:8px; position: relative; margin-bottom:30px; }
.data_receive .data_box { position: relative; }
.data_receive .data_box h3{ font-size:18px;color: #333;font-weight: bold; }
.data_receive .data_box .data_con .data_list { width: 252px; height: 34px;line-height: 34px;font-size: 16px; color: #333;display: inline-block; }
.data_receive .data_box .data_con .data_list .checkbox{ width: 16px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -23px -197px; display: inline-block; margin-right: 14px;vertical-align: -3px; }
.data_receive .data_box .data_con .current_list .checkbox{ background-position: 0 -197px; }

.data_receive .receive_btn{ width: 136px;height: 60px;line-height: 60px;text-align: center;display: block;color: #fff;font-size:24px;background: #ff7c00;border-radius: 4px;position: absolute;top:20px;right: 30px; }
.data_receive .receive_btn:hover{ opacity: .8; }
.data_receive .sanjiao{ width: 17px;height: 24px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -23px -221px; display: block;position: absolute;top:10px;left:0; }
.article_con .abstract{ width:648px;height: 62px;background: #f2f2f2; padding:15px 35px 15px 35px; border-radius: 10px; color: #333; overflow:hidden;}
.article_con .abstract span {color: #000;}
.article_con .article_detail { padding:24px 0 20px 0; }
.article_con .article_detail p{ line-height: 34px;font-size: 16px;color: #333; padding-left: 32px; }
.article_con .article_detail img{ margin:10px auto; }


.article_btn .course_btn i{ width: 14px;height: 12px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -221px; display: inline-block; vertical-align: -2px; margin-right:5px; }
.article_btn .course_btn:hover{ background: #0272be;color:#fff;border-color: #0272be; }
.article_btn .course_btn:hover i{ width: 14px;height: 12px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -24px -173px; display: inline-block; vertical-align: -2px; margin-right:5px; }
.article_btn .share_btn i{ width: 11px;height: 12px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -239px; display: inline-block;vertical-align: -1px;margin-right:5px;  }
.article_btn .share_btn,.article_btn .course_btn {width: 64px;height: 22px;line-height: 22px;display: inline-block;font-size: 12px;color: #333; border: 1px solid #ccc;text-align: center; margin-right: 10px; border-radius: 5px; transition: all .2s; margin-top: 3px; }
.article_recomm{ font-size: 18px;color: #333; padding-left: 30px; padding-top:8px; padding-bottom:10px; }
.article_recomm a{ color: #0000ff;font-size: 18px;text-decoration: underline; }
.article_recomm a:hover{ color:#ff7c00; }
.code_box{  width: 440px;height: 194px;background: url(/data/static/images/information/info_detail/code_box.png) no-repeat 0 0; position: relative; margin:30px auto 0; }
.code_box img{ position: absolute;top: 45px;left:97px;width: 100px;height: 100px; }
.other{ width: 100%;height: 92px;line-height:92px; font-size:18px;color: #333;background: #f2f2f2;text-align: center; }
.other .login_btn{ width: 82px;height: 40px;line-height: 40px;text-align: center;display: inline-block;color: #fff;background: #ff8400;font-size: 18px;border-radius: 10px; }
.other .login_btn:hover{ opacity: .7; }

.code_box{  width: 460px;height: 194px;background: url(/data/static/images/information/info_detail/code_box2.png) no-repeat 0 0; position: relative; margin:30px auto 0; }
.code_box img{ position: absolute;top:66px;left:58px;width:90px;height:90px; }
.code_box .text{ font-weight: bold; font-size:16px; line-height: 21px; width: 210px;text-align: center;position: absolute;top:5px;left: 200px;}
.code_box .text span{color: #dd3918;}



/**** 翻页 ***/
.page { text-align: center; padding:30px 0 30px 0; }
.page a{ height: 26px;line-height: 26px;text-align:center;font-size: 12px;color: #333; padding:0 20px; border: 1px solid #333;display:inline-block;border-radius: 4px; margin:0 4px; }
.page a.current{ background: #169bd5;color: #fff;border: 1px solid #169bd5; }
.page a:hover{ background: #169bd5;color: #fff;border: 1px solid #169bd5; }


/****** 注册部分 ***/
.register_info { font-size:14px; color: #e03734;}
.register_info .register_btn{ width: 88px;height: 28px;line-height: 28px;text-align: center;display: inline-block;font-size: 16px;color: #fff;border-radius: 20px;background: #ef3a34; border:1px solid #ef3a34; margin-left: 10px; }
.register_info .register_btn:hover{ border: 1px solid #ef3a34;background: #fff;color: #ef3a34; }
.register_info .icon{  width: 20px;height: 20px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -293px;display: inline-block; vertical-align: -4px; margin-right: 8px; }


/****** 课程展示 ***/
.course_show { padding-bottom:18px; padding-top:40px; }
.course_show .course_title{ color: #e03734;font-size: 26px;font-style: italic; margin-right: 273px; }
.course_show .course_title .icon{ width: 32px;height: 28px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -257px;display: inline-block; vertical-align: -4px; margin-right:8px; }
.course_box{ padding-top:80px; }
.course_show  .course_con{  width: 716px; border: 1px solid #e03734;  }
.course_show  .course_nav { padding-left: 40px; position:relative; }
.course_show  .course_nav a{ width: 118px;height: 36px;line-height: 36px;border: 1px solid #e03734;color: #e03734; font-size:18px; border-bottom: none; margin:0 2px; display: inline-block;text-align: center;     border-top-left-radius: 10px;    border-top-right-radius: 10px; position: absolute;top:-36px;left:40px;background: #fff;}
.course_video .video{ width: 294px;height: 220px;background: #ccc; margin:25px 0 0 18px;  }
.course_show .course_nav .coach{background: #e03734;color: #fff;}
.course_show .course_nav .coach:hover{ opacity: .8; }
.course_video .video_info{ width: 370px; padding-top:15px; }
.course_video .video_info .title{ color: #444;font-size:18px; line-height: 45px;font-weight: bold; }
.course_video .video_info ul { padding:6px 0 6px 0; }
.course_video .video_info ul li{ font-size:14px; color: #999; padding-right: 5px; }
.course_video .video_info ul li span{ color: #e03734; padding-right: 4px; }
.course_video .video_info .summary { font-size: 16px; }
.course_video { position: relative; }
.course_video .pass_icon{  width: 100px;height: 90px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -816px; display: block;position: absolute;top:0px;right:0px; }
.course_video .video_info .summary p{ width: 290px; font-size: 16px; height: 104px; }
.video_btn a{ width: 138px;height: 42px;line-height: 42px;text-align: center;display: inline-block; font-size:16px;color: #666;border: 1px solid #666; border-radius: 5px; margin-right: 14px; }
.video_btn a i{  width: 28px;height: 21px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -32px -506px;display: inline-block; vertical-align: -3px;  margin-right:8px;  }
.video_btn a:hover{ background:#ff7c00;color:#fff;border: 1px solid #fff; }
.video_btn .listen_btn:hover i{ background-position: 0 -506px; margin-right:8px;  vertical-align: -3px; }
.video_btn a.current{ background:#ff7c00;color:#fff;border: 1px solid #fff; }
.video_btn a.current i{ background-position: 0 -506px; margin-right:8px; }
.video_btn .detail_btn i{ width: 21px;height: 25px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -411px;display: inline-block;vertical-align: -6px; margin-right: 5px; }
.video_btn .detail_btn:hover i{ width: 21px;height: 25px; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -24px -411px;display: inline-block;}
.course_con .video_show { padding-top: 30px; }
.course_con .video_show .top{ width: 100%;height: 40px;line-height: 40px;background:#e03734; color: #fff; font-size: 16px; }
.course_con .video_list .list{ font-size: 16px;color: #999; height: 76px;line-height: 76px;border-bottom: 1px solid #ddd; }
.course_con .video_list .list:hover{ background: #f7f7f7; }
.course_con .video_list .list:hover .free_btn{ background:#e03734; color: #fff;  }
.course_con .video_list .list:hover .free_btn .icon{  background-position: 0 -348px;}
.course_con .video_list .list .list_title {font-size: 18px;color: #444;width: 336px;display: inline-block;padding-left: 18px;height: 76px;line-height: 76px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.course_con .video_list .list .name{ width: 122px;display: inline-block; text-align: center; }
.course_con .video_list .list .time{ width: 88px;display: inline-block;text-align: center; }
.course_con .video_list_title{  width:100%;height: 40px; background: url(/data/static/images/information/info_detail/video_list_title.png) no-repeat 0 0; }
.course_con .video_list .list .free_btn:hover{ background:#e03734; color: #fff; }
.course_con .video_list .list .free_btn{ width: 122px;height: 34px;line-height: 34px;border-radius: 20px;border: 1px solid #e03734; display: inline-block;text-align: center;color: #e03734; }
.course_con .video_list .list .free_btn .icon{ width: 22px;height: 22px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -320px;display: inline-block;vertical-align: -4px; margin-right: 6px; }
.course_con .video_list .list .free_btn:hover .icon{ background-position: 0 -348px; }
.course_con .more_course{ width: 100%;height: 40px;line-height: 40px;text-align: center;display: block;background: #fafafa;font-size: 14px;color: #e03734; }
.course_con .more_course:hover{ text-decoration: underline; }


/***** 相关推荐 **/
.recomm{ padding: 20px 0 30px 0; }
.recomm_main{ width: 718px;height: 340px;position:relative;overflow: hidden; }
.recomm_box{ width: 9999px;height: 300px;position: absolute; }
.recomm_ul { float: left; width: 718px;height: 300px; }
.recomm_main ol { position: absolute;bottom: 10px;left: 42%; }
.recomm_main ol li{ width: 10px;height: 10px;background:#dbdbdb; float: left;border-radius: 50%;margin:0 5px;cursor: pointer ; }
.recomm_main ol li.active{ background: #a3a3a3; }
.recomm_ul .list{ width: 325px; height: 30px;line-height: 30px; list-style:initial; color: #316dbc; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display: inline-block;  margin-right: 48px; float: left;  }
.recomm_ul .list:nth-of-type(odd){ float: right; margin-right: 0; }
.recomm_ul .list a{ width: 320px; height: 30px;line-height: 30px;color: #0272be;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display: inline-block; }
.recomm_ul .list .circle{ width: 4px;height: 4px;background:#0272be;border-radius: 50%;display: inline-block; margin-right: 5px;vertical-align: middle;  }
.recomm_ul .list a:hover{text-decoration: underline; }
.recomm .recomm_course { padding-bottom: 10px; }
.recomm .recomm_course a img{ width: 152px;height: 96px; margin-right: 12px; }


/* page_right */
.page_right{ width: 314px;float: right;}

.adsense{ width: 100%;height: 122px; margin-bottom: 30px; }
.adsense img{ width: 100%;height: 122px; }


/** 公用标题 */
.public_title{ height: 40px;line-height: 40px; border-bottom: 2px solid #ddd; margin-bottom: 10px; }
.public_title .title{ height: 40px; border-bottom: 2px solid #ff8400; display: inline-block; font-size: 20px;color: #222; font-weight: bold; }
.public_title  a{ color: #666;}
.public_title a:hover{ color: #ff8400; }

/** 网络课堂 */
.net_classroom .public_title .title .icon{ width: 32px;height: 21px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -450px; display: inline-block;vertical-align: -4px;margin-right: 5px; }
.net_classroom .classroom_video .video{ width: 100%;	height: 182px;background:#ccc; }
.net_classroom .classroom_details li{ font-size: 14px;color: #666; padding:0 3px; }
.net_classroom .classroom_details li a{ color: #666;  }
.net_classroom .classroom_details i{ margin:0 6px; vertical-align: middle; }
.net_classroom .classroom_details .details i{  width: 15px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -487px;display: inline-block; }
.net_classroom .classroom_details .consult i{  width: 16px;height: 14px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -45px -532px;display: inline-block;  }
.net_classroom .classroom_details .zixun i{  width: 16px;height: 14px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -45px -532px;display: inline-block;  }
.net_classroom .classroom_details .more i{  width: 16px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -553px;display: inline-block;  }
.net_classroom .classroom_details{ padding:10px 0; }
.classroom_list .list{ height: 44px;line-height: 44px;font-size: 14px;color: #444;border-bottom: 1px solid #e5e5e5; padding:0 6px 0 10px; }
.classroom_list .list .icon{ width: 18px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -588px;display: inline-block; margin-top: 14px;  }
.classroom_list .list .name{ width: 200px;height: 44px;line-height: 44px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 14px;color: #444;display: inline-block; margin-left: 10px; }
    .classroom_list .list .name:hover{ color: #007ad0; }
.classroom_list .list .listen_btn{ width: 56px;height: 24px;line-height: 24px;text-align: center;display: inline-block;color: #f74634;border: 1px solid #f74634;border-radius: 10px; font-size: 14px; margin-top: 8px; }
.classroom_list .list .listen_btn:hover{ background:#f74634;color: #fff; }
.classroom_list .list:last-child{ border-bottom: none; }


/** 免费领取课程 */
.free_course { padding-top: 40px; padding-bottom:60px; }
.free_course .public_title .title .icon{ width: 24px;height: 26px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -628px; display: inline-block;vertical-align: -6px;margin-right: 10px; }
.free_course_box{ width: 312px; height: 417px; border: 1px solid #d7d7d7; border-bottom: none; overflow: hidden; }
.free_course_list .list{ height: 78px; border-bottom: 1px solid #d7d7d7; padding:10px 15px 15px 10px; }
.free_course_list .list .list_bottom .info { margin-top: 5px; }
.free_course_list .list .list_bottom .info em{ color: #e03734;font-style:normal; }
.free_course_list .list .list_bottom .info .icon{  width: 18px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -671px; display: inline-block;vertical-align: -3px;margin-right: 5px;  }
.free_course_list .list .list_bottom .receive_btn{ width: 100px;height: 30px;line-height: 30px;text-align:center;display:inline-block;background:#ff8400;font-size: 16px;color: #fff; border-radius: 15px; }
.free_course_list .list .list_bottom .receive_btn:hover{ opacity: .7; }
.free_course_list .list .list_name{ width: 166px;font-size: 18px;color: #444; line-height: 26px;display: inline-block; font-weight: bold; }
.free_course_list .list .list_name:hover{ color: #ff7c00; }
.free_course_list .list .price{ font-size: 16px;color: #ff8400; }
.free_course_list .list .original_price{ font-size: 14px;color: #999;text-decoration: line-through; font-style: normal; }
.free_course_list .list .current_price{ font-size: 20px;color: #ff8400; padding:0 3px;vertical-align: -8px; }
.coupon_btn{ width: 100%;height: 200px;display: block; }
.of_strength_img{ margin: 40px 0; }

/*** 热点专题 **/
.hot_special { padding-top: 32px; }
.hot_special .public_title .title .icon{  width: 24px;height: 28px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -715px; display: inline-block;vertical-align: -8px;margin-right: 12px;  }
.special_list .list { height: 44px;line-height: 44px; border-bottom: 1px solid #e5e5e5; padding-left: 5px; }
.special_list .list:last-child{ border-bottom: none; }
.special_list .list .num{ width: 20px;height: 20px; line-height: 19px;text-align: center; background:#ccc;font-size: 14px;color: #fff; font-style: normal;display: inline-block;border-radius: 50%; vertical-align: 18px; }
.special_list .list .org{  background:#ff8400; }
.special_list .list .special_name{ width: 255px;height: 44px;line-height: 44px;color: #444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block; padding-left: 5px; }
.special_list .list .special_name:hover{ color: #007ad0; }
.special_banner{ width: 290px;height: 100px;margin:0 auto; position: relative; margin-bottom: 10px; }
.special_banner .banner_box{ width: 290px;height: 100px;overflow: hidden;position: relative; }
.special_banner .banner_ul { position: absolute; }
.special_banner .banner_ul .banner_list { position: relative; }
.special_banner .banner_ul .banner_list .banner_name{ width: 98%; padding-left: 2%; height: 24px;line-height: 24px;background:rgba(0,0,0,.5);position: absolute;bottom:0;left:0; color: #fff; }
.special_banner ol { position: absolute;top:10px;right: 5px; }
.special_banner ol li{ width: 5px;height: 5px;border-radius: 50%;border: 1px solid #fff;display: block; margin-bottom: 4px; cursor:pointer ; }
.special_banner ol .current{ background:#fff; }


/*** 雅思辅导书 **/
.coach_book{ padding-top: 20px; }
.coach_book .public_title .title .icon{  width: 30px;height: 20px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0 -762px; display: inline-block;vertical-align: -4px;margin-right: 12px;  }
.coach_book .book_box{ width: 314px;height: 150px; }
.coach_book .book_box img{ width: 100%; height: 100%; }


/*** 广告条关闭按钮 **/
.index_advert_box .advert_close {width: 36px;
    height: 36px;background: url(/data/static/images/index/advert_close.png)no-repeat 0 0;
    display: block;position: absolute;top: 50%;
    margin-top: -18px;cursor: pointer; right: 5%; }




/****** 雅思列表页样式 ****/
.ielts_list_box{ padding-top: 20px; }
.ielts_title { font-size: 30px;color: #444; }
.ielts_title .icon{ width: 40px;height: 40px;background: url(/data/static/images/information/info_detail/details_icon.png)no-repeat -77px 0;display: inline-block;vertical-align: -8px; margin-right: 10px; }
.ielts_list { padding-top: 40px; }
.ielts_list .list{ padding:25px 0 25px 0; border-bottom: 1px solid #dfdfdf; }
.ielts_list .list .img{ width: 170px;height:110px;float: left; }
.ielts_list .list .img img{ width: 100%;height: 100%;display: block; border-radius:10px; }
.ielts_list .list .list_info { width: 520px;float: right; position: relative; }
.ielts_list .list .list_info .list_title{ font-size: 18px;color: #444;font-weight: bold;display: block; }
.ielts_list .list .list_info .list_title:hover{ color: #ff7c00; }
.down_people i{background: url(http://japanese.iopfun.cn/assets/images/theme/home/sprite.png) no-repeat -160px -80px;width: 28px;height: 30px;margin: 10px 0 0 0;vertical-align: middle;display: inline-block; }
.ielts_list .list .list_info .down_btn a{ width: 116px; height: 36px;line-height: 36px;background: #f74634;color: #fff; text-align: center; display: block;float: right; }
.ielts_list .list .list_info .down_btn a:hover{ opacity: .8; }
.ielts_list .list .list_info .text { width: 100%;font-size: 16px;color: #444; display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ielts_list .list:last-child{ border-bottom: none; }
.ielts_list .list .list_info .text:hover{ color: #ff7c00; }
.ielts_list .list .other_info{ color: #999;font-size:14px; position: absolute;top:0;right:0; }
.ielts_list .list .other_info .source .icon{ width: 16px;height: 16px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -101px -109px;display: inline-block;vertical-align: -4px;margin-right: 8px;  }
.ielts_list .list .other_info .time { padding-left:16px; }
.ielts_list .list .other_info .time .icon{ width: 16px;height: 14px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -101px -137px;display:inline-block; vertical-align: -2px;margin-right: 8px;  }
.ielts_list_box .tips { font-size: 14px;color: #e03734; padding-right: 18px; padding-top:10px; }
.ielts_list_box .tips a{ color: #e03734; }
.ielts_list_box .tips a:hover{ text-decoration: underline; }
.ielts_list_box .tips .tips_icon{ width: 20px;height: 20px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat 0px -293px;display: inline-block;vertical-align: -5px; }
.ielts_list_box .top_info .code_show { position:relative; }
.ielts_list_box .top_info .code_show img{ width: 42px;height: 39px; }
.ielts_list_box .top_info .code_show .code{ width: 94px;height: 92px;background: url(/data/static/images/information/info_detail/er1.jpg) no-repeat 0px 0; position: absolute;top:40px;right:0;display:none; }
.ielts_list_box .top_info .code_show:hover .code{display: block;}

/****** 最新资讯 ****/
.new_info { padding-top:40px; }
.new_info .public_title .title .icon{ width: 30px;height: 28px;background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -88px -199px; display:inline-block; vertical-align: -8px; margin-right: 8px; }
.info_list { padding-bottom: 50px; }
.info_list .list{ height: 44px;line-height: 44px;border-bottom: 1px solid #e5e5e5; }
.info_list .list .list_num{  width: 22px;height: 25px; line-height: 28px;text-align: center;color: #fff; background: url(/data/static/images/information/info_detail/details_icon.png) no-repeat -95px -322px;display: inline-block; margin-top:8px;}
.info_list .list .list_num01{ background-position: -95px -234px; }
.info_list .list .list_num02{ background-position: -95px -263px; }
.info_list .list .list_num03{ background-position: -95px -292px; }
.info_list .list .list_name{ font-size: 14px;color:#444;height: 44px;line-height: 44px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 262px;display: inline-block; padding-left: 5px; }
.info_list .list .list_name:hover{ color: #169bd5; }



/********* 欧风在线页面样式 **/

/********* 顶部 **/
.eopfun_top{ width: 100%;height: 50px; background: #fff; font-size: 18px;color: #666; border-bottom: 1px solid #ddd; }
.eopfun_top .top_icon{ width: 24px;height: 21px;background: url(/data/static/images/public/oufeng_icon.png) no-repeat 0px 0px; display: inline-block;margin-right:3px;vertical-align: -5px; }
.eopfun_top .header_nav_a { height: 50px;line-height: 50px;display: block;color:#666; font-size: 15px;position: relative; }
.eopfun_top .index_link{ margin-right: 30px; }
.eopfun_top .agent{ margin-left: 30px; }
.eopfun_top a:hover{ color: #ff7c00; }
.eopfun_top .index_link .icon{ background-position: 0 0; }
.eopfun_top .batedu .icon{ width: 18px;height: 22px;background-position: 0 -39px;vertical-align: -4px; }
.eopfun_top .oufeng_search { position: relative; }
.eopfun_top .oufeng_search .search_box{ width: 230px;height: 36px;line-height: 36px; margin: 6px 0 0 68px; position: relative;background:#fff;border-radius: 20px;border: 1px solid #ccc; padding-top: 0;}
.eopfun_top .oufeng_search .search_box input{ width: 200px;padding-left: 20px;border:none;height: 33px;line-height: 33px;border-radius: 20px; }
.eopfun_top .oufeng_search .search_box .search_icon{ width: 23px;height: 23px;background-position: 0 -81px; display: inline-block;cursor:pointer; position:absolute;top:6px;right:6px; }
.eopfun_top .oufeng_search .search_drop{ width: 374px;position: absolute;top:44px;left:10px; z-index: 99; border: 1px solid #ccc; }
.eopfun_top .oufeng_search .search_drop li{ height: 28px;line-height: 28px;background:#fff; }
.eopfun_top .oufeng_search .search_drop li a{ color: #ccc;padding-left: 10px;display: block;font-size: 15px; }
.eopfun_top .oufeng_search .search_drop li a:hover{ background: #eee;color: #999; }
.eopfun_top .denglu {  vertical-align: 8px; display: inline-block;margin-right: 18px;color: #666; font-size: 15px; }
.eopfun_top .denglu .denglu_icon{ width: 18px;height: 20px;background-position: 0 -117px;  }
.eopfun_top .zhuce .zhuce_icon{ width: 18px;height: 22px; background-position: 0 -157px; display: inline-block; vertical-align: -4px;}
.eopfun_top .zhuce{width: 126px;height: 32px;background: url(/data/static/images/index/zhuce_icon.png) no-repeat 0 0;display: inline-block;cursor: pointer; margin-top:8px;}
.eopfun_top  .phone_nav .phone_icon{width: 14px;height: 23px;background: url(/data/static/images/public/phone_icon.png) no-repeat 0 0; display: inline-block; margin-right: 10px;vertical-align: -8px;   }
.eopfun_top  .phone_nav .arrow_down{ position: absolute;bottom:8px;left:20px; }
.eopfun_top .agent .agent_icon{  width: 30px; height: 16px;background: url(/data/static/images/public/agent_new.gif) no-repeat 0 0; display: inline-block;position: absolute;top:17px;right:-36px; }

    /********* logo **/
.logo_box { padding: 20px 0 10px 0; }
.logo_box .eopfun_logo{ margin-right: 40px; }
.course_type{ height: 60px;line-height: 60px;font-size: 34px;color: #f39800;padding-left: 25px;cursor:default; }
.logo_box .eopfun_ad{ width: 600px;height: 90px;display: inline-block; }


/********* 导航 **/
.eopfun_nav{ width: 100%;height: 40px;line-height: 40px;background: #fd8500;margin:10px 0 0 0; }
.eopfun_nav .nav_con { width: 1200px;margin:0 auto; }
.eopfun_nav .nav_con .list { margin-right:10px;height: 40px;line-height: 40px; position:relative; }
.eopfun_nav .nav_con .list .list_a{height: 40px;line-height: 40px; font-size: 16px; color: #fff;display: inline-block; padding: 0 8px;}
.eopfun_nav .nav_con .list .list_a:hover{ color: #fafd05; }
.eopfun_nav .nav_con .list:hover .drop_box{ display: block;}
/*** 导航下拉 ***/
.drop_box{width: 100%; position: absolute; top: 40px; left: 0; z-index: 99; display:none; background: #fd8500; text-align: center;}
.drop_box a{display: block; height: 35px; line-height: 35px; color: #fff; width: 100%; padding: 0;}
.drop_box a:hover{color:#fafd05}
.eopfun_nav .nav_con li .drop_icon{width: 8px; height: 5px; background: url(http://japanese.iopfun.cn/assets/images/theme/header/drop_icon.png) no-repeat 0 0; display: block; position: absolute; top: 20px; right: 5px;}


.ad_show{ display: block; }


/******** 头部下拉导航 **/
.header_nav{ position: relative;float: left; margin-right: 32px; }
.header_nav .arrow_down{ width: 13px;height: 7px;background: url(/data/static/images/public/arrow_down.png) no-repeat 0 0; display: inline-block; margin-left: 10px;vertical-align: 2px; }
.header_nav_drop{ width: 168px;background-color: #fff;position: absolute;top:50px;left:-35px;z-index: 99; display: none; border: 1px solid #ddd; }
.header_nav_drop a{ width: 84px;height: 34px; line-height: 34px;text-align: center; float: left;color: #666; font-size: 14px; }
.header_nav_drop a:hover{ color: #fd8a1a; }
.header_nav:hover .header_nav_drop{display: block; }
.phone_nav_drop{ width: 320px;height: 300px;background: #fff; border: 1px solid #ddd; position: absolute;top:50px;left:-108px; display: none; z-index: 99; }
.phone_nav:hover .phone_nav_drop{ display: block;}
.phone_nav dl dt img{ width: 120px;height: 120px; }
.phone_nav_drop dl{ padding: 20px 0 0 20px; }
.phone_nav_drop dl dd{ width: 170px; padding-left: 10px; }
.phone_nav_drop dl{ font-size: 14px; }






/*列表页*/
.ad{display: block;}
.crumb{width:1200px;margin:20px auto;}
.crumb a:hover,.crumb .cur{color:#e82b07;}
.down_wra{width:1200px;margin:0 auto;}
.down_l{padding-top:10px;}
.down_l .name{font-size:24px;}
.down_l .down_l_p{color:#999; padding: 10px 0; }
.down_l_p span{ margin-right: 15px; }
.down_l .readed{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -160px -320px; width:20px;height:12px; display: inline-block;}

.down_search{background:#fafafa;border:1px solid #ddd; padding:15px 20px; margin-bottom:20px;}
.down_search li{height:40px; line-height: 40px;}
.down_search a{margin-left:10px; padding:4px 10px; border-radius:4px;}
.down_search .active,.down_search a:hover{background:#f84c4c;color:#fff;}
.input_select{border:1px solid #ddd; width:120px; line-height:30px; height: 30px; border-radius:5px;}

.down_list li{padding-bottom:30px;margin-bottom:30px; border-bottom:1px solid #ddd;}
.down_list .down_img{width:254px; margin-right:16px;}
.down_list .down_info{width:570px; height:150px; position:relative;}
.down_list .down_info h3{font-size:20px; color:#e60012;}
.down_list .down_info p{line-height:20px; font-size:16px; margin: 10px 0 2px 0; color:#666;}
.down_list .down_info .red{font-size:14px; color:#f84c4c; margin: 0;}
.down_list .down_info span{background:#ddd; padding:4px 10px; margin:10px 10px 0 0;border-radius:4px;display: inline-block;}
.down_list .down_info .upload_time{position:absolute; right:0px; top:10px;color:#999;}
.down_list .down_info .down_people{position:absolute; right:10px; bottom:30px; color:#999;}
.down_list .down_info .down_people i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -160px -80px; width:28px;height:30px; margin:10px 0 0 0; vertical-align: middle; display: inline-block;}
.down_list .down_info .down_btn{border-radius:5px; position:absolute; right:0px; bottom:-10px; background:#f84c4c; color:#fff; padding:8px 30px; cursor: pointer; }
.down_list .down_info .down_btn a{ color: #fff; }
.down_list .down_info .down_btn:hover{ opacity: .8; }

.down_r{width:296px;}
.guess_like{padding:10px;}
.guess_like li{clear:both; margin-bottom:20px;}
.guess_like img{width:100px; float:left; margin-right:10px;}
.guess_like dl{float: left; width:160px;}
.guess_like dd{text-align:right; margin-top: 10px;}
.guess_like dd span{float:left; background:#ffe8e4; border-radius: 4px; color:#e82b07; border:1px solid #ffa191; padding:1px 10px;}
.guess_like dd i{display:inline-block;background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -160px -320px;width:20px;height:12px;}

.other_recom{padding-bottom: 20px; margin-bottom: 20px;}
.other_recom li{border-right:1px solid #d2d2d2; width:580px; padding-left:19px; float:left; line-height:30px;}
.other_recom li span{font-weight: bold;}
.other_recom li a{font-size: 16px;}
.other_recom li:nth-child(even){border-right:0px solid #d2d2d2;}

.quick_link{padding:0 20px;}
.quick_link li{line-height: 30px;font-size: 16px;}
.quick_link li a{font-size: 16px;}
.quick_link li span{margin:0 10px;}



/*详情页*/
.special_recom li{width:560px; margin:0 0 15px 30px; float:left;}
.special_recom li img{float:left; margin-right:20px;}
.special_recom li h3{color:#e60012; font-size: 16px;}
.special_recom li p{margin:12px 0;}
.special_recom li .tr span{float:left;}
.special_recom_time{font-size: 12px; color:#999;}
.special_recom_time i{display: inline-block; background: url(/data/static/images/information/info_detail/sprite.png) no-repeat -160px -320px; width: 20px; height: 12px;}

.hot_search ul{float:left; margin:20px 0 0 10px; color:#fff;}
.hot_search li{text-align: center;}
.hot_search .hot1 li{background:#ff9088; width:100px; height:50px; line-height:50px; margin-bottom:10px;}
.hot_search .hot1 li:nth-child(even){background:#d8a1a1;}
.hot_search .hot2 li{background:#d8a1a1;width:110px; height:28px; line-height:28px; margin-bottom:10px;}
.hot_search .hot2 li:nth-child(even){background:#ff9088;}
.hot_search .hot3 li{background:#ff9088;width:30px; padding:5px 10px 0 10px; height:46px; margin-bottom:10px;}
.hot_search .hot3 li:nth-child(even){background:#d8a1a1;}

.down_choose{border:1px solid #e82b07; margin:30px 0; padding:20px;}
.checkbox_wra{width:650px;}
.checkbox_wra input{display: none;}
.checkbox_wra label{display: inline-block;position: relative;line-height: 30px;color: #999;padding-left: 35px; width:160px; font-size: 14px;}
.checkbox_wra label:after{content: "";/*必须设置*/ display: inline-block;width: 18px;height: 18px;border: 1px solid #e82b07;position: absolute;top: 5px;left: 0px;}
.checkbox_wra input:checked+label:after{background: #e82b07 url("/data/static/images/information/info_detail/green.png") no-repeat -50px -2px;}
.getit{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat 0px -480px; width:150px;height:44px;}
.down_detail_img{width:390px;}
.down_detail_info{width:325px;}
.down_detail_info p{background:#ebebeb; padding:10px;}
.down_detail_info span{font-size:16px; font-weight:bold;}
.down_choose_icon i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -240px -320px; width:20px;height:20px; display: inline-block;}
.down_detail_text ul{ text-align: center; }
.down_detail_text li{ width:130px; margin:25px 0 0 0; padding-left:0px; display: inline-block; }
.down_detail_text li:nth-child(1) i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -320px -320px; width:28px;height:30px; margin-right:10px; vertical-align: middle; display: inline-block;}
.down_detail_text li:nth-child(2) i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -400px -320px; width:28px;height:30px; margin-right:10px; vertical-align: middle; display: inline-block;}
.down_detail_text li:nth-child(3) i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -480px -320px; width:28px;height:30px; margin-right:10px; vertical-align: middle; display: inline-block;}
.down_detail_text li:nth-child(4) i{background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -560px -320px; width:28px;height:30px; margin-right:10px; vertical-align: middle; display: inline-block;}
.down_now{ width: 240px;height: 44px;line-height: 44px;color: #fff;font-size: 16px;border-radius: 5px;text-align: center;display: block;margin-top: 40px;background: #f84c4c; margin:18px auto 0; }
.down_now:hover{ opacity: .8; }
.down_detail{margin-bottom: 30px;}
.tab_down{margin:30px 0 0 0;}
.tab_menu_down{line-height:32px; border-left:1px solid #f84c4c;border-top:1px solid #f84c4c;display: inline-block;}
.tab_menu_down li{border-right:1px solid #f84c4c;border-bottom:1px solid #f84c4c; float:left; padding:5px 30px; cursor:pointer;color:#f84c4c;}
.tab_menu_down .active{background: #f84c4c; color:#fff;}
.tab_menu_down .active a{color:#fff;}
.tab_menu_down li a{color:#f84c4c;}
.tab_con_down h3,.hot_down h3,.download_info h3{font-size:20px;margin:20px 0px 10px 0px; font-weight: bold; }
.tab_con_down li{border-bottom:1px dashed #adadad; padding-bottom:20px; margin-bottom:20px;font-size:14px; line-height: 20px;}
.tab_con_down li span{color:#e82b07; border-left:3px solid #e82b07; padding-left:10px;font-size:16px;margin-bottom: 10px; display: inline-block;}
.hot_down li{width:260px; float:left; margin:20px 20px 0 70px;}
.hot_down li:hover img{ opacity: .8; }
.hot_down li p{ font-size: 16px; padding: 5px; color: #333; }
.hot_down li:hover p{ color:#ff8400; }

/**** 翻页 **/
.yejiao{text-align: center; height:50px; padding-bottom:20px; font-size:15px; overflow:hidden;}
.yejiao span{float:left; width:26px; height:16px; }
.yejiao .yj_left{ background:url(../images/fanye_ico1.jpg) no-repeat;}
.yejiao .yj_right{ background:url(../images/fanye_ico2.jpg) no-repeat;}
.yejiao ul{float:left;}
.yejiao ul li{padding:0 20px; float:left;  cursor:pointer; background:url(../images/fanye_ico3.jpg) no-repeat right center; text-align:center;}
.yejiao ul li:hover{color:#3874CA;}
.yejiao .current{color:#3874CA;}
.xianshi{font-size:12px; margin-bottom:100px;}
.yejiao a{color: #686868;display: inline-block;width: 38px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ccc;}
.yejiao a.prev,.yejiao a.next,.yejiao a.last{width: 100px;height: 30px;border: 1px solid #ccc;}
.yejiao a.prev{border-right: none;}
.yejiao a.next{border-left: none;}
.yejiao a:hover{color: #FFFFFF;background:#ef3a34;}
.yejiao strong{color: #FFFFFF;background:#ef3a34;display: inline-block;width: 38px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ef3a34;}

.index_down{ margin-top: 30px; }
.index_down_list{text-align:right; padding:0 10px;}
.index_down_list img{float: left; margin: 8px 0 0 4px; }
.index_down_list li{ height: 38px; line-height: 38px; border-bottom: 1px solid #ccc; }
.index_down_list li i{margin: 14px 5px 0 0; float:left; display:inline-block; background: #bbb; width:10px;height:10px;}
.index_down_list a{ width: 222px; height: 38px;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; text-align: left; color: #444; }
.index_down_list li:hover i{ background:#f74634; }
.index_down_list li:last-child{ border-bottom: none; }
.g_tit_wra{border-bottom:1px solid #e5e5e5; margin: 15px 0px; padding:0 10px; }
.g_tit{border-bottom:2px solid #ff8400; width:148px; float:left; height: 40px;line-height: 40px;font-size: 20px; font-weight: bold; }
.g_tit1{padding-left: 10px; display: inline-block; background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -9px -80px;width:30px;height:32px; vertical-align: -5px;}
.g_tit2{padding-left: 10px; display: inline-block; background: url("/data/static/images/information/info_detail/sprite.png") no-repeat -88px -85px;width:30px;height:30px; vertical-align: -6px;}
.index_column { width: 312px; border:1px solid #ccc; }
.index_down .public_title .title .icon{ width: 26px;height: 27px;background: url("/data/static/images/information/info_detail/index_down_icon.png") no-repeat 0 0; display: inline-block; margin-right: 10px;vertical-align: -4px; }




/*public_title*/

.cmsBox{    background-color: #f5f5f5;
    padding: 30px 0;box-sizing: border-box;}
    .cms_special {background-color: #fff;}
.container {width: 1200px;margin: auto;}
.public_title{height: 50px; line-height: 50px; background: #fff; border-bottom: 1px solid #ddd; position: relative;}
.public_title .title{font-size:18px; 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(../../public/images/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{padding: 20px 0 20px 14px;}
.public_flex{display: flex;flex-wrap: wrap; }
.public_list .list{width:23% ; height: 170px;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 .list_img a .list_title span {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    padding-top: 10px;
}