.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex_between2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* Safari */
}

body,
html {
    width: 100%;
    height: 100%;
}

body {
    background: #F5F7FA;
}

*, div, ul li, p, span, a, input, img, button {
    margin: 0;
    padding: 0;
    font-family: HelveticaNeue-CondensedBlack, HelveticaNeue, "微软雅黑";
    border: 0;
    outline: none;
}

img {vertical-align: top;}
img.pic {vertical-align: top;width: 100%;}

ul li {list-style: none;}

a {text-decoration: none;}

.w1200 {width: 1200px;margin: 0 auto}
.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.footer {
    background: #312F38;
}
.footer .fBox1 {
    padding: 60px 0;
    padding-bottom: 80px;
}
.footer .fBox1 h1 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
}
.footer .fBox1 ul li {
    margin-right: 145px
}
.footer .fBox1 ul li p {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.footer .fBox1 ul li a {
    font-size: 13px;
    color: #b7b2b2;
    display: block;
    margin-top: 10px;
}
.footer .fBox1 .p1 {
    font-size: 16px;
    color: #b7b2b2;
    line-height: 18px;
    margin-top: 40px;
}

.footer .fBox1 .p1 img {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-right: 5px
}

.footer .fBox1 .p2 {
    font-size: 24px;
    font-weight: bold;
    color: #0099FF;
    margin-top: 10px;
    text-align: center;
}

.footer .fBox2 {
    background: #282A2B;;
    height: 60px;
    font-size: 12px;
    color: #fff;
}

.footer .fBox2 p {
    line-height: 60px
}

.footer .fBox2 p a {
    color: #fff;
    margin-left: 40px;
}

.navTitle a{ color: #000 }
.navTitle span{ padding: 0px 5px }
.commoditycf{ width: 100%; margin-bottom: 30px;}
.commoditycf .left{max-width: 615px; max-height: 400px; }
.commoditycf .left .zhutu{ width: 486px; }
.commoditycf .left ul{ overflow-x: hidden;
    overflow-y: auto;
    height: 100%;}
/*-------滚动条整体样式----*/
.commoditycf .left ul::-webkit-scrollbar {
    width:5px;
    height:5px;
}
/*滚动条里面小方块样式*/
.commoditycf .left ul::-webkit-scrollbar-thumb {
    border-radius:100px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#fff;
}
/*滚动条里面轨道样式*/
.commoditycf .left ul::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:0;
    background:rgba(0,0,0,0.1);
}
.commoditycf .left ul li{ width: 99px; height: 81px; margin-bottom: 16px; cursor: pointer;border: 4px solid #F5F7FA; background: #F5F7FA}
.commoditycf .left ul li.act{border: 4px solid #0099FF; position: relative;}
.commoditycf .left ul li:last-child{margin-bottom: 0}
.commoditycf .left ul li img,.commoditycf .left .zhutu img{ width: 100%; max-height: 100% }
.commoditycf .right{min-width: 490px; min-height: 400px;  position: relative;}
.commoditycf h1{font-size: 22px;font-weight: bold;color: #020202;line-height: 30px;}
.commoditycf .p1{font-size: 32px;font-weight: bold;color: #FE7522;padding: 20px 0}
.commoditycf .p2{ height: 8px; background: #e8e8e8;width: 100%; position: relative; overflow:hidden;}
.commoditycf .p2 span{display: block;position: absolute;left: 0;top:0;height: 8px; background: #44B4FF}
.commoditycf .p3{font-size: 16px;color: #020202;font-weight: bold;}
.commoditycf .Submit{position: absolute;left: 0; bottom: 0; width: 100%}
.commoditycf .Submit button{width: 160px;height: 48px;background: #0099FF; border-radius: 4px;font-size: 18px; color: #fff;}
.commoditycf .Submit p{font-size: 14px; margin-left: 40px;}
.countryBox .optit p{ position: absolute;right:10px; top:7px; width: 21px;height: 21px;border-radius: 50%;border: 1px solid #BBBBBB; }
.countryBox ul { position: relative;  background: #F5F7FA; border:1px solid #D5DADF;border-top: 0px; border-radius: 5px; z-index: 10; height: 300px;
    overflow-x: hidden; display: none}
.countryBox ul li{border-top:1px solid #D5DADF; padding: 5px; text-indent: 5px; cursor: pointer;}
.countryBox ul li:hover{ background: #fff }
.commoditycf .right .Submit img{display: block;padding-bottom: 5px; margin: 0 auto; cursor: pointer;}
.clickNumber input{width: 42px;height: 36px;border-radius: 4px;border: 1px solid #D5DADF; text-align: center; font-size: 14px;margin-right: 5px}
.clickNumber p{width: 19px;height: 16px;border-radius: 4px;border: 1px solid #D5DADF;cursor: pointer;}
.clickNumber p:hover{ border-color: #44B4FF }
.clickNumber button{width: 20px;height: 20px;border-radius: 4px;border: 1px solid #000000; margin-left: 20px; margin-top: 8px; background: #fff;cursor: pointer;}
.clickNumber button img{margin-top: -2px; display: none}
.clickNumber button img.act{display: block;}
.clickNumber img,.countryBox .optit p img{ width: 22px; height: 22px; display: block; }
.crowdMain .left{width: 790px;background: #FFFFFF; padding: 30px;}
.crowdMain .right{width: 384px;background: #FFFFFF;padding:30px 20px;}
.crowdTit{border-bottom: 2px solid #E9E9E9;height: 55px; position: relative;}
.crowdTit .box{position: absolute;left: 0;top:2px;height: 55px;}
.crowdTit p{font-size: 16px;color: #020202; padding-bottom: 25px;margin-right:90px; cursor: pointer;position: relative;}
.crowdTit p span{font-size: 14px; color: #0099FF;font-weight: bold;top: -5px;position: absolute;right: -34px; }
.crowdTit p.act{font-size: 18px;color: #020202;font-weight: bold;border-bottom: 4px solid #1E1E1E}
.crowdCP ul li{margin-top: 30px; position: relative;}
.crowdCP .imgbox{padding: 12px; height: 194px;background: #F3F3F3}
.crowdCP .imgbox p{ background: #fff;height: 100%; width: 100%; overflow: hidden;}
.crowdCP .p1{font-size: 16px;line-height: 19px;font-weight: bold;color: #020202;}
.crowdCP .p2{font-size: 22px;font-weight: bold;color: #FE7522;line-height: 22px;}
.crowdCP .p3{background: #F2F9FF;border-radius: 14px;font-size: 12px;color: #0099FF;line-height: 14px; padding: 5px 15px}
.crowdCP .p4{font-size: 12px;color: #8B8B8B;line-height: 14px;}
.crowdCP .top{ position: absolute;left: 0; top:0; background: url(/assets/addons/cms/img/t.png);width: 74px; height: 26px;  text-align: center; text-indent: -10px; font-size: 12px; color: #fff; line-height: 23px  }
.crowdMain .right .bottom_btn p{width: 160px;height: 43px;background: #F3F3F3;border-radius: 6px;}
.crowdTabMain .Message{padding-bottom: 20px;}
.crowdTabMain .Message .p1{font-size: 18px;font-weight: bold;color: #000;line-height: 23px;}
.crowdTabMain .Message .p2{font-size: 14px;color: #fff;}
.crowdTabMain .Message .p2 img{ width: 16px; height: 10px; margin-left: 10px;margin-top: 5px; cursor: pointer; }
.crowdTabMain .msgList .box{border-bottom: 2px solid #e9e9e9; padding-bottom: 25px; margin-top: 25px;}
.crowdTabMain .msgList .yonghu{position: relative; margin-top: 20px;padding-left: 50px}
.crowdTabMain .msgList .yonghu img{ width: 34px;height: 34px;background: #FFFFFF;border: 1px solid #E9E9E9;border-radius: 50% ;
    position: absolute;left: 0px;top:-3px;}
.crowdTabMain .msgList .p1{font-size: 14px;font-weight: bold;color: #000;}
.crowdTabMain .msgList .p2{font-size: 16px;color: #000;padding: 10px 0}
.crowdTabMain .msgList .p2 a{color: #0099FF;padding-right: 10px}
.crowdTabMain .msgList .p3{font-size: 14px;color: #A1A1A1;}
.crowdTabMain .btn_more p{width: 126px;height: 40px;border-radius: 26px;border: 1px solid #0099FF; font-size: 18px;color: #0099FF;margin-top: 40px;}
.fabiaoMsg{margin-top: 50px;}
.fabiaoMsg .p1{font-size: 16px;font-weight: bold;color: #000;}
.fabiaoMsg .p2{font-size: 16px;color: #000; float: right;}
.fabiaoMsg .p2 span{ color: #0099FF }
.fabiaoMsg  textarea{min-height: 132px;border-radius: 4px;border: 1px solid #C6C6C6; padding: 20px; min-width: 100%;max-width: 100%; margin: 20px 0; font-size: 16px}
.fabiaoMsg .p2 a{text-decoration: underline; color: #000}
.fabiaoMsg .textBox{ position: relative; }
.fabiaoMsg .textBox .p3{ position: absolute;right: 10px;bottom:30px;font-size: 16px; }
.crowdTabMain .cBox{ display: none }
.crowdTabMain .cBox.act{ display: block; }
.crowdTabMain .imgBox{padding-top: 30px;}
.crowdTabMain .imgBox img{ width: 100% }
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.article-intro {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    font-size: 14px;
    padding-right: 15px;
    /*line-height: 1.6rem;*/
}

footer img.img-h{
    height: 6rem;
}
@media (max-width: 768px) {
    .commoditycf{ width: 100%; margin: 1rem 0.8rem;}
    .commoditycf .right {
        min-width: 360px;
        min-height: 400px;
        position: relative;
        max-width: 375px;
    }
    .crowdTit p {
        margin-right: 4.1rem;
    }

    footer img.img-h{
        height: 4rem;
    }
    footer .mt40 {
        margin-top: 0px;
    }

    .commoditycf .left .zhutu img {
        max-width: 375px;
    }

    .commoditycf .left {
        max-width: 375px;
        max-height: 100%;
    }

}