heyu/Public/Home/css/ico.css

@charset "utf-8";
/* CSS Document */
/*  clearer */
body{padding:0;margin:0;font-size:12px;overflow-x:hidden;background:#fff url('') repeat-x;font-family:'微软雅黑';}
a{color:#333;text-decoration:none}
input,button,select,textarea{outline:none}
li,ul,form,h3{padding:0;margin:0;list-style-type:none}
img{border:0}
p,h1,h3,h2{margin:0;padding:0}
/*  清除浮动 */
.clearfloat{
clear:both;
height:0;
font-size:1px;
line-height::0px;
}

.clearfloat:after {content:".";clear:both;height:0;visibility:hidden;display:block;}/* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */
.clearfloat{display:inline-block;}/* 这是对 Mac 上的IE浏览器进行的处理*/
/* Hides from IE-mac */


/*  左右浮动*/
.fl{float:left;}
.fr{float:right;}
.ft{color:#ffcc00;}
/*  banner */

.banner {
	width:100%;
	height:507px;
	margin:0 auto;
	position: relative;

}
.banner_main{
	width:100%;
	height:507px;
	position: absolute;
	left:0;
	top:0;

}
.banner_main li{
	display:block;
	height:507px;
	position: absolute;
	left:0;
	top:0;
	background:#ebebeb url(../images/default-l.png) no-repeat center center;
	background-size:100%;
	width: 100%;
}
.banner_span {
	width:100%;
	height:35px;
	position: absolute;
	left:0;
	bottom:0;
	zoom:1;left: 50%;
	margin-left: -70px;
}
.banner_span span {
	width: 28px;
	height: 20px;
	display:block;
	float:left;
	margin-left:10px;
	background: url(../images/icon.png) no-repeat 11px -475px;
}
.banner_span p {
	height:35px;
	margin:0 auto;
}
.banner_span .banner_span_one{
	background: url(../images/icon.png) no-repeat 6px -440px;
}
.banner_left {
	width:61px;
	height:90px;
	cursor: pointer;
	background: url(../images/icon.png) no-repeat 0 -510px;
	filter:alpha(opacity:50);opacity:0.5;
	position: absolute;
	top:50%;
	margin-top:-30px;
	display:block;
left: 50%;
margin-left: -585px;
}
.banner_left1 {
	background: url(../images/icon.png) no-repeat 0 -510px;}
.banner_right {
	width:61px;
	height:90px;
	cursor: pointer;
	background: url(../images/icon.png) no-repeat 0 -600px;	;
	position: absolute;
	right:0;
	margin-top:-30px;
	top:50%;
	left: 50%;
	margin-left: 525px;
	display:block;
}
.banner_right1 {
background: url(../images/icon.png) no-repeat 0 -600px;	;
}

.index_bn{width:1200px;margin:0 auto;}

.index_chou_words,.index_publish_word{
	font-size:16px;
	color:#fff;
	height:37px;
	line-height:37px;
	background:#ee3531;
	margin-top:120px;
	margin-left:30px;
	padding:0 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}
.index_publish_word{
	margin-top:-90px;
	margin-left:-70px;
	width: 380px;
	}

.index_chou  {
	display: block;
	float:left;
	margin-left:50px;
	background: url(../images/banner1.png) no-repeat ;float: left;
	text-align: center;
	margin-top: 120px;
}
.index_publish{

	display: block;
width: 411px;
height:300px;
float:right;
margin-right:80px;

text-align: center;
margin-top: 120px;

	}
.index_publish_pic{display: block;
width: 411px;
height: 182px;
margin: 30px auto;
background: url(../images/banner2.png) no-repeat 0 0px;}
}

.index_banner_form .index_chou .index_chou_words {
width: 420px;
margin: 30px auto;
text-align: center;
color: #fff;
font-size: 16px;
background-color: #1d3377;
line-height: 45px;
border-radius: 10px;
}
.index_chou_btn {
	display: block !important;
	width: 265px;
	height: 55px !important;
	margin-left:133px;
	margin-top:40px;
	font-size: 24px;
	color: #fff;
	line-height: 53px;
	background-color: transparent;
	border: 1px #fff solid;
	border-radius: 8px;
	font-family:'微软雅黑';
	-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;

}
.index_publish_btn {
	display: block !important;
	width: 265px;
	height: 55px !important;
	margin-right:133px;
	font-size: 24px;
	color: #fff;
	line-height: 53px;
	background-color: transparent;
	border: 1px #fff solid;
	border-radius: 8px;
	font-family:'微软雅黑';
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;

}
.itemlist1 li img{
	height:223px;
	width:382px;
}

.chou_corner,.publish_corner {
display: inline-block;
margin-left: 20px;
border-width: 10px;
border-color: transparent transparent transparent #fff;
border-style: solid;
}


/*  主要内容  */
/* css3动画效果 */
/* 鼠标移到图片上的效果 */
 .css3btn {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.css3btn img {
	width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.css3btn .ovrly {
	 background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.css3btn .buttonsxq {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.css3btn .buttonsxq .fa {
    background: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkt-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    color: rgba(50, 50, 50, 0.9);
}
.css3btn  .buttonsxq .fa-search {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.css3btn:hover .buttonsxq .fa {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.css3btn:hover .ovrly {
    opacity: 1;
}
.css3btn:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fa-search:before {
	content:"";
	display:inline-block;
	height:20px;
	width:20px;
	background:url(../images/resizeApi.png) no-repeat;
	vertical-align:middle;
	margin-top:12px;
	margin-left:4px;
}
/*  结束*/


.main1,.main2,.main3,.main4,.main5{width:100%;margin:0 auto;overflow:hidden;}
.title{padding:30px 0;}
.title .tit_p1{color:#888;font-size:14px;}
.title .tit_p2{
	font-family:'微软雅黑';
	color:#000;
	font-size:22px;
line-height:1.2;
	}
.tit_p2 span{
	display:block;
	height:22px;
	width:22px;
	background:#ee3531;
	float:left;
	margin-top:5px;
	margin-right:5px;
	}
.header-pos{height: 320px;width: 100%;position: relative;
overflow: hidden;}
.headline{
	margin-bottom:55px;
	overflow: hidden;
	width: 100%;
	background:#fafafa;
	}
.pic img{
	/*height:223px;*/
	height:300px;
	width:390px;
	/*width:382px;*/
	float:left;
	}
.item_main{
	width:300px;
	/*width:633px;*/
	float:left;
	border-left:none;
	height:300px;
	/*margin-left: -152px;*/
	}
.item2{width: 490px;
margin: 0 auto;margin-top:15px;margin-left: 30px;}
.item_main .item1{padding:20px 30px;}
.item_main .item3 {
	margin: 30px auto 0px;
	padding: 20px 30px;
}
.item_main .item4 {
	width: 490px;
	margin: 0 auto;
	padding:20px 30px;
}

.pro_progress_num {
    position: relative;
    float: right;
    height: 35px;
   margin-right: 100px;
}
.pro_progress_num .progress_corner {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    border-width: 3px;
    border-color: transparent #EE3531 #EE3531 transparent;
    border-style: solid;
}
 .pro_progress_num .progress_figure {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 6px;
    width: 80px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    color: #FFF;
    text-align: center;
    background-color: #EE3531;
}

.item2-xq{
	text-align:center;
	line-height:42px;
	border:1px solid #999;
	margin-top:25px;
		color: #333;
	width: 140px;
	height: 40px;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 75px;
	border-radius: 3px;
	transition: all 0.3s ease-out 0s;
	letter-spacing: 1.5px;

	}
.item2-xq:hover{border:1px solid #333;color:#000;}
.m1_pre{
	display:block;
	height:82px;
	width:40px;
	background:url('../images/icon1.png') 0px 0px;
	position:absolute;
	margin-left:-30px;
	margin-left: -100px;
	margin-top: -300px;
	cursor: pointer}
.m1_nex{
	display:block;
	height:82px;
	width:40px;
	background:url('../images/icon1.png') -40px 0px ;
	position:absolute;
	margin-left:-30px;
	margin-left: 1260px;
	margin-top: -300px;
	cursor: pointer}

/* 进度条 */


.main3,.main4{padding-bottom:15px;}
.main2{padding-bottom:20px;}
.licont{width:350px;margin:0 auto;}
.itemlist1 li{height:400px;width:382px;float:left;background:#fff;  transition: all 0.3s ease 0s;}
.itemlist1 li:hover{-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc/*opera或ie9*/;}
.main4 .itemlist1 li{background:#fafafa;}
.item1_jdt{margin-top:20px;}
.wz1{font-size:20px;color:#000;font-family:'微软雅黑';padding-top:15px;}
.wz2{font-size:14px;color:#888;padding-bottom:12px;width: 350px;
text-overflow: ellipsis;
white-space: nowrap;}
.warp{background:#fafafa;}
.c-666 {
	color: #666;
	font-family: '微软雅黑';
	font-size: 14px;
	padding-bottom: 5px;
}
.fmoney {
font-family: Century Gothic, Palatino, serif;
}
.pb2m-info-bar {
	position: relative;
	width: 100%;
	height: 10px;
	margin-bottom: 10px;
	background: #eee;
	overflow: hidden;
}
.radius10px {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.pb2m-info-percent {
	width: 100%;
	height: 10px;
	border: 0px;
    background: #fe645a url(../images/bg-progress-red.gif);
	margin: 0;
}



.btn1{
	display:block;
	height:32px;
	width:92px;
	line-height:32px;
	text-align:center;
	color:#fff;
	background:#333;
	float:left;
	margin-top:8px;
	border-radius:5px;
transition: all 0.3s ease-out 0s;
	letter-spacing: 1.5px;
	font-family:'微软雅黑';
}
.btn1:hover{
	background:#000;
	color:red;
}

.btn2{
	display:block;
	height:32px;
	width:92px;
	line-height:32px;
	text-align:center;
	color:#333;
	border:1px solid #999;
	float:right;
	margin-top:8px;
	border-radius:5px;
		font-family:'微软雅黑';
transition: all 0.3s ease-out 0s;
letter-spacing: 1.5px;
background: #fff;
	}
.btn2:hover{
	border:1px solid #333;
	color:#000;}
.mg{margin-left:6%;}

.itemlist2 li {
	height:156px;
	width:544px;
	background:#fafafa;
	margin:10px 10px 55px 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	}
.itemlist2 li:hover{
	-moz-box-shadow: 5px 5px 5px #ccc;/*firefox*/
	-webkit-box-shadow: 5px 5px 5px #ccc;/*safari或chrome*/
	box-shadow: 5px 5px 5px #ccc;/*opera或ie9*/
}
.itemlist2 img{
	height:119px;
	width:119px;
	border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float:left;
	margin-top:20px;
	margin-left:20px;
	position:relative;
	z-index:2;
	behavior: url(C:\Users\Administrator\Desktop\币众筹\css\ie-css3.htc)
	}
.licont2{
	width:348px;
	overflow:auto;
	padding-left:20px;
	}
.hr{
	display:block;
	background:#e7e7e7;
	height:1px;
	margin:15px 0 15px 0;
	}
.fontgr{color:#ee3531;}
.tags {
position: relative;
margin-top: 8px;
}.tags .tag {
display: inline;
display: inline-block;
padding: 0 4px 0 0;font-size:12px;color:#888;
}
.cont2sp span{
	letter-spacing: 2px;}
.dot-active{background:#ee3531;}
.dot li{display:inline-block;height:8px;width:8px;border:1px solid #dcd8d8;border-radius:50%;margin-left:20px;-moz-border-radius: 50%;
-webkit-border-radius:8px;position:relative}
.dot{margin-left: 44%;margin-bottom:60px;margin-top:20px;}
.itemlist2{overflow:auto;width: 1200px;float: left;}
.owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;height:430px;}
.owl-wrapper{width: 4800px;position:absolute;left: 0px;display: block;}

.posibox{transition: all 0.3s;diplay:none;}
.posibox span{display:block;height:40px;width:40px;background:url(../images/ui_sidebar.png); transition: all 0.2s ease 0s;}
.posibox .ewm:hover{background-position:0 -40px;}
.posibox .qq{background-position:-90px 0;}
.posibox .qq:hover{background-position:-90px  -40px;}
.posibox .tel{background-position:-45px 0px;}
.posibox .tel:hover{background-position:-45px -40px;}
.posibox .ly{background-position:-135px 0px;}
.posibox .ly:hover{background-position:-135px -40px;}
.fixed{position:fixed;width:62px;right: 80px;top: 300px;transition: all 0.3s;z-index:9999;}
.ewm  .sidebox_ewm_hide {
	position: absolute;
	width: 124px;
	height: 113px;
	padding: 5px 0 5px 5px;
	left: -135px;
	top: -83px;
	visibility: hidden;
	background-position: 0 0;
	background: url(https://bizhongchou.com/app/Tpl/fanwe_1/images/float_ewmbg.png) no-repeat;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.ewm .sidebox_ewm_hide img {
	width: 110px;
	height: 110px;
	overflow: hidden;
}

/* foot */
.foottop{height:411px;
#background:url(../images/footbg.jpg);
background-position: 50% 0%; background-repeat: no-repeat no-repeat;position:relative;
}
.foottop_empty_user {
	height:411px;
	background:url(../images/footbg.jpg);
	background-position: 50% 0%; background-repeat: no-repeat no-repeat;position:relative;
}
.foottop_empty_user .ft1div {
	height:190px;
	background:#ee3531;
	position:absolute;
	top:106px;
	width:100%;
	text-align:center;
}
.ft1div{
	height:190px;
	background:#ee3531;
	#position:absolute;
	padding-top: 20px;
	top:106px;
	width:100%;
	text-align:center;
}
.footer_userlist_img{
	width:1908px;
	height: 100px;
	overflow: hidden;
}
.footer_userlist_img img {
	width: 106px;
	height: 100px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.wz4{font-size:36px;font-family:'微软雅黑';color:#fff;}
.ft2div{
	background:url(../images/yh.png) no-repeat center center;
	margin:0 auto;
	#margin-top:20px;
}
.foottop_empty_user .ft2div {
	background:url(../images/yh.png) no-repeat center center;
	margin:0 auto;
	margin-top:20px;
}
.wz3{
	display: block !important;
	width: 265px;
	height: 55px !important;
	font-size: 24px;
	color: #FFF;
	line-height: 53px;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 8px;
	font-family: "微软雅黑";
	transition: all 0.3s ease 0s;
	margin:0 auto;
	cursor:pointer;
	}
.wz5{
	color:#fff;
	font-size:36px;
	line-height:2;}
a.wz5:hover {
	color:#fff;
}
.footbot{height:auto;background:#1c2026;}
.footul{overflow:auto;margin:0 auto;width:1200px;}
.footul li a{color:#fff;display:inline-block;float:left;padding:0 40px;margin-top: 95px;}
.borrg{border-right:1px solid #494d51;}
.panter {width:1200px;margin:0 auto;text-align:center;margin-top:30px;padding-top:30px;}
.panter a{color:#fff;opacity:0.58;padding-left:5px;}
.pd{width:850px;margin:0 auto;}

.Copyright{color:#fff;text-align:center;height:45px;line-height:45px;background:#000;margin-top:80px;opacity:0.75;}

/*幻灯片第二张(同股权众筹页面图片背景)*/
/* 字体样式 */
@font-face {
      font-family: FZZCHJW;
        src: url('../fonts/FZZCHJW.TTF'); /* IE9*/

    }
.font5{font-size:66px;color:#fff;font-family:'FZZCHJW';padding-bottom:30px;padding-top:80px;}
.font6{font-size:18px;color:#fff;padding-bottom:30px;}
/*  投资型主页banner */
.banner {
	width:100%;
	height:507px;
	margin:0 auto;
	position: relative;
	text-align:center;
}
.itemnu .listnu{text-shadow:2px 2px 10px #00ff00;}
#effect span{color:#fff;padding-top: 80px;}
.index_bn_deal_type .itemnu{height:61px;margin-top:30px;display:table;margin:0 auto;position:relative;}
.index_bn_deal_type .listnu{
	height:61px;
	width:61px;
	background:url('../images/a.png');
	font-size:26px;
	color:#fff;
	line-height:61px;
	text-align:center;
	}
.index_bn_deal_type .itemnu div{float:left;line-height:61px;}
.index_bn_deal_type .itembtn{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:50px;
	margin-top:70px;}
.index_bn_deal_type .itembtn a{
	display:inline-block;
	height:48px;
	width:252px;
	border:1px solid #fff;
	border-radius:5px;
	color:#fff;
	line-height:48px;
	font-size:20px;
	font-family:'微软雅黑';
	transition: opacity 300ms ease-in-out 0ms;
	background-color: transparent;
	position:absolute;
}
.index_bn_deal_type .itembtn a:before ,.itembtn a:after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0px;
	opacity: 1;
}
.index_bn_deal_type .itembtn a:hover {
    opacity: 0.7;
}
.index_bn_deal_type .itembtn a:hover:after  {
      transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
      box-shadow: 0px 0px 50px 20px rgba(255, 255, 255, 0.5);
      opacity: 0;
}
.index_bn_deal_type .itembtn_a1{
	left:0px;
}
.index_bn_deal_type .itembtn_a2{
	right:0px;
}

/*机构投资人*/
.owl-wrapper-outer .btn_recommend_project {
    width: 128px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: none;
    border: 1px solid #999;
    float: right;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease-out 0s;
    letter-spacing: 1.5px;
    background: #fff;
}
.owl-wrapper-outer .btn_recommend_project:hover {
    border:1px solid #333;
	color:#000;
}
.ft2div .invite_invester:hover {
	background: #fff;
	color: #241442;
}
.ft2div .invite_invester:hover .chou_corner {
	display: inline-block;
	margin-left: 20px;
	border-width: 10px;
	border-color: transparent transparent transparent #241442;
	border-style: solid;
}

/* 项目状态图片左上角 */
.main_deal_list_index,
.main_deal_list_index ul.itemlist1 {

}
.main_deal_list_index .item_deal_invest,
.main_deal_list_index .itemlist1 li {
	position: relative;
}
.main_deal_list_index .itemlist1 li .css3btn {
	position: relative;
}
.main_deal_list_index .deal-angle-warp {
    position: absolute;
    left: 0;
    height: 26px;
    color: #FFF;
    background-color: #F63756;
    line-height: 26px;
    padding: 0px 10px;
    z-index: 20;
    top: 0px;
}
.main_deal_list_index .deal-angle-warp-before {
    background-color: #F28D00;
}
.main_deal_list_index .deal-angle-warp-ing {
    background-color: #EE3531;
}
.main_deal_list_index .deal-angle-warp-fail {
    background-color: #333;
}
.main_deal_list_index .deal-angle-warp-success {
    background-color: #BBB;
}
.main_deal_list_index .deal-angle-warp-before .remind {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    border-radius: 3px;
    background-color: #F2C200;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: middle;
    cursor: pointer;
}