.listfont { font-size: 62.5%;}
.g-taskprocess {
	height: 82px;
	border:1px solid #eaeaea;
	background: #fff;
}
.g-taskprocess span {
	color:#333;
	font-size: 16px;
}
.g-taskprocess p {
	color:#898989;
}
.g-taskprocess .col-md-4 {
	padding-top:2.4%;
	padding-left: 5%;
	padding-right: 0;
}
.g-taskprocess .g-taskproico1,.g-taskprocess .g-taskproico2 {
	margin-top:10px;
}
.g-taskprocess .g-taskpro1 {
	background: url('../../images/taskprocess.png') no-repeat;
	height: 42px;
	padding-left: 60px;
	margin-left: 10px;
}
.g-taskprocess .g-taskpro2 {
	background: url('../../images/taskprocess.png') no-repeat 0 -70px;
	height: 42px;
	padding-left: 70px;
	margin-left: -10px;
}
.g-taskprocess .g-taskpro3 {
	background: url('../../images/taskprocess.png') no-repeat 0 -137px;
	height: 42px;
	padding-left: 56px;
	margin-left: 4px;
}
.g-taskprocess .g-taskproico1,.g-taskprocess .g-taskproico2 {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	color: #898989;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}
.g-taskclassify {
	background: #f2f2f2;
	border-right:1px #ddd solid;
	border-left:1px #ddd solid;
	border-bottom:1px #ddd solid;
	margin-top: 20px;
}
.g-taskclassify .row {
}
.g-taskclassify .col-lg-1 {
	padding-right:0;
	height:35px;
	line-height:35px;
	border-top:1px solid #ddd;
	
}
.g-taskclassify .col-lg-11 {
	padding-top: 2px;
	background: #fff;
	line-height: 30px;
	
	border-left:1px #ddd solid;
	border-top:1px solid #ddd;
}
.g-taskclassify a {
	color: #515151;
	float: left;
	padding:0 12px;
	text-align: center;
	margin-bottom: 1px;
}
.g-taskclassify .bg-blue {
	color: #fff;
	border-radius: 5px;
    height: 30px;
    line-height: 30px;
}
.g-taskclassdown {
	color: #d8d8d8;
	width: 120px;
	height: 20px;
	line-height: 16px;
	text-align: center;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #ececec;
	border-top: none;
	border-bottom-left-radius: 60px 20px;
	border-bottom-right-radius: 60px 20px;
	cursor: pointer;
	font-size: 16px;
}
.g-taskmain {
	border:1px solid #eaeaea;
	background: #fff;
	margin-top: 20px;
}
.g-taskmainhd {
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #eaeaea;
	overflow-x: auto;
}
.g-taskmainhd a {
	color: #898989;
	font-size: 14px;
	margin: 0 12px;
}
.g-taskmainhd a:hover,.g-taskmainhd a:hover i {
	color: #2f55a0;
}
.g-taskmainhd .g-taskmact {
	color: #2f55a0;
}
.g-taskmainhd span {
	font-size: 14px;
	color: #ccc;
}
.g-taskmainhd i {
	font-size: 12px;
}
.g-taskmainhd .glyphicon-arrow-down {
	color:#c7c7c7;
	padding-left: 4px;
}
.g-taskmaininp {
	width: 80%;
	height: 32px;
	border: 1px solid #ccc;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 10px;
	border-radius: 4px;
}
.g-taskmaininp form{
	line-height:30px;
}
.g-taskmaininp button {
	width:80px;
    height: 30px;
    background: #e61717;
    border: none;
    outline: 0;
    padding-left: 0;
    float: right;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
}
.g-taskmaininp input {
	width: 96px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	border: none;
	font-size:12px;
}
.g-taskmaininp i {
	color: #fff;
    vertical-align: top;
    line-height: 30px;
}
.g-taskmainlist {
	margin-bottom: 30px;
	overflow: hidden;
	height: auto;
}
.g-taskmainlist li {
	border-bottom: 1px solid #ebebeb;
	margin: 0 15px;
	padding: 20px 0;
}
.g-taskmainlist li .img-responsive {
	margin-top:5px;
	background:#d4d4d4;
	max-height:96px;
}
.g-taskmainlist li a {
	color: #2f55a0;
}
.g-taskmainlist li span {
	font-size: 12px;
	padding-right:2px;
}
.g-taskmainlist li p {
	height: 18px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom: 0;
}
.g-taskmainlist.u-inline{
	display: inline-block;
}

.g-taskmainlist li .pull-up {
	padding-top: 30px;
}
.g-taskmainlist .u-tasktime {
	background: url('../../images/tasktime.png') no-repeat;
	display: inline-block;
	width: 18px;
	height: 15px;
}
.g-taskmainlist li .u-timeollect{
	font-size: 14px;
}
.g-taskmainlist .u-collect{
	/*display: none;*/
	cursor: pointer;
	display: inline-block;
	margin-left: 5%;
	font-size: 14px;
}
.g-taskmainlist li .u-collect:hover{
	color:#ffa81e;
}
.g-taskpaginfo {
	color: #606060;
	padding-top: 26px;
	float: left;
}
.paginationwrap { float: right;}
.g-tasksidemand {
	border:1px solid #eaeaea;
	background: #fff;
	padding:18px 20px; 
}
.g-tasksidemand input {
	font-size:12px;
}
.g-tasksidemand .input-group .Validform_checktip {
	position: absolute;
	left:30px;
	top:34px;
	padding-top:4px;
}
.g-tasksidemand img {
	width: 100%;
	height: 260px;
}
.g-tasksidemand .input-group-addon {
	padding: 6px 10px 5px;
}
.g-tasksidemand .input-group-addon i {
	display: inline-block;
	color: #adadad;
	width: 16px;
	height: 16px;
}
.g-tasksidemand .input-group input {
	padding-left: 9px;
	padding-right: 9px;
}
.g-tasksidemand .btn-blue {
	border:none;
	padding-top:7px;
	padding-bottom: 7px;
}
.g-tasksidemand .input-group select {
	width: 100%;
	height: 34px;
	color: #515151;
	font-size: 12px;
}
.g-tasksidemand .input-group-addon .u-tasksideico1 {
	background: url('../../images/tasksideicon.png') no-repeat;
}
.g-tasksidemand .input-group-addon .u-tasksideico2 {
	background: url('../../images/tasksideicon.png') no-repeat 0 -27px;
}
.g-tasksidemand .input-group-addon .u-tasksideico3 {
	background: url('../../images/tasksideicon.png') no-repeat 2px -51px;
	height: 19px;
}
.g-tasksidelist {
	border:1px solid #eaeaea;
	background: #fff;
	padding: 20px 20px 0;
}
.g-tasksidelist ul {
	margin: 0 0 -1px 0;
	overflow: hidden;
	height: 629px;
}
.g-tasksidelist li {
	height: 126px;
	border-bottom: 1px dashed #ccc;
	padding: 20px 0;
}
.g-tasksidelist li img {
	height: 86px;
	width: 86px;
}
.g-tasksidelihd a {
	color: #8f8f8f;
	padding-top: 4px;
}
.g-tasksidelinfo {
	padding-left: 20px;
}
.g-tasksidelinfo p{
	margin:0;
}
.g-taskclassify .task-filter-content{
	width: 103%;
	left: -19px;
}
.g-taskclassify .task-well-content{
	margin-left: -15px;
	margin-right: -9px;
	position: relative;
}
.g-taskclassify .task-filter-close{
	position: absolute;
	top: 2px;
	right: 6px;
}
.g-taskclassify .task-dq-label{
}
.span-pd2 {
	display:inline-block;
	padding:0 2px;
	border-radius: 2px;
}
.g-Waterfall{
	 /* -moz-column-count: 2;*/ /* Firefox */
    /*  -webkit-column-count: 2; *//* Safari ?? Chrome */
    /*  column-count: 2; */     /* 将 div 元素中的文本分为2列，并规定列间1rem像素的间隔。 */
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
	clear:both;
}
.Waterfall{
	margin-bottom:15px; 
	-moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid; 
}
.g-white{
	background:#fff;
	border:1px solid #ddd;
	padding: 0 15px;
}
.talexc {
	height: 44px;
	line-height: 44px;
	border-bottom: 1px dashed  #e9e9e9;
	font-size:16px;
	color:#e61717;
}
.talexc span{
	float:right;
	color:#333;
}
.g-white p{
	padding:0 0 5px;
	height:auto;
	margin:0;
}
.g-white p a{
	color:#515151;
	line-height:30px;
}
.g-white p a:hover{color:#e61717;}
.classification{
	background: #fff;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.classification p {
    padding: 10px 0;
    height: auto;
    margin: 0;
}
.classification p a{
	color:#515151;
	line-height:34px;
}
.classification p a:hover{color:#e61717;}
.Namelist{
	position:relative;
	padding:10px 0;
	border-bottom: 1px solid #ddd;
}
.g-white div:last-child{border-bottom: none;}
.Namelist_img{
	height:70px;
	width:70px;
	position:absolute;
	overflow:hidden;
}
.Namelist_img img{border-radius:8px; width:100%}
.Namelist_w{
	width:100%;
	position:relative;
	padding-left:80px;
	padding-right:80px;
	height:70px;
}
.suggest{
	height:70px;
	overflow:hidden;
	font-size:16px;
}
.suggest span{
	font-size:14px;
	color:#666;
	padding-left:10px;
}
.suggest p{
	font-size:14px;
	color:#666;
	text-overflow:ellipsis;
    white-space:nowrap;
	overflow: hidden;
}
.Contact_him{
	height:70px;
	width:75px;
	position:absolute;
	overflow:hidden;
	right:0;
	top:10px;
	line-height:70px;
}
.Contact_him a{
	display:inline-block;
	height:40px;
	line-height:40px;
	background:#e61717;
	border-radius:4px;
	width:75px;
	color:#fff;
	text-align:center;
	font-size:14px;
}
.fenlei_view_list {
    width: 100%;
    height: auto;
    float: left;
	margin:0;
	position:relative;
}
.fenlei_view_list li {
    height: 112px;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #d4d4d4;
    background: #FFF;
    display: inline;
    float: left;
}
.fenlei_view_list li a{
	padding:0;
	text-align: center;
    line-height: 20px;
    color: #666;
	display:block;
}
.open{
	width: 10%;
	display: flex !important;
    flex-direction: column;
}
.open a strong {
    line-height: 24px;
    font-weight: 700;
}
.open .a1{
	overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  align-self: center;
}
.f1{
    width: 100%;
    height: auto;
    color: #75b9dc;
    line-height: 18px;
    text-align: left;
    font-weight: 100;
    position: absolute;
    background: #fff;
    border: 2px solid #e61717;
    padding: 0px 5px;
    z-index: 2001;
    top: 112px;
	margin:0;
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    clear: both;
	display:none;
	left:0;
}
.f1 li {
    width: 100%;
    height: auto;
    font-size: 12px;
    text-align: left;
    border: 0px;
    background: #FFF;
    padding: 4px 0px;
    margin: 0px;
    display: inline;
    border-bottom: 1px dashed #CCC;
    float: left;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.f1 li p {
    width: 100%;
    height: 20px;
    text-align: left;
    float: left;
	color:#01aa01;
	 font-size:12px; 
	 font-weight:700;
}
.f1 li a{
	padding-right:10px;
}
.f1 li p a {
	color:#e61717;
	display: inline;
	
}
.open_style{
	background:#e61717 !important;
	
}
.open_style .a1{color:#fff;}
.bg_white_border{
	background:#fff;
	border-top:1px solid #f0f0f0;
}
.l-tags-container {
    padding-top: 20px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
	width:100%;
	padding-bottom:20px;
}
.l-tags-container li{
	width:20%;
	float:left;
	padding:0 10px;
}
.l-tags-container li .b-tag{
	width:100%;
}
.l-tags-container li .b-tag img{
	width:100%;
	max-width:100px;
}
.l-tags-container li h4 {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}
.l-tags-container li p {
    width: 100%;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
.m-zhenai-get {
    width: 100%;
    background: #fff url(../images/good-members-bg.png) no-repeat;
    background-position: center 0;
    position: relative;
    padding-top: 130px;
}
.m-zhenai-get h2 {
    color: #333;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
	font-weight:600;
}
.c-block-title{
	padding-top:30px;
}
.c-block-title .top-title{
    color: #9c8eef;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px;
}
.c-block-title h3{
    color: #333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
	margin-top:0;
}
.c-block-title .sub-title{
    color: #999;
    font-size: 16px;
    line-height: 1;
}
.tag-btn-warpper{
	display:block;
	overflow:hidden;
	margin:20px 20px 20px;
	color: #bdbdbd;
	
}
.tag-btn-warpper .tag-btn{
	margin-right: 12px;
    margin-bottom: 14px;
    position: relative;
	display:inline-block;
	float:left;
	border: 1px solid #bdbdbd;
    border-radius: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px 20px;
	background-color: #fff;
}
.tag-btn-warpper .tag-btn span{
	overflow: hidden;
    cursor: pointer;
	font-size:16px;
	
}
.tag-btn-warpper-active{
    background-color: #9c8ef0 !important;
	border: 1px solid #9c8ef0 !important;
	color:#fff;
}
.b-logos-good{
	width:100%;
	padding:30px 10px;
	margin:0;
}
.b-logos-good li{
	width:100%;
}
.b-logos-good li img{
	width:100%;
	max-width:510px;
}
.service-item-show{
	border:none !important;
	width:50%;
	float:left;
	margin-bottom: 30px;
}
.head-f-cl{
	position:relative;
	min-height: 90px;
}
.number{
    vertical-align: sub;
    font-size: 80px;
    line-height: 80px;
    color: RGBA(156,142,239,.6);
    font-weight: bolder;
	display: inline-block;
	position:absolute;
}
.title{
    margin-left: 15px;
	display: inline-block;
	padding-left:95px;
}
.top-title {
    color: #333;
    font-size: 23px;
    line-height: 1;
    margin-top: 16px;
}
.sub-title{
    font-size: 14px;
    line-height: 18px;
    margin-top: 9px;
    color: #ababab;
    max-width: 366px;
}
.show-img{
	width:100%;
}
.show-img img{
	width:100%;
	max-width:500px;
}
.m-true-love {
    background: #fff url(../images/bg.c2bd63a.png) no-repeat;
    background-size: 100%;
	padding:100px 0 20px;
}
.m-true-love h2 {
    color: #333;
    font-size: 48px;
    font-weight: 700;
	padding-top:40px;
}
.love-story-list{
	overflow:hidden;
	display:block;
	width:100%;
	position:relative;
	margin:0;
	padding-top:40px;
}
.love-story-list li{
}
.love-img {
    position: relative;
}
.love-img img{
    width: 100%;
    max-height: 210px;
}
.love-title{
    margin: 20px 0 9px;
    font-size: 20px;
    line-height: 28px;
    color: #333;
    font-weight: 400;
}
.love-desc{
    font-size: 16px;
    line-height: 22px;
    color: #999;
}
.m-get-marry {
    height: 400px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.b-get-app {
    height: 100%;
    padding-top: 53px;
    background: url(../images/get-app.5ab3560.png) 100% no-repeat;
    background-size: 100% 100%;
}
.m-get-marry h4 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 15px;
    font-weight: 500;
}
.m-get-marry p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
}
.m-get-marry .qr-code {
    width: 136px;
    height: 136px;
    border: 3px solid #fff;
    margin: 0 auto 12px;
}
.m-get-marry .qr-code img{
	width:100%;
}
.b-get-app span {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.b-get-another {
    height: 100%;
    padding-top: 72px;
    background: url(../images/zhenai.d7d8608.png) 100% no-repeat;
    background-size: 100% 100%;
}
.m-get-marry h4 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 15px;
    font-weight: 500;
}
.m-get-marry p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
}
.b-get-another .goto-register {
    display: block;
    width: 257px;
    height: 60px;
    color: #fff;
    border: 1px solid #fff;
    z-index: 2;
    border-radius: 4px;
    margin: auto;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
}
.b-get-another .goto-icon {
    background: url(../images/arrow.b33f28b.png) no-repeat;
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-left: 20px;
    vertical-align: middle;
}
@media screen and (min-width:1200px){
.right_l{
	margin:170px 0 30px;
	float:right;
}
}
@media screen and (max-width: 767px){
    .g-taskpaginfo,.paginationwrap { float: none; text-align: center;}
    /*.g-taskmainhd .pull-left { width: auto%;}*/
    .g-taskmain { margin-top: 0;}
    .open{width: 20%;border-bottom: 1px solid #d4d4d4;}
.l-tags-container li{
	width:50%;
}
.service-item-show{
	width:100% !important;
}
}
@media screen and (max-width: 768px){
    .g-taskmainlist li .pull-up { padding-top: 0;}
}
@media screen and (max-width: 1199px) and (min-width:992px) {
	.g-taskclassify .col-xs-2 {
		width:8%;
	}
}
@media screen  and (max-width:992px) {
	.g-taskclassify .col-xs-2 {
		width:11%;
	}
	.g-taskclassify .task-well-content{
		margin-right: -13px;
	}
	.g-Waterfall{
	-moz-column-count: 1; /* Firefox */
    -webkit-column-count: 1; /* Safari ?? Chrome */
    column-count: 1;      /* 将 div 元素中的文本分为2列，并规定列间1rem像素的间隔。 */
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
	  clear:both;
  }
.open{width: 25%;border-bottom: 1px solid #d4d4d4;}
}

.select-fa-angle-down{
	width: 15px;
	height: 15px;
	border: 1px solid #dadada;
	background: #efefef;
	text-align: center;
	line-height: 15px;
	margin-top: 7px;
}
@media screen and (max-width: 767px){
	.g-taskclassify{
		margin-top:0;
		overflow-x: auto;
		overflow: auto;
	}
	.g-taskclassify .col-lg-11{
		padding: 0;
	}

}