﻿
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,.phone_root{
    zoom:1
}
.inner:before,.phone_root:before,.inner:after,.phone_root:after{
    content:"";
    display:table
}
.inner:after,.phone_root: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:#64FFDA23;
    min-height:100%
}
.inner{
    position:relative;

    margin:0 auto
}

.phone_root .inner{
    padding:20px 0;
    background:#fff
}
.footer{
    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
    }
    .phone_root .inner{
        padding:20px 10px
    }
    .mod-breadcrumb .bd{
        margin:0;
        font-size:12px
    }
}
.mod-head{
    background:#fff
}
.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:40px;
    background:#CB7A43
}
.mod-head .ft ul{
    position:relative;
    overflow:hidden
}
.mod-head .ft li{
    float:left;
    height:40px;
    line-height:40px
}
.mod-head .ft li a{
    display:block;
    padding:0 20px;
    font-size:15px;
    color:rgba(255,255,255,0.8)
}
.mod-head .ft li.active{
    position:relative
}
.mod-head .ft li.active a{
    background:#BC2F3F;
    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:36px;
        padding-top:0;
        background:#a4672e
    }
    .mod-head .ft .outer{
        height:34px
    }
    .mod-head .ft ul{
        overflow-x:auto;
        white-space:nowrap;
        font-size:0
    }
    .mod-head .ft li{
        float:none;
        display:inline-block;
        height:36px;
        line-height:36px
    }
    .mod-head .ft li a{
        padding:0 12px;
        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
    }
}
 