{include file="home/public/header" /}
<title>公会入驻</title>
<style>

   

    .wrapper {
      padding-top: 120px;
    }

    .line {
      border: 0;
      height: 1px;
      background-color: #e4e4e4;
    }

    nav {
      line-height: 110px;
      margin: 0 auto;
    }

    nav li {
      float: left;
      color: #6f6f6f;
      font-size: 16px;
      margin-right: 68px;
      height: 80px;
    }

    nav li a {
      text-decoration: none;
      color: #6f6f6f;
    }

    nav li a:active {
      color: #6f6f6f;
    }

    nav li.on {
      border-bottom: 3px solid #1e78e7;
    }

    section {
      margin: 32px auto 0;
      text-align: center;
    }

    .section_title {
      margin: 12px auto 4px;
      font-family: PingFangSC;
      font-size: 30px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #4a4a4a;
    }

    .section_content {
      display: block;
      margin-bottom: 40px;
      text-decoration: none;
      font-family: PingFangSC;
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #6f6f6f;
    }

    .section_a {
      margin-bottom: 80px;
      font-family: PingFangSC;
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #6f6f6f;
      display: block;
      text-decoration: underline;
    }

    .common-footer {
      margin-top: 123px;
      background-color: #d8d8d8;
      padding-top: 40px;
    }

    .ad-identity {
      position: fixed;
      right: 28px;
      top: 50px;
      width: 38px;
      height: 21px;
      z-index: 99999;
    }

    .ad-identity-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.17;
    }

    .ad-identity-text {
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      font-size: 13px;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 21px;
    }

    .banner {
      width: 1400px;
      margin-bottom: 80px;
      position: relative;
      padding-top: 0px !important;
    }

    .banner img {
      width: 100%;
    }

    .login-main {
      padding: 18px 30px 30px 30px;
      width: 390px;
      position: absolute;
      height: 336px;
      background-color: #ffffff;
      top: 72px;
      right: 100px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }

    .login-title {
      height: 28px;
      font-size: 20px;
      text-align: left;
      color: #6b6b66;
      margin-bottom: 16px;
      width: 250px;
    }

    .btn {
      width: 250px;
      height: 60px;
      line-height: 60px;
      display: block;
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      /* line-height: normal; */
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      text-decoration: none;
    }

    .btn-login {
      background-color: #519af5;
      margin-bottom: 37px;
      cursor: pointer;
    }

    .btn-sign {
      background-color: #f2a634;
      cursor: pointer;
    }

    .login-desc {
      font-size: 14px;
      width: 250px;
      text-align: left;
      color: #6b6b66;
      margin-top: 12px;
    }

    .section-three-content {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }

    .section-href {
      width: 312px;
      height: 416px;
      margin: 0 1px;
      background-size: cover;
      text-decoration: none;
    }

    .href1 {
      background-image: url('https://s.momocdn.com/w/u/others/custom/ghht/123.png');
    }

    .href2 {
      background-image: url('https://s.momocdn.com/w/u/others/custom/ghht/234.png');
    }

    .href3 {
      background-image: url('https://s.momocdn.com/w/u/others/custom/ghht/345.png');
    }

    .href-title {
      width: 128px;
      height: 45px;
      font-family: PingFangSC;
      font-size: 32px;
      text-align: center;
      color: #ffffff;
      margin: 230px auto 6px;
    }

    .href-desc {
      width: 248px;
      height: 56px;
      opacity: 0.8;
      font-family: PingFangSC;
      font-size: 20px;
      text-align: center;
      color: #ffffff;
      margin: 0px auto 10px;
    }

    .white-bg .common-header {
      background: url(https://s.momocdn.com/w/u/others/2018/05/08/1525766683025-sdfdsf.jpg) 14px 42px no-repeat;
      background-size: 250px;
    }

    .common-header {
      color: #fff;
      font-size: 14px;
      position: absolute;
      top: 0px;
      background: url(https://s.momocdn.com/w/u/img/2017/03/28/1490673490218-%E5%AE%98%E7%BD%91logo.png) 14px 37px no-repeat;
      padding-left: 308px;
      height: 120px;
      left: 50%;
      margin-left: -700px;
    }

    .login-main .logined {
      width: 100%;
      height: 100%;
    }

    .login-main .logined .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 28px;
    }

    .login-main .logined .title .left {
      font-size: 20px;
      color: #6b6b66;
    }

    .login-main .logined .title .right {
      font-size: 14px;
      color: #519af5;
      cursor: pointer;
    }

    .login-main .logined .userinfo {
      margin-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .login-main .logined .userinfo .avatar {
      width: 90px;
      height: 90px;
      border-radius: 50%;
    }

    .login-main .logined .userinfo .user-detail-wrap {
      margin-left: 18px;
      flex: 1;
      height: 90px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
    }

    .login-main .logined .userinfo .user-detail-wrap .nick {
      font-size: 26px;
      line-height: 1.31;
      color: #323333;
    }

    .login-main .logined .userinfo .user-detail-wrap .momoid {
      font-size: 20px;
      line-height: 1.4;
      color: #aaa;
    }

    .login-main .logined .guildinfo {
      height: 24px;
      margin: 16px 0 30px;
      font-size: 16px;
      color: #6b6b66;
      text-align: left;
    }

    .login-main .logined .status-btn {
      width: 330px;
      height: 60px;
      line-height: 60px;
      background-color: #519af5;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
    }

    .login-main .logined .status-btn.register {
      background-color: #f2a634;
    }

    .login-main .logined .status-btn.checking {
      background-color: #ebebeb;
      color: #828282;
      cursor: auto;
    }

    .row-wrapper {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-top: 20px;
      border-top: 1px solid #cccccc;
    }

    .row-wrapper a+a {
      margin-left: 10px;
    }

    .item-wrapper {
      width: 100%;
    }

    .section_title_QA {
      font-family: PingFangSC;
      font-weight: bold;
      font-size: 28px;
      color: #4a4a4a;
      text-align: left;
      padding-bottom: 20px;
      
    }
    .section-wrap{
      width: 80%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      margin-top: 70px;
    }
  

    .common-footer{margin-top:120px;}


    .common-header{
        margin-left: -560px;
    }
    .common-header li .service.business .down-list{
        left: -3px;
    }


</style>
</head>
<body class="white-bg">
{include file="home/public/nav_bar" /}



	<div class="wrapper">
		<p class="line"></p>
		<section class="banner">
			<img
				src="https://s.momocdn.com/w/u/others/2018/05/07/1525687252169-dfd.png?_bid=1640">
			<div class="login-main">
				<div class="unlogin">
					<div class="login-title">公会管理系统登录</div>
					<a href="javascript:void(0)" class="btn btn-login">登录公会</a> <a
						href="javascript:void(0)" class="btn btn-sign">注册公会</a>
				</div>
				<!---->
			</div>
		</section>
		<section class="section-wrap">
			<div class="section_title_QA">公会入驻、清退管理</div>
			<div class="row-wrapper">
				<a href="question.html?id=1"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover1.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=2"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover2.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=3"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover5.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=4"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover8.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a>
			</div>
		</section>
		<section class="section-wrap">
			<div class="section_title_QA">公会运营管理</div>
			<div class="row-wrapper">
				<a href="question.html?id=5"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover9.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=6"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover4.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=7"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover6.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=8"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover7.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a>
			</div>
		</section>
		<section class="section-wrap">
			<div class="section_title_QA">公会主播运营</div>
			<div class="row-wrapper">
				<a href="question.html?id=9"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover3.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=10"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover10.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=11"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover11.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a> <a href="question.html?id=12"><img
					src="https://s.momocdn.com/w/u/others/custom/guild-offical/cover12.jpeg?_bid=1640"
					alt="" class="item-wrapper"></a>
			</div>
		</section>
		<section style="margin-top: 180px;">
			<p class="section_title">公会业务介绍</p>
			<a
				href="http://www.immomo.com/help?action=detail&amp;column_id=111510918902&amp;id=11184356871"
				class="section_content" style="margin-bottom: 40px;">
				陌陌提供丰富直播互动手段，帮助拓展直播业务商业渠道，可根据自身情况进行选择。 </a>
			<div class="section-three-content" style="text-align: center;">
				<a href="javascript:void(0)" class="section-href href1"><p
						class="href-title">视频直播</p>
					<p class="href-desc">直播支柱业务，飞机游艇护驾，叩开年度盛典大门</p>
					<p class="href-desc">查看详情 &gt;&gt;</p></a> <a href="javascript:void(0)"
					class="section-href href2"><p class="href-title">电台直播</p>
					<p class="href-desc">语音交友，连麦游戏，社交玩法新爆点</p>
					<p class="href-desc">查看详情 &gt;&gt;</p></a> <a href="javascript:void(0)"
					class="section-href href3"><p class="href-title">电商直播</p>
					<p class="href-desc">最潮购物体验，一站式“边看边买”</p>
					<p class="href-desc">查看详情 &gt;&gt;</p></a>
			</div>
		</section>
	</div>


	{include file="home/public/footer" /}