/************公用************/
    /*宽度改为自适应宽度*/
    html,body{
        font:12px Arial,"Open Sans","Helvetica Neue",Helvetica,sans-serif !important;
        color: #383f42;
        /*color: #333;*/
        width: 100%;
        height: 100%;
        /*display: table;*/
        overflow: hidden;
        /*overflow-x: hidden;*/
        /*overflow-y: auto;*/
        position: relative;
    }
    ul,li,p,h1,h2,h3,h4,h5,h6,dl,dd,body{
        list-style:none;
    }
    button,input,textarea{
        font-family: tahoma,"microsoft yahei",Arial,Helvetica,sans-serif;
    }
    select{
        -moz-appearance:none;
        -webkit-appearance:none;
    }
    a{
        color: #383f42;
        text-decoration: none !important;
    }
    img{
        vertical-align: middle;
    }
    a,i,b,span{
        display: inline-block;
    }
    .lf{float:left;}
    .rt{float:right;}
    .clear:after{
        content:"";
        clear: both;
        display: block;
    }
    *{
        box-sizing: border-box;
        margin:0;
        padding:0;
    }
    input::-webkit-input-placeholder {color:#d1d1d1;font-size: 12px;}
    input:-moz-placeholder {color:#d1d1d1;font-size: 12px;}
    input::-moz-placeholder {color:#d1d1d1;font-size: 12px;}
    input:-ms-input-placeholder {color:#d1d1d1;font-size: 12px;}
    textarea::-webkit-input-placeholder {color:#d1d1d1;font-size: 12px;}
    textarea:-moz-placeholder {color:#d1d1d1;font-size: 12px;}
    textarea::-moz-placeholder {color:#d1d1d1;font-size: 12px;}
    textarea:-ms-input-placeholder {color:#d1d1d1;font-size: 12px;}

    .btn{
        /*height: 30px;
        line-height: 30px;*/
        padding: 6px 12px;
        border-radius: 3px;
        cursor: pointer;
        outline: none !important;
        background-color: #1890FF;
        color: #fff !important;
        border:1px solid #1890FF;
        font-size: 12px !important;
    }
    .btn:hover{
        background-color:#1681E5;
    }
    .other_btn{
        padding: 4px 10px;
        /*line-height: 1.42857143;*/
        cursor: pointer;
        outline: none !important;
        background-color: #E8E8E8;
        border:1px solid #d1d1d1;
        font-size: 12px !important;
        margin-right: 10px;
    }
    .other_btn:hover{
        background-color: #eee;
    }
    .ipt{
        height: 24px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        outline: none;
        border-radius: 3px;
        padding-left: 6px;
		width: 57%;
        background-color: #fff !important;
    }

    #ola{
        width: 100%;
        background-color: #f1f4f7;
		z-index: 999;
		float: right;
		border: 1px solid #d6d6d6;
    }
    .ola_content{
        width: 100%;
        /*height: 100%;*/
        background-color: #fff;
        padding: 1% 1%;
    }
    #systemServer,#systemStatus{
        margin-bottom: 20px;
        position: relative;
    }
    .ss_box{
        position: relative;
    }
    .ss_title{
        margin-right: 5px;
        line-height: 30px;
        cursor: default;
    }
    #ola_tag{
        margin-bottom: 20px;
        clear: both;
    }
    #status{
        margin-right: 15px;
    }
    #systemStatus{
        /*line-height: 30px;*/

    }
    /*.iconfont{
        vertical-align: middle;
    }*/
    .signin>i,.signoff>i{
        font-size: 16px !important;
    }
    .isfree>i,.on_hook>i{
        font-size: 15px !important;
    }
    .isbusy>i{
        font-size: 13px !important;
    }
    .keep>i,.keep_over>i{
        font-size: 10px !important;
    }
    #ola_functions1{
        margin-right: 15px;
    }
    #dest{
		margin-right: 10px
		margin-bottom: 5px;
	}
    #ola_functions2>input{
        margin-right: 10px;
        float: left;
    }
    #ola_functions1,#ola_functions2{
        /*margin-bottom: 20px;*/
        position: relative;
    }
    .ola_box{
        width: 100%;
        height: 100%;
        clear: both;
        background-color: #fff;
		overflow:hidden;
    }
    .ola_box>div{
        height: 100%;
        /*min-height: 420px;*/
    }
    .ob_left,.ob_right{

    }
    .ob_left{
        width: 45%;
        padding-right: 1%;
        background-color: #f1f4f7 !important;
    }
    .ob_right{
        padding-left: 1%;
        width: 55%;
        background-color: #f1f4f7 !important;
    }
    .ol_content,.or_content{
        height: 100%;
        overflow: auto;
        background-color: #fff;
        padding: 20px;
    }
    .ol_content::-webkit-scrollbar,
    .or_content::-webkit-scrollbar{
        width:5px;
        height:5px;
    }
    .ol_content::-webkit-scrollbar-thumb,
    .or_content::-webkit-scrollbar-thumb{
        background:#D6D6D6;
        border-radius:4px;
    }
    .ob_title{
        margin-bottom: 20px;
    }
    .data_show,.api_explain{
        padding: 20px;
    }
    .data_show{
        font-size: 16px;
        font-family: sans-serif;
    }
    .ola_status{
        font-size: 18px;
        margin-right: 16px;
        font-weight: 600;
        line-height: 30px;
    }
    /*----------------------*/
    .bdr_ipt{
        border: 1px solid #1890FF;
    }
    .hint{
		width:200px;
        padding: 4px 12px;
        background-color: #000;
        color:#ffffff;
        position: absolute;
        left: -10px;
        bottom: 24px;
        border-radius: 4px;
		z-index:999;
    }
    .green{
        color: rgb(143, 200, 89);
    }
    .red{
       color: rgb(246, 101, 73);;
    }
	.obt_list>li{
		margin-bottom:10px;
		font-size:14px;
	}
	#declinebtn{
		background-color: #6f89a0;
		border: 1px solid #6f89a0;
	}
	#vertoConn,#DisConnect{
		width:100%;
		margin-bottom: 5px
	}
	.vertoBtnDiv{
		margin-bottom:5px;
	}