first commit

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/Entrance.css

@@ -0,0 +1,370 @@
+.header{
+    width: 100%;
+    height: 60px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: #2b2c31;
+}
+.header_core{
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_left{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_left img{
+    width: 125px;
+    margin-right: 60px;
+}
+.header_left ul{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 586px;
+}
+.header_left ul a{
+    font-size: 14px;
+    color: #fff;
+}
+.header_right{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_right input{
+    width: 100px;
+    height: 30px;
+    background: #6e44e6;
+    border: none;
+    border-radius: 100px;
+    font-size: 14px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 40px;
+}
+.header_sign{
+    margin-right: 16px;
+    height: 22px;
+    line-height: 22px;
+}
+.header_sign span{
+    margin-right: 16px;
+    font-size: 14px;
+}
+.header_sign span:first-child {
+    color: #fff;
+}
+.header_sign span:last-child{
+    color: #949494;
+}
+.header_phone{
+    color: #fff;
+    margin-right: 34px;
+    padding-left: 16px;
+    border-left: 1px solid #d2d2d2;
+    font-size: 14PX;
+}
+.icon-dianhua{
+    border: #fff;
+}
+.header::after{
+    content: '';
+    width: 100%;
+    height: 1px;
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    background: linear-gradient(90deg, #2117a8, #8117f7);
+
+}
+.search{
+    height: 100px;
+    width: 100%;
+    padding: 15px 0px;
+    background-color: #111;
+    margin-top: 60px;
+    box-sizing: border-box;
+}
+.search_bar{
+    display: flex;
+    align-items: center;
+    width: 546px;
+    height: 40px;
+    margin: 0 auto;
+    position: relative;
+}
+.search_bar input{
+    width: 700px;
+    border: none;
+    height: 100%;
+    text-indent: 20px;
+    font-size: 14px;
+    background-color: #ffffff;
+    border-radius: 20px 0  0 20px;
+}
+.search_bar span{
+    position: absolute;
+    display: inline-block;
+    width: 60px;
+    height: 100%;
+    background-color: #6E44E6;
+    border-radius: 0 20px 20px 0;
+    padding-top: 3px;
+    padding-left: 12px;
+    right: -60px;
+    box-sizing: border-box;
+}
+.icon-sousuo{
+    color: #fff;
+    font-size: 30px !important;
+}
+.search_keywords{
+    display: flex;
+    justify-content: center;
+    margin-top: 14px;
+}
+.search_keywords li{
+    height: 16px;
+    line-height: 16px;
+    padding-right: 15px;
+    margin-right: 15px;
+    border-right: 1px solid #d2d2d2;
+}
+.search_keywords li a{
+    font-size: 12px;
+    color: #fff;
+}
+.login{
+    height: 790px;
+    width: 100%;
+    background-color: #1B1E2A;
+}
+.login_core{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    height: 790px;
+    background-color: #1B1E2A;
+}
+.login_top{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    flex-direction: column;
+    width: 426px;
+    padding-top: 60px;
+    margin: 0 auto;
+}
+.login_top img{
+    width: 142px;
+}
+.login_top .tab{
+    display: flex;
+    margin-top: 30px;
+    height: 46px;
+}
+.login_top .tab .tab1{
+    width: 213px;
+    color: #fff;
+    background-color: #704aff;
+    height: 100%;
+    font-size: 18px;
+    text-align: center;
+    border-radius: 5px 0 0 5px;
+    line-height: 46px;
+}
+.login_top .tab .tab2{
+    width: 213px;
+    color: #fff;
+    background-color: #262939;
+    height: 100%;
+    text-align: center;
+    border-radius: 0 5px 5px 0;
+    font-size: 18px;
+    line-height: 46px;
+}
+.login_bottom{
+    box-sizing: border-box;
+    margin-top: 40px;
+    height: 462px;
+    width: 426px;
+}
+.username{
+    box-sizing: border-box;
+    padding-left: 17px;
+    width: 100%;
+    background-color: #363852;
+    height: 46px;
+    border: none;
+    border-radius: 5px;
+}
+.password{
+    box-sizing: border-box;
+    padding-left: 17px;
+    width: 100%;
+    background-color: #363852;
+    height: 46px;
+    border: none;
+    border-radius: 5px;
+    margin-top: 25px;
+}
+.verify{
+    width: 100%;
+    height: 46px;
+    margin-top: 25px;
+    display: flex;
+    justify-content: space-between;
+}
+.verify input{
+    width: 198px;
+    height: 100%;
+    padding-left: 17px;
+    box-sizing: border-box;
+    background-color: #363852;
+    border: none;
+    border-radius: 5px;
+}
+.verify p{
+    width: 198px;
+    height: 100%;
+    padding-left: 17px;
+    box-sizing: border-box;
+    background-color: #363852;
+    border: none;
+    border-radius: 5px;
+}
+.rmfPw{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 16px;
+    width: 100%;
+    height: 46px;
+    box-sizing: border-box;
+    margin-left: 0;
+}
+.rmfPw p{
+    color: #a1a2b3;
+    font-size: 14px;
+}
+.loginBtn{
+    width: 426px;
+    height: 50px;
+    line-height: 50px;
+    background: #704AFF;
+    border-radius: 25px;
+    font-size: 18px;
+    letter-spacing: 10px;
+    margin-top: 50px;
+    font-size: 18px;
+    color: #fff;
+    text-align: center;
+}
+.thirdLogin{
+    display: flex;
+    justify-content: center;
+    margin-top: 44px;
+    width: 100%;
+    height: 20px;
+    box-sizing: border-box;
+}
+.thirdLogin .linecontent{
+    margin: 0 27px;
+    height: 20px;
+    font-size: 14px;
+    color: #a1a2b3;
+}
+.thirdLogin .lineLeft{
+    margin-top: 9.5px;
+    display: inline-block;
+    width: 170px;
+    height: 1px;
+    background: #363852;
+}
+.thirdLogin .lineright{
+    margin-top: 9.5px;
+    display: inline-block;
+    width: 170px;
+    height: 1px;
+    background: #363852;
+}
+.icons{
+    margin-top: 28px;
+    display: flex;
+    justify-content: space-around;
+}
+.icons p i{
+    color: #363852;
+    font-size: 40px;
+}
+.icon-qq{
+    margin-right: 60px;
+}
+
+
+
+
+
+
+
+.footer{
+    height: 227px;
+    background-color: #262939;
+}
+.footer_top{
+    display: flex;
+    height: 167px;
+    padding-top: 24px;
+    box-sizing: border-box;
+}
+.footer_top .img{
+    width: 149px;
+    height: 65px;
+    color: rgba(255, 255, 255, 0.616);
+    margin-left: 90px;
+    margin-right: 96px;
+}
+.footer_top UL{
+    margin-top: 10px;
+    margin-right: 80PX;
+}
+.footer_top UL li{
+    font-size: 14px;
+    color: #9E9E9E;
+    margin-bottom: 15px;
+}
+.footer_top UL li:first-child{
+    color: #fff;
+    margin-bottom: 20px;
+}
+.footer_top p {
+    margin-right: 66px;
+    height: 123px;
+    width: 100px;
+    text-align: center;
+}
+.footer_top p img{
+    width: 100px;
+    height: 100px;
+}
+.footer_top p:last-child{
+    margin-right: 0;
+}
+.footer_top span{
+    display: block;
+    color: #9E9E9E;
+}
+.footer_bottom{
+    height: 60px;
+    background-color: #1c1c1c;
+    color: #939393;
+    font-size: 12px;
+    text-align: center;
+    line-height: 60px;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/Product.css

@@ -0,0 +1,327 @@
+.header{
+    width: 100%;
+    height: 60px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: #2b2c31;
+}
+.header_core{
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_left{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_left img{
+    width: 125px;
+    margin-right: 60px;
+}
+.header_left ul{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 586px;
+}
+.header_left ul a{
+    font-size: 14px;
+    color: #fff;
+}
+.header_right{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_right input{
+    width: 100px;
+    height: 30px;
+    background: #6e44e6;
+    border: none;
+    border-radius: 100px;
+    font-size: 14px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 40px;
+}
+.header_sign{
+    margin-right: 16px;
+    height: 22px;
+    line-height: 22px;
+}
+.header_sign span{
+    margin-right: 16px;
+    font-size: 14px;
+}
+.header_sign span:first-child a{
+    color: #fff;
+}
+.header_sign span:last-child{
+    color: #949494;
+}
+.header_phone{
+    color: #fff;
+    margin-right: 34px;
+    padding-left: 16px;
+    border-left: 1px solid #d2d2d2;
+    font-size: 14PX;
+}
+.icon-dianhua{
+    border: #fff;
+}
+.header::after{
+    content: '';
+    width: 100%;
+    height: 1px;
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    background: linear-gradient(90deg, #2117a8, #8117f7);
+
+}
+.search{
+    height: 100px;
+    width: 100%;
+    padding: 15px 0px;
+    background-color: #111;
+    margin-top: 60px;
+    box-sizing: border-box;
+}
+.search_bar{
+    display: flex;
+    align-items: center;
+    width: 546px;
+    height: 40px;
+    margin: 0 auto;
+    position: relative;
+}
+.search_bar input{
+    width: 700px;
+    border: none;
+    height: 100%;
+    text-indent: 20px;
+    font-size: 14px;
+    background-color: #ffffff;
+    border-radius: 20px 0  0 20px;
+}
+.search_bar span{
+    position: absolute;
+    display: inline-block;
+    width: 60px;
+    height: 100%;
+    background-color: #6E44E6;
+    border-radius: 0 20px 20px 0;
+    padding-top: 3px;
+    padding-left: 12px;
+    right: -60px;
+    box-sizing: border-box;
+}
+.icon-sousuo{
+    color: #fff;
+    font-size: 30px !important;
+}
+.search_keywords{
+    display: flex;
+    justify-content: center;
+    margin-top: 14px;
+}
+.search_keywords li{
+    height: 16px;
+    line-height: 16px;
+    padding-right: 15px;
+    margin-right: 15px;
+    border-right: 1px solid #d2d2d2;
+}
+.search_keywords li a{
+    font-size: 12px;
+    color: #fff;
+}
+/* 头图 */
+.banner{
+    height: 560px;
+}
+.banner_core img{
+
+    height: 560px;
+    width: 100%;
+}
+.checkMoreWrap{
+    background-color: #262939;
+}
+.checkMoreWrap_bore{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 90px;
+}
+.checkMoreWrap_bore p{
+    width: 200px;
+    height: 45px;
+    line-height: 45px;
+    background: #704aff;
+    border-radius: 25px;
+    font-size: 16px;
+    text-align: center;
+}
+.content_core{
+    width: 100%;
+    height: 690px;
+    background-color: #1B1E2A;
+    display: flex;
+    align-items: center;
+}
+.responsive{
+    display: flex;
+    align-items: center;
+    height: 420px;
+    width: 1500px;
+}
+.responsive_left{
+    margin-right: 160px;
+}
+.title span:first-child{
+    display: inline-block;
+    width: 8px;
+    height: 40px;
+    background-color: #6E44E6;
+    vertical-align: middle;
+    margin-right: 22px;
+}
+.title span:last-child{
+    font-size: 38px;
+    font-weight: bold;
+    color: #ffffff;
+    vertical-align: middle;
+}
+.responsive_left{
+    position: relative;
+}
+.responsive_left .des{
+    padding-top: 20px;
+    box-sizing: border-box;
+    font-size: 14px;
+    color: #ffffff;
+    line-height: 30px;
+    text-align: left;
+    height: 275px;
+    width: 318px;
+}
+.checkMore{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 147px;
+    height: 45px;
+    line-height: 45px;
+    background: #6e44e6;
+    border-radius: 23px;
+    text-align: center;
+    color: #fff;
+}
+/* 过度 */
+.responsive_right{
+    height: 420px;
+    width: 1022px;
+    display: flex;
+}
+.responsive_right .card{
+    position: relative;
+    width: 314px;
+    height: 100%;
+    margin-right: 40px;
+    border-radius: 5px;
+    transform: width 1.5s, heigth 1.5s;
+}
+.responsive_right .card:last-child{
+    margin-right: 0;
+}
+.responsive_right .shodow{
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(38, 41, 57, 0.5);
+}
+.responsive_right .card:hover{
+    width: 324px;
+    height: 430px;
+}
+/* 过度结束 */
+.bottomLine{
+    height: 20px;
+    background-color: #262939;
+}
+.uniaue{
+    padding-left: 340px;
+}
+.unique{
+    margin-right: 0;
+}
+
+
+
+
+
+
+
+.footer{
+    height: 227px;
+    background-color: #262939;
+}
+.footer_top{
+    display: flex;
+    height: 167px;
+    padding-top: 24px;
+    box-sizing: border-box;
+}
+.footer_top .img{
+    width: 149px;
+    height: 65px;
+    color: rgba(255, 255, 255, 0.616);
+    margin-left: 90px;
+    margin-right: 96px;
+}
+.footer_top UL{
+    margin-top: 10px;
+    margin-right: 80PX;
+}
+.footer_top UL li{
+    font-size: 14px;
+    color: #9E9E9E;
+    margin-bottom: 15px;
+}
+.footer_top UL li:first-child{
+    color: #fff;
+    margin-bottom: 20px;
+}
+.footer_top p {
+    margin-right: 66px;
+    height: 123px;
+    width: 100px;
+    text-align: center;
+}
+.footer_top p img{
+    width: 100px;
+    height: 100px;
+}
+.footer_top p:last-child{
+    margin-right: 0;
+}
+.footer_top span{
+    display: block;
+    color: #9E9E9E;
+}
+.footer_bottom{
+    height: 60px;
+    background-color: #1c1c1c;
+    color: #939393;
+    font-size: 12px;
+    text-align: center;
+    line-height: 60px;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/clear.css

@@ -0,0 +1,7 @@
+body,ul,li,a,p,input{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+    outline: none;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/developer.css

@@ -0,0 +1,224 @@
+.header{
+    width: 100%;
+    height: 60px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: #2b2c31;
+}
+.header_core{
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_left{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_left img{
+    width: 125px;
+    margin-right: 60px;
+}
+.header_left ul{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 586px;
+}
+.header_left ul a{
+    font-size: 14px;
+    color: #fff;
+}
+.header_right{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_right input{
+    width: 100px;
+    height: 30px;
+    background: #6e44e6;
+    border: none;
+    border-radius: 100px;
+    font-size: 14px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 40px;
+}
+.header_sign{
+    margin-right: 16px;
+    height: 22px;
+    line-height: 22px;
+}
+.header_sign span{
+    margin-right: 16px;
+    font-size: 14px;
+}
+.header_sign span:first-child a{
+    color: #fff;
+}
+.header_sign span:last-child{
+    color: #949494;
+}
+.header_phone{
+    color: #fff;
+    margin-right: 34px;
+    padding-left: 16px;
+    border-left: 1px solid #d2d2d2;
+    font-size: 14PX;
+}
+.icon-dianhua{
+    border: #fff;
+}
+.header::after{
+    content: '';
+    width: 100%;
+    height: 1px;
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    background: linear-gradient(90deg, #2117a8, #8117f7);
+
+}
+.search{
+    height: 100px;
+    width: 100%;
+    padding: 15px 0px;
+    background-color: #111;
+    margin-top: 60px;
+    box-sizing: border-box;
+}
+.search_bar{
+    display: flex;
+    align-items: center;
+    width: 546px;
+    height: 40px;
+    margin: 0 auto;
+    position: relative;
+}
+.search_bar input{
+    width: 700px;
+    border: none;
+    height: 100%;
+    text-indent: 20px;
+    font-size: 14px;
+    background-color: #ffffff;
+    border-radius: 20px 0  0 20px;
+}
+.search_bar span{
+    position: absolute;
+    display: inline-block;
+    width: 60px;
+    height: 100%;
+    background-color: #6E44E6;
+    border-radius: 0 20px 20px 0;
+    padding-top: 3px;
+    padding-left: 12px;
+    right: -60px;
+    box-sizing: border-box;
+}
+.icon-sousuo{
+    color: #fff;
+    font-size: 30px !important;
+}
+.search_keywords{
+    display: flex;
+    justify-content: center;
+    margin-top: 14px;
+}
+.search_keywords li{
+    height: 16px;
+    line-height: 16px;
+    padding-right: 15px;
+    margin-right: 15px;
+    border-right: 1px solid #d2d2d2;
+}
+.search_keywords li a{
+    font-size: 12px;
+    color: #fff;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.footer{
+    height: 227px;
+    background-color: #262939;
+}
+.footer_top{
+    display: flex;
+    height: 167px;
+    padding-top: 24px;
+    box-sizing: border-box;
+}
+.footer_top .img{
+    width: 149px;
+    height: 65px;
+    color: rgba(255, 255, 255, 0.616);
+    margin-left: 90px;
+    margin-right: 96px;
+}
+.footer_top UL{
+    margin-top: 10px;
+    margin-right: 80PX;
+}
+.footer_top UL li{
+    font-size: 14px;
+    color: #9E9E9E;
+    margin-bottom: 15px;
+}
+.footer_top UL li:first-child{
+    color: #fff;
+    margin-bottom: 20px;
+}
+.footer_top p {
+    margin-right: 66px;
+    height: 123px;
+    width: 100px;
+    text-align: center;
+}
+.footer_top p img{
+    width: 100px;
+    height: 100px;
+}
+.footer_top p:last-child{
+    margin-right: 0;
+}
+.footer_top span{
+    display: block;
+    color: #9E9E9E;
+}
+.footer_bottom{
+    height: 60px;
+    background-color: #1c1c1c;
+    color: #939393;
+    font-size: 12px;
+    text-align: center;
+    line-height: 60px;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/index.css

@@ -0,0 +1,551 @@
+.header{
+    width: 100%;
+    height: 60px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: #2b2c31;
+}
+.header_core{
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_left{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_left img{
+    width: 125px;
+    margin-right: 60px;
+}
+.header_left ul{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 586px;
+}
+.header_left ul a{
+    font-size: 14px;
+    color: #fff;
+}
+.header_right{
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header_right input{
+    width: 100px;
+    height: 30px;
+    background: #6e44e6;
+    border: none;
+    border-radius: 100px;
+    font-size: 14px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 40px;
+}
+.header_sign{
+    margin-right: 16px;
+    height: 22px;
+    line-height: 22px;
+}
+.header_sign span{
+    margin-right: 16px;
+    font-size: 14px;
+}
+.header_sign span:first-child a{
+    color: #fff;
+}
+.header_sign span:last-child{
+    color: #949494;
+}
+.header_phone{
+    color: #fff;
+    margin-right: 34px;
+    padding-left: 16px;
+    border-left: 1px solid #d2d2d2;
+    font-size: 14PX;
+}
+.icon-dianhua{
+    border: #fff;
+}
+.header::after{
+    content: '';
+    width: 100%;
+    height: 1px;
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    background: linear-gradient(90deg, #2117a8, #8117f7);
+
+}
+.search{
+    height: 100px;
+    width: 100%;
+    padding: 15px 0px;
+    background-color: #111;
+    margin-top: 60px;
+    box-sizing: border-box;
+}
+.search_bar{
+    display: flex;
+    align-items: center;
+    width: 546px;
+    height: 40px;
+    margin: 0 auto;
+    position: relative;
+}
+.search_bar input{
+    width: 700px;
+    border: none;
+    height: 100%;
+    text-indent: 20px;
+    font-size: 14px;
+    background-color: #ffffff;
+    border-radius: 20px 0  0 20px;
+}
+.search_bar span{
+    position: absolute;
+    display: inline-block;
+    width: 60px;
+    height: 100%;
+    background-color: #6E44E6;
+    border-radius: 0 20px 20px 0;
+    padding-top: 3px;
+    padding-left: 12px;
+    right: -60px;
+    box-sizing: border-box;
+}
+.icon-sousuo{
+    color: #fff;
+    font-size: 30px !important;
+}
+.search_keywords{
+    display: flex;
+    justify-content: center;
+    margin-top: 14px;
+}
+.search_keywords li{
+    height: 16px;
+    line-height: 16px;
+    padding-right: 15px;
+    margin-right: 15px;
+    border-right: 1px solid #d2d2d2;
+}
+.search_keywords li a{
+    font-size: 12px;
+    color: #fff;
+}
+.wheel_core{
+    height: 520px;
+}
+.roll{
+    width: 1200px;
+    height: 470px;
+    overflow: hidden;
+}
+.roll_core{
+    margin-top: 30px;
+    width: 4800px;
+    height: 100%;
+}
+.roll_core img{
+    width: 1200px;
+    height: 100%;
+}
+.wheel_dots{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 50px;
+}
+.wheel_dots span{
+    width: 26px;
+    height: 5px;
+    border-radius: 3px;
+    background-color: #626262;
+    margin-right: 20px;
+}
+.wheel_dots span:first-child{
+    background-color: #fff;
+}
+.industry_core{
+    height: 165px;
+}
+.industry_top{
+    display: flex;
+    justify-content: space-between;
+    height: 40px;
+    background-color: #1A1B1F;
+}
+.industry_top span{
+    display: inline-block;
+    width: 125px;
+    height: 100%;
+    text-align: center;
+    line-height: 40px;
+}
+.industry_top_l span:first-child{
+    border-radius: 5px 5px 0 0;
+    background-color: #5953D9;
+}
+.industry_top span a{
+    font-size: 14px;
+    color: #fff;
+}
+.industry_top_r span a{
+    color: #6e44e6;
+}
+.industry_b{
+    display: flex;
+    justify-content: space-around;
+    height: 125px;
+    border-radius: 0 0 5px 5px;
+    background: linear-gradient(90deg, #5953d9, #827be2);
+}
+.industry-iteem{
+    height: 100%;
+    width: 150px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+.industry-iteem img{
+    width: 38px;
+    height: 38px;
+}
+.industry-iteem span{
+    font-size: 14px;
+    margin-top: 16px;
+    color: #fff;
+}
+.new_products{
+    overflow: hidden;
+}
+.NewProducts_core{
+    height: 634px;
+    margin-top: 30px;
+    margin-bottom: 60px;
+}
+.products_title{
+    width: 100%;
+    height: 48px;
+}
+.products_right{
+    position: relative;
+    top: 25px;
+    font-size: 18px;
+    color: #6E44E6;
+}
+.products_left .cube{
+    display: inline-block;
+    width: 8px;
+    height: 40px;
+    background-color: #5953D9;
+    margin-right: 21px;
+    position: relative;
+    top: 9px;
+}
+.products_left .newp{
+    font-size: 36px;
+    font-weight: bold;
+    align-self: flex-end;
+    position: relative;
+    top: 4px;
+    margin-right: 17px;
+    color: #fff;
+}
+.products_left .sub{
+    color: rgb(76, 76, 83);
+    font-size: 22px;
+    position: relative;
+    top: 5px;
+}
+.cards{
+    height: 556px;
+    margin-top: 30px;
+}
+.cards_top{
+    width: 100%;
+    height: 328px;
+    display: flex;
+    justify-content: space-between;
+}
+.cardstop_core{
+    height: 100%;
+    width: 447px;
+}
+.cardstop_core_t{
+    height: 269px;
+}
+.cardstop_core_t img{
+    width: 100%;
+    height: 100%;
+    border-radius: 5px;
+}
+.cardstop_core_b{
+    width: 100%;
+    margin-top: 10px;
+
+}
+.cardstop_core_b p:first-child{
+    font-size: 14px;
+    color: #fff;
+}
+.cardstop_core_b p:last-child{
+    margin-top: 10px;
+}
+.cardstop_core_b span{
+    margin-right: 15px;
+    color: #D3D3D4;
+}
+.cardstop_core_b span:last-child{
+    margin-right: 0;
+}
+.cardstop_core_b span i{
+    font-size: 16px;
+    margin-right: 5px;  
+}
+.cards_b{
+    display: flex;
+    justify-content: space-between;
+    height: 228px;
+    width: 100%;
+}
+.cardsb_core{
+    height: 124px;
+    width: 220px;
+    margin-top: 44px;
+}
+.cardsb_core img{
+    width: 100%;
+    height: 100%;
+    border-radius: 5px;
+}
+.cardsbcore_b{
+    width: 100%;
+    margin-top: 10px;
+}
+.cardsbcore_b p:first-child{
+    width: 100%;
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #fff;
+}
+.cardsbcore_b span{
+    margin-right: 15px;
+    color: #D3D3D4;
+}
+.cardsbcore_b span:last-child{
+    margin-right: 0;
+}
+.cardsbcore_b span i{
+    font-size: 16px;
+    margin-right: 5px;  
+}
+.productline{
+    width: 100%;
+    height: 560px;
+    background-color: #1D1E22;
+}
+.productline_core{
+    padding: 54px 0;
+    height: 560px;
+}
+.productline_title{
+    width: 100%;
+    height: 48px;
+}
+.productline_right{
+    position: relative;
+    top: 25px;
+    font-size: 18px;
+    color: #6E44E6;
+}
+.productline_left .cube{
+    display: inline-block;
+    width: 8px;
+    height: 40px;
+    background-color: #5953D9;
+    margin-right: 21px;
+    position: relative;
+    top: 9px;
+}
+.productline_left .newp{
+    font-size: 36px;
+    font-weight: bold;
+    align-self: flex-end;
+    position: relative;
+    top: 4px;
+    margin-right: 17px;
+    color: #fff;
+}
+.productline_left .sub{
+    color: rgb(76, 76, 83);
+    font-size: 22px;
+    position: relative;
+    top: 5px;
+}
+.productline_core .crds{
+    margin-top: 40px;
+    width: 100%;
+    height: 364px;
+    display: flex;
+    justify-content: space-around;
+}
+.productline_core .crds .crds_core{
+    position: relative;   
+    width: 273px;
+    height: 364px;
+}
+.productline_core .crds .crds_core img{
+    width: 100%;
+    position: absolute;
+    height: 100%;
+}
+.crds_core .zz{
+    position: absolute;
+    display: none;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(209, 209, 209, 0.623);
+}
+.crdsp{
+    display: none;
+    position: absolute;
+    font-size: 32px;
+    font-weight: bold;
+    color: #fff;
+    margin-top: 161px;
+    margin-left: 46px;
+}
+.crdspt{
+    display: none;
+    width: 224px;
+    position: absolute;
+    font-size: 14px;
+    color: #D4D4D4;
+    text-align: left;
+    text-indent: 20px;
+    margin-top: 220px;
+    margin-left: 20px;
+    height: 100px;
+    overflow: hidden;
+}
+.crds_core{
+    transition: 1.5s;
+    background-image: url("../img/hsjy11.png");
+    background-size: 100% 100%;
+}
+.crds_core:hover{
+    transform: scale(1.2);
+
+}
+ .crds_core:hover .zz{
+        display: block;
+}
+.crds_core:hover .crdspt{
+    display: block;
+}
+.crds_core:hover .crdsp{
+    display: block;
+}
+.devices{
+    width: 100%;
+    height: 100px;
+    background-color: #202124;
+}
+.devices_core{
+    height: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.devices_core .device{
+    text-align: center;
+    color: #fff;
+    width: 170px;
+    height: 40px;
+    line-height: 40px;
+    background-color: #363852;
+    border-radius: 20px;
+}
+.devices_core span:first-child{
+    color: #fff;
+    margin: 0 15px;
+}
+.check-all{
+    text-align: center;
+    line-height: 100px;
+    height: 100px;
+    background-color: #1D1E22;
+}
+.check-all span{
+    color: #6743D1;
+    font-size: 18px;
+}
+.icon-hanbaoanniu{
+    font-size: 20px !important;
+    color: #6743D1;
+}
+.footer{
+    height: 227px;
+    background-color: #262939;
+}
+.footer_top{
+    display: flex;
+    height: 167px;
+    padding-top: 24px;
+    box-sizing: border-box;
+}
+.footer_top .img{
+    width: 149px;
+    height: 65px;
+    color: rgba(255, 255, 255, 0.616);
+    margin-left: 90px;
+    margin-right: 96px;
+}
+.footer_top UL{
+    margin-top: 10px;
+    margin-right: 80PX;
+}
+.footer_top UL li{
+    font-size: 14px;
+    color: #9E9E9E;
+    margin-bottom: 15px;
+}
+.footer_top UL li:first-child{
+    color: #fff;
+    margin-bottom: 20px;
+}
+.footer_top p {
+    margin-right: 66px;
+    height: 123px;
+    width: 100px;
+    text-align: center;
+}
+.footer_top p img{
+    width: 100px;
+    height: 100px;
+}
+.footer_top p:last-child{
+    margin-right: 0;
+}
+.footer_top span{
+    display: block;
+    color: #9E9E9E;
+}
+.footer_bottom{
+    height: 60px;
+    background-color: #1c1c1c;
+    color: #939393;
+    font-size: 12px;
+    text-align: center;
+    line-height: 60px;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/css/public.css

@@ -0,0 +1,108 @@
+.w_width{
+    width: 1500px;
+}
+.ww_width{
+    width: 1528px;
+}
+.m_margin{
+    margin: 0 auto;
+}
+
+.b_backrg{
+    background-color: #1D1E22;
+}
+.left{
+    float: left;
+}
+.right{
+    float: right;
+}
+.apply{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    height: 750px;
+    background-image: url("../img/bg1.997b778b.png");
+}
+.apply .title{
+    font-size: 40px;
+    font-weight: bold;
+    color: #fefefe;
+}
+.apply .des{
+    margin-top: 75px;
+    font-size: 20px;
+    font-weight: 500;
+    color: #fefefe;
+    line-height: 50px;
+    text-align: center;
+}
+.applyBtn{
+    margin-top: 105px;
+    width: 220px;
+    height: 60px;
+    line-height: 60px;
+    text-align: center;
+    color: #fff;
+    background: linear-gradient(-14deg, rgba(33, 23, 168, 0.75), rgba(103, 13, 237, 0.75));
+    border-radius: 30px;
+    font-size: 18px;
+}
+.advance{
+    height: 900px;
+    padding-top: 150px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #F4F4F4;
+}
+.advance .title{
+    font-size: 36px;
+}
+.advance .des{
+    font-size: 22px;
+    margin-top: 60px;
+}
+.advance .advances{
+    display: flex;
+    margin-top: 150px;
+}
+.advance .advances .avd{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    width: 336px;
+    height: 400px;
+    margin: 0 25px;
+    background-color: #FFFFFF;
+}
+.advance .avd .adv1{
+    text-align: center;
+    margin-top: 99px;
+    font-size: 24px;
+}
+.advance .avd .advDes{
+    text-align: center;
+    padding-left: 40px;
+    padding-right: 40px;
+    font-size: 18px;
+    margin-top: 30px;
+
+}
+.process{
+    display: flex;
+    justify-content: center;
+    background-image: url("../img/bg2.55ea1efc.jpg");
+    height: 900px;
+    margin-bottom: -80px;
+    background-position: center;
+    overflow: hidden;
+}
+.process span{
+    color: #fff;
+    font-size: 26px;
+    margin-top: 90px;
+}

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/html/Entrance.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/Product.css">
+    <link rel="stylesheet" href="../css/Entrance.css">
+    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1720385_vg9tcqgi8c.css">
+    <title>VRBOX-VR行业应用平台登录</title>
+</head>
+<body>
+    <!-- 导航 -->
+    <div class="header">
+                <div class="header_core w_width m_margin">
+                    <div class="header_left">
+                        <img src="./img/logo.png" alt="">
+                        <ul>
+                            <li><a href="../index.html">首页</a></li>
+                            <li><a href="../html/Product.html">产品系列</a></li>
+                            <li><a href="">K12专区</a></li>
+                            <li><a href="">GVRTALK社区</a></li>
+                            <li><a href="./developer.html">开发者平台</a></li>
+                            <li><a href="">3D CITY</a></li>
+                        </ul>
+                    </div>
+                    
+                    <div class="header_right">
+                        <input type="button" value="申请试用">
+                        <div class="header_sign">
+                            <span>登录</span>
+                            <span>注册</span>
+                        </div>
+                        <div class="header_phone">
+                            <i class="iconfont icon-dianhua"></i>
+                            4008 233 766
+                        </div>
+                    </div>
+                </div>
+    </div>
+    <!-- 搜索框 -->
+    <div class="search">
+                <div class="search_bar">
+                    <input type="text" placeholder="请输入搜索内容">
+                    <span>
+                        <i class="iconfont icon-sousuo"></i>
+                    </span>
+                </div>
+                <ul class="search_keywords">
+                    <li><a href="">教育</a></li>
+                    <li><a href="">红色教育</a></li>
+                    <li><a href="">安全</a></li>
+                    <li><a href="">红色</a></li>
+                    <li><a href="">汽车</a></li>
+                    <li><a href="">机械</a></li>
+                    <li><a href="">建筑</a></li>
+                </ul>
+    </div>
+    <div class="login">
+        <div class="login_core ww_width m_margin">
+            <div class="login_top">
+                <img src="../img/logo.png" alt="">
+                <div class="tab">
+                    <p class="tab1">登录</p>
+                    <p class="tab2">注册</p>
+                </div>
+            </div>
+            <div class="login_bottom">
+                <input class="username" type="text" placeholder="请输入电话号码" value="">
+                <input class="password" type="text" placeholder="请输入密码">
+                <div class="verify">
+                    <input type="text" placeholder="请输入验证码">
+                    <p></p>
+                </div>
+                <div class="rmfPw">
+                    <p>
+                    <img src="../img/xz5.png" alt="">
+                    记住密码
+                    </p>
+                    <p>忘记密码？</p>
+                </div>
+                <div class="loginBtn">登录</div>
+                <div class="thirdLogin">
+                    <span class="lineLeft"></span>
+                    <span class="linecontent">其他</span>
+                    <span class="lineright">
+                    </span>
+                </div>
+                <div class="icons">
+                    <p><i class="iconfont icon-qq"></i></p>
+                    <p><i class="iconfont icon-weixin"></i><p>
+                    <p><i class="iconfont icon-weibo"></i></p>   
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+
+
+
+    <!-- 底部导航 -->
+    <div class="footer">
+                <div class="footer_top m_margin w_width">
+                    <img class="img" src="./img/logo.png" alt="">
+                    <ul>
+                        <li>关于我们</li>
+                        <li>关于曼恒</li>
+                        <li>关于VRBOX</li>
+                    </ul>
+                    <ul>
+                        <li>法律信息</li>
+                        <li>望着你协议</li>
+                        <li>开发者协议</li>
+                    </ul>
+                    <ul>
+                        <li>开发者</li>
+                        <li>开发者平台</li>
+                        <li>应用上传指南</li>
+                    </ul>
+                    <ul>
+                        <li>帮助中心</li>
+                        <li>常见问题</li>
+                        <li>用户社区</li>
+                    </ul>
+                    <ul>
+                        <li>联系我们</li>
+                        <li>4008-233-766</li>
+                        <li>boxservice@gdi.com.cn</li>
+                    </ul>
+                    <p>
+                        <img src="../img/gdi.be66ab72.png" alt="">
+                        <span>曼恒数字</span>
+                    </p>
+                    <p>
+                        <img src="../img/vrbox-qr-code.77f16e47.png" alt="">
+                        <span>VRBOX 平台</span>
+                    </p>
+                </div>
+                <div class="footer_bottom">
+                    <span>
+                        Copyright © 2019-2020 VR盒子 GVRbox备案号: 沪ICP备08005943号-8
+                    </span>
+                </div>
+    </div>
+</body>
+</html>

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/html/Product.html

@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/Product.css">
+    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1720385_xpi54tol70j.css">
+    <title>VRBOX-VR行业应用平台产品系列</title>
+</head>
+<body>
+        <!-- 导航 -->
+        <div class="header">
+            <div class="header_core w_width m_margin">
+                <div class="header_left">
+                    <img src="./img/logo.png" alt="">
+                    <ul>
+                        <li><a href="../index.html">首页</a></li>
+                        <li><a href="">产品系列</a></li>
+                        <li><a href="">K12专区</a></li>
+                        <li><a href="">GVRTALK社区</a></li>
+                        <li><a href="./developer.html">开发者平台</a></li>
+                        <li><a href="">3D CITY</a></li>
+                    </ul>
+                </div>
+                <div class="header_right">
+                    <input type="button" value="申请试用">
+                    <div class="header_sign">
+                        <span><a href="./Entrance.html">登录</a></span>
+                        <span>注册</span>
+                    </div>
+                    <div class="header_phone">
+                        <i class="iconfont icon-dianhua"></i>
+                        4008 233 766
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 搜索框 -->
+        <div class="search">
+            <div class="search_bar">
+                <input type="text" placeholder="请输入搜索内容">
+                <span>
+                    <i class="iconfont icon-sousuo"></i>
+                </span>
+            </div>
+            <ul class="search_keywords">
+                <li><a href="">教育</a></li>
+                <li><a href="">红色教育</a></li>
+                <li><a href="">安全</a></li>
+                <li><a href="">红色</a></li>
+                <li><a href="">汽车</a></li>
+                <li><a href="">机械</a></li>
+                <li><a href="">建筑</a></li>
+            </ul>
+        </div>
+        <!-- 头图 -->
+        <div class="banner">
+            <div class="banner_core">
+                <img src="../img/20200329234226.png" alt="">
+            </div>
+        </div>
+        <!-- 查看全部 -->
+        <div class="checkMoreWrap">
+            <div class="checkMoreWrap_bore ww_width m_margin">
+                <p>查看全部 >></p>
+            </div>
+        </div>
+        <!-- 内容 -->
+        <div class="content">
+            <div class="content_core ww_width m_margin">
+                <div class="responsive m_margin">
+                    <div class="responsive_left">
+                        <p class="title">
+                            <span></span>
+                            <span>医学类</span>
+                        </p>
+                        <p class="des">VR在医疗医学领域的应用主要在三个方向，分别为临床医学、临床问诊、中医药。通过还原整个医疗场景，模拟不同医疗过程及原理的形式，帮助学习者更好地掌握医疗知识。可用于医疗规培和学生实训等场景。</p>
+                        <span class="checkMore">了解更多</span>
+                    </div>
+                    <!-- 过渡 -->
+                    <div class="responsive_right">
+                        <div class="card">
+                            <img src="../img/zyy11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                        <div class="card">
+                            <img src="../img/slkp11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                        <div class="card">
+                            <img src="../img/lcyx11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="bottomLine"></div>
+        </div>
+        <div class="content">
+            <div class="content_core ww_width m_margin">
+                <div class="responsive m_margin">
+                    <!-- 过渡 -->
+                    <div class="responsive_right uniaue">
+                        <div class="card">
+                            <img src="../img/ggaq11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                        <div class="card">
+                            <img src="../img/scaq11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                    </div>
+                    <div class="responsive_left unique">
+                        <p class="title">
+                            <span></span>
+                            <span>安全教育</span>
+                        </p>
+                        <p class="des">安全教育系列内容分为校园安全，公共消防安全和VR禁毒三个方面。通过在虚拟环境中模拟出真实的危险环境，帮助使用者进行模拟安全训练；也可以通过模拟毒品对人体的伤害，达到安全教育，保护自身的目的。</p>
+                        <span class="checkMore">了解更多</span>
+                    </div>
+                </div>
+            </div>
+            <div class="bottomLine"></div>
+        </div>
+        <div class="content">
+            <div class="content_core ww_width m_margin">
+                <div class="responsive m_margin">
+                    <div class="responsive_left">
+                        <p class="title">
+                            <span></span>
+                            <span>红色教育</span>
+                        </p>
+                        <p class="des">VR +红色教育则是一种创新的教育方式，将科技与教育结合，运用VR技术，以展馆的形式呈现党史教育，新时代历程，建国70周年，民族精神等发展历史和重大事件，通过沉浸式体验，帮助学生感受历史艰难与辉煌，感受新时代思想，提升思想高度。</p>
+                        <span class="checkMore">了解更多</span>
+                    </div>
+                    <!-- 过渡 -->
+                    <div class="responsive_right">
+                        <div class="card">
+                            <img src="../img/hsjy11.png" alt="">
+                            <span class="shodow"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 底部导航 -->
+    <div class="footer">
+        <div class="footer_top m_margin w_width">
+            <img class="img" src="./img/logo.png" alt="">
+            <ul>
+                <li>关于我们</li>
+                <li>关于曼恒</li>
+                <li>关于VRBOX</li>
+            </ul>
+            <ul>
+                <li>法律信息</li>
+                <li>望着你协议</li>
+                <li>开发者协议</li>
+            </ul>
+            <ul>
+                <li>开发者</li>
+                <li>开发者平台</li>
+                <li>应用上传指南</li>
+            </ul>
+            <ul>
+                <li>帮助中心</li>
+                <li>常见问题</li>
+                <li>用户社区</li>
+            </ul>
+            <ul>
+                <li>联系我们</li>
+                <li>4008-233-766</li>
+                <li>boxservice@gdi.com.cn</li>
+            </ul>
+            <p>
+                <img src="../img/gdi.be66ab72.png" alt="">
+                <span>曼恒数字</span>
+            </p>
+            <p>
+                <img src="../img/vrbox-qr-code.77f16e47.png" alt="">
+                <span>VRBOX 平台</span>
+            </p>
+        </div>
+        <div class="footer_bottom">
+            <span>
+                Copyright © 2019-2020 VR盒子 GVRbox备案号: 沪ICP备08005943号-8
+            </span>
+        </div>
+    </div>
+</body>
+</body>
+</html>

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/html/developer.html

@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/developer.css">
+    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1720385_xpi54tol70j.css">
+    <title>VRBOX-VR行业应用平台</title>
+</head>
+<body>
+    <!-- 导航 -->
+    <div class="header">
+            <div class="header_core w_width m_margin">
+                <div class="header_left">
+                    <img src="./img/logo.png" alt="">
+                    <ul>
+                        <li><a href="../index.html">首页</a></li>
+                        <li><a href="../html/Product.html">产品系列</a></li>
+                        <li><a href="">K12专区</a></li>
+                        <li><a href="">GVRTALK社区</a></li>
+                        <li><a href="">开发者平台</a></li>
+                        <li><a href="">3D CITY</a></li>
+                    </ul>
+                </div>
+                <div class="header_right">
+                    <input type="button" value="申请试用">
+                    <div class="header_sign">
+                        <span><a href="./Entrance.html">登录</a></span>
+                        <span>注册</span>
+                    </div>
+                    <div class="header_phone">
+                        <i class="iconfont icon-dianhua"></i>
+                        4008 233 766
+                    </div>
+                </div>
+            </div>
+    </div>
+    <!-- 搜索框 -->
+    <div class="search">
+            <div class="search_bar">
+                <input type="text" placeholder="请输入搜索内容">
+                <span>
+                    <i class="iconfont icon-sousuo"></i>
+                </span>
+            </div>
+            <ul class="search_keywords">
+                <li><a href="">教育</a></li>
+                <li><a href="">红色教育</a></li>
+                <li><a href="">安全</a></li>
+                <li><a href="">红色</a></li>
+                <li><a href="">汽车</a></li>
+                <li><a href="">机械</a></li>
+                <li><a href="">建筑</a></li>
+            </ul>
+    </div>
+    <!-- 内容 -->
+    <div class="devWrap">
+        <div class="apply">
+            <p class="title">VRBOX开发者平台</p>
+            <p class="des">
+                VRBOX是一个面向行业用户的虚拟现实行业应用发行平台，链接的英文应用文教开发团队与文教内<br>容使用者的桥梁。要添加您的应用至平台，请注册为开发者
+
+            </p>
+            <span class="applyBtn">
+                申请成为开发者
+            </span>
+
+        </div>
+        <div class="advance">
+            <p class="title">平台优势</p>
+            <p class="des">建造用户与开发者之间的同轴，助力合作伙伴实现内容价值最大化</p>
+            <div class="advances">
+                <div class="avd">
+                    <img src="../img/xz.png" alt="">
+                    <p class="adv1">
+                        打通营销之路
+                    </p>
+                    <p class="advDes">
+                        建造用户与开发者之间的主轴，让更多人看到你的内容
+                      </p>
+                </div>
+                <div class="avd">
+                    <img src="../img/xz2.png" alt="">
+                    <p class="adv1">
+                        多类型内容开发
+                    </p>
+                    <p class="advDes">
+                        支持Unity3D,UnreaLEngine4,ldeaVR等开发引擎创作的内容接收
+                      </p>
+                </div>
+                <div class="avd">
+                    <img src="../img/xz3.png" alt="">
+                    <p class="adv1">
+                       多硬件设备适应
+                    </p>
+                    <p class="advDes">
+                        适应HTC VIVE，Windows MR，VR平方，VR立方，VR-Touch等
+                      </p>
+                </div>
+                <div class="avd">
+                    <img src="../img/xz4.png" alt="">
+                    <p class="adv1">
+                       内容版权保护
+                    </p>
+                    <p class="advDes">
+                        采用国际主流加密方式，保护内容安全
+                      </p>
+                </div>
+            </div>
+        </div>
+        <div class="process">
+            <span>接入流程</span>
+        </div>
+    </div>
+    <!-- 底部导航 -->
+    <div class="footer">
+            <div class="footer_top m_margin w_width">
+                <img class="img" src="./img/logo.png" alt="">
+                <ul>
+                    <li>关于我们</li>
+                    <li>关于曼恒</li>
+                    <li>关于VRBOX</li>
+                </ul>
+                <ul>
+                    <li>法律信息</li>
+                    <li>望着你协议</li>
+                    <li>开发者协议</li>
+                </ul>
+                <ul>
+                    <li>开发者</li>
+                    <li>开发者平台</li>
+                    <li>应用上传指南</li>
+                </ul>
+                <ul>
+                    <li>帮助中心</li>
+                    <li>常见问题</li>
+                    <li>用户社区</li>
+                </ul>
+                <ul>
+                    <li>联系我们</li>
+                    <li>4008-233-766</li>
+                    <li>boxservice@gdi.com.cn</li>
+                </ul>
+                <p>
+                    <img src="../img/gdi.be66ab72.png" alt="">
+                    <span>曼恒数字</span>
+                </p>
+                <p>
+                    <img src="../img/vrbox-qr-code.77f16e47.png" alt="">
+                    <span>VRBOX 平台</span>
+                </p>
+            </div>
+            <div class="footer_bottom">
+                <span>
+                    Copyright © 2019-2020 VR盒子 GVRbox备案号: 沪ICP备08005943号-8
+                </span>
+            </div>
+    </div>
+</body>
+</html>

历届学生/陈一航/项目/3-28_3-29/VRBOX-VR/index.html

@@ -0,0 +1,431 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>VRBOX-VR行业应用平台</title>
+    <link rel="stylesheet" href="./css/clear.css">
+    <link rel="stylesheet" href="./css/public.css">
+    <link rel="stylesheet" href="./css/index.css">
+    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1720385_xpi54tol70j.css">
+</head>
+<body>
+    <!-- 导航 -->
+    <div class="header">
+        <div class="header_core w_width m_margin">
+            <div class="header_left">
+                <img src="./img/logo.png" alt="">
+                <ul>
+                    <li><a href="">首页</a></li>
+                    <li><a href="./html/Product.html">产品系列</a></li>
+                    <li><a href="">K12专区</a></li>
+                    <li><a href="">GVRTALK社区</a></li>
+                    <li><a href="./html/developer.html">开发者平台</a></li>
+                    <li><a href="">3D CITY</a></li>
+                </ul>
+            </div>
+            <div class="header_right">
+                <input type="button" value="申请试用">
+                <div class="header_sign">
+                    <span ><a href="./html/Entrance.html">登录</a></span>
+                    <span>注册</span>
+                </div>
+                <div class="header_phone">
+                    <i class="iconfont icon-dianhua"></i>
+                    4008 233 766
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 搜索框 -->
+    <div class="search">
+        <div class="search_bar">
+            <input type="text" placeholder="请输入搜索内容">
+            <span>
+                <i class="iconfont icon-sousuo"></i>
+            </span>
+        </div>
+        <ul class="search_keywords">
+            <li><a href="">教育</a></li>
+            <li><a href="">红色教育</a></li>
+            <li><a href="">安全</a></li>
+            <li><a href="">红色</a></li>
+            <li><a href="">汽车</a></li>
+            <li><a href="">机械</a></li>
+            <li><a href="">建筑</a></li>
+        </ul>
+    </div>
+    <!-- 轮播图 -->
+    <div class="wheel b_backrg">
+        <div class="wheel_core w_width m_margin">
+            <div class="roll m_margin">
+                <div class="roll_core">
+                    <img src="./img/anquanfy.jpg" alt="">
+                    <img src="./img/guiGDJT4.jpg" alt="">
+                    <img src="./img/VRqiche.jpg" alt="">
+                    <img src="./img/jianzhushigong.jpg" alt="">
+                    <img src="./img/lcss.jpg" alt="">
+                </div>
+            </div>
+            <div class="wheel_dots">
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </div>
+    </div>
+    <!-- 行业 -->
+    <div class="industry b_backrg">
+        <div class="industry_core w_width m_margin">
+            <div class="industry_top">
+                <div class="industry_top_l">
+                <span><a href="">普通高中</a></span>
+                <span><a href="">中高中</a></span>
+                <span><a href="">K12</a></span>
+            </div>
+            <div class="industry_top_r">
+                <span><a href="">产看全部产品</a></span>
+            </div>
+            </div>
+            <div class="industry_b">
+                <div class="industry-iteem">
+                    <img src="./img/jxzz.png" alt="">
+                    <span>机械类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/nygc.png" alt="">
+                    <span>能源动力类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/ylyx.png" alt="">
+                    <span>医学类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/aqjy.png" alt="">
+                    <span>安全教育</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/jtys.png" alt="">
+                    <span>交通运输类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/kpwb.png" alt="">
+                    <span>科普文博</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/tmjz.png" alt="">
+                    <span>土木建筑类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/zrkx.png" alt="">
+                    <span>自然科学</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/zlzs.png" alt="">
+                    <span>展览展示</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/lxly.png" alt="">
+                    <span>旅游管理</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/dzxx1.png" alt="">
+                    <span>电子信息类</span>
+                </div>
+                <div class="industry-iteem">
+                    <img src="./img/zhshix.png" alt="">
+                    <span>综合实训</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 新品上线 -->
+    <div class="new_products b_backrg">
+        <div class="NewProducts_core w_width m_margin">
+            <div class="products_title">
+                <div class="products_left left">
+                    <span class="cube"></span>
+                    <span class="newp">新品上线</span>
+                    <span class="sub">NEW PRODUCTS</span>
+                </div>
+                <div class="products_right right">更多产品 >></div>
+            </div>
+            <div class="cards">
+                <div class="cards_top">
+                    <div class="cardstop_core">
+                        <div class="cardstop_core_t">
+                            <img src="./img/Gdi1584502313066.png" alt="">
+                        </div>
+                        <div class="cardstop_core_b">
+                            <p>中国共产党九十年</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>355
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.8
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>0
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardstop_core">
+                        <div class="cardstop_core_t">
+                            <img src="./img/DSCCWL2.png" alt="">
+                        </div>
+                        <div class="cardstop_core_b">
+                            <p>VR+电商仓储物流实训系统</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>265
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.6
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>0
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardstop_core">
+                        <div class="cardstop_core_t">
+                            <img src="./img/Gdi1584519555321.png" alt="">
+                        </div>
+                        <div class="cardstop_core_b">
+                            <p>关于党风廉政建设和反腐斗争论述摘编</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>250
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.8
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>0
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="cards_b">
+                    <div class="cardsb_core">
+                        <img src="./img/360CCWL-FM.jpg" alt="">
+                        <div class="cardsbcore_b">
+                            <p>360VR仓储物流全景教学服务平台</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>250
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.8
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>0
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardsb_core">
+                        <img src="./img/zsjxnfz_01.jpg" alt="">
+                        <div class="cardsbcore_b">
+                            <p>直升机虚拟仿真培训系统</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>1446
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.8
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>6
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardsb_core">
+                        <img src="./img/XNYQC-06.jpg" alt="">
+                        <div class="cardsbcore_b">
+                            <p>新能源汽车与原理VR课堂</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>1108
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.8
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>4
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardsb_core">
+                        <img src="./img/03.png" alt="">
+                        <div class="cardsbcore_b">
+                            <p>民用建筑起重机伤害VR体验</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>381
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.7
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>1
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardsb_core">
+                        <img src="./img/1.jpg" alt="">
+                        <div class="cardsbcore_b">
+                            <p>发动机气门结构的拆装</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>408
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.5
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>1
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                    <div class="cardsb_core">
+                        <img src="./img/dxkj_fm.jpg" alt="">
+                        <div class="cardsbcore_b">
+                            <p>VR地下矿井安全教育系统</p>
+                            <p>
+                                <span>
+                                    <i class="iconfont icon-iconeye"></i>909
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-ziyuan"></i>4.7
+                                </span>
+                                <span>
+                                    <i class="iconfont icon-xin"></i>1
+                                </span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 产品系列 -->
+    <div class="productline">
+        <div class="productline_core w_width m_margin">
+            <div class="productline_title">
+                <div class="productline_left left">
+                    <span class="cube"></span>
+                    <span class="newp">产品系列</span>
+                    <span class="sub">SERIES</span>
+                </div>
+                <div class="productline_right right">更多系列 >></div>
+            </div>
+            <div class="crds">
+                <div class="crds_core">
+                    <div class="zz">
+                    </div>
+                        <p class="crdsp">红色教育系列</p>
+                         <p class="crdspt">红色教育系列是通过VR技术建设红色展馆，还原革命历史场景，以重置快捷方式，索引，内容丰富有趣等形式有效传扬爱国主义教育和革命传统教育。</p>
+                </div>
+                <div class="crds_core">
+                    <div class="zz">
+                    </div>
+                        <p class="crdsp">红色教育系列</p>
+                         <p class="crdspt">红色教育系列是通过VR技术建设红色展馆，还原革命历史场景，以重置快捷方式，索引，内容丰富有趣等形式有效传扬爱国主义教育和革命传统教育。</p>
+                </div>
+                <div class="crds_core">
+                    <div class="zz">
+                    </div>
+                        <p class="crdsp">红色教育系列</p>
+                         <p class="crdspt">红色教育系列是通过VR技术建设红色展馆，还原革命历史场景，以重置快捷方式，索引，内容丰富有趣等形式有效传扬爱国主义教育和革命传统教育。</p>
+                </div>
+                <div class="crds_core">
+                    <div class="zz">
+                    </div>
+                        <p class="crdsp">红色教育系列</p>
+                         <p class="crdspt">红色教育系列是通过VR技术建设红色展馆，还原革命历史场景，以重置快捷方式，索引，内容丰富有趣等形式有效传扬爱国主义教育和革命传统教育。</p>
+                </div>
+                <div class="crds_core">
+                    <div class="zz">
+                    </div>
+                        <p class="crdsp">红色教育系列</p>
+                         <p class="crdspt">红色教育系列是通过VR技术建设红色展馆，还原革命历史场景，以重置快捷方式，索引，内容丰富有趣等形式有效传扬爱国主义教育和革命传统教育。</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 设备筛选 -->
+    <div class="devices">
+        <div class="devices_core w_width m_margin">
+            <span>设备筛选：</span>
+            <span class="device">HTC VIVE</span>
+            <span class="device">3D LED</span>
+            <span class="device">PC</span>
+            <span class="device">一体机</span>
+            <span class="device">pico G2</span>
+            <span class="device">Web</span>
+        </div>
+    </div>
+    <!-- 全部内容 -->
+    <div class="check-all">
+        <span>
+            全部内容
+            <i class="iconfont icon-hanbaoanniu"></i>
+        </span>
+    </div>
+    <!-- 底部导航 -->
+    <div class="footer">
+        <div class="footer_top m_margin w_width">
+            <img class="img" src="./img/logo.png" alt="">
+            <ul>
+                <li>关于我们</li>
+                <li>关于曼恒</li>
+                <li>关于VRBOX</li>
+            </ul>
+            <ul>
+                <li>法律信息</li>
+                <li>望着你协议</li>
+                <li>开发者协议</li>
+            </ul>
+            <ul>
+                <li>开发者</li>
+                <li>开发者平台</li>
+                <li>应用上传指南</li>
+            </ul>
+            <ul>
+                <li>帮助中心</li>
+                <li>常见问题</li>
+                <li>用户社区</li>
+            </ul>
+            <ul>
+                <li>联系我们</li>
+                <li>4008-233-766</li>
+                <li>boxservice@gdi.com.cn</li>
+            </ul>
+            <p>
+                <img src="./img/gdi.be66ab72.png" alt="">
+                <span>曼恒数字</span>
+            </p>
+            <p>
+                <img src="./img/vrbox-qr-code.77f16e47.png" alt="">
+                <span>VRBOX 平台</span>
+            </p>
+        </div>
+        <div class="footer_bottom">
+            <span>
+                Copyright © 2019-2020 VR盒子 GVRbox备案号: 沪ICP备08005943号-8
+            </span>
+        </div>
+    </div>
+</body>
+</html>