
.sky-form {margin-top:90px;outline:none;box-shadow:0 0 20px rgba(0,0,0,.3);font:13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;color:#666;}
.sky-form * {margin:0;padding:0;}
.sky-form header:nth-child(1) {display:block;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);font-size:25px;font-weight:300;color:#232323;}
.sky-form header:nth-child(2) {display:none;}
.sky-form fieldset {display:block;padding:25px 30px 5px;border:none;background:rgba(255,255,255,.9);}
.sky-form fieldset + fieldset {border-top:1px solid rgba(0,0,0,.1);}
.sky-form section {margin-bottom:20px;}
.sky-form footer {display:block;padding:15px 30px 25px 0;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);}
.sky-form footer:after {content:'';display:table;clear:both;}
.sky-form a {color:#b70031;}
.sky-form .label {display:block;margin-bottom:6px;line-height:19px;}
.sky-form .label.col {margin:0;padding-top:10px;}
.sky-form .note {margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999;}
.sky-form .input,.sky-form .select,.sky-form .textarea,.sky-form .radio,.sky-form .checkbox,.sky-form .toggle,.sky-form .button {position:relative;display:block;}
.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea {display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:39px;outline:none;border-width:2px;border-style:solid;border-radius:0;background:#fff;font:15px/19px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none;}
/**//* file inputs *//**/.sky-form .input-file .button {position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px;}
.sky-form .input-file .button:hover {box-shadow:none;}
.sky-form .input-file .button input {position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0;}
/**//* selects *//**/.sky-form .select i {position:absolute;top:14px;right:14px;width:1px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff;}
.sky-form .select i:after,.sky-form .select i:before {content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent;}
.sky-form .select i:after {bottom:0;border-top:4px solid #404040;}
.sky-form .select i:before {top:0;border-bottom:4px solid #404040;}
.sky-form .select-multiple select {height:auto;}
/**//* textareas *//**/.sky-form .textarea textarea {height:auto;resize:none;}
.sky-form .textarea-resizable textarea {resize:vertical;}
.sky-form .textarea-expandable textarea {height:39px;}
.sky-form .textarea-expandable textarea:focus {height:auto;}
/**//* radios and checkboxes *//**/.sky-form .radio,.sky-form .checkbox {margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}
.sky-form .radio:last-child,.sky-form .checkbox:last-child {margin-bottom:0;}
.sky-form .radio input,.sky-form .checkbox input {position:absolute;left:-9999px;}
.sky-form .radio i,.sky-form .checkbox i {position:absolute;top:5px;left:0;display:block;width:13px;height:13px;outline:none;border-width:2px;border-style:solid;background:#fff;}
.sky-form .radio i {border-radius:50%;}
.sky-form .radio input + i:after,.sky-form .checkbox input + i:after {position:absolute;opacity:0;transition:opacity 0.1s;-o-transition:opacity 0.1s;-ms-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;}
.sky-form .radio input + i:after {content:'';top:4px;left:4px;width:5px;height:5px;border-radius:50%;}
.sky-form .checkbox input + i:after {content:'\f00c';top:-1px;left:-1px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center;}
.sky-form .radio input:checked + i:after,.sky-form .checkbox input:checked + i:after {opacity:1;}
.sky-form .inline-group {margin:0 -30px -4px 0;}
.sky-form .inline-group:after {content:'';display:table;clear:both;}
.sky-form .inline-group .radio,.sky-form .inline-group .checkbox {float:left;margin-right:30px;}
.sky-form .inline-group .radio:last-child,.sky-form .inline-group .checkbox:last-child {margin-bottom:4px;}
/**//* toggles *//**/.sky-form .toggle {margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}
.sky-form .toggle:last-child {margin-bottom:0;}
.sky-form .toggle input {position:absolute;left:-9999px;}
.sky-form .toggle i {content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:2px;border-style:solid;border-radius:12px;background:#fff;}
.sky-form .toggle i:after {content:'OFF';position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f;}
.sky-form .toggle i:before {content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right 0.2s;-o-transition:right 0.2s;-ms-transition:right 0.2s;-moz-transition:right 0.2s;-webkit-transition:right 0.2s;}
.sky-form .toggle input:checked + i:after {content:'ON';text-align:right;}
.sky-form .toggle input:checked + i:before {right:36px;}
/**//* ratings *//**/.sky-form .rating {margin-bottom:4px;font-size:15px;line-height:27px;color:#404040;}
.sky-form .rating:last-child {margin-bottom:0;}
.sky-form .rating input {position:absolute;left:-9999px;}
.sky-form .rating label {display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer;}
/**//* buttons *//**/.sky-form .button {float:right;height:39px;overflow:hidden;margin:10px 0 0 20px;padding:0 15px;outline:none;border:0;font:300 15px/39px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer;}
.sky-form [class^="icon-"],.ui-datepicker [class^="icon-"] {font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;}
.sky-form .layui-icon {position:absolute;top:5px;width:29px;height:29px;font-size:15px;line-height:29px;text-align:center;}
.sky-form .layui-icon {right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid;}
.sky-form .icon-prepend {left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid;}
.sky-form .input .icon-prepend + input,.sky-form .textarea .icon-prepend + textarea {padding-left:46px;}
    /*.sky-form .input .layui-icon + input,.sky-form .textarea .layui-icon + textarea {padding-right:46px;}*/
.sky-form .input .icon-prepend + .layui-icon + input,.sky-form .textarea .icon-prepend + .layui-icon + textarea {padding-left:46px;}
/**//* grid *//**/.sky-form .row {margin:0 -15px;}
.sky-form .row:after {content:'';display:table;clear:both;}
.sky-form .col {float:left;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box;}
.sky-form .col-1 {width:8.33%;}
.sky-form .col-2 {width:16.66%;}
.sky-form .col-3 {width:25%;}
.sky-form .col-4 {width:33.33%;}
.sky-form .col-5 {width:41.66%;}
.sky-form .col-6 {width:50%;}
.sky-form .col-8 {width:66.67%;}
.sky-form .col-9 {width:75%;}
.sky-form .col-10 {width:83.33%;}
@media screen and (max-width:600px) {.sky-form .col {float:none;width:100%;}
}
/**//* tooltips *//**/.sky-form .tooltip {position:absolute;z-index:1;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,0.9);color:#fff;opacity:0;transition:margin 0.3s,opacity 0.3s;-o-transition:margin 0.3s,opacity 0.3s;-ms-transition:margin 0.3s,opacity 0.3s;-moz-transition:margin 0.3s,opacity 0.3s;-webkit-transition:margin 0.3s,opacity 0.3s;}
.sky-form .tooltip:after {content:'';position:absolute;}
.sky-form .input input:focus + .tooltip,.sky-form .textarea textarea:focus + .tooltip {opacity:1;}
.sky-form .tooltip-top-right {bottom:100%;margin-bottom:15px;}
.sky-form .tooltip-top-right:after {top:100%;right:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-top-right,.sky-form .textarea textarea:focus + .tooltip-top-right {right:0;left:auto;margin-bottom:5px;}
.sky-form .tooltip-top-left {bottom:100%;margin-bottom:15px;}
.sky-form .tooltip-top-left:after {top:100%;left:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-top-left,.sky-form .textarea textarea:focus + .tooltip-top-left {right:auto;left:0;margin-bottom:5px;}
.sky-form .tooltip-right {top:9px;white-space:nowrap;margin-left:15px;}
.sky-form .tooltip-right:after {top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,0.9);border-bottom:4px solid transparent;}
.sky-form .input input:focus + .tooltip-right,.sky-form .textarea textarea:focus + .tooltip-right {left:100%;margin-left:5px;}
.sky-form .tooltip-left {top:9px;white-space:nowrap;margin-right:15px;}
.sky-form .tooltip-left:after {top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,0.9);}
.sky-form .input input:focus + .tooltip-left,.sky-form .textarea textarea:focus + .tooltip-left {right:100%;left:auto;margin-right:5px;}
.sky-form .tooltip-bottom-right {top:100%;margin-top:15px;}
.sky-form .tooltip-bottom-right:after {bottom:100%;right:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-bottom-right,.sky-form .textarea textarea:focus + .tooltip-bottom-right {right:0;left:auto;margin-top:5px;}
.sky-form .tooltip-bottom-left {top:100%;margin-top:15px;}
.sky-form .tooltip-bottom-left:after {bottom:100%;left:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-bottom-left,.sky-form .textarea textarea:focus + .tooltip-bottom-left {right:auto;left:0;margin-top:5px;}
/**//* normal state *//**/.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea,.sky-form .radio i,.sky-form .checkbox i,.sky-form .toggle i,.sky-form .layui-icon,.sky-form .icon-prepend {border-color:#e5e5e5;transition:border-color 0.3s;-o-transition:border-color 0.3s;-ms-transition:border-color 0.3s;-moz-transition:border-color 0.3s;-webkit-transition:border-color 0.3s; padding-left: 5px;}
.sky-form .toggle i:before {background-color:#2da5da;}
.sky-form .rating label {color:#ccc;transition:color 0.3s;-o-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;}
.sky-form .button {background-color:#1976d2;opacity:0.8;transition:opacity 0.2s;-o-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;}
.sky-form .button.button-secondary {background-color:#b3b3b3;}
.sky-form .layui-icon {color:#ccc;}
/**//* hover state *//**/.sky-form .input:hover input,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .radio:hover i,.sky-form .checkbox:hover i,.sky-form .toggle:hover i {border-color:#8dc9e5;}
.sky-form .rating input + label:hover,.sky-form .rating input + label:hover ~ label {color:#2da5da;}
.sky-form .button:hover {opacity:1;}
/**//* focus state *//**/.sky-form .input input:focus,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .radio input:focus + i,.sky-form .checkbox input:focus + i,.sky-form .toggle input:focus + i {border-color:#2da5da;}
/**//* checked state *//**/.sky-form .radio input + i:after {background-color:#2da5da;}
.sky-form .checkbox input + i:after {color:#2da5da;}
.sky-form .radio input:checked + i,.sky-form .checkbox input:checked + i,.sky-form .toggle input:checked + i {border-color:#2da5da;}
.sky-form .rating input:checked ~ label {color:#2da5da;}
/**//* error state *//**/.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .radio.state-error i,.sky-form .checkbox.state-error i,.sky-form .toggle.state-error i {background:#fff0f0;}
.sky-form .state-error select + i {background:#fff0f0;box-shadow:0 0 0 12px #fff0f0;}
.sky-form .toggle.state-error input:checked + i {background:#fff0f0;}
.sky-form .state-error + em {display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393;}
.sky-form .rating.state-error + em {margin-top:-4px;margin-bottom:4px;}
/**//* success state *//**/.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .radio.state-success i,.sky-form .checkbox.state-success i,.sky-form .toggle.state-success i {background:#f0fff0;}
.sky-form .state-success select + i {background:#f0fff0;box-shadow:0 0 0 12px #f0fff0;}
.sky-form .toggle.state-success input:checked + i {background:#f0fff0;}
.sky-form .note-success {color:#6fb679;}
/**//* disabled state *//**/.sky-form .input.state-disabled input,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .radio.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .toggle.state-disabled,.sky-form .button.state-disabled {cursor:default;opacity:0.5;}
.sky-form .input.state-disabled:hover input,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .radio.state-disabled:hover i,.sky-form .checkbox.state-disabled:hover i,.sky-form .toggle.state-disabled:hover i {border-color:#e5e5e5;}
/**//* submited state *//**/.sky-form .message {display:none;color:#6fb679;}
.sky-form .message i {display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #6fb679;border-radius:50%;font-size:30px;line-height:81px;}
.sky-form.submited fieldset,.sky-form.submited footer {display:none;}
.sky-form.submited .message {display:block;padding:25px 30px;background:rgba(255,255,255,.9);font:300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;text-align:center;}
/**//* datepicker *//**/.ui-datepicker {display:none;padding:10px 12px;background:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,.3);font:13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;text-align:center;color:#666;}
.ui-datepicker a {color:#404040;}
.ui-datepicker-header {position:relative;margin:-10px -12px 10px;padding:10px;border-bottom:1px solid rgba(0,0,0,.1);font-size:15px;line-height:27px;}
.ui-datepicker-prev,.ui-datepicker-next {position:absolute;top:0;display:block;width:47px;height:47px;font-size:15px;line-height:47px;text-decoration:none;cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-datepicker-next {right:0;}
.ui-datepicker-calendar {border-collapse:collapse;font-size:13px;line-height:27px;}
.ui-datepicker-calendar th {color:#999;}
.ui-datepicker-calendar a,.ui-datepicker-calendar span {display:block;width:31px;margin:auto;text-decoration:none;color:#404040;}
.ui-datepicker-calendar a:hover {background:rgba(0,0,0,.05);}
.ui-datepicker-calendar span {color:#bfbfbf;}
.ui-datepicker-today a {font-weight:700;}
.ui-datepicker-calendar .ui-state-active {background:rgba(0,0,0,.05);cursor:default;}
.ui-datepicker-inline {border:2px solid #e5e5e5;background:#fff;box-shadow:none;}
.ui-datepicker-inline .ui-datepicker-calendar {width:100%;}
/**//* modal *//**/.sky-form-modal {position:fixed;z-index:1;display:none;width:400px;}
.sky-form-modal-overlay {position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.header {width:100%;height:100px;background:#284597;border-bottom:1px solid #BFBFBF;}
.middlebox {width:1440px;margin:0 auto;height:140px;text-align:right;}
.middlebox img:nth-child(1) {height:46%;margin-top:18px;float:left;}
.middlebox img:nth-child(2) {display:none;}
.middlebox a {float:right;line-height:100px;color:#fff;font-size:16px;}
.footer {width:100%;background-color:#2e2e2e;position: fixed;bottom: 0;}
.footer-box {margin:0 auto;text-align:center;}
.footer ul {text-align:center;line-height:78px;}
.footer ul li {list-style-type:none;font-size:18px;color:#fff;font-weight:600;}
.footer ul li a {color:#a6a6a6;text-decoration:none;margin-left:20px;font-size:16px;font-weight:0;}
.footer ul li a:hover {color:#fff;}
/**********手机自适应页面***********/
@media screen and (max-width:768px) {.sky-form {margin-top:60px;}
.header {height:60%;background:#1976d2;}
.middlebox {width:320px;height:60px;}
.middlebox a {color:#fff;line-height:60px;font-size:14px;}
.middlebox img:nth-child(1) {display:none;}
.middlebox img:nth-child(2) {display:block;height:60%;margin-top:12px;float:left;}
.sky-form header:nth-child(1) {display:none;}
.sky-form header:nth-child(2) {display:block;display:block;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);font-size:22px;font-weight:300;color:#232323;}
.body-s {float:none;margin:0 auto; min-width:260px;}
.footer {display:none;}
}
