* { padding: 0; margin: 0; }

a, input, button { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; outline: none; border: none; }

h1 { font-size: 24px; }

h2 { font-size: 22px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

body { font-size: 14px; line-height: 1.5; }

.show { display: block; }

.hide { display: none; }

input::-webkit-input-placeholder { color: #828287; }

input::-moz-placeholder { color: #828287; }

input:-ms-input-placeholder { color: #828287; }

@keyframes amt-modal-in { 0% { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes amt-modal-in { 0% { opacity: 0; }
  to { opacity: 1; } }
@keyframes amt-modal-in-left { 0% { opacity: 0; left: 100px; }
  to { opacity: 1; left: 0; } }
@-webkit-keyframes amt-modal-in-left { 0% { opacity: 0; left: 100px; }
  to { opacity: 1; left: 0; } }
@-webkit-keyframes amt-modal-out { to { opacity: 0; } }
@keyframes amt-modal-out { to { opacity: 0; } }
.fadeOut { animation: amt-modal-out .6s; -webkit-animation: amt-modal-out .6s; }

.fadeIn { animation: amt-modal-in .6s; -webkit-animation: amt-modal-in .6s; }

.fadeInLeft { position: relative; animation: amt-modal-in-left .6s; -webkit-animation: amt-modal-in-left .6s; }

.text-center { text-align: center; }

/**/
html, body { height: 100%; }

.shenfen-page { padding-top: 6vh; width: 100%; height: 100%; box-sizing: border-box; color: #fff; background-image: url("/Content/evaluate/img/bg.png"); background-position: center; background-size: cover; }
.shenfen-page img { padding-top: 6vh; width: 375px; }
.shenfen-page h3 { padding: 0 45px; }
.shenfen-page h1 { margin-top: -120px; margin-bottom: 5px; }

.start-page { width: 100%; height: 100%; text-align: center; }
.start-page img { margin-top: 8vh; width: 282px; }
.start-page h2 { padding: 30px 0 10px; font-weight: 500; color: #002583; }
.start-page h4 { color: #565656; }
.start-page .btn { margin-top: 5vh; }

.btn, .btn-sure, .btn-quit, .btn-white { line-height: 40px; text-align: center; color: #fff; border-radius: 20px; }

.btn-sure, .btn-quit { display: inline-block; margin-top: 36px; font-size: 16px; width: 40%; }

.btn-sure { color: #346ef5; border: 1px solid #fff; background-color: #fff; }

.btn-quit { border: 1px solid #fff; background-color: transparent; }

.btn { display: block; margin: 20px auto; min-width: 180px; font-size: 18px; background: -webkit-linear-gradient(left, #4c88f8 0%, #2761f3 100%); background: -linear-gradient(left, #4c88f8 0%, #2761f3 100%); background: -o-linear-gradient(left, #4c88f8 0%, #2761f3 100%); background: -moz-linear-gradient(left, #4c88f8 0%, #2761f3 100%); }

.top { height: 160px; color: #fff; text-align: center; background-image: url(/Content/evaluate/img/top.png); background-position: left top; background-size: 100% 100%; }
.top h4 { padding-top: 80px; font-weight: bold; }

.form { padding: 15px; margin-bottom: 50px; }

.form-item { padding-bottom: 10px; }
.form-item label { font-size: 15px; line-height: 2; }
.form-item input { display: block; padding: 0 10px; width: 100%; box-sizing: border-box; line-height: 38px; border: 1px solid #565656; border-radius: 4px; }

.fixed-btn { position: fixed; bottom: 0; width: 100%; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); }
.fixed-btn .btn-white { display: inline-block; margin: 4px 0; width: 40%; color: #565656; background-color: #fff; }
.fixed-btn .btn { display: inline-block; margin: 5px 0; }

/*# sourceMappingURL=common.css.map */