{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; */
      background-color: #ccc;
      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;
    }



    .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="/static/home/temp_img/guild.jpg">
			<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)" disabled="disabled" class="btn btn-sign">注册公会</a>
				</div>
				<!---->
			</div>
		</section>
	</div>


	{include file="home/public/footer" /}
	<script type="text/javascript">
    $('.btn-login').on('click',function(){
    	layer.msg('即将上线');
    	//window.open("https://guild.3yakj.com/");
    });
    $('.btn-sign').on('click',function(){
    	layer.msg('即将上线');
    	//window.open("https://guild.3yakj.com/");
    });
	
	
	</script>