@charset "utf-8";

::-webkit-scrollbar {
    
    width: 14px;
    height: 14px;
    overflow:auto;
    
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* 公共 */
/* h1 首标题 */
div, h1 {
    line-height: 2.2rem;
    
}

/* 页的大标题 */
h2 {
    font-size: 18px;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 35px;
}

/* 页的分段标题 */
h3 {
    font-size: 1.1rem;
    text-align: left;
    padding-top: 1.4rem;
    padding-bottom: 0;
}

/* 文章标题 */
h4 {
    font-size: 1.1rem;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
}

/* 行内标题 */
h5 {
    font-size: 0.95rem;
    text-align: left;
}

/* 缩进行内标题 */
h6 {
    font-size: 1rem;
    text-align: left;
    text-indent: 2rem;
}

/* 文内重要词 */
em {
    font-size: 1rem;
    font-style: italic;
    font-weight: bold;
}

/* part标题*/
.part_title {
    line-height: 1rem;
    color: #333;
    padding: 0.5rem 1rem;
    font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-style: italic;
    font-weight: 600;
    background-color: #fff;
}

.part_title >span{
    display: inline-block;
    font-size: 0.9rem;
}

.part_title >span>span{
    display:inline-block;
}

.part_title2 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #d40f54;
    padding-top: 1rem;
    padding-left: 1rem;
    border-top: solid 1rem #c9caca;
}

/*划字取词说明*/
.dic_intro {
    padding: 5px 8px;
    font-weight: normal;
    color: #ffc600 !important;
    border-radius: 10px;
    width: 90px;
    background-color: #fefaee;
    font-size: 0.7rem !important;
    margin-top: 0.5rem;
}

.dic_intro:before{
    /*font-family: fontAwesome;
    content: "\f05a";
    float: left;
    text-indent: 0;
    font-size: 1rem;
    color: #fff;*/
}

.night .part_title .dic_intro{
     /*background-color: #151515;*/
}

/*正文字体*/
.contentfont {
    font-family: Book Antiqua;
    color: #010835;
    font-size: 1rem;
}

.textjustify {
    text-align: justify;
}

/*readaloud*/
.readaloud {
    padding: 0.5rem 1rem;
    margin: 0;
}

/*darkblue*/
.darkblue {
    background-color: #F5F5F5;
}


table > tbody > tr > td {
    padding: 0.5rem;
    vertical-align: top;
    font-size: 1rem;
}

/* 以下是系统 */
[data-main] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: table;
    visibility: hidden;
    /* min-width: 700px; */
}

    [data-main] > header {
        width: 100%;
        display: table-row;
        height: 64px;
        background: #FFDB74;
        color: #333;
        font-family: 'Segoe UI',Arial,Helvetica,Sans-Serif;
        
    }
    


        [data-main] > header > div {
           /*  margin-left: 11px;
            padding-left: 8px;
            padding-right: 16px;
            */
            height: inherit;
        }

            [data-main] > header > div > div {
                display: inline-block;
                text-align: center;
                font-weight: bold;
                font-size: 15px;
                    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
            }

                [data-main] > header > div > div > * {
                    /*margin-top: 11px;
                    line-height: 16px;*/
                }

                [data-main] > header > div > div > div {
                    font-weight: bold;
                    font-size: 16px;
                    /*position: fixed;*/
                    top: 1px;
                }


                [data-main] > header > div > div > label {
                    display: inline-block;
                    font-weight: normal;
                    font-size: 12px;
                    position: fixed;
                    top: 28px;
                }

            [data-main] > header > div > nav {
                display: inline-block;
                float: right;
                font-size: 12px;

            }

            [data-main] > header > div > nav >ul{ 
                padding-right: 15px;
            }

                [data-main] > header > div > nav > ul > li {
                    background-repeat: no-repeat;
                    background-size: 24px;
                    background-position: center 6px;
                    float: left;
                    vertical-align: bottom;
                    line-height: 34px;
                    height: 50px;
                    width: 60px;
                    text-align: center;
                    position: relative;
                    cursor: pointer;
                }

                    [data-main] > header > div > nav > ul > li:hover > span {
                        color: #D16B00;
                    }

                    /*
                    [data-main] > header > div > nav > ul > li[class=hidden] {
                        border-right-width: 0px;
                    }
                    */

                    [data-main] > header > div > nav > ul > li > span {
                        display: inline-block;
                        line-height: 12px;
                        /* vertical-align: bottom; */
                        /* height: 12px; */
                        /* top: 14px; */
                        position: absolute;
                        color: #333;
                        font-size: 12px;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                    }

                    [data-main] > header > div > nav > ul > li >div > span {
                        font-size: 12px;
                        bottom: 0;
                        position: absolute;
                        width: 100%;
                        left: 0;
                        line-height: 12px;
                    }
                    
                    [data-main] > header > div{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }

.writingmarkingcmd {
    background-image: url('images/writingmarking.png');
}

    .writingmarkingcmd[data-checked] {
        background-image: url('images/writingmarking_off.png');
    }

.zoomcmd {
    background-image: url('images/zoom.png');
}

.notecmd {
    background-image: url('images/note.png');
}

    .notecmd[data-checked] {
        background-image: url('images/note_off.png');
    }

.newwordscmd {
    background-image: url('images/newwords.png');
    /*
    position: absolute;
    right: 25%;
    */

}
.newwordscmd:hover {
    background-image: url('images/newwords_.png');
}
.newwordscmd:hover span {
    color: #333;
}
.dictionarycmd {
    background-image: url('images/dictionary.png');
}

    .dictionarycmd[data-checked] {
        background-image: url('images/dictionary_off.png');
    }


.errorlistscmd {
    /*background-image: url('images/errorlist.png');*/
    background-repeat: no-repeat;
}

.gobackcmd {
    background-image: url('images/goback.png');
    /*margin-left: 21%;*/
}
.gobackcmd:hover {
    background-image: url('images/goback_.png');
    color:#FFDB74;
}
.gobackcmd:hover span {
    color: #333;
}
.playchaptercmd {
    background-image: url('images/playchapter.png');
}

.playchaptercmd:hover {
    background-image: url('images/playchapter_.png');
}
.playchaptercmd:hover span {
   color: #333;
}
.playchaptercmd[data-playing]{
    background-image: url('images/pausechapter_.png');
}

.playchaptercmd[data-playing] >span{
    color:#333;
}

.playchaptercmd[data-playing]:hover{
    background-image: url('images/pausechapter_.png');
}

.moremenucmd {
    /*background-image: url('images/more.png');*/
    position: fixed;
    right: 15px;
    bottom: 0px;
}

.towordslistcmd {
    background-image: url('images/learn.png');
    /*
    position: absolute;
    left: 0px;
    */
}
.towordslistcmd:hover {
    background-image: url('images/learn_.png');
}
.towordslistcmd:hover span {
    color: #333;
}

.towordslistcmd[data-checked] {
        background-image: url('images/learn_off.png');
    }

.exercisecmd {
    background-image: url('images/exer.png');
    /*
    position: absolute;
    left: 25%;
    */
}
.exercisecmd:hover {
    background-image: url('images/exer_.png');
}
.exercisecmd:hover span {
    color: #333;
}
.statuscmd {
    background-image: url('images/status.png');
    /*
    position: absolute;
    left: 25%;
    */
}

[data-main] > footer {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #FFDB74;
    color: #333;
    border-top: solid 1px #f1e3bb;
}

    [data-main] > footer > div {
        display: flex;
        justify-content: space-around;
        margin: 0 1rem;
        text-align: center;
        height: 50px;
        line-height: 50px;
        margin-left: 12px;
        margin-right: 12px;
        font-size: 12px;
    }

    .menubuttonbar {
        
    }
        .menubuttonbar > div {
            display: inline-block;
            text-align: center;
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: center 6px;
            padding-left: 12px;
            padding-right: 12px;
            /*height: inherit;
            line-height: inherit;*/
            vertical-align: top;
            cursor: pointer;
        }

        /*
        .menubuttonbar > div:first-child {
            float: left;
            padding-left: 14px;
            padding-right: 14px;
        } 
        */       

        .menubuttonbar > div:last-child {
            float: right;
            padding-left: 0px;
            padding-right: 0px;
        }        

            .menubuttonbar > div > span {
                display: inline-block;
                position: relative;
                vertical-align: middle;
                margin-top: 12px;
            }
            
            /* 默认语速速度（请勿修改） */
			.speedadjust {
			    background-image: url('images/speedadjust_1.png');
                /*background-size: 40px !important;
                background-position: 12px 0 !important;
                padding-right: 16px !important;*/
			}
            
            .speedadjust:hover>span{
                color:#333;
            }
            
			/* 自定义三个速度，图片命名必须是speedadjust_ + 速度（小数点用_代替），
            可用速度必须在 <div data-controltype="none" class="speedadjust" data-id="speedadjustcmd" data-menucmd data-value='1' data-range='0.8|1|1.2'> 中的 data-range 中指定 */
			/*[data-id="speedadjustcmd"][data-value="1"]:hover {
			    background-image: url('images/speedadjust_1_.png') !important;
            }*/
            
            [data-id="speedadjustcmd"][data-value="0.8"]{
                background-image: url('images/speedadjust_0_8.png') !important;
            }
            /*[data-id="speedadjustcmd"][data-value="0.8"]:hover {
			    background-image: url('images/speedadjust_0_8_.png') !important;
            }*/
            [data-id="speedadjustcmd"][data-value="1.2"] {
			    background-image: url('images/speedadjust_1_2.png') !important;
            }
            /*[data-id="speedadjustcmd"][data-value="1.2"]:hover {
			    background-image: url('images/speedadjust_1_2_.png') !important;
            }*/


            /*夜间*/
            .night .speedadjust{
                background-image: url('images/speedadjust_1_night.png') !important;
            }
            .night .speedadjust:hover{
                background-image: url('images/speedadjust_1_night_hover.png') !important;
            }
            .night [data-id="speedadjustcmd"][data-value="0.8"]{
                background-image: url('images/speedadjust_0_8_night.png') !important;
            }
            .night [data-id="speedadjustcmd"][data-value="0.8"]:hover {
			    background-image: url('images/speedadjust_0_8_night_hover.png') !important;
            }
            .night [data-id="speedadjustcmd"][data-value="1.2"] {
			    background-image: url('images/speedadjust_1_2_night.png') !important;
            }
            .night [data-id="speedadjustcmd"][data-value="1.2"]:hover {
			    background-image: url('images/speedadjust_1_2_night_hover.png') !important;
            }

            .night .speedadjust:hover>span{
                color:#DBBB62;
            }


            
            .menubuttonbar > div：hover > span {
                background-color: #333;
                color: #0084e0;
            }

[data-main] > div {
    width: 100%;
    height: inherit;
    display: table-row;
}

[data-controltype=pagecontrol], [data-controltype=embeddedpagecontrol] {
    width: 100%;
    height: inherit;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
}


    [data-controltype=pagecontrol] > ul, [data-controltype=embeddedpagecontrol] > ul {
        height: inherit;
    }

        [data-controltype=pagecontrol] > ul > li, [data-controltype=embeddedpagecontrol] > ul > li {
            height: inherit;
            list-style-type: none;
            float: left;
        }

            [data-controltype=pagecontrol] > ul > li > div, [data-controltype=embeddedpagecontrol] > ul > li {
                vertical-align: middle;
                margin: 0 auto;
                height: inherit;
            }

            /*临时增加说明*/
            .temp_pagecontrol > ul > li{
                display: flex;
                justify-content: center;
            }

            .temp_pagecontrol > ul > li:after{
                content:"电脑端课程于2022年秋季上线，请先使用移动端课程。";
                margin-top:15%;
                display: inline-block;
                font-size: 1.2rem;
            }


article {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 0;
}

    article h4 {
    text-align: left;
    line-height: 1.7rem;
    color: #151515;
    font-weight: 600;
    font-size: 1rem;
    }
    
    article h5 {
        font-size: 1rem;
        color: #333;
        padding:0.5rem 1rem;
    }

/* 以下是页面 */

/* 样式 */
.cmd {
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 20px;
    color: #fff;
    width: 40%;
    text-align: center;
    margin: 1rem 0;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 1rem auto;
    font-size: 1rem;
    vertical-align: middle;
    border: solid 1px #ffdb74;
}

    .cmd:hover {
        /*background-color: #ccc;*/
        cursor: pointer;
        /*top:2px;*/
    }

article p, .p {
    line-height: 2.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
        font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-size: 1rem;
}

    .p div {
        text-indent: 0px;
        margin-top: 0px;
    }

.horizon > ul > li {
    text-indent: 2rem;
    display: inline-block;
    width: 12rem;
}


.horizon2 > ul > li {
    text-indent: 2rem;
    display: inline-block;
    width: 20rem;
}

.horizon3 > ul > li {
    text-indent: 2rem;
    display: inline-block;
    width: 25rem;
}

.bg, .bg1 {
    font-size: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    color:#333;
}

.bg1 {
    text-align: justify;
}

.bg2 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.bgtitle, .bgtitle2 {
    font-size: 1.2rem;
    text-align: left;
    /* margin-bottom: 1rem; */
    background-color: #ffdb74;
    padding: 5px 24px;
    border-radius: 0 20px 20px 0;
    margin-left: -18px;
    display: inline-block;
}



.bgimg {
    float: left;
    max-width: 300px;
    padding: 0 1rem;
}


.paragraph {
    margin: 1rem 2rem;
}

    .paragraph > div {
        display: inline;
    }

strong.word {
    font-weight: bold;
    font-style: normal;
    padding-left: 0;
}

em.word {
    font-weight: bold;
    font-style: italic;
}

.pos {
    font-weight: normal;
    font-style: italic;
    padding-right: 5px;
    color: #999;
    margin-left: 10px;
}

.block {
    /*border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;*/
    margin:0 1rem;
}

.block_white {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #F5F5F5;
    padding: 0.5rem 0;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.bodywidth1 .block_white{
    background-color: #fff;
}

.block_white_withoutmargin {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #fff;
    padding: 1.2rem;
}
.block_margin {
    /*margin-bottom:120px;*/
}

.easytable td:first-child {
    text-align: right;
}

.cmdbox {
    display: flex;
    margin-top: 1rem !important;
    background:#f5f5f5;
    color: #333;
    font-weight: 600;
}

.qrcodebar {
    display: table;
    width: 100%;
}

    .qrcodebar > div {
        display: table-cell;
        vertical-align: top;
    }

        .qrcodebar > div > div {
            padding: 1rem;;
        }

.menu {
    margin-left: -20%;
}

    .menu > table {
        margin: 0 auto;
    }

        .menu > table > tbody > tr > td:first-child {
            vertical-align: top;
            text-align: right;
            padding-right: 1rem;
        }

            .menu > table > tbody > tr > td:first-child > div {
                font-size: 1.5rem;
                font-weight: bold;
            }

        .menu > table > tbody > tr > td:last-child {
            padding-left: 1rem;
        }

            .menu > table > tbody > tr > td:last-child > div {
                font-size: 1.2rem;
                line-height: 3rem;
            }


.key table {
    margin-left: 2rem;
    border-collapse: collapse;
}

    .key table, .key th, .key td {
            padding-left: 1rem;
            padding-right: 1rem;
            vertical-align: top;
            border: 1px solid;
            border-color: #aaa;
    }

        .key th {
            text-align: center;
            font-weight: bold;
            background-color: #eee;
        }
        
        .key th > div {
            font-size: 1.2rem;
        }

        .key td {
            text-align: left;
            font-weight: normal;
        }
        
        .key th > div {
            font-size: 1.2rem;
        }
        
        .key span {
            text-decoration: underline;
        }
   

.title {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    opacity: 0.85;
}

    .title > h4 {
        line-height: initial;
        text-align: left;
        font-family: "Cambria", serif;
        font-size: 2.5rem;
        color: #dc498f;
    }

    .title > i {
        display: block;
        line-height: 1rem;
        text-align: center;
        font-size: 1rem;
    }
    
    .title > span {
        display: block;
        line-height: 1rem;
        text-align: left;
        font-size: 0.9rem;
    }

.lr {
    display: table;
    width: 100%;
}

.lr > * {
    display: table-cell;
    vertical-align: top;
}

    .lr > *:first-child {
        width: 70%;
        min-width:1000px;
    }

    .lr > *:last-child {
        max-width: 28%;
    }


.lr > article:nth-child(2) {
        width: 20px;
        cursor:e-resize;
        border-right: 1px solid #c5c5c5;
        background: #fff;
    }

.switch-article {
        width: 20px;
        display: block;
        height: 100%;
    
    }
    
.switch-article>img {
    width: 30px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 5px;
    }

article.line .switch-article {
        position: absolute;
        height: 100%;
    }

.lr .body{
    padding: 0;
}


.lr1 {
    display: table;
    width: 100%;
}

    .lr1 > * {
        display: table-cell;
        vertical-align: top;
    }

        .lr1 > *:first-child {
            width: 75%;
        }

        .lr1 .block{
            margin: 1rem 0;
            border-radius: 10px;
            padding: 0.5rem;
            background-color: #fff;
        }

        .lr1 .block >div{
            padding:0.5rem 1rem;
        }

        .lr1 .choiceSheetUl{
            display: table;
            flex-flow: wrap;
            justify-content: flex-start;
            width: 100%;
        }

        .lr1 .body{
            padding:0 4%;
        }

        .lr1 .AnswerSheet{
            width: 67%;
            margin: 0 15% 0 3.5%;
        }


.lr2 {
    display: table;
    width: 100%;
}
        
            .lr2 > * {
                display: table-cell;
                vertical-align: top;
            }
        
            .lr2 > *:first-child {
                width: 60%;
            }

            .lr2 .block .body{
                padding:0 5%;
            }


.body {
    overflow-y: scroll; /* 20201030 修复header宽度不一致 */
    -webkit-overflow-y: overlay;  /* 20201030 修复header宽度不一致 */
    padding: 0;
    -webkit-overflow-scrolling: touch;
    background: #F5F5F5;
    color: #333;
    padding: 0 15%;
}


.indexparagraph, .indexparagraph_tightline {
    display: table;
    width: 100%;
    color:#333;
    padding-left: 0.5rem;
}

    .indexparagraph > *, .indexparagraph_tightline > * {
        display: table-cell;
        vertical-align: top;
        font-size: 1rem;
    }

        .indexparagraph > *:first-child, .indexparagraph_tightline > *:first-child {
            display: table-cell;
            vertical-align: top;
            white-space: nowrap;
            padding-top: 0.2rem;
        }
        

        
         .indexparagraph_tightline div, .indexparagraph_tightline span {
             line-height: 1.5rem;
         }

         .indexparagraph >div >div{
             line-height: 1.7rem;
             margin:0.5rem 0;
             font-size: 0.95rem;
         }

         .indexparagraph >div >div:last-child{
             font-size: 0.95rem;
         }

    

.squareul {
    padding-left: 2rem;
}

    .squareul > li {
        list-style-type: square;
    }

.wordsul > li {
    /*display: inline-block;
    width: 15rem;*/
}

.parasul > li {
    display: block;
    margin-bottom:1rem;
}

.disc {
    padding-left: 2rem;
}

    .disc > li {
        list-style-type: disc;
    }
    
.number {
    padding-left: 2rem;
}

    .number > li {
        list-style-type: decimal;
        text-indent: 0;
        text-align: left;
    }
    
.lidisc > li {
    list-style-type: disc;
    margin-left: 1rem;
}

.lidisc_margin1 >li{
    margin-left: 2.2rem;
}

.linumber > li {
        list-style-type: decimal;
        text-indent: 0;
        text-align: left;
        margin-left: 1rem;
    }

.lialpha > li {
    list-style-type: lower-alpha;
    margin-left: 1rem;
}


.lialpha_margin1 >li{
    margin-left: 2.2rem;
}


/* 辅助样式 */
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.grayccc {
    background-color: #ccc;
}

.gray {
    background-color: #fcf7e9;
}

.white {
    background-color: #fff;
}

.underline {
    border-bottom: solid 1px #333;
}

.underline2{
    border-bottom: solid 1px #007FF8;
}
.night .underline{
    border-color:#ccc;
}

.throughline {
    text-decoration: line-through;
}

.keyunderline {
    text-decoration: underline;
    color: #007FF8;
}

.colorred {
    color: #d40f54;
    line-height: 1rem;
    margin-bottom: 1rem;
}

.italic {
    font-style: italic;
}

.border_radious_5{
    border-radius: 5px;
}

.border_bottom_none{
    border-bottom: none !important;
}


/* 控件 */
[data-controltype=submitinfo] {
    text-align: left;
    font-size: 0.8rem;
    color: #666;
    line-height: 1.2rem;
    padding: 0 1rem;
    padding-bottom: 0.5rem;
}

[data-controltype=choice] {
    display: table;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    width: 100%;
}

[data-controltype=multichoice] {
    /*display: table;*/
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    width: 100%;
}

[data-controltype=filling] {
    display: inline-table;
    font-size: 1rem;
    margin: 3px 0;
}

[data-controltype=fillinglong] {
    display: inline-table;
    width:100%;
}

[data-controltype=open] {
    font-family: Book Antiqua;
    font-weight: bold;
    cursor: pointer;
    background-image: url("images/showtips.png");
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-repeat: no-repeat;
    padding-left: 1.8rem;
    background-position: -0.5rem;
    background-size: 2rem;
    color: #d40f54;
    cursor: pointer;
    text-decoration: underline;
    font-size: 1.2rem;
    line-height: 2.5rem;
}

[data-controltype=toggle] {
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 2rem;
    
}

[data-controltype=toggle] > span{
    padding-left: 0;
}


[data-controltype=playmedia] {
    cursor: pointer;
}

[data-controltype=showtips] {
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    /* padding-right: 1.5rem; */
    background-position: top right;
    background-size: 12px;
    cursor: pointer;
    border-bottom: solid 2px #d16b00;
    font-weight: 600;
    background-color: #fcf7e9;
}

    [data-controltype=showtips]:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }

    .title [data-controltype=showtips]{
        background-color: initial;
    }
    
[data-controltype=showtipsicon] {
    /*background-image: url("images/showtips.png");
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    padding-right: 1.2rem;
    margin-left: -0.5rem;
    margin-right: 0.3rem;
    background-position: right;
    background-size: 1.5rem;*/
    cursor: pointer;
}

[data-controltype=showword] {
    color: #D16B00;
    text-decoration: underline;
    cursor: pointer;
}

    [data-controltype=showword]:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }

[data-controltype=showtranslationword] {
    color: #D16B00;
    cursor: pointer;
}

    [data-controltype=showtranslationword]:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }

[data-controltype=show] {
    color: #d40f54;
    cursor: pointer;
}

    [data-controltype=show]:hover {
        text-decoration: underline;
    }


[data-controltype=showline] {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

    [data-controltype=showline]:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }

[data-controltype=showtranslationline], .para_showline{
    font-weight: bold;
    cursor: pointer;
    color:#3BACFF;
}

[data-controltype=showtranslationline]:hover, .para_showline:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }


[data-controltype=showtranslation] {
    cursor: pointer;
}

    [data-controltype=showtranslation]:hover {
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }
    
[data-controltype=showtranslationright], [data-orgcontroltype=showtranslationright] {
    display: table;
    background-image: url(images/words_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff!important;
    border-radius: 20px;
    width: 88%;
    cursor: pointer;
    margin: 1rem 1rem 0 !important;
    padding: 15px !important;  
}

[data-orgcontroltype=showtranslationright]{
    cursor: initial;
}

    [data-controltype=showtranslationright]:hover {
        /* font-weight: normal !important; 
        background-color: #efefef;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;*/
    }

    [data-controltype=showtranslationright] .indexparagraph>span:first-child{
        width:40px;
    }
   

[data-controltype=filling] [data-itemtype=sn] {
    /*font-family: Arial, Helvetica, sans-serif;*/
}

[data-controltype=correction] {
    color: #d40f54;
}

[data-itemtype=stem] {
    display: inline-block;
    margin-right: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-size: 1rem;
}

[data-itemtype=input], [data-itemtype=wordscontain] {
    border-style: none;
    padding-top: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-size: 0.9rem;
    height: 1.7rem;
    vertical-align: middle;
    background-color: #fff;
    border-bottom: solid 1px #666;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #007FF8;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

[data-itemtype=input] {
    border-radius: 0;
}

[data-itemtype=textarea] {
    -webkit-appearance: none;
}

[data-itemtype=input]:focus {
    border-color: #007FF8;
    background-color: #f5f5f5;
    /*border-radius: 5px 5px 0 0;*/
}

[data-itemtype=textarea]:focus {
    border-color: #007FF8;
    /*background-color:#fff3f3;*/
}


[data-submitted] [data-itemtype=input]:focus {
    border-color: #666;
    background-color: #fff;
}

[data-submitted] [data-itemtype=textarea]:focus {
    border-color:  #ebebeb;
}

.night [data-submitted] [data-itemtype=input]:focus {
    border-color: #666;
    background-color: #151515 !important;
}

.night [data-submitted] [data-itemtype=textarea]:focus {
    border-color: #222;
    background-color: #222 !important;
}


/*选词填空选中还未提交*/
/*.unsubmitChecked[data-itemtype=input] {
    background-color: #fbf1c1 !important;
}*/

[data-controltype=filling] [data-itemtype=result] {
    line-height:0.95rem;
}

[data-itemtype=textarea] {
    background-color: #F5F5F5;
    border: solid 1px #ebebeb;
    border-radius: 5px;
    color: #007FF8;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-size: 1rem;
}

[data-itemtype=sn] {
    display: table-cell;
    width: 24px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    vertical-align: baseline;
    color: #007FF8;
    font-weight: 600;
    text-indent: 0;
}

[data-itemtype=result] {
    display: none;
}

[data-controltype=submit][data-submitted] {
    /*color: gray;
    border: 1px solid #aaa;
    background-color: #ccc;*/
}

[data-controltype][data-submitted] [data-itemtype=options] {
    cursor: default;
}

    [data-controltype][data-submitted] [data-itemtype=options] > li:hover {
        cursor: default;
        /*background-color: initial;*/
    }


[data-itemtype=options] {
    list-style-type: none;
    margin:10px 0;
    /*cursor: pointer;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";*/
}


    /*[data-itemtype=options] > li:hover {
        background-color: #ffeeec;
        border-color: #FFDB74;
        transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -webkit-transition: background-color 0.15s ease-in-out;
    }*/
    
    [data-submitted] [data-itemtype=options] > li:hover {
        /*background-color: #ffeeec !important;
        border-color:#e2d1da !important;*/
    }


    [data-itemtype=options] > li {
        padding-top: 8px;
        padding-bottom: 8px;
        background-repeat: no-repeat;
        background-position: 0 center;
        line-height: 1.7rem;
        background-size: 24px;
        text-align: left;
        background-color: #F5F5F5;
        border: solid 1px #F5F5F5;
        border-radius: 5px; 
        margin: 10px 0;
        cursor: pointer;
        color: #333;
    }
    
    [data-itemtype=options] > li >span{
        display: table-cell;
    }
    
    [data-itemtype=options] > li >span:first-child{
        /*width:30px;*/
    }

        /*[data-itemtype=options] > li:nth-child(1) {
            background-image: url(images/item_a.png);
        }

        [data-itemtype=options] > li:nth-child(2) {
            background-image: url(images/item_b.png);
        }

        [data-itemtype=options] > li:nth-child(3) {
            background-image: url(images/item_c.png);
        }

        [data-itemtype=options] > li:nth-child(4) {
            background-image: url(images/item_d.png);
        }

        [data-itemtype=options] > li:nth-child(1)[data-choiced] {
            background-image: url(images/item_a2.png);
        }

        [data-itemtype=options] > li:nth-child(2)[data-choiced] {
            background-image: url(images/item_b2.png);
        }

        [data-itemtype=options] > li:nth-child(3)[data-choiced] {
            background-image: url(images/item_c2.png);
        }

        [data-itemtype=options] > li:nth-child(4)[data-choiced] {
            background-image: url(images/item_d2.png);
        }*/
        
        [data-choiced] {
            /*color:#a992b4;*/
        }
        
        [data-itemtype=options] > li >span:first-child>span{
            width:24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            display: inline-block;
        }
        
        [data-itemtype=options] > li[data-choiced] >span:first-child>span{
           /* background-color: #a992b4;
            color:#fff;*/
            border-radius: 100%;
        }
        
        [data-itemtype=options] > li[data-choiced] {
            background-color: #fff8e5;
            border-color: #FFDB74;
                /*transition: background-color 0.15s ease-in-out;
                -moz-transition: background-color 0.15s ease-in-out;
                -webkit-transition: background-color 0.15s ease-in-out;*/
        }
        
      

[data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution] {
    background-image: url(images/item_correct.png);
    color: #333;
    background-size: 16px;
    background-position: 4px 14px;
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #86c635;
}

[data-submitted] > [data-itemtype=options] > li[data-choiced] {
    background-image: url(images/item_incorrect.png);
    color: #333;
    background-size: 16px;
    background-position: 4px 14px;
    background-color: #F5F5F5;
    border-color: #F5F5F5;

}

[data-submitted] > [data-itemtype=options] > li[data-choiced]>span:first-child>span{
    /*color:#e66755;*/
}

[data-submitted] > [data-itemtype=options] > li[data-solution] {
    /*background-image: url(images/item_correct.png);*/
    color: #86c635;
    background-size: 16px;
    background-position: 4px 14px;
    background-color: #f8f8f8;
    border-color: #f8f8f8;

}



[data-controltype=radiobox] {
    display: table;
    width: 94%;
    background-color: #FEF4D8;
    margin: 0.5rem 3%;
}

    [data-controltype=radiobox] > * {
        display: table-cell;
    text-align: center;
    font-size: 0.9rem;
    cursor: pointer;
    }

        [data-controltype=radiobox] > *:hover {
            background-color: #fcc21c;
            color: #fff;
        }

    [data-controltype=radiobox] > [data-choiced] {
        border-bottom: 3px solid #FCC21C;
    }

[data-submitted][data-showresult=always] [data-itemtype=result], [data-submitted][data-showresult=done]:not([data-iscorrect=na]) [data-itemtype=result], [data-submitted][data-showresult=err][data-iscorrect=no] [data-itemtype=result], [data-submitted][data-showresult=errormiss]:not([data-iscorrect=yes]) [data-itemtype=result] {
    display: block;
    line-height: 1.5rem;
    margin-top: 0;
    padding:3px 5px;
    text-align: left;
    color: #86c635;
    font-weight: normal;
    font-size: 1rem;
}

.night [data-submitted][data-showresult=always] [data-itemtype=result], .night [data-submitted][data-showresult=done]:not([data-iscorrect=na]) [data-itemtype=result],.night  [data-submitted][data-showresult=err][data-iscorrect=no] [data-itemtype=result], .night [data-submitted][data-showresult=errormiss]:not([data-iscorrect=yes]) [data-itemtype=result]{
    /*color:#a17a60;*/
}

[data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input] {
    padding-left: 1.5rem;
    background-image: url(images/item_correct.png);
    color: #86c635;
    background-position: 5px center;
    /* border-color: #333; 
    /* background-color: #fdede2;*/
}

[data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input] {
    padding-left: 1.5rem;
    background-image: url(images/item_incorrect.png);
    color: #e66755;
    background-position: 5px center;
    /*border-color: #e66755;
    background-color: #fdede2;*/
}

[data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea] {
    background-repeat: no-repeat;
    padding-right: 0;
    padding-left: 1.5rem;
    background-image: url(images/item_correct.png);
    color: #86c635;
    background-position: 5px 6px;
    background-size: 0.9rem;
    width:95%;
    /*background-color: #fff;
    border-color: #eff6e0;*/
}

[data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea] {
    background-repeat: no-repeat;
    padding-right: 0;
    padding-left: 1.5rem;
    background-image: url(images/item_incorrect.png);
    color: #e66755 !important;
    background-position: 5px 6px;
    background-size: 0.9rem;
    width:95%;
}

.choiceSheetUl > li[data-submitted][data-iscorrect=yes] {
    padding-right: 0px;
    background-image: url(images/item_correct.png);
}

.choiceSheetUl > li[data-submitted][data-iscorrect=no] {
    padding-right: 0px;
    background-image: url(images/item_incorrect.png);
}

[data-controltype=newword] {
    background-repeat: no-repeat;
    /* padding-left: 2rem; */
    background-position: top;
    background-size: 25px;
    background-image: url(images/addword.png);
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 30px;
}

.addword{
    background-image: url(images/addword.png) !important;	
}

[data-controltype=newword][data-checked] {
	background-image: url(images/removeword.png);
    /*background-repeat: no-repeat;
    padding-left: 2rem;
    background-position: center;
    background-size: 1.2rem;
    cursor: pointer;
    vertical-align: middle;*/
    
}


[data-controltype=qrcode] {
    width: 100px;
    height: 100px;
}

[data-controltype=gotopage] {
    cursor: pointer;
}

    [data-controltype=gotopage]:hover {
        background-color: #ddd;
    }

[data-refids=menu][data-controltype=gotopage]:hover {
    color: #bbb;
    background-color: #333;
}

/*生词表中的录音播放icon的css*/
[data-controltype=playmediaicon] {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    /*background-color: #fef4d8;*/
    height: 30px;
    border-radius: 100%;
    line-height: 30px; 
    margin-right: 0.5rem;
}

[data-controltype=playmediaicon] > div {
    background-image: url(images/playmediaicon.png);
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-size: 25px;
    display: inline;
    padding-top: 7px;
    background-position: 0 top;
}

.night [data-controltype=playmediaicon] > div{
    background-image: url(images/playmediaicon_night.png);
}

    [data-controltype=playmediaicon][data-playing] > div {
        animation: playmediaicon 2s 1;
        -moz-animation: playmediaicon 2s 1;
        -webkit-animation: playmediaicon 2s 1;
        -o-animation: playmediaicon 2s 1;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }

@keyframes playmediaicon {
    from {
        padding-left: 0.8rem;
    }

    to {
        padding-left: 1.5rem;
    }
}

@-moz-keyframes playmediaicon /* Firefox */
{
    from {
        padding-left: 0.8rem;
    }

    to {
        padding-left: 1.5rem;
    }
}

@-webkit-keyframes playmediaicon /* Safari and Chrome */
{
    from {
        padding-left: 0.8rem;
    }

    to {
        padding-left: 1.5rem;
    }
}

@-o-keyframes playmediaicon /* Opera */
{
    from {
        padding-left: 0.8rem;
    }

    to {
        padding-left: 1.5rem;
    }
}
    
    
/*Reading Alound 和Talking部分录音播放的css*/
[data-controltype=playmediaiconx] {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    margin-right: 1.6rem;
    width: 30px;
}

[data-controltype=playmediaiconx] > div {
    background-image: url(images/listen_icon.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

.night [data-controltype=playmediaiconx] > div{
    background-image: url(images/listen_icon_night.png);
}

[data-controltype=playmediaiconx][data-playing]{
    background-color: #ffe9aa;
    border-radius: 100%;
}

[data-controltype=playmediaiconx][data-playing] > div {
        /*display: inline;*/
        vertical-align: middle;
        background-image: url(images/listen_icon_ing.png);
        /*animation: playmediaiconx 2s 1;
        -moz-animation: playmediaiconx 2s 1;
        -webkit-animation: playmediaiconx 2s 1;
        -o-animation: playmediaiconx 2s 1;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;*/
    }
    
.night [data-controltype=playmediaiconx][data-playing] > div{
    background-image: url(images/listen_icon_ing_night.png);
}

@keyframes playmediaiconx {
    from {padding-left: 1rem;}
    to {padding-left: 1.5rem;}
}

@-moz-keyframes playmediaiconx /* Firefox */
{
    from {padding-left: 1rem;}
    to {padding-left: 1.5rem;}
}

@-webkit-keyframes playmediaiconx /* Safari and Chrome */
{
    from {padding-left: 1rem;}
    to {padding-left: 1.5rem;}
}

@-o-keyframes playmediaiconx /* Opera */
{
    from {padding-left: 1rem;}
    to {padding-left: 1.5rem;}
}

/*我的录音回放时的css*/
[data-controltype=myaudio] {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    margin-right: 1.6rem;
}

[data-controltype=myaudio] > div {
    background-image: url(images/myaudio_icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 90%;
    background-position: center;
}

.night [data-controltype=myaudio] > div{
    background-image: url(images/myaudio_icon_night.png);
}

[data-controltype=myaudio][data-playing] {
    border-radius: 100%;
    background-color: #ffe9aa;
}

[data-controltype=myaudio][data-playing] > div {
        background-image: url(images/myaudio_icon_ing.png);
        background-position: center;
        /*animation: myaudio 2s 1;
        -moz-animation: myaudio 2s 1;
        -webkit-animation: myaudio 2s 1;
        -o-animation: myaudio 2s 1;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;*/
    }

.night [data-controltype=myaudio][data-playing] > div {
    background-image: url(images/myaudio_icon_ing_night.png);
}

@keyframes myaudio {
    from {opacity:0.7;}
    to {opacity:1;}
}

@-moz-keyframes myaudio /* Firefox */
{
    from {opacity:0.7;}
    to {opacity:1;}
}

@-webkit-keyframes myaudio /* Safari and Chrome */
{
    from {opacity:0.7;}
    to {opacity:1;}
}

@-o-keyframes myaudio /* Opera */
{
    from {opacity:0.7;}
    to {opacity:1;}
}



/*录音时的css*/
[data-controltype=record] {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    margin-right: 1.6rem;
}

[data-controltype=record] > div {
    background-image: url(images/record_icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 90%;
    background-position: center;
}

.night [data-controltype=record] > div{
    background-image: url(images/record_icon_night.png);
}

    [data-controltype=record][data-playing] {
        background-color: #ffe9aa;
        border-radius: 100%;
    }
    
    [data-controltype=record][data-playing] > div {
        background-image: url(images/record_icon_ing.png);
        /*animation: record 2s 1;
        -moz-animation: record 2s 1;
        -webkit-animation: record 2s 1;
        -o-animation: record 2s 1;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;*/
    }  

    .night [data-controltype=record][data-playing] > div{
        background-image: url(images/record_icon_ing_night.png);
    }

@keyframes record {
    from {opacity:0.7;}
    to {opacity:1;}
}

@-moz-keyframes record /* Firefox */
{
    from {opacity:0.7;}
    to {opacity:1;}
}

@-webkit-keyframes record /* Safari and Chrome */
{
    from {opacity:0.7;}
    to {opacity:1;}
}

@-o-keyframes record /* Opera */
{
    from {opacity:0.7;}
    to {opacity:1;}
}


/*分享按钮的css*/
[data-controltype=share] {
    cursor: pointer;
    /* display: inline-block; */
    display: flex;
    justify-content: flex-end;
}

[data-controltype=share] > div {
    background-image: url(images/share.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 1rem center;
    color: #333;
    float: right;
    /* padding: 1px; */
    /* margin-right: 1rem; */
    background-color: #e8e8e8;
    margin-top: 1rem !important;
    margin-right: -1rem;
    margin-bottom:1rem;
    border-radius: 50px 0 0 50px;
    padding: 0.3rem 1rem; 
    border-bottom: solid 3px #F1A909;
}

[data-controltype=share] > div > span{
    font-size: 0.9rem;
    /* text-align: right; */
    display: inline-block;
    padding-left: 1.6rem;
}

/*talking 章节的css*/
.talking {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}    


/* web版音频播放按钮的动画效果css/
@keyframes playmediaicon {
    from {
        padding-left: 0.8rem;
    }

    to {
        padding-left: 1.3rem;
    }
}



@keyframes playmediaicon {
    from {top: 0px; width: 1.5rem;}
    to {top: 0px; width:2.5rem;}
}


@keyframes record {
    from {top: 0px; width: 3.4rem;}
    to {top: 0px; width: 4.5rem;}
}

*/

/*一般音频播放时的动效*/
[data-controltype=playmedia][data-playing] {
    background-color: #d5e4f3 !important;
    /*color:#fff !important;
    border-radius: 3px;*/
}

[data-controltype=playmedia][data-playing] {
        animation: playaudio 2s 1;
        -moz-animation: playaudio 2s 1;
        -webkit-animation: playaudio 2s 1;
        -o-animation: playaudio 2s 1;
    }

@keyframes playaudio {
    from {opacity:0.8;}
    to {opacity:1;}
}

@-moz-keyframes playaudio /* Firefox */
{
    from {opacity:0.8;}
    to {opacity:1;}
}

@-webkit-keyframes playaudio /* Safari and Chrome */
{
    from {opacity:0.8;}
    to {opacity:1;}
}

@-o-keyframes playaudio /* Opera */
{
    from {opacity:0.8;}
    to {opacity:1;}
}

[data-controltype=container] {
    display: none;
}

[data-submittedshow=show][data-submitted] {
    display: block !important;
}

.cmd[data-submittedshow=show][data-submitted] {
    display: inline-block !important;
}

.hidden {
    display: none !important;
}

[data-submittedshow=hide][data-submitted] {
    display: none;
}

[data-id=lastwritingmarking]
{
    display: table;
    width: 100%;
    padding: 0;
}

[data-id=lastwritingmarking] > .writing_mark{
    padding: 0.2rem;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 1.3rem;
    color: #333;
    font-family: arial;
    font-weight: normal;
    background-color: #FFDB74;
    margin: 1rem 0.5rem 1rem 1rem;
    border-radius: 100%;
    line-height: 40px;
    text-align: center;
}

[data-id=lastwritingmarking] > .writing_mark_con
{
    line-height: 1.6rem !important;
    text-align: left;
    line-height: 2.8rem;
    font-size: 14px;
    padding: 0.5rem;
}

[data-controltype=writing] [data-itemtype=textarea] {
    width: 100%;
    height: 16.1rem;
    resize: none;
    font-size: 1rem;
    line-height: 25px;
    background-color: #fff;
    padding:3px;
}

[data-controltype=fillinglong] [data-itemtype=textarea] {
    font-size: 1rem;
    resize: inherit;
    margin-top: 5px;
    padding:0 5px;
    width:97%;
    box-shadow: none;
    line-height: 1.7rem;
}

[data-itemtype=textarea1] {
    width: 100%;
    height: 6rem;
    resize: vertical;
    background-image: url(images/line.png);
    font-size: 1rem;
    line-height: 25px;
}

.choiceSheetUl > li {
    min-width: 88px;
    margin: 0.5rem 2%;
    border: 1px solid #ddd;
    display: inline-block;
    padding-left: 2%;
    /* padding-right: 0.5rem; */
    white-space: nowrap;
    color: #ddd;
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 1rem;
    width: 26%;
    border-radius: 5px;
}

    .choiceSheetUl > li[data-done] {
        color: #D16B00;
        background-color: #fff8e5;
        border-color: #FFDB74;
    }

.submitrefsheetcmd {
    display: inline-block !important;
    border: 1px solid darkcyan !important;
    color: darkcyan !important;
    padding-left: 0.5rem !important;
}

.underlineHover {
    color: #000;
    text-decoration: none;
}

    .underlineHover:hover {
        text-decoration: underline;
    }

.bolder {
    font-weight: bold;
}

.floralwhite {
    background-color: floralwhite;
    border: 1px solid #aaa;
}

.dictbox {
    line-height: 2.2em;
    margin: 15px;
    position: relative;
}

    .dictbox > span:first-child {
        font-weight: bold;
    }

    .dictbox #headword {
        font-weight: bold !important;
        margin-right: 1rem;
    }

    .dictbox #pronunciation {
        margin-right: 1rem;
    }

    .dictbox #partOfSpeech {
        margin-right: 1rem;
    }

    .dictbox #lblChinese {
        display: block;
    }

    .dictbox [data-controltype=newword]{
        background-position: bottom;
        position: absolute;
        padding-left: 1rem;
        top: 0.3rem;
    }

    .dictbox .cmd{
        background-color: #FFDB74;
        color: #333;
    }

/*[data-shown] {
    animation: click_highlight 2s 1;
    -moz-animation: click_highlight 2s 1;
    -webkit-animation: click_highlight 2s 1;
    -o-animation: click_highlight 2s 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

@keyframes click_highlight {
    from {
        color: #333;
    }

    to {
        color: #D16B00;
        
    }
}*/

/*text-shadow: 0 0 2px white,0 0 2px #D16B00;  */

/* 本地生词 */
.localword {
    color: #333;
    font-weight: bold;
    font-size: 0.95rem;
}

/* 划词生词 */
.dictword {
    color: #333;
}

/* 虚对象 */
.none {
    display: inline-block;
    width: 0px;
    height: 0px;
}

/* 显示翻译时原文本行的css */
[data-highlight=self]
{
    background-color: #fcf7e9;
    border-bottom: dashed 1px #5d6064;

}

/* 显示翻译时译文的css */
[data-highlight=target]
{
    /*background-color: #fef4d8;
     font-weight: bold; */
    border-bottom: dashed 1px #5d6064;

}

/*右侧整合单词列表 表头的css*/
.wordhighlight {
    position: relative;
    display: flex;
    /*color: #d40f54;
    border-bottom: 3px solid #bbb;*/
}

.wordhighlight [data-controltype=playmediaicon]{
    position: absolute;
    right: 2rem;
    top: 0;
}

.wordhighlight [data-controltype=playmediaicon]>div{
    height: 25px;
    position: absolute;
}

.wordhighlight [data-controltype=newword]{
    position: absolute;
    right: 0;
    top: 0;
}

/*课程说明中的icon size 的css*/
.func-size {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: text-bottom;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
}

/*微课视频显示的css*/    
.micro_lecture{
    width: 100%;
    background-color: #fff;
}

.micro_lecture .video-js .vjs-volume-panel {
    display: none;
    width:0 !important;
}

/*视频有margin时添加下文，开始*/
/*.micro_lecture .video-js {
    background-color: transparent !important;
}

.micro_lecture .video-js .vjs-tech{
    width: 84% !important;
    height: 84% !important;
}

.micro_lecture .video-js .vjs-control-bar {
    bottom: 16% !important;
    width: 84%;
}

.micro_lecture .vjs-poster {
    width:84% !important;
    height: 84% !important;
    background-color: transparent !important;
}

.micro_lecture .video-js.vjs-fullscreen .vjs-tech{
  height: 103% !important;
}

.micro_lecture.video-js.vjs-fullscreen .vjs-control-bar {
    bottom: 0% !important;
}

.micro_lecture .vjs-big-play-centered .vjs-big-play-button{
    top: 42%;
    left: 42%;
}
*/
/*视频有margin时添加下文，结束*/

/*视频在背景知识中*/
.video_inbg .video-js{
    width:100% !important;
}
.video_inbg .video-js .vjs-tech{
    width:100% !important;
}

/*tips的行距调小的css*/
.tightline {
    line-height: 1.5rem;
}

/*showtips中特殊长内容的处理*/
.special-showtips {
    height: 400px;
    overflow-y: scroll;
    line-height: 1.5rem;
}

/*跟读时的左右分栏css*/
.lrreading {
    display: table;
    width: 100%;
    margin-left: 0;
}

    .lrreading > * {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
    }
    
    .lrreading > div {
        padding: 0.5rem;
}

        .lrreading > *:first-child {
            width: 90%;
            display: flex;
            align-items: center;
        }


/*我的得分*/
.score > div {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding:0 0.5rem;
}

.score {
    cursor: pointer;
    background-color: #FFDB74;
    text-align: center;
    color: #333;
    border-radius: 12px;
}

.score > div > span {
    vertical-align: middle;
    display: inherit;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
}


.score[hidden] {
        background-image: url(images/score_off.png);
    }



    
/* 考卷 */
[data-controltype=examtable] {
    width:100%;
    overflow:hidden;
    display: table;
}

[data-controltype=examtable] > div{
    display: table-row;
    width: 100%;
}

[data-controltype=examtable] > div:last-child{
    height: 5rem;
}

[data-itemtype=examquestions] {
    overflow: hidden;
}

[data-itemtype=examquestions] > ul > li{
    float: left;
}

[data-controltype=examquit] {
    float: right;
    margin-right: 1rem;
}

.cmdboxleft {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: left;
    float: left;
}

.cmdboxleft > a {
    margin-right: 0.5rem;
    float: right;
}

/* 考卷 */
    
.loading {
    text-align: center;
    top: 50%;
    position: relative;
}


/* 单词 */
[data-controltype=word] {
    margin:0.5rem 1rem;
}
[data-controltype=word] > div:first-child {
    display: table;
    background-image: url(images/words_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fff;
    border-radius: 5px;
    /* box-shadow: 2px 2px 20px 5px #f3f2f3; */
    width: 100%;
}

[data-controltype=word] > div:first-child > div{
    padding:0 1rem;
}

[data-controltype=word] > div:first-child > div:first-child {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
}



[data-controltype=word] > div:first-child > div:first-child > div:last-child {
    display: flex;
}


[data-controltype=word] > div:first-child .wordstranslation {
    display: table;
}

[data-controltype=word] > div:first-child .wordstranslation > span {
    display: table-cell;
}

[data-controltype=word] > div:first-child .wordstranslation > span:first-child {
    display: inline-block;
    padding-right: 5px;
    font-size: 0.95rem;
}

[data-controltype=word] > div:first-child .wordstranslation > span:last-child {
    color: #536b83;
    font-size: 0.95rem;
}

[data-controltype=word] > div:first-child .wordstranslation [data-itemtype=cp]{
    color: #7590ba;
    font-size: 0.95rem;
}

[data-controltype=word] > div:first-child >div:last-child{
    padding-bottom: 1rem;
}

[data-controltype=word] > div:first-child >div:last-child >span{
    color:#999;
    font-size: 0.95rem;

}





/* 词头 */
[data-itemtype=wordheader] {
    font-weight: 600;
    color: #333;
    padding-bottom: 0.5rem;
    /* transform: scale(1,1.1); */
    font-size: 1.5rem;
        font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

/* 音标 */
[data-itemtype=ps] {
    color: #999;
    font-size: 0.85rem;
    font-weight: normal;
}

/* 单词范围，四级，六级 */
[data-itemtype=rank] {
    color: #999;
    font-size:0.75rem;
}

/* 词性 */
[data-itemtype=cp] {
    color: #007FF8 !important;
    font-style: italic;
    font-size: 0.9rem;
}

/* 解释 */
[data-itemtype=translation] {
    color: #666 !important;
    /*margin-bottom: 0.5rem;*/
    font-size: 0.95rem;
    display: block;
}

[data-itemtype=entranslation] {
    color: #536b83;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

[data-itemtype=entranslation] >span{
    display: inline-block;
}


/* 例句 */
[data-itemtype=eg]{
    color: #333;
    padding: 0.5rem 0 0 0;
    font-size: 0.95rem;
}

/* 例句 */
[data-itemtype=eg]>em{
    color: #007FF8;
    font-style: normal;
    font-size: 0.95rem;
}

[data-itemtype=eg]>i>em{
    color: #007FF8;
    font-style: italic;
    font-size: 0.95rem;
}

.eg {
    color: #333;
    padding:0.5rem 0 0 0;
    font-family: Book Antiqua;
}

.eg >em{
    color: #FFDB74;
    font-style: normal;
}

/* 例句解释 */
[data-itemtype=egtranslation]{
    color: #333;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-family: 微软雅黑;
    /*padding: 0.2rem 0.5rem 0.5rem;
    border-bottom: 3px solid #ddd;*/
}

/* 生词列表 */
.wordslist {
    padding: 0;
    /* padding-bottom: 40px; 
    box-shadow: 2px 2px 10px 5px #f5efef;*/
    margin: 0;
    background-color: #F5F5F5;
}

.wordslist > div:first-child {
    /*margin-top:0;*/
}

.wordslist > div:last-child {
    border-bottom-width: 0px;
    /*margin-bottom: 80px;*/
}

.wordslist > div {
    padding: 0.2rem 1rem;
    margin: 1rem;
    /* border-bottom: solid 1px #e2d1da; */
    background-color: #fff;
    cursor:pointer;
    border-radius: 10px;
}

.wordslist > div:first-child{
    /*background-color:inherit;*/
}

.wordslist > div > div {
    line-height: 1.7rem;
    padding-top: 2px;
}

.wordslist > div > div:first-child > span:first-child {
    display: inline-block;
    /*transform: scale(1,1.1);*/
    font-weight: bold;
    color: #212a34;
    font-size: 1.2rem;
        font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
        max-width: 90%;
        line-height: 1.5rem;
}

.wordslist > div > div:first-child > span:last-child {
    margin-left: 0.5rem;
    color: #999;
    font-size: 0.85rem;
}

.wordslist > div > div:last-child {
    color: #7590ba;
    padding-right: 1.6rem;
}

.wordslist > div > div:last-child > span:first-child {
    font-style: italic;
    padding-right: 5px;
    font-size: 0.9rem;
    display: inline-block;
}

.wordslist > div > div:last-child >span:last-child {
    color: #536b83;
    font-family: 微软雅黑;
    font-size: 0.95rem;
    font-weight: normal;
}

.wordslist > div > div:nth-child(3) {
    color: #007FF8;
    padding-right: 1.6rem;
}

.wordslist > div > div:nth-child(3) > span:first-child {
    font-style: italic;
    padding-right: 5px;
    font-size: 0.9rem;
    display: inline-block;
}

.wordslist > div > div:nth-child(3) >span:last-child {
    color: #666;
    font-family: 微软雅黑;
    font-size: 0.95rem;
    font-weight: normal;
}

.wordslist > div > div:nth-child(2) {
    color: #007FF8;
    padding-right: 1.6rem;
}

.wordslist > div > div:nth-child(2) > span:first-child {
    font-style: italic;
    padding-right: 5px;
    font-size: 0.9rem;
    display: table-cell;
}

.wordslist > div > div:nth-child(2) >span:last-child {
    color: #666;
    font-family: 微软雅黑;
    font-size: 0.95rem;
    font-weight: normal;
    display: table-cell;
}

.wordslist .part_title{
    margin: 0rem;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 0;
}

/*单词中有两个释义*/
.wordslist .two_cp >span{
    display: block !important;
}

.wordslist .two_cp >span>span:first-child{
    color:#007FF8;
    font-style: italic;
    padding-right: 5px;
    font-size: 0.95rem;
}

.wordslist .two_cp >span>span:last-child{
    color: #666;
    font-size: 0.95rem;
    font-style: normal;
}

.night .wordslist .two_cp >span>span:first-child{
    color:#007FF8;
}


.divTopBar
{
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 12px;
}

.divTopBar >span{
    padding: 5px 20px;
    background-color: #FFF6D3;
    color: #333;
    display: inline-block;
    border-radius: 0 0 10px 10px;
    line-height: 30px;
}

.divTopBar >span>span:first-child{
    font-size: 0.6rem;
    display: block;
}

.course_name{
    float: left;
    font-family: 微软雅黑 !important;
    font-weight: 600;
    font-size: 13px !important;
}

.course_name >span:first-child{
    background-color: #3BACFF;
    color: #fff;
    padding: 8px;
    border-radius: 0 20px 20px 0;
    margin-right: 10px;
}

.course_name >span:last-child{
    color:#D16B00;
}



[data-id=___status] {
    position: fixed;
    width: 100%;
    height: 300px;
    bottom: 50px;
    background-color: #333;
    -webkit-border-radius: 5px;
    display: none;
}

    [data-id=___status] > div {
        vertical-align: middle;
        margin: 10px;
    }

[data-id=___moremenu] {
    position: fixed;
    bottom: 50px;
    right: 15px;
    background-color: #fff;
    opacity: 0.85;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    display: none;
    box-shadow: 1px 1px 2px #999;
}

        [data-id=___moremenu] > ul {
            width: inherit;
        }

        [data-id=___moremenu] > ul > li {
            height: 1.2rem;
            line-height: 1.2rem;
            text-align: center;
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-size: 0.8rem;
            color: #333;
        }
        
        [data-id=___moremenu] > ul > li:first-child {
            border-bottom: solid 1px #aaa;
        }



[data-id=___rangecontrol] {
    position: fixed;
    width: 100%;
    height: 60px;
    bottom: 50px;
    background-color: #333;
    -webkit-border-radius: 5px;
    display: none;
}

    [data-id=___rangecontrol] > div {
        width: inherit;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }

[data-id=___rangecontrol] > div > input {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        opacity: 0;
}

/*
.rangeslider_horizontal {
    height: 20px;
    width: 100%;
}

.rangeslider {
    display: block;
    background: #e6e6e6;
    position: relative;
    border-radius: 5px;
}

.rangeslider_fill, .rangeslider_horizontal {
    top: 0;
    height: 10px;
}

.rangeslider_fill {
    display: block;
    background: #00ff00;
    position: absolute;
    width: 50%;
    border-radius: 5px;
}

.rangeslider_handle, .rangeslider_horizontal {
    top: 10px;
    touch-action: pan-y;
}

.rangeslider_handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    left: 49%;
    top: -5px;
}

.rangeslider_handle:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    border-radius: 50%;
}

*/

        [data-id=___rangecontrol] > div > ul {
            width: inherit;
            height: 25px;
        }

        [data-id=___rangecontrol] > div > ul > li {
            float: left;
            width: 6%;
            height: inherit;
            font-size: 9px;
            text-align: left;
            color: #ddd;
            position: relative;
            bottom: -5px;
        }

[data-menucmd] {
    display: none;
}

[data-itemtype=playmediaexcontroller] {
    background-color: #FEF4D8;
    border-radius: 5px
}

[data-controltype=playmediaex][data-playing] [data-itemtype=playmediaexcontroller] {
    display: block;
}

[data-id=___closenewwordsdetail] {
    position: fixed;
    top: 43px;
    right: 1rem;
    display: none;
    /* background-image: url(images/writeclose.png); */
    width: 0px;
    height: 0px;
    line-height: 32px;
    /* background-size: 32px; */
    /* background-repeat: no-repeat; */
    /* background-color: #a992b4; */
    border-width: 20px;
    border-style: solid;
    border-color: #7590ba #7590ba transparent transparent;
    box-shadow: none;
    border-radius: 0 5px 0;
}

[data-id=___closenewwordsdetail] > i{
    color: #fff;
    position: absolute;
    top: -15px;
}


[data-id=___newwordslist] {
    margin: 0.5rem 3%;
    background-color: #f5f5f5;
    padding: 0.5rem 1rem !important;
}

[data-id=___newwordslist] [data-controltype=showword]:last-child{
    margin-bottom: 80px;
}

[data-id=___newwordsdetail] {
    padding:1rem !important;
    background-color: #F5F5F5;
}


.hint_icon {
    font-weight: bold;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
    padding-left: 0.5rem;
    color: #d40f54; 
    cursor: pointer;
    text-decoration: underline;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

[data-id=exercisepage] em {
    display: none;
}

[data-id=exercisepage] .spanInput {
    display: inline-block;
    width: 2rem;
    border-bottom: 1px solid #000;
}

[data-id=exercisepage] .spanEx {
    visibility: hidden;
    color: #007FF8;
}

/* 操练专用 */
.pItem0, .pItem1, .pItem2, .pItem3, .pItemCorrect, .pItemIncorrect
{
    background-repeat: no-repeat;
    font-size: 0.95rem;
    background-position-y: center;
    color: #333;
    background-color: #f8f8f8;
    margin: 0.8rem 0;
    border-radius: 5px;
    background-position-x: 10px;
    /* border-bottom: dashed 1px #e2d1da; */
    padding: 8px 15px;
    border:solid 1px #f8f8f8;
    cursor: pointer;
}

.pItem0
{
    /*background-image: url(images/item_a.png);
    background-size:1.8rem;*/
}

.pItem0::before{
    content: "A.";
    display: inline-block;
    width:33px;
    color:#333;
}

.pItem1::before
{
    content: "B.";
    display: inline-block;
    width:33px;
    color:#333;
}

.pItem2::before
{
    content: "C.";
    display: inline-block;
    width:33px;
    color:#333;
}

.pItem3::before
{
    content: "D.";
    display: inline-block;
    width:33px;
    color:#333;
}

.pItemCorrect
{
    background-image: url(images/item_correct.png);
    background-size:1.1rem;
    background-position-x: 13px;
    padding-left: 48px;
    /*background-color: #f8ffe9;*/
}

.pItemIncorrect
{
    background-image: url(images/item_incorrect.png);
    background-size:1.1rem;
    background-position-x: 13px;
    padding-left: 48px;
    /*background-color: #fdede2;*/
}

.pItem0:hover, .pItem1:hover,.pItem2:hover,.pItem3:hover{
    /*background-color: #FFDB74;*/
}

[data-examaudio] {
    height: 1.2rem;
    position: relative;
    padding-left: 10px;
}

.priorcmd {
    background-image: url(images/previous.png);
}
.priorcmd:hover {
    background-image: url(images/previous_.png);
    
}
.priorcmd:hover span {
    color: #333;
}
.nextcmd {
    background-image: url(images/next.png);
}
.nextcmd:hover {
    background-image: url(images/next_.png);
}
.nextcmd:hover span {
    color: #333;
}

/*操练统计*/

.exer_title {
    display: table;
    width: 96%;
    font-size: 1rem;
    padding: 0 0.5rem;
    font-family: 微软雅黑;
    padding-bottom: 1rem;
    margin-top: -1rem;
}

.exer_chinese{
    color:#333;
    font-family: "微软雅黑";
    font-size: 0.9rem;
}

.font_bold {
    font-weight: 600;
}

.testcontent{
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}

.testcontent >div{
    padding:1rem;
    display: flex;
    align-items: center;
    width: 40%;
    justify-content: center;
    border-radius: 5px;
}

.testcontent >div:first-child{
    background-color: #F6FBFF;
}

.night .testcontent >div:first-child{
    background-color: #222;
}

.testcontent >div:last-child{
    background-color: #FFFCF4;
}

.night .testcontent >div:last-child{
    background-color: #222;
}

.testresult {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    font-family: 微软雅黑;
    top: 0;
    text-align: center;
    color:#333;
}

.testresult > div:first-child {
    padding-top: 76px;
    padding-bottom: 15px;
    font-size: 1.2rem;
}

.correctitems {
    color: #0091FF;
    font-size: 2rem;
    font-weight: 600;
}

.test_score {
    color:#007FF8;
    font-size: 1.3rem;
}

.test_time {
    color: #FCC21C;
    font-size: 1.3rem;
}

.exer_score {
    background-image: url(images/score.png);
    background-repeat: no-repeat;
    background-size: 1.2rem;
    background-position: top center;
    padding-top: 1.2rem;
    margin-right: 10px;
}

.night .exer_score{
    background-image: url(images/score_night.png);
}

.exer_time {
    background-image: url(images/time.png);
    background-repeat: no-repeat;
    background-size: 1.2rem;
    background-position: top center;
    padding-top: 1.4rem;
    margin-right: 10px;
}

.night .exer_time{
    background-image: url(images/time_night.png);
}

.exer_bg {
    background-color:#fff;
}

.question {
    color: #333;
    font-size: 1rem;
    padding-bottom: 1rem;
}

.question > label {
    font-weight: 600;
    color:#007FF8;
}


.wordsNo {
    position: absolute;
    bottom: 50px;
    width: 90%;
    background-color: #f2f2f3;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    height: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
    font-size: 0.8rem;
    color: #010835;
}

.wordsNo > span:first-child {
    padding-right: 0.6rem;
}

.wordsNo > span:nth-child(2) {
    color: #0084e0;
    font-size: 1rem;
}

.wordsNoabove {
    margin-bottom: 0 !important;
    /* background-color: #fff; */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wordsNoabove >span:first-child{
    line-height: 1rem;
    color: #333;
    /* margin: 0.5rem 1rem; */
        font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-style: italic;
    font-weight: 600;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

.night .wordsNoabove >span:first-child{
    background-color: #151515;
    color:#ccc;
}

.wordsNoabove >span:last-child{
    display: inline-block;
    justify-content: space-between;
    background-color: #FFDB74;
    font-size: 0.7rem;
    color: #333;
    padding: 0 0.5rem 0 0.8rem;
    border-radius: 50px 0 0 50px;
    margin-top: 0.5rem;
}

.padding1 {
    margin-top: -2rem;
}

.talking_play {
    background-image: url(images/playmediaicon.png);
    background-repeat: no-repeat;
    padding-left: 1.7rem;
    background-size: 1.3rem;
    display: inline;
    vertical-align: middle;
}


.mediaplaying {
    text-decoration: underline;
}
/*新增*/
[data-main] > header > div {
    /*border-bottom: solid 1px #a9cee8;*/
}

.contentfont {
    /*font-family: Arial,Helvetica,freesans,sans-serif;*/
    background-color: #fff;
    text-indent: 0;
    color: #212a34;
    margin: 0;
}

.contentfont span{
    display: inline;
    padding:3px 0px;
    /*border-radius: 5px;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";*/
}

.contentfont .para_number{
    text-indent: 0;
    padding: 0;
    line-height: 1.7rem;
    color: #ffc600;
    font-size: 1rem;
    font-weight: 600;
    font-style: inherit;
    font-family: inherit;
    display: inline-block;
    min-width: 24px;
}

.content_margintop .contentfont{
    margin-top: 2rem;
}

.content_dialog > span{
    margin-left: 1rem;
    display: inline-block !important;
}

.content_dialog > span:first-child{
    margin-left: 0;
}


.frame_contentfont{
    color: #333;
    margin-top: 0 !important;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    font-size: 0.95rem;
    padding:0.5rem 1rem;
}


.menubuttonbar > div > span {
    /*color: #333;*/
    padding-top: 12px;
}
.words_part_title {
    margin:1rem;
}

.lrreading {
    /*padding-top:5px;*/
}
.readaloud {
    /*border-bottom: 1px solid #e8e8e8; */
    /* padding-bottom: 0; */
    margin-bottom: 1rem;
    background-color: #fff;
    /* box-shadow: 1px 1px 1px 1px #eee; */
    border-radius: 10px;
}

.words_style >div:last-child, .phrase_style >div:last-child, .sentence_style >div:last-child{
    border-bottom: 10px solid #eae8f3;
}

.words_style .readaloudmargin >span, .phrase_style .readaloudmargin >span{
    display: inline-block;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    box-shadow:1px 1px 1px 1px #d2d2d4;
    -webkit-box-shadow: 1px 1px 1px 1px #d2d2d4;
    line-height: 1.4rem;
    margin: 5px 0;
}

.playback-a {
    height: 40px;
    color: #323232;
    display: block;
    background: #fff;
    border-radius: 20px;
    padding-right: 25px;
    line-height: 40px;
    width: 170px;
    margin: 20px auto;
    text-align: center;
}
.playback-a img {
    margin-right: 10px!important;
    margin-left: 0!important;
}


.testbutton1 {
    background-color: #FFDB74;
    position: relative;
    display: inline-block;
    font-family: 微软雅黑;
    cursor: pointer;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #333;
    width: 40%;
    text-align: center;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 1rem auto;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    
}

.testbutton_quit {
    background-color: #FEF4D8;
    color: #333;
    position: relative;
    margin-left: 2rem;
}

.testbutton1:hover {
    /*background-color: #a992b4;*/
    top:2px;
}

.testbutton2, .testbutton2x {
    background-color: #FFDB74;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333;
    height: 2.2rem;
    line-height: 2.2rem;
    display: inline-block;
    width: 100%;
    /* margin-left: 30%; */
    /* border: solid 1px #a992b4; */
    text-align: center;
    font-weight: 600;
    font-family: 微软雅黑;
    font-size: 1rem;
}

.font_lightpurple {
    color:#7590ba;
}

.text_memo {
    color:#0084e0;
    margin-top:1rem;
    font-size: 0.9rem;   
    font-style: normal;
    margin-bottom: -1rem !important;
}

.playmyaudio {
    margin-top: 1rem !important;
}

.keysubtitle1 {
    font-weight: bold;
    padding: 0.3rem 1rem;
    font-size: 0.85rem;
    background-color: #fff;
    margin-left: -1rem;
    margin-right: -1rem;
    color: #2e4f8f;
    border-top: solid 10px #eee;
}

.keysubtitle2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
}

.keysubtitle3 {
    font-weight:normal;
    font-size: 1rem !important;
    margin-left: 0.5rem;
    color:#575656;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.keyopencontent {
    color: #323232;
    background-color: #f7f8f8;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    text-indent: 1rem;
}

.keyopencontent > div > div {
    margin: 0.3rem 0 0.3rem 0.5rem;
    text-indent: 0 !important;
    border-bottom: solid 1px #efefef;
    padding: 0.5rem 0;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    color:#575656;
}

.keyopencontent > div > div > span:first-child{
    font-weight: bold;
}

.keytable {
    border-bottom: solid 1px #ccc;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.keytable > div >span:first-child{
    font-weight: bold;
}

.wordstranslation em{
    color: #ff9b5a;
    font-style: normal;
    font-weight: normal;
}

.wordsample{
    padding: 0.5rem 1rem;
    background-color: #fff;
    margin-top: 1rem;
    border-radius: 10px;
}

.wordsample > div:first-child{
    color: #333;
    background-color: #FEF4D8;
    margin-left: -1rem;
    padding-left: 0.5rem;
    margin-top: 0.5rem;
    display: inline-block;
    padding: 0.2rem 1rem 0.2rem 0.8rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    border-radius: 0 50px 50px 0;
}

.wordsample > div:first-child > span{
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
}

.wordsample .cp_special {
    width: 20px;
    height: 20px;
    background-color: #e1dfdf;
    border-radius: 3px;
    font-size: 0.6rem;
    line-height: 20px;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
    text-align: center;
    color: #6190bf;
}

.text_writer {
    color: #666;
    font-size: 0.9rem !important;
    text-align: left !important;
    padding: 1rem 0;
    font-family: Verdana,Arial,Helvetica,freesans,sans-serif;
    font-style: italic;
}

.text_writer_tr {
    color: #666 !important;
    line-height: 1.4rem !important;
    margin-bottom: 1rem;
    display: inline-block;
    font-size:0.9rem;
    text-indent: 0 !important;
}

.night .text_writer_tr{
    color:#999 !important
}

.contentreadaloud {
    color: #333;
    padding: 0;
}

.readaloud > div{
    display: table;
    width:100%;
    padding-top:1rem;
}

.keybgwhite {
    background-color: #fff;
    margin: 0 -1rem;
    padding: 0 1rem;
}

.arrow {
    /*border-left: solid 7px transparent;
    border-top: solid 14px #faba27;
    border-right: solid 7px transparent;
    width: 0;
    height: 0;*/
}

.pinktitle {
    /*color: #007FF8 !important;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem;*/
}

.pinksubtitle {
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4rem !important;
}

.paragraph-num{
    text-indent: 0;
    padding: 0;
    line-height: 1.7rem;
    color: #007FF8;
    font-size: 1rem;
    font-weight: 600;
    font-style: inherit;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: inline-block !important;
    min-width: 24px;
}

.poemmargin {
    margin-top:0 !important;
}

.poemtitle {
    color: #2e4f8f;
    font-size: 1.4rem;
}

.readaloudno {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    /* margin-bottom: 0.5rem; */
    background-color: #FFDB74;
    display: inline-block !important;
    width: initial !important;
    padding: 0 1rem !important;
    margin-left: -1rem;
    border-radius: 0 22px 22px 0;
}

.night .readaloudno{
    background-color: #DBBB62;
}

.readaloudmargin {
    display: inline-block;
    margin-bottom: 1rem;
    /*background-color: #fff;*/
    line-height: 1.6rem;
    text-align: justify;
    width: 100%;
}

.wordstestno{
    padding-bottom: 3rem;
    position: relative;
}

.wordstestno >span{
    position: absolute;
    right: 0;
    font-size: 0.8rem;
    color: #333;
    padding: 0 0.5rem 0 0.8rem;
    background-color: #FFDB74;
    margin-top: 0.5rem;
    /* display: inline-block; */
    border-radius: 50px 0 0 50px;
}

.night .wordstestno >span{
    background-color: #DBBB62;
}


.keylayout1 >div>div>span {
    display:inline-block;
    width: 15%;
    font-weight: normal !important;
}

.texttranslation {
    background-color: #fff;
    margin: 0.5rem -1rem 0 -1rem;
    padding-right: 1rem;
    color: #2e4f8f;
    text-align: right;
    font-size: 1.5rem;
}

.texttitletranslation {
    background-color: #fff;
    padding-right: 1rem;
    color: #2e4f8f;
    text-align: right;
    font-size: 1.5rem;
}

.texttranslationcontent {
    background-color: #efefef;
    font-size: 1rem;
    margin-top:-1rem;
    margin-right:0.5rem;
}

.texttitletranslationcontent{
    font-size: 1rem;
    margin-top:-1rem;
    margin-right: 0.5rem;
}

.margintopadjust0 {
    margin-top: 0 !important; 
}

.margintopadjust {
    margin-top:1rem !important;
}

.words_marginleft {
    margin-left:0 !important;
}

.transltionbg {
    color: #323232;
    font-family: 微软雅黑;
    margin: 1rem -1rem;
    padding: 0 1rem;
    background-color: #efefef;
    display: table;
}

.transltioncollaps{
    color: #2e4f8f;
    margin: 1rem -1rem;
    padding: 0.5rem 1rem 0;
    background-color: #efefef;
    text-align: right;
    font-size: 1.5rem;
}

.transltiontitlecollaps {
    color: #2e4f8f;
    margin: 0;
    padding: 0.5rem 1rem 0;
    text-align: right;
    font-size: 1.5rem;
}

.transltiontitlebg {
    color: #323232;
    font-family: 微软雅黑;
    margin: 1rem -1rem;
    padding: 0 1rem;
    display: table;
}

.letterexpand {
    word-spacing: 2px;
}

.lettertight {
    word-spacing: -3px;
}

.pos_special, .pos_special2 {
    font-style: italic;
    color:#007FF8;
}

.pos_special2 {
    font-size: 1.2rem;
}

.key_image {
    width:90%;
}

.rotate180{
    transform: rotate(180deg); 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}



.showtr1 >div> span:last-child {
    color: #2e4f8f;
    display: inline-block;
    line-height: 1.5rem;
    height:1.6rem;
}

.showtr2 >div> span:last-child {
    color: #0084e0;
    display: inline-block;
    line-height: 1.5rem;
    height:1.6rem;
}

.layui-layer-dialog {
    left:1rem;
    right:1rem;
}

.text_shortpara {
    padding-bottom: 1rem;
    display: inline-block;
}

.text_bottom {
    padding-bottom: 1rem;
}

.subtitle {
    font-size: 1rem;
    font-weight: 600;
    /* margin: 0.5rem !important; */
    /* color: #a992b4; */
    /* background-image: url(images/reading_leftbar.png); */
    /* background-repeat: no-repeat; */
    /* padding-left: 1rem; */
    margin-top: 0.5rem;
}

/*生词详页中的infml的特殊style*/
.words_tablecell {
    display: table-cell;
    padding-right: 5px;
}

/*生词详页中的例句间距*/
.letterspace_1 {
    letter-spacing: -0.2px;
}

.para_img{
    margin: 0 !important;
}

.longwords {
    margin-left: 0 !important;
}

/*submit和check按钮的style*/
.cmd_submit {
    background: #FFDB74;
    color: #333;
    position: relative;
}

.cmd_submit:hover{
    /*background-color: #e3fcae;*/
    top: 2px;
}

/*reset按钮的style*/
.cmd_reset {
    background: #FEF4D8;
    color: #333;
    position: relative;
    border-color: #FFDB74;
}

.cmd_reset:hover{
    /*background-color: #e3fcae;*/
    top: 2px;
}

/*视频页面segment的title*/
.segment{
    color:#AE7F22;
    font-weight: 600;
    text-align: left;
}

.segmenttitle_bg_withicon{
    background-color:#FFDB74;
    border-radius: 22px;
    width: 300px;
}

.segmenttitle{
    font-size: 1rem;
    margin: 0;
    font-weight: 600;
    padding: 0.25rem 1.25rem;
    background-color:#FFDB74;
    border-radius: 22px;
}

.segmenttitle_bg{
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

.segmenttitle_bg [data-controltype=playmediaicon] > div{
    display: inline-block;
    background-image: url(images/audiopause.png);
    height: 32px;
    width: 32px;
}

.segmenttitle_bg [data-controltype=playmediaicon][data-playing] > div{
    background-image: url(images/audioplay.png);
}

.seg_wordlist{
    font-weight: normal !important;
    font-size: 0.95rem;
}

.seg_wordlist> div{
    background-color: #FEF4D8;
    border-radius: 5px;
    padding: 0.25rem 1rem;
    margin: 0.5rem 0;
}

.night .seg_wordlist> div{
    background-color: #222;
}

/*生词列表中的右侧箭头*/
[data-controltype=gotoembeddedpage] {
    position: relative;
}

.text-icon-right {
    position: absolute;
    right:1rem;
    top:30%;
}

[data-controltype=gotoembeddedpage]::after{
    position: absolute;
    right: 1rem;
    top: 40%;
    content: "";
    background-image: url(images/words_arrow.png);
    background-repeat: no-repeat;
    padding-left: 1rem;
    background-size: 50%;
    background-position: center;
    width: 16px;
    height: 16px; 
    /*content: ">";
    color: #FFDB74;
    font-size: 1rem;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;*/
}

.night [data-controltype=gotoembeddedpage]::after{
    background-image: url(images/words_arrow_night.png);
}

/*右上角客服按钮*/
.customer_service {
    background: url(images/customer_service.png) no-repeat;
    background-size: 22px;
    cursor: pointer;
    background-position: left 4px;
}

/*.night .customer_service{
    background-image: url(images/customer_service_night.png);
}*/

.customer_service_textarea{
    resize: none; height: 100%; width: 100%; border-color:#dfdede;
}

.night .customer_service_textarea{
    background-color:#151515;
    border-color: #151515;
    color:#c5c5c5;
}

/*右上角daynight切换按钮*/
.switch_day {
    background: url(images/night.png) no-repeat;
    background-size: 22px;
    background-position: left 4px !important;
    cursor: pointer;

}

.switch_day.night {
    background: url(images/day.png) no-repeat;
    background-size: 22px;

}


/*右上角moremenu*/
.moremenu{
    position: absolute;
    right: 0.5rem;
    margin-top: 10px;
    top:0 !important;
    cursor: pointer;
    right: 10px;
}

.moremenu::before{
    content: "...";
    background-color: #fff;
    color: #ffdb74;
    border-radius: 100%;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 20px;
    font-family: arial;
}

.night .moremenu::before{
    background-color: #545454;
}

.moremenu_content{
    background-color: #656565;
    display: block;
    width: 100px;
    z-index: 10000;
    position: absolute;
    right: -5px;
    top: 36px;
    color: #fff;
    font-family: 微软雅黑;
    font-weight: normal;
    text-align: left;
    padding: 0.5rem 1rem;
    border-radius: 5px;
}

.moremenu_content>div{
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    border-bottom: solid 1px #717171;
}

.moremenu_content>div:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0.3rem;
}

.moremenu_content >div >span{
    margin-left: 30px;
    padding-left: 0;
}

.moremenu_content::before{
    content: "";
    /* display: inline-block; */
    /* line-height: 20px; */
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #565656;
    position: absolute;
    top: -10px;
    right: 12px;
}


.menu_note{
    background: url(images/menu_note.png) no-repeat;
    background-size: 22px;
    cursor: pointer;
    background-position: left 4px;
}

.menu_question{
    background: url(images/menu_question.png) no-repeat;
    background-size: 22px;
    cursor: pointer;
    background-position: left 4px;
}


/*英文释义*/
.translation_en {
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}


/*reading 的标题和skill按钮*/
.title_skill {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.title_skill >div{
    display: table-cell;
    vertical-align: middle;
}

.title_skill >div:first-child{
    padding-right: 10px;
    width:68%;
}

.cmd_script, .cmd_script_none {
    display: table;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 3px 10px;
    color: #151515;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.85rem;
    background-color: #ffeeec;
    /* box-shadow: 0 0 5px 5px #f1f5f9; */
    border: solid 1px #e2d1da
}

.cmd_script > span, .cmd_script_none > span{
    display: table-cell;
    vertical-align: middle;
    word-break: normal;
    padding-left: 3px;
}

.cmd_script > span:last-child, .cmd_script_none > span:last-child {
    padding-right: 0;
}

.cmd_script > a, .cmd_script_none > a{
        display: table-cell;
    vertical-align: middle;
}

.cmd_trans {
    border-color: #FFDB74;
    width: 50px;
    height: 20px !important;
    padding: 0 !important;
    background-color: #FFDB74;
    color: #333;
    border-radius: 10px;
    line-height: 20px;
    box-shadow: none;
    cursor: pointer;
    font-size: 0.6rem;
}

.cmd_trans > i{
    line-height: 20px;
    height: 20px;
    color: #333;
    padding-right: 5px;
}

.cmd_note_open {
    margin-right: -1rem;
}

/*
.cmd_script.cur {
    background-color:#488c97; 
    color: #fff;
}*/

/*note按钮*/
.cmd_note {
    width: 120px;
    margin: auto;
    padding: 10px;
}

.cmd_skill, .cmd_skill_none {
    position: absolute;
    width: 35%;
    right: 1rem;
    bottom:0.5rem;
}

.cmd_skill_none {
    box-shadow: none;
    background-color: #a992b4;
    color: #fff;
}

.note_frame {
    position: relative;
    border-radius: 5px;
    background-color: #ffeeec;
    color: #332932;
}

.note_frame .contentfont{
    background-color: #fff;
}

.note_bg {
    background-color: #ffeeec;
}
.note_bg .bg_withpoint > div{
    margin-bottom:10px;
}
.note_bg .bg_withpoint > div> span{
    display: table-cell;
}

.note_bg .bg_withpoint > div::before{
    display: table-cell;
    width: 20px;
    color: #fdd41f;
    content: "\f111";
    font-family: fontAwesome;
    font-size: 0.7rem;
    vertical-align: text-top;
}
.note_bg >div>div>div {
    margin-bottom: 0.5rem;
}

.note_bg >div>div>div::before {
    font-family: fontAwesome;
    content: "\f05a";
    float: left;
    text-indent: 0;
    font-size: 1rem;
    color: #151515;
}

.note_bg_withoutmark >div>div>div::before {
    content:"";
}

.trans_frame {
    padding: 0;
    margin-bottom: 2rem;
}



/*reading中图片上下方的文字说明*/
.img_intro_before{
    margin-top: 1rem !important;
    margin-bottom: 0.5rem;
    text-indent: 0;
    font-weight: normal;
    color:#647f96;
    font-size: 0.95rem;
    line-height: 1.3rem;
}

.img_intro_after {
    font-size: 0.85rem;
    letter-spacing: 0;
    text-indent: 0;
    line-height: 1.4rem;
    padding:0.5rem 0 1rem 0;
    text-align: left;
    color:#666;
}

.img_100 {
    width:500px;
}

.img_80 {
    width:80%;
}

.img_60 {
    width:60%;
}

.img_50 {
    width:50%;
    height: 50%;
}

.img_30 {
    width:30%;
    height: 30%;
}

.img_float {
    float:left;
    margin:1rem;
}

.text_indent >div{
    text-indent: 1rem;
    margin: 0.5rem 0;
}

.text_indent0 {
    text-indent: 0 !important;
}

.text_indent05 {
    text-indent: 0.5rem !important;
}

.text_indent1 {
    text-indent: 1rem !important;
}

.text_indent2 > div {
    text-indent: 1rem;
    margin: 0.5rem 0;
}

.text_indent2 > p{
    text-indent: 1rem;
    margin: 0.5rem 0;
}

.text_inlineblock{
    display: inline-block;
}


/*对话*/
.dialog {
    display: table;
    text-align: left;
    font-size: 1rem;
}

.dialog > div{
    margin-bottom: 0.5rem;
}

.dialog > div > span{
    display: table-cell;
}

.dialog > div > div{
    display: table-cell;
}

.dialog > div > span:first-child{
    width:70px;
    font-weight: 600;
    font-size: 0.9rem;
    color:#007FF8;
}

.dialog_80 > div > span:first-child{
    width:80px;
}


.dialog_90 > div > span:first-child{
    width:90px;
}

.dialog_24 > div > span:first-child{
    width:24px;
}

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



/*填空题版式*/
.filling {
    display: table;
    width: 100%;
}

.filling > span{
    display: table-cell;
    width: 24px;
    color: #007FF8;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.filling_no_width50 .filling > span{
    width:56px;
}

.night .filling > span{
    /*color:#eee;*/
}


/*选择题按钮--xiaocao-180112*/
.indicatorContainer{
	position: absolute;
    top: 80%;
    height: auto;
    border-radius: 50%;
    right: 20px;
    width: 66px;
    height: 66px;
    line-height: 0px;
    display: inline-block;
    /*box-shadow:inset 0px 0px 6px 1px #eee;*/
    z-index: 8;
}
.answerCardIcon{
	margin: 0;
    width: 50px;
    position: absolute;
    left: 58%;
    margin-left: -25px;
    top: 58%;
    margin-top: -25px;
    background-image: url(images/answersheet.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

/*答题卡*/
.AnswerSheet{
	/*background: #f5f5f5;*/
	position: fixed;
	left: 0;
	bottom: 51px;
	width: 68.5%;
	line-height: 0;
	z-index: 9;
	display: none;    
    overflow: auto;
    max-height: 400px;
    margin: 0 15%;
	/*height: 0;*/
	/*padding-bottom: 10px;*/
}
.AnswerSheet_top{
    height: 40px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px 20px 0 0;
    background-color: #FFDB74;
    border-bottom: 1px solid #FFDB74;
}

.AnswerSheet_top div{
    /*display: flex;
    align-items: center;*/
}

.AnswerSheet_top_margin {
    margin-top: 0 !important;
}

.AnswerSheet_top_center{
    justify-content: center;
}
.AnswerSheetClose{
    width: 26px;
    height: 26px;
    margin-left:1rem;
    background-image: url(images/answersheetclose.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.AnswerSheet_BtnBox{
    margin-right: 1rem;
    color: #fff;
    font-size: 0.8rem;
    width: 150px;
    /* text-align: right; */
    display: flex;
    justify-content: flex-end;
}

.AnswerSheet_BtnBox [data-id]{
    font-size: 0.7rem;
    /* color: #7590ba; */
    text-align: center;
    border-radius: 2px;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
    background: #AE7F22;
    font-weight: normal;
    margin-right: 0.5rem;
    padding: 0 0.5rem;
    /* border: solid 1px #7590ba; */
    height: 1.4rem;
    line-height: 1.4rem;
    width: 30px;
    cursor: pointer;
}

/*
.AnswerSheet_BtnBox [data-id=AnswerSheetReset]{
	font-size: 16px;
    color:#fff;
    width: 100px;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    font-family: arial;
   -webkit-box-shadow: 0 0 6px 1px #bbb;
   box-shadow: 0 0 6px 1px #bbb;
   background: #cccccc;
   font-weight: normal;
}

.AnswerSheet_BtnBox [data-id=AnswerSheetSubmit]{
	font-size: 16px;
    color:#fff;
    width: 100px;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    margin-left: 10px;
    font-family: arial;
    box-shadow: 0 0 6px 1px #bbb;
    -webkit-box-shadow: 0 0 6px 1px #bbb;
     background: #cccccc;
     font-weight: normal;
}
*/
[data-id=AnswerSheetShow][data-checked=checked]{
    border:solid 1px #a992b4;
    color:#a992b4; 
    background-color: #f5f4fa;
}
[data-id=AnswerSheetReset][data-checked=checked]{
    border:solid 1px #a992b4;
    /*color:#ff9b5a;
    background-color: #fdede2;*/
}
[data-id=AnswerSheetSubmit][data-checked=checked]{
    /*border:solid 1px #86c635;
    color:#86c635; 
    background-color: #f8ffe9;*/
}
.AnswerSheet_chooseBox{
	display: flex;
	flex-wrap: wrap;
	padding: 5px 10px;
    border-bottom: 1px solid #e2e2e2;
    /*margin-top:45px;*/
    justify-content: flex-start;
}

.AnswerSheet_content {
    background-color: #fff8e5;
    max-height: 359px;
    overflow-y: auto;
    
}

.AnswerSheet_chooseBox li{
    /* width: 20%; */
    text-align: center;
    /* justify-content: flex-end; */
    display: flex;
    display: -webkit-flex;
    position: relative;
    padding: 0.5rem 1rem 1rem;
}

.AnswerSheet_chooseBox li h5{
    text-align: center;
    background: #fff;
    border: solid 1px #E6E9EB;
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #333;
    /* box-shadow: 1px 1px 1px 1px #ddd; */
    /* margin-left: 2px; */
    /* border: solid 1px #151515; */
    font-weight: normal;
    cursor: pointer;
}
.AnswerSheet_chooseBox li span{
    text-align: center;
    color: #333;
    font-size: 14px;
    position: absolute;
    right: 40%;
    margin-right: 20px;
    top: 25%;
}
.AnswerSheet_chooseBox li .unsubmitChecked{
    background: #FFDB74;
    border-color: #ffdb74;
}
.AnswerSheet_chooseBox li .submitedCorrect{
    background: #f8ffe9;
    color: #333 !important;
    font-weight: normal;
    border: solid 1px #89c83a !important;
}
.AnswerSheet_chooseBox li .submitedError{
    background: #e66755;
    color: #fff !important;
}



/*选词卡*/
#ChooseSheet {
    z-index: 20;
}
.ChooseSheet_cell{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    background: #fcf7e9;
    justify-content: center;
    padding: 10px;
    justify-content: flex-start;
}
.ChooseSheet_cell li{
    font-size: 14px;
    padding: 2px 0;
    background-color: #fff;
    border: solid 1px #E6E9EB;
    border-radius: 5px;
    margin: 5px;
    cursor:pointer;
}


.ChooseSheet_cell li span{
    display: table-cell;
    color: #333333;
    text-align: left;
    line-height: 1.4rem;
}

.ChooseSheet_cell li.unsubmitChecked{
	background: #FFDB74;
    border-color: #FFDB74;
}


.ChooseSheet_cell li span:first-child{
    padding-left: 10px;
    padding-right: 10px;
}

.ChooseSheet_cell li span:last-child{
    padding-right: 10px;
}

.ChooseSheet_cell_withoutno li span{
    width:initial !important;
    padding:0 10px;
}



.ChooseSheetClose {
    display: inline-block;
    background-color: #fef4d8;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    cursor: pointer;
    margin-left: 1rem;
    margin-top: 3px;
}

.ChooseSheetClose> i{
    color: #333;
    vertical-align: baseline;
    font-size: 1.4rem;
}


/*首字母大写（句首第一个词）*/
.initialcap_click > ul::first-letter{
    display: inline-block;
    text-transform: capitalize;
}
.initialcap {
    text-transform: capitalize;
} 
    
    
/*按钮的颜色*/
.layui-layer-btn .layui-layer-btn0 {
    border-color: #FFDB74;
    background-color: #FFDB74;
}

.layui-layer-btn a {
    border-color: #FEF4D8;
    background-color: #FEF4D8;
    color: #333 !important;
    font-size: 0.9rem;
}

/*Review中的title*/
.subtitle_review {
    padding-top: 1rem;
    text-indent: 0;
    font-weight: bold;
    font-size: 0.95rem;
}

/*wordslist*/
.wordlist_title {
    background-color: #86c635;
    width: 50px;
    text-align: center;
    border-radius: 20px;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    margin: 1rem 0 0.5rem 0;
}

.wordlist_catalog {
    width: 24px;
    top: 10%;
    position: fixed;
    right: 10px;
    color: #666666;
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.9rem;
}

.catalog-on {
    background-color: #86c635;
    border-radius: 50%;
    height: 24px;
    line-height: 24px;
}

.catalog-on a{
    color: #fff !important;
}

a:link, a:visited{
    text-decoration: none;
    color:#666666;
}

.body2 {    
    overflow-y: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    color:#333;
    margin: 0 1rem;
    /* padding: 1rem;*/
}

/*夜间模式*/

.night .body{
    background-color:#000;
    color:#eee;
}

.night .body2{
    background-color:#000;
    color:#eee;
}

.night header {
    background-color: #151515;
    color: #eee;
}



.night article h4{
    color:#eee;
}
.night .bg_white{
    background-color:#151515;
}

.night.wordslist > div{
    background-color: #151515;
    border-color:#151515;
    cursor: pointer;
}

.night.part_title2{
    background-color:#151515 !important;
    color:#4c3941; 
}

.night.wordslist {
    box-shadow: none;
    /*background-color: #151515;*/
}

.night.wordslist > div > div:first-child > span:first-child{
    color:#ccc; 
}

.night.wordslist > div > div:first-child > span:last-child{
    color:#999; 
}

.night.wordslist > div > div:last-child > span:first-child{
    color:#536b83; 
}

.night.wordslist > div > div:nth-child(3) > span:first-child{
    color:#536b83; 
}

.night.wordslist > div > div:last-child > span:last-child{
    color:#ccc; 
}

.night.wordslist > div > div:nth-child(2) > span:first-child{
    color:#007FF8; 
}

.night .wordslist .two_cp >span>span:last-child{
    color:#ccc;
}

.night.wordslist > div:first-child{
    /*background-color: #151515;
    border-color: #4c3941;*/
}

.night .lang_ch_only > div > div:first-child >span:first-child {
    color:#151515 !important;
}

.night .lang_ch_only > div > div:first-child >span:last-child {
    color:#151515 !important;
}

.night .lang_en_only > div > div:last-child >span {
    color: #151515 !important;
}

.night [data-controltype=gotoembeddedpage]::after {
    /*color:#39315c;*/
}

.night .lang_ch, .night .lang_en {
    color: #a992b4;
}

.night .lang_ch_only, .night .lang_en_only {
    color: #a5abbd;
}

.lang_ch_only > div > div:first-child >span{
    color: #fff !important;
}

.lang_en_only > div > div:last-child >span{
    color: #fff !important;
}

.lang_en_only > div > div:last-child >span>span{
    color: #fff !important;
}

.lang_en_only .two_cp>span>span{
    color: #fff !important;
}

.night .lang_en_only .two_cp>span>span{
    color: #151515 !important;
}

.night .lang_switchIcon > div {
    /*background-image: url(images/lang_switch_night.png);*/
    color: #fff !important;
    box-shadow: 2px 2px 10px 0px #151515;
}

.night .lang_switchIcon span {
    color: #fff;
}
.night .lang_off {
    /*color: #ff9b5a !important;*/
}
.night footer{
    background-color: #000;
    color: #DBD1B5;
    border-color: #333;
}

.night.menubuttonbar > div > span{
    color:#7590ba;
}

.night.wordsNoabove{
    color:#7590ba; 
    background-color:#2e2f4d;
}

.night [data-controltype=word] > div:first-child {
    box-shadow: none;
    background-image: url(images/words_bg_night.png);
    background-color:#151515;
}


.night [data-itemtype=wordheader]{
    color:#DBBB62;
}

.night [data-controltype=word] > div:first-child .wordstranslation > span:last-child {
    color: #eee;
}

.night [data-itemtype=rank], .night [data-itemtype=translation], .night [data-itemtype=entranslation], .night [data-itemtype=eg], .night [data-itemtype=egtranslation]{
    color:#ccc !important;
}


.night .wordsample{
    background-color:#151515;
}


.night .wordsample > div:first-child {
    background-color: #DBD1B5;
    color:#333;
}

.night .wordsample .cp_special {
    background-color: #c2cee7;
}

.night [data-controltype=playmediaicon]{
    background-color:#2c281f;
}


.night .localword {
    color:#ccc;
}

.night [data-id=exercisepage] .spanEx {
    color: #007FF8;
    font-weight: 600;
}

.night .exer_title{
    color: #DBBB62;
    background-color:#151515;
    box-shadow: none;
}

.night .playchaptercmd{
    background-image: url('images/playchapter_night.png');
}

.night .playchaptercmd:hover {
    background-image: url('images/playchapter_night_.png');
}


.night .playchaptercmd[data-playing]{
    background-image: url('images/pausechapter_night.png');
}

.night .playchaptercmd[data-playing] >span{
    color:#DBD1B5;
}
.night .exercisecmd {
    background-image: url('images/exer_night.png');
}

.night .exercisecmd:hover {
    background-image: url('images/exer_hover_night.png');
}

.night .newwordscmd {
    background-image: url('images/newwords_night.png');
}

.night .newwordscmd:hover {
    background-image: url('images/newwords_hover_night.png');
}

.night .dictionarycmd {
    background-image: url('images/dictionary_night.png');
}

.night .priorcmd {
    background-image: url('images/previous_night.png');
}

.night .priorcmd:hover {
    background-image: url('images/previous_hover_night.png');
}

.night .nextcmd {
    background-image: url('images/next_night.png');
}

.night .nextcmd:hover {
    background-image: url('images/next_hove_night.png');
}

.night .gobackcmd {
    background-image: url('images/goback_night.png');
}

.night .gobackcmd:hover {
    background-image: url('images/goback_hover_night.png');
}

.night .towordslistcmd {
    background-image: url('images/learn_night.png');
}

.night .towordslistcmd:hover {
    background-image: url('images/learn_hover_night.png');
}


.night .exercisecmd:hover span, .night .newwordscmd:hover span, .night .priorcmd:hover span, .night .nextcmd:hover span, .night .gobackcmd:hover span, .night .towordslistcmd:hover span, .night .playchaptercmd:hover span{
    color:#DBBB62;
}


.night [data-controltype=newword] {
    background-image: url('images/addword_night.png');
}

.night [data-controltype=newword][data-checked] {
        background-image: url('images/removeword_night.png');
 }

.night [data-controltype=pagecontrol], .night [data-controltype=embeddedpagecontrol] {
    background-color: #000;
}

.night .question {
    color: #ccc;
}

.night .question > label {
    color:#007FF8;
}

.night .pItem0, .night .pItem1, .night .pItem2, .night .pItem3, .night .pItemCorrect, .night .pItemIncorrect
{
    color: #ccc;
    background-color: #222;
    border-color: #222;
}

.night .pItem0::before, .night .pItem1::before, .night .pItem2::before, .night .pItem3::before{
    color:#ccc;
}

.night .pItem0:hover, .night .pItem1:hover, .night .pItem2:hover, .night .pItem3:hover{
    border-color:#FFDB74;
}

.night .exer_bg{
    background-color:#000;
}

.night [data-id=exercisepage] .spanInput {
    border-bottom: 1px solid #ccc;
}


.night [data-itemtype=eg]>em{
    /*color: #6190bf;*/
}

.night .wordsNoabove > span:last-child{
    background-color: #151515;
}

.night .wordsNoabove >span:last-child>span{
    color: #FFDB74;
}

.night .cao_main{
    background-color: #151515;
    box-shadow: none;
    background-image: url(images/exam_result_night.png);
}

.night .exer_chinese{
    color: #ccc;
}

.night .testbutton1 {
    /*color:#fff;*/
}

.night .testresult {
    color: #eee;
}

.night .testbutton_quit{
    /*background-color: #fff;
    color: #FFDB74;*/
}

.night .test_score {
    color: #007FF8;
}

.night .test_time {
   color: #DBBB62;
}

.night .wordstestno{
    background-color:#000;
}

.night [data-controltype=radiobox] > * {
        background-color: #151515;
        color:#DBBB62;
    }

    .night [data-controltype=radiobox] > [data-choiced] {
        border-bottom: 3px solid #DBBB62;
    }
    
.night .block_white {
    background: #000;
}

.night .part_title {
    background-color: #151515;
    color:#ccc;
}

.night .part_title >span {
    background-color: #151515;
    color: #ccc;
}

.night .text_writer{
    color:#ccc;
}

.night .dic_intro{
    background-color:#151515;
}
.night [data-controltype=playmedia][data-playing] {
    background-color: #DBD1B5 !important;
    color: #333 !important;
}

.night .cmd_script, .night .cmd_script_none {
    /*background-color: #ffeeec;*/
    border: solid 1px #151515;
}

.night .cmd_skill_none{
    color: #94bbe2;
    background-color: #a992b4;
    box-shadow: none;
    border-color: #a992b4;
}

.night .title {
    background: #151515;
}

.night .cmd_script.cur{
    box-shadow: none;
    border-color: #151515;
}

.night .note_frame {
    background: #151515;
}

.night .note_bg {
    background-color: #58405d;
}

.night .note_bg .frame_contentfont {
    color:#7590ba;
}

.night .contentfont {
    color: #ccc;
    background-color: #151515;
}

.night .cmd_trans{
    border-color: #DBBB62;
    background-color: #DBBB62;
}

.night .frame_contentfont {
    color: #ccc;
    background-color: #222;
}

.night .subtitle{
    color: #eee !important;
}

.night .img_intro_before{
    color:#7590ba;
}

.night .img_intro_after {
    /*color:#7590ba;*/
}

.night .img_100 {
    opacity: 0.9;
}

.night .img_50 {
    opacity: 0.9;
}

.night .body_special {
    background-color: #151515;
}

.night .unit_test_titbox{
    background-color: #151515;
    border-color:#7590ba;
} 

.night .unit_test_titbox li.cur a {
    background-color: #DBBB62;
    border-color: #DBBB62;
}

.night .unit_test_titbox li a {
    background-color: #DBD1B5;
    border-color: #DBD1B5;
}

.night [data-controltype=submitinfo] {
    color: #999;
    background-color: #000;
}

.night [data-itemtype=input] {
    /*color: #7590ba;*/
    background-color: #151515;
    border-color: #666;
}


/*选词填空的夜间模式*/
.night .AnswerSheet {
    background-color:#151515;
}
.night .AnswerSheet_top{
    background-color: #DBBB62;
    border-color: #DBBB62;
}

.night .AnswerSheetClose {
    background-image: url(images/answersheetclose_night.png);
}

.night .ChooseSheet_cell{
    background: #151515;
}
.night .ChooseSheet_cell li{
    background-color: #222;
    border-color: #222;
    
}

.night .ChooseSheet_cell li.unsubmitChecked{
    background-color: #DBBB62;
     border-color: #DBBB62;
}

.night .ChooseSheet_cell li span{
	color: #ccc;
}

.night .ChooseSheet_cell li.unsubmitChecked span{
    color:#333;
}

.night .ChooseSheetClose {
    /*background-color: #a992b4;*/
}

.night .ChooseSheetClose> i{
    /*color: #58405d;*/
}

.night .AnswerSheet_content {
    background-color: #151515;
}

.night .AnswerSheet_BtnBox{
    color:#333;
}

.night .AnswerSheet_BtnBox [data-checked=checked]{
    background: #AE7F22;
    box-shadow: none;
    /* border-color: #a992b4; */
    color: #fff;
}

.night .cmd_submit {
    background-color: #DBBB62;
    border-color: #DBBB62;;

}

.night .cmd_reset {
    background-color:#DBD1B5;
    border-color:#DBBB62;
}

.night .AnswerSheet_chooseBox li span{
    color: #a992b4;
}

.night .AnswerSheet_chooseBox li h5{
    background: #222;
    color: #fff;
    border-color: #222;
}

.night .AnswerSheet_chooseBox li .unsubmitChecked{
    background-color: #DBBB62;
    color:#333;
}


.night .AnswerSheet_chooseBox li .submitedCorrect{
    background: #151515;
    color: #86c635 !important;
    border-color:#86c635 !important;
}
.night .AnswerSheet_chooseBox li .submitedError{
    background: #151515;
    color: #e66755 !important;
}

.night .answerCardIcon{
    background-image: url('images/answersheet_night.png');
}

.night .AnswerSheet_chooseBox{
    border-bottom: 1px solid #585a6b;
}

.night [data-submitted] > [data-itemtype=options] > li[data-choiced] {
    color:#e66755;
    /*background-image: url('images/item_incorrect_night.png');*/
    background-color: #222;
}

.night [data-submitted] > [data-itemtype=options] > li[data-solution] {
    /*color:#608216;
    background-image: url('images/item_correct_night.png');*/
    background-color: #222;
    border-color: #222;
}




.night .pItemCorrect
{
    /*border:solid 1px #86c635;*/
}

.night .pItemIncorrect
{
    /*border:solid 1px #ff9b5a;*/
}

.night [data-id=___newwordslist]{
    background-color: #151515;
}

.night [data-controltype=showword]:hover {
    background-color: #151515;
}

.night .wordlist_title {
    background-color: #2e2f4d;
    color: #86c635;
}

.night .catalog-on {
    background-color: #2e2f4d;
}

.night .catalog-on a {
    color: #86c635 !important;
}

.night .newwordsdetailpage > div:first-child {
    background-color: #151515;
    box-shadow: none;
}

.night [data-id=___closenewwordsdetail]{
    box-shadow: none;
    border-color: #FFDB74 #FFDB74 transparent transparent;
}

.night .newwordsdetailpage >div> div:first-child > div:last-child >div:last-child{
    background-color: #151515;
    border-radius: 100%;
}


/*录音题的夜间模式*/
.night .reading_title{
    color:#ccc;
}

.night .contentreadaloud{
    color:#ccc;
}

.night .readaloud {
    background:#151515;
    border-bottom: 1px solid #151515;
}
.night .readaloudmargin {
    background-color: #151515;
    /*box-shadow: 1px 1px 1px 1px #151515;*/
}

.night .words_style .readaloudmargin >span, .night .phrase_style .readaloudmargin >span {
    background-color: #272443;
    box-shadow: none;
}

.night [data-itemtype=playmediaexcontroller]{
    background-color:#222;
}

.night .phrase_style [data-itemtype=playmediaexcontroller] {
    border-top: solid 1px #27223f;
}

.night .words_style >div:last-child, .night .phrase_style >div:last-child, .night .sentence_style >div:last-child {
    border-bottom: 10px solid #201c3e;
}

.night .testbutton2, .night .testbutton2x {
    background-color: #DBBB62;
    /* color: #333; */
    border: solid 1px #DBBB62;
}


.night [data-controltype=playmediaiconx][data-playing] {
    background-color: #151515;
}

.night [data-controltype=record][data-playing]{
    background-color: #151515;
}

.night [data-controltype=myaudio][data-playing]{
    background-color: #151515;
}

.night .recording_share {
    border-color: #222;
}

.night .recording_share_content{
    background-color: #151515;
}

/*听录音答题的夜间模式*/
.night .recording_filling [data-controltype=filling] [data-itemtype=sn] {
    color:#a992b4;    
}

.night .recording_filling >div>div>div{
    background-color: transparent;
}

.night .recording_filling [data-controltype=filling] [data-itemtype=input]{
    color:#a992b4;
}

.night .recording_filling_sentence >div>div>div {
    /*background-color: #151515 !important;*/
    color: #a992b4;
}

.night .recording_filling_sentence >div>div>div>div {
    /*background-color: #151515;*/
}

.night .script_button .cmd_script{
    color: #f5965a;
    background-color: #151515;
}

.night .script_button .cmd_openclose{
    background-color: #ae7f22;
}

.night .script_button .cmd_script > span:last-child >span{
    /*background-color: #151515;
    color: #a5abbd;
    border: solid 1px;*/
}

.night .script_title{
    color: #ccc;
}

.night [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input]{
    background-image: url(images/item_incorrect_night.png);
}

.night [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input]{
    background-image: url(images/item_correct_night.png);
}

.night .recording_filling [data-itemtype=result]{
    /*background: #151515;
    border-top: solid 1px #39315c;*/
    color:#a17a60 !important;
}

.night .script_content{
    background-color: #151515;
    color: #ccc;
}

.night [data-controltype=fillinglong] [data-itemtype=textarea] {
    /*color:#FFDB74;*/
}

.night [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea] {
    background-image: url(images/item_incorrect_night.png);
    color: #a17a60;
}

.night [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea] {
    background-image: url(images/item_correct_night.png);
    color: #86c635;

}


/* 对话框的夜间模式（注意：.night 用于区分夜间模式，必须要加） */
.night .layui-layer
{
	background-color: #151515;
}

.night .layui-layer-title {
    border-color: #c5c5c5;
    color: #c5c5c5;
    background-color: #151515;
}

.night .layui-layer-dialog .layui-layer-content{
    color: #c5c5c5;
    background-color: #151515;
}

.night .layui-layer-btn{
    color: #c5c5c5;
    background-color: #151515;
}

.night .layui-layer-ico{
    background-image: url(images/close.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.night .layui-layer-btn .layui-layer-btn0 {
    
}

.night .layui-layer-btn a{
    
}




/*添加至生词本后 单词详情*/
.newwordsdetailpage > div:first-child{
    display: table;
    background-image: url(images/words_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
}

.night .newwordsdetailpage > div:first-child{
    background-image: url(images/words_bg_night.png);
}

.newwordsdetailpage > div:first-child > div{
    padding:0 1rem;
}

.newwordsdetailpage > div:first-child > div:first-child{
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.newwordsdetailpage > div:first-child > div:last-child{
    padding-bottom: 1rem;
    color: #999;
    font-size: 0.95rem;
}

.newwordsdetailpage > div:first-child > div:first-child > div:last-child{
    display: flex;
    margin-right: 1.4rem;
}



.newwordsdetailpage [data-itemtype=wordheader]{
    display: inline-block !important;
}

.newwordsdetailpage [data-itemtype=cp]{
        padding-right: 5px;
}

.table_2L{
    display: table;
}

.table_2L >div{
    display: table-row;
}

.table_2L >div>span{
    display: table-cell;
}

.table_2L >div>span:first-child{
    font-weight: 600;
    font-size: 0.8rem;
    width:24px;
    color:#007FF8;
}

.table_2L_italic >div>span:last-child{
    font-style: italic;
}

.table_2L_60px>div>span:first-child {
    width:60px;
}

.table_2L_80px>div>span:first-child {
    width:80px;
}

/*读写技巧中的flex table*/
.flex_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0.5rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
}

.flex_table > span:nth-child(odd){
    width:50%;
}

/* 为了让锚点显示更漂亮 */
.wordlist_title > a{
	padding-top: 1rem;
}

/*展开按钮右侧的箭头方向*/
.glyphicon-chevron-down:before { content: "\f107" !important; }
.glyphicon-chevron-up:before { content: "\f106" !important; }

/*图片带文字说明 以及夜间模式*/
.image_with_intro {
    margin: 0 -1rem;
    padding: 3px 1rem 1rem 1rem;
    background-color: #fff;
    border-radius: 5px 10px 0 0;
}

.image_with_intro b{
    color:#ee7d5d;
}

.night .image_with_intro {
    background-color: #3d405d;
}


/*一页中有2个tab，分别做题*/
.unit_test_titbox{
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    position: relative;
    align-items: center;
    z-index: 1;
    padding: 15px 1rem;
}

.direction{
    font-size: 0.95rem;
    color: #007FF8;
    line-height: 1.5rem;
    font-weight: normal;
    background-color: #fff;
    padding: 1rem 1rem;
    margin-top: -1rem;
    border-radius: 0 0 10px 10px;
}

.unit_test_titbox li{
	position: relative;
	width: 30%;
}
.unit_test_titbox li a{
    position: relative;
    /* width: 80%; */
    /* max-width: 110px; */
    height: 30px;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 30px;
    font-family: arial;
    font-size: 0.8rem;
    border: solid 1px #AE7F22;
    border-radius: 20px;
    color: #AE7F22;
    background-color: #FEF4D8;
    cursor: pointer;
}
.unit_test_titbox li.cur a{
    color: #333;
    border-radius: 20px;
    border-color: #FFDB74;
    background: #FFDB74;
}
.unit_test_titbox li h5{
position: absolute;
    right: 5%;
    top: -9px;
    width: 18px;
    height: 18px;
    background: #E66755;
    color: #ffeeec;
    font-size: 9px;
    text-align: center;
    border-radius: 100%;
    line-height: 18px;
    display: none;
    border: solid 1px #fff;
    font-weight: normal;
}
.unit_test_titbox li h5 i{
	font-size: 12px;
	font-weight: 10;
}

.unit_test_titbox li.cur h5{
  /*color: #fff;
  background: #ff9b5a;*/
}

.unit_test_titbox li h5.unit_test_correct{
  background: #86c635;
  color: #fff;
}
.unit_test_titbox li.cur h5.unit_test_correct{
  background: #86c635;
  color: #fff;
}
.unit_test_checked{
	display: block!important;
}

.unit_test_content .unit_test_cell{
	display: none;
}
.unit_test_content .unit_test_cell:first-child{
	display: block;
}


/*一页中有2个tab，分别做题  夜间*/
.night .unit_test_titbox li h5{
    border-color:#dbd1b5;
}

/*答题卡相关*/
.unit_test_answersheet_tit{
    text-indent: 1rem;
    font-size: 0.8rem;
    font-weight: normal;
    color: #333;
    /* padding: 0.3rem 1rem; */
    /* border: solid 1px #151515; */
    /* background-color: #f3f9fd; */
    margin: 1rem 1rem 0.5rem 1rem;
    /* border-radius: 10px; */
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}
.unit_test_answersheet_tit p{
	font-weight: normal;
    line-height: 24px;
    font-size: 1rem;
    text-indent: 0;
}

/* 2019-03-25 */
.unit_test_answersheet_tit [data-itemtype=sn]
{
	display: initial;
	color: #a992b4;
}

.cmd_script.cur{
    /*background-color:#ffeeec;  
    color:#332932;
    background-image: url(images/scriptclose.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 90% center;*/
}

#AnswerSheet_unit_test .AnswerSheet_content{
	display: none;
}

.part2_chooseSheet_cell{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.part2_chooseSheet_cell li{
	width: 33%;
    border-left: 1px solid #ccc;
    font-size: 14px;
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 8px 0;
}
.part2_chooseSheet_cell li span{
	padding-left: 10px;
    display: block;
    letter-spacing: -0.1px;
}
.part2_chooseSheet_cell li.unsubmitChecked{
	background: #dedede;
	color: #2e4f8f;
}
.part2_chooseSheet_cell li.submitedError{
	background: #f0513f;
	color: #fff;
}
.part2_chooseSheet_cell li.submitedCorrect{
	background: #0084e0;
	color: #fff;
}

.hide{
	display: none;
}
.all_card{
	position: fixed;
	bottom: 10%;
	left: 10%;
	z-index: 9999;
	background: red;
	color: #fff;
}

.retract_content {
    position: relative !important; 
    padding-bottom:30px; 
    margin-bottom:20px;
}
.submitedscale{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
    display: none;
    font-size: 1.5rem;
}

.submitedscale >div{
    text-align: center;
    cursor: pointer;
}

.submitedscale >div>div{
    text-align: center;
    border: solid 1px #ff9b5a;
    display: inline-block;
    color: #ff9b5a;
    padding: 1px 10px;
    border-radius: 10px;
    font-size: 0.85rem;
    background-color: #fffced;
}
/*.submiteddown{
	float: right;
	width: 39px;
	height: 39px;
	background: url(../images/scaledown.png) no-repeat;
	background-size:contain;
}
.submitedup{
	background: url(../images/scaleup.png) no-repeat;
	background-size:contain;
}*/
.note {
    text-align: center;
    background-color: #FEF4D8;
    font-size: 0.95rem;
    font-family: 微软雅黑;
    padding: 0.3rem 0;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.night .note{
    background-color: #222;
}

.note>div {
    border: solid 1px #ff9b5a;
    display: inline-block;
    color: #ff9b5a;
    padding: 1px 10px;
    border-radius: 10px;
    font-size: 0.85rem;
    background-color: #fffced;
        margin: 1rem 0 0.5rem 0;
}

.dofinish{
	color: #5890ff;
}
.unit_test_titbox li.cur a .dofinish{
	color: #fff;
}


/*音频条和字幕按钮一行排列*/
.audio_bar_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*单词带note说明*/
.words_withnote {
    font-style: italic;
    font-weight: 600;
    cursor: pointer;
}

/*.words_withnote::after {
    position: absolute;
    content: "i";
    color: #ff9b5a;
    font-size: 0.7rem;
    font-style: normal;
    background-color: #e99684;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    bottom: 3px;
    margin-left: 5px;
}*/

.WordsNote_top {
    display: flex;
    height: 40px;
    overflow: hidden;
    width: 100%;
    z-index: 10;
    /* position: fixed; */
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px 20px 0 0;
    background-color: #FFDB74;
}

.WordsNote_top >div{
    margin:4px auto;
}

.WordsNoteClose {
    display: inline-block;
    background-color: #fef4d8;
    width: 50px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
    color: #333;
    font-size: 1.4rem;
    cursor: pointer;
    margin-top: 8px;


}
.words_notecontent{
    margin: 0.5rem 1rem;
    font-size: 0.95rem;
    /* margin-top: 40px; 
    background-color: #fff;*/
}

.words_notecontent >div:first-child{
    /*display: flex;
    justify-content: space-between;
    align-content: flex-start;*/
}

.words_notetitle {
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.words_note_cp_tr {
    font-size: 0.9rem;
    color:#666;
    padding-bottom: 0.5rem;
}

.words_note_cp_tr > span{
    display: table-cell;
}

.words_note_cp_tr > span:first-child {
    padding-right: 5px;
}
.words_note_cp_tr >div{
    margin-bottom: 0.5rem;
}
.words_note_cp_tr >div>span{
    display:table-cell;
}

.words_note_sample {
    display: table;
    width:100%;
    padding-top:0.5rem;
    font-size: 0.95rem;
    border-top:solid 1px #e0e0e0;

}

.words_note_sample > div >span{
    display: table-cell;
    color: #666;
    font-size: 0.9rem;
}

.words_note_sample > div >span:first-child {
    width:24px;
    font-size: 0.85rem;
}

.words_note_sample > div em {
    color:#852c36;
    font-weight: normal;
}

.words_note_sample h5{
    font-size: 0.9rem;
    font-weight: normal;
    color: #9f9f9f;
}

.words_note_explaination {
    padding-top: 0.5rem;
    margin-top:0.5rem;
    color:#666;
    border-top:solid 1px #e0e0e0;
    font-size: 0.9rem;
}

.words_note_explaination h5{
    font-size: 0.9rem;
    font-weight: normal;
    color: #9f9f9f;
}

.words_note_explaination_special{
    padding:0;
    margin:0;
    border-top: none;
}

.note_withimg img {
    width: 15%;
    float: left;
    margin-right: 1rem;
}

.note_withimg_20 img {
    width: 20%;
}
.note_withimg_30 img {
    width: 30%;
}

.testscript {
    bottom:51px !important;
}

.testscript >div{
    margin-top: 0 !important;
}

.testscript .content-indent{
    background-color: #fef4d8;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    margin-top: 1rem !important;
    border-radius: 10px;
}

.night .testscript .content-indent{
    background-color: #222;
}

.testscript::after{
    content:none !important;
}


/*单词带note说明 夜间*/
.night .WordsNote_top{
    background-color: #DBBB62;

}

.night .words_notetitle{
    color:#eee;
}

.night .words_notecontent{
    background-color: #151515;
}

.night .words_note_cp_tr{
    color:#ccc;
}

.night .WordsNoteClose{
    color:#151515;
}

/*音频播放条-开始*/
.audio_bar {
    padding: 0.25rem;
    border-radius: 30px;
    /* box-shadow: 0 0 10px 5px #faf3f3; */
    background-color: #FEF4D8;
    border: solid 1px #AE7F22;
}

.audio_bar .mejs-container{
	background: transparent;
    width: 260px !important; 
    height: 34px !important;
    border-radius: 5px;
    
}
.audio_bar .mejs-container .mejs-controls{
	background: none;
}
.audio_bar .mejs-controls .mejs-button button{
    background: url(images/audiopause.png) no-repeat;
    background-size: 60%;
    background-position: center;
    width: 36px;
    height: 36px;
    margin: 0;
}
.audio_bar .mejs-controls .mejs-pause button{
    background: url(images/audioplay.png) no-repeat;
    /* background-size: contain; */
    background-size: 60%;
    background-position: center;
}
.audio_bar .mejs-controls .mejs-button button:focus{
	outline: none;
}
.audio_bar .mejs-container .mejs-controls .mejs-time span{
	color: #AE7F22;
}
.audio_bar .mejs-container .mejs-controls  .mejs-button{
    width: 36px;
    height: 36px;
}
.audio_bar .mejs-controls{
	display: flex;
	align-content: center;
	align-items: center;
    height: 34px;
}
.audio_bar .mejs-controls .mejs-time-rail span{
	height: 4px;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	margin: 0 5px;
    background-color: #fef4d8 !important;
}
.audio_bar .mejs-controls div.mejs-time-rail{
	height: 4px;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #E7D298;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-current{
	background: #AE7F22;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	/*background: linear-gradient(rgba(30,30,30,0.4), rgba(60,60,60,0.3));*/
    background:#ffeceb;
}
.audio_bar .mejs-container .mejs-controls .mejs-time {
    padding:8px 0 0;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-current:after {
    /*position: absolute;
    right: -12px;
    top: -4px;
    content: "\f111";
    font-family: fontAwesome;
    font-size: 10px;
    color: #FFDB74;
    border-radius: 100%;
    background-color: #fff;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    line-height: 14px;
    text-align: center;*/
}

.audio_bar .mejs-controls .mejs-time-rail .mejs-time-float-current{
    display: none;
}
.audio_bar .mejs-controls .mejs-time-rail .mejs-time-float{
    display: none !important;
}

.audio_bar .mejs-controls .mejs-time-rail .mejs-time-float-corner{
    display: none;
}

.audio_bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
    background: #e7d298;
}

/*音频播放条-结束*/



/*音频播放条-夜间-开始*/
.night .audio_bar {
    background-color: #222222;
    box-shadow: none;
}

.night .audio_bar .mejs-container .mejs-controls .mejs-time span{
    /*color:#b8c8f5;*/
}

.night .audio_bar .mejs-controls .mejs-time-rail .mejs-time-loaded{
    /*background-color:#b8c8f5;*/
}

.night .audio_bar .mejs-controls .mejs-button button{
    background: url(images/audiopause_night.png) no-repeat;
    background-size: 60%;
    background-position: center;    
}

.night .audio_bar .mejs-controls .mejs-pause button{
	background:url(images/audioplay_night.png) no-repeat;
    background-size: 60%;
    background-position: center; 
}

.night .audio_bar .mejs-controls .mejs-time-rail .mejs-time-current:after{
    background-color: #c7b7be;
}

.night .audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
    background-color:#222 !important;
}
/*音频播放条-夜间-结束*/


.without_cp {
    padding-right: 0!important;
}

.cp_long {width:65px !important;}

.para_translation {
    position: relative;
}

.para_translation >div:first-child{
    position: absolute;
    right: 20px;
}

.para_translation [data-controltype=mirrorcmd] {
    position: absolute;
    right: 0;
}

.frame_translation {
    text-indent: 2rem;
    background-color: #FEF4D8;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #333;
    font-family: 微软雅黑;
}

.frame_translation >div{
    text-indent: 2rem;
}

.frame_translation sup{
    line-height: 1rem;
}

.has_answersheet {
    /*padding:0 !important;*/
}

/*语言切换按钮*/
.lang_switchIcon {
    position: absolute;
    top: 85%;
    right: 20px;
    height: 60px;
    width: 60px;
    z-index: 1;
    color: #FFDB74;
    cursor: pointer;
}

.lang_switchIcon > div {
    background-image: url(images/lang_switch.png);
    background-repeat: no-repeat;
    background-size: 60px;
    height: 100%;
    font-size: 0.75rem;
    text-align: center;
    line-height: 60px;
}

.lang_switchIcon span {
    /*color: #fff;*/
    font-weight: 600;
}

.lang_off {
    color: #98771c !important;
    font-weight: normal !important;
}


.lang_ch_only > div > div:first-child >span{
    color: #fff !important;
}

.lang_ch_only >span:first-child{
    color: #ecf6f9 !important;
    display:none !important;
}

.lang_ch_only >span:last-child{
    margin-top:0 !important;
}

/* 讯飞单词分析 */
.badword
{
	color: #f05223;
    text-decoration: underline;
	text-decoration-style: underline;
}

[data-playing] >span .badword{
    color:#fff;
}

.night [data-playing] .badword{
    color:#FFDB74;
}

.mmdscore {
    display: inline-block!important;
    font-size: 10px !important;
    line-height: 20px !important;
    font-family: 'fantasy';
    border-radius: 10px;
    background-color: #4aa8b3;
    color: #fff;
    height: 20px;
    width: 32px;
    text-align: center;
    margin-left: 5px;
}

/*单独的html页面、tab 和 进度条*/
.body_special {
    /*position: absolute;
    padding:0.4rem 1rem;*/
    left: 0;
    top: 0px;
    z-index: 9;
    background-color: #fff;
}


/*reading中的style*/
.reading_title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333333;
    /*background-image: url(images/reading_leftbar.png);
    background-repeat: no-repeat;
    background-size: 4px;
    background-position: 0;*/
}

.padding_adjust {
    padding-bottom: 120px !important;
}
/*
.phrase_style [data-itemtype=playmediaexcontroller] {
    border-top: solid 1px #a992b4;
}*/

.phrase_style .lrreading{
    padding:5px 0;
}

.phrase_style .readaloud{
    border-width: 1px;
}

.sentence_style [data-itemtype=playmediaexcontroller] {
    border:none;
}

.sentence_style .lrreading{
    padding:5px 0;
}

.sentence_style .readaloud{
    border-width: 1px;
}


/*录音分享*/
.recording_share {
    /*padding-top: 1rem;*/
}

.recording_share_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FEF4D8;
    border-radius:5px;
    font-size: 0.9rem;
    margin:5px 0;
    padding:0 1rem;
}

.recording_share_content [data-controltype=playmediaiconx] {
    margin-top: 0.5rem;
}

.recording_share_content span {
    /*line-height: 40px;*/
}

.recording_share_content >div:last-child{
    /*margin-right: 1rem;
    height: 40px;
    line-height: 40px;*/
}

/*录音平均分*/
.recording_avgscore {
    position: absolute;
    top: 80%;
    right: 20px;
    height: 50px;
    width: 50px;
    z-index: 1;
    text-align: center;
    background-image: url(images/avg_score.png);
    background-position: center;
    background-size: 110%;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.recording_avgscore >div {
    height: 50px;
    line-height: 50px;
    color: #FFDB74;
    font-size: 0.9rem;
    font-weight: 600;
}

/*录音平均分 夜间*/
.night .recording_avgscore{
    box-shadow: 2px 2px 10px 0px #6d5273;
}

/*听录音填空题*/
.recording_filling [data-controltype=filling], .recording_filling [data-controltype=fillinglong] {
    width:100%;
    display: table;
}

.recording_filling >div>div>div {
    /*background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);*/
    display: table-cell;
}

.recording_filling [data-controltype=filling] [data-itemtype=sn] {
    color: #333;
    display: table-cell;
    vertical-align: text-top;
    width: 8%;
}

.recording_filling [data-controltype=filling] [data-itemtype=input] {
    height: 1.7rem;
    font-size: 1rem;
    color: #a992b4;
    width:95% !important;
    margin:0 !important;
    background-position: 5px center;
}


.recording_filling [data-submitted][data-controltype=filling] [data-itemtype=input] {
    width:89%!important;
}


.recording_filling_sentence >div>div>div {
    background-color: #fff;
    box-shadow: none;
}

.recording_filling_sentence >div>div>span {
    display: inline-block;
    box-shadow: none;
}


/*选词填空 2L ColumnA ColumnB*/
.choosebox_filling >div>div {
    display:table-cell;
}

.choosebox_filling [data-controltype=filling]{
    width:100%;
}

.choosebox_filling >div>div>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.choosebox_filling [data-controltype=filling] [data-itemtype=sn] {
    display: table-cell;
    vertical-align: text-top;
    width: 24px;
}

.choosebox_filling [data-controltype=filling] [data-itemtype=input] {
    border-style: none;
    height: 1.7rem;
    color: #a992b4;
    padding-left: 2%;
    padding-right: 0;
    margin:0 !important;
    background-position: 5px center;
    width:200px !important;
    border: solid 1px #f5f4fa;
}


.choosebox_filling [data-submitted][data-controltype=filling] [data-itemtype=input]{
    display: block !important;
}


.choosebox_filling [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input]{
    padding-left:1.5rem;
}

.choosebox_filling [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input]{
    padding-left:1.5rem;
}

.choosebox_filling [data-controltype=filling] [data-itemtype=result]{
    padding-right: 1.5rem;
    max-width: 200px;
    padding-bottom: 0 !important;
}

.choosebox_filling [data-itemtype=stem]{
    width:30%;
}

input::-webkit-input-placeholder {
    color:#ccc;
}

.night input::-webkit-input-placeholder {
    color:#a992b4;
}

/*选词填空 2L ColumnA ColumnB  夜间模式*/
.night .choosebox_filling >div>div>div>div {
    /*background-color:#151515;*/
}

.night .choosebox_filling [data-controltype=filling] [data-itemtype=input] {
    color: #a992b4;
}

.night .choosebox_filling [data-controltype=filling] [data-itemtype=result] {
    color: #a17a60;
    border-top: solid 1px #39315c;
    /*background-color: #151515;*/
}
/*一般填空题*/
.normal_filling {
    padding: 0.7rem 0;
    /* border-bottom: solid 1px #f3eff1; */
    margin: 0;
}
.normal_filling >div{
    text-align: left;
    display: table;
}

.normal_filling [data-itemtype=sn]{
    width:0;
}

.normal_filling [data-itemtype=stem]{
    padding-bottom:0.5rem;
    display: block;
    color: #7590ba;
    font-weight: 600;
}

.normal_filling input {
    /*min-width:100px;*/
}

.normal_filling [data-submitted] [data-itemtype=stem]>span{
    padding: 2px 5px;
    /* border-bottom: solid 1px #c1b4f0; */
    background-color: #4aa8b3;
    border-radius: 5px;
    color: #fff;
    display:inline-block !important;
}

.normal_filling [data-itemtype=stem] >span{
    /*padding: 2px 5px;
    border-bottom: solid 1px #a992b4;*/
}

.normal_filling >div>div{
    /*display: inline-block;
    background-color: #f5f4fa;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    vertical-align: top;*/
}

.normal_filling [data-itemtype=result]{
    padding-left: 1.5rem !important;
    /*background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);*/
}

.normal_filling [data-controltype=fillinglong] >div{
    /*display: initial;*/
}

[data-controltype=fillinglong] [data-itemtype=result]{
    padding-top: 0 !important;
}

.normal_filling >div>span:first-child{
    /*display: table-cell;
    vertical-align: top;
    width: 24px;
    color: #ff9b5a;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;*/
}


.normal_filling_sn_wide >div >div>span:first-child{
    width:30px !important;
}

/*只有题号或者A和B*/
.normal_filling .like_sn {
    color: #a992b4;
    font-family: Book Antiqua;
    font-weight: 600;
    font-size: 0.8rem;
    width:24px;
    display: table-cell;
    vertical-align: top;
}

.normal_filling .like_sn span{
    background-color: #c1b4f0;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    color: #a992b4;
}

.margin0{
    margin:0;
}

.margin1{
    margin:0 1rem;
}

.margin2{
    margin:1rem 0;
}

.margin3{
    padding-top: 1rem;
    margin: 1rem 1rem 0 1rem
}

.margin4{
    margin:1rem;
}

.padding0{
    padding:0;
}

.padding1{
    padding:1rem 0;
}

.padding2{
    padding-top: 2rem;
}


/*一般填空题的答题卡*/
.AnswerSheet_filling li{
    width:45%;
    padding: 0.4rem 2%;
}

.AnswerSheet_filling li span {
    left:10%;
    right:inherit;
}

.AnswerSheet_filling li h5 {
    width: 76%;
    border-radius: 5px;
    display: inline-block;
    overflow: auto;
    padding: 0 2%;
    vertical-align: middle;
    line-height: 32px;
    height: 32px;
}

/*一般填空题夜间模式*/

.night .color_purple{
    color:#a992b4;
}

.night .normal_filling{
    border-color:#392d3c;
}

.night .normal_filling >div>div {
    color: #eee;
}

.night .normal_filling [data-itemtype=result] {
    /*color: #a17a60 !important;*/
}

.night .normal_filling [data-itemtype=stem] {
    color: #a992b4;
}

.night .normal_filling [data-itemtype=stem] >span {
    border-color:#a992b4;
}

.night .normal_filling .like_sn span {
    background-color:#a992b4;
}

.night .normal_filling_glossary{
    background-color:#000;
}

.night .normal_filling_glossary >div{
    color:#7590ba;
}
.night .normal_filling_glossary >div> span {
    background-color:#3e2a83;
    color:#a992b4;
}

.night .normal_filling_glossary li span{
    background-color: #151515;
    box-shadow: none;
    border-color: #151515;
    color: #ccc;
}
.night .normal_filling_glossary ul{
    /*border-bottom: solid 1px #a992b4;*/
}

.night .normal_filling_glossary [data-itemtype=input] {
    background-color: #a992b4;
}



/*选词填空课文*/
.choosebox_text{
    line-height: 2rem;
    padding-bottom: 0.5rem;
}
.choosebox_text_1st >div {
    margin-top: 1rem !important;
}

.choosebox_text >div{
    margin:0 1rem;
}

.choosebox_text [data-controltype=filling] [data-itemtype=sn] {
    width:inherit;
}

.choosebox_text[data-itemtype=result] {
    padding:5px 1.5rem !important;
}


/*选词填空课文--夜间模式*/
.night .choosebox_text >div>div {
    /*background-color: #151515;*/
}

.night .choosebox_text [data-itemtype=result]{
    /*color: #a17a60 !important;
    border-top: solid 1px #39315c;*/
}


/*选词填空排序*/
.choosebox_order{
    text-align: left;
}

.choosebox_order [data-controltype=filling]{
    width:95%;
}

.choosebox_order [data-controltype=filling] [data-itemtype=myresult]{
    width:95%;
}

.choosebox_order [data-submitted] [data-itemtype=myresult] {
    width: 90%;
}


/*Column标题*/
.column_title {
    color:#4aa8b3;
    border-bottom:solid 1px #4aa8b3;
    margin: 1rem 0;
    font-weight: 600;
}

.cmd_column {
    background-color: #a992b4;
    color: #fff;
    border: none;
}

.cmd_column.cur{
    background-color: #a992b4;
}

.column_b {
    font-size: 0.8rem;
    color: #4aa8b3;
    font-weight: 600;
    margin-left: 1rem;
    width:70px;
}

.column_b_invisible{
    display:none;
}

.night .column_b{
    /*color: #786f9a;*/
}

/*Script按钮*/
.script_button .cmd_script {
    border-radius: 20px;
    color: #ffc600;
    line-height: 1.2rem !important;
    /* border-bottom: solid 1px #b1b1b1; */
    background-color: #f1f6ff;
    font-size: 0.7rem;
    height: 26px !important;
    width: 60px;
    padding: 0px !important;
    border: none;
    font-family: Verdana,Arial,Helvetica,freesans,sans-serif;
}


.script_button .cmd_openclose {
    border-radius: 20px;
    color: #fff;
    background-color: #ffc600;
    font-size: 0.7rem;
    width: 80px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

/*.script_button .cmd_openclose.cur{
    background:#fff;
}*/

.script_button_close {
    position: relative;
    padding-bottom: 1rem;
}

.script_button_close .cmd_script{
    position: absolute;
    right: 0;
}

.script_button_special{
    background-color: #fff7eb !important;
    color: #ee7e57 !important;
    width: 20% !important;
}

.script_content_special{
    background-color: #fff7eb !important;
    color: #536b83 !important;
}

.script_content {
background-color: #fff;
    /* box-shadow: 0px 0px 2px 2px #f5f8fb; */
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    text-align: left;
    border-radius: 5px;
    text-align: justify;
    color: #333;
}

.script_content > div{
    line-height: 1.6rem;
     margin-bottom: 3px;
    font-size: 1rem; 
}

.script_content > div >div{
    margin:0.2rem 0;
    font-size: 1rem;
}

.script_content .subtitle{
    margin-left: 0 !important;
}
.script_content_2L span:first-child{
    color: #007FF8;
    font-weight: 600;
    font-size: 0.9rem;
}

.script_content h5{
    font-size: 0.9rem;
    padding:0;
    color:#FFDB74;
    border-bottom: solid 1px;
        padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.script_content img{
    margin:10px 0;
}

.script_content_2L >div{
    display:table;
    width:100%;
}

.script_content_2L >div>div>div{
    margin:0.2rem 0;
}
.script_content_2L span{
    display: table-cell;
    padding: 0;
}


.script_content_2L span:first-child{
    width: 100px;
    font-weight: 600;
    font-size: 0.8rem;
    text-align: left;
}

.script_content_2L_24 span:first-child{
    width: 26px;
}

.script_content_2L_50 span:first-child{
    width: 50px;
}

.script_content_2L_60 span:first-child{
    width: 60px;
}

.script_content_2L_70 span:first-child{
    width: 70px;
}

.script_content_2L_80 span:first-child{
    width: 80px;
}

.script_content_2L_120 span:first-child{
    width: 120px;
}

.script_button .cmd_script > span{
    display: table-cell;
}

.script_button .cmd_script > span:last-child {
    text-align: left;
    vertical-align: middle;
    width: 30px;
    padding-right: 2px;
}

.script_button .cmd_script > span:last-child >span{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: inline-block;
    color: #ff9b5a;
    line-height: 16px;
    text-align: center;
    display: inline-block;
}

.script_button .cmd_script > span:last-child >span >i{
    vertical-align: inherit;
}

.script_title {
    color: #333;
    font-weight: 600;
    line-height: 1.2rem;
    border-bottom: solid 1px #333;
    text-indent: 0 !important;
        padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.script_showresult span{
    text-decoration: underline;
}

/*Script和Note按钮并排*/
.script_note {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    margin-top: 1.2rem;
    font-family: 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.script_note > a {
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    /* border: solid 1px #de7f7f; */
    font-size: 0.9rem;
    color: #333;
    background-color: #FFDB74;
    line-height: 16px;
    padding: 5px 16px;
    cursor: pointer;
    font-weight: 600;
}

.script_note > a:first-child{
    margin-right: 5%;
}

.script_note .fa{
    font-size: 1rem !important;
}

.script_note span:first-child{
    width:90%;
}

.script_button.cur{
    /*background-color:#FFDB74;
    color:#fff;*/
}

.back_btn {
    /* margin: 0 auto; */
    /* width: 60px !important; */
    text-align: center;
    /* background-color: #ffdb74; */
    /* border-radius: 15px; */
    cursor: pointer;
    padding: 1px;
}

.back_btn >span{
    color: #333;
    display: initial;
    font-weight: normal !important;
    font-size: 1.5rem;
}

.back_btn i{
    padding-left: 0;
    font-size: 1.5rem;
    color:#333;
}

.night .back_btn i{
    color:#ccc;
}

/*只有Script按钮*/
.script_note_1L > a {
    width: 200px;
}

.script_note_1L > a:first-child{
    margin-right:0;
}

/*Example框*/
.examples {
    margin: 0.5rem 0;
    background-color: #ffeeec;
    border-radius: 5px;
}

.examples > p{
    display: inline-block;
    background-color: #FFDB74;
    color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 0 0.5rem;
    margin-bottom: 0;
}

.examples >div{
    padding:0 1rem;
    font-size: 0.9rem;
}

.examples >div>div{
    padding: 0.5rem 0;
    border-bottom: dashed 1px #e2d1da;
}

.examples >div>div:last-child{
    border-bottom: none;
}

.examples >div>div>span:first-child{
    text-decoration: underline;
}

/*Example框夜间模式*/
.night .examples{
    background-color: #151515;
}

.night .examples > p {
    color: #97bee4;
}

.night .examples >div>div{
    border-color:#6e5060;
}

/*clickwords中的example*/
.examples2 {
    box-shadow: 0px 0px 2px 2px #f2f6fa;
    padding: 0.5rem 0;
    background-color: #fff;
    border-radius: 5px;
    margin:1rem 0;
}

.examples2 p{
    display: inline-block;
    background-color: #a992b4;
    color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 0 0.5rem;
    margin-bottom: 0;
}

.examples2 >div{
    font-size: 0.95rem;
    margin: 1rem;
    padding: 0 0.5rem;
    border: solid 1px #151515;
    border-radius: 5px;
    background-color: #f3f9fd;
}

.examples2 >div >div>div{
    padding:0.5rem 0;
}

.examples2 >div >div>div:first-child{
    color:#a992b4;
    border-bottom: dashed 1px #a992b4;
}

/*clickwords中的example夜间模式*/
.night .examples2 {
    box-shadow: 0px 0px 2px 2px #323d58;
    background-color: #151515;
}

.night .examples2 p {
    color: #97bee4;
}

.night .examples2 >div{
    border-color: #151515;
    background-color: #151515;
}
/*Example中的before和after*/
.example_before_after{
    margin-top: 0.5rem;
}

.example_before_after >div> span{
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 1rem;
    vertical-align: middle;
    padding:0 10px;

}
.example_before_after >div> span:first-child{
    background: #a992b4;
    color: #fff;
    text-align: center;
    width: 45px;
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

.example_before_after >div:first-child>span:last-child{
    background:#fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    border: solid 1px #e9e8e8;
}

.example_before_after >div:last-child>span:last-child{
    background:#e9e6fa;
    border:solid 1px #b0a2de;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
}

/*Example中的before和after--夜间模式*/
.night .example_before_after >div> span:first-child {
    background: #a992b4;
    color: #a5abbd;
}

.night .example_before_after >div:first-child>span:last-child {
    border-color: #a992b4;
    background-color: #151515;
    color: #a5abbd;
}

.night .example_before_after >div:last-child>span:last-child{
    background: #a992b4;
    color: #a5abbd;
    border-color: #151515;
}

/*拖曳题 点击题*/
.dragwords_stem {
    display: table;
    width:100%;
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.dragwords_stem >span {
    display: table-cell;
}

.dragwords_stem >span:first-child{
    vertical-align: top;
    width: 24px;
    color: #ff9b5a;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.drag_frame {
    background: #fff;
    border-radius: 5px;
    color: #333;
    font-size: 0.95rem;
}

.drag_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding:0.5rem 0 1rem 0;
    margin: 0.5rem 1rem;
    border-bottom: solid 1px #e0e5ef;
    font-size: 0.95rem;
}

.drag_options span, .drag_options div{
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    padding: 0 8px;
    margin: 5px;
    /* box-shadow: 2px 2px 5px rgba(0,0,0,.2); */
    border: solid 1px #dce7ef;
    color: #333;
}

.drag_options li[data-choiced] > span{
    color:#a992b4;
}


[data-itemtype=wordscontain] {
	display: inline-block;
    margin-bottom: 0 !important;
    vertical-align: bottom;
    color: #a992b4;
    font-family: Arial, Helvetica, sans-serif;
}

.drag_filling_frame{
    margin:0;
    padding:0 1rem 1rem 1rem;
}

.drag_filling {
    display: inline-block;
    width:inherit;
    padding: 0;
    font-size: 1rem;
    margin:5px 2px;
    vertical-align: text-top;
}

.drag_filling ul{
    min-height: 1.7rem;
    /* overflow: auto;  */
    height: auto;
    display: inline-block;
    padding:0 2px;
}

.drag_filling [data-itemtype=input], .drag_filling [data-itemtype=wordscontain]{
    border-radius: 20px;
    background-color: #f3f9fd;
    border: solid 1px #a992b4;
    /* box-shadow: 1px 1px 5px rgba(0,0,0,.2); */
    text-align: center;
    padding: 0 8px;
}

.drag_filling_words_cur {
    /*background-color:#e9e6fa !important;
    color: #817f88;
    background-color: #b7b5bb !important;
    color: #fff;*/
    color: #836ada !important;
}

.drag_filling_wordscontain_cur {
    border:solid 1px #b0a2de !important;
}

.drag_filling_wordscontain_cur span{
    color:#a992b4 !important;
    /*background-color: #b0a2de!important;*/
}

.drag_fillinglong_wordscontain_cur span{
    color:#a992b4 !important;
    /*background-color: #b0a2de!important;*/
    overflow: auto;
    display: inline-block;
    padding:0 2px;
}

[data-itemtype=wordscontain]:hover {
    background-color: #e9e9e9;
}

.drag_filling [data-itemtype=sn]{
    width:0;
}


.drag_filling [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input]{
    text-align: left !important;
    border:solid 1px #86c635;
    background-color: #eff6e0;
    padding-right: 10px;
}

.drag_filling [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input] {
    text-align: left !important;
    border:solid 1px #e66755;
    background-color: #fdede2;
    padding-right: 10px;
}

.drag_filling [data-submitted][data-controltype=fillinglong] >div {
    line-height: 0;
}

.drag_filling [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
    text-align: left !important;
    border:solid 1px #86c635;
    background-color: #eff6e0;
    border-radius: 20px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    height: 2.6rem;
    background-position: 5px center;
    color: #86c635;
    padding-left: 1.5rem;
    width:inherit !important;
}

.drag_filling [data-itemtype=textarea]{
    resize:none;
}

.drag_filling [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea] {
    text-align: left !important;
    border:solid 1px #e66755;
    background-color: #fdede2;
    border-radius: 20px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    height: 3rem;
    background-position: 5px center;
    color: #e66755;
    padding-left: 1.5rem;
    width:inherit !important;
}

[data-controltype=clickwords] {
    padding:1rem;
    box-shadow: 2px 2px 5px #ecf2f7;
}

[data-controltype=clickwords] [data-itemtype=customer] {
    display: none;
}

[data-controltype=clickwords][data-submitted][data-iscorrect=no] [data-itemtype=customer] {
    display: block !important;
    padding-left: 1.5rem;
    padding-right: 10px;
    background-image: url(images/item_incorrect.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    color: #e66755;
    background-position: 5px 7px;
    margin: 1rem 1rem 0 1rem;
    font-size: 0.95rem;
    background-color: #fdede2;
    border-radius: 5px;
    /* box-shadow: 1px 1px 5px rgba(0,0,0,.2); */
    line-height: 1.5rem;
    border: solid 1px;
}

[data-controltype=clickwords][data-submitted][data-iscorrect=no] [data-itemtype=customer] span{
    display: inline-block;
    padding:3px 0;
}

[data-controltype=clickwords][data-submitted][data-iscorrect=yes] [data-itemtype=customer] {
	display: block !important;
    padding-left: 1.5rem;
    padding-right: 10px;
    background-image: url(images/item_correct.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    color: #86c635;
    background-position: 5px 7px;
    margin: 0 1rem;
    font-size: 0.95rem;
    background-color: #fff;
    border-radius: 5px;
    line-height: 1.5rem;
    background-color: #eff6e0;
    border: solid 1px;
}

[data-controltype=clickwords][data-submitted][data-iscorrect=yes] [data-itemtype=customer] span{
    display: inline-block;
    padding:3px 0;
}


[data-controltype=clickwords][data-submitted] [data-itemtype=contain]{
	display: none;
}

[data-controltype=clickwords][data-submitted] .drag_options>li>span{
    color:#a992b4;
}


[data-controltype=clickwords][data-submitted][data-showresult=always][data-itemtype=result], [data-controltype=clickwords][data-submitted][data-showresult=done]:not([data-iscorrect=na])[data-itemtype=result], [data-controltype=clickwords][data-submitted][data-showresult=err][data-iscorrect=no][data-itemtype=result], [data-controltype=clickwords][data-submitted][data-showresult=errormiss]:not([data-iscorrect=yes])[data-itemtype=result] {
	display: block;
    padding-left: 1.5rem;
    background-size: 1rem;
    background-repeat: no-repeat;
    color: #86c635;
    background-position: 5px 0;
    margin: 1rem;
    line-height: 1.2rem;
    padding-bottom: 0.5rem;
    font-size: 0.95rem;
}

.drag_frame [data-itemtype=result]{
    margin-top:3px !important;
    padding-left: 2.6rem !important;
    padding-right: 1rem !important;
    font-family: Verdana,Arial,Helvetica,freesans,sans-serif !important;
}


/*拖曳题--夜间模式 */
.night .drag_frame {
        background: #151515;
}

.night .drag_options {
    border-color:#465471;
}

.night .drag_options span, .night .drag_options div{
    border-color: #151515;
    background-color: #151515;
    color: #a992b4;
    box-shadow: none;
}
.night .drag_options li[data-choiced] > span {
    color: #a992b4;
}

.night .drag_filling [data-itemtype=input], .night .drag_filling [data-itemtype=wordscontain] {
    background-color: #151515;
    border-color: #151515;
    color: #a992b4;
}

.night .drag_filling_words_cur {
    color:#6e6da7 !important;
}

.night .drag_filling_wordscontain_cur{
    border: solid 1px #151515 !important;
}

.night .drag_filling_wordscontain_cur span {
    color: #a5abbd !important;
}

.night .drag_filling [data-submitted][data-iscorrect=yes] [data-itemtype=input]{
    background-color: #a992b4;
    border-color: #a992b4;
}

.night .drag_filling [data-submitted][data-iscorrect=no] [data-itemtype=input] {
    background-color: #a992b4;
    border-color: #a992b4;
}
.night .drag_filling [data-itemtype=result]{
    color:#a17a60 !important;
}

.night .drag_filling [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea] {
    background-color: #a992b4 !important;
    border-color: #a992b4 !important;
    color:#608216;
}

.night .drag_filling [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea] {
    background-color: #a992b4 !important;
    border-color: #a992b4 !important;
    color: #a17a60;
}

.night [data-controltype=clickwords]{
    box-shadow: 2px 2px 5px #323e57;
}

.night [data-controltype=clickwords][data-submitted][data-iscorrect=yes] [data-itemtype=customer] {
    border:solid 1px #608216;
    background-color: #151515;
    background-image: url(images/item_correct_night.png);
    color: #608216;
}

.night [data-controltype=clickwords][data-submitted][data-iscorrect=no] [data-itemtype=customer] {
    /*border:solid 1px #a17a60;*/
    background-color: #151515;
    background-image: url(images/item_incorrect_night.png);
    /*color: #a17a60;*/
}

.night .drag_frame [data-itemtype=result]{
    /*color: #a17a60 !important;*/
}

/*filling_width*/
.filling_width_40 {
    width:40px !important;
}

.filling_width_60 {
    width:60px !important;
}

.filling_width_80 {
    width:80px !important;
}

.filling_width_100 {
    width:100px !important;
}

.filling_width_120 {
    width:120px !important;
}

.filling_width_150 {
    width:150px !important;
}

.filling_width_180 {
    width:180px !important;
}

.filling_width_200 {
    width:200px !important;
    min-width: 200px !important;
}

.filling_width_220 {
    width:220px !important;
}

.filling_width_250 {
    width:250px !important;
}

.filling_width_300 {
    width:300px !important;
}

.filling_width_300_2L {
    width:300px !important;
    height: 3.5rem;
}

.filling_width_350 {
    width:350px !important;
}

.filling_width_400 {
    width:400px !important;
}

.filling_width_500 {
    width:500px !important;
}

.filling_width_550 {
    width:550px !important;
}

.filling_width_600 {
    width:600px !important;
}

.filling_width_special{
    width:150px !important;
    min-width: 150px !important;
}

.under-line {
    text-decoration: underline;
}

.color_purple{
    color:#a992b4;
}

.color_green{
    color:#4aa8b3;
}

.color_red{
    color:#FFDB74;
}

.color_gray{
    color:#7590ba;
}

.color_gray > i{
    color:#FFDB74;
}

.symbol_margin0 {
    margin-left: 2px !important;
}

.filling_1st_margin >div:first-child{
    margin-top: 0.8rem;
}

/*提示框*/
.additional_explain {
    padding: 1rem;
    font-size: 0.9rem;
    background-color: #fff;
    margin: 1rem 0;
    border-radius: 5px;
    line-height: 1.5rem;
}

.additional_explain > i{
    color:#a992b4;
}

.night .additional_explain {
    background-color: #151515;
}

/*添加白色背景色*/
.bg_white {
    background-color:#fff;
}

/* 2019-01-07 录音分享*/
.share_audio_item {
	background-color: #f5f4fa;
    border-radius: 5px;
    padding-left: 8px;
}

.share_audio_item p {
	width: 100%;
}

.share_audio_item img {
	width: 22px;
    display: inline-block;
}

.share_audio_item span{
    text-align: right;
    display: inline-block;
    width: 92%;
}


/*课程使用说明*/
.body_course {
    margin-top:-90px;
}

.intro_title2 {
    background-image: url(images/course_intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    background-position: top center;
    background-size: 100%;
    border-radius: 10px;
}


.intro_bottom {
    background-image: url(images/intro_title_bottom.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
}

.course_intro {
    font-family: Arial, 微软雅黑, 宋体;
    /* margin-bottom: 1rem; */
    border-radius: 10px;
    background-color: #FFDB74;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.course_subtitle {
    background-image: url(images/book.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    height: 100px;
    margin-bottom: -1rem;
}


.course_subtitle1 {
    background-image: url(images/ribbon1.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    height: 50px;
    /* margin-top: 1rem; */
    background-size: 50%
}

.course_subtitle2 {
    background-image: url(images/ribbon2.png);
}

.course_content {
    margin: 0.8rem;
    color: #333;
    border-radius: 20px;
    background-color: #fff;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}


.course_content >div:first-child, .course_content >div:nth-child(2){
    /*background-color:#ebf6ff;
    border:solid 1px #b52d85;
    border-radius: 10px;*/
}

.course_step {
    /* border-radius: 0 20px 20px 0; */
    /* background-size: 20%; */
    background-repeat: no-repeat;
    height: 40px;
    background-position: center;
    /* position: static; */
    /* margin-left: -0.5rem; */
}

.step_01{
    background-image: url(images/intro_01.png);
}

.step_02{
    background-image: url(images/intro_02.png);
}

.step_03{
    background-image: url(images/intro_03.png);
    background-size: 50%;
}

.step_04{
    background-image: url(images/intro_04.png);
    background-size: 50%;
}
.course_detail {
    font-size: 0.95rem;
    border-radius: 0;
    background-color: #fff;
}

.course_detail >span{
    display: block;
    padding: 0.8rem;
    background-color: #FFFAEE;
    margin: 0.5rem 0.8rem;
}

.course_detail >span>span{
    display: inline-block;
    width:20px;
    color:#FF4200;
}

.course_detail >div>div{
    margin: 0.5rem 1rem;
    padding-bottom: 0.5rem;
    text-align: left;
}

.course_detail >div>div:last-child{
}

.course_catalog {
    padding: 1rem 0.5rem;
    background-color: #FFFAEE;
    margin: -1rem 0.8rem 0 0.8rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1rem;
}

.course_catalog_title {
    padding-bottom: 0;
}

.course_catalog_title > span{
    color: #D76E00;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 0.6rem;
    line-height: 1rem;
    background-image: url(images/bar.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 4px;
}

.course_catalog_detail {
    color:#333;
    font-size: 0.9rem;
    margin-bottom: 1rem !important;
}

.course_catalog_detail > div{
    border-bottom: solid 1px #dde9ff;
    padding: 0.1rem 0.6rem;
}

.course_catalog_detail >div> span:first-child {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2rem;
}

.course_catalog_detail >div > span:last-child {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    color: #efccc8;
    line-height: 20px;
    font-size: 1rem;
}

.undo_icon {
    color: #ffc600 !important;
}

.course_catalog_subtitle {
    display: inherit !important;
}

.course_catalog_subtitle > ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* background-color: #f3f9fd; */
    border-radius: 10px;
    /* padding: 0 10px; */
    /* margin-left: -1rem; */
}

.course_catalog_subtitle li{
    width: 48%;
    text-align: center;
    background-color: #ffeeec;
    margin: 2% 1%;
    color: #b23b3b;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 4px 20px;
}

.course_catalog_subtitle li span:last-child{
    color: #efccc8 !important;
}

.body_bgyellow .block_white, .body_bgyellow .part_title{
    background-color: #FFF6D3;
}

/*思政*/
.title_sizheng::after{
    content: "";
    background-image: url(images/dot.png);
    background-repeat: no-repeat;
    padding-left: 1rem;
    background-size: 6px;
    background-position: 5px center;
}


/*课程使用说明-夜间模式*/
.night .body_bgyellow .block_white, .night .body_bgyellow .part_title{
    background-color:#000;
}

.night .course_catalog{
    background-color: #2d2d2d;
}

.night .intro_title2{
    /*background-image: url(images/intro_title_bg2_night.png);*/
}

.night .course_title{
    /*background-image: url(images/intro_title_night.png);*/
}
.night .course_intro {
    background-color: #151515;
    box-shadow: none;
}

.night .course_content {
    background-color: #151515;
    box-shadow: none;
}


.night .course_step {
    color: #a5abbd;
    background-color: #222;
}

.night .course_detail{
    background-color: #222;
    color: #ccc;
}

.night .course_detail >span{
    background-color: #2d2d2d;
}

.night .course_catalog_detail{
    color: #ccc;
}


.night .course_catalog_detail > div {
    border-color: #444;
}

.night .course_catalog_detail >div > span:last-child{
    /*color: #a992b4;*/
}

.night .undo_icon {
    /*color:#7683a0 !important;*/
}

.night .course_catalog_subtitle li{
    /*color: #a992b4;*/
    background-color: #58405d;
}

.night .course_catalog_subtitle > ul{
    /*background-color: #151515;*/
}

.night .intro_title1 span {
    color:#7885a2;
}

.night .intro_title2{
    background-image: url(images/course_intro_night.png);
}

.night .course_subtitle1{
    background-image: url(images/ribbon1_night.png);
}

.night .course_subtitle2{
    background-image: url(images/ribbon2_night.png);
}

.night .step_03{
    background-image: url(images/intro_03_night.png);
}

.night .step_04{
    background-image: url(images/intro_04_night.png);
}

.night .course_detail >span>span{
    color:#D16B00;
}

.night .course_catalog_title > span{
    color:#AE7F22;
}


/*Overview*/
.overview p{
    display: inline-block;
    background-color:#a992b4;
    color:#fff;
    border-radius: 0 10px 10px 0;
    padding:0 0.5rem;
    margin-top: 1rem;
}

.overview > div {
    padding:0 1rem;
}

.overview > div:nth-child(2){
    color: #a5abbd;
    padding: 0 1rem 0.5rem 1rem;
    font-size: 0.95rem;
}

.overview > div:last-child >div{
    border-top: dashed 1px #a9cee8;
    padding:0.5rem 0;
}

.overview > div:last-child >div:first-child{
    margin-top: 0;
}

.overview > div:last-child >div::before{
    display: table-cell;
    width:20px;
    color:#fdd41f;
    content:"\f111";
    font-family: fontAwesome;
    font-size: 0.7rem;
    vertical-align: text-top;
}

.overview > div:last-child >div>span{
    display: table-cell;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.overview{
    border-bottom: solid 10px #eff4f8;
    background-color: #fff;
}

/*Overview夜间模式*/
.night .overview {
    background-color: #151515;
    border-bottom-color:#323e57;
}

.night .overview p{
    color:#97bee4;
}

.night .overview > div:nth-child(2){
    color:#a992b4;
}

/*选择题*/
[data-controltype=choice]>div>span{
    display: table-cell;
}

[data-controltype=choice]>div>div{
    display: table-cell;
}

[data-controltype=choice]>div>span:first-child{
    width:26px;
    text-align: left;
}

[data-controltype=choice] >ul>li{
    padding-left: 20px;
    padding-right: 4px;
    cursor: pointer;
}

[data-controltype=choice] [data-itemtype=stem] >span{
    text-decoration: underline;
}

.choice_margin [data-controltype=choice]{
    margin: 1rem 0.5rem;
}

/*选择题 夜间*/
.night [data-controltype=choice] >ul>li{
    background-color: #222;
    border-color: #222;
    color:#ccc;
}

.night [data-controltype=choice] [data-itemtype=options] > li[data-choiced] {
    border-color: #DBBB62;
}


.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-choiced]{
    background-color: #222!important;
    border-color: #222;
}

.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-solution]{
    background-color: #222!important;
    border-color: #222;
}

.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]{
    background-color: #222!important;
    border-color: #222;
}


.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-solution]>span{
    /*color: #608216;*/
}

.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-choiced]>span {
    color: #ccc;
}

.night [data-controltype=choice][data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]>span{
    color:#86c635;
}


/*填空题的备选参考*/
.normal_filling_glossary{
    position: relative;
    font-size: 1rem;
    background-color: #f5f5f5;
    margin: 0.5rem 0;
    border-radius: 5px;
    padding: 0.5rem 0;
}

.normal_filling_glossary >div{
    line-height: 1.5rem;
    margin: 0 0.5rem;
}

.normal_filling_glossary ul{
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-content: center;
}

.normal_filling_glossary li> span{
    display: inline-block;
    background-color: #E6E9EB;
    padding: 3px 6px;
    border-radius: 3px;
    /* box-shadow: 1px 1px 1px 1px #d2d2d4; */
    line-height: 1.2rem;
    margin: 5px 12px 5px 0;
    border: solid 1px #f1f7ff;
    color: #333;
    font-size: 1rem;
}

.normal_filling_glossary [data-itemtype=input] {
    background-color: #fff;
}

.normal_filling_glossary >div >div>i{
    color:#FFDB74;
}

.normal_filling_glossary >div >div{
    margin-bottom: 0.5rem;
}

.words_list ul{
    margin:0.5rem 0 0.3rem;
}

.words_list li {
    background-color: #fff;
    border-radius: 15px;
    border: solid 1px #9ec2fd;
    color: #FFDB74;
    margin:5px 8px;
    padding:0 10px;
}

.words_list li >span{
    padding:0;
    margin:0;
    border:none;
    color:#FFDB74;
}

.words_list li>span:nth-child(2){
    color:#758cba;
    font-style: italic;
}

.words_list li>span:last-child{
    font-family: 微软雅黑;
    font-size: 0.9rem;
}

.night .words_list li{
    background-color:#151515;
    border-color: #536b83;
}

.night .words_list li span{
    color:#FFDB74;
}

.night .words_list li>span:nth-child(2){
    color:#758cba;
}


/*视频题*/
.part_title_viewing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    font-weight: normal;
    margin: 0.3rem 1rem;
}

.part_title_viewing >span{
    display: table-cell;
    /* width: 70%; */
    margin: 0;
    padding-left: 0;
}

.part_title_viewing >span>span{
    font-size: 0.9rem;
}

.part_title_viewing >div {
    display: inline-block;
}

.part_title_viewing >div:last-child {
    background-color: #FEF4D8;
    padding: 0;
    border: solid 1px #FFDB74;
    border-radius: 22px;
    height: 26px;
    display: flex;
    align-items: center;
}

.switchOn{
	/*background-color: #a992b4;*/
}
.toggle_video{
	/*color: #999;
	box-shadow: 1px 1px 5px #b9b8b8;
	padding: 2px 0;
	background-color: #f0f6ff;*/
    padding: 0.3rem 0;
}

.toggle_video .switchOn{
	border-radius: 15px;
}

.toggle_video .fa-film{
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/video_on.png);
    border: solid 1px #FFDB74;
    border-radius: 22px;
    margin-right: 2px;
    background-color: #FFDB74;
    cursor: pointer;
}

.toggle_video .fa-film_off{
    background-image: url(images/video_off.png) !important;
    background-color: #fef4d8;
    border-color: #fef4d8;
}

.toggle_video .fa-volume-up{
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/audio_off.png);
    border: solid 1px #fef4d8;
    border-radius: 33px;
    /* vertical-align: middle; */
    background-color: #fef4d8;
    cursor: pointer;
}

.toggle_video .fa-volume-up_off{
    background-image: url(images/audio_on.png) !important;
    background-color: #FFDB74;
    border-color: #FFDB74;
}

.toggle_video .fa-volume-up::before{
    font-size: 0;
}

.toggle_video .fa-film:before{
    font-size: 0;
}

/*.myvideo_box{
    background-color: #fff;
    margin:-40px 1rem 0 1rem;
    padding: 1rem;
    border-radius: 5px;
}*/


.audio_play_box{
	background: #fff;
    margin: 0 1rem;
    box-shadow: 0px 0px 30px 5px #f2f2f2;
    border-radius: 5px;
}

/*.audio_play_box::before{
    box-shadow: -3px -3px 3px #efe3e4;
    content: "";
    color: #ff9b5a;
    width: 100%;
    display: inline-block;
    height: 15px;
    border-radius: 5px;
}*/


.audio_play_box>div{
    display: inline-block;
	vertical-align: middle;
    margin: 10px 5px;;
    cursor: pointer;
}
			
			
.audio_play_box>div:last-child{
    height: 50px;
    line-height: 50px;
    float: right;
}

.audio_play_box>div:last-child>*{
    display: inline-block;
}

.audio_play_box>div:last-child>h6{
    margin-right: 1rem;
}
			
.hiddenx {
    overflow: hidden;
	height: 1px !important;
	width: 1px !important;
	display: none;
	opacity: 1;
	position: absolute;
    top: 0px;
    z-index: 0;
}

.audio_thumbnail{
	margin: 0;
    border-radius: 5px;
}
.audio_play{
	background: url(../images/yuyinbofang.png) no-repeat;
	background-size: 100%;
	width: 25px;
	height: 25px;
}
.audio_pause{
	background: url(../images/yuyinzanting.png) no-repeat;
	background-size: 100%;
	width: 25px;
	height: 25px;
}

.audio_play_box time{
	color: #AE7F22;
	margin-right: 10px;
	font-size: 14px;
}
.audio_play_box h6{
	color: #AE7F22;
	font-size: 14px;
	font-weight: normal;
}
.audio_none{
	display: none;
}

.playmovie>div {
    padding-top: 0;
}

.audioZone .reading_title{
    margin-top:0;
    border-top:none;
    border-bottom: solid 1px #e0e5ef;
    padding-bottom: 5px;
}

.margin_adjust{
    margin-top: 0.5rem;
}

.blue_title_bar p{
    display: inline-block;
    background-color: #a992b4;
    color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 0 0.5rem;
    margin-top: 1rem;
}

[data-controltype=fillinglong] > div{
    display: inline-block;
    width: 100%;
}

/*视频答题中的reference分两栏*/
[data-itemtype=result] .script_content{
        background-color: initial;
        padding:0.2rem;
}

[data-itemtype=result] .script_content >div{
    margin-bottom: 0;
}

.night [data-itemtype=result] .script_content {
    box-shadow: none;
}

/*视频题夜间模式*/
.night .part_title_viewing{
    background-color: #151515;
}

/*.night .myvideo_box{
    background-color:#151515;
}*/

.night .micro_lecture{
    background-color:#151515;
}

.night .direction{
    /*background-color:#151515;*/
    color:#007FF8;
}

.night .script_note > a{
    /*background-color: #151515;*/
}

.night .script_button_special {
    background-color:#151515 !important;
}

.night .script_content_special{
    background-color:#151515 !important;
    color:#7590ba !important;
}

.night .blue_title_bar p{
    color:#c6d8eb;
}

.night [data-itemtype=textarea]{
    background-color: #222 !important;
    border-color: #222;
    color: #eee;
}

.night [data-itemtype=input]:focus, .night [data-itemtype=textarea]:focus {
    border-color: #007FF8;
    background-color: #151515;
}


.night .cmdbox{
    background: #000;
}

.night .audio_play_box{
    background-color: #151515;
    box-shadow: none;
}

.night .video_question [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    color:#a992b4 !important;
}

.night .video_question [data-itemtype=result]{
    background-color: #151515;
    border-color:#151515;
    color:#a992b4 !important;
}

.night .script_button.cur{
    /*background-color: #FFDB74;
    color: #151515;*/
}

.night .toggle_video .fa-film{
    background-image: url(images/video_on_night.png);
}

.night .toggle_video .fa-film_off{
    background-image: url(images/video_off.png) !important;
}

.night .toggle_video .fa-volume-up{
    background-image: url(images/audio_off_night.png);
}

.night .toggle_video .fa-volume-up_off{
    background-image: url(images/audio_on.png) !important;
}



/*视频题中的选择题*/
.video_choice [data-controltype=choice]>div>span{
    display: table-cell;
    padding-top: 1rem;
}

.video_choice [data-controltype=choice]>div>span:last-child{
        padding-right: 1rem;
    }

.video_choice [data-controltype=choice] >ul>li{
    padding-left: 20px;
}

.video_choice [data-itemtype=options] {
    padding-right: 1rem;
}
.video_choice [data-itemtype=options] > li >span {
    display: table-cell;
}

.video_choice [data-itemtype=options] > li >span:first-child{
        width:30px;
    }

.video_choice > div{
    box-shadow: 5px 5px 5px #f6f0f1;
    width: 100%;
    margin:1rem 0;
}

.video_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]{
    background-position: 0 0.7rem;
}

.video_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]{
    background-position: 0 0.7rem;
}

.video_script .cmd_script{
    box-shadow: none !important;
}

/*视频题中的问答题*/
.video_question > div{
    padding: 0 0.5rem 1rem 0.5rem;
}

.video_question > div:last-child{
    padding-bottom: 0;
}

.video_question [data-itemtype=result]{
    border: solid 1px #78addf;
    border-radius: 5px;
    color: #333 !important;
    padding:10px 5px !important;
    width:100%;
    background-color: #f3f9fd;
}

.video_question [data-itemtype=result] >div:first-child{
    color: #a992b4;
    font-size: 0.85rem;
    line-height: 1rem;
    margin-bottom: 0.3rem;
}

.video_question [data-itemtype=result] >div:last-child{
    line-height: 1.5rem;
}

.video_question [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    background-image: none !important;
    padding:0 5px;
    color:#333 !important;
    width:100%;
}

/*视频题中的判断题*/

.tf [data-itemtype=options] > li {
    background-color: #fff;
    width: 80px;
    margin-right: 2rem;
    border: solid 1px #a992b4;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px;
}

.tf [data-itemtype=options]{
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.tf [data-itemtype=options] > li[data-choiced] {
    background-color: #a992b4;
    color: #fff;
}

.tf [data-itemtype=options] > li >span{
    display: initial;
}

.tf [data-controltype=choice]>div {
        display: table-cell;
        vertical-align: top;
        padding-bottom:0.5rem;
}

.tf [data-controltype=choice]>div:first-child{
    width:24px;
}

.tf [data-controltype=choice]>div:last-child>span{
    padding-right: 1rem;
    width:initial;
}

.tf [data-submitted] [data-itemtype=options] > li[data-choiced] {
    background-image: url(images/item_incorrect.png);
    background-position: 0.5rem center;
    background-size: 0.9rem;
    background-color:#fff;
    border-color: #e66755;
    color: #e66755;
}

.tf [data-submitted] [data-itemtype=options] > li[data-choiced][data-solution] {
    background-image: url(images/item_correct.png);
    color: #86c635;
    background-size: 0.9rem;
    background-position: 0.5rem center;
    background-color: #f4f7f0;
    border: solid 1px #86c635 !important;
}

.tf [data-submitted] [data-itemtype=options] > li[data-solution]{
    background-image: url(images/item_correct.png);
    background-size: 0.9rem;
    background-position: 0.5rem center;
    color: #86c635;
    border-color: #86c635;
    background-color: #f4f7f0;
}

.tf [data-itemtype=result] {
    display: none !important;
}

.video_question [data-controltype=choice][data-itemtype=result] {
    display: none !important;
}

/*视频题中的判断题 夜间模式*/
.night .tf [data-itemtype=options] > li{
    background-color: #151515;
    border-color: #151515;
}

.night .tf [data-itemtype=options] > li[data-choiced] {
    color: #a992b4;
    border-color: #a992b4;
}

.night .tf [data-submitted] [data-itemtype=options] > li[data-choiced][data-solution] {
    background-color: #151515;
    color: #86c635;
    border-color: #86c635;
}

.night .tf [data-submitted] [data-itemtype=options] > li[data-choiced]{
    background-color: #151515;
    border-color: #e66755;
    color: #e66755;
}

.night .tf [data-submitted] [data-itemtype=options] > li[data-solution]{
    background-color: #151515;
    color: #86c635;
    border-color: #86c635;
}

/*勾叉选择题*/
.checkbox_choice{
    /*box-shadow: 5px 5px 5px #f6f0f1;
    margin-bottom: 1rem;*/
}

.checkbox_choice [data-controltype=choice]>div{
    margin:0;
}

.checkbox_choice >div{
    display: flex;
    padding: 1rem 0;
    box-shadow: none !important;
    justify-content: flex-start;
    border-bottom: solid 1px #eee;
    text-align: left;
    margin:0;
}


.checkbox_choice [data-itemtype=options]{
    display: flex;
    /*margin-top: 0;
    height: 90px; 点击时不显示底色*/
    position:relative;
    height: 40px;
    margin-top: 5px;
}

.checkbox_choice [data-itemtype=options] > li{
    background-color: #fff;
    text-align: center;
    border:none;
    margin-top: 0;
    margin-right: 5px;
    padding:0;
    font-weight: 600;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.checkbox_choice [data-itemtype=sn]{
    width:0;
    min-width: 0;
}

.checkbox_choice [data-itemtype=options] > li >span{
    width: 30px !important;
    height: 30px;
    line-height: 30px;
    /* border: solid 1px #787777; */
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    background-color: #FEF4D8;
    color:#999;
}

.checkbox_choice [data-itemtype=options][data-choiced] > li >span{
    background-color:#ee7e57;
    color:#333;
}


.checkbox_choice [data-itemtype=options] > li >span:first-child>span {
    border: solid 2px #852c36;
    border-radius: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
}

.checkbox_choice [data-itemtype=options] > li[data-choiced] >span{
    background-color: #FFDB74;
    color:#333;
}

.checkbox_choice [data-itemtype=stem]{
    font-size: 1rem;
}

.checkbox_choice [data-itemtype=result]{
    padding:0 !important;
}

.checkbox_choice [data-submitted] [data-itemtype=options]{
    height:60px;
}

.checkbox_choice [data-submitted] > [data-itemtype=options] > li {
    background-color: #fff;
    background-position: center 32px;
    padding-bottom: 20px;
}

.checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution] {
    background-color: #fff;
    background-position: center 32px;
    padding-bottom: 20px;
}

.checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced] >span {
    background-color:#E66755;
    color: #fff;
    
}

.checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-solution] >span {
    background-color:#86C635;
    background-color: #e2ffd9;
    color: #86C635;
}

.checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution] >span {
    background-color:#86C635;
    color:#fff;
}

.checkbox_choice [data-submitted] [data-itemtype=result]{
    display: none !important;
}

.checkbox_choice_withsn [data-itemtype=sn]{
    width:24px;
}

.checkbox_choice_withsn .checkbox_choice_withimg{
    display: flex;
}

.checkbox_choice_withimg img{
    width: 70%;
    height: 85%;
}

.checkbox_choice_bordernone >div{
    border-bottom: none;
    padding-bottom:0;
}

.filling_withborder{
    border-bottom: solid 1px #eee;
    padding-bottom: 0.5rem;
}

/*多个选项，例如四个*/
.checkbox_choice_multi > div{
    display: inherit;
}

.checkbox_choice_multi [data-itemtype=options]{
    margin-left: 1rem !important;
}
    

/*勾叉选择题 夜间模式*/
.night .checkbox_choice{
    box-shadow: none;
}

.night .checkbox_choice [data-itemtype=stem]{
   color:#eee;
}

.night .checkbox_choice [data-itemtype=options] > li{
    background-color: #151515;
}

.night .checkbox_choice [data-itemtype=options] > li >span{
    background-color: #DBD1B5;
    color: #333;
}

.night .checkbox_choice >div{
    border-color:#222;
}

.night .checkbox_choice [data-itemtype=options] > li[data-choiced]{
    background-color: #151515;
}

.night .checkbox_choice [data-itemtype=options] > li[data-choiced] >span{
    background-color:#DBBB62;
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]{
    background-color: #151515!important;
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]{
    background-color: #151515!important;
    background-image: url(images/item_correct_night.png);
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution] >span{
    background-color:#86c635;
    color:#151515;
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-choiced] >span{
    background-color: #E66755;
    color: #151515;
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-solution]{
    background-image: none;
    background-color: #151515!important;
}

.night .checkbox_choice [data-submitted] > [data-itemtype=options] > li[data-solution] >span {
        color: #151515;
    background-color: #86c635;
}



/*段落匹配题*/
.para_style {
    display: inline-block !important;
    background-color: #a992b4;
    border-radius: 2px;
    color: #fff;
    font-family: arial !important;
    font-size: 0.8rem;
    width: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.para_margin > div{
    margin:1rem 0;
}

[data-itemtype=matching_click]{
    border: solid 1px #FFDB74;
    background-color: #FFDB74;
    color: #333;
    border-radius: 10px;
    width: 25px;
    height: 25px;
    display: inline-block !important;
    text-align: center;
    /* height: 1.2rem; */
    line-height: 25px;
    font-size: 1rem;
    margin-right: 5px;
    border-radius: 100%;
    cursor: pointer;
}

[data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=matching_click] {
    color: #86c635;
    border-color: #86c635;
    background-color: #eff6e0;
    padding-left: 1rem;
    background-image: url(images/item_correct.png);
    background-repeat: no-repeat;
    background-size: 0.9rem;
    background-position: 5px center;
    border-color: #fff;
    background-color: #fff;
}

[data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=matching_click] {
    color: #e66755;
    border-color: #e66755;
    background-color: #fdede2;
    padding-left: 1rem;
    background-image: url(images/item_incorrect.png);
    background-repeat: no-repeat;
    background-size: 0.9rem;
    background-position: 5px center;
    margin-bottom: 0.5rem;
    border-color: #fff;
    background-color: #fff;
}

.matching_result {
    color: #f0513f;
    padding-top:0.5rem;
    padding-left: 0 !important;
}

.matching_subject [data-itemtype=sn] {
    /*color:#a992b4;*/
    width:24px;
}

.para_matching_chooseBox li{
    width: 25%;
    justify-content: center;
    padding: 0;
    margin-bottom: 8px;
}

.para_matching_chooseBox li h5{
    border-radius: 10px;
    width: 70%;
    height: 24px;
    border-color: #dce7ef;
    margin: 0;
    font-size: 0.8rem;
    
}

.para_matching_chooseBox li .unsubmitChecked{
    border-color: #a992b4;
    color: #a992b4;
}

.para_matching_chooseBox li span{
    position: initial;
    margin-right: 3px;
    font-size: 0.8rem;
}

.parasul > li >div{
    position: relative;
    display: table;
    cursor: pointer;
}

.parasul span{
    display: table-cell;
    padding:0;
}

.parasul >li span:last-child{
    text-align: left;
}

.parasul >li:last-child{
    margin-bottom: 2.2rem;
}

.unittestresult [data-itemtype=result]{
    position: absolute;
    top: 1.6rem;
    left: 1.5rem;
    font-size: 0.95rem !important;
}

/*段落匹配题夜间模式*/
.night .submitedscale{
    background: #151515;
    box-shadow: 0px 0px 12px 6px #151515;
}

.night .submitedscale >div>div{
    background-color: #151515;
    border-color: #151515;
}

.night .note>div {
    background-color: #151515;
    border-color: #151515;
}

.night [data-itemtype=matching_click] {
    background-color: #FFDB74;
    border-color: #FFDB74;
}

.night .para_matching_chooseBox li .unsubmitChecked {
    color:#a992b4;
    /*border-color: #a992b4;*/
}

.night .unit_test_answersheet_tit{
    background-color:#151515;
    color:#fff;
    border-color: #151515;
}

.night [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=matching_click]{
    background-color: #151515;
    border-color: #151515;
    background-image: url(images/item_correct_night.png);
}

.night [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=matching_click]{
    background-color: #151515;
    border-color: #151515;
    background-image: url(images/item_incorrect_night.png);
}


/*提交后显示错题的解释*/
[data-itemtype=explaination]{
    margin-top: 0.5rem;
    display: inline-block;
    padding: 0.5rem;
    /* color: #53c3b9; */
    background-color: #ffdb74;
    margin-left: 24px;
    border-radius: 5px;
}


[data-itemtype=explaination] > div {
    font-size: 0.95rem;
    text-align: left;
}

[data-submitted] [data-itemtype=explaination]{
    display: inline-block !important;
}

.night [data-itemtype=explaination] >div{
    color: #151515;
}


/*二选一选择题*/
.two_choice_one {
    text-align: left;
    display: table;
    width: 100%;
    border-bottom: solid 10px #f6f7f8;
}
.two_choice_one >span{
    display: table-cell;
}
.two_choice_one [data-itemtype=sn]{
    width:0;
}

.two_choice_one li{
    padding:3px 10px;
}

.two_choice_one >div{
    display: table-cell;
}

.two_choice_one >div>div{
    padding-top:0.5rem;
    padding-bottom: 0.5rem;
    border-top: solid 1px #e2d1da;
}

.two_choice_one >div>div:first-child{
    border-top: none;
    padding-bottom: 0.5rem;
    padding-top:0;
}

.two_choice_one [data-itemtype=options] {
    display:inline;
}

.two_choice_one [data-controltype=choice] >div:last-child>span{
    display: inline-block;
}
.two_choice_one [data-controltype=choice] {
    display: inline;
}
.two_choice_one [data-controltype=choice]>div {
    padding:0;
    vertical-align: inherit;
    display: inline !important;
}

.two_choice_one [data-itemtype=options]>li{
    margin-right: 0;
    display: inline;
    background-color: #f9f7e8;
    border: solid 1px #f9f7e8;
    border-radius: 5px;
    font-weight: 600;
    font-size: 0.95rem;
}

.two_choice_one [data-itemtype=options]>li>span{
    display:initial;
}

.two_choice_one [data-submitted] [data-itemtype=options]>li:hover {
    background-color: #f9f7e8;
}


.two_choice_one [data-itemtype=options] > li[data-choiced] {
    background-color: #ffeeec;
    color: #FFDB74;
    border-color: #e2d1da;
}

.two_choice_one [data-submitted] [data-itemtype=options] > li[data-choiced] {
    padding-left:28px;
    background-image: url(images/item_incorrect.png);
    color: #E66755;
    background-size: 0.9rem;
    background-position: 0.3rem center;
    background-color: #fdede2;
    border: solid 1px #fdede2;
    
}

.two_choice_one [data-submitted] [data-itemtype=options] > li[data-choiced][data-solution]{
    padding-left:28px;
    background-image: url(images/item_correct.png);
    color: #86c635;
    background-size: 0.9rem;
    background-position: 0.3rem center;
}

.two_choice_one [data-submitted] [data-itemtype=options] > li[data-solution]{
    color: #86c635;
    background-size: 0.9rem;
    background-position: 0.3rem center;
    background-color: #eff6e0;
    border: solid 1px #eff6e0;
}

.two_choice_one [data-itemtype=result]{
    display: inline-block !important;
    padding: 0 !important;
}

.two_choice_one [data-itemtype=sn] {
    display: inline!important;
}


/*二选一选择题  夜间模式*/
.night .two_choice_one {
    border-bottom-color:#151515;
}

.night .two_choice_one [data-itemtype=options]>li{
    background-color: #151515;
    border-color: #58405d; 
}

.night .two_choice_one >div>div{
    border-color:#151515;
}

.night .two_choice_one [data-submitted] [data-itemtype=options]>li:hover {
    background-color: #151515;
}

.night .two_choice_one [data-itemtype=options] > li[data-choiced]{
    background-color: #151515;
    border-color: #58405d;
}

.night .two_choice_one [data-submitted] [data-itemtype=options] > li[data-solution]{
    background-color: #151515;
    border-color: #58405d;
}
/*选词填空题中 填空题自动换行*/
[data-itemtype=myresult] {
	display:none;
    font-size: 1rem;
    border-radius: 0;
}

[data-hasmyresult] [data-itemtype=myresult] {
    display: inline-block;
    min-height: 1.5rem;
    min-width: 80px;
    padding-right: 5px;
    line-height: 1.5rem;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: solid 1px #333;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #007FF8;
}

[data-hasmyresult] [data-itemtype=myresult]:hover{
    border-color: #007FF8;
}

[data-submitted][data-hasmyresult] [data-itemtype=myresult]:hover{
    border-color: #333;
}

[data-hasmyresult] [data-itemtype=input] {
	display: none;
}

[data-submitted] [data-itemtype=myresult] {
	display:block;
    padding-top: 3px;
    line-height: 24px;
    padding-left:5px;
    padding-right: 8px;
    word-break: keep-all;
    white-space: normal;
    /*background-color: #fdede2; */
}

[data-submitted][data-iscorrect=no] [data-itemtype=myresult]
{
    color: #E66755;
    background-image: url(images/item_incorrect.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-right: 2px;
    padding-left: 22px;
}

[data-submitted][data-iscorrect=yes] [data-itemtype=myresult]
{
	color: #86c635;
    background-image: url(images/item_correct.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-right: 2px;
    padding-left: 22px;
}

.myresult_width_260 [data-itemtype=myresult]{
    width:260px;
}

.myresult_width_260 [data-itemtype=result] {
    width:280px;
}

.filling_withimg_2L .myresult_cur{
    background-color:#ffeeec;
}

.myresult_cur [data-itemtype=myresult] {
    background-color: #fff;
    border-color: #007FF8;
}

/*选词填空题中 填空题自动换行 夜间*/
.night [data-hasmyresult] [data-itemtype=myresult]{
    background-color: #151515;
    border-color: #536b83;
}
.night [data-submitted][data-iscorrect=no] [data-itemtype=myresult]{
    color: #E66755;
}

.night [data-submitted][data-iscorrect=yes] [data-itemtype=myresult]{
    color: #86c635;
}


.night [data-hasmyresult] [data-itemtype=myresult]:hover{
    /*background-color: #151515;
    border-color: #151515;*/
}

.night [data-submitted][data-hasmyresult] [data-itemtype=myresult]:hover{
    background-color: #151515;
    border-color: #536b83;
}

.night .myresult_cur [data-itemtype=myresult]{
        border-color: #007FF8;
}

/*190307Add*/
.AnswerSheet_content[data-optionscount] ul{
	justify-content: left;
}

/* 第二次才允许显示 正确答案 */
[data-nexterrshow][data-valversion='1'] [data-itemtype=result] {
	display: none !important;
}

.BottomCmdHidden
{
	visibility: hidden;
	margin-left: -6rem;
	width: 1px;
}

/*textarea文本框长度调整*/
.textarea_width_92 [data-controltype=fillinglong] >div{
    width:96% !important;
}
.textarea_width_92 [data-controltype=fillinglong] [data-itemtype=textarea]{
    width:94% !important;
}

.textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
    width:90% !important;
}

.textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    width:90% !important;
}

.sn_width0 [data-itemtype=sn] {
    width:0 !important;
}

.sn_style {
    width: 24px;
    color: #007FF8;
    font-weight: 600;
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.sn_long .normal_filling >span{
    width:30px !important;
}

/*第一行是textare时*/
.sn_special{
    vertical-align: top; padding-top: 0.5rem;
}

/*选词填空带图*/
.filling_withimg_2L{
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-top:0.5rem;
    flex-flow: wrap;
}

.filling_withimg_2L >div{
    width:48%;
}

.filling_withimg_2L .p{
    background-color: #f9f7e8;
    border-radius: 5px;
    border: solid 1px #e2d1da;
}

.filling_withimg_2L [data-controltype=filling] {
    padding: 10px 0;
    width:100%;
    margin:0;
}

.filling_withimg_2L [data-hasmyresult] [data-itemtype=myresult]{
    border:none;
    background-color:transparent;
    min-height: 1.2rem;
    line-height: 1.4rem;
    padding: 0;
    padding-right: 20px;
    background-position: right 2px;
}

.filling_withimg_2L [data-hasmyresult] [data-itemtype=result]{
    padding: 0 3px 0 0 !important;
}

.filling_withimg_2L .myresult_cur[data-submitted]{
    background-color: #f9f7e8;
}



/*选词填空带图 夜间*/
.night .filling_withimg_2L .p {
    background-color: #151515;
    border-color:#58405d;
}

.night .filling_withimg_2L [data-hasmyresult] [data-itemtype=myresult] {
    color:#9781a1;
    border-color: #151515;
}

.night .myresult_cur{
    background-color: #151515;
}

.night .filling_withimg_2L .myresult_cur[data-submitted]{
    background-color: #151515;
}

/*人机对话*/
.speakwithpc {
    margin-top: 0;
    padding-bottom:10px;
}

.speakwithpc > div{
    display: inline-block !important;
}

[data-controltype=mmd] .readaloud {
    padding:0;
    box-shadow: none !important;
    padding-bottom: 10px;
}

[data-itemtype=speakwithpc] {
    text-align: center;
    display: inline-block;
    width: 50px;
    border-radius: 15px;
    margin-right: 1rem;
    background-color: #ffeeec;
    /* box-shadow: 3px 3px 3px #efe4e5; */
    color: #151515;
    border: solid 1px #e2d1da;
    font-weight: 600;
    font-size: 0.9rem;
}

[data-itemtype=speakwithpc][data-playing] {
    background-color: #FFDB74;
    color: #fff;
}

.readalound_flex {
    display: flex;
    justify-content: space-between;
    align-items:center;
    border-bottom: solid 1px #e6e7e8;
    padding-bottom: 10px !important;
}

.readalound_flex > div{
    padding:0;
    width: inherit;
}

.speakerA {
    /*color: #ad3946;*/
}

.speakerB {
    /*color: #ad3946;*/
}

.speaker_speakwithpc_dialog .readaloudmargin {
    margin-bottom: 5px;
}

.speaker_speakwithpc_dialog >div >span>span{
    display: table-cell;
    font-size: 0.95rem;
}

.speaker_speakwithpc_dialog >div >span>span:first-child{
    width: 16px;
    padding-right: 10px;
    font-weight: 600;
    font-size: 0.8rem;
}

.speaker_speakwithpc_dialog_60 >div >span>span:first-child{
    width: 60px;
}

/*人机对话 夜间*/
.night [data-itemtype=speakwithpc]{
    border-color: #58405d;
    background-color: #151515;
    color:#a992b4;
}

.night [data-itemtype=speakwithpc][data-playing]{
    background-color: #58405d !important;
    color: #151515;
}

/*划字取词开关*/
.switch_dic{
    font-size: 0.9rem;
    width: 50px;
    display: inline-block;
    border-radius: 16px;
    text-align: center;
    vertical-align: top;
    color: #f8d549;
    background-color: #f9f7e8;
    position: absolute;
    right: 0;
    font-weight: normal;
}


.switch_dic.switchOn {
    animation: switch_dic_animate 0.05s 1;
    -moz-animation: pswitch_dic_animate 0.05s 1;
    -webkit-animation: switch_dic_animate 0.05s 1;
    -o-animation: switch_dic_animate 0.05s 1;
    animation-fill-mode: forwards;
}


@keyframes switch_dic_animate {
    from {
        background-color: #f9f7e8;
    }

    to {
        background-color: #49a7b2;
    }
}

.switch_dic >span{
    background-color:#f9f7e8;
    color:#f9f7e8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    /* vertical-align: middle; */
    line-height: 20px;
}

.switch_dic >span.switchOn{
    background-color: #fff;
    color: #f8d549;
}

.switch_dic.switchOn >span:first-child{
    background-color: #49a7b2;
    color: #49a7b2;
}

/*白色外框*/
.white_frame{
    padding: 0.5rem 1rem;
    margin: 0.5rem 0;
    border-radius: 10px;
    background-color: #fff;
}

.night .white_frame{
    background-color: #151515;
}

.white_frame_margin05{
    margin: 0.5rem 0;
}

/*米黄色外框*/
.light_yellow_frame{
    padding: 0.5rem 1rem !important;
    margin: 1rem 0;
    border-radius: 10px;
    background-color: #FEF4D8;
}

.night .light_yellow_frame{
    background-color: #222;
}

.night .light_yellow_frame >div{
    color:#ccc;
}

.light_yellow_frame .yellow_bg{
    background-color: #FFDB74;
    display: flex;
    justify-content: space-around;
    margin: 0.5rem 0 1rem;
    padding: 0.2rem 1rem;
    border-radius: 5px;
}

.night .light_yellow_frame .yellow_bg{
    background-color: #DBBB62;
    color:#333;
}

.light_yellow_frame .yellow_bg >span{
    display: inline-block;
}

.light_yellow_frame .yellow_bg >span:first-child{
    width:70%;
}

/*黄色外框*/
.yellow_frame{
    padding: 0.5rem 1rem;
    border-radius: 10px;
    background-color: #FEF4D8;
    margin: 0.5rem 0 !important;
}

.night .yellow_frame{
    background-color:#222;
}

.yellow_frame b{
    color:#AE7F22;
}

.yellow_frame_2L >div>span{
    display: table-cell;
    width:36px;
}

.yellow_frame_2L >div>div{
    display: table-cell;
}

/*灰色外框  夜间*/
.night .gray_frame{
        box-shadow: none;
    background-color: #151515;
}

.night .gray_frame [data-itemtype=input]{
    background-color: #151515 !important;
    border-color: #7590ba !important;
}

/*图片左边，文字右边*/
.img_with_txt >div{
    display: flex;
    margin: 1rem 0;
}

.img_with_txt > div> img{
    width:200px;
    /*height:40%;*/
    margin-right: 1rem;
}


/*新时代大学学术-顶部按钮条*/
.flex_topbutton{
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-flow: wrap;
        margin: 0 1rem;
}

.flex_topbutton ul{
    width:39%;
    height:30px;
}

.flex_topbutton >div:nth-child(2){
    width:60%;
}

.flex_topbutton .script_note{
    justify-content:center;
}

.flex_topbutton .script_note > a{
    width:80%;
}

/*填空题中的补充设置*/
.stem_bold [data-itemtype=stem]{
    font-weight: 600;
}

.stem_normal [data-itemtype=stem]{
    font-weight: initial;
    color:#333;
}
.filling_widthmax [data-controltype=filling]{
    width:100%;
}

.filling_widthmax [data-controltype=fillinglong]{
    width:100%;
}

.filling_widthmax{
    width:100%;
}

.filling_widthmax [data-hasmyresult] [data-itemtype=myresult] {
    width:88%;
}

.filling_widthmax .normal_filling >div{
    width:100%;
}

.filling_widthmax .normal_filling >div>div{
    width:100%;
}

.filling_widthmax [data-itemtype=result]{
    padding-left: 5px !important;
}

.filling_widthmax_withoutsn textarea{
    /*width:96% !important;*/
}

.filling_widthmax_90 [data-controltype=fillinglong] [data-itemtype=textarea]{
    width:88%;
}

.filling_widthmax_90 [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    width:88% !important;
}

.filling_widthmax_90 [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
    width:88% !important;
}



.filling_widthmax_95 [data-hasmyresult] [data-itemtype=myresult]{
    width: 95%;
    vertical-align: bottom;
}

.filling_widthmax_95 [data-controltype=filling]{
    width: 95%;
    min-width: 150px;
    vertical-align: bottom;
}

.filling_widthmax .normal_filling >span{
    /*vertical-align: top; */
}

/*主观题*/
.subjective [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input]{
    background-image: none !important;
    padding: 0 0.5rem !important;
    color:#333 !important;
}

.subjective [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input]{
    background-image: none !important;
    padding: 0 0.5rem !important;
    color: #333 !important;
}

.night .subjective [data-submitted][data-controltype=filling][data-iscorrect=no] [data-itemtype=input]{
    color:#ccc !important;
}

.night .subjective [data-submitted][data-controltype=filling][data-iscorrect=yes] [data-itemtype=input]{
    color:#ccc !important;
}

.subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    background-image: none !important;
    padding: 0 5px !important;
    color:#333 !important;
    width: 97%;
}

.subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
    background-image: none !important;
    padding: 0 5px !important;
    color: #333 !important;
    width: 97%;
}

.subjective [data-controltype=fillinglong] [data-itemtype=result] {
    padding:0 5px !important;
    width: 97%;
    text-align: justify !important;
}

.subjective [data-controltype=filling] [data-itemtype=result]{
    padding-left:10px !important;
}

.night .subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    color:#ccc !important;
}

.night .subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
    color:#ccc !important;
}

.night .subjective [data-submitted][data-controltype=fillinglong] [data-itemtype=textarea]:focus{
    border-color: #222;
}


/*音频点播-一行四个*/
.content_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: solid 10px #f6f7f8;
    padding-bottom: 1rem; 
}

.content_flex > div{
    width:48%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
}

.content_flex > div > span {
    width: 42%;
    background-color: #ffeeec;
    margin: 2%;
    /* box-shadow: 1px 1px 5px rgba(0,0,0,.2); */
    color: #332932;
    text-align: center;
    border-radius: 15px;
    border: solid 1px #e2d1da;
    font-size: 0.95rem;
}

.content_flex .invisible {
    background-color:#fff;
    color:#fff;
    border:none;
}

.phonetic {
    background: #fff !important;
    border: none !important;
    font-weight: 600;
}

/*音频点播-一行四个 夜间*/
.night .content_flex{
    border-color:#151515;
}
.night .content_flex > div > span{
    background-color: #151515;
    color: #a992b4;
    border-color: #58405d;
}

.night .content_flex .invisible{
    background-color: #151515;
    color: #151515;
}

.night .phonetic {
    background: #151515 !important;
}

/*音频选择题*/
.audio_choice [data-controltype=choice]{
    padding:0;
    margin:0;
}
.audio_choice [data-itemtype=options] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:0;
}

.audio_choice [data-itemtype=options] li{
    padding:0;
    background-color: #ffeeec;
    text-align: center;
    margin-right: 1rem;
    width:100px;
}

.audio_choice [data-itemtype=options] li>span:first-child{
    display:inline-block;
    width:initial;
}

.audio_choice [data-itemtype=options] > li[data-choiced] {
    background-color: #ffeeec;
    border-color: #FFDB74;
}

.audio_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution] {
    background-position: 4px center;
}

.audio_choice [data-submitted] > [data-itemtype=options] > li[data-choiced] {
    background-position: 4px center;
}

.audio_choice [data-submitted] > [data-itemtype=options] > li[data-solution] {
    background-position: 4px center;
}

.chinese [data-itemtype=stem] {
    font-size: 0.95rem;
    font-family: 微软雅黑;
}

.chinese_result [data-itemtype=result], .chinese_result [data-itemtype=textarea], .chinese_result [data-itemtype=myresult]{
    font-size: 0.95rem !important;
    font-family: 微软雅黑;
    text-align: justify !important;
    word-break: normal;
}

.chinese input{
    font-size: 0.95rem;
    font-family: 微软雅黑;
}

.chinese_font {
    font-size: 0.95rem !important;
    font-family: 微软雅黑;
}

.chinese .normal_filling >div>span:first-child{
    font-size: 0.95rem;
    font-family: 微软雅黑;
}

.chinese_font_dash {
    font-size: 0.95rem;
    /*font-family: "Microsoft YaHei","微软雅黑";
    letter-spacing: -2px;*/
    font-family:"Microsoft YaHei","微软雅黑";
    font-weight: normal;
}

.chinesefont_stsong{
    font-size: 0.95rem;
    font-family: 微软雅黑;
}



/*大学学术课件 表格选择*/
.table_choice {
    padding-top: 1rem;
    font-size: 0.95rem;
    background-color: #FEF4D8;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    margin:0.5rem 0;
}

.table_choice >div{
    padding: 4px 0;
}

.table_choice >div:last-child{
    border-bottom: none;
}

.table_choice_withoutborder{
    border-bottom:none;
}

.table_choice >div>span{
    display: table-cell;
}

.table_choice >div>span:first-child{
    font-weight: 600;
    font-size: 0.85rem;
    width: 100px;
    text-align: left;
}

.table_choice >div>span{
    vertical-align: top;
}

.table_choice [data-controltype=choice]{
    padding:0;
}

.table_choice [data-itemtype=options]{
    margin:0;
}
.table_choice >div>div>span{
    display: table-cell;

}
.table_choice >div>div>span:first-child{
    width: 24px;
}

.table_choice .checkbox_choice [data-controltype=choice]{
    padding:1rem 0;
}

.table_choice [data-itemtype=myresult]{
    min-width: 150px;
}

.table_choice [data-controltype=filling]{
    display: table-cell;
}

.table_choice2 [data-controltype=filling]{
    display: inline-table;
}

.night .table_choice{
    background-color: #000;
}

.night .table_choice >div{
    border-color: #4c4a44;
}

.table_filling {
    padding-top: 1rem;
    font-size: 0.95rem;
    background-color: #fbf3db;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    margin:0.5rem 0;
}

.table_filling >div{
   border-bottom: solid 1px #ffc600;
    padding: 2px 0;
    display: flex;
    align-items: baseline;
}

.table_filling >div:last-child{
    border-bottom: none;
}

.table_filling >div>div{
    width:50%;
    text-align: left;
}

.table_filling >div>div input{
    min-width: 100px !important;
}

.table_filling [data-itemtype=sn]{
    width: 0;
}

.table_filling_2L_80>div>div:first-child{
    width:80px;
}

.table_filling_3L>div>div:first-child{
    width:80px;
}

.table_filling_3L>div>div:nth-child(2){
    width:100px;
    margin-right: 10px;
    font-size: 0.9rem;
}

.table_filling_4L>div>div:first-child{
    width:25%;
}

.table_filling_width_180 input{
    width: 180px !important;
}

.table_filling_yoko >div>span{
    display: inline-block;
    width:100px;
    min-width: 100px;
}

.table_filling_yoko >div >div input{
    min-width:150px !important;
}

.table_filling_yoko >div>div{
    width:initial;
}

.night .table_filling{
    background-color: #151515;
}

.night .table_filling >div{
    border-color: #4c4a44;
}


/*大学学术课件 纯文字表格*/
.simple_table{
    display: table;
    border-collapse: collapse;
    width:100%;
}

.simple_table >div{
    display: table-row;
    border-bottom: solid 1px #fff6d3;
}

.simple_table>div:first-child{
    background-color:#ffdb74;
    font-weight: 600;
}

.simple_table>div:first-child>span{
    font-size: 0.7rem;
}

.simple_table >div>span{
    display: table-cell;
    /* width: 50%; */
    padding: 2px 5px;
    text-align: left;
    font-size: 0.85rem;
}

.simple_table_width80 >div>span:first-child{
    width:80px;
}

.simple_table_width80 input{
    min-width: 180px !important;
    width: 180px !important;
}

.night .simple_table>div:first-child{
    background-color: #2d2d2d;
}

/*大学学术课件 点选题*/
.click_choice [data-itemtype=options]{
    margin-left: 0.5rem;
}
.click_choice [data-itemtype=options]>li{
    padding:0;
    display: inline-block;
    background-color: #ffe1de;
    border-bottom: none;
    border-radius: 5px;
    margin:5px 0;
}

.click_choice [data-itemtype=options]>li>span{
    display: inline-block;
}

.click_choice [data-itemtype=options]>li>span:first-child{
    padding:0;
}

.click_choice [data-itemtype=options]>li>span:first-child>span{
    width:0;
}

.click_choice [data-itemtype=options]>li>span:last-child{
    padding:0 10px;
}

.click_choice [data-itemtype=options]>li[data-choiced]{
    background-color:#FFDB74;
    color:#fff;
}

.click_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]{
    background-image: url(images/item_incorrect.png);
    color:#e05749;
    background-size: 16px;
    background-position: 4px center;
    background-color:#ffe1de;
}

.click_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]>span:last-child{
    padding-left: 24px;
}
.click_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]{
    color:#86c635;
    background-image: url(images/item_correct.png);
}

.click_choice [data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]>span:last-child{
    padding-left: 24px;
}

.click_choice [data-submitted] > [data-itemtype=options] > li[data-solution]{
    color:#86c635;
    background-image:none;
    padding-left: 0;
    background-color: #ffe1de;
}

.night .click_choice [data-itemtype=options]>li{
    background-color: #151515;
}

.night .click_choice [data-submitted] > [data-itemtype=options] > li[data-solution]{
    background-color: #151515;
}

.night .click_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]{
    background-color: #151515;
}

/*多选题设置*/
[data-controltype=multichoice] >ul>li {
    padding-left: 20px;
    padding-right: 4px;
    cursor: pointer;
}

[data-controltype=multichoice]>div>span{
    display: table-cell;
}

[data-controltype=multichoice]>div>span:first-child{
    width: 24px;
    text-align: left;
}

.night [data-controltype=multichoice] >ul>li{
    background-color: #222;
    border-color: #222;
    color: #ccc;
}

.night [data-controltype=multichoice] [data-itemtype=options] > li[data-choiced]{
    border-color: #DBBB62;
}

/*音频播放速度调整*/
.playspeed{
    text-align: center;
	display: inline-block;
	width: 50px;
	border-radius: 15px;
	margin-right: 1rem;
	background-color: #ffeeec;
	/* box-shadow: 3px 3px 3px #efe4e5; */
	color: #151515;
	border: solid 1px #e2d1da;
	font-weight: 600;
	font-size: 0.9rem;
	   }


/*有音频条固定窗口高度，分屏显示*/
.fixed_height_audiobar{
    max-height: 520px;
    overflow: auto;
}


/*视频中的direction*/
.viewing_direction{
    /*margin:0.3rem 1rem 0;
    line-height: 1.2rem;*/
}

/*指令上的图标标题*/
.title_with_icon{
    background-color: #FFDB74;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
    background-image: url(images/title_icon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 8px center;
    padding-left: 32px;
    font-weight: 600;
    font-size: 0.7rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-top: 0.25rem;
}

.para_special .frame_translation{
    text-indent: 0;
}

.para_special  b{
    font-size: 0.95rem;
}

/*input和textarea在同一个页面统一式样*/
.filling_textarea [data-itemtype=textarea]{
    border:none;
    border-bottom: solid 1px #666;
    background-color:#fff;
    border-radius: 0;
    vertical-align: text-bottom;
    max-width: 500px;
    width: 96%;
}

.filling_textarea [data-itemtype=textarea]:focus{
        border-color: #007FF8;
    background-color: #f5f5f5;
}

.filling_textarea [data-controltype=fillinglong] {
    display: inline;
    vertical-align: top;
}

.filling_textarea [data-controltype=fillinglong]>div{
    width:500px;
}

.filling_textarea [data-controltype=fillinglong] [data-itemtype=sn]{
    /*vertical-align: top;
    padding-top: 4px;*/
}

.filling_textarea [data-submitted] [data-itemtype=textarea]:focus{
    border-color: #666 !important;
    background-color: #fff;
}

.filling_textarea [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea], .filling_textarea [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
    width: 92%;
}

.night .filling_textarea [data-itemtype=input]{
    color:#eee;
    border-color: #666;
    background-color: #222;
}

.night .filling_textarea [data-itemtype=input]:focus{
    border-color: #007FF8;
    background-color: #222;
}

.night .filling_textarea [data-submitted] [data-itemtype=textarea]:focus{
    border-color: #666 !important;
}

.night .filling_textarea [data-submitted] [data-itemtype=input]:focus{
    border-color: #666 !important;
    background-color: #222 !important;
}


/*Examples中有glossary*/
.script_content .normal_filling_glossary{
    margin:0;
    padding:0;
    background-color: #f8f8f8;
}


/*选择题变形*/
.check_choice [data-itemtype=options]{
    display: flex;
    justify-content: flex-start;
    margin-left: 24px;
}

.check_choice [data-itemtype=options] >li{
    padding:10px;
    margin-right: 10px;
}

.check_choice [data-submitted] > [data-itemtype=options] > li[data-choiced]{
        background-position: right 0;
}


.helpful_words >div{
    background-color: #FEF4D8;
    border-radius: 5px;
    padding: 0.3rem 1rem;
    margin-bottom: 0.6rem !important;
}

.night .helpful_words >div{
    background-color: #222;
}

.helpful_words >div>span{
    display: table-cell;
    text-align: left;
}

.helpful_words >div>span:first-child{
    width:150px;
    font-size: 0.95rem;
    padding-right: 0.5rem;
}


.helpful_words_40 >div>span:first-child{
    width: 40px;
}

.helpful_words_100 >div>span:first-child{
    width: 100px;
}

.helpful_words_250 >div>span:first-child{
    width: 250px;
}

.helpful_words_2L >div >span{
    display: block;
}

.helpful_words_2L >div >span:first-child{
    width: initial;
}


/*思政版写作style 开始*/
.writing_title{
    /*font-size: 1.2rem;
    color:#5890ff;
    line-height: 3rem;
    padding: 0rem 1rem;
    height: 3rem;
    border-bottom: solid 1px #cfcfcf;*/
}

.writing_evaluation_content {
    display: table;
    color: #6b6a6a;
    padding: 0rem 2%;
    font-size: 1rem;
    width: 96%;
}

.writing_evaluation_content>div {
    padding: 11px 0rem;
    border-bottom: solid 1px #F0E1B6;
}

.writing_evaluation_content>div>span {
    display: table-cell;
}

.writing_evaluation_content>div>span:first-child{
    width:20px;
    color:#007FF8;
    font-weight: 600;
}

.writing_evaluation_content img{
    width:100%;
    margin:1rem 0 0.5rem 0 !important;
}


.writingcollaps {
    font-size: 1.5rem;
    padding: 0.5rem 1rem 0.5rem;
    text-align: center;
}

.blueicon {
    /*background: -webkit-linear-gradient(left top, #71b7ff , #5890ff); *//* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(bottom right, #71b7ff , #5890ff); *//* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(bottom right, #71b7ff , #5890ff);*/ /* Firefox 3.6 - 15 */
    /*background: linear-gradient(to bottom right, #71b7ff , #5890ff); *//* 标准的语法（必须放在最后） */ 
    text-align: center;
    color: #333;
}

.writing_tip {
    background-color: #fff;
    border-radius: 10px;
}

.writing_create{
    margin:0rem auto;
}

.writing_create_icon {
    background-image: url("images/icon-write.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60px;
    height: 80px;
    cursor: pointer;
}

.night .writing_create_icon{
    background-image: url("images/icon-write_night.png");
}

.writing_create_content>div {
    color:#999999;
    font-size: 1rem;
    font-family: 微软雅黑;
    text-align: center;
    line-height: 2rem;
    height: 2rem;
}

.writing_create_content >div:first-child{
    font-size: 1.6rem;
}


.my_writing{
    /*
    margin:1rem auto 0;
    box-shadow: 0px 0px 5px #b9b8b8;
    */
}


.my_writing_title {
    display: flex;
    justify-content: space-between;
    /* border-bottom: solid 1px #cfcfcf; */
    /* margin-bottom: 0.4rem; */
    align-items: center;
    margin-top: 1rem;
}

.my_writing_title > div {
    color: #333333;
    font-size: 1.1rem;
    font-weight: 600;
}

.writing_edit{
    color: #fff !important;
    background-color: #AE7F22;
    font-size: 0.8rem !important;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    padding: 0 8px;
}

.submitinfo {
    font-size: 0.8rem;
    color:#999999;
}

.submitinfo_small {
    font-size: 0.6rem;
    color:#999999;
}

.text_account{
    display: flex;
    justify-content: space-between;
}

.text_account >span{
    font-size: 0.6rem;
    color:#999999;
}

.my_writing_content {
    margin:0.5rem 0rem;
    
}

.writing_score{
    display: table-cell;
    padding: 1rem;
    color: #0082c8;
    font-size: 2rem;
}

.writing_evaluate {
    display: table-cell;
}


/*sample、分享、点赞*/
.writing_otherfunc {
    border-top: solid 1px #F0E1B6;
    display: flex;
    justify-content: flex-start;
    font-size: 0.8rem !important;
}

.cmd_sample, .cmd_share, .cmd_thumbup {
    font-size: 0.9rem !important;
    color: #333333 !important;
    border:none;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    width:33%;
}

.cmd_sample{
    justify-content: flex-start;
}

.cmd_share{
    justify-content: center;
}

.cmd_thumbup{
    justify-content: flex-end;
}



.cmd_sample >span, .cmd_share >span, .cmd_thumbup >span{
    color: #999;
    display: inline-block;
    padding-left: 5px;
}


.share_title {
    color:#333333;
    font-size: 1rem;
    font-family: 微软雅黑;
}

.night .share_title{
    color:#999;
}

.sharetopbar{
    padding:1rem 0;
}

.sharetopbar > div{
    display: table-cell;
    vertical-align: middle;
    padding-right: 0.5rem;
}

.sharetopbar > div:first-child>span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #ae7f22;;
    /*background: -webkit-linear-gradient(left top, #71b7ff , #5890ff);*/ /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(bottom right, #71b7ff , #5890ff);*/ /* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(bottom right, #71b7ff , #5890ff);*/ /* Firefox 3.6 - 15 */
    /*background: linear-gradient(to bottom right, #71b7ff , #5890ff);*/ /* 标准的语法（必须放在最后） */ 
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    color:#fff;
}

.sharebottombar {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.sharebottombar >span{
    line-height: 3rem;
    height: 3rem;
    font-size:1.5rem;
}

.sharebottombar .cmd_thumbup{
    position: absolute;
    right: 0;
    margin: 0;
    font-size: 0.9rem;
}

.sharetime {
    color: #999999;
    font-size: 0.85rem;
}

.shareCont{
    font-size: 1rem;
}

/*作文题20180118*/
.write_titBox{
	display:flex;
	display: -webkit-flex;
    justify-content: flex-start;
    margin: 0.5rem 0;
}

.write_titBox .writing_title{
    font-size: 0.85rem;
    font-weight: 600;
    margin-right: 1rem;
    margin-top: 1rem;
    padding: 0.2rem;
    width: 25%;
    background-color: #FEF4D8;
    text-align: center;
    color: #AE7F22;
    border-radius: 50px;
    border: solid 1px #AE7F22;
    cursor: pointer;
}

.write_titBox li.cur{
    color: #333;
    background-color: #FFDB74;
    border-color:#FFDB74;
}

.write_toggle, .my_writringToggle{
    cursor: pointer;
}

.autoHight{
	height: 110px;
    overflow: hidden;
    display: block;
}
.writting_pageBox{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	height:100vh ;
	background: #f5f5f5;
	display: none;
}
.writting_page{
	padding: 0.5rem 15%;
	height: 80vh;
    overflow-y: auto;
    background-color: #F5F5F5;
}
.writeclose{
	/*position: relative;*/
	height: 32px;
}
.writeclose_icon{
	position: absolute;
	right: 15%;
    cursor: pointer;
}
.my_textarea_content{
	height: -webkit-fill-available;
    width: 100%;
    font-size: 1rem;
    line-height: 1.7rem;
    border: none;
    text-align:justify;
    text-justify:distribute-all-lines;/*ie6-8*/
    resize: none;
    border-bottom: 1px solid #eee;
    height: initial !important;
}
.writing_luyin{
	display: block;
	margin:1rem auto;
}
.writting_page .cmdbox{
	margin-bottom: 1rem;
}

.writting_page_tips{
	text-align: center;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}
.writting_page_tips b{
    color: #2e4f8f;
}
.my_writing_unsubmited{
	display: none;
}
.my_writing_submited{
    display: block;
    background-color: #fff;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}
.writing_markBox{
    display: flex;
    /* display: -webkit-flex; */
    background-color: #FEF4D8;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
    margin: 0.5rem 0;
}

.writing_share{
	overflow: hidden;
}

.sampleicon{
	width: 14px;
	height: 13px;
	background: url(images/sample_icon.png) no-repeat;
	background-size: contain;
}

.shareicon{
	width: 14px;
	height: 14px;
	background: url(images/sharekong.png) no-repeat;
	background-size: contain;
}

.thumbupicon{
    width: 14px;
	height: 14px;
	background: url(images/thumbup_icon.png) no-repeat;
	background-size: contain;
}

.hasshared{
	background: url(images/shareshi.png) no-repeat;
	background-size: contain;
}
.samplePageBox{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	height:100vh ;
	background: #fff;
    display: none;
    height: 100% !important;
}

.sampleclose {
    position: relative;
    height: 39px;
    top: 15px;
    margin-bottom: 0.5rem;
    margin-right: 0.3rem;
}
.sampleclose_icon {
    position: absolute;
    right: 0;
    cursor: pointer;
}
.samplePage{
	height: 80vh;
    overflow-y: auto;
    background-color: #f5f5f5;
    height: 100% !important;
    padding: 0 15%;
}
.samplecon{
    padding: 0.5rem 1rem;
    font-size: 1rem;
}
.clickMore{
	display: block;
    text-align: center;
    width: 90%;
    padding: 0.5rem 0 0;
    color: #777;
    margin: auto;
    border-top: 1px solid #eee;
}

.directionsubtitle >i {
    font-size: 0.9rem;
}

.writing_tip2{
    padding: 1rem;
    margin: 1rem 0;
    background-color: #fef4d8;
}

.writing_subtitle{
    font-weight: 600;
}

.tips_filling > div {
    display: flex;
    justify-content: space-between;
}

.tips_filling > div > span:last-child {
    border: solid 1px #c8c8c8;
    display: inline-block;
    width: 60%;
    height: 1.5rem;
}

.writing_indent >div {
    text-indent: 1.2rem;
    margin: 0.5rem 0;
}

.writing_line {
    border-bottom: solid 1px #868383;
    margin-bottom: 1rem;
}




/*写作style夜间*/
.night .write_titBox .writing_title{
    background-color: #DBD1B5;
    color:#AE7F22;
}

.night .write_titBox li.cur{
    background-color: #DBBB62;
    color:#333;
}

.night .writing_tip{
    background-color: #222;
}

.night .writing_evaluation_content{
    color:#ccc;
}

.night .writing_evaluation_content>div{
    border-color:#333;
}

.night .blueicon{
    color:#ccc;
}

.night .writting_pageBox, .night .writting_page{
    background-color:#000;
}

.night .my_writing_submited{
    background-color:#151515;
}

.night .my_writing_title > div{
    color:#ccc;
}

.night .writing_edit{
    background-color:#AE7F22;
}

.night .samplePage{
    background-color: #000;
}

.night .samplecon{
    background-color:#222;
}

.night .writing_markBox{
    background-color:#222;
}

.night [data-id=lastwritingmarking] > .writing_mark{
    background-color: #DBBB62;
}

.night [data-id=lastwritingmarking] > .writing_mark_con{
    color:#ccc;
}

.night .writing_otherfunc{
    border-color:#333;
}

/*思政版写作style 结束*/



/*思政版追加style*/
.part_title_sizheng>span:first-child>span::after{
    content: "";
    background-image: url(images/dot.png);
    background-repeat: no-repeat;
    padding-left: 1rem;
    background-size: 0.5rem;
    background-position: 4px 1px;
}

.body_gray{
    background-color: #F5F5F5;
}

.tip_filling{
    color:#007FF8;
    border-bottom: solid 1px #333;
}

.night .tip_filling{
    border-color:#007FF8;
}


.tip_words{
    color:#AE7F22;
    font-weight: 600;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.special_subtitle{
    background-color: #FEF4D8;
    display: inline-block;
    padding: 0.2rem 1rem;
    border-radius: 0 50px 50px 0;
    margin: 0.5rem 0 0.5rem -1rem !important;
    font-weight: 600;
    font-size: 0.95rem !important;
}

.night .special_subtitle{
    background-color: #DBD1B5;
    color: #333;
}

.video-js .vjs-big-play-button{
    border-color: #666 !important;
}

.video-js .vjs-big-play-button{
    height: 2em !important;
    width: 2em !important;
    line-height: 2em !important;
    border-radius: 100% !important;
}

.vjs-big-play-centered .vjs-big-play-button{
    margin-top: -1em !important;
    margin-left: -1em !important;
}

.stem_withcolor .filling i{
    color:#AE7F22;
    font-weight: 600;
}


.poem_lang_switchIcon{
    position: absolute;
    top: 85%;
    right: 20px;
    height: 60px;
    width: 60px;
    z-index: 1;
    color: #FFDB74;
    cursor: pointer;
}

.poem_lang_switchIcon > div{
    background-image: url(images/lang_switch.png);
    background-repeat: no-repeat;
    background-size: 60px;
    height: 100%;
    font-size: 0.75rem;
    text-align: center;
    line-height: 60px;
}

.poem_ch_only .poem_content_ch{
    display:none;
}

.poem_en_only .poem_content_en{
    display:none;
}

.poem_content >div{
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 1rem;
    padding:0.5rem 1rem;
}

.poem_content >div>span{
    display: block;
}

.poem_content_ch{
    background-color: #F5F5F5;
    border-radius: 5px;
    color: #333;
    font-family: 微软雅黑;
    font-size: 0.95rem !important;
}

.night .poem_content_ch{
    background-color:#222;
    color:#eee;
}

.poem_content_en{
    background-color: #FEF4D8;
    border-radius: 5px;
    color:#AE7F22
}

.night .poem_content_en{
    background-color:#222;
    color:#AE7F22;
}

.poem_content .words_withnote{
    color: #AE7F22 !important;
    font-style: italic;
    font-size: 1rem;
}

.quotes_style > div{
    text-align: left !important;
}

.poem_writer{
    color:#d2b272;
}

.night .poem_writer{
    color:#b59555;
}

.night .poem_content .words_withnote{
    /*color:#dbbb62 !important;*/
}

.fontblue{
    color:#007FF8;
    font-weight: 600;
}

.answer_margintop .normal_filling >div>div{
    margin-top: 0.5rem;
}

.night [data-controltype=multichoice][data-submitted] >ul>li{
    background-color: #222;
    border-color: #222;
    color: #ccc;
}

.night [data-controltype=multichoice][data-submitted] > [data-itemtype=options] > li[data-solution]{
    background-color: #222;
    border-color: #222;
}

.night [data-controltype=multichoice][data-submitted] > [data-itemtype=options] > li[data-choiced][data-solution]>span{
    color: #86c635;
}

.night [data-controltype=multichoice][data-submitted] > [data-itemtype=options] > li[data-choiced]{
    color:#ccc;
    border-color: #222;
}

.writer{
    color: #666;
    font-size: 0.9rem !important;
    text-align: left !important;
    font-style: italic;
}

.title .writer{
    padding: 1rem;
}

/* 汉语拼音 */
.pinyin {
    display: block !important;
    line-height: 3rem;
    font-family: 微软雅黑;
}

.pinyin ruby{
    padding-right: 1rem;
}

.pinyin ruby rt{
    font-size: 0.9rem;
}

.script_margintop{
    display: inline-block !important;
    margin-top: 1rem;
}

.script_margintop >span:first-child{
    font-size: 0.85rem;
    font-weight: bold;
    color: #498ef5;
    margin: 1rem 0 0.5rem;
    display: inline-block;
}


/*视频题中，扩大播放按钮的区域*/
.playmediaicon_mirror{
    display: inline-block; 
    background-image: url(images/audiopause.png);
    background-repeat: no-repeat;
    background-size: 70%;; 
    height: 32px; 
    width: 32px;
    background-position: center;
}

.playmovie[data-playing] + div, .playmovie[data-playing] + div>h5{
    background-color: #d5b456;
}

.playmovie[data-playing] + div >div{
    background-image: url(images/audioplay.png);
}


/*writing中的表格*/
.yellow_table {
    display: table;
    border:solid 2px #AE7F22 !important;
    border-collapse: collapse;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.yellow_table_title {
    background: #fef4d8;
    font-weight: 600;
    font-size: 0.9rem;
    color: #AE7F22;
}

.yellow_table_title >div{
    text-align: center !important;

}

.yellow_table >div{
    display: table-row;
}

.yellow_table >div>div{
    display: table-cell;
    border:solid 1px #AE7F22;
    padding:0.5rem;
    text-align: left;
    width:50%;
    font-size: 0.95rem;
}

.writing_letter_4_4 {
    margin:1rem 0;
}

.writing_letter_4_4> div{
    margin:0.5rem 0;
}

.writing_letter_4_4 >div>div:first-child {
    text-decoration: underline;
    font-weight: 600;
}

.writing_letter_4_4 >div>div:last-child {
    margin-left: 1.2rem;
} 

.text_from{
    font-size: 0.8rem !important;
    font-style: italic !important;
    color:#999 !important;
    margin: 0.5rem 0 !important;
    line-height: 1.4rem !important;
}

.text_from_tr{
    font-size: 0.8rem !important;
    color: #999 !important;
    margin-top: -0.5rem !important;
    text-indent: 0 !important;
    line-height: 1.4rem;
}


.data-multi-special .ChooseSheet_cell li.unsubmitChecked{
    background-color: #E6E9EB;
    border: solid 1px #E6E9EB;
}

/*二维码页面*/
.qr_frame{
    background-color: #fff;
    border: solid 10px #FFDB74;
    border-radius: 10px;
    padding: 1rem;
    margin: 4rem 8%;
}

.qr_frame >div{
    background-color: #FFFAEE;
    display: flex;
    align-items: center;
}

.qr_frame .qr_img{
    width: 300px;
    height: 300px;
    
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
     opacity: 0.9;
    display: flex;
    justify-content: center;
    /* background: rgba(0,0,0,.3); */
    align-items: center;
    flex-flow: wrap;
}

.qr_frame .qr_img img{
    width: 50%;
    border:solid 10px #fff;
}


.qr_frame .qr_img >div:last-child{
    background-color: #3BACFF;
    padding:3px 10px;
    border-radius: 10px;
    color:#fff;
    font-size: 12px;
}

.qr_frame .qr_intro{
    margin:0 auto;
}


.qr_frame .qr_intro >div{
    background-color: #FFDB74;
    color:#333;
    padding:1rem;
    margin:1rem;
    border-radius: 10px;
    font-family: 微软雅黑;
    font-size: 0.95rem;
}

/*课文页面*/
.title-pic{   
    background-repeat: no-repeat;
    display: flex;
    background-size: cover;
}

.title-pic .title{
    margin-top: 2rem;
}

.title-pic >div{
    width: 100%;
}

.title-pic img{
    border: solid 10px #ffdb74;
    width: 200px;
    height: 200px;
}

.title-pic h4{
    padding-left: 1rem;
    line-height: 3rem;
}

.title-pic .audio_bar{
    margin-top: 2rem;
}

.pic-right{
    float: right;
}

.paragraph> div:nth-child(2)>img{
    float: right;
    width: 20rem;
    margin-left: 1rem;
    border-radius: 10px;
}

.yellowwordbg{
    display: inline-block;
    padding-left:1rem;
    max-width: 80%;
    /*vertical-align: top;
    line-height: 30px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-bottom: solid 2px #faba27;*/
}

.translation_cn{
    margin:1rem;
    text-align: justify;
}

.translation_cn [data-controltype=showtranslationright], .translation_cn [data-orgcontroltype=showtranslationright]{
    background-image: none;
    background-color: #fcf7e9!important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline;
    font-size: 0.95rem;
    border-radius: 0;
}

.title_cn, .writer_cn{
    text-align: center;
}

.title_cn [data-controltype=showtranslationright], .title_cn [data-orgcontroltype=showtranslationright]{
    font-size: 1.2rem !important;
    font-weight: bold;
    font-family: "微软雅黑";
}

.writer_cn [data-controltype=showtranslationright], .writer_cn [data-orgcontroltype=showtranslationright]{
    text-align: center;
    font-style: normal;
    color: #999 !important;
    font-size: 0.85rem;
}

.wordtranslation{
    color:#666;
    line-height: 1.7rem;
    margin-bottom: 0.5rem;
}

.layui-layer-tips{
    box-shadow: 0 0 10px #2c2b2b;
}

/*.layui-layer-tips .layui-layer-content{
    background: #fcf7e9!important;
    padding-left: 1rem;
    color:#333;
    width: initial;
    min-width: 460px;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}*/



.layui-layer-setwin{
    right: 4px;
    top: 4px;
}

.layui-layer-tips .layui-layer-close{
    background: url(images/close.png) no-repeat;
    background-position: right top;
    width: 25px;
    height: 25px;
    background-size: 100%;
}

.layui-layer-tips i.layui-layer-TipsT{
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #fcf7e9;
    border-right-color: #fcf7e9!important;
    bottom: -10px;
    left: 15px;
}

.yellowmark, .writing_tip .mouseonhover{
    background: #d16b00;
    padding: 0.7rem 1rem;
    color: #fff;
    font-size: 0.95rem;
    float: right;
    border-radius: 0.5rem 0 0 0;
    line-height: 1.3rem;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.writing_tip .mouseonhover{
    display: table-cell;
    margin-top: 0.5rem;
    border-radius: 0.5rem 0 0 0;
    float:initial;
}

.lr .writing_tip{
    color: #333;
    /* margin: 1rem 2rem; */
    padding: 1rem 2rem;
    background-color: #f6f6f6;
    border-radius: 0;
    font-family: Georgia, 'Times New Roman', Times, serif, "Microsoft YaHei","微软雅黑";
}

.lr .writing_tip >div>span{    
    padding-right: 1rem;
}

.yellowfont{
    color: #3bacff;
}


/*Selftest*/
.directiontitle{
    background-color: #FFDB74;
    border-radius: 22px;
    display: inline-block;
    margin: 1rem 0;
    padding: 5px 30px;
}

.directionsubtitle .direction{
    background-color: #f5f5f5;
    padding-left: 0;
    padding-bottom: 0;
}


[data-id=newwordspage] .lr >div{
    display: table-cell !important;
}

.without_cursor{
    cursor:initial !important;
}

.cursor_pointer{
    cursor: pointer;;
}

.para_img {
    width:30px !important;
    height: auto;
    float:none !important;
    line-height: 2.2rem;
    vertical-align: middle;
    margin-left: 0.5rem !important;
}

.layui-layer-content table{
    margin-right: 1rem;
}

.layui-layer-content .indexparagraph, .layui-layer-content .indexparagraph_tightline{
    width: 95%;
}


/*老师端统计饼图*/
.Teacher-AnswerStatistical{
    height:20px !important;
    width:20px !important;
    display:inline-block !important;
    padding: 0 !important;
    border-bottom: none !important;
    font-size: 0.5rem;
    left:0;
}

/*老师端统计饼图 弹窗宽度*/
.layui-layer-tips .layui-layer-content{
    min-width:140px;
}

/*老师端 勾叉是非题 圆圈位置*/
.teacherreview_checkbox_choice{
    position: absolute;
    margin-top: 30px;
    margin-left: 5px;
}

.teacherreview_checkbox_choice .Teacher-AnswerStatistical{
    margin:0 !important;
}

/*老师端 页面下方统计信息*/
.teacher_view_info{
    color: #666;
    font-size: 0.8rem;
    padding: 0 1rem !important;
    background-color: #f5f5f5 !important;
}

.night .teacher_view_info{
    background-color: #000 !important;
    color:#666;
}

/*老师端 不同题型的css*/
.normal_filling .Teacher-AnswerStatistical{
    top:5px;
}

.two_choice_one .Teacher-AnswerStatistical{
    left:-5px;
}

.parasul [data-teacherreview]{
    display: inline;
}

.long_filling [data-teacherreview]{
    position: absolute;
    right: 0;
    bottom: 0;
}

.short_filling [data-controltype=filling]{
    position:relative;
    padding-right: 10px;
} 

.short_filling [data-teacherreview]{
    position: absolute;
    right: 0;
    bottom: 0;
}

.normal_choice .Teacher-AnswerStatistical{
    margin-top: -10px;
    float: right;
    margin-bottom: 10px;
}

.normal_choice [data-itemtype=result]{
    padding:0 !important;
}

.checkbox_multichoice [data-teacherreview]{
    float:right;
}

.multichoice [data-teacherreview]{
    float:right;
}

.filling_withimg_2L .Teacher-AnswerStatistical{
    float:right;
}

.filling_widthmax .Teacher-AnswerStatistical{
    float:right;
}

.click_choice .Teacher-AnswerStatistical{
    float:right;
}

.checkbox_choice [data-itemtype=options] > li[data-choiced][data-teachmode] >span{
    background-color:#86C635;
}

[data-controltype=choice] [data-itemtype=options] > li[data-choiced][data-teachmode]{
    background-color:#F5F5F5;
    border-color:#F5F5F5;
}

.night [data-controltype=choice] [data-itemtype=options] > li[data-choiced][data-teachmode]{
    background-color:#222;
    border-color: #222;
}

[data-controltype=multichoice] [data-itemtype=options] > li[data-choiced][data-teachmode]{
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}


.night [data-controltype=multichoice] [data-itemtype=options] > li[data-choiced][data-teachmode]{
    background-color:#222;
    border-color: #222;
}

.body_bgyellow .teacher_view_info{
    background-color: #fff6d3 !important;
    margin-left:0 !important;
}

.night .body_bgyellow .teacher_view_info{
    background-color:#000 !important;
}



/*一般录音的次数限制显示*/
.contentreadaloud [data-controltype=record]{
    position: relative;
}

.contentreadaloud [data-controltype=record] >span{
    position: absolute;
    right: -1rem;
    top: -4px;
    background-color: #FA9300;
    color: #fff;
    font-size: 9px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 7px;
    border-radius: 7px;
    font-family: Arial, Helvetica, sans-serif;
}


/*音频条长度调整*/
.audio_bar_adjust .mejs-container{
    width: 280px !important;
}

.stem_withdash [data-itemtype=stem] {
    border-bottom: dashed 1px #a992b4;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}


.filling_padding .filling{
    padding:0.5rem 0;
}

/*多张图排列*/
.img_group{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.img_group >img{
    width:46%;
    height: 46%;
    margin:1%;
}

#left_c{
    min-width: 700px;
}




/*大屏分辨率设置*/
@media only screen and (min-width: 401px) and (max-width: 767px){
    
    /*音频条一般*/
    .audio_bar .mejs-container {
        width:320px !important;
    }
    .audio_bar .mejs-controls div.mejs-time-rail{
	width: 230px!important;   
    }    
    .audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 210px!important; 
    }
    
    /*音频条变长*/
    .audio_bar_adjust .mejs-container { 
        width:360px !important;
    }
    
    .audio_bar_adjust .mejs-controls div.mejs-time-rail{
	width: 260px!important;   
    }    
    .audio_bar_adjust .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 240px!important; 
    }
    
    /*音频条变短*/
    .audio_withtab .mejs-controls div.mejs-time-rail{ 
	width: 200px!important;   
    }    
    .audio_withtab .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 180px!important; 
    }
    
}


/*中屏2分辨率设置*/
@media only screen and (min-width: 375px) and (max-width: 400px){
    /*音频条一般*/
    .audio_bar .mejs-container {
        width:290px !important;
    }
    .audio_bar .mejs-controls div.mejs-time-rail{
	width: 200px!important;   
    }    
    .audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 180px!important; 
    }
    
    /*音频条变长*/
    .audio_bar_adjust .mejs-container { 
        width:320px !important;
    }
    
    .audio_bar_adjust .mejs-controls div.mejs-time-rail{
	width: 230px!important;   
    }    
    .audio_bar_adjust .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 210px!important; 
    }
    
    /*音频条变短*/
    .audio_withtab .mejs-controls div.mejs-time-rail{ 
	width: 160px!important;   
    }    
    .audio_withtab .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 150px!important; 
    }
    
    /*视频页面*/
    /*.micro_lecture .video-js .vjs-tech{
    width: 83% !important;
    height: 83% !important;
    }

    .micro_lecture .video-js .vjs-control-bar {
        bottom: 17% !important;
        width: 83%;
    }

    .micro_lecture .vjs-poster {
        width:83% !important;
        height: 83% !important;
    }

    .micro_lecture .video-js.vjs-fullscreen .vjs-tech{
    height: 103% !important;
    }*/
    
    .ChooseSheet_cell_withoutno li span{width:initial !important;padding:0 10px!important;}
    .fixed_height_audiobar{max-height: 450px;}
    .myresult_width_260 [data-itemtype=myresult]{width:230px;}
    .myresult_width_260 [data-itemtype=result]{width:250px;}
    .AnswerSheet {max-height: 340px;}
    .AnswerSheet_content{max-height: 299px;}
}

/*中屏1分辨率设置*/
@media only screen and (min-width: 360px) and (max-width: 374px){
    /*音频条一般*/
    .audio_bar .mejs-container {
        width:270px !important;
    }
    .audio_bar .mejs-controls div.mejs-time-rail{
	width: 170px!important;   
    }    
    .audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 150px!important; 
    }
    
    /*音频条变长*/
    .audio_bar_adjust .mejs-container { 
        width:310px !important;
    }
    
    .audio_bar_adjust .mejs-controls div.mejs-time-rail{
	width: 210px!important;   
    }    
    .audio_bar_adjust .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 190px!important; 
    }
    
    /*音频条变短*/
    .audio_withtab .mejs-controls div.mejs-time-rail{ 
	width: 140px!important;   
    }    
    .audio_withtab .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 130px!important; 
    }
    
    /*视频页面*/
    /*.micro_lecture .video-js .vjs-tech{
    width: 82% !important;
    height: 82% !important;
    }

    .micro_lecture .video-js .vjs-control-bar {
        bottom: 18% !important;
        width: 82%;
    }

    .micro_lecture .vjs-poster {
        width:82% !important;
        height: 82% !important;
    }

    .micro_lecture .video-js.vjs-fullscreen .vjs-tech{
    height: 103% !important;
    }*/
        
    .ChooseSheet_cell li{padding: 2px 0;margin: 3px;}
    .ChooseSheet_cell_withoutno li span{width:initial !important;padding:0 8px!important;}
    
    .textarea_width_92 [data-controltype=fillinglong] >div{
        width:96% !important;
    }
    .textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
        width:88% !important;
    }
    .textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
        width:88% !important;
    }
    .fixed_height_audiobar{max-height: 400px;}
    .unit_test_answersheet_tit{margin: 0.5rem 1rem 0.2rem 1rem;}
    .part_title >span {font-size: 0.85rem;}
    .part_title_viewing >span>span {font-size: 0.85rem;}
    .myresult_width_260 [data-itemtype=myresult]{width:210px;}
    .myresult_width_260 [data-itemtype=result]{width:230px;}
    .AnswerSheet {max-height: 320px;}
    .AnswerSheet_content{max-height: 279px;}
}


/*小屏分辨率设置*/
@media only screen and (min-width: 100px) and (max-width: 359px) {  

    .wordlist_catalog{
        font-size: 0.9rem;
        line-height: 1.2rem;
        }
        
    .testbutton1 {
        margin:0.5rem;
        position: relative;
        }

    .testbutton1:hover{
        top:2px;
    }    
    .test_score, .test_time {
        font-size:1.1rem;
        }
        
    .AnswerSheet_chooseBox li h5 {
        width:34px;
        height:34px;
        }
    .AnswerSheet_chooseBox li {
        padding:0.3rem 0.4rem;
        }
    .AnswerSheet_chooseBox li span {
        font-size: 12px;
        }
        
    .para_matching_chooseBox li h5{
        width: 80%;
        height: 20px;
    }

    .para_matching_chooseBox li{
        width: 25%;
        padding:0;
        margin-bottom: 8px;
    }

    .cmd {
    height: 2rem;
    line-height: 2rem;
    }
    
    /*音频条一般*/
    .audio_bar .mejs-container {
        width:220px !important;
    }
    .audio_bar .mejs-controls div.mejs-time-rail{
	width: 120px!important;   
    }    
    .audio_bar .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 110px!important; 
    }
    
    
    
    /*音频条变长*/
    .audio_bar_adjust .mejs-container { 
        width:270px !important;
    }
    .audio_bar_adjust .mejs-controls div.mejs-time-rail{
	width: 160px!important;   
    }    
    .audio_bar_adjust .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 140px!important; 
    }
    
    /*音频条变短*/
    .audio_withtab .mejs-controls div.mejs-time-rail{ 
	width: 100px!important;   
    }    
    .audio_withtab .mejs-controls .mejs-time-rail .mejs-time-total{
	width: 90px!important; 
    }

    .script_button .cmd_script {
        width:60px;
        }
    .script_button .cmd_script > span:last-child{
        text-align: center;
        width: 20px;
    }
    
    .AnswerSheet {
        max-height: 300px;
    }
    
    .AnswerSheet_content{
        max-height: 259px;
    }
    
    .AnswerSheet_filling li{
        width:46%;
    }

    .AnswerSheet_filling li span {
        left:10%;
        right:inherit;
    }

    .AnswerSheet_filling li h5 {
        width:80%;
        border-radius:5px;
    }

    .example_before_after >div> span{padding:0 15px;margin-bottom: 0.5rem;}

    .filling_width_300, .filling_width_300_2L {
        width:250px !important;
        height: 3.5rem;
        }
        
    .drag_filling {
        margin:3px 2px;
        }

    .recording_filling [data-submitted][data-controltype=filling] [data-itemtype=input] {
        width:88%;
        }

    .choice_recording li {
        width:80px;
        }
    .audio_play_box>div:nth-child(2){
        margin:0;
    }    
    .audio_play_box>div:last-child{
        margin:10px 0;
    }
    .audio_play_box>div:last-child>h6{
        text-indent:0;
    }

    .words_style .readaloudmargin >div {
        margin-bottom: 0.6rem;
    }

    .unit_test_titbox li a {
        /*padding:0.4rem 0;
        width:100%;*/
    }

    .localword {
        font-size:0.95rem;
    }

    [data-id=___closenewwordsdetail] {
        height: initial;
    }

    .part_title_viewing >div:last-child {
        right:5px;
    }
    .part_title_viewing >span {
        font-size: 0.78rem;
        letter-spacing: -0.2px;
        padding: 0.3rem;
        margin:0;
    }
    
    .part_title_viewing >span>span{
        display:inline-block;
    }

    [data-main] > header > div > div{font-size: 14px;}

    [data-itemtype=wordheader]{font-size: 1.2rem;}

    h4{font-size: 0.9rem;}

    .cmd_script, .cmd_script_none{padding:5px;}

    [data-controltype=clickwords] {padding:0.5rem;}

    /*.myvideo_box{padding:0.5rem;}*/

    .ChooseSheet_cell_withoutno li span{width:initial !important;padding:0 8px!important;}
    .textarea_width_92 [data-controltype=fillinglong] >div{
        width:96% !important;
    }
    .textarea_width_92 [data-controltype=fillinglong] [data-itemtype=textarea]{
        width:92% !important;
    }
    .textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{
        width:86% !important;
    }
    .textarea_width_92 [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{
        width:86% !important;
    }
    .fixed_height_audiobar{max-height: 350px;}
    /*.wordsNoabove > span > span:last-child {display: inherit;}*/
    .unit_test_answersheet_tit{padding: 0.2rem 0.5rem; margin: 0.5rem 1rem 0.2rem 1rem;}
    .part_title >span {font-size: 0.75rem;}
    .wordsNoabove >span:first-child {font-size: 0.75rem;}
    .part_title_viewing >span>span {font-size: 0.75rem;}
    .wordsNoabove >span:last-child{font-size: 0.75rem;}
    .myresult_width_260 [data-itemtype=myresult]{width:170px;}
    .myresult_width_260 [data-itemtype=result]{width:190px;}
    .flex_topbutton .script_note > a{padding:1px 5px;font-size:0.7rem;}
    .question{padding-bottom: 0;}

    [data-controltype=fillinglong] [data-itemtype=textarea]{width:90%;}
    .subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{width:90%;}
    .subjective [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{width:90%;}
    .script_note > a{font-size: 0.8rem;}
    [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea]{width:84%;}
    [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{width:84%;}
    .write_titBox .writing_title{font-size: 0.8rem;}
    .white_frame{padding:0.5rem 0.6rem;}
    .block_white{padding:0.5rem 0.7rem;}
}



/*PC端不同浏览器*/

/*投屏时的音频条*/
@media (min-width: 768px){
    .audio_bar {max-width: 450px;}
    .audio_bar_flex {max-width: 480px;}
    .audio_bar .mejs-container{min-width:380px !important;}
    .audio_bar .mejs-container .mejs-controls .mejs-mute button {background: url(images/btn_audio.png) no-repeat center;}
    .audio_bar .mejs-container .mejs-controls .mejs-unmute button {background: url(images/btn_mute.png) no-repeat center;}
    .img_100{max-width: 400px;}
    .img_60, .img_80{max-width: 300px;}
    
    .audio_thumbnail{height: 100px;}
    
    .myvideo_box{width:600px;margin: 0 auto;margin-top: 1rem;}
    .video-js{width: 600px !important; height: 480px !important;}
    
    .table_filling{width:70%;}
    /*.table_choice{width:70%;}*/
    
    .table_filling_3L>div>div:nth-child(2){width:150px;}

    .intro_title2{margin-top: 6px; background-size: 500px;}
    .course_subtitle1{background-size: 180px;}
    .step_03, .step_04{background-size: 180px;}
    .course_intro{margin: 0.5rem 1rem;}
    .img_group >img{width: 20%;}
    .lr2 .body, .lr2 .block .body{padding:0;}
    .lr2 .img_100{max-width: 100%;}
    .lr2 .dialog_80 > div > span:first-child{display: block;}
    .lr2 .filling_textarea [data-controltype=fillinglong]>div{width: 100%;}
    .lr2 [data-controltype=fillinglong] [data-itemtype=textarea]{width:96%;}
    [data-controltype=fillinglong] [data-itemtype=textarea]{width: 96%;}
    [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea], [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{width: 94%;}
}

@media (min-width: 1367px){
    .myvideo_box{width:720px;margin: 0 auto;margin-top: 1rem;}
    .video-js{width: 720px !important; height: 480px !important;}
    .lr2 .body, .lr2 .block .body{padding:0 5%;}
    .lr2 .img_100{max-width: 400px;}
    [data-controltype=fillinglong] [data-itemtype=textarea]{width: 97%;}
    [data-submitted][data-controltype=fillinglong][data-iscorrect=no] [data-itemtype=textarea], [data-submitted][data-controltype=fillinglong][data-iscorrect=yes] [data-itemtype=textarea]{width: 95%;}

} /*>=768的设备屏幕*/


/* 录音按钮变灰禁用 20200407 录音限定数量 */
.disabled {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.menu_question {
    display: none;
}

[data-classid] .menu_question {
    display: block;
}

/*写作 老师端先隐藏写作，显示sample按钮*/
.browseonly {
    display: none;
}

[data-cmimode=browse] .browseonly {
    display: block;
}

.teacher_sample_button{
    border-radius: 10px; 
    padding-left: 1rem !important;
}

input::-ms-clear { display: none; }  /* IE11 下不要出现清除符 2020-12-11 */
[data-controltype=fillinglong] [data-itemtype=textarea] { /* IE11 显示白色无用滚动条 2020-12-11 */
    overflow-y: hidden;
    min-height: 29px;
}

.hiddenImp { display: none !important};