*{
    box-sizing: border-box
}
form{
    width:100%
}
body{
    /*width: 100%;*/
    min-height: 100vh;
    /*background:url(../../images/sybackground.png) no-repeat;*/
    background-size: 100% 100%;
    background-attachment:fixed;
}
.grxxws_mycontainer{
    width:100%;
    margin:0 auto;
    min-height: 100vh;
    align-items: center;
}
.myForm{
    width:100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 0.4rem;
    position: relative;
    margin-bottom: 15px;
}

.myForm::after{
    content: '';
    width: 30%;
}
/*一行仨*/
.myFormItem{
    width:30%;
    /*min-width:358px;*/
}
@media (min-width: 2560px) and (max-width: 3840px){

}
@media (min-width: 1920px) and (max-width: 2560px){
    html{
        font-size:50%
    }
    /*一行一个*/
    .myFormItem1{
        width:100%;
        min-width:358px;
    }
}
@media (min-width: 1366px) and (max-width: 1919px){
    html{
        font-size:50%
    }
    /*一行一个*/
    .myFormItem1{
        width:100%;
        min-width:358px;
    }
}
@media (min-width: 1201px) and (max-width: 1365px){
    html{
        font-size:50%
    }
    /*一行一个*/
    .myFormItem1{
        width:100%;
        min-width:358px;
    }

}
@media(min-width: 500px) and (max-width: 1200px){
    html{
        font-size:50%
    }
    /*一行一个*/
    .myFormItem1{
        width:100%;
        min-width:358px;
    }
}
@media screen and (max-width: 499px){
    html{
        font-size:50%
    }
    .searchable-select-holder{
        margin-top: 0px !important;
        padding: 0.6rem 2rem 0.6rem 1.4rem !important;
    }
}

@media (min-width: 4560px) and (max-width: 10000px){
    html{
        font-size:59%
    }
}
@media (min-width: 2560px) and (max-width: 4560px){
    html{
        font-size:59%
    }
}
@media (min-width: 1920px) and (max-width: 2560px){
    html{
        font-size:53%
    }
}
@media (min-width: 1367px) and (max-width: 1919px){
    html{
        font-size:50%
    }
}
@media (min-width: 500px) and (max-width: 1366px){
    html{
        font-size:50%
    }
}
@media (min-width: 100px) and (max-width: 500px){
    html{
        font-size:35%
    }
}
*{
    padding:0;
    margin:0;
}
.MYBreadcrumbs{
    width:100%;
    height:5.5rem;
    display:flex;
    align-items: center;
    font-size:1.8rem;
    color:#333333
}
.MYTitle{
    width:100%;
    height:8rem;
    border-radius: 10px;
    background:#FFFFFF;
    display:flex;
    align-items:center;
    color:#333333;
    font-size:2rem;
    font-weight:600;
    margin-bottom:2rem;
}
.MYBody{
    width:100%;
    border-radius: 10px;
    background:#FFFFFF;
    display:flex;
    color:#333333;
    /*padding:0 38px  1.67% 38px;*/
    padding: 0 48px 29px 28px;
    flex-wrap: wrap;
    margin-bottom:3rem;
}
.MYFooter{
    width:100%;
    height:8rem;
    background:#F8F9F9;
    display:flex;
    align-items:center;
    color:#666666;
    font-size:1.4rem;
    justify-content: center;
}
.MYBottom{
    width:100%;
    height:4rem;
    background:#0079C3;
    margin:0 auto;
}
.titleFontColor{
    color:#808080
}
.titleIcon{
    background:#0079C3;
    width:0.6rem;
    height:30%;
    margin:0 0.83% 0 1.67%;
}
.secTitle{
    width:100%;
    height:auto;
    font-size:15px;
    color:#333333;
    /*line-height:1;*/
    display:flex;
    align-items: center;
    font-weight: normal;
    opacity: 1;
    margin-bottom: 4px;
}
.secTitleIcon{
    width: 4px;
    height: 75%;
    background: #0079C3;
    opacity: 1;
    border-radius: 1px;
    margin:0 6px 0 0;
}

.myLabel {
    width: 100%;
    color: #333333;
    font-size: 13px;
    margin: 13px 0 10px 0;
    line-height: 2rem;
}
.starLabel:before{
    content: '*';
    color: red;
}
.myFormItem input,.myFormItem1 input{
    width:100%;
    margin: 3px 0 0 0 ;
    height:3rem;
    padding-left:1.4rem;
    border:none;
    border-bottom:1px solid rgba(221,221,221,1);
    outline:none;
    font-size:13px;
}
.searchable-select{
    width:100%;
}
.select-picker-search-checked{
    font-size:13px !important;
}
.searchable-select-holder{
    margin-top: -2px;
    /*padding: 0.6rem 0 0.6rem 1.4rem !important;*/
    padding: 0.6rem 2rem 0.6rem 1.4rem !important;
    border: none !important;
    border-radius:unset !important;
    box-shadow: none !important;
    border-bottom: 1px solid #DDDDDD !important;
    font-size: 13px !important;
}
.searchable-select-dropdown{
    top:3.1rem !important;
    z-index:10
}
.marginTop{
    margin-top:29px;
}
.checkbox,.myButton{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#808080;
}
.checkbox,.myButton_xz{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#808080;
}
.wzzccheckbox{
    margin-right:10px
}
.aclass{
    color:#4A90E2
}
.myButtonStyle {
    width: 249px;
    height: 48px;
    color: #FFFFFF;
    background: #125DB2;
    font-size: 19px;
    text-indent: 21px;
    letter-spacing: 21px;
    outline: none;
    margin: 58px 0 29px 0;
    border-radius: 4px;
    border: none;
}
.myButtonStyle:hover{
    background:rgba(74,144,226,0.8);
    cursor:pointer
}

.myButtonStyle_xz{
    width: 333px;
    height: 42px;
    color: #999999;
    background:#FFFFFF;
    font-size: 13px;
    outline:none;
    margin: 15px 0 0 0;
    border-radius:4px;
    border: 1px dashed #cccccc;
}
.myButtonStyle_xz:hover{
    background:	#F5FFFA;
    cursor:pointer
}
.myButtonStyle2{
    width:11.6rem;
    height:3.8rem;
    color:#FFFFFF;
    background:#D0021B;
    font-size:1.6rem;
    outline:none;
    margin:23px 0 0 0;
    border-radius:4px;
    border:none;
}
.myButtonStyle2:hover{
    background:rgba(208,2,27,0.8);;
    cursor:pointer
}
.myButtonGroup{
    display:flex;
}
.myButtonGroupItem{
    width:6.3rem;
    height:3.2rem;
    color:#666666;
    border: 1px solid #DDDDDD;
    margin-right:1.8rem;
    border-radius:2px;
    background:#FFFFFF;
    outline:none;
}
.active{
    color:#4896EC;
    border: 1px solid #4896EC;
}
.calender{
    position: absolute;
    width:1.8rem;
    height:1.8rem;
    /*background:url(/images/calendar.png) no-repeat;*/
    background-size:100% 100%;
    top: 4.2rem;
    right: 0.8rem;
}
.klx{
    width:12rem;
}
.error{
    color:#D0021B;
    font-size:1.2rem
}


#loadingDiv{
    position:fixed;display:none;z-index:99998;top:0px;left:0px;width:100%;height:100%; background:rgba(0,0,0,1);opacity:0.26;
}
#loading{
    margin: 280px 49% !important;
    text-align:center
}
#rotateImg{
    transform: rotate(237deg); transform-origin: 50% 50%;
}
.loadingText{
    color:#fff;margin-top:10px;font-size:16px;z-index:10
}
input:disabled{
    background:#FFFFFF !important;
    cursor: no-drop;
}
.grxxws_header{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 29px 0 38px 0rem;
}
.grxxws_header_bt{
    display: flex;
    font-weight: 600;
    font-size: 19px;
}

.grxxws_header_bt1{
    border-bottom:4px solid #4896EC;
    border-radius: 2px;
    padding-bottom: 4px;
}

.rcjbxx_grxxws{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
.rcjbxx_grxx{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.myForm_grxx{
    width:100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
}
.myFormItem_grxx{
    width:50%;
    min-width:358px;
}
.myFormItem_grxx input,.myFormItem1 input{
    width:80%;
    margin: 0 0 0.6rem 0;
    height:3rem;
    padding-left:1.4rem;
    border:none;
    border-bottom:1px solid rgba(221,221,221,1);
    outline:none;
    font-size:1.4rem;
}
.rcjbxx_uploadfj {
    width: 143px;
    height: 179px;
    margin-top: 20px;
    margin-right: 65px;
}
.myFormItem_upload{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    position: absolute;
    /*margin-left: 119rem;*/
    right: 0px;
}
.myButtonGroupItem {
    width: 60px;
    height: 31px;
    color: #666666;
    border: 1px solid #DDDDDD;
    margin-right: 1.8rem;
    border-radius: 2px;
    background: #FFFFFF;
    outline: none;
    margin-top: -5px;
}
.xxjltr{
    text-align: center;
    height: 50px;
    background-color: rgba(72, 150, 236, 0.12);
}
.xxjltrtd{
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: rgba(153, 153, 153, 1);
    letter-spacing: 1px;
}
.myLabel_xxjl{
    width:100%;
    color:#333333;
    font-size:1.4rem;
    margin:1rem 0 1rem 0;
    line-height:2rem;
}
.calender {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../images/calendar.png) no-repeat;
    background-size: 100% 100%;
    top: 38px;
    right: 13px;
}
.active{
    color:#4896EC;
    border: 1px solid #4896EC;
}

.zdytk {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}
.zdytk .zdytkbody_fz {
    width: 54%;
    height: 288px;
    background: #fff;
    /*padding: 20px 0px;*/
    border-radius: 10px;
    /*border: 1px solid #ccc;*/
    text-align: center;
    position: absolute;
    font-size: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zdytkbody_fz1 {
    width: 54%;
    height: 325px;
    background: #fff;
    /*padding: 20px 0px;*/
    border-radius: 10px;
    /*border: 1px solid #ccc;*/
    text-align: center;
    position: absolute;
    font-size: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.zdytk .zdytkbody_sc {
    width: 390px;
    height: 173px;
    background: #fff;
    /*padding: 20px 0px;*/
    border-radius: 10px;
    /*border: 1px solid #ccc;*/
    text-align: center;
    position: absolute;
    font-size: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zdytk .zdytkbody_fz .zdytitle {

    background-color: rgba(72, 150, 236, 0.12);
    width: 100%;
    /*text-align: left;*/
    padding-left: 20px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #333333;
}

.zdytitle {
    background-color: #3385E3 !important;
    color: #fff !important;
    width: 100%;
    /* text-align: left; */
    padding-left: 20px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #333333;
}
.zdytk .zdytkbody_sc .zdytitle_sc {
    background-color: #3385E3;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    letter-spacing: 30px;
    text-indent: 30px;
}
.zdytk .zdytkbody_sc .btns {
    margin-top: 30px;
    text-align: center;
}
.zdytk .zdytkbody_sc .btns a.btn-cancel {
    color: #fff;
    background: #ccc;
}
.zdytk .zdytkbody_sc .btns a {
    background: inherit;
    background-color: rgba(68, 181, 73, 1);
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 8px 25px;
    cursor: pointer;
    margin-left: 10px;
}
.zdytk .zdytkbody_fz .btns {
    margin-top: 30px;
    text-align: center;
}
.zdytk .zdytkbody_fz .btns a.btn-cancel {
    color: #fff;
    background: #ccc;
}
.zdytk .zdytkbody_fz .btns a {
    background: inherit;
    background-color: rgba(68, 181, 73, 1);
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 8px 25px;
    cursor: pointer;
    margin-left: 10px;
}
.xxjldiv{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
}
.myFormItem_xxjl{
    width:48%;
}
.myFormItem_xxjl input,.myFormItem1 input{
    width:100%;
    margin: 0 0 0.6rem 0;
    height:3rem;
    padding-left:1.4rem;
    border:none;
    border-bottom:1px solid rgba(221,221,221,1);
    outline:none;
    font-size:1.4rem;
}
.myLabel_xxjl {
    width: 100%;
    color: #333333;
    font-size: 13px;
    margin: 19px 0 10px 0;
    line-height: 19px;
    text-align: left;
}
.myLabel_xxjl_sc{
    width:100%;
    color:#333333;
    font-size:13px;
    margin:3rem 0 0.7rem 0;
    line-height:2rem;
    text-align: center;
}
.btns .btns_qd{
    font-size:1.4rem;
    outline:none;
    border:none;
    line-height: 31px;
    letter-spacing: 1px;
    width: 80px;
    height: 31px;
    background: #4A90E2;
    opacity: 1;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
}
.modal_cancel{
    position: absolute;
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    color: #FFFFFF;
    top: 2px;
    right: 0;
}
.btns1{
  margin: 24px ;
}
.btns1 .btns_qxx{
    font-size:1.4rem;
    outline:none;
    border:none;
    line-height: 20px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-right: 24px;
    width: 80px;
    height: 31px;
    background: #D0021B;
    opacity: 1;
    border-radius: 4px;
    cursor: pointer;
}

.btns1 .btns_qd{
    font-size:1.4rem;
    outline:none;
    border:none;
    line-height: 20px;
    letter-spacing: 1px;
    width: 80px;
    height: 31px;
    background: #4A90E2;
    opacity: 1;
    border-radius: 4px;
    color: #ffffff;
}

.btns .btns_qx{
    font-size:1.4rem;
    outline:none;
    border:none;
    line-height: 31px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-right: 24px;
    width: 80px;
    height: 31px;
    background: #D0021B;
    opacity: 1;
    border-radius: 4px;
}
.btns .btns_qxx{
    font-size:1.4rem;
    outline:none;
    border:none;
    line-height: 31px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-right: 24px;
    width: 80px;
    height: 31px;
    background: #D0021B;
    opacity: 1;
    border-radius: 4px;
    cursor: pointer;
}
.hide{
    display: none;
}
.flex-box{
	display: flex;
}
.txImg{
	margin-bottom: -24px
}