/*------------------------------------222----------------
*	  COMMON CSS FILE | by zhanglong | 
*	 
*	  --COLOR PRIMARY     14bc88
*	  --COLOR RED         f5696c
*	  --COLOR YELLOW			ffc600
*	  --TEXT MAIN  			  202020
*	  --TEXT SECONDARY  	666666
*   --SELECTED HOVER        dfffd6
* 
-----------------------------------------------------*/
uni-page-head { display: none; }

html, body, .response-wrap, .main-menu-wrap { height: 100%; }
html { font-size: 10px; }
@media (min-device-pixel-ratio:1.5), (-webkit-min-device-pixel-ratio:1.5) { html { font-size: 18px; } } 

body { color: #666666; font: 1.2rem/1.8 "Microsoft Yahei",Tahoma,Simsun,sans-serif; 
	background-color: #FFFFFF;  }
body.on { overflow: hidden; }

/*----------------------------------------------------*/

ul { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: normal; font-weight: bold; } 
cite { font-style: normal; }

a { color: #666666; cursor: pointer; }
a:hover, a:focus,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
 { text-decoration: none; color: #14bc88; }

a.grey { color: #9f9f9f; }
a.grey:hover, a.grey:focus { color: #14bc88; }

.dropdown-menu { font-size: 1.2rem; border-radius: 0;}
.dropdown-menu > li > a { padding: 0.6rem 2rem; }
.prc > em { color: #f5696c; }


.primary, .more { color: #14bc88; }
.red { color: #f5696c !important; }
.grey { color: #999; }
p { margin-bottom: 0; }
i { font-style: normal; } 

.npd { padding: 0 !important; }
.pipe { padding-left: 0.5rem; padding-right: 0.5rem; color: #9f9f9f; }
em.pipe { padding: 0 0.5rem; color: #14bc88;}
.imo, .imo a, .imo a img { display: block; }
	.imo img { width: 100%; }

i + span, span + i , i.pdr { padding-left: 0.8rem; }
i.pdl { padding-left: 0.8rem; }

.b-raidus { border-radius: 1rem; }
.split-top { border-top: 1.5rem solid #1f1f20; padding-top: 1rem !important; }
.split-bottom { border-bottom: 1.5rem solid #1f1f20; }

.pagination { margin: 0; }
.pagination > li > a, .pagination > li > span
{ color: #696969; } 

.pagination > li.active > a,
.pagination > li > a:focus,     .pagination > li > a:hover, 
.pagination > li > span:focus,  .pagination > li > span:hover 
{ color: #FFF; background-color: #14bc88; border-color: #14bc88; }

.limit-sm { max-width: 32rem; }
.limit-md { max-width: 56rem; }
.limit-lg { max-width: 78rem; }

.input-xs { max-width: 10rem; }
.input-sm { max-width: 24rem; }


.tips i { padding-right: 1rem; color: #14bc88;}
.tips a { padding: 0 0.4rem; color: #14bc88; font-weight: bold; }


/*  过渡注册  ----------------------------------------------------*/

.main-menu-wrap, 
.main-contents-wrap
 { 	-webkit-transition: all .4s ease-in-out;
       	 -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out; } 

/*  布局元素  ----------------------------------------------------*/
.container { padding-left: 0; padding-right: 0; }
.wrap { position: relative; background-color: #FFF; }
.main { min-height: 60rem; background-color: #f0f0f0; padding-top: 12rem; }
    .main.contents { position: relative; height: 100%;}

.main-m { max-width: 64rem; margin: 0 auto; background-color: #FFF; position: relative; position: relative; height: 100%; overflow: hidden; }
@media (max-width: 829px) {
	.main-m { max-width: 100%; padding-bottom: 5rem; }
}

.full-wrap { margin: 0 auto; display: table; height: 75%; max-width: 98rem;}
    .full-wrap .inner { display: table-cell; vertical-align: middle; width: 1000rem; }
    .full-wrap .wrap { padding: 5rem; }
.topic-wrap { font-size: 1.4rem; }
@media (max-width: 829px) {
	.full-wrap { width: 100%; }
	.full-wrap .inner { width: 100%; }
	.full-wrap .wrap { padding: 0; }
}



@media (min-width: 828px)   { .container { width: 1140px; max-width: 1140px; }}
@media (min-width: 992px)   { .container { width: 1140px; max-width: 1140px; }}
@media (min-width: 1300px)  { .container { width: 1140px; max-width: 1140px; }}
@media (max-width: 828px)  { .container { width: 100%; max-width: 100%; }}
/*@media (min-width: 1680px)  { .container { width: 1440px; }}*/

.row-col { margin-left: -1rem; } .row-pd { padding: 0 1rem; }
.col { padding-left: 1rem; } 
.row-close, .row-close .col { padding: 0; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 
	{ position: relative; min-height: 1px;}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { float: left; }
	.col-12 { width: 100%; clear: both;}
	.col-11 {  width: 91.66666667%;}
	.col-10 {  width: 83.33333333%;}
	.col-9 	{  width: 75%;}
	.col-8 	{  width: 66.66666667%;}
	.col-7 	{  width: 58.33333333%;}
	.col-6 	{  width: 50%;}
	.col-5 	{  width: 41.66666667%;}
	.col-4 	{  width: 33.33333333%;}
	.col-3 	{  width: 25%;}
	.col-2 	{  width: 16.66666667%;}
	.col-1 	{  width: 8.33333333%;}

.row-sm { margin-right: -1rem; }
	.row-sm .col { padding-right: 1rem; padding-bottom: 1rem;}
	.col-label { line-height: 3rem; text-align: right; padding-right: 1rem; color: #b28850; font-size: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wrap-table { display: table; width: 100%; table-layout: fixed; }
	.wrap-table .cell { display: table-cell; }

.row-flat-info { text-align: center; border-bottom: 1px solid #dfdfdf; padding: 0 1.5rem; }
	.row-flat-info .col { padding: 1.5rem 0; }
	.row-flat-info .t { color: #797979; }
	.row-flat-info .d { font-size: 1.45rem; font-weight: bold; }

.wrap-table { display: table; width: 100%; }
	.wrap-table > .cell { display: table-cell; vertical-align: top; }

.section {  }
    .section + .section { margin-top: 6rem; }
    .section-header { margin-top: 8rem; margin-bottom: 5rem; }
    .mainbox .section-header { margin-top: 4rem; margin-bottom: 3rem; }
@media (max-width: 829px) {
	.section + .section { margin-top: 1rem; }
	.section-header { margin-top: 1.5rem; margin-bottom: 1rem; }
	.mainbox .section-header { margin-top: 2rem; margin-bottom: 1rem; }
}

.part { position: relative; margin: 1rem 0;}

/* 表格 */
.table { margin: 0; } .table + .pagination { margin-top: 2rem; }
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th { padding: 1rem; line-height: 1.4; } 
.table-sm > tbody > tr > td, 
.table-sm > tbody > tr > th, 
.table-sm > tfoot > tr > td, 
.table-sm > tfoot > tr > th, 
.table-sm > thead > tr > td, 
.table-sm > thead > tr > th { padding: 0.5rem; } 
.table-nbd > tbody > tr > td, 
.table-nbd > tbody > tr > th, 
.table-nbd > tfoot > tr > td, 
.table-nbd > tfoot > tr > th, 
.table-nbd > thead > tr > td, 
.table-nbd > thead > tr > th { border: 0; } 
.table-mid > tbody > tr > td, 
.table-mid > tbody > tr > th, 
.table-mid > tfoot > tr > td, 
.table-mid > tfoot > tr > th, 
.table-mid > thead > tr > td, 
.table-mid > thead > tr > th { vertical-align: middle;}

.ul-primary { margin: 0; padding: 0.5rem 0;}
.ul-primary li a { display: block; height: 3rem; line-height: 3rem; font-size: 1.4rem; overflow: hidden; white-space: nowrap; }

/*  控件  ----------------------------------------------------*/
.form-control, .btn { line-height: 3rem; padding: 0 1.5rem; font-size: 1.2rem;  border-color: #d0d0d0; border-radius: 0; height: 3.2rem;}
.btn {  }
textarea.form-control { line-height: 1.4; height: auto; padding: 0.75rem 1.5rem;}
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #FFF url(../images/arr-select.png) no-repeat 100% 50%; padding-right: 3rem; padding-left: 1rem; }
.btn-sm { padding: 0 1rem; line-height: 2.25rem; height: 2.5rem; font-size: 1.2rem;}
.btn-lg { padding: 0 5rem; line-height: 4.25rem; height: 4.5rem; font-size: 1.4rem;}
.btn-slg { padding: 0 10rem; line-height: 6rem; height: 6rem; font-size: 1.6rem;}
.form-control { color: #666666; background-color: #FFF; }
.form-control:focus {
  border-color: #14bc88;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline:none;
}
.part-control { display: table; width: 100%; }
.part-control + .part-control { padding-top: 1.5rem; }
    .part-control .t, .part-control .c { display: table-cell; vertical-align: top; line-height: 3rem;  }
    .part-control .t { width: 6rem; color: #14bc88;}

.part-control.upload > .i { width: 8rem; height: 8rem; position: relative; float: left;border: 1px solid #dfdfdf;}
.part-control.upload > .i + .i { margin-left: 1rem; }
.part-control.upload > .i > img { width: 100%; height: 100%; }
.part-control.upload > .i > a { position: absolute; display: block; z-index: 1000;}
.part-control.upload > .i > a.del { z-index: 5000; }
.part-control.upload .del { height: 2.6rem; background-color: rgba(255,255,255,0.95); line-height: 2.4rem; text-align: center; bottom: 0; width: 100%;}
.part-control.upload input[type=file] { display: block; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; position: absolute; z-index: 8000; cursor: pointer;}
.part-control.upload .u { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; text-align: center; }
.part-control.upload input[type=file]:hover + .u { background-color: #dfffd6; }
.part-control.upload .u i { display: block; font-size: 3rem; line-height: 5rem; color: #14bc88; }
.part-control.upload .u p { height: 2rem; line-height: 2rem; }
.part-control.upload .v { float: left; height: 8rem; margin-left: 1rem;}
.part-control.upload .tmp { border: 1px dashed #d0d0d0; width: 10rem; }
.part-control.upload .avt { border: 1px dashed #d0d0d0;  width: 8rem; }
.part-control.upload .v img { height: 8rem; }
@media (max-width: 829px) {
	.part-control.upload.upload-m > .i { width: 50%; height: 14rem; }
	.part-control.upload.upload-m > .i + .i { margin-left: 0; }
	.part-control.upload.upload-m .u i { font-size: 4rem; line-height: 9rem; }
}

/*  复选  ----------------------------------------------------*/
.checkbox, .radio { margin: 0.5rem 0; line-height: 1.4; }
.checkbox .ac-ck, .radio .ac-ck {  }
.checkbox + .checkbox, .radio + .radio { margin: 0.5rem 0; }
.checkbox label, .radio label { padding: 0; }

.ac-ck, .ac-ck i { width: 2rem; height: 2rem; display: block; }
.ac-ck input { display: block; width: 2.5rem; height: 2.5rem; margin: 0;}
.ac-ck { overflow: hidden; position: relative;}
.ac-ck i { position: absolute; left: 0; top: 0; background: url(../images/check.png) no-repeat 0 0 / 2rem auto; z-index: 5;}
.ac-ck input { opacity: 0; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer;}
.ac-ck input:hover + i { background: url(../images/check.png) no-repeat 0 -2rem / 2rem auto; }
.ac-ck input:checked + i { background: url(../images/check.png) no-repeat 0 -4rem / 2rem auto;  }
.ac-ck.title { float: left; margin-right: 0.5rem;}

/*  按钮式复选 单选  ----------------------------------------------------*/
.ck-txt { float: left; position: relative; padding: 0 0.5rem; margin-bottom: 1rem;}
    .x4 .ck-txt { width: 25%; }
.ck-txt, .ck-txt p, .ck-txt input { height: 3rem; display: block; }
.ck-txt input { width: 100%; opacity: 0; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; margin: 0;}
.ck-txt p { border: 1px solid #d0d0d0; line-height: 3rem; text-align: center; width: 100%;}
.ck-txt input:hover + p { border-color: #14bc88; color: #14bc88; }
.ck-txt input:checked + p { border-color: #14bc88; background-color: #14bc88; color: #FFF; }


/* btn DEFAULT */
.btn-default 
{ border-color: #d0d0d0; color: #666; background-color: #f0f0f0; }
.btn-default.active, 
.btn-default.active.focus, 
.btn-default:focus, 
.btn-default:hover 
{ background-color: #dfffd6; border-color: #14bc88; color: #14bc88; }
.btn-default i { color: #14bc88; }
.btn-default.disabled { background-color: #ccc; }


/* btn DEFAULT2 */
.btn-default2 
{ border-color: #14bc88; color: #14bc88; background-color: #FFF; }
.btn-default2.active, 
.btn-default2.active.focus, 
.btn-default2:focus, 
.btn-default2:hover 
{ background-color: #14bc88; border-color: #14bc88; color: #FFF; }

/* btn PRIMARY */
.btn-primary 
{ background-color: #14bc88; border: 0; color: #FFF; }
.btn-primary.active, 
.btn-primary.active.focus, 
.btn-primary:focus, 
.btn-primary:hover 
{ background-color: #009864; }

/* btn DANGER */
.btn-danger 
{ background-color: #fc8d58; border: 0; color: #FFF; }
.btn-danger.active, 
.btn-danger.active.focus, 
.btn-danger:focus, 
.btn-danger:hover 
{ background-color: #fb6923; } 

/* btn RED B */
.btn-red-b 
{ background-color: #FFF; border-color: #f5696c ; color: #f5696c; }
.btn-red-b.active, 
.btn-red-b.active.focus, 
.btn-red-b:focus, 
.btn-red-b:hover 
{ background-color: #f5696c; color: #FFF; } 

/* btn trans */
.btn-trans 
{ background-color: transparent; border-color: #FFF ; color: #FFF; }
.btn-trans.active, 
.btn-trans.active.focus, 
.btn-trans:focus, 
.btn-trans:hover 
{ background-color: rgba(0,0,0,0.5); color: #FFF; } 

.btn.btn-col { width: 100%; border-radius: 0; border: 0; padding: 0; height: 4.75rem; line-height: 4.75rem; }
.btn.btn-around-lg { border-radius: 5rem; padding: 1rem 5rem; }

/* alert */
.alert { padding: 0.75rem 1.5rem; margin-bottom: 2rem; border-radius: 0; }
.alert > p + p { margin-top: 0.5rem; }
.alert-dismissable,
.alert-dismissible { padding-right: 3rem; }
.alert-dismissable .close,
.alert-dismissible .close { position: relative; top: -0.2rem; right: -2rem; }

.alert-success              { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-success hr           { border-top-color: #c9e2b3; }
.alert-success .alert-link  { color: #2b542c; }

.alert-info                 { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link     { color: #245269; }

.alert-warning              { color: #8a6d3b; background-color: #fcf8e3; border-color: #f8e59b; }
.alert-warning hr           {  border-top-color: #f7e1b5;}
.alert-warning .alert-link  { color: #66512c;}

.alert-danger               { color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-danger hr            { border-top-color: #e4b9c0;}
.alert-danger .alert-link   { color: #843534;}

/*  标签页  -------------------------------------------------*/
.nav-tabs { width: 100%; padding: 0 3rem; margin-bottom: 1.5rem; text-align: center;}
.nav-tabs > li { display: inline-block; text-align: center; font-size: 1.4rem; float: none; }
.nav-tabs.x2 > li { width: 48%; }
.nav-tabs.x3 > li { width: 33%; }
.nav-tabs.x4 > li { width: 24%; }
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
 { border-left: 0; border-right: 0; border-top: 0; border-bottom: 0.3rem solid transparent; background-color: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { border-bottom: 0.3rem solid #14bc88; color: #14bc88; font-weight: bold;}
@media (max-width: 829px) {
	.nav-tabs { padding: 0; }
	.nav-tabs > li > a { font-size: 1.2rem; padding: 1rem 0; }
}

.nav-tabs.border { margin: 0; }
.nav-tabs.border > li > a,
.nav-tabs.border > li > a:hover,
.nav-tabs.border > li > a:focus,
.nav-tabs.border > li.active > a,
.nav-tabs.border > li.active > a:hover,
.nav-tabs.border > li.active > a:focus
 { border: 1px solid #dfdfdf; background-color: #FFF; border-radius: 0; padding: 1rem 3rem;}
.nav-tabs.border > li.active > a,
.nav-tabs.border > li.active > a:hover,
.nav-tabs.border > li.active > a:focus { border-bottom-color: #FFF;}
.nav-tabs.border + .tab-content { border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.nav-tabs.border + .tab-content > .tab-pane { padding: 3rem; }

/*  带字段头的输入控件  -------------------------------------------*/
.ac-input { position: relative; }  .ac-input + .ac-input, .ac-input + .row-col { margin-top: 1.5rem; }
.ac-input span { width: 8rem; height: 4rem; line-height: 4rem; position: absolute; left: 0; font-size: 1.4rem; padding-left: 1rem; color: #14bc88 ;}
.ac-input .form-control { padding-left: 8rem; line-height: 4rem; height: 4rem; }
.ac-input:focus span { color: #14bc88; }
.ac-input + .error { color: #f5696c; padding: 1rem 0; text-align: right;}
.ac-submit { padding-top: 2rem; }

/*  模态框  -----------------------------------------------------*/
.modal { height: 100%; }
.modal-dialog { display: table; width: 100%; height: 100%; margin: 0; padding: 1rem; margin: 0 auto;}
.modal-content-wrapper { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.modal-content { background-color: #FFF; color: #666; position: relative; border-radius: 0; overflow: hidden;}
	.modal-content .close { color: #393939; display: block; opacity: 0.8; position: absolute; right: 0; top: 0; z-index: 1000;}
	.modal-content .close i { display: block; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 2.8rem; }
.modal-header { padding: 0; border: 0; text-align: center; font-size: 1.6rem; text-align: center; color: #333; height: 5rem; line-height: 5rem}
.modal-title { text-align: center; font-size: 1.6rem; text-align: center; color: #333; height: 5rem; line-height: 5rem;}
.modal-body { padding: 0; }
    .modal-body .inner { padding: 2rem; min-height: 10rem; }
    .modal-body .part { padding: 2rem; }
.modal-footer { border: 0; display: table; width: 100%; height: 5rem; padding: 0; }
	.modal-footer .btn { display: table-cell; border: 0 !important; border-radius: 0; font-size: 1.4rem; }
.modal-cover { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 20rem; }
.modal-cover-sm { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 12rem;  }
    .modal-cover-sm.c-design { background-image: url(../images/modal-cover-02.jpg); } 
    .modal-cover-sm.c-default { background-image: url(../images/modal-cover-01.jpg); } 
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: scale(0.8,0.8);
      -ms-transform: scale(0.8,0.8);
       -o-transform: scale(0.8,0.8);
          transform: scale(0.8,0.8);
}
.modal.in .modal-dialog {
  -webkit-transform: scale(1,1);
      -ms-transform: scale(1,1);
       -o-transform: scale(1,1);
          transform: scale(1,1);
}
.modal-backdrop { background-color: #00120c; }
.modal-backdrop.in { opacity: 0.7; -webkit-opacity: 0.7; }

.modal-dialog.modal-sm { max-width: 42rem;}
.modal-dialog.modal-fw { width: 100%; }
	.modal-dialog.modal-fw .modal-content { height: 100%; }

/* 特别尺寸的模态框*/
.modal-sketch-order { max-width: 54rem; }

@media (max-width: 829px) {
	.modal-dialog { padding: 0; }
}

/*  组件  ----------------------------------------------------*/
.grade { display: inline-block; height: 1.4rem; width: 8.4rem; background-image: url(../images/grade.png); background-repeat: no-repeat; background-size: 8.4rem auto; }
    .grade.lv1 { background-position: 0 0; }
    .grade.lv2 { background-position: 0 -1.4rem; }
    .grade.lv3 { background-position: 0 -2.8rem; }
    .grade.lv4 { background-position: 0 -4.2rem; }
    .grade.lv5 { background-position: 0 -5.6rem; }

/*  header ---------------------------------------------------------*/
.header { border-bottom: 1px solid #d0d0d0; height: 12rem; position: absolute; width: 100%; top: 0; z-index: 1000; background-color: #FFF; }
    .header .container { position: relative; display: table;}
.header .c, .main-nav > li > a, .header .logo a { height: 8rem; }
    .header .c { display: table-cell; vertical-align: top;}
    .header .logo { width: 1%; }
        .header .logo a { display: block; line-height: 8rem; width: 24rem; }
        .header .logo img { max-width: 100%; }
    .header .nav { width: 100%; }
    .header .search { width: 1%; padding-top:2rem; text-align: right; border-left: 1px solid #dfdfdf; }
    	.header .search a { display: block; height: 4rem; width: 8rem; line-height: 4rem; }
    	.header .search a i { font-size: 1.8rem;  }
    	.header .search a span { font-size: 1.4rem; padding-left: 0.6rem; }
    .header .search, .header .nav, .header.act .cart { 
        -webkit-transition:   all .3s ease-in-out;
        transition:           all .3s ease-in-out; 
     }
    .header .search select.form-control { border-right: 0; }
    .header.act .search { width: 68%; padding-left: 3rem;}
    .header.act .nav { width: 0%; overflow: hidden; }

/*  移动框架 ---------------------------------------------------------*/
.header-m { height: 5rem; display: table; width: 100%; position: absolute; top: 0; left: 0; z-index: 102; background-color: #FFF; border-bottom: 1px solid #dfdfdf;}
	.header-m .c { display: table-cell; vertical-align: middle; width: 1%; text-align: center;}
	.header-m .c + .c { border-left: 1px solid #dfdfdf; }
	.header-m .wrap-logo { width: 100%; }
	.header-m .c-btn { width: 1%; position: relative; }
	.header-m .c-btn a {display: block; width: 5rem; line-height: 5rem; font-size: 1.6rem; color: #14bc88;}
	.header-m .c-btn a:hover { background-color: #14bc88; color: #FFF; }
	.header-m .c-btn .nbel { display: block; position: absolute;width: 2.8rem; height: 2rem; background-color: #f5696c; color: #FFF; border-radius: 1rem; right: 0; top: 0; font-size: 1rem;}
	.header-m .location-tog { width: 8rem; display: block; line-height: 5rem; padding-right: 2rem; background: url(../images/arr-03.png) no-repeat 80% 50% / 1.6rem auto;}
	.header-m .logo { display: block; max-width: 16rem; padding-left: 1rem;}
	.header-m .logo img { width: 100%; }

.ft-m { position: absolute; bottom: 0; left: 0; z-index: 108; width: 100%; background-color: #FFF; border-top: 1px solid rgba(0,0,0,0.1);}
.ft-m, .ft-menu, .ft-menu .a-i { height: 5rem;  }
.ft-menu { display: table; width: 100%; }
.ft-menu .start { display: table-cell; width: 1%; vertical-align: top; }
.ft-menu .a-i { display: block; text-align: center; }
.ft-menu .start .a-i { width: 5rem; line-height: 4.8rem; font-size: 2.4rem; background-color: #14bc88; color: #FFF;}
.ft-menu .v { display: table-cell; vertical-align: top; padding: 0 1rem;}
.ft-menu .v .i { width: 25%; float: left; }
.ft-menu .v .a-i { padding-top: 0.6rem; }
.ft-menu .v .open .a-i { background-color: #14bc88; color: #FFF }
.ft-menu .v .a-i i { font-size: 2.4rem; display: block;}
.ft-menu .v .a-i p { font-size: 1rem; }
.ft-menu .dropdown-menu li { font-size: 1.4rem; }

.ft-menu .v-btn { display: table-cell; vertical-align: top; }
.ft-menu .v-btn .btn { display: block; float: left; height: 5rem; line-height: 5rem; width: 50%;}
.ft-menu .v-btn .btn-block { width: 100%; float: none; }
.ft-menu .v-btn .total { width: 50%; float: left; height: 5rem; text-align: center; line-height: 5rem; background-color: #575757; color: #FFF;}
.ft-menu .v-btn .total em { font-size: 2.2rem; padding-left: 0.5rem; letter-spacing: -1px; }
.ft-menu .v-btn.vx1 .btn{ width: 100%; display: block; }
.ft-menu .v-btn .pop { position: absolute; background-color: #14bc88; color: #FFF; padding: 0 1rem; top: -1.4rem; left: 6rem; border-radius: 0.4rem; }

.main-m .location-lst-m { min-height: 20rem; position:absolute; top: 0; left: 0; padding: 6rem 1rem 1rem; background-color: #FFF; width: 100%; z-index: 30; border-bottom: 1px solid #dfdfdf;
	-webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out; 
	-webkit-transform: 		translate(0,-100%);
	transform: 				translate(0,-100%);
}
.main-m .location-lst-m.open { 
	-webkit-transform: 		translate(0,0);
	transform: 				translate(0,0);
 }
.location-lst-m li { width: 20%; text-align: center; float: left; padding: 0.5rem;}
.location-lst-m li a { display: block; height: 2.8rem; line-height: 2.8rem; background-color: #efefef;}
.main-m .search-panel { height: 100%; position:absolute; top: 0; left: 0%; padding: 6rem 1rem 1rem; background-color: #FFF; width: 100%; z-index: 32;
	-webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out; 
	-webkit-transform: 		translate(-100%,0);
	transform: 				translate(-100%,0);
}
.main-m .search-panel.open { 
	-webkit-transform: 		translate(0,0);
	transform: 				translate(0,0);
 }
.main-m .menu-panel { height: 100%; position:absolute; top: 0; left: 0%; padding: 6rem 1rem 1rem; background-color: #FFF; width: 100%; z-index: 105;
	-webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out; 
	-webkit-transform: 		translate(-100%,0);
	transform: 				translate(-100%,0);
}
.main-m .menu-panel.open { 
	-webkit-transform: 		translate(0,0);
	transform: 				translate(0,0);
 }


.search-group { display: table; width: 100%; }
.search-group .c { display: table-cell; vertical-align: top; }
.search-group .c1, .search-group .csb { width: 1%; }
.search-group .c2 { width: 100%; padding: 0 0.2rem;}

.search-group .c1 .form-control { width: 11rem; }
.search-group .csb .btn { width: 6rem; }

.wrap-m { height: 100%; overflow: auto; padding-top: 5rem;}
	.wrap-m > div:last-child { padding-bottom: 2rem; }

.menu-panel {  }
	.menu-panel .t { font-size: 1.4rem; font-weight: bold; padding-bottom: 0.4rem; }
	.menu-panel .c { padding: 0 0.5rem; }
		.menu-panel .c a { display: block; float: left; width: 33.33333333%; padding: 1rem; text-align: center; background-color: #efefef; border: 0.5rem solid #fff;}
		.menu-panel .c a:hover { background-color: #14bc88; color: #fff; }

/*  main-nav ---------------------------------------------------------*/

.main-nav { text-align: center; min-width: 60rem;}
    .main-nav > li { display: inline-block; width: 13%; }
    .main-nav > li.active > a { border-bottom: 0.2rem solid #14bc88; background: url(../images/arr-01.png) no-repeat 50% 100%; color: #14bc88; font-weight: bold;}
    .main-nav > li > a { display: block; line-height: 8rem; font-size: 1.4rem; white-space: nowrap; }
    .main-nav > li > a:hover, .main-nav > li:hover > a, .main-nav > li:hover { background-color: #14bc88; color: #FFF; }
    @media (max-width: 1500px) {
        .main-nav > li > a { padding: 0 1rem; }
    }

.submenu { visibility: hidden; opacity: 0; position: absolute; width: 100%; left: 0; display: table; border: 0.3rem solid #14bc88; margin-top: -0.1rem; background-color: #FFF; box-shadow: 1rem 1rem 0 rgba(100,100,100,0.1); z-index: 1000;}
    .submenu > .x { display: table-cell; vertical-align: middle; width: 25%; padding: 2rem; margin: 0;}

        .submenu.x5 > .x { width: 20%; }
        .submenu.x4 > .x { width: 25%; }
        .submenu.x3 > .x { width: 33.333333333%; } 
        .submenu.auto { text-align: center; }
            .submenu.auto > li { display: inline-block; width: 12rem; }
            .submenu.auto > li > a { padding: 2rem; display: block; font-size: 1.4rem; }
    .submenu > li + li, .submenu > .x + .x { border-left: 1px solid #d0d0d0; }
    li:hover > .submenu { visibility: visible; opacity: 1; }

.main-nav .a { background-image: url(../images/main-nav-icon-01.png);  background-repeat: no-repeat; background-size: 4rem auto; height: 4rem; line-height: 4rem; font-size: 1.4rem; display: block; text-align: center; text-indent: 2em;}
.main-nav .a1-1 { background-position: 2rem 0; }
.main-nav .a1-2 { background-position: 2rem -4rem; }
.main-nav .a1-3 { background-position: 2rem -8rem; }
.main-nav .a1-4 { background-position: 2rem -12rem; }
.main-nav .a1-5 { background-position: 2rem -16rem; }

.submenu > .x > dt { float: left; margin-right: 2rem; height: 5rem; font-size: 1.4rem;}
.submenu > .x > dd a { display: inline-block; margin-bottom: 1rem; margin-right: 1rem; }

/*  toper  -----------------------------------------------------*/
.toper { background-color: #f0f0f0; height: 4rem; line-height: 4rem;}
    .toper-s1 { float: left; }
        .toper-s1 .dropdown { display: inline; }
        .toper-s1 .dropdown-menu { width: 90rem; }
        .toper-s1 .location-lst { width: 50%; font-size: 1.2rem; padding: 0 1rem; float: left; }
        .toper-s1 .location-lst p { color: #14bc88; padding: 0 1rem;}
        .toper-s1 .location-lst li { float: left; }
        .toper-s1 .location-lst li a { padding: 0 1rem; text-align: center; display: block; line-height: 2rem; white-space: nowrap;}
    .toper-s2 { float: right; }
	.modal-body .location-lst { padding: 1rem; }
    .modal-body .location-lst p { color: #14bc88; padding: 0 1rem;}
    .modal-body .location-lst li { width: 25%; float: left; padding: 0.3rem; }
    .modal-body .location-lst li a { padding: 0 1rem; border: 1px solid #d0d0d0; text-align: center; display: block; line-height: 3rem; white-space: nowrap; overflow: hidden;}


/* 页尾 -----------------------------------------------*/
.footer { background-color: #efefef; padding-top: 3rem;}
	
	.footer .qrcode { width: 24rem; padding-top: 2rem; margin: 0 auto;}
		.footer .qrcode .logo { width: 10rem; float: left;}
		.footer .qrcode .logo img { width: 100%; }
	.footer .qrcode-a { display: block; float: right; position: relative; } 
	.footer .qrcode-a .open { position: absolute; left: -9rem; top: -5rem; width: 30rem; background-color: #FFF; box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.1); display: none;}
	.footer .qrcode-a .open .i { width: 50%; float: left; padding:2rem;text-align: center; }
	.footer .qrcode-a .open .i img { width: 100%; margin-bottom: 1rem; display: block; }
	.footer .qrcode-a:hover { color: inherit; }
	.footer .qrcode-a:hover .open { display: block; }


	.footer .qrcode .act .i { display: inline-block; }
	.footer .qrcode .act .i i { display: block; margin: 0 auto; width: 4rem; height: 4rem; font-size: 2.4rem; line-height: 4rem; background-color: #FFF; border: 1px solid #e4e4e4; text-align: center; border-radius: 100%; color: #a0a0a0; }
	.footer .qrcode .act .i p { color: #9f9f9f; transform: scale(0.85,0.85); -webkit-transform: scale(0.85,0.85);}

	.footer .lk { text-align: center; margin: 1rem 0;}
	.footer .lk a { display: inline-block; }
.cprt { text-align: center; background-color: #14bc88; color: #FFF; padding: 1.5rem 0;} 
.cprt span { padding: 0 1rem; }
.cprt a { color: #FFF; }
@media (max-width: 829px) {
	.main.contents .footer { display: none; }
}

/*  轮播  -----------------------------------------------------*/

.swiper-ac-r { font-size: 4.5rem; line-height: 1; color: rgba(255,255,255,0.7); position: absolute; cursor: pointer; display: block; z-index: 400; background-color: rgba(0,0,0,0.1); padding: 2rem 1rem;}
.swiper-dark .swiper-ac-r { color: rgba(0,0,0,0.3); }
.swiper-ac-prev { left: 0; top: 35%; }
.swiper-ac-next { right: 0; top: 35%; }
.swiper-cover .swiper-slide > .view { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.swiper-cover .swiper-slide > .view img { width: 100%; }
@media (max-width: 829px) {
	.swiper-cover .swiper-slide { overflow: hidden; }
	.swiper-cover .swiper-slide > .view {  }
	.swiper-cover .swiper-slide > .view img { width: 100%; }
}
.swiper-member-cover .swiper-cover .swiper-slide > a { height: 32rem; }

.swiper-index .swiper-pagination { width: 12rem; position: static; margin: -1.6rem auto 0; background-color: #f0f0f0; border-radius: 2rem 2rem 0 0;}
.swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; background-color: #a0a0a0; opacity: 1; 
       -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.swiper-pagination-bullet-active { background-color: #14bc88; width: 3rem; border-radius: 1rem; }
.swiper-sketch .d { margin-left: 60%; height: 50rem; background-color: rgba(255,255,255,0.8); padding: 5rem;}
.swiper-sketch .d .t { font-size: 1.8rem; }
.swiper-sketch .d .p { padding: 5rem 0; text-align: justify; line-height: 1.8;}


/* section-header -----------------------------------------------*/
.section-header { text-align: center; }
    .section-header .d, .section-header .h { max-width: 50%; margin: 0 auto;  }
    .section-header .d { padding-top: 3rem; color: #9f9f9f; border-top: 1px solid #d0d0d0;}
    .section-header .h { margin-bottom: -1.7rem; position: relative;}
    .section-header .t { position: absolute; top: 0; width: 100%; text-align: center; font-size: 2.2rem; letter-spacing: 2.8rem; line-height: 2rem; text-indent: 2.8rem; font-weight: bold; color: #202020; }
    .section-header .i { display: block; text-align: center; overflow: hidden;}
    .section-header .i i { display: inline-block; width: 5rem; height: 2rem; border-left: 0.2rem solid #14bc88; background-color: #f0f0f0; }
    .section-header .i i:last-child{ border-right: 0.2rem solid #14bc88; }
    .section-header.fff .i i { background-color: #FFF; }
@media (max-width: 829px) {
	.section-header .d, .section-header .h { max-width: 85%;  }
}


.section-title { height: 2rem; position: relative; text-align: center; }
    .section-title .t { display: inline-block; padding: 0 2rem; line-height: 2rem; border-left: 0.5rem solid #14bc88; border-right: 0.5rem solid #14bc88; background-color: #FFF; font-weight: bold; font-size: 1.6rem; position: relative; z-index: 10;}
    .section-title .d { position: absolute; height: 1rem; border-top: 1px solid #dfdfdf; width: 100%; z-index: 5; bottom: 0;}
    .section-title + .part, .part + .section-title { margin-top: 3rem; }
.part + .part { padding-top: 1.5rem; }



/* 多列列表 -----------------------------------------------*/
.gird { padding: 1rem; }
.gird > .i { float: left; padding: 1rem; }
.x5 > .i { width: 20%; }
.x4 > .i { width: 25%; }
.x3 > .i { width: 33.33333333%; }
@media (max-width: 829px) {
	.x5 > .i, .x4 > .i, .x3 > .i { width: 50%; }
	.gird { padding: 0; }
	.gird > .i:nth-of-type(2n+1) { padding: 0 0.5rem 1rem 0; }
	.gird > .i:nth-of-type(2n) { padding: 0 0 1rem 0.5rem; }
}

.gird-border {  }
    .gird-border .in { border: 1px solid #d0d0d0; }
    .gird-border .cv { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 18rem; background-color: #FFF; }
    .gird-border .d { text-align: center; padding-top: 2rem; background-color: #FFF;}
    .gird-border .logo { margin: -5rem auto 0; width: 10rem; height: 10rem; border-radius: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
    .gird-border .t { font-weight: bold; font-size: 1.6rem; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
    .gird-border .t span { font-size: 1.2rem; color: #9f9f9f; font-weight: normal; padding-left: 1rem; }
    .gird-border .c { line-height: 1; padding-top: 1rem; }
    .gird-border .c span { color: #14bc88; padding: 0 0.5rem; }
    .gird-border .act { padding: 2rem 0 1rem; }
        .gird-border .act .btn { padding-left: 3rem; padding-right: 3rem; }

    .gird-designer .cv { height: 24rem; } 
@media (max-width: 829px) {
	.gird-border .cv { height: 15rem; }
	.gird-border .logo { width: 5rem; height: 5rem; }
	.gird-border .d { background-size: 65% auto; }
	.gird-border .t { white-space: normal; line-height: 1.4; }
	.gird-border .c { display: none; }
	.gird-border .act .btn { padding-left: 1rem; padding-right: 1rem; }
}

.gird-default {  }
	/*
    .gird-default .cv { height: 18rem; display: block; overflow: hidden; }
    .gird-default .cv .in { width: 300%; text-align: center; height: 100%; margin-left: -100%;}
    .gird-default .cv .in img { height: 100%; width: auto;}
    */
   	.gird-default .cv .in img { width: 100% !important;}
    .gird-default .cv.avatar { border-radius: 100%; overflow: hidden; height: 12rem; width: 12rem; margin: 0 auto; display: block;}
    .gird-default .d { text-align: center; }
    .gird-default .t { font-size: 1.4rem; line-height: 1.4; padding-top: 1.5rem; display: block; height: 5.65rem; overflow: hidden; }
    .gird-default .c { line-height: 1; padding-top: 1rem; color: #9f9f9f; padding-top: 1.5rem;}
    .gird-default .c span { color: #14bc88; padding: 0 0.5rem; }
    
    .gird-default .i > .in { position: relative; }
    .gird-default .i > .in > .qr { position: absolute; top: 0; left: 0; width: 100%; text-align: center; height: 100%; z-index: 500; background-color: rgba(20,188,136,0.8); padding-top: 10%; color: #FFF; display: none; }
    .gird-default .i > .in > .qr img { height: 70%; }
    .gird-default .i > .in > .qr p { padding-top: 1rem; font-size: 1.6rem; }
    .gird-default .i:hover > .in > .qr { display: block; }
    /*goods*/
    .gird-default .goods-d { position: relative; }
    .gird-default .act { padding-top: 1.5rem; }
    .gird-default .prc { padding-top: 0.3rem; }
    .gird-default .prc em { color: #f5696c; font-weight: bold; font-size: 1.4rem;}
    .gird-default .prc cite { padding-left: 1rem; text-decoration: line-through; color: #9f9f9f; }
    .gird-default .se { position: absolute; right: 0; bottom: 0; color: #9f9f9f; }
    .gird-default .se span { padding-left: 0.5rem; }
    .gird-default .goods-s { text-align: right; position: relative; margin-top: 0.5rem; }
    .gird-default .goods-s .ac-ck { position: absolute; left: 0; top: 0.75rem; }

.gird-qual {  }/* 资质 图片水平居中超出隐藏 */
    .gird-qual .in { overflow: hidden; border: 1px solid #dfdfdf; padding: 1rem 0; }
    .gird-qual .imo { width: 300%; margin-left: -100%; text-align: center; }
    .gird-qual .imo a { height: 24rem; display: inline-block; }
    .gird-qual .imo img { height: 24rem;  }
    .gird-qual .t { padding-top: 2rem; text-align: center; }

.gird-wrap { margin: 0 -1rem; }
.gird-i { width: 50%; float: left; padding: 1rem; }
.gird-i .in { border: 1px solid #dfdfdf; }
.gird-i .in-left { width: 50%; float: left; border-right: 0; }
.gird-i .in-right { width: 50%; float: right; }
@media (max-width: 829px) {
	.gird-default { padding: 1rem; }

	.gird-qual .imo img, .gird-qual .imo a { height: 12rem; }
}


/* 当前位置 -----------------------------------------------*/
.path-bar { height: 5rem; line-height: 5rem; }
    .path-bar i { padding-right: 1rem; color: #14bc88; }

/* 单列列表  ----------------------------------------------------*/
.list { padding: 1rem; }
    .list .i-box { float: left; width: 25%; padding: 1rem 1rem 3rem;  }

    .i-box .i .im { height: 18rem; display: block; overflow: hidden;}
    .i-box .i .im .in { width: 300%; text-align: center; height: 100%; margin-left: -100%;}
    .i-box .i .im .in img { height: 100%; }
@media (max-width: 829px) {
	.list { padding: 1rem 0; }
	.list .i-box { width: 50% }
}

.i-table { display: table; width: 100%; }
.i-table > .cell { display: table-cell; vertical-align: top; }

.list-company .i { padding: 2rem; } .list-company .i + .i { border-top: 1px solid #dfdfdf; }
    .list-company .im { width: 10rem; height: 10rem; }
    .list-company .im img { display: block; width: 100%; height: 100%; border: 1px solid #dfdfdf; padding: 0.3rem; }
    .list-company .d { padding-left: 1.5rem; }
        .list-company .t { font-weight: bold; font-size: 1.8rem; line-height: 1; padding-top: 1rem;}
        .list-company .c { padding: 1rem 0; line-height: 1; }
        .list-company .c i { color: #14bc88; font-size: 1.6rem; }
        .list-company .c .box { padding-top: 0.8rem; }
        .list-company .c .box p { display: inline-block; }
        .list-company .c .box span { color: #fff; background-color: #14bc88; padding: 0 0.5rem; height: 2rem; line-height: 2rem; }
        .list-company .c .box cite { padding: 0 0.6rem; }
    .list-company .s { width: 12rem; }
        .list-company .s .box { border: 1px solid #dfdfdf; padding: 1.5rem;}
        .list-company .s span { width: 5em; display: inline-block; }
@media (max-width: 829px) {
	.list-company .i { padding: 1rem; }
}


.gird-sketch .i { position: relative; }
.gird-sketch .i p { padding: 0.5rem 0; white-space: nowrap; overflow: hidden; }
.gird-sketch .i img { width: 100%;  }



.list-worker {  }
    .list-worker .im { overflow: hidden; display: block; }
    .list-worker .im img { display: block; height: 100%; margin: 0 auto; }
    .list-worker .n, .list-worker .dr, .list-worker .act { text-align: center; }
    .list-worker .n { font-size: 1.4rem; font-weight: bold; padding-top: 1rem; display: block;}
        .list-worker .n span { margin-left: 1rem; background-color: #ffd800; color: #4e2700; font-size: 1.2rem; font-weight: normal; padding: 0 1rem; }
    .list-worker .dr { color: #9f9f9f; }
    .list-worker .act { padding-top: 1rem; }

.list-designer {  } .list-designer .i-box { width: 50%; }
    .list-designer .i { display: table; width: 100%; }
        .list-designer .im { display: table-cell; width: 14rem; vertical-align: top;}
            .list-designer .im img { width: 100%; }
        .list-designer .d { display: table-cell; padding-left: 2rem; vertical-align: top;}
        	.list-designer .d .row-col { margin-left: -0.4rem; }
        .list-designer .d .t { font-size:14px; font-weight: bold; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #dfdfdf; }
        .list-designer .d .desc { color: #9f9f9f; max-width: 30rem; } .list-designer .d .vlu { color: #696969; }
        .list-designer .d .pv { padding-top: 1rem; height: 6rem; }
        .list-designer .d .pv-i a { display: block; width: 25%; float: left; border: 0.3rem solid #FFF; position: relative; padding-bottom: 17.5%; height: 0;
            -moz-transition: all 0.1s ease-in-out;
            -webkit-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }
        .list-designer .d .pv-i a:hover { 
            -ms-transform: translate(0,-0.3rem);
        -webkit-transform: translate(0,-0.3rem);
        -o-transform: translate(0,-0.3rem);
        -moz-transform:translate(0,-0.3rem);
        transform: translate(0,-0.3rem);
        -webkit-box-shadow: 0 0.3rem 0 rgba(100,100,100,0.2);
        box-shadow: 0 0.3rem 0 rgba(100,100,100,0.2);
        }
        .list-designer .d .pv-i a img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
@media (max-width: 829px) {
	.list-designer .i-box { width: 100%; }
	.list-designer .d .t { margin:0; padding: 0; border: 0;}
	.list-designer .d .pv-i a { width: 100%; float: none; }
}



/*  内页布局  ----------------------------------------------------*/
.m-view { display: table; padding-bottom: 5rem; table-layout: fixed; }
    .m-menu { display: table-cell; vertical-align: top; width: 20rem; padding-right: 2rem;}
    .m-contents { display: table-cell; vertical-align: top; padding-bottom: 5rem; width: 100%;}
    .m-sidebar  { display: table-cell; vertical-align: top; width: 30rem; padding-left: 2rem;}
    .mainbox { background-color: #FFF; min-height: 5rem;}
    .mainbox + .mainbox { margin-top: 2rem; }
    .mainbox .mt { text-align: center; padding: 2rem 0; border-bottom: 1px solid #dfdfdf;}
        .mainbox .mt p { border-left: 0.5rem solid #14bc88; border-right: 0.5rem solid #14bc88; font-size: 1.6rem; line-height: 1; }
        .m-sidebar .mainbox { width: 30rem; }
@media (max-width: 829px) {
  .m-view { display: block; }
	.m-contents { padding: 0; }
	.m-sidebar, .m-contents { display: block; }
	.m-sidebar { width: 100%; padding: 0 2rem; }
	.m-sidebar .mainbox { width: 100%; }
	.mainbox + .mainbox { margin-top: 2rem;  }
}

.mainbox-tab, .mainbox-tab > li, .mainbox-tab > li > a { height: 5rem; }
    .mainbox-tab { display: table; width: 100%; padding-left: 5%; padding-right: 5%; background-color: #f0f0f0; }
    .mainbox-tab > li { display: table-cell; }
    .mainbox-tab > li > a { display: block; text-align: center; line-height: 5rem; font-size: 1.4rem; border-top: 1px solid transparent;}
    .mainbox-tab > li.active > a { background-color: #FFF; color: #14bc88; font-weight: bold; border-top: 1px solid #14bc88; }
    .mainbox-header { padding: 2rem; position: relative; }
        .mainbox-header span { line-height: 1; padding-left: 1.4rem; border-left: 2rem solid #14bc88; font-size: 1.4rem; }
        .mainbox-header .more { position: absolute; right: 2rem; }
    .mainbox-content { padding: 2rem; min-height: 5rem;}
    .mainbox-content .part .btn + span { padding-left: 1rem; }
    .mainbox-header + .mainbox-content { padding-top: 0; }
    .mainbox-content + .mainbox-content { border-top: 1px solid #dfdfdf; }
    .mainbox-content-t { margin: 3rem 0; }
      .mainbox-content-t span { line-height: 1; padding-left: 1.5rem; border-left: 1.5rem solid #14bc88; font-weight: bold; }
    .btn-mainbox-f { height: 5rem; line-height: 5rem; font-size: 1.4rem;}
    .mainbox-footer { border-top: 1px solid #dfdfdf; padding: 2rem; }
.mainbox-pheader { padding: 1.5rem 2rem 0; font-size: 2rem; position: relative; }
  .mainbox-pheader .ex { position: absolute; right: 2rem; top: 1.5rem; }
@media (max-width: 829px) {
	.mainbox-content { padding: 1rem; }
	.mainbox-header { border-top: 1rem solid #f0f0f0; }
	.mainbox-header + .mainbox-content { border-bottom: 1px solid #e6e6e6; }
}

.c-header { height: 2.4rem; line-height: 1; background: url(../images/border-dfdfdf.gif) repeat-x 50% 50%; position: relative; margin: 3rem 0 2rem;}
    .c-header span { position: absolute; left: 5rem; padding: 0 2rem; border-left: 0.4rem solid #14bc88; border-right: 0.4rem solid #14bc88;  font-size: 1.6rem; font-weight: bold; margin-top: 0.2rem; background-color: #FFF;}
    .c-header .more { position: absolute; right: 5rem; display: block; border: 1px solid #14bc88; padding: 0.4rem 2rem; color: #14bc88; background-color: #FFF;}
    .c-header.center span { margin-left: -6rem; left: 50%; width: 12rem; display: block;}


.mb { padding-bottom: 1rem; }
    .mb .row-col { padding-top: 1rem; }
    .mb .mb-control { padding: 1rem 1rem 0; }
.list-mb { padding: 1rem 0; }
    .list-mb li a { display: block; padding: 0 1rem 0 4rem; background: url(../images/li-mb.png) no-repeat 2rem 50%; height: 3.2rem; line-height: 3.2rem; overflow: hidden;}
.mb-info { padding: 2rem; }
    .mb-info .i { display: table; width: 100%; }
        .mb-info .i + .i { padding-top: 1rem; }
    .mb-info .t, .mb-info .c { display: table-cell; vertical-align: top; }
    .mb-info .t { width: 6rem; color: #14bc88; }
.mb-title { text-align: center; font-size: 1.6rem; font-weight: bold; padding-top: 1rem; }

.cat-i { padding: 1.5rem; display: table; width: 100%; }
    .cat-i + .cat-i { border-top: 1px solid #dfdfdf; }
    .cat-n { display: table-cell; width: 8rem; line-height: 2; font-size: 1.4rem; color: #9f9f9f;}
    .cat-list { display: table-cell; }
        .cat-list a { display: inline-block; padding: 0 1rem; line-height: 2; }
        .cat-list .active { background-color: #14bc88; color: #fff; }
@media (max-width: 829px) {
	.list-mb li a { padding: 0 1rem 0 2rem; background: url(../images/li-mb.png) no-repeat 0 50%; }
	.cat-i { padding: 1rem; }
	.cat-n, .cat-list { display: block; }
	.cat-n { width: 100%; padding-bottom: 0.5rem; color: #14bc88; }
	.cat-list a { background-color: #f0f0f0; display: block; float: left; width: 50%; text-align: center; line-height: 3rem; border: 0.2rem solid #fff; white-space: nowrap; overflow: hidden;}
}

.list-misc { position: relative; font-size: 1.4rem; border-bottom: 1px solid #dfdfdf; padding: 0 2rem; line-height: 5.5rem; height: 5.5rem;}
    .list-misc .ex {position: absolute; right: 1rem; top: 1rem;}
    .list-misc .ex .xx { max-width: 14rem; float: left; padding-left: 1rem;}
    .list-misc .ex .xx .ac-ck { height: 3rem; width: 3rem; }
    .misc-tab { position: absolute; bottom: 0; left: 3rem;}
    	.misc-tab a { display: block; float: left; height: 4rem; line-height: 4rem; min-width: 10rem; text-align: center; margin-bottom: -1px; font-size: 1.2rem; padding: 0 2rem;}
    	.misc-tab a.active { border: 1px solid #d0d0d0; border-bottom: 0; background-color: #FFF; color: #14bc88; font-weight: bold;}
@media (max-width: 829px) {
	.list-misc { height: auto; padding: 0 1rem 1rem;}
	.list-misc .t { font-weight: bold; font-size: 1.8rem;1q }
	.misc-tab, .list-misc .ex { position: static; }
	.misc-tab { height: 4rem; margin-bottom: 1rem; }
	.misc-tab a { min-width: 0; width: 25%; padding: 0; }
	.misc-tab a.active { border-bottom: 1px solid #d0d0d0; }
}

.list-misc-m { padding: 1rem 0.5rem; display: table; width: 100%; border-bottom: 1px solid #dfdfdf;}
	.list-misc-m .xx { display: table-cell; vertical-align: top; padding: 0 0.5rem;}

.list-footer { border-top: 1px solid #dfdfdf; padding: 1.5rem; position: relative; text-align: center;}
.mainbox-content > .list-footer { padding: 1.5rem 0; border: 0;}
.list-footer .act { float: right; }

.list-article {  }
	.list-article .i { padding: 1rem; }
	.list-article .i + .i { border-top: 1px dashed #dfdfdf; }
	.list-article .im { width: 12rem; float: left; margin-right: 2rem; }
	.list-article .im img { width: 100%; }
	.list-article .t { font-size: 1.4rem; font-weight: bold; }
	.list-article .c { height: 3.75rem; overflow: hidden; }

.cat-i-m { position: absolute; z-index: 102; right: 0; top: 0; height: 100%; width: 50%; background-color: #FFF; overflow: auto; border-left: 1px solid #dfdfdf;
	-webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out; 
	-webkit-transform: 		translate(100%,0);
	transform: 				translate(100%,0);
}
.cat-i-m.open {
	-webkit-transform: 		translate(0,0);
	transform: 				translate(0,0);
}
.cat-i-m .in { padding: 5rem 0; position: relative;}
.cat-i-m .close { position: absolute; top: 0; right: 0; }
.cat-i-m .close i {
	display: block;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	text-align: center;
	font-size: 2.8rem;
}
.cat-i-m-opentog { display: block; width: 4rem; height: 8rem; opacity: .5; background: url(../images/arr-filter.png) no-repeat 50% 100% / 4rem auto; position: fixed; right: 0; top: 42%; z-index: 102;}


/*  头像  ----------------------------------------------------*/
.avatar { width: 12rem; height: 12rem; overflow: hidden; border-radius: 100%; border: 1px solid #ddd;}
.avatar.md { width: 7rem; height: 7rem; }
.avatar.sm { width: 5rem; height: 5rem; }
.avatar img { width: 100%; height: 100%;}
.avatar.left { float: left; margin-right: 2rem; }

/*  通栏更多  ----------------------------------------------------*/
.row-more { text-align: center; padding-top:3rem;}
.row-more .btn { padding-left: 6rem; padding-right: 6rem; height: 4rem; line-height: 4rem; }
@media (max-width: 829px) {
	.row-more { margin: 0 0 3rem; padding: 0; }
    .youhuabr {
        /* background: url(xinjiazt.jpg); */
        background-size: 200%!important;
    }
    .xinjiayouhua .xfzta {text-align: end;padding-right: 0!important;padding-top: 10%;padding-bottom: 10%;width: 80%!important;margin:0 10%!important;}    
    .xinjiayouhua .xfzta h2 {font-size:25px!important;margin: 15px 0;}
    .xinjiayouhua .xfzta .one1 {width:100%!important;text-align: center;padding: 10px 0;border-radius: 10px;margin: 25px 0!important;margin-left:0;}
    .xinjiayouhua .xfzta .one2 {width:100%!important;text-align: center;padding: 10px 0;border-radius: 10px;margin: 25px 0!important;margin-left:0!important;}
    .xinjiayouhua .xfzta .one3 {width:100%!important;text-align: center;padding: 10px 0;border-radius: 10px;margin: 25px 0!important;margin-left:0!important;}	
}

.setting-action {  }
.setting-action.xs { max-width: 24rem; }
.setting-action.sm { max-width: 40rem; }
.setting-action.md { max-width: 60rem; }
.setting-action.lg { max-width: 90rem; }
.setting-input { display: table; width: 100%; }
.setting-input + .setting-input { padding-top: 1.5rem; }
.setting-input .t, .setting-input .c { display: table-cell; vertical-align: top; }
.setting-input .t { padding-top: 0.5rem; width: 8rem; }
.setting-input .t i { display: block; width: 8rem; }
.setting-input .c span { line-height: 3rem; }
.setting-input .c.c-attach { position: relative; }
.setting-input .c.c-attach .form-control { padding-right: 8rem; }
.setting-input .c.c-attach .btn { position: absolute; top: 0; right: 0; width: 8rem; }
.setting-action + .tips { margin-top: 2rem; }

.setting-action.multi { float: left;}
.setting-action.multi + .setting-action.multi { padding-left: 3rem; }

.setting-input.v-al .t, .setting-input.v-al .c { display: block; }
.setting-input.v-al .t i { padding-bottom: 1rem; }

/* 装修进度客服 */
.serv-contact { padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #dfdfdf;}
  .serv-contact span { padding-right: 1rem; }
  .serv-contact em { font-size: 1.8rem; color: #14bc88; letter-spacing: -0.1rem; }
  .serv-contact em + em { padding-left: 1rem; }

/* AD */
.ac-ad { display: block; }
.ac-ad img { width: 100%; }

/* calc */
.calc-radio { padding: 1rem 1rem 1rem 0; }
.calc-radio .btn { width: 100%; margin-bottom: 0.4rem; }


/* ft-menu-serv-qr */
.ft-menu-serv-qr { padding-bottom: 1rem; text-align: center; }
.ft-menu-serv-qr p { padding-bottom: 0.5rem; }
.ft-menu-serv-qr img { width: 12rem; }

/* pgm-header */
.pgm-header { border-bottom: 1px solid #d0d0d0; height: 5rem; background-color: #f0f0f0}
.pgm-header .t { border-bottom: 1px solid #14bc88; height: 5rem; line-height: 5rem; float: left; padding-right: 2rem; text-align: center; padding-left: 2rem; font-size: 1.8rem; font-weight: bold; }


/* 18122501 */
.sketch-v-content { position: relative; }
.sketch-v-content > .x { position: absolute; right: 0; top: 0; width: 12rem; height: 12rem; background: url(../images/tmp18122501.png) no-repeat 100% 0 / contain; z-index: 1000; text-indent: -9999em; overflow: hidden;}















/*  clearfix  ----------------------------------------------------*/
.row-col:before,        .row-col:after,
.row-close:before,      .row-close:after,
.main-nav:before,       .main-nav:after,
.in:before,             .in:after,
.gird:before,           .gird:after,
.gird-i:before,         .gird-i:after,
.gird-wrap:before,      .gird-wrap:after,
.part:before,           .part:after,
.wrap:before,           .wrap:after,
.list:before,           .list:after,
.i:before,              .i:after,
.list-misc:before,      .list-misc:after,
.mainbox-content:before, .mainbox-content:after,
.tree-c:before,         .tree-c:after
{ display: table; content: " "; }

.row-col:after,
.row-close:after,
.main-nav:after,
.in:after,
.gird:after,
.gird-i:after,
.gird-wrap:after,
.part:after,
.wrap:after,
.list:after,
.i:after,
.list-misc:after,
.mainbox-content:after,
.tree-c:after
{ clear: both; }

/*  share  ----------------------------------------------------*/
.share-dialog-cont { float: right; }
.share-dialog-title{height: 45px; line-height: 45px; text-indent: 15px; background: #eee; } 
.share-platform{ float: right; } .share-platform .bds_weixin{
    background-image: url('../images/css-bg.png');
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url('../images/css-bg.png'); background-position: -57px -7px !important; }
.share-platform .bds_sqq{
    background-image: url('../images/css-bg.png'); background-position: -101px -7px !important; }
.share-platform .bds_qzone{
    background-image: url('../images/css-bg.png'); background-position: -146px -7px !important; }
.share-platform .share-platform-text{
    color: #aaa; margin-top: 5px;
}

/* Search */
.search-oy { position: fixed; z-index: 5000; background-color: #FFF; top: 0; left: 0; display: none; }
.search-oy.open { display: block; }
.search-oy, .search-oy .in { width: 100%; height: 100%;  }
.search-oy .in { position: relative; display: table; }
.search-oy .inc { display: table-cell; vertical-align: middle;}
.search-oy .x { position: absolute; right: 3rem; top: 3rem; font-size: 4rem; color: #afafaf; display: block; }
.search-oy .t { text-align: center; font-size: 4rem; width: 42rem; margin:0 auto; color: #9f9f9f; padding-bottom: 5rem; padding-left: 30rem; background: url(../images/logo.png) no-repeat 0 0 / auto 4.25rem; line-height: 1; }
.search-oy .w { width: 80rem; margin: 0 auto; display: table; padding-bottom: 10rem;}
.search-oy .w .m { display: table-cell; vertical-align: top; }
.search-oy .w .m-sc { width: 16rem; }
.search-oy .w .m-sa { width: 6rem; }
.search-oy .form-control, .search-oy .btn { height: 5rem; line-height: 5rem; font-size: 1.8rem; padding: 0 3rem;}

.local-oy-w { position: fixed; z-index: 5000; background-color: #FFF; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: auto; }
.local-oy-w.open { display: block; }
.local-oy-w .in { padding: 5rem; }
.local-oy-w .x { position: absolute; right: 3rem; top: 3rem; font-size: 4rem; color: #afafaf; display: block; }
.local-oy-w .t { font-size: 2.4rem; padding-bottom: 1rem; border-bottom: 1px solid #dfdfdf;}
.local-oy-w .i { padding: 1rem;}
.local-oy-w .i p { font-weight: bold; color: #14bc88; }
.local-oy-w .i ul { margin: 0 -0.8rem; }
.local-oy-w .i li { float: left; padding: 0 .8rem; }
.local-oy-w .i li a { display: block; line-height: 3rem; }






#jjj { position: fixed; z-index: 9000; width: 100%; height: 100%; background-color: #FFF; display: none; top: 0; left: 0; opacity: 0; 
    -webkit-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
#jjj.on { display: block; opacity: 1; }
.jjj-frame { width: 100%; height: 100%; border: none; }


.fixed-serv { position: fixed; z-index: 1030; right: 0; bottom: 10%; width: 60px; height: 538px; }
	.fixed-serv .s1, .fixed-serv .s2 { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
	.fixed-serv .s1 { position: absolute; left: 0; top: 0; width: 60px; height: 538px; background: url(../images/fixed-serv-bg1.png) no-repeat 100% 50% / contain; }
	.fixed-serv .s2 { position: absolute; left: 150%; top: 0; width: 120px; height: 538px; text-align: center; background-color: #FFF;}
		.fixed-serv .s2 .i { display: block; height: 5rem; line-height: 5rem; background: url(../images/fixed-serv-avatar.png) no-repeat 1.5rem 50% / 2rem auto; font-size: 1.6rem; padding-left: 2.5rem; }
		.fixed-serv .s2 img { display: block; width: 80px; margin: 0 auto; }
		.fixed-serv .s2 .c + .c { border-top: 1px solid #dfdfdf; margin-top: 8px; padding-top: 8px; }
	.fixed-serv:hover .s1 { left: 150%; }
	.fixed-serv:hover .s2 { left: -100%; }


.gird-default .i .cv .in { position: relative; height: 0; padding-bottom: 75%; }
.gird-default.gird-avatar .i .cv .in { padding-bottom: 100%; }
.gird-default.gird-shop .i .cv .in { padding-bottom: 100%; }
.gird-default .i .cv .in img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.des-fliter-wrap { max-width: 1280px; margin: 0 auto; background-color: #FFF; padding: 4rem; }



.sketch-v-content { position: relative; }
.sketch-v-content > .x {
	position: absolute;
	right: 0;
	top: 0;
	width: 12rem;
	height: 12rem;
	background: url(../images/tmp18122501.png) no-repeat 100% 0 / contain;
	z-index: 1000;
	text-indent: -9999em;
	overflow: hidden;
}


.fs_gallery {
    background: rgba(0,0,0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.fs_gallery_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    color: #ccc;
    font-size: 34px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×";
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}
.fs_gallery_prev:hover, .fs_gallery_next:hover {
    background: rgba(0,0,0, 0.1);
    color: #fff;
}
.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_prev:before {
    content: "‹";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}
.fs_gallery_next:before {
    content: "›";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-color: rgba(0,0,0,0.6);
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
}
.allma{position:absolute;left:-100000px;opacity:0;color:#fff;}