/* font-size */
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px!important;}
.f-30{font-size: 30px!important;}
.f-38{font-size: 38px;}
.fw-b{font-weight: bold}

/* color */
.c-fff{color: #FFF!important;}
.c-222{color: #222}
.c-333{color: #333}
.c-666{color: #666}
.c-777{color: #777}
.c-999{color: #999}
.c-aaa{color: #AAA}
.c-bbb{color: #BBB}
.c-ccc{color: #CCC}
.c-ddd{color: #DDD}
.c-eee{color: #EEE}
.c-fd6{color: #FD6862}
.c-fd6f{color: #FD6FD6}
.c-cc2{color: #CC2922;}
.c-red{color: red;}
.c-de5{color:#DE513F}
.c-715{color:#715050}
.c-f37{color: #F37F7A}
.c-ffa{color: #FFA325}
.c-1ab{color: #1ABC9C}
.c-eb8{color:#EB8E82}
.c-06f{color: #06F;}
.c-09f{color: #09F;}
.c-3c8dbc{color: #3c8dbc}
.c-f66{color: #F66;}
.c-f93{color: #FF9933;}

.c-5cb{color: #5cb2f0}
.c-f57{color: #f57d75}
.c-51c{color: #51c48a}
.c-9f9{color: #9f96ee}
/* background */
.bc-f57{background: #f57d75;}/*标准红色*/
.bc-5cb{background: #5cb2f0;}/*标准蓝色*/
.bc-51c{background: #51c48a;}/*标准绿色*/
.bc-9f9{background: #9f96ee}
.bc-1abc9c{background: #1ABC9C}
.bc-f37{background: #F37F7A}
.bc-09f{background: #09F}
.bc-169{background: #169BD5}
.bc-3c8dbc{background: #3c8dbc}
.bc-bf{background: #bfbfbf}
.bc-f66{background: #F66;}
.bc-fff{background: #FFF;}
.bc-f2{background: #F2F2F2;}
.bc-f7{background: #F7F7F7;}
.bc-666{background: #666}
.bc-999{background: #999;}
.bc-ffc{background: #FFCCCC}
.bc-ff9{background: #ff999a}


.bc-f4{background: #F4F4F4;}
.bc-d7{background: #D7D7D7;}
.bc-d6{background: #D6D6D6}
/* 渐变色 */
.bc-btn{background-image: linear-gradient(-164deg, #FFA382 0%, #F37F7A 100%);border-radius: 20px;}
.bc-none{background: none!important;}

/* text-alin */
.text-c{text-align: center;}
.text-l{text-align: left}
.text-r{text-align: right}
/*文字两端居中*/
.text-j{  text-align:justify ;text-align-last:justify;  }
/*垂直居中*/
.vertical-m{vertical-align: middle!important;}
/* 文本显示一行，文本超出隐藏，以省略号结尾*/
.text-o{overflow: hidden!important;text-overflow: ellipsis!important;white-space: nowrap!important;}
/* 文本显示两行，文本超出隐藏，以省略号结尾*/
.text-oo{overflow: hidden!important;text-overflow: ellipsis!important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/* 贯穿线 */
.text-lt{text-decoration: line-through}
/* 首行缩进 */
.text-i{text-indent:30px;}

/* position */
.pos-a{position: absolute}
.pos-r{position: relative}
.pos-f{position: fixed}

/* margin */
.m{ margin: 0 auto;}/*水平居中*/
.mlr-0{margin-left: 0!important;margin-right: 0!important;}
.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}


.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}

.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.ml-35{margin-left: 35px;}
.ml-40{margin-left: 40px;}
.ml-45{margin-left: 45px;}
.ml-50{margin-left: 50px;}

.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mr-35{margin-right: 35px;}
.mr-40{margin-right: 40px;}
.mr-45{margin-right: 45px;}
.mr-50{margin-right: 50px;}

/* padding  顺时针 上右下左 */
.p-0{padding: 0!important;}
.ptb-0{padding-top: 0!important;padding-bottom: 0!important;}
.plr-0{padding-left: 0!important;padding-right: 0!important;}
.p-5{padding: 5px}
.p-10{padding: 10px}
.p-15{padding: 15px}
.p-20{padding: 20px}
.p-50{padding: 50px}

.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px!important;;}
.pt-30{padding-top: 30px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px!important;}
.pb-30{padding-bottom: 30px;}

.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pl-30{padding-left: 30px;}
.pl-32{padding-left: 32px;}

.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-25{padding-right: 25px;}
.pr-30{padding-right: 30px;}

/* 行高 */
.lh-10{line-height: 10px;}
.lh-15{line-height: 15px;}
.lh-20{line-height: 20px;}
.lh-25{line-height: 25px;}
.lh-30{line-height: 30px;}
.lh-35{line-height: 35px;}
.lh-40{line-height: 40px;}
.lh-45{line-height: 45px;}
.lh-50{line-height: 50px;}
.lh-60{line-height: 60px;}

.max-h600{max-height: 600px;}
.max-h650{max-height: 650px;}

.max-h700{max-height: 700px;}
.max-h400{max-height: 400px;}
.max-h360{max-height: 360px;}
.max-h300{max-height: 300px;}
.max-h500{max-height: 500px;}
.max-h550{max-height: 550px;}

/* radius */
.radius-3{border-radius: 3px;}
.radius-5{border-radius: 5px;}
.radius-8{border-radius: 8px;}
.radius-10{border-radius: 10px;}

/* border */
.border-n{border: none;background-color: #fff!important;}
.border-F{border: 1px solid #F2F2F2}
.border-F_b{border-bottom: 1px solid #F2F2F2}
.border-E{border: 1px solid #EEEEEE}
.border-D{border: 1px solid #DDDDDD}
.border-A{border: 1px solid #AAAAAA}
.border_3c8{border: 1px solid #3c8dbc}
.border-A_b{border-bottom: 1px solid #AAAAAA}
.border_b{border-bottom: 3px solid #3c8dbc}
.border_t{border-top: 3px solid #3c8dbc}

.border-dashed{border: 2px dashed #AAAAAA}
.border-dashed-b{border-bottom: 1px solid #AAAAAA}
.border_bb{border-bottom: 1px solid #000000!important;}
.border_br{border-right: 1px solid #000000!important;}

/* float */
.f-l{float: left}
.f-r{float: right}


/*单选滑块样式*/
.mui-switch {
    width: 60px;
    height: 31px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
}

.mui-switch:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.mui-switch:checked {
    border-color: #3c8dbc;
    box-shadow: #3c8dbc 0 0 0 16px inset;
    background-color: #3c8dbc;
}

.mui-switch:checked:before {
    left: 28px;
}

.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #3c8dbc;
    transition: border-color 0.4s, background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:checked:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}

.mui-switch.mui-switch-anim:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-anim:checked {
    box-shadow: #3c8dbc 0 0 0 16px inset;
    background-color: #3c8dbc;
    transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}

.mui-switch.mui-switch-anim:checked:before {
    transition: left 0.3s;
}
/*底部分页样式*/
.content-bottom{
    height: 51px;
    background-color: #fdfdfe;
    border-top: 0;
}
.bottom-btn button{
    border: 1px solid #d7d7d7;color:#999999;
}
.bottom-btn button:hover{
    border: 1px solid #3c8dbc;
}
.bottom-input:focus{
    border: 1px solid #3c8dbc;
}

.bottom-btn .current{
    border: 1px solid #3c8dbc;
    background-color: #3c8dbc;
    color: white;
}
label{
    font-weight: 400!important;
}
.c-p{
    cursor: pointer;
}
input[type="radio"]{
    width: 20px;
    height: 20px;
}
.btn_selected{
    border-bottom: 3px solid #3c8dbc;
}

.ul_class{
    list-style: none;
}

#opinionBox:hover{
    background: #333333;
}
#opinions_drop{
    z-index:3;}

.steps,.step{/*display:inline-block;*/display: table-cell;position:relative;/*padding:1em 2em 1em 3em;*/vertical-align:middle;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align: center;height: 48px;}
.active_step:after{position:absolute;z-index:2;content:'';top:0;right:-1.50em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}
.active_step:after{-webkit-transition:opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}
.steps{/*display:inline-block;*/display:table;font-size:0;box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:.3125rem}
.steps .step:first-child{border-radius:.3125em 0 0 .3125em}
.steps .step:last-child{border-radius:0 .3125em .3125em 0}
.steps .step:only-child{border-radius:.3125em}
.steps .step:last-child{margin-right:0}
.steps .step:last-child:after{display:none}
/*.step:hover,.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}*/
/*.steps .step.hover:after,.steps .step:hover:after,.step:hover,.step.hover::after{border-left-color:#F7F7F7}*/
/*.steps .step.down,.steps .step:active,.step.down,.step:active{background-color:#F0F0F0}*/
/*.steps .step.down:after,.steps .step:active:after,.steps.down::after,.steps:active::after{border-left-color:#F0F0F0}*/
.steps .step.active_step,.active_step.step{cursor:auto;background-color:#428BCA;color:#FFF;font-weight:700}
.steps .step.active_step:after,.active_step.steps:after{border-left-color:#428BCA}
/*.steps .disabled.step,.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}*/
/*.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}*/
.attached.steps{margin:0;border-radius:.3125em .3125em 0 0}
.attached.steps .step:first-child{border-radius:.3125em 0 0}
.attached.steps .step:last-child{border-radius:0 .3125em 0 0}
.bottom.attached.steps{margin-top:-1px;border-radius:0 0 .3125em .3125em}
.bottom.attached.steps .step:first-child{border-radius:0 0 0 .3125em}
.bottom.attached.steps .step:last-child{border-radius:0 0 .3125em}

/*向导数量*/
.one.steps>.step{width:100%}
.two.steps>.step{width:50%}
.three.steps>.step{width:33.333%}
.four.steps>.step{width:25%}
.five.steps>.step{width:20%}
.six.steps>.step{width:16.666%}
.seven.steps>.step{width:14.285%}
.eight.steps>.step{width:12.5%}

/*向导尺寸*/
.step,.steps .step{font-size:16px}/*默认*/

.form-control-min{
    width: 50%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

.table>thead>tr>th{vertical-align:top}
.table-my{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-bordered-my>thead>tr>th, .table-bordered-my>tbody>tr>th, .table-bordered-my>tfoot>tr>th, .table-bordered-my>thead>tr>td, .table-bordered-my>tbody>tr>td, .table-bordered-my>tfoot>tr>td{
    border: 1px solid #333;
    padding: 10px;
    /*width: 30%;*/
    vertical-align: top;
}
/*.w-e-text .table-bordered-my>thead>tr>th, .w-e-text .table-bordered-my>tbody>tr>th, .w-e-text .table-bordered-my>tfoot>tr>th, .w-e-text .table-bordered-my>thead>tr>td, .w-e-text .table-bordered-my>tbody>tr>td, .w-e-text .table-bordered-my>tfoot>tr>td{
    !*border: 1px solid #333;*!
    padding: 10px;
    width: auto;
    vertical-align: top;
}*/

.textbox_100{
    width: 100%;
}

.textbox_max{
    width: 500px;
}

.textbox_middle{
    width: 300px;
}

.textbox_min{
    width: 200px;
}


.xys p{
    margin: 0;
    line-height:20px;
}

.gongzhang{
    width:160px;
    height:160px;
    margin-top: -60px;
}


.gz_l{
    width:160px;
    height:160px;
    margin-left: -130px;
    margin-top: -50px;
}

.sign{
    width:200px;
    height:70px;
    margin-top: -20px;
}

.con_j_sign{
    float: right;
    margin-right: -120px;
    width:200px;
    height:70px;
}
.common6_maxheight_1002{
    max-height: 750px;
}
.common6_maxheight{
    max-height: 350px;
}
.avatar{
    width: 128px;
    height: 128px;
    margin: 20px;
    border-radius: 50%;
}
#watermark{
    font-family: '仿宋';
}


.table-border tr:first-child th  {
    border-style: solid;
    border-width: 2px;
    border-bottom-color:deepskyblue;
    background-color: #F0F9FF;

}
.table-hover > tbody > tr:hover {
    background-color: #FFFFBB;
}