* {
	margin: 0;
	padding: 0;
}

[v-cloak] {
	display: none;
}

a:focus {
	outline: 0;
}

.h4,
h4 {
	font-weight: 600;
	color: #252525;
}

body {
	padding-top: .11rem;
}

.modal-header,
.modal-footer {
	border: none;
}

.modal-header {
	padding: 25px 25px 10px 25px;
}

.modal-body {
	padding: 10px 25px 25px 25px;
}

.modal-header .close {
	font-size: 40px;
	font-weight: 100;
	margin-top: -10px;
}

.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
	color: #2486FF;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: #F5F7FA;
}

.dropdown-menu {
	border: none;
}

.dropdown-menu {
	padding: 13px 0;
	min-width: 135px;
}

.dropdown-menu>li>a {
	color: #383838;
}

.label-default {
	background: linear-gradient(177deg, rgba(66, 129, 255, 1) 0%, rgba(106, 170, 249, 1) 100%);
}

li .label {
	font-size: .1355rem;
	padding: .3em .8em .3em;
}

@media only screen and (min-width: 1800px) {

	/*产品页面顶部背景图片 */
	.productBox {
		background: url(../img/bg_Tracing.png) no-repeat;
		background-size: cover;
	}

	.lableBox2 {
		margin-top: -.0385rem;
		padding-top: .47rem;
		padding-bottom: .6rem;
		background: url(../img/pic_big_bg1@2x.png) no-repeat -2rem -.01rem;
		background-size: cover;
	}

	.lable-QZ-code2 {
		background: url(../img/pic_big_bg2@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1rem;
	}

	.label-colours {
		background: url(../img/pic_big_bg5@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1rem;
	}

	.label-composite {
		background: url(../img/pic_big_bg8@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1rem;
	}

	.label-NFC {
		background: url(../img/pic_xinpian@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1.5rem
	}
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {
	.productBox {
		background: url(../img/bg_Tracing_small.png) no-repeat;
		background-size: cover;
	}
}

@media only screen and (max-width: 1800px) {

	.lable-QZ-code2 {
		background: url(../img/pic_bg2@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 2rem;
	}

	.lableBox2 {
		margin-top: -.0385rem;
		padding-top: .47rem;
		padding-bottom: .5rem;
		background: url(../img/pic_bg1@2x.png) no-repeat;
		background-size: cover;
	}

	.label-colours {
		background: url(../img/pic_bg5@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 2rem;
	}

	.label-composite {
		background: url(../img/pic_bg8@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1.58rem;
	}

	.label-NFC {
		background: url(../img/pic_xinpian@2x.png) no-repeat;
		background-size: 100% 100%;
		padding-bottom: 1.5rem
	}
}


/* 大于1200  */

@media only screen and (min-width: 1200px) {

	.container {
		width: 1024px;
		padding-left: 0;
		padding-right: 0;
	}

	.query-div {
		margin: 0 auto;
		width: 7.8rem;
		height: 4.28rem;
	}

	.li-right {
		margin-right: .35rem;
	}

	/*.centerBoxCss {
		padding: 0 .5rem 0 1.27rem;
	}*/
	.index-img-txt {
		padding-top: .75rem;
	}

	.tea-left {
		padding-left: .54rem;
	}

	.tea-right {
		padding-right: .54rem;
	}

	.jumbotron-bg,
	.centerBoxCss5,
	.centerBoxCss4,
	.centerBoxCss3 {
		padding-left: 1.27rem;
		padding-right: 1.27rem;
	}

	.product-top {
		padding: 2.2rem 0 2.48rem 0;
	}

	.top-bg {
		background: url(../img/hart.png) no-repeat 0 -1.5rem;
		background-size: 100%;
	}

	.jumbotron-div {
		width: 8.66rem;
		margin: .9rem auto;
	}
}


/* 小于768 */

@media only screen and (max-width: 767px) {
	.logoTopCss {
		margin-top: .07rem;
	}

	.li-border {
		border-bottom: 1px solid #E6E6E6;
		;
	}

	.nav>li>a {
		padding: .25rem 0px;
	}

	.navbar-default .navbar-nav>li>.li-fontCss {
		color: #000;
		font-size: .18rem;
		margin: 0 .3rem;
		font-family: SourceHanSansCN-Regular;
		font-weight: 400;
		color: rgba(37, 37, 37, 1);
	}

	.navbar-default .navbar-nav>li>.current {
		color: #2486FF;
		font-size: .18rem;
		margin: 0 .3rem;
		font-weight: 400;
	}

	.navbar-fixed-top .navbar-collapse {
		max-height: 440px;
	}

	.btnCss-call {
		margin-top: .2rem;
	}

	.queryBox .container {
		padding-left: .4rem;
		padding-right: .4rem;
	}

	.queryBox label {
		text-align: right;
		padding-top: .222rem;
		padding-right: 0;
		font-size: .18rem;
	}

	#tip {
		padding-bottom: .25rem;
	}

	#check-code {
		margin-bottom: 0;
	}

	#v_con {
		padding-left: 0;
	}

	.medias-div {
		height: 100%;
		padding: .515rem 0 .515rem .4rem;
	}

	#freePrice {
		margin-bottom: 20px;
	}

	.table .th-css1,
	.table .th-css {
		font-weight: 400;
		border: 1px solid #ddd;
	}

	.table .th-css1,
	.table .flagship {
		line-height: .51rem;
	}

	.table .row-img {
		padding-top: .16rem;
	}

	.price-p-lishi {
		margin-top: .1rem;
		margin-bottom: .6rem;
	}

	.blane {
		padding: .52rem .88rem .56rem .88rem;
		margin: 0 auto;
		margin-top: 1.6rem;
		background: #fff;
		box-shadow: 0px 6px 24px 0px rgba(78, 145, 255, 0.08);
		border-radius: 8px;
		margin-bottom: .2rem;
	}

	.lable-QZ-code2 {
		padding-bottom: .5rem
	}

	.index-img {
		padding: 1.22rem 0 1.22rem 0;
	}

	.centerBoxCss5 .center-title {
		margin-bottom: .01rem;
	}
}


/* 大于768  */

@media only screen and (min-width: 768px) {
	.navbar-default .navbar-nav>li>.li-fontCss {
		color: #000;
		font-size: .14rem;
		margin: 0 .05rem;
		font-family: SourceHanSansCN-Regular;
		font-weight: 400;
		color: rgba(37, 37, 37, 1);
	}

	.navbar-default .navbar-nav>li>.current {
		color: #2486FF;
		font-size: .14rem;
		margin: 0 .05rem;
		font-weight: 400;
	}

	.div-icon {
		opacity: 0.5;
	}

	.medias-div {
		height: 100%;
		padding: .515rem .2rem;
	}

	.table .th-css1,
	.table .th-css {
		line-height: .7rem;
		font-weight: 400;
		border: 1px solid #ddd;
	}

	.table .row-height-lg {
		line-height: .53rem;
	}

	.table .row-img {
		padding-top: .11rem;
	}

	.price-p-lishi {
		margin-top: .1rem;
		margin-bottom: .2rem;
	}

	.topBoxCss {
		margin-top: 1.2rem;
		margin-bottom: 1.2rem;
	}

	.blane {
		padding: .52rem .88rem .56rem .88rem;
		margin: 0 auto;
		margin-top: 1.75rem;
		width: 8rem;
		height: 4rem;
		background: #fff;
		box-shadow: 0px 6px 24px 0px rgba(78, 145, 255, 0.08);
		border-radius: 8px;
		margin-bottom: .6rem;
	}

	.index-img {
		padding: .71rem 0 1.22rem 0;
	}

	.row-margin {
		margin-top: .55rem;
	}
}


/* 小于1200 */

@media only screen and (max-width: 1200px) {

	.product-top,
	.topleft {
		text-align: center;
	}

	.centerBoxCss {
		padding: 0rem;
	}

	.index-img-txt {
		padding: 1.5rem 0 1rem 0;
	}

	.centerBoxCss5,
	.centerBoxCss4,
	.centerBoxCss3 {
		padding-left: .56rem;
		padding-right: .56rem;
	}

	.product-top {
		padding: .78rem 0 0 0;
	}

	.li-right {
		margin-right: .2rem;
	}

	.jumbotron-div {
		margin: .9rem auto;
	}

	.lable-QZ-code2,
	.label-colours,
	.label-composite,
	.label-NFC {
		background-size: cover;
	}
}


/* 小于992  */

@media only screen and (max-width: 992px) {
	.index-img-txt {
		padding: .5rem 0 1rem 0;
	}

	.div-icon {
		opacity: 1;
	}
}


/* 小于992 大于768 */

@media screen and (min-width: 768px) and (max-width: 992px) {
	.li-right {
		margin-right: 0rem;
	}

	.medias-div {
		height: 100%;
		padding: .515rem 0 .515rem .7rem;
	}

	.container {
		margin: 0;
		width: 100%;
	}
}

.contact-bottom {
	padding: .48rem 0;
	color: #666666;
	font-size: .14rem;
}

.contact-bottom a {
	color: #666666;
	text-decoration: none;
}

.phone-free {
	background-color: #2486FF;
	color: #fff;
	border: none;
	padding: .13rem 0;
	border-radius: 20px;
}

.sm-img {
	margin-top: .77rem;
	margin-bottom: .46rem;
}

.contact {
	padding-bottom: .61rem;
	border-bottom: 1px solid #EDEDED;
}

.contact-title {
	padding-top: 1rem;
	font-size: .16rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 600;
	color: #252525;
	margin-bottom: .3rem;
}

.contact-text:hover,
.contact-text a:hover {
	color: #2486FF;
	text-decoration: none
}

.contact-text2 {
	font-size: .14rem;
	font-family: SourceHanSansCN-Medium;
	color: #B3B3B3;
	margin-bottom: .2rem;
}

.contact-msg,
.contact-text a,
.contact-text {
	font-size: .14rem;
	font-family: SourceHanSansCN-Medium;
	color: #666666;
	margin-bottom: .2rem;
}


/* 解决方案 begin */

.food-div,
.wine-div {
	padding-bottom: 1.15rem;
}

.wine-img {
	padding: 0 .15rem;
	margin-top: .88rem;
}

.circle-div {
	cursor: pointer;
	margin: 0 auto;
	width: .76rem;
	height: .76rem;
	border-radius: 50%;
	line-height: .76rem;
}

.circle-div2 {
	cursor: pointer;
	margin: 0 auto;
	width: .76rem;
	height: .76rem;
	border-radius: 50%;
	line-height: .76rem;
	border: 2px solid #2486FF;
}

.bg-white {
	background: #fff;
	border: 2px solid #2486FF;
}

.bg-blue {
	background: #2486FF;
}

.solutionBox {
	background: url(../img/bg_solve.png) no-repeat;
	background-size: cover;
	/*height: 6.9rem;
		width: 100%;*/
}

.solution-thumbnail {
	border: none;
	margin-top: 1rem;
}

.solution-h3 {
	margin-top: 0;
	color: #fff;
	font-size: .42rem;
	padding-top: 1.5rem;
}

.solution-p {
	color: #fff;
	font-size: .22rem;
	margin-top: .5rem;
	padding-bottom: 1.5rem;
}

#solution .caption-p {
	font-size: .2rem;
	color: #252525;
	font-weight: 400;
	margin-top: .11rem;
}

.circle-img {
	display: inline-block;
	vertical-align: middle;
}

.circle-img3,
.circle-img2 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: .1rem;
}

.img-size {
	width: .23rem;
	height: .36rem;
}

.img-size1 {
	width: .42rem;
	height: .32rem;
}

.img-size2 {
	width: .28rem;
	height: .32rem;
}

#solution .center-title {
	margin-top: .78rem;
	margin-bottom: .6rem;
}

.tea-div #tea {
	margin-top: 1.37rem;
	margin-bottom: 1.21rem;
}

.tea-div {
	padding-bottom: 1.51rem;
}

.solution-text {
	color: #333333;
	font-size: .16rem;
}

.food-text {
	color: #252525;
	font-size: .16rem;
}

.tea-title {
	color: #252525;
	font-size: .18rem;
	margin-top: .57rem;
	font-weight: 600;
}

.food-title {
	margin-top: .35rem;
	font-size: .18rem;
	color: #383838;
	font-weight: 600;
	font-family: SourceHanSansCN-Regular;
}

.food-context {
	color: #808080;
	font-size: .14rem;
}

.tea-p1 {
	color: #383838;
	font-size: .18rem;
	font-weight: 600;
	margin-top: 13%;
}

.tea-p2 {
	color: #808080;
	font-size: .14rem;
}

.tea-row {
	margin-top: .9rem;
}

.tea-phone .tea-p1 {
	margin-top: .2rem;
}

.tea-phone .tea-p2 {
	margin-bottom: .4rem
}


/* 解决方案 end */


/* 关于我们begin  */

.mission img {
	width: 6.6rem;
	height: 3.42rem;
}

.about .center-title {
	margin-top: 1.2rem;
	margin-bottom: .69rem;
}

.about-text {
	color: #666666;
	font-size: .16rem;
	margin-bottom: .36rem;
}

.vision {
	background: url(../img/bg_vision.png) no-repeat center;
	background-size: cover;
}

.vision .center-title {
	margin-top: .78rem;
	margin-bottom: .68rem;
	color: #fff;
}

.vision .about-text {
	color: #fff;
}

.call .center-title {
	margin-top: 1.49rem;
	margin-bottom: .81rem;
}

.call {
	padding-bottom: 1.51rem;
}

#about .contact {
	border-top: 1px solid #EDEDED;
}

.aboutBox img {
	width: 100%;
}


/* 关于我们 end */


/* 价格begin */

.price-phone {
	margin-top: .45rem;
}

.price-phone p {
	color: #383838;
	font-size: .16rem;
	margin-bottom: .17rem;
}

.price-btn {
	color: #2486FF;
	min-width: 1.24rem;
	padding: .1rem .18rem;
	border-radius: .21rem;
	border: 1px solid rgba(36, 134, 255, 1);
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
	font-size: .16rem;
	margin-bottom: .35rem;
}

.price-btn:hover {
	background: linear-gradient(164deg, rgba(77, 140, 254, 1) 0%, rgba(101, 165, 250, 1) 100%);
	border: 1px solid rgba(36, 134, 255, .1);
	color: #fff;
}

.version-price {
	margin: 0 .3rem;
	text-align: center;
	border-bottom: 1px solid #EEEEEE;
}

.price-version .col-sm-3 {
	background-color: #fff;
	padding: 0;
	transition: all 200ms;
}

.price-version .col-sm-3:hover {
	z-index: 999;
	transform: scale(1.03, 1.03);
	box-shadow: 1px 4px 18px 0px rgba(84, 84, 84, 0.15);
	cursor: pointer;
}


.faq {
	margin-bottom: .51rem;
}

.question-title {
	color: #252525;
	font-size: .16rem;
}

.question-answer {
	color: #A9A9A9;
	font-size: .14rem;
}

.jumbotron-bg .price-FAQ {
	color: #383838;
	font-size: .26rem;
	margin: .45rem 0 .55rem 0;
}

#price .jumbotron-bg {
	margin-top: .1rem;
}

.white {
	min-height: 7.5rem;
	background-color: #fff;
}

.introduce2 .in-title2 {
	margin-top: .2rem;
}

.introduce2 .in-title,
.introduce .in-title,
.introduce2 .in-title2 {
	color: #383838;
	font-size: .14rem;
	font-weight: 600;
}

.introduce p,
.introduce2 p {
	color: #999999;
	font-size: .12rem;
}

.introduce {
	border-bottom: 1px solid #EEEEEE;
}

.introduce,
.introduce2 {
	margin: 0 .3rem;
	padding: .16rem 0;
}


.version-price .price-details {
	color: #383838;
	font-size: .16rem;
	font-weight: 600;
	line-height: .42rem;
}

.price-year {
	height: .42rem;
	font-weight: 500;
	color: #999999;
	font-size: .16rem;
	margin-top: .25rem;
}

.price-year span {
	color: #252525;
	font-size: .3rem;
	margin: 0 .05rem;
}

.price-btn {
	color: #2486FF;
	min-width: 1.24rem;
	padding: .1rem .18rem;
	border-radius: .21rem;
	border: 1px solid rgba(36, 134, 255, 1);
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
	font-size: .16rem;
	margin-bottom: .35rem;
}

.price-btn:hover {
	background: linear-gradient(164deg, rgba(77, 140, 254, 1) 0%, rgba(101, 165, 250, 1) 100%);
	border: 1px solid rgba(36, 134, 255, .1);
	color: #fff;
}

.version-title,
.version-title-flagship,
.version-title-blockchain,
.version-title-fleeing {
	height: .6rem;
	line-height: .6rem;
	font-size: .18rem;
	font-weight: 600;
	text-align: center;
}

.version-title {
	color: #252525;
	border: 1px solid #EEEEEE;
	border-bottom: none;
}

.version-title-blockchain {
	color: #fff;
	background: linear-gradient(178deg, rgba(50, 132, 255, 1) 0%, rgba(132, 198, 255, 1) 100%);
}

.version-title-fleeing {
	color: #fff;
	background: linear-gradient(176deg, rgba(7, 176, 134, 1) 0%, rgba(75, 220, 172, 1) 100%);
}

.version-title-flagship {
	color: #fff;
	background: linear-gradient(174deg, rgba(252, 124, 24, 1) 0%, rgba(255, 174, 66, 1) 100%);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
	color: #2486FF;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: #F5F7FA;
}

.dropdown-menu {
	border: none;
}

.dropdown-menu {
	padding: 13px 0;
	min-width: 135px;
}

.dropdown-menu>li>a {
	color: #383838;
}

.price-title {
	margin-top: .34rem;
	font-size: .26rem;
	color: #383838;
}

.price-context {
	font-size: .16rem;
	font-weight: 400;
	color: #999999;
}

.price-box {
	width: 6.46rem;
	margin: 0 auto;
}

.price-version {
	margin-top: .48rem;
}

.prices {
	width: 100%;
	height: 4.2rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 249, 255, 1) 100%);
}

.version-border {
	min-height: 8rem;
	border: 1px solid #EEEEEE;
	border-right: none;
	border-radius: 0px 0px 4px 4px;
}

.version-border2 {
	min-height: 8rem;
	border: 1px solid #EEEEEE;
	border-radius: 0px 0px 4px 4px;
}

/* 价格end */


/* 产品begin */

.project-p1 {
	margin-top: .35rem;
	font-size: .18rem;
	color: #252525;
}

.product-img {
	margin: 0 auto;
	width: .6rem;
	height: .6rem;
}

.project-p2 {
	font-size: .16rem;
	color: #808080;
}

.project-thumbnail {
	border: 1px solid #fff;
	height: 2.7rem;
}

.product-h1 {
	margin-bottom: .2rem;
	font-size: .36rem;
	color: #252525;
}

.product-p {
	font-size: .2rem;
	color: #808080;
}

.project-p {
	color: #808080;
	font-size: .18rem;
}

.project-img {
	margin-top: .74rem;
	margin-bottom: 1.21rem;
}

.tyt {
	padding: .3rem 0;
}


/* 产品end */


/* 客户案例begin */

.caseBox .center-title {
	margin-bottom: .35rem;
}

.center-context {
	color: #666666;
	font-size: .18rem;
}

.case-details {
	margin-top: .8rem;
}

.more-txt {
	color: #999999;
	font-size: .18rem;
	padding: .61rem 0 .81rem 0;
	border-bottom: 1px solid #EDEDED;
}


/* 客户案例end */


/* 防伪查询begin */

#query input::-webkit-input-placeholder {
	font-size: .16rem;
	line-height: .45rem;
}

#query .btn-primary {
	background-color: #2B87FB;
	border-color: #2B87FB;
}

.linkModal .col-sm-3 {
	padding-right: 0;
	width: 20%;
}

.linkModal .col-md-offset-3 {
	margin-left: 20%;
}

.hash-msg .col-sm-9,
.linkModal .col-sm-8 {
	padding: 0;
}

.hash-msg {
	margin-top: 24px;
	width: 100%;
	background: rgba(246, 248, 251, 1);
	box-shadow: 0px 2px 12px 0px rgba(4, 0, 0, 0.08), 0px 4px 0px 0px rgba(236, 243, 254, 1);
	border-radius: 4px;
	padding: 15px 11px;
}

.hash-r {
	cursor: pointer;
	float: right;
	font-size: 14px;
	color: #2486FF;
}

.hash-l {
	font-size: 15px;
	color: #252525;
	font-weight: 600;
}

.hash-txt {
	margin: 5px 0;
	color: #383838;
	font-size: 14px;
	word-wrap: break-word;
}

.glyphicon-menu-up {
	color: #595959;
	float: right;
	margin-top: 5px;
}

.glyphicon-menu-right {
	font-size: 13px;
}

.order {
	text-align: center;
}

.order .line {
	display: inline-block;
	width: 32px;
	border-top: 1px solid #ccc;
}

.order .txt {
	margin: 0 9px;
	color: #595959;
	vertical-align: -20%;
}

.query-p {
	color: #fff;
	font-family: "微软雅黑";
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 89.1650390625%, rgba(123, 184, 253, 1) 100%);
	text-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 500;
}

.linkModal {
	width: 500px;
}

.myModalCss {
	margin-top: 2rem;
}

#v_con .form-control {
	padding: 0;
	border: none;
}

#verifyCanvas {
	border-radius: 7px;
}

#tip {
	padding-left: .05rem;
}

#v_container {
	width: 100%;
	border-radius: 15px;
}

#myModal {
	position: absolute;
	top: 21%;
}

.error-tip {
	color: #EA4E42;
	font-size: .14rem;
}

.queryTip {
	margin-top: 1.09rem;
}


.query-border {
	padding-bottom: 1.08rem;
	border-bottom: 1px solid #EDEDED;
}

.tip-padding {
	padding: 0 .67rem;
}

.tipTitle {
	font-size: .2rem;
	color: #252525;
	font-weight: 600;
	margin-bottom: .29rem;
}

.tip-div {
	margin-top: .25rem;
}

.tipImg {
	display: inline;
	width: .18rem;
	height: .18rem;
}

.tipText {
	font-size: .14rem;
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	color: #808080;
}

.query-ctrl {
	border-left: 1px solid #ccc;
	cursor: pointer;
	height: .56rem;
	line-height: .56rem;
	font-size: .18rem;
	color: #252525;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
}

.p-size1 {
	letter-spacing: 1px;
	font-size: .38rem;
	padding-top: 1.26rem;
}

.label-size {
	font-size: .18rem;
	font-weight: 400;
}

.p-size2 {
	font-size: .22rem;
	padding-bottom: .41rem;
}

.b-radiu {
	border-left: none;
	border-radius: 10px 0 0 0;
}

.b-radiu2 {
	border-radius: 0 10px 0 0;
}

.bg-grey {
	background: #D9D9D9;
}

.bg-white {
	background: #fff;
}

.queryBox {
	background: url(../img/bg_chaxunyemian@2x.png) no-repeat;
	background-size: 100% 100%;
}

.query-div {
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 2rem;
}

.query-btn {
	color: white;
	border: 1px solid #fff;
	background: linear-gradient(90deg, rgba(99, 182, 252, 1), rgba(43, 150, 249, 1));
	/*box-shadow:0px 4px 25px 0px rgba(33,129,255,0.2);*/
	border-radius: 5px;
}

.query-btn:hover {
	color: white;
	background: rgba(99, 182, 252, 1);
}

.query-input {
	padding-top: .57rem;
}

.linkCard {
	padding: .25rem .14rem .46rem .14rem;
	box-shadow: 0px 2px 18px 0px rgba(4, 0, 0, 0.1);
	border-radius: 2px;
}

.linkCard2 {
	padding: .25rem .14rem .20rem .14rem;
	box-shadow: 0px 2px 18px 0px rgba(4, 0, 0, 0.1);
	border-radius: 2px;

}

.linkMsg {
	margin-top: .08rem;
}

.jiazi {
	left: .3rem;
	top: -.08rem;
	width: .35rem;
	position: absolute;
}

.jiazi2 {
	right: .3rem;
	top: -.08rem;
	width: .35rem;
	position: absolute;
}

.msg p {
	margin: 0 0 5px;
}

.msg {
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
}

.msg2 {
	margin-top: 14px;
}

.msg2 p {
	color: #737373;
}

.msg2 span {
	color: #383838;
}

.link-title {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 25px;
}

.link-success {
	color: #1ABC81;
}

.link-warn {
	color: #5A95FF;
}

.show {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.open {
	z-index: 9999;
	opacity: 1;
}

.show-img {
	margin: 0 auto;
	width: 500px;
	overflow: auto;
}

.q-image {
	width: 100%;
}

.closeCss {
	z-index: -999;
	opacity: 0;
}

.show .glyphicon-remove {
	position: absolute;
	cursor: pointer;
	font-size: 25px;
}

.q-img1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/* 防伪查询end */
.anliBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.anliBox{
	flex: 1;
	height:3.9rem;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.3rem;
	position: relative;
}
 
.anlititle{
	font-size: 0.18rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
}
.showImg {
	position: absolute;
}
.hidenImg {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.anliBox {
	transition: all 0.6s
}
.anliBox:hover {
	transform: scale(1.1);
	transition: all 0.6s ;
	box-shadow: 0px 6px 18px 0px rgba(195, 195, 195, 0.85);
}
.anliBox:hover .showImg {
	opacity: 0; 
	transition: all 0.5s ;
/*  */
}
.anliBox:hover .hidenImg {
	opacity: 1;
	transition: all 0.5s;
}

.yunBig {
	display: flex;
}
.yunBox{
	flex: 1;
	height:2.3rem;
	margin-right: 0.4rem;
	text-align: center;
}
.youshiBig {
	display: flex;
}
.youshiBox{
	flex: 1;
	height:2.3rem;
	margin-right: 0.4rem;
	text-align: center;
}

.hexinBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.hexinBox{
	flex: 1;
	height:3rem;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.8rem;
}

.guanyuBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.guanyuBox{
	flex: 1;
	height:3rem;
	background:rgba(255,255,255,1);
	border-radius:8px;
	margin-right: 0.2rem;
}
.guanyuBox2{
	flex: 1;
	height:3.6rem;
	background:rgba(255,255,255,1);
	border-radius:8px;
	margin-right: 0.4rem;
}
.guanyuChild{
	/* background-color: red; */
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	height:3rem;
}
.guanyuChildtitle {
	text-align: center;
	margin-top: 0.2rem;
	/* font-weight: 600; */
	font-size: 0.2rem;
}

.fuwuBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.fuwuBox{
	flex: 1;
	height:2.14rem;
	background:rgba(51,73,134,0.46);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.2rem;
}

.jiejueBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.jiejueBox{
	flex: 1;
	height:2.9rem;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.3rem;
}
.jiejueBox:hover {
	transform: scale(1.1);
	transition: all .3s;
}
.biaoqianBig {
	display: flex;
	margin: 0.4rem 0;
}
.biaoqianBox{
	flex: 1;
	height:3.2rem;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.3rem;
}

.tabsBtn {
	width:2rem;
	height:0.6rem;
	line-height: 0.6rem;
	border-radius:4px;
	position: relative; 
	left: 70%;
	transform: translateX(-50%);
	cursor: pointer;
}
.tabsBtns {
	width:2rem;
	height:0.6rem;
	line-height: 0.6rem;
	border-radius:4px;
	position: relative; 
	left: 30%;
	transform: translateX(-50%);
	cursor: pointer;
}
.tabsBtn-active {
	background-color: #2486FF;
	color: #fff;
}

.iconImg {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width:10px;
	height: 28px;
	background:linear-gradient(180deg,rgba(66,129,255,1) 0%,rgba(106,170,249,1) 100%);
	border-radius:5px;
}
.titleMoudel {
	font-size: 0.24rem;
	margin-bottom: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
}
.tabsBox {
	width: 100%;
	/* height: 1rem; */
	text-align: center;
	display: flex;
}
.tabSmall {
	flex: 1;
}

.fade-enter-active, .fade-leave-active {
	transition: opacity .5s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	opacity: 0;
  }
  
 
  
/* 标签介绍 begin */

.advantage-img,
.advantage-img3 {
	width: 1.58rem;
	height: 1.08rem;
}

.composite-div {
	margin-top: .25rem;
}

.advantage-img2 {
	width: 3.47rem;
	height: 1.08rem;
}

.advantage-text {
	color: #fff;
	font-size: .14rem;
	margin-top: .13rem;
}

.colours-title1,
.colours-title2,
.colours-title3,
.colours-title4 {
	font-size: .22rem;
	color: #FFF;
	text-align: center;
}

.label-colours .col-sm-4,
.label-colours .col-sm-8 {
	margin-top: .25rem;
}

.lable-row {
	margin-top: .88rem;
}

.colours-img1 {
	width: 4.78rem;
	height: 2.18rem;
}

.colours-title1 {
	height: 2.18rem;
	line-height: 2.18rem;
}

.colours-img2 {
	width: 4.78rem;
	height: 2.59rem;
}

.colours-title2 {
	height: 2.59rem;
	line-height: 2.59rem;
}

.colours-img3 {
	width: 4.78rem;
	height: 2.28rem;
}

.colours-title3 {
	height: 2.28rem;
	line-height: 2.28rem;
}

.colours-img4 {
	width: 4.78rem;
	height: 2.7rem;
}

.colours-title4 {
	height: 2.7rem;
	line-height: 2.7rem;
}

.nfc-ul {
	margin-top: .7rem;
}

.nfc-ul p {
	margin-bottom: 0;
	font-size: .14rem;
	color: #fff;
}

.label-application img {
	width: 2.8rem;
	height: 2.8rem;
	margin-top: .6rem;
	margin-bottom: .27rem;
}

.label-application .price-span {
	margin-top: .97rem;
}

.label-application .row p {
	color: #252525;
	font-size: .18rem;
	margin-bottom: .2rem;
}

.code3-btn {
	color: #333333;
	font-size: .16rem;
	width: 3.53rem;
	height: .44rem;
	margin: 0 auto;
	line-height: .44rem;
	background-color: #E0EEFF;
	border-radius: 5px;
	margin-bottom: .3rem;
}

.img-text {
	font-size: .16rem;
	color: #FFF;
}

.label-application,
.label-recommend {
	background: url(../img/pic_bg7@2x.png) no-repeat 0 -2.3rem;
	background-size: cover;
	padding-bottom: 1.21rem;
}

.lable-bg {
	background: url(../img/pic_bg9@2x.png) no-repeat 0 4rem;
	background-size: cover;
}

.label-recommend img {
	width: 3.51rem;
	height: 3.53rem;
	margin-bottom: .1rem;
}

.label-recommend .price-span {
	margin-top: .86rem;
	margin-bottom: .52rem;
}

.lable-QZ-code4 .price-span {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.lable-QZ-code4 {
	margin-bottom: .8rem;
}

.lable-circl {
	font-size: .2rem;
	margin-right: .05rem;
}

.details-title {
	color: #FFF;
	font-size: .3rem;
	margin-top: 1rem;
	margin-bottom: .55rem;
}

.details-text2 {
	font-size: .14rem;
	color: #FFF;
	margin-bottom: 0;
}

.details-text {
	font-size: .14rem;
	color: #FFF;
	margin-bottom: .25rem;
}

.details-point2,
.details-point {
	font-size: .22rem;
	color: #FFF;
	margin-bottom: .21rem;
}

.details-point2 {
	margin-top: .25rem;
}

.goods-img1 {
	margin-bottom: .3rem;
	width: 1.57rem;
	height: 1.82rem;
}

.goods-img1 {
	width: 1.56rem;
	height: 1.56rem;
}

.label-title {
	color: #252525;
	font-size: .22rem;
	border-left: 2px solid #2486FF;
	padding-left: .1rem;
	line-height: .2rem;
	margin-bottom: .3rem;
	margin-top: .2rem;
}

.lableBox {
	position: relative;
}

.label-text {
	color: #808080;
	font-size: .14rem;
}

.label-img,
.label-img1,
.label-img2,
.label-img3 {
	border: 1px solid #D9D9D9;
	margin-bottom: .76rem;
}

.label-img {
	padding: .26rem 0 .18rem 0;
}

.label-img1 {
	padding: .38rem 0;
}

.label-img2 {
	padding: .37rem 0;
}

.label-img3 {
	padding: .64rem 0 .56rem 0;
}

.label-img img {
	width: 2.17rem;
	height: 2.67rem;
}

.label-img1 img {
	width: 2.05rem;
	height: 2.93rem;
}

.label-img2 img {
	width: 2.37rem;
	height: 2.37rem;
}

.label-img3 img {
	width: 2.91rem;
	height: 1.91rem;
}

.label-btn {
	font-size: .2rem;
	margin: 0 auto;
	width: 1.65rem;
	height: .64rem;
	line-height: .64rem;
	border-radius: 5px;
}

.clickbtn,
.label-btn:hover {
	cursor: pointer;
	color: #FFF;
	background: #2486FF;
}

.outbtn {
	color: #252525;
	background: #FFF;
}

.brand-title {
	color: #2486FF;
	font-size: .3rem;
	margin-bottom: .17rem;
}

.brand-subheading {
	color: #8C8C8C;
	font-size: .22rem;
	margin-bottom: .35rem;
}

.brand-text {
	color: #4D4D4D;
	font-size: .16rem;
	margin-bottom: 0;
}

.border-lr {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.lableBox2_title {
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #252525;
	font-size: .18rem;
	margin-bottom: .02rem;
}

.lableBox2_text {
	color: #808080;
	font-size: .16rem;
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	margin: 0;
}

.lableBox_div {
	margin: 0 auto;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
}

.lableBox_div_img,
.lableBox_div_img2,
.lableBox_div_img3 {
	display: inline-block;
	vertical-align: middle;
}

.lableBox_div_img {
	width: .3rem;
	height: .36rem;
}

.lableBox_div_img2 {
	width: .36rem;
	height: .36rem;
}

.lableBox_div_img3 {
	width: .36rem;
	height: .32rem;
}

#ppop {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 1.2rem;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
}

.lableBox2 .thumbnail .caption {
	padding: .12rem 0 0 0;
}

.lableBox2 .thumbnail {
	background-color: rgba(0, 0, 0, 0);
}

.lableBox2 .thumbnail {
	margin: 0;
	padding-bottom: 0;
	border: none;
}

.lableBox-title {
	color: #fff;
	font-size: .36rem;
	margin-top: 1rem;
	margin-bottom: .17rem;
	font-weight: bold;
}

.lableBox-text {
	font-family: SourceHanSansCN-Normal;
	color: #fff;
	font-size: .23rem;
	font-weight: 400;
	margin-bottom: .44rem;
}

.lableBox-text2 {
	font-family: SourceHanSansCN-Regular;
	color: #fff;
	font-size: .22rem;
	font-weight: 400;
	/*padding-bottom: 6.3rem;*/
}


/* 标签介绍 begin */

.jumbotron .jumbotron-h1 {
	font-size: .32rem;
	font-family: SourceHanSansCN-Regular;
	margin-bottom: .3rem;
}

.jumbotron .jumbotron-p {
	font-size: .18rem;
	font-family: SourceHanSansCN-Regular;
	margin-bottom: .3rem;
	color: #808080;
}

.jumbotron {
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(203, 213, 255, 0.25);
	border-radius: 5px;
}

.img-divCss {
	padding: .15rem 0;
}

.img-div {
	width: 100%;
	height: .8rem;
	margin-top: .55rem;
}

.details-btn {
	background-color: white;
	font-size: .14rem;
	padding: .2rem 0;
	color: #999999;
	border-top: 1px solid #EDEDED;
}

.details-btn:hover {
	/*background-color: #E9F2FF;*/
	/*color: #2686FB;*/
}

.details-btn:hover+.thumbnail-css2 {
	box-shadow: 0px 6px 18px 0px rgba(195, 195, 195, 1);
	border-radius: 5px;
	border: 1px solid #fff;
	padding: 0;
}

.hr-css {
	margin-top: .7rem;
	color: #EDEDED;
}

.hr-css2 {
	margin-top: .3rem;
	margin-bottom: .4rem;
}

.thumbnail-css {
	cursor: pointer;
	padding: .43rem .17rem;
	box-shadow: 0px 6px 18px 0px rgba(195, 195, 195, 0.2);
	border-radius: 5px;
	border: 1px solid #fff;
}

.thumbnail-css2 {
	cursor: pointer;
	box-shadow: 0px 6px 18px 0px rgba(195, 195, 195, 0.2);
	border-radius: 5px;
	border: 1px solid #fff;
	padding: 0;
	overflow: hidden;
}

.thumbnail-css2:hover,
.thumbnail-css:hover {
	box-shadow: 0px 6px 18px 0px rgba(195, 195, 195, 0.85);
	position: relative;
	bottom: .02rem;
}

.thumbnail-css2:hover img {
	/* transform: scale(1.1); */
}

.thumbnail-css2 img {
	transition: all 1s;
}

.caption-h3 {
	margin-top: .31rem;
	color: #252525;
	font-size: .16rem;
	font-family: SourceHanSansCN-Medium;
}

.caption-p {
	color: #808080;
	font-size: .14rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
}

.medias {
	box-shadow: 0px 0px 20px 0px rgba(203, 213, 255, 0.25);
}

.medias-bg {
	background: white;
}

.rowcss {
	width: 5.08rem;
	cursor: pointer;
	/*	border: 1px solid;*/
}

.media-span {
	font-size: .14rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #666666;
}

.media-heading {
	font-size: .2rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: #252525;
}

.icon-phone {
	background-color: #2486FF;
	padding: .13rem;
	border-radius: 50%;
}

.paddCss1 {
	margin: 0 auto;
	background: #2486FF;
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
	line-height: .7rem;
}

.padd-img {
	display: inline-block;
	vertical-align: middle;
	width: .24rem;
	height: .37rem;
}

.padd-img2 {
	display: inline-block;
	vertical-align: middle;
	width: .41rem;
	height: .31rem;
}

.padd-img3 {
	display: inline-block;
	vertical-align: middle;
	width: .3rem;
	height: .34rem;
}


/**/

.up_down {
	margin-top: .7rem;
	color: #2686FB;
}

.paddCss2 {
	padding: .18rem .13rem .2rem .16rem;
}

.paddCss3 {
	padding: .17rem .2rem;
}

.topImg {
	width: 9.42rem;
	height: 6.04rem;
}

.media-grounp {
	margin-top: .93rem;
	margin-right: 1.28rem;
}

.center-list {
	background-color: white;
}

.centerImg2 {
	margin-top: 1.54rem;
}

.center-title,
.centerBoxCss2 p {
	margin-top: .78rem;
	
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #252525;
}

.center-title {
	margin-bottom: .78rem;
}

.centerBoxCss2 {
	height: 9.5rem;
	background-color: #FAFBFF;
}

.centerBoxCss5 {
	margin-top: 1rem;
	height: auto;
	background-color: #FAFBFF;
}

.topTitleCss {
	padding-top: .56rem;
	font-size: .26rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: rgba(37, 37, 37, 1);
}

.topContextCss {
	/*white-space: nowrap;*/
	padding-top: .15rem;
	padding-bottom: .05rem;
	font-size: .16rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: rgba(128, 128, 128, 1);
}

.topCss {
	width: 100%;
	/* height: .8rem; */
}

.div-icon {
	background-color: #2486FF;
	width: .53rem;
	height: .53rem;
	line-height: .53rem;
	text-align: center;
	border-radius: 50%;
}

.iconCss {
	width: .27rem;
	height: .28rem;
}

.iconCss3 {
	width: .22rem;
	height: .24rem;
}

.iconCss4 {
	width: .22rem;
	height: .22rem;
}

#store .media-object {
	display: inline;
}

.contextCss {
	font-size: .18rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 400;
	color: rgba(32, 32, 32, 1);
}

.btnCss {
	width: 1.4rem;
	height: .46rem;
	background: linear-gradient(177deg, rgba(66, 129, 255, 1) 0%, rgba(106, 170, 249, 1) 100%);
	border: 1px solid #57a2ff;
	border-radius: .28rem;
	color: #fff;
	font-size: .14rem;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.68);
}

.btnCss:hover {
	background: linear-gradient(260deg, rgba(66, 129, 255, 1) 0%, rgba(106, 170, 249, 1) 100%);
	color: #fff;
	border: 1px solid #57a2ff;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.68);
}

.btn-buy {
	background: #CCCCCC;
	font-size: .14rem;
	border: 1px solid #CCCCCC;
	color: #fff;
	border-radius: .28rem;
	box-shadow: 0px 3px 10px 0px rgba(102, 102, 102, 0.12);
}

.btnCss-call {
	width: 1.4rem;
	height: .5rem;
	background-color: #fff;
	border: 1px solid #2486FF;
	border-radius: .28rem;
	color: #2486FF;
	font-size: .15rem;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.5);
}

.btnCss-call:hover {
	background: linear-gradient(260deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
	color: rgba(255, 250, 250, 1) 100%);
	border: 1px solid #57a2ff;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.68);
}

.my-navbar {
	/* padding: .2rem 0; */
	transition: background 0.7s ease-in-out, padding 0.7s ease-in-out;
	border: none;
}

.top-nav {
	padding: 0;
	background: #fff;
	color: #000;
	border-bottom: 1px solid rgba(238, 238, 238, 1);
	box-shadow: 0px 2px 20px 0px rgba(8, 8, 8, 0.12);
}

.logoTopCss {
	width: .67rem;
	height: .2rem;
}

.ctrlBtnCss {
	width: .2rem;
	height: .13rem;
}

.navbar-default {
	background-color: #fff;
}

.price-span {
	color: #252525;
	font-size: .3rem;
}

.freeBtnCss {
	padding-left: .19rem;
	padding-right: .19rem;
	margin-right: .09rem;
	border-radius: .18rem;
	font-size: .14rem;
	background: linear-gradient(260deg, rgba(66, 129, 255, 1) 0%, rgba(106, 170, 249, 1) 100%);
	color: #fff;
	border: 1px solid #57a2ff;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.68);
}
.freeBtnCss:focus,
.freeBtnCss:active,
.freeBtnCss:hover {
	background: #fff;
	color: rgba(36, 134, 255, 0.8);
	border: 1px solid rgba(36, 134, 255, 1);
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.4);
}

.dlsBtn {
	padding-left: .18rem;
	padding-right: .18rem;
	margin-right: .09rem;
	border-radius: .18rem;
	font-size: .13rem;
	background: #fff;
	color: rgba(36, 134, 255, 0.8);
	border: 1px solid rgba(36, 134, 255, 1);
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.4);
}

.dlsBtn:focus,
.dlsBtn:active,
.dlsBtn:hover{
	background: linear-gradient(260deg, rgba(66, 129, 255, 1) 0%, rgba(106, 170, 249, 1) 100%);
	color: #fff;
	border: 1px solid #57a2ff;
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.68);
}

.freeBtnCss2 {
	color: rgba(36, 134, 255, 0.8);
	padding: .04rem .15rem;
	border: 1px solid rgba(36, 134, 255, 1);
	box-shadow: 0px 2px 7px 0px rgba(20, 92, 237, 0.4);
	border-radius: .18rem;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.0);
	color: #2486FF;
}

button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {
	outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.jumbotron-bg {
	background-color: #FAFBFF;
}

#img1 {
	cursor: pointer;
}

#code {
	padding: .03rem .2rem;
}

#code .thumbnail {
	border: none;
	margin-bottom: 0px;
}

#code .thumbnail .caption {
	padding: 0;
}

.thumbnail .caption {
	padding: .15rem;
}

#code p {
	margin: 0;
	color: #8C8C8C;
	font-size: .12rem;
}

.tooltip-inner {
	background: white !important;
	/*text-align: left !important;//字体左对齐*/
	color: #000000;
	 !important;
	max-width: 320px;
	 !important;
	box-shadow: 0px 3px 15px 0px rgba(195, 195, 195, 0.45) !important;
}

.tooltip {
	opacity: 1 !important;
}

.tooltip-arrow {
	border-bottom-color: #ffffff !important;
	opacity: 0;
}


/*
  	浮窗
 * */

.right_fbox {
	background-color: #2486FF;
	width: 143px;
	height: 349px;
	position: fixed;
	float: right;
	/*left: 50%;*/
	right: 1%;
	top: 30%;
	z-index: 999;
}


/* 手机端底部联系我们模块 begin  */

.panel-default>.panel-heading {
	background-color: #fff;
}

.panel-heading {
	padding: 10px 0;
}

.panel {
	border: none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none;
}

.bottom-a {
	color: #252525;
	font-size: .26rem;
	font-weight: 400;
}

.bottom-a1 {
	color: #2686FB;
	font-size: .26rem;
	font-weight: 400;
}

.panel a {
	text-decoration: none;
	color: #999999;
}

.bottom-text {
	color: #999999;
	font-size: .22rem;
	padding-left: .2rem;
}

.bottom-text1 a {
	color: #666666;
	font-size: .22rem;
	padding-left: .2rem;
}

#price .text-mb {
	margin-top: .45rem;
	margin-bottom: .1rem;
}

.text-mb {
	margin-top: .45rem;
}

.panel-body {
	padding: 0;
}

.phone-call {
	padding-top: .56rem;
	padding-left: .3rem;
	padding-right: .3rem;
}

.panel-group {
	margin-bottom: .78rem;
}

.bottom-qy {
	margin-bottom: .78rem;
	color: #999999;
	font-size: .2rem;
}

.bottom-qy a {
	color: #999999;
	text-decoration: none;
}


/* 手机端底部联系我们模块  end  */


/* 移动端样式 */
.YD_hexinBox{
	flex: 1;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.2rem;
}
.YD_fuwuBox{
	flex: 1;
	background:rgba(51,73,134,0.46);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.1rem;
}
.YD_jiejueBig {
	margin-bottom: 0.4rem;
}
.YD_jiejueBox{
	
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-bottom: 0.4rem;
}
.YD_hexinBig {
	display: flex;
	margin-bottom: 0.4rem;
}

.YD_biaoqianBig {
	display: flex;
	margin: 0.4rem 0;
}
.YD_biaoqianBox{
	flex: 1;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
}






.YD_anliBox{
	height:3rem;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	position: relative;
	margin-right: .1rem;
}

.YD_anliBig {	
	margin-bottom: 0.4rem;
}
.YD_anlititle{
	font-size: 0.26rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: .9rem;
	line-height: .9rem;
}
.YD_showImg {
	width: 100%;;
	
}
.YD_hidenImg {
	width: 2rem;
	height: 2rem;
	left: 50%;
	top: 40%;
	transform: translate(-50%,-50%);
	position: absolute; 
	opacity: 1;
}
@keyframes myfirst {
	from {
		opacity:0;
	}
	to {
		opacity: 1;
	}
}
@keyframes mysed{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.taeshowImg {	
	animation: myfirst .5s;		
}
.tarhidenImg {
	animation: mysed .5s;		
}




.YD_guanyuBig {
	display: flex;
	margin-bottom: 0.4rem;
}
.YD_guanyuBox{
	flex: 1;
	background:rgba(255,255,255,1);
	border-radius:8px;
	margin-right: 0.2rem;
}
.YD_guanyuBox2{
	flex: 1;
	background:FAFBFF;
	border-radius:8px;
	margin-right: 0.4rem;
}
.YD_guanyuChild{
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
}
.YD_yunBox{
	/* margin-right: 0.4rem; */
	text-align: center;
	margin-bottom: .4rem;
}
.hexinBig {
	display: flex;
	margin-bottom: 0.4rem;
}


.YD_jumbotron {
	
	border-radius: 5px;
	padding: 0 15px;

}
.YD_jumbotron .jumbotron-h1 {
	font-size: .32rem;
	font-family: SourceHanSansCN-Regular;
	margin-bottom: .3rem;
}
.YD_jumbotron .jumbotron-p {
	font-size: .18rem;
	font-family: SourceHanSansCN-Regular;
	margin-bottom: .3rem;
	color: #808080;
}
.YD_line {
	display: block;
	width: 1rem;
	height: 1px;
	background-color: #E5E5E5;
	margin-bottom: .4rem;
	margin-left: 50%;
	transform: translateX(-50%);
}
.YD_fangcuanBox{
	flex: 1;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
	border-radius:8px;
	margin-right: 0.2rem;
}
/* .imgAl_box {
	height: 4.9rem;
	position: relative;
	box-shadow:0px 0px 18px 0px rgba(235,235,235,0.5);
} */
/* .KF_anli {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
} */

/* .flip-container {
	perspective: 1000;
}
	
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
 .front, .back {
	width: 100%;
	
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}


.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}


.front {
	z-index: 2;
}


.back {
	transform: rotateY(180deg);
} */