*{margin: 0 ;padding: 0;}
.pcshow{display: block !important; }
.pchide{display: none !important;}
 ul,ol{list-style: none;}
 body{background-color: #f5f5f5;font-family: "微软雅黑";color: #333;background-color: #f5f5f5;}
a{text-decoration: none;color: #333;}
a:hover{text-decoration:none;color: #e6334b;}
p{margin-bottom: 0;}
.fixtop{width: 100%;background-color: #fff;z-index: 1000;position: relative;}
::-webkit-scrollbar{display: none;}

.nav .centerNav{height: 60px;display: none;position: absolute;top: 160px;left: 0;background-color: rgba(0,0,0,0.8);width: 100%;}
.nav .centerNav .centerWrap{width: 1200px;margin: 0 auto;text-align: center;}
.nav .centerNav .centerWrap a{display: inline-block;line-height: 60px;color: #fff;padding: 0 20px;}
.nav .centerNav .centerWrap a:hover{color: #f9c805;}

.looksec{background-color: #fff;margin-top: 20px;}
.looksec .anstit{font-size: 18px;line-height: 60px;}
.looksec .questit{height: 40px;line-height: 40px;width: 100%;display: block;box-sizing: border-box;padding-left: 10px;font-size: 15px;border:1px solid #ccc;}
.looksec .quesdetail{height: 280px;line-height: 28px;display: block;width: 100%;box-sizing: border-box;padding-left: 10px;padding-right: 15px;margin-bottom: 15px;font-size: 15px;border:1px solid #ccc;}
.looksec .queslable{height: 40px;line-height: 40px;width: 260px;font-size: 15px;padding-left: 10px;margin-right: 30px;border:1px solid #ccc;}
.looksec .ansbtn{display: block;width: 300px;text-align: center;background-color:#e6334b;color: #fff;border-radius: 40px;height: 40px;line-height: 40px;border: none;margin: 20px auto 40px; font-size: 15px;}

.chosen-container-multi .chosen-choices{height: 40px;line-height: 40px;padding:0 0 0 10px;font-size: 14px;border-color: #ccc;}

.breadbox{margin-top: 20px;}
.breadbox a{color: #666;word-break:break-word;}

.menu-handler {position: absolute;right: 0;top: 0;width: 66px;height: 66px;display: none;cursor: pointer;z-index: 1010;
}

.menu-handler span {position: relative;display: block;margin: 30px auto 0;width: 22px;height: 2px;background-color: #e6334b;-webkit-transition-duration: .3s, .3s;-moz-transition-duration: .3s, .3s;-ms-transition-duration: .3s, .3s;-o-transition-duration: .3s, .3s;transition-duration: .3s, .3s;-webkit-transition-delay: .3s, 0s;-moz-transition-delay: .3s, 0s;-ms-transition-delay: .3s, 0s;-o-transition-delay: .3s, 0s;transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {content: "";position: absolute;display: inline-block;width: 100%;height: 2px;left: 0;background-color: #e6334b;-webkit-transition-duration: .3s, .3s;-moz-transition-duration: .3s, .3s;-ms-transition-duration: .3s, .3s;-o-transition-duration: .3s, .3s;transition-duration: .3s, .3s;-webkit-transition-delay: .3s, 0s;-moz-transition-delay: .3s, 0s;-ms-transition-delay: .3s, 0s;-o-transition-delay: .3s, 0s;transition-delay: .3s, 0s
}
.menu-handler span:before {top: -7px;-webkit-transition-property: top, transform;-moz-transition-property: top, transform;-ms-transition-property: top, transform;-o-transition-property: top, transform;transition-property: top, transform;
}
.menu-handler span:after {bottom: -7px;-webkit-transition-property: bottom, transform;-moz-transition-property: bottom, transform;-ms-transition-property: bottom, transform;-o-transition-property: bottom, transform;transition-property: bottom, transform;
}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s, 0s;-moz-transition-delay: 0s, 0s;-ms-transition-delay: 0s, 0s;-o-transition-delay: 0s, 0s;transition-delay: 0s, 0s
}
.menu-handler.active span:after,
.menu-handler.active span:before {background-color: #e6334b;-webkit-transition-delay: 0s, .3s;-moz-transition-delay: 0s, .3s;-ms-transition-delay: 0s, .3s;-o-transition-delay: 0s, .3s;transition-delay: 0s, .3s
}

.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)
}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
}
.menuBox {border-top: 1px solid #e4e4e4;background-color: #f5f5f5;color: #333333;position: fixed;display: none;right: 0px;top: 60px;width: 100%;height: 100%;height: 100vh;overflow-x: hidden;overflow-y: auto;-moz-transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-overflow-scrolling: touch;z-index: 1008;-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);-ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);transition: all .5s cubic-bezier(.25, .46, .45, .94);
}
.menuOpen {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.menuBox .sublist .subnav{display: none;}
.menuBox .sublist li{line-height: 50px;min-height: 50px;border-bottom: 1px solid #e5e5e5;font-size: 18px;}
.menuBox .sublist li>a{display: block;width: 100%;line-height: 50px;padding-left: 50px;text-decoration: none;}
.menuBox .sublist li.active>a{background-color: #e6334b;color: #fff;}
.menuBox .sublist li .subnav a{line-height: 50px;height: 50px;display: block;padding-left: 80px;}



.tophead{height: 104px;}
.tophead .container{padding-left: 0;padding-right: 0;}
.tophead .bgimg1{width: 269px;height: 199px;position: absolute;left: 0;top: 0;background-image: url(../img/bg1.png);background-position: left top;background-repeat: no-repeat;z-index: -1;}
.tophead .bgimg2{width: 133px;height: 104px;position: absolute;right: 0;top: 0;background-image: url(../img/bg2.png);background-position: left top;background-repeat: no-repeat;z-index: -1;}
.tophead .rightbox {float: right;}
.tophead .rightbox .slogn{margin-top: 22px;color: #777;font-size: 19px;letter-spacing: 3px;position: relative;}
.tophead .rightbox .slogn:before{position: absolute;top: -23px;left: -30px;content: "";width: 58px;height: 36px;background:url(../img/iconimgs.png) no-repeat 0 0;}
.tophead .rightbox .registbtn{margin: 10px auto 0; width: 116px;height: 30px;background-color: #e6334b;text-align: center;letter-spacing: 2px;color: #fff;line-height: 30px;font-size: 16px;border-radius: 8px;display: block;}

.tophead .logoimg {position: relative;top: -15px;}
.nav{height: 55px;width: 100%;background-color: #e6334b;overflow: hidden;}
.nav .container{padding-left: 0;padding-right: 0;}
.nav .navlist{overflow: hidden;}
.nav .navlist {float: left;}
.nav .navlist .navitem{height: 55px;line-height: 55px;margin-right: 40px;float: left;font-size: 18px;color: #fff;letter-spacing: 2px;text-decoration: none;position: relative;}
.nav .navlist .navitem:hover:before{position: absolute;content: "";bottom: 0px;width: 100%;height: 2px;background-color: #fff;left: 0;}
.nav .telbox{float: right;line-height: 55px;font-size: 18px;color: #f9c805;}
.nav .telbox strong{letter-spacing: 2px;}


.banner .banimg{width: 100%;display: block;}

.hlsection{background-color: #fff;margin-top: 15px;}
.titlebox {padding: 20px 0;overflow:hidden;}
.titlebox .titleleft{float: left;overflow:hidden;}
.titlebox .titleleft .titlename{font-size: 20px;font-weight: bold;float: left;margin:0 30px 0 0;}
.titlebox .titleleft .titlelable{float: left;}
.titlebox .titleleft .titlelable .lables{display: inline-block;margin-right: 20px;padding: 0 10px;background-color: #f5f5f5;color: #666;line-height: 26px;}
.titlebox .titlemore{float: right;color: #666;}

.hllist{overflow:hidden;margin-right: -10px;margin-left: -5px;}
.hllist .hlitem{width: 25%;float: left;padding: 0 10px 5px;box-sizing: border-box;}
.hllist .hlitem .hltimg{width: 100%;display: block;}
.hllist .hlitem .hlttxt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;margin-bottom: 4px;font-size: 16px;}
.hllist .hlitem .hlttime{color: #666;font-size: 14px;}
.hllist .hlitem .actmes{overflow:hidden;margin-top: 10px;padding-bottom: 5px;}
.hllist .hlitem .actmes .actnum{color: #666;font-size: 14px;float: left;height: 28px;line-height: 28px;}
.hllist .hlitem .actmes .actbtn{background-color: #dedede;color: #666;width: 80px;float: right;text-align: center;height: 28px;line-height: 28px;border-radius: 30px;}
.hllist .hlitem .actmes .colorbtn{background-color: #e6334b;color: #fff;}

.mwman{padding-left: 0;padding-right: 0;}
.mwman .womanbox{width:50%;float: left;}
.mwman .womanbox .hlsection{padding: 0 15px;}
.mwman .womanbox .wmlist{overflow:hidden;margin-right: -10px;}
.mwman .womanbox .wmlist .wmitem{width: 25%;float: left;padding-right: 10px;box-sizing: border-box;}
.mwman .womanbox .wmlist .wmimgbox{width: 100%;display: block;height:140px;overflow: hidden;position: relative;}
.mwman .womanbox .wmlist .wmimg{width: 100%;display: block;}
.mwman .womanbox .wmlist .wmname{padding-top: 10px;display: block;padding-bottom: 5px;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mwman .womanbox .wmlist .wmmes{text-align: center;font-size: 12px;color: #666;padding-bottom: 5px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pl75{padding-left: 7.5px;}
.pr75{padding-right: 7.5px;}


.wmpage .wmlist{padding-top: 0px;overflow: hidden;margin-right: -10px;}
.wmpage .wmlist .wmitem{width: 16.6%;float: left;padding-right: 10px;box-sizing: border-box;}
.wmpage .wmlist .wmimgbox{width: 100%;display: block;height:200px;overflow: hidden;position: relative;}
.wmpage .wmlist .wmimg{width: 100%;display: block;}
.wmpage .wmlist .wmname{padding-top: 10px;display: block;padding-bottom: 5px;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.wmpage .wmlist .wmmes{text-align: center;font-size: 12px;color: #666;padding-bottom: 5px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.wmpage .wmlist .address{font-size: 14px;color: #666;padding-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.suclist{overflow:hidden;margin-right: -15px;padding-bottom: 20px;}
.suclist .sucitem{width: 20%;float: left;padding-right: 15px;box-sizing: border-box;padding-top: 70px;}
.suclist .sucitem .sucimg{width: 120px;height: 120px;border-radius: 120px;border:5px solid #eee;position: absolute;top: -60px;left: 50%;transform: translateX(-50%);}
.suclist .sucitem .sucitem1{background-color: #FDF7F6;padding:60px 15px 6px;position: relative;}
.suclist .sucitem .sucitem2{background-color: #F9F6F1;padding:60px 15px 6px;position: relative;}
.suclist .sucitem .sucitem3{background-color: #F1F9F2;padding:60px 15px 6px;position: relative;}
.suclist .sucitem .sucitem4{background-color: #F1F5F9;padding:60px 15px 6px;position: relative;}
.suclist .sucitem .sucitem5{background-color: #f6f1f9;padding:60px 15px 6px;position: relative;}
.suclist .sucitem .sucname{font-size: 18px;font-weight: bold;text-align: center;margin-top: 15px;margin-bottom: 15px;}
.suclist .sucitem .suctxt{font-size: 14px;line-height: 22px;color: #666;}


.newsleft{float: left;width: 33%;box-sizing: border-box;padding-right: 15px;}
.newsleft .newsleftcon .newstopfour{overflow: hidden;margin-right: -15px;}
.newsleft .newsleftcon .newstopfour .tfitem{width: 50%;float: left;position: relative;padding-right: 15px;}
.newsleft .newsleftcon .newstopfour .tfitem .tfimg{width: 100%;display: block;}
.newsleft .newsleftcon .newstopfour .tfitem .tfname{background-color: rgba(0,0,0,0.4);color: #fff;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;position: absolute;bottom: 0px;left: 0;width: 100%;border-right: 15px solid #fff;box-sizing: border-box;padding-left: 10px;}
.newsleft .newsleftcon .newstopfour .tfitem:hover .tfname{display: block;}
.newsleft .newsleftcon .newsbotlist {overflow: hidden;padding-top: 20px;}
.newsleft .newsleftcon .newsbotlist .nblitem{width: 50%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 25px;padding-right: 10px;padding-bottom: 17px;font-size: 15px;position: relative;color: #777;}
.newsleft .newsleftcon .newsbotlist .nblitem a{color: #777;}
.newsleft .newsleftcon .newsbotlist .nblitem a:hover{color: #e6334b;}
.newsleft .newsleftcon .newsbotlist .nblitem:after{position: absolute;top:10px;left: 10px;width: 6px;height: 6px;background-color: #ddd;content: "";border-radius: 6px;}
.newsmid{width: 33%;float: left;box-sizing: border-box;padding-left: 15px;}
.indextopics .ititem{height: 24px;line-height: 24px;display: inline-block;margin-right: 15px;margin-bottom: 15px;background-color: #f87384;color: #fff;padding: 0 10px;font-size: 12px;border-radius: 3px;}



.newsright{float: left;width: 34%;padding-left: 15px;box-sizing: border-box;border-right: 15px solid #f5f5f5;padding-right: 15px;border-left: 15px solid #f5f5f5;}
.anslist .anslitem{padding-bottom: 18px;font-size: 15px;position: relative;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;}
.anslist .anslitem .newsnum{width: 20px;height: 20px;background-color: #b4b4b4;color: #fff;display: inline-block;margin-right: 10px;text-align: center;font-size: 12px;border-radius: 3px;font-weight: bold;}
.anslist .anslitem .colornum{background-color: #e6334b;color: #fff;}




.serverarea{padding-top: 30px;padding-left: 0;padding-right: 0;}
.serverarea .satit{font-size: 16px;padding-bottom: 8px;padding-top: 10px;}
.serverarea .salist{padding-bottom: 5px;}
.serverarea .salist .saitem{display: inline-block;margin-right: 10px;font-size: 14px;color: #777;line-height: 28px;}
.serverarea .salist .saitem strong{color: #555;}



/*底部二维码*/
.fcodebox{width: 100%;height: 260px;background: url(../img/footer_bg.jpg) no-repeat;padding-top: 60px;margin-top: 15px;}
.fcodebox .fcleft{margin-left: 80px;width: 50%;float: left;}
.fcodebox .fcleft .codeimg{float: left;width: 160px;}
.fcodebox .fcleft .fclefttxt{color: white;float: left;margin-left: 30px;}
.fcodebox .fcleft .fclefttxt .fctit{font-size: 30px;}
.fcodebox .fcleft .fclefttxt .fctxt{display: block;margin-top: 15px;font-size: 18px;}
.fcodebox .fcleft .fclefttxt .fctip{font-size: 20px;margin-top: 57px;padding-left: 22px;background: url(../img/iconimgs.png) no-repeat -4px -253px;}

.fcodebox .fcright {float: right;width: 37%;}
.fcodebox .fcright .fctit{text-align: center;font-size: 30px;color: white;}
.fcodebox .fcright .fctxt{width: 250px;height: 44px;display: block;margin: auto;font-size: 20px;color: #cd131f;cursor: pointer;margin-top: 29px;line-height: 44px;position: relative;overflow: hidden;background-color: #fff;border-radius: 80px;text-align: center;}


.fcodebox .fcright .fctxt span a{color: #e6334b;}
.fcodebox .fcright .fctxt>a{width: 250px;height: 44px;display: block;margin: auto;margin-top: 16px;font-size: 16px;color: #fff;text-align: center;text-decoration: underline;}
i.anim{position: absolute;width: 0;height: 0;left: 50%;top: 50%;border-radius: 50%;-moz-animation: anim .75s;-webkit-animation: anim .75s;animation: anim .75s;animation-iteration-count: infinite;animation-duration: 1.3s;display: block;-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);background-color: #036591; }
@-webkit-keyframes anim {0% { width: 0;padding-top: 0;background: rgba(0, 0, 0, .3);}100% { width: 100%; padding-top: 100%; background: transparent;}}
@-moz-keyframes anim {0% { width: 0;padding-top: 0;background: rgba(0, 0, 0, .3);}100% { width: 100%; padding-top: 100%;background: transparent;}}
@-ms-keyframes anim {0% {width: 0;padding-top: 0;background: rgba(0, 0, 0, .3);} 100% {width: 100%;  padding-top: 100%; background: transparent;}}
@keyframes anim {0% {width: 0;padding-top: 0;background: rgba(0, 0, 0, .3);}100% {width: 100%;padding-top: 100%;background: transparent;}}



/*footer*/
footer{background-color: #282828;color: #ccc;padding: 30px 0;}
footer a{color: #ccc;}
footer .topnav{position: relative;}
footer .topnav a{padding-right: 20px;display: inline-block;font-size: 18px;border-right: 1px solid #aaa;padding-left: 20px;}

footer .backtop{width: 75px;font-size: 20px;line-height: 16px;color: #999999;text-indent: 28px;cursor: pointer;background: url(../img/iconimgs.png) no-repeat -4px -232px;position: absolute;top: 0;right: 0;}
footer .copyright a{color: #888}

footer .fmesbox{padding-top: 30px;overflow: hidden;}
footer .fmesbox .farealist {width: 60%;float: left;}
footer .fmesbox .farealist .farestit{font-size: 20px;padding-bottom: 17px;padding-left: 20px;}
footer .fmesbox .farealist .fareaitem{padding-left: 20px;display: inline-block;padding-bottom: 6px;}
footer .fmesbox .commesbox {width: 30%;float: right;}
footer .fmesbox .commesbox .commesitem{width: 295px;height: 25px;font-size: 18px;color: #999999;line-height: 25px;margin-top: 12px;padding-left: 30px;display: block;}
footer .fmesbox .commesbox .wxicon{background: url(../img/iconimgs.png) no-repeat  -4px -198px;}
footer .fmesbox .commesbox .phoneicon{background: url(../img/iconimgs.png) no-repeat -4px -168px;}
footer .fmesbox .commesbox .timeicon{background: url(../img/iconimgs.png) no-repeat  -4px -138px;}
footer .friend{padding-top: 20px;overflow: hidden;}
footer .friend .friendtit{padding-left:20px;float: left;font-size: 16px;padding-bottom: 5px;}
footer .friend .frienditem{padding-left:20px;float: left;font-size: 14px;padding-bottom: 5px;}

footer .copyright{text-align: center;font-size: 14px;padding-top: 15px;}
footer .copyright .copyitem{margin-left: 20px;display: inline-block;margin-right: 20px;}



.telcode{display: none;font-size: 12px;}



.menmask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 1000;display: none}
		.menmask .menmaskcon{width: 200px;background-color: #fff;padding: 40px 20px;position: absolute;top: 40%;left: 50%;margin-left: -120px;border-radius: 10px;}
		.menmask .menmaskcon .menmstit{font-size: 18px;text-align: center;margin-bottom: 20px;}
		.menmask .menmaskcon .menmsbtn{height: 30px;line-height: 30px;width: 120px;text-align: center;background-color: #e6334b;display: block;color: #fff;border-radius: 6px;margin: 0 auto;}


.pageslide{position: fixed;top: 50%;right: 10px;width: 140px;border: 1px solid #eee;background-color: #fff;padding-bottom: 20px;z-index: 100;}

.pageslide .pstit{height: 40px;line-height: 40px;background-color:#e6334b;text-align: center;font-size: 16px;color: #fff;}
.pageslide .pstip{text-align: center;font-size: 12px;color: #555;padding-top: 10px;margin-bottom: 10px;border-top: 1px solid #eee;}
.pageslide .pscodeimg{width: 80px;display: block;margin: 0 auto 10px;}
.pageslide .pstel{font-size: 14px;text-align: center;}


.shadebox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0,0,0,0.5);z-index: 100000;display: none;}
.shadebox .shadecon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-60%);width: 75%;background-color: #fff;padding: 20px;box-sizing: border-box;border-radius: 10px;text-align: center;}
.shadebox .shadecon .shadetit{text-align: center;font-size: 20px;font-weight: bold;}
.shadebox .shadecon .shadeavatar{width: 80px;height: 80px;border-radius: 100px;display: block;margin:15px auto 8px;}
.shadebox .shadecon .shadename{font-size: 18px;color: #666;margin-bottom: 8px;}
.shadebox .shadecon .tel{font-size: 16px;color: #e6334b;}
.shadebox .shadecon .shadetip{font-size: 14px;color: #999;}
.shadebox .shadecon .shadecode{width: 120px;height: 120px;margin: 15px auto;}
.shadebox .shadecon .shut{position: absolute;right: 15px;top: 10px;font-size: 20px;color: #777;}
.shadebox .shadecon .shutimg{position: absolute;bottom: -45px;left: 50%;width: 30px;height: 30px;margin-left: -15px;}

.picmask{width: 100%;height: 100%;position: absolute;top: 0;left: 0; text-align: center;color: #fff;line-height: 25px;background-color: rgba(0,0,0,0.4);}
.picmask .picmaskcon{width: 100%;transform: translate(-50%,-50%);left: 50%;top: 60%;position: absolute;}


.member{margin-top: 20px;}

.member .memberTop{overflow: hidden;background-color: #fff;padding: 20px;}
.member .memberTop .mtleft{width: 900px;float: left;overflow: hidden;}
.member .memberTop .mtleft .userimgbox {width: 260px;float: left;position: relative;}
.member .memberTop .mtleft .userimgbox .memberimg{width: 260px;display: block;}
.member .memberTop .mtleft .membermes{width: 600px;float: left;margin-left: 20px;}
.member .memberTop .mtleft .membermes .membername{line-height: 30px;font-size: 20px;border-bottom: 1px solid #eee;margin-bottom: 10px;color: #3e3e3e;padding-bottom: 10px;padding-top: 10px;}
.member .memberTop .mtleft .membermes .mmescon{overflow: hidden;}
.member .memberTop .mtleft .membermes .mmesitem{width: 50%;float: left;line-height: 32px;color: #666;font-size: 15px;}
.member .memberTop .mtleft .matchmaker{margin-top: 5px;height: 36px;line-height: 36px;background-color: #e6334b;color: #fff;text-align: center;width: 180px;position: relative;}


.member .memberTop .mtright{width: 300px;float: right;border: 1px solid #f5f5f5;}
.member .memberTop .mtright .righttit{height: 40px;background-color: #e6334b;color: #fff;line-height: 40px;text-align: center;}
.member .memberTop .mtright .rightcode{display: block;margin: 30px auto 20px;width: 150px;}
.member .memberTop .mtright .codetiptxt{color: #666;font-size: 12px;text-align: center;padding-bottom: 20px;}

.member .memberBottom{margin-top: 20px;overflow: hidden;}
.member .memberBottom .mbleft{width: 945px;float: left;overflow: hidden;background-color: #fff;}
.member .memberBottom .mbleft .mblitem{overflow: hidden;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #f1f1f1;}
.member .memberBottom .mbleft .mblitem .mblleft{width: 150px;float: left;font-size: 15px;text-align: center;}
.member .memberBottom .mbleft .mblitem .mblleft .mblimg{display: block;margin: 20px auto;}
.member .memberBottom .mbleft .mblitem .mblright{width: 750px;float: left;}
.member .memberBottom .mbleft .mblitem .mblright .presonintro{line-height: 24px;padding-top: 10px;font-size: 15px;}
.member .memberBottom .mbleft .mblitem .mblright .mmescon {overflow: hidden;padding: 10px 0;margin-bottom: 0;}
.member .memberBottom .mbleft .mblitem .mblright .mmescon .mmesitem{width: 50%;float: left;line-height: 32px;color: #555;font-size: 15px;}
.member .memberBottom .mbleft .mblitem .mblright .mmescon .mmesitem span{color: #888;}
.member .memberBottom .mbright{width: 300px;float: right;overflow: hidden;background-color: #fff;padding:0 10px 20px;}
.member .memberBottom .mbright .viprighttit{font-size: 16px;border-bottom: 1px solid #f1f1f1;padding: 10px;font-weight: bold;}
.member .memberBottom .mbright .vipitem{overflow: hidden;padding: 10px 0;border-bottom: 1px solid #f1f1f1;}
.member .memberBottom .mbright .vipitem .vipimg{width: 50px;float: left;}
.member .memberBottom .mbright .vipitem .viptxt{width: 250px;float: left;}
.member .memberBottom .mbright .vipitem .viptxt .vitit{font-size: 14px;}
.member .memberBottom .mbright .vipitem .viptxt .vitxt{font-size: 12px;color: #666;line-height: 20px;}
.member .memberBottom .mbright .vipbtn{height: 38px;line-height: 38px;margin-top: 20px;margin-bottom: 20px;text-align: center;color: #fff;background-color: #e6334b;border-radius:5px;}

.noline{border:none !important;}
.youlike{margin-top: 20px;}
.youlike .youliketit{font-size: 16px;border-bottom: 1px solid #f1f1f1;padding: 10px;font-weight: bold;margin-bottom: 10px;}
.youlike .likelist{overflow: hidden;}
.youlike .likelist .likeitem{width: 16.6%;float: left;text-align: center;padding-top: 10px;}
.youlike .likelist .likeitem .avatar{width: 80px;border-radius: 50%;display: block;margin: 0 auto;}
.youlike .likelist .likeitem .nikname{font-size: 14px;padding-bottom: 5px;padding-top: 10px;}
.youlike .likelist .likeitem .liskmes{font-size: 12px;color: #666;padding-bottom: 20px;}



.comsline{height: 76px;border: 3px solid #e6334b;box-sizing: border-box;margin-top: 60px;}
.comsline .csltit{font-size: 24px;color: #fff;font-weight: normal;width: 184px;height: 70px;background: #e6334b;text-align: center;line-height: 70px;float: left;}
.comsline .csllist{width: 1000px;float: left;height: 70px;text-align: center;font-size: 0;}
.comsline .csllist .cslitem{display: inline-block;font-size: 14px;color: #e6334b;line-height: 70px;padding-left: 60px;position: relative;margin: 0 10px;}
.comsline .csllist .cslitem:before{ content: ""; position: absolute;left: 0;top: 50%;margin-top: -25px;width: 50px;height: 50px;background-image: url(../img/a5.png);background-repeat: no-repeat;}
.comsline .csllist .csl1:before{background-position: 0 0;}
.comsline .csllist .csl2:before{background-position: 0 -50px;}
.comsline .csllist .csl3:before{background-position: 0 -100px;}
.comsline .csllist .csl4:before{background-position: 0 -150px;}
.comsline .csllist .csl5:before{background-position: 0 -200px;}
.comsline .csllist .csl6:before{background-position: 0 -250px;}



.about{margin-top: 15px;overflow: hidden;padding-left: 0;padding-right: 0;}

.comslide{width: 260px;float: left;background-color: #fff;margin-right: 20px;padding-bottom: 30px;}
.comslide .absitem{padding-top: 20px;}
.comslide .absitem .abstit{font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;padding-left: 20px;color: #4e4e4e;}
.comslide .absitem .abslist .abslitem{ line-height: 50px;font-size: 15px;padding-left: 30px;position: relative;margin-top: 8px;padding-left: 40px;}
.comslide .absitem .abslist .abslitem:before{position: absolute;top: 23px;left: 20px;content: "";width: 5px;height: 5px;background-color: #dedede;border-radius: 50%;}
.comslide .absitem .abslist .active{background-color: #e6334b;}
.comslide .absitem .abslist .abslitem a{color: #666;}
.comslide .absitem .abslist .active a{color: #fff;}
.comcontent{width: 1000px;float: left;}
.comcontent .comtit{font-size: 18px;line-height:60px;border-bottom: 1px solid #f5f5f5;padding-left: 20px;margin-bottom: 10px;font-weight: bold;}
.comcontent .compragaph{padding-left: 20px;padding-bottom: 20px;line-height: 30px;font-size: 14px;padding-right: 20px;}

.comcontent .comcontit{padding-left: 20px;font-size: 16px;line-height: 38px;font-weight: bold;}
.comcontent .comcontit .icon{color: red;display: inline-block;padding-right:5px;}


.comcontent .comconitem{margin-bottom: 20px;line-height: 30px;padding-left: 20px;padding-right: 20px;}
.comcontent .comconitem label{margin-right: 30px;display: inline-block;}
.comcontent .radio_type {width: 20px;height: 20px;appearance: none;position: relative;outline: none;margin-right: 5px;}
.comcontent .radio_type:before {content: "";width: 15px;height: 15px;border: 1px solid #e6334b;display: inline-block;border-radius: 50%;vertical-align: middle;}
.comcontent .check_type:before{border-radius: 0;}
.comcontent .radio_type:checked:before {content: "";width: 15px;height: 15px;border: 1px solid #e6334b;display: inline-block;border-radius: 50%;vertical-align: middle;}
.comcontent .check_type:checked:before{border-radius: 0;}
.comcontent .radio_type:checked:after {content: "";width: 9px;height: 9px;text-align: center;background: #e6334b;border-radius: 50%;display: block;position: absolute;top: 4px;left: 4px;}
.comcontent .check_type:checked:after{border-radius: 0;}
.comcontent .radio_type:checked + label {color: #edd19d;}


.comcontent .textareabox{width: 100%;background-color: #f1f1f1;border: 1px solid #ccc;border-radius: 6px;height: 180px;padding: 20px;box-sizing: border-box;font-family: "微软雅黑";line-height: 30px;margin-top: 5px;}
.comcontent .tiptxt{font-size: 12px;color: #999;line-height: 16px;}
.comcontent .telbox{background-color: #f1f1f1;border: 1px solid #ccc;border-radius: 6px;height: 30px;padding: 20px;box-sizing: border-box;font-family: "微软雅黑";line-height: 30px;margin-top: 5px;width: 300px;}
.comcontent .submitbtn{width: 180px;height: 38px;line-height: 38px;text-align: center;color: #fff;background-color: #e6334b;border-radius: 10px;margin: 50px auto;cursor: pointer;}


.privacycon p{padding-left: 20px;padding-bottom: 20px;line-height: 30px;font-size: 14px;padding-right: 20px;}
.privacycon h5{font-weight: normal;color: #e6334b;line-height: 30px;padding: 20px;}


.comtitle{height: 79px;display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; display: flex;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;position: relative;left: -20px;margin-top: 40px;}
.comtitle .china{font-size: 36px;position: relative;letter-spacing: 2px;}
.comtitle .china:before{content: "";height: 1px;width: 100%;position: absolute;bottom: -3px;background-color: #eee;}
.comtitle .eng{display: block;font-size: 20px;margin-top: 4px;color: #e6334b;font-weight: bold;}
.comtitle .bigeng{float: left;font-size: 79px;line-height: 79px;font-weight: bold;margin-right: 6px;color: #e6334b;}
.comtitle .titlecon{float: left;position: relative;}
.comtitle .titlecon:before{position: absolute;top: 13px;right: -40px;content: "";width: 40px;height: 60px;background:url(../img/iconimgs.png) no-repeat 0px -35px;}




.fslist {padding-top: 40px;overflow: hidden;margin-right: -1%;padding-left: 10px;padding-right: 10px;}
.fslist .fsitem{width: 49%;float: left;background-color: #efefef;margin-right: 1%;margin-bottom: 10px;}
.fslist .fsitem .fsimgbox{width: 35%;float: left;position: relative;}
.fslist .fsitem .fsimgbox .fsimgtxt{position: absolute;top: 0;left: 0;width:100%;height: 100%;background-color: rgba(0,0,0,0.6);color: #fff;text-align: center;font-size: 18px;display: none;}
.fslist .fsitem:hover .fsimgbox .fsimgtxt{display: block;}
.fslist .fsitem .fsimgbox .fsimgtxt .smalllogo{display: block;margin: 20px auto 0;}
.fslist .fsitem .fsimgbox .fsimgtxt .fsimg2{display: block;margin: 20px auto;}
.fslist .fsitem .fsimgbox .fsimg{width: 100%;display: block;}
.fslist .fsitem .fstxt{width: 65%;float: left;padding-left: 20px;box-sizing: border-box;}
.fslist .fsitem .fstxt .fstit{font-size: 22px;padding-top: 30px;padding-bottom: 10px;letter-spacing: 2px;}
.fslist .fsitem .fstxt .fseng{font-size: 12px;}
.fslist .fsitem .fstxt .fsbtntxt{color: #FFFFFF;height: 34px;line-height: 34px;border-radius: 17px;padding: 0 20px;font-size: 15px;background-color: #C5B0A6;display: inline-block;margin-top: 15px;}


.titletiptxt{font-size: 16px;text-align: center;margin-top: 15px;color: #777;letter-spacing: 2px;}
.titletiptxt1{display: none;}
.comsline .csltit1{display: none;}



.probigtit{font-size: 24px;padding-bottom: 10px;margin-top: 30px;}
.prosnalltit{font-size: 16px;padding-bottom: 5px;color: #999;}



.serprolist{overflow: hidden;padding-top: 20px;}
.serpro{width: 25%;text-align: center;float: left;}
.serpro .proimg{width: 80px;display: block;margin: 0 auto;}
.serpro .protxt{font-size: 18px;padding-bottom: 5px;}
.serpro .prodetail{font-size: 14px;color: #999;}


.bgwhite{background-color: #fff;}

.about .aboutintro{padding:100px 70px;background-color: #fff;box-shadow: 4px 4px 8px #aaa;box-sizing: border-box;}
.about .aboutintro .aitit{font-size: 32px;text-align: center;padding-bottom: 30px;}
.about .aboutintro .aitxt{font-size: 20px;line-height: 40px;}


.about .aboutsline{background-color: #fff;padding: 40px 20px;}
.about .aboutsline .abltit{font-size: 32px;text-align: center;padding-bottom: 30px;}
.about .aboutsline .abltxt{font-size: 20px;line-height: 40px;}
.about .aboutsline .ablbox{overflow: hidden;}
.about .aboutsline .ablbox .ablitem{width: 25%;float: left;margin-top: 30px;}
.about .aboutsline .ablbox .ablitem .ablimg{display: block;margin: 0 auto;}
.about .aboutsline .ablbox .ablitem .ablitit{text-align: center;font-size: 18px;line-height: 36px;}


.about .aboutserver{box-sizing: border-box;padding: 40px 20px 30px;background-color: #fff;}
.about .aboutserver .abtit{font-size: 32px;padding-bottom: 30px;}
.about .aboutserver .abtxt{font-size: 20px;line-height: 36px;}
.about .aboutserver .asbox{overflow: hidden;margin-top: 30px;margin-right: -2%;}
.about .aboutserver .asitem{width: 23%;float: left;background-color: #f5f5f5;margin-right: 2%;}
.about .aboutserver .asitem .asimg{display: block;margin:50px auto;}
.about .aboutserver .asname{text-align: center;color: #fff;background-color: #e6334b;padding-top: 20px;padding-bottom: 20px;}
.about .aboutserver .asname .astitle{font-size: 20px;position: relative;padding-bottom: 30px;}
.about .aboutserver .asname .astitle:before{position: absolute;bottom: -15px;left:50%; margin-left: -57px; width: 114px;height: 42px;background:url(../img/iconimgs.png) no-repeat -65px 0px;content: "";}

/*四项服务*/
.fourcon{margin-top: 60px;}
.fourcon .fourconbox1{background-color: #fff;padding-top: 50px;padding-bottom: 50px;margin-bottom: 50px;}
.fourcon .fourconbox2{background-color: #fffbf7;padding-top: 50px;padding-bottom: 50px;}
.fourcon .fourcontit{font-size: 30px;text-align: center;letter-spacing: 3px;}
.fourcon .fourconimg{width: 100%;display: block;margin:20px auto 40px;}
.fourcon .fourcontxt{font-size: 23px;text-align: center;line-height: 40px;}
.fourcon .fourcontxt1{font-size: 18px;text-align: center;line-height: 40px;color: #666;padding-top: 6px;}

.fourcon .fourconlist{overflow: hidden;padding-top: 40px;}
.fourcon .fourconlist .fourconitem{width: 25%;float: left;padding: 0 40px;box-sizing: border-box;text-align: center;margin-bottom: 15px;}
.fourcon .fourconlist .fourconitem .fourconspan,.fourcon .fourconlist .threeconitem .fourconspan{display:block;width: 91px;height: 91px;background: url(../img/nbg.png) no-repeat;margin: 0 auto;}
.fourcon .fourconlist .fourconitem .fourconspan1{background-position: 0px -346px;}
.fourcon .fourconlist .fourconitem .fourconspan2{background-position: -94px -346px;}
.fourcon .fourconlist .fourconitem .fourconspan3{background-position: -188px -346px;}
.fourcon .fourconlist .fourconitem .fourconspan4{background-position: -282px -346px;}
.fourcon .fourconlist  .iitit{font-size: 20px;line-height: 30px;margin-top: 20px;margin-bottom: 10px;}
.fourcon .fourconlist  .iitxt{font-size: 14px;line-height: 26px;height: 52px;}
.fourcon .fourconlist .threeconitem{width: 33%;float: left;padding: 0 40px;box-sizing: border-box;text-align: center;}
.fourcon .fourconlist .threeconitem .threeconspan{display:block;width: 75px;height: 75px;background: url(../img/nbg.png) no-repeat;margin: 0 auto;}

.fourcon .fourconlist .threeconitem .threeconspan1{background-position: 0px -170px;}
.fourcon .fourconlist .threeconitem .threeconspan2{background-position: -81px -170px;}
.fourcon .fourconlist .threeconitem .threeconspan3{background-position: -161px -170px;}

.fourcon .fourconlist .threeconitem .fourconspan11{background-position: 0px -480px;}
.fourcon .fourconlist .threeconitem .fourconspan12{background-position: -93px -480px;}
.fourcon .fourconlist .threeconitem .fourconspan13{background-position: -185px -480px;}
.fourcon .fourconlist .threeconitem .fourconspan14{background-position: -278px -480px;}
.fourcon .fourconlist .threeconitem .fourconspan15{background-position: -371px -480px;}
.fourcon .fourconlist .threeconitem .fourconspan16{background-position: -462px -480px;}

.fourcon .fourconlist .fourconitem .fourconspan11{background-position: 0px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan12{background-position: -93px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan13{background-position: -185px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan14{background-position: -278px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan15{background-position: -371px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan16{background-position: -462px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan17{background-position: -555px -583px;}
.fourcon .fourconlist .fourconitem .fourconspan18{background-position: -647px -583px;}


.fourcon .fourconlist .fourconitem .fourconspan21{background-position: 0px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan22{background-position: -93px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan23{background-position: -185px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan24{background-position: -278px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan25{background-position: -371px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan26{background-position: -462px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan27{background-position: -555px -249px;}
.fourcon .fourconlist .fourconitem .fourconspan28{background-position: -647px -249px;}

.fourcon .fourconlist .fourconitem .fourconspan31{background-position: 0px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan32{background-position: -93px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan33{background-position: -185px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan34{background-position: -278px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan35{background-position: -371px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan36{background-position: -462px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan37{background-position: -555px -685px;}
.fourcon .fourconlist .fourconitem .fourconspan38{background-position: -647px -685px;}





.fourcon .leftright{overflow: hidden;margin-top: 50px;}
.fourcon .leftright .left{width: 50%;float: left;margin-right: 10%;}
.fourcon .leftright .left .lefttit{font-size: 30px;padding-left: 100px;padding-bottom: 40px;padding-top: 40px;}
.fourcon .leftright .left .lefttxt{font-size: 18px;padding-left: 100px;line-height: 38px;}
.fourcon .leftright .right{width: 30%;float: left;margin-right: 10%;}


.fourcon .fourconbox3,.fourcon .fourconbox5,.fourcon .fourconbox6{margin-top: 50px;}
.fourcon .fourconbox3 .fourconlist .bgwhite,.fourcon .fourconbox4 .fourconlist .bgwhite{padding-top: 20px;padding-bottom: 20px;border-left: 15px solid #f5f5f5;}
.fourcon .fourconbox3 .fourconlist,.fourcon .fourconbox4 .fourconlist{margin-left: -15px;}

.problembox{position: relative;background: #fff;border-radius: 10px;padding-bottom: 40px;overflow: hidden;margin-top: 50px;}
.problembox .problem{position: relative;z-index: 10;width: 614px;padding: 0 60px;text-align: center;}
.problembox .problemtit{margin-top:30px;font-size: 24px;letter-spacing: 2px;color: #4e4e4e;text-align: center;margin-bottom: 20px;}
.problembox .problem .procon{overflow: hidden;}
.problembox .problem .procon p{display: inline-block;padding: 4px 10px 4px 30px;border-radius: 10px;font-size: 18px;margin-right: 10px;position: relative;}
.problembox .problem .procon p:before{content: "";position: absolute;top: 6px;left: 0;width: 20px; height: 20px;background: url(../img/nbg.png) no-repeat -752px -584px;}
.problembox .problem .procon span{position: absolute;border-radius: 50%;z-index: -1;}
.problembox .problem .procon .ab3{width: 80px;height: 80px;background: rgba(250, 210, 134, 0.3);left: 503px;top: -40px;}
.problembox .problem .procon .ab4{width: 20px;height: 20px;background: rgba(209, 253, 199, 0.6);left: 524px;top: 26px;}
.problembox .problem .procon .ab5{width: 300px;height: 300px;background: rgba(253, 198, 206, 0.4);left: 546px;top: -150px;}
.problembox .problem .procon .ab6{width: 300px;height: 300px;background: #fff4e0;left: -200px;bottom: -150px;}
.problembox .problem .procon .ab7{width: 65px;height: 65px;background: rgba(209, 253, 199, 0.6);left: 65px;bottom: 28px;}
.problembox .problem .procon .ab8{width: 190px;height: 190px;background: rgba(253, 198, 206, 0.2);right: -55px;bottom: -75px;}

.problembox .proimg{position: absolute;right: 0;top:0;}
.problemtxt{font-size: 18px;color: #3f2828;text-align: left;margin-top: 10px;line-height: 30px;}
.problemtxt span{color:#f73d54;}


/*服务流程页面*/
.serverline{margin-top: 15px;}
.serverline .serverlineitem{padding: 20px;background-color: #fff;border-radius: 10px;margin-bottom: 15px;overflow: hidden;}
.serverline .serverlineitem .slileft{width: 200px;float: left;}
.serverline .serverlineitem .sliright{width: 980px;float: left;}
.serverline .serverlineitem .slileft .slicon{width: 80px;display: block;margin: 0 auto;}
.serverline .serverlineitem .slileft .sltit{padding-top: 20px;text-align: center;font-weight: bold;}
.serverline .serverlineitem .sliright .slirtit{font-size: 16px;line-height: 32px;font-weight: bold;}
.serverline .serverlineitem .sliright .slirdetail{font-size: 16px;line-height: 32px;color: #666;}

/*活动列表页*/
.activlist{margin-top: 15px;}
.activlist .activitem{margin-bottom: 10px;overflow: hidden;background-color: #fff;padding: 20px;border-radius: 20px;position: relative;}
.activlist .activitem a{display: block;overflow: hidden;}
.activlist .activitem .activimg{width: 260px;float: left;}
.activlist .activitem .activtxt{padding-left: 280px;box-sizing: border-box;}
.activlist .activitem .activtxt .actit{font-size: 18px;}
.activlist .activitem .activtxt .smalltxt{color: #999;font-size: 15px;}
.activlist .activitem .activtxt .smalltxt .smalltxtitem{padding-top: 10px;padding-left: 5px;}
.activlist .activitem .activtxt .smalltxt .smalltxtitem .overtime{padding-left: 35px;display: inline-block;}
.activlist .activitem .smallbot{overflow: hidden;}
.activlist .activitem .smallbot .sbleft{font-size: 15px;float: left;padding-left: 5px;line-height: 36px;}
.activlist .activitem .smallbot .smabtn{background-color: #eee;color: #666;width: 100px;float: right;text-align: center;height: 36px;line-height: 36px;display: none;}
.activlist .activitem .smallbot .colorbtn{background-color: #e6334b;color: #fff;}
.activlist .activitem .smallbot .btnshow{display: block;}
/*活动详情页*/
.activcon{margin-top: 15px;}
.activcon .activname{font-size: 26px;margin-bottom: 20px;font-weight: normal;}
.activcon .activtop{overflow: hidden;background-color: #fff;padding: 20px;}
.activcon .activtop .actopleft,.activcon .activbottom .acbotleft{width: 900px;float: left;overflow: hidden;box-sizing: border-box;padding-right: 15px;}
.activcon .activtop .actopleft .topimg{width: 420px;float: left;}
.activcon .activtop .actopleft .acmes{width: 440px;float: left;margin-left: 20px;font-size: 15px;color: #666;}
.activcon .activtop .actopleft .acmes .acmesitem{margin-bottom: 10px;line-height: 26px;}
.activcon .activtop .actopleft .acmes .acmesadd{max-height: 52px;overflow: hidden;}
.activcon .activtop .actopleft .smabtn{background-color: #eee;color: #666;width: 100px;text-align: center;height: 36px;line-height: 36px;margin-top: 20px;display: none;}
.activcon .activtop .actopleft .btnshow{display: block;}
.activcon .activtop .actopleft .colorbtn{background-color: #e6334b;color: #fff;}


.activcon .activtop .actopright{width: 300px;float: right;border: 1px solid #f5f5f5;}
.activcon .activbottom .acbotright{width: 300px;float: right;}
.activcon .activtop .actopright .righttit{height: 40px;background-color: #e6334b;color: #fff;line-height: 40px;text-align: center;}
.activcon .activtop .actopright .rightcode{display: block;margin: 30px auto 20px;width: 130px;}
.activcon .activtop .actopright .codetiptxt{color: #666;font-size: 12px;text-align: center;padding-bottom: 20px;}

.activcon .activcontit{font-size: 20px;font-weight: bold;margin-bottom: 10px;}


.activcon .activbottom{margin-top: 20px;background-color: #fff;padding: 20px;overflow: hidden;}
.activcon .activbottom .acbotright .activline{background-color: #f5f5f5;padding-bottom: 20px;padding-top: 20px;padding-left: 20px;}
.activcon .activbottom .acbotright .acbrtit{font-size: 18px;font-weight: normal;padding-left: 14px;position: relative;line-height: 30px;margin-bottom: 14px;}
.activcon .activbottom .acbotright .acbrtit:before{content: "";position: absolute;top: 7px;left: 0;width: 3px; height: 16px;background-color: #e6334b;}
.activcon .activbottom .acbotright .acbrtxt{border-bottom: 1px dashed #ebebeb;padding-bottom: 10px;margin-bottom: 20px;font-size: 14px;}
.activcon .activbottom .acbotright .acbrtxt .num{background-color: #e6334b;color: #fff;width: 20px;height: 20px;border-radius: 50%;font-weight: bold;display: inline-block;text-align: center;}
.activcon .activbottom .acbotright .acbrtxt .numtxt{color: #666;display: inline-block;margin-left: 5px;}
.activcon .activbottom .acbotright .acbrtxt .acbrdetail{color: #666;padding-top: 5px;}
.activcon .activbottom .acbotright .activad{text-align: center;background-color: #f5f5f5;margin-top: 20px;padding-top: 1px;padding-bottom: 20px;}
.activcon .activbottom .acbotright .activad .actadtit{color: #e6334b;font-size: 20px;font-weight: normal;margin-top: 35px;margin-bottom: 14px;}
.activcon .activbottom .acbotright .activad .actadtxt{color: #555;font-size: 15px;margin-bottom: 14px;}


.matchmaker {
    margin-top: 5px;
    height: 38px;
    line-height: 38px;
    background-color: #e6334b;
    color: #fff;
    text-align: center;
    width: 180px;
    position: relative;
    border-radius: 40px;
    font-size: 16px;
    margin-bottom: 10px;
}

/*话题*/

.topiclist{padding-bottom: 5px;padding-top: 15px;background-color: #fff;margin-top: 15px;}
.topiclist .topictit{font-size: 18px;font-weight: bold;line-height: 50px;height: 50px;}


.lablebox{overflow: hidden;padding-left: 0;margin-left: -10px;margin-right: -10px}
.lablebox .lableitem{width:25%;float: left;font-size: 16px;box-sizing: border-box;padding:0 15px;margin-bottom: 20px;}
.lablebox .lableitem .litembox{border: 1px solid #eee;padding-top:10px;display: block;}
.lablebox .lableitem .litembox p{margin-bottom: 0;}
.lablebox .lableitem .litembox .topicname{font-size: 18px;padding-bottom: 10px; padding-left: 10px;}
.lablebox .lableitem .litembox .topicintro{font-size: 15px;line-height: 28px;color: #666;padding-left: 10px;padding-right: 10px;height: 90px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;text-overflow: ellipsis;}
.lablebox .lableitem .litembox .topicnum{height: 40px;background-color: #f5f5f5;line-height: 40px;font-size: 14px;padding-left: 10px;color: #888;}
.lablebox .lableitem .litembox .hoticon{display: inline-block;width: 15px;height: 15px;margin-left: 10px;position: relative;top: -2px;}

/*相亲问答*/
.anstopicbox{background-color: #fff;margin-top: 15px;padding-top: 15px;padding-bottom: 15px;}
.anstopicbox .anstopic{border: 1px solid #ccc;padding:0 10px ;line-height: 24px;}
.anstopicbox .anstopic .anstopcitem{overflow: hidden;padding-bottom: 18px;padding-top: 18px;}
.anstopicbox .anstopic .dashline{border-bottom: 1px dashed #ccc;}
.anstopicbox .anstopic .more{float: right;font-size: 15px;color: #999;}
.anstopicbox .anstopic .tit{font-size: 15px;color: #999;float: left;}
.anstopicbox .anstopic .anstopiclist{float: left;margin-bottom: 0;}
.anstopicbox .anstopic .anstopiclist .atlitem{float: left;margin-right: 20px;}
.anstopicbox .anstopic .anstopiclist .active{border: 1px solid #e6334b;padding:0 10px;}

.anstopicbox .anstopic .anstopiclist .atlitem a{color: #777;}
.anstopicbox .anstopic .anstopiclist .active a{color: #e6334b;}

.anstopicbox .anslistsbox{overflow: hidden;}
.anstopicbox .newslistbox{margin-top: -15px;}

.anstopicbox .anslistsbox .anslists{width:70%;float: left;}
.anstopicbox .anslistsbox .anslists .ansitem{overflow: hidden;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;position: relative;}
.anstopicbox .anslistsbox .anslists .ansnumbox{width: 60px;color: #666;font-size: 14px;text-align: center;padding-top: 10px;padding-bottom: 10px;float: left;margin-right: 20px;border:1px solid #ccc; position: absolute;top: 20px;left: 0;  }

.anstopicbox .anslistsbox .anslists .ansmes{padding-left: 80px;}
.anstopicbox .anslistsbox .anslists .ansmes .anstit{font-weight: bold;font-size: 18px;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 0px;}
.anstopicbox .anslistsbox .anslists .ansmes .ansdes{font-size: 15px;line-height:26px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;padding-top: 10px;}
.anstopicbox .anslistsbox .anslists .ansmes .ansdes a{color: #666;}
.anstopicbox .anslistsbox .anslists .ansmes .ansdes a:hover{color: #666;}
.anstopicbox .anslistsbox .anslists .timemes{overflow: hidden;font-size: 12px;color: #999;margin-top: 10px;}
.anstopicbox .anslistsbox .anslists .timemes .time{float: left;}
.anstopicbox .anslistsbox .anslists .timemes .readings{float: right;}
.anstopicbox .anslistsbox .anslists .ansmes .topics{margin-top: 5px;}


.anstopcon{background-color: #f8f8f8;padding: 30px;}


.comslidebox{width: 30%;float: right;box-sizing: border-box;padding-left: 15px;}
.comslidebox .csbitem{border: 1px dashed #ccc;padding-left: 15px;padding-right: 15px;margin-top: 20px;}
.comslidebox .questionbox{border: 1px dashed #ccc;padding-left: 15px;padding-right: 15px;margin-top: 20px;padding-top: 25px;padding-bottom: 25px;}
.comslidebox .questionbox .questip{text-align: center;font-size: 14px;color: #666;}
.comslidebox .questionbox .quesbtn{color: #fff;background-color: #e6334b;height: 32px;line-height: 32px;display: block;margin: 15px auto 0;width: 140px;text-align: center;border-radius: 6px;}
.comslidebox .newsbotlist .nblitem{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;padding-bottom: 10px;font-size: 15px;position: relative;color: #777;}
.comslidebox .newsbotlist .nblitem a{color: #777;}
.comslidebox .newsbotlist .nblitem a:hover{color: #e6334b;}
.comslidebox .newsbotlist .nblitem:after{position: absolute;top:10px;left: 6px;width: 6px;height: 6px;background-color: #ddd;content: "";border-radius: 6px;}









.topics{margin-top: 20px;}
.topics .topictxt{font-size: 12px;}
.topics .topic{font-size: 12px;color: #13acec;margin-right: 30px;background-color: #ebf9ff;padding: 0 5px ;height: 20px;border-radius: 10px;}
.anstopcon .anstitle{font-size: 22px;font-weight: bold;margin-top: 0;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.anstopcon .anscontent{font-size: 14px;line-height: 22px;margin-top: 20px;}
.anstopcon .anscontent p{width: 100%;word-wrap:break-word;}
.answers{margin-top: 10px;}
.answers .answitem{padding-top:20px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;}
.answers .answcon{font-size: 14px;line-height: 22px;color: #333;margin-bottom: 14px;text-align: left;}

.anslikes{margin-top: 30px;}
.anslikes .ansliketit{width: 100%;font-size: 18px;line-height: 18px;color: #333;padding: 10px 0 16px 0;border-bottom: 1px solid #e8e8e8;}
.anslikes .ansliketit:before{content: '';width: 3px;height: 18px;background: #F83244;float: left;margin-right: 10px;}
.anslikelist{padding: 11px 0;margin-bottom: 0;}
.anslikelist .anslikeitem a{line-height: 32px;height: 32px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;display: block;width: 100%;}
.anslikelist .anslikeitem a:hover{color: #e6334b;}

/*资讯*/
.anstopicbox .anstopic {overflow:hidden;}
.anstopicbox .noborder{border: none;margin-bottom: 0;}
.anstopicbox .anstopic .newstopic{height: 36px;line-height: 36px;padding:0 15px;margin-right: 15px;border-radius: 30px;color: #000;float: left;background-color: #f5f5f5;border:1px solid #f5f5f5;margin-bottom: 10px;}
.anstopicbox .anstopic .newstopic:hover{border:1px solid #e6334b;background-color: #fff;}
.anstopicbox .anstopic .active{border:1px solid #e6334b;background-color: #fff;}
.anstopicbox .anstopic .active a{color: #e6334b;}
.newsitem{overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ccc;}
.newsitem .newsimg{width:220px;float: left;}
.newsitem .newsbox{padding-left: 240px;}
.newsitem .newsbox .newstitle{margin-top:4px;font-size:20px;font-weight: bold;}
.newsitem .newsbox .newstitle a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsitem .newsbox .newsdetail{font-size: 14px;line-height: 24px;margin-top: 8px;color: #777;}
.newsitem .newsbox .newsdetail a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;color: #777;}

.newsitem .newsbox .topics{margin-top: 5px;}

.newscontitle{font-size: 24px;font-weight: bold;text-align: center;}
.newscontent{border-top: 1px solid #ccc;margin-top: 15px;padding-top: 15px;font-size: 16px;line-height: 30px;}
.newscontent p{padding-bottom: 10px;}

/*联系我们*/
/*联系我们*/
.contact{margin-top: 60px;border: 1px solid #ddd;padding: 20px;box-sizing: border-box;}
.contact .contactitle{font-size: 22px;margin-bottom: 20px;}
.contact .contanctbox{padding: 20px;background-color: #fff;overflow: hidden;}
.contact .contleft{width: 50%;float: left;}
.contact .telitem{margin-top: 20px;font-size: 18px;padding-left: 24px;position: relative;}
.contact .timetxt{margin-top: 20px;font-size: 18px;}
.contact .telitem:before{position: absolute;bottom: 2px;left: 0;content: "";width: 20px;height: 20px;background: url(../img/iconimgs.png) no-repeat -3.3px -139.4px;  background-size: 378px 283px;}
.mt20{margin-top: 20px;}
.contact .contright{width: 50%;float: left;}
.contact .contit{font-size:18px;font-weight: bold;border-bottom: 2px solid #f1f1f1;padding-bottom: 5px;position: relative;text-align: left;width: 200px;}
.contact .contit:before{position: absolute;width: 80px;height: 2px;background-color: #e6334b;content: "";bottom: -2px;left: 0;}
.contact .codebox{overflow: hidden;margin-top: 20px;}
.contact .codebox .codeimg{width: 120px;float: left;margin-right: 30px;}

.contact .mapimg{width: 100%;display: block;padding-top: 20px;}


.phoneslidebtn {
    position: fixed;
    top: 58%;
    right: 14px;
    z-index: 1000;
}
.phoneslidebtn .psbitemn {
    width: 58px;
    height: 58px;
    background-color: #e6334b;
    color: #fff;
    text-align: center;
    font-size: 15px;
    border-radius: 80px;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    padding-top: 6px;
}

.phonetabox{height: 0px;}
.phonetab,.activtab{height: 60px;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;border-top: 1px solid #eee;display: none;justify-content: space-around;align-items: center;box-shadow: 2px 2px 4px #aaa;}
.activtab{justify-content: space-between;}
.phonetab .ptitem{display: flex;flex-direction: column;align-items: center;font-size: 14px;justify-content: center;color: #666;}
.phonetab .active{color: #e6334b;}
.phonetab .ptitem .ptabicon{width: 28px;margin-bottom: 1px;}

.activtab .activicon{width: 60px;color: #666;}
.activtab .activicon .aticon{width: 26px;display: block;margin:0 auto 5px;}
.activtab .activicon .attit{font-size: 12px;text-align: center;}
.activtab .atbtn{width: 160px;text-align: center;font-size: 16px;background-color: #eee;height: 60px;line-height: 60px;display: none;}
.activtab .btnshow{display: block;}
.activtab .atcolorbtn {background-color:#e6334b;color: #fff; }

.register{margin-top: 60px;background-color: #fff;}
.register .registercon {padding-top: 10px;padding-left: 20px;width: 69%;float: left;box-sizing: border-box;border-right: 1px solid #f5f5f5;padding-right: 20px;}
.register .registercon .registertit{font-size: 18px;line-height: 40px;border-bottom: 2px solid #f5f5f5;margin-bottom: 10px;font-weight: bold;}
.register .registercon .regitem{margin-bottom: 20px;}
.register .registercon .regitem .ritit{font-size: 15px;font-weight: bold;display: inline-block;width: 75px;}
.register .registercon .picbox .ritit{font-size: 15px;font-weight: bold;display: inline-block;width: 75px;margin-bottom: 15px;}
.register .registercon .regitem select{height: 36px;line-height: 36px;border: 1px solid #ccc;padding-left: 10px;padding-right: 10px;width: 120px;}

.register .registercon .regitem .inputbox{height: 40px;line-height: 40px;border: 1px solid #ccc;padding-left: 10px;padding-right: 10px;width: 240px;box-sizing: border-box;margin-left: 5px;font-size: 16px;}
.register .registercon .regitem label{margin-right: 30px;display: inline-block;background-color: #fff !important;}
.register .registercon .radio_type {width: 20px;height: 20px;appearance: none;position: relative;outline: none;margin-right: 5px;background-color: #fff!important;}
.register .registercon .radio_type:before {content: "";width: 20px;height: 20px;border: 1px solid #e6334b;display: inline-block;border-radius: 50%;vertical-align: middle;background-color: #fff !important;}
.register .registercon .check_type:before{border-radius: 0;background-color: #fff !important;}
.register .registercon .radio_type:checked:before {content: "";width: 20px;height: 20px;border: 1px solid #e6334b;display: inline-block;border-radius: 50%;vertical-align: middle;background-color: #fff !important;}
.register .registercon .check_type:checked:before{border-radius: 0;background-color: #fff !important;}
.register .registercon .radio_type:checked:after {content: "";width: 12px;height: 12px;text-align: center;background: #e6334b;border-radius: 50%;display: block;position: absolute;top: 5px;left: 4px;}
.register .registercon .check_type:checked:after{border-radius: 0;}
.register .registercon .radio_type:checked + label {color: #edd19d;}
.dashline{border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.register .registercon .protocol{font-size: 12px;color: #777;line-height: 16px;padding-top: 10px;}
.register .registercon .protocol .check_type{margin-right: 5px;}
.register .registercon .protocol a{color: #e6334b;}
.register .registercon .subbtn{width: 200px;text-align: center;line-height: 36px;height: 36px;background-color: #e6334b;color: #fff;margin-top: 30px;margin-bottom: 30px;}
.register .registercon .regitip{font-size: 12px;margin-bottom: 20px;color: #555;}
.register .registercon .regitip .colortxt{color: #e6334b;}


.register .registercon .inputBox{height: 200px; width: 200px; border: 1px solid #aaa;z-index: 102;background-color: #fff;margin-bottom: 10px;position: relative;overflow: hidden;}

.register .registercon .inputBox .iconBox{display: flex;justify-content: center;align-items: center;flex-direction: column;width:100%;height: 100%;}
.register .registercon .inputBox .picIcon{width: 30px;margin-bottom: 10px;}
.register .registercon .inputBox .inputTip{font-size:12px;}
.register .registercon .inputBox .filepath{position: absolute;top:0;left: 0;opacity: 0;width: 100%;height: 100%;filter:alpha(opacity=0); z-index: 103;}
.register .registercon .inputBox .yonghuPic{position: absolute;top:50%;left:50%;display: none;transform: translate(-50%,-50%);width: 200px;}

.slide{width: 29%;float: right;}

.slide .activad{text-align: center;padding-top: 1px;padding-bottom: 20px;}
.slide .activad .actadtit{color: #e6334b;font-size: 20px;font-weight: normal;margin-top: 35px;margin-bottom: 14px;}
.slide .activad .actadtxt{color: #555;font-size: 15px;margin-bottom: 14px;}
.slide .newsclasstit{font-size:18px;font-weight: bold;border-bottom: 2px solid #f1f1f1;padding-bottom: 5px;position: relative;text-align: left;margin-top: 15px;}
.slide .newsclasstit:before{position: absolute;width: 80px;height: 2px;background-color: #e6334b;content: "";bottom: 0;left: 0;}
.slide .newsclass .nclist{overflow: hidden;margin-bottom: 20px;}
.slide .newsclass .nclist .ncitem{width: 90px;float: left;text-align: center;border: 1px solid #eee;line-height: 36px;margin-right: 5px;border-radius: 30px;margin-top: 15px;}
.slide .newsclass .nclist .active{border-color: #e6334b;}
.slide .newsclass .nclist .active a{color: #e6334b;}

.toast{position: fixed;top: 50%;left: 50%;background-color: rgba(0,0,0,0.6);color: #fff;font-size: 15px;line-height: 32px;padding: 10px 10px;border-radius: 8px;display: none;max-width:300px;z-index: 1000;text-align: center;min-width: 150px;transform: translate(-50%,-50%);}


@media only screen  and (max-width: 991px){
	.wmpage .wmlist .wmimgbox{height: 160px;}

	.mwman .womanbox .wmlist .wmimgbox{height: 115px;}

	.looksec .queslable{width: 100%;margin-bottom: 20px;}

	.breadbox{display: none;}

	.slide{display: none;}
	.phonetabox{height: 60px;}
	.phonetab,.pimgnav,.activtab{display: flex;}

	.register{margin-top: 10px;}
	.register .registercon{padding-left: 0px;padding-right: 0px;width: 100%;border-right: 0;}
	.register .registercon .regitem select{width: 82px;padding-left: 5px;padding-right: 0px;}
	.register .registercon .regitem label{margin-right: 20px;}
	.register .registercon .regitem select[name="eduction"],.register .registercon .regitem select[name="salary"]{width: 200px}
	.register .registercon .inputBox{width: 150px;height: 150px;}
	.register .registercon .inputBox .yonghuPic{width: 150px;}

	.pcshow{display: none !important; }
	.pchide{display: block !important;}
	.commesbox{padding-bottom: 10px;}
	.comcontent .submitbtn{margin-top: 30px;margin-bottom: 20px;}
	.menu-handler,
	.menuBox {display: block;}
	
	.tophead .bgimg1{opacity: 0.1;top: -76px;}
	.tophead .bgimg2{opacity: 0.2}
	.tophead{height: 54px;border-bottom: 1px solid #eee;overflow: hidden;position: relative;}
	.tophead .logoimg{width:130px;margin-left: 0px;top: -10px}
	.tophead .rightbox{display: none;}
	.pageslide{display: none;}
	.nav{display: none;}
	.nav .navlist .navitem{height: 42px;line-height: 42px;font-size: 16px;margin-right:12px;display: inline-block;float: none;}
	.nav .telbox{display: none;}

	.titlebox .titleleft .titlelable{display: none;}

	.hllist{margin-left: -10px;margin-top: -10px;}
	.hllist .hlitem{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;padding-top: 10px;}
	.hlsection{padding-left: 10px;padding-right: 10px;margin-top: 10px;}
	.hllist .hlitem .hltimgbox{width: 120px;float: left;margin-right: 10px;border-radius: 10px;overflow:hidden;}
	.hllist .hlitem .hlttxt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 700;color: #000;white-space: normal;padding-top: 0;}

	.mwman .womanbox{width: 100%;}
	.mwman .womanbox .hlsection{padding:0 10px;}
	.mwman .womanbox .wmlist .wmitem{width: 33.33%;}
	.pr75{padding-right: 0;}
	.pl75{padding-left: 0;}


	.wmpage .wmlist .wmitem{width: 50%;}

	.hllist .hlitem .actmes{margin-top: 5px;}
	.hllist .hlitem{overflow:hidden;}
	.hllist .hlitem .actimg{width: 120px;float: left;margin-right: 10px;border-radius: 10px;overflow:hidden;}
	.hllist .hlitem .hlttxt{white-space: nowrap;display: block;margin-top: 10px;}
	.hllist .hlitem .hlttime{margin-top: 6px;}
	.hllist .hlitem .actmes .actbtn,.hllist .hlitem .actmes .actnum{height: 26px;line-height: 26px;width: 80px;font-size: 12px;}
	.hllist .hlitem .actmes .actnum{margin-bottom: 0;}




	.suclist{overflow-x: scroll;white-space: nowrap;}
	.suclist .sucitem{width: 56%;padding-right: 10px;display: inline-block;float: none;}
	.suclist .sucitem .suctxt{white-space: normal;}
	.suclist{margin-right: -10px;}
	.newsleft{width: 100%;border-right:none;padding-right: 0px;}
	.newsleft .newsleftcon .newstopfour .tfitem{width: 50%;padding-right: 10px;}
	.newsleft .newsleftcon .newstopfour{margin-right: -10px;}
	.newsleft .newsleftcon .newsbotlist .nblitem{width: 100%;padding-right: 0px;}
	.newsleft .newsleftcon .newsbotlist{padding-top: 10px;}
	.newsleft .newsleftcon .newstopfour .tfitem .tfname{border-right: 10px solid #fff;}

	.newsright{width: 100%;padding-left: 0px;padding-right: 0;border-left: 0;border-right:0;}
	.newsright .anslist .anslitem{padding-left: 5px;}
	.newsitem .newsbox .topics{display: none;}


	.newsmid{width: 100%;padding-left: 0;display: none;}

	.anstopicbox .anslistsbox .anslists{width: 100%;}

	.serverarea{padding-top: 10px;padding-left: 10px;padding-right: 10px;}
	.serverarea .salist{padding-bottom: 10px;}

	.fcodebox{height: 160px;margin-top: 10px;padding-top: 0px;margin-top: 0;}
	.fcodebox .fcleft{display: none;}
	.fcodebox .fcleft,.fcodebox .fcright{width: 100%;margin-left: 0;float: none;overflow: hidden;}
	.fcodebox .fcleft .codeimg{width: 100px;margin-left: 40px;}
	.fcodebox .fcleft .fclefttxt .fctit{font-size: 20px;}
	.fcodebox .fcleft .fclefttxt .fctxt{font-size: 15px;}
	.fcodebox .fcleft .fclefttxt .fctip{margin-top: 15px;}
	.fcodebox .fcright .fctit{font-size: 24px;margin-top: 35px;}
	.fcodebox .fcright .fctxt{margin-top: 20px;height: 38px;line-height: 38px;}
	footer{padding-top: 10px;padding-bottom: 15px;}
	footer .friend{display: none;}
	footer .fmesbox .farealist{display: none;}
	footer .topnav{display: none;}
	footer .copyright{padding:0px 20px 0;font-size: 12px;margin-bottom: 0;}
	
	footer .copyright .copyitem{margin-left: 0;margin-top: 2px;}
	footer .topnav a{margin-bottom: 10px;padding-left: 15px;padding-right: 15px;}
	footer .fmesbox{display: none;}
	footer .backtop{top: 20px;}
	footer .fmesbox .farealist,footer .fmesbox .commesbox{width: 100%;float: none;}
	footer .fmesbox .commesbox{padding-left: 20px;}

	footer .phoneconmes{padding-left: 15px;}
	footer .phoneconmes .pcmitem{font-size: 16px;margin-top: 8px;display: block;}
	.lablebox{margin-left: -15px;margin-right: -15px;}
	.lablebox .lableitem{width: 100%;margin-bottom: 15px;}
 	.anstopicbox .anstopic{white-space: nowrap;overflow: scroll;margin-bottom: 0px;border: none;}
	.anstopicbox .anstopic .newstopic{height: 32px;line-height: 32px;display: inline-block;float: none;}
	.anstopicbox .newslistbox{margin-top: -10px;}
	.newsitem{padding: 10px 0;}
	.newsitem .newsimg{width: 100px;}
	.newsitem .newsbox{padding-left: 110px;}
	.newsitem .newsbox .newstitle{font-size: 16px;margin-top: 0;margin-bottom: 5px;}
	.anstopicbox .anslistsbox .anslists .timemes{margin-top: 5px;}
	.newsitem .newsbox .newsdetail{margin-top: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;}
    .newsitem .newsbox .newsdetail a{display: block;}
    .anstopicbox{margin-top: 10px;}
    .topiclist{margin-top: 10px;}
    .anstopicbox .anslistsbox .anslists .ansmes .anstit{margin-bottom: 0;font-size: 16px;}
    .anstopicbox .anslistsbox .anslists .ansmes .ansdes{font-size: 14px;line-height: 22px;padding-bottom: 0px;padding-top: 5px;}
    .anstopicbox .anslistsbox .anslists .ansitem{padding-top: 15px;padding-bottom: 15px;}
    .anstopicbox .anslistsbox .anslists .ansnumbox{margin-right: 10px;}
    .anstopicbox .anslistsbox .anslists .ansmes{padding-left: 70px;}
    .anstopicbox .anstopic .more{display: none;}
    .anstopicbox .anstopic .anstopcitem{white-space: nowrap;overflow-x: scroll;padding-top: 0px;padding-bottom: 0px;}
    .anstopicbox .anstopic .anstopiclist{float: none;display: inline-block;}
    .anstopicbox .anstopic .dashline{border-bottom: none;}
    .anstopicbox .anslistsbox .anslists .ansmes .topics{display: none;}

    .anstopicbox .anstopic .anstopiclist .atlitem{float: none;display: inline-block;background-color: #f5f5f5;border: 1px solid #f5f5f5;height: 32px;
    line-height: 32px;padding: 0 15px;border-radius: 32px;}
    .anstopicbox .anstopic .anstopiclist .active{border: 1px solid #e6334b;background-color: #fff;}


    .anstopcon{padding: 15px;}
    .anstopcon .anstitle{font-size: 16px;margin-bottom: 12px;line-height: 26px;}
    .anstopcon .anscontent{margin-top: 12px;}
    .topics{margin-top: 12px;}
    .answers .answitem{padding-top: 12px;padding-bottom: 12px;}
    .anslikes{margin-top: 15px;}


   

	.activlist{margin-top:0px;box-sizing: border-box;}
	.activlist .activitem{margin-top: 15px;border-radius: 10px;padding:0;margin-bottom: 0;}
	.activlist .activitem .activimg{width: 100%;float: none;}
	.activlist .activitem .activtxt{padding:10px; }
	.activlist .activitem .activtxt .actit{font-weight: bold;font-size: 15px;}
	.activlist .activitem .activtxt .smalltxt{display: none;}
	.activlist .activitem .smallbot{margin-top: 5px;overflow: hidden;}
	.activlist .activitem .smallbot .smabtn{font-size: 12px;line-height:30px;height: 30px;width: 80px;border-radius: 80px;}
	.activlist .activitem .smallbot .sbleft{font-size: 14px;}

	.activcon{margin-top: 10px;padding-left: 0;padding-right: 0;}
	.activcon .activname{font-size: 16px;margin-top: 10px;margin-bottom: 10px;font-weight: bold;}
	.activcon .activtop .actopleft, .activcon .activbottom .acbotleft{width: 100%;float: none;padding-right: 0;}
	.activcon .activtop .actopleft .topimg{width: 100%;float: none;}
	.activcon .activtop .actopleft .acmes{margin-left: 0;width: 100%;float: none;}
	.activcon .activtop .actopleft .acmes .acmesitem{margin-bottom: 4px;}
	.activcon .activtop .actopright{display: none;}
	.activcon .activcontit{font-size: 18px;font-weight: normal;padding-left: 14px;position: relative;line-height: 30px;margin-bottom: 14px;}
	.activcon .activcontit:before{content: "";position: absolute;top: 7px;left: 0;width: 3px;height: 16px;background-color: #e6334b;}
	.activcon .activtop{padding: 15px;}
	.activcon .activbottom{background-color: #f5f5f5;padding: 0;margin-top: 10px;}
	.activcon .activbottom .acbotleft{padding: 20px;background-color: #fff;}

	.activcon .activbottom .acbotright{float: none;width: 100%;margin-top: 10px;}
	.activcon .activbottom .acbotright .activline,.activcon .activbottom .acbotright .activad{background-color: #fff;}
	.activcon .activbottom .acbotright .activline{padding-right: 20px;}
	.activcon .activbottom .acbotright .activad{margin-top: 10px;}
	.activcon .activbottom .acbotright .activad .actadtit{margin-top: 20px;}
	.serverline{margin-top: 0px;box-sizing: border-box;}
	.serverline .serverlineitem .slileft{display: none;}
	.serverline .serverlineitem .sliright{width:auto;float: none;}
	.serverline .serverlineitem{padding: 15px;margin-top: 15px;margin-bottom: 0;}

	.comslide{display: none;}
	.comcontent{width: 100%;float: none;}

	.comslidebox{width: 100%;padding-left: 0;display: none;}

	.about {margin-top: 10px;}
	.about .aboutintro{padding: 15px;box-shadow: none;}
	.about .aboutintro .aitit,.about .aboutserver .abtit,.about .aboutsline .abltit{font-size: 20px;font-weight: bold;padding-bottom: 10px;}
	.about .aboutintro .aitxt,.about .aboutserver .abtxt,.about .aboutsline .abltxt{font-size: 15px;line-height: 30px;}
	.about .aboutserver{margin-top: 0px;padding: 15px;}
	.about .aboutserver .asbox{margin-top: 20px;}
	.about .aboutserver .asitem{width: 48%;margin-bottom: 10px;}
	.about .aboutserver .asitem .asimg{width: 100px;height: 100px;margin: 20px auto;}


	.about .aboutsline{margin-top: 0px;padding: 15px;margin-bottom: 0;}
	.serpro .prodetail{height: 30px;}
	.about .aboutsline .ablbox .ablitem .ablimg{width: 50px;}
	.about .aboutsline .ablbox .ablitem .ablitit{font-size: 15px;}
	.probigtit{font-size: 20px;}
	.serprolist{padding-top: 10px;}
	.serpro{width: 50%;}

	.fourcon{margin-top: 10px;}
	.fourcon .fourcontit{font-size: 20px;letter-spacing: 0;}
	.fourcon .fourconlist{padding-top: 15px;}
	.fourcon .fourconlist .fourconitem{width: 50%;}
	.contact{margin-top: 10px;border: none;padding: 0;}
	.contact .contleft,.contact .contright{width: 100%;float: none;}
	.contact .contright{margin-top: 20px;}
	.contact .contanctbox{padding: 15px;}


	.member .memberTop .mtleft{float: none;width: 100%;display: flex;}
	.member .memberTop .mtleft .userimgbox{width: 90px;}
	.member .memberTop .mtleft .userimgbox .memberimg{width: 90px;border-radius: 10px;height: 90px;}
	.member .memberTop .mtleft .membermes .membername{border-bottom: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}
	.member .memberTop .mtleft .membermes{width: 300px;}
	.member .memberTop .mtleft .membermes .memberphonemes{color: #777}
	.member{margin-top: 10px;padding-left: 0;padding-right: 0;}
	.member .memberTop{padding: 15px;}
	.member .memberTop .mtright{display: none;}
	.member .memberBottom .mbleft{width: 100%;float: none;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}


	.member .memberBottom .mbleft .mblitem .mblleft{width: 100%;float: none;text-align: left;overflow: hidden;}
	.member .memberBottom .mbleft .mblitem .mblleft .mblitit{font-size: 16px;font-weight: bold;}
	.member .memberBottom .mbleft .mblitem .mblleft .mblimg{display: none;}
	.member .memberBottom .mbright{width: 100%;float: none;padding-left: 0;padding-bottom: 0;}

	.member .memberBottom{margin-top: 10px;}
	.member .memberBottom .mbleft .mblitem .mblright{width: 100%;float: none;}
	.member .memberBottom .mbleft .mblitem .mblright .mmescon .mmesitem{display: inline-block;margin-right: 15px;width: auto;float: none;margin-bottom: 10px;border: 1px solid #f7f7f7;padding-right: 10px;border-radius: 6px;color: #121d33;font-size: 12px;}
	.member .memberBottom .mbleft .mblitem .mblright .mmescon .mmesitem span{display: inline-block;background-color: #f8f9fb;color: #999;padding-left: 8px;margin-right: 8px;}
	.youlike{margin-top: 0;}
	.youlike .youliketit{padding-top: 0;padding-left: 0;}
	.youlike .likelist{overflow: scroll;white-space: nowrap;}
	.youlike .likelist .likeitem{display: inline-block;float: none; width: 100px;}
	.youlike .likelist .likeitem .avatar{width: 60px;}
	.youlike .likelist::-webkit-scrollbar{display: none;}
	.member .memberBottom .mbright .vipbtn{position: fixed;bottom: 0;left: 0;height: 45px;line-height: 45px;width: 100%;margin: 0;border-radius: 0;z-index: 10000;}



}