/* flatui Need
.mall-nav,.mall-nav .w{background:#da324d;}
.mall-nav ul .each a:hover{background: #b71d36;}
*/
@media (min-width: 1200px) {
    .container01{
        max-width: 1200px;
    }
}
.fl{float: left;}
.fr{float: right;}
.ptb10{padding-top: 10px; padding-bottom:10px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{
    padding-left: 15px;
    padding-right: 15px;
}
.mlr20{
    margin-left: 20px;
    margin-right: 20px;
}
.container01{
    width: 100%;
    margin:0 auto;
}
.cm-col1{
    width: 300px;  /*238*/
    background: #fff;
}
.cm-col2 {
    width: 878px; /*940px;*/
    min-height: 600px;
    background: #fff;
}

.card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* justify-content:space-between; */
    align-items:normal;
}
#main{ background: #f9f9f9; min-height: 960px;}
.container01 .cm-col2 .row-cols-md-4 > * {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
}
.card-list .card01{
    margin-bottom: 20px;
    border: 1px solid #999dff;
    margin-right: 22px;
    width: 200px;
}
.card-list .card01:nth-of-type(4n){
    margin-right:0px;
}
.card-list .card01 .card-title{
    height:60px;
    line-height: 1.6em;
}
.font001{
color: #BBB;
font-size: 12px;
}
/**************************************/
.ask_list{
    float:left;
    width:400px;
}
.ask_list ul li img:hover{
    transform: scale(1.2);/*当鼠标移动到图片上时实现放大功能*/
}
.ask_list ul li{
    overflow: hidden;
    border-bottom: 1px solid lavender;
    transition-duration: 0.5s;
    margin: 10px 10px 0 0;
}
.ask_list ul li:hover{
    background-color: lavender;
    transition-duration: 0.5s;
}

.ask_list .div-li-001{
    height:45px;
    float: left;
    position:relative;
}

.ask_list .txt_bottom{
    position: absolute;
    bottom:0px;
}
.ask_list .txt_bottom span{
    color: darkgray;
    font-size: 12px;
}

/*ask list*/
.list002 ul li{
    overflow: hidden;
    border-top: 1px solid lavender;
    border-bottom: 1px solid lavender;
    transition-duration: 0.5s;
    display: flex;
    justify-content: left;
}
.list002 ul li:hover{
    background-color: lavender;
    transition-duration: 0.5s;
}
.list002 .left_pic{
    overflow: hidden;/*隐藏溢出图片内容*/
    transition-duration: 0.5s;
    width: 48px;
    height:48px;
    align-self: center;
}
.list002 .right_txt{
    height:55px;
    width: 710px;
    align-self: center;
    position: relative;
}

.branch003 .bottom .submit {
    background-color: #DA4F49;
    border-color: #C44742 #C44742 #A33B37 #C44742;
    color: #FFF;
    text-align: center;
    display: inline-block;
    height: 30px;
    padding: 0px 16px;
    font: normal 14px/30px "Microsoft Yahei";
    border: 0px;
    cursor: pointer;
}

.branch001 ul li{
    border-bottom: 1px dashed grey;
}

/*df_card_list2*/
/*940px*/
.news_list2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content:flex-start;
}
.news_list2 ul > li{
    height:120px;
    width:430px;
    border:1px solid orange;
}
/*image click show large, begin*/
.img1 {
    display: none;
}
.disnone{
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    overflow: auto;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: -o-box;
    -o-box-align: center;
    -o-box-pack: center;
    display: -ms-box;
    -ms-box-align: center;
    -ms-box-pack: center;
    display: box;
    box-align: center;
    box-pack: center;
}

/*li*/
.li001{
    border: 1px solid darkgrey;
}
/*font & color, begin*/
.ft001{font-size:22px;}
.ft002{font-size:12px;color: darkgray;}
.ft003{font-size:16px;}
.ft004{font-size:12px; color: #4285f4; } /*E4393C*/
.ft005{font-size:18px;}
.ft006{color:#E4393C;}
.ft007{font-size:15px;color: #000;font-family: "微软雅黑";font-weight: bold;}
.ft008{ font-weight: bold; color: #f886a8;} /*ae8fdc*/
.ft009{ font-size: 12px;   color: rgb(65, 133, 244); }
.ft010{ font-size: 12px; line-height: 20px;}
.ft011{ font-size: 14px; font-weight: bold;}
.ft012{ font-size: 16px; font-weight: bold;}
.ft013{ font-weight:bold; color:#4285f4;} /*ae8fdc*/
.ft014{ font-size: 14px; }
/*div (size,etc) , begin*/
.div010{min-height: 600px;}
.div011{ position: absolute;bottom: 0px;}
.div012{ height: 25px; width: fit-content;border-bottom: 3px solid rgb(65, 133, 244); }
.div013{height: 35px;width: 210px;line-height:35px;text-align: center;}
.div014{ height: 400px; }
.div015{width: 176px;height: 120px;}
.div016{width:210px; }
.div017{width:620px; }
.div018{width:270px;height: 120px;}
.div019{width:415px;height: 160px;}
/*flex*/
.flex-m-001{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
/*word-break*/
.bk{
    word-wrap: break-word;
}

/*center*/
.mc{ margin: 0 auto; }
/*border*/
.bor001{
    width: fit-content;
    border-bottom: 3px solid rgb(65, 133, 244);
}
/*background*/
.bg001{
    width: 22px;
    height: 22px;
    background: url(../images/0001.png);
    background-size:cover;
}
.bg002{background: rgb(65, 133, 244);
}
.bg003{
    width: 300px;
    height: 720px;
    background: url(../images/bigdata3.png);
    background-size:cover;
}
/**/
.side-list-area ul{
    list-style: none;
    list-style-type: none;
    counter-reset: sectioncounter;
}
.side-list-area ul li{
    margin-bottom: 15px;
}
.side-list-area ul li:before {
    content: counter(sectioncounter) ". ";
    counter-increment: sectioncounter;
    font-weight: bold;
    color: rgb(65, 133, 244);
    font-family: HelveticaNeue-Bold, HelveticaNeue;
}

/*separate line*/
.hr-solid {border: 0;border-top: 1px solid #d0d0d5;}
.hr-dotted {border: 0;border-top: 1px dotted #a2a9b6;}
.hr-dotted2 {border: 0;border-top: 2px dotted #a2a9b6;}
.hr-dashed {border: 0;border-top: 1px dashed #a2a9b6;}
.hr-dashed2 {border: 0;border-top: 2px dashed #a2a9b6;}
.hr-dashed-fixed {border: 0;padding-top: 1px;background: repeating-linear-gradient(to right, #a2a9b6 0px, #a2a9b6 4px, transparent 0px, transparent 12px);}
.hr-double {border: 0;border-top: 3px double #d0d0d5;}
.hr-edge-weak {border: 0;padding-top: 1px;background: linear-gradient(to right, transparent, #D5F1FD, transparent);} /*#d0d0d5*/
.hr-twill {border: 0;padding: 3px;background: repeating-linear-gradient(135deg, #a2a9b6 0px, #a2a9b6 1px, transparent 1px, transparent 6px);}
.hr-wavy {border: 0;color: #d0d0d5;height: .5em;white-space: nowrap;letter-spacing: 100vw;padding-top: .5em;}
.hr-wavy::before {content: "\2000\2000";
    /* IE浏览器实线代替 */
    text-decoration: overline;
    /* 现代浏览器 */
    text-decoration: overline wavy;
}
.hr-shadow {border: 0;padding-top: 10px;color: #d0d0d5;border-top: 1px solid rgba(0, 0, 0, .1);box-shadow: inset 0 10px 10px -10px;}

/*select*/
select {border: 1px solid #d9d9d9;padding:5px;border-radius:3px;}

/*margin & padding, begin*/
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml40{ margin-left: 40px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }

.mt5{ margin-top: 5px; }
.mt8{ margin-top: 8px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }

.mb0{ margin-bottom: 0px; }
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }
.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }

.pt20{ padding-top: 20px; }

.ptb5{ padding-top: 5px; padding-bottom: 5px; }
.ptb10{ padding-top: 10px; padding-bottom: 10px; }
.ptb15{ padding-top: 15px; padding-bottom: 15px; }
.ptb20{ padding-top: 20px; padding-bottom: 20px; }
/*ali_icon common*/
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}