@charset "utf-8";
/* 清除默认样式 */
body {
	margin:0 auto;
	font-family:Arial,Microsoft YaHei;
	font-size:14px; 
	background:url(../images/bg-body.jpg) 50% 0 no-repeat #98d3e6;
}
ul{
  padding:0;
  margin:0;
  list-style:none;
}
li{ list-style:none;}
dl, dd{
  margin:0;
  list-style: none;
}
a{
  cursor:pointer;
  color:#fff;
  text-decoration:none;
  transition:all .3s ease;
}
a:active{ color:#fff;}
a:hover{
  text-decoration:none;
}
form{ margin:0px}
a img{ border:0px;}
h1, h2, h3, h4, h5, h6{ margin:0;}
hr{
  border:0;
  border-bottom:1px solid #eee;
  height:0px;
  overflow:hidden;
}
i{
  text-decoration:none;
  font-style:normal;
}
input,textarea,button{
  font-family:Microsoft YaHei,Arial;
  outline:none;
}
textarea{ overflow:auto;}
button{ cursor:pointer;}
img{ display:block;}
/*input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff !important;}*/
table{
  border-collapse:collapse;
  border-spacing:0;
  border:0;
}
/*通用样式*/
.fl-left{ float:left !important;}
.fl-right{ float:right !important;}
.clearfix{ zoom:1;}
.clearfix:after{
  content:'';
  visibility:hidden;
  clear:both;
  height:0;
  display:block;
}
.center{
  width:1200px;
  margin:0 auto;
}

header{
  position:relative;
}
.site{
  position:absolute;
  right:50%;
  top:0;
  width:63px;
  margin-right:-600px;
}
.site a{
  padding:5px 0;
  border-radius:0 0 10px 10px;
  color:#fff;
  display:block;
  text-align:center;
  font-size:12px;
  background:#cf1616;
}
.site a:hover{ background:#5B98D1;}
.site img{
  width:25px;
  margin:5px auto 0;
  display:block;
}
.logo{
  width:124px;
  margin:auto;
  padding:50px 0 0;
}
.nav-warp{
  position:relative;
  width:1024px;
  height:150px;
  margin:40px auto 0;
}
nav{
  position:absolute;
  left:50%;
  top:0;
  margin-left:-493px;
  width:986px;
  height:72px;
  border-radius:30px 30px 50% 50%;
  overflow:hidden;
}
nav a{
  float:left;
  width:156px;
  height:104px;
  line-height:40px;
  margin:0 5px;
  font-size:16px;
  text-align:center;
  background:#8cb501;
  transition:background .3s ease-in-out;
}
nav a:hover{ background:#5B98D1 !important;}
nav a:nth-child(1){
  margin-left:0;
  background:#c53636;
}
nav a:nth-child(2){
  line-height:50px;
  background:#ed9d1f;
}
nav a:nth-child(3){ line-height:60px;}
nav a:nth-child(4){
  line-height:60px;
  background:#2565b3;
}
nav a:nth-child(5){ line-height:50px;}
nav a:last-child{ margin-right:0;}
.nav-kinds{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:107px;
  padding:10px 0 0;
  overflow:hidden;
  background:url(../images/bg-nav2.png) bottom center no-repeat;
}
.nav-kinds li{
  float:left;
  width:12.5%;
}
.nav-kinds li a{
  width:54px; 
  height:54px;
  margin:auto;
  display:block;
  background-image:url(../images/icons-kinds.png);
  background-repeat:no-repeat;
}
.nav-kinds li a:hover{
  opacity:.5;
}
.nav-kinds li:nth-child(2) a{
  margin-top:15px;
  background-position:-54px 0;
}
.nav-kinds li:nth-child(3) a{
  margin-top:25px;
  background-position:-108px 0;
}
.nav-kinds li:nth-child(4) a{
  margin-top:35px;
  background-position:-162px 0;
}
.nav-kinds li:nth-child(5) a{
  margin-top:35px;
  background-position:-216px 0;
}
.nav-kinds li:nth-child(6) a{
  margin-top:25px;
  background-position:-270px 0;
}
.nav-kinds li:nth-child(7) a{
  margin-top:15px;
  background-position:-324px 0;
}
.nav-kinds li:nth-child(8) a{
  background-position:-378px 0;
}

.banner-warp{
  width:1217px;
  margin:35px auto 0;
  overflow:hidden;
}
.banner .hd, .banner .bd{ float:left;}
.banner .hd{
  width:232px;
  margin-right:10px;
}
.banner .hd li{
  margin:0 0 3px;
  padding:3px;
  border-radius:10px;
  background:#f79301;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.banner .hd li:nth-child(2){ background:#165abb;}
.banner .hd li:nth-child(3){ background:#b12120;}
.banner .hd li.on{ cursor:default;}
.banner .hd li.on:before{
  content:'';
  position:absolute;
  left:5px;
  top:5px;
  width:222px;
  height:105px;
  border-radius:10px;
  background:rgba(0,0,0,.3);
}
.banner .hd li img{
  width:100%;
  box-sizing:border-box;
  display:block;
}
.banner .bd{ width:732px;}
.banner img{
  border:2px solid #fff;
  border-radius:10px;
}
.login{
  width:232px;
  padding:15px;
  box-sizing:border-box;
  border-radius:10px;
  background:#165abb;
}
.login h2{
  margin:10px 0;
  color:#fff;
}
.login span{
  margin:5px 0;
  line-height:26px;
  color:#fff;
  display:block;
  overflow:hidden;
}
.login span input{
  float:right;
  width:155px;
  height:20px;
  line-height:20px;
  padding:3px 5px;
  border:0;
}
.login span button, .login span a{
  float:right;
  color:#fff;
  height:26px;
  line-height:26px;
  padding:0 10px;
  border-radius:5px;
}
.login span button{
  margin-right:5px;
  border:0;
  background:#ff0300;
}
.login span a{
  background:#00b3ed;
  text-align:center;
}
.login ul{
  padding:10px;
  border-radius:10px;
  background:#00b3ed;
}
.login ul li{
  padding:10px 0;
  font-size:12px;
  border-bottom:1px dotted #fff;
}
.login ul li:last-child{ border:0;}
.login ul li a{
  margin:0 0 5px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.login ul li a:hover{ color:#ddd;}
.login ul li i{ color:#fff;}
.user-head{
  margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:1px dashed #fff;
  overflow:hidden;
}
.user-head i{
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
}
.user-head i img{ width:40px;}
.user-head span{
  width:155px;
  margin:0;
  line-height:100%;
}
.user-head span h3{
  color:#fff;
  line-height:25px;
}
.user-head span em{
  font-style:normal;
  color:#ccc;
  font-size:12px;
  text-transform:uppercase;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.user-btn a{
  width:80%;
  margin:5px auto;
  line-height:25px;
  border-radius:5px;
  font-size:12px;
  display:block;
  text-align:center;
  background:#00B3ED;
}
.user-btn a:hover{ background:#FECE35;}
.user-btn a.logout{
  background:#e12e2e;
}

main{
  width:1024px;
  margin:auto;
}
.recommend{
  height:427px;
  margin:30px 0 0;
  background:url(../images/bg-recommend.png) center top no-repeat;
}
.recommend .recommend-title{
  margin:0 0 15px;
  text-align:center;
}
.recommend .recommend-title h1{
  position:relative;
  font-weight:400;
  color:#fff;
  font-size:25px;
  line-height:70px;
  display:inline-block;
}
.recommend .recommend-title h1:before, .recommend .recommend-title h1:after{
  content:'';
  position:absolute;
  width:20px;
  height:20px;
  top:50%;
  margin-top:-10px;
  background:url(../images/icon-star.png) 50% 50% no-repeat;
}
.recommend .recommend-title h1:before{ left:-25px;}
.recommend .recommend-title h1:after{ right:-25px;}
.recommend-content{
  padding:55px 0 0;
  position:relative;
}
.recommend-content .bd li{
  float:left;
  width:312px;
  margin:0 15px;
  border-radius:10px;
  overflow:hidden;
}
.recommend-content .bd li img{ width:312px;}
.recommend-content .slideLeft-btn{
  position:absolute;
  top:50%;
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:50%;
  color:#fff;
  font-family:"宋体";
  font-size:30px;
  text-align:center;
  background:#f79301;
  z-index:2;
}
.recommend-content .prev{ left:-25px;}
.recommend-content .next{ right:-25px;}
.recommend-content .prevStop, .recommend-content .nextStop{ display:none;}

.container{ margin:10px 0;}
.sidebar{ width:285px;}
.content{ width:720px;}

.sidebar section{ margin:0 0 20px;}
.sidebar section h1{ text-transform:uppercase;}
.min-search{
  position:relative;
  padding:10px;
  border-radius:0 10px 10px 10px;
  background:#9dc600;
}
.min-search h1{
  margin:0 10px 10px;
  color:#fff;
  text-transform:uppercase;
}
.min-search:before{
  content:'';
  position:absolute;
  left:0;
  top:-22px;
  width:100%;
  height:22px;
  background:url(../images/bg-min-search.png) 0 0 no-repeat;
}
.min-search .search-warp{
  padding:10px;
  border-radius:10px;
  background:#fff;
}
.min-search ul li{ margin:5px 0;}
.min-search ul li i{
  width:40px;
  margin-right:5px;
  color:#1957ae;
  text-align:right;
  line-height:24px;
}
.min-search ul li i, .min-search ul li .range{ float:left;}
.min-search ul li input{
  width:136px;
  height:14px;
  padding:4px;
  font-size:12px;
  background:#eee;
  border:1px solid #ccc;
}
.min-search ul li .range{ width:146px;}
.min-search ul li .range input{
  width:58px;
  text-align:center;
}
.min-search button{
  width:46px;
  height:84px;
  border:0;
  margin:4px 0 0;
  background:url(../images/btn-search.jpg) 0 0 no-repeat;
  opacity:1;
}
.min-search button.btn-search-cn{ background:url(../images/btn-search-cn.jpg) 0 0 no-repeat;}
.min-search button:hover{ opacity:.9;}
.kinds h1{
  padding:0 20px;
  line-height:50px;
  color:#fff;
  border-radius:10px 10px 0 0;
  background:#9dc600;
}
.kinds ul{
  float:left;
  width:100%;
  /*min-height:836px;*/
  padding:20px 0;
  border-radius:0 0 10px 10px;
  background:#1957ae;
}
.kinds ul li{
  position:relative;
  display:block;
  line-height:25px;
  padding:10px 0;
}
.kinds ul li:hover .kinds-menu{
  opacity:1;
  transform:scale(1);
  visibility:visible;
}
.kinds ul li .kinds-item{
  margin:0 20px;
  padding:0 20px;
  border-radius:20px;
  display:block;
}
.kinds ul li:hover .kinds-item, .kinds ul li .kinds-item:hover{
  color:#1957ae;
  background:#fff;
}
.kinds ul li .kinds-menu{
  position:absolute;
  left:285px;
  top:-15px;
  width:250px;
  padding:20px;
  line-height:30px;
  background:#00b3ed;
  border-radius:0 10px 10px 0;
  z-index:2;
  opacity:0;
  transform:scale(.5);
  transition:all .3s ease-in-out;
  visibility:hidden;
  transform-origin:0 0;
}
.kinds ul li .kinds-menu:before{
  position:absolute;
  content:'';
  left:-8px;
  top:27px;
  border:8px solid transparent;
  border-right:8px solid #00b3ed;
  border-left:0;
}
.kinds ul li .kinds-menu a{
  display:inline-block;
  margin-right:20px;
}
.kinds ul li .kinds-menu a:hover{
  text-decoration:underline;
}
.title{
  position:absolute;
  right:0;
  top:-25px;
  width:98%;
  padding:10px 20px;
  box-sizing:border-box;
  border-radius:10px 10px 0 0;
  color:#fff;
  background:#9dc600;
  overflow:hidden;
}
.title h1{
  float:left;
  line-height:30px;
  text-transform:uppercase;
}
.title .new-pro-time{ float:right; font-size:12px;}
.title .new-pro-time span{
  margin:8px 5px;
  padding-right:10px;
  border-right:1px solid #fff;
  display:inline-block; 
}
.title .new-pro-time span:last-child{ border:0;}
.title .new-pro-time span a{
  line-height:14px;
  font-size:14px;
}
.title .new-pro-time span a:hover{ opacity:.7;}
.content section:last-child{ margin-bottom:0;}
.content section{
  position:relative;
  margin:28px 0 38px;
  padding:35px 10px 10px;
  border-radius:10px;
  background:#1152ae;
}
.content section .box{
  padding:15px;
  border-radius:0 0 10px 10px;
  background:#fff;
}
.product ul li{
  float:left;
  width:205px;
  margin:7px;
  border:2px solid #eee;
  border-radius:5px;
  background:#fff;
  overflow:hidden;
}
.product ul li a img{ width:205px;}
.product ul li span{
  width: 195px;
  margin: 5px auto;
  box-sizing: border-box;
  padding: 10px;
  display: block;
  border-radius: 5px;
  background: #eee;
}
.product ul li span strong{
  font-size:16px;
  display:inline-block;
}
.product ul li span strong a{
  float:right;
  margin-left:5px;
  line-height:16px;
  font-size:12px;
  border-radius:10px;
  padding:0 5px;
  background:#000;
}
.product ul li span p{
  margin:5px 0 0;
}
.hot-pro .title{ background:#f79301;}
.search ul{ padding:0 10px;}
.search ul li{ margin:10px 0;}
.search ul li strong, .search ul li input, .search ul li .range, .search .searchable-select, .ta_date{ float:left;}
.search ul li input{
  width:223px;
  height:30px;
  line-height:18px;
  padding:5px;
  border:1px solid #d8d8d8;
  box-sizing:border-box;
  box-shadow:0px 1px 1px rgba(218,218,218,0.8);
  border-radius:3px;
  background:#f9f9f9;
}
.search ul li strong{
  width:70px;
  line-height:30px;
  margin-right:5px;
}
.search ul li .range{ width:223px;}
.search ul li .range input{ width:105px;}
.search .searchable-select{
  height:30px;
  box-shadow:0px 1px 1px rgba(218,218,218,0.8);
}
.search .searchable-select-holder{ border:1px solid #ddd;}
.search .searchable-select,.search .searchable-select-holder{
  min-width:223px;
  height:30px;
  line-height:30px;
  border-radius:3px;
  background:#f9f9f9;
}
.search .searchable-select-input{
  float:none;
}
.search .searchable-select-caret{
  width:30px;
  height:30px;
  border-color:#ddd;
}
.search .searchable-select-dropdown{ border-radius:3px;}
.search ul.fl-right strong{ float:none;}
.search ul li textarea{
  width:300px;
  height:141px;
  padding:10px;
  display:block;
  overflow:auto;
  border:1px solid #d8d8d8;
  box-shadow:0px 1px 1px rgba(218,218,218,0.8);
  background:#f9f9f9;
}
.search ul li button{
  width:100px;
  height:30px;
  margin-right:10px;
  border:0;
  border-radius:3px;
  color:#fff;
  box-shadow:0px 0 10px rgba(0, 0, 0, 0.3);
  background:#000;
}
.search ul li button:hover{ background:#1152AE;}

footer{
  width:100%;
  height:94px;
  margin:173px 0 0;
  position:relative;
  background:#124999;
}
.footer-warp{
  width:1024px;
  position:absolute;
  left:50%;
  bottom:0;
  padding:20px;
  box-sizing:border-box;
  margin-left:-512px;
  border-radius:10px;
  background:#124999;
}
.footer-warp .copyright{
  color:#fff;
}
.footer-warp .copyright .foot-nav{
  margin:0 0 35px;
  padding:15px 0 25px;
  border-bottom:2px dashed #fff;
  overflow:hidden;
}
.footer-warp .copyright .foot-nav a{
  margin:0 10px 0 5px;
}
.footer-warp .copyright p{ margin:10px 0 0;}

.footer-warp .foot-contact{ text-align:right;}
.footer-warp .foot-contact img{ display:inline-block;}
.footer-warp .foot-contact .share{
  margin:10px 0 0;
  overflow:hidden;
}
.footer-warp .foot-contact .share a{
  width:23px;
  height:23px;
  margin:0 3px;
  display:inline-block;
  background-image:url(../images/icons-share.jpg);
  background-repeat:no-repeat;
}
.footer-warp .foot-contact .share a.icon-wechat{ background-position:0 0;}
.footer-warp .foot-contact .share a.icon-qq{ background-position:-23px 0;}
.footer-warp .foot-contact .share a.icon-sina{ background-position:-46px 0;}
.footer-warp .foot-contact .share span{
  padding-left:30px;
  margin-right:10px;
  line-height:23px;
  color:#fff;
  display:inline-block;
  background:url(../images/icon-tel.jpg) 0 50% no-repeat;
}
.footer-warp .foot-contact .share span, .footer-warp .foot-contact .share a{ float:left;}

.sucai{
  width:100%;
  margin:15px 0 35px;
  height:49px;
  background:url(../images/bg.png) 50% 0 no-repeat;
}
.page{
  margin:20px 0;
  text-align:center;
}
.page a{
  display:inline-block;
  text-align:center;
  min-width:24px;
  margin:0 2px;
  padding:5px;
  border-radius:5px;
  background:#9dc600;
}
.page a:hover{ background:#1957ae;}
.page .on, .page .non, .page .on:hover, .page .non:hover{
  cursor:default;
  background:#C9C9C9;
}

.box-bg{ padding:15px;}
.pro-details .details-img-box{
  width:400px;
  position:relative;
  overflow:hidden;
}
.pro-details .details-img-box img{
  min-width:100%;
  max-width:100%;
}
.pro-details .details-text-box{
  width:250px;
  color:#fff;
}
.pro-details .details-text-box h2, .pro-details .details-text-box p{
  margin:0;
  padding:10px 0;
  border-bottom:1px dashed #eee;
}
.pro-details .add-cart{
  width:120px;
  margin:10px 0;
  border-radius:20px;
  line-height:35px;
  background:#fcdc1c;
  color:#1152AE;
  display:block;
  text-align:center;
}
.big-img-box{
  width:400px;
  height:300px;
  border-radius:20px;
  position:relative;
  overflow:hidden;
}
.big-img-box ul{
  position:absolute;
  left:0;
  top:0;
}
.big-img-box ul li{ width:400px;}
.min-img-box{
  width:400px;
  margin:10px 0 0;
  position:relative;
  overflow:hidden;
}
.min-img-box > a{
  width:25px;
  height:58px;
  line-height:58px;
  text-align:center;
  position:absolute;
  top:0;
  z-index:444;
  background:#ddd;
  border-radius:10px;
}
.min-img-box > a:hover{ background:#fcdc1c;}
.min-img-box .min-img-prev:hover:before{ border-right-color:#fff;}
.min-img-box .min-img-next:hover:before{ border-left-color:#fff;}
.min-img-prev{ left:0;}
.min-img-next{ right:0;}
.min-img-prev:before, .min-img-next:before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-7px;
  border:7px solid transparent;
}
.min-img-prev:before{
  margin-left:-10.5px;
  border-right:7px solid #666;
}
.min-img-next:before{
  margin-left:-2.5px;
  border-left:7px solid #666;
}
.min-img{
  width:350px;
  height:58px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}
.min-img ul{
  position:absolute;
  left:0;
  top:0;
}
.min-img ul li{
  width:75px;
  margin:0 5px;
  font-size:0;
  border-radius:10px;
  border:1px solid #ddd;
  overflow:hidden;
}
.min-img ul li img{ width:75px;}
.min-img ul li a{ display:block;}
.min-img ul li.on{ opacity:.8;}
.pro-details-box{ padding:15px;}
.pro-details-pic{
  border-radius:20px;
  padding:20px;
  background:#fff;
  overflow:hidden;
}
.about img{ border-radius:15px;}
.about p{
  line-height:22px;
  color:#898989;
}
.news ul li{
  margin:0 0 10px;
  overflow:hidden;
}
.news ul li h2{
  padding:10px;
  font-size:18px;
  color:#fff;
  border:2px solid #f8af00;
  border-radius:10px;
  background:#fac11e;
}
.news ul li .news-content{
  margin:10px 0;
  overflow:hidden;
}
.news ul li .news-content i{
  float:left;
  width:180px;
  border-radius:10px;
  overflow:hidden;
}
.news ul li .news-content span{
  float:right;
  width:480px;
  color:#a0a0a0;
}
.news ul li .news-content span p{ line-height:20px;}
.news ul li .news-content span em{
  line-height:20px;
  display:inline-block;
  font-style:normal;
}
.news ul li .news-content span em a{
  float:right;
  font-size:12px;
  line-height:100%;
  padding:4px 10px;
  border-radius:10px;
  margin-left:10px;
  background:#00a0e9;
}
.news-details img{ border-radius:15px;width:100%;}
.news-details p{
  line-height:22px;
  color:#898989;
}
.news-details h2{
  font-size:20px;
  text-align:center;
}
.news-details .time{
  margin:10px 0;
  text-align:center;
  color:#898989;
}
.contact{ color:#1957ae;}
.contact h2{
  margin:10px 0;
}
.contact .map-img{ position:relative;}
.contact .map-img img{ border-radius:10px;}
.contact .map-img:before{
  content:'';
  position:absolute;
  right:50px;
  top:160px;
  width:248px;
  height:244px;
  background:url(../images/zoom-img.png) 0 0 no-repeat;
}
.video ul li a{
  position:relative;
  display:block;
}
.video ul li a:hover:before{ background:#9DC600;}
.video ul li a:before{
  content:'';
  width:50px;
  height:50px;
  position:absolute;
  left:50%;
  top:50%;
  margin:-25px 0 0 -25px;
  border-radius:50%;
  background:rgba(0,0,0,.5);
}
.video ul li a:after{
  content:'';
  width:0;
  height:0;
  position:absolute;
  left:50%;
  top:50%;
  border:10px solid transparent;
  border-left:15px solid #fff;
  border-right:0;
  margin:-10px 0 0 -5px;
}
.download ul{ border-top:1px dashed #1957AE;}
.download ul li{
  position:relative;
  padding:15px 0;
  border-bottom:1px dashed #1957ae;
  overflow:hidden;
}
.download ul li i,.download ul li span{ float:left;}
.download ul li i{ width:172px;}
.download ul li i img{ border-radius:10px;}
.download ul li span{
  width:280px;
  margin-left:10px;
  color:#1152ae;
  padding:8px;
}
.download ul li span strong{ font-size:18px;}
.download ul li span p{ margin:5px 0;}
.download ul li .icon-download{
  position:absolute;
  right:20px;
  top:50%;
  padding:0 15px;
  margin-top:-12.5px;
  border-radius:10px;
  color:#fff;
  line-height:35px;
  background:#1957ae;
}
.download ul li .icon-download:hover{ opacity:.8;}
.download ul li .icon-download i{
  float:left;
  width:20px;
  height:35px;
  margin-right:10px;
  background:url(../images/icon-download.png) 50% 50% no-repeat;
}
.reg h2{
  margin:0 0 20px;
  color:#3B3B3B;
  text-align:center;
}
.reg{ border-radius:30px;}
.reg section{
  border:10px solid #2dbeb4;
  background:#fff;
}
.reg ul{
  width:670px;
  margin:auto;
  display:block;
}
.reg ul li{
  margin:10px 0;
  overflow:hidden;
}
.reg ul li u, .reg ul li span, .reg ul li em{
  float:left;
  line-height:26px;
}
.reg ul li u{
  width:130px;
  text-align:right;
  text-decoration:none;
}
.reg ul li span{ margin:0 10px;}
.reg ul li span input{
  width:220px;
  border:0;
  background:#ddd;
  border-radius:15px;
  height:16px;
  padding:5px 10px;
}
.reg ul li em{
  font-size:12px;
  color:#727272;
  font-style:normal;
}
.reg ul li span input[type="radio"]{ display: none;}
.reg ul li span label{
  width:33px;
  height:23px;
  margin:1.5px 20px 1.5px 0;
  padding-left:28px;
  cursor:pointer;
  background:url(../images/icon-radio2.png) left center no-repeat;
  display:inline-block;
  color:#727272;
}
.reg ul li span label.checked{ background:url(../images/icon-radio.png) left center no-repeat;}
.reg ul li button{
  width:130px;
  height:35px;
  border:0;
  border-radius:20px;
  color:#fff;
}
.reg ul li button[type="submit"]{
  background:#f37e34;
  margin:10px 20px 10px 100px;
}
.reg ul li button[type="reset"]{ background:#f65161;}

.cart table{
  width:100%;
  border:1px solid #C53636;
}
.cart table tr{ background:#fff;}
.cart table tr td{
  padding:8px;
  border:1px solid #C53636;
  border-left:0;
  border-right:0;
  text-align:center;
  color:#727272;
}
.cart table tr td img{
  width:60px;
  display:inline-block;
}
.cart table tr td u{
  width:140px;
  display:inline-block;
  line-height:60px;
  text-decoration:none;
}
.cart table tr:hover{ background:#FFDCDC;}
.cart table th{
  background:#C53636;
  height:40px;
  text-align:center;
  font-weight:400;
  color:#fff;
}
.cart table tr td .delete{
  width:30px;
  height:30px;
  margin:0 auto;
  background:url(../images/icon-del.png) center center no-repeat #ccc;
  border-radius:50%;
  display:block;
  cursor:pointer;
}
.closing a{
  display:block;
  color:#fff;
}
.checkbox{ width:30px;}
.goods{ width:60px;}
.price{ width:15%;}
.subtotal{ width:15%;}
.operation{ width:10%;}
.count{
  display:inline-block;
}
.count .add,.count input, .count .reduce{
  float:left;
  margin-right:-1px;
  position:relative;
  z-index:0;
}
.count .add,.count .reduce{
  height:23px;
  width:15px;
  border:1px solid #ddd;
  background:#f0f0f0;
  text-align:center;
  line-height:23px;
  color:#444;
  -moz-user-select:none;
}
.count .add:hover, .count .reduce:hover{
  color:#444;
  z-index:3;
  background:#ccc;
  cursor:pointer;
}
.count input{
  width:30px;
  height:15px;
  line-height:15px;
  border:1px solid #ddd;
  color:#343434;
  text-align:center;
  padding:4px 0;
  background-color:#fff;
  z-index:2;
}
.cart-foot{
  background:#C53636;
  overflow:hidden;
}
.cart-foot ul li{
  float:left;
  width:20%;
  color:#fff;
  line-height:50px;
  text-align:center;
}
.cart-foot ul li.closing{ background:#1957AE;}
.cart-foot ul li.check-box{ width:82px;}
.cart-foot .delete{
  padding-left:20px;
  background:url(../images/icon-del.png) left center no-repeat;
  color:#fff;
}

.order table{
  width:100%;
}
.order table th, .order table td{ height:40px;}
.order table th{
  color:#fff;
  font-weight:400;
  background:#C53636
}
.order table tr:hover{ background:#f5f5f5;}
.order table td{
  padding:5px;
  border:1px solid #C53636;
  text-align:center;
  color:#727272;
}
.order table td a{
  padding:5px 10px;
  border-radius:5px;
  background:#98D3E6;
}
.order table td a:hover{ background:#C53636;}