html { background-color: #fff }
ul { padding: 0; margin: 0; }
ul li { list-style: none }
body { background-color: #FFF; height: auto }
.web_top { height: 32px; line-height: 32px; background-color: #f2f2f2 }
.top_banner .btn-warning { background-color: #F90 }
.top_banner .input-group { padding-top: 20px; padding-bottom: 5px }
.web_top a { color: #666; }
.nav-color { background: #F60!important; margin-bottom:0!important;}
.nav-color * { color: #FFF!important; font-size: 14px }
.icon-bar { color: #FFF!important }
.nav-color .active { background-color: rgba(0,0,0,.2)!important }
.nav-color .navbar-toggle:focus { background-color: rgba(0,0,0,.2)!important }
.nav-color .navbar-toggle:hover { background-color: rgba(0,0,0,.2)!important }
.nav-color a { padding-left: 25px!important; padding-right: 25px!important }
.nav-color a:hover {background-color: rgba(0,0,0,.1)!important}
.nav-color .active a { background-color: rgba(0,0,0,.1)!important }
.nav-color .icon-bar { background-color: #FFF!important }
.nav-color .navbar-collapse { border-color: #952C09; }
.nav-color img { max-height: 38px; margin-top: 5px; vertical-align: middle; }
.logo { background: url(../img/logo.gif) left top no-repeat; width: 295px; height: 89px; cursor: pointer; }
/*幻灯*/
.slides { position: relative; overflow: hidden!important; display: block; margin-bottom: 10px }
.slides ul { padding: 0 }
.slides li { float: left; background-color: #fff; color: #FFF; overflow: hidden; text-align: center; height: 300px; width: 100%; cursor:pointer; }
.slides li img { width: 100%; height: inherit }
.slides .pager { height: 16px; line-height: 16px; padding: 0 4px; position: absolute; right: 45%; bottom: 0px; margin-top: 0; margin-bottom: 5px; }
.slides .pager a { height: 16px; width: 16px; border-radius: 8px; background-color: none; display: block; float: left; overflow: hidden; margin: 0 3px; border: #FFF 2px solid }
.slides .pager a.selected { background-color: #fff; border: #FFF 2px solid }
.slides .pager a span { display: none }
/*户型图幻灯展示*/
.slidespic { position: relative; overflow: hidden!important; display: block;}
.slidespic ul { padding: 0 }
.slidespic li { float: left; background-color:rgba(0,0,0,0.8); color: #FFF; overflow: hidden; text-align: center; height: 600px; width: 100%; }
.slidespic li img { max-width: 100%; text-align: center;}
.slidespic .pager { height: 67px; line-height: 32px; margin: 0; background-color:rgba(0,0,0,0.3); width: 100%; padding: 8px }
.slidespic .pager a { height: 50px; width: 50px; background-color: none; display: block; float: left; overflow: hidden; margin: 0 3px; border: #FFF 2px solid; font-size: 18px; color: #FFF }
.slidespic .pager a.selected { background-color: none; border: #F90 2px solid; color: #FFF }
.slidespic .pager a span { display: none }
.slidespic .pager a img { width: 50px; height: 50px }
.slidespic .prev i, .slidespic .next i{ font-size:36px; color:#E8E7E7; margin:0 0 0 12px}
/*基础样式*/
.img11 { width: 100% }
.label-warning { background-color: #F60 }
.btn-warning { background-color: #F60; border-color: #F60 }
.zw50 { height: 30px }/*占位*/
.navbar-brand span { font-size: 1.2em; font-weight: normal; }/*头部标题*/
.navbar-brand i { font-size: 23px; font-weight: normal; padding-right: 10px; }
/*楼盘展示列表*/
.adtitle { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ }
.padding_lr5 { padding-left: 5px; padding-right: 5px; }
.padding5 { padding: 5px; }
.padding2 { padding: 2px; }
.padding0 { padding: 0px; }
.padding10 { padding: 10px; }
.padding105 { padding: 10px 5px; }
.padding15 { padding: 15px; }
.padding50 { padding: 5px 0px; }
.padding05 { padding: 0px 5px; }
.padding_l5 { padding-left: 5px; padding-right: 0px; }
.padding_r5 { padding-left: 0px; padding-right: 5px; }
.margin_b10 { margin-bottom: 10px }
.margin0 { margin: 0px }
.margin_only_b10 { margin: 0 0 10px 0 }
.margin10_0 { margin: 10px 0px; }
.line10 { height: 10px }
.text_line { line-height: 25px }
.xm_box { margin-bottom: 5px; padding: 0; border: none }
.xm_text { padding-left: 0!important; padding-right: 0!important; padding-bottom: 0!important; height: 90px;}
.xm_text * { margin: 3px 0 }
.xm_text h5 { font-size: 14px; font-weight: bold; text-align: left!important; }
.xm_text h4 { font-size: 16px; font-weight: bold; color: #F60 }
.tj { background: url(../img/iconic.png) left 1px no-repeat; padding-left: 50px; font-size: 13px; font-weight: bold; margin-top: 5px }
/*推荐活动*/
.index_hd { padding: 5px }
.index_hd img { width: 100%; height: 115px }
/*推荐楼盘*/
.index_tj { margin: 0; padding: 0 }
.index_tj li { list-style: none; clear: both; display: block; padding: 7px 4px }
.index_tj li .title { margin-bottom: 3px }
.index_tj li .label { font-size: 9px!important; }
.index_tj li .col-sm-8 { padding-top: 20px }
.index_tj li a { display: block; clear: both; }
.index_tj li a:hover { background-color: #eee }
/*中部banner*/
/*-----start: i-c-join-----*/
.icon-brokerage, .icon-earn, .icon-arrow-l, .icon-arrow-r, .i-c-j-delimiter-arrow, .i-c-j-add, .icon-i-c-j-1, .icon-i-c-j-2, .icon-i-c-j-3, .i-p-login, .i-p-register, .icon-i-p-s-1, .icon-i-p-s-2, .icon-i-p-s-3 { background-image: url(../img/g-index-icon.png); background-repeat: no-repeat; }
.i-c-join { height: 80px; margin: 8px; /* margin-right: 8px; */ background-color: #524b4a; /* margin-bottom: 10px; */ /* margin-top: -10px ; */}
.i-c-join li { float: left; height: 80px; display: block;}
.i-c-join a, .i-c-join a:hover { text-decoration: none; }
.i-c-join a:hover { background-position: 1px -200px; }
.i-c-j-1, .i-c-j-2, .i-c-j-3 { display: inline-block; padding-top: 22px; height: 50px; }
.i-c-j-1 { padding-left: 25px; width: 255px; }
.i-c-j-2 { padding-left: 16px; width: 334px; }
.i-c-j-3 { padding-left: 16px; width: 268px; }
.icon-i-c-j-1, .icon-i-c-j-2, .icon-i-c-j-3 { float: left; width: 32px; height: 32px; }
.icon-i-c-j-1 { background-position: -1px -115px; }
.icon-i-c-j-2 { background-position: -45px -115px; }
.icon-i-c-j-3 { background-position: -90px -115px; }
.i-c-j-1 strong, .i-c-j-2 strong, .i-c-j-3 strong { line-height: 1; font-size: 16px; font-weight: normal; }
.i-c-j-1 strong, .i-c-j-2 strong, .i-c-j-3 strong, .i-c-j-1 span, .i-c-j-2 span, .i-c-j-3 span { display: block; padding-left: 38px; }
.i-c-j-1 span, .i-c-j-2 span, .i-c-j-3 span { color: #a49896; }
.i-c-j-1 strong, .i-c-j-2 strong, .i-c-j-3 strong, .i-c-j-1:hover span, .i-c-j-2:hover span, .i-c-j-3:hover span { color: #fff; }
.i-c-j-delimiter-arrow { width: 24px; background-position: -137px -51px; }
.i-c-j-delimiter { overflow: hidden; width: 0; border-left: 1px solid #453e3d; border-right: 1px solid #5f5756; }
.i-c-j-add { display: block; margin: 19px 0 0 11px; width: 162px; height: 43px; line-height: 43px; text-align: center; color: #333; font-size: 18px; background-position: 1px -157px; }
.icon-brokerage, .icon-earn { display: inline-block; margin-right: 5px; width: 39px; height: 14px; vertical-align: middle; }
.icon-earn { background-position: 0 -90px; }
.icon-brokerage { width: 27px; background-position: -45px -90px; }
/*-----end: i-c-join-----*/


/*-----start: i-c-brokerage-----*/
.i-c-brokerage { margin-top: 10px; }
.i-c-b-title { color: #333; font-weight: normal; font-size: 18px; }
.i-c-b-t-icon { display: inline-block; margin-top: -5px; margin-right: 8px; width: 5px; height: 16px; background-color: #ff7e00; vertical-align: middle; }
.i-c-b-broker { overflow: hidden; width: 300px; }
.i-c-b-b-list { }
.i-c-b-b-top, .i-c-b-b-item { display: block; }
.i-c-b-b-item img { width: 110px; height: 110px; }
.i-c-b-b-item em { display: block; font-weight: normal; }
.i-c-b-b-item .icon-earn { margin-right: 3px; }
.i-c-b-ranking { height: 286px; width: 509px; }
.i-c-b-r-slide { overflow: hidden; padding-top: 14px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; width: 510px; height: 272px; }
.i-c-b-r-arrow-l, .i-c-b-r-arrow-r { width: 36px; height: 257px; }
.icon-arrow-l, .icon-arrow-r { display: inline-block; margin: 105px 0 0 10px; width: 12px; height: 20px; vertical-align: middle; }
.icon-arrow-l { background-position: -90px -88px; }
.icon-arrow-r { background-position: -111px -88px; }
.i-c-b-r-win { overflow: hidden; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; width: 435px; height: 256px; }
.i-c-b-r-list { width: 10000px; overflow: hidden; }
.i-c-b-r-item { overflow: hidden; float: left; width: 144px; height: 255px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.i-c-b-r-photo, .i-c-b-r-photo img { display: block; width: 144px; height: 95px; }
.i-c-b-r-detail { margin: 10px 0 0 10px; height: 101px; }
.i-c-b-b-list em, .i-c-b-t-list em, .i-c-b-r-detail em { font-weight: bold; font-style: normal; }
.i-c-b-r-project { border-top: 1px solid #e6e6e6; }
.i-c-b-r-project, .i-c-b-r-project img { display: inline-block; width: 144px; height: 48px; }
.i-c-b-top { overflow: hidden; width: 190px; }
.i-c-b-t-list { border: 1px solid #e6e6e6; padding: 14px 0 0 14px; height: 272px; background-color: #f1edec; }
.i-c-b-b-item, .i-c-b-r-detail, .i-c-b-r-detail a, .i-c-b-b-top, .i-c-b-t-list, .i-c-b-t-item { color: #666; }
.i-c-b-b-top { margin-bottom: 35px; }
.i-c-b-b-top:hover { text-decoration: underline; }
.i-c-b-b-top strong, .i-c-b-b-top em { font-size: 14px; }
.i-c-b-b-photo { float: left; margin-right: 15px; width: 90px; height: 120px; }
.i-c-b-b-summary { position: relative; display: inline-block; margin-top: 5px; padding: 8px; width: 13em; border: 1px solid #e6e6e6; background-color: #f1edec; border-radius: 3px; }
.icon-left-arrow { position: absolute; left: -15px; top: 11px; border: 7px solid transparent; border-color: #fff #e6e6e6 #fff #fff; display: inline-block; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 0; }
.i-c-b-t-item { position: relative; display: block; margin-bottom: 11px; }
.i-c-b-t-item-active .i-c-b-t-des { display: block; }
.i-c-b-t-item-active .i-c-b-t-num, .i-c-b-t-item-active .i-c-b-t-tit { display: none; }
.i-c-b-t-num { float: left; margin-right: 6px; border: 1px solid #e8e5e5; width: 15px; height: 14px; line-height: 14px; text-align: center; color: #bfbab6; background-color: #f5f1f0; }
.i-c-b-t-n-top { color: #fff; border-color: #bfbab6; background-color: #bfbab6; }
.i-c-b-t-tit { display: block; height: 16px; line-height: 16px; white-space: nowrap; font-weight: normal; }
.i-c-b-t-des { display: none; }
.i-c-b-t-photo, .i-c-b-t-photo img { width: 50px; height: 70px; }
.i-c-b-t-detail { width: 115px; line-height: 1.4; }
.icon-brokerage, .icon-earn { display: inline-block; margin-right: 5px; width: 39px; height: 14px; vertical-align: middle; }
.icon-earn { background-position: 0 -90px; }
.icon-brokerage { width: 27px; background-position: -45px -90px; }
/*-----end: i-c-brokerage-----*/


/*最新发放佣金*/
.fafangyongjin { position: relative; overflow: hidden!important; display: block; }
.fafangyongjin ul { padding: 0 }
.fafangyongjin li { float: left; background-color: #fff; color: #FFF; overflow: hidden; height: 307px; padding: 0 5px }
.fafangyongjin li .logo { width: 100%!important; height: 50px!important; margin-top: 10px }
.fafangyongjin .pager { height: 16px; line-height: 16px; padding: 0 4px; position: absolute; right: 45%; bottom: 0px; margin: 0 }
.fafangyongjin .pager a { height: 16px; width: 16px; border-radius: 8px; background-color: none; display: block; float: left; overflow: hidden; margin: 0 3px; border: #FF7F00 2px solid }
.fafangyongjin .pager a.selected { background-color: #FF7F00; border: #FF7F00 2px solid }
.fafangyongjin .pager a span { display: none }
/*本月赚佣金排行榜*/
.yjph { margin: 0; padding: 0; padding-bottom: 25px }
.yjph li { list-style: none; clear: both; display: block; padding: 3px 4px 4px 4px }
.yjph li .title { margin-bottom: 3px }
.yjph li .label { font-size: 9px!important; }
.yjph li .col-sm-8 { padding-top: 0px }
.yjph li a { display: block; clear: both; }
.yjph li a:hover { background-color: #eee }
.yjph li img { width: 50px; height: 64px }
/*login*/
.login { background-color: #fff!important; }
.login .top_logo { margin-top: 40px }
.login .login_bg { height: 450px; background: url(../img/banner07.jpg) center top no-repeat }
.login .panel { border: #F60; margin-top: 90px }
.login .panel-heading { background-color: #F60; color: #FFF }
.login .navbar-brand { font-size: 16px }
/*register*/
.register { background-color: #fff!important; }
.register .form-horizontal { padding: 30px 10px 10px 10px }
/*user_center*/
.user_center { }
.user_center .user-info-l { text-align: center }
.user_center .user-info-l .img-circle { width: 80px; height: 80px; margin: 0 auto }
.user_center .user-info-l p { margin: 5px 0; text-align: center }
.user_center .fa-money, .user_center .fa-credit-card { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; color: #FFF; background-color: #F60; font-size: 30px; margin-top: 10px }
.user_center h1 { margin-top: 10px }
.user_center .tjhd { height: 182px; width: 100% }
.user_center .tj-text p { margin: 0; line-height: 22px }
/*user_center 手机*/
.user_center .top-box { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
border-radius: 5px; box-shadow: 0px 5px 8px #ccc; /* 动画部分 */ animation: myfirst 1.5s; -moz-animation: myfirst 1.5s; /* Firefox */ -webkit-animation: myfirst 1.5s; /* Safari and Chrome */ -o-animation: myfirst 1.5s; /* Opera */ }
@-webkit-keyframes myfirst {
from {
position:absolute;
top:-20px
}
to {
position:relative;
top:0px
}
}
.user_center .m-box-1 { -webkit-animation-name: m-box-1; -webkit-animation-duration: 1.2s; -webkit-animation-delay: .5s; }
@-webkit-keyframes m-box-1 {
from {
position:absolute;
left:-200px
}
to {
position:relative;
left:0px
}
}
.user_center .m-box-2 { -webkit-animation-name: m-box-2; -webkit-animation-duration: 1.2s; -webkit-animation-delay: .5s; }
@-webkit-keyframes m-box-2 {
from {
position:absolute;
right:-200px
}
to {
position:relative;
right:0px
}
}
.user_center .m-box-3 { -webkit-animation-name: m-box-3; -webkit-animation-duration: 1.2s; -webkit-animation-delay: 1s; }
@-webkit-keyframes m-box-3 {
from {
position:absolute;
left:-200px
}
to {
position:relative;
left:0px
}
}
.user_center .m-box-4 { -webkit-animation-name: m-box-4; -webkit-animation-duration: 1.2s; -webkit-animation-delay: 1s; }
@-webkit-keyframes m-box-4 {
from {
position:absolute;
right:-200px
}
to {
position:relative;
right:0px
}
}
.tzhy, .wdyj, .wymf, .hdgz { height: 60px; line-height: 60px; font-size: 18px; position: relative; text-indent:15px ; text-align:left}
.tzhy i, .wdyj i, .wymf i, .hdgz i { position: absolute; font-size: 46px; color: rgba(255,255,255,.5); right: 10px; bottom: 5px }
/*projectinfo*/
.projectinfo { }
.projectinfo .banner { width: 100%; height: 400px }
.projectinfo .projectname { font-size: 24px!important; }
.projectinfo #xmtitle span { height: 24px; line-height: 26px; padding-right: 10px; float: left; color: #999 }
.projectinfo #xmtitle .thj { color: #F90; display: block; float: left; font-size: 16px; clear: both; margin: 10px 0 }
.projectinfo .project-infometion { line-height: 28px }
.projectinfo #allmap { width: 100%; height: 280px }
.projectinfo .xm_text h5 { text-align: center }
.projectinfo .projectbox { margin-bottom: 10px }
.projectinfo .projectbox .panel-body { position: relative }
.projectinfo .projectbox .panel-body .cz { background-color: rgba(0,0,0,.5); color: #FFF; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px; line-height: 40px }
.projectinfo .projectbox .panel-body .cz span { color: #F90 }
.projectinfo .prev { width: 40px; height: 150px; background-color: rgba(0,0,0,.2); position: absolute; left: 0; z-index: 3; top: 200px; line-height: 150px }
.projectinfo .next { width: 40px; height: 150px; background-color: rgba(0,0,0,.2); position: absolute; right: 0; z-index: 3; top: 200px; line-height: 150px }
.hot-phone { margin: 10px 0; float: left; color: #f00; padding: 0 10px 0 0; border-color: #f00; border-width: 1px; border-style: solid; height: 34px; line-height: 26px; border-radius: 6px }
.projectinfo .info-ico i { width: 60px; height: 60px; border-radius: 50%; border-style: solid; border-color: #ccc; border-width: 1px; line-height: 60px; font-size: 33px; text-align: center; color: #999; background-color:#fff }
.projectinfo .info-ico p { margin-top: 10px }
/*底部导航*/
.page-foot { margin-top: 20px; background-color: #f2f2f2; padding: 20px 0 }
.page-foot .Q-link { }
.page-foot .Q-link li { padding: 4px 0; font-size: 12px }
.page-foot .Q-link li a { color: #999; padding-left: 27px }
.page-foot .Q-link li h3 { margin: 0 }
.page-foot .Q-link .q-link-header { font-size: 18px; color: #000; margin-bottom: 10px; }
.page-foot .Q-link .q-link-header i { font-size: 20px; color: #999; padding-right: 5px; }
.page-foot .yq-link { border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; margin: 10px 0; padding: 0 30px 10px 30px; }
.page-foot .yq-link a { color: #999; padding: 4px 0; text-align: center; }
.page-foot .Copyright { padding: 10px; text-align: center; color: #999 }
/*侧边展示*/
.l-pic-list { background-color: #edf1f2 }
.l-pic-list p { margin:0 0 5px 0; text-align: center; background-color:#FFFFFF; line-height:35px }
.l-pic { width: 100%; height: 120px }
/*项目列表
.projectlist{}
.projectlist .pagination{ margin:10px 0!important;}

/*预约*/
.reservation { }
.reservation .banner { width: 100%; height: 200px }
.reservation .projectname { font-size: 24px!important; float: left }
.reservation .project-titel { margin-top: 10px }
.reservation .project-titel span { height: 24px; line-height: 26px; padding-left: 10px; float: left; color: #999 }
.reservation .thj { color: #F90; display: block; float: left; font-size: 16px; clear: both; margin: 10px 0 }
.reservation .project-infometion { line-height: 28px }
.reservation #allmap { width: 100%; height: 220px }
.reservation .xm_text h5 { text-align: center }
.reservation .cz { background-color: rgba(0,0,0,.8); color: #FFF; line-height: 40px; clear: both; display: block; height: 40px; border-radius: 5px }
.reservation .cz span { color: #F90 }
.reservation .modal-content { text-align: center!important; }
/*我的业绩*/
.recommend .nav-tabs>li { margin-bottom: -1px }
/*首页新闻资讯*/

.index .news_index_list { font-size: 13px; }
.index .news_index_list li { padding: 4px; display: block; width: 100%; clear: both; line-height: 20px }
.index .news_index_list li a { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ }
.index .news_index_list li a.newsclass { width: 5em!important; color: #06C; float: left }
.index .news_index_list li a.newstitle { width: 18em!important; float: left }
/*新闻中心*/
.news_index .news_index_list { font-size: 13px; }
.news_index .news_index_list li { padding: 4px; display: block; width: 100%; clear: both; line-height: 26px; }
.news_index .news_index_list li a { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ }
.news_index .slides li { float: left; background-color: #fff; color: #FFF; overflow: hidden; text-align: center; height: 350px; width: 100%; }
.news_index .slides li img { width: 100%;}
.news_index .index_tj p { margin: 5px 0 0 0; }
.news_index .pagebanner { padding: 0 5px }
.news_index .pagebanner img { height: 100px; width: 100% }
.news_index .news_index_list li a.newsclass { width: 5em!important; color: #06C; float: left }
.news_index .news_index_list li a.newstitle { width: 18em!important; float: left }
.news_index .topnews { clear: both; display: block; min-height: 85px; zoom: 1; }
.news_index .topnews img { float: left; width: 80px; height: 80px; margin-right: 10px }
.news_index .topnews h4 { font-size: 16px!important; color: #F80; margin-bottom: 5px; font-weight: bold;}
.more_link { float: right; color: #00f!important; font-size: 13px!important; }
/*资讯列表*/
.list-group-item-time { margin: 5px 0 0 0; font-size: 12px; color: #ccc }
.list-group-item-heading { color: #ff6600!important; }
/*资讯内容*/
.info_content { line-height: 28px; margin: 10px 0; border-radius: 4px; background: #f9f9f9; padding: 15px }
.info_content img { max-width: 100% }
/*我的佣金*/
.my_commission .fa-money, .my_commission .fa-credit-card { width: 80px; height: 80px; border-radius: 50%; line-height: 80px; color: #FFF; background-color: #F60; font-size: 50px; margin-top: 3px }
.my_commission h1 { margin-top: 10px; font-size: 28px }
/*申请提现*/
.apply { }
/*背景颜色*/
.bg-color-o { background-color: #F60; color: #FFF }
.bg-color-f { background-color: #fff }
/*基础彩色盒子*/
.col-box { border-radius: 4px }
.guide { width: 200px; padding: 15px 30px; position: absolute; top: 10px; left: 50%; margin-left: 380px; background: rgba(0,0,0,.5); height: 280px; z-index: 99 }
.guide .line01 { padding-bottom: 15px; border-bottom: #ccc 1px solid; }
.guide .line01 div { padding: 0px 2px; }
.guide .line02 { border-bottom: #ccc 1px solid; color: #fff }
.guide .line02 ul { padding-top: 10px }
.guide .line02 ul li a * { color: #ddd!important; }
.guide .line02 ul li a:hover * { color: #fff!important; }
.guide .line02 ul li a span { display: block; float: left; width: 35px; height: 35px; line-height: 30px; border: #ccc 2px solid; border-radius: 5px; font-size: 20px; margin-top: 5px }
.guide .line02 ul li { background: none; display: block; height: 60px; }
.guide .line02 ul li a h4 { font-size: 18px; margin: 5px; float: left; }
.guide .line02 ul li a h5 { font-size: 12px; margin: 0 5px 5px 5px; float: left; }
/*手机版本的样式修复*/
.navbar-brand { }
.navbar-brand i.fa-angle-left { }
.help .right-line {}
.help .leftmenu { margin: 0; padding: 0;  border-right: #ccc 1px solid }
.help .leftmenu li { height: 40px; line-height: 40px; position: relative; padding: 0; margin: 0 }
.help .leftmenu li a { height: 40px; line-height: 40px; display: block; width: 100%; text-indent: 15px }
.help .leftmenu li a:hover { background: #F1F1F1 }
.help .leftmenu li.active a { background-color: #FF9B00; color: #fff; }
.help .leftmenu li.active a:before { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 20px solid transparent; border-left: 15px solid #FF9B00; border-bottom: 20px solid transparent; }

.help .news_list { font-size: 14px; }
.help .news_list li { padding: 4px; display: block; width: 100%; clear: both; line-height: 25px; border-bottom:#ccc 1px dotted }
.help .news_list li a { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ }
.help .news_list li .well{ margin-bottom:0}

/*佣金展示*/
.yongjing-box{ background-color:#efefef; padding:10px 10%; font-size:16px; color:#aaa}
.yongjing-box p{ margin-bottom:5px}
.yongjing-box h3{ font-size:25px; margin:0; font-weight:normal; color:#909090; margin-bottom:10px}
.yongjing-box span{font-size:14px!important;font-weight:normal!important; }

/*新增修复样式*/
.pro-banner{ border-radius:5px; margin-top:16px}
.Share{ position:fixed; right:-2px; top:319px; z-index:5px}/*分享按钮*/
.bsBox{box-sizing: content-box!important}
.bsBox *{box-sizing: content-box!important}
.Share-a{ width:64px!important; height:64px!important; display:block!important; margin:3px!important; color:#FFFFFF !important; border-radius:50%!important; text-align:center!important; text-decoration:none !important; padding-top:10px!important; font-size:12px!important; background-image:none!important; background-color:#FFB600!important; padding-left:0!important}
.Share-a i{ font-size:26px;}
.Share-a:hover{ opacity:0.7}
.footnav{ padding:8px 0; width:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; bottom:0; z-index:2; clear:both;}
.footnav>div{ padding:0 4px}
.sjbox{ padding-top:8px; font-size:14px; color:#FF8600}
.sjbox h5{ margin-top:0px; color:#A2A2A2}
.nav-toptabs{ width:100%}
.nav-toptabs li{}
.nav-toptabs li a{ width:100%; text-align:center; padding-left:0; padding-right:0; border-top:#fff 3px solid!important}
.nav-toptabs li.active a{ border-top:#FF8E00 3px solid!important}
/*QQ*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 100px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

.help-link{ position:fixed; right:10px; bottom:10px; height:60px; width:60px; text-align:center; border:#ccc 1px solid; border-radius:50%; z-index:3; padding:0; margin:0; background:#efefef}

.slides.news ul li p{ padding:5px 0; width:100%; text-indent:5px; background-color:rgba(0,0,0,.6); color:#fff}
.slides.news .pager { height:30px; line-height:30px; padding: 0 4px; position: absolute; right:0; bottom:-5px; background-color:rgba(0,0,0,.8); width:100%}
.slides.news .pager a { height: 16px; width: 16px; border-radius:0; background-color: none; display: block; float: left; overflow: hidden; margin:6px 3px; border: #FFF 1px solid }
.slides.news .pager a.selected { background-color:#FF8E00; border: #FF8E00 1px solid }
.slides.news .pager a span { display: none }