* {
       margin: 0;
       padding: 0;
   }

   a {
       color: #666;
       text-decoration: none;
   }

   a:hover {
       text-decoration: none;
   }

   li {
       list-style: none;
   }

   body {
       font-family: '微软雅黑', 'pf_regular', sans-serif;
       font-size: 20px;
       background-color: #3C2149;
       min-width: 980px;
       width: 100%;
   }

   .w83 {
       width: 83.333%;
       margin: 0 auto;
   }

   .head_bg {
       background-image: url(../img/v7_head_bg.png);
       width: 100%;
       box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
   }


   /* 主体 */
   .wrap {
       background: #f5f5f5;
   }

   #container {
       width: 1420px !important;
       margin: 0 auto;
       /* border: 1px solid red; */
       overflow: hidden;
   }

   #container h2 {
       margin-top: 20px;
       width: 1420px;
       font-size: 50px;
       text-align: center;
   }

   #container h3 {
       width: 1420px;
       font-size: 40px;
       text-align: center;
       margin-bottom: 20px;
   }

   #container>ul {
       list-style-type: none;
       display: flex;
       height: 620px;
       /* background-color: gray; */
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: space-between;
       align-content: space-between;
   }

   #container>ul>li {
       width: 33%;
       height: 200px;
       background: #fff;
       transition: all linear 0.5s;
   }

   #container>ul>li>a {
       height: 200px;
       width: 100%;
       display: flex;
       flex-direction: row;
       align-items: center;
       padding-left: 20px;

       /* justify-content: center; */
   }

   #container>ul>li span {
       font-size: 30px;
       color: #666;
   }

   #container>ul>li:hover {
       box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
       transform: translate3d(0, -2px, 0);
   }

   #container>ul>li .iconfont {
       font-size: 50px;
       margin-right: 10px;
   }

   #container>ul>li:hover span {
       color: #3F85FF;
   }

   /* 有两个端登录的部分取名为box */
   #container>ul>li .box {
       height: 80px;
       padding: 30px 0 10px;
       display: flex;
       align-items: center;
       padding-left: 20px;
   }

   #container>ul>li .choose {
       display: flex;
       flex-direction: row;
       justify-content: center;
   }

   #container>ul>li .choose a {
       display: inline-block;
       margin: 0 10px;
       font-weight: 400;
       text-align: center;
       white-space: nowrap;
       vertical-align: middle;
       -ms-touch-action: manipulation;
       touch-action: manipulation;
       cursor: pointer;
       background-image: none;
       border: 1px solid #e1e1e1;
       padding: 6px 12px;
       font-size: 22px;
       line-height: 1.42857143;
       border-radius: 4px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
   }

   #container>ul>li .choose a:hover {
       color: #fff;
       background-color: #337ab7;
       border-color: #2e6da4;
   }

   /* 尾部 */
   .v1_foot {
       background-color: #f5f5f5;
       padding-top: 10px;
   }

   .v7 .v1_foot .top {
       background-color: #5E3871;
       margin-top: 40px;
   }

   .v1_foot .top .foot_img img {
       margin: 0 auto;
       display: block;
   }

   .v1_foot .top .info {
       font-size: 18px;
       color: #FFFFFF;
       text-align: center;
       margin-top: 50px;
   }

   .v7 .v1_foot .bottom {
       height: 60px;
       background-color: #3C2149;
   }

   .v1_foot .bottom p {
       font-size: 18px;
       line-height: 60px;
       text-align: center;
       color: #FFFFFF;
   }


   /* 平台介绍弹窗 */
   body {
       position: relative;
   }

   .introdude {
       /* width: 100%;
       height: 100%; */
       width: 0;
       height: 0;
       overflow: hidden;
       background: rgba(0, 0, 0, 0.7);
       position: fixed;
       left: 0;
       top: 0;
   }

   /* 关闭按钮 */
   .close {
       font-size: 40px;
       /* background: pink; */
       /* color: red; */
   }

   .introdude .introdude_box {
       width: 1600px;
       height: 600px;
       background: white;
       margin: auto;
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;

       padding: 30px;
       box-sizing: border-box;
       border-radius: 10px;
   }

   .introdude .introdude_box .box {
       width: 100%;
       height: 400px;
       /* background: pink; */
       overflow-y: scroll;
       padding: 10px 30px;
       box-sizing: border-box;
   }

   .agrementBtns {
       width: 400px;
       position: absolute;
       margin: 20px auto;
       left: 0;
       right: 0;
   }

   .contentBox li {
       padding-left: 80px;
       line-height: 1.8;
       background: url(../img/blue.png) 40px center no-repeat;
   }

   #btn {
       width: 400px;
   }

   .form-check {
       margin: 10px auto;
   }

   .form-check-label {
       font-size: 16px;
   }

   .form-check-input {
       position: relative;
       margin-top: 0px;
       margin-left: 0px;
   }

   .btn-primary.enter {
       width: 200px;
   }