/* 未能缩小。正在返回未缩小的内容。 (37,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (91,18): run-time error CSS1035: Expected colon, found ',' */ body{ font-size:12px; } .max_width { max-width: 1200px; width: 100%; margin: auto; } #guide{ } #guide .max_width { text-align: center; color: white; padding: 40px; box-sizing: border-box; } #guide .th { font-size: 2.6em; font-weight: bold; } #guide span.line { display: block; margin: auto; width: 40px; margin-bottom: 15px; margin-top: 10px; border-top: 2px solid white; } #guide p { font-size: 16px; &:not(:first-of-type) { line-height: 200%; } } #guide a.more { display: inline-block; color: white; height: 28px; line-height: 28px; font-size: 16px; background-color: #00c977; padding: 0 45px; margin-top: 15px; text-decoration:none } .questionOne { padding: 100px 0; } .questionOne .rightBox { float: right; width: 50%; } .questionOne .th { font-size: 2.6em; font-weight: bold; margin:0; } .questionOne .text { color: #999999; font-size: 16px; margin-top: 0 !important; } .questionOne .text:not(:first-of-type) { margin-top: 30px; font-size: 18px; line-height: 180%; color: #666666; } .questionTwo { text-align: center; margin-bottom: 85px; } .questionTwo .th { font-size: 2.6em; font-weight: bold; balck,#666666 } .questionTwo .dlfloat{ padding:0; } .questionTwo .th + p { font-size: 2em; color: #666; margin-top: 15px; margin-bottom: 60px; } .questionTwo li { float: left; width: 32%; list-style-type:none; } .questionTwo li p{ font-size: 16px; font-weight: bold; padding: 20px; line-height: 180%; text-align: left; margin:0; } .questionTwo li:hover { border-radius: 22px; background-color: #ffa060; color: white; } .questionTwo li:nth-child(2) { margin: 0 2%; } .questionTwo li > p { font-size: 16px; font-weight: bold; padding: 20px; line-height: 180%; text-align: left; } #questionThree { background-color: #03bac5; background-image: linear-gradient(225deg, #03bac5 25%, #2ddab9 100%); } #questionThree .max_width { padding-top: 110px; box-sizing: border-box; text-align: center; } #questionThree .th { color: white; font-size: 2.6em; font-weight: bold; margin:0; } #questionThree .th + p { font-size: 2em; color: white; margin-top: 15px; margin-bottom: 60px; } #questionThree .container { margin-top: 25px; width: 32%; height: 335px; float: left; color: #ffffff; font-size: 16px; position: relative; background: rgba(0,0,0,0.1); filter: alpha(opacity=10); border-radius: 10px; } #questionThree .container:nth-child(2n) { margin: 25px 2% 0 2%; } #questionThree .container .opcity { background: rgba(0, 0, 0, 0.05); filter: alpha(opacity=5); text-align: center; padding-bottom: 20px; border-radius: 10px; } #questionThree .container .opcity .image { margin-top: -35px; } #questionThree .container .opcity .th { font-size: 24px; font-weight: normal; } #questionThree .container .content { padding: 25px; text-align: left; color: #a5f6f6; line-height: 180%; } #questionThree .btnBox button { cursor: pointer; border: none; background-color: white; height: 55px; line-height: 55px; padding: 0 50px; color: #009688; border-radius: 30px; font-size: 18px; margin: 65px 15px 0 15px; } #questionThree .btnBox img { vertical-align: middle; margin-bottom: 3px; margin-right: 5px; } #questionThree .questionFour { margin-top: 110px; } #questionThree .questionFour .blockContent { float: left; width: 50%; padding-right: 60px; box-sizing: border-box; text-align: left; } #questionThree .questionFour .blockContent .th { font-size: 2.6em !important; } #questionThree .questionFour .blockContent .th:nth-child(2) { margin-top: 0; } #questionThree .questionFour .th { color: white; font-size: 2.6em; font-weight: bold; } #questionThree .questionFour .th + p { font-size: 2em; color: white; margin-top: 15px; margin-bottom: 60px; } #questionThree .questionFour div.text { margin-top: 100px; padding-left: 70px; position: relative; z-index: 1; } #questionThree .questionFour div.text .th { font-size: 22px; } #questionThree .questionFour div.text p { font-size: 16px; line-height: 180%; } #qusFourBottomBlock { background-color: #ffa060; height: 390px; } #qusFourBottomBlock .max_width { position: relative; } #qusFourBottomBlock .max_width .text { margin-top: 80px; float: left; width: 50%; padding-right: 60px; padding-left: 70px; box-sizing: border-box; color: white; } #qusFourBottomBlock .max_width .text .th { font-size: 22px; } #qusFourBottomBlock .max_width .text p { font-size: 16px; line-height: 180%; } #qusFourBottomBlock .quesFourBg { position: absolute; top: -70%; right: 0; width: 50%; border-top-right-radius: 13px; border-bottom-right-radius: 13px; } #quesFiveAndSix { padding: 135px 0; box-sizing: border-box; } #quesFiveAndSix .contentBox { float: left; width: 50%; padding-right: 90px; box-sizing: border-box; } #quesFiveAndSix .contentBox img { float: left; margin-top: 1%; } #quesFiveAndSix .contentBox ul { float: right; width: 85%; font-size: 26px; font-weight: bold; list-style-type:none; } #quesFiveAndSix .contentBox > p { margin-top: 30px; line-height: 180%; font-size: 16px; color: #9f9f9f; } #restsQuestion { background-color: #fafafa; padding: 60px 0; box-sizing: border-box; } #restsQuestion h1 { font-size: 2.6em; text-align: center; font-weight: bold; margin-bottom: 55px; } #restsQuestion .select_item { width: 48%; float: left; } #restsQuestion .select_item:first-of-type { margin-right: 4%; } #restsQuestion .select_item li { font-size: 16px; padding: 6.5% 0; border-top: 1px solid #e3e3e3; } #restsQuestion .select_item li:hover { color: #009688; } #restsQuestion .select_item li a { text-decoration: none; color: #555555; display: block; } #restsQuestion .select_item li a span { font-size: 16px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; vertical-align: middle; } #restsQuestion .select_item .right_go { font-size: 24px; float: right; color: #bcbcbc; } #restsQuestion .select_item .dateTime { font-weight: lighter; margin-right: 5%; border-right: 1px solid #e3e3e3; padding-right: 5%; } #question { height: 550px; background: url(/Images/ruzhu/question.png)bottom center no-repeat; background-size: cover; } .ques { box-sizing: border-box; padding-top: 69px; } .ques img { vertical-align: bottom; display: inline-block; width: 50%; float: left; } .quesBlock { width: 50%; float: left; position: relative; padding-left: 150px; box-sizing: border-box; } .quesBlock .titleth:nth-child(1) { padding-top: 50px; font-size: 5em; color: #e7e7e7; font-weight: bold; letter-spacing: 2px; } .quesBlock .titleth:nth-child(2) { font-size: 2.8em; color: black; margin-top: -35px; margin-bottom: 50px; } .quesBlock input[type='button'] { display: block; height: 35px; line-height: 35px; padding: 0 20px; border: none; background-color: #ffa060; color: white; border-radius: 30px; cursor: pointer; } .quesBlock input[type='button']:not(:last-of-type) { margin-bottom: 30px; }