@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input{
	padding: 0;
	margin:0; 
	font-family: "黑体";
}
body,html{overflow-x: hidden;width:100%;height:100%;background: #f9f9f9;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#808080;font-size: 12px;}
a img{border:0 none;}
/*==================head======================*/
#HeadWrap{height:45px;line-height:45px;width:100%;float:left;background: #298ccf;position:fixed;top:0;z-index: 1000;}
/*==================inquire======================*/
#I_content{width: 100%;height: auto;float: left;}
.cont{float: left;width: 100%;font-size: 18px;}
#I_head{text-align: center;color:#fff;}
.searchwrap{border:1px solid #ccc;border-radius: 8px;margin-bottom:1.17647059em; }
.alert_02{float:left;margin-top:0.3em;color:#ff0000;font-size:12px;padding:10px;}
.searchwrap h4{width: 100%;background: #f5f5f5;height: 40px;line-height: 40px;color: #333;
	border-radius: 8px;font-weight: normal;}
.sub{background: url(../img/sub.png) no-repeat;width: 20px;height: 20px;display: inline-block;background-size: contain;
    vertical-align: middle;margin:0 5px;}
.add{background: url(../img/add.png) no-repeat;width: 20px;height: 20px;display: inline-block;background-size: contain;
    vertical-align: middle;margin:0 5px;}
.searchwrap h4 span{vertical-align: middle;font-size:16px;}
.padding{padding: 15px;border-top: 1px solid #ccc;}
#cardInfo{border:1px solid #ccc;border-radius: 5px;padding-left: 5px;font-size:16px;}
.weui_height{line-height:40px;height: 40px;font-size: 16px;}
.bold{font-weight: bold;background: #fe802b;color: #fff !important;margin-top:10px;}
.bold02{font-weight: bold;border:1px solid #fe802b;color: #fe802b !important;margin-top:10px !important;}
.DRight h4 {margin:0 !important;}
/*==================showdetail======================*/
header,.detailbtn,section,footer{float: left;width: 100%;}
section{text-align: center;}
#logo{float: left;padding-top: 10px !important;padding-bottom: 10px !important;border-right: 1px solid #ededed !important;}
#logo img{width: 55px;height: 50px;background-size: contain;}
.DRight{float: left;width:60%;padding-left:5%;border:none !important;}
.DRight p{font-size: 12px;}
.detailbtn{margin-top: 20px;color: #298ccf;}
.circle{width: 130px;height: 130px;border-radius: 50%;border:1px solid #298ccf;margin: 0px auto;position: relative;}
#canvas{border-radius: 50%;width: 120px;height: 120px;position: absolute;top: 5px;left:5px;}
.textword{position: absolute;top: 20px;left:20px;}
.textword h1{font-size: 30px;}
.pose1{color: #666;margin-top: 15px;}
.pose1 span{padding: 0 3px;color:;}
.pose2{font-size: 12px;color: #888;margin:5px 0;}
.circle02{width: 100%;height: 100px;background: #fe802b;margin: 0px auto;position: relative;border-radius: 8px;}
#canvas02{border-radius: 8px;}
.textword02{position: absolute;color: #fff;padding-left: 10px;font-weight: normal;font-family: "宋体";width: 100%;box-sizing: border-box;}
.foot02{position: absolute;bottom: 0px;left: 0;width: 100%;background: #fff;border-top: 1px solid #eee;}
.ftDetail{color: #f76705;text-align: center;padding-top: 5px;}
.ftDetail span:nth-of-type(1){border-right: 1px solid #ccc;padding-right: 10px;}
.DLeft{float:left;margin:0 !important;}
.overplus{margin-top:-5px;}
.untrue{background:#f9ca3f;}
.arrow{background:url(../img/arrow.png) no-repeat;width:10px;height:10px;display:inline-block;
background-size:cover;margin-left:5px;vertical-align:middle;margin-top:-2px;}
.fail{background:#f96363;}
.DRight h3{width:100%;height: 30px;background: #2088e8;color: #fff;
    line-height: 30px;border-radius: 4px;text-align: center;}
.days{color: #22a9ed;padding: 0 2px;font-size:14px;}
.rest{float: left;height: auto;font-size: 12px;color:#f67965;margin-top:-2px;}
.deadline{color:#666;margin-left: -3px;}
#change02{float:right;border:1px solid #fe802b;background:#fff;color:#fe802b;margin-top:20px;}
.safe{color:#4dcb7d;font-style:normal;padding-left:5px;}
.error{color:#ff0000;font-style:normal;padding-left:5px;}
.totalinform{overflow-y: auto;border-bottom:1px solid #ddd;}
.totalinform h3{border-bottom: 1px solid #ccc;padding-bottom:5px;font-size:17px;}
.totalinform p{word-break: break-word;}
.totalinform p:nth-of-type(2){color:#999;font-size:12px;}
.blank{float: left;width: 100%;height: 10px;background: #f8f8f7;}
#cardDetails,#container{border-bottom:none !important;}
#CardWrap{text-align: left;float: left;background: #fff;margin-top:10px;width:100%;}
/*==================check======================*/
.cont_02{float: left;width: 100%;font-size: 14px;margin-top:10px;}
.padding2{padding: 15px;}
.padding3{padding: 10% 45px 5% 45px;}
.padding4{padding: 20px;}
.padding5{padding: 5px 15px;padding-top: 10px;}
/*.padding5{padding: 20px;float: left;box-sizing: border-box;width: 100%;}*/
.padding2 p{font-size: 12px;margin-top: 10%;margin-bottom: 10%;}
#stylettr{border-radius: 20px;background: #fe802b;border:0;color: #f1eae3;font-size: 16px;}
#stylettr02{background: #f4a620;border:0;color: #fff;font-size: 16px;background: -webkit-linear-gradient(left, #f3af20 , #f59821); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f3af20, #f59821); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f3af20, #f59821); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f3af20 ,#f59821); /* 标准的语法（必须放在最后） */}
#changecard{font-size: 16px;color:#fff;border:1px solid #fe802b;height:38px;line-height:38px;
background: #fe802b;background: -webkit-linear-gradient(left, #f3af20 , #f59821); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f3af20, #f59821); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f3af20, #f59821); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f3af20 ,#f59821); /* 标准的语法（必须放在最后） */}
.check_02{position: absolute;bottom: 20px;right: 15px;}
#tWPayBtn{position: absolute;width: 100%;bottom: 10px;padding-top: 10px;border-top: 1px solid #c7c7c7;background:#fff;}
/*==================renew======================*/
.cont_03{float: left;width: 100%;font-size: 14px;background:#fff;}
.con_03{float: left;width: 100%;font-size: 14px;margin-top:15px;height: calc(100% - 142px);background:#fff;}
.choose03{border: 2px solid #7fd2fe;color: #888;width: 46%;background: #fff;box-sizing:border-box;position:relative;
display:inline-block;margin:10px 0;float:left;margin-left:2%;margin-right:2%;border-radius:6px;}
.C_right{float:right;}
#I_content .choose03{font-size:12px;}
.choose03 h4 strong{font-size:14px;color:#7fd2fc;}
.choose03 h5 strong{text-decoration: line-through;}
.choose03 p{padding-top: 5px;background: #7fd2fe;text-align: center;color: #fff;padding-bottom: 3px;}
.R_title{font-size: 14px;margin:10px 0;color: #666;text-align: center;}
.success04{text-align: center;margin:10px 0;color: #666;font-size:20px;}
.name2{width:100px;display:inline-block;color:#999;}
.num2{width:65%;display:inline-block;color:#333;}
.list02 li{height: 25px;line-height: 25px;}
.list02 li:nth-last-child(1){border:none;}
.R_title em{height: 1px;width: 60px;display: inline-block;background: #e4e4e2;vertical-align: middle;}
.R_title span{padding:0 20px;}
.choose03 h5{background: #f2f9ff;height: 20px;line-height: 20px;font-size: 12px;padding-top: 10px;text-align: center;color:#7cd3fe;}
.choose03 h4{background: #f2f9ff;height: 25px;line-height: 25px;font-size: 14px;color:#7fd2fc;font-weight:bold;padding-bottom:10px;border-bottom:2px dashed #7fd2fe;text-align: center;}
.choose03 div{border:1px solid #7fd2fe;position:absolute;width:10px;height:10px;border-radius:50%;display:inline-block;right:2px;top:5px;}
.select div i{background:url(../img/right2.png);width:10px;height:10px;display:inline-block;background-size: contain;} 
/*==================month======================*/
.cont_06{float: left;width: 100%;font-size: 14px;}


.question-top13{
	height: 25px;
	line-height:25px;
	margin:0 auto;
	border-bottom:1px solid #e5e5e5;
	padding:5px 10px;	
}

.question-top13 .tit{
	font-size: 16px;
	color:#383838;
	font-weight: 600;
	letter-spacing: 4px;
	padding-left:20px;
}
.question-top13 .tit img{
	margin-top: 6px;
	cursor: pointer;
	display: inline-block;
	float: right;
}
#code{
	width: 80px;
    height: 31px;
    background: #4dcb7d;
    line-height: 31px;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    margin:5px 0;
    margin-right:10px;
}
#Btn02{
	background:#fb8c33;
	font-size:16px;
}
#wrong{
	width:80px;
	height:80px;
	margin:15px 0;
}
.sorry{
	font-size:14px;
	color:#4b4e50;
}
.question{
	font-size:12px;
	color:#9f9f9f;
	margin:20px 0;
}
.renew02{
	font-size:14px;
}
.renew02 h3{
	color:#fb8c33;
	margin:20px 0 10px 0;
	font-size:14px;
}
.renew02 h4{
	color:#0b0b0b;
	margin-bottom:5px;
}
.renew02 #productnameSpan{
	color:#0b0b0b;
	margin-bottom:3px;
	font-weight:bold;
}
.referbtn{
	width:100%;
	float:left;
	margin:40px 0 20px 0;
}
.referbtn span{
	width:50%;
	float:left;
	text-align:center;
}
.referbtn a{
	height: 35px;
    width: 100px;
    line-height: 35px !important;
}
.referbtn span:nth-of-type(2) a{
	background: #fe802b;background: -webkit-linear-gradient(left, #f3af20 , #f59821); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f3af20, #f59821); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f3af20, #f59821); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f3af20 ,#f59821); /* 标准的语法（必须放在最后） */
}
.referbtn span:nth-of-type(2) a:active{
	background:#f77117;
}
#true2{
	color:#fe802b;
}
.iccidcard{
	width: 100%;
    height: 160px;
    background: #e9e8e6;
    margin-top:19px;
    text-align: center;
    float:left;
}
.iccidcard img{
    height: 130px;
    margin-top:15px;
}
#subSuccess{
	margin-top:0.3em;
	text-align:center;
}
#subSuccess img{
	margin:50px 0;
	width:100px;
	height:100px;
}
#subSuccess p{
	font-size:14px;
	margin-top:20px;
	color:#999;
	text-align:left;
	text-indent: 2em;
}
#subSuccess span{
	padding:0 2px;
	color:#e60e16;
	font-weight:bold;
}
#sub01{
	background:#fe802b;
	font-size:14px;
	height:35px;
	line-height:35px;
	margin-top:30px;
}
.dealing{
	background:url(../img/dealing.gif) no-repeat;
	width:60px;
	height:60px;
	display:inline-block;
	margin:30px 0;
	background-size:cover;
}
.warning{
	background:url(../img/Warning.png) no-repeat;
	width:80px;
	height:80px;
	display:inline-block;
	margin:10px 0;
	background-size:cover;
}
#changecard01{
	font-size: 14px;
	color:#fff;
	background: #fe802b;
	height:35px;
	line-height:35px;
	width:90%;
	border:none;
	margin-top:30px;
	margin-bottom:30px;
}
.fail01{
	font-size:12px;
	color:#666;
	padding-top: 10px;
    padding-bottom: 20px;
}
#I_content table{
	font-size:14px;
	color:#666;
}
.historyPay{
	table-layout:fixed;
	width:100%;
}
.historyPay tr{
	height:30px;
}
.historyPay td{
	font-size:12px;
}
.fixbtn{
	position: absolute;
    bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}
#alertInform{
	padding:12px;
}
#alertInform h4{
	padding:5px 0;
}
#alertInform p{
	margin:10px 0;
	text-align:left;
	text-indent:2em;
}
#Combo{
	float: left;
    background: #f8f8f7;
}
#Combo p{
	padding:0 15px;
}
#Combo p:nth-of-type(1){
	font-size: 14px;                                                                                                                          
    font-weight: bold;
    color: #444;
    margin-top:5px;
}
#Combo p:nth-of-type(2){
	font-size:12px;
	color:#afafaf;
}
#cardDetails{
	padding-left:30px !important;
}
#cardInform{
	background:#fff;
}
#flowUsed2 {
    color: #999;
    text-align: center;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    display: flex;
    align-items: center;
}
#flowUsed2 div{
	width:100%;
}
#flowUsed2 p{
	font-size:12px;
	text-align: center;
    width: 100%;
}
#flowUsed2 p font{
	color: #000;
    padding-right: 4px;
    font-size:24px;
}
#flowSelect{
	background:#fff;
}
#flowSelect ul:nth-of-type(1){
	height:40px;
	border-bottom: 1px solid #ddd;
}
#flowSelect ul:nth-of-type(1) li{
	float:left;
	width:calc(50% - 1px);
	font-size:16px;
	text-align:center;
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#999;
	margin-top: 10px;
    margin-bottom: 10px;
}
#flowSelect ul li:nth-of-type(1){
	border-right: 1px solid #ddd;
}
#flowSelect ul .active{
	color: #fe8615 !important;
}
/******************媒体查询********************/
@media screen and (min-width: 300px) and (max-width: 350px){
	#Combo{
		height: calc(100% - 375px);
		overflow:auto;
	}
	#flowUsed{
		margin-top:5px;
	}
	#cardDetails li:nth-of-type(1){
		margin-top:15px;
	}
	#cardInform{
		height:35px;
		line-height:35px;
	}
	.choose03 h4{
		font-size:12px;
	}
} 

@media screen and (min-width: 350px) and (max-width: 380px){
	#Combo{
		height: calc(100% - 405px);
    	overflow: auto;
	}
	#Combo p:nth-of-type(1) {
    	font-size: 16px;
	}
	#Combo p:nth-of-type(2) {
	    font-size: 14px;
	}
	#flowUsed{
		width: 90px;
    	margin-left: -11px;
	}
	#cardDetails li:nth-of-type(1){
		margin-top:20px;
	}
	.choose03 div{
		border:1px solid #7fd2fe;
		position:absolute;
		width:12px;
		height:12px;
		border-radius:50%;
		display:inline-block;
		right:5px;
		top:5px;
	}
	.select div i{
		background:url(../img/right2.png);
		width:12px;
		height:12px;
		display:inline-block;
		background-size: contain;
	} 
} 

@media screen and (min-width: 380px) and (max-width: 440px){
	#Combo{
		height: calc(100% - 425px);
    	overflow: auto;
	}
	#Combo p:nth-of-type(1) {
    	font-size: 16px;
    	margin-top:10px;
	}
	#Combo p:nth-of-type(2) {
	    font-size: 14px;
	    margin-top:10px;
	}
	#flowUsed{
		width: 104px;
    	margin-left: -18px;
	}
	#cardDetails li:nth-of-type(1){
		margin-top:30px;
	}
	.choose03 div{
		border:1px solid #7fd2fe;
		position:absolute;
		width:15px;
		height:15px;
		border-radius:50%;
		display:inline-block;
		right:5px;
		top:5px;
	}
	.select div i{
		background:url(../img/right2.png);
		width:15px;
		height:15px;
		display:inline-block;
		background-size: contain;
	} 
}