html, body {
    width: 100%;
    min-height: 100vh;
}
body {
    margin: 0;
    padding: 0;
    font: 14px/1.5 Arial, "Segoe UI", "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft Yahei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif,-apple-system, "San Francisco", "Helvetica Neue";
    color: #333;
    -webkit-font-smoothing: antialiased;
    /*background-color: #7c3265;*/
    background-color: #350d27;
    /*background-image: linear-gradient(to right, rgba(124,50,101,1), rgba(53,13,39,1));*/
    font-size: 12.74pt !important;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
}
input, select, textarea {
    background: #fff;
    font-family: inherit;
    resize: none;
}
.main {
    min-width: 980px;
    /**max-width: 1024px;*/
    max-width: 1200px;
    width: 100%;
    height: 100%;
    max-height: 768px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    background: #fff;
    font-family: arial, helvetica, sans-serif !important;
}

.text-icon {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 6px;
    background: url(../images/process-icon.png) no-repeat -1078px -82px;
}
.text-icon-checkbox {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    background-position: -1973px -102px;
}
.text-icon-radio {
    width: 22px;
    height: 16px;
    background-position: -1903px -102px;
}
/**
    工具栏
*/
.tools-bar {
    /**background: #3A3837;*/
    background-color:#eee;
    color: #fff;
    padding: 0 10px 0 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 54px;
}
.tools-bar_logo {
    padding-left: 171px;
    height: 54px;
    background: #ffffff;
    font-size: 16px;
    font-family: Arial-Black;
    line-height: 54px;
    background: url(../images/gre/logo.png) no-repeat left center;
    background-size:100% auto;
}
.tools-bar_process {
    position: relative;
    top: 4px;
}
.tools-bar_process a {
    color: #fff;
    display: inline-block;
    height: 46px;
    border-radius: 4px;
    text-align: center;
    margin-right: 6px;
    background: url(../images/process-icon.png) no-repeat;
    transition:all 0s;
}
.tools-bar_process .exit {
    width: 100px;
    background-position: -25px -361px;
}
.tools-bar_process .quit-save {
    width: 104px;
    background-position: -25px -427px;
}
.tools-bar_process .mark {
    width: 62px;
    background-position: -489px -358px;
}
.tools-bar_process .review {
    width: 84px;
    background-position: -489px -292px;
}
.tools-bar_process .help {
    width: 62px;
    background-position: -489px -94px;
}
.tools-bar_process .back {
    width: 62px;
    background-position: -25px -160px;
}
.tools-bar_process .next {
    width: 62px;
    background-position: -25px -292px;
}
.tools-bar_process .continue {
    width: 84px;
    background-position: -25px -226px;
}
.tools-bar_process .return {
    width: 68px;
    background-position: -25px -94px;
}
.tools-bar_process .quit-test {
    width: 80px;
    background-position: -489px -653px;
}
.tools-bar_process .go-question {
    width: 120px;
    background-position: -25px -629px;
}
.tools-bar_process a:last-child {
    margin-right: 0;
}
.tools-bar_process .exit:hover {
    background-position: -165px -361px;
}
.tools-bar_process .quit-save:hover {
    background-position: -165px -427px;
}
.tools-bar_process .mark:hover {
    background-position: -615px -358px;
}
.tools-bar_process .review:hover {
    background-position: -615px -292px;
}
.tools-bar_process .help:hover {
    background-position: -615px -94px;
}
.tools-bar_process .back:hover {
    background-position: -165px -160px;
}

.tools-bar_process .next:hover {
    background-position: -165px -292px;
}
.tools-bar_process .continue:hover {
    background-position: -165px -226px;
}
.tools-bar_process .return:hover {
    background-position: -165px -94px;
}
.tools-bar_process .mark.mark-ed {
    background-position: -868px -358px;
}
.tools-bar_process .quit-test:hover {
    background-position: -619px -653px;
}
.tools-bar_process .mark.disabled {
    cursor: no-drop;
    background-position: -762px -358px;
}
.tools-bar_process .review.disabled {
    cursor: no-drop;
    background-position: -751px -292px;
}
.tools-bar_process .back.disabled {
    cursor: no-drop;
    background-position: -291px -160px;
}
.tools-bar_process .next.disabled {
    cursor: no-drop;
    background-position: -291px -292px;
}
.tools-bar_process .go-question.disabled {
    cursor: no-drop;
}
.g-info {
    padding:20px 80px;
}
.g-info-top {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}
.g-info-top h2 {
    font-size: 20px;
    margin-bottom:10px;
}
.g-info-top h3{
    font-size: 16px;
}
.g-info-cont p {
    margin-bottom: 10px;
    line-height: 24px;
}
/**
    提示栏
*/
.subject-bar {
    line-height: 24px;
    background: #F0E1E4;
    font-size: 16px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 100%;
    box-sizing:border-box;
    padding: 0 10px;
    position: absolute;
    top: 54px;
    left: 0;
    height: 24px;
}
.subject-bar .tit {
    color: #151515;
    font-weight: bold;
}
.subject-bar .sub-tit {
    color: #333;
}
.subject-bar .total-time {
    font-weight: 700;
    padding-right: 12px;
}
.subject-bar .hide-time {
    cursor: pointer;
}
.subject-bar .hide-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/process-icon.png) no-repeat -1776px -98px;
    vertical-align: sub;
    margin-right: 4px;
}
.subject-bar .hide-icon.show-icon {
    background-position: -1776px -149px;
}
/**
    内容
*/
.main-content {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 3px;
    overflow-y: auto;
    background: #fff;
}
.main-cont-box {
    padding:0px;
    height:100%;
    width:100%;
}
.main-info {
    padding:20px 50px;
    box-sizing:border-box;
}
.main-cont-box .select-intro, .no-info .select-intro {
    font-family: Verdana !important;
    font-size: 10.78pt !important;
}
.main-cont-box .select-intro {
    margin: 10px 12px;
    padding: 4px 20px;
    background: #D3D3D3;
    line-height: 24px;
    text-align: left;
}
.no-info .select-intro {
    margin-bottom: 42px;
    text-align: left;
}
.no-info .sub-text {
    line-height: 24px;
    margin-bottom: 80px;
    text-align: left;
}
    /* 单选 */
.no-info .opt-area {
    text-align: center;
}
.no-info .opt-area .opt-list {
    width: 249px;
    margin: 0 auto;
    vertical-align: top;
}
.no-info .opt-list dt {
    margin-bottom: 20px;
}
.opt-list dd {
    position: relative;
}
.opt-list dd:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 9px;
    background: url(../images/process-icon.png) no-repeat;
}
.opt-list .tk-check-answer {
    background: #000;
    color: #fff;
    position: relative;
}
.no-info .opt-list dd {
    padding: 0 2px;
    min-height: 32px;
    cursor: pointer;
    line-height: 32px;
    border: 1px solid #000;
    border-bottom: 0;
}
.no-info .opt-list dd:last-child {
    border-bottom: 1px solid #000;
}

.process-bot-tips {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.process-bot-tips .opt-info {
    padding: 4px 36px;
    display: inline-block;
    background: #D3D3D3;
    font-family: Verdana !important;
    font-size: 10.78pt !important;
}
.no-info .select-more .opt-list {
    display: inline-block;
    margin-right: 25px;
}
.y-info {
    width:100%;
    overflow:hidden;
    height:100%;
}
.main-cont-box .left-area, .main-cont-box .right-area {
    width: 49.5%;
    height: 100%;
    position: relative;
    top: 3px;
    overflow-y: auto;
    margin-left: 3px;
}
.main-cont-box .left-text {
    line-height: 24px;
    padding: 27px;
}
.main-cont-box .left-text img {
    max-width:none;
}
.y-info .left-area .left-main, .y-info .right-area .right-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 5px;
    overflow-y: auto;
    border: 1px solid #333;
}
.subject-main {
    position: absolute;
    overflow: auto;
    bottom: 30px;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 50px;
    text-align: center;
}
.main-cont-box .select-opt {
    line-height: 24px;
    padding: 24px;
    text-align: left;
}
.select-opt .tit-text {
    line-height: 24px;
    margin-bottom: 20px;
}
.s-options-list li {
    margin-bottom: 20px;
    position: relative;
}
.s-options-list li:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/process-icon.png) no-repeat;
}
.right-area .s-options-list li:after {
    position: absolute;
    right: 0;
    top: 6px;
}
i.inputRadio {
    width: 20px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/process-icon.png) -1903px -102px no-repeat;
    overflow: hidden;
}
.s-options-list input[type=checkbox], .s-options-list input[type=radio], .show-answer input[type=radio] {
    display: none;
}
.s-options-list li label {
    display: inline-block;
}
i.inputCheckbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/process-icon.png) -1973px -102px no-repeat;
    overflow: hidden;
}
i.inputRadio.active {
    background-position: -1903px -149px;
}
i.inputCheckbox.active {
    background-position: -1973px -145px;
}
.select-opt .opt-text {
    max-width: 386px;
    line-height: 24px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}
.no-info .subject-main {
    position: absolute;
    overflow: auto;
    bottom: 30px;
    top: 10px;
    padding: 0 50px;
    width: calc(100% - 100px);
}

.no-info .s-options-list {
    display: inline-block;
    text-align: left;
}
.main-cont-box .left-text span.sur {
    cursor:pointer
}
.main-cont-box .left-text .select-sentence, .main-cont-box .left-text span.sur:hover {
    background: #000;
    color: #fff;
}
.main-cont-box .math-text, .main-cont-box .sentence-text {
    line-height: 24px;
    margin-bottom: 20px;
    padding: 10px 20px 0;
}
.main-cont-box .sentence-text {
    text-align: left;
}

/**
    数学题
*/
.main-cont-box .math-answer-area {
    text-align: center;
}
.main-cont-box .math-input {
    width: 119px;
    height: 28px;
    border: 1px solid #4072AF;
    text-align: right;
    padding-right: 5px;
    margin: 0 8px;
    box-shadow: 0 0 0 2px rgba(0,0,0,.6);
}
.math-fs .math-input {
    width: 60px;
    height: 24px;
    display: block;
    margin: 20px auto 0;
}
.left-text.awa-text {
    padding: 0;
}
.awa-text .top-sub-text {
    padding: 24px;
    border-bottom: 1px solid #333;
}
.awa-text .bot-sub-text {
    padding: 24px;
}
.edit-bar {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #333;
    background: #d3d3d3;
}
.edit-bar li {
    width: 50px;
    height: 28px;
    float: left;
    margin-top: 4px;
    margin-left: 8px;
    background: url(../images/process-icon.png) no-repeat;
}
.edit-bar .w-cut {
    width: 36px;
    background-position: -2251px -93px;
}

.edit-bar .w-paste {
    background-position: -2251px -133px;
}
.edit-bar .w-paste.disable {
    cursor: no-drop;
    background-position: -2501px -133px;
}
.edit-bar .w-undo {
    background-position: -2251px -174px;
}
.edit-bar .w-undo.disable {
    cursor: no-drop;
    background-position: -2501px -174px;
}
.edit-bar .w-redo {
    background-position: -2251px -214px;
}
.edit-bar .w-redo.disable {
    cursor: no-drop;
    background-position: -2501px -214px;
}
.awa-textarea .writing-editor {
    position: absolute;
    border: none;
    padding: 30px 24px 10px;
    width: calc(100% - 48px);
    top: 36px;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 24px;
    height: calc(100% - 76px);
    border: 0;
    outline: none;
}
.intro-list li {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.fwb li {
    font-weight: 700;
}
.intro-list li::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
}

/**review*/
.list-table {
    float: left;
    margin-right: 20px;
    width: calc( 50% - 20px );
    text-align: center;
    border: 2px solid #333;
}
.list-table tr {
    border-bottom: 1px solid #333;
}
.list-table .line-title {
    background: #fef2e3;
}
.list-table th {
    font-weight: 700;
    padding: 8px 0;
    border-right: 1px solid #333;
}
.list-table tr td {
    border-left: 1px solid #333;
}
.list-table tr td:first-child {
    font-weight: 700;
    border-left: 0;
}
.list-table .see {
    background: #fff;
    cursor: pointer;
}
.list-table .marked {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/process-icon.png) no-repeat -1837px -99px;
}
.list-table .no-see {
    background: #999;
    cursor: no-drop;
}
.list-table td {
    padding: 8px 0;
}
.list-table .see:hover,.list-table .seeclick {
    background: #D1E4EF;
}