html,body{background-color:#fff;}
.mui-plus.mui-android header.mui-bar{display:none;}
.mui-plus.mui-android .mui-bar-nav~.mui-content{padding:0;}
.mui-off-canvas-right{color: #fff;}
.mui-off-canvas-right .title {margin: 35px 15px 25px;}
.mui-content{background:#fff;}

.summary{margin:20px 0 10px;color:#444;font-size:15px;background:#eee;padding:10px;border-radius:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.voice{width:100%;height:40px;}
.navigation-icons{margin-top:20px;width:300px;margin-left:auto;margin-right:auto;}
.home-nav{background-image:url(../images/icon/home.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.about-nav{background-image:url(../images/icon/cog2.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.folio-nav{background-image:url(../images/icon/image2.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.blog-nav{background-image:url(../images/icon/pencil.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.video-nav{background-image:url(../images/icon/film.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.mail-nav{background-image:url(../images/icon/mail.png);background-position:center center;background-repeat:no-repeat;background-size:36px 36px;}
.nav-icon{float:left;width:70px;height:70px;margin-left:15px;margin-right:15px;margin-bottom:55px;position:relative;background-repeat: no-repeat;}
.nav-icon span{position:absolute;line-height: 1;font-size:13px;display:block;padding-top:70px;text-align:center;width:100%;color:#999;}
.icon-red{background-color:#fc5858;}
.icon-blue{background-color:#259780;}
.icon-dblue{background-color:#2f95bf;}
.icon-magenta{background-color:#9b59b6;}
.icon-green{background-color:#2ecc71;}
.icon-yellow{background-color:#f1c40f;}
.small-navigation-icons{margin-top:30px;width:180px;margin-left:auto;margin-right:auto;}
.icon1{background-image: url(../images/icon1.png);}
.icon2{background-image: url(../images/icon2.png);}
.icon3{background-image: url(../images/icon3.png);}
.icon4{background-image: url(../images/icon4.png);}
.icon5{background-image: url(../images/icon5.png);}
.icon6{background-image: url(../images/icon6.png);}
.icon7{background-image: url(../images/icon7.png);}

/*.toptitle{height:3rem;line-height:3rem;border-bottom:1px solid #dadada;color:#333;padding-left:10px;font-size:1.2rem;}*/
.toptitle{font-size:1.3rem;height:2.3rem;line-height:3rem;color:#1f1f1f;text-align:center;}
.toptitle-icon{text-align:center;}
.toptitle-icon .mui-icon{font-size:20px;color:#aaa;width:50px;background:#fff;}
.toptitle-icon .line{height:1px;background-color:rgba(0,0,0,0.15);width:100%;margin-top:-10px;margin-bottom:30px;}
.conimg{border-radius:8px;}
ul.xuanxiang li{font-size:1rem;line-height:2rem;}
ul.xuanxiang li span{color:#157efb;border-radius:1rem;border:1px solid #157efb;display:block;width:2rem;height:2rem;text-align:center;float:left;margin-right:10px}
ul.xuanxiang li span.cur{color:#fff;background:#157efb;border-color:#157efb}
ul.titype2 li span{color:#157efb;border-radius:2px;border:2px solid #157efb;}
.btn_answer{width:100%;height:46px;left:50%;-webkit-transform:translate(-50%);margin-top:10px;margin-bottom: 10px;}
.jiexi_box{font-size:1.3rem;display:none;padding-top:20px}
.jiexi_box .color1{color:#8b8b8b;padding:20px 0 10px;margin:0}
.jiexi_box .answer_r{color:#1ecc6a}
.jiexi_box .answer_w{color:#ff3232}
.newwords{border-bottom:1px dashed #157efb;color:#3376be}
.trans-c{display: none;padding:5px 10px;background: #f6f6f6}
.trans-a{cursor: pointer;display:inline-block;vertical-align:middle;background:url(../images/key.png) no-repeat center center;width:32px;height:28px;text-indent: -10em;overflow: hidden;margin: 0 3px;}
.word_sound{display:inline-block;vertical-align:middle;background:url(../images/soundicon.png) no-repeat center center;width:32px;height:28px;margin: 0 3px;}

/*顶部弹出导航*/
#topPopover{position:fixed;top:16px;right:6px;}
#topPopover .mui-popover-arrow{left:auto;right:6px;}
.mui-popover{height:300px;}
.quote{border-left:solid 5px #e34e47;padding-left:20px;font-size: 15px;color: #6d6d6d;}
.quote strong{display:block;text-align:right;font-size:13px;font-weight:500;margin-top:-10px;padding-bottom:0px;}
.select_text{border-bottom:1px solid #007aff!important;min-width:6rem;width:auto;height:2rem;padding:0 10px;margin-bottom:0;font-size:1rem;border-radius:0;}
.select_text.right{border-bottom:1px solid #4cd964!important;}
.select_text.error{border-bottom:1px solid red!important;color:red;}
.content p{font-size:1rem;line-height:1.5rem;}
header.mui-bar{background:#007aff;color:#fff;-webkit-box-shadow:none;box-shadow:none;}
.mui-bar .mui-title{color:#fff;}
header .mui-icon{color:#fff;}
.lineselect{border-bottom:1px solid #007aff!important;border-radius: 0;}


.TF-switch{width: 54px;}
.TF-switch:before{font-size:13px;position:absolute;top:3px;right:11px;content:'F';text-transform:uppercase;color:#999;}
.TF-switch.mui-active .mui-switch-handle{-webkit-transform:translate(23px,0);transform:translate(23px,0);}
.TF-switch.mui-active:before{right:auto;left:10px;content:'T';color:#fff;}
.ti_phonogram{margin-left: 5px;margin-right: 5px;}
.wordul:before{height: 0;}
#tiSlider h4{margin-top: 20px;margin-bottom: 10px;}

.sel_correct{background:#4cd964 !important;border-bottom: none !important;color: #fff;}
.sel_wrong{background:#f00 !important;border-bottom: none !important;color: #fff;}
.ulTF li{padding-right: 70px;}
.li_correct{background:#d0f6df;}
.li_wrong{background:#fdd8d8;}


.audiobox{height: 40px;text-align: center;padding-top: 10px;}
.mui-content-padded img{max-width: 100% !important;height: auto !important;}

.input-container { display: inline-block; position: relative; margin: 0 5px; }
/* .input_text { border: none;  outline: none; font-size: 16px; text-align: center; width: 200px;  padding: 0;  border-bottom: 2px solid #000;  }  */
.input_text::placeholder { color: #ccc;  } 
.input_text:focus { border-bottom: 2px solid #007BFF;  }

.input-container > .qselectV1{border: none;border-bottom: 2px solid #000;}


#text-container span {
    color: #8f8f94;;
    transition: color 0.3s;
}

#text-container span.highlight {
    color: red;
}