.main{
    margin-left: 200px;
    transition: 0.3s;
    animation: 0.3;
}
.main.shrink{
    margin-left: 60px;
}
.leftnav.shrink{
    z-index: -1;
}
.leftnav{
    position: fixed;
    top:0;
    left: 0;
    width: 200px;
    border-right: 1px solid #d9d9d9;
    bottom: 0px;
    overflow: scroll;
    /* z-index: -1; */
    animation: 0.1s;
    transition: 0.1s;
}
.leftnav::-webkit-scrollbar {
    display: none;
}
.leftnav.shrink{
    z-index: -1;
    opacity: 0;
}
.topnav{
    height: 60px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    background: #fff;
}

.topnav .zhuti{
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../image/zhuti.png);
    width: 14px;
    height: 14px;
    text-indent: -30px;
}
.topnav .gonggao{
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../image/xiaoxi.png);
    width: 14px;
    height: 14px;
    text-indent: -30px;
}
.topnav .zhuti::before , .topnav .gonggao::before{
    content: "";
}   
.topnav .exit{
    position: absolute;
}
.topnav  .text{
    padding-right: 130px;
    text-align: right;
}
.topnav  .text .item{
    display: inline-block;
    line-height: 60px;
    padding: 0 10px;
    color: #a3a3a3;
}
.topnav  .text .item.active{
    color: #ffb47f;
}
.topnav   .ava {
    position: absolute;
    width: 40px;
    height: 40px;
    background: red;
    top: 10px;
    right: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.topnav   .ava img{
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
}
.topnav  .exit{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
}
.topnav .lefticon{
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
    color: #ff6900;
}
.topnav  .exit{
    line-height: 60px;
    text-align: center
}
.topnav  .ava .avaimage{
    width: 40px;
    top: 10px;
    right: 10px;
    height: 40px;
    position: absolute;
    background: red;
}
.leftnav .logo{
    margin: 20px 0 40px;
}
.leftnav .logo img{
    width:75px;
    display: block;
    margin: 0 auto;
}


.leftnavsmall{
    width: 60px;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 3;
    animation: 0.3s;
    transition: 0.3s
}
.leftnavsmall.shrink{
    display: block;
}
.leftnavsmall .ava{
    margin: 90px auto 110px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.leftnavsmall .ava img{
    width: 100%;
    height: 100%;
}
.leftnavsmall ul{
    margin: 0;
    padding: 0;
}
.leftnavsmall ul li{
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}



ul.icon li span.glyphicon{
    color: #fff;
    background-size: contain;
    background-position: center center;
    text-indent: -70px;
    width: 20px;
    height: 20px;
}

ul.icon li span.a{
    background-image: url(../image/kongzhi.png);

} 
ul.icon li span.a.active{
    background-image: url(../image/kongzhi1.png)
}


ul.icon li span.b{
    background-image: url(../image/baoxian2.png);

} 
ul.icon li span.b.active{
    background-image: url(../image/baoxian3.png);
}


ul.icon li span.c{
    background-image: url(../image/baoxian.png);

} 
ul.icon li span.c.active{
    background-image: url(../image/baoxian1.png)
}


ul.icon li span.d{
    background-image: url(../image/qianz1.png);

} 
ul.icon li span.d.active{
    background-image: url(../image/qianz.png)
}

ul.icon li span.e{
    background-image: url(../image/hangkong.png);

} 
ul.icon li span.e.active{
    background-image: url(../image/hangkong1.png)
}

ul.icon li span.f{
    background-image: url(../image/yiwai.png);

} 
ul.icon li span.f.active{
    background-image: url(../image/yiwai1.png)
}

ul.icon li span.g{
    background-image: url(../image/baodan1.png);

} 
ul.icon li span.g.active{
    background-image: url(../image/baodan.png)
}

ul.icon li span.h{
    background-image: url(../image/fenxiao.png);

} 
ul.icon li span.h.active{
    background-image: url(../image/fenxiao1.png)
}

ul.icon li span.i{
    background-image: url(../image/xiahosu.png);

} 
ul.icon li span.i.active{
    background-image: url(../image/xiaoshou.png)
}

ul.icon li span.j{
    background-image: url(../image/lipei.png);

} 
ul.icon li span.j.active{
    background-image: url(../image/lipei.png)
}

ul.icon li span.k{
    background-image: url(../image/kongzhi.png);

} 
ul.icon li span.k.active{
    background-image: url(../image/chaiwu.png)
}

ul.icon li span.l{
    background-image: url(../image/houtai.png);

} 
ul.icon li span.l.active{
    background-image: url(../image/houtai1.png)
}

ul.icon li span.m{
    background-image: url(../image/xitong.png);

} 
ul.icon li span.m.active{
    background-image: url(../image/xitong2.png)
}

ul.icon li span.n{
    background-image: url(../image/xingzheng.png);

} 
ul.icon li span.n.active{
    background-image: url(../image/xingzheng2.png)
}
.leftnavsmall ul li.active{
    background: #ff6900;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.my_info  .ava{
    width: 70px;
    height: 70px;
    margin: 0px auto;
    border-radius: 50%;
    overflow: hidden;
}
.my_info  .ava img{
    width: 100%;
    height: 100%;
    display: block
}
.my_info h5{
    text-align: center
}
.my_info  .herfwrap{
    display: flex;
    width: 100px;
    margin: 0 auto;
}
.my_info  .herfwrap .item{
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius: 50%;
    /* background: red; */
    background-size: contain;
    background-position: center  center;
    flex: 1;
}
.my_info  .herfwrap .item:nth-child(1){
    background-image: url(../image/zhu.png);
}
.my_info  .herfwrap .item:nth-child(2){
    background-image: url(../image/zhu3.png);
}
.menu ul {
    padding: 0;
}
.menu ul li{
    line-height: 45px;
    list-style: none;
    padding-left: 10px;
}
.menu ul li:hover > a{
    color: #d9d9d9;
}
.menu ul li a{
    text-decoration: none;
    color: #666;
}
.menu ul > li a {
    display: block;
    position: relative;
}
.menu ul > li  .glyphicon{
    position: relative;
    top: 2px;
}
.menu > ul > li > a::after{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #666;
    margin-left: 10px;
    -webkit-transform: rotate(135deg) translate(0,-50%);
    -ms-transform: rotate(135deg) translate(0,-50%);
    -o-transform: rotate(135deg) translate(0,-50%);
    transform: rotate(135deg) translate(0,-50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 21px;
    right: 35px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.menu ul > li  .title{
    display: inline-block;
    padding-left: 10px
}
.menu ul > li > a{
    padding-left: 10px;
}
.menu ul > li > a.active{
    background: #ff6900;
    border-top-left-radius: 22.5px;
    border-bottom-left-radius: 22.5px;
    color: #fff;
}
.menu ul > li > a.active::after{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    margin-left: 10px;
    -webkit-transform: rotate(-135deg) translate(0,-50%);
    -ms-transform: rotate(-135deg) translate(0,-50%);
    -o-transform: rotate(-135deg) translate(0,-50%);
    transform: rotate(-135deg) translate(0,-50%);

    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 21px;
    right: 35px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.menu ul > li  .second{
    display: inline-block;
    text-indent: 30px;
}

.maibshow{
    background: #f7f7f7;
    padding: 20px;
    padding-right: 65px;
}

.margintop20{
    margin-top: 20px;
    padding: 15px;
    background: #fff;
}

.cardshandow{
    box-shadow: 3px 3px 5px #d9d9d9;
}
h4.title.normal{
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9ca1ac;
}
/* 首页指数 */
.index.title{
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9ca1ac;
}
.topindex .item{
    background: #fff;
    padding: 15px;
}

.topindex .item .title{
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9ca1ac;
}
.topindex .item .cardmain{
    display: flex;
}
.topindex .item .cardmain .colorcard{
    width: 100px;
    height: 100px;
    /* background: #333d54; */
    background-size: contain;
    background-position: center center;
}
.topindex .item .cardmain .colorcard.xiaoshoue{
    background-image: url(../image/zhu2.png)
}
.topindex .item .cardmain .colorcard.shouyi{
    background-image: url(../image/zhu1.png)
}
.topindex .item .cardmain .left{
    width: 120px;
}
.topindex .item .cardmain .right{
    flex: 1;
}
.topindex .item .cardmain  .top{
    padding-bottom: 40px;
    color: #666;
}
.topindex .item .cardmain  .bottom{
    font-size: 20px;
    position: relative;
}
.topindex .item .cardmain  .bottom::after{ /* content: ">"; */
    
    position: absolute;
    right: 15px;
    font-size: 18px;
    top: 10px;
}

.topindex .item   .cardmain.sp{
    display: flex;
}
.topindex .item   .cardmain .card{
    flex: 1;
    height: 75px;
    margin-top: 25px;
    border-right: 1px solid #d9d9d9;
}
.topindex .item   .cardmain .card:nth-child(3){
    border-right: none;
}
.topindex .item   .cardmain .card .number{
    text-align: center;
    font-size: 24px;
    line-height: 40px;;
}
.topindex .item   .cardmain .card  .desc{
    text-align: center;
}
.normal.wrap{
    background: #fff;
    margin-top: 15px;
}
.normalshow{
    display: flex
}
.normalshow .item{
    flex: 1;
    margin-top: 20px;
    border-right: 1px solid #d9d9d9;
}
.normalshow .item .image{
    width: 50px;
    height: 50px;
    /* background: red; */
    background-size: contain;
    background-position: center center;
    margin: 0 auto 20px;
    background-repeat: no-repeat;
}

.normalshow .item:nth-child(1) .image{
    background-image: url(../image/fapiao.png)
}
.normalshow .item:nth-child(2) .image{
    background-image: url(../image/order.png)
}
.normalshow .item:nth-child(3) .image{
    background-image: url(../image/jiesuan.png)
}
.normalshow .item:nth-child(4) .image{
    background-image: url(../image/rengonglipei1.png)
}
.normalshow .item:nth-child(5) .image{
    background-image: url(../image/tianjia.png)
}

.normalshow .item:nth-child(5){
    border-right: none;
}
.normalshow .item .desc{
    text-align: center;
}
.sellwrap #sellchart , .sellwrap #shopchart ,.sellwrap #userchart {
    height: 360px;
    /* width: 10000px; */
}


/* 业务关联页面样式 */


.tablewrap{
    background: #f7f7f7;
    min-height: 900px;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 65px;
}
.tablewrap .tablesearch .input-group{
    width: 350PX;
}
.tablewrap .tablesearch .input-group.sp{
    width: 128px;
    margin: 0 4px
}
.tablewrap .tablesearch .form-control.center{
    width: 230px;
    margin: 0 10px;
}
.tablewrap .tablesearch .form-control.start{
    width: 90px;
    /* margin: 0 20px; */
}
.tablewrap .tablesearch  .rightbutton{
    text-align: right;
    padding-right: 70px;
}

.tablewrap .tablesearch  .rightbutton .navbar-btn{
    margin: 0;
}
.tablewrap .tablesearch  .rightbutton .navbar-btn:nth-child(1){
    background: #ff6900;
    color: #fff;
    font-weight: normal;
}

.tablewrap .tablesearch  .rightbutton .navbar-btn:nth-child(2){
    background: #597bc9;
    color: #fff;
    font-weight: normal;
}
.tablemain{
    margin-top: 50px;
}
.tablemain table.table{
    background: #fbfbfb;
}
.tablemain .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f3f3f5
}
.tablemain table.table td span.item{
    color: #ff6900;
    border-right: 1px solid #d9d9d9;
    display: inline-block;
    padding-right: 5px;
    cursor: pointer;
}
.tablemain table.table td span.item:nth-child(4){
    color: #000;
    border: none;
}
.tablepage ul{
    /* text-align: right */
    float: right;
    padding-right: 70px;
}
.tablepage ul li a{
    margin: 0 5px;
}
.tablepage ul li.active a{
    border-color: #ff6900;
    background: #ff6900;
    color: #fff;
}
.tablepage ul li a{
    color: #666;
}


/* 表格 */
.orderwrap{
    background: #f7f7f7;
    min-height: 900px;
    padding: 30px;
    padding-right: 65px;
}


.orderwrap .table>tbody>tr>td,.orderwrap .table>tbody>tr>th,.orderwrap .table>tfoot>tr>td,.orderwrap .table>tfoot>tr>th, .orderwrap .table>thead>tr>td, .table>thead>tr>th{
    border-top: none;
}

.orderwrap .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f6f7f9
}
.orderwrap .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}

.orderwrap .lefttitle{

}
.orderwrap .input_wrap {
    display: inline-block;
    width: 370px;
    margin-left: 70px;
    height: 30px;

}
.orderwrap .input_wrap input{
    width: 100%;
    width: 370px;
    /* margin-left: 70px; */
    height: 30px;
    font-weight: normal;
}
.orderwrap .input_wrap button{
    width: 370px;
    text-align: left;
    position: relative
}
.orderwrap .input_wrap  .caret{
    position: absolute;
    top: 12px;
    right: 10px;
}
.orderwrap  .lefttitle{
    padding-left: 20px;
    display: inline-block;
    position: relative;
    font-weight: normal;
    width: 110px;
}
.orderwrap  .lefttitle.point::after{
    position: absolute;
    content: "*";
    left: 10px;
    top: 3px;
    color: #ff6900;
    width: 20px;
}
.orderwrap  .ulwrap{
    margin-left: 100px;   
}
.orderwrap  .ulwrap li{
    line-height: 2.2em;
    list-style-type: none;
    position: relative;
}
.orderwrap  .ulwrap li.active{
    color: #ff6900;
}
.orderwrap  .ulwrap li::before{
    content: "·";
    position: absolute;
    top: 0px;
    left: -10px;
    font-weight: bolder;
}
.orderwrap .notice_control{
    padding: 20px;
}
.orderwrap .notice_control .left .radio{
    display: inline-block;
    margin-right: 15px;
}
.orderwrap .notice_control{
    display: flex
}
.orderwrap .notice_control > div{
    flex: 1;
}
.orderwrap .notice_control .right{
    text-align: right;
}
.orderwrap .notice_control .right button{
    display: inline-block;
}
.orderwrap .notice_control .right button.blue{
    background-color: #597bc9;
    color: #fff;
}
.orderwrap .notice_control .right button.delete{
    background-color: #ff6900;
    color: #fff;
}
.orderwrap .notice_control .right button.caogao{
    background: #fff;
    color: #ff6900;
    border-color: #ff6900;
}
.orderwrap  .insure{
    position: relative;
}
.orderwrap  .insure .input_wrap .radio{
    display: inline-block;
}
.orderwrap  .insure .input_wrap{
    margin-left: 10px;
}
.orderwrap  .insure .input_wrap .radio{
    color: #ff6900;
}
.orderwrap .insure .input_wrap input{
    height: auto;
}
.orderwrap .insure .desc{
    display: inline-block;
}

.orderwrap .insure .desc{
    position: absolute;
    right: 0;
    top: 15px;
}
.orderwrap .applicant_input_wrap{
    width: 140px;
    margin: 0 auto;
}
.orderwrap .applicant_input_wrap input{
    width: 130px;
    margin: 0;
    display: block;
    height: 30px;
}
.orderwrap  .title td{
    text-align: center;
}
.orderwrap  .applicant{
    margin: 0;
}
.orderwrap  .applicant td{
    line-height: 30px;;
}
.orderwrap  .applicant_input_wrap .btn.btn-default{
    display: block;
    margin: 0 auto;
}
.orderwrap .applicant .control{
    color: #ff6900;
}
.orderwrap .applicant td.bigsp{
    line-height: 80px;
    text-align: center;
    font-weight: bolder;
}
.orderwrap .applicant .weight{
    font-weight: bolder;
}
.orderwrap .applicant .white{
    background-color: #fff !important;
    background: #fff;
}
.orderwrap .applicant  .titledesc{
    color: #ff6900;
    background: #f6f7f9;
    font-weight: bold;
    text-indent: 20px;
}
.orderwrap .applicant .desc_normal td:nth-child(1){
    text-indent: 60px;
}
.orderwrap .applicant .desc_normal td{ 
    background: #fff;
}
.topborder{
    border-top: 1px solid #e7ecf1 !important
}
.topborder {
    position: relative
}
.topborder .titleanlian{
    background: #fff;
    margin: -8px;
    padding: 12px;
    float: left;
    font-size: 12px;

    /* position: absolute; */
}
 .tiaokuan a{
    /* text-align: right; */
    float: right;
    color: #f6a063;
    /* text-indent: */
}
.confilm .agreetext .radio{
    display: inline-block;
    text-align: center;
}
.confilm .agreetext{
    text-align: center;
    padding: 10px;
}
.confilm{
    background: #fff;
    height: 170px;
    padding: 20px 0;
}
.confilm .buttonwrap{
    text-align: center;
    position: absolute;
    width: 230px;
    left: 50%;
    right: 50%;
    margin-left: -165px;
}
.confilm .buttonwrap .button{
    width: 230px;
    height: 50px;
    background: #ff6900;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    /* display:table-cell;  */
}
.confilm .buttonwrap .button.small{
    width: 160px;
    height: 32px;
    line-height: 32px;
    color: #ff6900;
    background: #fff;
    border: 1px solid #ff6900;
    position: relative;
    top:20px;
    position: absolute;
    left: 270px;
}

.fast_nav {
    position: fixed;
    top: 30%;
    right: -110;
    z-index: 20;
}

.fast_nav ul li {
    width: 50px;
    height: 50px;
    display: block;
    background: #ff6900;
    margin: 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.fast_nav ul li:nth-child(3){
    background-image: url(../image/zhu4.png);
}
.fast_nav ul li:nth-child(2){
    background-image: url(../image/zhu5.png)
}
.fast_nav ul li:nth-child(1){
    background-image: url(../image/zhu6.png)
}
.fast_nav ul li:nth-child(4){
    background-image: url(../image/zhu7.png)
}
.alert .modal-header{
    background: #ff6900;
    color: #fff;
}
.alert .modal-header h4{
    font-weight: 400;
    font-size: 18px;
}
.alert .modal-header .close{
    color: #fff;
    opacity: 1;
}
.paymodalmain{
    padding: 20px;
    border: 1px solid #d9d9d9;
}
.paymodalmain .title{
    background: #f6a063;
    border:1px solid #ff6900;
    line-height: 50px;
    border-radius: 3px;
    color: #fff;
    padding: 0 20px;
}
.paymodalmain .pay_table{
    margin-top: 10px;
    border: 1px solid #d9d9d9;
}
.paymodalmain .pay_table .input_wrap {
    display: inline-block
}
.paymodalmain .pay_table .input_wrap input{
    width: 110px;
}
.input_wrap .firin{
    position: relative;
    top: -3px;
}
.input_wrap  .secin{
    position: relative;
    top: 4px;
}
.paymodalmain .pay_table .input_wrap.sp input{
    width: 440px;
}
.paymodalmain  .paymethod  {
    display: flex
}
.paymodalmain  .paymethod .itemwrap {
    flex: 1;
}
.paymodalmain  .paymethod .item .radio input{
    position: absolute;
    top: 30px;
}
.paymodalmain  .paymethod .item .image{
    width: 150px;
    height: 80px;
    /* background: pink; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.paymodalmain  .paymethod .itemwrap:nth-child(1) .image{
    background-image: url('../image/yinlian.png')
}
.paymodalmain  .paymethod .itemwrap:nth-child(2) .image{
    background-image: url('../image/zhifubao.png')
}
.paymodalmain  .paymethod .itemwrap:nth-child(3) .image{
    background-image: url('../image/weixinpay.png')
}
.paymodalmain  .paymethod  .itemwrap .item{
    width: 170px;
    margin: 0 auto;
}
.modal-dialog{
    width: 800px !important;
}
.payfooter .pay{
    background: #ff6900;
    color: #fff;
}
.payfooter .closepay{
    color: #ff6900;
    border: 1px solid #ff6900;
    background: #fff;
}
.form_datetime_wrap{
    position: relative;
}
.form_datetime_wrap .picktime{
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background: #ff6900;
    opacity: 1;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.form_datetime_icon {
    background: #ff6900;

}
.form_datetime_icon span{
    color: #fff;
}