.closeWindow { width: 10px; height: 10px; background: #ffffff; border-radius: 5px; color: #cccccc; float: right; font-family: ΢ÈíÑźÚ; font-size: 14px; margin-right: 15px; } .box-img { margin-top: 38px; text-align:center; } .box-del { font-family: ΢ÈíÑźÚ; font-size: 16px; color: #797979; margin-top: 25px; line-height: 20px; } .box-btn1 { margin-top: 30px; margin-left: 191px; background: #ff5555; width: 98px; height: 44px; border-radius: 5px; color: #ffffff; font-family: ΢ÈíÑźÚ; font-size: 16px; padding-top: 2px; } /* µ¯´° */ .box_default { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: -moz-linear-gradient(rgba(11, 11, 11, 0.05), rgba(11, 11, 11, 0.05)) repeat-x rgba(11, 11, 11, 0.05); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.05)), to(rgba(11, 11, 11, 0.05))) repeat-x rgba(11, 11, 11, 0.05); z-index: 100000; } .box_content_default { height: 330px; width: 478px; background: #fff; position: fixed; top: 30%; left: 50%; margin-left: -155px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box_content_default1 { height: 280px; width: 478px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -239px; margin-top: -131px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-font { font-family: ΢ÈíÑźÚ; font-size: 16px; color: #797979; margin-top: 21px; margin-left: 15px; } .box-font1 { font-family: ΢ÈíÑźÚ; font-size: 16px; color: #242424; } .box-font3 { font-family: ΢ÈíÑźÚ; font-size: 16px; color: #797979; } .box-font4 { font-family: ΢ÈíÑźÚ; font-size: 16px; color: #797979; float: left; } .box-hr { width: 100%; border-top: 1px solid #e5e5e5; margin-top: 18px; } .box-hr1 { width: 132px; height: 25px; border: 1px solid #e5e5e5; margin-left: 18px; border-radius: 5px; float: left; padding-left: 10px; } .box-content { margin-left: 17px; margin-top: 22px; } .box-btn { margin-top: 50px; margin-left: 138px; background: #48a1ff; width: 201px; height: 32px; border-radius: 5px; color: #ffffff; font-family: ΢ÈíÑźÚ; font-size: 16px; padding-top: 2px; } .box_content_default textarea, .box_content_default .input-text { width: 430px; height: 32px; border: 1px solid #dedede; color: #b2b2b2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 10px; line-height: 32px; } .box_content_default textarea:focus, .box_content_default .input-text:focus { border-color: #008bff; -webkit-box-shadow: 0 0px 6px rgba(72, 161, 255, 0.4); -moz-box-shadow: 0 0px 6px rgba(72, 161, 255, 0.4); box-shadow: 0 0px 6px rgba(72, 161, 255, 0.4); color: #545454; } .box_content_default .warning { display: block; height: 34px; width: 100px; text-align: center; line-height: 34px; background: #ec6c6b; color: #fff; position: absolute; top: -7px; right: 20px; padding: 0 10px; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); } .box_content_default .warning1 { display: block; height: 34px; width: 100px; text-align: center; line-height: 34px; background: #ec6c6b; color: #fff; position: absolute; top: -7px; right: 20px; padding: 0 10px; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); } .warning span { position: absolute; left: -7px; top: 11px; z-index: 2; border-top: 6px solid transparent; border-right: 8px solid #ec6c6b; border-bottom: 6px solid transparent; } .box_default .dropdownbox01 { width: 180px; height: 32px; border: 1px solid #dedede; color: #707070; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 10px; margin-bottom: 15px; line-height: 32px; margin-top: -6px; margin-left: 0px; background-position: 160px center; } .box_default .dropdown { margin-left: 0px; float: left; margin-right: 10px; } .box_default .dropdownbox02 li { width: 180px; height: 32px; margin-bottom: 0px; background: #fff; color: #707070; } .box_default .dropdownbox02 li:hover { background: #48a1ff; color: #fff; } @media screen and (max-width:1024px){ .box_content_default1{ width: 350px; margin-left: -175px; } .box-btn1{ margin:30px auto 0; display: block; } } @media screen and (max-width:320px){ .box_content_default1{ width: 300px; margin-left: -150px; } .box-btn1{ margin:30px auto 0; display: block; } }