:root {
--all-width:1200px;/*总宽度*/
--menu-width:1188px;/*内容宽度*/
--menuli-width:140px;/*导航宽度*/
--all-bgcolor:#FFF;/*背景颜色*/
--all-h1color:#0066b7;/*文字颜色 主色*/
--all-h2color:#616161;/*文字颜色*/
--all-h3color:#ffd126;/*文字颜色*/
--all-h4color:#790b09;/*文字颜色*/
--all-h5color:#2d0201;/*文字颜色*/
--all-bkcolor:#c10503;
--all-botcolor:#ff6500;
--all-txt1color:#999999;
--all-txt2color:#c1c1c1;
--all-bksize:1px;/*边框大小*/
--all-gjbgcolor:#fcedd6;
--all-bkcolor2:#eaeaea;/*边框大小*/
--all-editcolor:#4b8aff;
--all-jgbgcolor:#f8f8f8;
--all-okcolor:#1ba000;



}
body{
	background: #fbdeb6;
	//padding-top: 180px;
	transition: all 0.3s;
        
}
.topall{
	width: 100%;
	height: 222px;
/*        line-height: 1px;*/
	background: url(../images/topbg.png) repeat-x bottom;
	z-index: 999;
	transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
    .topall{
            width: var(--all-width);
            height: 222px;
    /*        line-height: 1px;*/
            background: url(../images/topbg.png) repeat-x bottom;
            z-index: 999;
            transition: all 0.3s;
    }
}

.top1{
    width:var(--all-width);
    height: 173px;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: stretch;
}
.top1 .logo{
    width: auto;
    overflow: hidden;
    transition: all 0.3s;
}
.top1 .topsearch{
    width: max-content;
    height: auto;
}

.search{
    
}
.search .search-form {
    display: inline-block;
    position: relative;
}

.search .search-form i{
    font-size: 26px;color: var(--all-botcolor);cursor: pointer;
}
.search .search-field {
    padding: 10px;
    width: 378px;
    height:39px;
    border: none;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.search .search-button {
    position: absolute;
    top: 4px;
    right: 8px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.search1{
    margin: auto; display: flex;
}
.search1 .search-form {
    display: inline-block;
    position: relative;
    margin: auto;
}

.search1 .search-form i{
    font-size: 26px;color: var(--all-botcolor);cursor: pointer;
}
.search1 .search-field {
    padding: 10px;
    width: 608px;
    height:39px;
    border: none;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.search1 .search-button {
    position: absolute;
    top: 4px;
    right: 8px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.topmenu{
    width: var(--all-width);
    margin: auto;
    height: 48px;
    background: url(../images/menuleftbg.png) left center no-repeat,url(/home/images/menurightbg.png) right center no-repeat;
}

.topmenubg{
    width: var(--menu-width);
    background: url(../images/menubg.png) top  repeat-x;
    margin: auto;
    height: 48px;
}
.topuserinfo{
    cursor: pointer;
    margin: 5px 30px 0 0;
    float: right;
    width:100px; 
    height:36px;
    line-height: 36px;
    text-align: center;
    color:#FFF;
    font-size: 16px;
    background:#d7851b;
    white-space: normal;
    position: relative;
    z-index: 999;
    border-radius:10px;
}
.topuserinfo .list{position: absolute;top:38px;left:0;   width: 100%;display: none;}
.topuserinfo .list .userdh{color: #FFF;background:#ba0500;}
.topuserinfo .list .userdh a:hover{color: #f6cb87;color: #f6cb87;background:#990703;}
.topuserinfo .list .userdh a{color: #f6cb87;float: left; width: 100%; line-height:40px; height:40px;background:#ba0500;}
.topuserinfo .list .userdh:last-child a{
   border-radius: 0 0 10px 10px;
}

.topuserinfo .usergeren{border-radius:10px;}
/*.topuserinfo .usergeren:hover{
    background:#ffc25a;
}*/
.topuserinfo i{
    font-size: 19px;
}
.topmenu ul{
    height: 48px;
    position: relative;
    z-index: 9999;    
}
.topmenu ul.dq{float: left;}
.topmenu ul li{
    font-size: 18px;
    line-height: 48px;
    float: left;
    color: #ffffff;
    height: 48px;
    width: var(--menuli-width);
    text-align: center;
}

.topmenu ul li a{
    line-height: 48px;
    color: #ffffff;
    height: 48px;
    display: block;
    width: var(--menuli-width);
    text-align: center;
}

.topmenu ul li a.no{
    line-height: 48px;
    color: #f6cb87;
    height: 48px;
    background:#0066b7;
    text-align: center;
}

.topmenu ul li a:hover{
    line-height: 48px;
    color: #f6cb87;
    height: 48px;
    background:#0066b7;
    text-align: center;
}

.topmenu ul li ul{
display: none;
}
.topmenu ul li ul li{
    background:#0066b7;
    font-size: 16px;
}
.topmenu ul li ul li:last-child{
   border-radius: 0 0 10px 10px;
}
.topmenu ul li ul li a{
    color: #f6cb87;
}
.topmenu ul li ul li:last-child a{
     border-radius: 0 0 10px 10px;
}

.topmenu ul li ul li a:hover{
    color: #f6cb87;
    background:#055da2;
}
.banner{
    position: relative;
/*    height: 356px;*/
    width: var(--menu-width);
    margin: auto;
}


.index_cen1{
    padding: 20px 0 20px 0;
    width: var(--menu-width);
    margin: auto;
    background: var(--all-bgcolor);
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    
}

.indexnav{width: 14%;}
.indexnav ul{ }
.indexnav ul li:last-child{margin-bottom: 0px;}
.indexnav ul li{border: var(--all-bksize) var(--all-bkcolor) solid; padding: 2px;margin-bottom: 3px; color:var(--all-h1color);height: 40px;line-height:40px;text-align: center; }
.indexnav ul li .lico{background: var(--all-h1color); width:40%; height: 100%;float:left;  }
.indexnav ul li .lico i{color:#FFF;font-size:26px; }
.indexnav ul li .ltxt{font-size: 16px;  width:60%;float:left;}

.indexnav ul li.no{border: var(--all-bksize) var(--all-h3color) solid;}
.indexnav ul li.no .lico{background: var(--all-h3color);width:40%; height: 100%;float:left;  }
.indexnav ul li.no .lico i{color:var(--all-h1color);font-size:26px; }
.indexnav ul li.no .ltxt{text-decoration:underline}

.indexnews{width:50%; border: var(--all-bksize) var(--all-bkcolor) solid; }
.indexnews .con{padding: 10px;}
.indexnews .bt{height: 36px; position: relative; line-height: 36px; background: url(../images/hengbg.png) bottom repeat-x;}
.indexnews .bt .title{color:var(--all-h1color);font-size:19px; line-height: 34px; border-bottom:2px sandybrown solid;display: table}
.indexnews .bt .more{position: absolute;right:0;top:0;font-size: 12px;color:var(--all-h1color);}
.indexnews ul{}
.indexnews ul li{position: relative; color:var(--all-h2color);font-size: 14px; padding-left: 10px; height:30x; line-height: 30px;background: url(../images/newsdd.png) left center no-repeat;}
.indexnews ul li span{position:absolute;right:0;top:0;}
.indexnews ul li a:hover{ color: red;text-decoration:underline}


.indexdh{width:31%;border: var(--all-bksize) var(--all-bkcolor) solid;}
.indexdh .con{padding: 10px;}
.indexdh .bt{height: 36px;line-height: 36px; background: url(../images/hengbg.png) bottom repeat-x; text-align: center;}
.indexdh .bt .title{color:var(--all-h1color);font-size:19px; line-height: 34px; border-bottom:2px sandybrown solid;display: table; margin: auto;}
.indexdh ul{
    background: var(--all-bgcolor);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: space-between;
}
.indexdh ul li{ width:48%;border: 1px #f6dfc3 solid; height:130px; border-radius:10px;margin-top:10px;text-align: center;}
.indexdh ul li i{font-size: 80px; line-height: 100px; color:#f5ca86;}
.indexdh ul li p{color:var(--all-h1color);}
.indexdh ul li.no{background: linear-gradient(0deg,#003562,#047ede);}
.indexdh ul li.no p{color:#FFF;}



.index_cen2{
    padding: 7px 14px;
    width: var(--menu-width);
    margin: auto;
    background: var(--all-bgcolor);
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    
}
.index_cen2 .con{
    width: 100%;
    margin: auto;
    padding: 10px 10px;
    border: var(--all-bksize) var(--all-bkcolor) solid;
}

.index_cen2 .bt{height: 36px; position: relative; line-height: 36px; background: url(../images/hengbg.png) bottom repeat-x; }
.index_cen2 .bt .title{color:var(--all-h1color);font-size:19px; line-height: 34px; border-bottom:2px sandybrown solid;display: table}
.index_cen2 .bt .more{position: absolute;right:0;top:0;font-size: 12px;color:var(--all-h1color);}

.index_cen2 .con ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.index_cen2 .con ul li{
    width: 217px;
    margin:10px 13px 0 0;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    transition-property: width, background, transform;
    transition-duration: .25s, 1s, 0.2s;
    transition-timing-function: linear, ease, ease;
    transition-delay: 1.9s, 2s, 0s;
}
.index_cen2 .con ul li:hover{
    cursor:pointer;transform:translate(0,-5px);
}

.index_cen2 .con ul li:nth-child(5n){
    margin-right:0px;
}

.index_cen2 .con ul li img{
    width: 100%;
    border-radius: 10px;
}





.ny_cen{
    padding: 7px 14px;
    width: var(--menu-width);
    margin: auto;
    background: var(--all-bgcolor);
/*    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/
    
}

.nymobile_cen{
    padding: 7px 14px;
    width: 100%;
    margin: auto;
    background: var(--all-bgcolor);

/*    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/
    
}

.ny_cen .con{
    width: 100%;
    margin: auto;
    padding: 10px 10px;
    border: var(--all-bksize) var(--all-bkcolor) solid;
}

.ny_cen .bt{height: 40px; position: relative; line-height: 40px; background: url(../images/hengbg.png) bottom repeat-x; }
.ny_cen .bt .title{color:var(--all-h1color);font-size:16px; line-height: 38px; border-bottom:2px sandybrown solid;display: table}


.ny_cen .twomenu{padding: 10px 0;}
.ny_cen .twomenu ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.ny_cen .twomenu ul li {margin: 10px 5px;font-size: 14px;}
.ny_cen .twomenu ul li a{ padding: 5px 10px;border-radius: 10px;}
.ny_cen .twomenu ul li a:hover{background:#ff6000; color: #fff;}
.ny_cen .twomenu ul li.mr a{ padding: 5px 10px;border-radius: 10px;background:#ff6000; color: #fff;}
.ny_cen .twomenu ul li.mr a:hover{background:#ff6000; color: #fff;}

.table1 thead{background:var(--all-gjbgcolor); color: var(--all-h1color);font-size: 14px;}
.table1 tbody tr{text-align: center; color: #616161; height: 40px; background: #f5f5f5;font-size: 13px;}
.table1 tbody tr:nth-child(odd){background-color:#fbfbfb;}
.table1 tbody tr:hover{background-color:var(--all-gjbgcolor);}
.table1 tbody tr:hover  .addorderby{background-color:#ff6000;}
.table1 .addorderby{padding: 5px; background-color:#8090a0; color: #fff;border-radius: 10px;font-size: 12px;}




.table2 thead{background:var(--all-h1color); color: var(--all-h3color);font-size: 14px;}
.table2 tbody tr{text-align: center; color: #616161; height: 40px; background: #f5f5f5;font-size: 13px;}
.table2 tbody tr:nth-child(odd){background-color:#fbfbfb;}
.table2 tbody tr:hover{background-color:var(--all-gjbgcolor);}
.table2 tbody tr:hover  .addorderby{background-color:#ff6000;}
.table2 .addorderby{padding: 5px; background-color:#8090a0; color: #fff;border-radius: 10px;font-size: 12px;}




.ny_news{
    padding:20px 0;
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}

.ny_news .leftcon{ border-right: var(--all-h3color) solid 1px;width:30%; padding-right:3%;}
.ny_news .leftcon .title{font-size: 20px; line-height:40px; color: var(--all-h1color);}
.ny_news .leftcon .title i{font-size: 30px; padding-right: 10px;}
.ny_news .leftcon ul{}
.ny_news .leftcon ul li{font-size: 14px; line-height:40px;}

.ny_news .leftcon ul li:hover{background: var(--all-gjbgcolor);}

.ny_news .leftcon ul li span{ color: #616161;}
.ny_news .leftcon ul li:nth-child(1) span,.ny_news .leftcon ul li:nth-child(2) span,.ny_news .leftcon ul li:nth-child(3) span{color: var(--all-h1color);}

.ny_news .rightcon{ width: 65%; padding: 0 1%;}
.ny_news .rightcon .newslist{}
.ny_news .rightcon .newslist .title{font-size: 18px; line-height:40px;color:var(--all-h4color);  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ny_news .rightcon .newslist .des{font-size: 13px; color: var(--all-h2color); line-height: 28px;}

.ny_news .rightcon .list{padding: 10px;border-radius: 10px; margin: 10px 0;}
.ny_news .rightcon .list:nth-child(odd){background-color:#fbfbfb;}

.ny_news .rightcon .list:hover{background-color:var(--all-gjbgcolor);}

.ny_news .rightcon .newslist2{display: flex;
    justify-content:space-around;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    align-content: stretch;}
.ny_news .rightcon .newslist2  .news_img{width: 20%;}
.ny_news .rightcon .newslist2  .news_con{ width: 75%;}
.ny_news .rightcon .newslist2 .title{font-size: 16px; line-height:30px; color:var(--all-h4color); white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ny_news .rightcon .newslist2 .des{font-size: 13px; color: var(--all-h2color);line-height: 28px;}
.ny_news .rightcon .newslist2 img{width: 130px;height: 100px;border-radius: 10px;}

.newsshow{width: 90%;}

.newsshow h1{font-size: 24px; text-align: center; line-height: 30px; color:var(--all-h5color)}
.newsshow .stat{ padding: 20px 0; text-align: center;}
.newsshow .time{font-size: 16px; text-align: center;}
.newsshow .click{font-size: 16px; text-align: center; padding-left: 30px;}
.newsshow .newsbody{font-size: 16px; line-height: 30px; font: normal 16px/180% "宋体";color:var(--all-h5color)}





.ny_certifi{
/*    padding:20px 0;
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/
padding:50px 10px;
border-radius: 10px;
background:var(--all-gjbgcolor);
}
.ny_certifi .cen{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.ny_certifi .zsform{width: 50%;}
.ny_certifi .zstext{width:40%; background:#fff; border-radius: 10px; margin-left: 20px;}
.ny_certifi .zsform .bdinput{
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 10px;
}
.ny_certifi .zsform .bdinput:nth-child(1){
    margin-bottom: 20px;
}

.ny_certifi .zsform .bdinput:nth-child(3){
    margin-bottom: 20px;
}
.ny_certifi .zsform .bottom{
    padding: 0;
    background: none;
    border-radius: 0px;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    padding-top: 20px;
}

.ny_certifi .zsform .txtinput {
    padding:10px;
    width: 380px;
    height: 39px;
    border: none;
    background-color: #fff;
    float:left;
    
    
}

.ny_certifi .zsform .search-button{
    background:var(--all-h1color); width:45%;
    height: 40px;line-height: 40px;
    border-radius: 10px;
    border: #790b09 solid 2px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    
}

.ny_certifi .zsform .tubiao{color: #990703;font-size: 20px;float: left; width: 30px;padding-top: 5px;}
.ny_certifi .zsform .bs{width: 100px;float: left;width:80px; padding-top: 5px;}



.ny_certifi .zsform .reset{
    
    text-align: center;
     background:#fff; width:45%;
     height:40px;line-height: 40px;
     border: #790b09 solid 2px;
     border-radius: 10px;
     font-size: 16px;
     cursor: pointer;
}
.ny_certifi .zstext{ padding:20px 10px;}
.ny_certifi .zstext p{font-size: 13px; color:#8090a0;padding:15px 5px; line-height: 26px;}



.page{text-align: center;}
.page nav{ margin: auto;}

#pull_right{
        text-align:center;
    }
    .pull-right {
        /*float: left!important;*/
    }
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }
    .pagination > li {
        display: inline;
    }
    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: var(--all-h1color);
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #2a6496;
        background-color: #eee;
        border-color: #ddd;
    }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: var(--all-h1color);
        border-color:var(--all-h1color);
    }
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }



.links{
    padding: 7px 14px;
    width: var(--menu-width);
    margin: auto;
    background: var(--all-bgcolor);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.links .bt{width: 7%;margin: 5px 0px;line-height: 30px;}
.links .con{width: 90%;}
.links ul{}
.links ul li{float: left; margin: 5px 10px;font-size: 14px; color:var(--all-h2color);}
.links ul li a:hover{ color: red;text-decoration:underline}

.login{
    margin: 10px;
    border: 1px  solid #f19149;
    border-radius: 10px;
}

.login .login_cen{
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.login .login_left{
    width:50%;
    
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
}
.login .login_right_cen{
    width:80%;
    margin: auto;
}
.login .login_right{
    width:50%;
}

.login .login_title{
   padding: 80px 0 30px 0;
   font-size: 26px;
   text-align: center;
}

.login .reg_input{
    border-bottom: 1px #eaeaea solid;
    padding: 20px 0 10px 0;
    color: var(--all-txt1color);
    position: relative;
}

.login .reg_input input{ height: 34px; width:100%;font-size: 22px; border:none;}
.login .reg_input .txtcode{
    position: absolute;right:1px;top:20px;cursor: pointer;
}
.login .reg_input .txtcode2{
    position: absolute;right:1px;top:20px;cursor: pointer;
}

.login .bot1{background:var(--all-botcolor);border-radius: 10px;font-size: 20px;line-height: 40px; text-align: center; color: #fff; margin:30px 0; cursor:pointer;}
.login .read{ color:var(--all-txt1color);}
.login .read a{color:var(--all-botcolor);}
.login .read .clickread{cursor: pointer;}
.login .login_ico{padding: 60px 0;}
.login .login_ico ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}

.login .login_ico ul li{
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
   
}

.login .login_ico ul li span{
    color: #fff;
    font-size:30px;
    padding: 12px;
    border-radius:50%;
    text-align: center;
}
.login .login_ico ul li.ico_weixin{
    
}

.login .login_ico ul li.ico_weixin span{
     background:#23cc10;
    
}
.login .login_ico ul li.ico_pass span{
     background:var(--all-botcolor);
    
}

.login .login_ico ul li.ico_mobile span{
     background:var(--all-bkcolor);
}

.posyzm{}
.posyzm .con{width:98%; margin:5px auto; border: 1px salmon dotted; padding:2px;}
.posyzm .con input{width: 50%;height: 40px;border:none;padding-left: 10px;}
.posyzm .con img{float: left;cursor: pointer;}
.posyzm .pos_bot{text-align: center; padding: 5px 0;}
.posyzm .pos_bot botton{background:var(--all-botcolor);color:#fff;  padding: 5px;border-radius:4px; cursor: pointer;}




.footer{
    padding: 7px 14px;
    width: 100%;
   background: linear-gradient(0deg,#003562,#047ede);


}

@media only screen and (max-width: 480px) {
    /* 手机端样式 */
    .footer{
        padding: 7px 14px;
        width: var(--menu-width);
       background: linear-gradient(0deg,#7c0000,#b81919);


    }
}


.footer .con{
    width: var(--menu-width);
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: stretch;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
    padding: 10px 0 30px 0;
}
.footer .con .nav{color: #ffe3e3; padding: 20px 0;}
.footer .con .nav a{float: left; padding: 0 20px; color: #ffe3e3; line-height: 14px; border-right: 2px #f5ca8657 solid}
.footer .con .nav a:last-child{border-right: 0px #FFF solid}

.footer .con .t1{ padding: 20px 0 0 0;}
.footer .con .t2{ padding: 0 0 20px 0;}
.footer .con .t3{}
.footer .con .t3 img{float: left; padding-right: 5px;}
.footer .con .t3 span{float: left;float:left;height:20px;line-height:20px;color: #ffe3e3; }

.footer .con .t1,.footer .con .t2,.footer .con .t3,.footer .con .t4{
    color: #ffe3e3;
    font-size: 14px;
    line-height: 30px;
}

.qc_con{font-family: '宋体';}
.qc_con .userimg{ text-align: center;}
.qc_con .userimg img{ margin: auto; padding: 20px;width:200px;}
.qcjg{ border-top:1px var(--all-bkcolor2) solid; line-height: 30px; padding: 10px 0; }
.qcjg:nth-child(odd){background: #f8f8f8;}
.qc_con .info_tit{color: var(--all-bkcolor);text-align: right; padding-right: 10px; }
.qc_con .info_des{font-size: 14px;}
.mobile_top{background: var(--all-bkcolor); color:#fff; line-height: 30px; padding: 20px;    font-family: '宋体';font-size: 24px; text-align: center; font-weight: bold;}


.cart{}
.cart .empty{ text-align: center; width: 100%; margin: auto; padding: 40px 0}
.cart .empty i{font-size:120px; color:var(--all-bkcolor2);}
.cart .empty p{line-height:120px;}
.cart .empty p a{ color:var(--all-botcolor)}

.cart .cart_list{
    display: flex; 
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    margin: 10px auto;
    padding: 10px 0;
    line-height: 30px;
    font-size: 16px;
}
.countlist:nth-of-type(2n){background:var(--all-jgbgcolor);}

.no_countlist{text-decoration: line-through;color: var(--all-txt1color);pointer-events: none;}
.no_countlist input{pointer-events:none;}
.cart .cart_list .all{background:var(--all-gjbgcolor);width: 100%;text-align: right;}
.cart .cart_list .all .p{ padding:15px 20px;}

.cart .cart_list .yhq{ padding:15px 20px;background:var(--all-gjbgcolor);width: 100%;text-align: right;}
.cart .cart_list .yhq input{    vertical-align: middle;padding: 5px;
    width: 200px;
    height: 39px;
    line-height: 39px;
    border: none;
    font-size: 14px;
    color: var(--all-bkcolor);
    background-color: #fff;
    border-radius: 10px 0px 0px 10px ;}
.cart .cart_list .yhq .shiyong{font-size: 14px;vertical-align: middle;padding: 9px;background:var(--all-bkcolor);border-radius: 0px 10px 10px 0px;color: #FFF;}
.cart .cart_list .yhq .yhqbot{ background:var(--all-h3color);float: right;padding: 9px; border-radius:10px; color:var(--all-botcolor); margin-left: 20px;}
.cart .cart_list .allpricecount{ background:var(--all-botcolor);padding: 5px; width: 100%; color: var(--all-h5color); text-align: right; line-height: 30px;border-radius: 0px 0px 10px 10px;}



.cart .cart_list .icon-zhekou{ color: var(--all-botcolor);}
.cart .cart_list .icon-lijian{ color: var(--all-okcolor);}
.cart .cart_list img{width: 50px;}


.yz_yhqlist{position: absolute; top:20%;left:50%; width: 400px; margin-left: -200px; background:var(--all-gjbgcolor); border-radius: 10px; padding: 0 10px; z-index: 100;}
.yz_yhqlist .listyhq{width:100%;  border-bottom: 1px var(--all-bkcolor) dashed; margin: 10px 0; padding: 10px 0;}
.yz_yhqlist .listyhq .title{font-size:16px;background: #fff;border-radius: 4px 4px 0 0;padding:5px;}
.yz_yhqlist .listyhq .yhqcen{
     border-top:1px var(--all-bkcolor2) dashed;
    display: flex; 
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    background: #fff;padding:5px;
}
.yz_yhqlist .listyhq .yhqcen_left{ color: red; width: 20%;  background:var(--all-gjbgcolor);font-size: 15px; border-radius: 10px; text-align: center; line-height: 30px;}
.yz_yhqlist .listyhq .yhqcen_right{ width: 55%; padding-left:5px;}
.yz_yhqlist .listyhq .yhqcen_right .tssm{font-size: 13px; color: var(--all-h4color);}
.yz_yhqlist .listyhq .alerttxt{ color:var(--all-h2color);width: 25%; font-size: 14px;line-height: 30px; text-align: center;}
.yz_yhqlist .listyhq .alerttxt .sy{background: red;color: #FFF;}
.yz_yhqlist .listyhq .time{ color:var(--all-txt2color);font-size:12px;}

.yz_yhqlist .listyhq .shuoming{ color:var(--all-txt1color);font-size:13px;background: #fff;border-radius:0 0 4px 4px;padding:5px; border-top:1px var(--all-bkcolor2) dashed;}


.cart .q1,.cart .q2,.cart .q3,.cart .q4,.cart .q5{}
.cart .cart_list .tit{ text-align: center; font-weight: bold;padding: 10px 0; margin: 10px 0; background:var(--all-gjbgcolor);}
.cart .cart_list .tit1{ text-align: center; font-weight: bold;padding: 10px 0; margin: 10px 0; background:var(--all-gjbgcolor);}
.cart .q1{width: 10%; text-align: center;}
.cart .q2{width: 30%;}
.cart .q3{width: 30%;}
.cart .q4{width: 10%;text-align: center;}
.cart .q5{width: 20%;text-align: center;}
.cart .del i{font-size:25px;color:var(--all-bkcolor)}
.cart .jiajian{text-align:justify; line-height: 20px;}
.cart .jiajian i{font-size:25px;color:var(--all-h2color);vertical-align:middle;cursor: pointer}
.cart .jiajian input{ width:50px; height: 20px; vertical-align:middle; text-align: center;}

.cart .jiajian i.jian{font-size:23px;}

.cart .cart_foot{text-align: center; margin: 20px auto;}

.cart .cart_foot botton.cear{ background:var(--all-txt1color); border-radius: 4px; padding: 10px 50px; color: #fff; cursor: pointer}

.cart .cart_foot botton.sub{ background:var(--all-okcolor); border-radius: 4px; padding: 10px 50px; color: #fff;cursor: pointer}



label{
    
    cursor: pointer;
/*        font-size: 14px;
        height: 25px;
        line-height: 25px;
        box-sizing: border-box;
        margin-right: 20px;
        vertical-align: middle;*/
    }
    input[type="radio"]   
    {   
     
        display: none;   
    }   
    
    /*定义 radio 元素相邻元素 span 样式*/
    input[type="radio"] + i   
    {   
        vertical-align: middle;
        display: inline-block;
        position: relative;
        border: 1px solid #99a1a7;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 5px 0 0;
        
    }   
    /*定义 radio 元素相邻元素 span 样式伪类的样式*/
    input[type="radio"]:checked + i{
        border:1px solid green;
    }
    input[type="radio"]:checked + i:after   
    {   
        content: ' ';
        box-sizing: border-box;
        position: absolute;
        left: 4px;
        top: 4px;
        width: 11px;
        height: 11px;
        background-color: green;
        border-radius: 50%;
    }
    
    input[type="checkbox"]   
    {   
        display: none;   
    }   
    
    /*定义 checkbox 元素相邻元素 span 样式*/
    input[type="checkbox"] + i   
    {   
        vertical-align: middle;
        display: inline-block;
        position: relative;
        border: 1px solid #99a1a7;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 4px;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 5px 0 0;
    }   
    /*定义 checkbox 元素相邻元素 span 样式伪类的样式*/
    input[type="checkbox"]:checked + i:after   
    {   
        content: '\2714'; /*如果想更好看一点，这里可以使用一亲图片或字体标等来美化一下选择效果*/
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 20px;
        color: var(--all-okcolor);
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }

.cart_address{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;

    text-align: left;
}
.cart_address .cart_address_list{ background: var(--all-bkcolor2); line-height: 30px; width: 220px; margin:10px 9px 10px 0; float: left; padding: 20px; border-radius: 4px;position: relative;}
.cart_address .cart_address_list:nth-of-type(5n) {margin-right: 0;}
.cart_address_title{font-size: 18px; border-bottom: 1px #1ba000 dashed; line-height:40px;}

.cart_address .cart_address_list .mr{position: absolute; top:5px;left:0;}
.cart_address .cart_address_list .mr i{font-size:40px; color: var(--all-h4color);}

.cart_address .cart_address_list .xz{position: absolute; bottom:-5px;right:0;display: none;}
.cart_address .cart_address_list .xz i{font-size:40px; color: var(--all-okcolor);}
.cart_address .okxz{background: var(--all-gjbgcolor); color: var(--all-okcolor);}
.cart_address .okxz .xz{display: block;}

.cart_address .address_jj{font-size: 40px; text-align: center;}

.money_zonggong{display: none;text-decoration: line-through;}

.payindex{padding: 10px;}
.payindex .gxtop{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    font-size: 20px;
    background:var(--all-jgbgcolor);
    padding: 20px;
}
.payindex .gxtop .t1{color:var(--all-okcolor); }
.payindex .gxtop .t1 i{font-size: 30px; }
.payindex .gxtop .t2{ font-size: 16px;}
.payindex .gxtop .t2 span{color:var(--all-botcolor); font-size:30px;}

.payindex .djs{padding: 20px;background:var(--all-jgbgcolor);}

.payindex .paynumber{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    font-size: 16px;
    background:var(--all-jgbgcolor);
    padding: 10px 20px;
    border-top: 1px var(--all-txt2color) dashed;
    
}


.payindex .orderdes{
    background:var(--all-jgbgcolor);
    padding:5px 20px;
    line-height: 35px;
    font-size: 16px;
    display: none;
}
.payindex .orderdes .goodsshow{ background: #fff; color: var(--all-txt1color); border-radius: 4px; padding: 5px 10px; margin: 10px 0;}

.payindex .paytitle{
    background: var(--all-gjbgcolor);
    padding:20px 20px 5px 20px;
    font-size: 16px;
}

.payindex .paylist{
    background: var(--all-gjbgcolor);
    padding:20px;
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    font-size: 16px;
    
}

.payindex .wxpay,.payindex .alipay{ border: 1px var(--all-txt1color) solid; border-radius: 4px; padding: 5px 20px; margin-right:30px;}
.payindex .wxpay i.logo,.payindex .alipay i.logo{font-size: 22px; vertical-align: middle; padding-right:5px;}
.payindex .wxpay{}
.payindex .alipay{}
.payindex .wxpay i{color:#15ba11;}
.payindex .alipay i{color:#009fe8;}


.payindex .paylist i.payselect{ font-size: 18px;vertical-align: middle; padding-right: 10px; color: var(--all-txt1color);}

.payindex .paylist .true{border: 1px var(--all-okcolor) solid; background: #FFF; }
.payindex .paylist .true i.payselect{ font-size: 18px;vertical-align: middle; padding-right: 10px; color:var(--all-okcolor);}

.payindex .paybottom{
    width:150px; line-height: 26px; border-radius: 4px; color:#FFF; text-align: center; background: var(--all-botcolor);font-size:14px;margin: 20px auto; padding: 5px 10px;
}

.list_course{
    padding:10px;
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    font-size: 16px;
}

.list_course .course_list{
    width: 19%;
    text-align: center;
    margin-left: 1%;
    border-radius: 10px;
    background: var(--all-jgbgcolor);
transition-property: width, background, transform;
            transition-duration: .25s, 1s, 0.2s;
            transition-timing-function: linear, ease, ease;
            transition-delay: 1.9s, 2s, 0s;
}

.list_course .course_list:hover{
    cursor:pointer;transform:translate(0,-10px);

}
.list_course .course_list img{width: 100%;border-radius: 10px 10px 0 0;}

.list_course .course_list .title{ line-height:40px;}


.ny_course{
    padding: 10px;
    
}
.ny_course .title_img{
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
}
.ny_course .title_img .img{padding: 0px 0px 0 0; width: 42%;}
.ny_course .title_img img{border-radius: 4px;}
.ny_course .title_img .txt{ line-height:35px; width: 58%; position: relative;}

.ny_course .title_img .txt .t1{font-size: 24px;}
.ny_course .title_img .txt .t2{font-size: 16px; color:var(--all-h2color)}
.ny_course .title_img .bot{background:var(--all-botcolor); width:100px;border-radius: 4px; position: absolute;margin: auto; bottom:0px;text-align: center; color: #FFF; }
.ny_course .title_img .bot a{color: #fff;}

.ny_course_list .ny_course_menu{
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    line-height: 50px;
    border-bottom: 1px var(--all-bkcolor2) solid;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.ny_course_list .ny_course_menu li{ background:#fff;font-size: 18px; margin-right: 20px; cursor: pointer;}
.ny_course_list .ny_course_menu li.no{ border-bottom: 2px var(--all-botcolor) solid; color: var(--all-botcolor);}

.ny_course_list .body{padding: 10px 0;}
.ny_course_body_list{width: 100%;}
.ny_course_body_list .free i{font-size: 20px; color:var(--all-botcolor)}
.ny_course_body_list li{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px var(--all-bkcolor2) solid;
    
}
.ny_course_body_list li a{color: #000;}
.ny_course_body_list li a:visited {
 color: var(--all-txt1color);
}

.allvideo{ width: 100%; height: 100%; margin: auto;text-align: center; position: relative; overflow: hidden; }

.allvideo .show_video{ margin: auto; display: inline-block; padding-top:80px; position: relative;}
.allvideo .show_video .alert{background-color: rgba(0,0,0,0.9);border-radius: 4px;position: absolute;left:0%;top:0%;;z-index: 99991; margin-top:80px; width: 100%;height: 100%;}
.allvideo .show_video .alert .rq{width: 100%;height: 100%;position: relative;}
.allvideo .show_video .alert .rq .nr{position: absolute; left:50%;top:50%; margin-left: -150px; margin-top: -50px; width: 300px; height: 100px; color: #FFF; line-height: 50px;font-size:20px;}
.allvideo .show_video .alert .rq .nr a{color:var(--all-botcolor);}

.allvideo .show_iframe{width: 100%; height: 100%;}


.allvideo .allvideo_menu{ position: absolute;background-color: rgba(0,0,0,0.5); width: 100%; z-index: 99999; height: 60px; font-size: 25px; line-height: 60px; color: var(--all-h3color);text-align:center;}
.allvideo .allvideo_menu .back{position: absolute;left:30px;top:0;font-size: 18px;}
.allvideo .allvideo_menu .back a{color: var(--all-jgbgcolor);font-size: 18px; }
.allvideo .allvideo_menu .back a:hover{color:var(--all-botcolor);font-size: 18px; }


.allvideo .allvideo_list{position: absolute;background-color: rgba(0,0,0,0.8); right:0; top:0px;font-size:18px; height: 100%; width:400px;z-index: 99998;overflow-x: auto ;}
.allvideo .allvideo_list ul{ padding-top: 80px; }
.allvideo .allvideo_list ul:before {
    position: absolute;
    left:0;top:50%;color: #fff;
    content:"\e6b7";
}

.allvideo .allvideo_list ul li{text-align: left; padding-left: 20px; line-height: 60px;}
.allvideo .allvideo_list a.no{color: #FFF; }
.allvideo .allvideo_list a.no:hover{color: var(--all-gjbgcolor); }
.allvideo .allvideo_list a.no:visited {
 color: var(--all-txt1color);
}
.allvideo .allvideo_list a.ye{color:var(--all-botcolor); }
.allvideo .allvideo_list a.ye:hover{color: var(--all-gjbgcolor); }

.video_bot_b{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    line-height: 40px;
    font-size: 14px;
    background-color: rgba(0,0,0,0.5);
    border-radius:0px 0px 4px 4px;

}
.video_bot_b .title{color: var(--all-h3color); width: 20%;font-size: 16px; border-radius:4px; cursor:pointer;}


.show_exam{ 
    width: 98%; 
    height: 90%;
    background-color: rgba(255,255,255,1);
    margin: auto; 
    margin-top: 80px;
    border-radius:4px;
    display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: stretch;
}

.show_exam .exam_list{width:20%; background:var(--all-jgbgcolor); height: 95%;border-radius:4px; }
.show_exam .exam_des{width: 55%; background:var(--all-jgbgcolor); height: 95%;border-radius:4px;}
.show_exam .exam_alert{width: 20%; background:var(--all-jgbgcolor); height: 95%;border-radius:4px;}


.show_exam .exam_list .title{font-size: 20px; padding: 40px 0 20px 0; border-bottom: 1px var(--all-bkcolor2) solid; width: 90%;height:12%; margin: auto;}
.show_exam .exam_list ul{
    width: 90%; height:88%;margin:20px auto 0 auto;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: flex-start;
    overflow:auto;
}
.show_exam .exam_list ul li{ width: 40px; height: 40px; line-height: 40px; background:var(--all-bkcolor2) ; border: 1px #ffffff solid; position: relative;}
.show_exam .exam_list ul li:hover{background:var(--all-gjbgcolor);}
.show_exam .exam_list ul li.d{background: var(--all-editcolor); color: #fff;}
.show_exam .exam_list ul li.ok:after {
    content: '\2714';
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10px;
    color: var(--all-h2color);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.show_exam .exam_des .wen{ font-size: 22px;padding: 40px 0 20px 0; text-align: left;width: 90%; margin: auto;border-bottom:1px var(--all-bkcolor2) solid;}
.show_exam .exam_des .da{width: 90%; margin: auto;}
.show_exam .exam_des .da ul{
    width: 100%;
    text-align: left;
}
.show_exam .exam_des .da ul li{
    margin: 20px 0 0 0;
}

.show_exam .exam_des .exam_page{
    border-top:1px var(--all-bkcolor2) solid;
    width: 90%;
    margin:20px auto;
    padding-top: 20px;
    display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: stretch;
}
.show_exam .exam_des .exam_page .last,.show_exam .exam_des .exam_page .next{ background: var(--all-gjbgcolor); display: inline-block; padding: 10px; border-radius: 4px;}
.show_exam .exam_des .exam_page .last:hover,.show_exam .exam_des .exam_page .next:hover{background: var(--all-botcolor); color:#FFF; cursor: pointer;}

.show_exam .exam_des .exam_page .no,.show_exam .exam_des .exam_page .no:hover{background: var(--all-bkcolor2);color:rgba(0,0,0,.85);cursor: unset;}


.exam_alert .speed{}
.exam_alert .speed .speed_time{}
.exam_alert .speed .speed_time .title{font-size: 22px; padding-top: 50px;}
.exam_alert .speed .speed_time .time{font-size: 20px; color: var(--all-bkcolor)}

.exam_alert .speed .speed_wen{}
.exam_alert .speed .speed_wen .title{font-size: 22px; padding-top: 30px;}
.exam_alert .speed .speed_wen .speed_int{font-size: 22px;padding: 10px 0;}
.exam_alert .speed .speed_wen .speed_speed{ width: 90%; margin: auto;background:var(--all-txt2color); border-radius: 4px;height: 10px; line-height: 10px; position: relative;}
.exam_alert .speed .speed_wen .speed_speed .s1{width: 0%; background:var(--all-editcolor); border-radius: 4px;height: 10px; line-height: 10px; left: 0;top:0; position: absolute;}
.exam_alert .botexam{ background: var(--all-txt2color); width: 90%; margin: 20px auto; height: 40px; line-height: 40px; color: #fff; font-size: 18px; border-radius: 4px;}
.exam_alert .ok{background: var(--all-okcolor);cursor: pointer;}

.exam_alert .camera{width: 90%; margin: auto;}
.exam_alert .camera .show{ background: var(--all-editcolor); height:300px;}
.exam_alert .camera .show i{font-size:80px; line-height: 300px;color: #FFF;}
.exam_alert .camera .msg{color:var(--all-bkcolor);font-size:18px;}



.exam_result{background-color: rgba(255,255,255,0.8);width: 100%; height: 100%; position: absolute; z-index: 9999999; top:0;left:0;}

.exam_result .result_show{width:600px;left:50%; margin-left: -300px; height:460px;top:50%; margin-top: -200px;  background:#FFF;position: absolute; border-radius:4px; border: 2px var(--all-h2color) solid;}

.exam_result .result_show .result_show_p{ padding: 10px;}
.exam_result .result_title{text-align: center;  padding: 20px 0;color: var(--all-txt1color)}
.exam_result .result_title span{font-size: 30px; color: var(--all-h1color)}

.exam_result .result_txt{
    border-top: 2px var(--all-h2color) solid; width: 80%; margin: auto; padding-top: 20px; font-size: 16px;color: var(--all-h2color);
    display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: stretch;
}
/*.exam_result .result_txt  .txt_s:nth-of-type(2n+1){background: red;}*/

.exam_result .result_txt .txt_s{ width: 50%;padding: 10px 0; line-height: 30px;}
.exam_result .result_txt .txt_s span{ color: var(--all-h4color);}
.exam_result .result_bot{ background: var(--all-h2color); width:80%; height: 35px; line-height: 35px;margin:20px auto; color: #FFF; text-align: center;}


.allmsgindex{padding: 10px;}

.allmsgindex .msgcon{
    font-size: 30px;
    background: var(--all-jgbgcolor);
    padding: 30px;
    text-align: center;
}

.allmsgindex .msgcon .t1{    color: var(--all-okcolor); border-bottom:1px var(--all-txt2color) dashed; padding: 30px 0;}
.allmsgindex .msgcon .t1 i{font-size: 40px;}
.allmsgindex .msgcon .t2{font-size: 16px; line-height: 40px;}

.allmsgindex .msgcon .bot{ margin: 20px auto;font-size: 14px;}
.allmsgindex .msgcon .bot a{padding:10px 20px; color:#FFF;; background: var(--all-h4color);font-size: 14px; border-radius: 4px;}


.allmsgindex .no .t1{    color: var(--all-bkcolor);}


.table_zs{text-align: center;}

.table_zs table{width: 92%; background:#fff; margin: auto; margin-bottom: 20px; border-radius: 4px;}
.table_zs table tr{}
.table_zs table tr td{ height:35px;}

.table_zs .h{background:#396b9e;font-size:18px;line-height:45px;font-weight: bold; color: #fff;}
.table_zs .t{background:#fafafa;line-height:38px;text-align: right; padding-right: 10px;}
.table_zs .c{line-height:38px;text-align: left; padding-left: 20px;}


.cfbot{width: 100px; height: 30px; background: var(--all-botcolor); color:#fff; line-height: 30px; text-align: center;margin: auto; border-radius: 4px; cursor: pointer;}