/*婊氬姩鏉℃牱寮�*/

/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  
::-webkit-scrollbar  
{  
    width: 8px;  
    height: 8px;  
    background-color: #ccc;  
}  
  
/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #FFF;  
}  
  
/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    background-color: #ccc;  
}  

.content-iframe {
    background:#f3f4f9;
}
/* 棰滆壊 */

.bgc_4961e1{
    background-color: #4961e1;
}
.ftc_4961e1{
    color: #4961e1;
}
.bd_4961e1{
    border: 1px solid #4961e1;
}
.bgc_2a2c37{
    background-color: #2a2c37;
}
.ftc_2a2c37{
    color: #2a2c37;
}
.bd_2a2c37{
    border: 1px solid #2a2c37;
}
.bgc_f65858{
    background-color: #f65858;
}
.ftc_f65858{
    color: #f65858;
}
.bd_f65858{
    border: 1px solid #f65858;
}
.bgc_ffc043{
    background-color: #ffc043;
}
.ftc_ffc043{
    color: #ffc043;
}
.bd_ffc043{
    border: 1px solid #ffc043;
}
.bgc_13ce66{
    background-color: #13ce66;
}
.ftc_13ce66{
    color: #13ce66;
}
.bd_13ce66{
    border: 1px solid #13ce66;
}

.bgc_4961E1{
    background-color: #4961E1 !important;
}
.ftc_4961E1{
    color: #4961E1 !important;
    cursor: pointer;
}
.bd_4961E1{
    border: 1px solid #4961E1 !important;
}
.bgc_101936{
    background-color: #101936 !important;
}
.ftc_101936{
    color: #101936 !important;
}
.bd_101936{
    border: 1px solid #101936 !important;
}
.bgc_e9665b{
    background-color: #e9665b !important;
}
.ftc_e9665b{
    color: #e9665b !important;
}
.bd_e9665b{
    border: 1px solid #e9665b !important;
}
.bgc_ecb71d{
    background-color: #ecb71d !important;
}
.ftc_ecb71d{
    color: #ecb71d !important;
}
.bd_ecb71d{
    border: 1px solid #ecb71d !important;
}
.bgc_1b883c{
    background-color: #1b883c !important;
}
.ftc_1b883c{
    color: #1b883c !important;
}
.bd_1b883c{
    border: 1px solid #1b883c !important;
}
.bgc_e5ebf7{
    background-color: #e5ebf7 !important;
}
.ftc_e5ebf7{
    color: #e5ebf7 !important;
}
.bd_e5ebf7{
    border: 1px solid #e5ebf7 !important;
}
.bgc_f6f8fb{
    background-color: #f6f8fb !important;
}
.ftc_f6f8fb{
    color: #f6f8fb !important;
}
.bd_f6f8fb{
    border: 1px solid #f6f8fb !important;
}
.bgc_f8f8f8{
    background-color: #f8f8f8 !important;
}
.ftc_f8f8f8{
    color: #f8f8f8 !important;
}
.bd_f8f8f8{
    border: 1px solid #f8f8f8 !important;
}
.bgc_f3f3f3{
    background-color: #f3f3f3 !important;
}
.ftc_f3f3f3{
    color: #f3f3f3 !important;
}
.bd_f3f3f3{
    border: 1px solid #f3f3f3 !important;
}
.bgc_f9f9f9{
    background-color: #f9f9f9 !important;
}
.ftc_f9f9f9{
    color: #f9f9f9 !important;
}
.bd_f9f9f9{
    border: 1px solid #f9f9f9 !important;
}
.bgc_333333{
    background-color: #333333 !important;
}
.ftc_333333{
    color: #333333 !important;
}
.bd_333333{
    border: 1px solid #333333 !important;
}
.bgc_666666{
    background-color: #666666 !important;
}
.ftc_666666{
    color: #666666 !important;
}
.bd_666666{
    border: 1px solid #666666 !important;
}
.bgc_999999{
    background-color: #999999 !important;
}
.ftc_999999{
    color: #999999 !important;
}
.bd_999999{
    border: 1px solid #999999 !important;
}
.bgc_cccccc{
    background-color: #cccccc !important;
}
.ftc_cccccc{
    color: #cccccc !important;
}
.bd_cccccc{
    border: 1px solid #cccccc !important;
}
.bgc_eeeeee{
    background-color: #eeeeee !important;
}
.ftc_eeeeee{
    color: #eeeeee !important;
}
.bd_eeeeee{
    border: 1px solid #eeeeee !important;
}
.bgc_ffffff{
    background-color: #ffffff !important;
}
.ftc_ffffff{
    color: #ffffff !important;
}
.bd_ffffff{
    border: 1px solid #ffffff !important;
}

/* 瀛椾綋 */
.fts_30{
    font-size:30px !important;
}
.fts_20{
    font-size:20px !important;
}
.fts_18{
    font-size:18px !important;
}
.fts_16{
    font-size:16px !important;
}
.fts_14{
    font-size:14px !important;
}
.fts_12{
    font-size:12px !important;
}

/* 鎸夐挳 */
.xs_btn{
    line-height: 20px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    user-select: none;
    border-radius: 2px;
}
.sm_btn{
    line-height: 26px;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    user-select: none;
    border-radius: 2px;
}
.md_btn{
    line-height: 28px;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    user-select: none;
    border-radius: 2px;
}
.lg_btn{
    line-height: 40px;
    padding: 0 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    user-select: none;
    border-radius: 2px;
}
button{
    user-select: none;
    border:none;
    outline: none; 
}
button:focus{
    outline:0;
}
.btn_default{
    background-color: #fff;
}
.btn_default:hover{
    color: #4961E1;
}
.btn_done{
    background-color: #4961E1;
    border:1px solid #4961E1;
}
.btn_done:hover{
    background-color: #6985c0;
    border:1px solid #6985c0;
}
.btn_default:hover{
    color: #4961E1;
}
.btn_done:active{
    background-color: #36528d;
    border:1px solid #36528d;
}
.btn_success{
    background-color: #1b883c;
}
.btn_success:hover{
    background-color: #49a063;
}
.btn_success:active{
    background-color: #166d30;
}
.btn_tip{
    background-color: #ecb71d;
}
.btn_tip:hover{
    background-color: #f0c54a;
}
.btn_tip:active{
    background-color: #bd9217;
}
.btn_delete{
    background-color: #e9665b;
}
.btn_delete:hover{
    background-color: #ed857c;
}
.btn_delete:active{
    background-color: #ba5249;
}
.btn_default{
    user-select: none;
    border-radius: 2px;
    color: #666;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.btn_bd_done{
    padding: 0 10px;
    font-size: 14px;
    border: 1px solid #4961E1;
    color: #4961E1;
    background-color: #fff;
}
.btn_bd_done:hover{
    background-color: #f5f7fb;
}
.btn_bd_done:active{
    background-color: #d9e0ef;
}
.btn_bd_delete{
    padding: 0 10px;
    font-size: 14px;
    border: 1px solid #E9665B;
    color: #E9665B;
    background-color: #fff;
}
.btn_bd_delete:hover{
    background-color: #fef7f7;
}
.btn_bd_delete:active{
    background-color: #fbe0de;
}
.xs_btn.btn_bd_done{
    font-size: 12px;
}


/* tab */
.tab_box1{
    border-bottom: 1px solid #eee;
    user-select: none;
    overflow: hidden;
}
.tab_box1 .tab_item{
    float: left;
    margin-right: 30px;
    padding: 10px 0;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
    color: #666;
    font-size: 14px;
}
.tab_box1 .tab_item.active{
    color: #333;
}
.tab_box1 .tab_item.active::before{
    content:'';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #4961E1;
}
.tab_box1 .count{
    font-size: 10px;
    background-color: #eee;
    display: inline-block;
    line-height: 16px;
    border-radius: 16px;
    padding: 0 5px;
}
.tab_box1 .tab_item .text{
    font-size:14px;
}
.tab_box1 .tab_item.active .text{
    color: #4961E1;
    font-size:14px;
}



.tab_box2{
    user-select: none;
    overflow: hidden;
}
.tab_box2 .tab_item{
    float: left;
    padding: 14px 20px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
}
.tab_box2 .tab_item::before{
    position: absolute;
    right:0;
    top: 18px;
    content:'';
    height: 18px;
    border-right: 2px solid #eee;
}
.tab_box2 .tab_item:last-child::before{
    content:'';
    display: none;
}
.tab_box2 .tab_item.active{
    color: #4961E1 !important;
}



.tab_box3{
    border-bottom: 1px solid #4961E1;
    user-select: none;
}

.tab_box3 .tab_item{
    float: left;
    margin-left: 20px;
    padding: 4px 10px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
    border: 1px solid #eee;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tab_box3 .tab_item.active{
    color: #4961E1 !important;
    border: 1px solid #4961E1;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}
.tab_box3 .tab_item.active::before{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #fff;
}


.tab_box4{
    border-bottom: 1px solid #eee;
    user-select: none;
    font-size: 14px;
}

.tab_box4 .tab_item{
    float: left;
    padding: 14px 24px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
    border: 1px solid #eee;
    background: #FAFAFA;
    border-bottom: none;
    border-left: none;
    color: #666666;
}
.tab_box4 .tab_item:nth-child(1){
    border-left: 1px solid #eee !important;
}
.tab_box4 .tab_item.active{
    color: #4961E1 !important;
    background: #fff !important;
    border: 1px solid #eee;
    border-left: none;
    border-bottom: none;
    position: relative;
    font-weight: bold;
}
.tab_box4 .tab_item.active::before{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #fff;
}

.tab_box5{
    user-select: none;
    overflow: hidden;
}
.tab_box5 .tab_item{
    float: left;
    margin-right: 20px;
    padding: 10px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
    color: #666;
}
.tab_box5 .tab_item.active{
    color: #333;
}
.tab_box5 .tab_item.active::before{
    content:'';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #4961E1;
}

.tab_box6{
    user-select: none;
    font-size: 12px;
}

.tab_box6 .tab_item{
    float: left;
    line-height: 28px;
    padding: 0 20px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
    border: 1px solid #eee;
    background: #FAFAFA;
    color: #666666;
}
.tab_box6 .tab_item.active{
    color: #fff;
    background: #4961E1;
    border: 1px solid #4961E1;
    position: relative;
    font-weight: bold;
}
.tab_box6 .tab_item.active::before{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
}



/* step */
.design_step_item{
    display: inline-block;

}
.design_step_item span{
    display: inline-block;
    vertical-align: middle;
}
.design_step_item .design_step_num{
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    background-color: #dddddd;
    font-size: 18px;
}
.design_step_item.active .design_step_num{
    background-color: #3f66b0;
}
.design_step_item .design_step_text{
    color: #666;
    margin-left: 15px;
}
.design_step_item.active .design_step_text{
    color: #000;
}
.design_step_item .design_step_next{
    height: 2px;
    background-color: #dddddd;
    width: 33px;
    position: relative;
    margin: 0 15px;
}
.design_step_item .design_step_next::after{
    content:'';
    border-width: 7px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
    position: absolute;
    right: -10px;
    transform: rotate(-90deg);
    top: -5px;
}

.disNone{
    display: none !important;
}



/* 鎻愮ず寮圭獥 */

.alert_tip1{
    width: 264px;
    box-sizing: border-box;
    box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99;
}
.alert_tip1::after{
    content:'';
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
    box-shadow: -4px -3px 10px 0px rgba(100, 100, 100, 0.1);
    top: -8px;
    left: 20%;
}
.alert_tip1 .title{
    color:#333333;
    line-height: 26px;
    font-size: 14px;
}
.alert_tip1 .content{
    color:#666;
    font-size: 12px;
    line-height: 26px;
}

.alert_tip2{
    width: 140px;
    box-sizing: border-box;
    box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99;
    color: #666;
    font-size: 13px;
    line-height: 28px;
}
.alert_tip2::after{
    content:'';
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
    box-shadow: -4px -3px 10px 0px rgba(100, 100, 100, 0.1);
    top: -8px;
    right: 20%;
}
.alert_tip2>div{
    cursor: pointer;
}

.alert_tip3{
    width: 400px;
    box-sizing: border-box;
    box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99;
}
.alert_tip3 .title{
    color:#333333;
    line-height: 26px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
.alert_tip3 .content{
    color:#666;
    font-size: 12px;
    line-height: 26px;
}



/* 甯冨眬 */
.column_table{
    width: 100%;
}
.column_table .requireinfo{
    color:#F65858;
    padding-right: 5px;
    font-weight: bold;
}
.column_table table{
    width: 100%;
    border: none;
}
.column_table table td{
    padding: 10px 0;
}
.column_table table td>div{
    display: flex;
}
.column_table table td .title{
    line-height: 36px;
    color: #666666;
    font-size: 14px;
    width: 30%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column_table.column_2 td{
    width:50%;
}
.column_table.column_1 td{
    width:100%;
}
.column_table.column_3 td{
    width:33.33%;
}
.column_table.column_2 table td .title{
    width: 32%;
}
.column_table.column_2 table td .content{
    width:68%;
}
.column_table.column_1 table td .title{
    width: 20%;
}
.column_table.column_1 table td .content{
    width: 80%;
}
.column_table.column_3 table td .title{
    width: 25%;
}
.column_table.column_1 table td .content{
    width: 75%;
}
.column_table table td .content{
    height: 36px;
    width: 70%;
    padding-left: 15px;
}
.column_table table td .uploadimg{
    height:80px;
}
.column_table table td .uploadimg .imgborder{
    width:65px;
    border:1px dotted #ddd;
    height:65px; 
    text-align: center;
    position:relative;
    line-height: 65px;
}
.column_table table td .uploadimg{
    color:#999999;
    font-size:12px;
}
.column_table table td .uploadimg .imgborder span{
    font-size:24px;
}
.column_table table td .uploadimg .imgborder .imginput{
    height:65px;
    width:65px;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
}
.column_table table td .content .inputBox{
    width: 100%;
    height: 100%;
    line-height: 36px;
    box-sizing: border-box;
    
}
.column_table table td .content .inputBox input:not(.switchbtn){
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 8px;
    
}
.column_table table td .content .inputBox .leftinput{
    
    width:calc( 100% - 60px);
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    float: left;
    border-right:none !important;

}
.column_table table td .content .inputBox .rightbutton{
    border:1px solid #ccc;
    /* border-left:none; */
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    width:60px;
    height:36px;
    
    background: #F5F6FA;
    color:#999999;
    

}
.column_table table td .content input{
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}

/*.column_table table td .content  input[type=radio]{
    visibility: hidden;
    height: 20px;
    width: 20px;
    margin-left:15px;
    display: inline;
}
.column_table table td .content label{
    position: relative;
    height: 18px;
}
.column_table table td .content label::after{
    background-image: url('./sprite2.png');
    background-repeat: no-repeat;
    margin-top: 8px;
    visibility: visible;
    background-size: 18px;
    content: " ";
    display: block;
    min-width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 15px;
   
}
.column_table table td .content label:has(input[type=radio]:checked)::after{
    background-image: url('./sprite2.png');

    content:" ";
   
}
.column_table table td .content label:has(input[type=radio])::after{
    background-image: url('./sprite1.png');

    content:" ";
   
}*/
/*.column_table table td .content input[type=radio]:checked::after{
    background-image: url('./sprite2.png');
    background-repeat: no-repeat;
    margin-top:8px;
    visibility: visible;
    background-size:18px;
   
}
.column_table table td .content input[type=radio]::after{
    content: ' ';
    display: block;
    height: 20px;
    width: 20px;
    margin-top:8px;
    background-image: url('./sprite1.png');
    background-repeat: no-repeat;
    
    visibility: visible;
    background-size:18px;
    
} */

.column_table table td .content  input[type=checkbox]:not(.switchbtn){
    visibility: hidden;
    height: 20px;
    width: 20px;
}
.column_table table td .content  input[type=radio]:not(.switchbtn){
    visibility: hidden;
    height: 20px;
    width: 20px;
}
/* .column_table table td .content input[type=checkbox]:not(.switchbtn):checked::after{
    background-image: url('./check2.png');
    background-repeat: no-repeat;
    margin-top:8px;
    visibility: visible;
    background-size:18px;
   
}
.column_table table td .content input[type=checkbox]:not(.switchbtn)::after{
    content: ' ';
    display: block;
    height: 20px;
    width: 20px;
    margin-top:8px;
    background-image: url('./check1.png');
    background-repeat: no-repeat;
    
    visibility: visible;
    background-size:18px;
    
} */







/*鍗曢�夋牱寮�*/
.radiobox{
    line-height: 34px;
}
.radioform label{
    position: relative;
    padding-left: 10px;
    margin-right: 20px;
    width: auto !important;
}
.radioform label input{
    opacity: 0;
    height: 20px;
    width: 20px;
}
.radioform div{
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px;
    background-image: url('./sprite1.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 50%;
}
.radioform input:checked+div{
    background-color: transparent;
    border-color: transparent;
}
.radioform input:checked+div::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url('./sprite2.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
/*澶氶�夋牱寮�*/
.checkform{
    line-height: 34px;
}
.checkform label{
    position: relative;
    padding-left: 10px;
    margin-right: 20px;
    width: auto !important;
}
.checkform label input{
    opacity: 0;
    width: 20px;
    height: 20px;
}
.checkform div{
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px;
    background-image: url('./check1.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 2px;
}
.checkform input:checked+div{
    background-color: transparent;
    border-color: transparent;
}
.checkform input:checked+div::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url('./check2.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
}





.column_table .infotitle{
    color:#333333;
    font-size: 14px;
} 
.iframebody{
    border-radius: 5px;
    background-color: #fff;
    height: 100vh;
    padding:10px;
    overflow-y: auto;
}
.pace-done{
    border-radius: 5px;
    background-color: #fff;
    height: 100vh;
    padding:10px;
    overflow-y: auto;
}

.page_top_tab{
    padding-top: 7px;
    display: flex;
}
.page_top_tab .btn_box .count{
    background:rgba(238,238,238,1);
    border-radius:8px;
    padding:2px 5px;
}
.page_top_tab .tab_box1{
    padding: 0 10px;
    flex: 1;
}
.page_top_tab .search_box{
    width: 50px;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    padding-right: 20px;
    text-align: center;
    color:#4961E1;
    cursor: pointer;
}
.page_top_tab .search_img{
    width: 18px;
    margin-left: 0;
    cursor: pointer;
}

.page_top{
    padding: 10px 0px 10px 0px;
    display: flex;
}
.page_top .page_btn{
    flex: 1;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.page_top .page_btn .count{
    margin-left: 5px;
    	display:inline-block;
}
.page_top .page_btn.show_all{
    overflow: initial;
    height: auto;
}
.page_top .page_search{
    width: 50px;
    text-align: right;
    line-height: 28px;
    border-bottom: 1px solid #eee;
}
.page_top .page_btn .btn_box>div{
    display: inline-block;
    background-color: #fff;
    line-height: 28px;
    border-radius: 28px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    padding: 0 15px;
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
}
.page_top .page_btn .btn_box>div.active{
    color:#4961E1;
    border: 1px solid #4961E1;
}
.page_table .table_top{
    line-height: 34px;
    background-color: #F8F8F8;
    border: 1px solid #eee;
    border-bottom: none;
}
.page_table .table_top_item{
    padding-left: 15px;
    cursor: pointer;
    display: inline-block;
}
.page_table  .table_top_item::after{
    content: '';
    display: inline-block;
    height: 16px;
    width: 1px;
    vertical-align: middle;
    margin-left: 12px;
    margin-right: -4px;
    background-color: #ccc;
}
.page_table  .table_top_item .iconfont{
    font-size: 20px;
    color: #999;
    margin-right: 4px;
}
.page_table .table_top_item span{
    color: #666;
    font-size: 14px;
    vertical-align: middle;
}

.page_table  .table_top_item:hover span{
    color: #4961E1;
}

.page_table .tabMoreBtn{
    width:60px;
    height: 34px;
    float:right;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}
.page_table .moretab{
    min-width: 100px;
    position: absolute;
    right: 0;
}

/* .page_table .table_box{
  
    background-color: #fff;
    border: 1px solid #eee;
} */

/********琛ㄥ崟楠岃瘉鏍峰紡***************/

.regForm input.error,.regForm .inputBox input.error{
    border: 1px solid #F65858 !important; 
}


.regForm input.highlight{
    border: 1px solid #7abd54;
}

.regForm label.error,.regForm label.tip{
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    margin-left: 5px;
    padding-left: 20px;
    color: #F65858 !important;
    font-size: 10px;
    font-weight: 400;
    /* background: url('error.png') no-repeat left center; */
}

.regForm label.tip{
    color: #aaa;
    /* background: url('tip.png') no-repeat left center; */
}

.regForm label.valid{
    background: url('valid.png') no-repeat left center;
    width: 32px;
}
.regForm .selectform {
    position: relative;
}
.regForm .radioform,.regForm .checkform {
    position: relative;
}
.regForm .selectform label,.regForm .radioform label.error,.regForm .checkform label.error{
    position: absolute;
    top:35px;
    left:5px;
}
.regForm .selectform label.error +  .select2-container .select2-selection{
    border: 1px solid #F65858 !important;
}
.column_table table td .content input[type=file]+ .error{
    position: absolute;
    top:65px;
    margin:0;
    padding:0;
    left:0;
}
.regForm .selectform label.valid +  .select2-container .select2-selection{
    border: 1px solid rgb(210, 214, 222) !important;
}
/* 楂樼骇鏌ヨ鏍峰紡 */
.high-search{
    width:268px;
  /* /  height:600px; */
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px rgba(128,145,165,0.2);
    box-sizing: border-box;
    overflow: hidden;
    top:0px;
    right:5px;
    border-radius:5px;
    z-index:1000;
    display: none;
    animation:mymove 1s;
    -webkit-animation:mymove 1s; /*Safari and Chrome*/
   
}
@keyframes mymove
{
from {right:-268px;}
to {right:0px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {right:-268px;}
    to {right:0px;}
}
.high-search .search-header{
    width:100%;
    height:45px;
    text-align: left;
    line-height: 45px;
    color:#333333;
    font-weight:400;
    border-bottom:1px solid #ddd;
    box-sizing: border-box;
    padding:0 10px;
    cursor:pointer;

}
.high-search .search-header span{
    float: right;
    font-size: 20px;

}
.high-search .search-content{
    padding:0 10px;
    overflow-x: hidden;
    overflow-y: auto;
   

}
.high-search .search-content .search-item{
    margin-top:10px;
}
.high-search .search-content .search-item p{
    font-size: 12px;
    color:#666666;

}
.high-search .search-content .search-item .search-box{
    height:40px;
    padding:2px 0px;

}
.high-search .search-content .search-item .search-box input{
    width: 100%;
    height: 100%;
    line-height: 36px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 8px;
}
.high-search .search-content .search-item .search-box select{
    width: 100%;
    height: 100%;
    line-height: 36px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 36px;
    
}
 .high-search .search-content .search-item .search-box .leftinput{
       width: calc( 100% - 60px);
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    float: left;
    border-right: none !important;
}
.high-search .search-content .search-item .search-box .rightbutton{
	border: 1px solid #ccc;
    /* border-left: none; */
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    width: 60px;
    height: 36px;
    float: left;
    background: #F5F6FA;
    color: #999999;
} 
.high-search .search-btn{
    height:45px;
    text-align: center;
    line-height: 45px;
}
button:focus{
    outline:0;
    }