/*************************缂囧骸顔愰崡锛勫***********************/
/*鏉烆喗鎸辨稉顓㈡？閸愬懎顔�*/
.cardItem {
	width: 100%;
}

.cardItem-top {
	display: none;
	width: 100%;
	height: 45vw;
	background: -webkit-linear-gradient(to bottom, #FF5B54, #FD8A6E);
	background: linear-gradient(to bottom, #FF5B54, #FD8A6E);
}

.cardItem-logo {
	float: right;
	width: 25.4vw;
	height: 6.6vw;
	margin-right: 5.2vw;
	margin-top: 4.7vw;
	overflow: hidden;
}

.cardItem-logo img {
	width: 100%;
}

.cardItem-p {
	clear: both;
	padding-top: 5.5vw;
	padding-left: 5.7vw;
	font-size: 4.8vw;
	color: #fff;
}


/*閻㈢喐鍨氶崡锛勫閸撳秵妯夌粈铏规畱閸愬懎顔�*/
.cardItem-center {
	position: relative;
	width: 100%;
	background: #FFF9F7;
	height: 108vw;
}

.cardItem-center-content {
	box-sizing: border-box;
	position: absolute;
	top: -18vw;
	left: 50%;
	width: 90vw;
	margin-left: -45vw;
	background: #fff;
	border-radius: 2vw;
	padding: 9vw 4.6vw 0;
	box-shadow: 5px 5px 50px rgba(255,90,82,0.08);
}


/*閻㈢喐鍨氶崡锛勫閸氬海些闂勩倗琚�*/
.cardItem-center.newHeight {
	height: 100vw;
}

.cardItem-center-content.newShow {
	top: -30vw;
}

.cardItem-text-one {
	font-size: 4.8vw;
	color: #9B9B9B;
}

.cardItem-text-two {
	margin: 1vw 0 2.5vw;
	font-size: 9.6vw;
	color: #333;
}

.cardItem-img {
	width: 80vw;
	height: 50vw;
	background: #F4F4F4;
	border-radius: 2vw;
	overflow: hidden;
	margin-bottom: 3vw;
}

.cardItem-img img {
	width: 100%;
	height: 100%;
}

.similarBox{
	font-size: 4.4vw;
	color: #333;
}

.similarNum{
	color:#FF5A52;
}

.similarNum>em{
	font-size: 7.2vw;
}

.cardItem-dl{
	margin-top: 3.5vw;
}

.cardItem-dd {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 1vw;
}

.cardItem-dd span {
	margin-left: 1.5vw;
	font-size: 4vw;
	color: #9B9B9B;
}

.cardItem-dd em {
	margin: 0 3vw;
	font-size: 4vw;
	color: #333;
}

.cardItem-text-three {
	margin-left: 1.5vw;
	margin-bottom: 3.5vw;
    line-height: 6vw;
	font-size: 4vw;
	color: #9B9B9B;
}


/*鎼存洟鍎存禍宀�娣惍锟�*/
.cardItem-bottom {
	display: none;
	width: 100%;
	height: 26vw;
	background: #282E34;
}

.cardItem-bottom-left {
	margin: 4vw 0 0 10vw;
}

.cardItem-text-four {
	margin-bottom: 1.8vw;
	font-size: 4vw;
	color: #fff;
}

.cardItem-bottom-logo {
	width: 21vw;
	height: 5.5vw;
}

.cardItem-bottom-right {
	margin: 5.4vw 9.7vw 0 0;
	width: 16.2vw;
	height: 16.2vw;
	overflow: hidden;
}

.cardItem-bottom-right img {
	width: 100%;
}


/*濮濓絽鐖堕弰鍓с仛閸愬懎顔�*/
.cardWrap {
	overflow: hidden;
}

.card-onebox {
	width: 100%;
	height: 37vw;
	background: -webkit-linear-gradient(to bottom, #FF5B54, #FD8A6E);
	background: linear-gradient(to bottom, #FF5B54, #FD8A6E);
}


/*娣囶喗鏁兼潪顔芥尡姒涙顓婚弽宄扮础*/
.card-swiper {
	overflow: visible;
}
.card-swiper>.swiper-wrapper,.card-swiper>.swiper-wrapper>.swiper-slide{
	height: auto;
}
.card-page>.swiper-pagination-bullet {
	background: #ABABAB;
	opacity: 1;
}

.card-page>.swiper-pagination-bullet-active {
	background: #FF5A52;
}


/*閻㈢喐鍨氶崡锛勫閹稿鎸�*/
.card-threebox {
	padding-bottom: 3.5vw;
}

.cardBtn {
	display: block;
	box-sizing: border-box;
	width: 60vw;
	height: 10.6vw;
	margin: 0 auto;
	border-radius: 5vw;
	border: 1px solid #FF5A52;
	text-align: center;
	line-height: 10.6vw;
	font-size: 4vw;
	color: #FF5A52;
}


/*閸楋紕澧栧鐟扮湴*/
.maskView {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 400;
	display: none;
}

.view {
	position: absolute;
	left: 50%;
	top: 7vw;
	z-index: 401;
	width: 60vw;
	height: 138vw;
	margin-left: -30vw;
	display: none;
}

.imgurl {
	width: 60vw;
	height: 108vw;
}

.viewP {
	margin-top: 8.3vw;
	margin-bottom: 5.6vw;
	font-size: 4vw;
	color: #fff;
	text-align: center;
}

.closeIcon {
	display: block;
	width: 4vw;
	height: 4vw;
	margin: 0 auto 15.8vw;
}


/***********************缂囧骸顔愰崺鍝勬礈濡拷濞村绮ㄩ弸锟�*****************************/
/*缂佺厧鎮庣拠鍕瀻閸欏﹥濯块悡褎绁撮懖銈喣侀崸锟�*/
.newScoreBox{
	width:100%;
	padding-top:2.3vw;
	padding-bottom:7.7vw;
}
.newScoreBox-one{
	position:relative;
	width:98vw;
	padding-top:8vw;
	padding-bottom:12vw;
    margin: 0 auto;
}
.circle-gradient{
    position: relative; 
    height: 100px;
    width: 200px;
    margin: 0 auto;
}
.circleOne{
	position: absolute;
    left: 0;
    top: 0;
	width: 200px;
    height: 100px;
    margin: 0 auto;   
}
.circleTwo{
	position: absolute;
    left: 8px;
    top: 8px;
    width: 184px;
    height: 92px;
    margin: 0 auto;   
}
.circle-score{
    position: absolute;
    left: 50%;
    top: 62px;
    width: 96px;
    margin-left: -48px;
    color: #000000;
    font-size: 12px;
    text-align: center;
}
.circle-score>i{ 	
    margin-right: 5px;
    color: #333333;
    font-size: 27px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
/* 閻炲啫鎷版稉澶庮潡 */
.circle-ball{
	position: absolute;
	top: 93px; 
	left: -7px;
	width:14px;
	height:14px;
	border:3px solid #fff;
	border-radius: 50%;
	z-index: 7;
	-webkit-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	transform-origin: 107px 7px;	
	-webkit-transition-duration: 1.5s;
  	transition-duration: 1.5s;
}
.circle-ball-color1{
	background:#FE769A;
	box-shadow: 0px 2px 5px 0px rgba(254,118,154,0.62);
}
.circle-ball-color2{
	background:#FFDDC2;
	box-shadow: 0px 2px 5px 0px rgba(255,221,194,0.62);
}
.circle-ball-color3{
	background:#FAE2C6;
	box-shadow: 0px 2px 5px 0px rgba(250,226,198,0.62);
}
.circle-ball-color4{
	background:#96EDF7;
	box-shadow: 0px 2px 5px 0px rgba(150,237,247,0.62);
}
.circle-triangle{
	position: absolute;
    top: 83px;
    left: 15px;
	width:0px; 
    height:0px; 
    border-top:10px solid transparent;
    border-right:10px solid #fff;
    border-bottom:10px solid transparent;
    z-index: 7;
    -webkit-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	transform-origin: 77px 7px;
    -webkit-transition-duration: 1.5s;
  	transition-duration: 1.5s;
}
.whiteBox{
	position: relative;
	background:#fff;	    
    width: 80vw;
    margin: 0 auto;
    border-radius: 20vw;
}
.newScore-bg{
	position: relative;
	width:73.6vw;
	height:13vw;
    margin: 0 auto;
}
.newScore-p{
	margin-top: 2.5vw;
	color:#999999;
	font-size:3.2vw;
	text-align: center;
}
.newResult-box{
	margin: 5.5vw auto 0;
	width:79.7vw;
}
.newResult-box>i{
	display: block;
	width:37.3vw;
	height:8.2vw;
    margin: 5.5vw auto 0;
}
.newResult-dl{
	margin: 5vw auto 0;
	color:#333333;
	font-size:3.4vw;
	line-height:5.6vw;
}

.newScoreBox-two{
	margin-top:3vw;
}
.newReport-h4{
	color:#333333;
	font-size:4.8vw;
	text-align: center;
}
.newReport-h4>i{
	display: inline-block;
	width:5.6vw;
	height:3.7vw;	
}
.newReport-h4>i:nth-child(1){
    margin-right:2.4vw;
}
.newReport-h4>i:nth-child(2){
    margin-left:2.4vw;
}
.newPhotoBtn{
	display: block;
	width:50.7vw;
	height:11.2vw;
    margin: 8vw auto 0;
}
.newSkin-dl{
	padding:8.5vw 10vw 0 11vw;
	color:#333333;
	font-size:3.4vw;
}
.newSkin-dl>dd>span{
	display:inline-block;
	padding:0.5vw 2.6vw;
	margin:0 0 3.2vw 2.6vw;
	border-radius: 26.6vw;
	font-size:3.2vw;
}
.newSkin-dl>dd:nth-child(2)>span{
	background:#FFEFF3;
	color:#FF5A52;	
}
.skinResult-btn{
	position: relative;
	display: block;
	width: 38vw;
    margin: 2vw auto 0;    
	font-size:3.7vw;
	text-align: center;
}
.skinResult-btn>i{
	position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.75vw;
	display: inline-block;
    width: 1.9vw;
    height: 3.5vw;
}
.recordTime-p{
	margin-top:3.7vw;
	font-size:3.2vw;
	color:#999999;
	text-align: center;
}
/* 濞屸剝婀佸ù瀣亞閹懎鍠� */
.newChecked-box{
	display:block;
}
.newCheckNo-box{
	position:relative;
	text-align: center;
}
.newCheckSkin-btn{
	position:absolute;
	top:1vw;
	left:50%;
	display:block;
	width:31vw;
	height:31vw;
	margin-left: -15.5vw;
	border-radius:50%;
	color:#FFFFFF;
	font-size:3.7vw;
}
.newCheckCircle{	
	width:33vw;
	height:33vw;
	border-radius:50%;
	margin: 9vw auto 0;
	-webkit-animation:circle 1.5s infinite;animation:circle 1.5s infinite;
}

@-webkit-keyframes circle{
	0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}
	5%{-webkit-transform:scale(0.55);transform:scale(0.55);opacity:0.95;}
	10%{-webkit-transform:scale(0.575);transform:scale(0.575);opacity:0.9;}
	15%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:0.85;}
	20%{-webkit-transform:scale(0.65);transform:scale(0.65);opacity:0.8;}
	25%{-webkit-transform:scale(0.675);transform:scale(0.675);opacity:0.75;}
	30%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0.7;}
	35%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:0.65;}
	40%{-webkit-transform:scale(0.775);transform:scale(0.775);opacity:0.6;}
	45%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.55;}
	50%{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:0.5;}
	55%{-webkit-transform:scale(0.875);transform:scale(0.875);opacity:0.45;}
	60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.4;}
	65%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0.35;}
	70%{-webkit-transform:scale(0.975);transform:scale(0.975);opacity:0.3;}
	75%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.25;}
	80%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0.2;}
	85%{-webkit-transform:scale(1.075);transform:scale(1.075);opacity:0.15;}
	90%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.1;}
	95%{-webkit-transform:scale(1.15);transform:scale(1.15);opacity:0.05;}
	100%{-webkit-transform:scale(1.175);transform:scale(1.175);opacity:0;}
}

@keyframes circle{
	0%{transform:scale(0.5);opacity:1;}
	5%{transform:scale(0.55);opacity:0.95;}
	10%{transform:scale(0.575);opacity:0.9;}
	15%{transform:scale(0.6);opacity:0.85;}
	20%{transform:scale(0.65);opacity:0.8;}
	25%{transform:scale(0.675);opacity:0.75;}
	30%{transform:scale(0.7);opacity:0.7;}
	35%{transform:scale(0.75);opacity:0.65;}
	40%{transform:scale(0.775);opacity:0.6;}
	45%{transform:scale(0.8);opacity:0.55;}
	50%{transform:scale(0.85);opacity:0.5;}
	55%{transform:scale(0.875);opacity:0.45;}
	60%{transform:scale(0.9);opacity:0.4;}
	65%{transform:scale(0.95);opacity:0.35;}
	70%{transform:scale(0.975);opacity:0.3;}
	75%{transform:scale(1.0);opacity:0.25;}
	80%{transform:scale(1.05);opacity:0.2;}
	85%{transform:scale(1.075);opacity:0.15;}
	90%{transform:scale(1.1);opacity:0.1;}
	95%{transform:scale(1.15);opacity:0.05;}
	100%{transform:scale(1.175);opacity:0;}
}

/* @-webkit-keyframes circle{
	0%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:1;}
	10%{-webkit-transform:scale(0.65);transform:scale(0.65);opacity:0.9;}
	20%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0.8;}
	30%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:0.7;}
	40%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.6;}
	50%{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:0.5;}
	60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.4;}
	70%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0.3;}
	80%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.2;}
	90%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0.1;}
	100%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0;}
}

@keyframes circle{
	0%{transform:scale(0.6);opacity:1;}
	10%{transform:scale(0.65);opacity:0.9;}
	20%{transform:scale(0.7);opacity:0.8;}
	30%{transform:scale(0.75);opacity:0.7;}
	40%{transform:scale(0.8);opacity:0.6;}
	50%{transform:scale(0.85);opacity:0.5;}
	60%{transform:scale(0.9);opacity:0.4;}
	70%{transform:scale(0.95);opacity:0.3;}
	80%{transform:scale(1.0);opacity:0.2;}
	90%{transform:scale(1.05);opacity:0.1;}
	100%{transform:scale(1.1);opacity:0;}
} */

.photoEye{
	padding:8.5vw 0 3.2vw;
}
.photoEye>img{
	width:7.8vw;
	height:7.8vw;
}
.newCheckP-one{
	margin-top:8vw;
	color:#333333;
	font-size:3.7vw;
}
.newCheckP-two{
	margin-top:3vw;
	color:#999999;
	font-size:3.4vw;
	line-height:5.6vw;
}

.shareBox{
	position: absolute;
	top: 7vw;
	right: 7vw;
	width:7vw;
	height:10vw;
	background: url("../../images/report/shareBox.png-v=3.0.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/shareBox.png?v=3.0*/ no-repeat 0 0;
    background-size: cover;
}


/*娴犮儰绗呴崺鍝勬礈鐠佲晜鍋嶆径鈺冩晸娑撳�熷窛*/
.newCard-box{
	margin-top:8vw;
}
.newReport-gene-p{
	margin-top: 8vw;
	color:#666666;
	font-size: 3.2vw;
	text-align: center;
}
.newReport-gene-p>span{
	margin:0 0.5vw;
	font-size: 3.7vw;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.card-title-p>i{
	display:inline-block;
	width:1.3vw;
	height:1.3vw;
	border-radius:50%;
	background:#333333;
	vertical-align: middle;
}
.card-title-p>i:nth-child(1){
	margin-right:2vw;
}
.card-title-p>i:nth-child(2){
	margin-left:2vw;
}
.cardBox{
	padding-bottom: 6vw;
	text-align: center;
}
.cardBox>.card-title-p:nth-of-type(2){
	padding-top:5.6vw;
}
.card-title-p{
	position:relative;
	padding: 8vw 0 6vw;
	font-size: 3.7vw;
	color: #333;
}
.detailsLink{
	position:absolute;
	right:4.2vw;
	top:6vw;
	font-size:3.4vw;
}
.cardScroll,.needScroll{
	display: -webkit-box;
	white-space: nowrap;
	overflow-x:scroll;
	overflow-y:hidden;
	padding:0 1.6vw;
}
.cardScroll>li{
	height: 44vw;
}
.geneABlock{
	display: block;
	width: 40vw;
	height: 41.6vw;
	background: #fff;
	margin: 0 1vw;
	border-radius:2vw;
}
.cardScroll>li:last-child>.geneABlock{
	width: 27vw;
	margin-right: 2.6vw;
}
.geneABlock>img{
	width:100%;
	height:25.3vw;
	border-radius: 2vw 2vw 0 0;
}
.card-h5{
	padding: 2.6vw 0 0.8vw;
	font-size: 4vw;
	color: #333;
}
.geneShow{
	width: 38vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
	font-size: 3.2vw;
	color: #999;	
}
.geneShow span{
	margin: 0 1vw;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.shareIconBox{
	display:block;
	padding:13.7vw 0 3.8vw;
	text-align:center;
}
.shareIcon{
	display: inline-block;
	width: 5vw;
	height: 5vw;
}
.shareP{
	font-size: 3.2vw;
	color: #333;
}
.needScroll li{
	width: 43vw;
	height: 22vw;
}
.card-h6{
	padding: 4.5vw 0 2vw;
	font-size: 3.7vw;
	color: #333;
}

.gapLine{
	background:#ECECEC;
	width:91.2vw;
	height:0.22vw;
	overflow:hidden;
	margin:0 auto;
}

/*濡拷濞村绮ㄩ弸锟�*/
.test-result{
	padding-top: 9.8vw;
	padding-bottom: 8vw;
}
.test-h3{
	font-size: 4.2vw;
	color: #333;
}
/*缂囧海娅ч懗钘夊缁涳拷*/
.powerBox{
	display:table;
	width: 100%;	
}
.newPowerWrap>.powerBox{
	border-bottom: 0.2vw solid #F4F4F4;
}
.newPowerWrap>.powerBox:last-child{
	border: none;
	padding-bottom: 2vw;
}
.othersPowerWrap{
	margin-top:4vw;
}
.powerTop{
	display: table-row;
}
.powerOneLeft,.powerOneRight{
	display: table-cell;
	padding: 5vw 0;
}
.powerOneLeft{
	width:45%;
	vertical-align: middle;
}
.powerOneRight{
	position: relative;
	width:55%;
}
.imgIcon{
	width: 5.2vw;
	height: 5.2vw;
	margin-left: 2.6vw;
}
.powerSp{
	margin-left: 2vw;
	font-size: 4.2vw;
	color: #333;
}
.processBox{
	margin-left: 3vw;
	margin-top: 4vw;
}
.processsp{
	position: relative;
	display: inline-block;	
	width: 25.6vw;
    height: 2.6vw;	
	background: #F3F1F1;
	border-radius: 2vw;
	vertical-align: middle;
}
.processsp i{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 2vw;
	vertical-align: middle;
}
/*瀵拷*/
.numRed{
	background: #FE9595;
}
/* 娑擄拷 */
.numYellow{
	background: #FFCC80;
}
/*瀵拷*/
.numGreen{
	background: #88DEE2;
}
.processnum{
	position: absolute;
	right: 1vw;
	top: -5vw;
	font-size: 3.4vw;
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*瀵拷*/
.powerTextRed{
	margin-left: 2.8vw;
	font-size: 3.4vw;
	color: #FF5A52;
}
/*娑擄拷*/
.powerTextYellow{
	margin-left: 2.8vw;
	font-size: 3.4vw;
	color: #FFB94E;
}
/*瀵拷*/
.powerTextGreen{
	margin-left: 2.8vw;
	font-size: 3.4vw;
	color: #34D4D9;
}
/*瀵拷*/
.powerPRed{
	margin-top: 3.5vw;
	font-size: 3.4vw;
	color:#FF5A52;
}
/*娑擄拷*/
.powerPYellow{
	margin-top: 3.5vw;
	font-size: 3.4vw;
	color:#FFB94E;
}
/*瀵拷*/
.powerPGreen{
	margin-top: 3.5vw;
	font-size: 3.4vw;
	color:#34D4D9;
}

.tableCom{
	width: 100%;
}
.tableCom td{
	width: 50%;
	height: 13vw;
	line-height: 13vw;
	border: 0.2vw solid #F4F4F4;
}
.newReport{
	display: block;
	padding: 0 3.7vw 0 2.5vw;
}
.reportName{
	font-size: 3.4vw;
	color: #333;
}
/*瀵拷*/
.reportResultRed{
	font-size: 3.4vw;
	color: #FF5A52;
}
/* 娑擄拷 */
.reportResultYellow{
	font-size: 3.4vw;
	color: #FFB94E;
}
/*瀵拷*/
.reportResultGreen{
	font-size: 3.4vw;
	color: #34D4D9;
}
.jianTou{
	position: absolute;
    right: 2.9vw;
    top: 50%;
    margin-top:-1.25vw;
	width: 1.3vw;
	height: 2.5vw;
	background: url("../images/report/youjiantou@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/youjiantou@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/youjiantou@2x.png*/ no-repeat 0 0;
	background-size: cover;
}
.jianTouTwo{
	display: inline-block;
	width: 1.3vw;
	height: 2.5vw;
	background: url("../../images/report/youjiantou@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/youjiantou@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/youjiantou@2x.png*/ no-repeat 0 0;
	background-size: cover;
	margin-left: 2vw;
}

.reportPtext{
	margin: 3vw 0;
	font-size: 3vw;
	color: #F36870;
	text-align: center;
}

/*閹躲倛鍋嗘导姗�锟藉鍨氶崚锟�*/
.skin-h4{
	height: 13vw;
	line-height: 13vw;
	padding-left: 2.6vw;
	font-size: 4.2vw;
	color: #333;
}
.skin-list{
	border-top: 0.2vw solid #F4F4F4;
}
.skin-p{
	margin-top: 4vw;
	margin-left: 6vw;
	font-size: 3.2vw;
	color: #999;
}
.skincon{
    padding-top:4.3vw;
    padding-left: 1vw;
}
.skincon li{
    float: left;
    min-width:20vw;
    max-width: 80vw;
    margin: 0 5vw 7.5vw;
    line-height: 5vw;
}

.water{
    display: inline-block;
    width:2.3vw;
    height: 3.3vw;
    margin-right: 2.1vw;
}
.waterYellow{
	display: inline-block;
    width:2.3vw;
    height: 3.3vw;
    margin-right: 2.1vw;
	background: url("../../images/report/huashuidi@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/huashuidi@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/huashuidi@2x.png*/ no-repeat 0 0;
    background-size: cover;
}
.skinsp{
    color:#666;
    font-size: 3.7vw;
}
/*閹恒劏宕橀幎銈堝亞閺傝顢�*/
.bjbox{
	width: 100%;
	height: 47vw;
	padding-top: 8vw;
}
.bjbox.newTwo{
	height: 51.5vw;
	padding-top: 3.5vw;
}
.bjConOne{
	width: 78vw;
	height: 38vw;
	margin: 0 auto;
}
.bjconWone{
	width: 72vw;
	height: 34vw;
	margin: 1.6vw auto 0;
}
.bjPone{
	padding-top: 7vw;
	font-size: 3.7vw;
	color: #333;
	text-align: center;
}
.chooseBtnOne{
	display: block;
	margin: 6vw auto 0;
	box-sizing: border-box;
	width: 34.4vw;
	height: 11.4vw;
	border-radius: 5.7vw;
	background: #fff;
	font-size: 4.8vw;
	text-align: center;
	line-height: 11vw;
}

/*闁瀚ㄧ�瑰矁鍋嗙拹銊ユ倵閻ㄥ嫬鐪�*/
.bjConTwo{
	display: none;
	width: 89vw;
	height: 46vw;
	margin: 0 auto;
}
.bjconWtwo{
	width: 81vw;
	height: 41vw;
	margin: 2.1vw auto 0;
}
.bjPTwo{
	padding-top: 3vw;
	font-size: 3.4vw;
	color: #333;
	text-align: center;
}
/*閼层倛宸濋弽鍥╊劮*/
.skinBQ{
	min-width: 46vw;
    max-width: 65vw;
	height: 21.2vw;
	padding-top: 4.5vw;
	margin: 0 auto;
	text-align: center;
}
.skinBQ-center{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.skinBQ li{
	display: inline-block;
	box-sizing: border-box;
	border-width: 0.2vw;
	border-style: solid;
	margin: 0 1.8vw 3.2vw;
	padding: 0 4.4vw;
	height: 6.6vw;
	line-height: 6.6vw;
	border-radius: 3.3vw;
	font-size: 3vw;
}
.skinBQ li.floatNone{
	float: none;
}

.chooseBtnTwo{
	display: block;
	font-size: 2.8vw;
	text-align: center;
}
.chooseBtnTwo>i{
	display: inline-block;
	width: 1.2vw;
	height: 1.9vw;
	margin-left: 1.2vw;
}
/*娴兼﹢锟藉濮㈤懖銈呮惂*/
.skinCare{
	background: #fff;
}
.skinCareTop{
	padding-top: 9vw;
	padding-bottom: 6vw;
	border-bottom: 0.2vw solid #F4F4F4;
	text-align: center;
}
.skinCare-h3{
	font-size: 4.8vw;
	color: #333;
}
.zsSpleft{
	display: inline-block;
	background: url("../../images/report/zhuagnshi@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/zhuagnshi@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/zhuagnshi@2x.png*/ no-repeat 0 0;
	background-size: cover;
	width: 6.2vw;
	height: 1.3vw;
	margin-right: 2vw;
	vertical-align: middle;
}
.zsSpright{
	display: inline-block;
	background: url("../../images/report/zhuagnshi2@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/zhuagnshi2@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/zhuagnshi2@2x.png*/ no-repeat 0 0;
	background-size: cover;
	width: 6.2vw;
	height: 1.3vw;
	margin-left: 2vw;
	vertical-align: middle;
}
.skinCare-p{
	margin-top: 2.5vw;
	font-size: 3.2vw;
	color: #999;
}
.skinCareList li{
	border-bottom: 0.2vw solid #F4F4F4;
}
/* 2017.10.17娣囶喗鏁� */
.skinCareABox{
	display: block;
}
.skinCareImg{
	width: 22vw;
	height: 22vw;
	margin: 3.3vw 4.8vw 0 10vw;
}
.skinCareImg img{
	width: 100%;
	height: 100%;
}
.skinCareText{
	margin-top: 6vw;
}
.skinCare-h5{
	width: 50vw;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	font-size: 3.7vw;
	color: #333;
}
.skinCareDetails{
	width: 50vw;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.skinCareDetails,.skinCarePrice{
	margin-top: 0.7vw;
	font-size: 3.2vw;
	color: #666;
}
.lookAll{
	position: relative;
	display: block;
	width: 52vw;
	height: 9.6vw;
	margin: 7vw auto 4.5vw;
	border-radius: 8vw;
	background: -webkit-linear-gradient(to right, #FD8A6E, #FF5B54);
	background: linear-gradient(to right, #FD8A6E, #FF5B54);
	font-size: 4vw;
	color: #fff;
	text-align: center;
	line-height: 9.6vw;
}
.lookMore{
	position: absolute;
	top: 50%;
	right: 3.8vw;
	display: inline-block;
	background: url("../../images/report/jiantou@2x.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/jiantou@2x.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/jiantou@2x.png*/ no-repeat 0 0;
	background-size: cover;
	width: 3.4vw;
	height: 3.4vw;
	margin-top :-1.7vw;
}
.textP{
	padding-bottom: 5vw;
	text-align: center;
	font-size: 3.2vw;
	color: #999;
}
/*閹恒劏宕樻鐔绘皑*/
.teaList{
	padding-left: 1.6vw;
	padding-bottom: 18vw;
}
.teaList li{
	float: left;
	width: 16.4vw;
	margin: 6.7vw 8vw 3vw;
	text-align: center;
}
.teaBox{
	display: block;
}
.teaImg{
	width: 16.4vw;
	height: 16.4vw;
	border-radius: 50%;
}
.teaP{
	width: 15vw;
	height: 9.5vw;
	margin: 2vw auto 0;
	font-size: 3.2vw;
	color: #666;
	line-height: 4.8vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*妞嬬喕姘ㄥ鐟扮湴*/
.eatMask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 410;
	display: none;
}
.eatWrap{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 411;
	width: 85.6vw;
	height: 112vw;
	margin-left: -42.8vw;
	margin-top: -56vw;
	background: #fff;
	border-radius: 3.5vw;
	display: none;
}
.eatClose{
	position: absolute;
	width: 4vw;
	height: 4vw;
	right: 3.7vw;
	top: 3.5vw;
}
.eatimgPar{
	margin: 13vw auto 6vw;
	width: 25.5vw;
	height: 25.5vw;
	border-radius: 50%;
	overflow: hidden;
}
.eatimg{
	width: 100%;
	height: 100%;
}
.eatdetails{
	margin-bottom: 10vw;
	text-align: center;
	font-size: 4.2vw;
	color: #333;
}
.eatDl{
	padding: 0 5vw 0 6vw;
	font-size: 3.7vw;
}
.eatDl dd{
	margin-bottom: 5vw;
}
.eatSpone{
	display: block;
	color: #333;
}
.eatSptwo{
	display: block;
	width: 52vw;
	color: #666;
}
.hideOne,.hideTwo,.hideThree{
	display: none;
}



/* 闂嗙柉鎻崶锟� */
.chartBox{
	position:relative;
	width:96%;
	margin:0 auto;
}

.indexone,.indextwo,.indexthree,.indexfour,.indexfive,.youthtwo,.youththree,.youthfour{
	position:absolute;
	font-size:12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.indexone{	
	top: 14%;
    left: 46%;
}
.indextwo{
	top: 35%;
    left: 11%;
}
.indexthree{
	top: 65.5%;
    left: 23%;
}
.indexfour{
	top: 65.5%;
    left: 69%;
}
.indexfive{
	top: 35%;
    right: 11%;
}
.youthtwo{
	top: 43%;
    left: 10%;
}
.youththree{
	top: 73%;
    left: 46%;
}
.youthfour{
	top: 43%;
    right: 10%;
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
	.indexone{
	    left: 47%;
	}
	.indextwo{
	    left: 17.5%;
	}
	.indexthree{
	    left: 27%;
	}
	.indexfour{
	    left: 67%;
	}
	.indexfive{
	    right: 16%;
	}
	.youthtwo{
	    left: 16%;
	}
	.youthfour{
	    right: 16%;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
	.indexone{
	    left: 48%;
	}
	.indextwo{
	    left: 19.5%;
	}
	.indexthree{
	    left: 29%;
	}
	.indexfour{
	    left: 64.5%;
	}
	.indexfive{
	    right: 20%;
	}
	.youthtwo{
	    left: 19%;
	}
	.youthfour{
	    right: 20%;
	}
} 

.chartText{
	margin-top: 2vw;
	font-size:3vw;
	color:#999;
	text-align:center;
}


/* 缂佺厧鎮庣拠鍕瀻閹簼绠為弶銉吹 */
.gradeBox-yc{
	display: none;
	box-sizing:border-box;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 412;
	width: 80vw;
	height: 54vw;
	padding:7vw 5vw 0;
	margin-left: -40vw;
	margin-top: -27vw;
	background: #fff;
	border-radius: 3.5vw;	
}
.gradeBoxTwo-yc{
	height: 58vw;
	margin-top: -29vw;
}
.gradeBox-yc>h3{
	font-size:4.2vw;
	color:#333;
	text-align:center;
	font-weight: 800;
}
.gradeBox-yc>p{
	width:64vw;
	margin: 0 auto;
	padding:3vw 0 4vw;
	font-size:3.7vw;
	color:#999;
	line-height:5.5vw;
}
.knowBtn-yc{
	display:block;
	width:100%;
	border-top:0.2vw solid #ECECEC;
	line-height:12vw;
	text-align:center;
	font-size:4.2vw;
	color:#FD7B74;
	font-weight: 800;
}


/* 缂佺厧鎮庨幎銈堝亞閺傝顢嶉幒銊ㄥ礃 */
.recommendItem{
	border-bottom:0.2vw solid #F4F4F4;
	padding-top: 5vw;
}
.recommendBox>.recommendItem:last-child{
	border:none;
}
.recommendBox>.recommendItem:first-child{
	padding-top: 0;
}
.recommendTop{
	padding-left: 3.7vw;
}
.recommendTop>img{
	width:10.4vw;
	height:10.4vw;
}
.recommendTop>span{
	margin-left:3vw;
	font-size:4vw;
	line-height: 10.4vw;
}
.recommendCen{
	position: relative;
	margin: 3vw 0 4.8vw 3.7vw;
}
.recommendCen>i{
	position: absolute;
	left: 0;
    top: 1.2vw;
	width:0.2vw;
	height:3vw;
}
.recommendCen>span{
	display:inline-block;
	width:90vw;
	margin-left:1.8vw;
	font-size:3.7vw;
	color:#333;
	line-height: 5.3vw;
}
.recommendList{
	display: -webkit-box;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
	padding:0 2.5vw 0 1vw;
}
.recommendList>li{
	width:24vw;
	margin:0 2.5vw;
}
.productImg{
	width:100%;
	height:24vw;
}
.productName{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	width:100%;
	height: 10vw;
	margin: 2vw 0;
	font-size:3.4vw;
	color:#333;
	line-height: 5vw;
}
.productMatching{
	display:block;
	width:21vw;
	height:6vw;
	background:#EFFAF6;
	border-radius:20.5vw;
	margin-bottom: 3.2vw;
	font-size:3.2vw;
	color:#39C88E;
	text-align: center;
    line-height: 6vw;
}

.skinStore{
	padding:6.4vw 0 11.2vw;
}
.skinStoreBtn{
	display:block;
	width:76vw;
	height:11.7vw;
	background: -webkit-linear-gradient(to right, #FE915A, #FF5A52);
	background: linear-gradient(to right, #FE915A, #FF5A52);
	box-shadow:0px 10px 35px rgba(255,110,86,0.4);
	border-radius:20vw;
	margin:0 auto;
	font-size:3.7vw;
	color:rgba(255,255,255,0.96);
	text-align: center;
    line-height: 11.7vw;
}
.productMore{
	display: block;	
	width:21vw;
	height:43.2vw;
	border-radius:2.4vw;
	text-align: center;
}
.productIconBox{
	display: block;
    padding: 15vw 0 2vw;    
}
.productIcon{
	display: inline-block;
    width: 5vw;
    height: 5vw;
}
.moreP{
	font-size:3.4vw;
}

.productLink{
	display: block;
}

/* tab閸掑洦宕� */
.tabMoudle{
	height:0;
	opacity:0;	
	overflow: hidden;
}
.tabMoudle.height-auto{
	height:auto;
	opacity:1;
}
.tabNavBtn{
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 13vw;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    z-index: 150;
}
.tabNavBtn li{
	float: left;
	width:33.3%;
	text-align: center;
}
.tabNavBtn li>a{
	display: inline-block;
    width: 15vw;
    font-size: 3.2vw;
    color: #333;
}
.tabNavBtn li>a>i{
	display:block;
	width: 6.1vw;
    height: 6.1vw;
    margin:1.2vw auto 0.5vw;
}
.tabNavBtn li>a.active{
	color: #FF5A52;
}
.tabNavBtn li:nth-child(1)>a>i{
	background: url("../../images/report/tabnav01_normal.png-v=2.4.png") no-repeat 0 0;
    background-size:cover;
}
.tabNavBtn li:nth-child(3)>a>i{
	background: url("../../images/report/tabnav03_normal.png") no-repeat 0 0;
    background-size:cover;
}
.tabNavBtn li:nth-child(1)>a.active>i{
	/**background: url("../../images/report/tabnav01_active.png-v=2.4.png") no-repeat 0 0;**/
    background-size:cover;
}
.tabNavBtn li:nth-child(3)>a.active>i{
	background: url("../../images/report/tabnav03_active.png-v=2.4.png") no-repeat 0 0;
    background-size:cover;
}

.searchBox{
	padding-top: 16vw;
	text-align: center;
}
.searchBg{
	width: 44.8vw;
    height: 25.3vw;
}
.searchForm{
	position:relative;
	width: 79vw;
    height: 12.3vw;
    background: #F4F4F4;
    border-radius: 9.6vw;
    margin: 9.6vw auto 5vw;
}
.searchIcon{
	position: absolute;
    left: 4.2vw;
    top: 50%;
    margin-top:-2vw;
    background: url("../../images/report/searchIcon.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/searchIcon.png*//*tpa=http://rrgweb.megagenomics.cn/images/report/searchIcon.png*/ no-repeat 0 0;
    background-size:cover;
    width: 4vw;
    height: 4vw;
}
.searchInput{
	width: 49vw;
	height: 8.3vw;
    margin: 2vw 0 2vw 9.6vw;
    font-size: 3.7vw;
}
.searchBtn{
	float: right;
	display: inline-block;
    width: 17vw;
    height: 10.1vw;
    background: #FF5A52;
    border-radius: 26.6vw;
    margin: 1.1vw;
    line-height: 10.1vw;
    font-size: 3.7vw;
    color: #fff;
    text-align: center;
    font-weight: lighter;
}
.searchP{
	font-size:3.4vw;
	color:#666;
}
.searchForm.val>.searchIcon{
	display:none;
}
.searchForm.val>.searchInput{
	margin-left: 0;
}

/* 2.4閺�鍦缂佺厧鎮庨幎銈堝亞閺傝顢嶉幒銊ㄥ礃 */
.recommendTable{
	overflow:hidden;
	padding: 7.4vw 5.3vw 4.2vw;
}
.recommendText{
	float:left; 
	width: 65%;
}
.recommendHead{
	float:right;
	width: 35%;
}
.recommendH4{
	font-size:4.8vw;
}
.recommendH4>strong{
	font-weight: bold;
}
.recommendP{
    width: 49vw;
	margin-top: 3vw;
	color:#666;
	font-size: 3.4vw;
	line-height:5.3vw;
}
.recommendHeadImg{
	width: 40vw;
    height: 40vw;
    margin-left: -3vw;
}
/* 濞ｈ濮為柦鍫濐嚠闂傤噣顣藉Ο鈥虫健 */
.questionMoudle{
    box-sizing: border-box;
	display: table;
	width:94.4vw;
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
	border-radius:1vw;
	margin:4vw auto;
	padding:0 3.4vw;
}
.questionRow{
	display: table-row;
}
.questionCell{
    display: table-cell;
    padding: 4.2vw 0 0.8vw 0;  
}
.questionRow>.questionCell:nth-child(1){
	width: 15vw;
    color:#666666;
    font-size: 3.4vw;
}
.questionCell>span{
	display: inline-block;
	padding:2.1vw 2.9vw;
	margin:0 0 3.4vw 2vw;
	background:#FFF5F4;
	border-radius:20.5vw;
	font-size:3.2vw;
	color:#FF7871;
}
.questionCell>i{
	display: inline-block;
	padding:1.9vw 2.7vw;
	margin:0 0 3.4vw 2vw;
	border:0.2vw solid #47CC96;
	border-radius:20.5vw;
	color:#39C88E;
	font-size:3.2vw;
}
.questionMoudle>.questionRow:nth-child(1)>.questionCell{
	border-bottom:0.2vw solid #ECECEC;
}

/* 闂�鍨禈閸掑棔闊� */
.newShareScore-top{
	width:100%;
	height:32vw;
}
.newShareScore-top>p{
	padding-top:10.4vw;
	text-align:center;
	color:#FFFFFF;
	font-size:5vw;
}
.newShareScore-cen{
	width:93.6vw;
	height:63vw;
	margin:-13.6vw auto 0;
	text-align:center;
}
.newShareText01{
	position:relative;
	width:73.6vw;
	height:11.4vw;
	margin:0 auto;
	font-size:5vw;
	line-height: 10vw;
}
.newShareText01>i{
	position:absolute;
	left:14vw;
	top:3.2vw;
	width:4vw;
	height:3.7vw;
}
.newShareText02{
	margin-top:3.2vw;	
}
.newShareText02>i{
	display:block;
	width:80vw;
	height:2.1vw;
	margin:0 auto;
}
.newShareText02>span{
	display:block;
	margin:1.6vw 0;
	font-size:4.5vw;
}
.newGeneBox{
	margin-top:5.3vw;
}
.newComP{
	margin-left:5.3vw;
	color:#333333;
	font-size:4.2vw;
}
.newComP>i{
	display:inline-block;
	width:0.5vw;
	height:3.4vw;
	margin-right:2vw;
}
.newGeneList{
	margin-top:4.2vw;
}
.newGeneList>li{
	background:rgba(255,255,255,1);
	box-shadow: 0px 4px 7px 1px rgba(255,90,82,0.08);
	border-radius: 2.1vw;
	width:74.6vw;
	margin:0 auto 6.9vw;
	text-align: center;
}
.newGeneImg{
	width:100%;
	height:45vw;
	overflow:hidden;
	border-radius: 2.1vw 2.1vw 0 0;
}
.newGeneImg>img{
	width:100%;
	height: 100%;
}
.newGeneH6{
	padding:2.4vw 0;
	color:#333333;
	font-size:3.7vw;
}
.newGeneP{
	padding-bottom:1.6vw;
	margin-top:-1.4vw;
	color:#666666;
	font-size:3.4vw;
}
.newGeneP>span{
	color:#FF5A52;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.newResultBox{
	margin-top:1vw;
}
.newToux{
	position:relative;
	width:35.2vw;
	height: 35.2vw;
	margin:3.4vw auto 0;
}
.newToux>i{
	position:absolute;
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 6px 0px rgba(255,90,82,0.1);
	padding:1.6vw 3.2vw;
	border-radius:26.6vw;
	font-size: 3.4vw;
}
.newToux>i:nth-child(1){
	top:2.1vw;
	left:-7.2vw;
}
.newToux>i:nth-child(2){
	top:9.3vw;
	right:-13vw;
}
.newToux>i:nth-child(3){
	bottom:4.2vw;
	left:-12vw;
}
.newToux>i:nth-child(4){
	bottom:1.8vw;
	right:-10vw;
}

.newEchartsBox{
	margin-top:8vw;
}

.newSkinBox{
    position: relative;
    z-index: 10;
	margin:6.4vw auto 0;
    width:93.6vw;
	height: 170vw;
	background: #fff;
	border-radius: 3vw;
	text-align:center;
}
.newSkinBox-tit{
	padding:5.6vw 0;
	color:#333333;
	font-size:4vw;
}
.borLine{
	width:81vw;
	height:0.3vw;
	background: url("../../images/report/borLine.png-v=3.0.png")/*tpa=http://rrgweb.megagenomics.cn/images/report/borLine.png?v=3.0*/ no-repeat 0 0;
    background-size:cover;
    margin:0 auto 8vw;
}
.borLineTwo{
	margin:8.5vw auto 5.3vw;
}
.newSkinBox-smallTit{
	color:#333333;
	font-size:3.7vw;
}
.newSkinBox-smallTit>span{
	color:#FF6C65;
}
.newWdItem{
	margin-top:4vw;
}
.newWdItem>span{
	color:#34D4D9;
	font-size:3.4vw;
}
.newWdItem>span>img{
	width:8vw;
	height:8vw;
	margin-right:1vw;
	vertical-align: middle;
}
.newWdList>.newWdItem:nth-child(1)>span{
	margin-right:7.7vw;
}
.newWdList>.newWdItem:nth-child(2)>span{
	margin-right:4.2vw;
}
.newWdList>.newWdItem:nth-child(2)>span:last-child{
	margin-right:0;
}
.newCosmeticsList>li{
	float:left;
	width:33.3%;
}
.newCosmeticsList>li>img{
	width:24vw;
	height:24vw;
}
.newCosmeticsList>li>p{
	margin:4.5vw 0 2.6vw;
	color:#39C88E;
	font-size:6.9vw;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.newCosmeticsList>li>span{
	color:#39C88E;
	font-size:3.2vw;
}
.newCosmeticsList{
	margin-top: 7.4vw;
}
.newEwmImgBox{
	margin:1.5vw auto;
}
.newEwmImg{
	width:29.3vw;
	height:29.3vw;
}

.newGeneLogo{
    margin-top: -9.3vw;
	width:100%;
	height:28vw;
}

.newGeneLogoImg{
	padding-top:13.3vw;
    text-align: center;	
}
.newGeneLogoImg>img{
	width:47.2vw;
	height:9.3vw;
}

.loadingParent{ 
	width:200px; 
	margin:0 auto;
}
.loadingParent canvas{ 
	display:block; 
	margin:0 auto;
}

.canvasBox{
	position:relative;
}
.newShareP{
	position:absolute;
	left:50%;
	top:12vw;
	width:22vw;
	margin-left:-11vw;
	font-size:7vw;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.newShareSp{
	position:absolute;
	left:50%;
	top:22vw;
	width:24vw;
	margin-left:-12vw;
	color:#999999;
	font-size:3.2vw;
	text-align:center;
}

@media only screen and (min-width: 370px) and (max-width: 400px) {
	.canvasBox{
	    padding-top: 2vw;
	}
	.newShareP{
		top:13vw;
	}
	.newShareSp{
		top:23vw;
	}
}
@media only screen and (min-width: 410px) and (max-width: 420px) {
	.canvasBox{
	    padding-top: 3vw;
	}
	.newShareP{
		top:13vw;
	}
}
.newNoticeBox{
	position:fixed;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:10.6vw;
	color:#FFFFFF;
	font-size:3.4vw;
	text-align:center;
	line-height:10.6vw;
	z-index:100;
}
/* loading */
.scoll_dis{ 
    overflow:hidden;
	height: 100%;
} 
.loadingBox{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:200;
}
.loadingImg{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 23vw;
    height: 23vw;
    margin-left: -11.5vw;
    margin-top: -11.5vw;
    border-radius: 5vw;
    background: #fff;
}
.loadingImg>img{
    width: 15vw;
    height: 15vw;
    margin: 4vw;
}

/* 閹峰秶鍙庡ù瀣亞瀵懓鐪� */
.photoCheckSkin{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 411;
	width: 83.4vw;
	height: 37.4vw;
	margin-left: -41.7vw;
	margin-top: -18.7vw;
	background: #fff;
	border-radius: 2.6vw;
	display: none; 
	text-align:center;
}
.photo-textP{
	padding: 8vw 0 6vw;
	font-size:4vw;
	color:#333333;
}
.photo-jump-btn{
	display: block;
	width:100%;
	height:12.5vw;
	background:#FFF3F6;
	border-top:0.2vw solid #FFE5EC;
	border-radius: 0 0 2.6vw 2.6vw;
	line-height:12.5vw;
	color:#FF5A52;
	font-size:3.7vw;
}