body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","arial narrow",helvetica;background:#fff;-webkit-text-size-adjust:100%;} a{color:#2d374b;text-decoration:none} a:hover{color:#cd0200;text-decoration:underline} em{font-style:normal} li{list-style:none} img{border:0;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} @media screen and (max-width: 1980px) { body{ background: url(/uploads/image/images/body.png) no-repeat; background-size: 100% 100%; background-color: #f5f2ed; } #head{ width: 99vw; height: 765px; position: relative; } } @media screen and (max-width: 1680px) { body{ background: url(/uploads/image/images/body.png) no-repeat; background-size: contain; background-color: #f5f2ed; } #head{ width: 99vw; height: 600px; position: relative; } } @media screen and (max-width: 1300px) { body{ background: url(/uploads/image/images/body.png) no-repeat; background-size: contain; background-color: #f5f2ed; } #head{ width: 99vw; height: 400px; position: relative; } } #head img{ width:175px; height:61px; position: absolute; top: 6%; right: 7%; } #lead{ background: url(/uploads/image/images/dao.png) no-repeat; background-size: initial; width: 818px; height: 216px; display: flex; justify-content: center; align-items: center; margin: 0px auto 50px auto; } #lead p{ color: #3f3233; font-size: 16px; line-height: 25px; width: 677px; position: relative; top: 12%; font-family: microsoft yahei; line-height: 32px; } #message_title{ width: 984px; height: 95px; background: url(/uploads/image/images/message_title.png) no-repeat; background-size: initial; margin: 80px auto 40px auto; } #foot{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 50px 0; } #foot div{ display: flex; } #foot p{ font-size:14px; font-family:microsoft yahei; font-weight:400; color:rgba(63,50,51,1); margin-right: 15px; } #foot p:nth-child(1){ margin-bottom: 20px; } #more_button{ width:355px; height:36px; border:1px solid rgba(203,58,32,1); border-radius:4px; display: flex; justify-content: center; align-items: center; font-size:14px; font-family:microsoft yahei; font-weight:400; color:rgba(203,58,32,1); line-height:18px; cursor: pointer; margin: 40px auto 80px auto; } #leavemessage{ width: 99vw; /* height: 720px; */ display: flex; justify-content: flex-start; align-items: center; flex-direction: column; background: url(/uploads/image/images/surfing_back.png) no-repeat; background-size: 100% 100%; padding-bottom: 25px; } #leavemessage img{ width: 984px; height: 90px; margin: 40px 0; } #selectmessage{ width: 984px; height: 958px; display: flex; justify-content: flex-start; margin: 0 auto; flex-direction: column; } #selectmessage img{ width: 984px; height: 90px; margin: 40px 0; } #from_submit{ width: 657px; margin: 0 auto; } #from_submit textarea{ width: 617px; height: 263px; background: rgba(255,255,255,1); border-radius: 4px; padding: 20px; } .name_input{ font-size:16px; font-family:microsoft yahei; font-weight:400; color:rgba(255,250,220,1); } .input_{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; } .input_ input{ width: 536px; height: 40px; background: rgba(255,255,255,1); border-radius: 4px; padding-left: 20px; border: none; } #submit_button{ width:198px; height:60px; border-radius:6px; border: none; font-size:24px; font-family:microsoft yahei; font-weight:400; color:rgba(255,255,255,1); background:url(/uploads/image/images/button_1.png) no-repeat; background-size: inherit; background-color: #fb9f31; cursor: pointer; margin-top: 25px; } #submit_button:hover{ background:url(/uploads/image/images/button_2.png) no-repeat !important; } #leave_note{ width:1000px; height:774px; background:rgba(255,255,255,1); border-radius:6px; margin: 0 auto; } .leave_note_title{ border-bottom: 1px solid rgba(229,225,219,1); } .leave_note_title_nei{ width: 879px; height: 66px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; } .leave_note_title_nei p{ font-size:14px; font-family:microsoft yahei; font-weight:400; color:rgba(63,50,51,1); } .red{ color: #cd412c !important; margin: 0 2px; } #_note_list{ width: 879px; margin: 0 auto; display: flex; flex-direction: column; height: 702px; overflow-y: auto; } ._note_avtor{ display: flex; margin-bottom: 8px; } ._note_date{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: rgba(112,88,90,1); margin-bottom: 24px; } ._note_avtor p{ color:rgba(207,74,52,1); min-width: 100px; display: inline-block; } ._note_avtor_name{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; } ._note_node{ margin-top: 20px; border-bottom: 1px solid rgba(250,247,242,1); } #window_pap_up{ width: 440px; height: 293px; background: rgba(255,252,247,1); border-radius: 4px; position: relative; display: inline-flex; margin-top: 200px; justify-content: space-evenly; flex-direction: column; } #close{ width:21px; height:21px; position: absolute; right: 3%; top: 3%; cursor: pointer; } #marlist{ width: 100%; height: 570px; } #showsod{ display: none; background-color: rgba(0,0,0,0.5); width: 100vw; height: 100vh; position: fixed; text-align: center; top: 0; } .window_pap_title{ } .window_pap_title p{ font-size:24px; font-family:microsoft yahei; font-weight:bold; color:rgba(73,42,40,1); } .window_pap_title span{ display: inline-block; width:34px; height:4px; background:rgba(194,35,26,1); border-radius:2px; } #submit_type{ font-size:24px; font-family:microsoft yahei; font-weight:400; color:rgba(73,42,40,1) } #window_pop{ background: url(/uploads/image/images/button_4.png) no-repeat; background-size: inherit; width: 175px; height: 61px; margin: 0 auto; cursor: pointer; } /***** 模板 *****/ .t_block{ width: 500px; height:107px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .t_block img{ width:160px; height: 100%; } .t_block_right{ height: 100%; width: 322px; display: flex; flex-direction: column; justify-content: space-between; } .t_block_right_list{ width: 100%; height: 110px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .t_block_right_list p:nth-child(1){ font-size:16px; font-family:microsoft yahei; font-weight:bold; color: #324746; } .t_block_right_list p:nth-child(2){ font-size:12px; font-family:microsoft yahei; font-weight:400; color:rgba(104,117,116,1); line-height:18px; } .t_block_right_list p:nth-child(3){ font-size:12px; font-family:microsoft yahei; font-weight:400; color:rgba(104,117,116,1); } .t_block_right_list:nth-child(4){ border: none; } .t_block_right_list:hover p:nth-child(1){ color:rgba(234,123,34,1); } .block_cut_cutent{ width: 1184px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .block_cut_cutent_right{ height: 106%; width: 418px; display: flex; flex-direction: column; justify-content: space-between; position: relative; top: -12px; } .block_cut{ width: 100%; display: flex; align-items: center; justify-content: space-evenly; flex-direction: column; }