@charset "utf-8";
body {margin:0;padding: 0;background-color: #f5f5f5; }
.yellow{background-color: #FBF9F3;}
.yellow .sub-title{color: #C7B38A}
.blue{background-color: #F2FAF8}
.blue .sub-title{color: #70ADBA}
.green{background-color: #F4F9ED}
.green .sub-title{color: #80BA70}
.home {max-width:1024px;margin: 0 auto;}

.header {height: 44px;background: #ffffff;position: relative;z-index: 10;}
.header .h-logo{float: left;margin-left: 10px;margin-top: 10px}
.header .h-notice{float: right;margin-right: 10px;margin-top: 10px}

ul, ol { padding: 0;}
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 0;line-height: 20px}
.banner .dots li { display: inline-block; 	width: 5px; height: 5px; margin: 0 2px; text-indent: -999em; border: 1px solid #fff; border-radius: 6px; cursor: pointer; 	opacity: .4; -webkit-transition: background .5s, opacity .5s; 	-moz-transition: background .5s, opacity .5s; 	transition: background .5s, opacity .5s;
}
.banner .dots li.active {	background: #fff;	opacity: 1;}

.top{background-color: #fff;float: left;width: 100%}
.top .h-nav{padding-bottom: 10px;width: 100%}
.top .h-nav span {width: 100%;float: left;font-size: 14px;color: #666;margin-top: -5px;}


.article{height: 15px;line-height: 15px;float: left;width: 100%;margin: 10px 0;}
.article .h-label{background-image: url(../images/icon_xmtt.png);width: 47px;height:13px;font-size: 10px;color: #fff;margin-left: 15px; text-align:center;display: inline-block;float:left;margin-top:1px;}
.article .h-info{font-size: 13px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

.area{background-color: #fff;float: left;width: 100%;}
.area .h-tab{margin: 15px 15px 5px 15px;height: 25px;line-height: 24px}
.area .h-tab .h-icon{vertical-align: text-bottom;}
.area .h-tab .h-title{font-size: 17px;color: #333333;font-weight: bolder;}
.area .h-area-list{margin: 5px 15px 10px 15px;float: left;}
.area .weui-flex .h-item{margin: 5px; padding: 0 10px;background-color: #F2F2F2;height: 2.3em;line-height: 2.3em;text-align: center;color: #666666;border-radius: 15px;font-size: 13px;}
.area .weui-flex .h-item.select{background-color: #FD8101;color: #fff}
.area .h-area-foot{text-align: center;font-size: 12px;color: #666666;margin-bottom: 10px;float: left;width: 100%;}

.live{margin-top: 10px;background-color: #fff;float: left;width: 100%;}
.live .h-tab{margin: 15px 15px 0 15px;height: 25px;line-height: 24px}
.live .h-tab .h-icon{vertical-align: text-bottom;}
.live .h-tab .h-title{font-size: 17px;color: #333333;font-weight: bolder;}
.live .h-tab .h-subtitle{float: right;font-size: 12px;color: #888C98;}
.live .h-body{position: relative;}
.live .h-body .h-background{margin:15px;}
.live .h-body .h-background .h-img{width: 100%}
.live .h-body .h-background-hidden{position: absolute;background-color: #3C3C3C;opacity: 0.45;left: 15px;top: 0px;border-radius: 2px}
.live .h-body .h-background-detail{position: absolute;width: 315px;height: 65px;left: 15px;top: 0px;border-radius: 2px;}
.live .h-body .h-background-detail .h-detail{margin:10px;font-size: 15px;line-height: 22px;color: #fff;font-weight: bolder;}

.h-pannel-list{ margin-top: 10px;color: rgba(0,0,0,.3);position: relative;background-color: #fff;float: left;width: 100%}
.h-pannel{ margin: 5px;  position: relative;}
.h-pannel .h-pannel-icon{ position: absolute;right: 0;top: 0 }
.h-pannel .h-pannel-title{height: 40px;line-height: 15px;padding: 10px 10px 0 10px;}
.h-pannel .h-pannel-title .title{font-size:15px;font-weight:bolder;color:#333333;}
.h-pannel .h-pannel-title .sub-title{font-size:12px;}
.h-pannel .h-pannel-img{margin: 0 10px;}
.h-pannel .h-pannel-img .h-img{width:100%;margin-bottom: 5px;}
.h-pannel.sm .h-pannel-title .title{font-size: 12px;font-weight: bolder;color: #333333;line-height: 12px}
.h-pannel.sm .h-pannel-title .sub-title{font-size: 10px;line-height: 10px}


.project{margin-top: 5px;background-color: #fff;float: left;width: 100%;line-height: 15px;}
.project .h-project-title{margin: 15px 15px 0 15px;height: 20px;line-height: 18px; position: relative;}
.project .h-project-title .handle{position: absolute;height: 20px;width: 5px;top: 0;left: 0;background: linear-gradient(180deg,rgba(248,133,2,1) 0%,rgba(234,80,20,1) 100%);border-radius: 2px;}
.project .h-project-title .title{margin-left: 15px;font-size:17px;font-weight: bolder;color: #3D4244;display: inline-block;}
.project .h-project-title .ctrl{float: right;display: inline-block;font-size: 12px;color: #999}
.project .h-project-title .ctrl img{vertical-align: bottom;margin-left: 5px}
.project .weui-media-box__hd{width: 106px;height:84px;}
.project h4{font-size: 15px;color: #333;}
.project p{line-height:17px;font-size: 12px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.project .price{font-size: 17px;margin:0 5px;color: #FD5D39;font-weight: bolder;}
.project .stress{font-size: 15px;margin:0 5px;font-weight: bolder;}
.project .sign{height:15px;border-radius: 2px; position: absolute;top: 15px;right: 15px;color: #fff;background-color: #FD8101;font-size: 8px;padding: 0 5px;}

.project .sign.orange{background-color: #FD8101}
.project .sign.blue{background-color: #72B7FD}

.weui-dialog__btn-del{background-color: #FD5D39;color: #ffffff;font-weight: normal;}
.weui-dialog__title{font-size: 15px; font-weight: bolder;}
.weui-dialog__bd{font-size: 13px; }

.weui-flex{text-align:center;padding:10px;}
.weui-flex__item{padding:5px;line-height: 22px}
.placeholder{height:60px;font-size:13px;vertical-align: middle;padding-left:15px;padding-right:15px;padding-top:15px;color:antiquewhite;border-radius:10px;opacity:0.8}
.holdertitle{font-size:18px;font-weight:900;color:#FFFFFF;}
.holder-c1{background-color:#162f1b80}
.holder-c2{background-color:#753b1680}
.holder-c3{background-color:#16450480}
.holder-c4{background-color:#33044980}

.p-pannel{background-color: #fff;margin-top: 10px;float: left;width: 100%}
.p-pannel .p-tab{height: 20px;line-height: 18px; position: relative;margin: 15px 10px 0 10px;padding-bottom: 10px; }
.p-pannel .p-tab .handle{position: absolute;height: 20px;width: 5px;top: 0;left: 0;background: linear-gradient(180deg,rgba(248,133,2,1) 0%,rgba(234,80,20,1) 100%);border-radius: 2px;}
.p-pannel .p-tab .title{margin-left: 15px;font-size:17px;font-weight: bolder;color: #3D4244;display: inline-block;}
.p-pannel p.big{font-size: 15px}
.p-pannel .link{font-size: 13px;padding: 10px}
.p-pannel .link a{color: #999999;margin:  0 5px}

.p-subpannel{background-color: #fff;box-shadow:0px 2px 4px 0px rgba(163,163,163,0.3);border-radius:4px;font-size: 12px;color: #999;}
.p-subpannel .p-subtab{height: 24px;line-height: 22px; position: relative;margin-left: 15px;margin-right: 15px;margin-rop:5px;margin-bottom:5px;text-align: left;}
.p-subpannel .p-subtab .subtitle{font-size:15px;font-weight: bolder;color: #333;display: inline-block;float: left;}
.p-subpannel .p-subtab .icon{float: right;width: 24px}
.p-subpannel p{margin: 0 15px 10px 15px ;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}