@charset "utf-8";
html {
    font-size: 100px;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, del, em, img, q, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
body {
    background: #fff;
    color: #000;
    font: .14rem/1.5em "microsoft yahei";
    display: block;
    max-width: 768px;
    margin: 0 auto;
    padding-bottom: 35px;
}
ol, ul {
    list-style: none;
}
cite, em, strong, th, h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, textarea, select, button {
    font-size: 100%;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #e90f06;
    text-decoration: none;
}
input:focus {
    outline: none;
}
i {
    font-style: normal;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.clear {
    clear: both;
}
@font-face {
    font-family: 'icomoon';
    src: url("https://www.kocaelitarihisempozyumu.com/static_2019/fonts/icomoon.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-article:before {
    content: "\e922";
    color: #448af3;
}
.yk_box_title {
    /*background-color: #fbf1ef;*/
    width: 98%;
    margin: -10px auto 0 auto;
    z-index: 999;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 5px;
}
.yk_box_title h2 {
    line-height: .28rem;
    padding: .2rem .2rem .07rem .2rem;
    font-size: .18rem;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}
/*导航二*/
.yk_catname {
    background: #fff;
    border-radius: 10px;
    /*margin: 10px 10px 0px;*/
}
.yk_catname_all {
    display: block;
}
.yk_catname_list {
    display: block;
    padding: 0px 5px;
    position: relative;
}
.yk_catname_list_five {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 4px 0;
}
.yk_catname_list_five li {
    display: inline-flex;
    text-align: center;
    padding: 0px 5px;
    flex: 1;
}
.yk_catname_list_five li .yk_catname_imgnews {
    padding: 10px 0px;
    width: 100%;
    display: block;
    position: relative;
}
.yk_catname_list_five .yk_catname_backimg {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/nav_icobg.png") no-repeat 0px -59px;
    background-size: 300px;
    vertical-align: middle;
}
.yk_catname_list_five .yk_catname_imgnews_title {
    display: block;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
    margin-top: 2px;
}
.yk_catname_list_five .yk_catname_backimg_date {
    background-position: 0 0;
}
.yk_catname_list_five .yk_catname_backimg_conditions {
    background-position: -60px 0;
}
.yk_catname_list_five .yk_catname_backimg_question {
    background-position: -120px 0;
}
.yk_catname_list_five .yk_catname_backimg_course {
    background-position: -180px 0;
}
/*.yk_catname_list_five li .tab_tipIco {
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -42px;
    width: 84px;
    height: 30px;
    background-size: 100% !important;
}*/
.yk_catname_list_five .yk_catname_backimg_community {
    background-position: -240px 0;
}
/*导航二*/
/*更多*/
.yk_loading_btn {
    display: block;
    margin: 2px 10px 0;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 4px;
    background-color: #f4f7f9;
    font-size: 12px;
    color: #fa9f64;
    cursor: pointer;
}
.xial_btnJt {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/icon_bg.png") no-repeat -185px -1050px;
    background-size: 200px;
    vertical-align: middle;
    margin: -2px 6px 0;
}
.yk_loading_btn {
    display: block;
    margin: 2px 10px 0;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 4px;
    background-color: #f4f7f9;
    font-size: 12px;
    color: #fa9f64;
    cursor: pointer;
}
.yk_loading_content {
    height: auto !important;
    position: static !important;
    background: #fff !important;
    margin-bottom: 15px;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
}
.yk_loading_content {
    -webkit-animation: fadeInDown .1s 0s ease both;
    -moz-animation: fadeInDown .1s 0s ease both;
}
.yk_loading_content {
    display: block;
    width: 100%;
    height: 2500px;
    position: absolute;
    z-index: 99;
    background: rgba(0,0,0,0.5);
}
.hide {
    display: none;
}
.yk_loading_content_scroll {
    position: relative !important;
    border-top: 0 !important;
    box-shadow: 0 8px 10px rgba(177,177,177,.17);
}
.yk_loading_content_scroll {
    position: absolute;
    background: rgba(255,255,255,.95);
    width: 100%;
    left: 0px;
    z-index: 51;
    top: -1px;
    border-top: 1px solid #efefef;
}
.yk_loading_content_first {
    padding: 10px 0px;
}
.yk_loading_content_first_list {
    display: block;
    padding: 5px 0px 0px;
    font-size: 16px;
    color: #999;
}
.yk_loading_content_first_list li {
    display: block;
    margin-top: 5px;
    overflow: hidden;
}
.yk_loading_content_title {
    border-left: 3px solid #e13b29;
    padding-left: 15px;
    line-height: 10px;
}
.yk_loading_content_first_list li {
    display: block;
    margin-top: 5px;
    overflow: hidden;
}
.yk_loading_content_catname {
    padding: 0px 5px;
}
.yk_loading_content_catname a {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    padding: 8px 0px;
    word-spacing: 22px;
}
.yk_loading_content_catname a.on {
    background: rgba(242,13,13,.06);
    border-radius: 6px;
    font-weight: 700;
    color: #f20d0d;
}
.yk_loading_content_two {
    background: #fff;
    padding: 20px 10px;
}
.yk_loading_content_two_list {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}
.yk_loading_content_two_list a {
    display: block;
}
.yk_loading_imgnews {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0px auto;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(241,85,47,.4);
}
.yk_loading_imgnews .yk_loading_backimg_course {
    background-position: 0px -104px;
}
.yk_loading_imgnews i {
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/icon_bg.png") no-repeat -150px -104px;
    background-size: 200px;
    display: block;
    width: 100%;
    height: 100%;
}
.yk_loading_backimg_title {
    width: 100%;
    display: block;
    color: #666;
    padding-top: 5px;
}
.yk_switch_btn {
    position: absolute;
    top: 18px;
    right: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #e13b29;
}
.yk_switch_btn .yk_switch_more_span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/ico_courseList_wap.png") no-repeat 0 0;
    background-size: 320px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 6px;
}
/*更多*/
/*地区*/
.yk_nationwide_all.yk_nationwide {
    border-bottom: 0 !important;
}
.yk_nationwide_all.yk_nationwide {
    display: block;
    border-bottom: 1px solid #efefef;
}
.yk_nationwide_all {
    display: block;
    padding: 0px 10px;
    font-family: PingFangSC-Medium, "Source Han Sans CN", sans-serif;
    overflow: hidden;
    text-align: center;
}
.yk_nationwide_all.yk_nationwide .yk_nationwide_btn {
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    padding: 0px !important;
    overflow: hidden;
    height: auto !important;
}
.yk_nationwide_all .yk_nationwide_backimg {
    float: left;
    color: #666;
}
.yk_nationwide_all .yk_nationwide_backimg:before {
    display: inline-block;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/icon_bg.png") no-repeat -170px -554px;
    background-size: 200px;
    width: 24px;
    height: 24px;
    content: '';
    vertical-align: middle;
    position: relative;
    top: -3px;
}
.yk_nationwide_switch {
    float: right;
    font-size: 13px;
    color: #999;
}
.yk_nationwide_switch:after {
    content: '';
    width: 16px;
    height: 20px;
    display: inline-block;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/icon_bg.png") no-repeat -165px -519px;
    background-size: 200px;
    line-height: 20px;
    vertical-align: middle;
}
.yk_nationwide_black {
    background: rgba(0,0,0,.8);
    z-index: 99;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    position: fixed;
    overflow: hidden;
}
.yk_nationwide_region {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #f4f7f9;
    z-index: 100;
    overflow: hidden;
}
.yk_nationwide_region_top {
    display: block;
    text-align: center;
    font-size: 16px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    line-height: 44px;
    height: 44px;
    color: #666;
}
.yk_nationwide_region_top a {
    padding: 0px !important;
}
.treturn {
    float: left;
    width: 32px;
    height: 44px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/icon_bg.png") no-repeat 0px -460px;
    background-size: 200px;
    font-size: 0px;
}
.yk_region_list {
    display: block;
    padding: 0px 10px 10px;
    overflow: hidden;
    margin-top: 45px;
}
.yk_region_list li {
    width: 25%;
    float: left;
}
.yk_region_list li.yk_region_city a {
    margin: 15px 5px 0px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    display: block; background: #fff;
    border-radius: 36px;
}
/*地区*/
/*新闻*/
.yk_news_title {
    margin-bottom: 10px;
    padding: .2rem .1rem .07rem .1rem;
    /*display: flex;*/

}
.yk_news_title h2 {
    line-height: .28rem;
    padding: .2rem .2rem .07rem .2rem;
    font-size: .18rem;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}
.yk_news_title img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.yk_news .yk_news_title span{
    padding-right: 10px;
    color: #e74320;
}
.yk_news_title .icon-office:before{
    content: "\e903";
    color: #e74320;
}
.yk_news_title .icon-library:before{
    content: "\e921";
    color: #e74320;
}
.yk_news_title>i {
    color: #ed431f;
    font-size: 18px;
}
.yk_news_list {
    margin: 0px 0px;
    text-align: center;
}
.yk_news_list>a {
    display: block;
    width: 100%;
    height: 100%;
}
.yk_news_img {
    width: 46vw;
    height: 20.7vw;
    /*border-radius: 5px;*/
    overflow: hidden;
}
.yk_news_img img {
    width: 100%;
    height: 100%;
}
.yk_news_lists {
    /*margin: 0 10px;*/
}
.yk_news_lists>li {
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #eee;
}
.yk_news_lists>li>a {
    display: block;
    padding: 16px 0;
    /*border-top: 1px solid #eee;*/
    font-size: 16px;
    line-height: 10px;
}
.yk_news_catname {
    display: inline-block;
    height: 21px;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
    border-radius: 2px;
    font-size: 14px;
    color: #78838b;
    margin-right: 10px;
    margin-top: -4px;
}
.yk_news_date {
    font-size: 12px;
    line-height: 12px;
    margin-top: 7px;
    color: #999;
    text-align: right;
}
.yk_news_list li {
    /*margin-bottom: 17px;*/
    display: inline-block;
    display: inline-flex;
    text-align: center;
    padding: 0px 3px;
    flex: 1;
}
.clearfix {
    clear: both;
}
.yk_news_lists_li {
    font-size: 16px;
    font-weight: bold;
    border-top: none;
}
.yk_news_lists_li a{
    padding: 5px 0;
}
.yk_news .yk_news_title.yjjzs{
    padding: 0 .1rem .07rem .1rem;
}
.yk_news_headlines {
    display: inline-block;
    height: 21px;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #ed431f;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
    margin-top: -4px;
    border-radius: 5px;
    padding: 2px 10px;
}
/*新闻*/
.icon-mobile:before {
    content: "\e959";
    color: #448af3;
}
.icon-course:before {
    content: "\e9b8";
    color: #448af3;
}
.icon-school:before {
    content: "\e903";
    color: #448af3;
}
.icon-sitemap:before {
    content: "\e94c";
    color: #448af3;
}
.icon-menu:before {
    content: "\e9bb";
    color: #448af3;
}
.icon-stack:before {
    content: "\e92e";
    color: #ccc
}
#yk_header {
    padding: 5px 15px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 2px 2px 0 rgba(28,31,33,.1);
}
#yk_header .logo {
    width: 1rem;
    float: left;
}
#yk_header .logo img {
    width: 100%;
    display: block;
    padding-top: .05rem;
}
#yk_header .contact {
    font-size: 24px;
    float: right;
    line-height: 42px;
}
#yk_header .contact a.open-kefu {
    color: #fd5400;
    margin-right: 15px;
}
#yk_header .contact a.open-400 {
    color: #F01414;
}
#yk_header .contact .menus {
    float: right;
    margin-left: 15px;
}
#yk_header .contact .menus .icon-menu {
    color: #448af3;
}
#yk_header .contact .menus ul {
    display: none;
    position: absolute;
    width: 160px;
    right: 0;
    top: 52px;
    font-size: 16px;
    color: #2B333B;
    line-height: 42px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(28,31,33,.1), 0 4px 8px 0 rgba(28,31,33,.1), 0 8px 16px 0 rgba(28,31,33,.1), 0 12px 24px 0 rgba(28,31,33,.1), 0 16px 32px 0 rgba(28,31,33,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 20px;
    z-index: 999;
}
#yk_header .contact .menus ul i {
    padding-right: 5px;
    color: #004085;
}
#yk_header .contact .menus:hover ul {
    display: block;
}
#yk_header .contact .menus:hover .icon-menu {
    color: #F01414;
}
.yk_banner {
    height: 150px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.yk_banner img {
    height: 150px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.yk_banner .swiper-slide img {
    position: initial;
    transform: inherit;
    top: inherit;
    left: inherit;
}
.yk_box {
    margin-bottom: 10px;/*padding: 0 7px;*/
}
#ykfooter {
    text-align: center;
    border-top: .01rem solid #ccc;
    line-height: 1.5em;
    padding-top: .05rem;
    margin-top: 15px;
    color: #71777D;
    font-size: 12px;
    padding: 1em;
}
/*头部搜索*/
.search-form {
    background-color: #f5f5f5;
    line-height: 8.533333333333333vw;
    height: 8.533333333333333vw;
    font-size: 3.2vw;
    color: var(--black);
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
}
.round {
    border-radius: 666.6666666666666vw;
}
.search-form [class*="cuIcon-"] {
    margin: 0 0.5em 0 0.8em;
}
[class*="cuIcon-"] {
    font-family: "cuIcon";
    font-size: inherit;
    font-style: normal;
}
.search-form input {
    flex: 1;
    padding-right: 4vw;
    height: 8.533333333333333vw;
    line-height: 8.533333333333333vw;
    font-size: 3.466666666666667vw;
    background-color: transparent;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 1.4em;
    font-family: UICTFontTextStyleBody;
    white-space: nowrap;
    text-overflow: clip;
    color: #333;
    flex: 1 1 auto;
    border: 0;
}
#yk_header {
    padding: 5px;
}
.search-wrap {
    flex: 1;
    margin-left: 0.09rem;
}
.header-body {
    display: flex;
    align-items: center;
}
#yk_header .contact .menus ul {
    width: 100px;
}
.hide {
    /*position: absolute !important;*/
    top: -10000px !important;
}
/*获客*/
.yk_hk_form {
    box-sizing: border-box;
}
.yk_hk_form * {
    box-sizing: border-box;
}
.yk_hk_form p {
    line-height: 1.2;
}
.yk_hk_form_text {
    width: 100%;
    height: 238px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/form-bg2.png") no-repeat;
    padding: 20px 0 0 5%;
}
.yk_hk_form_text .yk_hk_form_left {
    float: left;
    text-align: center;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title {
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/tag-bg.png") no-repeat;
    margin-top: 15px;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title2 {
    margin-top: 12px;
    margin-left: -30px;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.1;
    color: #fff;
    font-style: italic;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 {
    margin-top: 12px;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    padding: 0 50px;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::after, .yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::before {
    display: block;
    position: absolute;
    content: '';
    width: 45px;
    height: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/line-icon.png") no-repeat;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::after {
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::before {
    left: 0;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span i {
    color: #e4c19a;
    font-style: normal;
}
.yk_hk_form_text .yk_hk_form_right {
    float: right;
    width: 67%;
    height: 174px;
    margin: 10px 3% 0 0;
    padding: 20px 0 0 20px;
    background-color: #e4c19a;
    box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 8px solid #a07850;
    border-top: none;
    border-bottom: none;
}
.yk_hk_form_text .yk_hk_form_right form {
    text-align: center;
}
.yk_hk_form_text .yk_hk_form_right form input, .yk_hk_form_text .yk_hk_form_right form select {
    border: none;
    outline: none;
    height: 34px;
    line-height: 34px;
}
.yk_hk_form_text .yk_hk_form_right form select, .yk_hk_form_text .yk_hk_form_right form .text-box {
    display: block;
    float: left;
    margin: 0 3% 16px 0;
    width: 30%;
    height: 34px;
    text-indent: 10px;
    background-color: #ffffff;
    border-radius: 4px;
}
.yk_hk_form_text .yk_hk_form_right form .text-box {
    height: 34px;
    line-height: 34px;
    margin-right: 0;
}
.yk_hk_form_text .yk_hk_form_right form .text-box input {
    width: 65%;
    vertical-align: top;
}
.yk_hk_form_text .yk_hk_form_right form .text-box span {
    display: inline-block;
}
.yk_hk_form_text .yk_hk_form_right form .yk_name, .yk_hk_form_text .yk_hk_form_right form .yk_phone {
    display: block;
    float: left;
    width: 46.5%;
    text-indent: 10px;
    background-color: #ffffff;
    border-radius: 4px;
}
.yk_hk_form_text .yk_hk_form_right form .yk_name {
    margin-right: 3%;
}
.yk_hk_form_text .yk_hk_form_right form input[type='submit'] {
    display: inline-block;
    margin-top: 16px;
    width: 128px;
    font-size: 14px;
    color: #ffffff;
    background-image: linear-gradient(270deg, #e82c2a 0%, #f36e40 100%);
    box-shadow: 0px 7px 8px 0px rgba(207, 33, 28, 0.24);
    border-radius: 17px;
}
.yk_hk_form_text, .yk_hk_form_text .yk_hk_form_right form, .tx-form2 .tx-form2-detail, .tx-form2 .tx-form2-detail .form2-detail-left .form2-list, .tx-form2 form .input-box {
    zoom: 1;
}
.yk_hk_form_text:after, .yk_hk_form_text .yk_hk_form_right form:after, .tx-form2 .tx-form2-detail:after, .tx-form2 .tx-form2-detail .form2-detail-left .form2-list:after, .tx-form2 form .input-box:after {
    clear: both;
}
.yk_hk_form_text:before, .yk_hk_form_text .yk_hk_form_right form:before, .tx-form2 .tx-form2-detail:before, .tx-form2 .tx-form2-detail .form2-detail-left .form2-list:before, .tx-form2 form .input-box:before, .yk_hk_form_text:after, .yk_hk_form_text .yk_hk_form_right form:after, .tx-form2 .tx-form2-detail:after, .tx-form2 .tx-form2-detail .form2-detail-left .form2-list:after, .tx-form2 form .input-box:after {
    content: '';
    display: table;
}

/* 切换考试弹窗 */
.yk_loading_qhks {
    display: none;
}
.yk_loading_qhks.popup_show {
    display: block;
}
.yk_loading_qhks .yk_loading_qhks_line {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: #000;
    opacity: .7;
    z-index: 1001;
    cursor: pointer;
}
.yk_loading_qhks_public {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1003;
    overflow: hidden;
}
.popup_show .yk_loading_qhks_public {
    animation: popup_wid .2s linear;
}
.yk_loading_qhks_content {
    margin-left: 35px;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 0 25px;
    background-color: #fff;
    position: relative;
}
.yk_loading_qhks_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(207,207,207,.4);
}
.yk_loading_qhks_close {
    float: left;
    width: 32px;
    height: 40px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/ico_courselist_wap.png") no-repeat -280px 14px;
    background-size: 320px;
    cursor: pointer;
}
.yk_loading_qhks_class {
    float: right;
    margin-right: 10px;
    padding: 0 16px;
    font-size: 14px;
    color: #e13b29;
    position: relative;
}
.yk_loading_qhks_class:before, .yk_loading_qhks_class:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #ffabab;
}
.yk_loading_qhks_class:after {
    left: auto;
    right: 0;
}
.yk_loading_qhks_classall {
    height: 100%;
    margin: 0 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.yk_loading_qhks_classify {
    padding-top: 18px;
}
.yk_loading_qhks_title {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #e13b29;
    font-weight: 900;
}
.yk_loading_qhks_title .yk_loading_qhks_ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/ico_courselist_wap.png") no-repeat;
    background-size: 320px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.jianzhu {
    background-position: 0 -90px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.jinrong {
    background-position: -25px -90px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.caijing {
    background-position: -50px -90px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.zyzg {
    background-position: -75px -90px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.qita {
    background-position: -100px -90px;
}
.yk_loading_qhks_title .yk_loading_qhks_ico.yk_loading_qhks_hotks {
    width: 17px;
    height: 24px;
    background-position: -60px -55px;
    margin-top: -8px;
}
.yk_loading_qhks_list {
    margin-right: -20px;
}
.yk_loading_qhks_list>li {
    float: left;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
}
.yk_loading_qhks_list>li>a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.yk_loading_qhks_hot_classify .yk_loading_qhks_list>li>a {
    background-color: #fff5f5;
    color: #f37062;
}
.yk_loading_qhks_list>li.this>a, .yk_loading_qhks_hot_classify .yk_loading_qhks_list>li.this>a {
    background-image: linear-gradient(90deg, #fe5b2f, #ee4836);
    color: #fff;
    box-shadow: 0 2px 7px rgba(251,70,45,.4);
}

@media screen and (max-width: 340px) {
.yk_loading_qhks_list>li {
    width: 128px;
}
}

@media screen and (min-width: 341px) and (max-width: 369px) {
.yk_loading_qhks_list>li {
    width: 148px;
}
}

@media screen and (max-width: 750px) {
.test-container {
    width: 10rem;
}
.yk_hk_form_text {
    width: 96%;
    height: 7.4rem;
    margin: 10px auto 0;
    background-image: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/form-bg2-wap.png");
    background-size: 100% 7.4rem;
    padding: 10px;
}
.yk_hk_form_text .yk_hk_form_left {
    float: unset;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title {
    display: inline-block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-size: 4.466666666666667vw;
    font-weight: bold;
    background-image: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/tag-bg-wap.png");
    background-size: 220px 45px;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title2 {
    margin-top: 0.26667rem;
    margin-left: 0;
    font-size: 9.466666666666667vw;
    font-style: normal;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title2 span {
    display: none;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 {
    margin-top: 0;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span {
    display: inline-block;
    margin-top: 45px;
    font-size: 3.466666666666667vw;
    padding: 0 125px;
}
.yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::after, .yk_hk_form_text .yk_hk_form_left .yk_hk_form_left_title3 span::before {
    width: 1.10667rem;
    height: 0.05333rem;
    background-size: 1.10667rem 0.05333rem;
}
.yk_hk_form_text .yk_hk_form_right {
    float: unset;
    width: 100%;
    height: unset;
    margin: -38px auto 0;
    padding: 80px 15px;
    background: url("https://www.kocaelitarihisempozyumu.com/static_2019/img/form-wap-bg.png") no-repeat;
    background-size: 100% 475px;
    box-shadow: none;
    border: none;
}
.yk_hk_form_text .yk_hk_form_right form input, .yk_hk_form_text .yk_hk_form_right form select {
    float: unset;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    border: none;
    outline: none;
    background-size: 100% 50px;
}
.yk_hk_form_text .yk_hk_form_right form select, .yk_hk_form_text .yk_hk_form_right form .text-box {
    display: inline-block;
    float: unset;
    margin: 0 0 0.26667rem;
    text-indent: 0.28rem;
    border-radius: 0.13333rem;
}
.yk_hk_form_text .yk_hk_form_right form .text-box {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-right: 0.4rem;
}
.yk_hk_form_text .yk_hk_form_right form .text-box input {
    width: 65%;
    float: left;
    vertical-align: top;
    text-indent: 0.28rem;
    border-radius: 0.13333rem;
}
.yk_hk_form_text .yk_hk_form_right form .text-box span {
    float: right;
    font-size: 12px;
}
.yk_hk_form_text .yk_hk_form_right form .yk_name, .yk_hk_form_text .yk_hk_form_right form .yk_phone {
    display: block;
    float: unset;
    width: 100%;
    text-indent: 0.28rem;
    border-radius: 0.13333rem;
    margin-bottom: 0.32rem;
}
.yk_hk_form_text .yk_hk_form_right form .yk_name {
    margin-right: 0;
}
.yk_hk_form_text .yk_hk_form_right form input[type='submit'] {
    display: block;
    margin: 0.61333rem auto 0;
    width: 100%;
    font-size: 12px;
    box-shadow: 0px 0.14667rem 0.2rem 1px rgba(207, 33, 28, 0.26);
    border-radius: 0.53333rem;
    background-size: unset;
}
}