﻿/*******全局*******/
.clearfix{overflow:auto;_height:1%}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #eeeeee;
}
body *{
    font-size: 13px;
}

/*******富文本*******/
html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 5px;
}

body, td {
    font: 13px/1.5 "sans serif",tahoma,verdana,helvetica;
}

body, p, div {
    word-wrap: break-word;
    word-break: break-word;
}

p {
    margin: 5px 0;
}

table {
    border-collapse: collapse;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 640px;
}

noscript {
    display: none;
}

table.ke-zeroborder td {
    border: 1px dotted #AAA;
}

img.ke-flash {
    border: 1px solid #AAA;
    background-image: url(/Areas/Base/Scripts/plugin/kindeditor-4.1.10/themes/common/flash.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

img.ke-rm {
    border: 1px solid #AAA;
    background-image: url(/Areas/Base/Scripts/plugin/kindeditor-4.1.10/themes/common/rm.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

img.ke-media {
    border: 1px solid #AAA;
    background-image: url(/Areas/Base/Scripts/plugin/kindeditor-4.1.10/themes/common/media.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

img.ke-anchor {
    border: 1px dashed #666;
    width: 13px;
    height: 13px;
}

.ke-script, .ke-noscript, .ke-display-none {
    display: none;
    font-size: 0;
    width: 0;
    height: 0;
}

.ke-pagebreak {
    border: 1px dotted #AAA;
    font-size: 0;
    height: 2px;
}
.clearfix {
    overflow:auto;
    height: 1%;
    clear: both;
}

/*******题目*******/
.subject .st {
    font-weight: 900;
    float: left;
    display: block;
}
.subject-Answer .con {
    display: block;
    margin-left: 65px;
}
.subject-AnalysisPre .con {
    display: block;
    margin-left: 10px;
}
.subject .MsoNormal {
    margin: 0;
}
.subject_box {
    width: 700px;
    margin:0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    word-wrap: break-word !important;
    word-break: break-word;
}
.subject_box, .subject_box * {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.subject_item {
    padding: 24px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
    position: relative;
    border-radius: 5px;
    background: white;
}
.subject, .question{
    display:none;
}
.subject-Num, .subject-cb {
    float: left;
    line-height: 20px;
    font-weight: 900;
    display: block;
    width: 47px;
    text-align: center;
}
.subject-con {
    margin-left: 40px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.subject-Title {
    float: left;
}
.subject-Description {
    line-height: 26px;
}
.subject-pbox {
    background-color: #FFF0F5;
    padding: 15px;
        border-radius: 5px;
}
.subject-AnalysisPre {
    margin-bottom: 0;
    line-height: 26px;
}
.subject-con .ricon {
    width: 20px;
    height: 20px;
}
.subject-Answer {
    margin-top: 0;
    margin-bottom: 0;
}
.subject-Answer .right_info{
    color: red;
}
.subject-Score-word {
    width: 90px !important;
    display: inline-block;
    font-size: 13px !important;
    font-weight: 900;
    text-align: left;
}
.userAnswerSubject-Comment {
    padding: 15px;
    padding-top: 0px;
    background-color: #FFF0F5;
}
.userAnswerSubject-Comment * {
    vertical-align: top;
}
.userAnswerSubject-Comment .us-com-word {
    font-weight: 900;
}
.userAnswerSubject-Comment .us-com-input {
    display: none;
    border-color: #b2dfee;
    outline: none;
}
.userAnswerSubject-Comment .us-com-txt {
    display: none;
}
.userAnswerSubject-Comment textarea {
    width: 400px;
    height: 100px;
    max-width: 400px;
    max-height: 100px;
}

.mathquill-rendered-math {
    font-size: 13px !important;
}
.question {
    padding-left: 5px;
    padding-right: 5px;
}
.question-Option-qno {
    float: left;
    width: 30px;
    display: block;
}
.question-Option-box {
    width: 98%;
    margin-bottom: 10px;
}
.lb_option {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}
.lb_option input[type="radio"] {
    margin-top: 0;
    vertical-align: middle;
}
.question-Option:after, .question-Option-box:after {
    display:block; 
    content:"clear"; 
    height:0; 
    clear:both; 
    overflow:hidden; 
    visibility:hidden;
}
.question_pre::-ms-input-placeholder {
    text-align: center;
}
.question_pre::-webkit-input-placeholder {
    text-align: center;
}
input.answer_q {
    max-width: 610px !important; 
}
.inputPrint {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: gray;
    outline: none;
    border-bottom-width: 1px;
    line-height: normal;
}
.question_l {
    display: block;
    float: left;
}
.question_r {
    display: block;
    float: left;
    width: 95%;
}
.subject-Score {
    background-color: #FFF0F5;
    clear: both;
}
ul.subject-Score-box {
    list-style: none;
    margin: 0;
    padding: 15px;
}
ul.subject-Score-box:after  {
    display:block; 
    content:"clear"; 
    height:0; 
    clear:both; 
    overflow:hidden; 
    visibility:hidden;
}
ul.subject-Score-box:after {
    
}
ul.subject-Score-box li {
    width: 28%;
    float: left;
    height: 30px;
    font-size: 13px;
    list-style: none;
}
ul.subject-Score-box li .s_all_score {
    font-size: 13px;
}
ul.subject-Score-box li .right_info {
    font-size: 13px;
    color: red;
}
ul.subject-Score-box li .num {
    width: 20px;
    text-align: right;
    display: inline-block;
    padding-right: 3px;
    float: left;
}
.subject-Score-view .con {
    
}
.subject-Score-input {
    text-align: center;
    font-size: 13px;
    height: 13px;
    width: 40px;
}

.btn{
    margin-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    font-family: Microsoft YaHei;
    display: inline-block;
}

.btn.btn_orange {
     background-color: #FF6A6A;
     height: 30px;
     line-height: 30px;
     color: #ffffff;
}

.btn_orange:hover {
     background-color: #FF7F24;
}

.btn_disabled {
    background-color: #EEDFCC !important;
    cursor: not-allowed;
}

/* 音频播放器 */
.subject-AudioFile .btns {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
}
.audioplayer{
    height: 2.5em; /* 40 */
    color: #fff;
    text-shadow: 1px 1px 0 #CD5C5C;
    border: 1px solid #8B8682;
    position: relative;
    z-index: 1;
    background: #CD4F39;
    width: 50%;
    min-width: 200px;
    display: inline-block;
    float: left;
}
.audioplayer-mini{
	width: 2.5em; /* 40 */
	margin: 0 auto;
}
.audioplayer > div{
	position: absolute;

}
.audioplayer-playpause{
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{
	border-right: 1px solid #555;
	border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause{
    width: 100%;
}
.audioplayer-playpause:hover,.audioplayer-playpause:focus{
	background-color: #8B8682;
}
.audioplayer-playpause a{
	display: block;
}
.audioplayer-stopped .audioplayer-playpause a{
	width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-right: none;
	border-left-color: #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.25em; /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a{
	width: 0.75em; /* 12 */
	height: 0.75em; /* 12 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.375em 0 0 -0.375em; /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after{
    width: 40%;
	height: 100%;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 0;
}

.audioplayer-playing .audioplayer-playpause a:before{
	left: 0;
}

.audioplayer-playing .audioplayer-playpause a:after{
    right: 0;
}
.audioplayer-time{
    width: 4.375em; /* 70 */
	height: 100%;
	line-height: 2.375em; /* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
}
.audioplayer-time-current{
    border-left: 1px solid #CD5555;
    border-left-color: rgba( 0, 0, 0, .25 );
	left: 2.5em; /* 40 */

}
.audioplayer-time-duration{
	border-right: 1px solid #555;
	border-right-color: rgba( 255, 255, 255, .1 );
	right: 2.5em; /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration{
    border-right: 0;
    right: 0;

}
.audioplayer-bar{
    height: 0.875em; /* 14 */
	background-color: #8B8682;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 6.875em; /* 110 */
	left: 6.875em; /* 110 */
	margin-top: -0.438em; /* 7 */
}
.audioplayer-novolume .audioplayer-bar{
    right: 4.375em; /* 70 */

}
.audioplayer-bar div{
    width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.audioplayer-bar-loaded{
    background-color: #B2DFEE;
    z-index: 1;

}
.audioplayer-bar-played{
    background: #EE0000;
	z-index: 2;
}

.audioplayer-volume{
	width: 2.5em; /* 40 */
	height: 100%;
	border-left: 1px solid #CD5555;
	border-left-color: rgba( 0, 0, 0, .25 );
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus{
    background-color: #8B8682;
}
.audioplayer-volume-button{
    width: 100%;
    height: 100%;

}
.audioplayer-volume-button a{
	width: 0.313em; /* 5 */
	height: 0.375em; /* 6 */
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after{
	content: '';
	position: absolute;
}
.audioplayer-volume-button a:before{
    width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-left: none;
	border-right-color: #fff;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em; /* 8 */
}

.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{
	/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
	width: 0.313em; /* 5 */
	height: 0.313em; /* 5 */
	border: 0.25em double #fff; /* 4 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	left: 0.563em; /* 9 */
	top: -0.063em; /* 1 */
	-webkit-border-radius: 0 0.938em 0 0; /* 15 */
	-moz-border-radius: 0 0.938em 0 0; /* 15 */
	border-radius: 0 0.938em 0 0; /* 15 */
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
.audioplayer-volume-adjust{
    height: 6.25em; /* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
	background: #CD4F39;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{
    opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust{
    top: auto;
	bottom: 100%;
}
.audioplayer-volume-adjust > div{
    width: 40%;
	height: 80%;
	background-color: #8B8682;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;

}
.audioplayer-volume-adjust div div{
    width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #EE0000;
}

.audioplayer-novolume .audioplayer-volume{
    display: none;
}
.audioplayer{
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
    -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */

}
.audioplayer-volume-adjust{
    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
}
.audioplayer-bar,
.audioplayer-volume-adjust > div
{
    -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played
{
    -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );

}
.audioplayer-playpause,.audioplayer-volume a
{
    -webkit-filter: drop-shadow( 1px 1px 0 #CD5C5C );
	-moz-filter: drop-shadow( 1px 1px 0 #CD5C5C );
	-ms-filter: drop-shadow( 1px 1px 0 #CD5C5C );
	-o-filter: drop-shadow( 1px 1px 0 #CD5C5C );
	filter: drop-shadow( 1px 1px 0 #CD5C5C );
}
.audioplayer,.audioplayer-volume-adjust
{
	background: -webkit-gradient( linear, left top, left bottom, from( #FFAEB9 ), to( #8B8682 ) );
	background: -webkit-linear-gradient( top, #FFAEB9, #8B8682 );
	background: -moz-linear-gradient( top, #FFAEB9, #8B8682 );
	background: -ms-radial-gradient( top, #FFAEB9, #8B8682 );
	background: -o-linear-gradient( top, #FFAEB9, #8B8682 );
	background: linear-gradient( to bottom, #FFAEB9, #8B8682 );

}
.audioplayer-bar-played{
	background: -webkit-gradient( linear, left top, right top, from( #EE0000 ), to( #8B7D7B ) );
	background: -webkit-linear-gradient( left, #EE0000, #8B7D7B );
	background: -moz-linear-gradient( left, #EE0000, #8B7D7B );
	background: -ms-radial-gradient( left, #EE0000, #8B7D7B );
	background: -o-linear-gradient( left, #EE0000, #8B7D7B );
	background: linear-gradient( to right, #EE0000, #8B7D7B );
}
.audioplayer-volume-adjust div div{
	background: -webkit-gradient( linear, left bottom, left top, from( #EE0000 ), to( #8B7D7B ) );
	background: -webkit-linear-gradient( bottom, #EE0000, #8B7D7B );
	background: -moz-linear-gradient( bottom, #EE0000, #8B7D7B );
	background: -ms-radial-gradient( bottom, #EE0000, #8B7D7B );
	background: -o-linear-gradient( bottom, #EE0000, #8B7D7B );
	background: linear-gradient( to top, #EE0000, #8B7D7B );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.audioplayer{
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}
.audioplayer-volume-adjust{
    -webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;

}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

/**************在线录音***************/
ul.record_down {
    list-style: none;
    margin-top: 5px;
}
ul.record_down audio {
     display: block;
}
.record_log {
    color: red !important;
    font-weight: 900;
}
#recorderFlashContainer{
    display:none !important;
}
/************手机适应******************/
@media screen and (max-width: 768px) {
    .lb_option
    {
        width: 100% !important;
    }
    .subject_box
    {
        width: 98% !important;
    }
    .top_tool {
        margin: 0 auto !important;
        width: 98% !important;
    }
    img {
        max-width: 98%;
    }
}