@charset "UTF-8";
.tPhone {display:none;}
/* #main{font-size: 16px;} */
input[type="checkbox"]:checked,
input[type="radio"]:checked + b {color:#0075FF;}
fieldset{border:1px solid #d4d0c8;border-radius:3px;}
.logo img{background:#0C7DF5;border-radius:3px;opacity:.8;}
#main{overflow:hidden;clear: both;}
.lbox{float:left;display:inline;width:800px;background:#fff}
.rbox{float:left;display:inline;width:400px;padding-left:20px;overflow:hidden;border-left:1px solid #eee;}
#tabContorl{
	overflow:hidden;
	list-style-type:none;
	margin: 10px 0px 32px 0px;
	padding:0px;
	text-align: center;
}
#tabContorl li{
	font-size: 16px;
	display:inline-block;
	text-align:center;
	width:24%;
	height:36px;
	line-height:36px;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	margin:0px;
	padding:0px;
	color:#888;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom:2px solid #fff;
	font-weight:bold;
	font-family:"黑体";
}
#tabContorl li.active{background:#fff;cursor:text;color:#0C7DF5;border-bottom:2px solid #0C7DF5;}
#tabContorl li:hover{color:#000;}
#tabPages input, #tabPages textarea {
	margin:0;
	padding:16px;
	outline:0;
	border-radius:3px;
	overflow:hidden;
	border:1px solid #d4d0c8;
}
.pz_banner{display:none;}
.subbox{clear:both;overflow:hidden;display:none;}
.show{display:block;}
#url, #text, #decode{width:720px;}
#text{height:200px;resize:none;color:#000;}
/* #decode{width:627px;} */
.disabled{background: #d4d0c8;}
#cardPage{
	list-style-type:none;
	margin-left:100px;
}
#cardPage li{
	padding-top:10px;
	padding-bottom:10px;
	line-height:27px;
	overflow:hidden;
}
#cardPage input{
	padding:10px;
	width:400px;
	margin-left:10px;
}
#cardPage > ul > li:nth-child(1) > input,
#cardPage > ul > li:nth-child(2) > input,
#cardPage > ul > li:nth-child(6) > input
{width:150px;}
.url{width:720px;}
.blank{
	background: url(/ig/scan/transparent.png);
    border-radius: 5px!important;
}
.blank:before {
    content: '此处生成二维码';
    position: relative;
    top: 40%;
    color: #888;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 15px 15px 15px #aaa;
}
#note{
	margin-top: 20px;
	overflow:hidden;
}
#note textarea{
	width: 720px;
    padding: 16px;
    margin: 0;
    padding: 16px;
    outline: 0;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #d4d0c8;
	/* color:#000; */
	background:#FBFCC5;
}
#btsubmit{
	width: 160px;
    line-height: 28px;
    padding: 0;
    background-color: #0C7DF5;
    font-weight: normal;
    border-radius: 2px;
	display: block;
    padding: 10px;
	text-align:center;
	margin: 20px auto 0px auto;
}
#url_decode {width:627px;}
.sub input, .sub textarea {
	border-radius:3px;
	border:1px solid #d4d0c8;
}
#decodePage > input[type=button]:nth-child(2) {
    margin: 0px;
    width: auto;
    padding: 14px 12px 15px 12px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    position: absolute;
    cursor: pointer;
    color: #666;
    font-size: 16px;
}
#decodePage > input[type=button]:nth-child(2):hover{color:#000;}
.canvas-wrap{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:0px;
	padding:20px 0px 20px 0px;
}
.canvas{
	text-align:center;
	width:230px;
	height:230px;
	padding:0px;
	background:url(/ig/scan/transparent.png);
	margin:auto;
	border:1px solid #f6f6f6;
	border-radius:3px;
	box-shadow: 1px 3px 3px #888;
}
.prettifytab{overflow:hidden;padding:0px;}
.prettifytab a{
	display:inline-block;
	width:18%;
	height:48px;
	line-height:28px;
	text-decoration:none;
	padding:10px 0px;
	text-align:center;
	cursor:pointer;
	color:#888;
	border-bottom:2px solid #ddd;
}
.prettifytab a:hover{color:#333;text-decoration:none}
.prettifytab a.active{border-top-left-radius:3px;border-top-right-radius:3px;color:#000;border-bottom:2px solid #0C7DF5;}
.prettifybox{padding:20px;display:none}
.prettifySections .show{display:block}
.prettifySections .show > ul.colorbox > li > span {border:1px solid #ddd;}
.other{clear:both;height:35px;line-height:35px;padding-top:14px;text-align: center;}
.save{float:right;display:inline;}
.print{margin-right:35px;}
.logotypes{
	margin:5px 0;
	*margin-top:25px;
	height:24px;
	line-height:24px;
	position:relative;
	text-align:center;
	overflow: hidden;
	color: #555; 
}
div#logouploadbox{
	text-align: center;
}
div#logouploadbox > span.btn {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}
div#logouploadbox > span.btn {
	position: relative;
    height: 32px;
    line-height: 32px;
}
div#logouploadbox > span.btn.logoupload:before{
	content:'上传LOGO';
}
.logotypes > label{margin:0 10px;cursor:pointer;}
.logotypes > label > input{cursor:pointer;vertical-align:-2px;}
.addlogo{position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);z-index:10;cursor:pointer;background:none;}
section.icon{text-align:center;}
section.icon > img{width:50px;height:50px;cursor:pointer;margin:5px;}
/* .adrift{position: fixed;right:3px;top:240px;width:110px;height: 148px;text-align: center;_position:absolute;z-index: -1;} */
/* .adrift a{display: inline-block;text-align: center;width:100px;line-height: 20px;padding:6px 5px;color:#666;background: #eee;} */
/* .adrift a:hover{text-decoration: none;background: #adadad;color:#f8f8f8;} */
.content{margin-bottom: 12px;}
.content a{float:right;display: none;}
.colorbox, .colorbox li{overflow:hidden;}
.colorbox li{overflow:hidden;padding-top:8px;padding-bottom:8px;}
.colorbox label{display:inline-block;position:relative;top:-5px;width:100px;}
.colorbox input{display:none;}
.colorbox span{
	background:url("/tools/qr/ig/tip.gif") no-repeat bottom right;
	display:inline-block;
	width:40%;
	height:22px;
	cursor:pointer;
	border-radius:3px;
}
.colorbox i{color:red;display:none;}
.prettifybox select{
	background:#eee;
	padding:1px 10px 1px 10px;
	position:relative;
	top:-5px;
	border-radius:3px;
	border:1px solid #aaa;
}
#ctext{
	display:inline-block;
	border:1px solid #d4d0c8;
	border-radius:3px;
	padding: 2px 3px;
    width: 122px;
}
.btn {
    display: inline-block;
    padding: 2px 20px 2px 20px;
    outline: 0;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    /* background: #3cb067; */
	background: #34A853;
    color: #fff;
    text-decoration: none;
}
a.btn:hover{color: #fff;text-decoration:none;border:none;}
.nostyle {
    border: none !important;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: text;
	background-color:#F6F6F6 !important;
	top:0px !important;
	/* padding-right: 0px !important; */
}
/* #prettifySections > div.prettifybox.show > ul > li > fieldset > legend > select */
.nostyle select {
    padding: 0px;
}
input[type="range"]{
	width: 99%;
	-webkit-appearance: none !important;
	display: inline-block;
    /* width: calc(100% - (73px)); */
    height: 12px;
    border-radius:8px;
    outline: none;
    padding: 0;
    margin: 5px 0px 5px 0px;
	border:1px solid #d4d0c8;
	background: -webkit-linear-gradient(#0F92EC, #0F92EC) no-repeat #ffffff;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.07) inset;
	background-size: 0 100%;
	/* background: -webkit-linear-gradient(#0F92EC, #0F92EC) no-repeat #ececec; */
	/* background-size: 15% 100%; */
}
input[type="range"]::-webkit-slider-thumb {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 0px/**1px solid #45bd5c*/;
	background-color: #0F92EC;
	/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21); */
	/* -webkit-transition: border-color 0.15s, background-color 0.15s; */
	/* transition: border-color 0.15s, background-color 0.15s; */
	cursor: pointer;
	background-clip: padding-box;
	box-sizing: border-box;
	/* box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112 */
	/* background: -webkit-linear-gradient(#0F92EC, #0F92EC) no-repeat #0F92EC; */
	/* background-size: 0% 100%; */
	-webkit-appearance: none !important;
	background:url(/ig/png/slider-thumb.png) no-repeat;
}
input[type="text"], textarea{
	font-size:16px;
	color:#333;
}
#contact {margin-top:64px;}
#contact > ol > li {margin-top:10px;margin-bottom:10px;}
#dialogbody > ol {
	margin:0px;
	padding:0px;
	line-height:28px;
}
#dialogbody > ol > li{
	text-indent:2rem;
	margin-top:5px;
	margin-bottom:5px;
}
.w{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
.mShow{display: none;}
#header{position:static;}
#header2{position:static;background:#fefefe;color:#888;border-bottom:1px solid #eee;}
#header2 *{color:#888;}
#topnav > li.nli.on span > a i{color: #333;}
#topnav > li.nli:hover ul.sub{display:block;}
#topnav > li.nli > ul.sub {background-color: #eee;}
#topnav > li.nli > ul.sub > li a:hover {background-color: #ddd;color: #000;}
.menu .nli.on span > a::after {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    background-color: #333;
}
/* .top1{position:static;} */
/* .menu .nli span > a{color:#666;} */
/* .menu .nli span > a:hover{color:#0C7DF5;} */
/* .menu .nli:hover span > a::after{background-color: #0C7DF5;} */
@media only screen and (max-width: 768px) {
	.w{width:100%;}
	#main{width:auto;}
	#tabContorl {
		margin: 0px;
	}
	#tabContorl li {
		width: 22%;
		margin-bottom: 10px;
	}
	.lbox, .rbox {float:none;}
	#cardPage {
		margin: 0px;
	}
	#cardPage > ul > li > span {
		display:none;
	}
	#cardPage input {
		width: 94%!important;
		margin: 0px;
	}
	.lbox > div.queryLeftTip > div {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
		line-height:26px;
	}
	.rbox {
		float:none;
		display:block;
		width:100%;
		padding:0px;
		margin:0px;
	}
	#dialoghead > div:nth-child(1),#dialogbody > div{font-size:14px;}
	#tabPages {
		padding:0px 10px 0px 10px;
		/* border-bottom: 1px dashed #aaa; */
		width: 94%;
		margin-top: 20px;
	}
	#tabPages label {width: 50px;}
	.other {padding:20px 20px 32px 20px;}
	.readme{display:none;}
	.print{margin-right:10px;}
	
	#url, #text, #decode {width: 88%;}
	#text {height: 100px;}
	.canvas-wrap {padding: 20px 0px 10px 0px;}
	
	#note {
		margin: 0px;
		text-align: center;
	}
	#note textarea {width:88%!important;}
	#tabPages {
		padding: 0px!important;
		width: 100%!important;
	}
	#url, #text, #decode {
		width: 100%!important;
	}

	#decode{display:none;}
	#decodePage {
		text-align: center;
		background-color:#eee;
		border-radius:3px;
	}
	#decodePage > input[type=button]:nth-child(2) {
		background-image:url(/ig/scan/scan.gif);
		background-repeat:no-repeat;
		background-position:0px 15px;
		background-size:auto auto;
		/* background-color:#fff; */
		width:50%!important;
		height:85px;
		position: static!important;
		padding: 0px!important;
		border-radius: 0px!important;
		border: none!important;
		font-size:18px!important;
		font-weight:bold;
		text-align: right;
	}
	#note h2 {
		display: block;
		font-size: 1.5em;
		margin-block-start: 0.83em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
	}
}