/* 椤圭洰鍒楄〃澶撮儴 */
.project-nav {
    width: 100%;
    height: 85px;
	
   
    border: none;background:none;
    margin: 0;
    padding: 0;
}
.project-nav-list{
    width: 25%;
	margin-top:0.1rem;
}
.project-nav-list a{
    display: block;
    margin: 0 auto;
    width:  0.72rem;
    height: 0.72rem;
	line-height: 0.72rem;
    border-radius: 50%;
    color: #ffffff;
    font-size:0.16rem;
	text-align:center;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}


/* 椤圭洰鍒楄〃 */
.invest-car-box{
    width: 94%;
    height: 1.1rem;
    margin: 15px auto;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.invest-car-box .invest-title{
    clear: both;
    width: 100%;
    height: 0.32rem;
	line-height: 0.32rem;
    background-color: #EEEEEE;
    color: #000000;
    font-size:0.14rem;
    text-indent: 5px;
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.invest-car-box .invest-content{
    height: 0.8rem;
    margin: 0.02rem auto;
}
.invest-car-box .invest-content ul li{
    float: left;
    list-style: none;
    height: 0.63rem;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    padding:0.02rem;
    font-size:0.12rem;
    line-height: 0.2rem;
    color: #969696;
}
.progress-left{
    width: 70%;
    margin-top: 0.3rem;
}
.progress-right {
    width: 20%;
    float: right;
   
    color: #fc554c;
    text-align: right;
   
}
.progress-box {
    height: 5px;
    display: inline-block;
    width: 100%;
    margin-left: 4%;
    border-radius: 5px;
    background-color: #e5e5e5;
}
.progress-content {
    float: left;
    height: 100%;
    display: inline-block;
    border-radius: 5px;
    background-color: #fc554c;
}

/* 涔℃儏涔� */
.title_jb{
	height: 50px;
	line-height: 50px;
    text-align: center;
    
    font-size: 0.16rem;
    border: none;
	text-align:center;
}
.detail-wrapper{width: 100%;border-bottom: 1px #c8c7cc solid;margin-bottom: 15px;}
.wrapper-content2{width:94%;margin: 0 auto;}
.info-content {
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 25px !important;
    padding: 10px 0 20px 0;
}
.info-content{font-size: 14px !important;color: #a0a0a0 !important;line-height: 25px !important;padding: 10px 0 20px 0;}
.info-list p, .info-list span, .info-list div, .info-list strong{font-size: 14px !important;color: #a0a0a0 !important;line-height: 25px !important;background-color: #fff !important;font-weight: normal !important;}
.info-left{width:100px;}
.info-right{width:auto;margin-left: 100px;}
.info-list{margin: 10px 0;}
.info-list p, .info-list span, .info-list div, .info-list strong {
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 25px !important;
    background-color: #fff !important;
    font-weight: normal !important;
}

/* 棣栭〉css */
.register {
    height: 0.48rem;
    text-align: center;
	position:relative;
	margin-bottom:0.1rem;
}
.button_rg {
    display: inline-block;
    height: 0.32rem;
    line-height: 0.32rem;
    background-color: #fc554c;
    color: #ffffff;
    width: 50%;
    margin: 0.15rem auto;
    text-align: center;
    border-radius: 10px;
    position: relative;
	font-size:14px;
	
}

.hongbao {
    position: absolute;
    right: 0.13rem;
    top: 0.13rem;
    width: 0.64rem;
    height: 0.32rem;
    line-height: 0.32rem;
  
}

/* 鍏憡 */
.main-list{ margin-top: 0.08rem;    padding: 10px;}
.main-list-ul {
   
}
.main-list-ul li {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0.05rem;
}
.main-list-ul>li>a>p {
    width: 30%;
	height: 80px;	
	margin-right:10px;
	
}
.fl{float: left;}
.main-list-ul>li>a>p>img {
    width: 100%;
    height: 100%;
}
.main-list-ul>li>a>div {
    padding-left: 0.12rem;
    width: 65%;
	float:right:
}
.main-list-ul>li>a>div>h2 {
    color: #1d1d26;
    text-align: justify;
    overflow: hidden;
    white-space: normal;
    font-size: 1em;
    line-height: 1.5em;
    height: 3.7em;
    margin: 0 10px 0 0;
    padding-top: .1em;
    display: block;
}
.main-list-ul>li>a>div>p {
    font-size: 0.12rem;
    /* margin-top: 1.1rem; */
    color: #7B7B7B;

}
.main-list-ul>li>a>div>p>span {
    color: #999;
    display: block;
	font-size: 12px;
}
.main-list-ul>li>a>div>p>b {
    color: #ADADAD;
    display: inline-block;
    margin-right: 0.14rem;
	font-size: 0.14rem;
}

.fr {
    float: right;
}

/* 鏂伴椈涓績 */
/* 鏈緥瀛恈ss */
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:45px; line-height:45px;background: #efefef;color: #333; position:relative;text-align:center;}
.slideTxtBox .hd ul{height:45px;   }
.slideTxtBox .hd ul li{ float:left;width:33.3%;}
.slideTxtBox .hd ul li.on{ height:45px;border-bottom: 2px solid #ff6c1f;color: #ff6c1f;}

.slideTxtBox .bd{background:#fff;}

.sideMenu{  border:1px solid #ddd;  }
.sideMenu h3{ height:51px; line-height:51px;width:100%;border-bottom:1px solid #CBCACE;padding:3px 0;}
.sideMenu h3 img{width:100%;margin:0 auto;}

.sideMenu ul{ padding:15px 0; color:#9fa5ac; display:none; text-align:center;background:#ebebf1;font-size:16px;}
.sideMenu ul p{color:#9fa5ac; }
.sideMenu ul span{color:#9fa5ac; }
.sideMenu ul img{width:100%;margin:0 auto;}


/* 娉ㄥ唽鐧诲綍椤� */


.general {
	width: 100%;
	height: 15px;
	float: left;
	background: none;
}

.login {
	margin: 20% auto;
}

.thelogin-center-1 .thelogin-center-2, .loginbutt {
	width: 90%;
	margin: auto;
	border-radius: 35px;
	height: 0.4rem;
	line-height: 0.4rem;
}

#res_box{
	width: 85%;
	min-height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	position: relative;
	border-radius: 18px;
	background-color: rgba(255,255,255,0.49);
}

#res_box .top ul li{
	float: left;
	list-style: none;
	width: 50%;
	text-align: center;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #dec785;
	font-size:16px;
}

.slideTxtBox1 .hd ul li.on{background-color: #fff;}

#res_box span{
	display: inline-block;
	background: #fc3f42;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	letter-spacing: 3px;
}
.regster_btn,.loginbutt {
	width: 100%;
	height: 50px;
	background: red;
	border: none;
	font-size: 22px;
	font-family: Microsoft YaHei;
	color: #fff;
}
.repode{
	width: 85%;
	margin: 0 auto;
	margin-top: 50px !important;
	position: relative;
	border-radius: 18px;
	background-color: rgba(255,255,255,0.49);
}

.repode .top{
	text-align: center;
	top: -12px;
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
}

.repode span{
	display: inline-block;
	background: #fc3f42;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	letter-spacing: 3px;
}
.repode p{
	font-size: 12px;
}
.footer_info{
	font-size: 10px;
	text-align: center;
	margin: 30px;
}
.thelogin_user{
	width: 50%;
}
#send{
	height: 30px;
	font-size: 16px;
	color: #777;
	 margin-top: 10px;
    float: right;
    padding-left: 10px;
    line-height: 30px;
    margin-right: 15px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: 1px solid #777;
	background: #fff;
}
.thelogin-top{
	width:100%;
	height:120px;
	background:#ebebf1;
	margin: 0 auto;
	text-align: center;
}
.thelogin-top img{
	width:200px;
	height:60px;
	margin-top: 45px;
}
.thelogin-center{
    margin: 0 0 10px 0;
    width: 100% ! important;
    padding-bottom: 21px;
}
.thelogin-center-1{
	padding: 25px 0;
    font-size: 18px;
}
.thelogin-center-1 .thelogin-center-2{
    width: 90%;
    overflow: hidden;
    height: 50px;
    border: 1px solid #dcdcdc;
    background: #fff;
    margin-left: 5%;
}
 .thelogin-center-1 input {
    float: left;
}
.footer_info {
    font-size: 10px;
    text-align: center;
    margin: 30px;
}

/* 浼楃杩涘睍 */
.auto {
    margin-left: auto;
    margin-right: auto;
}
.detail-status {
    height: 110px;
}
.status-ico {
    width: 16%;
    height: 100%;
}
.line-red {
    background: url(../images/img1/line-red.html) repeat-x center;
    background-size: 50px 50px;
}
.line-grey {
    background: url(../images/img1/line-grey.html) repeat-x center;
    background-size: 50px 50px;
}
.status-line {
    width: 12%;
    height: 100%;
}

.ico-red-1 {
    background: url(../images/img1/ico-red-1.html) no-repeat center;
    background-size: 50px 50px;
}

.ico-red-2 {
    background: url(../images/img1/ico-red-2.html) no-repeat center;
    background-size: 50px 50px;
}
.ico-grey-2 {
    background: url(../images/img1/ico-grey-2.html) no-repeat center;
    background-size: 50px 50px;
}

.ico-red-3 {
    background: url(../images/img1/ico-red-3.html) no-repeat center;
    background-size: 50px 50px;
}
.ico-grey-3 {
    background: url(../images/img1/ico-grey-3.html) no-repeat center;
    background-size: 50px 50px;
}

.ico-red-4 {
    background: url(../images/img1/ico-red-4.html) no-repeat center;
    background-size: 50px 50px;
}
.ico-grey-4 {
    background: url(../images/img1/ico-grey-4.html) no-repeat center;
    background-size: 50px 50px;
}

/* 绔嬪嵆璁ょ */
.invest-box {
    padding: 40px 0;
    font-size: 20px;
    color: #000;
    line-height: 40px;
}
.marbottom25 {
    margin-bottom: 5px;
}
.input {
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    width: 60%;
    display: block;
    margin: 10px auto;
    font-size: 0.2rem;
    text-indent: 5px;
	border: 1px solid #4dd0c8;
	text-align:center;
}
.invest-button {
    border-radius: 20px;
    width: 80%;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 10px auto;
    font-size: 0.18rem;
    text-align: center;
	color:#fff;
}


/* 6.1鏀圭増 */
.detail_yc{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	padding:0 2%;
	
}
.detail_yc_left{
	width:38%;
	float:left;
	height:50px;
	color:#38383a;

}
.detail_yc_center{
	line-height:50px;
	height:5px;
	width:48%;
	float:left;
	background:#ccc;
	position:relative;
	top:50%;
}
.detail_yc_left_center_c{
	
}
.detail_yc_right{
	width:5%;
	float:left;
	font-size:12px;
	color:#171719;
	position:relative;
	top:3px;
	left:5px;
}
/* 缁熻 */
.ThreeIcon {
    margin-bottom: 10px;
    padding: 8px 5px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: row;
	
}
.ThreeIcon div {
    text-align: center;
    padding: 10px 0;
    width: 33.33%;
    color: #fff;
    position: relative;
}
.ThreeIcon div p {
    font-size: 14px;
    color: #666;
}
.ThreeIcon div h5 {
    font-size: 16px;
    color: #ff4242;
    font-weight: 500;
	margin-top:3px;
}
.ThreeIcon div:nth-child(1):after {   
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    height: 70px;
}

.yuqk{
	height:75px;
	color:#898989;
	border-bottom:1px solid #ececec;
	
	text-align:center;
	
}
.yuqk_float{
	padding-top:2.5%;
	width:33%;
	float:left;
	line-height:30px;
	}
.fb_time{
	color:#232227;
	height:40px;
	line-height:40px;
	padding-left:2%;
	font-size:14px;
	font-weight:500;
}
.kyzj{
	height:55px;
	line-height:55px;
	color:#1e1d22;
	padding-left:2%;
	font-weight:500;
}
.if_login_span{
	font-size: 14px;
    height: 30px;
    line-height: 30px;
    background: #4bd1c6;
    position: absolute;
    right: 3%;
    margin-top: 3.3%;
    width: 15%;
    text-align: center;
    border-radius: 5px;
}
.zcjs{
	height:45px;
	line-height:45px;
	padding-left:2%;
	font-size:16px;
	color:#131217;
	border:1px solid #f4f4f4;
	position:relative;
}
.zcjs img{
	width:12px;
	height:20px;
	position:absolute;
	right:10px;
	top: 25%;
}
.card-box {
    display: flex;
    padding-top: .7em;
    width: 94.6%;
    margin: 0 auto;
    justify-content: space-between;
}
.card-box a{
    width: 47.8%;
    height: auto;
    display: block;
	float:left;
}
