@charset "utf-8";
/*!
 * 8jump global CSS
 * author:kevin xiao
 * mail:w5233@163.com
 */
html{}
body {
    margin: 0;
    background: #f3f3f3 url(../images/bg.png) repeat-x;
    font-size: 13px;
    font-family: \5FAE\8F6F\96C5\9ED1;
    color: #333;
}

a{
    color: #333;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
img{max-width: 100%;}
button,
input[type="button"]{border: none;}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="number"]{
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    font-family: "微软雅黑",Arial, Helvetica, sans-serif;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
input[type="text"],
input[type="password"]{
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
}

select{
    padding: 3px 3px 3px 6px;
}
textarea{
    padding: 5px 10px;
    line-height: 18px;
}

table th,
table td{}
table th{}

/***************************
 * 布局
***************************/
.wrapper{min-width: 1000px;}
.main{
    margin: 0 auto;
    width: 1000px;
}
.footer{
    margin-top: 45px;
    height: 168px;
    background: url(../images/footer-bg.png) repeat-x;
}
    .footer-container{
        margin: 0 auto;
        width: 1000px;
    }
    .footer-links{
        margin: 0 -10px;
        line-height: 34px;
    }
    .footer-links a{
        margin: 0 10px;
        color: #1885b7;
    }
    .footer-info{
        padding: 20px 0 0;
        line-height: 20px;
        font-size: 12px;
    }
    .footer-logo{
        float: left;
        margin: 5px 25px 0 0;
    }
    .footer-text{
        float: left;
    }
    .footer-webs{
        float: right;
        width: 279px;
        padding-left: 15px;
        border-left: 1px solid #e1e1e1;
    }
    .footer-webs h3{font-size: 12px;}
    .footer-webs a{margin-right: 10px;}


/***************************
 * 按钮
***************************/
.btn{
    display: inline-block;
    padding: 5px 10px;
    height: 20px;
    background: #ff9a36;
    background-repeat: repeat-x;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.btn span{}
.btn:hover{text-decoration: none;}

    .btn-order-serch{
        background-position: 0 -30px;
        border-color: #b2762e;
        color: #603706;
    }
    
    .btn-medium{
        padding: 10px 30px;
        font-size: 16px;
        background-position: 0 -60px;
    }
    
 /* 白色图标 */
.icon-white{
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../images/icon-packs-white.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    overflow: hidden;
}
    .icon-white-hotline{background-position: -36px 0;}
    .icon-white-online{background-position: -72px 0;}
    .icon-white-qq{background-position: -108px 0;}
    .icon-white-weixin{background-position: -144px 0;}
    .icon-white-sina{background-position: 0 -36px;}
    .icon-white-tencent{background-position: -36px -36px;}
   
/**********************
* 分页
**********************/
.page{
    padding-top: 30px;
    height: 26px;
    font-size: 12px;
    text-align: right;
    
}
.page-redirect,
.page-count,
.page-nav{
    display: inline-block;
    vertical-align: middle;
}
    
    .page-nav a{
        display: block;
        float: left;
        margin: 0 2px;
        padding: 0 10px;
        border: 1px solid #ccc;
        line-height: 24px;
    }
    .page-nav span{
        margin: 0 4px;
        color: #cacaca;
        float: left;
        line-height: 24px;
    }
    .page-nav a:hover,
    .page-nav .current{
        background-color: #ff9a36;
        border-color: #ff9a36;
        color: #fff;
        text-decoration: none;
    }
    
    .page-nav .prev{
        padding-left: 20px;
        background-image: url(../images/icon-page-prev.png);
        background-repeat: no-repeat;
    }
    .page-nav .next{
        padding-right: 20px;
        background-image: url(../images/icon-page-next.png);
        background-repeat: no-repeat;
        background-position: right 0;
    }
    .page-nav .prev:hover{background-position: 0 -24px;}
    .page-nav .next:hover{background-position: right -24px;}

    .page-count{
        padding: 0 10px;
        line-height: 26px;
    }

    .page-redirect span{
        float: left;
        line-height: 26px;
    }
    .page-redirect input[type="text"]{
        float: left;
        padding: 0;
        margin: 0 6px;
        text-align: center;
        height: 24px;
        width: 55px;
        line-height: 24px;
        font-size: 12px;
    }
    .page-redirect a{
        display: block;
        float: left;
        margin-left: 10px;
        padding: 0 12px;
        border-radius: 3px;
        line-height: 26px;
        background: #ff9a36;
        color: #fff;
    }
    .page-redirect a:hover{text-decoration: none;}

/***************************
 * 图标
***************************/
.icon{
    display: inline-block;
    background-repeat: no-repeat;
    font-style: normal;
    vertical-align: middle;
    overflow: hidden;
}
    .icon-vip,
    .icon-data,
    .icon-qq{
        width: 32px;
        height: 32px;
        background-image: url(../images/icon-packs-32.png);
    }
        .icon-lock{background-position: -32px 0;}
        .icon-qq{background-position: -64px 0;}
        .icon-data{background-position: -96px 0;}
        .icon-vip{background-position: 0 -32px;}
        
        
    .icon-lock,
    .icon-user,
    .icon-hotline,
    .icon-qq2,
    .icon-idpassed,
    .icon-autpassed,
    .icon-award,
    .icon-clock{
        width: 24px;
        height: 24px;
        background-image: url(../images/icon-packs-24.png);
    }
        .icon-award{background-position: -24px 0;}
        .icon-idpassed{background-position: 0 -24px;}
        .icon-autpassed{background-position: 0 -72px;}
        .icon-qq2{background-position: -24px -48px;}
        .icon-hotline{background-position: 0 -48px;}
        .icon-lock{background-position: -72px -48px;}
        .icon-user{background-position: -48px -48px;}

/***************************
 * 幻灯片
***************************/
/* focusbox */
.focusbox{
    position:relative;
    margin:0 auto;
    width:1000px;
    height:400px;
    overflow:hidden;
}
.contentimg{
    position:absolute;
    top:0;left:0;
    width:7000px;
}
.contentimg li{
    float:left;
    width:1000px;
    height:400px;
    overflow:hidden;
}
.contentimg li img{width:1000px;height:400px;}

.contentdesc{display: none;}

.focusbox .navbox{
    position: absolute;
    bottom: 0;left: 0;
    padding: 7px 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    background: url(../images/alpha-1.png);
}
.focusbox .navbox li{
    display: inline-block;
    font-size: 14px;
    padding: 3px;
}
.focusbox .navbox li img{width: 120px;height: 60px;}
.focusbox .navbox li.selected{
    padding: 0;
    border:3px solid #fff;
}

.button-item .btn-login{
    display: block;
    border: none;
    padding: 0;
    background: #ff8206;
    height: auto;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
}
.btn-login:hover{
    background: #ff9a36;
    color: #fff;
}

.banner-opr{
    height: 38px;
    color: #fff;
    line-height: 38px;
}
.banner-opr a{color: #ff8206;}
.banner-opr .forget{float: right;}
.banner-opr .reg{float: left;}
/***************************
 * 公共模块
***************************/
/**
 * 模块
**/
.tab,
.module{
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=2);
}
.module-bd{padding: 10px 13px;}
.tab-trigger,
.module-hd{
    padding: 0 13px;
    height: 31px;
    background: url(../images/module-hd.png) repeat-x;
}
    .module-hd h3{
        float: left;
        font-size: 15px;
        line-height: 30px;
    }
    .module-hd .more{
        float: right;
        line-height: 30px;
        color: #666;
    }
    
.module-style-2{border-color: #c29b32;}
.module-style-2 .module-hd{background-image: url(../images/module-hd-2.png);}
.module-style-2 .module-hd .more,
.module-style-2 .module-hd h3{color: #fefefe;}


/**
 * 扫描二维码
**/
.scan-code{
    padding: 15px;
    text-align: center;
}
    .scan-code img{
        display: block;
        margin: 0 auto 5px;
        width: 130px;
        border: 1px solid #ccc;
    }
    .scan-code span{
        display: block;
        width: 100%;
        color: #1885b7;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

/**
 * tab
**/
.tab{}
.tab-trigger{padding: 0;}
.tab-trigger ul:after {}

.tab-trigger li{
    float: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    cursor: pointer;
}
    .tab-trigger .last{border-right-width: 0;}

    .tab-trigger li a,
    .tab-trigger li span{
        display: block;
        padding: 3px 9px 3px 10px;
        margin-left: -1px;
        height: 24px;
        line-height: 24px;
    }
    .tab-trigger .current{
        background: #fff;
        padding-bottom: 0;
    }
    .tab-trigger .current a,
    .tab-trigger .current span{
        padding: 0px 9px 4px 10px;
        border-top: 3px solid #62bde6;
        color: #3898c4;
    }
    
.tab-content{
    padding: 10px 13px;
}
.tab-item{
	display: none;
}


/**
 * 表单
**/
.check{
    display: block;
    padding: 2px 0 2px 16px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
    .check input{
        float: left;
        margin: 4px 0 0 -16px;
    }

/**
 * 初始值提示表单
**/
select.tipform-inti,
input.tipform-inti,
textarea.tipform-inti{
    color: #aaa;
    border-color: #ccc;
}
.password-group{
    position: relative;
}
.password-group .js-password-tip{
    display: block;
    position: absolute;
    left: 10px;
    top: 4px;
    color: #aaa;
    cursor: text;
    background: #fff;
    font-size: 14px;
    font-family: \5FAE\8F6F\96C5\9ED1;
    line-height: 18px;
}


/**
 * 列表
**/
.list .item{position: relative;}

.list-text .item{
    padding: 0 0 0 17px;
    background: url(../images/list-1.png) no-repeat 3px 12px;
    line-height: 30px;
}
    .list-text .item a{
        display: block;
        border-bottom: 1px dotted #aaa;
    }
    .list-text .item span{
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
        font-size: 12px;
    }
    .list-text .unread a{
        color: #c00;
        font-weight: 700;
    }
    .list-text .last-item a{
        border-bottom-width: 0;
    }

/***************************
 * 头部
***************************/
.header{
    position: relative;
    padding-bottom: 5px;
    margin-bottom: -5px;
    background: url(../images/header-shadow.png) repeat-x 0 bottom;
    z-index: 90;
}
    .header-container{
        position: relative;
        padding-top: 80px;
        margin: 0 auto;
        width: 1000px;
    }

.logo{
    position: absolute;
    left: 0;
    top: 12px;
}
    .logo a{display: block;}
    
    .logo-sub{
        position: absolute;
        left: 190px;
        top: 27px;
    }
    
.header .lang{
    position: absolute;
    right: 0;
    top: 10px;
    color: #c6c6ff;
}
    .header .lang a{color: #a6c5ff;}
    .header .lang span{margin: 0 5px;}
    .header .lang .current{color: #5993fe;}
    
.header .userinfo{
    position: absolute;
    right: 0;
    top: 10px;
    color: #f60;
}
    .header .userinfo a{color: #f60;}
    .header .userinfo span{margin: 0 5px;}

.header .hotline{

    position: absolute;
    right: 0;
    bottom: 55px;
}
    .header .hotline span{
        position: relative;
        bottom: -2px;
        font-size: 24px;
        color: #f60;
    }

.header .search-bar1{
    position: absolute;
    right: 0;
    bottom: 9px;
    height: 27px;
    z-index: 9;
    padding-right: 29px;
}
    .search-bar1 input[type="text"]{
        width: 130px;
        border: none;
        height: 17px;
        line-height: 17px;
        border-radius: 5px 0 0 5px;
        background: #ffa13a;
        color: #fff;
    }
    .search-bar1 .tipform-inti[type="text"]{color: #fff;}
    .header .btn-search{
        display: block;
        position: absolute;
        right: 0;top: 0;
        padding: 0;
        width: 29px;
        height: 27px;
        border: none;
        border-radius: 0 5px 5px 0;
        background-image: url(../images/search-btn.png);
        background-repeat: no-repeat;
    }
    .header .btn-search span{display: none;}
    

/* 导航 */
.nav{min-height: 45px}
.nav .item{
    position: relative;
    float: left;
    margin-left: -2px;
    padding-left: 2px;
    background: url(../images/nav-line.png) no-repeat 0 center;
}
    .nav .item-1{padding-left: 0;background: none;}

.nav .pare{
    display: block;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
}

.nav .hover .pare,
.nav .pare:hover{
    background: #ffab0a;
    text-decoration: none;
}
    .nav .current{z-index: 10;background: none;}
    .nav .current .pare,
    .nav .current .pare:hover{
        height: 42px;
        background: #fe6102;
        border-bottom: 3px solid #d83d00;
        color: #fff;
        overflow: hidden;
    }

.sub-nav{
    position: absolute;
    left: 2px;
    top: 45px;
    padding: 10px;
    background: #fff url(../images/header-shadow.png) repeat-x;
    overflow: hidden;
}
    .nav-img{float: right;}
    .sub-list{float: left;}
    .sub-list a{
        display: block;
        padding: 3px 15px;
        white-space: nowrap;
    }
    .sub-list a:hover{
        background: #ff8206;
        color: #fff;
        text-decoration: none;
    }

/***************************
 * 功能
***************************/
/* 功能按钮 */
.module-opr a{
    display: block;
    float: left;
    margin: 0 12px;
    width: 85px;
}
.module-opr a span{
    display: block;
    padding: 5px 0 0;
    text-align: center;
    font-size: 18px;
}
/* 功能按钮 */
.exp-tools a.item{
    display: block;
    float: left;
    margin: 10px 8px 0 0;
    width: 60px;
}
    .exp-tools .item img{
        display: block;
        margin: 0 auto 5px;
        width: 32px;
        height: 32px;
    }
    .exp-tools .item span{
        display: block;
        width: 100%;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


/*************************
* 模块：固定客服栏
*************************/
.fix-side{
    position: fixed;
    right: 0;top: 0;bottom: 0;
    padding-left: 45px;
    color: #fff;
    z-index: 100;
    overflow: hidden;
}
.fix-trg{
    position: absolute;
    left: 0;top: 50%;
    margin-top: -81px;
    width: 45px;
    height: 163px;
    background: url(../images/fix-side-trg.png);
    cursor: default;
    overflow: hidden;
}
    .fix-trg span{
        display: block;
        margin: 0 auto;
        padding: 55px 0 32px;
        width: 17px;
        background: url(../images/fix-trg-closed.png) no-repeat center bottom;
        text-align: center;
        line-height: 14px;
    }
        .fix-show .fix-trg span{background-image: url(../images/fix-trg-opened.png);}
        
    .fix-trg i{
        position: absolute;
        top: 10px;left: 5px;
    }

.fix-content{
    position: absolute;
    top: 0;right: 0;bottom: 0;left: 45px;
    background: url(../images/fix-content.png);
    overflow: hidden;
}
.fix-content .scrwrap{
    position: absolute;
    top: 10px;bottom: 10px;left: 0;
    width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.fix-service{
    position: absolute;
    top: 0;left: 15px;
    width: 200px;
}
    .fix-service a{
        color: #fff;
        text-decoration: underline;
    }
    .fix-service h3{
        font-size: 14px;
        font-weight: 700;
    }
    .fix-service .item{
        padding: 15px 0 15px 50px;
        border-bottom: 1px solid #80529e;
        line-height: 24px;
    }
    .fix-service .item .icon-white{
        float: left;
        margin: 4px 0 0 -50px;
    }
        .fix-service .item-online a{
            display: inline-block;
            padding-left: 20px;
            background: url(../images/icon-qq.png) no-repeat 0 4px;
        }
    .fix-service .item-weixin .img{padding-top: 10px;}
    .fix-service .item-weixin .img img{width: 90px;}
    
    .fix-service .item-sina .icon-white,
    .fix-service .item-tencent .icon-white{margin-top: -5px;}
    .fix-service .item-sina a,
    .fix-service .item-tencent a{
        color: #d9a800;
        text-decoration: none;
    }
    
    .fix-service .business-hours{
        margin-top: 15px;
        padding: 10px 10px 10px 50px;
        background: #61357d;
        line-height: 20px;
    }
    .fix-service .item-groups p{
        height: 28px;
        line-height: 28px;
    }
    .fix-service .item-groups p strong{
        float: left;
        display: block;
    }
    .fix-service .item-groups p a{
        display: block;
        float: left;
        padding-left: 24px;
        background: url(../images/icon-qq.png) no-repeat 0 center;
    }

.fix-overlay{
    display: none;
    position: fixed;
    top: 0;right: 0;bottom: 0;left: 0;
    background: url(../images/fix-overlay.png);
    z-index: 99;
}


/* 矩形按钮 */
    .btn-rectangle{
        padding: 0 20px;
        background-color: #ff9a36;
        border: 1px solid #ff9a36;
        border-radius: 3px;
        line-height: 40px;
        font-size: 20px;
        color: #fff;
        height: 35px;
    }
    .btn-rectangle:hover{color: #fff;}
        .btn-rectangle.btn-grey{
            border-color: #e5e5e5;
            background-color: #efefef;
            color: #ababab;
            font-size: 14px;
        }
        .btn-rectangle.btn-yellow{
            border-color: #e5e5e5;
            background-color: #d9b41e;
            color: #fff;
        }
        .btn-rectangle.btn-green{
            border-color: #51b20a;
            background-color: #51b20a;
            color: #fff;
        }
        .btn-rectangle.btn-white{
            background-color: #fff;
            border-color: #dedede;
            color: #666;
        }
            .btn-rectangle.btn-white:hover{
                background-color: #f4f5f6;
                color: #666;
            }
        
    .btn-big{
        padding: 0 50px;
        line-height: 56px;
    }
    .btn-small{
        font-size: 14px;
        line-height: 28px;
    }
    .btn-mini{
        padding: 0 10px;
        font-size: 14px;
        line-height: 18px;
    }
    
button:disabled{
    background: #eee!important;
    color: #bbb!important;
    text-shadow: 1px 1px 0 #fff;
}

/*************************
* 公共：表单
*************************/

/* 验证提示信息 */
.validate{
    display: none;
    background-repeat: no-repeat;
}
    /* 验证成功 */
    .validate-success .validate{
        display: inline-block;
        padding-left: 25px;
        margin-left: 10px;
        background-image: url(../images/icon-success.png);
        background-position: 0 center;
        min-height: 1em;
        vertical-align: middle;
    }
    /* 验证出错 */
    .validate-error .validate{
        padding-left: 25px;
        background-image: url(../images/icon-error.png);
        color: #f00;
    }
        .validate-error .validate.inline{
            display: inline-block;
            margin-left: 10px;
            background-position: 0 center;
            min-height: 1em;
            vertical-align: middle;
        }
        .validate-error .validate.block{
            display: block;
            margin-top: 5px;
            min-height: 18px;
            background-position: 0 3px;
            line-height: 18px;
        }
    /* 警告 */
    .validate-warning .validate{
        display: inline-block;
        padding-left: 25px;
        background-image: url(../images/icon-warning.png);
        color: #f00;
    }
        .validate-warning .validate.inline{
            margin-left: 10px;
            background-position: 0 center;
            min-height: 1em;
            vertical-align: middle;
        }
/* 单选 复选 */
div.checks{}
label.checks,
div.checks label{
    display: block;
    padding: 5px 0 5px 20px;
    line-height: 20px;
}
label.checks.inline,
div.checks label.inline{
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}
    label.checks input[type="checkbox"],
    div.checks label input[type="checkbox"]{
        float: left;
        margin: 4px 0 0 -20px;
        margin: 1px 0 0 -23px\9;
    }
    label.checks input[type="radio"],
    div.checks label input[type="radio"]{
        float: left;
        margin: 4px 0 0 -18px;
        margin: 1px 0 0 -21px\9;
    }

/* 表单布局 */
.form-label:after{content: "：";}
.form-required .form-label:before{
    position: relative;
    top: 3px;
    margin-right: 3px;
    content: "*";
    color: #f00;
}
.form-tips{
    color: #d2d2d2;
    vertical-align: middle;
}
    p.form-tips{padding-top: 10px;line-height: 1.5;}
    span.form-tips{margin-left: 10px;}

/* 水平 */
.form-horizontal{margin: 20px 0 80px;}
.form-horizontal .form-title{margin-left: 110px;}
.form-horizontal .form-item{margin-bottom: 16px;}
.form-horizontal .form-label{
    position: relative;
    float: left;
    width: 110px;
    line-height: 47px;
}
.form-horizontal .form-label:after{
    position: absolute;
    right: 3px;top: 0;
}
.form-horizontal .controls,
.form-horizontal .form-button{margin-left: 110px;}

.form-horizontal .texts{line-height: 47px;}
.form-horizontal .checks{padding: 8px 0 9px;}


/*************************
* 说明文字
*************************/
.notis{}
.notis .notis-hd{
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}
.notis .notis-hd h3{
    font-size: 14px;
    line-height: 42px;
}
.notis .notis-bd{line-height: 1.7;}

/*************************
* 公共：返回结果
*************************/
.result{
    padding: 60px;
    min-height: 200px;
    text-align: center;
}
.result-title{
    display: inline-block;
    padding: 5px 0 5px 60px;
    background-repeat: no-repeat;
    background-position: 0 8px;
    line-height: 40px;
    font-size: 30px;
}
.result-subtitle{
    margin-top: 15px;
    font-size: 18px;
    line-height: 24px;
}
.result-guide,
.result-buttons{margin-top: 50px;}
.result-guide a{color: #c0a033;}
.result-guide span{
    margin: 0 10px;
    color: #c0a033;
    font-size: 12px;
}
    .result.success .result-title{
        color: #05b314;
        background-image: url(../images/icon-success-big.png);
    }
    .result.success .result-subtitle{color: #05b314;}