.hongniang{padding:0;top:0;background-color:#f0f0f0;}
.hnbnr{width:100%}
.hnbnr img{width:100%;display:block}
.hongniang .bn img{width:100%;display:block}
.hongniang .bnt img{width:70%;display:block;margin:20px}

.hnlist{width:95%;margin:0 auto 20px auto;clear:both;overflow:auto}
.hnlist .nodatatips{width:50%}
.hnlist li{float:left;width:45%;margin:0 3% 20px 2%;text-align:left;position:relative;background-color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,0.1);border-radius:6px}
.hnlist li:nth-child(2n){margin-right:2%}
.hnlist li img{width:100%;display:block;padding:1px;border-radius:6px 6px 0 0;box-sizing:border-box}
.hnlist li h2{font-weight:bold;margin:10px 10px 0;font-size:16px}
.hnlist li h3{text-align:center}
.hnlist li h3 span{color:#ff777b;font-size:14px;font-weight:normal;padding-top:2px}
.hnlist li h4{margin:2px 0 10px 10px;color:#999;font-size:12px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hnlist li:hover h2{color:#d8271c}
.hnlist li .add{text-align:center;width:80px;height:24px;line-height:24px;background-color:#D6201E;color:#fff;font-size:12px;border-radius:12px;display:block;margin:0 10px 12px 0;position:relative;float:right}
.hnlist li .add i.ico{display:inline-block;font-size:12px;margin-right:3px}
.hnlist li .add:hover{background-color:#FF777B}


/*dtl*/
.top_miniHN{background:#D8271C}
.hn{padding:0;background-color:#f0f0f0}
.hn .info{width:94%;background-color:#D8271C;padding:20px 3% 15px 3%}
.hn .info p{width:102px;height:102px;float:left;text-align:center;border-radius:50px}
.hn .info p a{cursor:zoom-in}
.hn .info p img{width:100px;height:100px;display:inline-block;margin-top:1px;border-radius:50px}
.hn .info em{width:-webkit-calc(100% - 112px);height:112px;float:right;text-align:left;position:relative}
.hn .info em h2{font-size:20px;color:#fff}
.hn .info .title{color:#fff;display:block;position:absolute;bottom:5px;right:0}
.hn .info .click{color:#fff;display:block;position:absolute;top:6px;;right:0}
.hn .info .pj{height:26px;margin-top:10px}
.hn .info .pj a{width:23%;display:block;float:left;line-height:26px;color:#fff;background-color:#FF777B;text-align:center;border-right:#D8271C 1px solid;font-size:12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hn .info .pj a:first-child{width:31%;background-color:#FF777B;color:#fff;border-radius:2px 0 0 2px}
.hn .info .pj a:last-child{border:0;border-radius:0 2px 2px 0}
.hnline,.hnline img{width:100%;display:block;background-color:#fff}

.hn .aboutus{width:90%;position:relative;background-color:#fff;padding:10px 5% 20px 5%}
.hn .aboutus h4{color:#666;line-height:200%;margin-top:10px;text-align:left;font-size:14px}
.hn .aboutus #joinhn{background-color:#FF777B;width:50%;display:block;line-height:36px;color:#fff;border-radius:18px;font-size:18px;margin:20px auto;text-align:center}
.hn .aboutus #joinhn:hover{background-color:#f25d64;color:#fff}
.hn .aboutus #joinhn.addmeed{background-color:#bbb}


.hn .sorry50{width:50px;height:50px;margin:5px 10px;display:inline-block;background:url("")-150px -230px no-repeat;background-size:360px 360px;vertical-align:middle}
.hn .nodatatips{width:40%;line-height:150%;margin:30px auto 30px auto;text-align:center;background:#f9f9f9;border:#f0f0f0 1px solid;padding:20px;color:#999}
.hn .btn2FEN{border-radius:1px;height:36px;line-height:36px;color:#fff;padding:0 50px;font-size:16px;cursor:pointer;border:0;-webkit-appearance:none}
.hn .btn2FEN{background:#FE757B;color:#fff;border-radius:30px}.btn2FEN:hover{background:#f25d64}



.mainn {background-color:#fff;margin:0 auto;clear:both;overflow:auto;margin-top:12px;text-align:left;padding:20px 0;}
.mainn  h3{height:22px;line-height:22px;text-align:left;margin-bottom:20px;font-size:20px;padding-left:15px;position:relative;font-weight:normal}/**/
.mainn  h3:after{content:'';width:5px;height:22px;background-color:#D8271C;position:absolute;left:0;top:0}

.detaicotact h3{margin-bottom:10px}
.detaicotact li{width:90%;line-height:30px;text-align:left;line-height:30px;margin:20px auto;color:#999}
.detaicotact li span{margin-left:5px;font-size:16px;color:#666}
.detaicotact li a{display:inline-block;background-color:#ff9600;color:#fff;line-height:24px;padding:0 5px;margin-left:15px;border-radius:2px}
.detaicotact i.ico{display:inline-block}
.detaicotact .hnewm{text-align:center;margin:20px auto}
.detaicotact .hnewm img{width:40%;margin:10px auto;display:block;border:#ddd 1px solid;padding:10px;background-color:#fff;border-radius:3px}
.detaicotact .hnewm h6{font-size:12px;color:#999;}
.detaicotact li p{width:40px;height:40px;line-height:40px;border-radius:30px;font-size:22px;color:#fff;text-align:center;margin:0 10px 0 10px}
.detaicotact li .telico{background-color:#FF9600}
.detaicotact li .wxico{background-color:#31C93C}
.detaicotact li .qqico{background-color:#51B7EC}


.detaibbs table{border-collapse:collapse;margin:0 auto;text-align:left;}
.detaibbs table td{padding:0}
.detaibbs table .liL{width:78px;position:relative;padding-left:10px}
.detaibbs table .liL img{width:60px;height:60px;border-radius:50%;border:#eee 1px solid}
.detaibbs table.li{width:100%;margin-bottom:20px;border-bottom:#eee 1px solid;margin-top:20px}
.detaibbs .liR{}
.detaibbs .liR .nickname{width:100%}
.detaibbs .liR .nickname td{color:#999}
.detaibbs .liR .nickname span{max-width:7px;text-align:center;line-height:15px;padding:0 4px;font-weight:normal;display:inline-block;border:#dfdfdf 1px solid;background-color:#fff;border-radius:9px;margin:0 5px 0 15px}
.detaibbs .lou{width:60px;text-align:right;font-size:12px;padding-right:10px}
.detaibbs .liR .C{font-size:14px;line-height:150%;color:#000;table-layout:fixed;word-break:break-all;padding:5px 10px 15px 0}
.detaibbs .liR .C font{color:#aaa}
.hnhf{color:#D8271C;font-size:12px}
.detaibbs .bmform{text-align:center}
.detaibbs .bmform textarea{width:90%;font-size:14px;border:#eee 1px solid;background-color:#f9f9f9;height:80px;padding:5px;margin:0 auto;line-height:200%;-webkit-appearance:none;border-radius:0}
.detaibbs .bmform .btn2FEN{margin:20px auto;display:block}
.detaibbs .pjform{padding-top:20px}
.detaibbs .pjform label{margin-right:20px}
.pjkind{display:inline-block;color:#fff;padding:0 5px;line-height:20px;margin-right:15px;position:relative}
.pjkind:after{display:block;content:'';width:0;height:0;position:absolute;top:0;right:-5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:5px 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}

.detaiuser{width:100%;margin:0 auto;margin:12px 0 50px 0;background:#fff;min-height:200px;clear:both;overflow:auto;padding:20px 0}
.detaiuser b{margin-left:-2%}
.detaiuser ul li{float:left;width:25%;padding:30px 0 0}
.detaiuser ul li a{width:70px;display:block;margin:0 auto}
.detaiuser ul li a img{width:60px;height:60px;border-radius:50%;margin:0 auto}
.detaiuser ul li a h5{line-height:30px;color:#8d8d8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;font-weight:normal;font-size:12px}
.detaiuser ul li a:hover h5{color:#E75385}
.detaiuser ul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}

.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:#FF777B;/*chrome*/}
.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}