* {
            padding: 0px;
            margin: 0px;
            user-select: none;
            -webkit-user-drag: none;


      }

      a {
            display: block;
            text-decoration: none;
            color: white;
      }
      li{
            list-style: none;
      }

      .nav {
            /* width: 1204px; */
            width: 100%;
            height: 70px;
            /* background-color:#a90c0c; */
            background-image: url(../web大作业图片素材/ggred.jpg);
            /* position: absolute; */
            position: active;
            text-align: center;
      }
      .nav-son{
            display: inline-block;
            width: 1204px;
      }
      .nav .title {
            display: inline-block;
            width: 200px;
            float: left;
            line-height: 70px;
            text-align: center;
            font-family: KaiTi;
            font-weight: 900;
      }

      .nav ul li {
            display: inline-block;
            width: 100px;
            line-height: 70px;
            float: left;
            list-style: none;
            text-align: center;
            border-radius: 5px;
            /* position: relative; */
      }


      .nav ul li a {
            display: inline-block;
            width: 70px;
      }



      .nav ul li ul li {
            display: inline-block;
            width: 120px;
            height: 50px;
            /* background-color: #a90c0c; */
            background-image: url(../web大作业图片素材/ggred.jpg);

            border-radius: 5px;
            line-height: 50px;



      }

      .nav ul li ul {
            display: inline-block;
            width: 100px;
            visibility: hidden;
            position: absolute;
            top: 70px;
            right: 10px;


      }

      .nav ul li ul:hover li {
            visibility: visible;
            float: left;
            /* z-index: 10; */
      }

      .nav .hang li:hover ul,
      .nav .hang li a:hover ul,
      .nav .hang li a:hover {

            color: #cc6633;
            visibility: visible;
      }

      /* search搜索模块 */
      .search {
            float: left;
            width: 225px;
            height: 62px;
            /* background-color: #a90c0c; */
            background-image: url(../web大作业图片素材/ggred.jpg);
            position: relative;
            margin-left: 0px;
            overflow: hidden;
            
      }

      .search input {
            width: 170px;
            height: 40px;
            /* border: 1px #a90c0c; */
            background-image: url(../web大作业图片素材/ggred.jpg);

            border-right: 0px;
            color: #bfbfbf;
            font-size: 14px;
            padding-left: 15px;
            margin-top: 13px;
            border-radius: 15px;
            float: left;
      }

      .search button {
            margin-top: 17px;
            margin-left: 2px;
            width: 35px;
            height: 35px;
            /* float: left; */
            border: 0px;          
            background: url(../web大作业图片素材/ggred.jpg);
            /* background: url(../web大作业图片素材/search1.png) no-repeat #a90c0c; */
            /* overflow: hidden; */
            position: relative;
      }
      .search button img{
            width: 35px;
            /* height: 35px; */
            float: left;
            

      }

      .search button:hover {
            position: absolute;
            top:-50px;
           
            
      }

      .user button {

            height: 32px;
            width: 95px;

      }

      .user {
            margin-top: 17px;
            margin-left: 20px;
            float: left;
            overflow: hidden;
            height: 34px;
            width:50px;
            position: relative;

      }

      .user button img {
            position: absolute;
            /* top: -41px; */
            float: top;
      }

      #user {
            display: block;
            height: 30px;
            float: left;
            /* width: 95px; */
            /* margin-left: 30px; */


      }

      #user img:hover {
            position: absolute;
            top: -41px;

      }

      /* 链接区域 */

      .body{
          /* width: 1204px; */
            width: 100%;
            height: 600px;
         
            background: url(../web大作业图片素材/注册界面背景图.jpg) center top no-repeat;
           
            color: #fff;
            /* padding: 90px 0 50px; */
            background-size: cover;
            box-sizing: border-box;
            position: relative;
            /* z-index: -1; */
            text-align: center;

      }

      .body-nav{
            width: 1204px;
            height: 50px;
            padding: 0px;
            display: block;
      }
      .body-nav a,
      .body-nav span{
            
            display:block;
            width: 50px;
            float: left;
            padding-left:10px ;
            line-height: 50px;
            color: #707070;
            font-family: 微软雅黑,'Heiti SC',黑体,Arial;
      }
      .body-nav a:hover{
            font-size: larger;
      }

      /* 我是会员/还未注册 */
      .login{
            /* z-index: 10; */
            display: block;
            width: 1100px;
            height: 80px;
            /* 使子盒子居中 */
            margin: auto;
            /* margin-top:30px; */
            /* background-color: blue; */

            text-align: center;
      }
      .login .zhuce{
            display: inline-block;
      }
      .login .zhuce div
      {
            display: block;
            width: 150px;
            height: 80px;
            float: left;       
            /* background-color: hotpink; */
            line-height: 80px;
            font-size: 28px;
            font-weight: bold;
      }
      .zhuce .vip{
            margin-right: 10px;
      }
      .zhuce .no-zhuce{
            margin-left: 10px;
      }
      .zhuce a:hover{
            color: coral;
      }

      /* 输入框区域 */
      .vital{
            width: 100%;
            height: 300px;
            /* background-color: coral; */
            text-align: center;
      }
      .box{
            /* position: relative; */
            width: 500px;
            display: inline-block;

      }
      .input{
            display: inline-block;
            width: 500px;
            height: 50px;
            background: url(../web大作业图片素材/登录界面边框.png) center center no-repeat;
            /* position: absolute; */
      }
      
      .input input{
            display: inline-block;
            width: 360px;
            height: 25px;
            color: rgb(97, 92, 90);
            line-height: 20px;
            font-size:14px;
            margin-top: 12px;
            border:none;
            background: none;
      }

      .input-yz{
            display: inline-block;
            width: 300px;
            height: 50px;
            background: url(../web大作业图片素材/登录界面中长度边框.png) center center no-repeat;
      }
      .input-yz input{
            display: inline-block;
            width: 250px;
            height: 25px;
            color: rgb(97, 92, 90);
            line-height: 20px;
            font-size:14px;
            margin-top: 12px;
            border:none;
            background: none;
      }
      .input-yz .yz {
            display: inline-block;
            width: 250px;
            height: 45px;
            color: rgb(97, 92, 90);
            line-height: 20px;
            font-size:20px;
            margin-top: 12px;
            border:none;
            background:#a90c0c; 
            background:url(../web大作业图片素材/登录界面短边框.png) center center no-repeat;
      }
      .denglu{
            display: inline-block;
            width: 200px;
            height: 50px;
            margin-top: 30px;
            background: url(../web大作业图片素材/登录界面边框.png) center center no-repeat;
      }
      .denglu input{
            display: inline-block;
            width: 200px;
            height: 25px;
            color: white;
            line-height: 20px;
            font-size:24px;
            margin-top: 11px;
            border:none;
            background: none;
      }
      .denglu .forget{
            font-size: 12px;
            margin-top: 20px;
      }
      .denglu input:hover{
            color: coral;

      }

      .change-box1{
            width: 100%;
            height: 30px;
            margin-top: 20px;
            text-align: center;
            /* background-color: white ; */
      }

      .change-box1 .hengxian{
            width: 150px;
            height: 0px;
            border-top: 1px solid rgba(61, 55, 55, 0.5);
            display: inline-block;
            /* background-color: rgb(255, 0, 0); */
      }
      .change-box1 .change-zhanghao{
            width: 150px;
            height:30px;
            display: inline-block;
            /* background-color: hotpink; */
            line-height: 30px;
      }
      .change-box2{
            width: 100%;
            height: 80px;
            text-align: center;
            /* background-color:hotpink ; */
      }
      .change-box2 a{
            display: inline-block;
            width: 73px;
            height: 73px;
            border: 1px solid white;
            border-radius:100%;
            margin:0 10px;
            /* background-color: indianred; */

      }
      .change-box2 .wb{
            background: url(../web大作业图片素材/微博图标.png) center center no-repeat;
      }
      .change-box2 .wx{
            background: url(../web大作业图片素材/微信图标.png) center center no-repeat;
      }
      .change-box2 .qq{
            background: url(../web大作业图片素材/qq.png) top center no-repeat;
      }
      .change-box2 a:hover{
            transform: scale(1.03);
      }
      .yinsi{
            width: 100%;
            height: 40px;
            margin-top: 50px;
      }
      .yinsi a{
            width: auto;
            height: 40px;
            line-height: 40px;
      }
      .yinsi a:hover{
            color: violet;
      }

     /* 底部区域 */
      .bottom{
            /* width: 1204px; */
            width: 100%;
            height: 300px;
            background-color: #272727;
            margin-top: 30px;
            text-align: center;
      }
      .bottom .a{
            height: 100px;
            background-color: #272727;
            display: inline-block;
      } /* 让图标那一行居中 */
      
      .a .bottom-div{
            display: block;
            width: 100px;
            height: 120px;
            margin:2px 10px;
            float: left;
            
      }
      .bottom-nav,.bottom-nav img{
            display: block;
            width: 100px;
            height: 100px;
            /* margin:0 10px; */
            background-color: #474747;
            float: left;
            border-radius: 50px;
      }
      .bottom-nav img:hover{
            transform: scale(1.02);
      }
      .a-div span{
            display: block;
            color: #b4b3b8;
            font-size: 16px;
            text-align: center;
      }
      .nav-foot{
           display: inline-block;
           width: 100%;
           height: 30px;
           float: left;
           text-align: center;
           margin-top: 30px;
      }
      .nav-foot .a-nav{
            /* margin-left: 250px; */
           display: inline-block;

      }
      .nav-foot a{
            display: inline-block;
            width: 80px;
            margin:5px;
            font-weight: bold;
            /* float: left; */
      }
      .copyright{
            margin-top: 100px;
            text-align: center;
            font-size: 30px;
      }