.navbox2{width:100%;line-height:100px;height:100px;background-color:#F3F3F3}
.nav2{width:1200px;margin:0 auto;position:relative}
.nav2 a.logo{height:50px;display:block;float:left;margin-top:25px;background-color:#F7564D;border-radius:5px;padding:0 5px}
.nav2 a.logo img{height:44px;display:block;margin:3px 0 0 3px}
.nav2 h1{line-height:50px;margin:25px 0 0 15px;color:#F7564D;float:left;font-weight:bold}
.nav2 h1:after{content:'';height:22px;width:1px;background-color:#ccc;margin:16px 20px 0 20px;display:block;float:right}
.nav2 ul a{display:block;color:#333;padding:0 20px;float:left;font-size:16px;line-height:24px;position:relative;padding-top:38px}
.nav2 ul a:after{content:'';display:block;width:80%;margin:0 auto;height:4px;background-color:#F7564D;display:none;border-radius:2px;margin-top:2px}
.nav2 ul a.ed:after{display:block}
.nav2 ul a.ed,.nav2 ul a:hover{color:#F7564D}

.nav2 .logined {width:170px;line-height:66px;height:66px;position:absolute;text-align:center;right:100px;top:15px}
.nav2 .logined img.m{width:34px;height:34px;border-radius:20px;border:#fff 2px solid;vertical-align:middle}
.nav2 .logined span{max-width:100px;padding:0 0 0 8px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;display:inline-block;vertical-align:middle}
.nav2 .logined i.xj{color:#fff;color:#999;margin-left:10px;display:inline-block;font-size:12px;width:12px;transition:transform .5s;-webkit-transition:-webkit-transform .5s;vertical-align:middle}
.nav2 .logined .embox{width:390px;position:absolute;height:0;overflow:hidden;top:66px;left:-100px}
.nav2 .logined .embox dl{width:380px;height:240px;background-color:#fff;position:absolute;top:0;border:#ccc 1px solid;left:0;box-shadow:0 0 15px rgba(0,0,0,0.3);line-height:normal;z-index:2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nav2 .logined .embox dl{padding:20px 0 0 10px}
.nav2 .logined .embox dl a{border-radius:3px}
.nav2 .logined .embox dl i{width:16px;text-align:left;margin-right:4px;color:#999}
.nav2 .logined .embox dl dt{width:145px;float:left}
.nav2 .logined .embox dl dt .vip{color:#fff;background-color:#A18264;border-color:#A18264}
.nav2 .logined .embox dl dt .vip i{color:#fff}
.nav2 .logined .embox dl dt a{line-height:32px;display:inline-block;font-size:14px;color:#666;border:#ddd 1px solid;width:90px;margin:10px 0}
.nav2 .logined .embox dl dt a:last-child{margin-top:45px;background-color:#f9f9f9}
.nav2 .logined .embox dl dt a:nth-child(2){color:#fff;background-color:#FD66B5;border-color:#FD66B5}
.nav2 .logined .embox dl dt a:nth-child(2) i{color:#fff}
.nav2 .logined .embox dl dt a:hover{background-color:#F7564D;border-color:#F7564D;color:#fff}
.nav2 .logined .embox dl dd{width:200px;float:left}
.nav2 .logined .embox dl dd a{line-height:34px;display:inline-block;font-size:14px;color:#666;width:100px;float:left;margin:7px 0}
.nav2 .logined .embox dl dd i.rectico{width:14px;font-size:16px;padding-right:3px;margin-left:-2px}
.nav2 .logined .embox dl dd i.passico{width:14px;font-size:17px;padding-right:3px;margin-left:-2px}
.nav2 .logined .embox dl dd a:hover,.nav2 .logined .embox dl dd a:hover i{background-color:#F7564D;color:#fff}
.nav2 .logined .j{position:absolute;left:80px;top:69px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;z-index:3;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
.nav2 .logined:hover{background-color:#F7564D;cursor:pointer}
.nav2 .logined:hover i.xj{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff}
.nav2 .logined:hover span{color:#fff}
.nav2 .logined:hover .embox{height:250px}
.nav2 .logined:hover .j{display:block;top:59px;filter:alpha(opacity=1);-moz-opacity:1;opacity:1}
.nav2 .msgvip{width:100px;height:66px;position:absolute;right:0;text-align:right}
.nav2 .msgvip a{width:40px;height:66px;float:left;display:block;position:relative}
.nav2 .msgvip a i{width:40px;height:18px;line-height:18px;;margin-top:24px;font-size:20px;color:#999}
.nav2 .msgvip a:hover i{color:#F7564D;}
.nav2 .msgvip a b{position:absolute;text-align:center;left:27px;top:26px;font-size:12px;padding:0 5px;min-width:10px;height:20px;line-height:20px;border-radius:10px;background-color:#F7564D;color:#fff;font-weight:normal}
.nav2 .loginreg{width:140px;line-height:36px;height:36px;border-radius:18px;background-color:#F7564D;color:#fff;margin-top:32px;color:#fff;position:absolute;right:0}
.nav2 .loginreg a{color:#fff;font-size:14px;display:inline-block;margin:0 10px}
.nav2 .loginreg a:hover{color:#FFF6F6}

body{background-color:#fff}
.bottom{margin-top:0;border-top:0}
.bottom ul li:nth-child(6) a{background-color:#F7564D}
.bottom ul li:nth-child(6) h1{color:#F7564D;}
.bottom ul li:nth-child(6) a:hover{background-color:#FF5F6F}

/*Zeai_sidebar*/
.Zeai_sidebar li:last-child{background-color:#F7564D}
.Zeai_sidebar li:last-child span.top{background-color:#F7564D}
.Zeai_sidebar li:hover,.Zeai_sidebar li.ed{background-color:#F7564D}
.Zeai_sidebar li em{border:#F7564D 1px solid}
/*****radio skin checkskin*****/
.radioskin:checked + label.radioskin-label i{border-color:#F7564D}
.radioskin:checked + label.radioskin-label i:before{background-color:#F7564D}
.radioskin-label:hover i{border-color:#F7564D}
.checkskin-label:hover i{border-color:#F7564D}
.checkskin:checked + label.checkskin-label i {background-color:#F7564D;border-color:#F7564D}
.switch:checked + label.switch-label{background-color:#F7564D;border-color:#F7564D}
.hnbanner{width:100%;height:510px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.hnlistbox,.promisebox,dtl_contactbox{width:100%;clear:both;overflow:auto}
.hnlist,.promise{width:1200px;margin:0 auto}
.promisebox{background-color:#fff}

.promise{width:1200px;margin:10px auto;padding-top:40px}
.promise li{width:19%;margin:0 3%;float:left;display:block}
.promise li i{width:100px;height:100px;line-height:100px;border-radius:60px;border:#F7564D 1px solid;font-size:60px;color:#F7564D}
.promise li span{font-size:20px;display:block;line-height:70px;font-weight:bold;color:#333}
.promise li font{font-size:16px;color:#666;display:block;height:80px}

.hnlistbox{background-color:#f3f3f3;}
.hnlist{padding-top:40px}
.hnlist h1{line-height:30px;font-size:30px;color:#F7564D;font-weight:bold}
.hnlist h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#F7564D;border-radius:2px;margin-top:12px}
.hnlist h6{margin-top:20px;color:#666;font-size:14px}
.hnlist ul{margin-top:40px;margin-bottom:20px}
.hnlist ul li{width:270px;height:400px;margin:0 40px 30px 0;/*border:#EAEAEA 1px solid;*/box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;float:left;border-radius:8px;box-shadow: 0 0 0 #fff;transition: all 0.3s ease;overflow: hidden;background-color:#fff;box-shadow: 0 0 1rem rgb(0 0 0 / 3%)}
.hnlist ul li:nth-child(4n){margin-right:0}
.hnlist ul li:hover{-webkit-box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}
.hnlist ul li .bfb{width:50px;height:58px;position:absolute;top:0;left:20px;color:#fff;font-size:14px;padding-top:8px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hnlist ul li .bfb font{display:block;margin-top:1px}
.hnlist ul li a.m{width:140px;height:140px;display:block;border-radius:70px;margin:30px auto 20px auto;background-size:cover;background-position:center center;background-repeat:no-repeat}
.hnlist ul li h2{font-size:18px;}
.hnlist ul li .title{width:90%;margin-top:0px;line-height:50px;height:50px;color:#666;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hnlist ul li .num{color:#999;display:block;line-height:60px}
.hnlist ul li .num font{color:#F7564D;margin:0 5px}
.hnlist ul li a:last-child{color:#666;font-size:16px;display:inline-block;width:150px;line-height:40px;border-radius:22px;border:#e0e0e0 1px solid;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.hnlist ul li a:last-child:hover,.hnlist ul li a.ed{background-color:#F7564D;border-color:#F7564D;color:#fff}
.hnlist ul li:hover a:last-child{box-shadow: 0 4px 15px rgba(248,114,106,0.5);background-color:#F7564D;border-color:#F7564D;color:#fff}
.hnlist ul li:hover h2{font-weight:bold}

.fwlcbox{width:100%;height:410px;background-color:#77C4BF}
.fwlc{width:1200px;margin:0 auto;}
.fwlc h1{line-height:30px;font-size:30px;color:#fff;font-weight:bold;padding-top:50px}
.fwlc h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#fff;border-radius:2px;margin-top:12px}
.fwlc h6{line-height:14px;font-size:14px;color:#fff;padding-top:20px}
.fwlc img{display:block;margin:45px auto 0 auto}

.utbox{width:100%;background-position:top center;background-repeat:no-repeat;min-height:300px;padding-bottom:30px}
.utbox h1{line-height:30px;font-size:30px;color:#fff;font-weight:bold;padding-top:50px}
.utbox h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#fff;border-radius:2px;margin-top:12px}
.utbox .kind{width:98%;margin:20px auto}
.utbox .kind a{font-size:16px;background-color:#f8f8f8;line-height:40px;display:inline-block;margin:10px 15px;color:#666;border-radius:30px;padding:0 25px;border:#fff 1px solid;box-sizing:border-box}
.utbox .kind a.ed{background-color:#EF5459;color:#fff;border:#EF5459 1px solid}
.list{width:1158px;margin:0 auto;padding:20px 20px 0 20px;clear:both;overflow:auto;min-height:360px}
.list li{width:200px;height:320px;margin:0 15px 30px 16px;float:left;overflow:hidden;position:relative;background-color:#fff;border-radius:8px}
.list li:nth-child(5n+1){margin-right:0}
.list li a.mbox{width:200px;height:240px;overflow:hidden;position:relative;display:block;border-radius:8px 8px 0 0}
.list li a.mbox p.m{width:200px;height:240px;display:block;border-radius:3px;background-size:cover;background-position:center center;background-repeat:no-repeat;border:#fff 2px solid;border-radius:8px 8px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.list li a.mbox em{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;display:none;cursor:pointer;color:#fff;text-align:center}
.list li a.mbox em span{display:block;margin:20px auto;font-size:14px}
.list li a.mbox b{position:absolute;color:#fff;bottom:-36px;left:42px;width:120px;line-height:36px;text-align:center;background-color:#FF5F6F;font-weight:normal;border-radius:30px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.list li:hover h4,.list li:hover h5{color:#F7564D}
.list li a.mbox:hover em{background-color:rgba(0,0,0,0.5);display:block}
.list li a.mbox:hover p.m{filter:blur(8px);-webkit-transform:scale(1.1);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.list li a.mbox:hover b{bottom:25px}
.list li h4{color:#666;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list li h5{color:#999;margin-top:8px}
.list li .payrz{width:15px;line-height:14px;position:absolute;top:2px;right:13px}
.list li .payrz i{display:block;border-radius:10px;margin:6px 0;width:15px;font-size:13px;height:15px;padding:3px}

.contactbox{width:100%;height:210px;line-height:210px;background-color:#f3f3f3}
.contactbox .contact{width:1200px;margin:0 auto;color:#F7564D}
.contactbox i{font-size:50px;margin-right:20px;vertical-align:middle}
.contactbox span{display:inline-block;vertical-align:middle;font-size:36px;font-weight:bold}

/*detail*/
.dtlbannerbox{width:100%;height:530px;position:relative;overflow:hidden;background-color:#f0f0f0}
.dtlbanner{width:100%;height:530px;background-color:#F7564D;position:absolute;left:0;top:0;background-position:top center}
.hninfo{width:1200px;height:420px;margin:0 auto;background-color:#fff;top:55px;border-radius:18px;position:absolute;left:-webkit-calc(50% - 600px)}
.hninfo:hover{box-shadow: 0 4px 15px rgba(0,0,0,0.1)}
.hninfo p{position:absolute;top:30px;left:30px;width:260px;height:260px;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:6px;}
.hninfo em{position:absolute;top:20px;left:350px;width:800px;height:150px;text-align:left}
.hninfo em .title{height:200px}
.hninfo em .title h2{margin-top:20px;color:#333;font-size:30px;font-weight:bold}
.hninfo em .title h2 span{font-size:18px;color:#999;font-weight:normal}
.hninfo em .title h2 span i{margin-left:20px;color:#F7564D}
.hninfo em .title h2 span font{vertical-align:middle;margin-left:3px}
.hninfo em .title .pj{margin-top:30px;clear:both;overflow:auto}
.hninfo em .title .pj a{width:90px;display:block;float:left;line-height:36px;height:36px;margin-right:30px;border-radius:4px;color:#fff;background-color:#FF777B;text-align:center;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hninfo em .title .pj a font{margin:0 4px}
.hninfo em .title .titlestr {font-size:24px;;margin:25px 0 0 0}
.hninfo em .title .aboutus{margin:20px auto 0 auto;line-height:200%;height:70px;font-size:16px;text-align:left;color:#666;clear:both;overflow:auto}
.hninfo #hn_join_btn{background-color:#F75361;width:200px;display:block;line-height:50px;color:#fff;border-radius:28px;font-size:18px;margin:330px auto 0 auto;text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer}
.hninfo #hn_join_btn:hover{background-color:#FF777B;color:#fff}
.hninfo #hn_join_btn.addmeed{background-color:#bbb}

.dtl_contactbox{background-color:#fff;padding:40px 0 0;height:380px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.dtl_contactbox h1{line-height:30px;font-size:30px;color:#F7564D;font-weight:bold}
.dtl_contactbox h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#F7564D;border-radius:2px;margin-top:12px}
.dtl_contact{width:1200px;margin:30px auto;position:relative}
.dtl_contact li{width:19%;margin:0 3%;float:left;display:block}
.dtl_contact li i{width:100px;height:100px;line-height:100px;border-radius:60px;font-size:55px;color:#fff}
.dtl_contact li span{font-size:20px;display:block;line-height:70px;font-weight:bold;color:#666}
.dtl_contact li font{font-size:16px;color:#888;display:block;height:80px}
.dtl_contact li .telico{background-color:#FF9600}
.dtl_contact li .wxico{background-color:#31C93C}
.dtl_contact li .qqico{background-color:#51B7EC}
.dtl_contact .hnewm{width:180px;height:180px;position:absolute;right:30px;top:-20px;border-radius:8px;border:#ddd 1px solid}
.dtl_contact .hnewm img,.dtl_contact .hnewm p{width:180px;height:180px;line-height:180px;border-radius:8px;display:block;color:#aaa;font-size:16px}
.dtl_contact .hnewm img{padding:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.dtl_contact .hnewm h6{font-size:16px;color:#888;margin-top:10px}

.dtl_ubox{width:100%;background-position:top center;padding-bottom:30px}
.dtl_ubox h1{line-height:30px;font-size:30px;color:#fff;font-weight:bold;padding-top:50px;margin-bottom:10px}
.dtl_ubox h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#fff;border-radius:2px;margin-top:12px}

.dtl_bbs{width:100%;background-color:#FFF6F6;padding:40px 0;clear:both;overflow:auto}
.dtl_bbs h1{line-height:30px;font-size:30px;color:#F7564D;font-weight:bold}
.dtl_bbs h1:after{content:'';display:block;width:40px;margin:0 auto;height:4px;background-color:#F7564D;border-radius:2px;margin-top:12px}
.dtl_bbs .dtl_bbs_li{width:1108px;margin:0 auto}
.dtl_bbs table{border-collapse:collapse;margin:0 auto;text-align:left;}
.dtl_bbs table td{padding:0}
.dtl_bbs table .liL{width:130px;position:relative;padding-bottom:20px}
.dtl_bbs table .liL img{width:100px;height:100px;border-radius:50%;object-fit:cover;-webkit-object-fit:cover}
.dtl_bbs table.li{width:100%;margin-bottom:20px;border-bottom:#fce4e4 1px solid;margin-top:20px}
.dtl_bbs table.li:last-child{border:0}
.dtl_bbs .liR .nickname{width:100%}
.dtl_bbs .liR .nickname td{color:#999}
.dtl_bbs .liR .nickname span{width:24px;text-align:center;line-height:25px;font-weight:normal;display:inline-block;/*border:#FDE1E1 1px solid;*/background-color:#F7564D;border-radius:19px;margin:0 5px 0 15px;color:#fff}
.dtl_bbs .lou{width:60px;text-align:right;font-size:14px;padding-right:10px;padding-top:10px}
.dtl_bbs .liR .C{font-size:16px;line-height:150%;color:#000;table-layout:fixed;word-break:break-all;padding:10px 10px 15px 0px}
.dtl_bbs .liR .C font{color:#aaa}
.hnhf{color:#F7564D;font-size:14px;margin-top:10px}
.dtl_bbs .bmform{text-align:center}
.dtl_bbs .bmform textarea{width:100%;font-size:16px;border:#FDE1E1 1px solid;background-color:#fff;height:100px;padding:15px;margin:0 auto;line-height:200%;-webkit-appearance:none;border-radius:6px}
.dtl_bbs .bmform textarea:hover{border-color:#FFA6A6}
.dtl_bbs .bmform .size4{width:200px;margin:30px auto;display:block;border-radius:30px}
.dtl_bbs .pjform{padding-top:20px;font-size:16px;color:#666}
.dtl_bbs .pjform span{vertical-align:middle;margin-right:10px}
.dtl_bbs .pjform label{margin-right:20px}
.pjkind{display:inline-block;color:#fff;padding:0 8px;line-height:30px;margin-right:25px;position:relative;font-size:16px}
.pjkind:after{display:block;content:'';width:0;height:0;position:absolute;top:0;right:-8px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:8px solid #ff9600}
.k1{background-color:#95C057}.k1:after{border-left-color:#95C057}
.k2{background-color:#e3b26b}.k2:after{border-left-color:#e3b26b}
.k3{background-color:#999}.k3:after{border-left-color:#999}
.nodatatips{background-color:#fff;border-color:#fde1e1;border-radius:6px;color:#999}
.nodatatips i.ico{color:#FFA6A6}
::-webkit-input-placeholder {color:#999;font-size:16px}

.hn_join{background-color:#fff}
.hn_join{padding:20px 30px}
.hn_join dl{width:100%;margin:10px auto;clear:both;overflow:auto;text-align:left}
.hn_join dl dt{width:70px;float:left;line-height:40px;font-size:15px}
.hn_join dl dd{width:-webkit-calc(100% - 80px);float:left}
.hn_join dl dd input{padding-left:5px}
.hn_join dl dd em{margin-top:9px}
.hn_join .ptitle{margin-top:9px;font-size:18px;text-align:center}
.hn_join button{width:150px;border-radius:30px;margin:20px auto;display:block;background:#F7564D;}
.hn_join_pay{background-color:#fff;padding:20px 30px;text-align:center}
.hn_join_pay i.ico{font-size:60px;color:#5FB878;display:block;margin:0 auto}