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: 1px 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: 14px;
    vertical-align: middle;
}
.yuchanqi_04_table tr:nth-child(n+2) td{
    font-size: 14px;
    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: 20px;
    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(../images/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(../images/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: 1px;


}

.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: 1px 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: -8px;
}
.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: 1.5rem
}
.item-expain-flex{
    display: flex;
}
.item-expain-flex h3{
    min-width: 60px;
}
.item-expain P{
    text-indent: 2em;
}
.model-warpper .content .item-expain h3{
    font-size: 1rem;
    white-space:nowrap;

}
.model-warpper .content .item-expain .expain-p{
    padding-left: 0.525rem;
    font-size: 1rem;
    text-indent: 0em;
}
.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: .875rem;
    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: .8175rem;
    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: 1px 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: .8715rem;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .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: 2.25rem;
    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: 70px;
    padding: 0 15px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    background-color: #FFFFFF;
}
.page-more {
    display: flex;
    justify-content: space-between;
    width: 100px;
    margin: 0 15px;
}
.page>.page-next {
    padding-right: 20px;
    text-align: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVBAMAAACAghKHAAAALVBMVEUAAAA6fO85e+45fO85e/I/f/Y4fO85fO47ffM5e+85fO85fPA5e/A7gPE4e+7n6chBAAAADnRSTlMAkvLcOhx/5Sm8r3V0OLMQ7VEAAAA9SURBVAjXY9iewAACdQ/BVN47ARDF+A7ClSOO+wZEseq9AlHB73RBHLtHDmCOCl4Owzwwh8EOzGFoawCRAICnHJM9fiZOAAAAAElFTkSuQmCC) right center/6px 13px no-repeat;
    width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.icon-larr-blue {
    padding-left: 20px;
    background-position: left center;
    background-size: 6px 13px;
    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/40px 40px 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/40px 40px no-repeat;
}
.page-more>a {
    width: 40px;
    height: 40px;
    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(../images/icon-play.png) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}

/* 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;*/
}
.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: 30px;
    margin: 0.625rem 0;
}
.mt-0{
    margin-top: 0 !important ;
    border-radius: 0;
}

.new_g{
    margin-top: 10px;

}
.new_nav{
    background-color: #fff;
    z-index: 999999;
    box-shadow: 0 1px 8px 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: 3px solid transparent;
    margin: 0 10px !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: 10px;
    padding-left: 0 !important;
    width: 31%;
    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: 4px 5px;
     border-radius: 4px;
     margin: 10px auto;
     display:block;
     justify-content: center;
     width: 240px;
     text-align: center;
 }
.lanmu_7{
     margin-bottom:10px;
     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: 6px;
}
.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: 8px;
    font-size: 1rem;
}
.xin_tj{
    border-top: 1px 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: 1px solid #cecdd2;
    border-radius: 4px;
    color:#666;
    padding: 3px 10px;
    margin-right: 0.625rem;
    white-space: nowrap;
}
.video_ant_a a.art{
    border: 1px 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: 10px 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: 200px;
    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: 0px;
    height: 0px;
}
.model-warpper .content .item .word a{
    background: url(../images/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:42px;
    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 10px
}
.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:20px 0;
}
.idiom_page ul{
    margin: 0 auto;
}
.idiom_page ul li{
    float: left;
    margin: 0 5px;
}
.idiom_page ul li a{
    padding: 4px 10px;
    display: block;
    border-radius: 4px;
    background-color: #ebebeb;
    border: 1px #ebebeb solid;
}
.idiom_page ul li a.active{
    background-color: #0085FF !important;
    color:#fff;
    border: 1px #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;
}

.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;
}