@charset "utf-8";
/* CSS Document */
*{ margin: 0 auto; padding: 0; border: 0;outline:medium;box-sizing: border-box;word-break: break-word;}
a{ text-decoration: none;color: #000;}
img{ display:block; max-width: 100%; height: auto !important; max-height: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.big img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
body{background: #333;}
@font-face{
  font-family:'HarmonyOS_Sans_Bold';
  src: url('../fonts/HarmonyOS_Sans_Bold.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_Sans_Bold.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_Sans_Bold.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_Sans_Bold.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_Sans_Bold.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HarmonyOS_Sans_Regular';
  src: url('../fonts/HarmonyOS_Sans_Regular.eot?#iefix'); /* IE9 */
  src: url('../fonts/HarmonyOS_Sans_Regular.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HarmonyOS_Sans_Regular.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HarmonyOS_Sans_Regular.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HarmonyOS_Sans_Regular.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
.main{max-width: 850px;background: #fff;}
.form{overflow: auto;background-image: linear-gradient(150deg, #fff, 85%,#dfdfdf);min-height:470px;position:relative;}
.form form{margin: 5% 8%;overflow: auto;}
.form dl{margin: 3% auto;}
.form dl dt{font-family:'HarmonyOS_Sans_Bold';font-size: 24px;line-height: 150%;}
.form dl dd input{border: 1px solid #666;width: 100%;line-height: 50px;padding: 0 10px;font-size: 16px;}
.form button{background: #ff0000;display: block;width: 100%; max-width: 150px;line-height: 40px;color: #fff;font-size: 20px;font-family:'HarmonyOS_Sans_Regular';letter-spacing: 2px;float: right;}
.form .tips{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-align:center;}
.form .tips p{font-size:24px;font-family:'HarmonyOS_Sans_Bold';text-transform: uppercase;}
.info{margin: 6% 8% 8%;}
.info p{font-family:'HarmonyOS_Sans_Regular';font-size: 18px;line-height: 180%;}
@media only screen and (max-width: 480px) {
    .form form{margin: 5% 8% 15%;}
    .form dl{margin: 6% auto;}
    .form dl dt{font-size: 20px;}
    .form dl dd input{font-size: 14px;line-height: 35px;}
    .form button{font-size: 14px;line-height: 35px;max-width: none;}
    .info p{font-size: 16px;}
}