body, input, textarea, select {
    font-size: 14px;
    font-family: "微软雅黑";
}
body, h1, h2, h3, h4, p, ul, ol, dl, dd, div {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    padding-left: 0;
    list-style-type: none;
}
input, textarea, select {
    outline: none;
    vertical-align: bottom;
}
img {
    border: none;
}
a {
    outline: none;
    text-decoration: none;
    color: #434a5d;
}
label {
    cursor: pointer; /*display:inline-block;*/
}
* html {
    background-image: url(about:blank);
    background-attachment: fixed;
}
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+ */
}
table {
    border-spacing: 0;
}

/*.wjtable tr:nth-child(odd) {
    background-color:#f7f7f7;
}*/
textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 23px;
    border: 1px solid #77A5B4;
}
body, input, button, select, textarea, th, td {
    color: #666666;
    font-size: 14px;
    line-height: 1.4;
}
body {
    background: #EFEFEF;
    word-break: break-all;
    word-wrap: break-word;
}
input::-ms-clear {
    display: none;
}

/*body{
  scrollbar-face-color:efefef; 
  scrollbar-track-color:efefef; 
  scrollbar-arrow-color:4c4c4c; 
  scrollbar-shadow-color:efefef; 
  scrollbar-dark-shadow-color:efefef; 
  scrollbar-3dlight-color:efefef; 
  scrollbar-highlight-color:efefef;
}*/
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.tc {
    text-align: center;
}
h4 {
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    text-rendering: optimizelegibility;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #aaa;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #aaa;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #aaa;
}
input:disabled,textarea:disabled{
    background-color: #e0e0e0;
}

input[disabled],textarea[disabled]{
    background-color: #e0e0e0;
}
.icheckbox_minimal, .icheckbox_minimal-red, .icheckbox_minimal-green, .icheckbox_minimal-blue, .icheckbox_minimal-aero, .icheckbox_minimal-grey, .icheckbox_minimal-orange, .icheckbox_minimal-yellow, .icheckbox_minimal-pink, .icheckbox_minimal-purple, .iradio_minimal, .iradio_minimal-red, .iradio_minimal-green, .iradio_minimal-blue, .iradio_minimal-aero, .iradio_minimal-grey, .iradio_minimal-orange, .iradio_minimal-yellow, .iradio_minimal-pink, .iradio_minimal-purple {
    position: absolute;
    top: 1px;
    left: 0;
}
.icheckbox_div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 2px #f1f1f1;*/
    border: 1px #f1f1f1 solid;
    padding: 4px 5px 4px 0;
    position: relative;
    line-height: 30px;
}
.icheckbox_div:hover {
    border: 1px #ccc solid;
}
.icheckbox_div_dis:hover {
    border: 1px #f1f1f1 solid;
}
.s_group_box .icheckbox_div:first-child {
    margin-top: 0;
}
.dis_click {
    opacity: 0.8;
    background-color: #fefefe;
    cursor: default;
}
.dis_click:hover{
    border: 1px #f1f1f1 solid;
}
.icheckbox_div .blank{
    margin-left: 5px;
    margin-right: 5px;
}
.open_validate_5 .blank {
    margin-bottom: 5px;
}
.icheckbox_div a {
    display: inline-block;
}
.icheckbox_div label.option_label {
    line-height: 28px;
    padding: 0px 5px 0 29px;
    display: block;
    vertical-align: top;
}

/*.cols_col .option_label, .S_grouping_cols .s_group label{ width:80%; }*/
.table_icheckbox_div {
    width: 18px;
    height: 18px;
    margin: 0 auto;
}
.mLeft10 {
    margin-left: 10px;
}

/*********public**************/
.pleft {
    padding-left: 20px;
}
.mtop {
    margin-top: 10px;
}
.maxtop {
    margin-top: 15px;
}
.mRight {
    margin-right: 10px !important;
}

/**********wjcontent***********/
.wjContent {
    min-width: 960px;
    min-height: 200px;
    border: 0px #dbdbdb solid;
    word-break: normal;
    width: 1100px;
    margin: 0px auto;
    padding: 30px 0 0 0;
    position: relative;
}
.wjContent .content {
    position: relative;
    background: #fff;
    min-height: 400px;
    box-shadow: 0px 10px 10px RGB(83,164,244,0.1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-bottom: 75px;
}
.wjtitle h3 {
    text-align: left;
    color: #484848;
    font-size: 32px;
    line-height: 32px;
}
.wjtitle h1 {
    color: #4C4C4C;
    font-size: 18px;
    text-align: center;
}
.Dhead {
    position: relative;
    width: 100%;/*    min-height: 80px;
        _height:80px;*/
    overflow: visible;
}
.marpad {
    padding-top: 10px;
    margin-bottom: 10px;
}
.Dfooter {
    position: relative;
    width: 100%;
    min-height: 40px;
    _height: 40px;
    overflow: visible;
    margin-top: 25px;
    margin-bottom: 0px;
}
.Dhead_l {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px;
    z-index: 890;
}
.Dhead_l img {
    float: left;
}
.Dhead_c {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 880;
    width: 100%;
    text-align: center;
}
.Dhead_c img {
    vertical-align: bottom;
}
.Dhead_r {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0px;
    z-index: 980;
}
.Dhead_r img {
    float: right;
}
.Dfooter .Dhead_l, .Dfooter .Dhead_c, .Dfooter .Dhead_r {
    top: 0px;
}
.deauflt_logo img {
    height: 25px;
}
.wjintro, .wjintro p {
    font-size: 16px;    /*line-height: 23px;*/
}
.wjintro {
    margin-top: 30px;
    word-break: normal;
}
.survey_content {
    margin: 0px 25px 15px 25px;
    min-height: 200px;
    overflow: hidden;
}
.remark_label {
    font-size: 14px;
    margin-top: 10px;
}
.remark_label_option {
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}
.acted .remark_label_option {
    display: block;
}
.remark_label_btns {
    display: none;
    vertical-align: middle;
}
.remark_label:hover .remark_label_btns {
    display: inline-block;
}
.question_feedback_btns {
    position: absolute;
    left: 50%;
    bottom: 25.5px;
}
.remark_label_btn, .question_feedback_btn {
    display: inline-block;
    color: #53a4f4;
    width: 30px;
    height: 30px;
    background-image: url("../../../../images/remark/copy1.png");
    background-size: contain;
    cursor: pointer;
}
.remark_label_copy {
    width: 20px;
    height: 20px;
    background-image: url("../../../../images/remark/copy1.png");
}
.question_feedback_like {
    background-image: url("../../../../images/remark/like1.png");
    margin-right: 20px;
}
.question_feedback_dislike {
    transform: scaleY(-1);
    background-image: url("../../../../images/remark/like1.png");
}
.question_feedback_like.active {
    background-image: url("../../../../images/remark/like2.png");
}
.question_feedback_dislike.active {
    background-image: url("../../../../images/remark/like2.png");
}
.remark_label_copy:hover,
.question_feedback_like:hover,
.question_feedback_dislike:hover {
    opacity: 0.6;
}
.wjerror p {
    color: red;
    text-align: center;
}
#end_div {
    display: none;
    margin-top: 100px;
}
.error_page {
    text-align: center;
    margin: 100px 0;
    min-height: 200px;
    line-height: 200px
}

/*分割线样式*/
.wjhr {
    width: 100%;
    height: 3px;
    font-size: 0;
    background-color: #bebebe;
    display: none;
}
.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
    white-space: nowrap;
}

/********题目样式*********/
.odd_color {
    background-color: #fafafa;
}
.even_color {
    background-color: #fff;
}
.right_label {
    font-size: 16px;
    background-color: #fafafa;
}
.wjtable tr:first-child, .wjtable tr.head_row, .wjtable .option_label, .right_label, .option_last {
    background-color: #fafafa;
}
.wjtable tr td.row_group_name_td {
    background-color: #fafafa;
}
.wjtable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
.wjtable tr.head_row .td {
    padding: 2px 5px;
}
.wjtable tr td {
    border: 1px #dbdbdb solid;
    padding: 5px 5px;
    word-break: break-all;
}
.wjtable tr td.lockrow {
    background-clip: border-box;
    position: relative;
    z-index: 11;
}
.wjtable tr td.lockcol {
    background-clip: border-box;
    position: relative;
    z-index: 12;
}
.wj_head_box {
    height: 100%;
    height: inherit;
}
.wjtable tr td.lockcross, .wjtable tr td.last_td {
    background-clip: border-box;
    z-index: 13;
}
.tdLine {
    position: absolute;
    background: #dbdbdb;
    z-index: 12;
}
.lineLeft,.lineRight {
    height: 1000px;
    width: 1px;
    top: 0;
}
.lineTop,.lineBottom {
    width: 100%;
    height: 1px;
    left:0;
}
.lineTop {
    top:-1px;
}
.lineRight {
    right: -1px;
}
.lineBottom {
    bottom:-1px;
}
.lockcol .lineLeft, .lockcol .lineRight {
    z-index: 13;
}
.lineLeft, .lockcross .lineLeft {
    left:-1px;
    z-index: 12;
}
.lockcross .lineTop, .lockcross .lineLeft, .last_td .lineTop, .last_td .lineRight {
    background: #fff;
}

.first_td {
    background-color: #fff !important;
    border-left: 1px #fff solid !important;
    border-top: 1px #fff solid !important;
}
.last_td {
    background-color: #fff !important;
    border-right: 1px #fff solid !important;
    border-top: 1px #fff solid !important;
}

/*.wjtable tr td:first-child {white-space: nowrap;}*/
.wjtable tr td input {
    margin-bottom: 4px;
    margin-top: 5px;
}

/*.wjtable  textarea{ margin:5px 5px 0px 5px!important;}*/
.icheckbox_div .blank {
}
.caption {
    width: 500px;
    height: 100px;
    border: 1px #dbdbdb solid;
    resize: none;
}
.title {
    font-size: 16px;
    padding-bottom: 8px;
}
.title .qcid {
    display: none;
    float: left;
    margin-right: 10px;
}
.title p {
    line-height: 27px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.q_desc_text {
    font-size: 12px;
    color: #909299;
}

.titleShow {
    display: inline !important;
}
.tip {
    padding-left: 8px;
    padding-top: 10px;
}
.tip_table tr td {
    font-size: 12px;
    color: #003399;
}
.tips tr td {
    padding: 0 5px;
}
.tips tr td:first-child {
    padding-left: 0 !important;
}
.tips tr td:last-child {
    padding-right: 0 !important;
}
.score_table .data_row>td {
    padding: 0 3px 10px 0px;
}
.QScoreCursor .score_table .data_row>td {
    padding: 25px 3px 5px 0px;
}
.div_float {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    min-width: 26px;
    line-height: 30px;
    margin: 0 auto;
    color: #aaaaaa;
    background-color: #fff;
}
.s_color_new .div_float {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.matrix td {
    box-sizing: border-box;
}
.back_n, .div_float_box .back_n {
    color: #fff;
    background: none;
}
.QMatrixScore .back_n, .QMatrixScore .div_float_box .back_n {
    color: #fff;
    background: #fff;
}
.s_color_new .div_float_box {
    padding: 0 5px;
}
.td_score {
    font-size: 12px;
}
.score_box {
    width: 550px;
    height: 45px;
    border: solid 1px #f1f1f1;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 5px 10px;
    /*box-shadow: 0 0px 5px #e8eaf0;*/
}
.score_box_wrap {
    border: solid 1px #f1f1f1;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 5px 10px;
}
.score_box_wrap .score_box {
    border: solid 0px #f1f1f1;
    overflow: hidden;
    border-radius: 0px;
    -webkit-border-radius: 0;
    margin: 0px 0px;
}
.div_float_box .exc {
    white-space: nowrap;
}
.odd_color .Star tr, .odd_color .Star tr td, .odd_color .Star tr td .div_float {
    background-color: #fafafa !important;
    border: 0px !important;
}
.Star {
    background-image: none;
    background-repeat: no-repeat;
}
.wjtable .Star {
    width: auto;
}
.QMatrixScore .Star {
    width: auto;
}
.Star .div_float_box {
    text-align: center;
    border: 0;
    padding: 0;
    line-height: 16px;
}
.Star .div_float{
    display:inline-block;
    padding: 0px 0 0 0;
    position: relative;
}
.Star .div_float .iconfont{
    font-size: 32px;
    text-stroke: 1px #ddd;
    -webkit-text-stroke: 1px #ddd;
    text-fill-color: #fff;
    -webkit-text-fill-color: #fff;
    position: relative;
    z-index: 2;
    top: 0px;
    color: #999\9;
    color: #999\0;
}
.Star .div_float .iconfont:before{
    content: "\e6a4";
}
.Star .back_n:after {
    background-color: #ededed;
    content: "\e6a5";
    position: absolute;
    width: 100%;
    height: 100%;
    top:1px;
    left: 0;
    z-index: 1;
    font-size: 32px;
    line-height: 32px;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 0px #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: transparent\9;
    background: transparent\0;
}
.Star .back_n .iconfont{
    -webkit-text-stroke: 0px #fff;
    background: -webkit-linear-gradient(left, #A8D4FF , #6BB6FF); 
    background: -moz-linear-gradient(left, #A8D4FF , #6BB6FF); 
    background: -ms-linear-gradient(left, #A8D4FF , #6BB6FF); 
    background: -o-linear-gradient(left, #A8D4FF , #6BB6FF); 
    background: linear-gradient(left, #A8D4FF , #6BB6FF); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #A8D4FF, endColorstr = #6BB6FF);  
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background:none\9;
    background:none\0;
    color: #6bb6ff\9;
    color: #6bb6ff\0;
}
.Star .exc .iconfont{
    -webkit-text-fill-color: #ddd;
    color: #ddd\9;
    color: #ddd\0;
}
.Star .exc .iconfont:before, .Star .back_n .iconfont:before{
    content: "\e6a5";
}
.Star .score_s {
    font-size: 12px;
    color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left: 0;
    line-height: 32px;
    z-index: 3;
    line-height: 28px\0;
}
.Star .back_n .score_s {
    color:#fff;
}
.Star .exc_n .iconfont{
    -webkit-text-stroke: 1px #7b7b7b;
    -webkit-text-fill-color: #7b7b7b;
    color: #7b7b7b\9;
    color: #7b7b7b\0;
}

/*smile+like*/
.QScoreStarSp .table_score_wrap {
  margin: 3px 0px 0px;
}
.QScoreStarSp .table_shadow {
  border: solid 1px #f1f1f1;
}
.QScoreStarSp .score_box {
  border: solid 0px #f1f1f1;
}
.star_icon_box::after{
  content: "" !important;
}
.star_icon_box {
  margin: 10px 0 0;
}
.star_icon_box .score_s{
  display: none !important;
}
.QScoreStarSp .div_float {
  padding-bottom: 0;
}
.QScoreStarSp .tips {
  margin: 15px 10px 0 !important;
}
.star_icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.star_icon_smile1 {
  background: url(/static/images/oppie/stars/biaoqing1-2.png) center no-repeat;
  background-size: contain;
}
.star_icon_smile2 {
  background: url(/static/images/oppie/stars/biaoqing2-2.png) center no-repeat;
  background-size: contain;
}
.star_icon_smile3 {
  background: url(/static/images/oppie/stars/biaoqing3-2.png) center no-repeat;
  background-size: contain;
}
.star_icon_smile4 {
  background: url(/static/images/oppie/stars/biaoqing4-2.png) center no-repeat;
  background-size: contain;
}
.star_icon_smile5 {
  background: url(/static/images/oppie/stars/biaoqing5-2.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_smile1 {
  background: url(/static/images/oppie/stars/biaoqing1-1.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_smile2 {
  background: url(/static/images/oppie/stars/biaoqing2-1.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_smile3 {
  background: url(/static/images/oppie/stars/biaoqing3-1.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_smile4 {
  background: url(/static/images/oppie/stars/biaoqing4-1.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_smile5 {
  background: url(/static/images/oppie/stars/biaoqing5-1.png) center no-repeat;
  background-size: contain;
}
.star_icon_like1,
.star_icon_like2 {
  background: url(/static/images/oppie/stars/bq1-2.png) center no-repeat;
  background-size: contain;
}
.star_icon_like3,
.star_icon_like4,
.star_icon_like5 {
  background: url(/static/images/oppie/stars/bq2-2.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_like1,
.back_n .star_icon_like2 {
  background: url(/static/images/oppie/stars/bq1-1.png) center no-repeat;
  background-size: contain;
}
.back_n .star_icon_like3,
.back_n .star_icon_like4,
.back_n .star_icon_like5 {
  background: url(/static/images/oppie/stars/bq2-1.png) center no-repeat;
  background-size: contain;
}
.star_score_xings {
  display: flex;
  text-align: center;
  margin: 10px auto 0;
  width: 50px;
  height: 9px;
  justify-content:center;
}
.star_xings_small {
  width: 9px;
  height: 9px;
  background: url(/static/images/oppie/stars/xing1.png) center no-repeat;
  background-size: contain;
}
.QScoreStarSp .score_table {
    width: auto;
}

.QScoreStarSp .score_table .data_row>td {
    padding: 0 0 10px;
}

.QScoreStarSp .data_row>td>.option_label {
    padding: 6px 12px;
    background: #f1f1f1;
    border-radius: 4px 4px 0 0;
}

.QScoreStarSp .data_row>td>table {
    border-radius: 0 0 4px 4px;
    margin: 0;
}

.QScoreStarSp .table_score_wrap {
    margin: 0;
}

.QScoreStarSp .option_label .option_open {
    margin-left: 4px;
}
/*smile+like*/

.QMatrixScore .Star .div_float .iconfont, .QMatrixScore .Star .back_n:after {
    font-size: 24px;
    line-height: 24px;
}
.QMatrixScore .Star .score_s {
    line-height: 25px;
}
.right_text {
    white-space: nowrap;
}
.w_text {
    color: white;
}
.Star_score {
    border: solid 0px gray;
    overflow: hidden;
    font-size: 12px;
    margin-right: 6px;
}
.tips .option_label {
    font-size: 14px;
}
.matrix {
    overflow-x: auto;
    overflow-y: hidden;/*    height:300px;*/
}
#begin_div {
    margin: 40px 0 0 0;
}
.wjques {
    /*border-top:1px #aaa dashed;*/
    padding-top: 20px;
}
.qpage>.wjques:first-child {
    border:0;
}
/****Sortable******/
.Sorting {
    float: left;
}
.Sorting ul li {
    float: left;
    display: inline;
}
.Sorting_r li {
    float: left;
    margin-bottom: 7px;
    margin-top: 8px;
    padding: 1px 0;
}
.pxul {
    margin: 15px 0 10px;
}
.pxla {
    display: inline-block;
    word-break: break-all;
}
.order_con {
    min-width: 200px;
    width: 96%;
    margin:0 auto;
    color: #616161;
    text-align: center;
    border:1px #f1f1f1 solid;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 0px;
}
.order_con .img_resize {
    margin: 0;
    vertical-align: middle;
    height: auto;
    width: 100%;
}
.pxul ul li img, .sort-right table td img {
    max-width: 100%;
    max-height: 100%;
}
.order_score {
    margin: 10px 10% 0;
    color: red;
    text-align: center;
    font-size: 16px;
}
.order_score .order_textarea {
    line-height: 18px;
    padding: 5px;
    text-align: center;
    background: #fefefe;
    border: 2px solid #eee;
    height: 18px;
    min-width: 18px;
}

.full_text ul li {
    width: 55%;
    position: relative;
}
.full_text .order_con {
    width: auto;
    margin: 0 50px 0 0;
}
.full_text .order_score {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.full_text .order_score .order_textarea {
    position: relative;
    top: 50%;
    margin-top: -16px;
}
.max_row_num ul li {
    width: auto;
    position: relative;
}
.max_row_num .order_con {
    min-width: auto;
}
.order_dis {
    opacity: 0.8;
    cursor: default;
    background: #eee;
}
.order_style,.order_con:hover{
    border:1px #ccc solid;
}
.order_dis:hover{
    border: 1px #f1f1f1 solid;
}
.order_style{
    border: 1px #f1f1f1 solid;
}
.order_score .order_select {
    border: 2px solid #418ecf;
    color: #418ecf;
    border-radius: 4px;
}
.remove_order {
    cursor: pointer;
    margin-top: 10px;
    line-height: 22px;
}
.remove_order i {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: bottom;
    margin:0 0 0 3px;
    background: url(/static/images/clearAnswerPc.png) 0 0 no-repeat;
}
.Sortable .order_score{
    display: none;
}
.Sortable:hover{
  background: #e5f1ff;
  color: #666666;
}
.Sortable:hover ul li{

  background: #e5f1ff;
  color: #666666;
}
.Sortable ul li {
    border: 1px #ccc solid;
    border-radius: 4px;
    padding: 10px 5px;
    margin-bottom: 10px;
}
.Sortable .order_con {
    border:0px #ccc solid;
    height: auto;
    width: 80%;
    text-align: left;
}
.Sortable .order_con:hover{
}
.Sortable .fL{
    padding-top: 0;
    margin-top: 0;
}
.Sortable .u-sortable li{
}
.Sortable .order_num {
    margin-right: 5px;
}
.Sortable .order_num select:focus {
    border: 1px #52a3f4 solid;
    border-radius: 4px;
}
/****Sortable******/

.matrix_sel {
    min-width: 150px;
    padding: 3px;
    line-height: 24px;
    border: 1px solid #77A5B4;
}
.sort-left, .sort-right {
    float: left;
    width: 320px;
    position: relative;
}
.unstyled li {
    padding: 9px 0 8px 0;
    overflow: hidden;
}
.table2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table2 td, .table2 th {
    padding: 8px;
    border: 1px solid #dbdbdb;
}
.table2 th {
    background: #efefef;
}
.table-noborder td {
    padding: 8px;
}
.table-noborder input {
    margin-bottom: 0;
}
.w28 {
    width: 28px;
    color: #1c6b85;
}

/********题目样式*********/

/*-------------按钮----------------------*/
.wj_color {
    margin-top: 4px;
    color: #F7F7F7;
    background: #bcbcbc;/*按钮样式*/
}
.wj_color:hover {
    background: #bebebe;/*按钮悬浮样式*/
}
.wj_color:active {
    color: #f7f7f7;/*按钮点击样式*/
}
.btns {
    *height: 80px;
    _height: 80px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
}
.btns_box {
    padding: 20px 0px 20px 0px;
    margin: 0 30px;
}
.box_line {
    border-top: 1px #eee solid;
}
.wjprogress {
    text-align: center;
    float: left;
}
.wjprogress .bar {
    height: 5px;
    border: 0px #55a1e3 solid;
    text-align: left;
    font-size: 0;
    background-color: #eee;
    width: 188px;
    float: left;
    margin: 7px 12px 0 0;
}
.wjprogress .barbox {
    height: 5px;
}
.wjprogress span {
    color: #aaa !important;
}

/*******foot********/
.wj_footer {
    margin-top: 25px;
}
.instructions {
    float: left;
    width: 100%;
    color: #999999;
    margin: 0;
}
.instructions div {
    float: left;
}
.wjtext {
    margin-top: 5px;
    bottom: 5px;
    font-size: 12px;
    color: #888;
}
.wjtext a {
    color: #888;
    margin: 0 2px;
    display: inline-block;
    *display: inline;
}
.wjimg {
    position: absolute;
    top: 0;
    left: 0;
}
.wjlogo {
    margin: 0 auto;
    background: url(../../../../images/bn_logo.png) no-repeat;
    width: 158px;
    height: 20px;
}
.red {
    font-size: 14px;
    color: red;
}
.err {
    color: red;
    line-height: 25px;
    margin-left: 10px;
}

.error_fix{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width:100%;
    background-color: #FFEBEB;
    color: #FF4C2F;
    z-index: 9999;
    padding: 10px 0 11px;
}
.matrix_score {
    cursor: pointer;
}

/*******遮罩*********/
.popupCover, .popupComponent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.popupComponent {
    z-index: 1010;
    display: block;
    position: fixed;
    _position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    overflow: hidden;
}

/**IE6兼容height:100%**/
html, body {
    height: 100%;
}
.popupComponent {
    min-height: 100%;
    min-width: 100%;
}
* html .popupComponent {
    height: 100%;
    width: 100%;
}
.popupCover {
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
}

/*.jsbox{
margin: 0;
padding: 0;
border-collapse: collapse;
position: absolute;
z-index:1300;
display:none;
border-radius:5px;
}

.jsboxContent{
border-radius:5px;
float:left;
background:#FFFFFF;
position: relative;
overflow-y:hidden;
overflow-x:hidden;
}*/
.loadings {
    color: #fff;
    background: url(../../../../images/loading.gif) center 25px no-repeat;
    top: 25%;
    left: 50%;
    display: block;
    position: absolute;
    z-index: 1012;
    margin-top: 48.5px;
    margin-left: -50px;
    width: 110px;
    text-align: center;
    padding-top: 66px;
    padding-bottom: 15px;
}
.loadingBg {
    background-color: #000;
    top: 25%;
    left: 50%;
    display: block;
    position: absolute;
    z-index: 1011;
    margin-top: 48.5px;
    margin-left: -50px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: absolute;
    width: 110px;
    height: 110px;
}
.dis_none, #next_load {
    display: none !important;
}
.load_msg {
    background: url(../../../../images/loading.gif) 0 0 no-repeat;
    height: 32px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding-left: 40px;
    line-height: 32px;
    float: left;
}
.load_msg_up {
    background: url(../../../../images/loading.gif) 5px 5px no-repeat;
    height: 32px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 10px 10px 10px 40px !important;
    line-height: 32px;
}

/*******遮罩*********/
.fL {
    float: left;
    margin: 8px 0 0 8px;
}
.ui-sortable-placeholder {
}

/*.pxlist tr td:hover{
background:#FDF9CD;
}   */
.jda {
    background: #FDF9CD;
}
.pwd_win span {
    line-height: 36px;
    display: block;
}
.pwd_win .pwd_title {
    font-size: 24px;
}
.pwd_win .pwd {
    border: 1px solid #77A5B4;
    height: 36px;
    line-height: 36px;
    padding: 2px;
    font-size: 18px;
    width: 350px;
    margin: 20px 0;
}

/*-------------按钮----------------------*/
.btns .WJButton {
    font-weight: normal;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    min-width: 100px;
    min-height: 40px;
}
.ieHack {
    _height: 27px !important;
}

/* gray */
.wj_gray {
    color: #a9a9a9 !important;
    background: #fff !important;
    border: 1px #e5e5e5 solid !important;
}
.wj_gray:hover {
    color: #a9a9a9 !important;
    background: #f5f5f5 !important;
    border: 1px #e5e5e5 solid !important;
}
.wj_gray:active {
    color: #999 !important;
}

/* dark */
.wj_dark {
    color: #fff;
    background: #4c8efa;
    border: 1px #4c8efa solid;
}
.wj_dark:hover {
    color: #fff;
    background: #4c8efa;
    border: 1px #4c8efa solid;
}
.wj_dark:active {
    color: #999;
}

/* orange */
.wj_orange {
    color: #fef4e9;
    background: #f78d1d;
}
.wj_orange:hover {
    background: #f47c20;
}
.wj_orange:active {
    color: #fcd3a5;
}

/* blue */
.wj_blue {
    color: #F7F7F7;
    background: #0095cd;
}
.wj_blue:hover {
    background: #007ead;
}
.wj_blue:active {
    color: #80bed6;
}

/* white */
.wj_white {
    color: #4c4c4c;
    background: #fff;
    border: 1px #dbdbdb solid;
}
.wj_white:hover {
    color: #4c4c4c;
    background: #efefef;
}
.wj_white:active {
    color: #858585;
}

/* gray */
.wj_gray {
    color: #45809e;
    background: #ebebeb;
}
.wj_gray:hover {
    color: #fff;
    background: #0095cd;
}
.wj_gray:active {
    color: #858585;
}
.icheckbox_div input {
    margin-left: 10px;
}
.icheckbox_div input[type="text"] {
    vertical-align: middle !important;
}
.clear:after, .matrix:after, .icheckbox_div:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .preview_model {
    zoom: 1;
}
*:first-child + html .preview_model {
    zoom: 1;
}
.preview_model_box {
    width: 100%;
    background-color: #535353;
    height: 40px;
    line-height: 40px;
}
.preview_model {
    width: 1100px;
    margin: 0 auto;
    color: #aaa;
    position: relative;
}
.preview_model .pre_l {
    float: left;
}
.preview_model .pre_r {
    float: right; /*margin-right:50px;*/
}
.preview_model .pre_r div {
    float: left;
    vertical-align: middle;
}
.preview_model .pre_r i {
    float: left;
    width: 13px;
    height: 13px;    /*background-image:url(../../../../images/arrow_updowno.png);*/
    background-repeat: no-repeat;
    margin: 3px 0 0 5px;
}
.preview_model .mobile_Code {
    cursor: pointer;
    color: #aaa;
}
.preview_model .mobile_Code img {
    display: none;
}
.preview_model .show_ewm {
    background-position: 0 -35px;
}
.preview_model .hide_ewm {
    background-position: 0 0;
}
.preview_model .preview_close {
    width: 13px;
    height: 13px;
    background-image: url(../../../../images/arrow_updowno.png);
    background-repeat: no-repeat;
    background-position: 0 -18px;
    float: right;
    margin-top: 12px;
}
.preview_model .qrCode {
    position: absolute;
    top: 40px;
    right: -28px;
    padding: 10px;
    background: #fff;
    border: 1px solid #DBDBDB;
    z-index: 9999;
}
.preview_model .qrCode p {
    padding: 0px 0 0 0px;
    line-height: 20px;
}
.cols_li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    line-height: 28px;
    margin-right: 50px;
}

/*.cols_li label{display:inline!important;}*/
.cols_li input[type="text"] {
    width: 50%;
}
.cols_li label {
    vertical-align: middle !important;
}

/*.cols_li span{vertical-align:middle !important;}*/
.cols_li a {
    vertical-align: middle !important;
}
.cols_li input {
    vertical-align: middle !important;
}
.cols_col {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    min-height: 30px;
}
.cols_col input[type="text"] {
    width: 50%;
}

/*.cols_col label{vertical-align:middle !important;}*/
.cols_col span.option_open {
    vertical-align: middle !important;
    display: inline-block;
    margin: 3px;
}
.cols_col a {
}
.cols_col input {
    vertical-align: middle !important;
}
.red_bg, .red_bg .blank, .invalid {
    background-color: #FFEBEB !important;
}
.red_bg .div_float_box, .red_bg .Star tr td .div_float {
    background-color: #FFEBEB !important;
}
.red_bg .div_float_box .div_float {
    background-color: #FFEBEB !important;
}
.red_bg .score_box {
    box-shadow: 0 0 0 #fff;
}
.S_grouping {
    /* float:left;*/ width: 100%;
    overflow: hidden;
    text-align: left;
    margin-bottom: 5px;
}
.S_grouping h2 {
    font-size: 14px;
    margin: 5px 0;
}
.S_grouping_cols {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    position: static;
}
.S_grouping_cols h2 {
    font-size: 14px;
    margin: 5px 0;
}
.S_grouping_cols .s_group {
}
.S_grouping .s_group {
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 100%;
}
.S_grouping .s_group .blank, .S_grouping_cols .blank, .cols_col .blank{
    /*width: 95%;*/
    margin-left: 5px;
}
.icheckbox_div select.blank {
    padding: 6px 3px;
}
.s_group>.option_label {
    font-weight: bold;
    color: #333;
    display: block;
    padding-bottom: 10px;
}
.score_table {
    position: relative;
    width: 100%;
}
.QScoreNumber .score_table {
    width: auto;
}
.est_label {
    float: right;
    margin-top: -20px;
}
.rowBlank {
    vertical-align: bottom;
}
.rowBlank input[type="text"] {
    margin: 0 5px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-radius: 4px;
    vertical-align: bottom;
}
.rowBlank textarea {
}
.question_div .score_textarea {
    display: none;
    width: 538px;
    margin: 5px 10px;
    padding: 4px 5px;
    height: 26px;
}
.QScoreCursor .score_textarea {
    margin: 5px 20px;
    width: 528px;
}
.QScoreNumber .score_textarea {
    width: 152px;
    margin: 0px 0 0px 4px;
    padding: 4px 5px;
}
.QScoreColor #tip_table {
    margin: 0 0 0 10px;
    width: 550px;
}
.QScoreColor .option_box .score_textarea{
    margin: 5px 10px;
}
.QScoreStar #tip_table {
    margin: 0 10px;
    width: 550px;
}
.QScoreCursor #tip_table {
    margin: 0 10px;
    width: 550px;
}
.QScoreNumber #tip_table {
    margin: 0 5px;
}
.QScoreColor #tip_table tr td {
    border-radius: 4px;
}
.QScoreStar #tip_table tr td {
    border-radius: 4px;
}
.QScoreCursor #tip_table tr td {
    border-radius: 4px;
}
.QScoreCursor .exc, .QScoreNumber .exc, .Star_score .right_word,.Star_score .exc, .data_row .right_word {
    padding: 3px 3px;
    overflow: hidden;
    text-align: left;
    min-width: 60px;
}
.data_row .right_word {
    /*width: 90px;*/
    /*max-width: 100px;*/
}
.QScoreNumber .exc {
    padding: 3px 3px;
    max-width: 100px;
    min-width: 100px;
    overflow: hidden;
    text-align: right;
    white-space: normal;
}
.data_row .left_word, .data_row .right_word {
    text-align: left;
    white-space: normal;
    min-width: 50px;
}
.data_row .left_word {
    text-align: right;
}
.data_row .left_word .option_open{
    width: 78px;
}
.score_table .left_word {
    text-align: left;
    min-width: 0px;
    max-width: 500px;
}
.QScoreNumber .exc {
    text-align: left;
}

.QScoreNumber .exc {
    padding: 3px 7px;
    font-size: 14px;
    max-width: 150px;
    min-width: 150px; 
    _width: expression(this.offsetWidth > 150 ? (this.offsetWidth < 150 ? 'auto':'150px'):'150px');
}
.exc .jqTransformRadioWrapper {
    float: left;
    margin:1px 7px 0 0;
}
.exc .exc_text {
    line-height: 19px;
    z-index: 12;
    position: relative;
}
.exc_box {
}
.exc_box .exc {
    margin: 0 10px 0 0;
    position: relative;
    display: inline-block;
}
.exc_box .exc .option_label {
    display: block;
    padding: 4px 0 3px 22px;
    position: relative;
    font-size: 16px;
    white-space: nowrap;
}
.exc_box .exc .jqTransformRadioWrapper {
    float: left;
    margin-right: 4px;
}
.score {
    width: 0px ;
    height: 0;
    text-align: center;
    float: left;
    visibility: hidden;
}
.QScoreCursor .score {
}
.grade_text, .cascade_table .T_edit_td {
    zoom: 1;
}
.grade_text{
    display: inline-block;
}
.m_blank_open .grade_text {
    margin-left: 0;
    margin-top: 0;
}
.grade_text select {
    min-width: 150px;
    padding: 3px;
    line-height: 24px;
    border: 1px solid #77A5B4;
}
.grade_text .blank {
    margin: 0;
}
.m_blank {
    float: left;
    margin: 0 0 20px 0;
}
.m_blank_open {
    margin: 5px 0 10px 0;
}
.validate_phone, .m_blank_open .option_open, .m_blank .option_label .m_option_open .blank {
    min-width: 200px;
}.m_option_open .blank {
    border-color: #eee;
}
.grade_text .input_validation_code {
    width: 200px;
}
.m_blank .option_label .m_option_open {
    display: block;
}
.option_label .option_open {
    display: inline-block;
    margin: 0;
}
.icheckbox_div .option_open {
    line-height: 20px;
}
.Num_score {
    text-align: right;
    padding: 2px 10px;
    height: 26px;
}
.m_score_blank {
    margin: 5px 0;
}
.m_score_blank .blank {
    width: 200px;
}

/*------滑块打分题------*/
.slider {
   width: 535px;
    margin: 10px 20px;
}
.QScoreCursor .slider {
    margin-top: 15px;
    margin-bottom: 15px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("../../../../images/pfx50_2.png") no-repeat 0px 0px;
    border-radius: 0 !important;
    color: #555555;
    font-weight: normal;
    outline: medium none;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
    height: 24px;
    position: absolute;
    width: 24px;
    z-index: 2;
    margin-left: -12px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
}
.ui-widget-content {
    background: none repeat scroll 0 0 #E4E4E4;
    color: #222222;
}
.ui-slider-horizontal {
    height: 8px;
    border-radius: 4px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider-range {
    background: none repeat scroll 0 0 #52a3f4;
    clear: both;
    font-size: 0;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.move_bubble {
    width: 26px;
    height: 22px;
    background: #4285f4;
    text-align: center;
    color: #fff;
    line-height: 22px;
    position: absolute;
    top: -27px;
    left: -2px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.move_bubble .iconfont {
    display: none;
}
.mb_deauflt {
    background: transparent;
    background-color: #fff\9;
}
.mb_deauflt .iconfont {
    color: #53a4f4;
    font-size: 23px;
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
}
.mb_deauflt .Arrow_b {
    display: none;
}
.Arrow_b {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4285f4;
    position: absolute;
    top: 22px;
    left: 9px;
}

/****countdown****/
.wj_disable {
    color: #F7F7F7;
    background: #bebebe !important;/*倒计时禁用按钮样式*/
    cursor: default !important;
}
.wj_disable:hover {
    background: #bebebe !important;/*倒计时禁用按钮悬浮样式*/
}
.wj_disable:avtive {
    color: #F7F7F7 !important;/*倒计时禁用按钮点击样式*/
}
#timecost {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
}
.mark {
    background: url("../../../../images/right_ico_on.png") no-repeat -4px -366px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: -5px 5px 0;
    vertical-align: middle;
    width: 15px;
}
.option_label {
}
.Error_point {
    height: 40px;
    background: #ed6365;
    text-align: center;
    color: #fff;
    line-height: 40px;
    display: none !important;
}
.UploadFile {
    width: 118px;
    height: 37px;
    cursor: pointer;
    z-index: 1000;
    border: 1px #dcdcdc solid;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
}
.UploadFile i {
    display: inline-block;
    vertical-align: top;
    margin: 9px 1px 0 0;
}
.file_box iframe {
    width: 115px !important;
    height: 33px !important;
}
.file_box:hover .UploadFile {
    background-color: #fefefe;
    border:1px #7bbaef solid;
}
.file_box {
    display: block;
    margin: 15px 0 5px 5px;
    position: relative;
    line-height: 37px;
}
.icheckbox_div .file_box {
    margin-left: 5px;
    margin-top: 5px;
    display: none;
}
.fileName {
    padding: 0 10px;
    color: #aaa;
    display: inline-block;
    vertical-align: top;
}
.Star_width {
    width: 500px;
}

/*----------浮层题-----------*/
.PopQuesiton {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5000;
}
.QMask {
    background: #000000;
    opacity: 0.1;
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 998;
}
.PopQuesitonDiv {
    position: absolute;
    top: 2%;
    z-index: 5002;
    width: 1100px;
    left: 50%;
    transform: translateX(-50%);
}
.PopQuesitonCon {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll !important;
}
.PopQuesitonCon .maxtop {
    margin-top: 10px;
}
.PopQuesitonBut {
    text-align: center;
    margin: 1px 0 0 0;
    padding: 10px 0 10px 0;
    position: relative;
}
.PopQuesitonBut .uniteC, .PopQuesitonBut .uniteC:hover {
    background: #999;
}
.PopQuesitonBut .WJButton {
    width: 52px !important;
}
.PopQuesitonBut:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.PopQuesitonBut .tcQz {
    margin-right: 10px !important;
}
.Popconfirm .PopQuesitonCon {
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.Popconfirm .WJButton {
    line-height: 20px;
    height: auto;
    width: auto !important;
    min-height: auto;
    padding: 10px;
}

.answerLayer .PopQuesitonDiv{
    width: 600px;
    margin: 0 auto;
    left: 50%;
    margin-left: -301px;
}
.answerLayer .WJButton {
    line-height: 33px;
    min-height: 33px;
    min-width: 70px;
}
.answerLayer .PopQuesitonCon{
    padding: 40px 20px 20px;
    box-shadow: 0 0 20px 4px rgba(83, 164, 244, 0.1);
    border: none;
}
.answerLayer .PopQuesitonBut {
    padding-bottom: 0;
}

span.jqTransformRadioWrapper, span.jqTransformCheckboxWrapper {
    margin: 4px 0 0 0;
}
.icheckbox_div span.jqTransformRadioWrapper, .icheckbox_div span.jqTransformCheckboxWrapper {
    margin: 5px 5px 7px 5px;
    position: absolute;
}
table td span.jqTransformRadioWrapper, table td span.jqTransformCheckboxWrapper {
    margin-top: 0px !important;
}
.w20 {
    width: 38px;
    margin: 0 2px;
}
.w70 {
    width: 70px;
    margin: 0 2px;
}
.T_edit_span {
}
.option_label p {
    /*display:inline-block;
    *display:inline;*/
    line-height: 33px;
    *padding-top: 5px;
}
.option_label p img {
    margin-left: 5px;
    margin: 5px 0;
}
textarea.option_open, .blank {
    min-width: 45px;
    vertical-align: middle;
    _width: expression_r((document.documentElement.clientWidth||document.body.clientWidth)<45?"45px":"auto");
}

/**********图片预览 start***********/
.option_label img {

    /* max-width: 100px;*/
}
.img_resize {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: text-top;
    *left: 5px;
    margin: 0 4px;
}
.img_resiz img {
    cursor: default;
}
.magn {
    background: url(../../../../images/magn.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    *display: inline;
    zoom: 1;
}
.pic_cancel {
    width: 37px;
    height: 37px;
    position: absolute;
    cursor: pointer;
    background: url(../../../../images/pic_ico.png) 0 0 no-repeat;
}

/**********图片预览 end***********/
.dishide {
    display: none;
}
.open_results {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 2em;
    background: #3c9ccf;
    color: #ffffff;
}
.show_results {
    margin: 10px 0;
    padding-top: 30px;
    margin: 20px auto 0 auto;
    text-align: center;
}
#vcode_div {
    margin-bottom: 10px;
    padding: 5px;
}
#vcode_div #vcode_id {
    padding: 0 5px;
    width: 104px;
    height: 35px;
}
.uploaded_flies {
    margin: 5px 15px 0 0;
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}
.uploaded_flies a {
    color:#317bc8;
}
.imgs_thu {
    border:1px #dcdcdc solid;
    height: 100px;
    width: 200px;
    text-align: center;
    border-radius: 4px;
}
.imgs_thu img {
    max-width: 100%;
    max-height: 100%;
}
.close_a {
    display: inline-block;
    *display: inline;
    width: 15px;
    height: 15px;
    background: url(../../../../images/close_btn.jpg) no-repeat -19px 0;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}
.mobile_span_ {

    /*line-height: 35px;*/
    margin-left: 4px;      /* padding-top: 45px; */

    /*vertical-align: bottom;*/
}
.option_unit_label {
    font-size: 16px;
    font-style: normal;
}
.w40 {
    width: 45px;
    color: #1c6b85;
}

/*答题遮罩弹出层*/
html {
    font-size: 100%;
}
body {
    font-family: "Microsoft Yahei";
}
.mask {
    position: fixed;
    top: 0px;
    filter: alpha(opacity=50);
    background-color: #000;
    z-index: 1002;
    left: 0px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    width: 100%;
    height: 100%;
}
.popup {
    width: 320px;       /* background:url(/static/images/radius.png); */
    background-color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/static/images/pie.htc);
    margin: auto;
    height: 321px;
    position: absolute;
    z-index: 9999;
    float: left;
    overflow: hidden;
}
.pop-content {
    padding: 0 35px;
}
.pop-title {
    display: block;
    padding: 18px 0 20px 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.popup p {
    color: #818181;
    text-align: center;
}
.wxbg {
    background: url(/static/images/wxicon2.png) no-repeat;
    width: 38px;
    text-align: left;
    display: inline;
    font-size: 14px;
    height: 31px;
    background-size: cover;
    float: left;
    margin-left: 15px;
}
.wxtxt {
    text-align: left;
    display: inline;
    font-size: 14px;
    float: left;
    line-height: 28px;
    height: 38px;
    padding-left: 5px;
}
.tcode {
    margin-top: 26px;
    text-align: center;
    margin-bottom: 20px;
    clear: both;
}

/*答题遮罩弹出层*/
.open_validate_span {
    display: inline-block;
    *display: inline;
}
.open_validate_span .blank {
    vertical-align: middle;
}
.input_code_div .blank {
    width: 90px;
}
.input_code_div .option_label {
    color: #858585;
    margin-left: 20px;
}
.get_code {
    background-color: #53a4f4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 0px 15px;
    color: #fff;
    cursor: pointer;
    line-height: 35px;
    display: inline-block;
    *display: inline;
    margin-left: 10px;
    height: 35px;
}
.get_code:hover {
    background-color: #327AC1;
}
.reget_code {
    background-color: #efefef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 0 15px;
    color: #aaa;
    cursor: pointer;
    line-height: 35px;
    display: inline-block;
    *display: inline;
    margin-left: 10px;
    height: 35px;
}
.cascade_select {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
    line-height: 20px;
}
.cascade_table .blank {
    margin-top: 10px;
    margin-left: 0;
    width: 186px;
    height: 24px;
}
.cascade_table td {
    vertical-align: top;
}

/*选项编号默认隐藏*/
.opt_cid {
    display: none;
}
.drop_style {
    text-indent: 99999px;
    width: 100px;
}
.envelope_draw {
    width: 500px;
    margin: 15px auto 0;
    text-align: center;
}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {
    background-image: url('/static/images/share_icon.png') !important;
}
.bdshare-button-style0-24 .bds_weixin {
    background-position: 0 0 !important;
}
.bdshare-button-style0-24 .bds_sqq {
    background-position: 0 -48px !important;
}
.bdshare-button-style0-24 .bds_more {
    background-position: 0 -72px !important;
}
.bdshare-button-style0-24 .bds_qzone {
    background-position: 0 -120px !important;
}
.clearAnswerDiv {
    line-height: 25px;
    margin-top: 10px;
}
.clearAnswerRowDiv {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
}
.clearRowAnswer{
    background-image:url('../../../../images/clearAnswerPc.png');
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    margin: 1px 1px 1px 4px;
    vertical-align: top;
    cursor: pointer;
}
.qorder_clear{
    display: none;
}
.clearAnswerDiv .clearAnswer {
    background-image: url('../../../../images/clearAnswerPc.png');
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    margin: 1px 1px 1px 4px;
    vertical-align: top;
    cursor: pointer;
}

.voteProgressBox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    z-index: 5;
    display: none;
}
.voteProgressBox .progress {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: #323131;
    z-index: -1;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    behavior: url(/static/css/PIE.htc);
}
.voteProgressBox .progress_info {
    width: 100px;
    height: 44px;
    padding: 28px 0;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    behavior: url(/static/images/PIE.htc);
}
.fontVoteProgressBox {
    height: 20px;
    margin: 10px 0 0 0;
    padding: 0 130px 0 0;
    position: relative;
}
.fontVoteProgressBox .progressBox {
    height: 5px;
    margin-left: 10px;
    background-color: #e2e2e2;
    width: 99%;
    float: left;
    margin-top: 7px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}
.fontVoteProgressBox .progressBox .progress_vote {
    height: 5px;
    background: #53a4f4;
    width: 0%;
}
.fontVoteProgressBox .progress_info {
    position: absolute;
    right: 4px;
    top: -4px;
    padding-left: 16px;
    color: #53a4f4;
}
.fontVoteProgressBox .progress_info li.percentage {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.fontVoteProgressBox .progress_info li.vote_N {
    display: inline-block;
    float: right;
}
.linear_yellow {

    /*background: #f29400;*/
    background: -webkit-linear-gradient(left, #FEF7D4, #f29400);
    background: -o-linear-gradient(right, #FEF7D4, #f29400);
    background: -moz-linear-gradient(right, #FEF7D4, #f29400);
    background: linear-gradient(to right, #FEF7D4, #f29400);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FEF7D4, endColorstr = #f29400);
}
.linear_gray {

    /*background: #99999a;*/
    background: -webkit-linear-gradient(left, #F6F6F6, #99999a);
    background: -o-linear-gradient(right, #F6F6F6, #99999a);
    background: -moz-linear-gradient(right, #F6F6F6, #99999a);
    background: linear-gradient(to right, #F6F6F6, #99999a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #F6F6F6, endColorstr = #99999a);
}
.linear_green {

    /*background: #00cccb;*/
    background: -webkit-linear-gradient(left, #E9FFFB, #00cccb);
    background: -o-linear-gradient(right, #E9FFFB, #00cccb);
    background: -moz-linear-gradient(right, #E9FFFB, #00cccb);
    background: linear-gradient(to right, #E9FFFB, #00cccb);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #E9FFFB, endColorstr = #00cccb);
}
.linear_blue {
    background: -webkit-linear-gradient(left, #b1ccff, #55a1e3);
    background: -o-linear-gradient(right, #b1ccff, #55a1e3);
    background: -moz-linear-gradient(right, #b1ccff, #55a1e3);
    background: linear-gradient(to right, #b1ccff, #55a1e3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #b1ccff, endColorstr = #55a1e3);
}
.s_color_new .back_n {
    background: #55a1e3;
}
.linear_red {

    /*background: #ff7f66;*/
    background: -webkit-linear-gradient(left, #FFEFE9, #ff7f66);
    background: -o-linear-gradient(right, #FFEFE9, #ff7f66);
    background: -moz-linear-gradient(right, #FFEFE9, #ff7f66);
    background: linear-gradient(to right, #FFEFE9, #ff7f66);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FFEFE9, endColorstr = #ff7f66);
}
.linear_fuchsin {

    /*background: #e2017b;*/
    background: -webkit-linear-gradient(left, #FFE5F3, #e2017b);
    background: -o-linear-gradient(right, #FFE5F3, #e2017b);
    background: -moz-linear-gradient(right, #FFE5F3, #e2017b);
    background: linear-gradient(to right, #FFE5F3, #e2017b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FFE5F3, endColorstr = #e2017b);
}

.noscroll,
.noscroll body {
    overflow: hidden;
}

.noscroll body {
    position: relative;
}

/**********new_style_201708*************/
.blank, .grade_text select, .cascade_select {
    border: 1px #dcdcdc solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
    padding: 5px 3px;
    line-height: 23px;
    margin-left: 6px;
}
.icheckbox_div  .blank {
    padding: 5px 3px;
    line-height: 22px;
}
select.blank {
    padding: 6px 3px;
    margin-right: 3px;
}
.m_blank .option_label .unit_option_open .blank{
    float: left;
}
td .blank, td .grade_text select, td .cascade_select {
    padding: 4px 6px;
    margin:3px 0 0 3px;
    vertical-align: middle;
}
.option_box .blank {
    margin-left: 4px;
}
.blank:focus, .blank:hover, .grade_text select:hover, .cascade_select:hover {
    border: 1px #52a3f4 solid;
}
textarea[disabled]:hover,textarea[disabled]:active{
    border: 1px #dcdcdc solid;
    box-shadow: 0px 0px 0px #fff;
}
.cascade_box {
}
.cascade_box .grade_text .option {
    margin-right: 10px;
    width: 200px;
}
.open_phone {
    width: 400px;
}
.rowBlank .title {
    line-height: 36px;
}
.fixed_error {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.icheckbox_div .option_unit_label {
    display: inline-block;
    padding: 0;
    line-height: 32px;
    margin-left: 5px;
}
.open_span {
    margin: 0 0 10px 0;
}
.drop_sel {
    max-width: 80%;
    min-width: 50%;
}
/**********new_style_201708*************/
#reload_btn {
    width: 50%;
    display: block;
}
.video_click_div .my_face{
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url("../../../../v2/build_tpls/video_click/video_click_face.png") no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}
.video_cursor_div .ui-state-default, .video_cursor_div .ui-widget-content .ui-state-default, .video_cursor_div .ui-widget-header .ui-state-default {
    background: url("../../../../v2/build_tpls/video_cursor/video_cursor_s_right.png") no-repeat 0 0;
    border-radius: 0 !important;
    color: #555555;
    font-weight: normal;
    outline: medium none;
}
.video_cursor_div .ui-state-default:hover {
    background: url("../../../../v2/build_tpls/video_cursor/video_cursor_s_right_b.png") !important;
}
.oHidden {
    overflow: hidden;
}

.loading_mack {
    background: url(/static/images/loading.gif) center no-repeat !important;
    position: absolute !important; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%;
    -moz-opacity: 0; 
    opacity:0; 
    filter: alpha(opacity=0);
}

.c_table {width: 100%;text-align: center;border-collapse: collapse;}
.c_table tr td { border:1px #dbdbdb solid;padding:5px 15px;line-height: 23px; height: 21px;word-break: break-all;}
.c_table tr:first-child  {background-color: #f0f0f0;}
.Vhidden {overflow: hidden;}

.auto_tips {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px #eee solid;
    border-bottom: : 1px #eee solid;
    color: #aaa;
    background-color: #fff;
    padding: 5px 0;
    text-align: center;
    box-shadow: 0px -1px 2px #eee;
    -webkit-box-shadow: 0px -1px 2px #eee;
    z-index: 9999;
}
.auto_tips_num {
    color: red;
}

.score_total_area {
    margin: 10px;
}
.total_score {
    color: #007ead;
}

.loading_area::after {
    content: "";
    display: block;
    background: url(../../../../images/loading.gif) center 25px no-repeat;
    width: 100%;
    height: 100px;
    position: absolute;
}

/* Maxdiff题 */
.maxdiff_table {
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    min-width: 300px;
}

.maxdiff_table tr td:not(:last-child){
    border-right-color: transparent;
}

.maxdiff_table tr td {
    padding: 10px 10px;
    box-sizing: border-box;
}

.maxdiff_table tr td.option_label {
    min-width: 200px;
    background: transparent;
}

.maxdiff_pagination {
    text-align: center;
}

.maxdiff_reset {
    position: relative;
}

.maxdiff_reset_btn {
    position: absolute;
    top: 6px;
    right: 20px;
    background-color: #f7f8fb;
    color: #606266;
    padding: 5px 12px 5px 30px;
    border-radius: 12px;
    font-size: 12px;
    cursor: pointer;
    background-image: url(../../../../images/maxdiff_reset.png);
    background-repeat: no-repeat;
    background-position: 12px center;
}

.maxdiff_table tr td.option_label img {
    max-width: 100%;
    height: auto !important;
    max-height: 100%;
    width: auto !important;
}

.maxdiff_table_horizontal .maxdiff_task_head,
.maxdiff_table_horizontal .maxdiff_best_label,
.maxdiff_table_horizontal .maxdiff_worst_label {
    background-color: #fafafa;
}

.maxdiff_table_horizontal tr td {
    border-right-color: #dbdbdb !important;
}

.maxdiff_table_horizontal tr td.option_label,
.maxdiff_table_horizontal tr td {
    min-width: auto;
    width: auto;
}

/* privacy */
.privacy_wrap {
    margin-bottom: 5px;
}

.privacy_check {
    display: inline-block;
    vertical-align: top;
}

.privacy_link,
.surveyorStyle {
    color: #4285f4;
}

.surveyorStyle {
    text-decoration: underline;
    cursor: pointer;
}

.privacy_error {
    color: #ed6365;
    text-align: right;
    margin: 5px 0;
}

[pid=privacy_view] .uniteC {
    display: none;
}

[pid=privacy_view] .PopQuesitonDiv {
    width: 1000px;
    top: 100px !important;
    margin-left: -500px;
}

[pid=privacy_view] .PopQuesitonCon .PopQuesitonCon2 {
    height: 450px;
    overflow-y: auto;
    text-align: justify;
}