/* CSS Document */
* { margin: 0px; padding: 0px; }
html { font-size: 62.5%; margin: 0 auto; max-width:640px;}
body, textarea, select, input, button { font-family: "PingFang SC","Microsoft YaHei",helvetica,arial; color: #333; }
i, em { font-style: normal; }
ul { list-style: none; }
a, input { outline: none; blr: expression(this.onFocus=this.blur()); }
a, a img { border: 0 none; text-decoration: none; color: #333; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
::-webkit-input-placeholder { color: #a9a9a9; } 
:-moz-placeholder { color: #a9a9a9; } 
::-moz-placeholder { color: #a9a9a9; } 
:-ms-input-placeholder { color: #a9a9a9; }
.m-appointment-from>li>input::-webkit-input-placeholder { color: #585858; } 
.m-appointment-from>li>input:-moz-placeholder { color: #585858; } 
.m-appointment-from>li>input::-moz-placeholder { color: #585858; } 
.m-appointment-from>li>input:-ms-input-placeholder { color: #585858; }
.left { float: left; }
.right { float: right; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignLeft { text-align: left !important; }
.f-bd-f6f6f6 { background: #f6f6f6 !important; }
.textIndent { text-indent: 2em; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }
body { background: #f6f6f6; }
.siteCommon { display: inline-block; background: url(siteCommon.png) 0 0 no-repeat; background-size: 374px auto; }
.footer-lo { display: block; background: url(http://www.sxxuq.com/wapimg/footer-lo.png) 0 0 no-repeat; background-size: 118px auto; }
.tipsIcon { display: block; background: url(http://www.sxxuq.com/wapimg/tips-icon.png) 0 0 no-repeat; background-size: 89px auto; }
.g-mn { padding: 10px 12px; position: relative; left: 0; top: 10px;overflow: hidden; display: block!important;line-height:30px;font-size:14px;}
.g-mn img {max-width: 100%!important;height: auto!important;width: auto\9;float:left;}
.g-mn li{list-style-type:none;width:50%;float:left;line-height:28px;}
.g-mn li span{font-weight:bold;margin-right:10px;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.g-bd { width: 100%; padding-top: 44px; height: auto; }
.f-add-contact { padding-bottom: 0px !important; }
/************************顶部通栏************************/
.g-head { padding: 0 12px; height: 44px; background: #FE9901; text-align: center; position: fixed; left: 0; right: 0; margin: auto; top: 0; z-index: 11; max-width:616px;}
/*城市切换*/
.m-city-change { display: inline-block; min-height: 44px; height: 44px; text-align: left; padding: 0 12px; position: absolute; left: 0; top: 0; overflow: hidden; }
.u-city-change-btn { display: inline-block; max-width: 64px; padding: 0 18px 0 18px; height: 30px; line-height: 30px; background: #fff; border-radius: 30px; font-size: 16px; font-size: 1.6rem; color: #FFA71D; position: relative; left: 0; top: 7px; overflow: hidden; }
.u-city-change-btn>.siteCommon { display: block; width: 12px; height: 7px; background-position: -205px -85px; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; }
.m-city-change.active { background: #f3f3f3; right: 0; margin: auto; z-index: 10; }
.m-ciyt-list { display: none; margin: 25px 0 15px; border-top: 1px solid #d6d6d6; }
.m-ciyt-list>li { display: block; float: left; width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); background: #fff; }
.m-ciyt-list>li>a { display: block; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #585858; text-align: center; border: 1px solid #d6d6d6; margin: -1px 0 0 -1px; overflow: hidden; }
.m-ciyt-list>li.active { background: #FE9901; }
.m-ciyt-list>li.active>a { color: #fff; }
/*logo*/
.u-logo { display: inline-block; width: 90%; height: 40px; line-height:40px; overflow: hidden; }
.u-logo>h1 { color: #fff; font-size:18px; }
/*搜索*/
.u-search { width: 44px; height: 100%; position: absolute; right: 44px; top: 0; text-indent: -999rem; overflow: hidden; }
.index.g-head .u-search { right: 0; }
.u-search>.siteCommon { width: 22px; height: 22px; background-position: -227px -85px; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; }
.g-head>h2, .g-head>.m-tit-select { display: inline-block; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; font-weight: normal; line-height: 44px; position: relative; left: 0; top: 0; }
.g-head>.m-tit-select { padding-right: 18px; }
.g-head>.m-tit-select .select { width: 11px; height: 6px; background-position: -70px -142px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.g-head>.u-back { display: block; width: 44px; height: 44px; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -999em; }
.g-head>.u-back>.siteCommon { width: 10px; height: 17px; background-position: -102px -108px; position: absolute; left: 12px; top: 0; bottom: 0; margin: auto; }
.g-head>.u-back:hover, .u-search:hover, .u-menu:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
/*菜单*/
.g-head>.m-menu { padding-top: 44px; position: absolute; right: 0; top: 0; background: #FE9901; }
.g-head>.m-menu.active { left: 0; }
.g-head>.m-menu>.u-menu { display: block; width: 44px; height: 44px; position: absolute; right: 0; top: 0; overflow: hidden; text-indent: -999em; }
.g-head>.m-menu>.u-menu>.siteCommon { width: 20px; height: 18px; background-position: -80px -108px; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; }
.m-menu>.g-navigate { display: none; margin: 0 12px 12px;}
.m-menu>.g-navigate>li { border-color: #FE9901; }
/*搜索*/
.m-search-box { padding-right: 40px; padding-right: 4rem; height: 28px; margin: 8px 0; line-height: 28px; position: relative; left: 0; top: 0; }
.m-search-in { background: #fff; height: 28px; border-radius: 2px; }
.m-search-box>.u-cancel { display: block; font-size: 18px; font-size: 1.8rem; color: #fff; position: absolute; right: 0; top: 0; }
.m-search-type { display: inline-block; padding: 0 12px 0 5px; position: relative; left: 0; top: 0; }
.m-search-type>a { display: block; padding-right: 16px; max-width: 48px; max-width: 5.8rem; font-size: 16px; font-size: 1.6rem; color: #808080; position: relative; left: 0; top: 0; overflow: hidden; }
.m-search-type>a:hover, .u-select-type-item:hover, .m-search-box>.u-cancel:hover, .m-history-record>li>a:hover, .u-clean-history:hover, .m-net-type>li>a:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.m-search-type>a>.siteCommon { width: 11px; height: 6px; background-position: -70px -133px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.m-search-input { width: 64%; width: calc( 100% - 88px ); width: -webkit-calc( 100% - 88px ); text-align: left; }
.m-search-input>input { border: 0 none; width: 100%; font-size: 12px; font-size: 1.2rem; }
.m-select-type { display: none; position: absolute; left: 0; top: 32px; }
.m-select-type-box { width: 120px; padding: 0 4px; background: rgba(0,0,0,0.8); border-radius: 5px; }
.m-tit-select .m-select-type-box { padding: 0 15px; width: 73px; }
.u-select-type-item { display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #747474; color: #fff; font-size: 16px; font-size: 1.6rem; text-align: left; }
.m-tit-select .u-select-type-item { height: 36px; line-height: 36px; }
.u-select-type-item:last-child { border-bottom: 0; }
.u-select-type-item>span { display: block; padding-left: 60px; position: relative; left: 0; top: 0; }
.m-tit-select .u-select-type-item>span { padding: 0; }
.u-select-type-item>span>.siteCommon { width: 26px; height: 24px; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; }
.u-select-type-item-01>span>.siteCommon { background-position: -114px -107px; }
.u-select-type-item-02>span>.siteCommon { background-position: -141px -107px; }
.u-select-type-item-03>span>.siteCommon { background-position: -169px -107px; }
.m-select-type>.arrow { display: block; width: 7px; height: 4px; background-position: -86px -132px; margin-left: 33px; }
.m-tit-select .m-select-type>.arrow { margin: 0 auto; }
.u-history-tit, .m-history-record>li { height: 43px; line-height: 43px; border-bottom: 1px solid #d6d6d6; font-size: 16px; font-size: 1.6rem; }
.u-history-tit { color: #a9a9a9; font-weight: normal; }
.m-history-record>li>a { display: block; color: #333; }
.u-clean-history { display: block; margin: 30px auto; width: 113px; height: 40px; line-height: 40px; border-radius: 3px; border: 1px solid #FE9901; color: #FE9901; font-size: 12px; font-size: 1.2rem; text-align: center; }
@media (max-width: 320px) {
  .u-city-change-btn { font-size: 14px; }
}

/************************底部通栏************************/
/*咨询热线*/
.m-consult-tel { height: 35px; line-height: 35px; background: #fff; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 14px; font-size: 1.4rem; }
.m-consult-tel>span { padding-left: 25px; height: 100%; position: relative; left: 0; top: 0; }
.m-consult-tel i.siteCommon { width: 18px; height: 18px; background-position: -307px -56px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-consult-tel em { font-weight: bold; color: #FE9901; }
.g-footer { padding: 12px 0; overflow: hidden; margin-bottom:40px;display: block!important;}
.g-footerf{width:62%;float:left;line-height:32px;margin-left:1%;font-size:14px;}
.g-footerr{width:34%;float:right;margin-right:1%;}
.g-footerr a{color:#fff;font-size:14px;}

.g-footerr p.abt{display:block;padding:8px 5px;background: #FFA71D;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;margin-top:5px;text-align:center;}

.g-footerr p.map{display:block;padding:8px 5px;background: #0d5abf;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;margin-top:10px;text-align:center;}



.m-net-type { height: 24px; margin: 15px 0; text-align: center; overflow: hidden; position: relative; left: 0; top: 0; }
.m-net-type>li { display: block; float: left; width: 33.3%; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; position: relative; left: 0; top: 0; text-align: center; }
.m-net-type>li.u-line { width: 1px; background: #d6d6d6; position: absolute; left: 66.6%; top: 0; bottom: 0; margin: auto; }
.m-net-type>li>a { display: block; height: 24px; line-height: 24px; overflow: hidden; position: absolute; left: 20px; top: 0; padding-left: 34px; }
.m-net-type>li.net-type-01>a { padding-left: 24px; left: auto; right: 20px; }
.m-net-type>li i.siteCommon { float: left; height: 24px; position: absolute; left: 0; top: 0; }
.m-net-type>li.net-type-01 i.siteCommon { width: 14px; background-position: -327px -26px; }
.net-type-02 i.siteCommon { width: 24px; background-position: -342px -24px; }
.m-net-type>li.footer-lo-01 a, .m-net-type>li.footer-lo-02 a { width: 77px; position: absolute; padding: 0; left: 0; right: 0; margin: auto; }
/*.m-net-type>li.footer-lo-01 a { left: auto; right: 20px; }
.m-net-type>li.footer-lo-02 a { left: 20px; }*/
.m-net-type>li .footer-lo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.m-net-type>li.footer-lo-01 .footer-lo { width: 57px; height: 18px; background-position: 0 0; }
.m-net-type>li.footer-lo-02 .footer-lo { width: 56px; height: 17px; background-position: -61px 0; }

.u-copyright { font-size: 10px; font-size: 1rem; text-align: center; line-height: 20px; padding:20px 0;}

/************************底部联系我们************************/
.g-contact { width: 100%; height: 44px; line-height: 44px; background: #fff; position: fixed; left: 0; right: 0; margin: auto; bottom: 0; overflow: hidden; z-index: 9; }
.g-contact>a { display: block; float: left; width: 25%; height: 100%; overflow: hidden; font-size: 14px; font-size: 1.4rem; text-align: center; color: #666; }
.g-contact>a:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.g-contact>a>span { display: inline-block; padding-left: 30px; height: 100%; position: relative; left: 0; top: 0; overflow: hidden; }
.g-contact>a i.siteCommon { width: 22px; height: 23px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.g-contact>a.tel i.siteCommon { background-position: -326px -56px; }
.g-contact>a.online i.siteCommon { height: 24px; background-position: -240px -136px; }
.g-contact>.u-line { display: block; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; right: 0; top: 0; margin: auto; }

/************************回到顶部************************/
.u-goTop { display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(0,0,0,0.4); position: fixed; right: 10px; bottom: 54px; text-indent: -999rem; overflow: hidden; opacity: 0; -webkit-opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all .32s linear; -webkit-transition: all .32s linear; }
.u-goTop>.siteCommon { width: 15px; height: 13px; background-position: -359px 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/************************弹出层************************/
.g-layout { display: none; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 12; }
.g-layout-wrap { display: none; min-height: 143px; max-width: 520px; width: 80%; background: #fff; border-radius: 5px; position: fixed; left: 10%; top: 0; margin: auto; }
.g-layout-wrap .u-close { display: block; width: 36px; height: 36px; position: relative; right: 0; top: 0; overflow: hidden; text-indent: -999em; }
.g-layout-wrap .u-close>i.siteCommon { width: 17px; height: 16px; background-position: -313px -85px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.u-layout-tit { height: 58px; line-height: 58px; font-size: 18px; font-size: 1.8rem; text-align: center; color: #fff; font-weight: normal; background: #FE9901; border-radius: 5px 5px 0 0; position: relative; left: 0; top: 0; }
.u-layout-tit>.u-close { position: absolute; }
.u-layout-tit>.u-close>i.siteCommon { background-position: -330px -85px; }

/************************查看图片************************/
.g-imgLayout { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; z-index: 999; }
.m-imgContainer { position: static; }
.m-imgContainer>.swiper-wrapper { position: absolute; top: 0; bottom: 0; margin: auto; }
.m-imgContainer .swiper-pagination { font-size: 16px; font-size: 1.6rem; color: #fff; }

/************************提交按钮************************/
/*常态按钮*/
.u-btn-submit { margin: 15px 0 25px; display: inline-block; padding: 0 18px; min-width: 63px; height: 30px; line-height: 30px; border-radius: 30px; background: #FE9901; color: #fff; text-align: center; font-size: 14px; font-size: 1.4rem; }
a.u-btn-submit:hover, .u-close:hover, .u-loadMore:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
/*灰色按钮*/
.u-btn-submit.grey { background: #e6e6e6; color: #585858; }
/*加载更多*/
.u-loadMore { display: block; margin: 10px auto; width: 25%; min-width: 100px; height: 30px; line-height: 30px; background: #fafafa; border-radius: 30px; border: 1px solid #dadada; text-align: center; font-size: 14px; font-size: 1.4rem; color: #585858; }

/************************线条************************/
/*横向分割线*/
.u-carveup-line-h1 { height: 1px; background: #d6d6d6; }
/*四周边框线*/
.borderbox { display: block; border: 1px solid #d6d6d6; }

/************************视频图标************************/
/*20*20灰色*/
.video { padding-left: 25px; position: relative; }
.video>.siteCommon { width: 20px; height: 20px; background-position: -292px -85px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
/*40*40*/
.scaleVideo, .scaleLightVideo { width: 40px; height: 41px; }
/*灰色*/
.scaleVideo { background-position: -312px -133px; }
/*白色*/
.scaleLightVideo { background-position: -312px -175px; }

/************************定位************************/
/*绝对定位--垂直水平居中显示*/
.positionMargin { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/************************列表标题************************/
.u-moditem-tit { display: block; font-size: 14px; font-size: 1.4rem; font-weight: normal; color: #3f3f3f; height: 32px; line-height: 32px; overflow: hidden; position: relative; left: 0; top: 0; }
.u-moditem-tit>em { display: block; text-align: right; width: 50%; height: 32px; overflow: hidden; }
.u-moditem-tit>em:first-child, .u-moditem-tit>em.left { text-align: left; }
/*透明度0.6的定位标题*/
.u-moditem-tit.opcity { height: 35px; line-height: 35px; font-size: 16px; font-size: 1.6rem; color: #fff; background: rgba(0,0,0,0.6); padding: 0 5px; position: absolute; top: auto; right: 0; left: 0; bottom: 0; }

/************************栏目标题************************/
/*无图标*/
.u-normal-tit { padding: 0 12px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #585858; font-weight: normal; }
/********带图标标题栏********/
.m-module-tit h2 { display: inline-block; padding-left: 31px; color: #000; font-size: 16px; font-size: 1.6rem; font-weight: normal; position: relative; left: 0; top: 0; }
/******标题栏可进箭头标识******/
.m-module-tit h2>.siteCommon { width: 26px; height: 25px; margin: 10px 0; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-module-tit .siteCommon.arrow { width: 9px; height: 16px; background-position: -218px -85px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
/*******标题栏栏目图标******/
/*新闻*/
h2>.siteCommon.mod-item-01 { background-position: -205px 2px; }
/*设计案例*/
h2>.siteCommon.mod-item-02 { background-position: -231px 1px; }
/*全类产品*/
h2>.siteCommon.mod-item-03 { background-position: -257px 1px; }
/*设计师*/
h2>.siteCommon.mod-item-04 { background-position: -284px 1px; }
/*工艺展示*/
h2>.siteCommon.mod-item-05 { width: 24px; background-position: -310px 1px; }
/*建材商城*/
h2>.siteCommon.mod-item-06 { width: 27px; background-position: -205px -26px; }
/*视频案例*/
h2>.siteCommon.mod-item-07 { background-position: -233px -26px; }
/*装修白皮书*/
h2>.siteCommon.mod-item-08 { width: 21px; height: 26px; background-position: -260px -26px; }
/*售后服务*/
h2>.siteCommon.mod-item-09 { background-position: -281px -26px; }
/*资质荣誉*/
h2>.siteCommon.honour { height: 24px; background-position: -217px -108px; }
/*常见问题*/
h2>.siteCommon.mod-item-10 { width: 20px; height: 22px; background-position: 0 -150px; }
/*前期准备*/
h2>.siteCommon.mod-item-11 { width: 18px; height: 21px; background-position: -21px -150px; }
/*选购主材*/
h2>.siteCommon.mod-item-12 { width: 17px; height: 16px; background-position: -41px -150px; }
/*装修施工*/
h2>.siteCommon.mod-item-13 { width: 18px; height: 21px; background-position: -58px -150px; }
/*监理验收*/
h2>.siteCommon.mod-item-14 { width: 18px; height: 19px; background-position: -78px -150px; }
/*后期配饰*/
h2>.siteCommon.mod-item-15 { width: 23px; height: 18px; background-position: -97px -150px; }
/*家居风水*/
h2>.siteCommon.mod-item-16 { width: 22px; height: 22px; background-position: -121px -150px; }
/*环保家族*/
h2>.siteCommon.mod-item-17 { width: 21px; height: 20px; background-position: -144px -150px; }
/*产品橱窗*/
h2>.siteCommon.mod-item-18 { width: 24px; height: 24px; background-position: -198px -148px; }
/*品牌简介*/
h2>.siteCommon.mod-item-19 { width: 14px; height: 18px; margin: 0; background-position: -223px -133px; }
/*楼盘动态*/
h2>.siteCommon.mod-item-20 { width: 24px; height: 24px; background-position: -262px -137px; }
/*图文户型解析*/
h2>.siteCommon.mod-item-21 { width: 21px; height: 22px; background-position: -288px -138px; }
/*设计说明--灯*/
h2>.siteCommon.mod-item-22 { width: 21px; background-position: -68px -173px; }
/*材料*/
h2>.siteCommon.mod-item-23 { width: 21px; height: 21px; background-position: -26px -108px; }
/*设计说明--灰*/
h2>.siteCommon.mod-item-24 { width: 19px; height: 25px; background-position: -48px -108px; }
/*主材品牌--黄*/
h2>.siteCommon.mod-item-25 { width: 27px; height: 24px; background-position: -219px -177px; }


/************************图片显示************************/
/*无边距100%显示*/
.u-img-normal { display: block; width: 100%; height: auto; }
/*上下间距12像素100%显示*/
.u-show-img { display: block; margin: 12px 0; width: 100%; }

/************************文本输入框************************/
.u-input-radius { padding: 0 10px; height: 32px; line-height: 32px; border: 1px solid #d6d6d6; border-radius: 32px; }
.u-input-radius>input { width: 100%; height: 100%; background: transparent; border: 0 none; font-size: 14px; font-size: 1.4rem; }

/************************功能--背影色************************/
.f-bg-537cda { background: #537cda; }
.f-bg-ffa71d { background: #ffa71d; }
.f-bg-f33 { background: #f33; }
.f-bg-389af5 { background: #389af5; }
.f-bg-75e396 { background: #75e396; }
.f-bg-87c073 { background: #87c073; }
.f-bg-f05462 { background: #f05462; }
.f-bg-f6f6f6 { background: #f6f6f6; }

/************************功能--字色************************/
.f-txt-af1f30 { color: #FE9901 !important; }
.f-txt-585858 { color: #585858; }

/************************功能--字号************************/
.f-txt-111 { color: #111; }
.f-txt-14 { font-size: 14px !important; font-size: 1.4rem !important; }
.f-txt-12 { font-size: 12px; font-size: 1.2rem; }
.f-txt-10 { font-size: 10px; font-size: 1rem; }

/************************功能--常用字态显示************************/
.u-txt-14-585858 { font-size: 14px; font-size: 1.4rem; color: #585858; line-height: 24px; }
.u-txt-14-333 { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 20px; }
.u-txt-12-333 { font-size: 12px; font-size: 1.2rem; color: #333; line-height: 20px; text-align: justify; }
.u-text-10-7a7a7a { font-size: 10px; font-size: 1em; color: #7a7a7a; }

/************************功能--边距************************/
.f-mar-0-10 { margin: 0 10px; }
.f-mar-5-12 { margin: 5px 12px; }
.f-mar-0-12 { margin: 0 12px; }
.f-mar-0-15 { margin: 0 15px; }
.f-mar-15-0 { margin: 15px 0; }
.f-mar-15-auto { margin: 15px auto; }
.f-mar-10-0 { margin: 10px 0; }
.f-mar-top-5 { margin-top: 5px; }
.f-mar-top-10 { margin-top: 10px; }
.f-mar-bottom-20 { margin-bottom: 20px; }
.f-mar-bottom-10 { margin-bottom: 10px; }
.f-mar-left-25 { margin-left: 25px; }
.noPadding { padding: 0; }
.noMargin { margin: 0; }

.pages {display: block!important; margin: 10px auto;width:100%;text-align: center; margin-bottom:20px;}

.pages li{list-style-type:none;display:inline}

.pages li.thisclass{display: inline-block;
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  background: #FE9901;
  border: 1px solid #FE9901;
  color: #fff;
  text-align: center;}


 .pages li {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  background: #fff;
  border: 1px solid #e3e3e3;
  text-align: center;
  color: #333;
  margin-left:2px;margin-right:0px;
  padding: 0 10px;}
  .pages li:hover{color:#FE9901;background: #FE9901;border: 1px solid #FE9901;color:#fff;}

.pages li.thisclass a{color:#fff}
.pages li:hover a{color:#fff}

  .pages span.current {margin-left:2px;margin-right:0px;}

/************************在线预约************************/
.Online{ width:100%;}
.Online  ul li{  width:80%;  margin:0 auto; border:1px solid #d6d6d6; border-radius:4px; margin-bottom:3%; position:relative; background:#fcfcfc;}
.Online  ul li span{ display:inline-block; position:absolute; top:7px; left:10px; }
.Online  ul li img{ width:28px; height:28px; }
.Online  ul li input{ border:none; background:none; height:42px; line-height:42px; padding-left:47px; }
.Online li.submit{ border:none; background:url(http://www.sxxuq.com/images/submit.jpg) no-repeat top center; width:81%;  margin-top: 8%; }
.Online li.submit a{ display:block; font-weight:normal; padding:4% 0; text-align:center; color:#ffffff; font-size:18px; font-family:"微软雅黑";}
.Online_cont{ width:100%; margin:0 auto; text-align:center; margin-bottom: 8%; font-size:16px; color:#ff9000; font-family:"微软雅黑";}


.footer{float:left;width:100%;font-size:1em;  background:#fff;position:fixed;bottom:0px;padding:5px 0;z-index:99999;display: block!important;max-width:640px;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left;width:25%;}
.footer ul li a{float:left;width:100%; color:#666;text-align:center;  display:block;}
.footer img{ width:50%;vertical-align:middle}

.g-mn tr{height:40px;line-height:40px;}
.g-mn tr input{height:28px;}
.coolbg{width:80px;height:30px;}

.yuyue{width:100%;font-size:14px;}

.pure-u-1-2{width:100%;padding:10px 0;}
.pure-u-1-2 input{width:60%;border: 1px solid #ddd;padding:5px 0}
.pure-control-group{width:100%;padding:10px 0;line-height:40px;}
.pure-control-group input{width:20%;border: 1px solid #ddd;padding:5px 0}

.pure-button{width:100%;margin:10px 0;padding:10px 0;background:#FE9901;color:#fff}

.saixuan {width:96%;
	margin:0 auto;padding:10px 2%;
	font-size:14px;line-height:30px;border: 1px solid #ddd;background:#fff;
}
.saixuan b{padding-right:20px}
.saixuan span{background:#BC9200;color:#fff;padding:2px 5px 2px 5px}
.saixuan a{padding:2px 6px 2px 6px;color:#666;display:inline-block;}

.ksbjBar{width:96%;float:left;margin-bottom:10px;margin:0 2%;margin-bottom:10px;}
.ksbjBar .select{width:33.33%;float:left;}

.ksbjBar .select .ksbjBarL{width:100%}
.ksbjBar .select .ksbjBarR{width:100%}
.ksbjBar .select .ksbjBarR select{width:95%;border: 1px solid #ccc;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;height:30px;}

.ksbjBar .input{width:100%;float:left;}


.ksbjBar .input .ksbjBarR .ksbjMj{width:98%;height:30px;margin-bottom:10px;border: 1px solid #ccc;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}


.ksbjBar .ksbjGsbj{width:98%;background:#FFA71D;border:none;height:30px;font-size:16px;color:#fff;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}