@import url("header.css");

.banner{background: url('../../images/mobile/sponsor/banner.jpg') 100% no-repeat; height: 260px; background-size:cover; color:#fff;  position: relative; padding-left:8%;}
.banner img{ width:108px; height:33px; margin-top: 40px; margin-bottom:16px;}
.banner p{ font-size: 14px; color:#eee; line-height: 1.35em;}

nav ul{display: flex; flex-direction:row; background-color:#222; text-align: center; color:#eee; font-size: 15px; height:46px; line-height: 46px;}
nav ul li{ width:33.33%; }
nav ul li.on{ border-bottom: 2px solid #38a1e3; color:#fff;}

.content dd{ display:none; text-align: center;}
.content dd.on{ display:block; }
.zf div{ float: left; width:50%; display: flex; flex-direction:column;}
.zf div>img{ width:130px; height:130px; margin: 20px auto 4px;}
.zf p img{ width: auto; height:27px; margin-right: 6px; line-height: 27px;}

.sy img{ width:80px; height:57px;}
.sy li{ float: left; width:33.33%;}
.sy li a{border:1px solid #eee; display: block; padding:20px 0;}
.sy ul{border-top:1px solid #eee;border-bottom:1px solid #eee; overflow: hidden;}

.tips{color:#999; font-size: 13px; margin-top: 12px;}

.zc{background: url('../../images/mobile/sponsor/zc.jpg') 100% no-repeat; height: 347px; background-size:cover; color:#fff;  position: relative;  padding-left:60px; text-align: left !important;}
.zc img{ width:252px; height:56px; margin-top: 93px; margin-bottom:10px;}
.zc p{ color:#ddd; margin-bottom: 14px;}
.zc a{ color:#eee; background-color: #01b689; border-radius: 2px; padding:4px 6px; margin-left: 68px;}