* { margin: 0; padding: 0; font-family: PingFang SC, ​Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; }
a { text-decoration: none; }
input{outline: none; border: 0;}
img { border: 0 none; }
li { list-style: none; }
html,body{background-color: #f8f8f8; color: #333333; height: 100%;}
.area_head{background: url('//img.bidcenter.com.cn/mobile/images/v2/sy_bg.png') no-repeat center; padding: 1rem; box-sizing: border-box; width: 100%; height: 17rem; background-size: 100% 100%;}
.area_head_fenzhan{background: #F3F9FF; border-radius: 2px; width: 4.5rem; height: 2.08rem;font-weight: bold;
font-size: 1rem; color: #1F6BFF; display: flex; align-items: center; justify-content: center;}
.area_head_fenzhan img{width: 0.92rem; margin-right: 5px;}
.area_head_logo{margin-top: 1rem; display: flex; align-items: center; justify-content: center;}
.area_head_logo img{width: 5.5rem;}
.area_head_sousuo{margin: 2.17rem 0rem 1.29rem; display: flex; align-items: center; justify-content: center; padding: 0 1.54rem; height: 3.67rem; background: #FFFFFF; border-radius: 1.83rem;}
.area_sousuo_icon{width: 1.21rem; margin-right: 0.7rem;}
.area_sousuo_input{ border: 0; flex: 1; height: 2.25rem; }
.area_sousuo_btn{width: 4.33rem; height: 2.25rem; line-height: 2.25rem; text-align: center; font-size: 1rem;
color: #FFFFFF; background: #106CFF; border-radius: 1.13rem;}
.area_logo_text{background: url('//img.bidcenter.com.cn/mobile/images/v2/sy_logo2_line.png') no-repeat center; padding: 0 10px; height:3.4rem; background-repeat: repeat-x; background-size: contain;}
.logo_text_name{font-weight: bold; font-size: 1.79rem; color: #FFFFFF; max-width: 12.5rem; overflow: hidden;   white-space: nowrap;}
.logo_text_wangzhi{font-size: 0.96rem; color: #FFFFFF;}
.area_head_hot{display: flex;align-items: center;flex-wrap: nowrap;}
.area_hot_left{font-weight: bold;font-size: 1rem;color: #FFEC13;display: flex;align-items: center;flex-wrap: nowrap;}
.area_hot_left img{width: 1.08rem; margin-right: 5px;}
.area_hot_right{display: flex;width:80%;}
.area_hot_right li{font-size: 1rem;margin-left: 1.25rem;max-width:20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}
.area_hot_right li a{color: #FFFFFF;}
.area_banner{margin: 1.25rem 0.83rem;}
.area_banner img{
	width: 100%;
}
.area_item{margin: 0 0.83rem 1.17rem;}
.area_item_top{display: flex; align-items: center; justify-content: space-between;}
.area_item_top .area_item_top_left{background: url('//img.bidcenter.com.cn/mobile/images/v2/sy_titbg.png') no-repeat bottom; font-weight: bold;
font-size: 1.25rem; color: #333333; padding: 0 0.33rem; margin-left: 0.75rem;}
.area_item_top_right{margin-right: 0.75rem;}
.area_item_top_right a{font-weight: bold; font-size: 1.08rem; color: #106CFF;}
.area_item_cell{margin-top: 0.83rem; background: #FFFFFF; padding: 0.83rem 0.54rem; border-radius: 0.33rem;}
.area_item_title{font-weight: bold; font-size: 1.33rem;  line-height: 1.92rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.area_item_title a{color: #333333;}
.area_item_type{display: flex; align-items: center; justify-content: space-between; margin-top: 0.8rem;}
.area_item_type .area_type_tag{width: 5.42rem; height: 1.75rem; text-align: center; line-height: 1.75rem; border-radius: 0.17rem; font-size: 1.08rem;}
.area_item_type .area_type_text{font-size: 1.08rem; margin-left: 1.08rem; color: #6C717E;}
.area_item_type .area_type_zbbg{background: #EAF2FF; color: #106CFF;}
.area_item_type .area_type_zhbbg{background: #FFF1F1; color: #FE5454;}
.area_item_company{font-size: 1.08rem; color: #FF7814; margin-top: 0.6rem;}
.area_czw_yingyong{background: #FFFFFF; margin: 0 0.83rem; border-radius: 0.33rem; display: flex; justify-content: space-between;}
.yingyong_app{width: 12rem; margin: 0 1.04rem; display: flex; flex-direction: column; align-items: center;}
.yingyong_app img{width: 9.08rem; text-align: center; }
.yingyong_app_btn{width: 10.83rem; height: 3.67rem; line-height: 3.67rem; text-align: center; font-size: 1.25rem;
color: #FFFFFF; display: block; background: linear-gradient(81deg, #FF903D 0%, #FB432B 100%); border-radius: 0.33rem;}
.yingyong_xcx{display: flex; flex-direction: column;  align-items: center; margin-right: 1.88rem;}
.yingyong_xcx img{width: 11.67rem; margin: 2.21rem 0 2.5rem;}
.yingyong_xcx .yingyong_xcx_btn{width: 10.83rem; height: 3.67rem; display: block; line-height: 3.67rem; text-align: center; font-size: 1.25rem;
color: #FFFFFF; font-weight: bold; background: linear-gradient(81deg, #3E80FF 0%, #1363FF 100%); border-radius: 0.33rem;}
.yingyong_app_text1{font-weight: bold; font-size: 1.08rem; margin-top: 1.96rem;}
.yingyong_app_text2{font-weight: bold; font-size: 1.08rem; color: #2D6DFE; margin-top: 0.7rem; padding-bottom: 1.42rem;}
.area_foot{font-size: 1rem; color: #5A5A5A; text-align: center; padding: 1.88rem 0;}

.area_popup{position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
.area_popup .area_popup_mask{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.area_popup_content{background-color: #FFFFFF; position: relative; top: 7rem; }
.area_cont_top{height: 4.42rem; line-height: 4.42rem; text-align: center; border-bottom: 1px solid #EEEEEE; font-weight: bold; font-size: 1.25rem;}
.area_cont_box{display: flex; justify-content: space-between;  height: 29rem;}
.area_cont_left{width: 12.5rem; background: #F5F6FA;}
.area_cont_left ul li{height: 3.5rem; line-height: 3.5rem; text-align: center; font-size: 1.25rem;}
.area_cont_left ul li.active{background-color: #FFFFFF; color: #416BFF; font-weight: bold;}
.area_cont_right{flex: 1; overflow-y: auto;}
.area_cont_right ul {display: flex; flex-wrap: wrap; padding: 1.92rem 0;}
.area_cont_right ul li{width: 6.25rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1.17rem;
color: #696D7B; background: #F5F6FA; border-radius: 1.25rem; margin-left: 2rem; margin-bottom: 2rem;}
.area_cont_right ul li a{color: #696D7B; }
.area_cont_right ul li.active{background: #406CF3; color: #FFFFFF;}
.area_cont_right ul li.active a{color: #FFFFFF;}
.area_cont_btn{height: 4.17rem; line-height: 4.17rem; font-weight: bold; text-align: center;
font-size: 1.25rem; color: #FFFFFF; background: #406CF3;}