html {
    color:#000;
    background:#FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
fieldset, img {
    border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal
}
ol, ul {
    list-style:none
}
caption, th {
    text-align:left
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal
}
q:before, q:after {
    content:''
}
abbr, acronym {
    border:0;
    font-variant:normal
}
sup {
    vertical-align:text-top
}
sub {
    vertical-align:text-bottom
}
input, textarea, select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    *font-size:100%
}
legend {
    color:#000
}
.inner, .container {
    zoom:1
}
.inner:before, .container:before, .inner:after, .container:after {
    content:"";
    display:table
}
.inner:after, .container:after {
    clear:both;
    overflow:hidden
}
html {
    height:100%
}
body {
    height:100%;
    font-family:Arial, Helvetica, "Microsoft Yahei";
    font-size:14px;
    color:#333
}
a {
    text-decoration:none;
    color:#333
}
img {
    vertical-align:middle
}
button, input, select, textarea {
    font-family:Tahoma, Arial, Helvetica, "微软雅黑";
    font-size:inherit;
    line-height:inherit
}
.wrapper {
    position:relative;
    background:#F6F3EC;
    min-height:100%
}
.inner {
    position:relative;
    width:960px;
    margin:0 auto
}
.container {
    padding-bottom:150px
}
.container .inner {
    padding:20px 0;
    background:#fff
}
.footer {
    position:absolute;
    left:0;
    bottom:0;
    width:100%
}
.J_link {
    cursor:pointer
}
.mod-breadcrumb {
    margin-top:-10px
}
.mod-breadcrumb .bd {
    margin:0 20px;
    line-height:22px;
    padding:5px 0;
    color:#666
}
.mod-breadcrumb .bd a {
    color:#666
}
@media screen and (max-width: 799px) {
    .inner {
        width:auto;
        padding:0
    }
    .container {
        padding-bottom:150px
    }
    .mod-breadcrumb .bd {
        margin:0 12px;
        font-size:12px
    }
}
.mod-head {
    background:#fff;
	margin-bottom:20px
}
.mod-head .bd {
    position:relative
}
.mod-head .bd .logo {
    float:left;
    width:160px;
    height:100px;
    line-height:100px;
    text-align:center
}
.mod-head .ft {
    height:44px;
    background:#fe5668
}
.mod-head .ft ul {
    position:relative;
    overflow:hidden
}
.mod-head .ft li {
    float:left;
    height:44px;
    line-height:44px
}
.mod-head .ft li a {
    display:block;
    padding:0 20px;
    font-size:16px;
    color:rgba(255, 255, 255, 0.8)
}
.mod-head .ft li.active {
    position:relative
}
.mod-head .ft li.active a {
    background:rgba(0, 0, 0, 0.08);
    font-weight:bold;
    color:#fff
}
@media screen and (max-width: 799px) {
    .mod-head .bd .logo {
        float:left;
        width:80px;
        height:50px;
        margin:0 15px;
        line-height:50px
    }
    .mod-head .bd .logo img {
        zoom:0.5
    }
    .mod-head .ft {
        height:auto;
        padding:0
    }
    .mod-head .ft .outer {
        height:34px
    }
    .mod-head .ft ul {
        overflow-x:auto;
        white-space:nowrap;
        font-size:0
    }
    .mod-head .ft li {
        width:25%;
        height:32px;
        line-height:32px;
        text-align:center
    }
    .mod-head .ft li a {
        position:relative;
        right:-1px;
        bottom:-1px;
        padding:0 8px;
        border-right:1px solid rgba(0, 0, 0, 0.05);
        border-bottom:1px solid rgba(0, 0, 0, 0.05);
        font-size:14px
    }
}
.mod-link .bd {
    padding:5px 15px;
    background:#dbdbdb;
    line-height:24px;
    color:#666
}
.mod-link span {
    font-weight:bold
}
.mod-link a {
    padding:0 4px;
    color:#666;
    white-space:nowrap
}
.mod-link a:hover {
    color:#999
}
.mod-sidebar {
    position:fixed;
    right:20px;
    bottom:25px;
    z-index:99;
    width:48px;
    height:48px;
    background:#fff;
    border:1px solid #dbdbdb;
    line-height:48px;
    text-align:center;
    border-radius:50%
}
.mod-sidebar img {
    width:32px;
    height:32px
}
.mod-foot {
    position:relative;
    padding:25px 20px;
    background:#333333;
    line-height:24px;
    text-align:center;
    color:#999
}
.mod-foot span, .mod-foot a {
    margin:0 3px;
    white-space:nowrap
}
.mod-foot a {
    color:#999
}
@media screen and (max-width: 799px) {
    .mod-sidebar {
        width:32px;
        height:32px;
        line-height:32px
    }
    .mod-sidebar img {
        width:24px;
        height:24px
    }
}
.mod-login .mask {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity:0;
    z-index:999;
    _position:absolute
}
.mod-login .dialog {
    width:350px;
    min-height:380px;
    position:fixed;
    left:50%;
    top:50%;
    margin:-200px 0 0 -175px;
    border:1px solid #ebebeb;
    background:#fff;
    color:#757575;
    z-index:9999;
    overflow:auto;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    _position:absolute;
    _height:360px
}
.mod-login a {
    text-decoration:none;
    color:#757575
}
.mod-login .panel .hd {
    padding:15px 0;
    font-size:20px;
    color:#212121;
    text-align:center
}
.mod-login .panel .hd .close {
    position:absolute;
    top:7px;
    right:7px;
    width:20px;
    height:20px;
    background:url("/static/www/image/public/login_icon.png") 3px 3px no-repeat;
    cursor:pointer
}
.mod-login .panel .bd {
    width:274px;
    margin:0 auto;
    padding-bottom:10px
}
.mod-login .panel p {
    position:relative;
    line-height:20px;
    *zoom:1
}
.mod-login .panel label {
    display:inline-block;
    padding-left:20px;
    background:url("/static/www/image/public/login_icon.png") 0 -46px no-repeat;
    cursor:pointer;
    -moz-user-select:-moz-none;
    -ms-user-select:none;
    -webkit-user-select:none
}
.mod-login .panel label.checked {
    background-position:0 -94px
}
.mod-login .panel label input {
    display:none
}
.mod-login .panel label a {
    color:#017cb5
}
.mod-login .panel .error {
    height:20px;
    margin-bottom:6px;
    color:#d34242;
    font-size:12px
}
.mod-login .panel .error span {
    display:inline-block;
    height:20px;
    padding-left:20px;
    background:url("/static/www/image/public/login_icon.png") 0 -238px no-repeat;
    line-height:20px
}
.mod-login .panel .captcha {
    position:absolute;
    top:1px;
    right:4px
}
.mod-login .panel .captcha img {
    height:38px
}
.mod-login .panel .getcode {
    position:absolute;
    top:0;
    right:0;
    width:102px;
    line-height:40px;
    background:#017cb5;
    color:#fff;
    text-align:center;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px
}
.mod-login .panel .disable {
    background-color:#b0afaf;
    font-size:12px;
    cursor:default
}
.mod-login .panel .auto {
    top:-10px;
    font-size:12px
}
.mod-login .panel .forget {
    float:right
}
.mod-login .panel .separate {
    margin:15px 0
}
.mod-login .panel .line {
    display:block;
    border-top:1px solid #ebebeb
}
.mod-login .panel .or {
    position:absolute;
    top:-8px;
    left:50%;
    width:24px;
    margin-left:-12px;
    background:#fff;
    text-align:center;
    font-size:12px;
    color:#bdbdbd
}
.mod-login .panel .btn {
    margin-bottom:15px
}
.mod-login .panel .switch {
    display:inline-block;
    width:100%;
    height:40px;
    line-height:40px;
    border:medium none;
    background:#309e11;
    text-align:center;
    color:#fff;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.mod-login .login p {
    margin-bottom:20px
}
.mod-login .reg p {
    margin-bottom:10px
}
.mod-login .js-error .input-text {
    border-color:#d34242
}
.mod-login .toggle {
    position:absolute;
    top:5px;
    right:5px;
    width:30px;
    height:30px;
    background:url("/static/www/image/public/login_icon.png") 7px -137px no-repeat
}
.mod-login .toggle-open {
    background-position:7px -184px
}
.mod-login .input-text {
    width:256px;
    height:20px;
    line-height:20px;
    padding:9px 8px;
    border:1px solid #ebebeb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    outline:none
}
.mod-login .input-text:focus {
    border-color:#7688a9
}
.mod-login .input-submit {
    display:inline-block;
    width:100%;
    height:40px;
    line-height:40px;
    border:medium none;
    background:#017cb5;
    text-align:center;
    color:#fff;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.mod-login input[type="number"]::-webkit-outer-spin-button, .mod-login input[type="number"]::-webkit-inner-spin-button {
    display:none
}
.mod-login input[type=number] {
    -moz-appearance:textfield
}
.mod-login input::-webkit-input-placeholder {
    color:#757575
}
.mod-login input:-moz-placeholder {
    color:#757575
}
.mod-login input::-moz-placeholder {
    color:#757575
}
.mod-login input:-ms-input-placeholder {
    color:#757575
}
.mod-login-show .mask {
    opacity:.5;
    -moz-animation:opacity 0.6s 0s ease both;
    -webkit-animation:opacity 0.6s 0s ease both;
    animation:opacity 0.6s 0s ease both
}
.mod-login-show .dialog {
    -moz-animation:bounce-down 0.6s 0s ease both;
    -webkit-animation:bounce-down 0.6s 0s ease both;
    animation:bounce-down 0.6s 0s ease both
}
@-moz-keyframes bounce-down {
    0% {
        -moz-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
    60% {
        -moz-transform:translateY(30px);
        transform:translateY(30px);
        opacity:1
    }
    80% {
        -moz-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100% {
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes bounce-down {
    0% {
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
    60% {
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
        opacity:1
    }
    80% {
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounce-down {
    0% {
        -moz-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
    60% {
        -moz-transform:translateY(30px);
        -ms-transform:translateY(30px);
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
        opacity:1
    }
    80% {
        -moz-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100% {
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.mod-login-hide .mask {
    -moz-animation:opacity 0.6s 0s ease both;
    -webkit-animation:opacity 0.6s 0s ease both;
    animation:opacity 0.6s 0s ease both
}
.mod-login-hide .dialog {
    -moz-animation:bounce-up 0.6s 0.1s ease both;
    -webkit-animation:bounce-up 0.6s 0.1s ease both;
    animation:bounce-up 0.6s 0.1s ease both
}
@-moz-keyframes bounce-up {
    0% {
        -moz-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100% {
        -moz-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
}
@-webkit-keyframes bounce-up {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100% {
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
}
@keyframes bounce-up {
    0% {
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100% {
        -moz-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
        opacity:0
    }
}
@media screen and (max-width: 799px) {
    .mod-login .dialog {
        left:0;
        top:0;
        width:100%;
        height:100%;
        margin:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0
    }
    .mod-login .panel p {
        margin-bottom:18px
    }
    .mod-login .panel label {
        background:url("/static/www/image/public/m_checkbox.png") 0 2px no-repeat;
        background-size:15px auto
    }
    .mod-login .panel label.checked {
        background-position:0 -30px
    }
    .mod-login .panel .hd {
        padding:0;
        height:44px;
        border-bottom:1px solid #ebebeb
    }
    .mod-login .panel .hd span {
        display:none
    }
    .mod-login .panel .hd .close {
        right:0;
        top:0;
        width:44px;
        height:44px;
        background:url("/static/www/image/public/m_close.png") center center no-repeat;
        background-size:16px 16px
    }
    .mod-login .panel .bd {
        width:290px;
        padding-top:64px;
        background:url("/static/www/image/public/logo_big.png") center 20px no-repeat;
        background-size:150px auto
    }
    .mod-login .panel .auto {
        top:0;
        font-size:16px
    }
    .mod-login .panel .captcha:after {
        position:absolute;
        top:5px;
        left:-15px;
        display:block;
        content:'|';
        color:#ebebeb
    }
    .mod-login .panel .separate {
        display:none
    }
    .mod-login .js-error .icon {
        border-color:#d34242
    }
    .mod-login .icon {
        display:block;
        margin:0 4px;
        padding:0 10px 0 35px;
        border-bottom:1px solid #ebebeb;
        background-image:url("/static/www/image/public/m_login.png");
        background-repeat:no-repeat;
        background-size:16px auto
    }
    .mod-login .icon-phone {
        background-position:10px 8px
    }
    .mod-login .icon-key {
        background-position:10px -22px
    }
    .mod-login .icon-captcha {
        background-position:10px -53px
    }
    .mod-login .icon-captcha .input-text {
        width:128px
    }
    .mod-login .input-text {
        width:237px;
        padding:10px 0;
        border:none;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0
    }
}