@charset "UTF-8";
/* ================= contents =================	            	
============================================ */

.czList li:last-of-type, .listTxt li:last-of-type, .editList li:last-of-type, .userList li:last-of-type, .logRgt li:last-of-type{
	border-bottom: 0;
}

.indexLink{
	padding: 4% 0 2.7% 0;
	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.indexLink li{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 33.33%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 1;
}
.indexLink li a{
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}
.indexLink li a strong{
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 7.2%;
}
.indexLink li a span{
	display: inline-block;
	width: 52%;
	border-radius: 30px;
	padding: 4.6% 0;
	margin: 0 0 8%;
	overflow: hidden;
}
.indexLink li a.colRed span{
	background: #ffccc9;
}
.indexLink li a.colOrange span{
	background: #fbe1bb;
}
.indexLink li a.colBlue span{
	background: #c1e4ff;
}

/*SP*/
@media screen and (max-width:640px) {
	.indexLink li a span{
		padding: 5.2% 0 4%;
	}
}

/*czList*/
.czList{
	width: 100%;
	overflow: hidden;
}
.czList li{
	padding: 2.7% 4%;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	overflow: hidden;
}
.czList li .cz_logo{
	float: left;
	margin-right: 2.8%;
}
.czList li h4{
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
	color: #363636;
	line-height: 1;
	padding-bottom: 2.89%;
}
.czList li h4 span.fr, .czList li p{
	font-size: 10px;
	font-size: 1.0rem;
	color: #989898;
}
.cz_detail{
	float: left;
	width: 80%;
}
.czListDetail .cz_detail{
	width: 95%;
}
.czListDetail .ballBox{
	margin-bottom: 0;
}

.ballBox{
	margin-bottom: 1.45%;
	line-height: 1;
	overflow: hidden;
}
.ball{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #fe7c23;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	margin-right: 1.8%;
}
.blueBall{
	background: #27b2f3;
}
.ballBox_bg{
	width: 76%;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size: 9px;
	font-size: 0.9rem;
	padding:1.2%;
}
.ballBox_bg span{
	display: inline-block;
	padding: 0 2%;
	border-right: 1px solid #1fa23c;
}
.ballBox_bg span:last-of-type{
	border-right: 0;
}
/*SP*/
@media screen and (max-width:640px) {
	.ballBox_bg{
		padding: 2% 0 0.8%;
	}
}

.diceBox .dice{
	display: block;
	float: left;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	padding: 3px;
	margin-right: 3%;
	box-sizing: border-box;
	display: flex;
}
.diceBox .dice_6{
	padding: 2px 3px;
}
.dice_1{
	justify-content: center;
	align-items: center;
}
.dice_2{
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.dice_3 span:nth-child(2){
  align-self: center;
}
.dice_3 span:nth-child(3) {
  align-self: flex-end;
}
.dice_4, .dice_5, .dice_6{
	flex-wrap: wrap;
	align-content: space-between;
}
.dice_4 .column, .dice_5 .column, .dice_6 .column{
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
}
.dice_5 .column:nth-child(2){
	justify-content: center;
    align-items: center;
}
.diceBox span{
	display: inline-block;
	width: 4px;
	height: 4px;
	font-size: 0;
	line-height: 0;
	background: #fe7c23;
	border-radius: 50%;
}
.blackDice span{
	background: #727272;
}

/*expert*/
.tabTtl{
	display: box;			  /* OLD - Android 4.4- */
	display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	  /* TWEENER - IE 10 */
	display: -webkit-flex;	 /* NEW - Chrome */
	display: flex;
	background: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	border-bottom: 1px solid #e6e6e6;
}
.tabTtl li{
	text-align: center;
	float: left;
	-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;		 /* OLD - Firefox 19- */
	width: 33.33%;			   /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;		  /* Chrome */
	-ms-flex: 1;			  /* IE 10 */
	flex: 1;
	margin-bottom: -1px;
}
.tabTtl li a{
	display: block;
	padding: 8% 0 10%;
	color: #333;
}
.tabTtl li a:before{
	display: inline-block;
	content: '';
	font-size: 0;
	line-height: 0;
	margin: 0 2% 0 0;
	vertical-align: -2px;
}
.tabTtl li a.ico_all:before{
	background: url(../images/icon/ico_all.png) no-repeat left top;
}
 .tabTtl li a.ico_gpc:before{
	background: url(../images/icon/ico_gpc.png) no-repeat left top;
}
.tabTtl li a.ico_dpc:before{
	background: url(../images/icon/ico_dpc.png) no-repeat left top;	
}
.tabTtl li a.ico_all:before, .tabTtl li a.ico_gpc:before, .tabTtl li a.ico_dpc:before{
	background-size: auto 15px;
	width: 15px;
	height: 15px;
}
.tabTtl li.cur{
	border-bottom: 2px solid #fa8e19;
}
.tabTtl li.cur a{
	color: #fa8e19;
}
.tabTtl li.cur a.ico_all:before{
	background-image: url(../images/icon/ico_all_ah.png);
}
.tabTtl li.cur a.ico_gpc:before{
	background-image: url(../images/icon/ico_gpc_ah.png);
}
.tabTtl li.cur a.ico_dpc:before{
	background-image: url(../images/icon/ico_dpc_ah.png);
}
.tabTtl_2{
	background: #fff;
	overflow: hidden;
	line-height: 1;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 2.7% 4% 1.3%;
}
.tabTtl_2 li{
	float: left;
	width: 50%;
	text-align: center;
	padding: 3.4% 0;
	border: 1px solid #ff8f00;
	box-sizing: border-box;
}
.tabTtl_2 li:first-of-type{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.tabTtl_2 li:last-of-type{
	border-left: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.tabTtl_2 li a{
	color: #303030;
}
.tabTtl_2 li.cur{
	background: #ff8f00;
}
.tabTtl_2 li.cur a{
	color: #fff;
}
.tabTtl_3 li{
	width: 25%;
}

.tabCon ul{
	display: none;
}
.listTxt li, .editList li{
	position: relative;
	padding: 2.7% 4% 2.7% 2.7%;
	overflow: hidden;
	line-height: 1;
	border-bottom: 1px solid #e6e6e6;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
}
.listTxt h4{
	font-weight: normal !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
	padding-bottom: 4.28% !important;
}
.listTxt p, .detTtl p{
	padding-top: 2.857%;
}
.listTxt p:first-of-type{
	padding-top: 0;
}
.img_expert{
	display: inline-block;
	float: left;
	width: 14%;
	height: 0;
	padding-bottom: 14%;
	margin-right: 2.857%;
}
.expert_1{
	background: url(../images/img_expert.png) no-repeat left top;
	background-size: cover;
}
.expertInfo{
	color: #999;
	font-size: 11px;
	font-size: 1.1rem;
}
.expertName{
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	padding-top: 1%;
}
.expItem span{
	padding-right: 4.3%;
}
.view{
	background: url(../images/icon/ico_view.png) no-repeat left center/12px auto;
	padding-left: 15px;
	color: #b2b2b2;
	font-size: 10px;
	font-size: 1.0rem;
}
.viewOrg{
	background-image: url(../images/icon/ico_view_ah.png);
	color: #ffa129;
}

.expertHead{
	padding: 2.7% 4% 2.7% 2.7%;
	overflow: hidden;
}
.expFlw .expertName{
	font-size: 15px;
	font-size: 1.5rem;
}
.expFlw button{
	border: 1px solid #ff8f00;
	color: #ff8f00;
	font-size: 10px;
	font-size: 1.0rem;
	border-radius: 3px;
	padding: 1% 2%;
	margin-left: 3.57%;
	vertical-align: 2px;
}
.flwNum, .time, .detTtl .name{
	display: inline-block;
	font-size: 10px;
	font-size: 1.0rem;
	color: #b2b2b2;
	padding-left: 15px;
}
.flwNum{
	background: url(../images/icon/ico_follow.png) no-repeat left center/10px auto;
}
.flwNum span{
	color: #00a3f1;
}
.time{
	background: url(../images/icon/ico_time.png) no-repeat left center/10px auto;
	margin-left: 7.857%;
}

.detTtl{
	padding: 4%;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.detTtl h3{
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
}
.detTtl .time, .detTtl .name{
	margin-left: 4%;
}
.detTtl .name{
	background: url(../images/icon/ico_name.png) no-repeat left center/10px auto;
}
.detTtlTag{
	display: inline-block;
	font-size: 10px;
	font-size: 1.0rem;
	color: #b2b2b2;
	margin-left: 5.8%;
}
.detCon{
	line-height: 2;
	padding: 2.7% 4%;
	font-size: 12px;
	font-size: 1.2rem;
	min-height: 200px;
}
.detCon p{
	padding-top: 0.5%;
}
.detCon p:first-of-type{
	padding-top: 0;
}
.detConBan{
	line-height: 0;
	padding: 4.3% 0 5%;
}

/*.btnClick:after{
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-width: 6px;
	border-color: transparent transparent #fac003 transparent;
	border-style: dashed dashed solid dashed;
	vertical-align: 3px;
	margin-left: 1.4%;
}
.btnClick.active:after{
	border-color: #fac003 transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	vertical-align: -4px;
}*/
.btnClick{
	float: right;
	background: url(../images/icon/ico_filter.png) no-repeat left center/auto 33%;
	padding-left: 5.6%;
	display: inline-block;
	height: 100%;
	color: #fff;
	font-size: 16px;
    font-size: 1.6rem;
}

.opcBg{
	display: none;
	background: #000;
	opacity: .24;
	position: absolute;
	top: 37px;
	right: 0;
	bottom: 0;
	left: 0;
}
.btnBox{
	display: none;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 1.34% 5% 4% ;
	margin: 0 -2.7%;
	overflow: hidden;
}
.btnBox a{
	display: block;
	float: left;
	padding: 2% 4%;
	line-height: 1;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 4% 4% 0 0;
	color: #333;
}
.btnBox a:hover{
	border-color: #fa8e19;
	background: #fa8e19;
	color: #fff;
}

/*user*/
.userTop{
	background: url(../images/userTop_bg.jpg) repeat-x left top;
	padding: 5% 4% 8%;
	overflow: hidden;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}
.userTop a{
	color: #fff;
}
.userTxt{
	font-size: 1.6rem;
}

.userTxt a{
	padding-left: 2px;
}
.userImg{
	display: inline-block;
	width: 14.5%;
	height: 0;
	padding-bottom: 14.5%;
	background: url(../images/img_user.jpg) no-repeat left top;
	background-size: cover;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 2.8%;
}
.userIcon{
	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	padding: 2.7% 0;
	background: #fff;
}
.userIcon li{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 33.33%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 1;
}
.userIcon li a{
	display: block;
	color: #999;
}
.userIcon li span{
	display: inline-block;
	width: 32%;
	height: 0;
	padding-bottom: 32%;
	border-radius: 50%;
}
.userIcon li .ico_recharge{
	background: -webkit-linear-gradient(#70c50c,#b2f24c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#70c50c,#b2f24c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#70c50c,#b2f24c); /* Firefox 3.6 - 15 */
    background:linear-gradient(#70c50c,#b2f24c);
}
.userIcon li .ico_vip{
	background: -webkit-linear-gradient(#fec100,#fa9700); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fec100,#fa9700); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fec100,#fa9700); /* Firefox 3.6 - 15 */
    background:linear-gradient(#fec100,#fa9700);
}
.userIcon li .ico_cash{
	background: -webkit-linear-gradient(#ff7531,#ff5638); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ff7531,#ff5638); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ff7531,#ff5638); /* Firefox 3.6 - 15 */
    background:linear-gradient(#ff7531,#ff5638);
}
.userIcon li span em{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.userIcon li .ico_recharge em{
	background: url(../images/icon/ico_pay.png) no-repeat left top;
	background-size: cover;
}
.userIcon li .ico_vip em{
	background: url(../images/icon/ico_vip.png) no-repeat left top;
	background-size: cover;
}
.userIcon li .ico_cash em{
	background: url(../images/icon/ico_cash.png) no-repeat left top;
	background-size: cover;
}
.userIcon li p{
	padding-top: 6%;
	font-size: 11px;
	font-size: 1.1rem;
}
.userList li{
	position: relative;
	padding: 4% 4% 4% 2.7%;
	border-bottom: 1px solid #e6e6e6;
}
.userList li .ico_arrow{
	top: 25%;
}
.userList li p{
	padding-left: 7%;
}
.user_order{
	background: url(../images/icon/ico_order.png) no-repeat left center/auto 100%;
}
.user_payRecord{
	background: url(../images/icon/ico_payRecord.png) no-repeat left center/auto 100%;
}
.user_consRecord{
	background: url(../images/icon/ico_consRecord.png) no-repeat left center/auto 100%;
}
.user_userInfo{
	background: url(../images/icon/ico_userInfo.png) no-repeat left center/auto 100%;
}
.user_help{
	background: url(../images/icon/ico_help.png) no-repeat left center/auto 100%;
}
.user_set{
	background: url(../images/icon/ico_userSet.png) no-repeat left center/auto 100%;
}
.user_aboutUs{
	background: url(../images/icon/ico_aboutUs.png) no-repeat left center/auto 100%;
}
.user_cpt{
	background: url(../images/icon/ico_cpt.png) no-repeat left center/auto 100%;
}
.user_explain{
	background: url(../images/icon/ico_explain.png) no-repeat left center/auto 100%;
}
.user_psw{
	background: url(../images/icon/ico_mdfPsw.png) no-repeat left center/auto 100%;
}
.user_playTxt{
	background: url(../images/icon/ico_playTxt.png) no-repeat left center/auto 100%;
}
.user_custo{
	background: url(../images/icon/ico_custo.png) no-repeat left center/auto 100%;
}

.popUserImg{
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: none;
}
.popUserImg li{
	background: #fff;
	padding: 3.2%;
	color: #000033;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.popUserImg li:last-of-type, .popUserImg li:nth-last-child(2){
	border-bottom: 0;
}
.popUserImg li.popCancle{
	margin-top: 1.3%;
	color: #999;
}

.inpNotice{
	color: #999;
	line-height: 1.6;
	font-size: 9px;
	font-size: 0.9rem;
	padding: 3.3% 5% 3.3% 2.7%;
}

.boxBtn{
	margin: 20% 6.7% 0;
	text-align: center;
	font-size: 0;
}
.btn{
	display: inline-block;
	border: 1px solid #ff8f00;
	background: #ff8f00;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 4.65%;
	text-align: center;
	border-radius: 4px;
	line-height: 1;
	cursor:  pointer;
}
.btn2{
	color: #ff8f00;
	background:none;
}
.bigBtn{
	display: block;
	width: 100%;
}
.bigBtn{
	margin-top: 4.7%;
}
.bigBtn:first-of-type{
	margin-top: 0;
}
.btn_m{
	width: 40%;
}
.btn_gray{
	border-color: #b3b3b3;
	background: #b3b3b3;
	margin-left: 5%;
}
.btnOrange{
	background: #ff8f00;
	color: #fff;
}
.btnBlue{
	background: #3388ff;
	color: #fff;
}
.btnGreen{
	background: #02bf14;
	color: #fff;
}
.btnGray{
	background: #98999a;
	color: #fff;
}

.userEdit .userImg{
	margin-right: 5.7%;
}
.userEdit p{
	padding-top: 5%!important;
}
.editList li{
	padding: 4% 4% 4% 2.7%;
}
.editList li .ico_arrow{
	top: 22%;
}
.editList input{
	width: 75%;
}
.editList .cashcode button {
    display: block;
    border: 1px solid #ff8f00;
    color: #ff8f00;
    border-radius: 15px;
    padding: 1.9% 2.857%;
    line-height: 1;
    position: absolute;
    top: 18%;
    right: 4%;
}
.editList li .colTxt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333; opacity:1; 
}
.editList li .colTxt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;opacity:1;
}
.editList li .colTxt:-ms-input-placeholder{
    color: #333;opacity:1;
}
.editList li .colTxt::-webkit-input-placeholder{
    color: #333;opacity:1;
}
.labW label{
	display: inline-block;
	width: 21%;
	text-align: right;
}
.txtBox{
	padding: 0% 4% 0%;
    line-height: 2;
    box-sizing: border-box;
}
.txtBox p{
	padding-top: 9%;
}
.txtBox p:first-of-type{
	padding-top: 0;
}

/*login*/
.logRgt{
	margin-top: 9%;
}
.logRgt li{
	padding: 4% 4% 4% 12%;
	border-bottom: 1px solid #e6e6e6;
}
.logRgt li.userName{
	background: url(../images/icon/ico_userName.png) no-repeat 4% center/5% auto;
}
.logRgt li.psw{
	background: url(../images/icon/ico_psw.png) no-repeat 4% center/5% auto;
}
.logRgt li.email{
	background: url(../images/icon/ico_email.png) no-repeat 4% center/5% auto;
}
.logRgt li.code{
	background: url(../images/icon/ico_code.png) no-repeat 4% center/5% auto;
}
.logRgt input{
	color: #b2b2b2;
	width: 100%;
}
.logRgt .code{
	position: relative;
}
.logRgt .code input{
	width: 60%;
}
.logRgt .code button{
	display: block;
	border: 1px solid #ff8f00;
	color: #ff8f00;
	border-radius: 3px;
	padding: 1.9% 2.857%;
	line-height: 1;
	position: absolute;
	top: 18%;
	right: 4%;
}
.txt_s{
	font-size: 10px;
	font-size: 1.0rem;
}
.agreeTxt{
	color: #b2b2b2;
	padding-top: 5%;
}
.agreeTxt a{
	color: #ff8f00;
}

/*pay*/
.payList{
	padding-top: 1.3%;
}
.payList li{
	padding: 2.7% 5% 2.7% 2.7%;
	line-height: 2.1;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.ico_alipay{
	background: url(../images/pay/icon/ico_alipay.png) no-repeat left top;
}
.ico_wechat{
	background: url(../images/pay/icon/ico_wechat.png) no-repeat left top;
}
.ico_unionpay{
	background: url(../images/pay/icon/ico_unionpay.png) no-repeat left top;
}
.pay_icbc{
	background: url(../images/pay/icon/pay_icbc.png) no-repeat left top;
}
.pay_ccb{
	background: url(../images/pay/icon/pay_ccb.png) no-repeat left top;
}
.pay_boc{
	background: url(../images/pay/icon/pay_boc.png) no-repeat left top;
}
.pay_abc{
	background: url(../images/pay/icon/pay_abc.png) no-repeat left top;
}
.ico_pay{
	display: block;
	float: left;
	width: 8.7%;
	height: 0;
	padding-bottom: 8.7%;
	margin-right: 3%;
	background-size: cover;
}
.radio{
	display: none;
}
.radio+label{
	display: inline-block;
	width: 4.6%;
	height: 0;
	padding-bottom: 4.6%;
	border: 1px solid #e6e6e6;
	position: relative;
	float: right;
	margin: 1.5% 0 0;
}
.radio:checked+label:after{
	content: "";
    position: absolute;
    top: 15%;
    left: 15%;
    width: 8px;
    height: 4px;
    border: 1px solid #ff9002;
    border-top-color: transparent;
    border-right-color: transparent;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-45deg);
}
.unionpayList .radio:checked+label{
	border-color: #ff8f00;
	background: #ff8f00;
}
.unionpayList .radio:checked+label:after{
	border-left-color: #fff;
	border-bottom-color: #fff;
}

.payMoney{
	padding: 6.7% 6.7% 0;
	overflow: hidden;
}
.payMoney input{
	padding: 3.8% 5%;
	background: #f9f8f8;
	color: #c3c3c3;
	font-size: 11px;
	font-size: 1.1rem;
	border-radius: 3px;
	width: 92.4%;
	box-sizing: border-box;
	margin: 0 3.8% 3.8% 3.8%;
}
.payMoney a{
	display: block;
	float: left;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	width: 30.2%;
	padding: 3%;
	box-sizing: border-box;
	margin: 0 4.6% 4.6% 0;
	border-radius: 3px;
	color: #333;
}
.payMoney a:nth-of-type(3n){
	margin-right: 0;
}
.payMoney a:hover{
	background: #ff8f00;
	border-color: #ff8f00;
	color: #fff;
}

.payInfo{
	padding: 15% 13%;
	text-align: center;
	line-height: 1;
}
.payInfo strong{
	display: block;
	font-weight: normal;
	padding-top: 6%;
	font-size: 15px;
	font-size: 1.5rem;
}
.payInfo p{
	padding-top: 3.6%;
	color: #999;
}
.payInfo button{
	display: inline-block;
	border: 1px solid #e6e6e6;
	color: #666;
	width: 81.8%;
	padding: 3.6%;
	box-sizing: border-box;
	border-radius: 3px;
	margin-top: 21.8%;
	line-height: 1;
}
.ico_success, .ico_fail{
	display: block;
	width: 32.7%;
	height: 0;
	padding-bottom: 32.7%;
	border-radius: 50%;
	margin: auto;
}
.ico_success{
	background: url(../images/pay/ico_success.png) no-repeat center center/60.5% auto #5aac01;
}
.ico_fail{
	background: url(../images/pay/ico_fail.png) no-repeat center center/51.7% auto #d83232;
}

.QRCodeBox{
	width: 44%;
	margin: 16% auto 0;
}
.QRCode{
	text-align: center;
	line-height: 0;
	font-size: 0;
	position: relative;
	margin:0 1.5%;
	padding: 10% 0;
}
.QRCode img{
	width: 78%;
}
.QRCode span{
	position: absolute;
	display: block;
	width: 10%;
	height: 0;
	padding-bottom: 10%;
	border-width: 1px;
}
.QRCode span.qrc_t_l{
	border-color: #ddd transparent transparent #ddd;
	border-style: solid dashed dashed solid;
	top: 0;
	left: 0;
}
.QRCode span.qrc_t_r{
	border-color: #ddd #ddd transparent transparent;
	border-style: solid solid dashed dashed;
	top: 0;
	right: 0;
}
.QRCode span.qrc_b_r{
	border-color: transparent #ddd #ddd transparent;
	border-style: dashed solid solid dashed;
	bottom: 0;
	right: 0;
}
.QRCode span.qrc_b_l{
	border-color: transparent transparent #ddd #ddd;
	border-style: dashed dashed solid solid;
	bottom: 0;
	left: 0;
}
.QRCodeTxt{
	background: url(../images/pay/ico_scan.png) no-repeat 6% center/16% auto #00aaef;
	color: #fff;
	margin-top: 12%;
	line-height: 1.5;
	padding: 4.5% 6% 4.5% 27%;
	font-size: 10px;
	font-size: 1.0rem;
}

/*help*/
.helpTab{
	display: box;			  /* OLD - Android 4.4- */
	display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	  /* TWEENER - IE 10 */
	display: -webkit-flex;	 /* NEW - Chrome */
	display: flex;
	background: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	position: relative;
}
.helpTab li{
	text-align: center;
	float: left;
	-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;		 /* OLD - Firefox 19- */
	width: 18%;			   /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;		  /* Chrome */
	-ms-flex: 1;			  /* IE 10 */
	flex: 1;
	padding: 14px 0px;
}
.helpTab li a{
	display: block;
	color: #333;
}
/* .helpTab:after{
	display: inline-block;
	content: '+';
	line-height: 2;
	color: #999797;
	font-size: 20px;
	font-size: 2.0rem;
	margin-right: 4.7%;
} */
.helpTab li.TabCur{
	border-bottom: 1px solid #ff8f00;
	color: #ff8f00;
	left: 0px;
}
.helpTab li.sideline {
    display: block;
    border: 0;
    height: 1px;
    padding:0;
    background-color: #ff8f00;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ttlTxt{
	padding: 3% 4.7% 3.5% 2.7%;
	position: relative;
	margin-bottom: 2.7%;
}
.ttlTxt .txtClose{
	position: absolute;
	top: 0;
	right: 4.7%;
	background: url(../images/txtClose.png) no-repeat center center;
	background-size: contain;
	width: 2.7%;
	height: 100%;
}
.cz_btn{
	padding: 4% 4.7% 0 4.7%;
	overflow: hidden;
	height: 88%;
}
.cz_btn a{
	display: block;
    float: left;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    width: 30%;
    padding: 3%;
    box-sizing: border-box;
    margin: 0 4.6% 4.6% 0;
    border-radius: 3px;
    color: #333;
}
.cz_btn a:hover{
	border-color: #ff8f00;
	background: #ff8f00;
	color: #fff;
}
.cz_btn a:nth-of-type(3n) {
    margin-right: 0;
}

/*order*/
.boxTabH_hd{
	height: 91%;
}
.boxTable, .orderDetail{
	width: 100%;
	line-height: 1;
}
.boxTable th, .boxTable td{
	text-align: center;
}
.boxTable th{
	background: #ededed;
	color: #666;
	font-size: 11px;
	font-size: 1.1rem;
	padding: 4% 2.7%;
}
.boxTable td{
	border-bottom: 1px solid #e6e6e6;
	padding: 3%;
	vertical-align: middle;
	line-height: 1.7;
}
.boxTable button{
	display: inline-block;
	font-size: 10px;
	font-size: 1.0rem;
	border-radius: 4px;
	width: 44px;
	height: 20px;
	margin-right: 8px;
	cursor: pointer;
}
.boxTable button:last-of-type{
	margin-right: 0;
}

.orderBox{
	padding: 3.3%;
}
.orderDetail th, .orderDetail td{
	padding: 2% 0;
}
.orderDetail th{
	text-align: right;
	color: #999;
	width: 21%;
}

/*wrap_float*/
.wrap_float{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.wrap_float.is-visible{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.flbox {
	position: absolute;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index:9999;
	width: 67%;
	background: #fff;
	top: 30%;
	right: 0;
	left: 0;
	margin: auto;
	border-top: 1px solid #e8ab5c;
	padding-bottom: 7%;
	line-height: 1;
}
.flbox h4{
	text-align: center;
	font-weight: normal;
	padding: 9% 0 11%;
}
.flbox button{
	width: 24%;
	padding: 1.2% 0;
	font-size: 11px;
	font-size: 1.1rem;
}
.flbox .btnOrange{
	border: 1px solid #ff8f00;
}
.flbox .btnGray{
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #999;
	margin-left: 6%;
}

/*trend*/
.trendList{
	width: 100%;
	overflow: hidden;
}
.trendList li{
	padding: 4% 2.7%;
	margin-bottom: 2.7%;
	background: #fff;
	overflow: hidden;
}
.trendList li .cz_logo{
	float: left;
	margin-right: 2.8%;
}
.trendList li>div{
	float: left;
	width: 80%;
	line-height: 1.5;
}
.trendList li>div a{
	display: inline-block;
	color: #333;
	padding-right: 6%;
}
.trendList li:last-of-type{
	margin-bottom: 0;
}

/*iphone6*/
@media (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){
	.indexLink li a, .ttl a.more, .czList li h4 span.fr, .czList li p, .expFlw button, .detTtlTag, .txt_s, .QRCodeTxt{
		font-size: 12px;
		font-size: 1.2rem;
	}
	.indexLink li a strong, .tabTtl, .tabTtl_2, .listTxt h4{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.indexLink li a span{
		padding: 4.6%;
	}

	.expertInfo, .payMoney input, .boxTable th, .flbox button, .userIcon li p{
		font-size: 13px;
		font-size: 1.3rem;
	}

	.czList li h4, .expertName{
		font-size: 16px;
		font-size: 1.6rem;
	}

	.tabTtl li a.ico_all:before, .tabTtl li a.ico_gpc:before, .tabTtl li a.ico_dpc:before{
		background-size: auto 18px;
		width: 18px;
		height: 18px;
	}

	.ball{
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.ball, .listTxt li, .detCon, .editList li, .payList, .payMoney a, .payInfo, .payInfo button, .btnBox a, .txtBox, .ttlTxt, .cz_btn a, .boxTable td, .flbox h4, .orderDetail, .userList, .trendList li>div, .popUserImg{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ballBox_bg, .inpNotice{
		font-size: 11px;
		font-size: 1.1rem;
	}
	.ballBox_bg{
		padding:1.2%;
	}

	.diceBox .dice{
		width: 22px;
		height: 22px;
	}
	.diceBox .dice_6{
		padding: 2px 4px;
	}

	.view{
		background-size: 13px auto;
		padding-left: 16px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.expFlw .expertName, .detTtl h3, .payInfo strong, .btn{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.flwNum, .time, .detTtl .name{
		font-size: 12px;
		font-size: 1.2rem;
		background-size: 12px auto;
		padding-left: 18px;
	}
	
	.helpTab:after{
		font-size: 22px;
		font-size: 2.2rem;
	}

	/*order*/
	.boxTable button{
		width: 50px;
		height: 22px;
		font-size: 13px;
		font-size: 1.3rem;
		margin-right: 10px;
	}
}

.czList li a, .userList li a{
	display: block;
	overflow: hidden;
	color: #333;
}

/*iphone6plus*/
@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){
	.indexLink li a, .ttl a.more, .czList li h4 span.fr, .czList li p, .expFlw button, .detTtlTag, .txt_s, .QRCodeTxt{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.indexLink li a strong, .tabTtl, .tabTtl_2, .listTxt h4{
		font-size: 17px;
		font-size: 1.7rem;
	}

	.expertInfo, .payMoney input, .boxTable th, .flbox button, .userIcon li p{
		font-size: 14px;
		font-size: 1.4rem;
	}

	.czList li h4, .expertName{
		font-size: 18px;
		font-size: 1.8rem;
	}

	.tabTtl li a.ico_all:before, .tabTtl li a.ico_gpc:before, .tabTtl li a.ico_dpc:before{
		background-size: auto 20px;
		width: 20px;
		height: 20px;
	}

	.ball{
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	.ball{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.ballBox_bg, .inpNotice{
		font-size: 12px;
		font-size: 1.2rem;
	}

	.listTxt li, .detCon, .editList li, .payList, .payMoney a, .payInfo, .payInfo button, .btnBox a, .txtBox, .ttlTxt, .cz_btn a, .boxTable td, .flbox h4, .orderDetail, .userList, .trendList li>div, .popUserImg{
		font-size: 15px;
		font-size: 1.5rem;
	}

	.diceBox .dice{
		width: 25px;
		height: 25px;
	}
	.diceBox span{
		width: 5px;
		height: 5px;
	}

	.view{
		background-size: 14px auto;
		padding-left: 18px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.expFlw .expertName, .detTtl h3, .payInfo strong, .btn{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.flwNum, .time, .detTtl .name{
		font-size: 13px;
		font-size: 1.3rem;
		background-size: 13px auto;
		padding-left: 20px;
	}

	/*pay*/
	.radio:checked+label:after{
		width: 10px;
		height: 5px;
		left: 20%;
	}

	/*help*/
	.helpTab:after{
		font-size: 24px;
		font-size: 2.4rem;
	}

	/*order*/
	.boxTable button{
		width: 56px;
		height: 25px;
		font-size: 13px;
		font-size: 1.3rem;
		margin-right: 12px;
	}
}