/* CSS Document */

.head-banner{ position: relative;}
.head-banner .FocusImg {	width:100%; min-width: 1280px; background: #000;	height: 520px;	position: relative;	z-index: 1;}
.head-banner .FocusImg .pic {	width: 100%;	height: 100%;	position: relative;	z-index: 1;	overflow: hidden;	background: #fff;}
.head-banner .FocusImg .pic li {	width: 100%;	height: 100%;	background-position: center center;	background-repeat: no-repeat;	position: absolute;	z-index: 100;	opacity: 0;}
.head-banner .FocusImg .pic li a{ display: block;}
.head-banner .FocusImg .num {	width: 100%;	height: 10px;	bottom: 20px;position: absolute;	z-index: 3;	left: 0;	font-size: 0px;	text-align: center; }
.head-banner .FocusImg .num a {	width: 12px;	height: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; 	text-align: center;	font-size: 0;	display: inline-block;	margin: 0 6px; background:rgba(0,0,0,.5);}
.head-banner .FocusImg .num a.current {	background: #1492ff;		color: #FFF;}

.home-header{ background: url(../images/top-bg.png) repeat-x top; height: 95px; width: 100%; min-width: 1280px; position: absolute; top: 0; left: 0; padding: 0 35px; box-sizing: border-box; z-index: 99;}
.home-header .logo{ background: url(../images/logo-hom-blue.png) no-repeat; margin-top: 22px; width: 455px; height: 50px; display: block; float: left;}
.home-header .menu{ float: right;}
.home-header .menu ul{ float: left;}
.home-header .menu ul li{ line-height: 95px; display: inline-block; font-size: 18px;}
.home-header .menu ul li a{ color: #fff; padding: 0 30px;}
.home-header .menu ul li a.active{ color: #00a0e9;}
.home-header .menu ul li a:hover{ color: #00a0e9;}
.home-header .search{ width: 230px; height: 40px; margin-left: 30px; margin-top: 28px; position: relative; float: left;}
.home-header .search input{ padding: 0px 10px; box-sizing:border-box; width: 100%; height: 40px; background: #fff; border: none; border-radius: 3px;}
.home-header .search input::placeholder{ color: #a6a6a6;}
.home-header .search .btn{ width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/icon.png) no-repeat 15px 13px; border: none;}
.home-header .user{ float: right; margin-left: 15px; margin-top: 36px;}
.home-header .user .icon{ width: 22px; height: 22px; background-position:-24px 0; display: block;}

.home-header.fixed-header{ background: #fff; position: fixed; -webkit-box-shadow: rgba(153,153,153,0.4) 1px 0px 2px;
    -moz-box-shadow: rgba(153,153,153,0.4) 1px 0px 2px;
    box-shadow: rgba(153,153,153,0.4) 1px 0px 2px; height: 70px;}
.home-header.fixed-header .logo{ background: url(../images/logo-hom-blue.png) no-repeat; background-size:contain ; margin-top: 15px; width:364px; height: 40px;}    
.home-header.fixed-header .menu ul li{ line-height: 70px; }
/*.home-header.fixed-header .menu ul li a{ color: #000;}*/
.home-header.fixed-header .search{ margin-top: 14px;}
.home-header.fixed-header .search input{ background: #F5F5F5;}
.home-header.fixed-header .user{ margin-top: 22px;}

.service-section{ margin: 90px auto;}
.service-section .title{ width: 280px; font-size: 36px; line-height: 42px; float: left; margin-top: 80px;}
.service-section .title a{ width: 210px; height: 48px; background: #ff7546; font-size: 18px; display: block; text-align: center; color: #fff; line-height: 48px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; vertical-align: middle; margin-top: 30px;}
.service-section .title a span{ margin-left: 10px; width: 5px; height: 8px; background-position: -56px 0; display: inline-block;}
.service-section ul{ float: right; width: 1000px;}
.service-section ul li{ width: 380px; height: 155px; -webkit-box-shadow: rgba(0,0,0,0.05) 0 0 30px; -moz-box-shadow: rgba(0,0,0,0.05) 0 0 30px; box-shadow: rgba(0,0,0,0.05) 0 0 30px; font-size: 24px; text-align: center; color: #333; padding-top: 25px; box-sizing: border-box; margin-left: 100px; float: right; margin-bottom: 30px;}
.service-section ul li span{ width: 40px; height: 40px; display: block; margin: 0px auto 5px auto; }
.service-section ul li span.icon1{ background-position: -40px -42px;}
.service-section ul li span.icon2{ background-position: -120px -42px;}
.service-section ul li span.icon3{ background-position: -200px -42px;}
.service-section ul li span.icon4{ background-position: -280px -42px;}
.service-section ul li p{ color: #888; font-size: 16px; margin-top: 10px;}
.service-section ul li:hover{ background: #2b67b0; color: #fff;}
.service-section ul li:hover p{ color: #fff;}
.service-section ul li:hover span.icon1{background-position: 0px -42px;}
.service-section ul li:hover span.icon2{background-position: -80px -42px;}
.service-section ul li:hover span.icon3{background-position: -160px -42px;}
.service-section ul li:hover span.icon4{background-position: -240px -42px;}

.count-section{ background: #070c23 url(../images/count-bg.png) no-repeat right; width: 100%; min-width: 1280px; height: 190px;}
.count-section .tel{ width: 360px; height: 180px; background: #2b67b0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: -40px; position: absolute;  text-align: center; font-size: 16px; padding-top: 55px; box-sizing: border-box; color: rgba(255,255,255,0.5);}
.count-section .tel .num{ font-size: 36px; font-family: impact; color: #fff; display: block; padding-bottom: 10px; position: relative; margin-bottom: 10px;}
.count-section .tel .num:after{ content: ''; width: 96px; height: 2px; background: rgba(255,255,255,0.5); position: absolute; left: 50%; margin-left: -48px;bottom: 0;}
.count-section ul{ padding-left: 360px;}
.count-section ul li{ width: 33%; text-align: center; color: #fff; font-size: 16px; padding-top: 65px; float: left;}
.count-section ul li span{ display: block; color: #ff7546; font-size: 36px; font-family: impact;}
.count-section ul li span sup{ font-size: 20px; margin-left: 5px; line-height: 0; }

.section-tit{ width: 100%; min-width: 1280px; font-size: 36px; text-align: center; height: 50px; line-height: 50px; padding: 75px 0;}
.partner-section ul{ width: 1280px; margin: 0px auto;}
.partner-section ul li{ width: 190px; height: 85px; float: left; margin-right: 28px; margin-bottom: 30px;}
.partner-section ul li:nth-child(6n){ margin-right: 0;}
.partner-section ul li:hover{-webkit-box-shadow: rgba(0,0,0,0.05) 0 0 30px; -moz-box-shadow: rgba(0,0,0,0.05) 0 0 30px; box-shadow: rgba(0,0,0,0.05) 0 0 30px;}
.customize-section ul{ width: 1280px; margin: 0px auto;}
.customize-section ul li{ width: 360px; height: 280px; text-align: center; padding-top: 50px; box-sizing: border-box; float: left; margin-right: 100px;}
.customize-section ul li:last-child{ margin-right: 0;}
.customize-section ul li:hover{-webkit-box-shadow: rgba(0,0,0,0.05) 0 0 30px; -moz-box-shadow: rgba(0,0,0,0.05) 0 0 30px; box-shadow: rgba(0,0,0,0.05) 0 0 30px;}
.customize-section ul li .box{ width: 120px; height: 120px; font-size: 24px; text-align: center; margin: 0px auto; }
.customize-section ul li .box .icon-box{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100px; height: 100px; padding: 27px 0; box-sizing: border-box; display: block; margin: 0px auto 40px auto; -webkit-box-shadow: rgba(0,0,0,0.05) 0 0 30px; -moz-box-shadow: rgba(0,0,0,0.05) 0 0 30px; box-shadow: rgba(0,0,0,0.05) 0 0 30px;}
.customize-section ul li .box .icon-box span{ width: 45px; height: 45px; background: url(../images/icon.png) no-repeat; display: block; margin: 0px auto;}
.customize-section ul li .box .icon-box span.icon1{ background-position: -45px -82px;}
.customize-section ul li:hover .box .icon-box span.icon1{ background-position:0px -82px;}
.customize-section ul li .box .icon-box span.icon2{ background-position: -135px -82px;}
.customize-section ul li:hover .box .icon-box span.icon2{ background-position:-90px -82px;}
.customize-section ul li .box .icon-box span.icon3{ background-position: -225px -82px;}
.customize-section ul li:hover .box .icon-box span.icon3{ background-position:-180px -82px;}
.customize-section ul li:hover .box .icon-box{ background: #2b67b0;}

.quick-section{}
.quick-section ul {  list-style: none;  width: 100%; margin: 0 auto;}
.quick-section ul li {  float: left;  width: 12.5%;  height: 470px;  opacity: 0.4;  -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.quick-section ul li:hover,.quick-section ul li:first-child ~ li:last-child { width: 20%; opacity: 1; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.quick-section ul li:hover ~  li:last-child {  width: 12.5%;  opacity: 0.4;}
.quick-section ul li:nth-child(1) { background: url("../images/quick-1.png") top center no-repeat;}
.quick-section ul li:nth-child(2) {  background: url("../images/quick-2.png") top right no-repeat;}
.quick-section ul li:nth-child(3) {  background: url("../images/quick-3.png") top center no-repeat;}
.quick-section ul li:nth-child(4) {  background: url("../images/quick-4.png") top center no-repeat;}
.quick-section ul li:nth-child(5) {  background: url("../images/quick-5.png") top center no-repeat;}
.quick-section ul li:nth-child(6) {  background: url("../images/quick-6.png") top center no-repeat;}
.quick-section ul li:nth-child(7) { background: url("../images/quick-7.png") top center no-repeat;}
.quick-section ul li:nth-child(8) {  background: url("../images/quick-8.png") top center no-repeat;}

.accordion {  width: 100%;  max-width: 1920px; min-width: 1280px;  height: 470px;  overflow: hidden;  margin:0px auto 0px auto; padding-top: 80px;}
.accordion ul { width: 100%;  display: table;  table-layout: fixed;  margin: 0;  padding: 0;}
.accordion ul li {  display: table-cell;  vertical-align: bottom;  position: relative;  width: 12.5%;  height: 470px;  background-repeat: no-repeat;  background-position: center center;  transition: all 500ms ease;}
.accordion ul li div {  display: block;  overflow: hidden;  width: 100%;}
.accordion ul li div a {  display: block;  height: 470px;  width: 100%;  position: relative;  z-index: 3;  vertical-align: bottom;  box-sizing: border-box;  color: #fff;  text-decoration: none;    transition: all 200ms ease; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4)); background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4)); }
.accordion ul li:nth-child(7) div a{ color: #000;}
.accordion ul li div a * {    margin: 0;  width: 100%;  text-overflow: ellipsis;  position: relative;  z-index: 5;  white-space: nowrap;  overflow: hidden;  /*-webkit-transform: translateX(-20px);  transform: translateX(-20px);*/  -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.accordion ul li div a h2 {   text-overflow: clip;  font-size: 24px;  text-transform: uppercase;  top:-20px; font-weight: normal; padding-left: 75px; margin: 0; }
.accordion ul li div a span {opacity: 0; left: 0;  top: 205px; width: 60px; height: 60px; display: inline-block;  }
.accordion ul li div a span.icon1 {background-position: 0px -127px;}
.accordion ul li div a span.icon2 {background-position: -60px -127px;}
.accordion ul li div a span.icon3 {background-position: -120px -127px;}
.accordion ul li div a span.icon4 {background-position: -180px -127px;}
.accordion ul li div a span.icon5 {background-position: -240px -127px;}
.accordion ul li div a span.icon6 {background-position: -300px -127px;}
.accordion ul li div a span.icon7 {background-position: -360px -127px;}
.accordion ul li div a span.icon8 {background-position: -420px -127px;}
.accordion ul li:nth-child(1) {  background-image: url("../images/quick-1.png");}
.accordion ul li:nth-child(2) {  background-image: url("../images/quick-2.png");}
.accordion ul li:nth-child(3) {  background-image: url("../images/quick-3.png");}
.accordion ul li:nth-child(4) {  background-image: url("../images/quick-4.png");}
.accordion ul li:nth-child(5) {  background-image: url("../images/quick-5.png");}
.accordion ul li:nth-child(6) {  background-image: url("../images/quick-6.png");}
.accordion ul li:nth-child(7) { background-image: url("../images/quick-7.png");}
.accordion ul li:nth-child(8) {  background-image: url("../images/quick-8.png");}
.accordion ul:hover li:hover{  width: 15%;}
.accordion ul:hover li:hover a *{  opacity: 1;  -webkit-transform: translateX(0);  transform: translateX(0);}
.accordion ul:hover li {  width: 8% !important;}
.accordion ul:hover li a * {  /*opacity: 0 !important;*/}
.accordion ul:hover li:hover { width: 15% !important;}
.accordion ul:hover li:hover a { background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)); background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)); }
.accordion ul:hover li:hover a h2{ top: 150px;}

.team-section{ margin-top: 60px; background:url(../images/team-section-bg.png) top repeat-x; width: 100%; min-width: 1280px; height: 655px;}


.team-section .scrollpicbox {height: 500px;position: relative; width: 1280px; margin: 0px auto;}
.team-section .scrollpicbox .bun { display: none;	width: 30px;	height: 60px;	position: absolute;	background:rgba(0,0,0,0.5) url(../images/scrollbun.png) no-repeat; 	top: 50%;	margin-top: -45px;	z-index: 9;}
.team-section .scrollpicbox .lbun {	left: 0px;	background-position: 0px 0px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
.team-section .scrollpicbox .rbun {	right: 2px;	background-position: 0px -60px; -webkit-border-radius:6px 0px 0px 6px ; -moz-border-radius: 6px 0px 0px 6px; border-radius:6px 0px 0px 6px;}
.team-section .scrollpicbox:hover .bun{ display: block}
.team-section .scrollpicbox .scrollpic {	width: 1280px;	height: 500px;	overflow: hidden;	z-index: 8;	position: absolute;}
.team-section .scrollpicbox ul {	position: absolute;	left: 0px;	top: 0px;	width: 5000px;}


.team-section ul{ /*width: 1280px; margin: 0px auto;*/}
.team-section ul li{  webkit-box-shadow: rgba(0,0,0,0.05) 0 0 30px; -moz-box-shadow: rgba(0,0,0,0.05) 0 0 30px; box-shadow: rgba(0,0,0,0.05) 0 0 30px; width: 297px; float: left; margin-right: 30px; overflow: hidden;}
.team-section ul li:last-child{ margin-right: 0;}
.team-section ul li .info{ padding: 15px 25px;  text-align: center; height: 135px; box-sizing: border-box;  -webkit-transition: all 400ms ease;  -moz-transition: all 400ms ease;  transition: all 400ms ease;  position: relative;}
.team-section ul li .info:after{ position: absolute; left:-10%; right: 0;  top: 0px;  z-index: -1;  content: ' ';  height: 20px;  width: 120%;  -webkit-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; background-color: #fff;  -webkit-transition: all 400ms ease;  -moz-transition: all 400ms ease;  transition: all 400ms ease; }
.team-section ul li .info .name{ font-size: 30px; font-family: "hakuyoxingshu 7000" !important; margin-bottom: 20px;}
.team-section ul li .info p{ font-size: 15px; color: #585858;}
.team-section ul li .info .btn{display: inline-block; font-size: 14px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; height: 32px; background: #fff; padding: 0px 15px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); transform: translateY(50px); position: relative; line-height: 32px;}
.team-section ul li:hover{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);}
.team-section ul li:hover .info .btn{ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);}
.team-section ul li:hover .info{ height: 160px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); background: #2b67b0; color: #fff; padding-top: 10px; box-sizing: border-box; }
.team-section ul li:hover .info .name{ margin-bottom: 10px;}
.team-section ul li:hover .info p{ color: rgba(255,255,255,.75);}
.team-section ul li:hover .info:after{ background: #2b67b0; top: -10px;}

.content-section{}
.content-section ul{ width: 1280px; margin: 0px auto;}
.content-section ul li{font-size: 24px; text-align: center; width: 315px; height: 210px;  padding:50px 30px 30px; box-sizing: border-box; float: left; margin-right: 5px; color: #262626;}
.content-section ul li:last-child{ margin-right: 0;}
.content-section ul li p{ font-size: 16px; text-align: left; margin-top: 25px; color: #585858;}
.content-section ul li:nth-child(1){  background: #f9f9f9 url(../images/city1.png) no-repeat 190px bottom;}
.content-section ul li:nth-child(1):hover{  background: #ff7546 url(../images/city1-hover.png) no-repeat 190px bottom;}
.content-section ul li:nth-child(1).hover{  background: #ff7546 url(../images/city1-hover.png) no-repeat 190px bottom;}
.content-section ul li:nth-child(2){ background:#f9f9f9 url(../images/city2.png) no-repeat 170px bottom;}
.content-section ul li:nth-child(2):hover{  background: #ff7546 url(../images/city2-hover.png) no-repeat 170px bottom;}
.content-section ul li:nth-child(2).hover{  background: #ff7546 url(../images/city2-hover.png) no-repeat 170px bottom;}
.content-section ul li:nth-child(3){ background:#f9f9f9 url(../images/city3.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(3):hover{  background: #ff7546 url(../images/city3-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(3).hover{  background: #ff7546 url(../images/city3-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(4){ background:#f9f9f9 url(../images/city4.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(4):hover{  background: #ff7546 url(../images/city4-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(4).hover{  background: #ff7546 url(../images/city4-hover.png) no-repeat 200px bottom;}

.content-section ul li:nth-child(5){ background:#f9f9f9 url(../images/city1.png) no-repeat 190px bottom;margin-top:5px;}
.content-section ul li:nth-child(5):hover{  background: #ff7546 url(../images/city1-hover.png) no-repeat 190px bottom;}
.content-section ul li:nth-child(5).hover{  background: #ff7546 url(../images/city1-hover.png) no-repeat 190px bottom;}
.content-section ul li:nth-child(6){ background:#f9f9f9 url(../images/city2.png) no-repeat 170px bottom;margin-top:5px;}
.content-section ul li:nth-child(6):hover{  background: #ff7546 url(../images/city2-hover.png) no-repeat 170px bottom;}
.content-section ul li:nth-child(6).hover{  background: #ff7546 url(../images/city2-hover.png) no-repeat 170px bottom;}
.content-section ul li:nth-child(7){ background:#f9f9f9 url(../images/city3.png) no-repeat 200px bottom;margin-top:5px;}
.content-section ul li:nth-child(7):hover{  background: #ff7546 url(../images/city3-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(7).hover{  background: #ff7546 url(../images/city3-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(8){ background:#f9f9f9 url(../images/city4.png) no-repeat 200px bottom;margin-top:5px;}
.content-section ul li:nth-child(8):hover{  background: #ff7546 url(../images/city4-hover.png) no-repeat 200px bottom;}
.content-section ul li:nth-child(8).hover{  background: #ff7546 url(../images/city4-hover.png) no-repeat 200px bottom;}
.content-section ul li:hover{background-color: #ff7546; color: #fff;}
.content-section ul li:hover p{ color: #fff;}
.content-section ul li.hover{background-color: #ff7546; color: #fff;}
.content-section ul li.hover p{ color: #fff;}


.cart-title{font-size: 18px; font-weight: bold; color: #2c81eb; border-bottom: #2c81eb 1px solid; padding-bottom: 10px;}

.cart-tit{ height: 36px; line-height: 36px; }
.cart-tit .name{font-size: 20px;}

.shop-name{font-size: 16px; padding-left: 20px; font-weight: bold;}
.shop-name .checkbox-box{ display: inline-block; height: 30px; padding: 15px 0; line-height: 30px;}
.shop-name .checkbox-box>label{ margin-right: 5px;}


.carttable{ border:#e6e6e6 1px solid; border-collapse:collapse;  background: #fff; box-sizing: border-box;}
.carttable tr td{ padding:15px 0px; text-align:center;border-bottom:#e6e6e6 1px solid; font-size: 14px }
.carttable tr td.tal{ text-align:left;}
.carttable tr td.tar{ text-align:right;}
.carttable tr td.bright{ border-right:#e6e6e6 1px solid;}
.carttable.plr10 tr td{ padding:15px 10px;}
.carttable.plr10 tr td .btn{ height:24px; line-height:24px;}
.carttable.plr10 tr td.tal{ text-align:left;}
.carttable tr.title td{ padding:0px 0px; height:44px; line-height:44px; background:#f5f5f5; border-bottom:#e6e6e6 1px solid; }
.carttable tr td .shop-info{position: relative; min-height: 76px; padding-left: 90px; width: 100%; box-sizing: border-box;}
.carttable tr td .shop-info .pic{ position: absolute; left: 0; width: 76px; height: 76px; border: #e6e6e6 1px solid;    overflow: hidden;  text-align: center;  vertical-align: middle; display: table-cell; *display: block; float: left;}
.carttable tr td .shop-info .pic img{max-width: 76px; max-height: 76px; margin-top:expression(76-this.height/2); *margin-top:expression(76-this.height/2);}
.carttable tr td .shop-info .property{ width: 310px; }
.carttable tr td .shop-info .property .name{ display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #262626; }
.carttable tr td .shop-info .property .name a{ color: #262626;}
.carttable tr td .shop-info .property .name a:hover{text-decoration: underline;}
.carttable tr td .shop-info .property .pro{color: #8C8C8C;  }
.carttable tr td .shop-info .property .pro span{ margin-right: 5px;}

.carttable tr td .unit{ color: #ff5c38; font-weight: normal; font-size: 16px;}
.carttable tr td .c2{ color: #BFBFBF; font-size: 13px; /*text-decoration: line-through;*/}
.carttable tr.active{ background: #F9F9F9;}

.carttable .pl20{ padding-left: 20px; }
.carttable tr.count{ /*background:#FAFAFA;*/ }
.carttable tr.count .content{ padding: 10px 20px; color: #595959;}
.carttable tr.count .content .price{ font-size: 18px;}
.carttable tr.count .content .price small{ font-size: 12px;}

.carttable .btn-box a{ min-width: 60px; border: #e6e6e6 1px solid; display: inline-block; line-height: 26px; font-size: 12px; padding: 0px 10px; color: #262626; margin: 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff;}
.carttable .btn-box a:hover{ border: #BFBFBF 1px solid;}
.carttable .btn-box a.btn-collect{ border: #8fd6ff 1px solid; background: #ebf5ff; color: #8fd6ff;}
.carttable .btn-box a.btn-collect:hover{ border: #1492FF 1px solid;}

.c-kh60 {height: 60px; margin-top: 30px;}
.cart-count{  background: #fff3f3; padding: 20px; height: 26px;}
.cart-count .choose{ float: left; font-size: 14px;}
.cart-count .choose .checkbox-box{ display: inline-block;}
.cart-count .choose .btn{ border: #E6E6E6 1px solid; font-size: 12px; color: #595959; line-height: 26px; padding: 0px 10px; display: inline-block; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.cart-count .price-box{ float: right; position: relative; padding-right: 140px;}
.cart-count .price-box .count{ font-size: 14px; line-height: 18px;}
.cart-count .price-box .count .t-number{ font-size: 18px;  color: #ff5c38;}
.cart-count .price-box .count .price{ font-size: 18px; display: inline-block; color: #ff5c38;}
.cart-count .price-box .count .price .t-price{font-size: 16px; margin-left: 5px;}
.cart-count .price-box .gobuy{ display: block; position: absolute; right: -20px; top: -20px; height: 66px; background: #ff7546; font-size: 16px; text-align: center; width: 140px; line-height: 66px; color: #fff;}
.cart-count .price-box .gobuy .z-disable{background: #CCC;color: #FFF; cursor: not-allowed;}
.amount{ border:#ddd 1px solid; height:28px; width:120px; text-align:center; display:inline-block; position:relative; overflow:hidden;}
.amount a{width:28px; height:28px; line-height:26px; font-size:20px; float:left; display:block; font-family:Arial; color:#666;}
.amount .Increase{  border-left:#ddd 1px solid; position:absolute; right:0px;}
.amount .Reduce{ position:absolute; left:0px; line-height:24px; border-right:#ddd 1px solid;}
.amount a:hover{ color:#d30830;}
.amount input{ width:52px; height:18px; padding:5px 5px; margin-left:28px; float:left;border:none; text-align:center; display:inline-block;}



.addr-list{}
.addr-list li{ width:31%; margin-right: 2%; margin-bottom: 10px; height:160px; padding:20px; box-sizing: border-box; border:#e6e6e6 1px dashed;  float:left; cursor:pointer; position:relative;}
.addr-list li:nth-child(3){ margin-right: 0;}
.addr-list li .title{ padding-bottom:9px; line-height:20px; border-bottom:#e6e6e6 1px solid; overflow:hidden;}
.addr-list li .title .name{ font-size:14px; font-weight:bold; float:left;}
.addr-list li .title .default{ float:right;}
.addr-list li .ok{ display:none;}
.addr-list li .set{ display:none;}
.addr-list li .set:hover{ border-bottom:#e52142 1px dashed;}
.addr-list li .text-box{ margin-top:5px; color:#595959; line-height:16px; font-size: 14px; height:80px;}
.addr-list li .text-box p{ margin-top: 10px;}
.addr-list li .btn-box{height:24px;  position:absolute; right:0; bottom:15px; padding-left:20px; display:none;}
.addr-list li .btn-box a{border: #e6e6e6 1px solid; display: inline-block; height: 26px; line-height: 26px; padding: 0px 10px; background: #fff;  margin-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/*.addr-list li .ico-yes{ width:11px; height:11px; display: none; position:absolute; right:0px; bottom:0px; background-position:-320px 0px;}*/
.addr-list li.current{ background:#f9f9f9;}
.addr-list li.current .btn-box{ display:block;}
.addr-list li.current .set{ display:inline;}
.addr-list li.current .ok{ display:none;}
.addr-list li.active{ /*background: #f9f9f9;*/ border:#8C8C8C 1px dashed;}
.addr-list li.active .ico-yes{ display:block;}
.addr-list li.active .set{ display:none;}
.addr-list li.active .ok{ display:inline; color: #2d81eb;}
.addr-list li.active .title{ border-bottom: #bfbfbf 1px solid;}
.addr-list li.other{ text-align: center; font-size: 16px;}
.addr-list li.other span{ display: block; font-weight: bold; font-size: 40px; margin-top: 10px;}
.addr-list li.other:hover{ background: #F9F9F9;}
.addr-list li.other.active{ border-color: #E6E6E6}

.order-shop-info{}


.login-bg{ background:#000 url(../images/login-bg.jpg) no-repeat center top; height: 700px; width: 100%; min-width: 1280px; position: relative;background-size: cover;}
.login-box {   width: 380px;   height: 415px; padding: 40px;   display: block;   background: #fff; position: absolute; left: 50%; margin-left: 190px; top: 100px; }
.login-box h1{  text-align: center; font-size: 24px;}
.log-tab{ height: 50px; position:absolute; top: 0px; left: 0; right: 0; margin-bottom:40px; background: #F9F9F9; }
.log-tab li{ float: left; line-height: 50px;   font-size: 18px; padding: 0 15px; width: 50%; box-sizing: border-box; text-align: center;  /*border: #CBCBCB 1px solid;*/ cursor: pointer; border-top: transparent 2px solid;}
.log-tab li.active{ /*background: #2c81eb;*/ border-top: #2c81eb 2px solid; background: #fff; color: #2c81eb; font-weight: bold;}
.tab-wrap .item{ display: none;}
.tab-wrap .item.show{ display: block;}
.user-form{ padding-top: 40px;}
.user-form li{ margin-bottom: 18px;}
.user-form li .tip-help{ margin-top: 5px;     vertical-align: middle;   text-align: left;   -webkit-transition: max-height .5s ease-in-out;  -moz-transition: max-height .5s ease-in-out;  -ms-transition: max-height .5s ease-in-out;    transition: max-height .5s ease-in-out; color: #e54545;    max-height: 20px;}
.user-form li.input-item{ width: 100%; position: relative; border: none; clear: both; height: auto; overflow: hidden;}
.user-form li.input-item input{ width: 100%; border: #cbcbcb 1px solid; height: 40px; font-size: 14px; display: block;  box-sizing: border-box; outline:none; padding-left: 10px;  -webkit-transition: 0.35s ease-in-out; 
  -moz-transition: 0.35s ease-in-out;  -ms-transition: 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}
.user-form li.input-item input:focus { border: #c74747 1px solid; }
.user-form li.input-item input::placeholder{ color: #b7b7b7; }
.user-form li.input-tel{position: relative;}
.user-form li.input-tel input{ padding-left: 62px;}
.user-form li.input-tel .num{ width: 50px; text-align: center; line-height: 40px; border-right:1px #CBCBCB solid; background: #fafafa; position: absolute; left: 1px; top: 1px; bottom: 1px; }
.user-form li input.code-input{ width: 218px; float: left;}
.user-form li .forget{font-size: 14px; line-height: 16px; color: #2c81eb; text-decoration: underline;  float: right;}
.user-form li .remember {font-size: 14px; line-height: 16px; color: #8C8C8C; float: left;  vertical-align: middle;}
.user-form li .remember span{ width: 16px; height: 16px; display: inline-block; border: #cbcbcb 1px solid; margin-right: 5px; float: left; line-height: 10px; text-align: center; position: relative; line-height: 14px;}
.user-form li .remember.active span{color: #fff; background: #ff7546; border: #ff7546 1px solid;}
.user-form li .remember.active span:before{ content: ''; background: url(../images/check-icon-white.png) no-repeat center; width: 16px; height: 16px; display: inline-block;}
.user-form li .remember a{ color: #28c4fc;}
.user-form li .szyz { position: absolute; top:1px; right: 1px; width: 120px; text-align: center;	font-size: 14px;	display: inline-block;			color: #ff7546;		font-style: normal;      height: 38px; line-height: 38px; text-align: center; font-size: 14px; }
.user-form li .gray {background: #fafafa; color: #8C8C8C;}
.user-form li .pic-code{ float: right; height: 40px;}
.user-form li .pic-code img{ height: 100%;}

.user-form .tip-reg{ margin-bottom: 20px;  text-align: left;}
.log-reg-btn{ background: #2c81eb; height: 50px; display: block; color: #fff; font-size: 18px; line-height: 50px; text-align: center; transition:all .5s;  -webkit-transition:all .5s; margin: 0px auto; margin-top: 40px;}
.log-reg-btn:hover{ background: #01afff; color: #fff;}
.log-reg-btn.reg{ width: 340px;}
.tip-reg{ font-size: 14px; margin-top: 20px;  text-align: center;}
.other-log{ text-align: center; margin-top: 30px;}
.other-log h5{ font-size: 16px; font-weight: normal; padding-bottom: 15px;}
.other-log p a{ font-size: 14px; color: #666; padding: 0px 15px; position: relative;}
.other-log p a:not(:last-child):after{ content: ''; background: #cbcbcb; width: 1px; height: 12px; position: absolute; right: 0; top: 5px;}
.other-log p a:hover{ color: #2c81eb; text-decoration: underline;}

.card-login-bg{ background:#000 url(../images/login-bg2.png) no-repeat bottom; height: 570px; width: 100%; min-width: 1280px; position: relative;}
.card-login-bg .login-box {   width: 380px;   height:300px; padding:30px 40px 40px;   display: block;   background: #fff; position: absolute; left: 50%; margin-left: -190px; top: 100px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.card-login-bg .login-box .user-form{ padding-top: 0;}
.card-login-bg .login-box  .log-tab{ position: relative; height: 50px;   background: #fff; border-bottom: #E6E6E6 1px solid; }
.card-login-bg .login-box .log-tab li.active{ border-bottom: #2c81eb 2px solid; border-top: none; line-height: 48px;}
.card-login-bg .login-box .user-form li.input-item input{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.card-login-bg .log-reg-btn{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}


.help-banner{ position: relative; background:url(../images/help-banner.png) no-repeat; height: 300px; width: 100%; min-width:1280px;}
.help-left{ width: 230px; float: left;}
.help-left dl{ margin-bottom: 10px;}
.help-left dl dt{ margin-bottom: 0px; height: 40px; line-height: 40px;  font-size: 16px; color: #262626; border-bottom: #E6E6E6 1px solid; font-weight: bold; position: relative;}
.help-left dl dt span:after{content: "";    width: 6px;    height: 6px;    border-bottom: 2px solid #bfbfbf;    border-right: 2px solid #bfbfbf; position: absolute;     top: 15px;    right: 0;    -webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);  transform: rotate(45deg);   -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);   transform-origin: center;}
.help-left dl dt.active span:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); border-bottom: 2px solid #2c81eb;    border-right: 2px solid #2c81eb;}
.help-left dl dt.active{color: #2c81eb;}
.help-left dl dd{  text-align: center; display: none; padding-bottom: 10px; }
.help-left dl.active dd{ display: block; }
.help-left dl dd a{ color: #262626; display: block; line-height: 35px; font-size: 14px;}
.help-left dl dd a:hover{ background: #F5F5F5;}
.help-left dl a.active { background: #2c81eb; color: #fff;}
.help-left dl a.active:hover{background: #2c81eb;}
.help-right{ width: 960px; min-height: 900px; border-left: #E6E6E6 1px solid; padding-left: 50px; float: right; }
.help-right .content{ font-size: 14px; line-height: 1.8; padding: 20px 0;}
.help-right .content img{ max-width: 100%;}
.help-right .title{ height: 50px; border-bottom: #E6E6E6 1px solid; line-height: 50px; font-size: 16px;}
.help-right .title span{ display: inline-block; border-bottom: #2c81eb 3px solid; line-height: 46px;}

.search-banner{ position: relative; background:url(../images/search-banner.png) no-repeat; box-sizing: border-box; height: 300px; width: 100%; min-width:1280px; padding-top: 140px;}
.search-banner .search-box{ width: 460px; height: 50px;  margin-top: 15px; position: relative; margin: 0px auto 0px auto;}
.search-banner .search-box .search{ display: block; clear: both}
.search-banner .search-box input{ padding: 0px 10px; box-sizing:border-box; height: 50px; /*background: #f5f5f5;*/  border-radius: 4px; -webkit-border-radius: 4px; border: none; font-size: 15px; width: 400px; border:transparent 1px solid;}
.search-banner .search-box input::placeholder{ color: #a6a6a6;}
.search-banner .search-box input:focus{ border: #2c81eb 1px solid;}
.search-banner .search-box .btn{ width: 50px; height: 50px; position: absolute; right: 0; top: 0; background:#2c81eb url(../images/icon.png) no-repeat -465px 14px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;}
.search-banner .search-box .keyword{ color: #666; margin-top: 10px; font-size: 14px; color: #fff;}
.search-banner .search-box .keyword a{ color: #fff;}
.search-banner .search-box .keyword a:hover{ text-decoration: underline; }

.search-tab{ position:relative;z-index:1; height:45px; border-bottom:#2c81eb 1px solid; /*background:#F5F5F5;*/ width:100%; }
.search-tab li{float:left; width:123px; display:inline-block; height:43px; line-height: 43px; display:inline-block; cursor:pointer; text-align:center;  color:#262626; font-size: 16px;}
.search-tab li.current{ color:#2c81eb; line-height:43px;  font-weight: bold;  background:#fff; border:1px solid #2c81eb; border-bottom:1px solid #fff; border-top:#2c81eb 2px solid; }
.search-contain .item-box{ display: none;}
.search-contain .item-box.show{ display: block;}

.u-flyer {
	display: block;
	width: 32px;
	height: 32px;
	position: fixed;
	z-index: 9999;
	opacity: 1;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	-ms-border-radius: 48px;
	-o-border-radius: 48px;
	border-radius: 48px;
}

.u-flyer img {
	width: 100%;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	-ms-border-radius: 48px;
	-o-border-radius: 48px;
	border-radius: 48px;
}

.u-flyer.active img {
	display: none;
}

.u-flyer.active {
	width: 22px;
	height: 22px;
	background: url(../images/u-num.png) no-repeat 0px 0px;
	opacity: 0;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-moz-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-ms-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	-o-transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
	transition: all 0.4s cubic-bezier(0.75, 1.0, 0.75, 1.0);
}

.u-flyer.active:before {
	width: 22px;
	height: 22px;
	display: block;
	text-align: center;
	content: '1';
	color: #d30830;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.cart-delivery{border: #e6e6e6 1px solid; padding:30px 20px;}
.cart-delivery:after{ display: block; clear: both; content: '';}
.cart-delivery .order-time{font-size: 16px; float: left; margin-right: 20px;}
.cart-delivery .order-time input{padding: 5px 10px; min-width: 200px; border: #ccc 1px solid; font-size: 14px;}
.cart-delivery .order-time .SelectControls{ display: inline-block; min-width: 220px;}
.cart-delivery .order-time .SelectControls .Selected{ border-radius: 0; background: #fff; border: #ccc 1px solid;}