﻿@charset "UTF-8";
body{
    font-family: "Source Han Sans";

}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*头部*/
.header{
    height: 150px;
    background-color: #1d388f;
    padding-top:70px ;
}

.navbar-default{
    background-color: #1d388f;
    padding: 0;
    border:none;
    margin: 0;
}
.navbar-nav .s-color{
    font-size: 16px;
    color:#fff !important;
    cursor: pointer;
}

.navbar-nav .s-btn-color{
    font-size: 16px;
    color:#fff !important;
    border: 1px solid #fff !important;
    width: 70px;
    /*height: 32px;*/
    cursor: pointer;
    line-height: 5px;
    border-radius: 4px;
    margin-left: 5px;
    font-size: 14px;
    text-align:center;

}
.navbar-nav .s-btn-color:hover{
    text-align: center;
    border: 1px solid #fff !important;
    border-radius: 4px;
    width: 94px;
    color:black !important;
    background-color: #fff  !important;
    /*height: 40px;*/
    line-height: 5px;
    font-size: 14px;
}
.form-inline{
text-align: center;
width:800px;
height:50px;
/*line-height:50px;*/
margin:0 auto;
padding-right:20px;
position:relative;
z-index:0!important;
}


.form-inline > .fi-title{
    font-size:36px;
    color:#fff;
    font-weight:bold;
    position:absolute;
    left:-200px;
    top:-4px;
}
.form-inline .form-group{
    width: 594px;
    height: 46px;

}
.form-inline .form-group .input-group{
    width: 594px;
    height: 48px;
    /*border-radius:4px ;*/
}
.form-inline .form-group .input-group .form-control{

    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
    -moz-border-radius-bottomleft:4px ;
      -moz-border-radius-bottomright:4px ;
      box-shadow:inset 0 1px 1px rgba(0, 0, 0, .0);
    height: 46px;
        transition: 0;
             border: none;
}

.header .l-btn{
    font-size: 16px;
    width: 140px;
    height: 46px;
    background-color: #1c81e5;
}
.form-inline .form-btn{
    width:100px;
    margin-top:2px;
    float:right;
    position:absolute;
    right:13px;
    top:-2px;
    

}
.form-inline .form-btn>.btn{
     border-radius:0;
        border: none;
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px ;
      -moz-border-radius-topright:4px ;
}
 .form-inline .form-btn> .btn-primary:hover{

   background-color:#1c81e5;
}
.switch-title{
    height: 62px;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #d8d8d8;
}
.switch-title>ul{
    padding: 0;
}
.switch-title >ul>li{
    list-style: none;
    float: left;
    height: 62px;
    text-align: center;
    font-size: 16px;
    line-height: 62px;
    /*margin-left:20px;*/
    margin-right: 50px;
    width: 150px;
}
/*左则*/
.left-l{
    width: 220px;  
    float: left;
    margin-top:40px;
    position: relative;
    margin-right:60px;
}
.left-list{
    width: 220px;
    /*height: 500px;*/
    float: left;
    position: absolute;
    /*left: 0px;*/
}
.left-list .left-list-ul{
    list-style: none;
}
.container >.left-l .left-list> .left-list-ul > .active{
     background-color:#1d388f;
     color:#fff;
}
.left-list .left-list-ul >.one-li{
    text-indent: 1em;
    background-color: #f5f7fa;
    line-height: 42px;
    border-bottom: 1px solid #dedede;
    list-style: none;
    padding: 0;
    position: relative;
}
.left-list .left-list-ul >.one-li:hover{
    /*background-color:#d8e4f6;*/
    cursor:pointer;
    color:#fff;
    background-color:#1d388f;
}
.left-list .left-list-ul> .one-li >.sub{
    display: none;
    padding: 0;
}
.left-list .left-list-ul> .one-li >.sub >li{
    list-style: none;
    text-indent: 3em;
    width:220px;
    height: 42px;
    background-color: #f5f7fa;
    border-top: 1px solid  #dedede;
}
.left-list .left-list-ul> .one-li >.sub >li:hover{
    background-color: #e3e5e8;
}
.container >.left-l >.left-list >.left-list-ul > .one-li >.one-li-sp{
    background: url("/assets/images/HelpDoc/oval.png") no-repeat center center;
    /*background:red;*/
    font-size:12px;
    color:#fff;
    width: 50px;
    padding:0 !important;
    border:none !important;
    height: 25px;
    line-height:25px;
    padding:0;
    margin:0;
    position: absolute;
   text-align:center !important;
    line-height:20px;
     /*border-radius:10px;*/
     /*z-index:99;*/
    right: 6px;
    top:12px;
}
.container >.left-l >.left-list >.left-list-ul > .one-li >.one-li-sp>span{
    width:46px;
    height:24px;
    padding:0;
    margin:0;
    line-height:25px;
    position:absolute;
    left:0px;
    top:1px;
    padding-right:10px;
    z-index:9999;
}
.left-list .left-list-ul>.one-li .cur {
    /*background: url("/assets/images/HelpDoc/oval.png") no-repeat center center;*/
}
/*right-content*/
.right-content{
   float: left;
    width: 920px;
    position:relative;
     margin-top:60px;
    padding:2px;
    margin:0;
}
.right-content >h2{
   margin-top:40px;
   margin-bottom:60px;
}

/*二级样控制*/
/*三级问题详情 start*/
.right-content >.rc-two-details{
    padding: 0;
    margin: 0;

}
.right-content >.rc-two-details>.rc-two-li{
    /*text-indent: 2em;*/
    list-style: none;
    line-height: 60px;
    padding: 0;
}
.right-content >.rc-two-details>.rc-two-li:hover{
    /*background-color:#f5f7fa ;*/
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul>li>img{
    height: 350px;
    margin-top: 15px;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li1{
    font-size: 16px;
    line-height: 20px;
    text-indent: -2px;
        margin-top:15px;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li1> a{
    color:#1c81e5;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li1> a >span{
    /*padding:0;
    margin:0;
    border:none !important;*/
    color:#ff3c3c !important;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li2{
    font-size: 12px;
    margin-top:10px;
    line-height: 20px;
    margin-bottom:10px;
   position:relative;
    border-bottom: 1px dashed #dedede;
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li2>p{
    height:46px;
    overflow:hidden   
}
.right-content >.rc-two-details>.rc-two-li .rc-li-ul >.rc-li-ul-li2> p>a{
    height:20px;
    line-height:8px;
   /*position:absolute;*/
   bottom:5px;
   padding-bottom:7px;
 text-align:center;
   right:10px;
    width:40px;
    font-size:16px;
    color:black;
    border-radius:2px;
}

/*三级问题详情 end*/
.container{
    width: 1200px;
    padding:0;
    margin:0;
    border:none;
    margin:0 auto;
}
.right-btn{
    margin: 0 auto;
    text-align: center;
    height: 200px;
}
.right-btn .right-content-btn{
    width: 270px;
    height: 42px;
    margin:0 auto;
    background-color: #1c81e5;
    color: #fff;
}
.right-btn  .right-ul{
    /*margin-top: 30px;*/
    list-style: none;
    width: 600px;
    height: 100px;
    margin: 30px auto;
}
.right-btn  .right-ul > li{
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid #d8d8d8;
    margin-left: 10px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
}
.right-li1{
    background-color: #1c81e5;
}

.rc-reminder{
    height:550px;
    width: 920px;
   text-align:center;
    padding-top:146px;
    padding-right:40px;
    float:left;
}
.rc-reminder >ul>li{
    text-align:center;
    margin-bottom:34px;
}
.rc-reminder >ul>li>img{
    width:128px;
}
.rc-reminder >ul>li>button{
    height:50px;
    width:400px;
    background-color:#1c81e5;
    color:#fff;
    border:4px;
    margin-bottom:5px;
}
.rc-reminder >ul>li>button>a{
    color:#fff;
}




.next-qus{
    
    height:60px;
   padding-top:30px;
    border-top:1px dashed #dedede;
 
}
.next-qus >ul>li{
    float:left;
 
    margin-left:400px;
    text-align:center;

}
.next-qus >ul>li>span{
       color: #2582E2;

    }
.next-qus >ul >.next-qus-li1{
    margin-left:0px;
}
.next-qus >ul >.next-qus-li2 >span{
   color: #2582E2;
}

