@charset 'UTF-8';

/**
 * m-jyb-ui
 * @Author jyb
 * @DateTime 2019-06
 */

/* common */
span, div { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
* { -webkit-overflow-scrolling: touch; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px; }
.mt24 { margin-top: 24px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr38 { margin-right: 38px; }
.mr42 { margin-right: 42px; }
.mr58 { margin-right: 58px; }
.hide { display: none; }
.flex-box-column { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
.flex-box-around { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }

/* border-1px */
.border-bottom-1px { position: relative; }
.border-bottom-1px::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 10; top: 0; left: 0; content: '\0020'; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; border-bottom: 1px solid #e5e8ed; }
@media (max--moz-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.49), (max-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.4895833333333333), (max--moz-device-pixel-ratio:1.4895833333333333), (max-resolution:143dpi), (max-resolution:1.49dppx) {
    .border-bottom-1px::before { width: 100%; height: 100%; -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49), (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335), (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.4895833333333335), (min-resolution:144dpi) and (max-resolution:239dpi), (min-resolution:1.5dppx) and (max-resolution:2.49dppx) {
    .border-bottom-1px::before { width: 200%; height: 200%; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5); -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:2.5), (-webkit-min-device-pixel-ratio:2.5), (min-device-pixel-ratio:2.5), (min-resolution:240dpi), (min-resolution:2.5dppx) {
    .border-bottom-1px::before { width: 300%; height: 300%; -webkit-transform: scale(.33); -moz-transform: scale(.33); transform: scale(.33); -moz-border-radius: 0; border-radius: 0; }
}

/* icon */
.m-common-icon { width: 28px; height: 28px; display: inline-block; background-color: #d8d8d8; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.menu_activity { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-activity.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-activity.svg') no-repeat; }
.menu_class { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-class.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-class.svg') no-repeat; }
.menu_choose_class_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-choose-class-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-choose-class-linear.svg') no-repeat; }
.menu_evaluation { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-evaluation.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-evaluation.svg') no-repeat; }
.menu_history_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-history-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-history-linear.svg') no-repeat; }
.menu_index { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-index.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-index.svg') no-repeat; }
.menu_index_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-index-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-index-linear.svg') no-repeat; }
.menu_index_linear2 { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-index-linear2.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-index-linear2.svg') no-repeat; }
.menu_intro { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-intro.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-intro.svg') no-repeat; }
.menu_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-linear.svg') no-repeat; }
.menu_mine_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-mine-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-mine-linear.svg') no-repeat; }
.menu_sort_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-sort-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-sort-linear.svg') no-repeat; }
.menu_sort_search_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-sort-search-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-sort-search-linear.svg') no-repeat; }
.menu_teacher { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/menu-teacher.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/menu-teacher.svg') no-repeat; }
.mark_hot { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/mark-hot.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/mark-hot.svg') no-repeat; }
.mark_jyb_logo { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/mark-jyb-logo.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/mark-jyb-logo.svg') no-repeat; }
.mark_xialingying { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/mark-xialingying.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/mark-xialingying.svg') no-repeat; }
.icon_attention_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-attention-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-attention-linear.svg') no-repeat; }
.icon_bottom_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-bottom-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-bottom-no-bg.svg') no-repeat; }
.icon_check_block { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-check-block.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-check-block.svg') no-repeat; }
.icon_check_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-check-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-check-linear.svg') no-repeat; }
.icon_chart_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-chart-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-chart-linear.svg') no-repeat; }
.icon_circle_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-circle-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-circle-linear.svg') no-repeat; }
.icon_coupon_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-coupon-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-coupon-linear.svg') no-repeat; }
.icon_cross_block { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-block.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-block.svg') no-repeat; }
.icon_cross_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-linear.svg') no-repeat; }
.icon_cross_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-no-bg.svg') no-repeat; }
.icon_check_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-check-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-check-no-bg.svg') no-repeat; }
.icon_del_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-del-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-del-linear.svg') no-repeat; }
.icon_down_solid { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-down-solid.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-down-solid.svg') no-repeat; }
.icon_down_thin_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-down-thin-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-down-thin-no-bg.svg') no-repeat; }
.icon_distance_block { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-distance-block.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-distance-block.svg') no-repeat; }
.icon_left_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-left-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-left-no-bg.svg') no-repeat; }
.icon_loading { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-loading.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-loading.svg') no-repeat; }
.icon_map_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-map-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-map-linear.svg') no-repeat; }
.icon_money_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-money-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-money-linear.svg') no-repeat; }
.icon_modify_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-modify-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-modify-linear.svg') no-repeat; }
.icon_right_block { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-right-block.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-right-block.svg') no-repeat; }
.icon_right_no_bg { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-right-no-bg.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-right-no-bg.svg') no-repeat; }
.icon_right_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-right-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-right-linear.svg') no-repeat; }
.icon_search_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-search-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-search-linear.svg') no-repeat; }
.icon_video_play_linear { -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-video-play-linear.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-video-play-linear.svg') no-repeat; }

/**
 * button
*/
.m-jyb-btn { width: 100%; height: 40px; font-size: 14px; border: 0; -moz-border-radius: 4px; border-radius: 4px; }
.m-jyb-btn-large { width: 92vw; height: 44px; font-size: 17px; font-weight: 600; border: 0; -moz-border-radius: 4px; border-radius: 4px; }
.m-jyb-btn-link { line-height: 44px; text-align: center; }
.m-jyb-btn-blue { color: #fff; background-color: #1a8cff; }
.m-jyb-btn-blue-line { color: #1a8cff; border: 1px solid #1a8cff; background-color: #fff; }

/**
 * input / textarea
 */
.m-jyb-input { width: 100px; height: 20px; font-size: 15px; line-height: 20px; color: #262626; border: 0; caret-color: #1a8cff; }
.m-jyb-form-group { height: 44px; padding: 12px 12px 12px 10px; position: relative; }
.m-jyb-form-group::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 10; top: 0; left: 0; content: '\0020'; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; border: 1px solid #d9d9da; }
@media (max--moz-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.49), (max-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.4895833333333333), (max--moz-device-pixel-ratio:1.4895833333333333), (max-resolution:143dpi), (max-resolution:1.49dppx) {
    .m-jyb-form-group::before { width: 100%; height: 100%; -moz-border-radius: 4px; border-radius: 4px; }
}
@media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49), (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335), (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.4895833333333335), (min-resolution:144dpi) and (max-resolution:239dpi), (min-resolution:1.5dppx) and (max-resolution:2.49dppx) {
    .m-jyb-form-group::before { width: 200%; height: 200%; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5); -moz-border-radius: 8px; border-radius: 8px; }
}
@media (min--moz-device-pixel-ratio:2.5), (-webkit-min-device-pixel-ratio:2.5), (min-device-pixel-ratio:2.5), (min-resolution:240dpi), (min-resolution:2.5dppx) {
    .m-jyb-form-group::before { width: 300%; height: 300%; -webkit-transform: scale(.33); -moz-transform: scale(.33); transform: scale(.33); -moz-border-radius: 12px; border-radius: 12px; }
}
.m-jyb-form-group .icon_right_no_bg { width: 14px; height: 14px; position: absolute; top: 15px; right: 12px; background-color: #ababab; }
.m-jyb-form-group + .m-jyb-form-group { margin-top: 10px; }
.m-jyb-form-group .m-jyb-btn-getcode { margin-right: -2px; font-size: 14px; color: #1a8cff; border: 0; background-color: rgba(0, 0, 0, 0); }
input::-webkit-input-placeholder { font-size: 14px; color: #ababab; }
input:-moz-placeholder { font-size: 14px; color: #ababab; }
input::-moz-placeholder { font-size: 14px; color: #ababab; }
input:-ms-input-placeholder { font-size: 14px; color: #ababab; }
textarea::-webkit-input-placeholder { font-size: 14px; color: #ababab; }
textarea:-moz-placeholder { font-size: 14px; color: #ababab; }
textarea::-moz-placeholder { font-size: 14px; color: #ababab; }
textarea:-ms-input-placeholder { font-size: 14px; color: #ababab; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; }

/**
 * container
 */
.m-common-container { width: 100%; height: 100%; }

/**
 * header
 */
.m-common-header { width: 100%; height: 44px; }
.m-jyb-header { width: 100%; height: 44px; padding: 8px 12px 8px 11px; background-color: #fff; -webkit-box-shadow: inset 0 0 0 0 #e5e8ed; -moz-box-shadow: inset 0 0 0 0 #e5e8ed; box-shadow: inset 0 0 0 0 #e5e8ed; }
.m-jyb-header > li { height: 28px; }
.m-jyb-header-fixed { position: fixed; z-index: 200; top: 0; right: auto; bottom: auto; left: 0; }
.m-header-has-logo { padding-left: 16px; }
.m-header-logo, .m-header-logo img { width: 67px; height: 21px; }
.m-jyb-header .m-common-icon { background-color: #262626; }
.m-jyb-header .m-common-none-icon { width: 28px; height: 28px; display: inline-block; }
.m-header-title { text-align: center; }
.m-header-title a { font-size: 18px; line-height: 28px; letter-spacing: 0; color: #262626; }
.m-header-input { height: 30px !important; padding: 5px 8px 5px 16px; -moz-border-radius: 15px; border-radius: 15px; background-color: #f5f6f7; }
.m-header-input input { height: 100%; margin-left: 3px; display: block; font-size: 15px; line-height: 20px; color: #262626; background-color: #f5f6f7; caret-color: #1a8cff; }
.m_header_input::-webkit-input-placeholder { font-size: 15px; color: #abb0b6; }
.m_header_input:-moz-placeholder { font-size: 15px; color: #abb0b6; }
.m_header_input::-moz-placeholder { font-size: 15px; color: #abb0b6; }
.m_header_input:-ms-input-placeholder { font-size: 15px; color: #abb0b6; }
.m-header-input .icon_search_linear { width: 16px; height: 16px; background-color: #ababab; vertical-align: middle; }
.m-header-input .icon_map_linear { width: 16px; height: 16px; background-color: #1a8cff; }
input[type=search]::-webkit-search-cancel-button { width: 16px; height: 16px; position: relative; cursor: pointer; background-color: #ababab; -webkit-appearance: none; -webkit-mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-block.svg') no-repeat; mask: url('https://static.jiaoyubao.cn/images/common/icon-cross-block.svg') no-repeat; }
.m-location-link { height: 100%; }
.m-location-city { max-width: 60px; font-size: 14px; line-height: 20px; cursor: pointer; letter-spacing: 0; color: #262626; }
.m-location-city-dropdown { height: 20px; margin-right: 10px; margin-left: 3px; padding-right: 13px; position: relative; line-height: 20px; }
.m-location-city-dropdown .icon_bottom_no_bg { width: 10px; height: 10px; background-color: #262626; }
.m-location-city-dropdown:after { width: 1px; height: 14px; position: absolute; top: 3px; right: 0; content: ''; background-color: #e5e8ed; }
.m-search-btns { margin-left: 18px; }
.m-search-btns > a { font-size: 15px; color: #262626; }
.m-header-location_search .m-header-input { padding: 5px 10px 5px 13px; }
.m-header-search_btn { padding: 7px 15px; }
.m-header-search_btn .m-header-input.p5-10 { padding-left: 13px; }
.m-header-search_btn .m-header-input.pr8l14 { padding-left: 14px; }
.m-header-search_btn .m-header-input input { margin-left: 0; }
.m-header-logo_input { padding: 9px 12px 9px 16px; }
.m-header-logo_input .m-header-input { height: 26px !important; }
.m-header-logo_input .m-header-input input { width: 100px; height: auto; margin-left: 5px; font-size: 12px; line-height: 16px; }
.m_header_logo_input::-webkit-input-placeholder { font-size: 12px; color: #ababab; }
.m_header_logo_input:-moz-placeholder { font-size: 12px; color: #ababab; }
.m_header_logo_input::-moz-placeholder { font-size: 12px; color: #ababab; }
.m_header_logo_input:-ms-input-placeholder { font-size: 12px; color: #ababab; }
.m-header-logo_input .icon_search_linear { width: 16px; height: 16px; background-color: #ababab; }
.m-header-input-txt { margin-left: 5px; font-size: 12px; line-height: 16px; color: #ababab; }
.m-header-history .menu_history_linear { width: 20px; height: 20px; background-color: #fff; }

/**
 * main
 */
.m-common-main { width: 100%; padding: 10px 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.m-over-hidden { position: relative; overflow: hidden; overflow-y: hidden; }

/**
 * footer
 */
.m-common-footer { width: 100%; height: 50px; }
.m-jyb-footer { width: 100%; height: 50px; background-color: #fff; -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); }
.m-jyb-footer-fixed { position: fixed; z-index: 190; top: auto; right: auto; bottom: 0; left: 0; }
.m-footer-item { width: 50px; }
.m-footer-item.active .m-common-icon { background-color: #1a8cff; }
.m-footer-title { height: 10px; margin-top: 3px; font-size: 10px; line-height: 10px; text-align: center; letter-spacing: 0; color: #ababab; }
.m-footer-item.active .m-footer-title { color: #1a8cff; }

/**
 * footer-link
 */
.m-jyb-footer-link { width: 100%; height: 44px; padding: 14px 0; background-color: #fff; -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .05); }
.m-jyb-footer-link li { -webkit-box-flex: 1; -ms-flex: 1; -moz-box-flex: 1; flex: 1; }
.m-jyb-footer-link li + li { position: relative; }
.m-jyb-footer-link li + li::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 10; top: 0; left: 0; content: '\0020'; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; border-left: 1px solid #e5e8ed; }
@media (max--moz-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.49), (max-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.4895833333333333), (max--moz-device-pixel-ratio:1.4895833333333333), (max-resolution:143dpi), (max-resolution:1.49dppx) {
    .m-jyb-footer-link li + li::before { width: 100%; height: 100%; -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49), (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335), (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.4895833333333335), (min-resolution:144dpi) and (max-resolution:239dpi), (min-resolution:1.5dppx) and (max-resolution:2.49dppx) {
    .m-jyb-footer-link li + li::before { width: 200%; height: 200%; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5); -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:2.5), (-webkit-min-device-pixel-ratio:2.5), (min-device-pixel-ratio:2.5), (min-resolution:240dpi), (min-resolution:2.5dppx) {
    .m-jyb-footer-link li + li::before { width: 300%; height: 300%; -webkit-transform: scale(.33); -moz-transform: scale(.33); transform: scale(.33); -moz-border-radius: 0; border-radius: 0; }
}
.m-jyb-footer-link li a { display: block; font-size: 12px; line-height: 16px; text-align: justify; text-align: center; color: #262626; }
.m-jyb-footer-link li.active a { color: #1a8cff; }

/**
 * footer-v3(copyright)
*/
.m-H5-v3-footer { padding: 20px 0 120px; }
.m-H5-v3-footer .m-jyb-footer-link { width: 100%; height: 17px; padding: 0; background-color: inherit; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }
.m-H5-v3-footer .m-jyb-footer-link li { height: 11px; }
.m-H5-v3-footer .m-jyb-footer-link li a { line-height: 12px; color: #595959; }
.m-H5-v3-footer .m-jyb-footer-link li + li::before { border-color: #e1e1e1; }
.m-jyb-copyright { margin-top: 24px; font-size: 12px; text-align: center; color: #595959; }
.m-jyb-copyright p + p { margin-top: 6px; }

/**
 * pagination
 */
.m-pagination { margin-top: 10px; padding: 0 40px; line-height: 40px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }
.m-pagination a { width: 40px; color: #1a8cff; }
.m-pagination a.disbled { color: #ababab; }
.m-pagination span { color: #595959; }
.m-pagination a, .m-pagination span { font-size: 12px; text-align: center; }

/**
 * jyb-v3-nav
 */
.m-common-container.jyb-filter-blur { -webkit-filter: blur(20px); filter: blur(20px); }
.m-jyb-fixed-mask { width: 100%; height: 100%; padding: 10px; position: fixed; top: 0; right: auto; bottom: auto; left: 0; cursor: pointer; background: rgba(0, 0, 0, .1); }
.m-jyb-fixed-outer { position: relative; top: -300px; }
.m-jyb-fixed-title { height: 64px; padding: 20px; background-color: #fff; }
.m-jyb-fixed-title span { font-size: 17px; font-weight: 600; line-height: 24px; color: #262626; }
.m-jyb-fixed-title .icon_cross_no_bg { width: 24px; height: 24px; background-color: #262626; }
.m-jyb-fixed-nav { width: 100%; height: 180px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; background-color: #fff; }
.m-jyb-fixed-list > a { height: 72px; font-size: 12px; color: #1a8cff; }
.m-jyb-fixed-list .m-common-icon { width: 24px; height: 24px; background-color: #1a8cff; }
.m-jyb-fixed-list > a span { margin-top: 7px; }

/**
 * tips
*/
.jyb-tips { min-width: 186px; max-width: 200px; min-height: 44px; max-height: 88px; margin: auto; position: fixed; z-index: 100003; top: -20%; right: 0; bottom: 0; left: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.jyb-tips p { width: 100%; margin: 0; padding: 10px 20px; font-size: 14px; text-align: center; text-indent: 0; letter-spacing: 0; color: #fff; border: 0; -moz-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, .6); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); }
.animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; animation-name: bounceInUp; }

/**
 * loading
 */
.m-jyb_loading_mask { width: 100%; height: 100%; position: fixed; z-index: 40000; top: 0; right: auto; bottom: auto; left: 0; background: rgba(255, 255, 255, .6); }
.m-jyb_loading_toast { width: 6.6em; min-height: 6.6em; margin-top: -3.3em; margin-left: -3.3em; position: fixed; z-index: 50000; top: 50%; right: auto; bottom: auto; left: 50%; text-align: center; color: #fff; -moz-border-radius: 5px; border-radius: 5px; background: rgba(40, 40, 40, .75); }
.m-jyb_loading { width: #fff; height: 28px; background-color: #d8d8d8; }
.m-jyb_toast { margin-top: 15px; font-size: 14px; }
.m-jyb_loading { -webkit-animation: rotateele 1.6s linear infinite; -moz-animation: rotateele 1.6s linear infinite; animation: rotateele 1.6s linear infinite; }

/**
 * confirm
*/
.m-confirm-mask { width: 100%; height: 100%; position: fixed; z-index: 200; top: 0; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, .5); }
.m-confirm-form { width: 77%; height: auto; margin: auto; position: fixed; z-index: 201; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-border-radius: 12px; border-radius: 12px; background-color: #f8f8f8; }
.m-confirm-content { padding: 24px 0; font-size: 17px; font-weight: 600; line-height: 22px; text-align: center; letter-spacing: -.41px; color: #000; }
.m-confirm-info { margin-top: 5px; padding: 0 24px; font-size: 13px; font-weight: normal; line-height: 18px; color: #262626; }
.m-confirm-btns { position: relative; line-height: 43px; }
.m-confirm-btns::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 10; top: 0; left: 0; content: '\0020'; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; border-top: 1px solid #d9d9da; }
@media (max--moz-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.49), (max-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.4895833333333333), (max--moz-device-pixel-ratio:1.4895833333333333), (max-resolution:143dpi), (max-resolution:1.49dppx) {
    .m-confirm-btns::before { width: 100%; height: 100%; -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49), (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335), (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.4895833333333335), (min-resolution:144dpi) and (max-resolution:239dpi), (min-resolution:1.5dppx) and (max-resolution:2.49dppx) {
    .m-confirm-btns::before { width: 200%; height: 200%; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5); -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:2.5), (-webkit-min-device-pixel-ratio:2.5), (min-device-pixel-ratio:2.5), (min-resolution:240dpi), (min-resolution:2.5dppx) {
    .m-confirm-btns::before { width: 300%; height: 300%; -webkit-transform: scale(.33); -moz-transform: scale(.33); transform: scale(.33); -moz-border-radius: 0; border-radius: 0; }
}
.m-confirm-btns a { font-size: 17px; font-weight: 600; text-align: center; letter-spacing: -.41px; color: #1a8cff; }
.m-confirm-btns .m-btns-confirm { position: relative; font-weight: normal; }
.m-confirm-btns .m-btns-confirm::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 10; top: 0; left: 0; content: '\0020'; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; border-left: 1px solid #d9d9da; }
@media (max--moz-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.49), (max-device-pixel-ratio:1.49), (-webkit-max-device-pixel-ratio:1.4895833333333333), (max--moz-device-pixel-ratio:1.4895833333333333), (max-resolution:143dpi), (max-resolution:1.49dppx) {
    .m-confirm-btns .m-btns-confirm::before { width: 100%; height: 100%; -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.49), (min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49), (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335), (min--moz-device-pixel-ratio:1.5) and (max--moz-device-pixel-ratio:2.4895833333333335), (min-resolution:144dpi) and (max-resolution:239dpi), (min-resolution:1.5dppx) and (max-resolution:2.49dppx) {
    .m-confirm-btns .m-btns-confirm::before { width: 200%; height: 200%; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5); -moz-border-radius: 0; border-radius: 0; }
}
@media (min--moz-device-pixel-ratio:2.5), (-webkit-min-device-pixel-ratio:2.5), (min-device-pixel-ratio:2.5), (min-resolution:240dpi), (min-resolution:2.5dppx) {
    .m-confirm-btns .m-btns-confirm::before { width: 300%; height: 300%; -webkit-transform: scale(.33); -moz-transform: scale(.33); transform: scale(.33); -moz-border-radius: 0; border-radius: 0; }
}

/**
 * message
 */
.m-jyb-fixed-msg.apply-success { width: 295px; height: auto; margin: auto; padding-top: 30px; padding-bottom: 30px; position: fixed; z-index: 201; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-border-radius: 12px; border-radius: 12px; background-color: #fff; }
.m-jyb-fixed-msg.apply-success .suc-logo { height: 76px; }
.m-jyb-fixed-msg.apply-success .icon-check-block { width: 76px; height: 76px; }
.m-jyb-fixed-msg.apply-success h2 { margin-top: 20px; margin-bottom: 0; line-height: 28px; }
.m-jyb-fixed-msg.apply-success .fixed-msg-info { margin-top: 15px; padding: 0 21px; font-size: 14px; line-height: 20px; color: #8c8c8c; }
.m-jyb-fixed-msg.apply-success .fixed-msg-btn { width: 235px; height: 44px; margin: 30px auto 0; line-height: 44px; cursor: pointer; text-align: center; -moz-border-radius: 22px; border-radius: 22px; background: #1a8cff; }
.m-jyb-fixed-msg.apply-success .fixed-msg-btn.error-btn { background: #fe1940; }
.m-jyb-fixed-msg.apply-success .fixed-msg-btn a { display: block; font-size: 17px; text-decoration: none; color: #fff; }
.m-jyb-fixed-msg.apply-success .suc-logo.error-logo .icon-cross-block { background-color: #fe1940; -webkit-mask: url(https://static.jiaoyubao.cn/images/common/icon-cross-block.svg) no-repeat; mask: url(https://static.jiaoyubao.cn/images/common/icon-cross-block.svg) no-repeat; }

/*icon 旋转 180*/
.icon-rotatet { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

/* 动画 */
@-webkit-keyframes rotateele {
    0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    from { -webkit-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-moz-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}


/*2019.10.10 - 提交表单和反馈 - lisiyi*/
.form-maintain {width:100%;height:100%;min-width:320px;background:#F7F8F9;}
/* 合作申请界面开始 */.apply-main {position:relative;width:100%;height:100%;background:#f7f8f9;}
.apply-title {width:100%;height:44px;padding:10px;background:#ffffff;text-align:center;border-bottom:1px solid #eeeeee;line-height:24px;}
.apply-title a {float:left;width:24px;height:24px;}
.apply-title a .icon-left-no-bg {display:inline-block;width:28px;height:28px;-webkit-mask:url(https://static.jiaoyubao.cn/images/common/icon-left-no-bg.svg) no-repeat;mask:url(https://static.jiaoyubao.cn/images/common/icon-left-no-bg.svg) no-repeat;background-color:#000;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
.apply-title h1 {display:inline;line-height:28px;font-size:18px;color:#262626;}
.apply-select {position:relative;margin-bottom:14px;}
.apply-select a {position:absolute;top:0;display:inline-block;width:100%;height:100%;line-height:54px;color:#000;}
.apply-select .icon-right-no-bg {display:inline-block;width:20px;height:20px;position:absolute;top:15px;right:20px;line-height:12px;-webkit-mask:url(https://static.jiaoyubao.cn/images/common/icon-right-no-bg.svg) no-repeat;mask:url(https://static.jiaoyubao.cn/images/common/icon-right-no-bg.svg) no-repeat;background-color:#adadad;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
.apply-single-row {margin-bottom:14px;}
.apply-multi-rows {margin-bottom:14px;}
.pop-yan input {float:left;width:108px !important;height:43px;line-height:43px;font-size:14px;background:rgba(0,0,0,0);}
.pop-yan .send-yan {float:right;height:54px;line-height:54px;color:#1a8cff;}
.pop-yan .send-yan::before {content:'';margin-right:10px;border-left:1px solid #d9d9da;transform:scale(0.5);}
.pop-yan .send-yan::after {content:'';margin-right:25px;}
.pop-yan .after-send {color:#ABABAB;pointer-events:none;}
.list-block .single-text {margin-bottom:14px;padding-left:15px;}
.list-block .single-text input {width:100%;height:54px;font-size:15px;}
.list-block {margin-bottom:40px;}
.list-block hr {margin:0 auto;width:92%;height:1px;background:#e5e8ed;transform:scaleY(0.5);}
.list-block .item-title {display:inline-block;width:88px;height:54px;margin-right:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;vertical-align:top;}
.list-block li {width:100%;background:#fff;font-size:15px;color:#262626;line-height:54px;}
.item-input {width:280px;margin-top:-8px;margin-bottom:-7px;flex-shrink:1;}
.list-block .item-content {width:100%;height:54px;box-sizing:border-box;padding-left:15px;min-height:22px;align-items:center;display:flex;justify-content:space-between;}
.list-block input {display:block;width:100%;height:54px;font-size:15px;color:#000;line-height:16px;text-overflow:ellipsis;box-sizing:border-box;border:none;box-shadow:none;}
.list-block textarea {width:100%;height:108px;padding:18px 15px;font-size:15px;}
.city-picker input {color:#000 !important;}
.apply-submit {padding:0px 15px;margin:40px auto;line-height:44px;text-align:center;cursor:pointer;}
.apply-submit a {display:block;width:100%;height:44px;background:#1a8cff;border-radius:22px;font-size:17px;color:#ffffff;text-decoration:none;}
.apply-error {display:none;position:absolute;width:200px;height:44px;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000;line-height:44px;text-align:center;border-radius:4px;opacity:0.6;}
.apply-error span {font-size:14px;color:#FFFFFF;}
/* 合作申请界面结束 *//* 申请成功弹窗开始 */.apply-success {display:none;width:100%;height:100%;padding:50px 15px;background:#ffffff;text-align:center;overflow:hidden;}
.apply-success h2 {display:block;margin:15px auto;font-size:20px;color:#000000;}
.apply-success .suc-text {width:294px;margin:0 auto;line-height:20px;font-size:14px;color:#8c8c8c;}
.apply-success .suc-text a {color:#1A8CFF;}
.apply-success .suc-text a:hover {text-decoration:none;}
.suc-logo .icon-check-block {display:inline-block;width:90px;height:90px;-webkit-mask:url(https://static.jiaoyubao.cn/images/common/icon-check-block.svg) no-repeat;mask:url(https://static.jiaoyubao.cn/images/common/icon-check-block.svg) no-repeat;background-color:#1a8cff;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
.back-home,.back-apply {width:100%;height:44px;line-height:44px;border-radius:22px;text-align:center;cursor:pointer;}
.back-home a,.back-apply a {font-size:17px;text-decoration:none;}
.back-home {margin-top:30px;background:#1a8cff;cursor:pointer;}
.back-home a {color:#ffffff;}
.back-apply {margin-top:15px;background:#ffffff;border:1px solid #1a8cff;}
.back-apply a {color:#1a8cff;}
/* 申请成功弹窗结束 *//* 意见反馈页面开始 */.feedback-main {width:100%;height:100%;background:#F7F8F9;overflow:hidden;}
.feedback-main textarea {display:block;width:100%;height:188px;padding:15px;margin-bottom:12px;}
/* 意见反馈页面结束 */