﻿
/*商机*/
html{ background: #eee;}



.bread_nav{ width:1200px; margin:30px auto;}
.bread_nav a:hover{ color:#ff6600;}
.bread_nav span{ color: #666;}

.commerce_banner{ width: 1200px; margin: 20px auto; height: 150px; overflow: hidden; border-radius: 3px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; background: #fff; }

.commerce_box{ width: 1200px; margin: 0 auto 20px auto; overflow: hidden; }
.commerce_left{ width: 920px;  float: left; padding: 30px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px; background: #ffffff;  box-sizing:border-box; min-height: 800px; }



.commerce_ss{ width:100%; height: 45px; border: 1px solid #eee; border-radius: 30px; background: #fff; position: relative; box-sizing: border-box;}
.commerce_ss .search_input{ width: 85%; height: 43px;outline:none;  text-indent: 10px; font-size: 16px;  border-radius: 5px; border: 1px solid #fff;}
.commerce_ss .search_btn{ width: 150px; height: 43px; border: none; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 42px; background:#007AFF; position: absolute; right: 0; top: 0; border-radius:0 5px 5px 0; cursor: pointer;}
.commerce_ss .search_input:focus{ border: 1px solid rgba(0, 132, 255, 0.5);}


.commerce_info{ width: 100%; height: 45px; background: #f7f7f7; border-bottom: 1px solid #ccc; box-sizing: border-box; margin:0 auto 30px auto; position: relative; }
.commerce_info .ss_nav{ display: inline-block; height:45px; margin: 0 15px; padding: 0 5px;  box-sizing: border-box; line-height: 45px; font-size: 16px; position: relative;}
.commerce_info .active{ border-bottom: 3px solid #f60; color: #f60;}

.commerce_info .ss_nav i{ display: block; width: 30px; height: 20px; position: absolute; right: -25px; top: 2px; background: url(../images/hot.png) no-repeat scroll 0 0;}

.commerce_info .sort{position: relative;width: 120px; height:30px; display: inline-block;vertical-align: middle; margin-right: 10px; border: 1px solid #ccc; float: right;  padding: 0 5px 0 10px; margin-top: 8px; box-sizing:border-box; border-radius: 30px; background: #fff;}
.commerce_info .sort .sorttop{width:100%; height:30px; cursor:pointer; overflow: hidden;}
.commerce_info .sort .sorttop span{float:left;  height:30px;text-overflow:ellipsis; overflow: hidden;line-height:30px;color: #666;vertical-align: middle;}
.commerce_info .sort .sorttop span font{ margin-left: 10px; color: #5dba35;}
.commerce_info .sort .sorttop span .col{ color: #e72324;}
.commerce_info .sort .sorttop em{float:right; width: 20px;height: 20px;vertical-align: middle; margin-top: 5px; }
.commerce_info .sort .sortbm{width: 120px;position: absolute;left: -1px;top: -1px;display: none; border: 1px #D9D9D9 solid; background: #fff; z-index: 3;}
.commerce_info .sort .sortbm li{cursor:pointer;width:100%;height:30px;line-height:30px; color: #666; padding: 0 10px; box-sizing: border-box;  }
.commerce_info .sort .sortbm li font{  margin-left: 10px; color: #5dba35;}
.commerce_info .sort .sortbm li .col{ color: #e72324;}
.commerce_info .sort .sortbm li:hover{ /*box-shadow: 0px 0px 3px rgba(0,0,0,.3);*/ background-color: rgba(0, 132, 255, 0.2); }

.commerce_list:hover{ border-bottom: 1px solid rgba(0, 132, 255, 0.5);}
.commerce_list:hover .info_btn{ background: #007AFF; color: #ffffff;}

.no_info{ width: 100%; padding: 50px 0 20px 0; box-sizing: border-box; background: url(../images/no_msg.png) no-repeat scroll center top; margin-top: 100px;}
.no_info p{ color: #999; text-align: center;}

.commerce_right{ width: 260px; float: right;}

.park_ruzhu{ width: 100%; background-color: #e6f7ff;  box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px; box-sizing: border-box; padding:  20px; margin-bottom: 20px;}
.park_ruzhu h3{ font-size: 18px; font-weight: bold; color:#2a9af0 ; margin-bottom: 20px;}
.park_ruzhu input{ width: 210px; height: 35px; background: #fff; border-radius: 30px; border: 1px solid #eee; padding-left: 5px;}
.park_ruzhu a{ display: block;width: 100%; height: 35px; height: 35px;  border-radius: 30px; text-align: center; line-height: 35px; background: #007AFF; color: #ffffff; margin-top: 20px; font-weight: bold;}
.park_ruzhu p{ line-height: 2em; color: #333; margin-top: 10px }
.park_ruzhu p strong{ color: #007AFF;}


/*2019817添加商机详情右侧商机对接人信息*/
.zsmber{ width: 100%; background: #fdf9f6; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px;box-sizing: border-box; padding: 20px; margin-bottom: 20px;}
.zsmber .zsline{  width: 100%; overflow: hidden;}
.zsmber .zsline .tx{ width: 75px; height: 75px; overflow: hidden; float: left;}
.zsmber .zsline .tx img{ width: 100%; border-radius:75px; }
.zsmber .zsline .txt{ width:130px; float: left; margin-left:10px;}
.zsmber .zsline .txt strong{ display: block; font-size: 18px; margin-bottom: 5px; }
.zsmber .zsline .txt span{display: block; color: #f60; }
.zsmber .zsline .txt em{ display: block; margin-top: 8px; color:gray;}

.zsmber .zsdate{  width: 100%; margin-top: 10px; overflow: hidden; display: flex; flex-direction: row;}
.zsmber .zsdate .ds{ width: 30%;}
.zsmber .zsdate .ds:nth-child(2){ margin: 0 3%;}
.zsmber .zsdate .ds strong{ display: block; text-align: center; font-weight: normal;}
.zsmber .zsdate .ds span{ display: block; text-align: center; font-size: 12px; color: #999;}

.zsmber .zs_txt{  width: 100%; overflow: hidden; margin-top: 10px; }
.zsmber .zs_txt p{ line-height: 2em; color: #666;}

.zsmber .weituo_box{ width: 100%; height: 35px; overflow: hidden; margin-top: 10px;  display: flex; flex-direction: row;}
.zsmber .weituo_box a{display: block; flex: 1;  border-radius: 30px; text-align: center; line-height: 35px; background: #fff; border:1px solid #f60;margin: 0 5px; }

.zsmber .weituo_box .on{background: #f60; color: #fff;}

.zsmber .zsform{ width: 100%; overflow: hidden; margin-top: 10px; padding-left: 5px; display: none;}
.zsmber .zsform form{ display:block; width: 100%; flex-direction: row; }
.zsmber .zsform form input{ float: left; width: 60%; height: 30px; border: 1px solid #ccc; text-indent: 10px; border-radius: 3px; }
.zsmber .zsform form button{ float: left;display: block; width: 30%; height: 30px; background: #007AFF; color: #fff; border-radius: 3px;   text-align: center; border: none; margin-left: 10px; cursor: pointer;}
.zsmber .zsform p{ clear: both; display: block; color: #666; line-height: 1.5em;padding-top: 10px;}

.zsmber .xzform{ width: 100%; overflow: hidden; margin-top: 20px; padding-left: 5px; display: none;}
.zsmber .xzform form{ display:block; width: 100%; flex-direction: row; }
.zsmber .xzform form input{ float: left; width: 60%; height: 30px; border: 1px solid #ccc; text-indent: 10px; border-radius: 3px; }
.zsmber .xzform form button{ float: left;display: block; width: 30%; height: 30px; background: #007AFF; color: #fff; border-radius: 3px;   text-align: center; border: none; margin-left: 10px; cursor: pointer;}
.zsmber .xzform p{ clear: both; display: block; color: #666; line-height: 1.5em;padding-top: 10px;}


/*商机详情*/
.commerce_left_xq{width: 920px; float: left; }
.commerce_line{width: 100%;  float: left; padding: 30px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px; background: #ffffff;  box-sizing:border-box; min-height: 300px; position: relative; overflow: hidden;}
/*.commerce_line .official_cer{ width: 150px;  height: 150px; position: absolute; right: -23px; top: -23px; background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 0px; background-size: 150px ; overflow: hidden;}*/

.commerce_line .wxcody{ width: 150px;  height: 180px; position: absolute; right: 30px; top: 100px;  overflow: hidden; text-align: center;}
.commerce_line .wxcody img{ width: 150px; height: 150px; }
.commerce_line .wxcody span{ color: #999;}

.commerce_line h1{ font-size: 24px; font-weight: bold; width: 100%;}
.commerce_line h1 i{ white-space: nowrap;  border-radius:25px 0 25px 0; box-sizing: border-box; font-size:16px; color: #fff; padding: 2px 20px; margin-right: 10px;}
.commerce_line h1 .yb{ background: #007AFF; }
.commerce_line h1 .zd{ background: #ff6600; }
.commerce_line h1 .td{ background: #ff3300; }


.commerce_line .ne_one{ width: 100%; overflow: hidden; margin-top: 10px;}
.commerce_line .ne_one span{padding: 5px 0px; box-sizing: border-box; white-space: nowrap; display: block; float: left; margin-bottom: 10px; margin-right: 50px;}
.commerce_line .ne_one .k1{ background: #e03838; border-radius: 3px; color: #fff; padding: 5px 20px;}
.commerce_line .ne_one .k2{ background: #c09632; border-radius: 3px; color: #fff; padding: 5px 20px;}
.commerce_line .ne_one .k3{ background: #6ebf32; border-radius: 3px; color: #fff; padding: 5px 20px;}
.commerce_line .ne_one .k4{ background: #e98a2e; border-radius: 3px; color: #fff; padding: 5px 20px;}
.commerce_line .ne_one .k5{ background: #4d75cd; border-radius: 3px; color: #fff; padding: 5px 20px;}
.commerce_line .ne_one span b{ color: #999;}

.commerce_line .na_two{ width: 100%; overflow: hidden; padding: 30px 0 0 0; box-sizing: border-box; border-bottom: 1px  dashed #ccc; position: relative;}
.commerce_line .na_two h3{ margin-bottom: 10px; font-size: 17px; font-weight: bold; }
.commerce_line .na_two p{  color: #666; line-height: 2em; padding-bottom: 20px; }

.commerce_line .na_two .xinxi_list{ width: 100%; clear: both; overflow: hidden; margin-bottom: 30px; padding-bottom: 1px; }
.commerce_line .na_two .xinxi_list li{ width: 30%;  float: left;  margin-right: 5%; margin-top: 20px; color: #999;}
.commerce_line .na_two .xinxi_list li span{ color: #333; margin-left: 20px;}
.commerce_line .na_two .xinxi_list li a{ color: #f60; margin-left: 20px; border: 1px dashed #ffa162; padding: 0 5px; box-sizing: border-box; background: #fef8f4;}
.commerce_line .na_two .xinxi_list li .download{ background: #67BFF7; color: #fff; padding: 0 10px;border: 1px solid #67BFF7; border-radius: 20px;}

.commerce_line .na_two .xinxi_list li .cys{color: #77a4d7; background: #eef5fd; border: none;  border-radius: 20px;   line-height: 30px;}

.commerce_line .na_two .zhong{color: #f60; background: #fcf4ee; float: left;  margin-right: 10px; border: 1px solid #f60; padding-right: 5px; margin-right: 30px; height: 20px; position: absolute; left: 100px; top: 30px;}
.commerce_line .na_two .zhong i{ display:inline-block; width: 20px; height: 20px; float: left; background: url(..	) no-repeat scroll center center #f60; background-size: 20px 20px; margin-right: 5px; vertical-align: bottom; }
.commerce_line .na_two .zhong b{ display: inline-block; float: left; line-height: 22px;}

/*最近浏览*/
.liulan_list {  width: 50%;   padding: 20px 0;  box-sizing: border-box;  overflow: hidden}
.liulan_list .z {  font-size: 16px;  line-height: 35px;  margin-right: 10px; text-align: center;}
.liulan_list .r {  overflow: hidden;   flex-direction: row; padding-top: 8px; text-align: center;}
.r_li {  width: 35px;  height: 35px;  margin-right: 5px;  margin-bottom: 10px; border-radius: 50px;  box-shadow: rgba(16,36,94,0.1) 0px 1px 3px 0px; }



.commerce_line .na_three{ width: 100%; overflow: hidden;   }
.commerce_line .thfix{box-sizing: border-box; position: fixed; left: 0; bottom: 0; z-index: 3; background: #d1e5fc; height: 120px; padding: 30px 0}

.commerce_line .na_three ul{ width: 100%; overflow: hidden;}
.commerce_line .na_three ul li{ width: 100%; float: left; margin-right: 2%; margin-bottom: 20px;}
.commerce_line .na_three ul li span{ color: #666;}
.commerce_line .na_three .info{ width: 100%; margin: 0 auto; overflow: hidden; margin-top: 30px;}
.commerce_line .na_three .info li .call_btn{ padding: 20px 50px; background: #007AFF; color: #fff; border-radius: 3px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left;}
.commerce_line .na_three .info li .call_btn:hover{ background: #0084FF;}
.commerce_line .na_three .info li em{ color: #666; }
.commerce_line .na_three .info li em font{ color: #f60;}
.commerce_line .na_three .info li .share{ float: right;}

.commerce_line .thfix .info{ width: 1200px; margin: 0 auto; padding-left: 30px; box-sizing: border-box}


.commerce_line .na_three .info li .vip_btn{ padding: 10px 30px; background: #f60; color: #fff; border-radius: 3px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left; text-align: center;}
.commerce_line .na_three .info li .vip_btn:hover{ background: #f40;}
.commerce_line .na_three .info li .vip_btn span{ font-size: 12px; color: #fff;}

.commerce_line .na_three .info li .dy_btn{ padding: 10px 30px; background: #50aa3b; color: #fff; border-radius: 3px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left; text-align: center;}
.commerce_line .na_three .info li .dy_btn:hover{ background: #359e1d;}
.commerce_line .na_three .info li .dy_btn span{ font-size: 12px; color: #fff;}


.commercetab{ width: 100%; overflow: hidden}
.commercetab .tab-nav{height: 45px;  width: 100%;  box-sizing: border-box; margin: 0 auto; position: relative;}
.commercetab .tab-nav li{display: inline-block; float: left; height:45px;  margin-right: 30px; padding: 0 10px;  box-sizing: border-box; line-height: 45px; font-size: 16px;  cursor: pointer;  font-size: 16px; font-weight: bold;}

.commercetab .tab-nav .actived{ border-bottom: 3px solid #007AFF; color: #007AFF;}
.commercetab .content-wrap{ margin-top: 20px; width: 100%; overflow: hidden; }
.commercetab .content-wrap .content-item{width: 105%; position: relative; display: none; overflow: hidden; }
.commercetab .content-wrap .current{ display: block;}

.release_btn{ display: block; padding: 20px 0; box-sizing: border-box;  border-radius: 3px;  text-indent: 90px; color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 20px; background: url(../images/commerce_xq_ico.png) no-repeat scroll -10px -460px #FF6600;}
.release_btn:hover{background: url(../images/commerce_xq_ico.png) no-repeat scroll -10px -460px #FF2200; color: #fff; text-decoration: none;}


.commerce_r .date_sta{ width: 100%; overflow: hidden; padding: 20px; box-sizing: border-box;}
.commerce_r .date_sta ul li{ width: 100%; overflow: hidden; height: 30px; margin-bottom: 10px;}
.commerce_r .date_sta ul li span{ display: inline-block; float: left; margin-left: 30px; line-height: 30px;}
.commerce_r .date_sta ul li em{ display: block; float: right; color: #999; line-height: 30px;}
.commerce_r .date_sta ul li em b{ color: #007AFF; font-weight: bold;}
.commerce_r .date_sta ul .ico1{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -220px;}
.commerce_r .date_sta ul .ico2{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -250px;}
.commerce_r .date_sta ul .ico3{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -280px;}
.commerce_r .date_sta ul .ico4{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -310px;}
.commerce_r .date_sta ul .ico5{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -340px;}
.commerce_r .date_sta ul .ico6{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -370px;}
.commerce_r .date_sta ul .ico7{ background: url(../images/commerce_xq_ico.png) no-repeat scroll 0 -400px;}

 
/*联系方式弹框非登录状态*/
.login_off{ width: 100%; height: 45px; border: 1px dashed #FF6600; background: #fdece0; line-height: 45px; text-align: center; margin: 20px auto;}

.login_off a{ color: #f60; margin: 0 5px;}


/*发布商机表单*/

.form_top{ width: 100%; height: 300px; background: url(../images/top_bg.jpg) no-repeat center 0; overflow: hidden ; position: relative}
.form_top .add_cont{ width: 1200px; margin: 50px auto;}
.form_top .add_cont h3{ font-size: 82px; color: #fff; font-weight: bold; text-align: center; letter-spacing:10px; text-shadow:0px 5px 5px rgba(0,0,0,0.6);  }
.form_top .add_cont .entxt{ text-align: center; margin-top: 20px; font-size: 28px; font-weight: bold; color: #fff; letter-spacing:5px;  text-shadow:0px 5px 5px rgba(0,0,0,0.6);}


.butie_box{width: 100%; padding: 30px 0; box-sizing: border-box; overflow: hidden ;}
.butie_box .butie_cont{ width: 1200px; height: 250px; margin: 0 auto;}
.butie_box .butie_cont .bt_list{ width: 200px; height: 250px; float: left; margin-right: 50px; background: #fff; border-radius: 5px; box-shadow: rgba(62,57,107,0.3) 0px 6px 16px 0px; cursor: pointer; padding-top: 60px; box-sizing: border-box;}
.butie_box .butie_cont .bt_list:last-child{ margin-right: 0;}

.butie_box .butie_cont .bt_list .b1{ width: 80px; height: 80px;  margin:0 auto; background: #f5f5f5;}
.butie_box .butie_cont .bt_list .g1{ background: url(../images/ico_1_1.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list .g2{ background: url(../images/ico_2_1.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list .g3{ background: url(../images/ico_3_1.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list .g4{ background: url(../images/ico_4_1.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list .g5{ background: url(../images/ico_5_1.png) no-repeat scroll center 0;}

.butie_box .butie_cont .bt_list .b2{ display: block; width: 100px; height: 35px;  text-align: center; color: #0a1929; margin: 0 auto; font-size: 16px; font-weight: bold; line-height: 35px; margin-top: 10px;}

.butie_box .butie_cont .bt_list:hover{ background: #f60; padding-top: 30px;}
.butie_box .butie_cont .bt_list:hover .b2{ color: #fff;}
.butie_box .butie_cont .bt_list:hover .g1{ background: url(../images/ico_1_0.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list:hover .g2{ background: url(../images/ico_2_0.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list:hover .g3{ background: url(../images/ico_3_0.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list:hover .g4{ background: url(../images/ico_4_0.png) no-repeat scroll center 0;}
.butie_box .butie_cont .bt_list:hover .g5{ background: url(../images/ico_5_0.png) no-repeat scroll center 0;}



.butie_box .butie_cont .bt_list .zx_btn{ display: block; width: 100px; height: 35px; border-radius: 35px; text-align: center; background:#fff3eb ; color: #0a1929; margin: 20px auto; font-size: 14px; font-weight: bold; line-height: 35px;  box-shadow: rgba(0,0,0,0.1) 0px 2px 5px 0px; display: none;}

.butie_box .butie_cont .bt_list:hover .zx_btn{ display: block;}
.butie_box .butie_cont .bt_list:hover .zx_btn:hover{ background: #fff;}



.commerce_form{width: 1200px;  margin: 20px auto; overflow: hidden; border-radius: 3px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; background: #fff; padding: 50px 240px; box-sizing: border-box;}
.commerce_form h1{ font-size:30px; text-align: center; font-weight: bold;}
.main_form{ margin-top: 50px;}
.commerce_form_more{ width: 100%; border-top: 1px solid #eee; margin-top: 50px;  }
.commerce_form_more .com_more{text-align: center; display: block; width: 50%; background: #fff;  height: 30px; margin: -10px auto 30px auto; color: #666; }
.commerce_form_more .more_form{ display: none;}
.commerce_form_more .all{ display: block;}


/*发布提交反馈*/
.formback{ width: 100%; overflow: hidden; text-align: center;position:absolute;top:100px;}
.formback img{ margin: 50px auto 20px auto;}
.formback h2{ font-size:28px; color: #1ccc98; text-align: center; font-weight: bold; margin-bottom: 30px;}
.formback p{ line-height: 2em;}


/*推荐园区*/
.a_tit{ font-size: 30px; color: #333; text-align: center; line-height:1em; font-weight: bold;}

.form_yuanqu{  width:100%;  overflow: hidden; margin: 30px auto}
.form_yuanqu .yuanqu_content{ width: 1200px;  margin: 0 auto; overflow: hidden;}
.form_yuanqu .yuanqu_content .content-park{width: 105%; margin-left:-20px; margin-top: 30px; overflow: hidden; }

.form_yuanqu .yuanqu_content .content-park .park_box{ display: block; width: 23%;  margin-bottom: 20px; overflow: hidden; float: left; margin-left: 20px;}
.form_yuanqu .yuanqu_content .content-park .park_box:last-child{ margin-right: 0;}
.form_yuanqu .yuanqu_content .content-park .park_box div{clear: both;}
.form_yuanqu .yuanqu_content .content-park .park_box .pic_s{ display: block; width: 100%; height: 190px; overflow: hidden;}
.form_yuanqu .yuanqu_content .content-park .park_box .pic_s img{ width: 100%; height: 190px; transform: scale(1); transition: all 1s ease 0s; }
.form_yuanqu .yuanqu_content .content-park .park_box:hover .pic_s img{transform: scale(1.1);  transition: all 1s ease 0s;}
.form_yuanqu .yuanqu_content .content-park .park_box .yuan_name{ display: block; width: 100%; font-size: 18px; margin-top: 10px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.form_yuanqu .yuanqu_content .content-park .park_box .yuan_name:hover{color: #69abfe;}
.form_yuanqu .yuanqu_content .content-park .park_box .yuan_adds{ width: 100%; font-size: 14px; margin-top: 5px; color: #999;}

.morebox{ width: 100%; margin-top: 20px; overflow: hidden;}
.morebox a{ display: block; width: 120px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #ccc; border-radius: 30px; margin: 0 auto; }
.morebox a:hover{ color:#69abfe ;}



/*商机特权查看框*/
.tequan_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.tequan_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3)}
.tequan_box .conter_box { width: 1000px; background: #fff; position: absolute; left: 50%; margin-left: -500px; top: 50px; z-index: 10001; border-radius: 5px; overflow: hidden; }
.tequan_box .conter_box .tan_tit{ width: 100%; height: 50px; background: #082646; line-height: 50px; box-sizing: border-box; font-size: 24px; text-align: center; color: #fff; position: relative; font-weight: bold;}
.tequan_box .conter_box .tan_tit .close{ font-size: 30px; width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; line-height: 25px; color: #fff; cursor: pointer; }
.tequan_box .conter_box .tan_conter{ width: 100%; overflow: hidden; padding: 30px 20px; box-sizing: border-box;}

.tequan_box .conter_box .tan_conter .select_three{ width: 110%; overflow: hidden; }
.tequan_box .conter_box .tan_conter .select_three ul li{ float: left; width: 44.5%; height: 125px; margin-right: 20px; overflow: hidden; border: 1px dashed #ccc;  box-sizing: border-box; padding: 0 0 20px 0; cursor: pointer; position: relative; margin-bottom: 30px; border-radius: 5px;}

 /*
.tequan_box .conter_box .tan_conter .select_three ul li:first-child{ width: 44.5%;}
.tequan_box .conter_box .tan_conter .select_three ul li:nth-child(2){ width: 44.5%; }
*/

.tequan_box .conter_box .tan_conter .select_three ul li .ci{border-right: 1px solid #eee; width: 25%; text-align: right; height: 52px;  float: left; padding-right: 10px;padding-left: 10px;}
.tequan_box .conter_box .tan_conter .select_three ul li .ci strong{ font-size: 36px;}
.tequan_box .conter_box .tan_conter .select_three ul li .moe{ float: left; width: 60%; padding-left: 10px;padding-right: 10px;}
.tequan_box .conter_box .tan_conter .select_three ul li .moe p strong{ font-size: 24px;}
.tequan_box .conter_box .tan_conter .select_three ul li .moe p:last-child{ color: #999; border: 1px dashed #fff;}
.tequan_box .conter_box .tan_conter .select_three ul .on{ border: 1px solid #007AFF; background: url(../images/select.png) no-repeat scroll right bottom;}
.tequan_box .conter_box .tan_conter .select_three ul li:last-child{ margin-right: 0;}
.tequan_box .conter_box .tan_conter .select_three ul li .p_tag{ width:100%; height: 30px; margin-bottom: 20px; background: #eee; line-height: 30px; text-align: center; color: #007AFF;}
.tequan_box .conter_box .tan_conter .select_three ul li .z_tag{ width:100%; height: 30px; margin-bottom: 20px; background: #eee; line-height: 30px; text-align: center; color: #f30;}
.tequan_box .conter_box .tan_conter .select_three ul .on .ci{ color: #007AFF;}
.tequan_box .conter_box .tan_conter .select_three ul .on .moe p:first-child{ color: #007AFF;}
.tequan_box .conter_box .tan_conter .select_three ul .on .moe p:last-child{ color: #f30; border: 1px dashed #f30; padding: 0 5px;}
.tequan_box .conter_box .tan_conter .select_three ul .on .p_tag{ background:#007AFF ; color: #fff;}
.tequan_box .conter_box .tan_conter .select_three ul .on .z_tag{ background:#f30 ; color: #fff;}

.tequan_box .conter_box .tan_conter .txt_three{ width: 100%; overflow: hidden; background: #eee;}
.tequan_box .conter_box .tan_conter .txt_three ul li{ width: 30%; float: left; overflow: hidden;}
.tequan_box .conter_box .tan_conter .txt_three ul li p{line-height: 40px;  text-indent: 20px;}
.tequan_box .conter_box .tan_conter .txt_three ul li p strong{ color:#50aa3b; font-size: 18px;}
.tequan_box .conter_box .tan_conter .txt_three ul li:first-child p strong { color: #007AFF; font-size: 24px;}

.tequan_box .conter_box .tan_conter .txt_four{ width: 100%; overflow: hidden; margin: 20px auto;}

.tequan_box .conter_box .tan_conter .txt_four .code_pic{width: 30%; float: left; margin-left: 20px;}
.tequan_box .conter_box .tan_conter .txt_four .code_pic img{ width: 145px; height: 145px; margin-bottom: 10px; }
.tequan_box .conter_box .tan_conter .txt_four .code_pic span{ display: block; color: #333;}

.tequan_box .conter_box .tan_conter .txt_four .xuzhi_box{ width: 60%;  height: 200px; float: left; overflow: hidden; overflow-y: auto;}
.tequan_box .conter_box .tan_conter .txt_four .xuzhi_box p{ line-height: 1.5em; color: #666; margin-bottom: 10px;}
.tequan_box .conter_box .tan_conter .txt_four .xuzhi_box p strong{ color: #333; font-size: 18px; }


.commerce_r{ width: 100%; overflow: hidden; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px; background: #ffffff; margin-bottom: 20px;}
.commerce_r h4{display: block;    height: 50px;    background: #fbfbfb;    border-bottom: 1px solid #f5f5f5;    line-height: 50px;    font-size: 16px;    padding: 0 20px;    box-sizing: border-box;    font-weight: bold;}
.commerce_r .r_list { width: 90%;  margin: 10px auto; overflow: hidden;  }
.commerce_r .r_list .pic_s{ width: 100%; overflow: hidden;}
.commerce_r .r_list .pic_s img{ width: 100%; transform: scale(1); transition: all 1s ease 0s; }
.commerce_r .r_list:hover .pic_s img{transform: scale(1.1);  transition: all 1s ease 0s;}
.commerce_r .r_list .yuan_name{ width: 100%; font-size: 16px; margin-top: 10px; display: block; float: left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #007AFF; }
.commerce_r .r_list .yuan_adds{ width: 100%; font-size: 14px; margin-top: 5px; color: #999;}

/*加载*/
.viploading{ width: 80px; height: 80px; color: #fff; text-align: center; border-radius: 10px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 50%; top: 30%; margin-left: -50px; z-index: 10002;}
@keyframes rotate {
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
}
.load { animation: rotate 1s linear infinite; margin-top: 10px; }

/*2019-07-17商机改版*/
/*筛选框*/

.search_itm{width: 500px; height: 45px; border: 1px solid #eee; border-radius: 30px; background: #fff;     position: absolute;top: -60px; right: 0; }
.search_itm .search_input{ width: 500px; height: 40px;outline:none; border: none; text-indent: 10px; font-size: 16px;  border-radius: 30px;}
.search_itm .search_btn{ width: 150px; height: 45px; border: none; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 42px; background: #ff6600; position: absolute; right: 0; top: 0; border-radius:0 30px 30px 0; cursor: pointer;}

/*消除input选择后黄色背景*/

input:focus { outline: none; }
input:-webkit-autofill { 　-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s; }

.search-filter-box{ width: 1200px; margin: 20px auto;  padding: 10px; background: #fff;   box-sizing:border-box;  position: relative; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px;  }

.search-filter-box .filter_left{ width: 100%; position: relative; }

.search-filter-box .filter_left .vip_btn{ padding: 5px 30px; background: #f60; color: #fff; border-radius: 50px; font-size: 16px; box-sizing: border-box; display: inline-block;   text-align: center; position: absolute; right: 10px; bottom: -10px;}
.search-filter-box .filter_left .vip_btn:hover{ background: #f40;}
.search-filter-box .filter_left .vip_btn span{ font-size: 12px; color: #fff;}

.search-filter-box .filter_left .filter_list{ width: 100%; display: flex; flex-direction: row; margin-bottom: 10px;}
.search-filter-box .filter_left .filter_list .filter_title{ width: 100px; height: 30px; line-height: 30px; text-align: right;}
.search-filter-box .filter_left .filter_list .filter_itm{ max-width: 1010px; min-width: 1010px; }
.search-filter-box .filter_left .filter_list .filter_itm a{ display: block; float: left; margin-bottom: 5px; line-height: 30px; padding: 0px 10px; box-sizing: border-box; color: #666; white-space:nowrap;}
.search-filter-box .filter_left .filter_list .filter_itm a:hover{color: #f60;}
.search-filter-box .filter_left .filter_list .filter_itm .on{ background: #f60; border-radius: 30px; color: #fff;}
.search-filter-box .filter_left .filter_list .filter_itm .on:hover{color: #fff;}
.search-filter-box .filter_left .filter_list .filter_show{ width: 70px; line-height: 30px; cursor: pointer; color: #999}
.search-filter-box .filter_left .filter_list .filter_show:hover{color: #f60; }

.search-filter-box .filter_left .filter_list .filter_itm_sx{ max-width: 1010px; }
.search-filter-box .filter_left .filter_list .filter_itm_sx a{ color:#f60; line-height:25px;display:inline-block; height:25px; margin-right:10px;border:1px dashed #f60; text-align:center; background:url(../images/xx2.jpg) no-repeat right 5px ; padding-right:20px; padding-left: 10px; margin-left:10px; border-radius: 30px;}
.search-filter-box .filter_left .filter_list .filter_itm_sx a:hover{ text-align:center; background:url(../images/xx.jpg) no-repeat right 5px ; border:1px dashed #ff6600; color:#ff6600; }

.search-filter-box .filter_left .filter_list  .chexiao{ margin-left: 20px; line-height:30px; color: #999; text-decoration: underline; }
.search-filter-box .filter_left .filter_list  .chexiao:hover{color: #f60;}


.show_hei{height: 30px; overflow: hidden;}
.ysx{ /*border-top: 1px solid #eee;*/ margin-top: 10px; padding-top: 20px;}



.commerce_mber{ width: 100%; padding-bottom: 30px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee;}
.commerce_mber span{ color: #0093FF;}


.commerce_list{ width: 100%; overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0px; box-sizing: border-box; position: relative; }
.commerce_list .info_btn{ width: 120px; height: 35px;  border-radius: 3px; text-align: center; line-height: 35px; color: #007AFF; position: absolute; right: 0; top: 20px; border: 1px solid #007AFF;  }

.commerce_list .sj_name{ display: block; width: 75%; font-size: 16px; line-height: 2em; font-weight: bold; margin-bottom: 20px; }
.commerce_list .sj_name:hover{color: #007AFF; }
.commerce_list .sj_name i{ white-space: nowrap; border-radius: 3px; font-size:14px; color: #fff; padding: 2px 10px; margin-right: 10px;}
.commerce_list .sj_name .yb{ background: #007AFF; }
.commerce_list .sj_name .zd{ background: #f60; }
.commerce_list .sj_name .td{ background: #f30; }

.commerce_list .sj_name span{ white-space: nowrap; margin-left: 10px;  color: #359e1d; font-size: 16px;  margin-right: 10px;  background: #fff}
.commerce_list .sj_name span img{ width: 18px; height: 18px; vertical-align:middle}

.shangji_text{ width: 100%; padding: 30px 0; text-align: center; }
.shangji_text font{ color: #f60;}

.commerce_list .infotxt{ width: 75%; height: 3em; margin-top: 10px; line-height: 1.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #666; }
.commerce_list .info_tag{ width: 100%; overflow: hidden;padding: 5px 0; box-sizing: border-box; margin-top: 10px;}
.commerce_list .info_tag .tagleft{ width: 75%; height: 25px; padding-top: 5px; float: left; white-space: nowrap; overflow: hidden;}
.commerce_list .info_tag .tagleft strong{ font-weight: normal; padding: 3px 20px; margin-right: 20px; box-sizing: border-box; border-radius: 3px;}
.commerce_list .info_tag .tagleft .on{  border: 1px solid #f20; color: #f30;}
.commerce_list .info_tag  span{ display: block; width: 20%; float: right; text-align: right;color: #999; line-height: 30px;}

.commerce_list .info_tag .tagleft .co{ background: #d1e5fc;}



/*2019-12-03 商机列表改版*/
.com_list{  width: 100%; overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0px; box-sizing: border-box; position: relative;}
.com_list:hover{ border-bottom: 1px solid rgba(0, 132, 255, 0.5);}

.com_list .com_a{ width: 100%; overflow: hidden;}
.com_list .com_a .com_left{ width: 80%; float: left; overflow: hidden;}
.com_list .com_a .com_left .com_ma{ width: 100%; overflow: hidden;}
.com_list .com_a .com_left .com_ma .tagclass{ width: 12%; float: left; border-radius:30px; color: #fff; text-align: center; padding: 2px;box-sizing: border-box;}
.com_list .com_a .com_left .com_ma .ybbg{background: #007aff;}
.com_list .com_a .com_left .com_ma .zdbg{background: #f60;}
.com_list .com_a .com_left .com_ma .tdbg{background: #f30;}

.com_list .com_a .com_left .com_ma .title{ max-width:75%; display: block; float: left; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 2px; margin-right: 10px;}


.com_list .com_a .com_left .com_ma .viptag{width: 65px; background: #dec594; color: #7f5403; border-radius: 20px; font-size: 12px; text-align: center; float: left; height: 22px; line-height: 22px;}
.com_list .com_a .com_left .com_ma .freetag{width: 65px;background: #c5e8ce; color: #359e1d; border-radius: 20px; font-size: 12px; text-align: center; float: left; height: 22px; line-height: 22px;}

.com_list .com_a .com_left .com_mb{ width: 100%; overflow: hidden; margin-top: 15px;}
.com_list .com_a .com_left .com_mb .c_li{ float: left; width: 30%; color: #999; margin-right: 20px; white-space: nowrap; line-height: 2em;}
.com_list .com_a .com_left .com_mb .c_li span{ color: #333; }

.com_list .com_a .com_left .com_mc{ width: 100%; overflow: hidden; margin-top: 15px;}
.com_list .com_a .com_left .com_mc .c_cy{ width: 70px; float: left; padding: 2px 0; color: #999;}
.com_list .com_a .com_left .com_mc .cy_box{ width: 85%; float: left; height: 25px; overflow: hidden; white-space: nowrap;}
.com_list .com_a .com_left .com_mc .cy_box a{ float: left; margin-bottom: 20px; border-radius: 20px; color: #77a4d7; background: #eef5fd; padding: 2px 10px; margin-right: 10px; }

.com_list .com_a .com_right{ width: 20%; float: right;}
.com_list .com_a .com_right .e{ display: block; float: right; width: 120px; height: 35px;  border-radius: 30px; text-align: center; line-height: 35px; color: #007AFF;  border: 1px solid #007AFF; font-weight: bold; margin-bottom: 70px; cursor: pointer}
.com_list .com_a .com_right .f{ display: block; float: right; width: 120px; height: 35px;  border-radius: 30px; text-align: center; line-height: 35px; color: #999;  margin-bottom: 70px;  border-radius: 30px; border: 1px solid #eee;}

.com_list .com_right .d_li{ color: #999; text-align: center; font-size: 12px; line-height: 2em; padding-left: 60px; box-sizing: border-box; width: 100%; overflow: hidden;}

.com_list:hover .com_a .com_left .com_ma .title{ color: #007aff}
.com_list:hover .com_right .e{ background: #007AFF; color: #ffffff;}


/*订阅弹框*/

.dy_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.dy_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3)}
.dy_cody{width: 350px;  background: #fff; border-radius: 5px; position: absolute; left: 50%; margin-left: -175px;  top: 30%; z-index: 10001; padding: 50px; box-sizing: border-box; text-align: center;}
.dy_cody p{ font-size: 18px; line-height: 2em;}


.sjbanner{ display: block; width: 100%; padding-top: 20px;  overflow: hidden;}
.sjbanner img{ width: 100%; border-radius: 3px;}


/*2019.8.27修改增加*/
.shangji_li{ width: 45%; height: 60px; float: left; margin-left: -8px; margin-right: 5%; margin-bottom: 20px;}
.shangji_li .sj_na { width: 100%; height: 30px; overflow: hidden;}
.shangji_li .sj_na a{ display: block; width: 92%; float: left; line-height: 1em; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding:10px; text-indent: -8px;}
.shangji_li .sj_na a:hover{ color: #007AFF;}
.shangji_li .sj_na i{ display: block; width: 20px; height: 20px; float: right; background: url("../images/zd.png") no-repeat scroll center center #f60;
    border-radius: 3px; background-size: 20px 20px; }
.shangji_li .sj_tag{ width: 100%; height: 30px; overflow: hidden; padding-top: 5px; padding-left: 8px;}
.shangji_li .sj_tag .tag{ color: #77a4d7; background: #eef5fd; border-radius: 20px; padding: 2px 10px; box-sizing: border-box;}
.shangji_li .sj_tag .tag:hover{ color: #007AFF;}
.shangji_li .sj_tag span{ float: right; font-size: 12px; color: #999; margin-right: 35px;}

/*2019-10-29 审核中的商机提示*/
.shtips{ width: 75%; padding: 10px; box-sizing: border-box; color: #0331de; border-radius: 3px; background: #eaf4fe; border: 1px dashed #007AFF; font-size: 16px; margin-top: 20px; line-height: 2em;}


/*2019-12-05 信息播报滚动 更新后*/
.live_box{ width: 100%;  overflow: hidden; background: #fff; border-radius: 3px; margin-bottom: 20px;}
.fg-box{position:relative;width:100%; margin:0 auto; background:#fff;padding:20px 10px; box-sizing: border-box}
.fg-line{ position:absolute;height:75%;width:2px;background:#E5EBF0;left:40px;top:42px;}
.fg-box dl{ overflow:hidden;position:relative; max-height: 480px;}
.fg-box dl dd{overflow:hidden;position:relative;height:75px;padding:0 0 0 20px;}
.fg-left{position:absolute;background:#FFF;top:20px;left:0;}
.fg-left span{display:inline-block;background-color:#e5ebf0;-webkit-border-radius:20px;border-radius:20px;color:#a3b5c8;width:60px;line-height:20px;text-align:center;overflow:hidden; font-size:12px;}
.fg-left .vip{ color: #f60; }
.fg-left .duijie{ color: #00AAFF}
.fg-left .rz{ color: #0fab16}
.fg-right{position:absolute;top:10px;left:70px; width: 170px; }
.fg-right h4{font-size:16px;line-height:38px;color:#46525e;font-weight:normal; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fg-right span{font-size:14px;color:#a3b5c8;line-height:24px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%}


/*2019-12-13 商机详情改版3.0*/
.info_box{width: 100%;  float: left; padding: 30px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; border-radius: 3px; background: #ffffff;  box-sizing:border-box;  position: relative; overflow: hidden; }

.item_title{ width: 100%;  overflow: hidden;}
.item_title .name_h1{ width: 100%; font-size: 20px; font-weight: bold; line-height: 2em; text-indent: -10px; }
.info_a{ width: 100%;  overflow: hidden; padding: 10px 0;}
.info_a .c{ background: #007aff; border-radius: 20px; color: #fff; padding: 2px 10px; box-sizing: border-box;}
.info_a .b{ background: #ff6600; border-radius: 20px; color: #fff; padding: 2px 10px; box-sizing: border-box;}
.info_a .a{ background: #ff3300; border-radius: 20px; color: #fff; padding: 2px 10px; box-sizing: border-box;}

.info_a .vip{ background: #dec594; color: #7f5403; border-radius: 20px;  padding: 2px 10px; box-sizing: border-box; margin-left: 20px;}
.info_a .free{background: #c5e8ce; color: #359e1d; border-radius: 20px;  padding: 2px 10px; box-sizing: border-box; margin-left: 20px;}

.info_a .intime{ float: right; color: #999; margin-left: 20px;}



.info_list_tab{ width: 100%;  margin-top: 20px; }
/*.info_list_tab .commer_navs { display: block; width: 100%; height: 50px; border-bottom: 1px solid #eee; background: #fff; z-index: 3; position: relative;}
.info_list_tab .commer_navs li{ width: 120px; height: 50px; float: left; text-align: center; line-height: 50px; font-size: 16px; cursor: pointer;}
.info_list_tab .commer_navs .active{color: #007aff; border-bottom: 3px solid #007aff; box-sizing: border-box; font-weight: bold;}
*/
.info_list_tab .tab-nav{height: 45px;  width: 100%;  box-sizing: border-box; border-bottom: 1px solid #eee; margin: 0 auto; position: relative;}
.info_list_tab .tab-nav li{display: inline-block; float: left; height:45px;  margin-right: 30px; padding: 0 10px;  box-sizing: border-box; line-height: 45px; font-size: 16px;  cursor: pointer;  font-size: 16px; font-weight: bold;}

.info_list_tab .tab-nav .actived{ border-bottom: 3px solid #007AFF; color: #007AFF;}
.info_list_tab .content-wrap{ margin-top: 20px; width: 100%; overflow: hidden; }
.info_list_tab .content-wrap .content-item{width: 100%; position: relative; display: none; overflow: hidden; }
.info_list_tab .content-wrap .current{ display: block;}



.info_list_tab .tab-nav .codyxcx{  width: 120px; height: 30px; color: #007aff; background:#eef5fd; font-size: 12px; border-radius: 30px; line-height: 30px; margin-top: 10px; text-align: center; float: right; position: relative; margin-right: 0;}
.xcx_ma{width: 150px; height: 150px; border:1px solid #eee; border-radius: 5px; background:url(../images/show_ma.png) no-repeat center center; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px; position: absolute; left: -15px; top: 31px; z-index: 2;  text-align: center; font-size: 24px; font-weight: bold; line-height: 50px; }
.xcx_ma img{ width: 100%;}

.infodata_a{ width: 100%; overflow: hidden; margin-top: 30px;  }
.lititle{ margin-bottom: 10px;  font-weight: bold; line-height: 2em; font-size: 16px;}
.infodata_a ul { display: block; overflow: hidden;}

.infodata_a ul li{ width: 45%; float: left; line-height: 2em; padding: 5px 0; box-sizing: border-box;}
.infodata_a ul li span{ display: block; float: left; width: 20%; color: #666;}
.infodata_a ul li strong{ display: block; float: left; width:60%; font-weight: normal;}
.infodata_a ul li strong .lx{ background: #67BFF7 ; color:#fff;   border-radius: 20px; padding: 2px 10px;}
.infodata_a ul li strong .cy{ background: #eef5fd ; color:#77a4d7;   border-radius: 20px; padding: 2px 10px; margin-right: 10px;}

.vipcom{ background: #f5fbff; padding: 20px 10px; box-sizing: border-box; border-radius: 3px;}
.vipcom a:hover{text-decoration: underline;}

.infodata_a ul li strong .login{ color:#007aff; margin-right: 10px;}

.infodata_b{ width: 100%; overflow: hidden; margin-top: 30px;  }
.datetxt{ color: #666; line-height: 2em;}

.commer_title{border-bottom: 1px solid #eee;  margin-top: 10px; font-size: 16px; line-height: 3em; color: #333; font-weight: bold;}
.commer_title .qa{ float: right; font-weight: normal; color: #007aff;}

.jhsbox{ width: 125%; height: 185px; overflow: hidden;margin-top: 30px;}
.jhsbox ul li{width:25%;height:185px;float:left;position:relative;overflow:hidden; margin-right: 30px; border: 1px solid #eee; box-sizing: border-box}
.jhsbox ul li:last-child{ margin-right: 0;}
.jhsbox ul li img{width: 100%; transform: scale(1); transition: all 1s ease 0s;}
.jhsbox ul li:hover img{transform: scale(1.1);  transition: all 1s ease 0s;}
.jhsbox .txt{width:100%;height:30px; background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;color:#fff;}
.jhsbox .txt h3{font-weight:100;height:44px;text-align:center;line-height:30px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  padding: 0 30px; box-sizing: border-box; }
.jhsbox .txt .xz{ width: 100px; height: 30px; display: block; margin: 20px auto 0 auto; text-align: center; line-height: 30px; color: #f5fbff;  position: relative; border-radius: 30px; background: #007aff; overflow: hidden;}
.jhsbox .txt .yl{ width: 100px; height: 30px; display: block; margin: 20px auto; text-align: center; line-height: 30px; color: #77a4d7;  position: relative; border-radius: 30px; background: #f5fbff; overflow: hidden;}

.jhsbox .txt .yl:hover{  color: #007aff}

.QAbox{ width: 100%; overflow: hidden;}
.QAbox .QAlist{ width: 100%; padding: 10px 0; border-bottom: 1px dashed #eee; position: relative; }
.QAbox .QAlist .question{ font-weight: bold; line-height: 2em; width: 70%; overflow: hidden;}
.QAbox .QAlist .ask{line-height: 2em; color: #666; width: 70%; overflow: hidden;}
.QAbox .QAlist .ok{ background: #eef5fd; border-radius: 30px; height: 25px; line-height: 24px; position: absolute; right: 0; top: 10px; padding: 0 10px; font-size: 12px; cursor: pointer;}
.QAbox .QAlist .on{ color: #007aff}
	
.zwd{ width: 100%; overflow: hidden; height: 1px;}


.info_box .na_three{ width: 100%; overflow: hidden; }
.info_box .thfix{box-sizing: border-box; position: fixed; left: 0; bottom: 0; z-index: 3; background: #0c1829; height: 120px; padding: 30px 0}

.info_box .na_three ul{ width: 100%; overflow: hidden;}
.info_box .na_three ul li{ width: 100%; float: left; margin-right: 2%; margin-bottom: 20px;}
.info_box .na_three ul li span{ color: #666;}
.info_box .na_three .info{ width: 100%; margin: 0 auto; overflow: hidden; margin-top: 30px;}
.info_box .na_three .info li .call_btn{ padding: 20px 50px; background: #007AFF; color: #fff; border-radius: 100px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left;}
.info_box .na_three .info li .call_btn:hover{ background: #0084FF;}

.info_box .na_three .info li .pj_btn{ padding: 20px 50px; background: #007AFF; color: #fff; border-radius: 100px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left;}
.info_box .na_three .info li .pj_btn:hover{ background: #0084FF;}


.info_box .na_three .info li em{ color: #666; }
.info_box .na_three .info li em font{ color: #f60;}
.info_box .na_three .info li .share{ float: right;}

.info_box .thfix .info{ width: 1200px; margin: 0 auto; padding-left: 30px; box-sizing: border-box}


.info_box .na_three .info li .vip_btn{ padding: 10px 30px; background: #f60; color: #fff; border-radius: 100px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left; text-align: center;}
.info_box .na_three .info li .vip_btn:hover{ background: #f40;}
.info_box .na_three .info li .vip_btn span{ font-size: 12px; color: #fff;}

.info_box .na_three .info li .wt_btn{ padding: 10px 30px; background: #50aa3b; color: #fff; border-radius: 100px; font-size: 16px; box-sizing: border-box; display: inline-block; margin-right: 30px; float: left; text-align: center;}
.info_box .na_three .info li .wt_btn:hover{ background: #359e1d;}
.info_box .na_three .info li .wt_btn span{ font-size: 12px; color: #fff;}

/*计划书大图片弹框*/

.jhs_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.jhs_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3)}
.jhsimg{width: 40%; height: 90%;  background: #fff; position: absolute; left: 30%;   top: 5%; z-index: 10001; padding: 50px; box-sizing: border-box; text-align: center; overflow-y: scroll}
.jhsimg img{ width: 100%}


/*商机评论弹框*/
.pj_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.pj_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3)}
.pj_lis{width: 30%;  background: #fff; position: absolute; left: 30%; top: 30%; z-index: 10001; padding:10px 50px; box-sizing: border-box;}
.pj_lis .tit{ font-size: 16px; font-weight: bold; line-height: 80px;}
.pj_lis ul li{ width: 100%; line-height: 3em; background: #eef5fd; border-radius: 3px; margin: 10px 0; padding: 0 20px; box-sizing: border-box; cursor: pointer; color:#007aff; }
.pj_lis ul .on{ background:#77a4d7; color: #fff;  }
.pj_lis .tj{ width: 100%; overflow: hidden; margin: 20px 0 ; }
.pj_lis .tj .t_a{ border: none; padding: 10px 20px; background: #007AFF; color: #fff; float: right; cursor: pointer}
.pj_lis .tj .t_b{ border: none; padding: 10px 20px; background: #ccc; color: #666; float: right; margin-right: 20px; cursor: pointer}
.pj_lis .tj .t_b:focus{ outline: none}



.tips{ width: 100%; padding: 5px; box-sizing: border-box; color: #f60; border-radius: 3px; background: #eef5fd; font-size: 16px; margin-top: 20px; line-height: 2em; position: relative}
.tips i{ display: block; width: 10px; height: 10px; background:#eef5fd; position: absolute; left: 50px; top: -5px; transform:rotate(45deg);
    -ms-transform:rotate(45deg);}
    

/*免费商机关注微信公众号弹出*/

.free_wxbox{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; }
.free_wxbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3)}
.wximg{width: 320px;  background: #fff; text-align: center; border-radius: 5px; position: absolute; left: 50%;   top: 30%; margin-left: -260px; z-index: 10001; padding: 50px; box-sizing: border-box;}
.wximg .ylwx{ width: 200px; height: 200px; }
.wximg p{ text-align: center;font-weight: bold; line-height: 25px; margin-top: 30px; }


/*对接动态*/
.shangji_dongtai_card{ width:30%; height: 300px; overflow: hidden; border: 1px solid #eee; float: left; border-radius: 5px; margin-right: 3%;}
.shangji_dongtai_card .card_img{ width: 100%; height: 180px; overflow: hidden;}
.shangji_dongtai_card .card_img img{ width: 100%; }
.shangji_dongtai_card .tit_name{ width: 100%;  line-height: 24px; padding: 10px; color: #333; font-weight: bold; box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shangji_dongtai_card .dt_jianjie{ width: 100%; padding:0 10px; color: #999; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}


















