@charset "utf-8";
/* CSS Document */
body{ background:#f9f9f9;}
.topTitle{ overflow:hidden; color:#fff; font-size:16px; padding-bottom:40px}
.topTitle h1{ font-size:38px; line-height:45px; font-family: 'Cutive',Arial; padding:70px 0 10px;} 
.mt-40{ margin-top:-90px !important; }

.proBanner{ border:1px solid #eee; background:#fff;padding:50px 4% 37px; overflow:hidden; font-size:14px;} 
.proBanner .blueBtn-b{font-size:19px; text-align:center; width:197px; height:48px; line-height:48px;}
.proCon{ font-size:14px;}


.proCon .bluebtn-s{ width:82px; padding:0}
.proCon h3,.proBottom h5{ font-size:28px; line-height:32px; font-family: 'Cutive',Arial; margin:50px 0 18px}

@media (max-width: 767px) {
 .mt-40{ margin-top:0 !important; }
 .topTitle{ padding-bottom:20px}
 .topTitle h1{ font-size:30px; padding-top:20px}
 .proBanner{ padding-top:30px}
 .proCon h3, .proBottom h5{ font-size:22px; line-height:25px; margin-top:30px}
}
/*muBanner*/
.muBanner .img{ float:left; width:45%;}
.muBanner .img img{ max-width:100%}
.muBanner .text{ padding-left:48%;}
.muBanner .text h2{ font-size:36px; line-height:40px; margin:15px 0;}

@media (min-width: 768px) and (max-width: 979px) {
	.topTitle h1{ padding-top:30px; font-size:33px;}
	.proBanner{ padding:30px 4% 20px;}
	.muBanner .text h2{ font-size:30px; line-height:35px;}
}
@media (max-width: 767px) { 
	.muBanner .img{ float:none; width:auto;}
	.muBanner .text {padding-left: 0;}
	.muBanner .text h2 {font-size: 27px;line-height: 32px;}
}
.muCon{ border:1px solid #eee; border-left:none; border-bottom:none; background:#fff; }
 
.muCon .span3 h4{ font-size:22px; line-height:25px; margin-bottom:15px; }
.muCon .span3{  padding:15px 2% 15px 3.5%; width:33.3%; margin-left:0;  *width:27.68%;  border-left:1px solid #eee;border-bottom:1px solid #eee;}
.muCon .span3 p{ margin-bottom:10px; height:6em; overflow:hidden}
.muCon .span3.comment h4{ font-size:19px; margin-bottom:10px;}
.muCon .span3.comment p{ margin-bottom:5px;}
.allBar{ background:#eee; text-align:right; height:32px; line-height:32px; padding:0 3%; margin-top:10px; font-size:12px}
.allBar:hover{ background:#f1f1f1}
@media (max-width: 767px) {
 
  .muCon .span3{  padding:15px 2% 15px 3.5%; width:49.99%; margin-left:0 !important;}
}
 
/*proBottom*/
.proBottom{
	background:#e5eaee;
	font-size:14px;
	padding-bottom:0px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.proBottom .tabBox{ border:1px solid #dcdee0; background:#fff; overflow:hidden}
.proBottom .tabBox .nav { float:left; width:16.3%;}
.proBottom .tabBox .nav li{ background:#16abef; padding:35px 0; text-align:center; cursor:pointer; color:#fff; font-size:14px; border-bottom:2px solid #e5eaee;}
.proBottom .tabBox .nav li.curr{ background:#fff; color:#555;}
.proBottom .tabBox .con{ padding:25px 3% 25px 3% ; overflow:hidden; font-size:12px;}
.proBottom .tabBox .con .title{ display:block; margin-bottom:10px; font-size:14px;  color:#666}
.proBottom .tabBox .con .main{ float:left; width:60%; margin-bottom:13px;  }
.proBottom .tabBox .con .main .img{ float:left; width:27.2%; margin-bottom:12px;}
.proBottom .tabBox .con .main .img img{ max-width:100%;}
.proBottom .tabBox .con .main .text{ padding-left:30%; margin-bottom:12px;}
.proBottom .tabBox .con .main .dot.blue{ overflow:hidden}
.proBottom .tabBox .con .main .dot.blue li{ float:left; width:40%; margin-right:2%;}
.proBottom .tabBox .con .main .dot.blue li a{ color:#15abef}
.proBottom .tabBox .con .most{ float:right; border-left:1px solid #e8e8e8; padding-left:3%; width:33%}
.proBottom .tabBox .con .most li a{}
@media (max-width: 767px) {
	.proBottom .tabBox .nav { float:none; width:auto; overflow:hidden;}
	.proBottom .tabBox .nav li{width:32%; padding:0; height:60px; border-left:1px solid #fff;display: table-cell; vertical-align: middle;}
}
@media (max-width: 479px) {
	.proBottom .tabBox .con .main{ float:none; width:auto}
	.proBottom .tabBox .con .most{ float:none; border-left:none; padding-left:0; width:auto}
}

/*proBtmNote*/
.proBtmNote{ overflow:hidden; font-size:12px; padding-bottom:50px;}
.proBtmNote dt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.proBtmNote .left{ float:left; width:66%; margin-bottom:10px;}
.proBtmNote .right{ float:right; width:28%;}
@media (max-width: 479px) {
	.proBtmNote .left,.proBtmNote .right{ float:none; width:auto}
}

/*buBanner*/
.buBanner .item{ border-left:1px solid #eee; float:left; width:38%; margin-left:6%; padding-left:7%}
.buBanner .item:first-child{ border:none; margin-left:0}
.buBanner .item h2{ font-size:36px; line-height:42px; margin-bottom:10px; text-align:center}
.buBanner .item .dot{ font-size:14px; margin-bottom:18px;}
.buBanner .item p{ margin-bottom:15px;}
.proBanner .bluebtn{ width:120px; height:40px; line-height:40px; margin-right:8px}

.buCon .span3 .box{ border:1px solid #eee; border-top:5px solid #c3d3e4; background:#fff; padding:25px 7% 30px; margin-top:30px;}
.buCon .span3 .box h4{ font-size:22px; line-height:25px; margin-bottom:10px;}
.buCon .span3 .box p{ margin-bottom:15px;}
@media (max-width: 767px) {
	.buBanner .item{ border:none; float:none; width:auto; padding-left:0; padding-bottom:15px; }
	.buBanner .item:first-child{ border-bottom:1px solid #eee !important;margin-bottom:15px}
}
/*moBanner*/
.moBanner{ text-align:center}
.moBanner h2{ font-size:60px; line-height:68px; color:#444}
.moBanner .subTit{ font-size:25px; line-height:30px; margin-bottom:20px}

.moCon .span3 .box{ border-top:5px solid #c8e194; }
/*utBanner*/
.utBanner .span3{ margin-top:30px; text-align:left;  }
.utCon .span3 .box{ border-top:5px solid #98d8d7; }
@media (max-width: 767px) {
.moBanner h2{ font-size:40px; line-height:45px;}
 
}
/*store-index*/
.store-index {margin-bottom:20px;}  
.store-index.storeTop{ background:#f0f0f0;padding:20px 0 0;  }
.store-index.storeTop h1{ font-size:28px; line-height:32px;font-family: 'Cutive',Arial;}
.store-index.storeTop .iconBar{ float:right}
.store-index.storeTop .iconBar span{ padding-left:28px;}
.store-index.storeTop .nav{ margin-top:20px; border:1px solid #eee; border-width:1px 1px 0 0}
.store-index.storeTop .nav li{ display:inline-block; *float:left; width:33%; text-align:center; border-left:1px solid #eee; border-bottom:1px solid #eee;position:relative}
.store-index.storeTop .nav li .icon{ display:inline-block; background:url(images/store-nav-icon.png) no-repeat; width:58px; height:56px;margin-bottom: -13px;}
.store-index.storeTop .nav li.curr .icon{ background-position:0 -63px;}
.store-index.storeTop .nav li.item2 .icon{ background-position:-58px 0;}
.store-index.storeTop .nav li.item2.curr .icon{ background-position:-58px -63px;}
.store-index.storeTop .nav li.item3 .icon{ background-position:-116px 0;}
.store-index.storeTop .nav li.item3.curr .icon{ background-position:-116px -63px;}

.store-index.storeTop .nav li a{ display:block; height:70px; line-height:70px; font-size:20px; background:#fff;  }  
.store-index.storeTop .nav li a:hover{ background:#fafafa; text-decoration:none}
.store-index.storeTop .nav li a span{ display:inline-block;}
.store-index.storeTop .nav li.curr a{ background:#f6762b; color:#fff;}
.store-index.storeTop .nav li.curr .dot{ position:absolute; z-index:1;background:url(images/store-nav-dot.png) no-repeat 50% 0; width:100%; height:9px; bottom:-9px;  left:0;}
@media (min-width:980px) and (max-width:1419px) {
	.store-index .desk{ width: 53.5%;margin-right:22%}
	.store-index .desk .box1 .span3{ float:none; width:auto; margin-left:0; overflow:hidden; border-bottom:1px solid #eee; padding-right:2%}
	.store-index .desk .box1 .span3 .img{ float:left; width:20%;}
	.store-index .desk .box1 .span3 .text{ padding-left:22%}
	.store-index .desk .box1 .span3 .price{ float:left}
	.store-index .cartFloat{ right:3px !important} 
}
@media (max-width: 979px) {
	.store-index .leftBox .box1 .span3{ float:none; width:auto; margin-left:0; overflow:hidden; border-bottom:1px solid #eee; padding-right:2%}
	.store-index .leftBox .box1 .span3 .img{ float:left; width:20%; padding-right:0 !important}
	.store-index .leftBox .box1 .span3 .text{ padding-left:22%}
	.store-index .leftBox .box1 .span3 .price{ float:left}
}
@media (max-width: 767px) {
.store-index.storeTop .nav li a{ font-size:16px;}
.store-index.storeTop .nav li .icon{ display:none;}
}
.store-index .noteBar{ background:#41bbf1; color:#fff; text-align:center; position:relative;  height:40px; line-height:40px; font-size:16px; margin-bottom:20px;}
.store-index .noteBar strong{ font-size:22px;color:#ffef40;}
.store-index .noteBar .close{ position:absolute; width:20px; line-height:20px; height:20px; color:#fff; background:#bababa; font-weight:bold; top:0; right:0}
.store-index .noteBar .close:hover{ background:#b3b3b3; text-decoration:none}

.store-index .leftBox .box1,.store-index .leftBox .box2,.store-index .leftBox .box3{  border:1px solid #eee; background:#fff; margin-bottom:20px;}
.store-index .leftBox h2{ height:38px; line-height:38px; background:#e2e2e2; font-size:16px; padding:0 3%}
.store-index .leftBox .box1 .row-fluid{ padding:0 0 0 3%}
.store-index .leftBox .box1 .span3{ border-right:1px solid #eee; margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9; padding-bottom:15px; padding-top:10px;}
.store-index .leftBox .box1 .span3 .img{ text-align:center; padding:15px 30px 15px 0;}
.store-index .leftBox .box1 .span3 h3{ font-size:16px; margin-bottom:5px;}
.store-index .leftBox .box1 .span3 .orangebtn-s,.store-index .leftBox .box1 .span3 .bluebtn-s{
	padding:0 5px;
	width:85px;
	text-align: center;
}
.store-index .leftBox .box1 .span3 .price{ display:inline-block; color:#ff3600; margin:10px 0; }
.store-index .leftBox .box1 .span3 .price del{ color:#888}
.store-index .leftBox .box1 hr{ margin:0} 

.store-index .leftBox .box2 .row-fluid{ padding:20px 0 0 3%}
.store-index .leftBox .box2 .span2 .img{ float:left;}
.store-index .leftBox .box2 .span2{ margin-bottom:20px;margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;}
.store-index .leftBox .box2 .span2 dl{ padding-left:20%;}

.store-index .leftBox .box3{ padding:20px 1% 0 3%}
.store-index .leftBox .box3 p{ margin:10px 0;}
.store-index .leftBox .box3 img{ max-width:100%}

/*cartFloat*/
.store-index  .cartFloat{position:absolute; top:15px; right:-212px; background:#fff; border:2px solid #ffd9b5; width:170px; padding:15px;}
.store-index  .cartFloat .item{ padding:10px 0; border-top:1px solid #eee;}
.store-index  .cartFloat .title{ font-size:14px;}
.store-index  .cartFloat .item { overflow:hidden}
.store-index  .cartFloat .item .img{ width:60px; float:left; position:relative}
.store-index  .cartFloat .item .img .icon{ position:absolute; z-index:1; bottom:-5px; right:-5px}
.store-index  .cartFloat .item .img img{ max-width:100%;}
.store-index  .cartFloat .item .text{ padding-left:68px}
.store-index  .cartFloat .item .text .price{ font-weight:bold; color:#ff3600;}
.store-index  .cartFloat .item .text .count{ position:relative; display:inline-block; width:25px; height:18px ; line-height:18px; background:#f9f9f9; border:1px solid #eee; color:#777; padding:0 0 0 5px; float:right; margin-right:28px}
.store-index  .cartFloat .item .text .count input[type='text']{ width:22px; background:none; color:#777; text-align:center}
.store-index  .cartFloat .item .text .count .up,.store-index  .cartFloat .item .text .count .down{ position:absolute; z-index:1; right:3px; top:2px; display:block; background:url(images/btn-1.png) no-repeat -76px -24px; width:10px; height:6px;}
.store-index  .cartFloat .item .text .count .down{ background-position:-76px -31px; top:11px;}
.store-index  .cartFloat .item .text .deleteBtn{ display:block; background:url(images/rubbish-icon.png) no-repeat; width:13px; height:16px; float:right}
.store-index  .cartFloat .item .text label{ display:block}
.store-index  .cartFloat .payArea{ text-align:center}

.store-index  .leftBox .phoneNav{ display:none; margin-bottom:20px}
.store-index  .leftBox .phoneNav .tit1{ background:url(images/dot-down-nav.png) no-repeat 95% 50% #f6762b; color:#fff; cursor:pointer; height:46px; line-height:46px; font-size:19px;}
.store-index  .leftBox .phoneNav .nav{ padding:0; display:none;}
.store-index  .leftBox .phoneNav.curr .nav{ display:block}
.store-index  .leftBox .phoneNav .nav a:hover{ text-decoration:none}
.store-index  .leftBox .phoneNav .nav dt{ margin:1px 0; height:40px; background:#e6e6e6;}
.store-index  .leftBox .phoneNav .nav dt a{ display:block; height:40px; line-height:40px; background:url(images/dot-gray-down.png) no-repeat 93% 50% #e6e6e6; padding:0 3%}
.store-index  .leftBox .phoneNav .nav dd{ display:none}
.store-index  .leftBox .phoneNav .nav dd a{ display:block; height:40px; line-height:40px; background:#fff; padding:0 3%}
.store-index  .leftBox .phoneNav .nav dd a:hover{ background:#f6772c; color:#fff}
.store-index  .leftBox .phoneNav .nav.curr dd{ display:block !important}
@media (max-width: 767px) {
	.store-index  .leftBox .phoneNav{ display:block}
	.store-index .sidebar .box2:first-child{ display:none}
	}

/*secProContent*/
.secProContent{ background:#fff}
.secProContent .banner{ background:#cef0ff; overflow:hidden; font-size:16px}
.secProContent .banner p{margin-bottom:30px;}
.secProContent .banner .crumb{ text-align:left; font-size:13px;}
.secProContent .banner h1{ font-size:36px; line-height:40px; font-family: 'Cutive',Arial; padding:10px 0;}
.secProContent .banner .nav{ margin-top:25px;}
.secProContent .banner .nav li{ display:inline-block; *display:inline; margin:0 5px;}
.secProContent .banner .nav li a{ display:inline-block; width:223px; height:62px; line-height:62px; background:#15abef; text-align:center; color:#fff; font-size:22px; border-radius:3px 3px 0 0;}
.secProContent .banner .nav li a:hover{ text-decoration:none; background:#1eb1f3}
.secProContent .banner .nav li.curr a{ background:#fff; color:#15abef}
@media (max-width: 767px) {
.secProContent .banner .nav li a{width:200px; height:52px; line-height:52px; font-size:19px;}
.secProContent .banner h1{ font-size:28px; line-height:32px; }
}
@media (max-width:479px) {
.secProContent .banner .nav li a{width:130px; height:46px; line-height:46px; font-size:14px;}
}
.secProContent .content{ margin-top:50px;  padding-bottom:50px;}
.secProContent .content h2{ font-size:20px; line-height:25px; font-family: 'Cutive',Arial; margin-bottom:20px }
.secProContent .content .box1{ float:left; width:58%;}
.secProContent .content .box1 h4,.secProContent .content .box2 h4{ font-size:20px; line-height:25px; padding-bottom:12px; border-bottom:1px solid #dbdbdb; margin-bottom:20px;} 
.secProContent .content .box1 .img{ float:left; width:16.5%;}
.secProContent .content .box1 .img img{ max-width:100%}
.secProContent .content .box1 .text{ padding-left:19%;}
.secProContent .content .box1 .text .name{ font-size:16px; margin-bottom:3px; font-weight:normal; display:block}
.secProContent .content .box1 .text .comment{ background:#f4f3f3; padding:10px 3.5%; margin-top:10px;}
.secProContent .content .box1 .flex-control-paging{ list-style:none; text-align:right; margin-top:20px}
.secProContent .content .box1 .flex-control-paging li{display:inline-block;*display:inline;margin:0 0 0 5px;}
.secProContent .content .box1 .flex-control-paging li a{ display:inline-block; width:20px; height:6px; background:#dcdcdc; cursor:pointer}
.secProContent .content .box1 .flex-control-paging li .flex-active{ background:#f6762b}

.secProContent .content .box2{ float:right; width:35%;}
.secProContent .content .box2 .span2{ margin-bottom:15px; margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;}

.secProContent .banner .nav2{ text-align:center;margin: 0 0 -4px; zoom:1}
.secProContent .banner .nav2 li{ float:left; width:19.5%; border-left:1px solid #cef0ff; margin-right:0.4%;}
.secProContent .banner .nav2 li p{ margin-bottom:0}
.secProContent .banner .nav2 li a{ float:left; display:block; width:100%;   height:145px; padding-top:20px; overflow:hidden; background:#fff;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;transition: all 0.1s; }
.secProContent .banner .nav2 li img{ display:block; margin:0 auto 10px; max-width:100%;}
.secProContent .banner .nav2 li img.hoverImg{ display:none}
.secProContent .banner .nav2 li a:hover{ background:#15abef; color:#fff; text-decoration:none}
.secProContent .banner .nav2 li a:hover img{ display:none;}
.secProContent .banner .nav2 li a:hover img.hoverImg{ display:block}

.secProContent .content .box3{ border:1px solid #e3e3e3; background:#fff; overflow:hidden; margin-bottom:35px;}
.secProContent .content .box3 .left{ background:#f6f6f6; width:22.3%; padding:20px 0 123px 1.5%; float:left; position:relative;}
.secProContent .content .box3 .left img{ max-width:100%; position:absolute; z-index:1; bottom:0; right:0}
.secProContent .content .box3 .left h2{ font-size:20px; line-height:25px; margin-bottom:10px; font-family:Arial;}
.secProContent .content .box3 .item{ float:left; width:35%; margin-left:2%; margin-top:20px;}
.secProContent .content .box3 .item .img{ float:left; width:29%;}
.secProContent .content .box3  .item .img img{ max-width:100%;}
.secProContent .content .box3  .item .text{ padding-left:31%;}
.secProContent .content .box3  .item .text h3{ font-size:16px; font-weight:bold; margin-bottom:3px;}
.secProContent .content .box3  .item .text .bluebtn-s{ padding:0 7px;} 
.secProContent .content .box3  .item .text p{ margin-bottom:10px;}
.secProContent .content .box3  .item .text .link a{ color:#15abef;}
@media (max-width: 767px) {
.secProContent .content .box1,.secProContent .content .box2{ float:none; width:auto; margin-bottom:20px;}
.secProContent .banner .nav2 li{ width:32%; margin-top:3px}
.secProContent .banner .nav2 li a{height: 100px; padding-top:10px; font-size:13px}
.secProContent .banner .nav2 li img{max-width: 50%;}
.secProContent .content .box3 .left{ width:auto; float:none; padding-bottom:20px}
.secProContent .content .box3 .left img{ display:none}
.secProContent .content .box3 .item .img{ width:auto}
.secProContent .content .box3 .item{ float:none; width:auto} 
.secProContent .content .box3 .item .text{ padding:0 3% 0 0}
.secProContent .content .box3 .item .link a{ display:block; background:#f6f6f6; line-height:36px; margin-top:3px; padding:0 10px;}
}

/* download-center */
.download-center .top_tit{padding:20px 0;}
.download-center .top_tit .title{float:left;font-family:'Cutive',serif;font-size:28px;color:#444; line-height:43px;}
.download-center .top_tit .fricon{float:right;width:27%}
.download-center .top_tit .fricon .item{display:block;width:49%;}

.download-center .leftBox{float:right;border:1px solid #eee; background:#fff;}
.download-center .leftBox .title{padding:25px;}
.download-center .leftBox .title h2{font-family:'Cutive',serif;font-size:20px;color:#444; line-height:30px;}
.download-center .leftBox .title select{ display:none; border:1px solid #d5d5d5; float:right; padding:3px; background:#fff; color:#f6772c;}
.download-center .leftBox .title select option{ color:#777}


.download-center .leftBox .row-fluid{ padding:0 0 0 3%}
.download-center .leftBox .row-fluid .span3{ border-right:1px solid #eee; margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9; padding-bottom:25px; padding-top:15px;}
.download-center .leftBox .row-fluid .span3 .bluebtn-s{ padding:0 7px; margin:2px;} 
.download-center .leftBox .row-fluid .span3 .img{ text-align:center; padding:15px 30px 15px 0;}
.download-center .leftBox hr{margin:0;}
.download-center .leftBox .row-fluid .span3 h3 a{display:block;font-size:16px;color:#444; line-height:1.2em;}

.download-center .leftBox .downItem{ overflow:hidden;padding:20px 1% 20px 3%;}
.download-center .leftBox .gray{ background:#f7f7f7;}
.download-center .leftBox .downItem.even{ background:#f3f3f3;}
.download-center .leftBox .downItem .img{ float:left; width:8%; margin-right:1.4%;}
.download-center .leftBox .downItem .img img{ max-width:100%;}
.download-center .leftBox .downItem .text{ float:left; width:45%; margin-right:1.4%;}
.download-center .leftBox .downItem .text h3{ font-size:16px;}
.download-center .leftBox .downItem .type{ float:left; width:22%; font-size:11px; line-height:13px; margin-top:14px;}
.download-center .leftBox .downItem .type img{ float:left; margin-right:5px;}
.download-center .leftBox .downItem .down{ float:right; width:18%;margin-top:14px;}
.download-center .leftBox .downItem .down .blue{color:#15abef;}

@media (min-width: 768px) and (max-width: 979px) {
	.store-index .sidebar .item2 .img{ float:none; text-align:center}
	.store-index .sidebar .item2 dl{ padding-left:0}
}
 @media (max-width: 767px) {
	.download-center .sidebar{ display:none}
	.download-center .leftBox .title select{ display:block}
	.download-center .top_tit .title{ float:none}
	.download-center .top_tit .fricon{ float:none; width:auto}
	.download-center .top_tit .fricon .item{ width:150px; float:left !important}
	.download-center .leftBox .row-fluid{ padding:0 3%}
	.download-center .leftBox .row-fluid .span3{ float:none; width:auto; border:none; border-bottom:1px solid #eee; position:relative; padding-left:100px; margin-left:0 !important}
	.download-center .leftBox .row-fluid .span3 .img{ position:absolute; left:0; top:0;}
}
.btm-search{border-top:1px solid #eee;padding:30px 0; background:#fff;}
.btm-search .title{float:left;font-family:'Cutive',serif;font-size:20px;color:#444; line-height:34px;padding-right:15px;}
.btm-search input[type='text']{ float:left; width:540px; padding:0 10px; height:32px; line-height:32px; border:1px solid #e6e6e6; margin-right:12px;}
.btm-search .searchBtn{ float:left; display:block;  height:36px; line-height:36px; font-size:14px; background:#0072bc;padding: 0 12px;color: #fff;border-radius: 5px;text-align: center;white-space: nowrap;overflow: hidden;}
.btm-search .searchBtn:hover{ text-decoration:none;}

.btm-search  .searchResult { margin:15px 0; padding-top:15px; border-top:1px solid #DBDBDB; margin-left:29%}
.btm-search  .searchResult h3{ font-size:14px; margin-bottom:5px;}
.btm-search  .searchResult .searchd{ margin:10px 0 0;}
.btm-search  .searchResult .close{display:block; float:right;   width:20px; line-height:20px; height:20px; color:#fff; background:#bababa; font-weight:bold; text-align:center }
.btm-search  .searchResult .close:hover{ background:#b3b3b3; text-decoration:none}

.acResults{ width:552px; overflow:hidden; padding:15px 13px; background:#fff; border:1px solid #E6E6E6; height:150px; overflow:auto;}
.acResults li{ padding:2px 5px; cursor:pointer;}
.acResults li:hover{ background:#EDEDED;}
@media (max-width: 979px) {
	.btm-search  .searchResult { margin-left:0}
	.btm-search .title{ display:block} 
	.btm-search .bluebtn{ float:left;}
	.btm-search input[type='text']{ width:60%}
}
@media (max-width: 479px) {
		.btm-search input[type='text']{ width:90%; margin-bottom:10px}
}
/*store-left*/
.store-list .box1,.store-list .box2{border:1px solid #eee; background:#fff; padding:25px 3%; margin-bottom:30px }
.store-list .box1 h1{font-size:25px; line-height:30px; font-family: 'Cutive',Arial; margin-bottom:25px; padding-bottom:15px;border-bottom:1px solid #e2e2e2;}
.store-list .box1 p{ margin-bottom:10px;}
.store-list .box1 h2{ font-size:18px; font-weight:bold; margin:20px 0;}
.store-list .box1 .item { border-bottom:1px solid #e2e2e2; overflow:hidden; padding:15px 0;}
.store-list .box1 .item .img{ float:left; width:15.3%;}
.store-list .box1 .item .img img{ max-width:100%}
.store-list .box1 .item .text{ float:left; width:43.2%;}
.store-list .box1 .item .text h3{ font-size:16px; margin-bottom:5px;}
.store-list .box1 .item .text .link a{ color:#15abef; margin-right:10px;} 

.store-list .box1 .item .price{ float:left; width:18.2%; margin-left:2%; font-size:24px; line-height:24px; color:#f6772c; padding-top:20px;}
.store-list .box1 .item .price del{ display:block; font-size:13px; color:#777}

.store-list .box1 .item .btnArea{ float:right; width:21%; text-align:center; padding-top:30px;}
@media (max-width: 767px) {
	.store-list .box1 .item .text{ float:none; width:auto; padding-left:16%}
	.store-list .box1 .item .price{ float:none; width:auto;padding-left:16% ;margin-left:0;  padding-top:5px;}
	.store-list .box1 .item .btnArea{float:none; width:auto;padding-left:16% ; padding-top:5px; text-align:left}
	.store-list .box1 .item .price del{ display:inline}
}
.store-list .box2 h3{ font-size:19px;font-family: 'Cutive',Arial; margin:10px 0 20px;}
.store-list .box2 .str{ display:block; margin-bottom:10px; font-size:14px}
.store-list .box2 p{ margin-bottom:20px;}
.store-list .box2 .span3{ margin-bottom:30px; color:#15abef;padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;}
.store-list .box2 .span3 img{ margin-bottom:10px;}

/*store-volume-licensing*/
.store-volume-licensing{ border:1px solid #eee; background:#fff; padding:30px 3%; margin-bottom:50px;}
.store-volume-licensing h1{ font-size:25px; line-height:30px;font-family: 'Cutive',Arial; margin-bottom:5px;}
.store-volume-licensing .subTit{ font-size:20px; line-height:25px;font-family: 'Cutive',Arial; margin-bottom:15px;}
.store-volume-licensing .leftBox{ font-size:16px; width:70%}
.store-volume-licensing .leftBox table{ font-size:14px;}
.store-volume-licensing .leftBox table td{ padding:6px;}
.store-volume-licensing .leftBox table input[type='text']{ height:36px; line-height:36px; border:1px solid #e6e6e6; padding:0 10px; display:block; width:80%; margin:5px 0; font-size:15px; color:#888}
.store-volume-licensing .leftBox table select{border:1px solid #e6e6e6; padding:10px; display:block; width:86%; margin:5px 0;font-size:15px; color:#888}
.store-volume-licensing .leftBox table textarea{border:1px solid #e6e6e6;display:block; width:90%; margin:5px 0;font-size:15px; color:#888; padding:10px;}
.store-volume-licensing .leftBox table .bluebtn{ height:48px; line-height:48px;}
.store-volume-licensing h3{ font-size:19px; margin:30px 0;}
.store-volume-licensing .box1 .span4 .img{ float:left; width:35%;}
.store-volume-licensing .box1 .span4 p{ padding-left:37%}
.store-volume-licensing .tip{color:red;margin-left:20px;display:none}