a

css/download_iphone.css

@@ -0,0 +1,172 @@
+ /* 弹窗 (background) */
+ .modal {
+     display: none;
+     /* 默认隐藏 */
+     position: fixed;
+     /* 固定定位 */
+     z-index: 1;
+     /* 设置在顶层 */
+     left: 0;
+     top: 0;
+     width: 100%;
+     height: 100%;
+     overflow: auto;
+     background-color: rgb(0, 0, 0);
+     background-color: rgba(0, 0, 0, 0.4);
+ }
+
+ /* 弹窗内容 */
+ .modal-content {
+     background-color: #fefefe;
+     margin: 15% auto;
+     padding: 20px;
+     border: 1px solid #888;
+     width: 80%;
+ }
+
+ /* 关闭按钮 */
+ .close {
+     color: #aaa;
+     float: right;
+     font-size: 28px;
+     font-weight: bold;
+ }
+
+ .close:hover,
+ .close:focus {
+     color: black;
+     text-decoration: none;
+     cursor: pointer;
+ }
+
+ /*其他*/
+
+ body {
+     background: black;
+ }
+
+ * {
+     -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+     box-sizing: border-box
+ }
+
+ .form-control {
+     display: block;
+     width: 100%;
+     height: 34px;
+     padding: 6px 12px;
+     font-size: 14px;
+     line-height: 1.42857143;
+     color: #555;
+     background-color: #fff;
+     background-image: none;
+     border: 1px solid #ccc;
+     border-radius: 4px;
+     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
+ }
+
+ .form-control:focus {
+     border-color: #66afe9;
+     outline: 0;
+     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
+ }
+
+
+ .input-group {
+     position: relative;
+     display: table;
+     border-collapse: separate
+ }
+
+ .input-group .form-control,
+ .input-group-addon,
+ .input-group-btn {
+     display: table-cell
+ }
+
+
+ .input-group-addon,
+ .input-group-btn {
+     width: 1%;
+     white-space: nowrap;
+     vertical-align: middle
+ }
+
+ .input-group-addon {
+     padding: 6px 12px;
+     font-size: 14px;
+     font-weight: 400;
+     line-height: 1;
+     color: #555;
+     text-align: center;
+     background-color: #eee;
+     border: 1px solid #ccc;
+     border-radius: 4px
+ }
+
+ .input-group .form-control:first-child,
+ .input-group-addon:first-child,
+ .input-group-btn:first-child>.btn,
+ .input-group-btn:first-child>.btn-group>.btn,
+ .input-group-btn:first-child>.dropdown-toggle,
+ .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
+ .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
+     border-top-right-radius: 0;
+     border-bottom-right-radius: 0
+ }
+
+ .input-group-addon:first-child {
+     border-right: 0
+ }
+
+ .input-group .form-control:last-child,
+ .input-group-addon:last-child,
+ .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
+ .input-group-btn:first-child>.btn:not(:first-child),
+ .input-group-btn:last-child>.btn,
+ .input-group-btn:last-child>.btn-group>.btn,
+ .input-group-btn:last-child>.dropdown-toggle {
+     border-top-left-radius: 0;
+     border-bottom-left-radius: 0
+ }
+
+ .huoqu_btn {
+     background: black;
+     width: 100px;
+     border-radius: 100px;
+     border-color: limegreen;
+     border-width: 3px;
+     line-height: 8px;
+     margin-top: 15px;
+     margin-left: 20px;
+     outline: none;
+ }
+
+ .yanzheng_btn {
+     background: rgb(0, 140, 255);
+     width: 100px;
+     border-radius: 100px;
+     border-color: rgb(0, 140, 255);
+     border-width: 3px;
+     line-height: 8px;
+     margin-top: 15px;
+     margin-left: 0px;
+     outline: none;
+ }
+ .fangshi_btn{
+    background: rgb(0, 140, 255);
+    width: 150px;
+    border-radius:100px;
+    border-color: rgb(0, 140, 255);
+    border-width: 3px;
+    line-height:8px;
+margin-top: 15px ;
+margin-left: 0px;
+    outline:none;
+ }

css/fenxiang.css

@@ -0,0 +1,71 @@
+.dialog-box {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.3);
+    text-align: center;
+
+}
+
+.dialog-box-border {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 400px;
+    background: #FFF;
+    transform: translate(-50%, -50%);
+    border-radius: 40px;
+    padding: 50px 40px
+}
+
+.dialog-box-text1 {
+    font-weight: bold;
+    text-align: center;
+    font-size: 38px;
+    margin-top: -40px;
+}
+
+.dialog-box-text2 {
+    font-size: 25px;
+    margin-top: 20px;
+    line-height: 30px;
+    color: #999;
+}
+
+.dialog-box-text2-1 {
+    font-size: 25px;
+    margin-top: 20px;
+    line-height: 30px;
+    color: red;
+}
+
+
+.btn {
+    width: 80%;
+    height: 60px;
+    font-size: 35px;
+    color: #ffffff;
+    text-align: center;
+    font-weight: bold;
+    line-height: 60px;
+    border-radius: 100px;
+    background: #1E90FF;
+    /*按钮背景*/
+    outline: none;
+    /*点击后没边框*/
+}
+
+
+/* 触停效果 */
+/*.btn1:hover {*/
+/*    background: green;*/
+/*}*/
+
+
+/* 点击效果 */
+.btn:active {
+    background: #ff1cae;
+    font-size: 40px;
+}