body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,button,textarea,th,td,pre,code{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} img{border:0} li{list-style:none} body{font-size: 14px;color: #333;font-family:'Microsoft Yahei','Simsun';min-width:1200px;} .graybody{background-color: #F5F6F7;} input{line-height: normal;vertical-align: middle;} ::-webkit-input-placeholder, input:-moz-placeholder {} .clear{clear:both} .clearfix:after {clear: both;content: '\0020';display: block;height: 0;} a{color:#545454;text-decoration:none;} .green{color:#390} .red{color:#f00} .blue{color:#36c} .gray{color:#454545} .orange{color:#f60} .mtop5{margin-top: 5px;} .mtop10{margin-top: 10px;} .mtop15{margin-top: 15px;} .fr{float: right;} a:hover{} .wid{width: 1200px;margin-left:auto;margin-right:auto;} .wid2{} .mcenter{text-align: center;} @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } #top{box-shadow:0 1px 1px #F2F4F6;border-bottom: 1px solid #ECEDEF;} #logo{float:left;width: 320px;height: 40px;margin-left: 10px;vertical-align: middle;padding:8px 0;} #logo .logo{display:inline-block;background: url(../images/logo.png) 0 0 no-repeat;height:40px;width: 140px;text-indent: -9999px;vertical-align: middle;} #logo span{display: inline-block;width: 1px;height: 30px;background-color: #F9F9F9;margin-right: 10px;vertical-align: middle;} #logo h1{display: inline-block;font-weight: normal;vertical-align: middle;} #logo #toollogo{display:inline-block;vertical-align: middle;color: #B5B5B5;font-size: 12px;transition:color 0.3s;-webkit-transition:color 0.3s;} #logo #toollogo:hover{color:#00B0FE;} #logocenter{float:left;width:850px;} #nav{} #nav>ul>li{float:left;position:relative;height:57px;} #nav>ul>li a{color:#575757;display:block;line-height:57px;text-align: center;padding:0 24px;} #nav>ul li a.on,#nav ul li a:hover{color:#00B0FE;} #nav>ul>li ul{position:absolute;background-color:rgba(255,255,255,0.8);box-shadow:0 1px 1px #F2F4F6;top:57px;left:50%;margin-left:-69px;padding-top:10px;padding-bottom:9px;display:none;z-index:55;} #nav>ul>li ul li{padding:7px 24px;} #nav>ul>li ul li a{color:#333;line-height:18px;display:block;white-space: nowrap;padding:0;} #nav ul>li.downmenu span{position:absolute;right:24px;width:11px;height:7px;background:url(../images/icon.png) 0 -1993px no-repeat;top:50%;margin-top:-4px;transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:transform 0.2s;-webkit-transition:transform 0.2s;} #nav ul>li.downmenu:hover span{transform:rotate(0deg);-webkit-transform:rotate(0deg);} #nav ul>li.downmenu:hover ul{display:block;} #nav ul>li.downmenu>a{padding-right:27px;margin-right:23px;} #logoright{float: right;margin-top: 6px;} #logoright a{line-height: 28px;text-align: center;color: #777777;} #logoright span{color: #777777;margin: 0 5px;} #searchbox{float: left;margin-left: 30px;background-color: #E9ECF2;border-radius: 30px;} #searchbox input[type="text"]{height: 28px;width: 70px;background: transparent;padding: 0 5px;border: none;color: #aaa;text-indent: 10px;} #searchbox input[type="text"]:focus{outline: 0;} #searchbox input[type="submit"]{line-height: 28px;height: 28px;width: 44px;color: #fff;font-size: 16px;cursor: pointer;background: transparent url(../images/main_raw.png) 10px -70px no-repeat;border: none;} #logindiv{float: left;margin-left: 30px;} #topbox{height: 586px;background: #4f85ff;border-bottom:1px solid rgba(255,255,255,0.12);} #topbox .wid2{position: relative;background: url(../images/banner_bg.png) center center no-repeat;height: 100%;width: 1200px;margin-left:auto;margin-right:auto;} #topbox #tbtextbox{position: absolute;top: 170px;left:0px;} #topbox #tbheader{font-size:42px;color: #fff;} #topbox p{font-size: 16px;color: #fff;margin-top: 30px;} #topboxbot{height: 190px;background: #4f85ff;padding-top: 60px;} #topboxbot #tbblist{width:1050px;margin-bottom:10px;} #topboxbot #tbblist li{width: 240px;height: 80px;background-color: #ffffff;float: left;border-radius: 6px;margin-right: 15px;margin-bottom: 18px;transition:box-shadow 0.2s;-webkit-transition:box-shadow 0.2s;} #topboxbot #tbblist li:hover{box-shadow:0px 8px 13px rgba(30,41,107,0.39);-webkit-box-shadow:0px 8px 13px rgba(30,41,107,0.39);} #topboxbot #tbblist li a{display: block;} #topboxbot #tbblist li .icon{width:100px;height: 80px;float: left;background: url(../images/icon.png) no-repeat;background-position:40px 20px;} #topboxbot #tbblist li .inbase64 .icon{background-position:40px -1068px;} #topboxbot #tbblist li .inurl .icon{background-position:40px -1173px;} #topboxbot #tbblist li .intime .icon{background-position:40px -1280px;} #topboxbot #tbblist li .iconright{width: 135px;height: 100%;float: left;color: #333333;font-size: 16px;padding-top: 16px;} #topboxbot #tbblist li .iconright span{color: #999999;font-size: 12px;display: block;margin-top: 5px;} #topboxbot #tbbbot{height: 100px;background: #fff url(../images/tbbbot.png) 0 0 no-repeat; background-size: 100% 100%;} #recommendbox h2{font-size:18px;color: #3fbafd;font-weight: normal;line-height: 60px;position: relative;height: 60px;/*border-bottom: 1px solid #F0F3F5;*/} #recommendbox h2 strong{font-weight: normal;float: left;} #recommendbox h2 strong:before{content:"";background-color:#00b0fe;width:1px;height:18px;float:right;margin-top:21px;margin-left:21px;} #recommendbox h2:before{} #recommendbox h2 span{font-size: 14px;color: #CFD2D3;margin-left:22px;line-height: 20px;position: absolute;bottom: 19px;} #recommendbox h2 a{font-size: 14px;background: url(../images/icon.png) no-repeat;background-position: 0px -460px;color:#00b0fe;padding-left:21px;line-height: 20px;position: absolute;bottom: 16px;right: 0;padding-right: 21px;display:none;} #recommendbox h2 .more{font-size: 14px;color: #666;background: url(https://www.jisuapi.com/static/images/mainv2.png) -2px -217px no-repeat;line-height: 20px;position: absolute;bottom: 16px;right: 0;padding-right: 21px;display: block;} #rblist{margin-top: 20px;} #recommendbox.wid1200 #rblist li{width:287px;} #recommendbox.wid1200{width:1200px;} #rblist li{width: 237px;height: 80px;background-color: #FBFCFD;float: left;border-radius: 3px;margin-right: 11px;margin-bottom: 18px;border: 1px solid #72d1fc;transition:all 0.3s;-webkit-transition:all 0.3s;} #rblist li a{display: block;} #rblist li .icon{width: 80px;height: 80px;float: left;background: url(../images/icon.png) 25px 20px no-repeat;} #rblist li:hover{box-shadow:0 1px 3px rgba(170,171,170,0.39);border-color:#a8eeda;} #rblist li.imd5:hover .icon{background-position:25px -1595px;} #rblist li.ibase64:hover .icon{background-position:25px -1686px;} #rblist li.iurl:hover .icon{background-position:25px -201px;} #rblist li.iunix:hover .icon{background-position:25px -1383px;} #rblist li.imd5 .icon{background-position:25px -46px;} #rblist li.ibase64 .icon{background-position:25px -118px;} #rblist li.json .icon{background-position:25px -3282px} #rblist li.json:hover .icon{background-position:25px -3148px} #rblist li.iurl .icon{background-position:25px -1495px;} #rblist li.iunix .icon{background-position:25px -267px;} #rblist li .iconright{width: 135px;height: 100%;float: left;color: #333333;font-size: 16px;padding-top: 16px;} #rblist li .iconright span{color: #999999;font-size: 12px;display: block;margin-top: 5px;} #rblist li.bejson .icon{background-position:25px -3282px;} #rblist li.bejson:hover .icon{background-position:25px -3148px;} #rblist li.cssformat .icon{background-position:25px -5268px;} #rblist li.cssformat:hover .icon{background-position:25px -5431px;} .hotdata li{width: 235px;float: left;background-color: #fff;height: 239px;text-align: center;margin-right: 20px;margin-bottom: 20px;padding-top: 70px;border-top: 1px solid #A2E132;-webkit-transition:all .2s linear;transition:all .2s linear;position: relative;} .hotdata li:last-of-type{margin: 0} .hotdata li #xsprice{position:absolute;left:-4px;top:9px;width:54px;height:26px;background:url(/static/images/mainv2.png) no-repeat;background-position:0 -3769px;} .halfprice, .specialprice{background: 0 0 no-repeat;background-image: url(/static/images/halfprice.png);width: 85px; height: 84px;top: 0px;left: 0px;position: absolute;} .specialprice{background-image: url(/static/images/promote/1111/specialprice.png);} .hotdata li a{display: block;} .hotdata li.hdlilast{margin-right: 0;} .hotdata li.item-active,.hotdata li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)} .hotdata li h3{margin-top: 46px;margin-bottom: 0px;font-size: 16px;color: #333333;line-height: 30px;font-weight: normal;} .hotdata li p{font-size: 12px;color: #999999;} .hotdata li span{display: block;font-size: 12px;margin-top: 13px;} .hotdata li span i{font-size: 18px;color: #FF5147;font-style: normal;} .hotdata li span i del{font-size: 12px;text-decoration: none;} .hotdata li span i.nocalprice, #newdata li span i.nocalprice{font-size: 14px;line-height: 24px;color: #545454;} #foot{background-color: #fff;color: #F5F7FA;margin-top: 0;} #foot .wid{padding: 0;background-color: #fff;} #foot #footleft{width: 430px;height: 63px;float: left;background:url(../images/logo_transparent.png) no-repeat 85px center;border-right: 1px solid #eee;margin-top: 19px;} #foot #footcenter{float: left;margin-left: 113px;} #foot #footright{float: left;margin-left: 8px;} #foot .footitem{float: left;margin-right: 117px;} #foot #footright .footitem{margin-right: 0;} #foot .footitem:last-child{margin-left: 20px;} #foot .footitem h3{color: #565656;font-size: 16px;line-height: 40px;margin-bottom: 10px;font-weight: normal;} #foot .footitem li a{font-size: 13px;color: #999999;line-height: 25px;} #foot p{text-align: center;font-size: 12px;color: #B1B1B1;margin-top: 20px;} /* 添加样式使页脚始终位于页面底部 */ html, body { height: 100%; } body { display: flex; flex-direction: column; } #top { flex-shrink: 0; } #contentbox { flex: 1 0 auto; } #foot { flex-shrink: 0; margin-top: auto; } .radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after,.checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after{background: url(../images/tool.png) no-repeat;} .radio-group,.checkbox-group{min-height:16px;line-height:16px;padding:0 6px 0 30px;white-space:nowrap;display:inline-block} .radio-group input[type="radio"],.checkbox-group input[type="checkbox"]{position:relative;float:left;width:16px;height:16px;margin-left:-22px;opacity:.001;z-index:1} .radio-group input[type="radio"]+span,.checkbox-group input[type="checkbox"]+span{position:relative;color:#505050;line-height:16px;white-space:nowrap} .checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after,.radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after{content:"";position:absolute;top:50%;left:-22px;width:16px;height:16px;margin-top:-7px} .checkbox-group input[type="checkbox"]+span:before{background-position:0 0} .checkbox-group input[type="checkbox"]:checked+span:after{background-position:0 -65px} .radio-group input[type="radio"]+span:before{background-position:0 -130px} .radio-group input[type="radio"]:checked+span:after{background-position:0 -195px} select{border:1px solid #E6E6E6;-webkit-appearance:none;background:url(../images/tool.png) no-repeat;background-position:right -281px;padding-left: 5px;padding-right: 5px;height: 35px;vertical-align: middle;line-height: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #555555;} .btn{width: 160px;height: 35px;line-height: 35px;background-color: #00B0FE;color: #FFF;border: none;cursor: pointer;font-size: 14px;border-radius: 3px;} .btn:active,.btn:focus{outline: none;} .btn:disabled{background-color: #eaeded;color: #999;} .roundinput{display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #E6E6E6; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .roundinput:focus { border-color: #00B0FE; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6); } .has-error .roundinput{ border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .roundinput[readonly]{background-color: #eee;opacity: 1;} input, textarea, select, button{font-family:'Microsoft Yahei','Simsun'} .backfa{background-color:#f5f7fa;overflow:auto;} .backfa #top,.backfa #foot,.backfa #foot .wid{background-color:#fff;} #contentbox h1{text-align:center;background:url(../images/icon.png) no-repeat;background-position:0 -368px;width:200px;margin:65px auto 59px;color:#00b0fe;font-size:36px;font-weight:normal;} #contentbox.md5{margin-bottom:50px;} #contentbox.md5 h1{width:270px;} #contentbox #cbinputbox{width:994px;margin:0 auto 24px;box-shadow:0 1px 3px #d5d6d9;position:relative;-webkit-box-shadow:0 1px 3px #d5d6d9;} #contentbox #cbinputbox #del{width:12px;height:12px;position:absolute;background:url(../images/icon.png) 0 -518px no-repeat;right:212px;top:30px;cursor:pointer;display:none;} #contentbox #cbinputbox #param{width:788px;height:72px;float:left;outline:none;border:none;background-color:#fff;padding-left:44px;font-size:16px;} #contentbox #cbinputbox #calbtn{width:162px;height:72px;background-color:#00b0fe;color:#fff;text-align:center;font-size:24px;outline:none;border:none;cursor:pointer;} #contentbox #cbresultbox table tr{color:#777;} #contentbox #cbresultbox table th{width:178px;height:72px;border-bottom:1px solid #d5d6d9;border-radius:3px;text-align:center;background-color:#fff;line-height:73px;float:left;} #contentbox #cbresultbox table td{width:382px;height:72px;border-bottom:1px solid #d5d6d9;border-radius:3px;position:relative;background-color:#fff;margin-left:4px;float:left;line-height:73px;padding-left:21px;} #contentbox #cbresultbox table td strong{font-size:12px;border:1px solid #a4e2fe;color:#38bafe;border-radius:16px;background-color:#dff4fe;padding:2px 8px;margin-right:24px;} #contentbox #cbresultbox table td input{color:#333;border:none;padding:5px 0 5px 5px;position:relative;} #upcase32,#locase32{width:260px;} #recommendbox{width:1000px;margin:0 auto;} #file{display:none;} #contentbox #cbinputbox #fileimg{position:absolute;left:10px;width:56px;height:56px;top:8px;border:1px solid #99ddfb;background-color:#cbefff;border-image-width:0;} #contentbox #cbinputbox #sc45{width:0.5px;position:absolute;height:78px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color:#fff;left:38px;margin-left:-1px;margin-top:-1px;} #contentbox #cbinputbox #sc135{width:0.5px;position:absolute;height:78px;transform:rotate(135deg);-webkit-transform:rotate(135deg);background-color:#fff;left:40px;margin-left:-1px;margin-top:-1px;} #contentbox.base64 #cbinputbox #param{padding-left:76px;width:756px;font-size:14px;} #contentbox.base64 #cbinputbox #calbtn{font-size:18px;} #contentbox.base64 h1{background-position:0 -574px;width:355px;} /*#contentbox.base64 .del{display:block;}*/ #recommendbox.base64 #rblist{margin-bottom:15px;} .cbresultlt,.cbresultrt{width:494px;height:240px;background-color:#fff;overflow:hidden;margin-bottom:5px;float:left;box-shadow:0 1px 3px #d5d6d9;-webkit-box-shadow:0 1px 3px #d5d6d9;border-radius:3px;} #contentbox.url .cbresultlt,#contentbox.url .cbresultrt{height:350px;} .cbresultlt{margin-right:6px;} .cbresultlt .cbtitle,.cbresultrt .cbtitle{height:45px;border-bottom:1px solid #eaeaea;} .cbresultlt .cbtitle p,.cbresultrt .cbtitle p{float:left;color:#565656;border:1px solid #a0edd7;background-color:#e2faf3;width:62px;height:25px;line-height:23px;text-align:center;border-radius:15px;margin-top:10px;font-size:13px;margin-left:21px;} .del{float:right;width:12px;height:12px;background:url(../images/icon.png) 0 -518px no-repeat;margin-top:17px;margin-right:15px;cursor:pointer;display:none;} .copy{float:right;width:14px;height:14px;background:url(../sytle/icon.png) 0 -723px no-repeat;margin:17px;cursor:pointer;} .cbresultlt .cbbody,.cbresultrt .cbbody{width:491px;height:190px;color:#333;position:relative;} #contentbox.url .cbresultlt .cbbody,#contentbox.url .cbresultrt .cbbody{width:591px;} .cbresultlt .cbbody textarea,.cbresultrt .cbbody textarea{width:96%;height:92%;border:none;outline:none;color:#777;resize:none;padding:10px 12px;transition:all 0.3s;-webkit-transition:all 0.3s;} textarea::selection{background-color:#ddf5ff;} .banner_list {padding-top: 20px; padding-left: 40px; padding-right: 40px; display: flex;flex-direction: row;justify-content: space-around;} .banner_span {color: #0fa900 !important;} .api_list {overflow: hidden; white-space: nowrap; width: 100%;} .api_list a {color: #007bff;text-decoration: none;} .showtime input::selection{background-color:#ddf5ff;} .cbresultrt .cbbody textarea#showurl+.okcopy{left:10%;top:-20px;} .okcopy{position:absolute;top:-15px;background-color:#11d39a;color:#fff;text-align:center;width:54px;height:24px;line-height:24px;border-radius:10px;font-size:12px;left:30%;display:none;} .okcopy:before{content:"";position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #11d39a;bottom:-6px;left:50%;margin-left:-6px;} #toolPro{width:100%;background-color:#f5f7fa;padding-top:0px;padding-bottom:81px;} #toolPro .toolPro{width:938px;margin-right:auto;margin-left:auto;padding:24px 25px;border:1px solid #d8d8d8;margin-bottom:60px;background-color:#fff;} #toolPro .toolPro strong{font-weight:normal;font-size:18px;color:#00b0fe;margin-bottom:13px;display:block;} #toolPro .toolPro p{text-align:justify;color:#838383;line-height:26px;} #toolPro h2{text-align:center;font-weight:normal;font-size:40px;color:#575757;margin-bottom:40px;} #toolPro table{width:988px;margin-right:auto;margin-left:auto;border-bottom:1px solid #99dfff;background-color:rgba(255,255,255,0.8);} #toolPro table tr th{background-color:#00b0fe;color:#fff;font-size:16px;line-height:34px;height:34px;} #toolPro table tr td{color:#777;text-align:center;height:40px;line-height:40px;} #toolPro table tr td:nth-child(2n){border-right:1px solid #ade5ff;} #toolPro table tr{border-left:1px solid #99dfff;} #toolPro table tr:first-child{border-left-color:#00b0fe;border-right:1px solid #00b0fe;} #foot.backmt0{margin-top:0;border-top:1px solid #f5f7fa;} #contentbox.url h1{background-position:0 -820px;width:451px;} #contentbox.base642 h1{width:404px;background-position:0 -576px;} #contentbox.base642 .cbresultlt .cbtitle p{width:96px;} #contentbox #cbresultbox{width:994px;margin:0 auto;} #contentbox.url #cbresultbox{width:1200px;} #contentbox.url .cbresultlt,#contentbox.url .cbresultrt{width:594px;} #contentbox #cbresultbox #cbtswitch{float:left;position:relative;height:26px;border:1px solid #ececec;color:#777;border-radius:20px;line-height:26px;margin-left:20px;font-size:13px;margin-top:10px;width:126px;position:relative;} #contentbox #cbresultbox #cbtswitch i{position:absolute;left:-1px;width:63px;background-color:#e2faf3;border:1px solid #b7f2e1;height:24px;border-radius:20px;top:0;transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s;margin-left:0;} #contentbox #cbresultbox #cbtswitch span{width:63px;text-align:center;display:inline-block;cursor:pointer;position:relative;} #contentbox #cbresultbox #cbtswitch span.active{background-color:#e2faf3;border:1px solid #b7f2e1;width:61px;border-radius:20px;height:24px;line-height:24px;color:#21b082;} #contentbox #cbresultbox .cbtrl{float:right;margin-top:10px;margin-right:20px;} #contentbox #cbresultbox .cbtrl button{width:68px;height:26px;line-height:28px;background-color:#00b0fe;color:#fff;text-align:center;border-radius:15px;margin-left:10px;cursor:pointer;outline:none;border:none;} #contentbox .del{margin-right:27px;} #contentbox.unixtime h1{width:398px;background-position:0 -953px;} #contentbox.unixtime #cbresultbox .curtimebox{width:988px;margin:0 auto 24px;height:73px;} .curtimelf,#curtimert{float:left;width:420px;height:72px;background-color:#fbfcfd;border-bottom:1px solid #e2e3e6;box-shadow:0 1px 3px #eef0f3;color:#565656;font-size:18px;line-height:72px;padding-right:37px;padding-left:36px;} .curtimelf{margin-right:2px;text-align:right;border-radius:5px 0 0 5px;} #curtimert{text-align:left;border-radius:0 5px 5px 0;} #contentbox.unixtime #cbresultlt{width:988px;margin:0 auto;height:148px;} #contentbox.unixtime #cbresultlt ul li{float:left;width:490px;height:72px;line-height:72px;position:relative;margin-bottom:1px;/*box-shadow:0 1px 3px #e2e3e6;*/} #contentbox.unixtime #cbresultlt ul li p{float:left;width:114px;text-align:center;background-color:#fff;font-size:16px;color:#565656;margin-right:1px;} #contentbox.unixtime #cbresultlt ul li input{width:291px;height:68px;border:2px solid #fff;float:left;outline:none;padding-left:80px;font-size:14px;color:#333;transition:all 0.3s;-webkit-transition:all 0.3s;} #contentbox.unixtime #cbresultlt ul .bjtime label{float:left;margin:0 6px;} #contentbox.unixtime #cbresultlt ul .bjtime input{width:33px;height:36px;border:1px solid #e4e4e7;padding:0;margin-top:17px;font-size:12px;text-align:center;} #contentbox.unixtime #cbresultlt ul .bjtime{background-color:#fff;} #contentbox.unixtime #cbresultlt ul .bjtime p{margin-right:0;border-right:1px solid #f5f7fa;} input::selection{background-color:#ddf5ff;} #contentbox.unixtime #cbresultlt ul li .del{position:absolute;right:43px;top:28px;margin-top:0;display:none;background-position:0 -1941px;} #contentbox.unixtime #cbresultlt ul li.conversion{width:121px;background-color:#fff;margin-left:1px;margin-right:1px;} #contentbox.unixtime #cbresultlt ul li.conversion button{width:68px;height:26px;background-color:#00b0fe;color:#fff;text-align:center;line-height:26px;font-size:14px;outline:none;border:none;cursor:pointer;margin:23px auto;display:block;border-radius:20px;} #contentbox.unixtime #cbresultlt ul li.showtime{width:375px;} #contentbox.unixtime #cbresultlt ul li.showtime input{border:none;outline:none;width:295px;display:block;height:72px;} .copyback{float:right;width:44px;height:45px;margin-right:15px;transition:all 0.3s;-webkit-transition:all 0.3s;display:none;} .copy_icon{background-color:#00b0fe;} .copyback:hover{background-color:#00b0fe;cursor:pointer;} .copyback:hover .copy{background-position:0 -669px;} .copyback.copy_icon .copy{background-position:0 -669px;} #stop{width:14px;height:14px;display:block;background:url(../images/icon.png) no-repeat;background-position:0 -1882px;position:absolute;left:170px;top:28px;cursor:pointer;} #stop.tstart{background-position:0 -1812px;} .curtimertbox{position:relative;float:left;} #toolPro .toollist{width:988px;margin:0 auto;} #toolPro .toollist strong{color:#00b0fe;font-size:18px;font-weight:normal;margin-bottom:28px;display:block;margin-top:40px;} #toolPro .toollist table{border:none;} #toolPro .toollist table tr{border:none;} #toolPro .toollist table tr td{border:1px solid #c3cadb;height:43px;line-height:30px;color:#56688a;padding:0 8px;text-align:left;} #toolPro .toollist table tr td:first-child{background-color:#f3f5f9;font-weight:bold;width:222px;} ::-webkit-scrollbar{width: 8px; height: 8px;} ::-webkit-scrollbar-track{border: 1px #d3d3d3 solid; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius: 10px; background: #eee;} ::-webkit-scrollbar-thumb{border: 1px #808080 solid; border-radius: 10px; background: #999;} ::-webkit-scrollbar-thumb:hover {background: #7d7d7d;} .base642pic .cbresultlt{margin-right:0;width:100%;} #contentbox.base642pic h1{width:353px;background-position:0 -576px;} /*.base642pic .del{display:block;}*/ .base642pic #turnpic{float:right;width:100px;text-align:center;line-height:46px;height:46px;background-color:#00b0fe;color:#fff;cursor:pointer;font-size:16px;} #contentbox.base642pic #showpic{width:994px;min-height:56px;height:auto;margin:0 auto;} #contentbox.base642pic #showpic img{max-width:100%;} #contentbox.base642pic .cbresultlt .cbtitle p{width:96px;} #contentbox.base642pic #cbresultbox{margin-bottom:10px;} #contentbox.base642pic .cbresultlt .cbbody{width:994px;} #contentbox.base642pic .cbresultlt .cbbody textarea{width:98%;} #basepro{background-color:#f5f7fa;} #basepro .basepro{width:994px;margin:0 auto;font-size:12px;color:#999;padding-top:33px;padding-bottom:60px;} #basepro .basepro p{line-height:24px;margin-bottom:25px;} #basepro .base64demo{width:480px;margin-right:2px;float:left;background-color:rgba(255,255,255,0.8);height:140px;padding:18px 0px;line-height:24px;border-radius:2px;} #basepro .base64demo .c_cssselector{color:#183691;} #basepro .base64demo .c_csspropname{color:#a00;} #basepro .base64demo .pre-propvalue{color:#183691;} #basepro .base64demo .c_csspropname{color:#a00;} #basepro .base64demo .c_htmlpropname{color:#795da3;} #basepro .base64demo .c_htmltag{color:#0366d6;} #cbresultbox .cbshowdata{width:994px;height:auto;clear:both;box-shadow:0 1px 3px #d5d6d9;-webkit-box-shadow:0 1px 3px #d5d6d9;} #cbresultbox .cbshowdata .cbbody{height:247px;position:relative;} #cbresultbox .cbshowdata .cbbody textarea{width:97.6%;border:none;outline:none;resize:none;height:92%;padding:10px 12px;color:#777;} #cbresultbox .cbshowdata .cbtitle{height:45px;border-top:1px solid #eaeaea;background-color:#fff;} .cbbody textarea::-webkit-scrollbar-track{border:none;background-color:#fff;box-shadow:none;} .cbbody textarea::-webkit-scrollbar-thumb{background-color:#e5e5e5;border:none;} /* json¸格式化 */ #contentbox.json #cbresultbox{width:1200px;} #contentbox.json h1{background-position:0 -3019px;width:320px;padding-bottom:6px;} textarea{resize:both} .linedtextarea{padding:0px;margin:0px} .linedtextarea textarea,.linedwrap .codelines .lineno{font-size:15px !important;font-family:monospace !important;line-height:24px !important;height:24px !important} .linedtextarea textarea{padding-right:0.3em;padding-top:0.3em;border:0} .linedwrap .lines{margin-top:0px;width:50px;float:left;overflow:hidden;border-right:1px solid #f7f7f7;margin-right:10px;background-color:rgba(255,255,255,0.6);} .linedwrap .codelines{padding-top:5px} .linedwrap .codelines .lineno{color:#5d5b5b;width:28px;text-align:center;white-space:nowrap} .linedwrap .codelines .lineselect{color:red} .json_input{width:1161px !important;border:none;outline:none;height:450px;margin:0;padding:0 !important;width:100%;font-size:12px;line-height:24px;margin-top:5px !important;color:#333;max-width:1162px !important;} .success{background:none repeat scroll 0 0 #def2fd;border-color:#c8eeff;color:#0072e7;padding:10px;text-indent:2em;} pre.error{background:rgb(251,227,228) none repeat scroll 0 0;border-color:rgb(251,194,196);color:rgb(209,47,25);padding:16px 10px 16px 24px;} #results{width:1200px;font-size:12px;box-shadow: 0px 1px 2px 0px #d2d2d2;box-sizing:border-box;border-radius:2px;} #JSONValidate{width:1200px;} .layui-anim{margin-bottom:8px;background-color:#fff;padding-right:8px !important;opacity:0.8;box-shadow: 0px 1px 2px 0px #d2d2d2;border-radius:2px;} .layout-container .layout-main-view{padding-right: 8px;transition: padding-right .4s cubic-bezier(.18, .81, .3, .89);} @media screen and (min-width:1300px) {.layout-container{width: 1200px;}} .layout{height: 100%;width: 100%;padding-top:0px;} .layout .layout-container{margin: 15px auto;position: relative;} .json_title{height:47px;line-height:47px;width:1200px;background-color:#fff;border-bottom:1px solid #d2d2d2;border-radius:2px;} .json_title button{border:none;outline:none;height:47px;line-height:47px;float:left;cursor:pointer;background:url(../images/icon.png) no-repeat;font-size:12px;color:#838383;} .json_title button:hover{color:#00b0fe;} #validate{width:80px;padding-left:20px;background-position:10px -2059px;margin-left:22px;margin-right:14px;} #validate:hover{background-position:10px -2155px;color:#00b0fe;} #copy{width:70px;background-position:1px -706px;margin-right:5px;} #copy:hover{background-position:1px -2828px;} #reset{width:70px;background-position:3px -2698px;} #reset:hover{background-position:3px -2758px;} #new_json{width:80px;background-position:6px -2320px;margin-right:3px;} /* #new_json:hover{background-position:6px -2320px;} */ #newjson{display:none;} .form-control{display:block;width:100%;font-size:14px;color:#555;background-color:rgba(255,255,255,0.8);background-image:none;box-shadow: 0px 1px 2px 0px #d2d2d2;border-radius: 2px;padding:40px;resize:none;border:none;outline:none;box-sizing:border-box;} .layui-unselect{width:28px !important;} .col-md-5,.col-md-7{float:left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;box-sizing:border-box;height:100%;} .col-md-5{width:40%;padding-right:0;margin-left:1.666667%;display:none;} .col-md-7{width:100%;margin-left:86px;margin-top: 40px;padding-right:80px;box-sizing:border-box;} .col-md-12{width:100%;height:100%;} .container{width:100%;background-color:#f5f7fa;height:100%;box-sizing:border-box;padding:40px;} .row{width:50%;margin:0 auto;height:100%;} :after, :before{box-sizing:border-box;} #json-target{background-color:#fdfdff;font-size:12px;box-shadow: 0px 1px 2px 0px #d2d2d2;border-radius:2px;padding: 20px; border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;resize: none; overflow-y: scroll;outline: none;height:82.5%;} @media (max-width:1440px) {#json-target{height:79.2%;}.x-border-layout-ct{height:100% !important;padding-bottom:5px;}} .max144{} .navi{height:26px;box-shadow: 0px 1px 2px 0px rgba(210, 210, 210, 0.67);border-radius:2px;background-color:#fdfdff;margin-bottom:5px;} .navi button{border:none;outline:none;cursor:pointer;background:url(../images/icon.png) no-repeat;width:70px;font-size:12px;color:#777;height:26px;line-height:26px;} .navi button:hover{color:#00b0fe;} #zip{background-position:2px -2407px;margin-right:2px;} #zip.on{background-position:2px -2478px;color:#00b0fe;} #zip:hover{background-position:2px -2478px;} #xml{background-position:-1px -2561px;margin-right:1px;} #xml:hover{background-position:1px -2639px;} #xml.on{background-position:1px -2639px;color:#00b0de;} #clear{background-position:3px -2708px;} #clear:hover{background-position:3px -2768px} #newcopy{background-position:2px -716px;} #newcopy:hover{background-position:2px -2838px;} #json_del{width:40px;height:40px;position:absolute;right:-40px;top:0px;background:url(../images/icon.png) no-repeat;cursor:pointer;background-position:3px -2700px;} #json-src{height:100%;display:none;} #json-target textarea{outline:none;} #recommendbox.json{width:1200px;margin-bottom:60px;} #recommendbox.json #rblist li{width:287px;} #json_left{position:fixed;left:30px;top:40px;} #json_left button{border:none;outline:none;font-size:12px;color:#555;line-height:18px;display:block;padding:11px 9px 8px 8px;background-color:rgba(255,255,255,0.8);cursor:pointer;} #json_left button.on{box-shadow: 0px 2px 6px 0px #d2d2d2;color:#00b0fe;} #lview{width:48.22px;} .x-tab-panel{display:none;} .x-tab-panel{position:relative;z-index:3;padding:40px;padding-left: 20px;} #ext-comp-1004{margin:0 auto;} .layui-layer-shade{z-index:1 !important;} .layui-layer{z-index:2 !important;} #ext-gen9{background-color:#f5f7fa;} #edit{width:95% !important;font-size: 12px;padding:30px 40px;background-color:#fdfdff;outline:none;line-height:18px;box-shadow: 0px 1px 2px 0px #d2d2d2;} .x-tab-panel-body,.x-panel-body{width:100% !important;} #jsonda{transform:scale(0,0);-webkit-transform:scale(0,0);-ms-transform:scale(0,0);position:fixed;z-index:3;right:40px;top:0;} #jsonda.scal{animation:scal 0.3s;-webkit-animation:scal 0.3s;-ms-animation:scal 0.3s;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);} .x-tab-strip-text {line-height:20px !important;} .x-tab-strip{border:none !important;} ul.x-tab-strip li{background-color:#fff;} #ext-gen22 .x-tab-panel-body,#ext-gen22 .x-panel-body{background-color:transparent;} #ext-gen22{height:605px !important;} #tree #ext-gen48{box-sizing:border-box;} .x-small-editor{padding-left:22px !important;box-sizing:border-box;border:none;} #ext-gen101 #ext-gen102{border:none;} #grid .x-grid3-header-inner{width:100% !important;} #grid .x-grid3-header-offset{width:100% !important;} #grid .x-grid3 table{width:480px !important;border-radius:2px;background-color:#fff;} #grid .x-grid3 table td{width:50% !important;box-sizing:border-box;} #searchTextField{padding-left:10px !important;box-sizing:border-box;margin-right:10px;} #gria .x-grid3-row{border:none;} #grid .x-grid3-scroller table tr{border-bottom:1px solid #ececec;} .x-grid3-scroller{width:100% !important;background-color:rgba(255,255,255,0.8);box-shadow:0px 1px 2px 0px #d2d2d2;height:844px !important;} .x-small-editor td button{padding-left:0 !important;margin-right:0px !important;padding-top:0 !important;} .x-small-editor tr td:nth-child(5){padding-right:30px !important;} .x-small-editor tr>td:nth-child(3){opacity:0;position:absolute;left:150px;} #searchResultLabel{padding-right:10px;} .x-tab-panel-body-top{height:100% !important;} #tree{width: 72.2% !important;float: left;} @media (max-width:1440px) {#edit{height:720px !important;}#ext-gen22{height:745px !important;}.col-md-7{margin-left:67px;padding-right:67px;}#tree{width:62% !important;}.max144,.x-grid3-scroller{height:668px !important;}} @media (max-width:1366px) {.x-tab-panel-body{height:100% !important;}#edit{height:585px !important;}.row{box-sizing:border-box;padding:0 0 40px 0;}#ext-gen22{height:605px !important;}.max144, .x-grid3-scroller{height:548px !important;}} @media (max-width:1440px) {} @keyframes scal{ 0%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);} 100%{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);} } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-plus-square-o:before { content: "\f196"; } .br0 {color: #009900} .st0 {color: #3366cc} .sy0 {color: #339933} .x-panel-body-noborder{float:left;width:50%;} @media (min-width:1600px){.x-panel-body-noborder,#ext-gen22{height:905px !important;}} .x-tab-panel-body{width:100%;} #contentbox.css .json_title{padding-left:20px;box-sizing:border-box;} #contentbox.css #json_input{padding:5px 15px !important;box-sizing:border-box;} .x-small-editor{padding-left:22px;box-sizing:border-box;} .x-window-dlg{padding-left:0 !important;} .x-small-editor>tr>td{margin-right:10px;} #contentbox.css h1 { width: 350px; padding-left: 30px; background: url(../images/icon.png) no-repeat; background-position: 0 -3794px; } #beautiful_action { width: 70px; background-position: 0px -3908px; } #beautiful_action:hover { background-position: 0px -4467px; } #clear_action { width: 70px; background-position: 0px -4002px; } #clear_action:hover { background-position: 0px -4612px; } #zl { width: 70px; background-position: 0px -4100px; } #zl:hover { background-position: 0px -4726px; } #yh { width: 70px; background-position: 0px -4222px; } #yh:hover { background-position: 0px -4832px; } #ys { width: 70px; background-position: 0px -4328px; } #ys:hover { background-position: 0px -4947px; } #rblist li{margin-right:10px} #contentbox.css #cbresultbox{width:1200px;} #json_input{width: 1160px !important;} #contentbox.css .json_input{width:1200px !important; max-width:1200px !important;} #ext-gen21,#ext-gen22 { float:left; position: relative; min-height: 1px; box-sizing:border-box; height:100%; width:50%; } .x-panel{width:100% !important;} #ext-gen21{ width:6% !important;padding-right:0; } #ext-gen21 #ext-gen25 { margin-right: 15px; } #ext-gen27{ width: 70%; box-sizing:border-box; float:right; margin-right:12px; } #ext-comp-1004__viewerPanel .x-tab-strip-text {line-height:42px !important;height:42px;padding:0;} #ext-gen21 ul #ext-comp-1004__viewerPanel,#ext-gen21 ul #ext-comp-1004__textPanel { height: 46px; text-align: center; line-height: 46px; float: none; width:48px; } #ext-comp-1004__textPanel{margin-bottom:2px;} ul.x-tab-strip-top{ background:none !important; } .x-tab-panel-header{ border: none; padding-bottom: 0px; background: none; } .x-tree .x-panel-body { position: absolute; top:52px; } .x-panel-bbar .x-toolbar{ position: absolute; top:0; height: 45px; line-height: 45px; width: 100%; border: none; border-radius:2px; background-color:rgba(255,255,255,0.8); margin-bottom:5px; } .x-border-layout-ct,.x-toolbar{ background: none; } .x-panel-body-noheader, .x-panel-mc .x-panel-body,.x-panel-body { border: none; } #grid{ width: 37.5% !important; max-width:480px; padding-left: 20px; float:right; position:static; } .x-tree-lines .x-tree-elbow-end-plus { background-image: url(../images/elbow-end-plus.gif); } #textPanel.x-hide-display .x-panel-body{width:50% !important;} .x-grid3-header{width:100%;box-sizing:border-box;} .x-grid3{width:100% !important;} .x-toolbar .ytb-text{ display: none; } .ext-safari .x-small-editor .x-form-field { display: inline-block; height: 24px !important; line-height: 24; border-radius: 19px; } .ext-safari .x-small-editor .x-form-field:focus { outline: none; } #ext-gen252 { display: none; } .x-grid3 table { height: 46px; line-height: 46px; } .x-grid3 table thead tr{ height: 46px; line-height: 46px; text-align: center; } td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { background: none; } .x-grid3-row td, .x-grid3-summary-row td { line-height: 46px; text-align: center; } #ext-comp-1004 { width: 100% !important; box-sizing:border-box; overflow:hidden; height:100%; background-color:#f5f7fa; } ul.x-tab-strip-top,.x-grid3-header,.x-tree .x-panel-body,.x-form-text, textarea.x-form-field { border:none; border-radius:2px; background-color:rgba(255,255,255,0.8); margin-bottom:5px; } .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text,.x-tab-strip span.x-tab-strip-text { display: inline-block; height: 46px; line-height: 46px; color: black; font-weight: normal; } .x-tab-panel-body,td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { border:none; } .x-panel-bbar .x-toolbar table,.x-panel-bbar .x-toolbar table tbody { height: 45px; } .ext-safari .x-small-editor .x-form-field { background: url(../images/icon.png) no-repeat; background-position:132px -3434px; background-color: rgb(231,235,236); } .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { display: none; } .icon_ext-gen19 { background: url(../images/icon.png) no-repeat !important; background-position: 0 -3681px !important; } .icon_ext-gen20 { background: url(../images/icon.png) no-repeat !important; background-position: 0 -3559px !important; } .x-tab-strip-top .x-tab-right,.x-tab-strip-top .x-tab-left,.x-tab-strip-top .x-tab-strip-inner,.x-form-text, textarea.x-form-field { background: none; } textarea.x-form-field { height: 99% !important; box-sizing: border-box; resize:none; } .x-panel-btn-td{background-color:transparent !important;} .x-grid3-header { background: none; } .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text,.x-tab-strip-top .x-tab-strip-over .x-tab-right span.x-tab-strip-text { color: #00b0fe; } .x-btn-text-icon .x-btn-center .x-btn-text { padding-left: 26px; margin-right: 20px; } .x-toolbar .x-btn-over .x-btn-center { background: none; color: #00b0fe;; } .x-window-bwrap { width: 260px !important; height: 172px; background-color: white !important; margin: 0; border-radius:2px; } .x-window-dlg .x-window-body { width: 100% !important; margin: 0 auto; text-align: center; padding: unset; } .x-window-dlg .ext-mb-text { font-size: 14px; } #ext-gen43 { opacity: 0; } .x-window-dlg .ext-mb-icon { width: 100%; height: 40px; } #ext-gen95 { float: none; margin-bottom: 20px; } .x-window-dlg .ext-mb-error { background-image: url("../images/icon.png"); background-position: 107px -5095px; margin-bottom:10px; } .x-window-tl,.x-window-tr,.x-window-tc,.x-window-ml,.x-window-mr,body.x-body-masked .x-window-plain .x-window-mc,.x-window-bl,.x-window-br,.x-window-bc { background: none; } .x-panel-btns-ct .x-btn { width: 120px !important; height: 32px; border-radius: 20px; background-color: #5EABFF; } .x-panel-btns-ct { padding: 15px; } .x-btn button { color: white; width: 100%; text-align: center; } .x-window-tl{display:none;} .x-shadow{width:275px !important;display:none !important;} .x-small-editor .x-btn button{color:#333;} .x-window-ml{margin-top:25px;} .cbresultlt .setheight, .cbresultrt .setheight{height: 290px} #ptys{width: 93px;background-position: 0px -4328px;} #ptys:hover{background-position: 0px -4947px;} #jmys{width:93px;background-position:0px -5939px} #jmys:hover{background-position: 0px -5893px;} #zxjm{width:93px;background-position:0px -5771px} #zxjm:hover{background-position: 0px -5641px;} #contentbox.js h1{ width: 350px; padding-left: 30px; background: url(../images/icon.png) no-repeat; background-position: 25px -5577px; } #contentbox.js .json_title { padding-left: 20px; box-sizing: border-box; } #contentbox.js #json_input{ padding: 5px 15px !important; box-sizing: border-box; } #contentbox.js #cbresultbox { width: 1200px; } #rblist li.jszip .icon{ background-position: 25px -5695px; } #rblist li.jszip:hover .icon{background-position:25px -5815px;} #logocenter{width: 880px;} #logo{width: 290px;} #contentbox.js .json_input{ width: 1200px !important; max-width: 1200px !important; } #contentbox.base642 #cbresultbox{width:1200px;margin:0 auto;} #contentbox.base642 .cbresultlt,#contentbox.base642 .cbresultrt{width: 594px;} #recommendbox.base642{width: 1200px} #recommendbox.base642 #rblist li{width: 287px} #toolPro.base642{width: 1200px;margin: 0 auto;} #toolPro.base642 .toolPro{width: 1140px;margin: 0;margin-bottom: 60px;} #toolPro.base642 table{width: 1200px} #contentbox.base642 .cbresultlt .cbbody, .cbresultrt .cbbody{width: 594px}