@charset "utf-8";
/* CSS Document */
html,body{ margin:0px; padding:0px; width:100%; overflow-x:hidden; }
body{ 
margin: 0;
	padding: 0;
 background-color:#fff;
 color:#222;  line-height:22px; font-size:14px; font-family:"微软雅黑";
}
body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {
	padding: 0;
	margin: 0;
}
dd,dt{
	list-style-type: none;
}


@media screen and (max-width:280px) {
.content {
	width: 280px;
	margin: 0 auto; /*height:100%; overflow:hidden;*/
	
}
}
@media screen and (min-width:281px) and (max-width:720px) {
.content {
	width: 100%;
	margin: 0 auto;
	
}
}
@media screen and (min-width:720px) {
.content {
	width:720px;
	margin: 0 auto; /*height:100%; overflow:hidden; overflow-y:auto;*/
	
}
}
.clear {
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
a{ text-decoration:none;}
/*去掉a标签超链接的虚线框*/

a:focus {
	-moz-outline-style: none; /* FF */
}


.topfix{
	position:fixed; left:50%; top:0px; width:100%; max-width:720px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); z-index:100; background-color:#FFF; border-bottom:0px solid #e6e6e6; background-color:#04b3e8; background-color:#cb3737; height:45px; z-index:5;
}
.topfix p{ font-size:19px; text-align:center; line-height:45px; text-align:center; color:#fff;}
.toppad{ height:45px;}
.main{ background-color:#FFF; margin-top:0px; margin-bottom:0px; padding:0px 10px;}
.mainnr{}

.cxdl{margin-bottom:25px;}

.cxdl dt{ font-size:16px; text-align:left; padding-top:20px; padding-left:10px; font-weight:bold; padding-bottom:8px;}
.cxdl dd{ border-bottom:1px solid #e6e6e6; padding:6px 5px;}
.cxdiv{ display:table; width:100%;}
.cxdiv-lf{ display:table-cell; font-size:15px; text-align:left; vertical-align:middle; padding-right:10px; width:65px; white-space:nowrap; }
.cxdiv-rg{ display:table-cell; text-align:right; vertical-align:middle;}

.input-dl{
	border: 0px #dcdcdc solid !important; height:40px !important;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-family:'Microsoft YaHei',"宋体";  box-sizing:border-box; background:none; padding:0px 5px!important; margin-bottom:0px !important; text-align:right;
	-webkit-appearance: none  !important;
	appearance: none !important;
	-o-appearance: none;
	box-shadow:none !important;
	-webkit-box-shadow:none !important; outline:none; text-align:left; line-height:40px;
	    
}

.input-dl::-webkit-input-placeholder{ font-size:15px; color:#888; }
.input-dl::-moz-placeholder{font-size:15px;  color:#888;  }
.input-dl::-moz-placeholder{font-size:15px; color:#888; }

.yzm{ padding:15px 0px; padding-bottom:5px;  }
.yzmn{ text-align:center; width:80%; margin:auto;}
.qyz{ font-size:15px; text-align:left; padding-left:10px; margin-bottom:20px;}

.butdiv{ padding:0px 4px; margin-top:10px;}

.but-tj{  padding:12px 0px; display:block ; color:#FFF ; font-weight:bold; border:0px; outline:none;
font-size:17px ; text-align:center;
-webkit-border-radius:5px;
border-radius:5px; text-decoration:none;  width:100%; box-sizing:border-box;

background-color:#04b3e8; background-color:#cb3737;
	-webkit-appearance: none ;
	appearance: none;
	-o-appearance: none; border:0px solid #4999ec ; line-height:1.1em ; cursor:pointer;
	 
	
}

.but-tj:active{ 

 background-color:#d84747;
	
}

.but-tj[disabled]{ background-color:#aaa; color:#f9f9f9; box-shadow:0px 3px 5px rgba(170,170,170,0.3);

}
.but-tj[disabled]:active{ background-color:#aaa; color:#f9f9f9; line-height:1.1em !important;

}

.but-fh{  padding:12px 0px; display:block ; color:#FFF ; font-weight:bold; border:0px; outline:none;
font-size:17px ; text-align:center;
-webkit-border-radius:5px;
border-radius:5px; text-decoration:none;  width:100%; box-sizing:border-box;

background-color:#04b3e8; background-color:#cb3737;
	-webkit-appearance: none ;
	appearance: none;
	-o-appearance: none; border:0px solid #4999ec ; line-height:1.1em ; cursor:pointer;
	 
	
}

.but-fh:active{ 

 background-color:#dd4a4a;
	
}

.beizhu{ padding:20px 5px; text-align:center; font-size:14px; line-height:1.6em; color:#666;}

.perror{ color:#F00; font-size:15px; text-align:left;  padding:0px 15px; padding-top:5px;}
.dlntab-yz{ display:table-cell; vertical-align:middle; padding-left:0px;  width:70px; padding-right:3px; padding-top:5px; padding-bottom:5px;}

.dlntab-yznr{ border-left:1px solid #dedede; padding-left:10px; padding-top:2px; }
.dlntab-yznr img{ width:100%; height:30px; display:block;}
.dlntab-yz{ display:table-cell; vertical-align:middle; padding-left:0px;  width:70px; padding-right:3px; padding-top:5px; padding-bottom:5px;}
.dlntab-hyg{ display:table-cell; vertical-align:middle; white-space:nowrap; width:50px; padding-right:0px;}
.hyg{ text-align:right;}
.hyg a{ color:#00a4f9; text-decoration:underline; font-size:13px;}



/*支付提示页面*/
.tsbody{ background-color:#FFF;}
.lkts{ width:87%; margin:auto; margin-top:40%; padding-bottom:10%;}
.lkts dl{}
.lkts dl dt{ text-align:center;}
.lkts dl dt img{ width:23%; max-width:150px;}
.lkts dl dd{ margin-top:10px; text-align:left; color:#444; font-size:17px; line-height:1.7em; text-align:center;}
.ptsd{ text-align:center; font-size:25px; color:#04b3e8; color:#0bb36d;}



/*分类页面*/
.content.sort{ background-image:url(../images/bei.jpg?v1.1); background-size:100% auto; background-position:top; background-repeat:no-repeat;}
.sortm{  width:100%; margin:auto; padding-bottom:0px; min-height:300px;}
.sortm dl dd{padding-bottom:2.7%; width:50%; margin:auto; float:left; }
.sortm dl dd:nth-of-type(odd) .divin{padding-right:2.5%;}
.sortm dl dd:nth-of-type(even) .divin{padding-left:2.5%;}
.sortm dl dt{ padding-bottom:2.7%;}

.sortm .divin img{ display:block; width:100%; border-radius:10px; -webkit-border-radius:10px;}

.soda{ color:#FFF; font-size:14px; text-align:center; line-height:1.4em; padding:15px 0px;}
.sodan{ display:inline;text-align:left;  color:#fff; }
.sodan span{color:#fff;}

.symain{ width:96%; margin:auto; padding-top:40%;}
.symain-s{ width:100%;}
.symain-s img{ width:100%; display:block; margin:0px; padding:0px;}
.symain-m{ background-image:url(../images/nbei.png); background-size:100% auto; background-repeat:repeat-y;}

.symain-mn{ padding:3% 0px; padding-bottom:0px; padding-top:2%;}
.xjn{  padding:0px 15px;}

/*选卡切换*/

.xq_xk .TabTitle{
	clear: both;
	overflow: hidden;   font-size:15px; padding:0px 5px; padding-bottom:12px;
}
.xq_xk .TabTitle ul {
	border: 0;
	margin: 0;
	padding: 0; display:table; width:100%; margin:auto;
}
.xq_xk .TabTitle li { 	
	overflow:hidden;
	cursor: pointer;
	list-style-type: none; outline:none; display:table-cell; white-space: nowrap;
	font-size: 15px;
	text-align: center; 
	color:#333;
	margin: 0; padding:0px 5px; 
	width: 20%; 
}
.xq_xk .TabTitle li .fens{position:relative; padding-bottom:6px; margin:auto;}
.xq_xk .TabTitle li .fens span{border-radius:10px; -webkit-border-radius:10px; color:#6e6e6e;  line-height:1.1em; padding:5px 5px; background-color:#fff; border:1px solid #dedede; display:inline-block; display:block; vertical-align:middle; margin:auto;}
.xq_xk .TabTitle li.active .fens span{ background-color:#cb3737; border:1px solid #cb3737; display:inline-block;  display:block; color:#FFF; font-weight:bold;}
.xq_xk .TabTitle li.active .fens span:after{
	content: "";
    width: 0px;
    height: 0px;   
    display: inline-block;
    display: block;
    position: absolute; left:50%; transform:translate(-50%,0);
    right: 0px;
    bottom:-6px;
 border:6px solid transparent;
	border-top-color:#cb3737;
}


.xq_xk  .TabTitle .active .xian{ height:2px; background-color:#fc5832; position:absolute; bottom:0px; z-index:2;  left: 25%; right:25%;}

.xq_xk .TabTitle .normal {
	  overflow:hidden; color:#333;
}
.xq_xk .TabContent {
	width:100%;
	margin: 0px auto;
	padding: 10px 0px; font-size:1em; padding-bottom:10px;
}


.xq_xk .spxian{ border-right:0px solid #d8d8d8; margin-top:2px;  line-height:2.9em;}

.none {
	display: none;
}
.spxian{ border-right:1px solid #d8d8d8; margin-top:2px;}

/*选卡切换结束*/
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.modal-content {
	background: white;
	padding: 25px;
	border-radius: 8px;
	width: 70%;
}

.modal-title {
	color: #cb3737;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-content: center;
}

.modal-text {
	color: #333;
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 16px;
}
.phone-txt {
	font-weight: bold;
	display: inline;
	text-decoration: underline;
}
.modal-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	font-size: 16px!important;
}

.btn-agree {
	background: #cb3737;
	color: white;
	border: none;
	padding: 8px 20px;
	border-radius: 4px;
	cursor: pointer;
}

.btn-disagree {
	background: white;
	color: #cb3737;
	border: 1px solid #cb3737;
	padding: 8px 20px;
	border-radius: 4px;
	cursor: pointer;
}

.btn-agree:hover, .btn-disagree:hover {
	opacity: 0.9;
}