/* header */
.header{ height: 70px; }
.navbar .dropdown-menu{ border-radius: 0 0 6px 6px; border-top: 0; margin-top: -1px\9; }
.navbar .container-fluid{ position: relative; height: 70px; padding: 0; }
.navbar{
    position: relative;
    min-width: 1240px;
    height: 70px;    
    background-color: #ed4e3a;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    border-bottom: 1px solid #eee\9;
    border-color: rgba(255,255,255,.01);
    transition: background-color .3s;
    box-shadow: 0 5px 30px -15px rgba(0,0,0,.2);
}
    /* navbar-fixed */
    .navbar-fixed{  
        z-index: 30;
        background-color: #eb3d34;
        box-shadow: 0 5px 30px -5px rgba(0,0,0,.2);
    }


	/* navbar-brand */
    .navbar-brand{
        position: absolute;
        top: 0;
        left: 70px;
        width: 200px;
        height: 70px;
        overflow: hidden;
        transition: background .3s;
    }
        .navbar-brand a{ display: block; width: 100%; height: 100%; }
        .navbar-brand .logo{ 
            margin: auto;
            width: 142px; 
            height: 40px; 
            margin-top: 15px;
            overflow: hidden;
            text-indent: -999px;
         /*   background: url(../images/logo_transparent.png) 0 0 no-repeat; */
        }


	/* navbar-primary */
    .navbar-primary{ margin: 0 280px 0 220px; text-align: center; }
	.navbar-nav{ white-space: nowrap; font-size: 0; }
	.navbar-nav > li + li{ margin-left: 6.5%; }
	.navbar-nav > li{ display: inline-block; vertical-align: middle; position: relative; }
	.navbar-nav > li > a{
        position: relative;
        display: block;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
        color: #fff;
        transition: .3s;
        white-space: nowrap;
	}
        .navbar-nav > li > a > .iconfont{ margin-right: 5px; font-size: 24px; vertical-align: -5px; opacity: .5; filter: alpha(opacity=50); }

        .navbar-nav > li.open > a,
        .navbar-nav > li.open > a:hover{ color: #007dfe; }
        .navbar-nav > li.open > a > .iconfont,
        .navbar-nav > li > a:hover > .iconfont,
        .navbar-nav > li.current > a > .iconfont{ opacity: 1; filter: alpha(opacity=100); }
        .navbar-nav > li.current > a,
        .navbar-nav > li.current > a:hover{ color: #007dfe; }
        .navbar-nav > li.current > a > span{ font-weight: 700; }
        .navbar-nav > li#navbar-sell > a:hover,
        .navbar-nav > li#navbar-sell.open > a,
        .navbar-nav > li#navbar-sell.open > a:hover,
        .navbar-nav > li#navbar-sell.current > a,
        .navbar-nav > li#navbar-sell.current > a:hover{ color: #007dfe; }

        .navbar-nav > li#navbar-chong > a:hover,
        .navbar-nav > li#navbar-chong.open > a,
        .navbar-nav > li#navbar-chong.open > a:hover,
        .navbar-nav > li#navbar-chong.current > a,
        .navbar-nav > li#navbar-chong.current > a:hover{ color: #f04848; }
        
        .navbar-nav > li#navbar-xianxia > a:hover,
        .navbar-nav > li#navbar-xianxia.open > a,
        .navbar-nav > li#navbar-xianxia.open > a:hover,
        .navbar-nav > li#navbar-xianxia.current > a,
        .navbar-nav > li#navbar-xianxia.current > a:hover{ color: #ff5c38; }

        .navbar-nav > li#navbar-buy > a:hover,
        .navbar-nav > li#navbar-buy.open > a,
        .navbar-nav > li#navbar-buy.open > a:hover,
        .navbar-nav > li#navbar-buy.current > a,
        .navbar-nav > li#navbar-buy.current > a:hover{ color: #0cc741; }

        .navbar-nav > li#navbar-jifen > a:hover,
        .navbar-nav > li#navbar-jifen.open > a,
        .navbar-nav > li#navbar-jifen.open > a:hover,
        .navbar-nav > li#navbar-jifen.current > a,
        .navbar-nav > li#navbar-jifen.current > a:hover{ color: #6d45bc; }

        .navbar-nav > li#navbar-app > a:hover,
        .navbar-nav > li#navbar-app.open > a,
        .navbar-nav > li#navbar-app.open > a:hover,
        .navbar-nav > li#navbar-app.current > a,
        .navbar-nav > li#navbar-app.current > a:hover{ color: #e53b75; }
        
        @media (max-width: 1420px) { .navbar-nav > li + li{ margin-left: 6%; } }
        @media (max-width: 1350px) { 
            .navbar-nav > li + li{ margin-left: 5%; } 
            .navbar-nav > li > a{ font-size: 15px; }
            .navbar-nav > li > a > .iconfont{ font-size: 20px; vertical-align: -2px; }

        }
    

    /* navbar-primary */
    .navbar-primary .dropdown-menu{ margin-left: -32px; background-color: rgba(255,255,255,.95); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } 
    .navbar-cardnav{ width: 700px; padding: 10px 20px 15px 20px; } 
    .navbar-cardnav li{ float: left; width: 220px; padding: 20px 20px 0 20px; }
    .navbar-cardnav .card{ position: relative; width: 180px; height: 98px; border-radius: 4px; transition: .3s; }
    .navbar-cardnav img{ position: absolute; display: block; height: 98px; border-radius: 4px; transition: .3s; }
    .navbar-cardnav img.cover{ left: 0; top: 0; z-index: 3; width: 180px; }
    .navbar-cardnav img.mid  { left: 4px; top: 4px; z-index: 2; width: 172px; opacity: .3; filter: alpha(opacity=30); }
    .navbar-cardnav img.down { left: 8px; top: 8px; z-index: 1; width: 164px; opacity: .1; filter: alpha(opacity=10); }
    .navbar-cardnav a:hover img.cover{ left: 0; top: -8px; width: 180px; }
    .navbar-cardnav a:hover img.mid  { left: 8px; top: 0; width: 164px;}
    .navbar-cardnav a:hover img.down { left: 16px; top: 8px; width: 148px; }
    .navbar-cardnav span{
        position: relative;
        display: block;
        padding: 15px 0 5px 0;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    /* navbar-hotcard */
    .navbar-hotcard{ padding: 18px 20px 20px 20px; overflow: hidden; border-top: 1px solid #f0f0f0; white-space: nowrap; }
    .navbar-hotcard > strong{ font-size: 16px; font-weight: 400; }
    .navbar-hotcard > a + a{ margin-left: 13px; }
    .navbar-hotcard > a{ color: #929292; }
    .navbar-hotcard > a:hover{ color: #007dfe; }

    /* navbar-download */
    .navbar-download{ width: 200px; padding: 15px; text-align: center; }
    .navbar-download h5{ margin-bottom: 15px; }
    .navbar-download img{ display: block; margin: auto; width: 150px; height: 150px; margin-bottom: 10px; padding: 5px; border: 1px solid #eee; border-radius: 6px; box-shadow: 1px 5px 10px rgba(200,200,200,.2); }
    .navbar-download .btns{ width: 150px; text-align: center; color: #666; }
    .navbar-download .btns .btn{ margin: 5px 0 13px 0; text-align: left; }
    .navbar-download .btn{ font-size: 13px; padding: 8px 20px 9px 15px; }
    .navbar-download .btn .iconfont{ font-size: 18px; margin-right: 8px; vertical-align: -1px; }
    .navbar-download .navbar-qbiclient{ border-top: 1px dotted #e5e5e5; margin-top: 20px; padding-top: 15px; white-space: nowrap; font-size: 0; }
    .navbar-download .navbar-qbiclient .btn{ font-size: 14px; }
    .navbar-download .navbar-qbiclient .btn + .btn{ margin: 0 0 0 15px; }

    /* navbar-customer */
    .navbar-customer{ position: absolute; top: 17px; right: 20px; }
    .navbar-customer .dropdown-menu{ right: 0; }
    .navbar-customer .dropdown-menu img{ display: block; }

    /* navbar-login */
    .navbar-login{ position: relative; }
    .navbar-login > li{ float: left; height: 53px; }
    .navbar-login > li + li{ margin-left: 15px; }
    .navbar-login > li.userstate1{ font-size: 0; }
    .navbar-login > li > .btn + .btn{ margin-left: 10px; }
    .navbar-login > li > .btn{ padding: 7px 20px; }
    .navbar-login > li > .navbar-links:hover{ background-color: #f6f6f7; }
    .navbar-login > li > .navbar-icon .iconfont{ font-size: 32px; } 
    .navbar-login > li > .navbar-icon{ position: relative; z-index: 10; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #ccc; }  
    .navbar-login > li > .navbar-icon:hover{ color: #007dfe; }  

    /* navbar-user */
    .navbar-login > .navbar-user > .navbar-avatar{ position: relative; height: 36px; line-height: 32px; padding: 0 15px 0 40px; }  
    .navbar-user > .navbar-avatar > .avatar .iconfont{ font-size: 28px; }
    .navbar-user > .navbar-avatar > .avatar{ 
        position: absolute;
        top: 3px;
        left: 3px;
        display: block; 
        width: 28px; 
        height: 28px; 
        text-align: center;
        overflow: hidden;
        line-height: 30px;
        border-radius: 50%; 
        transition: .3s;  
        cursor: pointer;
        color: #007dfe;
        text-indent: -1.5px;
        border: 2px solid #fff;
        background-color: #fff;
    }

    /* navbar-account */
    .navbar-account{ width: 280px;  }    
    .navbar-account-name{ text-align: center; padding: 15px 0 0 0; }
    .navbar-account-nav{ padding: 13px 15px 15px 15px; }
    .navbar-account-nav ul{ width: 100%; }
    .navbar-account-nav ul li{ float: left; width: 50%; text-align: center; padding: 5px; }
    .navbar-account-nav .iconfont{ font-size: 18px; margin-right: 5px; vertical-align: -2px; opacity: .5; filter: alpha(opacity=50); }
    .navbar-account-nav .btn{ display: block; padding: 8px 0; }
    .navbar-account-nav .btn:hover{ color: #007dfe; } 
    .navbar-account-set{ padding: 15px 20px 18px 20px; color: #aaa; font-size: 13px; border-top: 1px dotted #eee;}
    .navbar-account-set > a{ color: #999; }
    .navbar-account-set > a:hover{ color: #007dfe; }

	/* navbar-help */
    .navbar-help .dropdown-menu{ text-align: center; width: 220px; }
    .navbar-help .dropdown-menu p{ padding: 18px 25px; line-height: 1.4; color: #383838; overflow: hidden; }
    .navbar-help .dropdown-menu p.tel{ border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; }
    .navbar-help .dropdown-menu p.tel span{ padding: 5px 5px 0 5px; display: inline-block; font-weight: 400; }
    .navbar-help .dropdown-menu p.tel .text-orange{ border-top: 1px solid #eee; }
    .navbar-help .dropdown-menu p.link{ color: #aaa; }
 


/* navbar-transparent */
.navbar-transparent{ border: 0 none; box-shadow: none; background: transparent; }
.navbar-transparent .navbar-brand{ background: transparent;  }
.navbar-transparent .dropdown-menu{ border-top: 0; margin-top: -1px; }
.navbar-transparent .navbar-nav > li > a{ color: #fff!important; color: rgba(255,255,255,.8)!important; }
.navbar-transparent .navbar-nav > li > a:hover,
.navbar-transparent .navbar-nav > li.open > a,
.navbar-transparent .navbar-nav > li.open > a:hover,
.navbar-transparent .navbar-nav > li.current > a,
.navbar-transparent .navbar-nav > li.current > a:hover{ color: #fff!important; }
.navbar-transparent .navbar-login > li > .btn{ background: transparent; color: #fff; border-color: #fff; }
.navbar-transparent .navbar-login > li > .btn:hover{ background: rgba(0,0,0,.1); color: #fff!important; border-color: #fff; }
.navbar-transparent .navbar-login > li > .navbar-icon{ color: #fff; color: rgba(255,255,255,.6); }
.navbar-transparent .navbar-login > li > .navbar-icon:hover{ color: #fff; }  

/* jumbotron */
.jumbotron{
    position: relative;
    height: 37rem;
    overflow: hidden;
    padding: 20px 0 120px 0;
    text-align: center;
    background: url(https://cdn.img.weichewl.com/kjhs_web_home.png) center 0 no-repeat;
	background-size: cover;
}
    .jumbotron .btn-lg {
        border-width: 2px;
        font-size: 18px;
        padding: 20px 80px;
    }
	
/*masthead */
.masthead{
	overflow: hidden;
    height: 280px;
    text-align: center;
    color: #fff;
}
    .masthead h2{ font-size: 72px; padding: 40px 0 10px 0; display: none;}
    .masthead h3{ font-size: 38px; font-weight: 300;display: none;}
    .masthead h4{ font-size: 15px;display: none;}
	.masthead img{
		display: block;
		height: 200px;
		margin: auto;
		margin-top: 50px;
	}
	
/* kaka-notice */
.panel-stepflow{ padding: 0 0 40px 0; }
.kaka-notice{ max-width: 1200px; margin: auto; }
.kaka-notice{
    margin-top: -45px;
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
    height: 90px;
    border: 1px solid #f0f0f0;
    border-color: rgba(255,255,255,0);
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 10px 40px -5px rgba(0,0,0,.11);
}
    .kaka-notice-icon{ position: absolute; top: -1px; left: -1px; }
    .kaka-notice-icon .iconimg-notice{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 80px;
        height: 80px;
        background: url(../images/notice.png) 0 0 no-repeat;
        border-radius: 100px 0 0 100px;
    }
    .kaka-notice-time{ position: absolute; top: 22px; left: 30px; line-height: 20px; padding-right: 20px; text-align: right; border-right: 1px dashed #eee; }
    .kaka-notice-time > span{ font-size: 16px; color: #999; }
    .kaka-notice-time > strong{ display: block; font-size: 22px; color: #333; font-weight: 400; margin-top: 3px; }
    .kaka-notice-text{ margin: 0 100px 0 138px; padding: 20px 0 0 0; line-height: 25px; color: #ccc; }
    .kaka-notice-text > h5{ font-size: 18px; height: 25px; overflow: hidden; }
    .kaka-notice-text > p { font-size: 14px; height: 25px; }
    .kaka-notice-text > p > a{ color: #888; }
    .kaka-notice-text > p > a:hover{ color: #007dfe; }
    .kaka-notice-text a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    
    .kaka-notice-more{ position: absolute; top: 26px; right: 0; height: 36px; line-height: 18px; overflow: hidden; border-left: 1px dashed #eee; }
    .kaka-notice-more a{ display: block; padding: 0 30px 0 20px; color: #999; }
    .kaka-notice-more a:hover{ color: #007dfe; }
    .kaka-notice-more span{ display: block; width: 30px; text-align: center; margin: auto; }
    .kaka-notice-more .iconfont{ position: absolute; color: #ccc; right: 10px; top: 50%; margin-top: -10px; height: 20px; line-height: 20px; }
	
/* stepflow-group */
.stepflow-tips{ margin-top: 30px; }
.stepflow-group{ text-align: center; font-size: 0; white-space: nowrap; }
.stepflow-group li{ position: relative; height: 170px; display: inline-block; text-align: center; vertical-align: middle; }
.stepflow-group .title{ font-size: 16px; font-weight: 700; color: #333; }
.stepflow-group .num { font-size: 30px; color: #ddd; }
.stepflow-group .flow{ 
    position: relative;
    width: 132px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px; 
    margin-top: 34px;
    color: #ccc; 
	padding: 0 0;
}    
    .stepflow-group .flow:before{ left: -50%; margin-left: 20px; }
    .stepflow-group .flow:after{ right: -50%; margin-right: 20px; }
    .stepflow-group .flow:after, 
    .stepflow-group .flow:before{
        content: "";
        position: absolute;
        top: 50%;
        width: 70px;
        height: 0;
        border-top: 1px dashed #e5e5e5;
    }   
    @media (max-width: 1420px) { 
        .stepflow-group .flow{ width: 120px; }
        .stepflow-group .flow:before{ left: -50%; margin-left: 8px; }
        .stepflow-group .flow:after{ right: -50%; margin-right: 8px; }
    }
    .stepflow-group .icon{
        display: inline-block;
        margin: auto;
        padding: 4px;
        margin-bottom: 15px;
        border: 1px dashed #ccc;
        border-radius: 100px;
    }    
        .stepflow-group .iconfont{ 
            display: block; 
            width: 80px; 
            height: 80px; 
            line-height: 82px;
            text-align: center;
            overflow: hidden;
            font-size: 36px;
            border-radius: 100px;
            color: #fff;
            background-color: #149cf1;
        }
            .stepflow-group .iconfont-step-sign     { background-color: #149cf1; }
			.stepflow-group .iconfont-step-sign img { margin-top: 15px; }
            .stepflow-group .iconfont-step-realname { background-color: #14b5f1; }
			.stepflow-group .iconfont-step-realname img { margin-top: 15px; }
            .stepflow-group .iconfont-step-input    { background-color: #13c5cc; }
			.stepflow-group .iconfont-step-input img { margin-top: 15px; }
            .stepflow-group .iconfont-step-verify   { background-color: #13cc9e; }
			.stepflow-group .iconfont-step-verify img { margin-top: 15px; }
            .stepflow-group .iconfont-step-cash     { background-color: #13cc7b; }
			.stepflow-group .iconfont-step-cash img { margin-top: 15px; }
            .stepflow-group .iconfont-step-completed{ background-color: #27cd43; }
			.stepflow-group .iconfont-step-completed img { margin-top: 15px; }


            .index_icons{
                margin-left: 5rem;
                margin-top: 15rem;
                width: 23.5rem;
                cursor: pointer;
            }
            .index_icons>div{
                width: 50%;
                float: left;
                padding-right: 0.5rem;
                padding-top: 1rem;
                padding-left: 0.5rem;
            }