#pub #main{ padding: 5px 0; }
#pub { padding-bottom: 50px; }
#pub .rule { position: fixed; top:0px;width:100%;height:100%;z-index:9999;display:none}
#pub .rule .mask { display: block; }
#pub .rule .d {border-radius:5px; height:90%; width: 90%; background: #fff; font-size:14px;line-height:1.6em;padding:10px;box-sizing:border-box;position:absolute;top:20px;z-index:9999;left:5%;color:#666;text-indent:2em;overflow:auto }
#pub .rule a { display: block; height: 50px; line-height: 50px; text-align:center;text-indent:0;margin-top:10px;position:absolute;bottom:0px;left:0px;width:100%;z-index:9999}
#pub .rule a i { font-size: 30px; color: #fff; }
#pub li .sw { float: left; padding:2px 0 0 5px;  }

#pub li .cus_checkbox_1.small + label {margin-right:5px }
#pub  li em { font-size: 12px; }
#pub #formls li.b-row { padding: 15px 8px; }

#footer { display: none; }

#pub{background:#fff;padding:10px;border-right:0px;border-left:0px}
#pub #formls li{clear:both;margin-bottom:10px;padding-left:60px;box-sizing:border-box}
#pub .inp{background:#f2f2f2;border:0px solid #ddd;width:100%;padding:9px 8px;font-size:14px;box-sizing:border-box}
.btn { background: #e33737; }
#pub select { padding: 3px; border:1px solid #ddd;}
#pub .label {text-align: center;position: absolute; left: 8px; /* top: 0px; */color:#999;height:100%;/* border-right:1px solid #F0F0F0; */width:53px;height:30px;line-height:30px;margin:5px 0 }
#pub #cp_rblSupplyAndDemand label{float:left;margin-bottom:10px;margin-right:10px;}
#pub #formls li .con { height: auto; overflow: hidden; }


#index { background: #f5f5f5;padding-bottom:0px }

#index .nav { padding: 5px 0px; box-sizing: border-box; height:auto;overflow:hidden;background:#fff}
#index .nav a { width: 23%; margin: 0 1%; display:inline-block;color:#fff;border-radius:3px;background:#ff9173;text-align:center;font-size:14px;height:30px;line-height:30px;float:left}
#index .nav a i { margin-right: 3px; }

#index .focus img { width: 100%; }
#index .auths {height:auto;overflow:hidden;box-sizing:border-box;margin:5px 5px 0 5px}
#index .auths ul { width: 2000px; position:relative}
#index .auths li { width: 100px;float:left;text-align:center;background:#fff;padding:10px 0;position:relative;overflow:hidden;margin:0px 5px;height:108px}
#index .auths li:after{content:"认证车主";font-size:12px;background:rgba(227,55,55,0.8);color:#fff;padding:1px;position:absolute;width:80px;text-align:center;-webkit-transform:rotateZ(-45deg);left:-20px;top:13px;display:inline-block;height:16px;line-height:16px}
#index .auths img { width: 88px;height:88px; border-radius:10px;}
#index .auths .h3 {border:0px; font-size: 12px; color: #333; height:26px;line-height:24px}
#index .auths em { font-size: 12px; border-radius: 7px; color: #fff; padding: 0px 3px;height:18px;line-height:18px;margin:0 3px;background:#8dd87b;display:inline-block; }
#index .auths .more { }
#index .auths p { position: absolute; right: 0px; bottom:33px;text-align:center;width:100% }
#index .auths .more:after { display: none; }
#index .auths .more a { display: block;color:#fff;background:#ff9b9b;height:30px;line-height:30px;border-radius:15px;text-align:center;margin:10px 10px;font-size:12px }
#index .auths .more div { height: 90px; position: absolute; width: 100%; top: 50%; margin-top: -45px; }


#index .list { padding:0px 5px 5px 5px;font-size:14px;color:#666 }
#index .list .a.istop:after{content:"置顶";font-size:12px;background:#e33737;color:#fff;padding:1px;position:absolute;width:60px;text-align:center;-webkit-transform:rotateZ(-45deg);left:-19px;top:3px;display:inline-block;height:16px;line-height:16px}
#index .list .a { background: #fff; border-radius: 2px; display:block;padding:8px;position:relative;margin-bottom:5px;position:relative;overflow:hidden}
#index .list .t {border-bottom:1px solid #f7f7f7;height:auto;line-height:24px;font-size:14px;color:#333 ;margin-bottom:2px;overflow:hidden;padding:5px 0}
#index .list .face { height: 28px; width: 28px; border-radius: 50%; position: absolute; top: 11px; right: 5px;  }
#index .list .y { position: relative; padding-left:15px;height:24px;line-height:24px;font-size:12px}
#index .list .y:before {content:"●";font-size:12px;color:#5084ff;position:absolute;left:0px;top:-1px}
#index .list .y:nth-child(2n):before { color: #5ad107; }
#index .list .tel { position: absolute; right: 8px; top: 55px; background: #e72b2a;  color: #fff; width:64px;height:30px;line-height:30px;text-align:center; border-radius: 5px;font-size:14px }
#index .list .tel i {font-size: 20px;vertical-align:middle }
#index .list .time em { color: red; }
#index .list .time .em2 { color: #75d9ff; }
#index .list .over { width: 70px; height: 50px; position: absolute; bottom: 30px; right: 80px; background: url(/m_images/over.png) no-repeat; background-size: 100% auto;opacity:0.8; -moz-opacity:0.6 }
#index .type { color: #fff; font-size: 12px; background: #fe696b; border-radius: 2px; height:16px;line-height:16px;padding:3px 5px;float:left}
#index .type2 { background: #75d9ff; }
#index .list .re { position: relative; }
#index .list .re em { position: absolute; right: 0px; color: #e33737; text-align:center;display:inline-block;width:40px}
#index .from {float:left;padding-left:8px ;line-height: 20px;}
#index .from em { color: #666; }
#index .from em:first-child { padding-right: 6px; }
#index .from em:last-child { padding-left: 6px; }
#index .from i { border: 6px solid transparent; border-left: 6px solid #ccc; width:0px; height: 0px; display:inline-block;margin-left:4px}
#index .remark { border-top: 1px solid #f7f7f7; margin-top: 2px; color: #999; line-height: 1.6em;padding:5px 0 }
#index .tools { background: #fff; border-radius: 2px 2px 0 0;padding:5px 5px 6px 5px;position:relative;margin:5px 5px 0 5px }
#index .tools .se { width: 100%; color:#999}
#index .tools .se input { border: 0; border-bottom: 1px solid #f5f5f5; width: 70px;text-align:center;padding:4px 0 }
#index .tools .se a { color: #fff;background:#e33737;border-radius:2px;font-size:12px;height:26px;line-height:26px;display:inline-block;padding:0 5px; }
#index .tools .sort { position: absolute; top: 5px; right: 5px; }
#index .tools .sort a { border-radius:0 3px 3px 0; border: 1px solid #f5f5f5;border-left:0px; height:26px;line-height:26px;padding:0 5px; font-size:12px;color:#ccc;margin:0px;float:left}
#index .tools .sort .sel { background: #8a8685; color: #fff;border-color:#8a8685 }
#index .tools .sort a:first-child { border-radius: 3px 0 0 3px; }

.header100 { background: #e33737;height:44px;line-height:44px;color:#fff;position:relative; box-sizing:border-box;padding:5px 20%}
.header100 .tab{height:34px;line-height:34px;border:2px solid #fff;border-radius:15px;padding:1px;box-sizing:border-box}
.header100 .tab a { display: block; width: 50%; text-align: center; color: #fff;float:left;border-radius:15px;height:28px;line-height:28px }
.header100 .tab .sel { background:#fff;color:#ec6c53}
.header100 .a { position: absolute; top: 7px; left: 10px; width: 28px; color: #e7292b; line-height: 28px; height: 28px; text-align: center; background: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 10px #ff9b9b; -moz-box-shadow: 0 0 10px #ff9b9b; box-shadow: 0 0 10px #ff9b9b; }
.header100 .pub { right: 10px;left:auto }
.header100 .txt { width:100%;line-height:34px;text-align:center}

#detail { background: url(/m_images/pinche_bg.jpg) repeat-y; background-size: 100% auto;padding-bottom:0px }
#detail .wr { box-sizing: border-box; padding: 20px; }
#detail .box { background:rgba(255,255,255,0.9);  border-radius: 4px; padding:20px 10px;font-size:14px;color:#666;position:relative}
#detail .box.istop:after{content:"置顶";font-size:12px;background:#e33737;color:#fff;padding:1px;position:absolute;width:60px;text-align:center;-webkit-transform:rotateZ(-45deg);left:-16px;top:6px;display:inline-block;height:16px;line-height:16px}
#detail .user { text-align: center; }
#detail .user img { width: 50px; height: 50px; border-radius: 50%; }
#detail .user em { font-size: 14px; font-weight: bold; color: #666;display:block;line-height:30px}
#detail .user em i { color: #75d9ff;font-size:20px;vertical-align:middle;margin-left:5px; font-weight:normal}
#detail .user em .girl { color: #ff9ce5; }
#detail .row { height: 40px; line-height: 40px; border-bottom: 1px solid #f5f5f5; }
#detail .row:last-child { border: 0px; }
#detail .row span { display: inline-block; width: 80px;color:#999;text-align:right;margin-right:15px; }
#detail .row .email {width:49%;float:right;}
#detail .row .phone{width:49%;float:left;}
#detail .row .email a{color:#fff; background:#e33737;background-position: -42px -570px;margin:0 auto;height: 40px; line-height: 40px; display: block; text-align: center; border-radius:20px}
#detail .row .email i {font-size: 23px;vertical-align:middle;margin-right:5px;}
#detail .row .phone a{color:#fff;background: #e33737;margin:0 auto;height: 40px; line-height: 40px; display: block; text-align: center; border-radius:20px}
#detail .row .phone i {font-size: 28px;vertical-align:middle;margin-right:3px;}
#detail .tel { padding-top: 10px; }
#detail .tel a { background: #e33737; color: #fff; height: 40px; line-height: 40px; display: block; text-align: center; border-radius:20px}
#detail .over { width: 100px; height: 70px; position: absolute; top: 170px; right: 50%;margin-right:-50px; background: url(/m_images/over.png)  no-repeat; background-size: 100% auto; }
#detail .re { height: auto; overflow: hidden; line-height:1.7em;padding:4px 0}

#auth {background:#f7f7f7;padding-bottom:60px }
#auth .user { background: url(/m_images/t_bg_2.jpg) 0 -25px no-repeat;height:110px;background-size:100% auto ;position:relative;box-sizing:border-box;padding:25px 0 0 130px;margin-bottom: 10px; }
#auth .user img { position: absolute; border: 2px solid #fff; height: 70px; width: 70px; border-radius: 50%;top:18px;left:30px }
#auth .user em {font-size: 12px; border-radius: 10px; color:#fff; background:#e33737; padding: 0px 8px;height:22px;line-height:22px;margin-right:10px;display:inline-block;}
#auth .user p { font-size: 20px;height:36px; color: #fff; }
#auth .box { background: #fff; margin-bottom: 10px;padding:5px 10px }
#auth .box .h3 { font-size: 16px; font-weight: bold; height:40px;line-height:40px;}
#auth .row { height: auto; line-height: 1.6em;padding:12px 0; border-bottom: 1px solid #f5f5f5; font-size:14px;position:relative;box-sizing:border-box;padding-left:60px;min-height:38px}
#auth .row:last-child { border: 0px; }
#auth .row span { display: inline-block; width: 55px;color:#999;position:absolute;top:11px;left:0px }
#auth .tel { position: relative; }
#auth .tel a { background: #e33737;padding:0 10px; color: #fff; height: 28px; line-height: 28px; display: block; text-align: center; border-radius:20px;position:absolute;top:9px;right:10px;font-size:12px}
#auth .row2 { border-bottom: 1px solid #f5f5f5; box-sizing:border-box;position:relative;padding:10px 0 0 60px;height:64px}
#auth .row2:last-child { border: 0px; }
#auth .row2 i { border: 1px solid #dddddd; color: #b0b0b0;text-align:center; font-size: 30px; width: 38px; line-height: 38px;height: 38px; position: absolute; top: 10px; left: 0px;border-radius:3px }
#auth .row2 .h4 { font-size: 14px; color: #000; height:24px}
#auth .row2 p { font-size: 12px; color: #999; }
#auth .row2 em { font-size: 12px; border-radius: 10px; color: #36ca12; border: 1px solid #36ca12; padding: 0px 5px;height:18px;line-height:18px;margin-left:10px }
#auth .row2 .no { color: #d1d1d1; border-color: #eee; }
#auth .p { height: 40px; line-height: 40px; color:#e33737;display:block;text-align:center;font-size:12px;text-decoration:underline}


#auths { background: #f5f5f5;padding-bottom:60px }
#auths .list { padding: 0px 0;font-size:14px;color:#666 }
#auths .list .a { background: #fff; border-radius: 2px; display:block;padding:10px;position:relative;margin-bottom:5px;position:relative;overflow:hidden}
#auths .list .user {border-bottom:1px solid #f7f7f7;height:60px;position:relative;padding-left:68px;font-size:16px;color:#333 ;margin-bottom:2px}
#auths .list .user img { height: 48px; width: 48px; border-radius: 50%; position: absolute; top: 5px; left: 5px;  }
#auths .list .user .h3{ color: #333;font-size:16px;height:30px;line-height:30px}
#auths .list .user em { font-size: 12px; border-radius: 10px; color: #36ca12; border: 1px solid #36ca12; padding: 0px 5px;height:18px;line-height:18px;margin-right:10px }
#auths .list .tel { position: absolute; right: 10px; top: 10px; background: #e72b2a; font-size: 30px; color: #fff; width:40px;height:40px;line-height:40px;text-align:center; border-radius: 50%; }
#auths .list .line {font-size:14px;padding:8px 0;line-height:1.6em;color:#999}
#auths .p { height: 40px; line-height: 40px; color:#e33737;display:block;text-align:center;font-size:12px;text-decoration:underline}