﻿@charset "UTF-8";
/* CSS Document */
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { margin: 0; font-family: Helvetica, Arial,  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";}
html { min-width:1200px;  }
.animationTag {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; overflow: hidden;}
.header {background: #fff; }
.header-wrap { width:1160px; height:70px; margin: auto;  padding:15px;  background: #fff; }
.header-logo { float: left;  }
.header-logo img { height:70px; }
.header-nav { float: right; padding-top:20px;  overflow: hidden;}
.header-nav a { float: left; padding:5px 10px; margin:0 10px; font-size:16px; color:#038ccd; display: block; text-decoration: none;}
.header-nav a:hover { font-weight: bold;}
.header-nav .apply { margin-right:20px; padding:5px 20px; background: #16b7ff; color: #fff; border-radius:15px; }
.header-nav .apply:hover {padding:5px 30px; font-weight:normal; background:#FB2468 }

.header-welcome {float: right; padding-top:25px; margin:0 10px; font-size:16px; color:#038ccd; overflow: hidden;}
.header-nav-mini { float: right; margin:15px 0 0 40px;  overflow: hidden; background: #16b7ff; color: #fff; padding:0 20px; border-radius:15px; }
.header-nav-mini:hover {background: #FB2468}
.header-nav-mini  a{ float: left; margin-right:20px; padding:10px 10px 10px 40px; font-size:14px;  color: #fff; text-decoration: none; display: block;}
.header-nav-mini  a:last-child { margin-right:0; }
.header-nav-mini .icon-menu { background: url("/images/Friendly/nav-icon-menu.png") no-repeat 5px;}
.header-nav-mini .icon-exit { background: url("/images/Friendly/nav-icon-exit.png") no-repeat  5px ;}

.main { background: #d4eefa; padding:20px 0 80px 0; }
.main-wrap  { width: 1160px; margin: auto;}
.login-banner {width:1160px; height: 200px; margin-bottom:40px;  border-radius:100px; overflow: hidden; background: #16b7ff; }
.login { overflow: hidden;}
.login-slogan { width:600px; margin:0 auto 20px auto; font-size:24px; font-weight:bold; color: #038ccd; text-align: center; line-height: 200%;}
.login-content { width:300px; margin:0 auto 30px auto; background:#fff; border-radius:10px; overflow: hidden; }
.login-input-box  { position: relative;  border-bottom:1px solid #e8e8e8;}
.login-input-box:last-child { border-bottom: 0;}
.login-input-box:last-child input {border-radius: 0 0 10px 10px ;}
.login-input-box input { width:235px; height:50px; font-size:16px;  padding:5px 5px 5px 60px; border:0; background: #fff; border-radius: 20px 20px 0 0; }
.login-input-box .icon { position:absolute; left:10px; top:15px;  height:30px; }
.login-btn { text-align: center;}
.login-btn input { height:50px; width:200px; font-size:16px;  background:#038ccd; color:#fff; border:0; border-radius:10px; }
.login-btn input:active { background: #037ab3;}
.login-othertext { width:300px; margin: auto; padding:20px;  font-size:14px; line-height:200%; text-align: center; color:#038ccd;  }
.login-othertext a { margin:0 5px; color: #FB2468; }

.quickNav { background: #fff; border-radius:20px; margin:20px 0 30px 0; overflow: hidden; }
.quickNav-title {float: left; width:80px; height:180px; margin-right: 15px; }
.quickNav-item {
    float: left;
    height: 140px;
    width: 200px;
    margin: 20px 5px;
    background: #ade5ff linear-gradient(to bottom, #a5e2ff 0%,#7ad2fb 100%);
    border-radius: 10px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}
.quickNav-item:hover {background-position:5px 47px;  }
.quickNav-item-icon1 { background:#92dbfd linear-gradient(to bottom, #a5e2ff 0%,#7ad2fb 100%); }
.quickNav-item-icon1 .quickNav-content {background-image:url("/images/Friendly/quickNav-content-icon1.png"); }
.quickNav-item-icon2 { background:#c6d7de linear-gradient(to bottom, #d9e6ec 0%,#b1c6d0 100%);}
.quickNav-item-icon2 .quickNav-content {background-image:url("/images/Friendly/quickNav-content-icon2.png"); }
.quickNav-item-icon3 { background:#f2cd8e linear-gradient(to bottom, #fde3b3 0%,#e6b465 100%);}
.quickNav-item-icon3 .quickNav-content {background-image:url("/images/Friendly/quickNav-content-icon3.png"); }
.quickNav-item-icon4 { background:#aaaaf5 linear-gradient(to bottom, #c5cffd 0%,#8b7fec 100%);}
.quickNav-item-icon4 .quickNav-content {background-image:url("/images/Friendly/quickNav-content-icon4.png"); }

.quickNav-content {
    min-height: 120px;
    padding: 10px 20px;
    text-align: right;
    overflow: hidden;
    background-position: 15px 60px;
    background-repeat: no-repeat;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}
.quickNav-content:hover { background-position:5px 60px; }
.quickNav-content:hover .quickNav-content-title { margin-right:5px;  font-weight: bold; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.2); -ms-transform: scale(1.1);}
.quickNav-content div a { color:#135a7a; text-decoration: none; font-size:14px; line-height:180%;}
.quickNav-content div a:hover { text-decoration:underline;}
.quickNav-content-title { font-size:20px; line-height:40px;  color:#135a7a; display: block; text-decoration: none; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; }
.quickNav-content-link { margin-left:10px; }

.quickNav2 {
    background: #fff;
    border-radius: 20px;
    margin: 20px 0 30px 0;
    overflow: hidden;
}

    .quickNav2 .quickNav-title {
        background: #2bcdad;
        height: 255px;
    }

    .quickNav2 .quickNav-item {
        height: 215px;
    }

.search { float: left; height:140px; margin-left:10px;  padding:20px  0 20px 15px; border-left:1px solid #e8e8e8;}
.search-title { height: 30px; margin-bottom:10px;  padding-left:35px;  font-size:16px; line-height:30px;  color: #16b7ff; font-weight:bold; background: url("/images/Friendly/search-icon.png") no-repeat;}
.search-input {width:160px; height:40px; margin-bottom: 10px; font-size:14px;  padding:0 10px; border:0; background: #d4eefa; border-radius:10px;}
.search-btn {height:40px; width:80px; font-size:14px;  background:#038ccd; color:#fff; border:0; border-radius:10px; clear: both;}
.search-btn:active {background: #037ab3;}
