|
|
@@ -0,0 +1,154 @@
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+main {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #EDEDED;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.head_tab {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ height: 8vh;
|
|
|
+}
|
|
|
+
|
|
|
+.head_tab a:first-child {
|
|
|
+ margin-left: 28px;
|
|
|
+}
|
|
|
+
|
|
|
+.head_tab a:last-child {
|
|
|
+ margin-right: 28px;
|
|
|
+}
|
|
|
+
|
|
|
+.head_tab p {
|
|
|
+ font-size: 4.26666vw;
|
|
|
+}
|
|
|
+
|
|
|
+.wrap_hot_QA {
|
|
|
+ height: 26.53333vw;
|
|
|
+ background: url(../img/hot_QA_mob.png) no-repeat center;
|
|
|
+ margin: 0 28px;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_QA {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 3vw 0 3vw 1.06666vw;
|
|
|
+ box-sizing: border-box;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_QA img {
|
|
|
+ width: 3.2vw;
|
|
|
+ height: 2.5vh;
|
|
|
+ margin-right: 1.46666vw;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_QA p {
|
|
|
+ font-size: 4vw;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #BF1628;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_text {
|
|
|
+ padding: 0 34px 0 41px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_text li {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 1.46666vw;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_text li div {
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background: #666666;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 1.46666vw;
|
|
|
+}
|
|
|
+
|
|
|
+.hot_text li p {
|
|
|
+ font-size: 2.66666vw;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.chat_box {
|
|
|
+ /* height: calc(100vh - 38.444vh); */
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.person {
|
|
|
+ display: flex;
|
|
|
+ margin: 8.26666vw 5.73333vw 0 5.73333vw;
|
|
|
+}
|
|
|
+
|
|
|
+.left_person {
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.right_person {
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.person img {
|
|
|
+ width: 9.86666vw;
|
|
|
+ height: 9.86666vw;
|
|
|
+}
|
|
|
+
|
|
|
+.person .left_talk {
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 0px 8px 0px rgba(55, 121, 218, 0.07);
|
|
|
+ padding: 2.93333vw 5.33333vw;
|
|
|
+ font-size: 4vw;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+
|
|
|
+.left_person .left_talk {
|
|
|
+ margin: 2.26666vw 0 0 2.4vw;
|
|
|
+ border-radius: 0px 25px 25px 26px;
|
|
|
+}
|
|
|
+
|
|
|
+.right_person .left_talk {
|
|
|
+ margin: 2.26666vw 2.4vw 0 0;
|
|
|
+ border-radius: 34px 0px 34px 34px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn_send {
|
|
|
+ width: 100%;
|
|
|
+ height: 7vh;
|
|
|
+ background-color: #F6F6F6;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.btn_send div:first-child {
|
|
|
+ margin: 0 28px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn_send div:last-child {
|
|
|
+ margin: 0 28px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn_send input {
|
|
|
+ border: none;
|
|
|
+ width: 79%;
|
|
|
+ height: 8vw;
|
|
|
+ outline: none;
|
|
|
+ text-indent: 1vw;
|
|
|
+ border-radius: 1vw;
|
|
|
+}
|
gt