body{line-height:1.6;font-family:"Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;color:#222;font-size:15px}body,h1,h2,h3,h4,p,ul,ol,dl,dd,fieldset,textarea{margin:0}fieldset,legend,textarea{padding:0}ul,ol{padding-left:0;list-style-type:none}a img,fieldset{border:0}a{color:#607fa6}a,a:hover,a.visited{text-decoration:none}input,select,a,textarea,form,lable{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#efeff4}.btn{display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.3333333333333335;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible}.btn.btn_inline{display:inline-block}.btn_default{background-color:#d1d1d1}.btn_default:not(.btn_disabled):visited{color:#fff}.btn_default:not(.btn_disabled):active{color:rgba(255,255,255,0.4);background-color:#a7a7a7}.btn_primary{background-color:#04be02}.btn_primary:not(.btn_disabled):visited{color:#fff}.btn_primary:not(.btn_disabled):active{color:rgba(255,255,255,0.4);background-color:#039702}.btn_warn{background-color:#ef4f4f}.btn_warn:not(.btn_disabled):visited{color:#fff}.btn_warn:not(.btn_disabled):active{color:rgba(255,255,255,0.4);background-color:#c13e3e}.btn.btn_mini{line-height:25px;font-size:14px}button.btn,input.btn{width:100%;border:0;outline:0;-webkit-appearance:none}button.btn:focus,input.btn:focus{outline:0}button.btn_inline,input.btn_inline{width:auto}.btn_disabled{color:rgba(255,255,255,0.6)}.btn+.btn{margin-top:10px}.btn.btn_inline+.btn.btn_inline{margin-top:auto;margin-left:10px}.btn_area{margin-left:-5px;margin-right:-5px;font-size:0}.btn_area.btn_area_inline{margin-left:auto;margin-right:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.btn_area.btn_area_inline .btn{margin-top:auto;margin-right:10px;width:100%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;box-flex:1;flex:1;display:inline-block \9;width:48% \9;margin-left:1% \9;margin-right:1% \9}.btn_area.btn_area_inline .btn:last-child{margin-right:0}.cells{background-color:#fff;line-height:1.2;position:relative}.cells:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #ececec;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.cells:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #ececec;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.cells_title{color:#b2b2b2;padding-left:15px}.cell{padding:.85em 15px;display:block;position:relative}.cell_hd,.cell_bd,.cell_ft{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap}.cell_primary{width:2000px;white-space:normal}.cells_split{overflow:hidden}.cells_split .cell{position:relative}.cells_split .cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #ececec;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);left:15px}.cells_split .cell:first-child:before{display:none}.cells_select .cell_hd{padding-right:.35em}.cells_select .cell_ft{padding-left:.35em}.cells_select .cell:active{background-color:#ececec}.frm_select_label{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.frm_select{position:absolute;left:-9999em}.cells_radio .icon_selected:before{display:inline-block;content:'';width:4px;height:8px;border-bottom:2px solid #02bb00;border-right:2px solid #02bb00;-webkit-transform:translate(0,0) rotate(45deg);transform:translate(0,0) rotate(45deg);margin:0 3px;visibility:hidden}.cells_radio .frm_select:checked+.icon_selected:before{visibility:visible}.cells_checkbox .icon_selected{display:inline-block;width:17px;height:17px;background:url("/mpres/zh_CN/htmledition/comm_htmledition/style/wap_style/page/home/login_z270806.png") 0 0 no-repeat;-webkit-background-size:17px 39px;background-size:17px 39px}.cells_checkbox .icon_selected_wrp{position:relative;font-size:0}.cells_checkbox .frm_select:checked+.icon_selected_wrp .icon_selected{background:url("../images/mbg/login_z270806.png") 0 -44px no-repeat;-webkit-background-size:17px 39px;background-size:17px 39px;-webkit-background-position:0 -22px;background-position:0 -22px}.cells_positioned{word-wrap:break-word;word-break:break-all}.cells_positioned .cell{padding:0}.cells_positioned .frm_select_label{padding:.85em 0 .85em 32px}.cells_positioned.cells_radio .icon_selected:before{position:absolute;top:50%;left:15px;margin-top:-6px}.cells_positioned.cells_checkbox .frm_select_label{padding-left:38px}.cells_positioned.cells_checkbox .icon_selected{position:absolute;top:50%;left:15px;margin-top:-6px}.cells_access .cell{-webkit-tap-highlight-color:rgba(0,0,0,0);color:#000}.cells_access .cell:active{background-color:#ececec}.icon_access:before{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px}.cell_form .cell_hd{padding-right:1em}.cell_form .frm_ctrl{margin-top:15px}.cell_form .frm_input{width:100%;border:0;outline:0;background-color:transparent;font-size:inherit;color:inherit}.cell_form .frm_opr{padding-left:10px;padding-right:10px}.cell_form .frm_vcode_cell{padding-top:0;padding-right:0;padding-bottom:0}.cell_form .frm_vcode_cell .frm_vimg_wrp{font-size:0}.cell_form .frm_vcode_cell .frm_vimg_wrp img{height:45px}.cell_form .frm_selector{position:relative;-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit}.cell_form .frm_selector_input_cell{padding-top:0;padding-bottom:0}.cell_form .frm_selector_input_cell:before{left:0}.cell_form .frm_selector_input_cell .cell_hd,.cell_form .frm_selector_input_cell .cell_bd,.cell_form .frm_selector_input_cell .cell_ft{padding-top:.85em;padding-bottom:.85em}.cell_form .frm_selector_input_cell .cell_hd{position:relative}.cell_form .frm_selector_input_cell .cell_hd:after{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #ececec;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.cell_form .frm_selector_input_cell .cell_bd{padding-left:15px}.cell_form .frm_selector_input_cell .frm_selector{width:auto}.icon_msg{width:100px;height:100px;vertical-align:middle;display:inline-block}.icon_msg.warn{background:transparent url(/mpres/htmledition/common/images/icon/msg/_icon_msg_warn218877.png) no-repeat center center}.icon_msg.success{background:transparent url(/mpres/htmledition/common/images/icon/msg/_icon_msg_success218877.png) no-repeat center center}.icon_msg.waiting{background:transparent url(/mpres/htmledition/common/images/icon/msg/_icon_msg_waiting218877.png) no-repeat center center}.icon_msg.info{background:transparent url(/mpres/htmledition/common/images/icon/msg/_icon_msg_info218877.png) no-repeat center center}@media only screen and (-webkit-min-device-pixel-ratio:2){.icon_msg.warn{background-image:url(/mpres/htmledition/common/images/icon/msg/_icon_msg_warn.2x218877.png);-webkit-background-size:100px 100px;background-size:100px 100px}.icon_msg.success{background-image:url(/mpres/htmledition/common/images/icon/msg/_icon_msg_success.2x218877.png);-webkit-background-size:100px 100px;background-size:100px 100px}.icon_msg.waiting{background-image:url(/mpres/htmledition/common/images/icon/msg/_icon_msg_waiting.2x218877.png);-webkit-background-size:100px 100px;background-size:100px 100px}.icon_msg.info{background-image:url(/mpres/htmledition/common/images/icon/msg/_icon_msg_info.2x218877.png);-webkit-background-size:100px 100px;background-size:100px 100px}}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}body{font-size:14px}h1,h2,h3,h4,h5{font-weight:400;font-style:normal}h1,.h1{font-size:20px}h2,.h2{font-size:18px}h3,.h3{font-size:16px}h4,.h4{font-size:14px}h5,.h5{font-size:12px}a,a:visited{color:#6b7da3}.text_color{color:#888}.title_color{color:#000}.desc{color:#b2b2b2}.warn{color:#b71414}.nickname{color:#576b95}.tips{font-size:13px;color:#b2b2b2;color:#000}body{background-color:#fff}body.msg_dark{background-color:#2e3132;color:#fff}.page_msg{padding:75px 15px 0;text-align:center}.icon_area{margin-bottom:19px}.text_area{margin-bottom:25px}.text_area .title{margin-bottom:12px}.opr_area{margin-bottom:25px}.extra_area{margin-bottom:20px}@media screen and (min-height:416px){.extra_area{position:fixed;left:0;bottom:0;width:100%}}a,a:active{text-decoration:none}html,body{height:100%}.align_c{text-align:center}.cell_form{padding:40px 15px}.cell_form .wx_login_tit{text-align:center}.cell_form .cells:after,.cell_form .cells_split .cell:before{border-color:#000;bottom:1px}.cell_form .login_input .frm_input{color:#000}.page_login{background-color:#f9f6f8;height:100%;color:#888}.page_login .wx_login{min-height:350px;height:100%;position:relative;background:url(../images/mbg/bg3.jpg) no-repeat 0 0;-webkit-background-size:cover;background-size:cover;background-position:center center}.page_login .wx_login .con{padding:0 20px}.page_login .wx_login .cells{background-color:transparent}.page_login .page_hd{padding-top:40px}.page_login .page_hd .page_tit{color:#000;font-size:25px;text-align:center;line-height:40px}.page_login .page_hd .page_tit .dot{position:relative;top:-6px;margin:0 2px}.page_login .page_hd .page_tips{text-align:center;padding:0 46px}.page_login .wrp_logo{width:100%;text-align:center}.page_login .wrp_logo .logo{width:63px;height:63px;display:inline-block}.login_form{padding:15px}.login_form.cell_form .cells:before{display:none}.login_form.cell_form .cell{padding:1em 0 .25em}.login_form.cell_form .frm_ctrl{margin-top:35px}.login_form.cell_form .frm_vcode_cell{padding:.5em 0 .25em}.login_form.cell_form .frm_vcode_cell .imgcode_link{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;padding:0 10px}.login_form.cell_form .frm_vcode_cell:after{display:none}.login_form.cell_form .cells_split .cell:before{left:0}.login_form.cell_form .cell_hd{padding-right:5px}.login_form .remember_info .cell:active{background:transparent}.login_form .btn_outer{margin-top:20px;text-align:center}.login_form .btn_outer .btn_login{color:#888;background:transparent;border:1px solid #dfdfdf;width:150px}.login_form .btn_outer .btn_login.actived{border:1px solid #04be02;color:#04be02}.page_safe{background-color:#efeff4;height:100%;padding:0 20px}.page_safe_active .login_form{padding-top:50px}.page_safe_active .active_tips{color:#000}.page_safe_active .ft_opr{padding:5px 60px 0}.page_safe_active .active_status{height:70px;line-height:70px;text-align:center;color:#000;font-size:20px;border:1px solid #dfdfdf;margin:15px 0}.page_safe_active .active_step1 .active_tips{margin-bottom:20px}.page_safe_active .active_step2{padding-top:140px}.btn.btn_h5_primary{width:100%;background:#fff;border:1px solid #04be02;color:#04be02;margin-top:35px}.page_msg{padding-top:40px}.opr_area{padding:0 15px}.btn_area .btn{width:100%}.desc{color:#000}.detail_t{margin-bottom:30px;background-color:#fff;padding-left:15px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf}.detail_t li{border-bottom:1px solid #dfdfdf;line-height:30px}.detail_t li:last-child{border-bottom:0}.detail_t label{display:inline-block;width:95px;vertical-align:middle;line-height:30px;text-align:left;color:#888}.detail_t .detail_con{display:inline-block;margin-left:10px;word-wrap:normal;width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;vertical-align:middle;line-height:30px}.ft_menu{position:absolute;bottom:5px;width:100%;text-align:center}.ft_menu a{color:#fff}
.page_tips{position:fixed;top:0;left:0;right:0;background-color:#f00;color:#fff;text-align:center;padding:.35em 1em}
.icon.success{background-color:#09bb06;position:relative}.icon.success:after{position:absolute;top:50%;left:50%;content:'';width:5px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate(-50%,-65%) rotate(45deg);transform:translate(-50%,-65%) rotate(45deg)}.icon.success.middle:after{width:13px;height:30px}.icon.success.large:after{width:21px;height:50px;border-width:5px}.icon_loading_default{width:16px;height:16px;background:transparent url(/mpres/htmledition/images/icon/common/icon32_loading_light218877.gif) no-repeat 0 0;-webkit-background-size:16px auto;background-size:16px auto}.toast_tips{width:120px;height:120px;z-index:20;box-sizing:border-box;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:14px;background:rgba(40,40,40,0.5)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80282828',endcolorstr = '#80282828');position:fixed;left:50%;top:50%;margin-top:-60px;margin-left:-60px}.toast_tips .tips_msg{padding-top:30px;position:relative;z-index:2}.toast_tips .wrp_icon{position:relative;z-index:2}.toast_tips .wrp_icon .icon{display:inline-block}.toast_tips .tips_icon{position:relative;z-index:2}.toast_tips .tips_title{font-size:16px;display:inline-block;vertical-align:middle;max-width:98%;padding:0 10px;color:#fff;font-weight:400;font-style:normal;position:relative;z-index:2}.toast_tips.hud_loading .tips_title{display:none}.toast_tips.hud_texting .wrp_icon{display:none}.toast_tips .vm_box{display:inline-block;height:100%;vertical-align:middle}.toast_tips .mask{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0);z-index:1}


.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.page_login .page_hd .page_tit img{
	max-width:200px;
}

h3.chapter-tt {
     color: #7a7777;
    padding-left: 10px;
    font-size: 18px;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 4px;
}

#preloader {
    position: fixed;
    z-index: 2500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 99999999;
}
#status {
    position: fixed;
    z-index: 99999999;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/andisk/m/ke01_img/status.gif);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center;
    margin: -125px 0 0 -125px;
}
.modal-backdrop {
	opacity:0.5;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1041;
	background-color: #000;
	overflow-y:scroll;
}

/*	5. Buttons  */ 
.center-button{
	width:120px;
	margin-left:auto;
	margin-right:auto;	
	display:block!important;
	margin-top:10px;
	text-align:center;
}
.button{
    font-weight:500;
	display:inline-block;
	padding:10px 20px;
    transition:all 200ms ease;
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
}
.button:hover{
    -webkit-transform:scale(0.95, 0.95);
    transform:scale(0.95, 0.95);   
    transition:all 200ms ease;
}
.button-3d{
    font-weight:500;
	display:inline-block;
	padding:8px 20px;	
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:all 200ms ease;
}
.button-3d:hover{
    transform:scale(0.95, 0.95); 
    -webkit-transform:scale(0.95, 0.95);
    transition:all 200ms ease;
}
.button i{
	margin-right:10px;	
	font-size:12px;
	width:12px;
	text-align:center;
	margin-left:-5px;
}
.button:hover{
	color:#FFFFFF!important;
}
.button-3d:hover{
	color:#FFFFFF!important;
}
.tea-3d{				border-bottom:solid 4px #117562;}
.button-tea{			background-color:#16a085; color:#FFFFFF;}
.button-tea:hover{		background-color:#1abc9c;}
.green-3d{				border-bottom:solid 4px #1e8248;}
.button-green{			background-color:#27ae60; color:#FFFFFF;}
.button-green:hover{	background-color:#2ecc71;}
.blue-3d{				border-bottom:solid 4px #194e70;}
.button-blue{			background-color:#0D96EC; color:#FFFFFF;}
.button-blue:hover{		background-color:#3498db;}
.magenta-3d{			border-bottom:solid 4px #602e75;}
.button-magenta{		background-color:#8e44ad; color:#FFFFFF;}
.button-magenta:hover{	background-color:#9b59b6;}
.dark-3d{				border-bottom:solid 4px #19232d;}
.button-dark{			background-color:#2c3e50; color:#FFFFFF;}
.button-dark:hover{		background-color:#34495e;}
.yellow-3d{				border-bottom:solid 4px #ba970b;}
.button-yellow{			background-color:#f1c40f; color:#1f1f1f;}
.button-yellow:hover{	background-color:#f39c12;}
.orange-3d{				border-bottom:solid 4px #9d3e00;}
.button-orange{			background-color:#d35400; color:#FFFFFF;}
.button-orange:hover{	background-color:#e67e22;}
.red-3d{				border-bottom:solid 4px #8a281e;}
.button-red{			background-color:#c0392b; color:#FFFFFF;}
.button-red:hover{		background-color:#e74c3c;}
.light-3d{				border-bottom:solid 4px #868a8c;}
.button-light{			background-color:#bdc3c7; color:#1f1f1f;}
.button-light:hover{	background-color:#ecf0f1; color:#1f1f1f!important;}
.grey-3d{				border-bottom:solid 4px #474d4e;}
.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
.button-grey:hover{		background-color:#95a5a6; color:#1f1f1f!important;}
.button-full{
    width:100%;
    display:block;
    text-align:center;
    padding-left:0px;
    padding-right:0px;
}
.small-button{
    font-size:11px;
}
/*	6. Code Highlight  */ 
.code{
	border:solid 1px #cacaca;
	font-size:12px;
}
.wline{
	font-size:11px;
	font-family:"Courier New", Courier, monospace!important;
	display:block;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}

/*	26. Login Box  rgba(255,255,255,0.9);	 */ 
.loginbox-wrapper{
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:99999;
}
.loginbox{
	position:fixed;
	display:block;
	width:280px;
	min-height:260px;
	top:50%;
	margin-top:-195px;
	left:50%;
	margin-left:-140px;	
	background-color:white;
	z-index:999999;
	border-radius:5px;
	border: 2px solid #eee;
	height:auto;
}

.center-text{	
	display:block; 
	text-align:center;
}

.loginbox h2{
	padding-top:20px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:30px;	
	font-weight:600;
}
.loginbox h4{
	font-weight:400;	
	font-size:16px;
	margin-bottom:25px;
	color: #323232;
}

.loginbox-username{
	margin-bottom:20px;
	height:40px;
	width:80%;
	border:0px;
	border-bottom:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:10px;	
	transition:all 400ms ease;
	margin-left:auto;
	margin-right:auto;
	display:block;
}


.loginbox-username:focus{
	border:solid 2px #0D96EC;/*#27ae60;Green*/
	transition:all 400ms ease;	
}
.loginbox-password{
	margin-bottom:30px;
	height:40px;
	width:85%;
	border:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:20px;	
	transition:all 400ms ease;
	margin-left:auto;
	margin-right:auto;
}
.loginbox-password:focus{
	border:solid 2px #27ae60;/*Green*/
	transition:all 400ms ease;	
}

.loginbox .button{
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border-radius:4px;
	font-size:16px;
}

.loginbox em{
	margin-top:20px;
	display:block;
	text-align:center;
	font-style:normal;
	font-size:10px;
}
.loginbox .close-loginbox{
	width:100%;
	margin-top:15px;
	height:50px;
	border-top:solid 1px rgba(0,0,0,0.1);
	color:#1f1f1f;	
	color:#323232;
	font-size:14px;
	line-height:45px;
	text-align:center;
	display:block;
	
}

.weixinAudio .audio_show{
	 float: right;
    display: block;
    width: 60px;
    height: 20px;
    color: black;
     line-height: 20px;
    font-size: 10px;
    text-align: center;
}

.weixinAudio .audio_show i {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/andisk/images/search.ele.png) no-repeat 4px 7px;
}


.weixinAudio .on i {
    background-position: 4px -27px;
}
 
.wrapper{
	
	height:calc(100% - 210px);
	-webkit-overflow-scrolling: touch; 
	 overflow-y: scroll; 
}

a#btnInter {
    background: #FF7449;
    position: fixed;
    bottom: 200px;
    right: 0px;
    z-index: 99999;
    border-radius: 4px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

#interList{
	background:white;
}

#interList ul.rtju {
    height: 100px;
    overflow-y: auto;
}

#interList li span.outline-title{
	width:100px;
	overfow:hidden;
}

#interList li span.outline-pos {
    float: right;
}

#interList li.rtj {
   border-bottom: #fafafa 1px solid;
    height: 40px;
}

##andbook_inter_play   input.andbook_homework_content_list_options_item {
    -webkit-appearance: checkbox;
}

 
#andbook_inter_play div#andbook_inter_content_display * {
    word-break: break-all;
    max-width: 100%;
    display: inline-block;
    overflow: auto;
    height: auto;
}

div#andbook_inter_content_display li * {
    vertical-align: middle;
}

#andbook_inter_play{
 	max-width: 100%;
    margin-top: 0px!important;
    margin-left: -50%!important;
    padding: 0px!important;
    top: unset!important;
    bottom: 0px;
    max-height: calc(100% - 200px)!important;
}

#andbook_inter_play #andbook_inter_playYes{
	margin-right:10px;
}

#andbook_inter_play pre{
white-space: pre-wrap;           /* css-3 */
white-space: -moz-pre-wrap;      /* Mozilla, since 1999 */
white-space: -pre-wrap;          /* Opera 4-6 */
white-space: -o-pre-wrap;        /* Opera 7 */
word-wrap: break-word;           /* Internet Explorer 5.5+ */
}


#andbook_inter_play input.andbook_homework_content_list_options_item {
    width: auto;
    height: 32px;
    -webkit-appearance: checkbox;
	zoom:1;
 }
 
 #andbook_inter_play li {
    max-width: 96%;
    margin-left: 2%;
}


#interList span.studystate1 {
    background: url(/andisk/images/ke/tick_48.png);
    background-size: contain;
    background-repeat: no-repeat;
}

div#andbook_inter_recover {
     max-width: 100%;
    margin-top: 0px!important;
    margin-left: -50%!important;
    padding: 0px!important;
    top: unset!important;
    bottom: 0px;
    max-height: calc(100% - 200px)!important;
}

#andbook_inter_recover pre{
	white-space: pre-wrap;           /* css-3 */
	white-space: -moz-pre-wrap;      /* Mozilla, since 1999 */
	white-space: -pre-wrap;          /* Opera 4-6 */
	white-space: -o-pre-wrap;        /* Opera 7 */
	word-wrap: break-word;           /* Internet Explorer 5.5+ */
}


#andbook_inter_recover li {
    max-width: 96%;
    margin-left: 2%;
}


.pause {
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB+CAYAAADiI6WIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RjFFNEQzQzYwMkExMUU2OTA2RURBNTIyNDYyMzY0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RjFFNEQzRDYwMkExMUU2OTA2RURBNTIyNDYyMzY0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGMUU0RDNBNjAyQTExRTY5MDZFREE1MjI0NjIzNjQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGMUU0RDNCNjAyQTExRTY5MDZFREE1MjI0NjIzNjQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/oEh8gAAEclJREFUeNrsXQtQVdUa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) no-repeat 50%;
    background-size: 7.6rem;
    cursor: pointer;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.video {
    background: #333;
}
.showProgress {
    z-index: 1200000 !important;
}
.new-video-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new-video-controls .video-icon, .new-video-controls .video-time, .new-video-controls .video-full-status {
    margin: 0;
}

.video-controls .video-icon {
    border: none;
    float: left;
    margin: 0 0.3rem;
    color: #fff;
    outline: none;
    padding: 0;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
}
label, select, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], input[type=file] {
    cursor: pointer;
}
.hideFooter {
		z-index: 0;
	}
	
	.z-index-to-hide {
		z-index: -1;
	}
	
	.hide {
		display: none;
	}
	
	.show {
		display: block;
	}
	
	.showProgress {
		z-index: 1200000 !important;
	}
	
	.prism-auto-stream-selector {
		display: none;
	}
	
	.video-ad-close label {
		margin-left: 2px;
		color: #fff;
		vertical-align: top;
	}
	
	.fullscreen-promote {
		position: absolute;
		bottom: 0rem;
	}
	
	/* 倒计时 */
	.adv-time {
		position: absolute;
		right: 1rem;
		top: 4.5rem;
		color: #fff;
		background: rgba(0, 0, 0, 0.3);
		padding: .3rem .6rem;
		font-size: 1.4rem;
		text-shadow: 0 0 0.1rem #000;
		border-radius: 1.2rem;
		z-index: -1;
	}
	.level a.weui_cell_bd {
	    display: inline-block;
	    width: 240px;
	    overflow: hidden;
	}

	a.goback {
	    display: block;
	    position: fixed;
	    right: 0px;
	    bottom: 0px;
	    width: 48px;
	    height: 48px;
	    background: #0D96EC;
	    z-index: 999;
	    border-radius: 24px;
	}
	
a.goback img {
    margin: auto;
    margin-top: 14px;
    display: block;
}

#readstat_small	ul.checklist li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
}

#readstat_small ul.checklist li.current *{
 	color:rgb(13, 150, 236)!important;
}

#readstat_small	ul.checklist li.passed * {
     color:#35b558;
}

#readstat_small	a.disabled{
	background-color: #9e9e9e!important;
    color: white!important;
}

#readstat_small .opts-hide{
	display:none!important;
}
#readstat_small{
	 border-radius: 4px;
    padding: 4px;
    background-color: #666;
}

.wepay {
    display: flex;
    height: 52px;
    flex-direction: column;
    width: 100%;
    line-height: 52px;
    text-align: center;
    color: white;
}

.wepay button {
    background: #ff7449;
    border-radius: 4px;
    height: 46px;
    font-size: 16px;
    line-height: 44px;
    color: white;
    padding: 0 10px;
    white-space: nowrap;
    margin: 0px;
    width: 90%;
}

.player-area div{
	   /* background-size: cover;*/
}

img[src='https://icon.cnzz.com/img/pic.gif'] {
    display: none;
}

.circle { /*//这个元素可以提供进度条 */
    width: 130px;
    height: 130px;
    position: relative;
    border-radius: 50%;
    margin:auto;
}
#circle_1{
    background: #5FBC88; /* //注意这是表示当前进度的颜色*/
} 
/*//这俩元素主要是为了分别生成两个半圆的，所以起作用的地方在于clip裁掉另一半 */

.circle  .pie_left,
.circle  .pie_right {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
}
.circle .left,
.circle .right {
    width: 130px;
    height: 130px;
    background: #e4e3e2;  /*//注意这个是未完成进度的颜色 */
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
/* //裁掉左边一半*/

.circle .pie_right,
.circle .right {
    clip: rect(0, auto, auto, 65px);
}
 /* 裁掉右边一半  */
.circle .pie_left,
.circle .left {
    clip: rect(0, 65px, auto, 0);
}
/* mask起一个遮罩作用  ，，让进度展示像个圆环  */
.circle .mask {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    left: 10px;
    top: 10px;
    background: #FFF;
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5rem;
    font-weight: bold;
}

.btnWxlogin{
	position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -41px;
    color:white;
}

.btnWxlogin i {
    color: #04be02;
}

.wepay {
    display: flex;
    height: 52px;
    flex-direction: column;
    width: 100%;
    line-height: 52px;
    text-align: center;
    color: white;
}

.wepay button {
    background: #ff7449;
    border-radius: 4px;
    height: 46px;
    font-size: 16px;
    line-height: 44px;
    color: white;
    padding: 0 10px;
    white-space: nowrap;
    margin: 0px;
    width: 90%;
}

#readstat_small ul.checklist{
	max-height: 300px;
	overflow-y: auto;
	width: 100%;
}