*{margin: 0;padding: 0;}
 ul,ol{list-style: none;}
 body{background-color: #fff;font-family: "微软雅黑";color: #333;background-color: #f5f5f5;}
 .indexbody{background: -moz-linear-gradient(top, #53dafc 0%, #ffffff 35%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53dafc), color-stop(35%,#ffffff));
    background: -webkit-linear-gradient(top, #53dafc 0%,#ffffff 35%);
    background: -o-linear-gradient(top, #53dafc 0%,#ffffff 35%);
    background: -ms-linear-gradient(top, #53dafc 0%,#ffffff 35%);
    background: linear-gradient(to bottom, #53dafc 0%,#ffffff 35%);}
 a{text-decoration: none;color: #333;}
  a:hover{text-decoration: none;}
.pcshow{display: block !important;; }
.pchide{display: none !important;;}
.clear{clear: both;}
p{margin-bottom: 0;}

.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;}

.npbanner{width: 100%;}



.logoimg{position: relative;top: -15px;}


.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}


.swiper-pagination-bullet-active{background-color:#333;}

.container{margin: 0 auto;overflow: hidden;box-sizing: content-box;padding-right:0;padding-left: 0;}

.manlistmore{display: none;}

.tophead{height: 104px;}
.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;}


.nav .navDrop{padding-top: 20px;position: absolute;top: 160px;left: 0;background-color: rgba(0,0,0,0.8);z-index: 10000;width: 100%;display: none;}
.nav .navDrop a{color: #e1e1e1;}
.nav .navDrop .navTit{font-size: 16px;font-weight: bold;color: #fff;padding-bottom: 6px;padding-left: 6px;}
.nav .navDrop .citylist{padding-bottom: 20px;}
.nav .navDrop .cityitem{display: inline-block;padding: 0 10px;line-height: 26px;font-size: 14px;}
.nav .navDrop .cityitem:hover{color: #e6334b;}

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


.phoneslidebtn{position: fixed;top:62%;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;}




.breadnav{font-size: 15px;margin-bottom: 20px;}
.breadnav span.gt{display: inline-block;margin-left: 5px;margin-right: 5px;}
.breadnav a.link{display: inline-block;padding-left: 5px;padding-right: 5px;}

.manarealist .saitem{display: inline-block;margin-right: 10px;font-size: 14px;color: #777;}
.manarealist .saitem strong{color: #555;}



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


.nav{height: 55px;width: 100%;background-color: #e6334b;overflow: hidden;}
.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;}




.wmlist{margin-top:60px;}
.wmlist .wmitem{overflow: hidden;width: 80px;height: 80px;float: left;margin-right: 10px;margin-bottom: 10px;}
.wmlist .wmitem .wmimg{width: 80px;border-radius: 50%;height: 80px;}
.wmlist .wmitem .wmmask{position: absolute;background-color: rgba(0,0,0,0.6);width: 80px;height: 80px;border-radius: 50%;text-align: center;color: #fff;display:none;}
.wmlist .wmitem:hover .wmmask{display: block;}
.wmlist .wmitem .wmmask .wmmaskcon{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 100%;}
.wmlist .wmitem .wmmask .wmmaskcon .wmname{font-size: 17px;margin-bottom: 3px;}



.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;}

.section{padding-top: 30px;}

.btnnav{text-align: center;padding-top: 40px;position: relative;}
.btnnav::-webkit-scrollbar{display: none;}
.btnnav:before{width:30px;height: 30px;background:url(../img/iconimgs.png) no-repeat 0px -91px;position: absolute;top: 17px;left: 100px;content: "";}
.btnnav:after{width:30px;height: 30px;background:url(../img/iconimgs.png) no-repeat 0px -91px;position: absolute;top: 17px;right: 100px;content: "";}
.btnnav .btnnavitem{display: inline-block;line-height: 30px;background-color: #e7e7e7;margin-right: 10px;border-radius: 5px;padding-left: 20px;padding-right: 20px;cursor:pointer;}

.imgitembox{margin-right: -1%;}
.imgitembox .imgitem{float: left;width: 24%;margin-right: 1%;position: relative;border-radius: 6px;overflow: hidden;}
.imgitembox .imgitem .imgbg{width: 100%;display: block;}
.imgitembox .imgitem:hover .imgtxt{background-color: rgba(0,0,0,0.55);color:#e6334b;cursor: pointer; }
.imgitembox .imgitem .imgtxt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;background-color: rgba(0,0,0,0.55);}
.imgitembox .imgitem .imgtxt .imgtxtbox{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;margin-left: -50%;margin-top: -13%;}
.imgitembox .imgitem .imgtxt .imgtit{font-size: 20px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
.imgitembox .imgitem .imgtxt .imgdetail{font-size: 16px;padding-left: 10px;padding-right: 10px;}

.manlist{overflow: hidden;margin-right: -1%;}
.manlist .manitem{margin-right: 1%;float: left;border-radius: 6px;overflow: hidden;margin-top: 15px;cursor: pointer;}
.manlist .manitem .manpicbox{width: 100%;height: 150px;position: relative;background-color: #f1f1f1;overflow: hidden;}



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


.manlist .manitem .avatar{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%); width: 100%;}
.manlist .manitem .manmes{padding:5px 5px 8px;border: 1px solid #eee;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;background-color: #fff;}
.manlist .manitem .manmes .manname{font-size: 18px;height:24px;padding-bottom: 2px;}
.manlist .manitem .manmes .lablebox{overflow: hidden;padding-bottom: 2px;font-size: 14px;color: #777;}
.manitem .manmes .lablebox .moneylable{overflow: hidden;white-space: nowrap;}
.manlist .manitem .manmes .lablebox .lable{display: inline-block;font-size: 15px;padding-right: 13px;}
.manlist .manitem .manmes .addmes{font-size: 15px;color: #888;height: 42px;overflow: hidden;line-height: 21px;}

/*.manclass{padding-top: 10px;}*/
.manclass .manclasstit{font-size:18px;font-weight: bold;border-bottom: 2px solid #f1f1f1;padding-bottom: 5px;position: relative;text-align: left;margin-top: 15px;}
.manclass .manclasstit:before{position: absolute;width: 80px;height: 2px;background-color: #e6334b;content: "";bottom: 0;left: 0;}
.manclass .mclist{overflow: hidden;margin-bottom: 20px;}
.manclass .mclist .mclistitem{text-align: center; display: inline-block;padding: 0 15px; border: 1px solid #aaa;line-height: 36px;margin-right: 5px;border-radius: 30px;}
.manclass .mclist .active{border-color: #e6334b;color: #e6334b;}


.serverlist{overflow: hidden;margin-right: -2%;padding-top: 70px;}
.serverlist .serveritem{width: 23%;margin-right: 2%;float: left;}
.serverlist .odd{margin-top: 80px;}
.serverlist .serveritem .servertop{position: relative;max-height: 360px;overflow: hidden;}
.serverlist .serveritem .mask{position: absolute;top: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.6);height: 100%;}
.serverlist .serveritem .sername{text-align: center;color: #fff;position: absolute;top: 40%;width: 100%;}
.serverlist .serveritem .sername .sertitle{font-size: 20px;position: relative;padding-bottom: 30px;}
.serverlist .serveritem .sername .sertitle:before{position: absolute;bottom: -15px;left:50%; margin-left: -57px; width: 114px;height: 42px;background:url(../img/iconimgs.png) no-repeat -65px 0px;content: "";}

.serverlist .serveritem .serimg{width: 100%;display: block;}
.serverlist .serveritem .sermes{font-size: 15px;line-height: 26px;}
.serverlist .odd .sermes{background-color: #fff;}
.serverlist .even .sermes{background-color: #e6334b;color: #fff;}

.newspart {padding-top: 30px;overflow: hidden;}
.newspart .newslist{overflow: hidden;width: 70%;float: left;}
.newspart .newslist .newstabcon{display: none;}
.newspart .newslist .active{display: block;}

.newspart .newslist .newsitem {width: 48%;float: left;overflow: hidden;margin-right: 2%;margin-top: 15px;box-sizing: border-box;border: 1px solid #eee;border-radius: 10px;overflow: hidden;background-color: #fff;}
.newspart .newslist .newsitem .newsimgbox{width: 150px;float: left;}
.newspart .newslist .newsitem .newsimg{width: 100%;display: block;}
.newspart .newslist .newsitem .newscon{padding-left: 160px;padding-right: 10px;}
.newspart .newslist .newsitem .newstitle{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;padding-bottom: 10px;}
.newspart .newslist .newsitem .newsdetail{font-size: 15px;color: #777;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.newspart .newstopic{float: left;margin-top: 15px;width: 30%;border: 1px solid #eee;border-radius: 10px;background-color: #fff;box-sizing: border-box;}
.newspart .newstopic .topictitle{height: 40px;width: 250px;background-color:#e6334b;color: #fff;line-height: 40px;border-top-right-radius: 30px;border-bottom-right-radius: 30px; padding-left: 10px;margin-bottom: 5px;}
.newspart .newstopic .topiclist{line-height: 40px;}
.newspart .newstopic .topiclist .topicitem{border-bottom: 1px dashed #eee;padding-left: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newspart .newstopic .topiclist .last{border-bottom:none;}

.slide .newstopic{margin-top: 15px;}
.slide .newstopic .topictitle{height: 40px;width: 250px;background-color:#e6334b;color: #fff;line-height: 40px;border-top-right-radius: 30px;border-bottom-right-radius: 30px; padding-left: 10px;margin-bottom: 5px;}
.slide .newstopic .topiclist{line-height: 40px;}
.slide .newstopic .topiclist .topicitem{border-bottom: 1px dashed #eee;padding-left: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide .newstopic .topiclist .last{border-bottom:none;}





.tabcon{height: 320px;}

.tabcon .tabitem{overflow: hidden;padding-top: 30px;display: none;}

.tabcon .active{display: block;}

.tabcon .tabitem .lefttxt{width: 50%;float: left;margin-right: 3%;padding-left: 5%}
.tabcon .tabitem .lefttxt .conintrotit{font-size: 26px;padding-bottom: 20px;padding-top: 20px;}
.tabcon .tabitem .lefttxt .comintro{line-height: 26px;padding-bottom: 10px;text-indent: 2em;}
.tabcon .tabitem .introimg{width: 30%;float: right;margin-right: 5%;}

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

.tabcon .tabitem .textl{text-align: left;}


.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;}

.arealist{overflow: hidden;}
.arealist .areaitem{overflow: hidden;line-height: 30px;padding: 0 20px;float: left;border: 1px solid #aaa;border-radius: 30px;margin-right: 30px;margin-bottom: 20px;}

.tabcon .tabitem .serline{width: 16.6%;}

.pagination{margin-bottom: 0;margin-top: 10px;}

/*底部二维码*/
.fcodebox{width: 100%;height: 200px;background: url(../img/footer_bg.jpg) no-repeat;padding-top: 60px;margin-top: 70px;box-sizing: content-box;}
.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: 230px;height: 44px;display: block;margin: auto;font-size: 20px;color: #cd131f;cursor: pointer;margin-top: 29px;line-height: 44px;padding-left: 20px;background: url(../img/iconimgs.png) no-repeat -58px -49px;position: relative;overflow: hidden;box-sizing: content-box;}


.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;}
/*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;}


/*活动列表页*/
.activlist{margin-top: 60px;}
.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: 300px;float: left;}
.activlist .activitem .activtxt{padding-left: 320px;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{margin-top: 30px;}
.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: 60px;}
.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: 400px;float: left;}
.activcon .activtop .actopleft .acmes{width: 460px;float: left;margin-left: 20px;font-size: 17px;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: 150px;}
.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;}

/*服务流程页面*/
.serverline{margin-top: 60px;}
.serverline .serverlineitem{padding: 20px;background-color: #fff;border-radius: 10px;margin-bottom: 20px;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;}


/*恋爱课堂列表页*/
.newspage{overflow: hidden;margin-top: 60px;background-color: #fff;padding: 20px;box-sizing: border-box;}
.newspage .newslist,.newspage .newscon,.register .registercon{width: 900px;float: left;border-right: 1px solid #f5f5f5;padding-right: 20px;}
.newspage .newslist .newsitem{overflow: hidden;position: relative;margin-bottom: 10px;display: block;}
.newspage .newslist .newsitem .newsimg{width: 220px;float: left;}
.newspage .newslist .newsitem .newstxtbox{padding-left: 230px;}
.newspage .newslist .newsitem .newstxtbox .newstit{font-size: 20px;margin-top: 0;line-height: 32px;margin-bottom: 5px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: normal;}
.newspage .newslist .newsitem .newstxtbox .newsintro{color: #555;line-height: 30px;font-size: 16px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newspage .newslist .newsitem .newstxtbox .bottombox{font-size: 14px;color: #777;position: absolute;bottom: 10px;left: 230px;}
.newspage .newslist .newsitem .newstxtbox .bottombox .pubtime{display: inline-block;margin-right: 30px;}
.slide{width: 300px;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;}

.comlists{margin-top: 40px;}
.comlists .slidelist{overflow: hidden;}
.comlists .slidelist .slideitem{width: 33.3%;float: left;background-color: #fff;border-right: 10px solid #f5f5f5;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.comlists .slidelist .slideitem .slidetit{font-size:18px;font-weight: bold;border-bottom: 2px solid #f1f1f1;padding-bottom: 12px;position: relative;text-align: left;margin-top: 15px;}
.comlists .slidelist .slideitem .slidetit:before{position: absolute;width: 80px;height: 2px;background-color: #e6334b;content: "";bottom: 0;left: 0;}
.comlists .slidelist .slideitem  li{border-bottom: 1px dashed #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;}

.comlists .activlists{padding-bottom: 20px;}
.comlists .activlists .activitem{margin-top: 10px;display: flex;width: 100%;}
.comlists .activlists .activitem .activimg{width: 110px;}
.comlists .activlists .activitem .activtxt{padding-left: 10px;width: 280px;}
.comlists .activlists .activitem .activtxt .actit{font-size: 16px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom: 3px;padding-top: 3px;}
.comlists .activlists .activitem .activtxt .smalltxt .smalltxtitem{font-size: 14px;color: #777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.imgbox{width: 110px;height: 70px;position: relative;overflow: hidden;flex-shrink: 0;}
.imgbox .activimg{width: 110px;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);}




/*新闻详情页面*/
.newspage .newscon .newstitle{font-size: 20px;margin-bottom: 20px;padding-top: 10px;}
.newspage .newscon .newstime{font-size: 14px;margin-bottom: 20px;color: #999;}
.newspage .newscon .newsintro{font-size: 15px;margin-bottom: 20px;color: #999;padding: 20px;background-color: #f1f1f1;position:relative;line-height: 30px;}
.newspage .newscon .newsintro .span1{font-size: 30px;}

.newspage .newscon .newscontent{font-size: 15px;line-height: 30px;}
.newspage .newscon img{max-width: 100%;}
.newspage .newscon .pagebox{font-size: 15px;line-height: 30px;padding-top: 15px;border-top: 1px solid #f1f1f1;margin-top: 20px;color: #777;}
.newspage .newscon .pagebox a{color: #333;}
.newspage .newscon .pagebox a:hover{color: #e6334b;}


/*关于我们*/
.about{margin-top: 80px;}

.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;}

.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: "";}

/*联系我们*/
.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;height: 400px;}
.contact .mapbox{padding-top: 20px;clear:both;overflow: hidden;}

/*登记信息*/
.register{margin-top: 60px;background-color: #fff;}
.register .registercon {padding-top: 10px;padding-left: 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;line-height: 30px;height: 30px;}
.register .registercon .regitem .ritit{font-size: 17px;font-weight: bold;display: inline-block;width: 85px;}
.register .registercon .picbox .ritit{font-size: 17px;font-weight: bold;display: inline-block;width: 85px;margin-bottom: 15px;}
.register .registercon .regitem select{height: 36px;line-height: 36px;border: 1px solid #ccc;padding-left: 10px;padding-right: 10px;width: 240px;background-color: #fff;font-size: 16px;}
.register .registercon #address select{width: 140px;}
.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: 5px;}
.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: 60px;}
.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;}


.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%);}

/*隐私政策*/

.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;}

/*会员详情*/

.member{margin-top: 60px;}

.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: 50px;font-size: 20px;border-bottom: 1px solid #eee;margin-bottom: 10px;color: #3e3e3e;}
.member .memberTop .mtleft .membermes .mmescon{overflow: hidden;}
.member .memberTop .mtleft .membermes .mmesitem{width: 50%;float: left;line-height: 32px;color: #666;font-size: 15px;}
.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;}


.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;}
.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;}
.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: 18px;border-bottom: 1px solid #f1f1f1;padding: 15px 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: 16px;padding-bottom: 5px;padding-top: 10px;}
.youlike .likelist .likeitem .liskmes{font-size: 14px;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;}


/*四项服务*/
.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;}





.shapebox{overflow: hidden;margin-top: 50px;background-color: #fff;padding-top: 40px;}
.shapebox .shapeitem{position: relative;width: 25%;float: left;height: 300px;padding-left: 30px;box-sizing: border-box;}
.shapebox .shapeitem .shapetit{background-color: #fff;width: 165px;height: 165px;border-radius: 50%;border:10px solid #ffacb5;box-sizing: border-box;font-size: 20px;line-height: 32px;}
.shapebox .shapeitem .shapetit span{border: 1px dashed #ccc;width: 145px;height: 145px;display: block;padding: 25px 18px 18px 18px;border-radius: 50%;box-sizing: border-box;font-weight: bold;color: #5e5e5e;}
.shapebox .shapeitem .shapetxt{position: absolute;width: 160px;height: 160px;border-radius: 50%;border:1px dashed #ccc;box-sizing: border-box;font-size: 16px;background-color: #fff;padding: 30px 20px;line-height: 26px;left:130px;top: 90px;color: #f15d6d;font-weight: bold;}
.shapetipbox{background-color: #fff;padding-left: 30px;padding-bottom: 30px;}
.shapetipbox .shapetiptxt{font-size: 18px;line-height: 36px;padding-bottom: 5px;}

.shapetipbox .fourcontit{margin-bottom: 20px;}

.fourconbox6 .bgwhite .left .lefttit{padding-left: 60px}
.fourconbox6 .bgwhite .left .lefttxt{padding-left: 60px}
.fourconbox6 .bgwhite{margin-top: 0;padding-bottom: 40px;}



.fourcon .fourconbox12{margin-top: 60px;position: relative;}
.fourcon .fourconbox12 .lt1img{margin:60px auto 0;display: block;}
.fourcon .fourconbox12 .ltitem{position: absolute;background: url(../img/ico7.png) no-repeat center;width: 340px;height: 171px;}
.fourcon .fourconbox12 .ltitem1{left: 0;top: 120px;}
.fourcon .fourconbox12 .ltitem2{right: 0;top: 120px;}
.fourcon .fourconbox12 .ltitem3{left: 0;top: 410px;}
.fourcon .fourconbox12 .ltitem4{right: 0;top: 410px;}
.fourcon .fourconbox12 .ltitem .lttie{color: #fe5469;font-size: 20px;margin-bottom: 10px;display: block;font-weight: bold;}
.fourcon .fourconbox12 .ltitem .lttxt{font-size: 16px;padding: 30px 10px 10px;width: 230px;margin-left: 40px}







.fourconbox21{background-color: #fff;margin-top: 60px;padding: 60px 60px 30px;}
.imagebox{overflow: hidden;background-color: #fff;padding: 40px 40px;}
.imagebox .imageitem{width: 35%;float: left;background-color: #fff;box-shadow: 4px 4px 8px #aaa;margin-left: 7.5%;margin-right: 7.5%;border-radius: 10px;padding:20px 40px;box-sizing: border-box;}
.imagebox .imageitem .imagetit{font-size: 20px;font-weight: bold;text-align: center;}
.imagebox .imageitem .imagetxt{font-size:17px;padding-top: 15px;color: #666;border-bottom: 1px solid #eee;padding-bottom: 5px;position: relative;}
.imagebox .imageitem .imagetxt:before{position: absolute;content: 0;right: 10px;top: 10px;width:23px;height: 23px;background: url(../img/nbg.png) no-repeat -762px -620px;content: "";}
.imagebox .imageitem .imagetxt1:before{background-position: -762px -646px;}




.fourconbox7 {margin-top: 60px;}
.fourconbox7 .alonelist{overflow: hidden;margin-top: 40px;}
.fourconbox7 .alonelist .aloneitem{width: 33.3%;float: left;}
.fourconbox7 .alonelist .aloneitem .aloneimg{display: block;margin: 0 auto;}
.fourconbox7 .alonelist .aloneitem .alonetit{font-size: 20px;color: #1b1b1b;line-height: 20px;padding-top: 48px;text-align: center;position: relative;padding-bottom: 50px;}
.fourconbox7 .alonelist .aloneitem .alonetit:before{position: absolute;bottom: 24px; background-color: #e6334b;height: 3px;width: 60px;left: 50%;margin-left: -30px;content: "";}
.fourconbox7 .alonelist .aloneitem .alonetxt{display: block;width: 240px;line-height: 26px;text-align: center;color: #1b1b1b;margin: auto;font-size: 16px;}
.fourconbox7 .alonelist .aloneitem .fivecon{width: 280px; height: 51px; margin: auto; margin-top: 31px; background: #fff;}
.fourconbox7 .alonelist .aloneitem:hover .fivecon{background-color: #e6334b;}
.fourconbox7 .alonelist .aloneitem .fivecon .fiveitem{width: 56px;height: 51px;text-align: center;position: relative;float: left;font-size: 15px;line-height: 17px;color: #1b1b1b;padding-top: 8px;}
.fourconbox7 .alonelist .aloneitem:hover .fivecon .fiveitem{color: #fff;}
.fourconbox7 .alonelist .aloneitem .fivecon .fiveitem:before{width: 55px;height: 31px;border-right: 1px solid #959595;position: absolute;top: 10px;right: 0;content: "";}
.fourconbox7 .alonelist .aloneitem:hover .fivecon .fiveitem:before{border-color: #fff;}
.fourconbox7 .alonelist .aloneitem .fivecon .lastitem:before{border-right:0;}


.fourconbox9{margin-top: 60px;background-color: #fff;padding-top: 40px;padding-bottom: 40px;}

.fourconbox9 .otolist{overflow:hidden;margin-top: 40px;padding: 0 20px;margin-right: -1%;}

.fourconbox9 .otolist .otoitem{width: 15.6%;float: left;margin-right: 1%;text-align: center;border: 1px solid #eee;box-sizing: border-box;margin-bottom: 30px;border-radius: 6px;padding: 20px;font-size: 15px;}
.fourconbox9 .otolist .otoitem:hover{background-color: #e6334b;color: #fff;}
.fourconbox9 .otolist .otoitem .otoimg{width: 66px;height: 66px;margin: 0 auto;background: url(../img/nbg.png) no-repeat;}
.fourconbox9 .otolist .otoitem .otoimg2{background-position:-67px 0; }
.fourconbox9 .otolist .otoitem .otoimg3{background-position:-133px 0; }
.fourconbox9 .otolist .otoitem .otoimg4{background-position:-200px 0; }
.fourconbox9 .otolist .otoitem .otoimg5{background-position:-267px 0; }
.fourconbox9 .otolist .otoitem .otoimg6{background-position:-333px 0; }
.fourconbox9 .otolist .otoitem .otoimg7{background-position:-400px 0; }
.fourconbox9 .otolist .otoitem .otoimg8{background-position:-466px 0; }
.fourconbox9 .otolist .otoitem .otoimg9{background-position:-533px 0; }
.fourconbox9 .otolist .otoitem .otoimg10{background-position:-600px 0; }
.fourconbox9 .otolist .otoitem .otoimg11{background-position:-666px 0; }
.fourconbox9 .otolist .otoitem .otoimg12{background-position:-733px 0; }
.fourconbox9 .otolist .otoitem .ototit{font-size: 18px;font-weight: bold;margin-top: 20px;margin-bottom: 15px;}
.fourconbox9 .otolist .otoitem .ototxt{line-height: 25px;height: 75px;}



.fourconbox8{border: 1px solid #e6334b;margin-top: 60px;border-radius: 10px;overflow: hidden;padding-top: 30px;}

.fourconbox8 .lovecon{margin-top: 100px;margin-right: -2%;margin-bottom: 30px;padding-left: 20px;padding-right: 20px;}
.fourconbox8 .lovecon .loveitem{width: 23%;float: left;margin-right: 2%;position: relative;background-color: #fff;border-radius: 10px;padding:80px 20px 30px;box-sizing: border-box;}
.fourconbox8 .lovecon .loveitem .loveimg{width: 100px;height: 100px;border-radius: 100px;position: absolute;top: -50px;left: 50%;margin-left: -50px;}

.fourconbox8 .lovecon .loveitem .lovetit{text-align: center;font-size: 18px;font-weight: bold;color: #e6334b;position: relative;padding-bottom: 40px;}
.fourconbox8 .lovecon .loveitem .lovetit:before{position: absolute;bottom: 20px;left: 50%;margin-left: -30px;width: 60px;height: 3px;background-color: #e6334b;content: "";}
.fourconbox8 .lovecon .loveitem .lovetxt{font-size: 15px;color: #666;line-height: 26px;padding: 0 20px;height: 78px;}
.fourconbox8 .telbox{height: 50px;background-color: #e6334b;color: #fff;text-align: right;padding-right: 200px;line-height: 50px;font-weight: bold;}


.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;}

.pimgnav{display: none;justify-content: space-around;align-items: center;flex-wrap: wrap;padding-top: 15px;margin-top: 15px;background-color: #fff;margin-bottom: 15px;}
.pimgnav .pinitem{width: 20%;margin-bottom: 15px;text-align: center;font-size: 12px;}
.pimgnav .pinitem .pinimg{width: 50px;display: block;margin: 0 auto;}


.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 .atcolorbtn{background-color: #e6334b;color: #fff;}
.activtab .btnshow{display: block;}

.bdlist{overflow: hidden;margin-right: -2%;margin-top: 60px;margin-bottom: 40px;}
.bdlist .bditem{width: 31.3%;float: left;margin-right: 2%;display: block;background-color: #fff;}
.bdlist .bditem .bdimg{width: 100%;display: block;}
.bdlist .bditem .bdtitle{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: 15px;padding-bottom: 15px;padding-left: 10px;padding-right: 10px;}
.bdlist .bditem .smallbot {padding-left: 10px;padding-right: 10px;padding-bottom: 10px;overflow: hidden;}
.bdlist .bditem .smallbot .sbleft{font-size: 15px;float: left;line-height: 36px;color: #777;}
.bdlist .bditem .smallbot .smabtn{background-color: #dedede;color: #666;width: 100px;float: right;text-align: center;height: 36px;line-height: 36px;display: none;}
.bdlist .bditem .smallbot .colorbtn{background-color: #e6334b;color: #fff;}
.bdlist .bditem .smallbot .btnshow{display: block}


.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;}


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

.shadebox{display: none;}
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;}}

.young{background-color: #fff;margin-top: 0;}
.fourserver{overflow: hidden;margin-right: -2%;padding-bottom: 40px;padding-top: 20px;}

.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;}

.youngslogn{background: url(../img/bg4-1.jpg) no-repeat center;padding-bottom: 5.208333333333334vw;padding-top: 5.208333333333334vw;padding-left: 28%;padding-right: 28%;}
.youngslogn .slognbox{padding: 60px;background-color: #fff;}
.youngslogn .slognbox .slogntit{font-size: 28px;line-height: 42px;text-align: center;}
.youngslogn .slognbox .slogntxt{font-size: 14px;line-height: 28px;color: #888;padding-top: 20px;}
.youngslogn .slognbox .slogneng{font-size: 14px;line-height: 28px;color: #888;text-align: center;}

.whychoose{background-color: #fff;padding-bottom:40px;padding-top: 10px;margin-top: 60px;border-radius: 20px;}
.whychoose .wclist{padding-top: 30px;}
.whychoose .wcitems{float: left;width: 33.33%;padding-right: 80px;padding-left: 80px;box-sizing: border-box;}
.whychoose .wcimgs{padding-right: 40px;padding-left: 40px;}
.whychoose .wcitems .wcimg{width: 100%;margin-top: 20px;}
.whychoose .wcitems .wcimglogo{margin: 0 auto;display: block;position: relative;top: -40px;}
.whychoose .wcitems .wcitem{padding-bottom: 40px;}
.whychoose .wcitems .line{border-bottom: 1px dashed #aaa;margin-bottom: 40px;}
.whychoose .wcitems .wcitem .wctit{font-size: 20px;color: #333;letter-spacing: 2px;padding-bottom: 10px;}
.whychoose .wcitems .wcitem .wcEng{font-size: 36px;color: #e6334b;font-weight: bold;}
.whychoose .wcitems .wcitem .wctxt{font-size: 15px;color: #777;line-height: 38px;}
.serverarea{padding-top: 30px;}
.serverarea .satit{font-size: 16px;padding-bottom: 8px;padding-top: 5px;}
.serverarea .salist{padding-bottom: 5px;}
.serverarea .salist .saitem{display: inline-block;margin-right: 10px;font-size: 14px;color: #777;}
.serverarea .salist .saitem strong{color: #555;}


.xindong{
  animation: like 1s linear infinite;
}
@keyframes like {
  0%{
    transform: scale(1);
  }
  60%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}
.rili{margin-top: 50px;padding: 0 20px;}

.rili .filterbox{background-color: #fff;box-shadow: 2px 2px 4px #aaa;margin-bottom: 20px;border-radius: 5px;padding:10px 30px;}
.rili .filterbox .filteritem{display: flex;padding-top: 10px;padding-bottom: 10px;}
.rili .filterbox .filteritem .filtertit{height: 34px;border-radius: 18px;font-size: 16px;text-align: center;line-height: 34px;color: #666;}
.rili .filterbox .filteritem .filtercon{padding: 0 20px;height: 34px;border-radius: 18px;font-size: 16px;text-align: center;line-height: 34px;cursor: pointer;color: #666;text-decoration: none;margin: 0 10px;}
.rili .filterbox .filteritem .active{color: #f83244;border: 1px solid #f83244;}
.rili .line{border-bottom: 1px dashed #ddd;}

.rili .riliconbox{overflow: hidden}
.rili .rilibox{width: 50%;float: left;border: 1px solid #e39e5f;background-color: #fff;}
.rili .rilibox .rilitit{height: 80px;background-color: rgba(200, 51, 20, 0.1);text-align: center;line-height: 80px;font-size: 30px;}
.rili .rilibox .rltitle{overflow: hidden;padding:0 10px;border-bottom: 1px solid #aaa;}
.rili .rilibox .rltitle .rltitem{width: 14.28%;float: left;text-align: center;font-size: 18px;line-height: 65px;height: 65px;}
.rili .rilicon .rlcon{overflow: hidden;padding: 10px;display: flex;flex-wrap: wrap;height: 430px;}
.rili .rilicon .rlcon .rlicon{width: 14.28%;float: left;text-align: center;position: relative;display: flex;justify-content: center;flex-direction: column;height: 48px;}
.rili .rilicon .rlcon .rlicon .jtxt{font-size: 14px;position: absolute;top: -6px;right: 2px;color:#e6334b;background-color: #fff;border: 1px solid #e6334b;border-radius: 50%; font-weight: bold;width: 24px;height:24px;border-radius: 30px;text-align: center;line-height: 24px;}
.rili .rilicon .rlcon .active{position: relative;}
.rili .rilicon .rlcon .active:before{content: '';position: absolute;width: 64px;height: 64px;border-radius: 50%;background: #e6334b;top:50%;left:50%;margin-left: -32px;margin-top: -32px;}
.rili .rilicon .rlcon .rlicon .rlnum{font-size: 24px;font-weight: bold;position: relative;z-index: 12;}
.rili .rilicon .rlcon .rlicon .rlcontxt{font-size: 14px;color: #999;margin-top:3px;position: relative;z-index: 12;}
.rili .rilicon .rlcon .active .rlnum{color: #fff;}
.rili .rilicon .rlcon .graynone .rlnum{color: #ccc;}
.rili .rilicon .rlcon .graynone .jtxt{color: #fdbcaf;border-color: #fdbcaf;}
.rili .rilicon .rlcon .active .rlcontxt{color: #fff;}


.rili .rilidisplay{width: 48%;float: right;background: rgba(196, 164, 135, 0.1);padding-bottom: 52px;}
.rili .rilidisplay .nowday{color: #c83314;font-size: 40px;font-weight: 600;margin:50px auto 0;text-align: center;}
.rili .rilidisplay .nowdaytxt{width: 270px;margin: 36px auto 0;height: 44px;line-height: 44px;background: #c4a487;color: #ffffff;font-size: 20px;text-align: center;}
.rili .rilidisplay .nowdaytxt span{display: inline-block;padding: 0 4px;}
.rili .rilidisplay .nowyear{font-size: 20px;color: #c83314;margin:40px auto 0;text-align: center;}
.rili .rilidisplay .hdjrbox{display: flex;justify-content: center;margin-top: 60px;padding-bottom: 52px;}
.rili .rilidisplay .hdjrbox .hditem{display: flex;justify-content: center;flex-direction: column;padding-left: 20px;padding-right: 20px;align-items: center;}
.rili .rilidisplay .hdjrbox .hditem .hdtxt{width: 45px;height: 45px;line-height: 45px;text-align: center;font-size: 20px;border-radius: 64px;color: #fff;}
.rili .rilidisplay .hdjrbox .hditem .hdtit{margin-top: 15px;}
.rili .rilidisplay .hdjrbox .hditem .color1{background: #e6334b;}
.rili .rilidisplay .hdjrbox .hditem .color2{background: #f79c13;;}
.rili .rilidisplay .hdjrbox .hditem .color3{background: #6985b2;}
.rili .hdadvbox{display: flex;justify-content:center;align-items: center;flex-direction: column;}
.rili .hdadvbox .slogn{margin-top: 22px;color: #777;font-size: 19px;letter-spacing: 3px;position: relative;text-align: center;}
.rili .hdadvbox .slogn:before{position: absolute;top: -23px;left: -30px;content: "";width: 58px;height: 36px;background:url(../img/iconimgs.png) no-repeat 0 0;}
.rili .hdadvbox .registbtn{margin: 20px auto 0; width: 136px;height: 38px;background-color: #e6334b;text-align: center;letter-spacing: 2px;color: #fff;line-height: 38px;font-size: 16px;border-radius: 8px;display: block;}

.rili .recomtxtbox{overflow: hidden;margin-right: -2%;margin-top: 30px;}
.rili .recomtxtbox .rtbtit{font-size: 20px;display: flex;align-items: center;}
.rili .recomtxtbox .rtbtit span{line-height: 45px;height: 45px;display: inline-block;}
.rili .recomtxtbox .hdtiticon{width: 30px;height: 30px;display: inline-block;padding-right: 10px;}
.rili .recomtxtbox .rtbitem{width: 31.3%;float: left;margin-right: 2%;background-color: #fff;padding: 20px;box-sizing: border-box;}
.rili .recomtxtbox .rtblist .rtblistitem {box-sizing: border-box;border-bottom: 1px solid #eee;overflow: hidden;padding-bottom: 10px;padding-top: 10px;display: block;}
.rili .recomtxtbox .rtblist .rtblistitem .newsimgbox{width: 100px;float: left;}
.rili .recomtxtbox .rtblist .rtblistitem .newsimg{width: 100%;display: block;}
.rili .recomtxtbox .rtblist .rtblistitem .newscon{padding-left: 110px;}
.rili .recomtxtbox .rtblist .rtblistitem .newstitle{font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;padding-bottom: 5px;}
.rili .recomtxtbox .rtblist .rtblistitem .newsdetail{font-size: 14px;color: #777;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media only screen  and (max-width: 991px){
    .rili{padding: 0 10px;box-sizing: border-box;margin-top: 10px;}
    .rili .filterbox{padding-left: 10px;padding-right: 10px;}
    .rili .filterbox .filteritem{display: block;overflow-x: scroll;white-space: nowrap;}
    .rili .rilibox,.rili .rilidisplay{width: 100%;float: none;box-sizing: border-box;}
    .rili .rilidisplay{padding-bottom: 10px;}
    .rili .filterbox .filteritem .filtertit{display: inline-block;}
    .rili .filterbox .filteritem .filtercon{height: 28px;line-height: 28px;padding: 0 10px;margin: 0 4px;display: inline-block;}
    .rili .rilibox .rltitle .rltitem{height: 48px;line-height: 48px;font-size: 16px;}
    .rili .rilibox .rilitit{height: 66px;font-size: 22px;line-height: 66px;}
    .rili .rilicon .rlcon .rlicon .rlnum{font-size: 18px;}
    .rili .rilicon .rlcon .rlicon .rlcontxt{font-size: 12px;margin-top: 0;}
    .rili .rilicon .rlcon .active:before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
    .rili .rilidisplay .nowday{margin-top: 0;padding-top: 20px;font-size: 20px;margin-top: 10px;}
    .rili .rilidisplay .nowdaytxt{margin-top: 20px;font-size: 16px;height: 40px;line-height: 40px;}
    .rili .rilidisplay .nowyear{margin-top: 15px;}
    .rili .rilidisplay .hdjrbox{margin-top: 20px;padding-bottom: 20px;}
    .rili .recomtxtbox{margin-right:0;margin-top: 10px;padding-bottom: 20px;background-color: #fff;}
    .rili .rilicon .rlcon .rlicon .jtxt{font-size: 12px;width: 20px;height: 20px;top: -4px;right: -4px;line-height: 20px;}

    .rili .hdadvbox {display: none;}

    .rili .recomtxtbox .rtbitem{width: 100%;margin-right:0;float:none;padding:20px 10px 0;}

    .rili .recomtxtbox .rtblist .rtblistitem .newsimgbox{width: 100px;}
    .rili .recomtxtbox .rtblist .rtblistitem .newscon{padding-left: 110px;}
    .rili .recomtxtbox .rtblist .rtblistitem .newstitle{padding-top: 0;padding-bottom: 0;}
    .rili .recomtxtbox .rtblist .rtblistitem .newsdetail{-webkit-line-clamp: 2;}
    .newspage .newslist .newsitem .newstxtbox .bottombox .pubtime{margin-right: 15px;}
    .picmask{font-size: 15px;line-height: 20px;}
    .manlist .manitem .manmes .lablebox{white-space: nowrap;overflow: hidden;}
    .listpage .manitem .manmes .lablebox{white-space: pre-wrap;}
    .listpage .manitem .manmes .lablebox .moneylable{padding-right: 0;overflow: hidden;white-space: nowrap;}
    .listpage .manitem .manmes .addmes{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: auto;}
    .breadnav{padding-top: 10px;margin-bottom: 10px;}
    .manarealist{display: none;}
	.fourcon .fourconbox12{margin-top: 30px;}
	.fourcon .fourconbox12 .lovetalk1{padding: 0 10px 10px;margin-right: -2%;}
	.fourcon .fourconbox12 .ltitem{position: static;width: 48%;background: #fff;box-shadow: 2px 2px 4px #aaa;border-top-left-radius: 15px;border-bottom-right-radius: 15px;height: auto;margin-top: 10px;float: left;margin-right: 2%;}
	.fourcon .fourconbox12 .lt1img{width: 200px;margin-top: 30px;margin-bottom: 20px;display: block;}
	.fourcon .fourconbox12 .ltitem .lttxt{margin-left: 0;width: auto;padding-top: 10px;font-size: 16px;height: 115px;}
	.fourcon .fourconbox12 .ltitem .lttie{font-size: 18px;}

	.manlistmore{width: 240px;text-align: center;height: 40px;line-height: 40px;color: #e6334b;border: 1px solid #aaa;border-radius: 40px;display: block;margin: 30px auto 20px;position: relative;overflow: hidden;letter-spacing: 2px;}
	.whychoose{margin-top: 10px;background-color: transparent;padding:0 5px;box-sizing: border-box;border-radius: 0;}
	.whychoose .wcitems{padding-left: 0px;padding-right: 0px;width: 49%;margin-right: 1%;margin-top: 10px;}
	.whychoose .wcimgs{display:none;}
	.whychoose .wclist{padding-top: 10px;overflow: hidden;margin-right: -1%;}
	.whychoose .wcitems .wcitem{padding: 10px;background-color: #fff;height: 185px;border-radius: 15px;}
	.whychoose .wcitems .line{margin-bottom: 5px;border: none;}
	.whychoose .wcitems .wcitem .wcEng{font-size: 28px;}
	.whychoose .wcitems .wcitem .wctit{font-size: 18px;height: 55px;}
	.serverarea{display: none;}
	.whychoose .wcitems .wcimg{width: 70%;margin: 0 auto;display: block;}
	.whychoose .wcitems .wcitem .wctxt{line-height: 30px;}
	.serverarea {padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
	.fslist{padding-top: 20px;}
	.fslist .fsitem{width: 100%;float: none;margin-right: 0;overflow: hidden;}
	.fslist .fsitem .fstxt{padding-left: 10px;}
	.fslist .fsitem .fstxt .fstit{padding-top: 10px;font-size: 16px;padding-bottom: 5px;}
	.fslist .fsitem .fstxt .fsbtntxt{height: 30px;line-height: 30px;font-size: 12px;letter-spacing: 0;margin-top: 10px;padding-left: 10px;padding-right: 10px;}

	.telcode{display: inline-block;}
	.menu-handler,
	.menuBox {display: block;}

	.manclass .mclist{overflow: scroll;white-space: nowrap;margin-bottom: 10px;}
	.manclass .mclist::-webkit-scrollbar{display: none;}
	.manclass .mclist .mclistitem{font-size: 16px;height: 40px;line-height: 40px;margin-top: 10px;}
    ::-webkit-scrollbar{display: none;}
	.pcshow{display: none !important;; }
	.pchide{display: block !important;;}
	.container{width: 100%;}
	/*.bgimg1{display: none;}*/
	.tophead .bgimg1{opacity: 0.1;top: -76px;}
	/*.tophead .bgimg2{right: -14px;top: 28px;}*/
	.tophead .bgimg2{opacity: 0.2}
	.phonetabox{height: 60px;position: relative;z-index: 2000000;}
	.tophead{height: 66px;border-bottom: 1px solid #eee;overflow: hidden;position: relative;}
	.tophead .logoimg{width:150px;margin-left: 6px;top: -10px}
	.tophead .rightbox,.pageslide{display: none;}
	.phonetab,.pimgnav,.activtab{display: flex;}
	.nav{display: none;}
	.section{padding-top: 10px;padding-left: 5px;padding-right: 5px;box-sizing: border-box;}
	.imgitembox{overflow: hidden;margin-right: -2%;}
	/*.comtitle{height: 44px;left: -11px;}
	.comtitle .china{font-size: 18px;}
	.comtitle .eng{font-size: 13px;margin-top: 2px;}
	.comtitle .bigeng{font-size: 44px;line-height: 44px;}
	.comtitle .titlecon:before{width: 23px;height:34px;background-size: 251px 188px;background-position: 0 -19px;top: 8px;}*/
	.comtitle{height: 50px;left: -13px;}
	.comtitle .china{font-size: 22px;}
	.comtitle .eng{font-size: 14px;margin-top: 2px;}
	.comtitle .bigeng{font-size: 50px;line-height: 50px;}
	.comtitle .titlecon:before{width: 26px;height:39px;background-size: 286px 214px;background-position: 0 -22px;top: 10px;}

	.imgitembox .imgitem{width: 48%;margin-bottom: 10px;margin-right: 2%;}


	.titletiptxt{font-size: 14px;margin-top: 10px;letter-spacing: 1px;}
	.titletiptxt1{display: block;}




	.manlist{padding-top: 10px;margin-right: -2%;}
	.manlist .manitem{width: 31.3%;margin-top: 0px;margin-right: 2%;margin-bottom: 10px;}
	.manlist .manitem .manpicbox{height: 117px;}
	.btnnav:before{display: none;}
	.btnnav:after{display: none}

	.manlistpage{padding-top: 0;}
	.manlistpage .manlist{padding-top: 0;}
	.manlistpage .manlist .manitem{width: 48%;}


	.imgitembox .imgitem .imgtxt .imgtit{font-size: 19px;}
	.imgitembox .imgitem .imgtxt .imgdetail{font-size: 13px;}

	.btnnav .btnnavitem{padding:0 10px;margin-bottom: 10px;display: inline-block;}


	.bdlist{margin-top: 20px;margin-bottom: 0;margin-right: 0;padding:5px 10px 20px;background-color: #fff;}
	.bdlist .bditem{width: 100%;float: none;overflow: hidden;background-color: #fff;margin-right: 0;padding-top: 15px;}
	.bdlist .bditem .bdimg{width: 115px;float: left;border-radius: 8px;margin-right: 6px;}
	.bdlist .bditem .bdtxtbox{width: auto}
	.bdlist .bditem .bdtitle{padding-top: 8px;padding-bottom: 8px;font-size: 18px;}
	.bdlist .bditem .smallbot{padding-right: 10px;}
	.bdlist .bditem .smallbot .sbleft {font-size: 15px;line-height: 34px;}

	.bdlist .bditem .smallbot .smabtn{height: 34px;line-height: 34px;border-radius: 34px;font-size: 15px;width: 94px;}
	.serverlist .serveritem{margin-bottom: 10px;}
	.serverlist .serveritem .servertop{height: 130px;overflow: hidden;}
	.serverlist .serveritem .sername{top: 20%;}
	.serverlist .serveritem .sername .sertitle{font-size: 18px;}
	.serverlist .serveritem .sername .serdetail{font-size: 16px;}
	.serverlist .serveritem .sername .sertitle:before {height: 40px;}
	.serverlist .serveritem{width: 48%;}
	.serverlist .serveritem .sermes{padding:10px;}
	.serverlist .serveritem .sermes .sermestxt{height: 100px;font-size: 15px;}
	.serverlist .even .sermes{background-color: #fff;color: #333;}
	.serverlist .odd{margin-top: 0;}
	.btnnav{padding-top: 20px;white-space: nowrap;overflow: scroll;padding-left: 15px;}
	.comtitle{margin-top: 20px;}
	.newspart{padding-top: 5px;}
	.serverlist{padding-top: 30px;}
	.newspart .newstopic{display: none;}
	.newspart .newslist{width: auto;float: none;background-color: #fff;padding:5px 15px 15px;}
	.newspart .newslist .newsitem{margin-top: 0px;width: 100%;box-sizing:border-box;border-top: none;border-left: none;border-right: none;border-radius: 0;padding-top: 10px;padding-bottom: 10px;}

	.newspart .newslist .newsitem .newsimgbox{width: 100px;}
	.newspart .newslist .newsitem .newscon{padding-left: 110px;}

	.newspart .newslist .newsitem .newstitle{padding-top:0px;padding-bottom: 0px;}
	.newspart .newslist .newsitem .newsdetail{-webkit-line-clamp: 2;}
	.tabcon{height: auto;}
	.tabcon .tabitem .lefttxt{width: 100%;float: none;margin-right: 0;padding-left:20px;padding-right: 20px;box-sizing: border-box;}
	.tabcon .tabitem .lefttxt .conintrotit{padding-top: 0;font-size: 20px;font-weight: bold;padding-bottom: 10px;}
	.tabcon .tabitem .introimg{display: none;}


	/*.fcodebox{height: 285px;margin-top: 15px;}*/


	.fcodebox{height: 160px;margin-top: 10px;padding-top: 0px;}
    .fcodebox .container,footer .container{padding-left: 0;padding-right: 0;}
	.fcodebox .fcleft{display: none;}
	footer{padding-top: 10px;padding-bottom: 15px;}
	footer .friend{display: none;}
	footer .fmesbox .farealist{display: none;}
	footer .topnav{display: none;}
	footer .copyright{padding:20px 20px 0;font-size: 12px;}
	
	footer .copyright .copyitem{margin-left: 0;margin-top: 2px;}

	.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: 15px;}
	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;}


    .contact .mapimg{height: 200px;}


	.comsline{height: auto;border: none;margin-top: 10px;}
	.comsline .csltit{background-color: #f5f5f5;width: 100%;text-align: center;color: #333;float: none;}
	.comsline .csltit1{display: flex;}
	.comsline .csllist{width: 100%;float: none;overflow:hidden;height: auto;margin-bottom: 20px;margin-top: 10px;}
	.comsline .csllist .cslitem{width: 33%;float: left;padding: 35px 0 0;margin: 10px 0 0;line-height: 40px;}
	.comsline .csllist .cslitem:before{left: 50%;margin-left: -25px;top: 20px;}


	.activlist{margin-top:0px;box-sizing: border-box;padding:0 10px;}
	.activlist .activitem{margin-top: 10px;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: 20px;}
	.activlist .activitem .activtxt .smalltxt{display: none;}
	.activlist .activitem .smallbot{margin-top: 5px;overflow: hidden;}
	.activlist .activitem .smallbot .smabtn{font-size: 16px;line-height:30px;height: 30px;width: 80px;border-radius: 80px;margin-top: 0px;}
	.activlist .activitem .smallbot .sbleft{font-size: 16px;line-height: 26px;color: #666;float: none;padding-left: 0;}

	.activcon{margin-top: 10px;}
	.activcon .activname{font-size: 20px;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: 10px;margin-bottom: 0;}
	.newspage{margin-top: 0px;padding:0 ;}
	.newspage .newslist, .newspage .newscon, .register .registercon{width: 100%;float: none;border-right: none;padding-right: 0;box-sizing: border-box;}
	.newspage .newscon{padding: 0 10px;}
    .newspage .newscon img{max-width: 100%;}
	.newspage .newslist{padding: 0 8px ;}
	.newspage .newslist .newsitem .newsimg{width: 116px;}
	.newspage .newslist .newsitem .newstxtbox{padding-left:126px;}
	.newspage .newslist .newsitem .newstxtbox .newstit{font-size: 17px;padding-top: 0;line-height: 28px;}
	.newspage .newslist .newsitem .newstxtbox .bottombox{position: static;}

	.slide{float: none;width: 100%;background-color: #fff;padding-bottom: 1px;margin-bottom: 5px;padding-left: 10px;padding-right: 10px;display: none;}
	.slide .newsclass{display: none;}
	.slide .newsclass .nclist .ncitem{display: inline-block;float: none;}
	.slide .newsclass .nclist{white-space: nowrap;overflow-x: scroll;margin-bottom: 10px;}
	.slide .newsclass .nclist::-webkit-scrollbar{display: none;}

	.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;}

	.comslide{display: none;}
	.comcontent{width: 100%;float: 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;padding-bottom: 10px;}
	.fourcon .fourcontit{font-size: 22px;letter-spacing: 0;}
	.fourcon .fourconlist{padding-top: 15px;}
	.fourcon .fourconlist .fourconitem{width: 50%;}


	.fourconbox8{margin-top: 5px;border: none;padding-top: 10px;}
	.fourconbox8 .lovecon{margin-top: 15px;padding-left: 10px;padding-right: 10px;margin-bottom: 0;}
	.fourconbox8 .lovecon .loveitem{width: 48%;margin-top: 70px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;}
	.fourconbox8 .lovecon .loveitem .lovetxt{padding: 0;height: 104px;}


	.fourcon .talkimg{margin-top: 15px;}


	.fourcon .fourconbox3 .fourconlist .bgwhite, .fourcon .fourconbox4 .fourconlist .bgwhite{padding-top: 15px;padding-bottom: 15px;}
	.fourcon .fourconlist .iitit{font-size: 18px;margin-top: 10px;margin-bottom: 5px;}


	.fourconbox7{margin-top: 15px;}
	.fourconbox7 .alonelist{margin-top: 5px;}
	.fourconbox7 .alonelist .aloneitem{width: 100%;float: none;margin-top: 10px;background-color: #fff;padding-top: 10px;padding-bottom: 15px;}
	.fourconbox7 .alonelist .aloneitem .aloneimg{width: 100px;}
	.fourconbox7 .alonelist .aloneitem .alonetit{padding-top: 10px;}
	.fourconbox7 .alonelist .aloneitem .alonetit{padding-top: 10px;font-size: 20px;padding-bottom: 30px;}
	.fourconbox7 .alonelist .aloneitem .alonetit:before{bottom: 14px;}
	.fourconbox7 .alonelist .aloneitem .fivecon{margin-top: 10px;width: 320px;overflow: hidden;background-color: #e6334b;}
	.fourconbox7 .alonelist .aloneitem .fivecon .fiveitem{width:64px; color: #fff;}
	.fourconbox7 .alonelist .aloneitem .fivecon .fiveitem:before{border-color: #fff;}


	.fourconbox9{margin-top: 15px;padding-top: 20px;padding-bottom: 15px;}
	.fourconbox9 .otolist{margin-top: 15px;padding: 0;margin-right: -2%;}
	.fourconbox9 .otolist .otoitem{width: 31.33%;margin-right: 2%;padding-left: 10px;padding-right: 10px;margin-bottom: 10px;}
	.fourconbox9 .otolist .otoitem .ototit{font-size: 17px;margin-top: 10px;margin-bottom: 5px;}
	.fourconbox9 .otolist .otoitem .ototxt{font-size: 15px;line-height: 22px;}


	.fourcon .fourconbox1{padding-top: 15px;padding-bottom: 15px;margin-bottom: 15px;}
	.fourcon .fourcontxt{display: none;}
	.fourcon .fourconbox2{padding-top: 15px;padding-bottom: 15px;}
	/*.fourcon .fourconlist .iitit{font-size: 16px;}*/
	.fourcon .fourconlist .iitxt{font-size: 15px;line-height: 22px;height: 66px;color: #666;}
	.fourconbox21{margin-top: 15px;padding: 20px;}
	.imagebox{padding: 0;overflow: visible;}
	.imagebox .imageitem{width:100%;float: none;margin-left: 0;margin-right: 0;margin-top: 15px;}
	.fourcon .fourconlist .threeconitem{padding: 0 8px;}
	.fourcon .leftright{margin-top: 10px;}
	.fourcon .leftright .left{width: 100%;float: none;margin-right: 0;}
	.fourcon .leftright .left .lefttit{padding-left: 15px;font-size: 22px;padding-top: 0;padding-bottom: 15px;}
	.fourcon .leftright .left .lefttxt{font-size: 17px;line-height: 26px;padding-left: 15px;padding-right: 15px;padding-bottom: 10px;}
	.fourcon .leftright .right{width: 65%;float: none;display: block;margin: 0 auto;}


	.fourcon .fourconbox3, .fourcon .fourconbox5, .fourcon .fourconbox6{margin-top: 15px;}
	.problembox{margin-top: 15px;padding-bottom: 0;}
	.problembox .problem{width: 100%;padding: 0;box-sizing: border-box;}
	.problembox .proimg{position: static;width: 100%;display: block;margin-top: 20px;}

	.fourcon .fourconbox6 .leftright{padding-top: 15px;}

	.problembox .problemtit{font-size: 20px;margin-top: 10px;}
	.problembox .problem .procon p{font-size: 14px;padding-left: 23px;margin-right: 5px;}
	.problemtxt{padding: 0 15px;font-size: 17px;margin-top: 6px;line-height: 28px;}
	.shapebox{margin-top: 15px;padding-top: 15px;}
	.shapebox .shapeitem .shapeibox{width: 160px;height: 160px;border-radius: 50%;border: 4px solid #ffacb5;margin: 0 auto;padding:20px 15px;box-sizing: border-box;}
	.shapebox .shapeitem{padding-left: 0;float: left;width: 50%;height: auto;margin-bottom: 15px;}
	.shapebox .shapeitem .shapetit{font-size: 18px;width: auto;height: auto;border: none;text-align: center;background-color: transparent;font-weight: bold;}
	.shapebox .shapeitem .shapetxt{width:auto;font-size: 15px;height: auto;position: static;border: none;padding: 0;font-weight: normal;line-height: 22px;}
	.fourconbox6 .bgwhite{padding-bottom: 10px;}

	.fourcon .lovetalkbox1{background-color: #fffbf7;padding-top: 25px;padding-bottom: 20px;margin-bottom: 25px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem{background-color: #fffbf7;width: 33.3%;padding-left: 0;padding-right: 0;margin-bottom: 0px;padding-bottom: 0;}
	.fourcon .lovetalkbox1 .fourconlist .bgwhite{border-left: #fffbf7;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan{width: 60px;height: 60px;background-size: 527.5px 527.5px;}
	.fourcon .lovetalkbox1 .fourconlist .iitxt{display: none;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan31{background-position: 0 -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan32{background-position: -61px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan33{background-position: -122px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan34{background-position: -183px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan35{background-position: -244.5px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan36{background-position: -304.5px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan37{background-position: -366px -451.5px;}
	.fourcon .lovetalkbox1 .fourconlist .fourconitem .fourconspan38{background-position: -423.5px -451.5px;}


	.fourcon .blindbox1{background-color: #fff;padding-top: 30px;padding-bottom: 15px;margin-bottom: 30px;}
	.fourcon .blindbox1 .fourconlist .fourconitem{width: 100%;padding-left: 15px;padding-right: 15px;margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan{width: 54px;height: 46px;float: left;margin-right: 20px;margin-left: 15px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan21,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan11{background-position: 0 -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan22,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan12{background-position: -63px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan23,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan13{background-position: -125px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan24,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan14{background-position: -185px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan25,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan15{background-position: -246px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan26,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan16{background-position: -309px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan27,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan17{background-position: -370px -78px;}
	.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan28,.fourcon .blindbox1 .fourconlist .fourconitem .fourconspan18{background-position: -432px -78px;}
	.fourcon .blindbox1 .fourconlist .iitit{font-size: 20px;color: #e6334b;float: left;margin-right: 15px;border-right: 1px solid #eee;padding-right: 15px;margin-top: 0;margin-bottom: 0;line-height: 46px;}
	.fourcon .blindbox1 .fourconlist .iitxt{font-size: 16px;text-align: left;height: auto;}


	.fourcon .fourconbox5,.fourcon .fourconbox6{background-color: #fff;padding-top: 30px;}
	.problembox .problem .procon .ab6{opacity: 0.3;filter: opacity(100%);}

	.register{margin-top: 0px;}
	.register .registercon{padding-left: 10px;padding-right: 10px;}
	.register .registercon #address  select{width: 80px;padding-left: 5px;padding-right: 0px;font-size: 14px;}
	.register .registercon .regitem label{margin-right: 20px;}
	.register .registercon .regitem select[name="eduction"],.register .registercon .regitem select[name="salary"]{width: 240px}
	.register .registercon .inputBox{width: 150px;height: 150px;}
	.register .registercon .inputBox .yonghuPic{width: 150px;}
	.activcon .activtop .actopleft .smabtn{display: none;}
	.newspage .newslist .newsitem .newstxtbox .newsintro{display: none;}


	.imgitembox .imgitem .imgtxt .imgdetail{font-size: 14px;padding: 0;}

	.phonepiclist{margin-top: 10px;}

	.shadebox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0,0,0,0.5);z-index: 10000;}
	.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;}
	.member .memberTop .mtleft{float: none;width: 100%;display: flex;}
	.member .memberTop .mtleft .userimgbox{width: 90px;border-radius: 10px;height: 90px;}
    .member .memberTop .mtleft .userimgbox .memberimg{width: 90px;border-radius: 10px;height: 90px;}
	.member .memberTop .mtleft .membermes .membername{border-bottom: 0;margin-bottom: 0;}
	.member .memberTop .mtleft .membermes{width: 300px;}
	.member .memberTop .mtleft .membermes .memberphonemes{color: #777}
	.member{margin-top: 10px;}
	.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: 18px;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: 15px;}
	.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: 6px;}
	.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;}
}


@media (min-width: 992px) and (max-width: 1439px){
    .rili .filterbox .filteritem .filtercon{padding:0 17px;margin: 0;}
    .rili .recomtxtbox .rtblist .rtblistitem .newstitle{padding-top: 0;}
    .nav .navlist .navitem{margin-right: 20px;}
	.container{width: 870px;}
	.comtitle{height: 68px;left: -15px;}
	.comtitle .china{font-size: 32px;}
	.comtitle .eng{font-size: 18px;margin-top: 3px;}
	.comtitle .bigeng{font-size: 68px;line-height:68px;}
	.comtitle .titlecon:before{width: 30px;height:45px;background-size: 300px 225px;background-position: 0 -21px;top: 12px;}

	.whychoose .wcitems{padding-left: 20px;padding-right: 20px;}
	.whychoose .wcitems .wcimg{margin-top: 80px;}


    .comlists .activlists .activitem .activtxt{width: 150px;}


	.manlist .manitem{width: 19%}
	.manlist .manitem .manpicbox{height: 130px;}
	.btnnav:before{display: none}
	.btnnav:after{display: none}

	.btnnav .btnnavitem{padding: 0 20px;}

	.serverlist .serveritem .sermes{padding: 50px 20px;}

	.comsline .csltit{width: 120px;}
	.comsline .csllist{width: 740px;}
	.comsline .csllist .cslitem{padding-left: 32px;margin:0 0 0 5px;}
	.comsline .csllist .cslitem:before{width: 30px;height: 30px;margin-top: -15px;background-size: 30px 180px}
	.comsline .csllist .csl2:before{background-position:0 -30px}
	.comsline .csllist .csl3:before{background-position:0 -60px}
	.comsline .csllist .csl4:before{background-position:0 -90px}
	.comsline .csllist .csl5:before{background-position:0 -120px}
	.comsline .csllist .csl6:before{background-position:0 -150px}
	.activcon .activtop .actopleft{width:830px;padding-right: 0;}
	.activcon .activtop .actopright{display: none;}
	.activcon .activtop .actopleft .topimg{width: 360px;}
	.activcon .activtop .actopleft .acmes{width:430px;margin-left: 10px; }
	.activcon .activtop .actopleft .acmes .acmesitem{line-height: 18px;max-height: 36px;}
	.activcon .activbottom .acbotleft{width: 610px;}
	.member .memberBottom .mbleft{width: 620px;}
	.activcon .activbottom .acbotright,.member .memberBottom .mbright{width: 220px;}
	.member .memberBottom .mbleft .mblitem .mblleft{width: 110px;}
	.member .memberBottom .mbleft .mblitem .mblright{width: 500px;box-sizing: border-box;padding-right: 10px;}
	.activcon .activbottom .acbotright .activad{padding-left: 10px;padding-right: 10px;padding-top: 10px;}
	.member .memberBottom{margin-top: 10px;}
	.activcon .activbottom .acbotright .activad .actadtit{font-size: 16px;margin-top: 20px;}
	.serverline .serverlineitem .slileft{width: 140px;}
	.serverline .serverlineitem .sliright{width: 690px}
	.slide{width: 220px;}
	.slide .activad .actadtit{font-size: 16px;margin-top: 20px;}
	.newspage .newslist, .newspage .newscon, .register .registercon{width: 600px;box-sizing: border-box;padding-right: 10px;}
	.comslide{width: 200px;}
	.comcontent{width: 650px;}
	.imagebox{padding-left: 10px;padding-right: 10px;}
	.imagebox .imageitem{width: 46%;margin-left: 2%;margin-right: 2%;padding: 10px 20px;}
	.fourcon .fourconlist .iitit{font-size: 18px;}
	.fourcon .fourconlist .iitxt{height: 78px;}
	.fourconbox8 .lovecon .loveitem .lovetxt{padding: 0;font-size: 14px;}
	.fourconbox9 .otolist .otoitem{padding: 15px 10px;}
	.problembox .proimg{display: none;}
	.problembox .problem{width: 750px;}
	.problembox .problem .procon p{padding-right: 40px;padding-left: 40px}
	.problembox .problem .procon p:before{left: 16px;}
		.shapebox .shapeitem{padding-left: 10px;height: 220px;}
	.shapebox .shapeitem .shapetit{font-size: 15px;width: 130px;height: 130px;border-width: 5px;line-height: 26px;}
	.shapebox .shapeitem .shapetit span{height: 120px;width: 120px;padding-top: 15px;}
	.shapebox .shapeitem .shapetxt{font-size: 12px;font-weight: normal;width: 130px;height: 130px;top: 70px;left: 80px;padding: 15px;line-height: 22px;}
	.fourconbox6 .bgwhite .left .lefttit{padding-left: 20px;font-size: 24px;padding-top: 15px;padding-bottom: 15px;}
	.fourconbox6 .bgwhite .left .lefttxt{padding-left: 20px;font-size: 15px;line-height: 28px;}
	.fourcon .leftright .right{width: 32%;margin-right: 5%;}
	.member .memberTop .mtright{display: none;}

	.fcodebox .fcleft{margin-left: 10px;}
	.fcodebox .fcleft .codeimg{width: 140px;}
	.fcodebox .fcleft .fclefttxt{margin-left: 20px;}
	.fcodebox .fcleft .fclefttxt .fctit,.fcodebox .fcright .fctit{font-size: 24px;}
	.fcodebox .fcleft .fclefttxt .fctip{margin-top: 27px;}
	.fcodebox .fcright .fctxt{margin-top: 15px;}
	.fcodebox .fcright .fctxt>a{margin-top: 10px;}
	.member .memberBottom .mbright .vipitem .viptxt{width: 170px;}
	.activcon .activbottom .acbotright .activline{padding-left: 15px;padding-right: 10px;}
}
@media (min-width: 1440px){
	.container{width: 1280px;}
	.serverlist .serveritem .sermes{padding: 50px 20px;}
	.comtitle{height: 79px;left: -20px;}
	.comtitle .china{font-size: 36px;}
	.comtitle .eng{font-size: 20px;margin-top: 4px;}
	.comtitle .bigeng{font-size: 79px;line-height:79px;}
	.comtitle .titlecon:before{width: 40px;height:60px;background-size: 454px 340px;background-position: 0 -35px;top: 12px;}
	.manlist .manitem{width: 15.5%;}
	.btnnav:before{display: block;}
	.btnnav:after{display: block}
}