/**
common
**/
body {background: #fff;font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-weight: 400;}
a{color: #333;}
a:hover{color: #3f84e2;}
a:link,a:hover,a:visited,a:active{text-decoration: none;}
.btn{}
.btn-primary{background: #3f84e2;border-color:#3f84e2;}
.btn-primary:hover{border-color: #286090;}
ul,li{list-style: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;font-family: 'FZLTXHK','Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',SimSun,sans-serif;}
.form-group-lg .form-control,.form-control{border-radius: 2px;box-shadow:none;}
.section-block{padding: 50px 0 100px 0;}
.padding-b60{padding-bottom: 60px;}
.padding-t60{padding-top: 60px;}
.width60{width: 60%;}
.text-primary{color: #3f84e2;}
.panel-group .panel{border-radius: 0;}

/**
header
**/
.navbar-default{height: 80px;}
.navbar-default .navbar-nav li a{line-height:48px;font-size: 16px;}
.navbar-brand{padding:15px;}
.sigin-nav button{margin-right: 15px;margin-top: 25px;}
.navbar-default .navbar-nav>li>a{color: #555;}
.navbar-default .navbar-nav>li>a:hover{background: #eee;}

/**
footer
**/
.footer{background: #333;width: 100%;padding: 20px 0;font-size: 14px;color: #999;border-top: 1px solid #eee;}
.footer-content1{font-size: 14px;color: #ccc;}
.footer a{color: #fff;}

/**
index
**/
.index-main{background: #f5f5f5;padding: 20px 0;height: 80%;}
.server-menu-right{border-top: 1px solid #ccc;border-left: 1px solid #ccc;margin-top: 20px;}
.server-menu{}
.server-item{height: 213px;background: #fff;padding:35px 20px 20px 20px;text-align: center;display: block;cursor: pointer;border-bottom: 1px solid #ddd;border-right:1px solid #ccc;margin:0 -15px; }
.server-item:hover{background: #f5f5f5;}
.server-icon{width: 80px;height: 80px;margin: auto;color: #3f84e2;background: url("../images/index/circle-bg.png") no-repeat;}
.server-item h2{font-size: 18px;text-align: center;}
.server-item i{font-size:24px;margin: auto;text-align: center;display: block;line-height: 80px;}
.server-item p{color: #999;font-size: 12px;}
.server-item:hover > .server-icon{background:url(../images/index/circle-bg-hover.png) no-repeat;;color: #fff;}


.server-item_hidden{height: 213px;background: #fff;padding:35px 20px 20px 20px;text-align: center;display: block;cursor: default;border-bottom: 1px solid #ddd;border-right:1px solid #ccc;margin:0 -15px; }
.server-icon_hidden{width: 80px;height: 80px;margin: auto;color: #3f84e2;background: url("../images/index/circle-bg.png") no-repeat;}
.server-item_hidden h2{font-size: 18px;text-align: center;}
.server-item_hidden i{font-size:24px;margin: auto;text-align: center;display: block;line-height: 80px;}
.server-item_hidden p{color: #999;font-size: 12px;}
.server-item_hidden:hover > h2{color: #000;}

.banner{background: url("../images/banner.jpg") center no-repeat;width: 100%;height: 200px;margin-top: -20px;}
.pageleft{padding: 20px 0;}
.online-contact{background: url("../images/index/left-img1.jpg") no-repeat;height: 100px;width: 100%;overflow:hidden;display: block;border: 1px solid #ccc;}
.tel-box{background:#fff;border: 1px solid #ccc;margin-top: 10px;}
.tel-box h4{background: #f5f5f5;padding:10px;margin: 0;width: 100%;}
.tel-list{padding: 15px;}
.tel-list h5{font-size: 16px;font-weight: inherit;}
.tel-list h5 i{width: 20px;text-align: center;}
.tel-list p{color: #999;margin-bottom: 23px;}
.weixin{border: 1px solid #ccc;margin-top: 10px;background: #fff;}
.weixin h4{background: #f5f5f5;width: 100%;margin: 0;padding: 10px;}
.weixin img{margin: 20px auto;}

/**
login
**/
.login-logo{margin-top: 40px;}
.login-box{ background:url(../images/login/login-banner.jpg) no-repeat;padding:58px 0; margin-bottom:20px; height: 560px;margin-top: 10px;}
.login{background-color: #fff; border-radius: 4px;margin: 0 auto; padding: 20px 30px 15px;width: 360px; margin-right:20px;}
.login h4 {color: #aaa;}
.login p {color: #aaa;}
.login .form-title {font-weight: 300;margin-bottom: 25px;}
.input-icon i {color: #ccc; display: block;font-size: 16px; height: 16px; margin: 11px 2px 4px 10px;position: absolute; text-align: center;width: 16px;z-index: 9;}
.login .form-actions { border-bottom:1px solid #eee; background:none; border-top:none; border-radius:0;clear: both; margin-left: -10px; margin-right: -30px; padding: 0 30px 25px;}
.login .form-actions .checkbox { display: inline-block; margin-top: 8px;color:#aaa;font-weight:normal;}
.login .form-actions .btn { margin-top: 1px;}
.login .forget-password {margin-top: 25px;}
.login .create-account {border-top: 1px dotted #eee; margin-top: 15px; padding-top: 10px;}
.login .create-account a {display: inline-block;margin-top: 5px;}
.form-title a.sing-up{ line-height:32px; margin-right:10px; font-size:14px;}
.login .input-icon i{ margin:9px 2px 4px 10px;}
.input-icon {position: relative;}
.input-icon input {padding-left: 33px !important;}
.login .edao-btn{ position:relative;}
.login .edao-btn a{ border-color:#eee #eee #ddd; background:#efefef}
.login .edao-btn .badge { border-radius: 12px !important; border-style: solid; border-width: 0; box-shadow: none; color: white !important; font-family: "Open Sans",sans-serif; font-size: 11px !important; font-weight: 300; padding: 3px 6px; position: absolute; right: -5px; text-shadow: none; top: -5px;}
.verification{cursor: pointer;font-size: 16px;font-weight: bold;color: red;font-style: italic;letter-spacing: 10px;}

/*******register****/
.register-banner{ background:url(../images/register/register-banner.jpg) no-repeat; text-align:center; height:460px; position:relative;}
.register-banner a{ position:absolute; left:20px; top:20px;}
.register-banner .register-title{ margin-top:50px;}
.register-main .register-from{ width:400px; margin:auto; padding:50px 0;}
.register-main .register-from p{ padding:10px 0; text-align:center; color:#666}
.register-main .register-from p a{ margin-left:5px;}
.register-main .register-from label{ font-weight:normal;}
.register-main .input-icon i{ margin:9px 2px 4px 10px;}
.register-main .has-error .help-block{ color:#333;}
.register-main .help-block{ font-size:12px;}
.register-main .checkbox{margin-left: 20px;}

/**
block
**/
.container-white{background: #fff;}
.step-block{padding:0 0 20px 0;}
.block-title{border-bottom:1px solid #ccc; }
.block-title h3{line-height: 60px;margin: 0;font-size: 20px;}
.block-title .pull-right{color: #999;line-height: 60px;}
.agreement{max-height: 500px;overflow-y: auto;font-size: 12px;line-height: 2em;padding: 20px;color: #666;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.step-block .agreement-title{margin: 30px 0 10px;}



/**********/
.chose-collapse .checkbox{margin-left: 30px;}
.radio-list{line-height: 32px;}
.radio-list span{margin-right: 20px;}
.print{border:1px solid #ddd;max-height: 1200px;overflow-y: auto;font-size: 12px;line-height: 2em;padding: 10px;}


/********step******/
.step-section{
    height: 40px;
    border-top:#0be 1px solid;
    border-bottom:#0be 1px solid;
    border-right:#0be 1px solid;
    margin-top: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.step-item {
    position: relative;
    float: left;
    width: 227px;
    height: 100%;
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
    color: #0BE;
}
.step-item-icon-arrow {
    position: absolute;
    display: block;
    right: -20px;
    top: -1px;
    z-index: 2;
    background: url("../images/step-arrow.png");
    width: 20px;height: 40px;
}
.step-section .selected {
    background: #3f84e2;
    color: #fff;
}
.step-section .done {
    background: #3f84e2;
    color: #fff;
}
.step-section .selected .step-item-icon-arrow{background: url("../images/step-arrow-seclect.png");}
.step-section .done .step-item-icon-arrow{background: url("../images/step-arrow-done.png");}

/**app-item**/
.app-item{border: 0px solid #ccc;float: left;margin: 10px 9px; cursor: pointer;}
.app-item:hover{border: 0px solid #3f84e2;}
.app-item .app-logo{margin: 10px;width: 82px;height: 82px;overflow: hidden;}
.app-item p{background: #fff;margin: 0;margin-top: 8px;padding: 8px 0;border-top: 0px solid #ddd;}

/***form**/
.form-title{border-bottom: 1px dotted #3f84e2;padding: 10px 0;margin-bottom: 20px;}
.important-icon{padding-right: 5px;font-size: 16px;color: red;}

.file-btn{position: relative;}
.file-upload{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 8;opacity: 0;cursor: pointer;filter:alpha(opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.id-img{line-height: 32px;color: #3f84e2;}
.pay-list{min-height: 60px;}
.jiegou{padding: 40px;font-size: 18px;margin-top: 20px;}
.jiegou i{color: #3f84e2;font-size: 32px;}
.care-list li{list-style:decimal;}


/***abtou***/
.about-banner{background: url("../images/about－banner.jpg") center no-repeat;width: 100%;height: 200px;margin-top: -20px;}
.cplicon_l {
    width:240px;
    height:600px;
    float:left;
}
.cplicon_l ul {
    padding-top:25px;
}
.cplicon_l ul li {
    width:237px;
    height:40px;
    border-left:3px #FFF solid;
    line-height:40px;
    text-align:center;
    margin-top:5px;
}
.cplicon_l ul li:hover {
    width:237px;
    height:40px;
    border-left:3px #3fbe72 solid;
    background-color:#e9f4f7;
    line-height:40px;
    text-align:center;
    margin-top:5px;
}
.cplicon_l ul li a {
    width:237px;
    height:40px;
    display:block;
    font-size:15px;
    color:#919191;
    text-decoration:none;
}
.cplicon_l ul li a:hover {
    width:237px;
    height:40px;
    display:block;
    font-size:15px;
    color:#42a5f5;
    text-decoration:none;
}
.cplicon_l ul li.dq_li {
    width:237px;
    height:40px;
    border-left:3px #3fbe72 solid;
    background-color:#e9f4f7;
    line-height:40px;
    text-align:center;
    margin-top:5px;
}
.cplicon_l ul li.dq_li a {
    width:237px;
    height:40px;
    display:block;
    font-size:15px;
    color:#42a5f5;
    text-decoration:none;
}
.cplicon_r {
    width:900px;
    float:right;
    padding-top:30px;
    margin-bottom:60px;
}
.cplicon_r2 {
    width:900px;
    float:right;
    padding-top:30px;
    margin-bottom:60px;
}
.cplicon_r2 h4 {
    width:860px;
    height:40px;
    margin-left:40px;
    border-bottom:1px #DADADA dotted;
    font-size:18px;
    color:#5e5e5e;
    margin-bottom:20px;
    font-weight:100;
}
.cplicon_r2 h4 span {
}
.cplicon_r h2 {
    width:860px;
    height:40px;
    margin-left:40px;
    border-bottom:1px #DADADA dotted;
    font-size:18px;
    color:#5e5e5e;
    margin-bottom:50px;
}
.cplicon_r h2 span {
    font-size:16px;
}
.cpli_li {
    width:260px;
    height:275px;
    float:left;
    margin-left:40px;
}
.cpli_li h2 {
    width:260px;
    height:75px;
    line-height:75px;
    text-align:center;
    margin:0 auto;
    border-bottom:none;
}
.cpli_li h2 a {
    font-size:15px;
    color:#5e5e5e;
    text-decoration:none;
}
.dan {
    width:860px;
    margin-left:40px;
}
.dan p {
    font-size:13px;
    line-height:25px;
    color:#919191;
    width:860px;
    margin:0 auto;
}
.neirong p {
    font-size:13px;
    line-height:25px;
    color:#919191;
    width:780px;
    margin:0 auto;
}
.neirong h2 {
    width:150px;
    height:35px;
    display:block;
    line-height:35px;
    text-align:center;
    font-size:13px;
    border:1px #3fbe72 solid;
    text-decoration:none;
    margin-top:40px;
    margin-left:40px;
    margin-bottom:15px;
    /* Gecko browsers */
    -moz-border-radius-topleft: 17px;
    -moz-border-radius-topright: 17px;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-bottomright: 17px;
    /* Webkit browsers */
    -webkit-border-top-left-radius: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -webkit-border-bottom-right-radius: 17px;
    /* W3C syntax */
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-radius:17px 17px 17px 17px;
}
.neirong h3 {
    font-size:14px;
    line-height:25px;
    color:#5e5e5e;
    width:780px;
    margin:0 auto;
    margin-top:5px;
}

.history{ background:url('../images/gblock.png') repeat-y 80px 0; margin-bottom:100px;margin-left: 60px; }
.history li{ display:block; margin-bottom:35px; overflow:hidden; }
.history li:nth-child(1){ background:url('../images/wretangle.png') no-repeat 0 -493px; }
.history li:nth-last-child(1){ background:url('../images/wretangle.png') no-repeat 0 10px; }
.history li .year{ font-size:14px; display:block; float:left; height:24px; line-height:24px; }
.history i{ display:block; float:left; width:13px; height:13px; border:2px solid #fff; background:#e3e3e3; margin:0 0 0 29px; margin-top:7px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.history li p{ display:block; margin-left:118px; font-size:13px; line-height:24px; color:#666; margin-bottom:0; }
.history li:hover i{ background:#e0244d; }

/***content***/
.content-banner{background: url("../images/content-banner.jpg") center no-repeat;width: 100%;height: 200px;margin-top: -20px;}
.contact-title{font-size: 14px;color: #333;}

/***detail***/
.detail-banner{background: url("../images/faq.jpg") center no-repeat;width: 100%;height: 200px;margin-top: -20px;}
.neirong2{margin-left: 40px;}

/***print***/
.print-header{position: relative;}
.print-header h2{font-size: 20px;}
.print-input{border-left: 0;border-right: 0;border-top: 0;border-bottom: 1px solid #666;padding:0 10px;margin:0 10px;}
.print-page table thead tr{background: #ddd;font-size: 13px;border-bottom: 1px solid #ddd; font-weight:bold;}
.print-page table tbody tr td{padding: 12px 8px 8px;font-size: 12px;}
.print-page table tr td,.print-page table tr th{border: 0;font-size: 12px;}
.print-page ul li{line-height: 28px;}
.print-footer{color: #999;}
.print-page .print-footer table td{padding: 5px;}
.print-page .checkbox-inline{padding: 0;margin: 0 20px 0 0;}
.print-page .line-height2{line-height: 2em;}
.code-box{position: absolute;top: 0px;left:0px;}
.print-log{margin-left:100px;margin-bottom:30px;}
.print-date{border-left: 0;border-right: 0;border-top: 0;border-bottom: 1px solid #666;padding:0 0px;margin:0 0px;width:80px;}

/**agreement-header***/
.agreement-page{line-height: 2.4em;}
.agreement-header h2{font-size: 20px;margin-bottom: 20px;color: #333;}
.agreement-header .logo{padding-bottom: 10px;border-bottom: 4px solid #555;}
.agreement-page .list-style-num{margin-left: 15px;}
.agreement-page .list-style-num li{list-style: decimal;line-height: 2.4em;}
.agreement-page h5{margin-top: 30px;color: #333;}


/***user****/
.one-fourths{
    width: 25%;padding:0 15px;}
.three-fourths{width: 75%;}
.user-tab{
    margin-bottom: 15px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d8d8d8;
}
.user-tab h4{
    display: block;
    padding: 8px 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #555;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
}
.user-tab a{
    position: relative;
    display: block;
    padding: 8px 10px;
    text-shadow: 0 1px 0 #fff;
    border-bottom: 1px solid #eee;
    color: #4078c0;
}
.user-tab a.selected{
    font-weight: bold;
    color: #222;
    cursor: default;
    background-color: #fff;
}
.user-tab a.selected::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    content: "";
    background-color: #d26911;
}
.user-title{
    display: block;
    padding: 9px 10px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}
.user-info{
    padding: 10px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #d8d8d8;margin-bottom: 40px;
}
.detail-parts-table{position: relative;}
.btn-edit-profile{position: absolute;top: 10px;right: 10px;}
.detail-part-1-col{margin-bottom: 40px;}
.create-title{border-bottom: 2px solid #eee;}
.create-title h5{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 15px;
    border-bottom: 2px solid #ccc;
    margin-bottom: -2px;
}
.detail-part-1-col dd{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 10px 0 0 0;
    line-height: 24px;
}
.detail-cell{
    display: table-cell;
    height: 24px;
    padding: 0 30px 0 0;
}
.detail-cell label{
    width: auto;
    display: inline-block;
    color: #999;
}

/***弹窗**/
 .loading-bg{
     width: 100%;
     min-height: 100%;
     height: auto;
     display: -webkit-box;
     display: box;
     display: -moz-box;
     display: -o-box;
     -webkit-box-align: center;
     -moz-box-align: center;
     -o-box-align: center;
     box-align: center;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -o-box-pack: center;
     box-pack: center;
 }
 .check-img{
     width: 80px;height: 80px;background: url("../images/index/circle-bg.png") no-repeat #fff;text-align: center;line-height: 80px;font-size: 32px;margin:0 0 20px 0;
 }
.text-alert{padding: 20px 0;}
 .text-alert i{vertical-align: middle;}
/****icon大小***/
.fa-6 {
    font-size: 20em;
}
.fa-5 {
    font-size: 12em;
}
.fa-4 {
    font-size: 7em;
}
.fa-3 {
    font-size: 4em;
}
.fa-2 {
    font-size: 2em;
}


/**zlsh**/
.zj-item{width: 20%;display: block;float: left;text-align: center;cursor: pointer;}
.zj-item span{display: block;padding: 10px 0;}

/**
适配
**/
@media screen and (max-width: 640px) {

}

@media screen and (max-width: 1170px) {

}

.clsImg{padding-top:300px;} 
.imgAttr{position:absolute; height:225px; width:300px; border:1px solid #ccc; margin-left:135px; display:none;}
.footShow{display:none;}

.user-condition{
    display: block;
    padding: 9px 10px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 40px;
    /* background-color: #f5f5f5; */
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}
.subTab{
}
.checkbox-title {font-size:14px;padding: 5px 5px 10px;height:29px;}