.captcha img{
    width: 100% !important;
    height: 100% !important;
}
/* 鍏ㄥ眬鍙橀噺 */
:root{
    --mainColor:#0C9DFC;
}
#articlePopup{ z-index: 10; }
#articlePopup iframe{ border: 0; padding: 20px 0 40px 0; width: 100%; height: 350px; }
.container{width: 1200px;margin: 0 auto;}
#box{position: relative;}
/* header */
/*.header{ height: 75px;background:#fff; }
.navbar .dropdown-menu{ border-radius: 0 0 6px 6px; border-top: 0; margin-top: -1px\9; }
.navbar .container-fluid{ position: relative; height: 75px; padding: 0; }
.navbar{
    position: relative;
    min-width: 1240px;
    height: 75px;    
    background:#fff; /*linear-gradient(90deg, rgb(91, 218, 255) 0%, rgb(33, 134, 246) 100%);
    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: 75px;
        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:#2964b0;
        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: 500px;
    overflow: hidden;
    padding: 20px 0 120px 0;
    text-align: center;
    background: url(../images/jumbotron.jpg) center 0 no-repeat;
    background-attachment: fixed;
	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: 17rem;
                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;
            }
            
            /* 瀵艰埅 */
#box{
    padding-top: 0;
}
#route{
    display: none;
}
/*#nav{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
#nav .nav-list .nav-item a,#nav .nav-list .nav-item{color: #fff;}
#nav .logo a{color: #fff;}
#nav-box{ position: fixed; top: 0px; left: 0px; width: 100%; height: 80px; background: rgba(16,116,225,0);z-index: 2;}
/* banner */
#banner{
    width: 100%;
    /*background: url("/static/index/img/images/banner.png?v=0.1");*/
    /*background-size: 100% 100%;*/
    /*height: 6.32rem;*/
    /* height: 520px; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
#banner .title{font-size:77px;color: #fff;margin-bottom:46px;}
#banner a{
    display: inline-block;
    width: 267px;
    height:71px;
    border-radius: 6px;
    background-color: #fff;
    color:var(--mainColor);
    /* margin-bottom: 139px; */
    font-size:30px;
    text-align: center;
    line-height:71px;
    cursor: pointer;
}
#banner .swiper-container{
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    /* height: 520px; */
}
#banner .swiper-container a{
    width: 100%;
    height: 100%;
}
#banner .swiper-container img{
    width: 100%;
    display: block;
    /* height: 100%; */
}
/* section */
.section{padding-top:10px;}
.section>.title{
    width: 100%;
    font-size:36px;
    line-height: 140px;
    text-align: center;
    color: #535353;
    font-weight: normal;
}
.section .list{width: 100%;}
.section .list .item{display: inline-block; width: 177px;height:155px;box-sizing: border-box;}
.section .list .item:nth-of-type(5n){margin-right: 0px;}
.section .list .item a{box-sizing: border-box; width: 100%;height: 100%; display: flex;flex-direction: column; justify-content: center;align-items: center;}
.section .list .item:hover{border: 1px solid #0C9DFC;border-radius:10px;}
.section .list .item a img{width:61px;margin-bottom:31px;}
.section .list .item a span{font-size:20px;color: #535353;}
#type{transition: .3s;}
/* 鍥炴敹鍗℃祦绋� */
#process{transition: .3s;}
#process .title{margin-bottom:35px;}
#process .list{border-radius: 8px;width: 100%;display: flex;justify-content: space-between;padding-top: 30px;background: #ffff;}
#process .list .item{ display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
#process .list .item img{height:60px;margin-bottom:14px;}
#process .list .item .icon_z{width: 120px;height: 30px;margin-top: 20px;}
#process .list .item .skyfont{width:60px;height:65px; font-size:65px;color: var(--mainColor);margin-bottom:30px;}
#process .list .item .step { font-size:16px; color: #535353; margin-bottom:12px; }
#process .list .item .info { width: 100%; text-align: center; font-size:14px;}
#process .list .item:hover{border: none;}
/* 鎴戜滑鐨勪紭鍔� */
#advantage>.title{margin-bottom:35px;}
#advantage .list{display: flex;justify-content: space-between;}
#advantage .list .item{width:288px;height:360px;position: relative;border-radius: 8px;overflow: hidden;margin-right: 0px;cursor: pointer;}
#advantage .list .item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;}
#advantage .list .item .info{position: absolute;bottom: -200px; width: 100%;height: 100%; box-sizing: border-box;padding: 0 32px;transition: .5s;}
#advantage .list .item .info .title{font-size:24px;color: #fff;text-align: center;}
#advantage .list .item .info .detail{opacity: 0;color: #fff;font-size:14px;letter-spacing: 1px;}
#advantage .list .item:hover{border: none;}
#advantage .list .item:hover .info{bottom: 0;background-color: var(--mainColor);}
#advantage .list .item:hover .info .detail{opacity: 1;}
/* 鍥炴敹甯歌闂 */
#faq>.title{margin-bottom:44px;}
#faq .list{width: 100%;}
#faq .list .item{
    margin-right:52px;
    margin-bottom:20px;
    width:570px;
    height:176px;
    box-sizing: border-box;
    padding:15px 32px;
    transition: .5s;
}
#faq .list .item:nth-of-type(even){margin-right: 0;}
#faq .list .item a{display: flex;width: 100%;}
#faq .list .item a .title{
    width: 100%;
    font-size:24px;
    line-height:60px;
    color: #535353;
}
#faq .list .item a .detail{
    width: 100%;
    font-size:14px;
    line-height:20px;
    color: #AAAAAA;
}
#faq .list .item:hover{
    background-color: #E6F7FF;
    border-left: 6px solid var(--mainColor);
    border-radius: 0px;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
#faq .list .item a .detail{
    position:relative;
    width: 100%;
    height:78px;
    overflow: hidden;
    font-size:14px;
    line-height:20px;
    color: #AAAAAA;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

#banner>.notice>.container>.swiper-container-notice .swiper-slide {
    background-color: transparent;
    text-align: left;
    color: #fff;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}