@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
a{ text-decoration:none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background:#f2f2f2;}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
input,textarea {outline: 0;resize: none;}
img{ width:100%; height:auto;}

.viewport {min-width: 320px;max-width: 720px;margin: 0 auto; padding-bottom:60px;}
body {background: #fff;}
header{ position:relative;}
.back{ width:32px; height:32px; position:fixed;  top:10px; left:10px; z-index:99;}
header .back{position:absolute;}
.banner{width: 100%;height: auto; font-size:0; }
.banner img{width: 100%;height: auto;}
.count{ background:#0ba4de; color:#fff; line-height:1.2em; font-size:14px;}
.count ul{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center;}
.count li{-webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center; margin:8px 0; font-size:12px; border-right:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.count li span{ display:block; font-size:16px;}
nav{position: fixed; height:50px; bottom: 0; left: 0; right: 0; max-width:720px; margin:0 auto; background: #FFF; z-index: 99; text-align:center; border-top: 1px solid #e0e0e0;}
nav ul{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; height:42px; overflow:hidden; margin:3px auto 4px;}
nav li{-webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center;}
nav .act{}
nav li a{ display:block; line-height:0;}
nav li a img{width: 30px;height: 30px;}
nav li a p{font-size:12px; line-height:12px; background:#fff; color:#666; border-radius:50px;}
nav .act a img{ background:#6eb400; border-radius:60px;width: 42px;height: 42px;}
nav .act a p{color:#6eb400;}
marquee{ position:fixed; left:0; bottom:50px; font-size:12px; line-height:20px; height:20px; background:#FF3C3C; color:#fff;}
.row{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center;}
.row a{-webkit-box-flex: 1; box-flex: 1; display:block; text-align:center; width: 100%;  height:60px; line-height:60px; color:#fff; margin-right:10px; margin-bottom:10px; background:#f60; border-radius:10px;}
.row a:last-child{ margin-right:0;}
.row .c1{ background:#2FA2D8;}
.row .c2{ background:#79C141;}
.row .c3{ background:#1BA69F;}
.row .c4{ background:#FF5454;}
.row .c5{ background:#F29558;}
.row .c6{ background:#80C26A;}
.row .c7{ background:#26C1BD;}

.cont{ margin:10px;}
.cont h3{ text-align:center; font-size:20px; color:#333; padding:20px;}
.cont h3 span{ color:#fff; background:#6eb400; padding:0 10px;}
.cont h3:after{ content:""; display:block; height:3px; margin:2% auto; width:12%; border-radius:3px; background:#6eb400;}

.zbzc{ text-align:center; margin:20px 10px;}
.zbzc div{ background:#fff; border:1px solid #dcdcdc; border-top:none; border-radius:0 0 10px 10px; margin-bottom:20px; padding:10px;}
.zbzc h6{font-size:18px; background: #0BA4DE;padding:3px 10px; color:#fff; line-height:2em; border-radius:10px 10px 0 0;}
.zbzc p{font-size:16px;line-height:1.5em; margin:5px 0;  color:#666;}
.zbzc img{ width:60vmin;box-shadow: 0 0px 10px rgba(0,0,0,0.1); margin:6px 0;}
.abcont{}
.abcont h6{ color:#333; line-height:3em;}
.abcont p{ /*text-indent:2em;*/ color:#555; line-height:1.8em;}

.contact{}
.contact .tel-list{ padding-left:2em;}
.contact .tel-list li{ line-height:1.8em; color:#0ba4de; list-style:none; clear:both;}
.contact .tel-list li div{ float:left;}
.contact .tel-list li .name{ line-height:38px;}
.contact .tel-list li a{ display:block; height:auto; margin:4px;  color:#555; padding-left:2em;}
.contact .tel-list li .tel{ position:relative;}
.contact .tel-list li .mobile{ position:relative; margin-bottom:10px;}
.contact .tel-list li .tel:after{ position:absolute; top:0; left:0; height:100%; width:26px; background: url(images/telephone.png) left center no-repeat;background-size:contain; content:""; display:block; border-radius:20px;}
.contact .tel-list li .mobile:after{ position:absolute; top:0; left:0; height:100%; width:26px; background: url(images/mobile.png) left center no-repeat;background-size:contain; content:""; display:block; border-radius:20px;}

.qiye-list .videobox li{ position:relative; height:80px; margin-bottom:20px;}
.qiye-list .videobox li .logo{ position:absolute; top:0; left:0; height:80px; width:80px; border-radius:10px; overflow:hidden;}
.qiye-list .videobox li .logo img{ height:80px; width:80px;}
.qiye-list .videobox li .txt{ height:80px; margin-left:80px; padding-left:10px; position:relative;}
.qiye-list .videobox li .txt .name{ color:#a07b7b; line-height:1.3em; display:table-cell; vertical-align:middle; height:60px;}
.qiye-list .videobox li .txt i{ position:absolute; left:10px; bottom:10px; font-size:12px; color:#999;}
.qiye-list .videobox li .txt .dz{ position:absolute; right:8px; bottom:8px; padding:5px 20px; border-radius:50px; background:#0ba4de; color:#fff;}
.qiye-list .txtbox li{ position:relative; height:40px; border-radius:20px; padding-right:50px; margin-bottom:10px;}
.qiye-list .txtbox li .name{color:#a07b7b; display:block; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
.qiye-list .txtbox li .dz{ position:absolute; top:4px; right:4px; height:32px; width:32px; background:#0ba4de; border-radius:16px;}

.pm li{ position:relative; height:80px; margin-bottom:20px;}
.pm li .logo{ position:absolute; top:0; left:0; height:80px; width:80px; border-radius:40px; overflow:hidden;}
.pm li .logo img{width:80px; height:auto;}
.pm li .txt{ height:80px; margin-left:80px; padding-left:10px; position:relative;}
.pm li .txt .name{ color:#a07b7b; line-height:1.3em; display:table-cell; vertical-align:middle; height:60px;}
.pm li .txt i{ position:absolute; left:10px; bottom:10px; font-size:12px; color:#999;}
.pm li .txt .dz{ position:absolute; right:8px; bottom:25px; padding:5px 20px; border-radius:50px; background:#0ba4de; color:#fff;}

.tit-info{background: #0ba4de; color: #fff; line-height:50px; height:50px; font-size: 18px; color:#fff; text-align:center; position:relative;}
.video{ width:100%; height:auto; margin:0 auto;}
.video video{ width:100%; height:auto;}
.abcont{ margin:10px;}
.abcont .name{ border-left:4px solid #6eb400; height:22px; line-height:22px; padding-left:3%; font-size:16px; margin:10px 0;}
.thr{ margin-left:7%; width:3%;}
.vote{ width:100%; height:100px; background:#fff; position:relative; margin-bottom:10px;}
.vote .vote-num{ width:40%; height:75px; padding-top:25px; float:left;}
.vote .vote-num p{ font-size:14px; padding-bottom:15px; color:#666;}
.vote .vote-num i{ font-size:14px; color:#f60;}
.vote .vote-num a{  padding:2px 20px 3px; border-radius:50px; background:#0ba4de; color:#fff;}
.vote .vote-num img{ width:90px;}
.vote .logo{width:60%; height:90px; padding-top:10px;  float:left; text-align:center;}
.vote .logo img{ height:80px; width:auto}
.itrbox{ width:100%; background-color:#FFF; padding:18px;border:1px solid #dcdcdc; border-radius:5px;}
.itr{  }
.itr p{ color:#6c6c6c; font-size:14px;  padding-bottom:10px; line-height:22px; text-align: justify;}


.black_overlay{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:99; opacity:0.85;}
.black_overlay p{ position:fixed; bottom:0; left:0; width:100%; text-align:center; color:#fff; padding-bottom:20px;}

.pin{ display:none; position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.7); text-align:center;}
.pin-box{ position:fixed; top:50%; left:50%; margin-left:-40vmin; margin-top:-30vmin; width:80vmin; height:60vmin; overflow:hidden;}
.pin-tit{ position:relative; height:14vmin; line-height:14vmin; color:#fff; padding-left:10px; width:100%; background:#0ba4de; border-radius:6px 6px 0 0; font-size:18px; text-align:left;}
.pin-tit i{ position:absolute; right:2vmin; top:2vmin; height:10vmin; width:10vmin; background:url(images/close.png) center center no-repeat; background-size:contain; }
.pin-cont{ height:46vmin; background:#fff; border-radius: 0 0 6px 6px;}
.yzm{ display:flex;justify-content: center; padding:10vmin 0 6vmin;}
.yzm img{ width:auto; height:12vmin; margin:0 10px;}
.yzm input{ width:40%; height:12vmin; margin:0 10px; line-height:12vmin; font-size:16px; color:#555; text-align:center; border:1px solid #ccc;}
.pinbt a{ padding:10px 40px; background:#6eb400; display:inline-block; border-radius:50px; color:#fff;}

.ranktit{ display:inline; font-size:6vmin; padding:3px 10px; border-radius:50px; border:1px solid #dcdcdc; background:#f2f2f2; color:#333; position:relative; top:-5px; left:10px;}
.rank{margin:0;}
.rank h3{ text-align:center; font-size:20px; color:#0ba4de; padding:30px 0 15px;}
.rank h3 span{ color:#fff; background:#0ba4de; padding:0 10px; border-radius:50px; font-size:18px; line-height:20px; margin-right:2vmin;}
.ranklist li{ position:relative; font-size:14px; line-height:40px;}
.ranklist div{color: #a07b7b; position:relative; border-bottom:1px solid #e8e8e8; margin-left:12vmin; padding-right:22vmin; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.ranklist div span{ color:#CF147D; display:block; width:20vmin; position:absolute; top:0; right:2vmin; text-align:right;}
.ranklist i{ position:absolute; color: #ccc; font-weight:bold; display:block; width:10vmin; text-align:center; }
.sTip{ position:fixed; z-index:99999; right:12px; bottom:75px; height:54px; width:54px; padding:10px; border-radius:60px; background:#0ba4de; text-align:center; border:1px solid #fff;}
.sTip a{ line-height:16px; font-size:14px; color:#fff;}
.sTip{animation:tip 4s infinite;-webkit-animation:tip 4s infinite;}
@keyframes tip{
	0% {transform:translateY(0);}
	15% {transform:translateY(0);}
	20% {transform:translateY(-20px);}
	25% {transform:translateY(0);}
	30% {transform:translateY(-10px);}
	40% {transform:translateY(0);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes tip{
	0% {-webkit-transform:translateY(0);}
	15% {-webkit-transform:translateY(0);}
	20% {-webkit-transform:translateY(-20px);}
	25% {-webkit-transform:translateY(0);}
	30% {-webkit-transform:translateY(-10px);}
	40% {-webkit-transform:translateY(0);}
	100% {-webkit-transform:translateY(0);}
}