body {
    height: auto;
}

.js_height {
    height: 21.7rem;
    overflow: hidden;
}

.guanyin_wap {
    padding-bottom: 0.75rem;
}

.gunayin_wap_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gunayin_wap_img span {
    width: 4.875rem;
    font-size: 5rem;
    font-family: FZZYSK1--GBK1-0;
    color: #fff;
    line-height: 8.125rem;
    -webkit-text-stroke: 0.0625rem #e9e9e9;
}

.guanyin_wap_content_new {
    font-size: 0.875rem;
    color: #333333;
    line-height: 1.5em;
}

.guanyin_wap_content_new p span {
    margin-right: 0.625rem;
}

.guanyin_wap_content_new {
    padding: 0 1.25rem;
}

.guanyin_text_box {
    font-size: 0.875rem;
    line-height: 1.5em;
    padding: 1.25rem 0.9375rem;
    padding-bottom: 1rem;
}

.guanyin_text_box h2 {
    font-size: 1.125rem;
    font-weight: bold;
}

.guanyin_text_box img {
    display: block;
    padding: 1rem 0;
    margin: 0 auto;
}

.guanyin_text_box h3 {
    font-size: 1rem;
    padding: 0.75rem 0;
}

.guanyin_text_box p {
    text-indent: 2em;
}

.huangdaxian_text_box {
    font-size: 0.875rem;
    line-height: 1.5em;
    padding-bottom: 0.75rem;
}

.huangdaxian_text_box p {
    font-size: 0.875rem;
    line-height: 1.5em;
    text-indent: 2em;
}

.zhuge_text_box h2 {
    padding-bottom: .75rem;
}

.relate select {
    -webkit-appearance: listbox;
}

.comm-content-left {
    background-color: #ffffff;
}

.gclear input {
    border: 0.0625rem solid #EEEEEE;
}

.mess_window {
    width: auto;
    height: auto;
}

.yuchanqi_04_table tr:nth-child(1) td {
    vertical-align: middle;
}

.yuchanqi_04_table tr td.gray_table_td {
    color: #999999;
    background-color: #f5f5f5;
    font-size: 0.875rem;
    vertical-align: middle;
}

.yuchanqi_04_table tr:nth-child(n+2) td {
    font-size: 0.875rem;
    vertical-align: middle;
}

.c-heaedr_content {
    box-sizing: content-box;
}

body>div {
    display: block;
}

.back {
    text-align: center;
}

/*add by wangzan*/
.relative-head-wrap .relative-head .js-tab-margin {
    margin-right: 1.25rem;
    white-space: nowrap;
}

.relative-head-wrap .content_list_tab {
    flex-wrap: nowrap;
    width: 254%;
    padding: .675rem 0;
}

.relative-head-wrap.content_list_wrap {
    position: fixed;
    top: 0;
    background: #fff;
    padding: 0;
    margin-top: 0;
}

/* crumbs */
.comm-crumbs {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #cccccc;
    font-size: 0.75rem;
    padding: 0.3125rem 0.9375rem;
    background: #FFFFFF;
}

.comm-crumbs-bottom {
    border-bottom: 0.3125rem solid #F4F6F8;
}

.comm-crumbs span {
    display: inline-block;
    float: left;
    width: 0;
    height: 0;
    border-width: 0.3125rem;
    border-style: solid;
    border-color: transparent transparent transparent#0085FF;
}

.comm-crumbs a,
.comm-crumbs h1 {
    display: inline-block;
    margin: 0 0.375rem;
    color: #8A8A8D;
    font-size: 0.875rem;
    white-space: nowrap;
}

.comm-crumbs .text-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comm-crumbs a:hover {
    color: #0085FF;
}

.comm-crumbs div {
    color: #8A8A8D;
}

/* crumbs */
.word .icon-tzg {
    color: #333333 !important;
}

.js-tab-item {
    color: #999999;
}

/* //样式修改 */
/* body{
    background-color: #999999!important;
} */
.idiom-title h2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.idiom-title h2 .word {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .625rem;
}

.section {
    overflow: hidden;
}

.main-head {
    border-radius: 0 0 0.625rem .625rem;
    margin: 0;
    padding: 0 0 .9375rem;
    padding-bottom: 0;
    background: url(../img/shanshui.png) left bottom/100% no-repeat;
    background-color: #ffffff;
}

.idiom-title .icon-tzg {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 2.375rem;
    margin-bottom: .3125rem;
    background: url(../img/tianzi.png) no-repeat center center;
    background-size: 3.75rem 3.75rem;
    overflow: hidden;
    text-align: center;
}


.relative-head-wrap {
    background-color: #ffffff;
    margin-top: .625rem;
    border-radius: .625rem .625rem 0 0;
}

.js-tab-list {
    /* border-radius: .625rem; */
    padding: 0 .625rem;
    box-sizing: border-box;
    background-color: #ffffff;
    padding-top: 0.0625rem;


}

.relative-body {
    padding: 0 !important;
}

.idiom-explain {
    background-color: #f5f5f5;
    padding: 0;
}

.head-idom {
    width: 100%;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 2.1875rem;
}

.word-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .625rem;
}

.word-head .yin {
    font-size: 1rem;
}

.word-head .icon-tzg {
    font-size: 1.4rem;
}

.model-warpper {
    width: 100%;
    padding: 0 .625rem;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: .625rem;
    margin-top: .625rem;
    padding-bottom: 0.625rem;
}

.model-warpper .title {
    width: 100%;
    border-bottom: 0.0625rem solid #e2e2e2;
    font-size: 1rem;
    font-weight: bold;
    padding: .625rem 0;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.model-warpper .title a {
    font-weight: 700;
}

.model-warpper .title span {
    font-weight: 700;
    color: #0085FF;
}

/* .model-warpper .title::after{
    content: '';
    width: 4rem;
    background-color: #3399ff;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: -2px;
} */
.model-warpper .content {}

.model-warpper .content .item {
    display: flex;
    align-items: flex-start;
    padding: .3125rem 0;
    font-size: .875rem;
}

.model-warpper .content .item-left {
    margin-left: -0.5rem;
}

.model-warpper .content .item>span {
    font-size: 1rem;
    min-width: 3.75rem;
}

.model-warpper .content .item>p {
    font-size: 1rem;
    width: 0;
    flex: 1;
}

.model-warpper .content .item-expain {
    padding: .3125rem 0;
    font-size: 1rem;
    text-align: justify;
    line-height: 2rem
}

.item-expain-flex {
    display: flex;
}

.item-expain-flex h3 {
    min-width: 3.75rem;
}

.item-expain P {
    text-indent: 2em;
}

.model-warpper .content .item-expain h3 {
    font-size: 1rem;
    white-space: nowrap;
    line-height: 1.8rem;
}

.model-warpper .content .item-expain .expain-p {
    padding-left: 0.525rem;
    font-size: 1rem;
    text-indent: 0em;
    line-height: 1.8rem;
}

.model-warpper .content .item-expain .expain-p a {
    /*color: #0085FF;*/
    text-decoration: underline;
}

.model-warpper .content .item-expain .expain-p a:hover {
    color: #0085FF;
    text-decoration: none;
}

.model-warpper .concat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: .625rem;
    line-height: 1.875rem;
    margin-left: -0.625rem;
}

.model-warpper .concat .cy {
    font-size: 1rem;
    width: 5.25rem;
    text-align: center;
    color: #3399ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model-warpper .concat .cy:first-child {
    color: #000000;
}

.model-warpper .concat img {
    height: 1rem;
}

.model-warpper .concat .about {
    /* padding: 0 .4375rem; */
    padding-left: .625rem;
    height: 1.8125rem;
    overflow: hidden;
}

.model-warpper .concat .about a {
    font-size: 1rem;
    text-decoration: underline;
}

.model-warpper .concat .about a:hover {
    color: #0085FF;
    text-decoration: none;
}

.model-warpper .content .item .word {
    flex-direction: column;
    align-items: center;
    width: 100%;

}

.model-warpper .content .item .word span {
    font-size: 1rem;
    margin: 0.625rem 0;
    display: block;
}

.model-warpper .content .item .word a {
    font-size: 3.125rem;
}

.model-warpper .content .hr {
    border-bottom: 0.0625rem solid #e2e2e2;
    padding: .9375rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.model-warpper .content .hr:last-child {
    padding-bottom: 0;
}

.model-warpper .content .hr .zi-content {
    display: block;
    width: 100%;
}

.model-warpper .content .hr .zi-about {
    display: flex;
    width: 100%;
    margin-top: 1.25rem;
}

.model-warpper .content .hr .zi-about li {
    width: 33.3333%;
    background-color: #f5f5f5;
    font-size: 1rem;
    text-align: center;
    border-radius: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .5rem;
    margin-right: .3125rem;
}

.model-warpper .content .hr .zi-about li:nth-child(4) {
    margin-right: 0;
}

.hr-expain {
    font-size: .875rem;
}

.model-warpper .content .hr .briefinfo {
    /*max-height: 6rem;
    box-sizing: border-box;
    width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.2rem;*/
}

.model-warpper .content .hr .briefinfo .pinyin {
    font-weight: bold;
    font-size: .875rem;
}

.briefinfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    line-height: 1.8rem;
    font-size: 1rem;
}

/*ad*/
.touchable .show {
    padding: 0 !important;
    background-color: rgba(255, 255, 255, 0.2)
}

.show {
    width: 100%;
    padding: 0.375rem .625rem 0 .625rem;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: .625rem;
    margin-top: .625rem;
}

/*as*/
.page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.375rem;
    padding: 0 0.9375rem;
    background-color: #fff;
    border-bottom: 0.0625rem solid #f2f2f2;
    background-color: #FFFFFF;
}

.page-more {
    display: flex;
    justify-content: space-between;
    width: 6.25rem;
    margin: 0 0.9375rem;
}

.page>.page-next {
    padding-right: 1.25rem;
    text-align: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVBAMAAACAghKHAAAALVBMVEUAAAA6fO85e+45fO85e/I/f/Y4fO85fO47ffM5e+85fO85fPA5e/A7gPE4e+7n6chBAAAADnRSTlMAkvLcOhx/5Sm8r3V0OLMQ7VEAAAA9SURBVAjXY9iewAACdQ/BVN47ARDF+A7ClSOO+wZEseq9AlHB73RBHLtHDmCOCl4Owzwwh8EOzGFoawCRAICnHJM9fiZOAAAAAElFTkSuQmCC) right center/0.375rem 0.8125rem no-repeat;
    width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-larr-blue {
    padding-left: 1.25rem;
    background-position: left center;
    background-size: 0.375rem 0.8125rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVBAMAAACAghKHAAAAKlBMVEUAAAA6fO85e+45fPI5fO8/f/Y4fO85fO47ffM5e+85fO85fPA5e/A4e+5D4GldAAAADXRSTlMAkvI63Bx/5Sm8r3V0Ci2KsQAAADlJREFUCNdjAAGODDBldAVEMuveBHPuuoI5VwKI4DCsvRQAos7eFQBRjHcvgg2UJY57DcK9DqbYqgF2DBqpyIzFeQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-more>.icon-home {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAArlBMVEUAAAD////19fX09PT19fX39/f////19fX09PT19fX19fX09PT09PT09PT19fX09PT19fX19fX19fX19fX09PT29vb29vb19fX29vb4+Pj39/f////4+Pj09PSZmZny8vLk5OSysrLW1tbDw8Ovr6/s7OycnJzOzs6goKDR0dHLy8vu7u7c3NypqanAwMDp6em5ubng4OCioqKenp7Y2NimpqbGxsa0tLS9vb3m5uY5iIF/AAAAHXRSTlMAB9/uTR0T+fHl4tXS0cW7sZ2Uko9xbGhSRT8BJ0ALQfAAAAMLSURBVFjDxZnZeqowFEYjeLCt81xtf0CcFaVOtX3/FzsEaFGSECX4dV3048Iuk+wddrIlEoxBr1WvaHqppGuVeqs3MEh2CsVOFQzVTrGQxfY2bD5BwFNz+Hbv4PoaUtH6hXt03WdIee7erCxquAmteJPuXwM30/gn973quAP9VbZ6bdxJO3UljRrupmakLF8ZGSgLF/L9BZl4eReMj/qyGbljNMrITNngxLcGBWpsrNtQos3kMxR5TQREhyL6dWAaUKZx9X5BDhQvIqxBgjs5nMYWfbJPZsBs4uIaLY50FxI+A8dmCuDD/CVp7P4OUPZ+HkeGkwesYuEo+Q7/GWIf6XyZPl97/8/+G3BWARPTXCBBP6pv6StoBZNcYkoXb2EjYssRamEtHKb7ztTnAJhu/IfDLkWIIaE0kcJ6RCN6DJ8n9NlNETaDkAjqOeOI7ULhUyEtqeNZsvOPhWxydyS+hc1GSCjs+MIqRHgnmik2J4fmgEPzkKFKiAER9j7M5QRbalzRfFyDxSADoW8R7DbBPhyDz4D0wGd3EPii3bcFlx5pgYs78/9psgaXOTV+WODQInXwOFLfaA0BS6GxTirg4Jg+ZwtCnOALOR+oEE02gPuWRCO6YNG/kI7LD5pOSmx8w7SQsVvQaSBBiSM8+h/8hG0jjfXOook6YoS8KW83S7qMc4iZ7s2N5Y0mNjtlDVxGzLczs/gGB41UhMIJxNC84q5JhdTzFdZJK19hi/TkQu9zHOFIhT0ykAv35i+OTDgghlQ4NWPGMqERlAC5cLbwuUFYDYuUXLikDzO5sMOUUUVhMSj0SkK20JNmfsImoQzzEw6j45ySkD3OkX5ewn7Kkfhsmpu1FbD72SELWmhCaJXwIDoSk67geBBjh6O+5IAk3bRrhXcwLziD4l4JVxBdK/jJ7V68EkbTqLzOLna1xSS15Gq2duchSzsuJcd5iOMhSSP3y+Njr7fqF/BHtwjUmxiPb7OoN4Ie36pSb6Y9vt2n3pBUb5n+QVNXoe2s2hjPuXX/9z8uZP354z8DREU8yYZgwAAAAABJRU5ErkJggg==) center center/2.5rem 2.5rem no-repeat;
}

.page-more>.icon-back {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAllBMVEUAAAD////19fX09PT19fX19fX19fX39/f19fX09PT09PT09PT09PT19fX09PT19fX19fX09PT29vb29vb19fX29vb4+Pj39/f////////////4+Pj09PSZmZnExMTR0dGvr6+srKzs7Ozp6emfn5+0tLTMzMzi4uK6urrm5uacnJzu7u6jo6Pe3t7Jycm+vr6np6fX19fYEOD5AAAAHHRSTlMAB9/w5JNNHfvs1dLRxbuxnY9xbGhSRT8UEgEnE5c2iQAAAn5JREFUWMPFmdt6qjAQRmM41PMREe0PKkUURavv/3Jb6a572wwEEvi6LrlY35AZMsnAJHjuzBr2eKfd7vDe0Jq5HlOnZU/6EOhP7JaKbbUYG8jBGC9WVYNzOArhTquKbmpCijktrbQ5SsHtUrq3EUozepP75gYqYMxlq2ehIlbhSi4HqMxgWbB8XSjQzV3IdxNKmO858ZlQxCRjXHahTHdJ5HcADQZiri1oYQn1DE3mPxJiQBPjNTEjaDN62V9QA/Z/GeaoAf4v01PUwvQZoIlaML9DdFDM6bJDKRyWseISXeRvUAr+1QsXKCAMIt8vK8QiE44lugrCcZYSI1939P1KQqMlFLWgE4TS4p7Qus+77sn245sTCpnchX2IfGQ6muh6iM/Ioc+YR+l8Gdc4BInHXPFtN34JohsoXDaDyLmU8gCCWc7Wf969hrN9co2eTz/JVjAEcpV02ZzOQepnxBAYsh7y2O/y63AdZYGLRdRjHJArN2IlZEEGwnPOOoBESQqRHB8hCo87rI1ikgMtRODf2eMHbUFIKUlhQqalLbwyqYxBkFK12GEcqjyWdycmpQdVHou7FctmqCW8ioVtab3yVvz0ZlDlSq3hjLlQJCR3HJd5UORC1qHHWF8xwGx7SMQWwCZQ4ZTtwSnVpGwokGzpDdGmGr2c/d+mmIqNPv8oEq5J4kuwS/0vjmfyKMIWdBS+lDXow9KKKwnTW95xjjkKwuMhhIBDH4nlwmgTnyBitooO7WFAconXtwQ009qvFXVffOq+mtV+eWz2eqt/AW96RKA/xGh+zKI/CGp+VKU/TGt+3Kc/kNQfmTY61NUfOzc5GNcf3f/+zwXV3x9/AIYDKhg4ukHzAAAAAElFTkSuQmCC) center center/2.5rem 2.5rem no-repeat;
}

.page-more>a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}

.ggwrap {
    background-color: #ffffff;
}

.lastmodel {
    border-radius: .625rem .625rem 0 0;
}

.firstmodel {
    border-radius: 0 0 .625rem .625rem;
    /* margin-top: 0; */
}

.name-color {
    width: 3.75rem;
    color: #0085FF;
}

.ad-img {
    width: 1rem;
    height: 1rem;
    display: block;
    background: url(../img/icon-play.png) no-repeat;
    background-size: 100%;
    margin-left: 0.625rem;
}

/* search */
.search-mod {
    display: flex;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 0.625rem;
    border-radius: 0.875rem;
}

.search-mod .search-input {
    background-color: #F4F5F7;
    padding-left: 0.8125rem;
    width: 100%;
    font-size: 0.875rem;
    color: #222222;
    height: 2rem;
    line-height: 2rem;
    border: 0.0625rem solid #F4F5F7;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.search-mod .search-input input {
    width: 95%;
}

.search-mod .search-input .input-content {
    font-size: 1rem;
    width: 98%;
}

.search-mod .search-btn-mod {
    width: 5rem;
    text-align: center;
    background-color: #3366FF;
    border: 0.0625rem solid #3366FF;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    height: 2rem;
    line-height: 2rem;
}

.search-mod .search-btn-mod .btn-search {
    font-size: 1rem;
    color: #FFFFFF;
    margin-right: 0.6875rem;
}

/* search */

/* 广告样式 */

.search-content-list {
    padding-top: 0.625rem !important;
}

.idiom-jinfan {
    /*color: #3399ff;*/
    white-space: nowrap;
}

.relative-head-wrap {
    padding: 0 .625rem;
    padding-bottom: 0;

    overflow: hidden;
    display: inline-block;
    border-bottom: 0 !important;
    overflow-x: scroll !important;
}

.sentence-list>li {
    padding-left: 0;
}

.gg-box {
    margin-top: .625rem;
}

.relative-head {
    max-height: none !important;
    width: 255%;

}

.item-expain-but {
    width: 100%;
    display: flex;
    justify-content: center;
}

.item-expain-but a {
    padding: .325rem 1rem;
    display: inline-block;
    background-color: #0085FF;
    color: #fff;
    border-radius: 1.875rem;
    margin: 0.625rem 0;
}

.mt-0 {
    margin-top: 0 !important;
    border-radius: 0;
}

.new_g {
    margin-top: 0.625rem;

}

.new_nav {
    background-color: #fff;
    z-index: 999999;
    box-shadow: 0 0.0625rem 0.5rem rgb(39 39 39 / 40%) !important;
}

.new_nav .relative-head>.active {
    color: #346ff6;
    border-bottom-color: #346ff6;
}

.new_nav .relative-head>a {
    line-height: 2.825rem;
    text-align: center;
    border-bottom: 0.1875rem solid transparent;
    margin: 0 0.625rem !important;
}

.new_nav .content_list_tab {
    padding: 0;
    margin: 0;

}

.new_nav .relative-head {
    font-size: .975rem !important;

}

.new_1,
.new_2,
.new_3 {
    margin-left: 0 !important;
    padding-top: .325rem !important;
}

.new_1 .about {
    margin-left: 0;
    margin-right: 0.625rem;
    padding-left: 0 !important;

    font-size: .975rem;
    height: 2rem;
    display: block;
    overflow: hidden;
}

.new_1 .about:nth-of-type(3n) {
    margin-right: 0 !important;
}

.new_2 .about {
    padding-left: 0 !important;
    width: 100%;
}

.new_3 .about {
    width: 48%;
    margin-right: 2%;
    padding-left: 0 !important;
    font-size: .975rem;
}

.new_3 .about:nth-of-type(2n) {
    margin-right: 0 !important;
}

.new_3 .about {
    padding-left: 0 !important;
}


.dplayer-time span {
    color: #fff !important;
}

.color_blue {
    background-color: #0c8afd;
    color: #fff;
    padding: 0.25rem 0.3125rem;
    border-radius: 0.25rem;
    margin: 0.625rem auto;
    display: block;
    justify-content: center;
    width: 15rem;
    text-align: center;
}

.lanmu_7 {
    margin-bottom: 0.625rem;
    border-bottom: 0.625rem solid #f8f8f8;
}

.color_bt {
    color: #0c8afd;
}

.idiom_o {
    padding-top: 0 !important;
    border-top: 0 !important;
    display: inline-block;
    width: 100%;
}

.idiom_o .idiom_img {
    width: 8.75rem;
    display: block;
    float: left;
    margin-right: 0.625rem;
}

.idiom_o .name_t p {
    font-size: 1rem;
    height: 1.75rem;
    display: block;
    overflow: hidden;
}

.idiom_o .name_t span {
    font-size: 0.75rem;
    line-height: 1.25rem;
    height: 2.5rem;
    display: block;
    overflow: hidden;
}

.idiom_o li {
    margin-bottom: 0.625rem;

    display: block;
    float: left;

}

.name_t {
    width: 12.812rem;
    float: left;
}

/*视频*/
.video_sp {
    margin-top: 0.625rem;
    overflow-y: scroll;
    display: flex;
    height: inherit;
}

.video_sp li {
    margin-right: 0.625rem;
    background-color: #f8f8f8;
    border-radius: 0.375rem;
}

.video_sp li a {
    width: 7.5rem;
    display: inline-block;
}

.video_sp li a em {
    color: #333;
    font-size: 0.875rem;
    font-style: normal;
    text-align: center;
    width: 100%;
    display: inline-block;
    float: left;
    height: 1.5rem;
    overflow: hidden;
    line-height: 1.5rem;
}

.video_sp li a img {
    float: left;
}

.exp {
    width: 100%;
    border-bottom: 0.625rem solid #f5f5f5;
    padding: 0.625rem 0;
}

.exp a {
    background-color: #06bd01;
    color: #fff;
    text-align: center;
    line-height: 3rem;
    margin: 0 .625rem;
    display: block;
    border-radius: 0.5rem;
    font-size: 1rem;
}

.xin_tj {
    border-top: 0.0625rem solid #ebebeb;
    border-bottom: 0 !important;
    display: inline-block !important;
    padding-bottom: 0 !important;
    line-height: 2rem;

}

.xin_tj p {
    float: left;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
}

.xin_tj a {
    float: right;
    color: #666;
    font-size: 0.75rem;

}

.video_ant {
    width: 100%;
    overflow-y: hidden;
}

.video_ant_a {
    flex-wrap: nowrap;
    overflow-y: scroll;
    display: flex;
}

.video_ant_a a {
    line-height: 2rem;
    border: 0.0625rem solid #cecdd2;
    border-radius: 0.25rem;
    color: #666;
    padding: 0.1875rem 0.625rem;
    margin-right: 0.625rem;
    white-space: nowrap;
}

.video_ant_a a.art {
    border: 0.0625rem solid #0c8afd;
    color: #0c8afd;
}

.on .video_ant_a {
    width: 100% !important;
    display: inline-block !important;
}

.on .video_ant_a a {
    margin-right: 0.492rem !important;
    margin-bottom: 0.625rem;
    display: inherit;
    float: left;
    padding: 0.375rem 0.8125rem;
    width: 9.15rem !important;
}

.on .video_ant_a a:nth-of-type(2n) {
    margin-right: 0 !important;
}

.story_content {
    font-size: 1rem;
    line-height: 2rem;
}

.exp_img {

    width: 70%;

    margin: 0 auto;
    justify-content: center;
    text-align: center;

}

.exp_i {
    position: absolute;
    z-index: 999;
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 30% 0;
    justify-content: center;
}

.exp_i a {
    width: 70%;
    position: absolute;
    margin: 0 auto;
    top: 80%;
    background-color: #292d30;

}

.click {
    position: fixed !important;
    top: 2.75rem;
    left: 0;
    right: 0;
    background-color: #f8f8f8 !important;
    z-index: 3;
    border-radius: 0 !important;

}

.xin_z {
    border-bottom: 0.625rem solid #f8f8f8;
    display: inline-block;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;

}

.xin_z .title,
.xin_z .video_ant {
    padding: 0 .625rem;
}

.xin_z .xin_tj {
    padding-top: 0.325rem !important;

}

.xin_z .video_ant {
    padding: 0.625rem !important;
}

.model-warpper .more_new {
    color: #1858ea;
    width: 12.5rem;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.feedback {
    position: absolute;
    right: 0;
    color: #0C8AFD;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.title .xh_ad_wan {
    position: absolute;
    right: 1rem;
    color: #0C8AFD;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.content .add_opacity {
    opacity: 0;
    float: right;
    width: 0rem;
    height: 0rem;
}

.model-warpper .content .item .word a {
    background: url(../img/tianzi.png) no-repeat center center;
    background-size: 3.75rem 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
    text-align: center;
    line-height: 3.75rem;
    display: block;
}

.lanmu_7 ul li {
    /*width: auto;*/
    height: 2.625rem;
    overflow: hidden;
}

.lanmu_7 ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lanmu_7 ul .pad_l_10 {
    width: auto;
}

.lanmu_7 ul .pad_l_10 a {
    padding: 0 0.625rem
}

.lanmu_3 ul li {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lanmu_3 ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.back_F4F6F8 {
    min-height: 25rem;
}

.spell_Text_box {
    margin: 1.25rem auto;
    overflow: hidden;
    background-color: #ffffff;
    display: flex;
}

.sightwords_Text_box {
    width: 21.9375rem;
    margin: 1.25rem auto;
    border-radius: .75rem;
    overflow: hidden;
    background-color: #ffffff;
}

.spell_Text {
    display: flex;
    margin-bottom: .875rem;
}

.spell_Text_left {
    width: 5.32rem;
    flex: 0 0 5.32rem;
    background-color: #eeeeee;
}

#box2_left ul {
    border-bottom: .0625rem solid #ffffff;
}

#box2_left ul span {
    padding-left: 1.25rem;
    display: block;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: .875rem;
    background-color: #EEEEEE;
}

#box2_left ul span.smblue {
    background-color: #0085FF;
    color: #ffffff;
}

#box2_left ul span.smblue b {
    color: #ffffff;
}

#box2_left ul span b {
    float: right;
    margin-right: .5rem;
}

#box2_left ul li {
    display: none;
    cursor: pointer;
    padding-left: 1.25rem;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: .875rem;
    background-color: #F4F6F8;

}

#box2_left ul li:hover {
    color: #0085FF;
}

#box2_left .ul1 li {
    display: block;
}

#box2_left ul li.js_color a {
    color: #0085FF;
}

.sightwords_right_ul {
    display: flex;
    flex-wrap: wrap;
}

.sightwords_r_item {
    width: 3.5rem;
    margin-left: .8rem;
    margin-bottom: .875rem;
    text-align: center;
}

.sightwords_r_item p a {
    display: block;
    font-size: 1rem;
    color: #222222;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    text-align: center;
}

.idiom_page {
    display: flex;
    margin: 1.25rem 0;
}

.idiom_page ul {
    margin: 0 auto;
}

.idiom_page ul li {
    float: left;
    margin: 0 0.3125rem;
}

.idiom_page ul li a {
    padding: 0.25rem 0.625rem;
    display: block;
    border-radius: 0.25rem;
    background-color: #ebebeb;
    border: 0.0625rem #ebebeb solid;
}

.idiom_page ul li a.active {
    background-color: #0085FF !important;
    color: #fff;
    border: 0.0625rem #0085FF solid;
}

input::-webkit-input-placeholder {
    color: #333 !important;
    font-size: 0.875rem !important;
}

.lanmu-news {
    border-top: 0.625rem solid #ebebeb;
}

.font-s {
    padding: 0.9375rem;
    font-size: 0.875rem;
    line-height: 1.625rem;
    border-bottom: 0.0625rem solid #ebebeb;
}

.font-s i {
    font-weight: 700;
    color: #0c8afd;
    margin-right: 0.625rem;
}

.font-s a {
    margin-right: 0.625rem;
    text-decoration: underline;
    display: inline-block;
}

.lanmu-news .red {
    color: #0085FF;
    font-style: normal;
}

.ci ul {
    display: inline-block;
    width: 100%;
}

.ci ul li a {
    padding: 0.9375rem;
    display: block;
}

.ci ul li a {
    font-size: 0.875rem
}

.ci ul li a p {
    font-size: 1rem !important;
    margin-bottom: 0.25rem;
}

.ci ul li a p,
.ci ul li a p em.red {
    font-weight: 700;
}

.ci ul li a:hover p {
    color: #0085FF;
}

.ci ul li a .em {
    color: #999;
    font-style: normal;
}

.ci ul li {
    border-bottom: 0.0625rem solid #ebebeb;
}

.ci ul li a:hover {
    background-color: #f4f6f8;
}

.video_new {
    padding: 0.9375rem;
    border-top: 0.0625rem solid #ebebeb;
    border-bottom: 0.625rem solid #ebebeb;

}

.video_new a.img {
    width: 100%;
}

.video_w {
    position: relative;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    display: block;
}

.new_bt {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    text-align: center;
    width: 90%;
    vertical-align: bottom;
    height: 2rem;
    bottom: 0;
    padding: 0 5%;
}

.new_bt p {
    float: left;
    color: #fff;
    line-height: 2rem;
    font-size: 1rem;
}

.new_bt em {
    line-height: 2rem;
    font-style: normal;
    color: #fff;
    font-size: 0.75rem;
    float: right;
}


.enbox p,
.encs {
    color: #339900 !important;
    word-wrap: break-word;
    white-space: normal;
}

.smcs {
    font-weight: bold;
    color: #d36b2d !important;
}

.dicpy {
    font-size: 20px;
    font-family: Arial;
    color: #d36b2d !important;
}

.z_ts2 {
    float: left;
    margin-right: 0.625rem;
    background-color: #0085ff;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
    color: #fff;
    line-height: 1.25rem;
    font-size: 0.75rem;
    margin-top: 0.125rem;
}

@media (min-width: 750px) {
    html{
         max-width: 750px !important;
         font-size:2rem!important;
         margin: 0 auto;
     }
    body{
        max-width: 750px;
        margin:0 auto!important;
    }
}