body{ font-family:"微软雅黑"; background-color:#000;} #wapper{ background-color:#fff;} .hundred #wapper{ background-color:#000;} .pageslide{ background-color:#1f1f1f;} .mian{ padding-top:36px;} body>a{ display:none;} #navbar .navbar-header{ float:none;} #page-nav{ position:absolute; width:100%; z-index:2; left:0; background-color: rgba(0,0,0,0.7); /*background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;*/} #page-nav .navbar-nav{ float:none; overflow:hidden;} #page-nav .navbar-nav li{ width:20%;} #page-nav .navbar-nav>li>a{ text-align:center; font-family:"微软雅黑"; font-size:12px; color:#858585; background:url('../uploads/icon31.png') no-repeat center top;} #page-nav .navbar-nav>li.active>a:after {border-bottom:13px solid #e6e6e6; border-left:13px solid transparent; border-right:13px solid transparent; content: ""; display: block; height: 0; width: 0; position:absolute;bottom:-20px;left:50%;margin-left:-13px;} /*初始化定义-------------------huihui add*/ #header{height:53px;} #banner{height:280px;} #banner img{height:280px;} #navbar #navbar-brand{ margin-top:-48px;} #navbar #navbar-brand img{height:40px;} #page-nav .navbar-nav>li>a{ padding:84px 0 0; margin:15px 0;} #header #header-icons div.sc{ display:none;} #header #header-icons{ margin:15px 0; /*padding-right:56px;*/} #header #header-icons .sc{ width:22px; height:22px; border-radius:11px; line-height:18px; margin:0 2px;} #header #header-icons a .fa{ font-size:14px; line-height:18px;} #header #header-icons #headusercenter img{ width:14px; margin-top:-2px;} #header #header-icons #headusercenter .vip-pic2{ display:none;} #header #header-icons #headusercenter:hover .vip-pic1{ display:none;} #header #header-icons #headusercenter:hover .vip-pic2{ display:inline-block;} #page-nav{top:200px;} .wushi{ width:50%; margin:0 auto;} #page-nav .navbar-nav>li:nth-child(2)>a{background:url('../uploads/icon32.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li>a{background:url('../uploads/icon32.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(3)>a{background:url('../uploads/icon33.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li>a{background:url('../uploads/icon33.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(4)>a{background:url('../uploads/icon34.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li+li>a{background:url('../uploads/icon34.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(5)>a{background:url('../uploads/icon35.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li+li+li>a{background:url('../uploads/icon35.png') no-repeat center top;} #page-nav .navbar-nav>li>a:hover, #page-nav .navbar-nav>li>a:focus, #page-nav .navbar-nav>li.active>a{border-color:transparent; background:url('../uploads/icon31-hover.png') no-repeat center top; color:#fff;} #page-nav .navbar-nav>li:nth-child(2)>a:hover, #page-nav .navbar-nav>li:nth-child(2)>a:focus, #page-nav .navbar-nav>li:nth-child(2).active>a{background:url('../uploads/icon32-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li>a:hover, #page-nav .navbar-nav>li:first-child+li>a:focus, #page-nav .navbar-nav>li:first-child+li.active>a{background:url('../uploads/icon32-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(3)>a:hover, #page-nav .navbar-nav>li:nth-child(3)>a:focus, #page-nav .navbar-nav>li:nth-child(3).active>a{background:url('../uploads/icon33-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li>a:hover, #page-nav .navbar-nav>li:first-child+li+li>a:focus, #page-nav .navbar-nav>li:first-child+li+li.active>a{background:url('../uploads/icon33-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(4)>a:hover, #page-nav .navbar-nav>li:nth-child(4)>a:focus, #page-nav .navbar-nav>li:nth-child(4).active>a{background:url('../uploads/icon34-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li+li>a:hover, #page-nav .navbar-nav>li:first-child+li+li+li>a:focus, #page-nav .navbar-nav>li:first-child+li+li+li.active>a{background:url('../uploads/icon34-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:nth-child(5)>a:hover, #page-nav .navbar-nav>li:nth-child(5)>a:focus, #page-nav .navbar-nav>li:nth-child(5).active>a{background:url('../uploads/icon35-hover.png') no-repeat center top;} #page-nav .navbar-nav>li:first-child+li+li+li+li>a:hover, #page-nav .navbar-nav>li:first-child+li+li+li+li>a:focus, #page-nav .navbar-nav>li:first-child+li+li+li+li.active>a{background:url('../uploads/icon35-hover.png') no-repeat center top;} #page-navbar-wz{ display:none; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#8d8d8d;} #page-navbar-wz h3{ font-size:30px; color:#fff; font-weight:normal;} #page-navbar-wz h3 strong{ font-size:45px; font-weight:normal;} #page-default #page-navbar-wz{ /*display:block;*/} #page-default #page-nav{ top:743px;} #page-default #page-default-login{ position:absolute; top:100px; right:20px; width:300px; z-index:2;} #page-default-login .formhui{ padding:13px 23px; margin:0 auto; overflow:hidden;background:url('../uploads/home-login-bj.png') repeat center top;} #page-default-login .formhui>.row{ margin-left:0; margin-right:0;} #page-default-login .formhui .panel-heading{ font-size:20px; font-family:"微软雅黑"; color:#000; padding-top:0; padding-bottom:0; margin-left:-8px; margin-right:-8px;} #page-default-login .formhui .btn{ background-color:#646464; color:#fff; border:none; height:38px; float:left;} #page-default-login .formhui .btn:hover{ background-color:#333;} #page-default-login .formhui .panel-heading{ margin-top:10px; font-size:18px;} #page-default-login .formhui .form-group{ margin-bottom:15px; position:relative;} #page-default-login .formhui .form-group>div{ padding-left:6px; padding-right:6px;} #page-default-login .formhui .input-group>input.form-control{ height:32px; padding-left:74px;} #page-default-login .formhui .input-group-addon{ height:30px; line-height:30px; width:36px;} #page-default-login .formhui .input-group-addon .fa{ font-size:18px;} #page-default-login .formhui .ovot, #page-contact .formhui .ovot{ overflow:hidden;} #page-default-login .formhui .ovot .form-control, #page-contact .formhui .ovot .form-control{ padding-top:2px; padding-right:2px; padding-bottom:2px;} #page-default-login .formhui .ot, #page-contact .formhui .ot{ box-shadow:0 0 0 14px #fff; height:11px; pointer-events:none; position:absolute; right:15px; top:10px; width:8px; background-color:#fff; border:none;} #page-contact .formhui .ot{ top:14px; box-shadow:0 0 0 17px #fff; right:17px;} #page-default-login .formhui .ot:after, #page-default-login .formhui .ot:before , #page-contact .formhui .ot:after, #page-contact .formhui .ot:before{ border-left: 4px solid transparent; border-right: 4px solid transparent; content: ""; position: absolute; right: 0;} #page-default-login .formhui .ot:after, #page-contact .formhui .ot:after{ border-top: 4px solid #404040; bottom: 0;} #page-default-login .formhui .ot:before, #page-contact .formhui .ot:before { border-bottom: 4px solid #404040; top: 0;} .formhui .otxx{position:absolute; right:42px; top:0px; width:1px; height:38px; background-color:#c2c2c2; border:none; overflow:hidden; z-index:2;} .formhui .otxxt{position:absolute; right:0; top:0px; width:38px; height:1px; background-color:#c2c2c2; border:none; overflow:hidden; z-index:2;} .formhui .otxxr{position:absolute; right:0; top:0px; width:1px; height:38px; background-color:#c2c2c2; border:none; overflow:hidden; z-index:2;} .formhui .otxxb{position:absolute; right:0; top:38px; width:38px; height:1px; background-color:#c2c2c2; border:none; overflow:hidden; z-index:2;} #page-default-login .formhui .otxx{ right:36px;} #page-default-login .formhui .otxxb{ top:31px;} #page-default-login .formhui .input-group>select.form-control{ height:32px; padding-left:74px;} #page-default-login .formhui .fa-select{right:12px; top:10px;} .formhui .wzbt{ position:absolute; top:1px; left:1px; width:68px; text-align:center; height:36px; line-height:36px; border-right:1px solid #c2c2c2; font-size:14px; color:#7e7e7e; overflow:hidden; z-index:2; color:#1f1f1f;} #page-default-login .formhui .wzbt{ height:30px; line-height:30px;} #page-default-login .formhui .sub .btn{ height:32px; font-size:15px;} #page-default-login .shuomg{ background-color:rgba(255, 255, 255, 0.7); border-top:1px solid #abadb0; padding:15px 30px; color:#000; overflow:hidden; line-height:28px;} #page-default-login .shuomg a{ display:inline-block; padding:4px 10px; background-color:#646464; color:#fff; overflow:hidden; float:right; line-height: 1.42857;} #aside .panel-default>.panel-heading{ border-bottom:none; position:absolute; top:144px; z-index:3; font-family:方正兰亭纤黑简体,微软雅黑; font-size:25px; color:#fff; font-weight:normal; display:none;} #aside .panel-default>.panel-heading span{ background-color:#1f1f1f; padding:5px 10px; display:inline-block;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;} #aside .panel-default>.panel-heading small{ display:block; font-size:66px; line-height:66px; padding-top:5px; font-family:Arial;} #two-nav{ background-color:#eaeaea; padding-top:14px;} #two-nav .pull-right-nav-ul .nav{ float:right;} #aside .panel{ margin-bottom:0;} #aside .panel .panel-body .nav li{ float:left; padding-right:2px;} #aside .panel .panel-body .nav>li>a{ padding:6px 40px; background-color:#fff; color:#a1a1a1; margin-bottom:2px;} #aside .panel .panel-body .nav>li>a:hover,#aside .panel .panel-body .nav>li.active>a{ background-color:#000; color:#fff;} #aside .panel .panel-body .nav li.nav-header{ font-family:"微软雅黑"; font-size:30px; color:#000; line-height:28px; margin-top:0px;} #about-page .media .media-heading{ overflow:hidden; padding-top:200px;} #about-page .media .media-heading span{ display:block; background-color:#e8e8e8; font-family:微软雅黑; font-size:28px; line-height:30px; color:#000;text-align:center; width:160px; height:160px; border-radius:160px; padding:20px 95px 0 15px;} #about-page .media .media-object{ margin-top:75px; overflow:hidden;} #about-page .media .media-object img{border-radius:220px; float:right;} #about-page .media .media-body{ z-index:2; overflow:visible; min-height:600px; padding-top:40px; padding-bottom:36px;} #about-page .media .media-body:after{background:url('../uploads/bg01.png') no-repeat left center;content: "";display: inline-block;width:13px;height:600px;position: absolute;left:-14px;top:0;} #page-news-list-pic-left .space{min-height:560px; overflow:visible; position:relative; margin-top:36px; margin-bottom:36px; border-bottom:none; background-repeat:no-repeat; background-position:right top;} #page-news-list-pic-left .space .media-heading{ font-size:35px; color:#000; padding:10px 0 30px; position:relative; background:url('../uploads/img44.jpg') no-repeat;} #page-news-list-pic-left .space .media-heading:first-letter{ font-size:46px; color:#fff; line-height:100px; /*background-color:#000; border-radius:42px;*/ padding:10px 18px;} #page-news-list-pic-left .space p{ font-size:14px; color:#868686; line-height:200%;} .title>.panel-heading{ font-size:35px;} .title>.panel-heading:first-letter{ font-size:50px; color:#fff; background-color:#000; line-height:100px; border-radius:42px; padding:10px 18px;} .dietit>.panel-heading{ font-size:35px; background:url('../uploads/img42.jpg') no-repeat left center;} .dietit>.panel-heading:first-letter{ font-size:50px; color:#fff; line-height:100px; padding:10px 22px; font-weight:bold;} .page-diet-info{ padding-bottom:36px;} .page-diet-info p{ text-indent:0; padding-left:8px;} #page-news-list-pic-left .fitness{ border-bottom:none;} #page-news-list-pic-left .fitness .media-object{ border:none;} #page-news-list-pic-left .fitness .media-heading{ font-size:35px; margin-left:-5px; position:relative; padding-bottom:8px; margin-bottom:16px; background:url('../uploads/img41.jpg') no-repeat left center; display:none;} #page-news-list-pic-left .fitness .media-heading:first-letter{ font-size:46px; color:#fff; line-height:100px; padding:10px 18px;} #page-news-list-pic-left .fitness .media-body{ padding-left:20px; padding-bottom:36px;} #page-news-list-pic-left .fitness p{ font-size:14px;} .party article{ padding-bottom:30px;} .party article p{ text-indent:0;} .party article img{display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;} .party .title>.panel-heading{ position:relative; background:url('../uploads/img43.jpg') no-repeat left center;} .party .title>.panel-heading:first-letter{border-radius:0; background-color:transparent;} .legal .panel .panel-heading{ font-size:30px; color:#000;} .legal article p{ text-indent:0;} .legal article p strong{ color:#000;} .about .panel .panel-heading{ font-size:30px; color:#000; background:url('../uploads/img33.jpg') no-repeat left center; line-height:55px;letter-spacing:16px; text-indent:13px;} .about .media-list{ margin-top:36px; margin-bottom:36px;} .about .media-list .find{ margin:0 0 20px; padding:25px 20px; background:url('../uploads/bg-hua-01.jpg') repeat-y center top;} .about .media-list .media-object{ border:none; padding:0; width:98px; height:98px;border-radius:49px; text-align:center; padding-top:26px; background-color:#000; overflow:hidden;} .about .media-list .media-body .media-heading,.about .media-list .media-body h4{ font-size:18px; color:#000; background:url('../uploads/icon08.png') no-repeat left center; padding-left:8px;} .about .media-list .media-body p{ font-size:12px; color:#7e7e7e; padding-left:8px;} #page-album-list li.partner{ margin-bottom:20px;} .contact{ padding-top:50px; padding-bottom:50px;} .contact #page-sitemap-detail{ line-height:200%;} .contact #page-sitemap-detail .fa{ margin-right:5px;color:#000;} .contact #page-sitemap-detail h3{ font-size:30px; color:#000;} .contact #page-sitemap-icon{opacity:1.0; font-size:14px; padding-top:60px;} .notwo-bgc #two-nav{ background-color:#fff; padding-top:0;} .notwo-bgc #two-nav .panel-body{ display:none;} #page-contact .alert{ margin-left:0;} .feedback{ padding-top:0;} .feedback .panel-default{ margin:10px 0;} .feedback .panel-default>.panel-heading{ font-size:30px; color:#000;} .feedback-bg{background:url('../uploads/bg-hua-02.jpg') repeat center top; padding:40px 50px 20px; margin-bottom:20px;} #page-contact #page-contact-form .btn{ background-color:#000; border-color:#000;} .formhui .form-group{ line-height:38px; margin-bottom:30px;} .formhui .input-group{ display:block; /*overflow:hidden;*/}/*定位*/ .formhui .input-group>.form-control{appearance:normal;-moz-appearance:none;-webkit-appearance:none; border-radius:0px; border:1px solid #c2c2c2; background-color:#fff; font-family:"微软雅黑"; font-size:14px; color:#878787; box-shadow:none;} .formhui .input-group>input.form-control{ height:38px;} .formhui .input-group>select.form-control{ height:38px;} .formhui .input-group>.form-control{ z-index:1;}/*定位*/ .formhui .input-group-addon{border-radius:0; background-color:transparent; border:none; border-left:1px solid #c2c2c2; color:#777; /*min-width:42px;*/} .formhui .input-group-addon{ position:absolute; right:1px; top:1px; height:36px; line-height:36px; text-align:center; width:42px; z-index:2; padding:0;}/*定位*/ .formhui .input-group-addon .fa{ font-size:20px;} .formhui .fa-select{ height: 11px; position: absolute; right: 14px; top: 12px; width: 5px; z-index:3;} .formhui .fa-select:after, .formhui .fa-select:before { border-left: 4px solid transparent; border-right: 4px solid transparent; content: ""; position: absolute; right: 0;} .formhui .fa-select:after { border-top: 4px solid #000; bottom: 0;} .formhui .fa-select:before { border-bottom: 4px solid #000; top: 0;} .formhui .state-error>.invalid{ background-color:#fff0f0;} /*.formhui .state-error>.input-group-addon{ background-color:#fff0f0;}*/ .formhui .state-error>.valid{ background-color:#2a2929;} .formhui .state-error + em { color: #ee9393; display: block; font-size: 12px; font-style: normal; line-height: 15px; margin-top: 0px; padding:5px 1px 0; overflow:hidden;} .formhui .rating.state-error + em { margin-bottom: 4px; margin-top: -4px;} .formhui .input-group input:focus, .formhui .input-group select:focus, .formhui .input-group textarea:focus{ border-color: #2da5da;} .formhui .inline-group{ line-height:1.42857;} .formhui .btn{border-radius:0; border-color:#000; background-color:#000; color:#fff; font-size:16px; font-family:"微软雅黑"; padding:4px 30px;} .formhui .gray{ color:#c8c8c8; margin:0 8px;} .formhui .white{ color:#fff;} .formhui .light-blue{ color:#627099;} .formhui .brown{ color:#7f531d;} .formhui .form-group h3{ color:#c8c8c8;} .formhui #page-news-list-pic-top li{ border-bottom:none;border-radius:0; overflow:hidden;} .formhui #page-news-list-pic-top li h4{ font-size:20px; color:#000;} .formhui #page-news-list-pic-top li .caption{background:url('../uploads/bg-hua-01.jpg') repeat center top; padding:20px 40px 40px; line-height:200%;} .formhui #page-news-list-pic-top li .btn-warning{ margin-top:-20px; margin-right:20px; float:right;} .formhui .display-none{ display:none;} .login .panel-default>.panel-heading{ text-align:center;} .login .feedback-bg{ padding:60px 120px 40px;} .login .hyindex{ padding:30px 60px; color:#aeaeae;} .login .hyindex h3{ margin:0;} .hyindex .indcz{ text-align:right; font-size:18px; font-family:"微软雅黑";} .hyindex .indcz .btn-warning{ font-size:16px; padding:2px 10px; margin-left:10px; margin-bottom:5px;} .member-title .panel-default{ margin-top:36px;} .member{ padding:30px 50px;} #member-nav>li a{ background-color:transparent; text-align:center; padding:0;} #member-nav>li > a i{ background-color:#fff; width:78px; height:78px; line-height:78px; border-radius:39px; color:#e8e8e8; border:2px solid #e8e8e8; font-size:30px;} #member-nav>li span {color:#858585; display:block; padding-top:8px; font-family:"微软雅黑";} #member-nav>li.active a i, #member-nav>li a:hover i{background-color:#000; border-color:#000; color:#fff;} #member-nav>li.active a span, #member-nav>li a:hover span{color:#000;} .hr, .hr div{ display:block; border-bottom:1px dotted #868686; padding-bottom:1px;} .member-title .member-body{padding:5px 66px 25px; margin-bottom:30px; background:url('../uploads/bg-hua-01.jpg') repeat-y center top;} .member-title .member-body .panel-default>.panel-heading{ text-align:left; font-size:24px;} .member-title .member-body article{ padding-top:30px; line-height:150%; color:#4a4a4a;} .member-title .member-body article p{ text-indent:0;} .pagination { border-radius:0; display: block; margin: 20px 0; padding-left: 0; text-align: center;} .pagination > li { display: inline-block;} .pagination > li > a, .pagination > li > span { border-radius:0px; color:#fff;background-color:#e8e8e8;margin:0 3px;border:none;} .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0px;background-color:#e8e8e8; color:#fff;} .pagination li.active a, .pagination li.active span, .pagination li.active a:hover, .pagination li.active span:hover, .pagination li.active a:focus, .pagination li.active span:focus, .pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus, .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{background-color:#000;color:#fff;} .pagination-more{ background-color:#000;} /*日期*/ .ui-datepicker { display: none; padding: 10px 12px; background: rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,.3); font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; text-align: center; color: #666; } .ui-datepicker a { color: #404040; } .ui-datepicker-header { position: relative; margin: -10px -12px 10px; padding: 10px; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 15px; line-height: 27px; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 0; display: block; width: 47px; height: 47px; font-size: 15px; line-height: 47px; text-decoration: none; cursor: pointer; } .ui-datepicker-prev { left: 0; } .ui-datepicker-next { right: 0; } .ui-datepicker-calendar { border-collapse: collapse; font-size: 13px; line-height: 27px; } .ui-datepicker-calendar th { color: #999; } .ui-datepicker-calendar a, .ui-datepicker-calendar span { display: block; width: 31px; margin: auto; text-decoration: none; color: #404040; } .ui-datepicker-calendar a:hover { background: rgba(0,0,0,.05); } .ui-datepicker-calendar span { color: #bfbfbf; } .ui-datepicker-today a { font-weight: 700; } .ui-datepicker-calendar .ui-state-active { background: rgba(0,0,0,.05); cursor: default; } .ui-datepicker-inline { border: 2px solid #e5e5e5; background: #fff; box-shadow: none; } .ui-datepicker-inline .ui-datepicker-header { line-height: 47px; } .ui-datepicker-inline .ui-datepicker-calendar { width: 100%; } #page-default #default-carousel1 .swiper-pagination{ display:none;} #page-default #default-carousel1 .carousel-control span{ display:none;} #page-default #default-carousel1 .carousel-control.left{background:url('../uploads/icon-left2.png') no-repeat center!important;} #page-default #default-carousel1 .carousel-control.right{background:url('../uploads/icon-right2.png') no-repeat center!important;} .tstyle .feedback-bg{ background-image:url('../uploads/bg-hua-03.jpg');} .tstyle .formhui .input-group>.form-control{ background-color:#fff;} #footer{ padding:10px 0;} #footer #footer-copyright{ padding-left:0; padding-right:0;} #footer #weibo{ text-align:right; padding:0;} #footer #weibo a{ display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:15px; background-color:#3d3d3d; color:#fff; font-size:14px;} #footer #weibo a:hover{ background-color:#fff; color:#000;} #footer #weibo a:first-child{margin-right:15px;} .formhui .xgbt{ font-size:20px; color:#fff; margin-bottom:0;} .QQbox{position: absolute; position:fixed !important; bottom:220px; position:absolute; top:expression(offsetParent.scrollTop+20); width:93px; z-index:2; right:5px; overflow:hidden; } .QQbox a{ margin-top:10px; display:block;} #myModal .modal-dialog, #myModal2 .modal-dialog{ width:200px; margin-left:auto; margin-right:auto;} .formhui .tesu .form-control{ padding-left:74px;} #navbar-collapse-icon-modal-comments{ color:#fff;} #navbar-collapse-icon-modal-comments + .in, #navbar-collapse-icon-modal-comments + .modal + .in{opacity:1.0;} #navbar-collapse-icon-modal-comments .modal-content{box-shadow:none; background-color:transparent; border:none;} #navbar-collapse-icon-modal-comments .modal-body{padding-top:20px; padding-bottom:10px;} #navbar-collapse-icon-modal-comments .modal-body .fa{ background-color:#2a2f32; border-radius:3px; padding:5px; text-align:center; width:30px; margin:0 6px;} #navbar-collapse-icon-modal-comments .modal-header{ border-bottom:none; padding-top:10px; text-align:center;} #navbar-collapse-icon-modal-comments .modal-header .close{opacity:1.0;text-shadow:none; display:inline-block; margin:0 auto; border:2px solid #b5b5b7; padding:10px 25px; border-radius:5px; float:none; color:#fff; font-weight:normal;} .formhui .form-group .popover{ margin-top:-6px; border-radius:4px; background-color:#000;} .formhui .form-group .popover .popover-content{ line-height:1.4; font-size:12px; padding:2px 5px; color:#fff;} .formhui .form-group .popover.top>.arrow{ bottom:-17px; border:none;} .formhui .form-group .popover.top>.arrow:after{ border-width:8px; border-top-color:#000; margin-left:2px;} .formhui .form-group .popover.left>.arrow{right:-8px; border-left-color:#000;} .formhui .form-group .popover.left>.arrow:after{ display:none;} #baiduMap{ margin-bottom:20px;} #baiduMap label.BMapLabel{max-width: inherit;} .quxiao{ text-align:center; padding:20px 0;} .quxiao h3{ color:#fff;} .quxiao p{ color:#bfbfbf;} #page-news-list-pic-left .fitness .media-body img{ border:none; border-radius:0; height:auto; width:auto; padding:0;} .ie8wzewm{ display:none; text-align:center;} .payok>.panel-default>.panel-heading{color:#000; font-size:30px; text-align:center;} .payok .feedback-bg{ padding-top:20px;} @media (max-width: 319px) { body{ background-color:#000;} .mian{ background-color:#fff;} #navbar #navbar-brand{ padding:0;} #page-nav{ display:none;} #aside .panel-default>.panel-heading{ top:60px; font-size:18px;} #aside .panel-default>.panel-heading small{ font-size:24px; line-height:24px;} #two-nav{ padding-bottom:5px;} #two-nav .pull-right-nav-ul .nav{ float:none;} #aside .panel .panel-body .nav>li{ width:50%;} #aside .panel .panel-body .nav>li.nav-header{ width:100%; margin-bottom:8px;} #aside .panel .panel-body .nav>li>a{ padding:6px 0; width:100%; text-align:center;} #about-page .media .media-object{ margin-top:0;} #about-page .media .media-object img{border-radius:0px; float:none;} #about-page .media .media-heading{ width:100%; padding:0 15px; margin:0;} #about-page .media .media-heading span{ width:auto; height:auto; line-height:150%;border-radius:0; text-align:left; padding:0; background-color:transparent;} #about-page .media .media-body{ width:100%; padding:20px 15px; height:auto; min-height:inherit;} #about-page .media .media-body:before{background-image:none;} #about-page .media .media-body:after{background-image:none;} #page-news-list-pic-left .space{min-height:260px; /*padding-bottom:500px;*/ background-position:right bottom;} #page-news-list-pic-left .space .media-heading{ font-size:26px;} #page-news-list-pic-left .fitness .media-body{ padding:0 15px;} .about .media-list .media-body{ width:100%; padding-top:20px;} #page-default #page-default-login{ position:relative; top:auto; right:auto; width:auto;} #page-default-login .formhui{ width:auto; padding-right:23px;} #page-default-login .formhui .sub{ position:relative; top:auto; right:auto;} .feedback .panel-default{ margin:0;} .feedback-bg, .login .feedback-bg{ padding:20px 10px;} .formhui .btn{ float:left; margin-right:6px;} .login .formhui .btn{ float:none; margin:0;} .member{ padding:15px;} #member-nav>li{ padding:10px 0; width:33.3333%;} #member-nav>li i{width:50px; height:50px; line-height:50px; border-radius:25px; font-size:25px;} #member-nav>li span{ font-size:12px;} .member-title .member-body{padding:5px 15px 25px;} .formhui #page-news-list-pic-top li .caption{padding:20px 10px 40px;} .login .hyindex h3{ font-size:18px;} .hyindex .indcz{ text-align:left;} #page-album-list .diet{ width:100%;} #page-album-list .diet .js-link{ text-align:center;} #page-default #default-carousel1 .carousel-control span{ display:block;} #page-default #default-carousel1 .carousel-control.left{background-image:none!important;} #page-default #default-carousel1 .carousel-control.right{background-image:none!important;} #weibo{ display:none;} .QQbox{ position:absolute!important; bottom:auto; top:60px; right:8%; width:200px;} .QQbox a{ margin-top:0;} .QQbox img{ float:right; width:50px; margin:0 4px;} #header{ height:36px;} #wapper #header #header-icons{ padding:6px 16px 0;} #header #header-icons #nosmoking{ top:78px; z-index:2; background-color:rgba(31,31,31, 0.7);} #header #header-icons .telephone{ display:none;} #header #header-icons .sc{ float:right;} /*头部和导航互换位置*/ #header #header-icons #nosmoking{ top:34px;} } @media (min-width: 320px) and (max-width: 479px) { body{ background-color:#000;} .mian{ background-color:#fff;} #navbar #navbar-brand{ padding:0;} #page-nav{ display:none;} #aside .panel-default>.panel-heading{ top:60px; font-size:18px;} #aside .panel-default>.panel-heading small{ font-size:24px; line-height:24px;} #two-nav{ padding-bottom:5px;} #two-nav .pull-right-nav-ul .nav{ float:none;} #aside .panel .panel-body .nav>li{ width:50%;} #aside .panel .panel-body .nav>li.nav-header{ width:100%; margin-bottom:8px;} #aside .panel .panel-body .nav>li>a{ padding:6px 0; width:100%; text-align:center;} #about-page .media .media-object{ margin-top:0;} #about-page .media .media-object img{border-radius:0px; float:none;} #about-page .media .media-heading{ width:100%; padding:0 15px; margin:0;} #about-page .media .media-heading span{ width:auto; height:auto; line-height:150%;border-radius:0; text-align:left; padding:0; background-color:transparent;} #about-page .media .media-body{ width:100%; padding:20px 15px; height:auto; min-height:inherit;} #about-page .media .media-body:before{background-image:none;} #about-page .media .media-body:after{background-image:none;} #page-news-list-pic-left .space{min-height:260px; /*padding-bottom:500px;*/ background-position:right bottom;} #page-news-list-pic-left .space .media-heading{ font-size:26px;} #page-news-list-pic-left .fitness .media-body{ padding:0 15px;} .about .media-list .media-body{ width:100%; padding-top:20px;} #page-default #page-default-login{ position:relative; top:auto; right:auto; width:auto;} #page-default-login .formhui{ width:auto; padding-right:23px;} #page-default-login .formhui .sub{ position:relative; top:auto; right:auto;} .feedback .panel-default{ margin:0;} .feedback-bg, .login .feedback-bg{ padding:20px 10px;} .formhui .btn{ float:left; margin-right:6px;} .login .formhui .btn{ float:none; margin:0;} .member{ padding:15px;} #member-nav>li{ padding:10px 0; width:33.3333%;} #member-nav>li i{width:50px; height:50px; line-height:50px; border-radius:25px; font-size:25px;} #member-nav>li span{ font-size:12px;} .member-title .member-body{padding:5px 15px 25px;} .formhui #page-news-list-pic-top li .caption{padding:20px 10px 40px;} .login .hyindex h3{ font-size:18px;} .hyindex .indcz{ text-align:left;} #page-album-list .diet{ width:100%;} #page-album-list .diet .js-link{ text-align:center;} #page-default #default-carousel1 .carousel-control span{ display:block;} #page-default #default-carousel1 .carousel-control.left{background-image:none!important;} #page-default #default-carousel1 .carousel-control.right{background-image:none!important;} #weibo{ display:none;} .QQbox{ position:absolute!important; bottom:auto; top:60px; right:8%; width:200px;} .QQbox a{ margin-top:0;} .QQbox img{ float:right; width:50px; margin:0 4px;} #header{ height:36px;} #wapper #header #header-icons{ padding:6px 16px 0;} #header #header-icons a{ margin:0 3px;} #header #header-icons #nosmoking{ top:78px; z-index:2; background-color:rgba(31,31,31, 0.7);} #header #header-icons .telephone{ display:none;} #header #header-icons .sc{ float:left;} #header #header-icons .icon-box{ float:right;} #header #header-icons .home{ display:none;} /*头部和导航互换位置*/ #header #header-icons #nosmoking{ top:34px;} } @media (min-width: 480px) and (max-width: 639px) { body{ background-color:#000;} .mian{ background-color:#fff;} #page-nav{ display:none;} #aside .panel-default>.panel-heading{ top:90px;} #aside .panel-default>.panel-heading small{ font-size:30px; line-height:30px;} #two-nav .pull-right-nav-ul .nav{ float:none;} #aside .panel .panel-body .nav>li{ width:50%;} #aside .panel .panel-body .nav>li.nav-header{ width:100%; margin-bottom:8px;} #aside .panel .panel-body .nav>li>a{ padding:6px 0; width:100%; text-align:center;} #about-page .media .media-heading{ padding-top:130px;} #about-page .media .media-object{ margin-top:0;} #about-page .media .media-object img{border-radius:0px; float:none;} #about-page .media .media-body{ min-height:400px; padding-top:20px;} #about-page .media .media-body:after{ height:450px;} #about-page .media .media-body:before{ background-image:none;} #page-news-list-pic-left .space{min-height:260px; /*padding-bottom:500px;*/ background-position:right bottom;} #page-news-list-pic-left .fitness .media-body{ padding:0 20px;} #page-default #page-default-login{ position:relative; top:auto; right:auto; width:auto;} #page-default-login .formhui{ width:auto; padding-right:23px;} #page-default-login .formhui .sub{ position:relative; top:auto; right:auto;} .login .feedback-bg{ padding:20px 30px;} .member{ padding:15px;} #member-nav>li{ padding:0;} #member-nav>li i{width:60px; height:60px; line-height:60px; border-radius:30px; font-size:25px;} .member-title .member-body{padding:5px 30px 25px;} .hyindex .indcz{ text-align:left;} #page-default #default-carousel1 .carousel-control span{ display:block;} #page-default #default-carousel1 .carousel-control.left{background-image:none!important;} #page-default #default-carousel1 .carousel-control.right{background-image:none!important;} .QQbox{ position:absolute!important; bottom:auto; top:70px; right:8%; width:200px;} .QQbox a{ margin-top:0;} .QQbox img{ float:right; width:60px; margin:0 4px;} #header{ height:36px;} #wapper #header #header-icons{ padding:6px 5px 0;} #header #header-icons #nosmoking{ top:78px; z-index:2; background-color:rgba(31,31,31, 0.7);} #header #header-icons a{ margin:0 0;} #header #header-icons .telephone{ padding-right:0;} #header #header-icons .telephone em{ font-size:12px;} #header #header-icons .sc{ float:inherit;} /*头部和导航互换位置*/ #header #header-icons #nosmoking{ top:34px;} } #header #header-icons .icon-box{ display:inline-block;} #header #header-icons .icon-box_xs{ display:none;} @media screen and (max-width: 767px) { #banner{height:auto;} .wushi{ width:auto; margin:0 auto;} #navbar #navbar-brand{ margin-top:5px;} #header{ border-bottom:2px solid #000;} #header #yinc{ display:none; } #header>div{ padding:0;} #header #header-icons{ margin-top:0; padding:15px 60px 0 15px; text-align:left;} #header #header-icons .icon-box{ display:none ;} #header #header-icons .icon-box_xs{ display:inline-block ; float:right;} #page-contact .form-group, #page-contact .col-xs-nl,#page-default-login .col-xs-nl{ margin-bottom:10px;} #footer #weibo{ text-align:center; padding-top:8px;} #page-default #page-default-login{ background-color:#c2c2c2;} #page-default-login .formhui .ot{ right:14px;} /*头部和导航互换位置*/ #wapper{ position:relative;} #header{ position:absolute; top:48px; width:100%; border-bottom:none; border-top:2px solid #000;} #navbar{ margin-bottom:36px;} } @media (min-width: 640px) and (max-width: 767px) { body{ background-color:#000;} .mian{ background-color:#fff;} #page-nav{ display:none;} #aside .panel-default>.panel-heading{ top:110px;} #aside .panel-default>.panel-heading small{ font-size:46px; line-height:46px;} #aside .panel .panel-body .nav>li.nav-header{ width:100%; margin-bottom:8px;} #about-page .media .media-heading{ padding-top:130px;} #about-page .media .media-object{ margin-top:0;} #about-page .media .media-object img{border-radius:0px; float:none;} #about-page .media .media-body{ min-height:400px; padding-top:50px;} #about-page .media .media-body:after{ height:450px;} #about-page .media .media-body:before{ background-image:none;} #page-news-list-pic-left .space{min-height:260px; /*padding-bottom:500px;*/ background-position:center bottom;} #page-default #page-default-login{ position:relative; top:auto; right:auto; width:auto;} #page-default-login .formhui{ width:auto; padding-right:23px;} #page-default-login .formhui .sub{ position:relative; top:auto; right:auto;} .member{ padding:15px 0;} .member-title .member-body{padding:5px 30px 25px;} .hyindex .indcz{ text-align:left;} .QQbox{ position:absolute!important; bottom:auto; top:70px; right:8%; width:200px;} .QQbox a{ margin-top:0;} .QQbox img{ float:right; width:80px; margin:0 4px;} /*头部和导航互换位置*/ #navbar{ margin-bottom:53px;} } @media (min-width: 768px) and (max-width: 991px) { /*首页百分百*/ .hundred,.hundred body,.hundred #wapper{ height:100%;} .hundred footer{ position:absolute; bottom:0; width:100%; z-index:2;} .hundred #page-default #page-nav{ top:auto; bottom:76px;} .hundred #footer .container{ width:100%; padding:0;} .hundred #footer #weibo{ text-align:center;} .hundred #page-default #page-default-login{top:75px;} #page-default #default-carousel1 .carousel-control.left, #page-default #default-carousel1 .carousel-control.right{ background-position:center 42%!important;} #header{height:53px;} #header #header-icons .telephone{ padding-right:10px;} #page-nav .navbar-nav>li>a{ padding-left:0; padding-right:0;} #aside .panel-default>.panel-heading{ top:110px;} #aside .panel-default>.panel-heading small{ font-size:46px; line-height:46px;} #about-page .media .media-heading span{ font-size:24px; padding-right:110px;} #page-default #page-nav{ top:623px;} #page-default-login .formhui .panel-heading{ margin-top:10px;} #page-default-login .formhui .form-group{ margin-bottom:10px;} #page-default #page-default-login .formhui .form-group .col-xs-nl{ margin-bottom:8px;} .login .feedback-bg{ padding:20px 30px;} .member{ padding:30px 0;} .hyindex .indcz{ text-align:left;} #navbar-collapse-icon-modal-qrcode .modal-dialog{ width:300px;} } @media (min-width: 992px) and (max-width: 1199px){ #aside .panel-default>.panel-heading{ top:110px;} #aside .panel-default>.panel-heading small{ font-size:46px; line-height:46px;} #page-default #page-nav{ top:520px;} #page-default #page-default-login{ top:339px;} } @media (min-width: 992px){ .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:30%;} #page-album-list li.partner{ width:20%;} #page-album-list li.partner:first-child{ margin-left:10%;} #page-album-list li.partner:nth-child(10){ margin-left:10%;} #page-album-list li.partner:first-child+li+li+li+li+li+li+li+li+li{ margin-left:10%;} #page-default #default-carousel1 .carousel-control.left, #page-default #default-carousel1 .carousel-control.right{ background-position:center 340px!important;} /*首页百分百*/ .hundred,.hundred body,.hundred #wapper{ height:100%;} .hundred footer{ position:absolute; bottom:0; width:100%; z-index:2;} .hundred #page-default #page-nav{ top:auto; bottom:50px;} .hundred #page-default #page-default-login .formhui .form-group .col-xs-nl{ margin-bottom:12px;} .login .reserve-message .feedback-bg{ padding-left:60px; padding-right:60px;} #navbar-collapse-icon-modal-qrcode .modal-dialog{ width:300px;} } @media (min-width: 992px) and (max-width: 1399px){ #aside .panel-default>.panel-heading{ top:90px;} #page-default #default-carousel1 .carousel-control.left, #page-default #default-carousel1 .carousel-control.right{ background-position:center 290px!important;} /*首页百分百*/ .hundred #page-default #page-default-login{top:75px; width:280px;} .hundred #page-default #page-default-login .formhui{ padding:13px;} .hundred #page-default #page-default-login .formhui .panel-heading{ margin-top:10px; font-size:18px;} .hundred #page-default #page-default-login .formhui .form-group{ margin-bottom:5px;} .hundred #page-default #page-default-login .formhui .form-group .col-xs-nl{ margin-bottom:5px;} .hundred #page-default #page-default-login .formhui .input-group>input.form-control{ height:32px;} /*.hundred #page-default #page-default-login .formhui .input-group-addon{ height:30px; line-height:30px;} .hundred #page-default #page-default-login .formhui .input-group-addon .fa{ font-size:18px;}*/ .hundred #page-default #page-default-login .formhui .sub .btn{ height:32px; font-size:15px;} .hundred #page-default #page-default-login .shuomg{ padding:10px 19px;} .hundred #page-default #page-navbar-wz{ font-size:15px;} .hundred #page-default #page-navbar-wz h3{ font-size:24px;} .hundred #page-default #page-navbar-wz h3 strong{ font-size:36px;} .hundred #page-default #page-nav{ bottom:50px;} } @media (min-width: 1200px) and (max-width:1399px){ /*#page-nav{top:240px;}*/ } @media (min-width: 1400px) { #header{height:77px;} #navbar #navbar-brand{ margin-top:-62px;} #navbar #navbar-brand img{height:50px;} #page-nav .navbar-nav>li>a{ padding:90px 0 0; margin:20px 0;} #header #header-icons div.sc{ display:none;} #header #header-icons{ margin:20px 0 0; padding-right:70px;} #header #header-icons #nosmoking{width:77px; height:77px;} #header #header-icons .sc{ width:40px; height:40px; border-radius:20px; line-height:35px;} #header #header-icons .ding{ font-size:18px; font-weight:bold;} #header #header-icons a .fa{ font-size:18px; line-height:38px;} #header #header-icons #headusercenter img{ width:30px; margin-top:-2px;} #page-nav{top:307px;} } /*导航侧栏*/ .BMapLabel { display: none; visibility: hidden; max-width: inherit; } .tianv-slidemenu li.active{ background-color: #444b52; } @media (min-width: 320px) and (max-width: 479px) { #navbar #navbar-brand img { max-width: 220px; } } @media (min-width: 480px) and (max-width: 639px) { #navbar #navbar-brand img { max-width: 380px; } } @media (max-width: 767px) { #navbar #navbar-brand { position: inherit; margin-left: auto; margin-right: auto; width: inherit; float: inherit; } #navbar #navbar-brand img { max-height: 40px; } } /*关闭登录按钮*/ /*#headusercenter{ display:none !important;} .shuomg a{ display:none !important;}*/