|
@@ -1,44 +1,44 @@
|
|
|
-@charset "utf-8";
|
|
|
-li{list-style:none}
|
|
|
-/**
|
|
|
- * PC端
|
|
|
- */
|
|
|
-@media screen and (min-width:768px){
|
|
|
- .pageWrap{width: 100%;}
|
|
|
- /*个人中心右侧*/
|
|
|
- .navLayout .right{float:right;width:968px}
|
|
|
- .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;}
|
|
|
- .order-header .header-bt {width: 100%;height: 38px;float: left;position: relative;}
|
|
|
- .order-header .header-bt .header-title{width: 100%;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
|
|
|
- .order-header .header-bt .header-button{height: 38px;position: absolute;top: 0;right: 0;}
|
|
|
- .order-header .header-bt .header-button .btn-add{width: 90px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
|
|
|
- .container{width: 100%;height:526px;box-sizing: border-box;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:32px 90px;}
|
|
|
- .container .form{float: left;width:220px;}
|
|
|
- .container .formLine{float: left;width: 100%;}
|
|
|
- .container .text{width: 100%;height: auto;float: left;}
|
|
|
- .container .text p{font-size: 14px;color: #22272e;text-align: left;line-height: 44px;}
|
|
|
- .container .button{width: 100%;height: 50px;float: left;margin-top: 16px;}
|
|
|
- .container .button a{display: block;width: 232px;height: 50px;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 50px;font-size: 14px;color: #FFFFFF;}
|
|
|
- .container .button a.disabled{background-color: #999999;}
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
-* 移动端
|
|
|
-*/
|
|
|
-@media screen and (max-width:768px){
|
|
|
- .order-header{width: 100%;height: 16vw;box-sizing: border-box;padding:4vw;background-color: #FFF;}
|
|
|
- .order-header .header-bt {width: 100%;height: 8vw;float: left;position: relative;}
|
|
|
- .order-header .header-bt .header-title{width: 100%;height: 8vw;float: left;line-height:8vw;font-size:4vw;color: #22272e;text-align: center;}
|
|
|
- .order-header .header-bt .header-button{height: 8vw;position: absolute;top: 0;right: 0;}
|
|
|
- .order-header .header-bt .header-button .btn-add{width:12vw;height:8vw;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
|
|
|
-
|
|
|
- .container{width: 100%;box-sizing: border-box;padding:4vw}
|
|
|
- .container .text{width: 100%;height: auto;float: left;}
|
|
|
- .container .text p{font-size: 3.4vw;color: #22272e;text-align: left;line-height: 6vw;}
|
|
|
- .container .button{width: 100%;height: 11vw;float: left;margin-top: 16px;}
|
|
|
- .container .button a{display: block;width: 100%;height: 11vw;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 11vw;font-size:3.4vw;color: #FFFFFF;}
|
|
|
- .container .button a.disabled{background-color: #999999;}
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
+@charset "utf-8";
|
|
|
+li{list-style:none}
|
|
|
+/**
|
|
|
+ * PC端
|
|
|
+ */
|
|
|
+@media screen and (min-width:768px){
|
|
|
+ .pageWrap{width: 100%;}
|
|
|
+ /*个人中心右侧*/
|
|
|
+ .navLayout .right{float:right;width:968px}
|
|
|
+ .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;}
|
|
|
+ .order-header .header-bt {width: 100%;height: 38px;float: left;position: relative;}
|
|
|
+ .order-header .header-bt .header-title{width: 100%;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
|
|
|
+ .order-header .header-bt .header-button{height: 38px;position: absolute;top: 0;right: 0;}
|
|
|
+ .order-header .header-bt .header-button .btn-add{width: 90px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
|
|
|
+ .container{width: 100%;height:526px;box-sizing: border-box;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:32px 90px;}
|
|
|
+ .container .form{float: left;width:220px;}
|
|
|
+ .container .formLine{float: left;width: 100%;}
|
|
|
+ .container .text{width: 100%;height: auto;float: left;}
|
|
|
+ .container .text p{font-size: 14px;color: #22272e;text-align: left;line-height: 44px;}
|
|
|
+ .container .button{width: 100%;height: 50px;float: left;margin-top: 16px;}
|
|
|
+ .container .button a{display: block;width: 232px;height: 50px;background-image:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 25px;margin: 0 auto;text-align: center;line-height: 50px;font-size: 14px;color: #FFFFFF;}
|
|
|
+ .container .button a.disabled{background-color: #999999;}
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+* 移动端
|
|
|
+*/
|
|
|
+@media screen and (max-width:768px){
|
|
|
+ .order-header{width: 100%;height: 16vw;box-sizing: border-box;padding:4vw;background-color: #FFF;}
|
|
|
+ .order-header .header-bt {width: 100%;height: 8vw;float: left;position: relative;}
|
|
|
+ .order-header .header-bt .header-title{width: 100%;height: 8vw;float: left;line-height:8vw;font-size:4vw;color: #22272e;text-align: center;}
|
|
|
+ .order-header .header-bt .header-button{height: 8vw;position: absolute;top: 0;right: 0;}
|
|
|
+ .order-header .header-bt .header-button .btn-add{width:12vw;height:8vw;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
|
|
|
+
|
|
|
+ .container{width: 100%;box-sizing: border-box;padding:4vw}
|
|
|
+ .container .text{width: 100%;height: auto;float: left;}
|
|
|
+ .container .text p{font-size: 3.4vw;color: #22272e;text-align: left;line-height: 6vw;}
|
|
|
+ .container .button{width: 100%;height: 11vw;float: left;margin-top: 16px;}
|
|
|
+ .container .button a{display: block;width: 100%;height: 11vw;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 11vw;font-size:3.4vw;color: #FFFFFF;}
|
|
|
+ .container .button a.disabled{background-color: #999999;}
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|