* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

p,h5 {
    margin: 0
}

button {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

ul {
    margin-bottom: 0;
    list-style: none
}

input,textarea,select {
    outline: none
}

input:focus,textarea:focus,select:focus {
    outline: none!important
}

select option {
    line-height: 30px
}

a:active,a:focus {
    text-decoration: none;
    color: #248afd;
    outline: none
}

a:hover {
    text-decoration: none!important
}

@font-face {
    font-family: averta_Bold;
    src: url(../fonts/Averta-Semibold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: averta_Bold700;
    src: url(../fonts/Averta-Bold_0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: averta_ExtraBold;
    src: url(../fonts/Averta-ExtraBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: averta_Regular;
    src: url(../fonts/Averta-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body {
    font-family: averta_regular,sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    background: #18191a;
    color: #dcdcdc
}

.group_button>a,.group_button button {
    display: inline-block;
    padding: 7px 30px;
    color: #fff;
    border-radius: 10px
}

.bg_orange {
    background: #ff931f
}

.bg_blue {
    background: #13284d
}

.bg_white {
    background: #fff
}

.form-check {
    position: relative;
    display: block;
    margin: 5px 0;
    padding-left: 0
}

.form-check .form-check-label {
    min-height: 18px;
    display: block;
    margin-left: 2.5rem;
    line-height: 1.5;
    font-weight: 400
}

.rtl .form-check .form-check-label {
    margin-left: 0;
    margin-right: 1.75rem
}

.form-check .form-check-label input {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.rtl .form-check .form-check-label input {
    left: auto;
    right: 0
}

.form-check .form-check-label input[type=checkbox]+.input-helper:before,.form-check .form-check-label input[type=checkbox]+.input-helper:after {
    position: absolute;
    top: 0;
    left: 0
}

.rtl .form-check .form-check-label input[type=checkbox]+.input-helper:before,.rtl .form-check .form-check-label input[type=checkbox]+.input-helper:after {
    left: auto;
    right: 0
}

.form-check .form-check-label input[type=checkbox]+.input-helper:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid #e52d27;
    border-width: 2px;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms
}

.form-check .form-check-label input[type=checkbox]+.input-helper:after {
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    font-family: themify;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: '\e64c';
    font-size: .9375rem;
    font-weight: 700;
    color: #fff
}

.form-check .form-check-label input[type=checkbox]:checked+.input-helper:before {
    background: #e52d27;
    border-width: 0
}

.form-check .form-check-label input[type=checkbox]:checked+.input-helper:after {
    width: 18px;
    opacity: 1;
    line-height: 18px;
    font-size: 14px;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.form-check .form-check-label input[type=checkbox]:disabled+.input-helper:before {
    border-color: #c9ccd7
}

.form-check .form-check-label input[type=checkbox]:disabled:checked+.input-helper:after {
    background: #c9ccd7;
    color: #fff
}

.mb_0 {
    margin-bottom: 0!important
}

.login_form__content .form_item {
    background: #e7eaeb;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 10px
}

.login_form__content .form_item>input {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    padding: 0 15px;
    min-width: 290px;
    color: #000;
    font-size: 13px
}

.login_form__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login_form__button>button {
    height: 40px;
    border-radius: 20px;
    padding: 0 30px;
    background: #ff931f;
    color: #fff
}

.login_form__button>a {
    color: #fff;
    margin-left: 15px
}

.header_search {
    position: relative;
    height: 34px;
    background: #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.header_search>input {
    background: 0 0;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0 15px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.header_search>button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e52d27;
    margin-right: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 15px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #e52d27!important
}

.owl-carousel .owl-nav {
    position: absolute;
    top: -65px;
    right: 0;
    color: #fff;
    font-size: 20px
}

.owl-carousel .owl-nav button:hover {
    background: 0 0!important
}

.grid-cate {
    padding: 10px 0
}

.grid-cate>ul>li {
    position: relative
}

.grid-cate>ul>li>em {
    position: absolute;
    right: 0;
    top: 5px;
    width: 100%;
    height: 25px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
    font-size: 12px
}

.grid-cate>ul>li>a {
    color: #fff;
    display: block;
    padding: 5px 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.grid-cate>ul>li>ul {
    display: none
}

.grid-cate>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 5px 0;
    padding-left: 15px;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.grid-cate>ul>li>ul>li>a:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 5px;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.grid-cate>ul>li.active {
    font-family: averta_bold700;
    color: #e52d27
}

.grid-cate>ul>li.active>a {
    color: #e52d27
}

.mobile_header {
    border-bottom: 1px solid #a4a4a4
}

.mobile_header .mb_avatar img {
    height: 80px;
    margin: auto
}

.mobile_header .mb_login {
    text-align: center;
    margin: 10px 0
}

.mobile_header .mb_login>ul>li {
    display: inline-block;
    margin: 0 3px
}

.mobile_header .mb_login>ul>li.active>a {
    color: #e52d27
}

.mobile_header .mb_login>ul>li.mb_login-red>a {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217);
    color: #fff
}

.mobile_header .mb_login>ul>li>a {
    width: 85px;
    color: #333;
    display: inline-block;
    padding: 4px 0;
    border-radius: 3px;
    background: #fff
}

.mobile_header .mobile_active__cource {
    margin: 15px 0
}

.mobile_header .mobile_active__cource>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #e52d27;
    border-radius: 5px;
    padding: 7px 0
}

.mobile_header .mobile_active__cource>a>img {
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile_header .mobile_active__cource>a>span {
    margin-left: 5px
}

.iedu_header .iedu_header__center {
    background: #00000096;
    padding: 10px 0
}

.iedu_header .iedu_header__center .iedu_center__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.iedu_header .iedu_header__center .iedu_center__content .logo img {
    height: 40px;
    -o-object-fit: content;
    object-fit: content
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li {
    position: relative;
    display: inline-block
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li>a {
    position: relative;
    color: #fff;
    display: block;
    padding: 5px 15px;
    line-height: 19px
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li>a>img {
    height: 18px
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li>a .notify_count {
    position: absolute;
    top: 0;
    right: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217);
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li:hover .header_list {
    opacity: 1;
    visibility: visible
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li .header_list {
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 250px;
    top: 40px;
    left: 50%;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0,0,0,.7);
    border-radius: 5px
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li .header_list>ul>li {
    padding: 8px 10px;
    border-top: 1px solid #00000096
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li .header_list>ul>li>a {
    color: #fff;
    display: block;
    font-size: 13px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li .header_list>ul>li>a:hover {
    color: #e52d27
}

.iedu_header .iedu_header__center .iedu_center__content .header_center__right>ul>li.iedu_register>a {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217);
    border-radius: 5px;
    margin-left: 15px
}

.iedu_header .mg_menu {
    background: #1f1f1f
}

.iedu_header .mg_menu .mg_menu-content>ul {
    margin: 0
}

.iedu_header .mg_menu .mg_menu-content>ul>li {
    display: inline-block;
    position: relative
}

.iedu_header .mg_menu .mg_menu-content>ul>li:first-child>a {
    padding-left: 0
}

.iedu_header .mg_menu .mg_menu-content>ul>li>a {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.iedu_header .mg_menu .mg_menu-content>ul>li>a i {
    margin-left: 5px;
    display: block
}

.iedu_header .mg_menu .mg_menu-content>ul>li>a:hover {
    color: #e52d27
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub {
    border-top: 1px solid #18191a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 15px;
    background: #1f1f1ff2;
    top: 40px;
    left: 50%;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 700px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub .item {
    padding: 5px;
    width: 25%;
    margin-bottom: 10px
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub .item>h5 {
    margin-bottom: 10px
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub .item>h5>a {
    color: #e52d27;
    font-family: averta_ExtraBold;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub .item>ul>li a {
    color: #fafafa;
    position: relative;
    line-height: 25px;
    white-space: nowrap;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub .item>ul>li a:hover {
    color: #e52d27
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank {
    width: 300px;
    padding: 5px 10px
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item {
    width: 50%;
    margin: 0;
    padding: 0
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item>ul>li {
    border-bottom: 1px solid #fff
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item>ul>li:last-child {
    border: none
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item>ul>li>a {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item>ul>li>a i {
    width: 30px;
    display: inline-block;
    text-align: center
}

.iedu_header .mg_menu .mg_menu-content>ul>li .mg_sub.menu_rank .item:first-child>ul>li {
    border-right: 1px solid #fff
}

.iedu_header .mg_menu .mg_menu-content>ul>li:hover .mg_sub {
    opacity: 1;
    visibility: visible
}

.iedu_header .header_mobile {
    background: #00000096;
    padding: 10px 0
}

.iedu_header .header_mobile .header_mobile__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.iedu_header .header_mobile .header_mobile__bar .mobile_toggle>a {
    color: #fff
}

.iedu_header .header_mobile .header_mobile__bar .mobile_logo img {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain
}

.iedu_header .header_mobile .header_mobile__bar .mobile_icon>ul>li {
    display: inline-block;
    margin-left: 10px
}

.iedu_header .header_mobile .header_mobile__bar .mobile_icon>ul>li>a img {
    height: 20px
}

.iedu_header .header_mobile .header_mobile__content {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    background: #18191a;
    -webkit-box-shadow: 0 1px 3px #666;
    box-shadow: 0 1px 3px #666;
    z-index: 999;
    padding: 15px;
    overflow: auto;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.iedu_header .header_mobile .header_mobile__content.fopen {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.iedu_header .header_mobile .header_mobile__content .mobile_close>a {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff
}

.iedu_header .header_mobile .bg_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.iedu_header .header_mobile .bg_overlay.fopen {
    opacity: 1;
    visibility: visible
}

.mobile_menu .grid-cate>ul>li>ul>li {
    width: 49%;
    display: inline-block
}

.mobile_menu .grid-cate>ul>li>ul>li.cate_title {
    width: 100%
}

.mobile_menu .grid-cate>ul>li>ul>li.cate_title>a {
    color: #e52d27;
    padding-left: 5px;
    font-family: averta_bold700
}

.mobile_menu .grid-cate>ul>li>ul>li.cate_title>a:before {
    display: none
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 1000
}

.section_title {
    margin: 30px 0
}

.section_title>h5 {
    margin: 0;
    font-size: 18px;
    font-family: averta_extrabold;
    color: #fff;
    text-transform: uppercase;
    padding-left: 15px;
    position: relative
}

.section_title>h5:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    width: 6px;
    height: 25px;
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.mg_item .mg_images {
    border-radius: 5px;
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    border-radius: 5px;
    overflow: hidden
}

.mg_item .mg_images img {
    width: 100%;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -o-object-fit: cover;
    object-fit: cover
}

.mg_item .mg_info {
    padding: 10px 0
}

.mg_item .mg_info .mg_name>a {
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    color: #fff;
    font-size: 15px
}

.mg_item .mg_info .mg_tag {
    margin-top: 5px
}

.mg_item .mg_info .mg_tag>ul>li {
    position: relative;
    display: inline-block;
    color: gray;
    font-size: 13px
}

.mg_item .mg_info .mg_tag>ul>li:after {
    font-family: themefy;
    content: ",";
    left: 0
}

.mg_item .mg_info .mg_tag>ul>li:last-child:after {
    content: ""
}

.mg_item:hover .mg_images {
    opacity: .7
}

.mg_item:hover .mg_images img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.iedu_footer {
    padding: 30px 0;
    background: #080708;
    color: #fff;
}

.iedu_footer .footer_list {
    margin-top: 15px
}

.iedu_footer .footer_list>ul>li {
    margin: 5px 0
}

.iedu_footer .footer_list>ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.iedu_footer .footer_list>ul>li>a:hover {
    color: #e52d27
}

.iedu_footer .footer_list>ul>li>a>i {
    width: 25px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px
}

.iedu_footer .footer_list>ul>li>a>span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 5px
}

.iedu_footer .footer_left {
    margin-bottom: 15px
}

.iedu_footer .footer_left .logo {
    margin-bottom: 15px
}

.iedu_footer .footer_left .logo img {
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.iedu_footer .footer_right .footer_block {
    margin-bottom: 10px
}

.iedu_footer .footer_right .footer_block .footer_title {
    margin-bottom: 20px
}

.iedu_footer .footer_right .footer_block .footer_title>h5 {
    font-family: averta_Bold;
    font-size: 18px;
    color: #e52d27
}

.iedu_footer .footer_right .footer_block .footer_list>ul>li {
    margin: 10px 0
}

.iedu_footer .footer_right .footer_app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    color: #fff
}

.iedu_footer .footer_right .footer_app .app_icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.iedu_footer .footer_right .footer_app .app_icon img {
    width: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.iedu_footer .footer_right .footer_app .app_text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 10px
}

.iedu_footer .footer_right .footer_app__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iedu_footer .footer_right .footer_app__download>a {
    display: block;
    margin-right: 5px
}

.iedu_footer .footer_right .footer_app__download>a>img {
    height: 27px;
    -o-object-fit: contain;
    object-fit: contain
}

.iedu_login .iedu_login__content {
    padding: 50px 0;
    font-size: 14px
}

.iedu_login .iedu_login__content .login_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.iedu_login .iedu_login__content .login_head .logo img {
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain
}

.iedu_login .iedu_login__content .login_head .login_regis>a {
    font-family: averta_Bold;
    color: #e52d27
}

.iedu_login .iedu_login__content .login_info {
    margin: 30px 0
}

.iedu_login .iedu_login__content .login_info .login_form>h5 {
    font-family: averta_ExtraBold;
    font-size: 26px;
    margin-bottom: 10px
}

.iedu_login .iedu_login__content .login_info .login_form .login_block {
    margin: 30px 0
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>h5 {
    font-family: averta_Bold;
    margin-bottom: 15px
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul {
    margin: 0 -2px
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul>li {
    display: inline-block;
    padding: 0 2px
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul>li>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    padding: 8px 0;
    width: 140px;
    color: #fff
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul>li>a>span {
    margin-left: 5px
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul>li.login_fb>a {
    background: #39549f
}

.iedu_login .iedu_login__content .login_info .login_form .login_block>ul>li.login_gg>a {
    background: #df312e
}

.iedu_login .iedu_login__content .login_info .login_images {
    width: 100%;
    height: auto
}

.mg_rank .rank_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mg_rank .rank_title .rank_option>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden
}

.mg_rank .rank_title .rank_option>ul>li>a {
    display: block;
    background: #1f1f1f;
    color: #fff;
    padding: 6px 15px;
    border-left: 1px solid #18191a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border: none;
    margin-left: 1px
}

.mg_rank .rank_title .rank_option>ul>li>a:hover {
    background: #272829;
    color: #e52d27
}

.mg_rank .rank_title .rank_option>ul>li.active>a {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.mg_chat {
    color: #fff;
    font-size: 13px;
    max-height: 150vh;
    overflow: auto
}

.mg_chat::-webkit-scrollbar {
    width: 6px;
    background-color: #1f1f1f
}

.mg_chat::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 2px
}

.mg_chat .item {
    padding-top: 10px;
    border-bottom: 1px solid #1f1f1f
}

.mg_chat .item:first-child {
    padding-top: 0
}

.mg_chat .item:last-child {
    border-bottom: none
}

.mg_chat .item .mg_book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mg_chat .item .mg_book .book_name>a,.mg_chat .item .mg_book .book_chapter>a {
    color: #bcbcbc
}

.mg_chat .item .mg_book .book_name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mg_chat .item .mg_book .book_name>a {
    font-size: 14px;
    font-family: averta_Bold700;
    color: #e52d27
}

.mg_chat .item .mg_book .book_name>a:hover {
    color: #e52d27
}

.mg_chat .item .mg_book .book_chapter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px
}

.mg_chat .item .media {
    margin-top: 15px
}

.mg_chat .item .media .media-body .media-heading {
    font-size: 14px
}

.mg_chat .item .media .media-body>p {
    font-family: averta_Regular;
    color: #bcbcbc;
    text-align: left
}

.mg_chat .item .media .media-left .media-object {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.story_all {
    margin: 30px 0
}

.section_pagination,.section_list {
    text-align: center
}

.section_pagination>ul>li>a,.section_list>ul>li>a {
    display: inline-block;
    background: #1f1f1f;
    color: #fff;
    padding: 6px 15px;
    border-left: 1px solid #18191a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border: none;
    margin-left: 1px
}

.section_pagination>ul>li>a:hover,.section_list>ul>li>a:hover {
    background: #272829;
    color: #e52d27
}

.section_pagination>ul>li.active>a,.section_list>ul>li.active>a {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.section_pagination>ul>li.active>a:hover,.section_list>ul>li.active>a:hover {
    color: #fff
}

.story_item {
    position: relative;
    margin-bottom: 10px;
}

.story_item .story_images {
    border-radius: 10px;
    overflow: hidden;
    padding: 0
}

.story_item .story_images img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.story_item .story_info {
    content: '';
    /* position:absolute; */
    background: rgba(0,0,0,.8);
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px
}

.story_item .story_info .story_name>a {
    display: block;
    font-family: averta_bold700;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.story_item .story_info .story_name>a:hover {
    color: #fff
}

.story_item .story_info .story_other {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px
}

.story_item .story_info .story_other .story_chapter>a {
    color: #ff6a00;
    font-family: averta_bold700;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.story_item .story_info .story_other .story_chapter>a:hover {
    color: #fff
}

.story_item .story_info .story_other .story_time {
    font-style: italic;
    color: #c5c3c3
}

.story_item .mg_info {
    padding: 7px 0;
}

.story_item .mg_info .mg_name>a {
    font-family: averta_bold700;
    color: #ccc;
    display: block;
    line-height: 20x;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.story_item .mg_info .mg_name>a:hover {
    color: #fff
}

.story_item .mg_info .mg_chapter .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px 0;
    font-size: 11px
}

.story_item .mg_info .mg_chapter .item .chapter_count>a {
    display: inline-block;
    padding: 2px 3px;
    border-radius: 5px;
    color: #666;
    white-space: nowrap;
    font-family: averta_Bold;
    background: #ebebeb;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.story_item .mg_info .mg_chapter .item .chapter_count>a:hover {
    color: #ff6a00
}

.story_item .mg_info .mg_chapter .item .chapter_time {
    font-style: italic;
    color: #8a8989
}

.story_item .mg_info .mg_chapter .item .chapter_view {
    color: #8a8989;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story_item .mg_info .mg_chapter .item .chapter_view>span {
    display: inline-block;
    margin-left: 3px
}

.mg-item_hoz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1f1f1f;
    padding: 15px 10px;
    border-bottom: 1px solid #18191a;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.mg-item_hoz:hover {
    background: #1d1c1c69
}

.mg-item_hoz>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 10px;
    font-family: averta_bold700;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.mg-item_hoz>p.mg_ranking-no2 {
    background: -webkit-gradient(linear,left top,left bottom,from(#ff6a00),to(#f5af19));
    background: -webkit-linear-gradient(top,#ff6a00,#f5af19);
    background: -o-linear-gradient(top,#ff6a00,#f5af19);
    background: linear-gradient(to bottom,#ff6a00,#f5af19);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff6a00
}

.mg-item_hoz>p.mg_ranking-no1 {
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ffe000));
    background: -webkit-linear-gradient(top,#fafafa,#ffe000);
    background: -o-linear-gradient(top,#fafafa,#ffe000);
    background: linear-gradient(to bottom,#fafafa,#ffe000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffe000
}

.mg-item_hoz>p.mg_ranking-no3 {
    background: -webkit-gradient(linear,left top,left bottom,from(#85e37d),to(#3fb9a1));
    background: -webkit-linear-gradient(top,#85e37d,#3fb9a1);
    background: -o-linear-gradient(top,#85e37d,#3fb9a1);
    background: linear-gradient(to bottom,#85e37d,#3fb9a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #85e37d
}

.mg-item_hoz>p>span {
    font-size: 24px;
    line-height: 28px
}

.mg-item_hoz .story_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    /* align-items: flex-start; */
    margin: 0;
}

.mg-item_hoz .story_item .story_images {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px
}

.mg-item_hoz .story_item .story_images img {
    width: 56px!important;
    height: 56px!important
}

.mg-item_hoz .story_item .mg_info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0;
    padding-left: 10px;
}

.mg-item_hoz .story_item .mg_info .mg_name>a {
    white-space: unset;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.mg_block .section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mg_block .section_title>h5 {
    font-size: 15px
}

.mg_block .section_title .see_all>a {
    color: #fff;
    font-size: 12px;
    font-style: italic
}

.history_box .chapter_delete a {
    color: #fff;
    font-size: 11px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.history_box .chapter_delete a:hover {
    color: #e52d27
}

.erros_text {
    text-align: center;
    color: #fff
}

.mg_rank {
    margin: 30px 0
}

.mg_rank .rank_tab {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.mg_rank .rank_tab>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1px
}

.mg_rank .rank_tab>ul>li {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #18191a
}

.mg_rank .rank_tab>ul>li:last-child {
    border: none
}

.mg_rank .rank_tab>ul>li>a {
    display: block;
    background: #1f1f1f;
    color: #fff;
    padding: 10px 0;
    border-left: 1px solid #18191a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border: none
}

.mg_rank .rank_tab>ul>li>a:hover {
    color: #e52d27
}

.mg_rank .rank_tab>ul>li.active>a {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.mg_rank .rank_tab>ul>li.active>a:hover {
    color: #fff
}

.mg_rank .erros_text {
    margin: 10px 0
}

.footer_cate>ul>li {
    display: inline-block;
    margin: 10px 0
}

.footer_cate>ul>li>a {
    color: #fff;
    background: #e52d27;
    padding: 3px 10px;
    font-size: 13px;
    margin: 0 10px;
    position: relative
}

.footer_cate>ul>li>a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 10px 0;
    border-color: transparent #e52d27 transparent transparent;
    top: 0;
    left: -10px
}

.footer_cate>ul>li>a:after {
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #fff;
    content: "";
    border-radius: 50%
}

.chat_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px
}

.chat_user .chat_time {
    font-style: italic;
    font-size: 11px;
    color: #8a8989
}

.section_breadcrumb .section_breadcrumb-content>ol {
    padding: 10px 0;
    background: 0 0
}

.section_breadcrumb .section_breadcrumb-content>ol>li>a {
    color: #e52d27
}

.mg_grid .grid_main {
    margin-bottom: 50px
}

.mg_grid .grid_main .grid_content .grid_head {
    text-align: center;
    margin-bottom: 15px
}

.mg_grid .grid_main .grid_content .grid_head>h5 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px
}

.mg_grid .grid_main .grid_content .grid_head>h5>span {
    font-size: 24px;
    font-family: averta_extrabold;
    color: #e52d27
}

.mg_grid .grid_main .grid_content .grid_head .mg_desc {
    background: #1f1f1f;
    padding: 8px 10px;
    border: 2px dashed #18191a
}

.mg_grid .grid_main .grid_content .grid_head .mg_desc>p {
    text-align: justify;
    color: #c5c3c3
}

.mg_grid .grid_main .grid_content .section_list {
    text-align: center;
    margin: 15px 0
}

.mg_grid .grid_main .grid_content .section_list>ul {
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mg_grid .grid_main .grid_content .sort_list>p {
    color: #e52d27;
    margin-bottom: 10px;
    text-align: left;
    font-family: averta_bold700
}

.mg_grid .grid_main .grid_content .sort_list>select {
    background: #1f1f1f;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.mg_grid .grid_main .grid_content .sort_list>ul li {
    width: 25%;
}

.mg_grid .grid_main .grid_content .sort_list>ul li>a {
    display: block;
    margin-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mg_grid .grid_main .grid_content .sort_list>ul li>a>i {
    margin-right: 10px;
    font-size: 12px
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-head>p {
    color: #e52d27;
    font-family: averta_bold700
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-head .sort_extra-showhide>a {
    color: #c5c3c3;
    font-size: 12px;
    text-decoration: underline
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-content {
    display: none;
    margin: 10px 0
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-content .sort_block {
    color: #fff;
    margin-bottom: 10px
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-content .sort_block>p {
    margin-bottom: 5px
}

.mg_grid .grid_main .grid_content .sort_extra .sort_extra-content .sort_block>select {
    background: #1f1f1f;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.mg_grid .grid_main .grid_content .recoment_box {
    margin-top: 30px
}

.mg_grid .grid_main .grid_cate>ul>li {
    width: 49%;
    display: inline-block
}

.mg_grid .grid_main .grid_cate>ul>li:first-child {
    width: 100%
}

.mg_grid .grid_main .grid_cate>ul>li>a {
    display: inline-block;
    padding: 8px 0;
    color: #fff;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out
}

.mg_grid .grid_main .grid_cate>ul>li>a:hover {
    color: #e52d27;
    padding-left: 3px
}

.section_groupButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.section_groupButton>.section_button {
    margin: 0 3px
}

.section_button>button {
    border-radius: 3px;
    min-width: 110px;
    display: inline-block;
    background: #1f1f1f;
    color: #fff;
    padding: 7px 15px;
    border-left: 1px solid #18191a;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border: none
}

.section_button>button:hover {
    background: #272829;
    color: #e52d27
}

.section_button>button.bg_active {
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.section_button>button.bg_active:hover {
    color: #fff
}

.section_button>button.bg_orange {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff4e50),to(#f9d423));
    background: -webkit-linear-gradient(bottom,#ff4e50,#f9d423);
    background: -o-linear-gradient(bottom,#ff4e50,#f9d423);
    background: linear-gradient(to top,#ff4e50,#f9d423)
}

.section_button>button.bg_orange:hover {
    color: #fff
}

.mg_detail .story_all {
    margin: 0
}

.mg_detail .story_all .mg_rank {
    margin: 0
}
.detail_story {
    margin-top: 30px;
}
.detail_story .detail_avatar img {
    width: 100%
}

.detail_story .detail_infomation .detail_name>h1 {
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    font-family: averta_bold;
    color: #e52d27
}

.detail_story .detail_infomation .detail_time {
    margin: 5px 0;
    font-style: italic;
    color: #8a8989;
    font-size: 12px
}

.detail_story .detail_infomation .detail_listInfo {
    margin-top: 15px
}

.detail_story .detail_infomation .detail_listInfo .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.detail_story .detail_infomation .detail_listInfo .item .info_label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    color: #c5c3c3
}

.detail_story .detail_infomation .detail_listInfo .item .info_label>i {
    width: 20px;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.detail_story .detail_infomation .detail_listInfo .item .info_label>i.ti-rss-alt {
    font-size: 12px
}

.detail_story .detail_infomation .detail_listInfo .item .info_value {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.detail_story .detail_infomation .detail_listInfo .item .info_value>a {
    line-height: 25px;
    display: inline-block;
    color: #e52d27;
    line-height: 22px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.detail_story .detail_infomation .detail_listInfo .item .info_value>a:hover {
    color: #fff
}

.detail_story .detail_infomation .detail_listInfo .item .info_value>span {
    line-height: 22px
}

.detail_story .detail_infomation .detail_groupButton .detail_flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail_story .detail_infomation .detail_groupButton .detail_flow>p {
    color: #8a8989;
    margin-left: 15px
}

.detail_story .detail_infomation .detail_groupButton .detail_flow>p>span {
    color: #fff
}

.detail_story .detail_infomation .detail_groupButton .detail_view .section_groupButton {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset
}

.detail_story .detail_infomation .detail_groupButton .detail_view .section_groupButton .section_button {
    margin: 0;
    margin-right: 10px
}

.detail_block {
    margin: 10px 0
}

.detail_block .detail_head {
    border-bottom: 2px solid #e52d27
}

.detail_block .detail_head>h5 {
    display: inline-block;
    padding: 5px 0;
    color: #e52d27;
    font-family: averta_bold;
    text-transform: uppercase;
    font-size: 16px
}

.detail_block .detail_head>h5>i {
    margin-right: 5px
}

.detail_block .chapter_more {
    text-align: center;
    padding: 10px;
    color: red
}

.detail_block .chapter_more>a {
    display: block;
    color: #fff;
    position: relative;
    background: #1f1f1f;
    padding: 8px 0
}

.detail_block .chapter_more>a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 23px;
    top: -24px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#1f1f1f));
    background: -webkit-linear-gradient(rgba(255,255,255,0),#1f1f1f);
    background: -o-linear-gradient(rgba(255,255,255,0),#1f1f1f);
    background: linear-gradient(rgba(255,255,255,0),#1f1f1f);
    width: 100%
}

.detail_review .detail_reviewContent {
    padding-top: 10px
}

.detail_review .detail_reviewContent>p {
    text-align: justify
}

.detail_chapter .detail_chapterContent {
    padding: 10px 0
}

.detail_chapter .detail_chapterContent .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail_chapter .detail_chapterContent .item .chapter_num {
    width: 40%
}

.detail_chapter .detail_chapterContent .item .chapter_info {
    width: 30%;
    text-align: center
}

.detail_chapter .detail_chapterContent .chapter_head {
    margin-bottom: 15px
}

.detail_chapter .detail_chapterContent .chapter_box .item {
    margin-top: -1px;
    border-top: 1px dashed #474747;
    border-bottom: 1px dashed #474747;
    padding: 5px 0
}

.detail_chapter .detail_chapterContent .chapter_box .item .chapter_info {
    color: #8a8989;
    font-style: italic;
    font-size: 13px
}

.detail_chat .rank_tab>ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.detail_chat .rank_tab>ul>li {
    width: unset
}

.detail_chat .rank_tab>ul>li>a {
    padding: 10px 25px
}

.detail_chat .tab-content {
    margin: 10px 0
}

.detail_chat .tab-content .chat_manga18 .chat_input {
    margin-bottom: 10px
}

.detail_chat .tab-content .chat_manga18 .chat_input textarea,.detail_chat .tab-content .chat_manga18 .chat_input input {
    background: #1f1f1f;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.detail_chat .tab-content .chat_manga18 .section_button>button {
    /* width: 100%; */
    min-width: unset
}

.detail_chat .tab-content .chat_manga18 .mg_chat {
    margin-top: 20px
}

.detail_chat .tab-content .chat_manga18 .mg_chat .media-left>a {
    color: #fff
}

.detail_chat .tab-content .chat_manga18 .mg_chat .media-left>a>span {
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217);
    border-radius: 3px
}

.detail_chat .tab-content .chat_manga18 .mg_chat .chat_user .user_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail_chat .tab-content .chat_manga18 .mg_chat .chat_user .user_box h4 {
    margin: 0
}

.detail_chat .tab-content .chat_manga18 .mg_chat .chat_user .user_box>span {
    margin-left: 10px;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    background: #6b6969;
    border-radius: 3px
}

.prd-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

.rate {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none
}

.prd-star input {
    display: none
}

.prd-star label {
    float: right;
    font-size: 0;
    color: #a7a4a4
}

.prd-star label:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 10px
}

.prd-star label:hover,.prd-star label:hover~label {
    color: #fcd000;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    content: "\f005";
    font-family: FontAwesome
}

.prd-star input:checked~label {
    color: #fcd000
}

.prd-star input:checked~label:hover,.prd-star input:checked~label:hover~label {
    color: #fcd000;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    content: "\f005";
    font-family: FontAwesome
}

.user_login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px
}

.user_login .user_avatar img {
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.user_login .user_name {
    margin-left: 5px
}

.header_loginBox {
    width: 150px!important
}

.header_loginBox>ul>li>a>i {
    width: 25px;
    display: inline-block;
    text-align: center
}

.header_loginBox>ul>li>a>i.lnr-exit {
    font-size: 16px;
    margin-left: 2px
}

.user_main-content .user_left .user_login {
    margin: 0;
    margin-bottom: 30px
}

.user_main-content .user_left .user_login .user_avatar img {
    width: 70px;
    height: 70px
}

.user_main-content .user_left .user_login .user_name {
    padding-left: 10px
}

.user_main-content .user_left .user_login .user_name>h5 {
    font-family: averta_bold700;
    font-size: 18px
}

.user_main-content .user_left .user_login .user_name>span {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    background: #3e3d3d;
    border-radius: 3px;
    margin-top: 8px
}

.user_main-content .user_left .user_menu>ul>li {
    padding: 8px 10px;
    margin: 3px 0;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.user_main-content .user_left .user_menu>ul>li>a {
    color: #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.user_main-content .user_left .user_menu>ul>li>a:hover {
    color: #e52d27
}

.user_main-content .user_left .user_menu>ul>li>a>i {
    display: inline-block;
    width: 25px;
    text-align: center
}

.user_main-content .user_left .user_menu>ul>li>a>i.lnr-exit {
    width: 20px;
    margin-left: 5px
}

.user_main-content .user_left .user_menu>ul>li.active {
    border-radius: 3px;
    background: -webkit-gradient(linear,right top,left top,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(right,#e52d27,#b31217);
    background: -o-linear-gradient(right,#e52d27,#b31217);
    background: linear-gradient(to left,#e52d27,#b31217)
}

.user_main-content .user_left .user_menu>ul>li.active>a {
    color: #fff
}

.user_main-content .user_left .user_menu>ul>li.active:hover {
    background: -webkit-gradient(linear,right top,left top,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(right,#e52d27,#b31217);
    background: -o-linear-gradient(right,#e52d27,#b31217);
    background: linear-gradient(to left,#e52d27,#b31217)
}

.user_main-content .user_left .user_menu>ul>li.active:hover>a {
    color: #fff
}

.user_main-content .user_left .user_menu>ul>li:hover {
    background: #1f1f1f
}

.user_main-content .user_right {
    background: #1f1f1f;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 50px
}

.user_main-content .user_right .user_title {
    margin-bottom: 15px
}

.user_main-content .user_right .user_title>h5 {
    color: #e52d27;
    margin: 0;
    text-transform: uppercase;
    font-family: averta_extrabold;
    font-size: 20px
}

.user_main-content .user_right .user_block .user_blockContent .section_title {
    margin: 15px 0
}

.user_main-content .user_right .user_block .user_blockContent .user_infomation .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.user_main-content .user_right .user_block .user_blockContent .user_infomation .item .item_label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
}

.user_main-content .user_right .user_block .user_blockContent .user_infomation .item .item_value {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -1px;
    border-top: 1px dashed #474747;
    border-bottom: 1px dashed #474747;
    padding: 10px 0
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .mg_action {
    margin-top: 5px
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .mg_action>a {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    padding: 3px 5px;
    background: #3e3d3d;
    border-radius: 3px
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .mg_action>a.bg_success {
    background: #23a903
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .mg_action>a.bg_danger {
    background: #e52d27
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .column50 {
    width: 50%
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .column50 .mg-item_hoz {
    border: none;
    padding: 0
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .column25 {
    width: 25%;
    text-align: center
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .colum_info {
    color: #8a8989;
    font-style: italic;
    font-size: 13px
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .column_chapter>p>a {
    color: #fff
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item .column_chapter>span {
    color: #8a8989;
    font-size: 12px
}

.user_main-content .user_right .user_block .user_blockContent .user_flow>.item.colum_head {
    font-family: averta_bold700;
    font-size: 15px;
    border-top: none
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailHead {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    /* display: inline-flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailHead .story_name>h1 {
    font-family: averta_bold700;
    margin: 0;
    font-size: 24px;
    color: #e52d27
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailHead .chapter_name {
    margin: 0 10px;
    font-size: 20px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailHead .chapter_time {
    color: #989898
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody {
    padding: 15px 0;
    text-align: center
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .section_note {
    margin: 15px 0
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .list_icon>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .list_icon>ul>li>a {
    display: block;
    margin: 0 8px;
    position: relative;
    color: #fff;
    font-size: 22px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .list_icon>ul>li>a>span {
    font-size: 12px;
    position: absolute;
    top: 6px;
    left: 6px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .chapter_control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .chapter_control>button {
    padding: 8px 10px;
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217)
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .detail_chapterMenu .chapter_control>select {
    margin: 0 3px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .chapter_boxImages {
    margin-top: 30px
}

.chapter_detail .chapter_detailContent .chapter_detailBox .chapter_detailBody .detail_chapterMain .chapter_boxImages .image_story img {
    margin: auto;
    width: 100%;
}

.section_note {
    background: #1f1f1f;
    padding: 8px 10px;
    border: 2px dashed #18191a;
    color: #c5c3c3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section_note i {
    margin-right: 5px
}

.user_notify table thead th {
    font-weight: 400;
    color: #e52d27
}

.user_notify table tr td {
    padding: 8px
}

.user_update .user_updateForm .form-group label {
    font-weight: 400
}

.user_update .user_updateForm .form-group input,.user_update .user_updateForm .form-group select {
    width: 100%;
    background: #18191a;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.user_update .user_updateAvatar {
    margin-bottom: 10px
}

.user_update .user_updateAvatar img {
    width: 155px;
    height: 155px;
    border-radius: 50%;
    margin: auto
}

.user_update .user_updateAvatar .section_button {
    position: relative;
    text-align: center;
    margin-top: 5px
}

.user_update .user_updateAvatar .section_button>input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.user_update .user_updateAvatar .section_button>span {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #c5c3c3
}

.back_top {
    position: fixed;
    /* display: none; */
    bottom: 50px;
    right: 15px
}

.back_top>a {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#e52d27),to(#b31217));
    background: -webkit-linear-gradient(top,#e52d27,#b31217);
    background: -o-linear-gradient(top,#e52d27,#b31217);
    background: linear-gradient(to bottom,#e52d27,#b31217);
    border-radius: 50%
}

.ui-menu {
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 8px 15px 0 rgba(0,0,0,.14);
    box-shadow: 0 8px 15px 0 rgba(0,0,0,.14);
    top: 55px!important;
    max-height: 400px;
    overflow: auto
}

.ui-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #1f1f1f
}

.ui-menu::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 2px
}

.ui-menu .ui-menu-item {
    padding: 3px 0;
    border-bottom: 1px solid #ebebeb
}

.ui-menu .ui-menu-item:last-child {
    border: none
}

.ui-menu .ui-menu-item:hover {
    background: #ebebeb
}

.ui-menu .ui-menu-item:focus {
    outline: none
}

.ui-menu .ui-menu-item .ui-corner-all {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-menu .ui-menu-item .ui-corner-all img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.ui-menu .ui-menu-item .ui-corner-all>p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 320px;
    font-size: 14px
}

.ui-menu .ui-menu-item .ui-corner-all>p>span {
    display: block;
    font-size: 10px;
    color: #999;
    font-style: italic
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    background: 0 0;
    border-color: transparent
}

.sticky .iedu_header__center {
    display: none
}

.header-bottom {
    background: #fff;
    width: 100%;
    float: left;
    height: 50px
}

.header-bottom .centernav {
    position: relative
}

.header-bottom ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

.header-bottom ul li {
    display: inline-block;
    line-height: 50px;
    padding: 0 15px
}

.header-bottom ul li:first-child {
    padding-left: 0
}

.header-bottom ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: #fff
}

.sub-menu {
    width: 100%;
    float: left;
    z-index: 999;
    position: absolute;
    right: 0
}

.sub-menu ul {
    width: 100%;
    padding: 10px 0
}

.sub-menu ul li {
    line-height: 1;
    padding: 10px;
    color: #000
}

.sub-menu ul li a {
    font-weight: 700;
    font-size: 13px;
    color: #000
}

.sub-menu ul li:first-child {
    padding-left: 10px
}

.mb-header {
    display: none
}

@media(max-width: 800px) {
    .pc-header {
        display:none
    }

    .mb-header {
        display: block
    }

    .top-header {
        background: #000;
        height: 60px;
        padding: 0 15px;
        line-height: 60px;
        width: 100%;
        float: left
    }

    .top-header .menu-ico {
        width: 50px;
        float: left;
        line-height: 60px;
        height: 60px
    }

    .top-header i {
        color: #fff;
        font-size: 25px;
        line-height: 60px
    }

    .top-header .logo {
        width: calc(100% - 100px);
        float: left;
        text-align: center;
        height: 60px
    }

    .top-header .logo img {
        height: 30px
    }

    .top-header .search-ico {
        width: 50px;
        float: left;
        text-align: right
    }

    .under-header {
        width: 100%;
        float: left;
        background: #1f1f1f;
        z-index: 999
    }

    .under-header .header-menu {
        width: 100%;
        float: left;
        padding: 10px 15px
    }

    .under-header .header-menu ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .under-header .header-menu ul li {
        border-bottom: 1px solid #fff;
        padding: 5px 0;
        text-transform: uppercase
    }

    .under-header .header-menu ul li a {
        color: #fff
    }

    .user-block {
        clear: both;
        width: 100%;
        float: right;
        text-align: left;
        margin-left: 0;
        padding: 15px 0;
        line-height: normal
    }

    .header-search {
        position: relative;
        width: 100%;
        margin-left: 0;
        display: block;
        background: #000;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .header-search form {
        margin-bottom: 0
    }

    .header-search form input {
        margin-top: 0
    }

    .live-search-result {
        top: 100px;
        width: 100%
    }

    .hothome {
        display: none
    }

    .site-body {
        margin-top: 5px;
        padding-bottom: 0
    }

    .user-block a {
        color: #fff
    }

    .sub-menu {
        background: #1f1f1f;
        position: unset;
        padding: 10px 0
    }

    .sub-menu ul li {
        width: 50%;
        float: left
    }

    .sub-menu ul li {
        text-transform: none
    }
}

.user-block a {
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    margin-left: 15px
}

.mg_ranking-no {
    color: #00ff37!important
}

.header-search form input {
    font-weight: 300;
    background: #fff;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    padding-right: 30px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    color: #555;
    margin-top: -12px;
    outline: none
}

.header-search form button {
    position: absolute;
    background: 0 0;
    cursor: pointer;
    font-family: inherit;
    border: 0;
    padding: 0 10px;
    top: 0;
    font-size: medium;
    line-height: 40px;
    color: #e52d27;
    right: 2px;
    outline: none
}

@media(max-width: 800px) {
    .ui-autocomplete {
        top:100px!important
    }
}

.mg_chapter {
    /* min-height: 50px; */
}