@charset "UTF-8";
body{color:#444;}
/*改模板首页不显示联系方式*/
.float-right-list,
#topnav > li.contactWay.c {
	display:none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/*webkit*/
	color: #CBCCCD;
}
input:-moz-placeholder{/*FirefoxV4-18*/
	color: #CBCCCD;
}    
input::-moz-placeholder{/*FirefoxV19+*/
	color: #CBCCCD;
}       
input:-ms-input-placeholder{/*IE*/
	color: #CBCCCD;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked + b {color:#0075FF;}
fieldset{border:1px solid #d4d0c8;border-radius:3px;}
#header{position:static;}
#main{overflow:hidden;clear: both;}
#main .firstbox{background-color:#fafafa;}
.lbox{float:left;display:inline;width:800px;}
.rbox{float:left;display:inline;width:400px;padding-left:20px;overflow:hidden;border-left:1px solid #fafafa;}
#tabContorl{
	overflow:hidden;
	list-style-type:none;
	margin: 10px 0px 10px 0px;
	padding:0px;
	text-align: center;
}
#tabContorl li{
	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 #fafafa; */
	/* font-weight:bold; */
	/* font-family:"黑体"; */
}
#tabContorl li a{color:#888;border-bottom:2px solid #FAFAFA;padding-bottom:5px;}
#tabContorl li a.active{color:#008000;border-bottom:2px solid #008000;font-weight:bold;font-family:"黑体";}
#tabContorl li a:hover{color:green;}
#tabPages input, #tabPages textarea {
	margin:0;
	padding:16px;
	outline:0;
	border-radius:3px;
	overflow:hidden;
}
.sub{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;
	padding-top:20px;
	padding-left:100px;
	padding-bottom:20px;
	background: #fff;
	border-radius:3px;
}
#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;}
#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;
}
.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;
}
.section {
	margin-top:32px;
	margin-bottom:0px;
	width: 100%;
	text-align: center;position: relative;
	color:#666;
	overflow: hidden;
}
.section table {
	margin:auto;
	width:100%;
}
.desc{
	padding:10px;
	line-height:25px;
}
.cooper-brand ul {
    width: 100%;
    overflow: hidden;
}
.cooper-brand li {
    float: left;
    width: 12.5%;
    margin-bottom: 60px;
    height: 50px;
    line-height: 68px;
    text-align: center;
}
.cooper-brand li img {
    max-width: 80%;
	max-height:80%;
    /* height: auto; */
}
.txtWrapper {
	overflow: hidden;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 64px;
}
.txtWrapper > ul{
	overflow: hidden;
	list-style-type:none;
}
.txtWrapper > ul > li {
    border-bottom: 1px dashed #dcdcdc;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 48%;
	display: inline-block;
	text-align: justify;
	overflow: hidden;
	word-wrap:break-word;
	word-break:break-all;
}
.txtWrapper > ul > li > span {
	color:#888;
	font-size:14px;
	float:right;
}
.txtWrapper > ul > li:nth-child(odd){float:left;}
.txtWrapper > ul > li:nth-child(even){float:right;}
.txtWrapper > ul > li > a {
	overflow: hidden;
	display:inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:72%;
}
.links dt{
	display:block;
	border-bottom:2px solid #ddd;
	padding-bottom:5px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight:bold;
}
.links dd {
	float:left;
	/* width:200px; */
	white-space:nowrap;
	text-overflow:ellipsis;
}
.links a {
	/* border-bottom:1px solid; */
	display:inline-block;
	margin-right: 20px;
}
#btsubmit{
	width: 160px;
    line-height: 28px;
    padding: 0;
    background-color: #34A853;
    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 #E6E6E6;
}
#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:28px;
	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:green;text-decoration:none}
.prettifytab a.active{border-top-left-radius:3px;border-top-right-radius:3px;color:green;border-bottom:2px solid #008000;}
.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;}
.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:#444;
}
#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;
}
#textPage > div {font-size:14px;color:#888;text-align:right;margin-right: 45px;}
@media only screen and (max-width: 768px) {
	.w{width:100%;}
	.mHotline {display:none;}
	/* .mMenuBtn{color:#444;} */
	#aMenuStrip {background-color: #fefefe;}
	#main{width:auto;}
	#tabContorl {
		margin-top: 10px!important;
	}
	#tabContorl li {
		width: 22%;
		margin-bottom: 10px;
	}
	.lbox, .rbox {float:none;}
	#cardPage {
		margin:0px;
		padding: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;
	}
	#textPage > div {margin-right: 5px;}
	#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;}
	.show {
		text-align: center;
	}
	#note {
		margin: 0px;
		text-align: center;
	}
	#note textarea {width:90%;}
	.section h1 {font-size:20px;}
	.cooper-brand li {
		float: none;
		display:inline-block;
		width: 30%;
	}
	.txtWrapper > ul > li {
		width: auto;
		display: block;
		margin:5px;
	}
	.txtWrapper > ul > li:nth-child(odd){float:none;}
	.txtWrapper > ul > li:nth-child(even){float:none;}
	.txtWrapper > ul > li > span {
		font-size:12px;
		margin-left: 5px;
		position: relative;
		top: -3px;
	}
	.colorbox li {
		text-align: justify;
	}
	/* .tooltip{ */
		/* left: 50%!important; */
		/* transform: translate(-50%,-50%); */
		/* 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;
	}
}