@charset "utf-8";
html, body {
	position: relative;
	height: 100%;
}
* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", "微软雅黑", 'STHeiti', "SimHei", "黑体";
	font-weight: normal;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    font-size: 0;
}
a img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    font-size: 0;
}
a:link {
	color: #333333;
}
a:visited {
	color: #0062cc;
}
a:hover {
	color: #0062cc;
	text-decoration: none;
}
a:active {
	color: #333333;
}
p, div {
	color: #333;
	font-size: 12px;
}
strong, strong span {
	font-weight: bold;
}
body{
	background-color: #efeff4;
}
.fff-body{
	background: #fff !important;
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.partner:after, .contact:after, .i-contact:after, .footer:after, .footer-content:after, .inner:after {
	content: "";
	display: table;
	clear: both;
}
@font-face {
	font-family: Muiicons;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/mui.ttf) format('truetype')
}
@font-face {
	font-family: 'Jingle';
	src: url(../fonts/c655901852b14d51b056bbc01e40129d.woff) format('truetype');
	font-weight: normal;
	font-style: normal;
}

#top {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	left: 0;
	height: 50px;
	border-bottom: 0;
	-webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, .85);
	box-shadow: 0 0 0.0625rem rgba(0, 0, 0, .85);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-image: linear-gradient(103deg, rgb(157, 205, 241) 0%, rgb(123, 185, 233) 63%, rgb(116, 182,232) 97%);
	background-color: rgb(123, 185, 233);
	background-size: 100%;
	border: 0px none rgb(0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.top-icon-left ,#top a span{
    position: absolute;
    left: 10px;
    top: 50%;
    margin: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#top a span{
    left: 40px;
	font-size: 16px;
}
.font-icon{
	font-family: Muiicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
	color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
.font-icon-2{
    font-family: 'Jingle';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    /*  reset */
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin: 0 3px;
	font-size: 1.8em;
}
.top-icon-left:before {
	content: '\e471';
}
.font-icon-2:before {
	content: "\e01a" !important;
}

#top h1{
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 45px;
}

.logo{
    width: 45px;
    position: absolute;
	left: 0;
	right: 0;
    top: 50%;
	margin: 0 auto;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transform: translate(0px, -50%);
}
.logo img{
	display: block;
	width: 100%;
}
#main{
	padding-top: 45px;
	background: #fff;
}

.follow-weixin{
	padding-top: 10px;
}
.follow-weixin h2, .follow-weixin-list li, .pro-list dl, .show-attr li{
	border-bottom: 1px solid #e4e3e6;
}
.follow-weixin h2{
	font-size: 24px;
	margin: 5px 0;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
}

.follow-weixin-list{
}
.follow-weixin-list li, .pro-list dl, .show-attr li{
	padding: 11px 15px 11px 0;
	margin-left: 15px;
}

.follow-weixin-list li p{
	font-size: 14px;
}
span.nickname a{
	text-decoration: none;
    color: #56b946;
}
img.weixin-code{
	display: block;
	width: 110px;
	margin: 0 auto;
}
.logo-top.font-icon{
	color: #0062cc;	
}
.font-icon:active, .font-icon:hover{
	opacity: .3 !important;
}
.pro-list dl{
	position: relative;
}
.pro-list dl:after{
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
}
.pro-list dl:after{
	right: 15px;
    content: '\e583';
	font-size: 17px;
}
.pro-list dl dt{
	display: inline-block;
	padding-right: 10px;
	float: left;
}
.pro-list dl dt img{
    line-height: 42px;
    max-width: 42px;
    height: 42px;
}
.pro-list dl dd p{
	font-size: 14px;
	line-height: 21px;
	color: #8f8f94;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#scan-top{
	padding: 10px 0;
}
#scan-top img{
	width: 80%;
	margin-left: 20%;
}
#scan-top p{
    width: 100%;
    text-align: center;
	font-weight: 600;
	font-size: 16px;
}
#banner{
	
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-button-prev, .swiper-button-next{
	display: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 15px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
}
.swiper-pagination-bullet {
	position: relative;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #fff;
	opacity: 1;
}
.swiper-pagination-bullet-active{
    border: solid 2px #fff;
    border-radius: 50%;
    background: none;
}
.swiper-slide img{
	display: block;
	width: 100%;
}
#pro-main{
	margin: 15px 0 0 0;
	padding-bottom: 52px;
}
.pro-info{
    position: relative;
    margin: 0 auto;
    font-size: 14px;
    border: 2px solid #ffffff;
    background-color: #469BD4;
    word-wrap: break-word;
    word-break: normal;
    border-radius:15px;
    width: 95%;
    min-width: 304px;
    min-height: 90px;
    max-height: 180px;
}
.pro-info li{
    border-bottom: 1px solid #ffffff;
    width:100%;
	padding-left: 5px;
    list-style: none;
    line-height: 30px;
    height: 30px;
}
.pro-info li:last-child{
	border-bottom: none;
}
.pro-info li span, .pro-info li p, .show-attr li p{
	display: inline;
	color: #fff;
	font-size: 14px;
}
.pro-li-bg{
	background-color: rgba(162,218,255,0.9); 
}

.show-attr{
	background: #fff;
}
.show-attr li{
	font-size: 17px;
}
.show-attr li:last-child{
	border-bottom: none;
}
.show-attr li p{
	color: #333 !important;
}
.show-attr li.detail-tit{
	text-align: center;
}
.details-banner{
	padding-top: 45px;
}
.details{
	padding: 10px;
}
.details p{
	font-size: 14px;
	    color: #8f8f94;
	margin-bottom: 10px;
}
#bottom-bar{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background-color: #024466;
    border: 0;
    text-shadow: none;
}

.bottom-bar-list{
}
.bottom-bar-list dl{
	width: 50%;
	padding-bottom: 6px;
	border-right: 1px solid #fff;
	float: left;
}
.bottom-bar-list dl:last-child{
	border-right: none;
}
.bottom-bar-list dl dt{
	text-align: center;
}
.bottom-bar-list dl dt img{
	width: 36px;
	width: 15%;
	
}
.bottom-bar-list dl dd{
	text-align: center;
	color: #fff;
}
.security{
	padding: 0 30px;
}
.code-example{
	max-width: 320px;
	margin: 20px auto 10px auto;
}
.code-example img{
	width: 100%;
}
.query-box{
	
}
.query-row{
	margin-bottom: 10px;
	overflow: hidden;
}
.query-row li{
	float: left;
}
.query-row li input, .authorize-input input{
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-user-select: text;
    -webkit-font-smoothing: antialiased;
    outline: none;
    font-size: 16px;
}
.query-row li.trace_code{
	width: 57%;
}
.query-row li.security_code{
	width: 40%;
	margin-left: 3%;
}

.search-btn{
    padding: 8px 14px;
	color: #fff;
	font-size: 16px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
	background-color: rgb(0, 0, 0);
}
.tip{
	margin: 7px 0;
}
.error-tips{
	background:url(../images/error.png) no-repeat;
	}
.error-tips p, .ok-tips p{
	margin-left: 20px;
	color: #de0000;
}
.error-tips p{
	color: #de0000;
}
.ok-tips p{
	color: #00c500;
}
.ok-tips{
	background:url(../images/ok.png) no-repeat;
}
#result{
	display: none;
    width: 90%;
	margin: 20px auto 0 auto;
}
#result p{
    font-size: 16px;
    color: #000;
}
.card-01, .card-02{
	position: relative;
}
.card-01 img,.card-02 img{
	display: block;
	width: 100%;
}
.card-01-name,.card-01-wechat, .card-01-num,.card-02-name,.card-02-wechat, .card-02-num{
	position: absolute;
}
.card-01-name{
    top: 39%;
    left: 34%;
    font-size: 14px;
    font-weight: bold;
}
.card-01-wechat{
    top: 44%;
    left: 35.5%;
    font-size: 14px;
    font-weight: bold;
}
.card-01-num{
	top: 62.5%;
    left: 63%;
    font-size: 10px;
    font-weight: bold;
}
.card-02-name{
    top: 43.5%;
    left: 34%;
    font-size: 14px;
    font-weight: bold;
}
.card-02-wechat{
    top: 48.5%;
    left: 35.5%;
    font-size: 14px;
    font-weight: bold;
}
.card-02-num{
    top: 67%;
    left: 65%;
    font-size: 10px;
    font-weight: bold;
}
#layer{
    display: none;
}
#layer *{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.layer-main, .layer-shade{
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
	z-index: 99;
}
.layer-main{
/*    display: table;
*/    pointer-events: none;
	z-index: 500;
}

.layer-shade{
	background-color: rgba(255,255,255,.0);
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 400;
}
.layer-scale {
    display: table-cell;
    vertical-align: middle;
	
    text-align: center;
}
.layer-section{
/*    display: table-cell;
    vertical-align: middle;
*/    text-align: center;
}
.layer-scale{
    width: 90%;
    max-width: 640px;
}
.layer-scale {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
   	border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    pointer-events: auto;
    -webkit-background-clip: padding; 
    -moz-background-clip: padding;
     background-clip: padding-box; 
	border: 1px solid rgba(0,0,0,.3);
}

.layer-con{
	padding: 15px;
    margin: 0;
	font-size: 16px;
	color: #000;
}
.layer-con .right-img{
	text-align: center;
	margin-bottom: 8px;
}

.layer-con .right-img img{
	width: 70px;
}
.layer-con h2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #EB0003;
	margin-bottom: 5px;
}
.layer-con p{
	font-size: 14px;
	line-height: 23px;
}
.layer-con p.fail{
	text-align: center;
	font-size: 15px;
}
.layer-con p.times{
	text-align: center;
	font-size: 15px;
}
.layer-con p.times span{
	color: #EB0003;
}
.layer-btn{
	
    padding: 14px 15px 15px;
    background: #F5F5F5;
    border-top: 1px solid #DDD;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #FFF;
    text-align: right;
}
.ok-btn{
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #04C;
    border: 1px solid #04C;
    border-color: #04C #04C #002A80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFF;
    margin-left: 10px;
    border-radius: 4px;
    font-weight: normal;
    padding: 4px 12px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	cursor: pointer;
}
.layer-hidden{
     display: none; 
}
.layer-animation-up{
	-webkit-animation: caption-up 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    animation: caption-up 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.layer-animation-down{
	-webkit-animation: caption-down 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    animation: caption-down 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
}

@-webkit-keyframes caption-up {
	 0% {
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
		opacity: 1;
	}
	 100% {
	-webkit-transform:translate(0, -150px);
	transform:translate(0, -150px);
		opacity: 0;
	}
}
@keyframes caption-up {
	0% {
		transform:translate(0, 0);
		opacity: 1;	}
	100% {
		transform:translate(0, -150px);
		opacity: 0;
	}
}
@keyframes caption-down {
	 0% {
		transform:translate(0, -150px);
		opacity: 0;
		}
	 100% {
		transform:translate(0, 0);
		opacity: 1;
		}
}
 @-webkit-keyframes caption-down {
	 0% {
		-webkit-transform:translate(0, -150px);
		transform:translate(0, -150px);
		opacity: 0;
		}
	 100% {
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0);
		opacity: 1;
		}
}

.authorize{
	margin: 30px auto;
	padding: 0 20px;
}
.authorize-input{
	margin-bottom: 20px;
}
.authorize-input input {
	padding: 5px 10px;
    font-size: 14px;
    border-radius: 30px;
}