.cus-tab a{
    text-decoration: none;
    color: #303133;
}
.el-tabs__item {
    padding: 0 5px;
}
.resize{
    background: #EEEEEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAFCAMAAACD1meMAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURbu7u////3iwjPUAAAACdFJOU/8A5bcwSgAAABRJREFUeNpiYMADGHEDBhroAwgwAA9QADeT0qnSAAAAAElFTkSuQmCC) no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: row-resize;
    height: 9px;
    overflow: hidden;
    margin-bottom: 10px;
}
body{
    margin:0 auto;
    overflow: auto;
    background-color: #ffffff !important;
}
.el-texta{
    min-height: 33px;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 170px;

}
.el-card-btn{
    float: right;
    padding: 3px 0px;
}
/*header*/
.header-pageTab{
    width:80% !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #FFF !important;
}
.header-prev{
    border-left:1px solid #f1f0f0 !important;
    border-bottom:1px solid #f1f0f0 !important;
}
.header-btn{
    border-bottom:1px solid #f1f0f0 !important;
}
/*json*/
.CodeMirror-linenumber {
    background-color: #F7F7F7;
    color: #999;
// border: 1 px solid #ddd;
}

.some-css {
    color: red;
    line-height: 2;
}

.CodeMirror {
    font-size: 14px;
    color: #333;
    font-family: Microsoft YaHei Arial sans-serif;
    background-color: #FFF;
    border: 1px solid #ece2e2;
// border-top: 1 px solid black;
// border-bottom: 1 px solid black;
}

.jsonResult {
    margin-top: 10px;
    padding: 1em;
}

.pass {
    background-color: #efe;
    color: #393;
    border: 2px solid #393;
}

.fail {
    background-color: #fee;
    color: #933;
    border: 2px solid #933;
}
.ma{
    margin:0 auto;
}
.json-m{
    float:left;
    margin-top:15px;
    margin-bottom: 5px;
}

/*jsonview*/

.jsonview-bg{
    background-color: #fff;
}
.jsonview-card{
    margin:0 auto;
    max-height: 90%;
    height:733px;
}

.jsonview-padding{
    padding-left: 0!important;
    padding-right: 0!important;
    position: relative;
}
.jsonview-header{
    padding: 10px 10px 10px 20px;
    position: relative;
}
.jsonview-b{
    margin-right: 30px;
}
.jsonview-h{
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: inline
}

/*jsontoxml*/
.cBtn{
    float: right; padding: 3px 0px;
}
.json2xml-source{
    min-height: 33px;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 170px;
}
.json2xml-result{
    min-height: 33px;
    margin-top: 10px;
    margin-bottom: 0px;
    height: 170px;
}
/*jsoncolor*/
.jsoncolor-source{
    min-height: 33px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 170px;
}

.jsoncolor-tabsize{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}
/*jsoneditor*/
.jsoneditor-left{
    width: 48%; height: 400px;float: left
}
.jsoneditor-right{
    width: 48%; height: 400px;float: left
}
.jsoneditor-descr{
    float: left;
    margin-top: 20px;
    width: 100%;
}

/*jsontojava*/
.jsontojava-c{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}
.jsontojava-w{
    width: 240px;
}
.jsontojava-result{

}

/*jsontoget*/
.jsontoget-code{
    min-height: 33px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 170px;
}
.jsontoget-btG{
    margin-top:15px;margin-bottom: 30px;
}
.jsontoget-code2{
    min-height: 33px; margin-top: 10px;padding-top: 30px; margin-bottom: 0px; height: 170px;
}

/*jsontoc*/
.jsontoc-content{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}
.jsontoc-out{
    min-height: 33px; margin-top: 10px; margin-bottom: 10px; height: 170px;
}

/*exceltojson*/
.exceltojson-s{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}
.exceltojson-w{
    width: 150px
}
.exceltojson-ct{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}
.exceltojson-r{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}
.exceltojson-both{
    clear: both;
}
.exceltojson-p10{
    padding-top: 10px;
}

/*jsontoexcel*/
.jsontoexcel-s{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}

.jsontoexcel-w{
    width: 150px
}
.jsontoexcel-r{
    min-height: 33px; margin-top: 0px; margin-bottom: 10px; height: 170px;
}
.jsontoexcel-p10{
    padding-top: 10px;
}
.jsontoexcel-both{
    clear: both;
}

/*base64*/
.base64-m10{
    margin-top: 10px;
}

/*aesdes*/
.aesdes-enType{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}
.aesdes-w{
    width: 150px;
}
.aesdes-m10{
    margin-top: 10px;
}

.ras-keySize{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}
.rsa-pl{
    width:48%;float: left;
}
.rsa-pr{
    width:48%;float: right;
}
.rsa-jm{
    width:100%;float: left;margin-top:20px;
}

/*sha*/
.sha-btnG{
    float:left;margin-top:15px;margin-bottom: 5px;
}
.sha-l{
    float: left;width: 100%;
}
.sha-w100{
    width: 100px;
}
.sha-pwd{
    margin-top: 20px;width: 300px;
}
.sha-btnG2{
    float:left;margin-top:15px;margin-bottom: 15px;
}

/*escape*/
.escape-out{
    margin-top:15px;
}

/*urlencode*/
.urlencode-cG{
    width: 100%;margin: 10px;
}
.urlencode-ml20{
    margin-left: 20px;
}

/*unicode*/
.unicode-bt{
    width: 100%;margin: 10px;
}

/*md5*/
.md5-in{
    width: 45%;float: left;
}
.md5-bt{
    width: 7%;margin: 40px;float: left;
}
.md5-result{
    float: left;width: 30%;padding-top: 1px;
}
.md5-w500{
    width: 500px
}
.md5-mt10{
    margin-top: 10px;
}
.md5-mb10{
    margin-bottom: 10px;
}

/*jsevalencode*/
.jsevalencode-bt{
    width: 100%;margin: 10px;
}

/*jsencode*/
.jsencode-bt{
    width: 100%;margin: 10px;
}

/*msencode*/
.msencode-bt{
    width: 100%;margin: 10px;
}


/*jshtmlformat*/
.jhformat-result{
    margin-top: 10px;
    padding: 1em;
}
.jsformat-d{
    float:left;margin-bottom: 10px;
}
.jhformat-tabsize{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}

/*cssformat*/
.cssformat-result{
    margin-top: 10px;
    padding: 1em;
}
.cssformat-btG{
    float:left;margin-bottom: 5px;
}

/*xmlformat*/
.xmlformat-result{
    margin-top: 10px;
    padding: 1em;
}
.xmlformat-btG{
    float:left;margin-top:15px;margin-bottom: 5px;
}

/*sqlformat*/
.sqlformat-result{
    margin-top: 10px;
    padding: 1em;
}
.sqlformat-btG{
    float:left;margin-bottom: 5px;
}

/*httpRequest*/
.http-mp10{
    margin: 10px;
    padding: 10px;
}
.http-head{
    margin: 5px;border-radius: 4px;
}

.http-select{
    height: 40px;border: 1px solid #dcdfe6;color: #606266;
}
.http-checkbox{
    border: 1px solid #ccc;height: 40px;    padding: 10px;border-radius: 4px;
}
.http-site{
    width: 10%;float: left;padding-right: 3px;
}
.http-mc{
    margin: 5px;border-radius: 4px;
}
.http-url{
    width: 60%;
}

.http-mask{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
    display: none;
    z-index: 99999;
}
.http-msgBox{
    width: 598px;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    background: #fff;
    z-index: 10000000;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -299px;
}

.http-ph{
    width: 40px; border-color: rgb(19, 206, 102); background-color: rgb(19, 206, 102);
}
.http-cp{
    width: 40px; border-color: rgb(255, 73, 73); background-color: rgb(255, 73, 73);
}
.http-w300{
    width: 300px;
}
.http-batchHeaderBox{
    width: 598px;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    background: #fff;
    z-index: 10000000;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -299px;
}
.http--res-l{
    float: left;width: 46%
}
.http-res-r{
    float: right;width: 46%
}
.http-dt{
    height: 40px; border: 1px solid #dcdfe6;color: #606266;
}
.http-ct{
    width: 26%;
}

/*ws*/
.ws-mb10{
    margin-bottom: 10px;
}
.ws-mr10{
    margin-right: 10px;
}
.ws-bt{
    width: 100%;margin-top: 10px;
}
.ws-msg{
    width: 79.3%;
}

/*ip*/
.ip-mp10{
    margin: 10px;padding: 10px;
}
.ip-m5{
    margin: 5px;
}
.ip-c{
    border: 1px solid #ccc;margin: 5px;border-radius: 4px;
}

/*unixtime*/
.unixtime-mp10{
    margin: 10px;padding: 10px;
}
.unixtime-m5{
    margin:5px;
}
.unixtime-w60{
    width: 60%;
}
.unixtime-w80{
    width: 80px;
}
.unixtime-br0{
    border-radius: 0px;
}
.unixtime-end{
    border-right: 1px solid #DCDFE6;
}
.unixtime-mr5{
    margin-right:5px;
}
.unixtime-tc{
    text-align: center;
}

/*jinzhi*/
.jinzhi-mp10{
    margin: 10px;padding: 10px;
}
.jinzhi-rG{
    margin: 5px;padding:10px;border-radius: 4px;
}
.jinzhi-cBtn{
    width: 80px;margin-left: 5px;
}

/*hanzi*/
.hanzi-checkbox{
    border: 1px solid #ccc;
    height: 40px;    padding: 10px;border-radius: 4px;
}
.hanzi-w40{
    width: 40px;
}
.hanzi-mt10{
    margin-top: 10px;
}
.hanzi-ct{
    height: 40px;
    border: 1px solid #dcdfe6;
    color: #606266;
}

/*cnum*/
.cnum-mp10{
    margin: 10px;padding: 10px;
}
.cum-m5{
    margin: 5px;
}
.cum-w60{
    width: 60%;
}

/*cfilesize*/
.cfilesize-mp10{
    margin: 10px;padding: 10px;
}
.cfilesize-m5{
    margin: 5px;
}
.cfilesize-w60{
    width: 60%;
}

/*16jinzhitocn*/
.hextocn-mt10{
    margin-top: 10px;
}

/*fontawesome*/
.fonta-mp10{
    margin: 10px;padding: 10px;
}
.fonta-header{
    border:1px solid #ccc;margin: 5px;border-radius: 4px;
}
.fonta-mr2{
    margin-right: 2%;
}

/*keycode*/
.keycode-mp10{
    margin: 10px;padding: 10px;
}

/*img2base64*/
#base64ImgArea li{
    list-style-type: none;
    border: 1px solid #ccc;
    width: 180px;
    text-align: center;
    margin: 10px 10px;
    float: left;
}
#base64ImgArea li img{
    width: 100%;
}
#base64ImgArea li img .textarea{
    margin-top: 5px;
}
#base64ImgArea li textarea{
    border: 1px solid #ccc;
}
#base64ImgArea li button{
    margin-top: 5px;
    width: 100%;
}
.img2base64-mp10{
    margin: 10px;padding: 10px;
}
.img2base64-imgs{
    overflow-y:scroll;border:1px solid #ccc;margin: 5px;border-radius: 4px;
}

/*gif2z*/
.gif2z-mp10{
    margin: 10px;padding: 10px;
}
.gif2z-staticImg{
    overflow-y:scroll;border:1px solid #ccc;margin: 5px;border-radius: 4px;
}
.gif2z-w{
    min-width: 658px;
}

/*imgcpress*/
.imgcpress-mp10{
    margin: 10px;padding: 10px;
}
.imgcpress-slider{
    padding:10px;display: inline-block;vertical-align: bottom;
}
.imgcpress-c{
    overflow-y:scroll;border:1px solid #ccc;margin: 5px;border-radius: 4px;
}


/*calc*/
/*body {overflow:hidden;}*/
#calculator_base,#calculator_complete {position:relative;margin:0 auto;padding-top:10px;width:540px;}
#calculator_base_cup,#calculator_complete_cup {padding-bottom:10px;}
#calculator_base_container,#calculator_complete_container {width:437px;height:448px;margin:0px 10px;background:url(../img/siverbg.png) no-repeat 0 0;}
#calculator_complete_container {height:578px;background-image:url(../img/siverbg2.png);}
/* table */
#base_table_main td {height:53px;}
#complete_table_main td {height:40px;*height:38px;}
#complete_table_more td {height:40px;}
.calculator_table {width:100%;}
.calculator_table td {text-align:center;padding:0px;margin:0px;}
.topRowCss td {height:30px;*height:32px;color:#FFF;padding-top:3px;}
#baseEprsPanel,#completeEprsPanel {text-align:right;}
/* button */
.baseBtnCommonCss {width:94px;height:44px;background:url(../img/d1btn.gif) no-repeat 0 -44px;font-size:14px;color:#FFF;}
.baseBtnCss1 {background-image:url(../img/d0btn.gif);}
.baseBtnCss2 {background-image:url(../img/d2btn.gif);font-size:20px;}
.baseBtnCss3 {background-image:url(../img/d3btn.gif);font-size:16px;}
.baseBtnCss4 {background-image:url(../img/d4btn.gif);font-size:20px;}
.completeBtnCommonCss {width:64px;height:34px;border:0px;background:url(../img/e0btn.gif) no-repeat 0 -34px;font-size:14px;color:#FFF;}
.completeBtnCss1 {background-image:url(../img/e1btn.gif);}
.completeBtnCss2 {background-image:url(../img/e3btn.gif);}
.completeBtnCss3 {background-image:url(../img/e2btn.gif);font-size:18px;}
.completeBtnCss4 {background-image:url(../img/e4btn.gif);font-size:18px;}
.completeBtnCss5 {width:74px;height:34px;background:url(../img/e5btn.jpg) no-repeat 0 -34px;}
/* common */
.displayCss {width:390px;height:56px;text-align:right;font-size:40px;padding:0 5px;
    *line-height:140%; /* for ie */}
.helperBox {width:42px;height:27px;color:#FFF;text-align:center;background-color:#CCC;background:url(../img/num.gif) no-repeat;margin:0px;padding:0px;
    *line-height:200%; /* for ie */}
.calculator_tab {position:absolute;left:457px;top:10px;height:62px;width:62px;background:url(../img/cal_tab.gif) no-repeat;}
.calculator_tab ul {list-style:none;width:100%;height:100%;margin:0px;padding:0px;}
.calculator_tab ul li {height:31px;width:100%;color:#FFF;text-align:center;cursor:pointer;line-height:240%;}
.selTabTop {background:url(../img/cal_tab_top.gif) no-repeat;}
.selTabBottom {background:url(../img/cal_tab_bottom.gif) no-repeat;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:15px;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:-11px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url('') no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


/*相关功能模块start*/
.xg_container {
    border: 1px solid #EBEEF5;
    margin-top:10px;
    background: #fff;
    height: auto;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}
.xg_container ul {
    list-style: none;
}

.xg_container a {
    text-decoration: none;
}
.xg_price {
    margin: 0 auto;
}

.xg_price h4 {
    color: #333;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 10px;
    padding-left: 10px;
}

.xg_price .category {
    width: 1180px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 10px;
}

.xg_price .category:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 1px;
    background-color: #EDEDED;
    z-index: 2;
}

.xg_price .category:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #EDEDED;
    z-index: 2;
}

.xg_price .category a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.xg_price .category .prev {
    display: none;
    position: absolute;
    top: 0;
    width: 59px;
    height: 100%;
    box-shadow: 0 0 3px #c6c6c7;
    background: #fff;
    text-align: center;
    font-size: 0;
    left: 0;
    border-right: 1px solid #e1e3e6;
}

.xg_price .category .prev span {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../img/arrow.svg);
    background-position: 96.77% 25%;
    background-size: initial;
}
.xg_price .category .next span {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../img/arrow.svg);
    background-position: 61.29% 25%;
    background-size: initial;
}

.xg_price .category .next {
    position: absolute;
    top: 0;
    width: 59px;
    height: 100%;
    box-shadow: 0 0 3px #c6c6c7;
    background: #fff;
    text-align: center;
    font-size: 0;
    right: 0;
    border-left: 1px solid #e1e3e6;
}

.xg_price .category ul li {
    display: table-cell;
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    position: relative;
    padding: 18px 25px;
}

.xg_price .category ul li.active {
    border-bottom-color: #00a4ff;
    color: #00a4ff;
}

.xg_price .cont {
    display: none;
}

.xg_price .cont.active {
    display: block;
}

.xg_price .cont ul li {
    width: 270px;
    float: left;
    margin: 0 10px;
    box-sizing: border-box;
}

.xg_price .cont ul li:nth-child(4n) {
    margin-right: 0px!important;
}

.xg_price .cont ul li a {
    display: block;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    margin-top: 20px;
    padding: 13px 20px 15px;
}

.xg_price .cont ul li a:hover {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    border-color: rgba(229, 229, 229, .73);
}
.xg_price .cont ul li a:hover .cont_main h3.title {
    color: #00a4ff;
}

.xg_price .cont ul li a .cont_main {
    display: table-cell;
    vertical-align: top;
}
.xg_price .cont ul li a .cont_main h3.title {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.xg_price .cont ul li a .cont_main p.desc {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    height: 42px;
    margin-top: -2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*相关功能模块end*/