.content{font-size:17px;}
.content h1{font-size:27px;color:#333;font-weight:bold;}
.content h2{font-size:19px;color:#333;font-weight:bold;}

.content ul{list-style:none;margin:0px;padding:0 0 0 5px;}
.content ul li{
  line-height:30px;
  text-indent :-1.1em ;
  padding-left:1.1em;
}

.content ul li > ul li{
  font-size:15px;
  text-indent :-1.5em ;
  padding-left:1.5em;
}

table{background:#fff;}
.notice{border:1px solid #eee;border-left:5px solid #d9534f;border-radius:5px;padding:20px;}

.text-lg{
  font-size:15px;
  line-height:25px;
}
.good li{margin:0 0 0 20px;font-size:15px;}
.good li i{color:#f1004a;}
.right{float:right;width:350px;}
.left{float:left;width:800px;padding:0 10px 0 0;
  border:1px solid #d1c7b8;
    border-radius:5px;
  background:#fff;
  padding:15px;}

.register{margin:15px 0;}
div.sp{border-bottom:1px dashed #dfdfdf;height:20px;margin:0 0 20px 0;}

.flow{margin:20px 0;}
.flow > div.circle{float:left;border:5px solid #2daeb4;width:200px;height:200px;position:relative;text-align:center;}
.flow > .arrow{float:left;line-height:200px;font-size:37px;margin:0 20px;}
.flow .edit{position:absolute;font-size:57px;top:50px;left:75px;}
.flow .social{position:absolute;color:#fff;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:17px;}
.flow .facebook{background:#365fe3;left:50px;top:40px;}
.flow .twitter{background:#4fcce2;left:100px;top:40px;}
.flow .weibo{background:#ce342c;left:100px;top:90px;}
.flow .google{background:#e88033;left:50px;top:90px;}
.flow .money{background:#ffe15b;border:5px solid #ffae00;color:#e6a923;width:50px;height:50px;font-size:21px;padding:3px 0 0 0;text-align:center;position:absolute;border-radius:50%;}
.flow .money1{top:30px;left:35px;}
.flow .money2{top:30px;left:100px;}
.flow .money3{top:80px;left:70px;}
.flow .title{margin:140px 0 0 0;font-size:17px;}


.item{width:780px;margin:auto;}

.itemBlock{height:240px; overflow:hidden;}
.itemBlock1,.itemBlock3 {float:left; padding-right:60px;width:50%;position:relative;}
.itemBlock2, .itemBlock4 { float:right;padding-left:60px;width:50%;position:relative;}

.itemBlock1 { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.itemBlock2 { border-bottom: 1px solid #ddd; }
.itemBlock3 { border-right: 1px solid #ddd; }
.itemBlock3 h4, .itemBlock4 h4 { margin-top: 40px;margin-bottom: 15px; }
.itemBlock1 h4, .itemBlock2 h4 { margin: 15px 0 15px 0; }
.itemBlock1 .content, .itemBlock2 .content { margin-bottom: 40px; }
.itemBlock3 .content, .itemBlock4 .content { margin-bottom: 0; }


.qc{
     background-color: #efefef;
     position: absolute;     
     width:54px;
     height:54px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}
.qc a {
	display: block;
	width: 100%;
	height: 100%;
	color:#888;
}
.qc i {
	position:absolute;
	z-index:9;
	font-size:31px;
}
.qctl i{right:10px;bottom:5px;}
.qctr i{left:5px;bottom:5px;}
.qcbr i{left:13px;top:5px;}
.qcbl i{right:5px;top:5px;}

.qctl {
     border-radius: 90px 0 0 0;
     -moz-border-radius: 90px 0 0 0;
     -webkit-border-radius: 90px 0 0 0;
	bottom:1px;
	right:1px;
}
.qctr {
     border-radius: 0 90px 0 0;
     -moz-border-radius: 0 90px 0 0;
     -webkit-border-radius: 0 90px 0 0;
     bottom:1px;
	left:1px;
}
.qcbr{
     border-radius: 0 0 90px 0;
     -moz-border-radius: 0 0 90px 0;
     -webkit-border-radius: 0 0 90px 0;
     top:1px;
	left: 1px;
}
.qcbl{
     border-radius: 0 0 0 90px;
     -moz-border-radius: 0 0 0 90px;
     -webkit-border-radius: 0 0 0 90px;
     top:1px;
	right:1px;
}
.itemBlock:hover .qc{ background-color: #F15A23; }
.itemBlock:hover .qc i{ color: #fff; }

@media (max-width: 1260px) {
  .left{width:700px;}
  .item{width:660px;margin:auto;}
  .flow > div.circle{width:160px;height:160px;}
  .flow > .arrow{line-height:160px;}
  .flow .edit{position:absolute;top:40px;left:55px;}
  .flow .social{width:35px;height:35px;line-height:35px;}
  .flow .title{margin:100px 0 0 0;font-size:15px;}
  .flow .facebook{left:35px;top:20px;}
  .flow .twitter{left:80px;top:20px;}
  .flow .weibo{left:80px;top:60px;}
  .flow .google{left:35px;top:60px;}
  .flow .money{width:40px;height:40px;font-size:17px;}
  .flow .money1{top:20px;left:30px;}
  .flow .money2{top:20px;left:80px;}
  .flow .money3{top:60px;left:55px;}
}

@media (max-width: 640px){



.right{float:none;width:100%;}
.left{float:none;width:100%;padding:0 10px 0 0;
  border:1px solid #d1c7b8;
  border-radius:5px;
  background:#fff;
  padding:15px;}
.flow > div.circle{border:0px;height:40px;width:25%;}
.flow > .arrow{float:left;line-height:60px;font-size:17px;margin:0 10px;}
.flow .edit{display:none;}
.flow .social{display:none;}
.flow .facebook{display:none;}
.flow .twitter{display:none;}
.flow .weibo{display:none;}
.flow .google{display:none;}
.flow .money{display:none;}
.flow .money1{display:none;}
.flow .money2{display:none;}
.flow .money3{display:none;}
.flow .title{margin:20px 0 0 0;font-size:17px;}


  .item{width:100%;margin:auto;}
  .itemBlock{height:360px; overflow:hidden;}



}