/* 公共样式 */
/* body{
    min-width: 320px;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
} */
@charset "utf-8";
html{overflow-y:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{font-family:sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a:hover{text-decoration:underline}
ins,a{text-decoration:none}
select{/*去掉默认的下拉三角*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
}
/* 颜色 */
.c_red{
    color: #ff5555 !important;
}
.bg_red{
    background-color: #ff5555 !important;
}
.c_white{
    color: #ffffff !important;
}
.c_blue{
    color: #3BB4DD !important;
}
.c_blueLight{
    color: #24A2FF !important;
}
.c_blueDark{
    color: #063f7c !important;
}
.c_orange{
    color: #fd903d !important;
}
.c_green{
    color: #3cc451 !important;
}
.c_333{
    color: #666 !important;
}
.c_666{
    color: #666 !important;
}
.c_999{
    color: #999 !important;
}
.word,.docx,.wps,.doc{
    color: #3a74d1 !important;
}
.xlsx{
    color: #269758 !important;
}
.pdf{
    color: #ff5555 !important;
}
.pic,.png,.jpg,.gif{
    /* color: #ff8127 !important; */
    color: #4c94f0 !important;
}
.ppt{
    color: #e8673a !important;
}
.c1::after{
    background-color: #3a74d1 !important;;
}
.c2::after{
    background-color:#269758 !important;
}
.c3::after{
    background-color:#ff5555 !important;
}
.c4::after{
    background-color:#4c94f0 !important;
}
.c5::after{
    background-color:#e8673a !important;
}
.no_after_before::before,
.no_after_before::after
{
    display: none !important;
}
.no_shadow{
    box-shadow: none !important;
}
/* 背景颜色 */
.xitong{
    background-color: #11C12B !important;
}
.jiaoliu{
    background-color: #24A2FF !important;
}
.bg_white{
    background-color: #ffffff !important;
}
.bg_orange{
    background-color: #FFA24D !important;
}
.bg_gary{
    background-color: #f2f2f2 !important;
}
/* 边框颜色 */
.border_color_f0f0f0{
    border-color: #f0f0f0 !important;
}
/* 字体大小 */
.fz_12{
    font-size: 12px !important;
}
.fz_13{
    font-size: 13px !important;
}
.fz_14{
    font-size: 14px !important;
}
.fz_15{
    font-size: 15px !important;
}
.fz_16{
    font-size: 16px !important;
}
.fz_18{
    font-size: 18px !important;
}
.fz_20{
    font-size: 20px !important;
}
.fz_22{
     font-size: 22px !important;
 }
.fz_24{
    font-size: 24px !important;
}
.select_jiantou{
    background-image:url(../images/select_jiantou.svg);
    background-repeat:no-repeat;
    background-position:96% center ;
    background-size: 12px 12px;
}
/* 字体粗细 字体倾斜 */
.fwb{font-weight: bold!important;}
.fwn{font-weight: normal!important;}
.f_i{font-style: italic!important;}
/* 字体一行 超出省略 */
.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cup{
    cursor: pointer;
}
/* 圆角 */
.bdrs4{
    border-radius: 4px !important;
}
/* 距离 */
.pt4{padding-top: 4px!important;}
.pt8{padding-top: 8px!important;}
.pt12{padding-top: 12px!important;}
.pt15{padding-top: 15px!important;}
.pt25{padding-top: 25px!important;}
.pt35{padding-top: 35px!important;}
.pt45{padding-top: 45px!important;}
.pt55{padding-top: 54px!important;}
.pt100{padding-top: 100px!important;}
.plr2{
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.plr4{
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.ptb12{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.pl8{padding-left: 8px!important;}
.pl16{padding-left: 16px!important;}
.pr16{padding-right: 16px!important;}
.pb8{padding-bottom: 8px!important;}
.mb100{margin-bottom: 100px !important;}
.mt4{margin-top: 4px!important;}
.mt8{margin-top: 8px!important;}
.mt12{margin-top: 12px!important;}
.mt16{margin-top: 16px!important;}
.mt20{margin-top: 20px!important;}
.mt24{margin-top: 24px!important;}
.mb8{margin-bottom: 8px !important;}
.mb12{margin-bottom: 12px !important;}
.mb16{margin-bottom: 16px !important;}
.mb20{margin-bottom: 20px !important;}
.mb24{margin-bottom: 24px !important;}
.ml4{margin-left: 4px !important;}
.ml8{margin-left: 8px !important;}
.ml8{margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml16{margin-left: 16px !important;}
.ml32{margin-left: 32px !important;}
.ml48{margin-left: 48px !important;}
.mr4{margin-right: 4px !important;}
.mr8{margin-right: 8px !important;}
.mr8{margin-right: 8px !important;}
.mr12{margin-right: 12px !important;}
.mr16{margin-right: 16px !important;}
.mr32{margin-right: 32px !important;}
.mr40{margin-right: 40px !important;}
.mr48{margin-right: 48px !important;}

/* 单选、多选 */
.jc-radio,.jc-checkbox{
    display: none;
}
.jc-radio+label{
    padding-top: 10px;
    padding-left: 24px;
    background-image: url(../images/radio_no.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 13px;
}
.jc-radio:checked+label{
    background-image: url(../images/radio_yes.svg);
}
.jc-checkbox+label{
    padding-top: 10px;
    padding-left: 24px;
    background-image: url(../images/checkbox_no.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 13px;
}
.jc-checkbox:checked+label{
    background-image: url(../images/checkbox_yes.svg);
}

/* 单选、多选 */
.jc-choose{
    display: none;
}
.jc-choose+label{
    background-image: url(http://1039t3.oss-cn-beijing.aliyuncs.com/20210226151615.png);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    background-position: center;
    width: 32px;
    height: 32px;
    margin-bottom: 0;
    cursor: pointer;
}
.jc-choose:checked+label{
    background-image: url(http://1039t3.oss-cn-beijing.aliyuncs.com/20210226151619.png);
}
/* 表格 */
.jc_table{
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.jc_table tr:nth-child(1),
.jc_table th{
    background: #f5f5f5;
}
.jc_table th,
.jc_table td{
    border: 1px solid #e5e5e5;
    padding: 12px 4px;
}
.jc_table tr:hover{
    background: #f5f5f5;
}