@charset "utf-8";
*{margin:0;padding:0;-webkit-text-size-adjust:100%;font-family:"微软雅黑"; font-size:14px;}
html{background:#F2F2F2}
html,body{overflow-x:hidden; max-width:720px;margin:0 auto; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
input[type="button"],input[type="submit"]{cursor:pointer;-webkit-appearance: none;outline:none;}
ul,ol,li{ list-style:none;}
input{ border:0;outline:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{border:0;}
body{ padding-bottom:52px;background:#fff}
.bgc{ background:#f22127;}

header{ padding:10px 0; text-align:center; font-size:18px;color:#fff; background:#f22127;}
header a{ float:left; font-size:26px; padding:0 5px; margin-left:5px; line-height:10px; color:#fff;}
.find{padding:8px 5%;}
.find .find-in{border:0; background:#fff;color:#333;height:26px; line-height:26px; float:left; font-size:14px; width:85%; text-indent:10px; padding:8px 0; border-radius:5px 0 0 5px;}
.find .find-bt{background:#fff;height:26px; line-height:29px; text-align:center; float:left; width:15%; padding:8px 0; border-radius:0 5px 5px 0;}
.find .find-bt i{color:#676767; font-size:20px;-webkit-text-stroke:1px #fff;}

.retal{margin:0 2%; padding:8px 0;border-bottom:1px solid #e2e2e2; font-size:16px; color:#222;}
.retal b{ padding-right:6px; color:#f00;}

.list{ padding-top:10px;}
.list li{ width:46%; float:left; padding-bottom:10px; margin:0 2%; text-align:center;}
.list li img{width:100%;}
.list li span{ display:block; line-height:20px; height:20px; color:#222; text-align:left; margin:4px 0; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.list li p{ background:#f22127; padding:4px 10px; height:30px; line-height:30px; font-size:18px; color:#fff; text-align:left;}
.list li p em{ font-style:normal; float:right; width:30px; height:30px; border-radius:50%; background:url(../images/111.gif) center center no-repeat #fff; background-size:70% auto;}

.copy{ color:#ccc; line-height:20px; margin:15px 2%;}

.floatB{ border-top:1px solid #e2e2e2; position:fixed; z-index:999999;  bottom:0; background:#fff; width:100%; line-height:51px; text-align:center; max-width:720px; margin:0px auto;}
.floatB li{ width:33%; float:left; color:#f22127; font-size:16px;}
.floatB li a{color:#333; display:block; font-size:16px;}
.floatB dd{ width:34%; float:left; background:#f22127; color:#fff;}
.floatB dd a{ display:block; color:#fff; font-size:16px;}
.floatB i{ margin-right:5px;}

.slist{ margin:10px 2% 0 2%;}
.slist ul{ float:left; padding:8px 0; position:relative; line-height:20px;}
.slist ul img{ width:32%; float:left;}
.slist ul p{ width:66%; float:right; color:#666;}
.slist ul li{ position:absolute; left:34%; bottom:10px; z-index:2; font-size:12px; color:#ccc;}
.slist ul li span{ font-size:16px; color:#f22127;}
.slist ul label{ position:absolute; right:0; bottom:18px; z-index:3; width:50px; height:25px; text-align:center; line-height:25px; border-radius:4px; background:#f22127; color:#fff;}


.floatLfet{position:fixed; width:130px; left:50%; top:63px; z-index:99999; overflow-x:hidden; overflow-y:inherit; margin-left:-360px;}
.floatRight{position:fixed; width:580px; left:50%; top:63px; z-index:99999; overflow-y:inherit;margin-left:-220px;}
.floatLfet li{ color:#333; text-align:right; padding:5px 5px 5px 0; margin:10px 0;}
.floatLfet li.action{color:#f22127;}



.frall{ padding-bottom:10px; float:left; width:100%;}
.frall h3{ width:100%; float:left; padding-top:2px; border-top:1px solid #f22127; font-size:12px; color:#222; font-weight:normal;}
.frall ul{ float:left; padding:8px 0; position:relative; line-height:16px;}
.frall ul img{ width:32%; float:left;}
.frall ul p{ width:66%; float:right; color:#666; font-size:12px;}
.frall ul li{ position:absolute; left:34%; bottom:10px; z-index:2; font-size:12px; color:#ccc;}
.frall ul li span{ font-size:14px; color:#f22127;}
.frall ul label{ position:absolute; right:0; bottom:16px; z-index:3; width:40px; height:20px; text-align:center; line-height:20px; border-radius:4px; background:#f22127; color:#fff; font-size:12px;}

.gist{background:#f22127; padding:10px 0; text-align:center;}
.gist dl{ display:inline-block;}
.gist dl span{ background:url(../images/kdc.gif) center center no-repeat #fff; width:40px; height:40px; border-radius:50%; background-size:76% auto; float:left;}
.gist dl p{color:#fff; font-size:16px; text-align:left; line-height:20px; float:left; padding-left:15px;}
.gist dl p label{ color:#fbf91b;}
.giul{ float:left; margin:15px 2%; position:relative; line-height:20px;}
.giul img{ width:32%; float:left;}
.giul p{ width:66%; float:right; color:#666;}
.giul p span{ color:#ccc; padding-left:6px;}
.giul label{ font-size:18px; color:#f22127; position:absolute; left:34%; bottom:10px; z-index:2;}
.gilist{margin:20px 2% 20px 5%; border-left:1px solid #e2e2e2;}
.gilist li{ color:#666; line-height:20px; margin-left:15px; padding-bottom:25px; position:relative;}
.gilist li span{ font-size:12px; color:#ccc; padding-right:15px;}
.gilist li label{color:#f22127;}
.gilist li p{ padding:3px 0;}
.gilist li em{ position:absolute; z-index:2; width:20px; height:20px; left:-26px; top:4px; border-radius:50%; background:#e2e2e2;}
.gilist li.tail span{color:#f22127 !important;}
.gilist li.tail i{color:#f22127; position:absolute; left:-26px; top:2px; font-size:24px;}
.gip{ text-align:center; padding-bottom:18px;}
.gip a{ display:inline-block; padding:8px 40px; border:1px solid #ccc; color:#222; border-radius:18px;}


.iframe{  width:100%;height:100%;overflow:hidden;max-width:720px; background:#f1f1f1;}
.nav{ width:100%; background:#f1f1f1;}
.nav li{ width:64px; padding:0px 8px;}
.nav li a{ display:block; padding:8px 0px;  line-height:16px; text-align:center; text-decoration:none; color:#333;}
.nav li.nav-no{ background:#fff;}

.pc-nav{ position:fixed; top:19px; left:50%; margin-left:-460px; background:#fff; width:80px;}
.pc-nav ul li a{ width:80px; display:block; text-align:center; color:#222; padding:10px 0px;}
.pc-nav ul li.nav-no{ background:#f22127;}
.pc-nav ul li.nav-no a{ color:#fff}
.pc-nav ul li:hover{ background:#f22127;}
.pc-nav ul li:hover a{ color:#fff}

.dl{ position:relative; width:100%; float:left; overflow:hidden; margin:10px 0px 0px 0px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.dl img{ float:left; width:32%;}
.dl p{ width:66%; float:right; color:#666; font-size:12px; line-height:16px;}
.dl dt{ position:absolute; left:34%; bottom:10px; z-index:2; font-size:12px; color:#ccc;}
.dl dt span{ font-size:14px; color:#f22127;}
.dl dd{position: absolute; right: 0; bottom: 16px; z-index: 3; width: 40px; height: 20px;  text-align: center; line-height: 20px; border-radius: 4px; background: #f22127;color: #fff; font-size: 12px; right:5px;}

.navfloat{ position:fixed; z-index:3; top:0; overflow-y:auto;}
.ileft{width:80px; float:left; height:100%;overflow:hidden;}
.ileft ul{width:80px;}
.iright{padding-left:10px; float:right; height:100%;overflow:hidden;-webkit-overflow-scrolling:touch; background:#fff;}

.carlist { width:98%; margin:0 auto;}
.carlist dl{ position:relative; border-bottom:1px solid #ccc; margin:5px 0; padding:10px 0;}
.carlist dl dt{ float:left; width:25%;}
.carlist dl dt img{ width:100%;}
.carlist dl dd{ float:right; width:72%;}
.carlist dl li{ color:#999;}
.carlist dl ol{position:absolute; bottom:45px; width:72%; right:0px;}
.carlist dl ol span{float:left; font-size:18px; color:#f22127; font-weight:bold;}
.carlist dl ol div{ float:right;}
.carlist dl ol div em{ font-style:normal; font-size:22px; color:#222; padding:0px 4px;}
.carlist dl del{ width:65px;position:absolute; bottom:15px; right:0px; text-decoration:none; background:#f22127; color:#fff; border-radius:3px; text-align:center; padding:3px;}

.carbottom{ position:fixed; left:50%; bottom:0px; width:100%; height:50px; line-height:50px; background:#fff; max-width:720px; margin-left:-360px; border-top:1px solid #f22127}
.carbottom dt{ float:left; font-size:14px; padding-left:2%;}
.carbottom dt i{ color:#f22127; font-style:normal;}
.carbottom dd{ float:right; background:#f22127; text-align:center; color:#fff; padding:0 5%}
.car-bg{ width:720px; height:100%; background:#fff; position:fixed; top:0px; z-index:-9; left:50%; margin-left:-360px;}
.car-null{ text-align:center; margin:5% auto; line-height:43px; height:43px; font-size:16px; display:none;}
.car-null i{ color:#f22127;}
.car-null a{ text-decoration:underline;}




@media screen and (max-width:720px){
	.iframe{ left:0; margin-left:0;}
	.list li span{ display:block; height:36px; line-height:18px; color:#222; text-align:left; margin:4px 0; overflow:hidden;text-overflow:string;white-space: normal;}
	.carbottom{max-width:100%; margin-left:0px;left:0%;}
}

@media screen and (max-width:500px){
	.carlist dl dd p{ font-size:12px;}
	.carlist dl ol span{ font-size:16px; }
	.carlist dl ol div em{ font-size:18px; }
	.carlist dl del{ font-size:12px;width:55px;}
	.carlist dl dd p{  height:18px; overflow:hidden;font-size:12px;}
	.carlist dl dd li{  font-size:12px;}
	.car-bg{ width:100%; margin-left:0px; left:0}

}