diff --git a/css/less.less b/css/less.less index 6b1cb1d..a3810c4 100644 --- a/css/less.less +++ b/css/less.less @@ -9,7 +9,7 @@ @f16: 16px; @f18: 18px; -body{ +body { font-family: MicrosoftYaHei; } @@ -77,7 +77,7 @@ ul { //margin-bottom: 80px; width: 420px; height: 354px; - background: url("../img/404.png")no-repeat; + background: url("../img/404.png") no-repeat; margin: 80px auto; } div { @@ -111,7 +111,7 @@ ul { left: -15px; background: url("../img/slogan.png") no-repeat; } - .waiting{ + .waiting { width: 291px; height: 74px; background-color: #ffffff; @@ -151,29 +151,29 @@ ul { width: 527px; height: 659px; background: url("../img/phone.png") no-repeat; - .switch_menu{ - background: url("../img/switch_menu.png")no-repeat; + .switch_menu { + background: url("../img/switch_menu.png") no-repeat; width: 147px; height: 35px; position: absolute; left: 205px; top: 75px; - transition: all ease .3s; - a{ + transition: all ease 0.3s; + a { width: 50%; float: left; display: inline-block; height: 35px; } } - .switch{ + .switch { width: 345px; height: 561px; position: absolute; left: 72px; top: 110px; - transition: all ease .3s; - background: url("../img/switch.png")no-repeat; + transition: all ease 0.3s; + background: url("../img/switch.png") no-repeat; background-position: 0; } } @@ -284,13 +284,14 @@ ul { background: url("../img/yupingLogo.png") no-repeat; background-size: cover; margin-left: 20px; + cursor: pointer; } .qr { width: 133px; height: 153px; background: url("../img/qr.png") no-repeat; } - .qr_text{ + .qr_text { color: #e6e6e6; padding-left: 4px; margin-top: 5px; @@ -315,7 +316,7 @@ ul { } //对话框 -.dialog{ +.dialog { background: rgba(0, 0, 0, 0.25); width: 100%; position: fixed; @@ -324,7 +325,7 @@ ul { top: 0; z-index: 1; display: none; - .dialog_box{ + .dialog_box { width: 350px; height: 223px; background-color: #fff; @@ -335,8 +336,8 @@ ul { top: 40%; padding: 30px 55px; text-align: center; - .dialog_title{ - span{ + .dialog_title { + span { font-size: @f18; color: @c333; padding-left: 15px; @@ -345,29 +346,28 @@ ul { border-bottom: 1px solid #e5e5e5; } } - .dialog_content{ + .dialog_content { margin-top: 35px; font-size: @f16; color: @c333; } - .dialog_btn{ - .btn_ok{ + .dialog_btn { + .btn_ok { width: 150px; height: 45px; border: 0; color: #fff; font-size: @f16; margin-top: 30px; - background-image: linear-gradient(-45deg, - #ff6f5f 1%, - #fe6a61 28%, - #fc6463 56%, - #f7506a 100%), - linear-gradient( - #7dbd76, - #7dbd76); - background-blend-mode: normal, - normal; + background-image: linear-gradient( + -45deg, + #ff6f5f 1%, + #fe6a61 28%, + #fc6463 56%, + #f7506a 100% + ), + linear-gradient(#7dbd76, #7dbd76); + background-blend-mode: normal, normal; border-radius: 5px; opacity: 0.99; } @@ -422,16 +422,16 @@ ul { padding: 0; } } - .feedback{ + .feedback { color: @c333; margin-top: 30px; font-size: @f16; font-weight: bold; } - .splitLine{ + .splitLine { border-bottom: 2px dashed #e4e4e4; } - .feddback_email{ + .feddback_email { font-size: @f16; margin-top: 35px; font-weight: bold; @@ -442,11 +442,11 @@ ul { margin-top: 30px; list-style: none; font-size: @f16; - .input_group{ + .input_group { padding-left: 10px; margin-top: 20px; margin-bottom: 30px; - input[type=text]{ + input[type="text"] { border-radius: 5px; border: 1px solid #e4e4e4; width: 270px; @@ -455,30 +455,29 @@ ul { font-size: 12px; background-color: #fcfcfc; } - .on{ - background-image: linear-gradient(-45deg, - #ff6f5f 1%, - #fe6a61 28%, - #fc6463 56%, - #f7506a 100%), - linear-gradient( - #fa6368, - #fa6368); - background-blend-mode: normal, - normal; + .on { + background-image: linear-gradient( + -45deg, + #ff6f5f 1%, + #fe6a61 28%, + #fc6463 56%, + #f7506a 100% + ), + linear-gradient(#fa6368, #fa6368); + background-blend-mode: normal, normal; } - button{ + button { width: 150px; height: 40px; border: 0; color: #fff; margin-top: 30px; - background-color: rgb(161,161,161); + background-color: rgb(161, 161, 161); border-radius: 5px; opacity: 0.99; } } - .errText{ + .errText { color: red; text-align: left; display: none; @@ -497,7 +496,7 @@ ul { font-size: 14px; font-weight: normal; margin-right: 80px; - input{ + input { vertical-align: top; } } @@ -521,4 +520,4 @@ ul { } } } -} \ No newline at end of file +}