*{
	font-family:"STHeiti","",Helvetica,Arial,sans-serif;
}
.wrapper {
	background: #f8f8f8;
	min-height: 100%;
	height:100%;
}
.h44 {
    height: 0.88rem;
}
.nav {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 5;
    border-bottom: 0.02rem solid #edf3f6;
}
.nav .nav-l {
    height: 0.88rem;
    width: 0.88rem;
    display: block;
    position: absolute;
    background-position: center center;
    padding-left: 0.24rem;
    color: #fff;
    background: url(../../../../../../images/credit/fh.png) no-repeat;
    background-size: 0.6rem 0.6rem;
    background-position: center center;
}
.nav .nav-c {
    width: 80%;
    margin: 0 auto;
    display: block;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.34rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myRightIndex-list{
	padding:0.3rem 4%;
}
.myRightIndex-list:nth-of-type(2){
	padding-top: 0.02rem;
}
.myRightIndex-list li{
	background:#fff;
	box-shadow:#efefef 0 0 14px 4px;
	border-radius:8px;
	overflow:hidden;
	margin-bottom:0.22rem;
}
.myRightIndex-list li .myRightIndex-list-t{
	line-height:0.8rem;
	height:0.8rem;
	padding:0 0.24rem 0 0.24rem;
	font-size:0.32rem;
	color:#333;
}
.myRightIndex-list li .myRightIndex-list-t .myRightIndex-list-rotateImg{
	float:right;
	height:0.6rem;
	margin-top:0.1rem;
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transition:transform 0.5s;
	-webkit-transition:transform 0.5s;
}
.myRightIndex-list li.select .myRightIndex-list-t .myRightIndex-list-rotateImg{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.myRightIndex-list li .myRightIndex-list-slide{
	display:none;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi{
	padding:0.2rem 0.24rem;
	overflow:hidden;
	padding-left:40%;
	position:relative;
	height:2.8rem;
	border-top:0.02rem dashed #ebebeb;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi:nth-of-type(1){
	border-top:none;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi img{
	position:absolute;
	left:3%;
	top:0.2rem;
	/*height:2.3rem;*/
	border-radius:50%;
	width:33.33%;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-list-slideLiRight{
	height:100%;
	padding-top:0.2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-list-slideLiRight p{
	font-size:0.28rem;
	color:#333;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-list-slideLiRight span{
	font-size:0.24rem;
	color:#666;
	display: block;
	margin-top:0.1rem;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-list-slideLiRight em{
	color:#ff5353;
	display:block;
	margin-top:0.3rem;
	font-size:0.28rem;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-list-slideLiRight em big{
	color:#ff5353;
	font-size:0.56rem;
}
.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightIndex-useBtn{
	position:absolute;
	right:4%;
	bottom:0.6rem;
	color:white;
	font-size:0.32rem;
	border-radius: 0.8rem;
	height: 0.58rem;
	width: 1.16rem;
	text-align: center;
	line-height: 0.58rem;
	background: linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -ms-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -o-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -moz-linear-gradient(90deg, #f97f5b, #ff4c3b);
}

.myRightIndex-list-slide .myRightIndex-list-slideLi .myRightPurchase-useBtn{
	position:absolute;
	right:23%;
	bottom:0.6rem;
	color:white;
	font-size:0.3rem;
	border-radius: 0.8rem;
	height: 0.58rem;
	width: 1.46rem;
	text-align: center;
	line-height: 0.58rem;
	background: linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -ms-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -o-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -moz-linear-gradient(90deg, #f97f5b, #ff4c3b);
}

.myRightIndex-list-slide .myRightPurchase-useBtn{
	position:absolute;
	right:4%;
	/*bottom:0.6rem;*/
	color:white;
	font-size:0.28rem;
	border-radius: 0.8rem;
	/*height: 0.58rem;*/
	/*width: 1.46rem;*/
	/*text-align: center;*/
	/*line-height: 0.58rem;*/
	height: 0.4rem;
	width: 1.26rem;
	text-align: center;
	line-height: 0.4rem;
	background: linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -ms-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -o-linear-gradient(90deg, #f97f5b, #ff4c3b);
	background: -moz-linear-gradient(90deg, #f97f5b, #ff4c3b);
}


.buttoncolorby6440{
	position:absolute;
	right:4%;
	bottom:0.6rem;
	color:white;
	font-size:0.32rem;
	border-radius: 0.8rem;
	height: 0.58rem;
	width: 1.16rem;
	text-align: center;
	line-height: 0.58rem;
	background: linear-gradient(90deg, #ba8d4d, #a86c17);
	background: -ms-linear-gradient(90deg, #ba8d4d, #a86c17);
	background: -o-linear-gradient(90deg, #ba8d4d, #a86c17);
	background: -moz-linear-gradient(90deg, #ba8d4d, #a86c17);
}


/*权益详情等页面*/
.rightDetail-Banner{
	padding:0 4%;
	background:#fff;
}
.rightDetail-Banner img{width:100%;}
.rightDetail-c,.rightDetail-d{
	padding:0.2rem 0.26rem;
	background:#fff;

}
.rightDetail-d{
	/*border-top:0.01rem solid #eee;*/
	font-size:0.28rem;color:#333;
	margin:0 4%;
	box-shadow: #e5e5e5 0 0 4px 2px;
	border-radius: 4px;
}
.rightDetail-d img:nth-of-type(1){
	height:0.28rem;
	vertical-align: middle;
	margin-top:-0.04rem;
}
.rightDetail-d img:nth-of-type(2){
	height:0.36rem;
	float:right;
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}
.rightDetail-c h3{
	font-size:14px;
	font-weight: normal;
	color:#333;
}
.rightDetail-c p{
	font-size:12px;
	color:#777;
	padding-top:4px;
}
.rightDetail-i{
	background:#fff;
	margin-top:10px;
}
.rightDetail-i p{
	font-size:15px;
	color:#ff3232;
	text-align: center;
	line-height: 45px;
	border-bottom:0.01rem solid #f7f7f7;
}
.rightDetail-ic{
	padding:0 4%;
}
.rightDetail-ic img{
	width:100%;
}
.rightDetail-t{
	font-size:0.28rem;
	color:#333;
	margin:0.2rem -0.26rem 0 -0.26rem;
	border-radius: 4px;
	overflow: hidden;
}
.rightDetail-d img.nextSlide{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}
.rightDetail-t .rightDetail-ts{
	padding:0.2rem 0.5rem;
	border-top:0.01rem dashed #b8b8b8;
	position: relative;
	overflow: hidden;
}
.rightDetail-t .rightDetail-ts:nth-of-type(1){
	border-top:none;
}
.rightDetail-t .rightDetail-ts>em{
	position: absolute;
	left: 0;
	top: 0;
	background: #b8b8b8;
	height: 30px;
	line-height: 45px;
	transform: rotate(-45deg) translate(-28px,-40px);
	-webkit-transform: rotate(-45deg) translate(-28px,-40px);
	color: #fff;
	font-size: 10px;
	width: 100px;
	text-align: center;
}
.rightDetail-t .rightDetail-ts>em q{
	transform: rotate(46deg);
	-webkit-transform: rotate(46deg);
	display: block;
}
.rightDetail-t .rightDetail-ts .rightDetail-tsc{
	font-size:12px;
	color:#333;
}
.rightDetail-t .rightDetail-ts .rightDetail-tsc img{
	height:16px;
}
.rightDetail-t .rightDetail-ts>p{
	font-size:11px;
	color:#737373;
	margin-top:0.26rem;
}
.rightDetail-t .rightDetail-ts .rightDetail-tst{
	position:absolute;
	bottom:0.2rem;
	right:0.2rem;
	color:#ff0a0a;
	font-size:10px;
}
.rightDetail-t .rightDetail-ts .rightDetail-tst text{
	font-size:20px;
}


.h45{height:0.96rem}
.redBg{
	color:#fff!important;
	background:linear-gradient(left, #ff5353, red)!important;
	background:-webkit-linear-gradient(left, #ff5353, red)!important;
}
.bottomBtn{
	width: 6.2rem;
	height: 0.94rem;
	background: linear-gradient(90deg, rgba(255, 77, 77, 1), rgba(255, 2, 2, 1));
	border-radius: 0.47rem;
	font-size: 0.36rem;
	color: rgba(252, 252, 252, 1);
	text-align: center;
	line-height: 0.94rem;
	position: fixed;
	bottom: 0.1rem;
	left: 0.65rem;
}
.backBtn{
	height:0.96rem;
	line-height:0.96rem;
	text-align: center;
	font-size:16px;
	display: block;
	margin:0 4%;
	border-radius:6px;
	margin-top:20px;
}
.orderResultBox{
	background:#fff;
	text-align: center;
	padding:40px 0 50px;
	margin-top:10px;
}
.orderResultBox img{
	width:70px;
}
.orderResultBox p{
	font-size:15px;
	color:#333;
	line-height:30px;
	margin-top:20px;
}
.orderResultBox span{
	display: block;
	color:#666;
}
.orderConfirmList{
	margin-top:10px;
	background:#fff;
}
.orderConfirmList li{
	padding:0 6%;
	line-height:60px;
	height:60px;
	border-bottom:0.01rem solid #eee;
	font-size:14px;
	color:#333;
}
.orderConfirmList li p{
	float:left;
	width:22%;
}
.orderConfirmList li input{
	float:left;
	height:100%;
	background:none;
	border:none;
	width:78%;
	font-size:14px;
}
.orderConfirmTs{
	position:relative;
	padding:10px 6% 10px 10%;
	font-size:12px;
	color:#333;
	background:url(../../../../../../images/credit/question.jpg) no-repeat 6% 12px;
	background-size: 12px 12px;
}


#myRight{background:#fff;}
.myRightIndex-box{min-height:100%;padding-bottom:2rem;margin-bottom:-2rem;box-sizing:border-box;}
.myRightIndex-top{position: relative;height:3.5rem;}
.myRightIndex-top .myRightTopBg{display:block;width:100%;}
.myRightIndex-top .myRightTopMsg{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 1;}
.myRightIndex-top .myRightTopMsg .myRightTopName{margin:0 auto;margin-top:0.85rem;width:auto;height:auto; font-size: 0.36rem; text-align: center;color: #fff;}
.myRightIndex-top .myRightTopMsg .myRightTopPoint{margin:0 auto;margin-top:0.14rem;width: 3.75rem;height:auto; font-size: 0.76rem;text-align: center;color: #fff;}
.myRightIndex-top .myRightTopMsg .myRightTopPointNotice{margin:0 auto;margin-top:0.14rem; width: 5rem;height:auto; font-size: 0.25rem;text-align: center;color: #fff;}

/*.myRightIndex-top .myRightTopMsg p{margin-top:0.24rem;font-size:0.28rem;color:#7f5c18;text-align:center;font-weight:500;}*/
.myRightIndex-listIcon{height:0.5rem;vertical-align: middle;}
.myRightIndex-list-t span{display:inline-block;vertical-align: middle;}


.footer{
	width: 100%;
	height: auto;
	line-height: 12px;
	padding: 8px 0px;
	text-align: center;
	font-size: 10px;
	color: #CCC;
	background: #FFF;
	box-sizing: border-box;
}
.bottom-nav{
	position:fixed;
	bottom:0;
	height:1.33rem;
	width:100%;
	left:0;
	background:#fff;
	border-top: 0.02rem solid #f8f8f8;
	z-index:10;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
/*底部导航栏*/
.bottom-nav li{
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	height:100%;
	text-align: center;
}
.bottom-nav li a{display:block;}
.bottom-nav li img{
	margin:0 auto;
	margin-top:0.22rem;
	display: block;
	height:0.51rem;
}
.bottom-nav li p{
	font-size:0.26rem;
	color:#333;
	margin-top:0.12rem;
}
.bottom-nav li.bottomNavSelect p{
	color:#ff2453;
}

.checkServer-info {
	width: 6.7rem;
	margin: auto;
	margin-top: 0.29rem;
}

.checkServer-info-title {
	font-weight: bold;
	color: rgba(14, 14, 14, 1);
	/* line-height: 35px; */
	font-size: 0.3rem;
}

.checkServer-info-txt {
	font-size: 0.22rem;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 35px;
	overflow: hidden;
}

.checkServer-info-txt-left {
	float: left;
}

.checkServer-info-txt-right {
	float: right;
}

.checkServer-info-txt-left img {
	width: 0.34rem;
	height: 0.34rem;
	float: none;
	vertical-align: middle;
	position: static;
	margin-top: -0.04rem;
	margin-left: 0.15rem;
}

.annual-fee-product-jindu {
	width: 100%;
	background: #f5f5f5;
	height: 0.23rem;
	margin-top: 0.12rem;
	margin-bottom: 0.12rem;
}

.annual-fee-product-jindu-img{
	position: unset;
	top: unset;
	border-radius: unset;
	width: 20%;
	left: unset;
	height: 0.23rem
}
.annual-fee-product-btm {
	font-size: 0.32rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	text-align: center;
	vertical-align: middle;
}
.annual-fee-product-btm-un-success{
	border: 0.02rem solid #b2b2b2;
	background-color: white;
	width: 3.3rem;
	text-align: center;
	right: 50%;
	border-radius: 6.2rem;
	padding-bottom: 0.1rem;
	padding-top: 0.1rem;
	display: inline-block;
	color: #b2b2b2;
}
.annual-fee-product-btm-success{
	border: 0.02rem solid #ff9747;
	background-color: white;
	width: 3.3rem;
	text-align: center;
	right: 50%;
	border-radius: 6.2rem;
	padding-bottom: 0.1rem;
	padding-top: 0.1rem;
	display: inline-block;
	color: #ff9747;
}

.checkServer-tab {
	margin-top: 0.46rem;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 0.26rem;
	position: relative;
}

.checkServer-tab-active {
	color: #ff4b4b;
	border-bottom: 2px solid #ff0000;
	padding-bottom: 0.05rem;
    font-weight: bolder;
}

.checkServer-tab-line {
	position: absolute;
	width: 0.02rem;
	height: 0.28rem;
	left: 3.74rem;
	top: 0.04rem;
	background: #333333;
}

.checkServer-box {
	margin-top: 0.21rem;
	width: 100%;
}

.checkServer-receive{
	margin: auto;
}

.checkServer-exchange{
	display: none;
}


