body{ background: -webkit-linear-gradient(#ff007a, #df00ff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff007a, #df00ff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff007a, #df00ff); /* Firefox 3.6 - 15 */ background: linear-gradient(#ff007a, #df00ff); /* 标准的语法 */ } .header { width: 100%; height: 64px; padding-top: 20px; position: fixed; top: 0; left:0; right: 0; z-index: 111111111; /background-color: rgba(255, 255, 255, 1); } .header_con { position: relative; width: 100%; height: 44px; } .rowImg{ display: flex; justify-content: center; align-items: center; } .oc_logo { display: inline-block; width: 20%; margin: 10px auto; /* position: absolute; */ /* margin: 20px auto 10px; */ /* left: 0; right: 0; */ /* bottom: 27%; */ } .header_con .title{ color: #101010; font-size: 17px; position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; bottom: 11.5px; z-index: 10; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .con{ width: 95%; margin: 78px auto 0px; background: #fff; border: 1px solid #fff; border-radius: 20px; } .header .header_con .title{ /* margin-top: 40px; */ line-height: 22px; } .files_out img { width: 100%; height: 100%; } .row{ display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0px auto 5px; height: 42px; background: white; border:1px solid #e6e6e6; border-radius: 30px; } .row img{ width: 25.2px; height: 25.2px; /* float: left; margin: 7px; */ } .row span{ display: inline-block; } .s1{ float: left; width: 100px; line-height: 42px; color: #525252; font-size: 13.2px; } .con .row input{ float: left; margin: 0px 5px 0px 0px; width: calc(100% - 150px); height: 30px; border: none; } .con .row input::-webkit-input-placeholder{ font-size: 13.2px; } .down{ /* width: 100%; */ padding: 12px; margin: 15px auto; } .down .btn{ width: 80%; margin: 0px auto; height: 42px; text-align: center; line-height: 42px; color: white; /* background: #f02c43; */ background:#df00ff ; padding: 0; } .pNameCode .s99{ width: 135px; margin-left: 3%; } .con .row .yzm,.con .row .tpyzm{ width: calc( 100% - 210px); } .con .row #getMobileCode{ width: 110px; float: right; /* margin-top: 4px; */ text-align: center; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; border-radius: 30px; color: #909090; font-size: 13.2px; padding: 0; margin: 0px; background: #fff; } .zcxy{ /* margin-top: 22px; */ /* width: 90%; margin: 0px auto; */ } .zcxytitle{ width: 97%; height: 36px; line-height: 36px; margin: 0px auto 10px; font-size: 14px; color: #333333; background: #fff; /* box-shadow: 2px 2px 5px rgba(25, 25, 25, 0.2); */ } .zcxytitle label{ padding: 8px 5px; } .zcxy .zcxycontent { width: 97%; margin: 0px auto; background: pink; overflow-y:scroll; height: 300px; background: #fff; padding:10px 4px; } .zcxycontent h3 { font-size:15px; text-align: center; } .zcxycontent::-webkit-scrollbar { background: hotpink; /* display: none!important; */ width: 0px; height: 0px; } .renzhengphoto { width: 90%; margin: 10px auto 0px; display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 7px; box-sizing: border-box; /* flex: 1; */ } .renzhengphoto label { width: 100px; font-size: 13px; color: #363636; align-self: flex-start; } .renzhengphoto .photos span { font-size: 12px; height: 20px; /* padding-left: 5px; */ } .photos{ display: flex; } .ossfile { display: inline-block; width: 80px; height: 80px; /* background: #ccc; */ border: 1px solid #ccc; border-radius: 5px; position: relative; background: url(../img/pjimg.png) no-repeat center; } .ossfile img { width: 100%; height: 100%; } .files_out { text-align: center; width: 100%; height: 100%; /* padding-top: 24px; */ }