@charset "utf-8";
/* CSS Document */

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;	
}
html { -webkit-text-size-adjust: none;}  /*通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整*/
body{ /*font-size:100%;*/}
img{max-width:100%}

/*detail页弹出层*/
.Monv{cursor:pointer;}
#Monver{width:700px; max-width:90%; padding-top:20px;min-height:120px;border:5px solid #5e7688;display:none;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;background:#fff;box-shadow:0 0 15px #ccc;}
#Monver #close{display:block;position:relative;}
#Monver #close img{position:absolute;right:0px;top:-20px;cursor:pointer;}
.popup-top1{ width:650px; margin:10px auto 0; min-height:120px; border-bottom:1px solid #c8c8c8; padding-bottom:15px; margin-bottom:15px;}
.popup-top1 .span1{ display:block; float:left;}
.text-box1{ float:left; height:auto; overflow:hidden;margin-left:20px;}
.text-box1 span{ display:block;  margin-bottom:8px;}
.text-box1 .span2{ font-size:36px;color:#5e7688;line-height:40px;}
.text-box1 .span3{ font-size:18px; color:#000000; line-height:30px;}
.popup-btns{font-size:14px;color:#5e7688;line-height:28px;}
.popup-btns a{ color:#5e7688; padding:5px; font-size:14px;}
.popup-btns a:hover{ text-decoration:underline;}
.m-offer{ width:650px; margin:0 auto;}
.m-offer p{ padding-bottom:10px;}
.m-offer a span{ display:block; margin-bottom:3px;}
.m-offer a img{ display:block; border:1px solid #d6d6d6;}
.m-offer a{ display:block; float:left; width:140px; height:190px; font-size:12px; color:#000; margin-right:15px;}
/*detail页弹出层end*/

/*首頁中間樣式*/

/* grid2 col */
.grid2 .home-grid2 {float: left;margin-left: 2%;margin-bottom: 2%;}
.grid2 .home-grid2{height:auto;overflow:hidden; width:49%;}

.grid2-a1{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.pic-text1{ position:absolute; left:15%; top:35%; text-align: center; font-weight:lighter;}
.pic-text1 h1.text-h1{ font-size:2em; color:#000;font-weight:lighter;}
.pic-text1 h2.text-h2{ font-size:2em; color:#0ab3a3;font-weight:lighter;}
.pic-text1 h3.text-h3{ font-size:12px; color:#000; margin-top:15px;font-weight:lighter;}

.section-title{ font-size:30px; text-align: center; margin-bottom:2%;}
.title-color1{ color:#0ab3a3;}
.owl-carousel-wrap{width: 1200px;max-width: 96%;margin: 0 auto 2%;transition: all 1s ease; }
.item-a{ display:block; width:94%; height:auto; overflow:hidden; padding:3%; background-color:#fff; margin-right:3%;}
.item-a:last-child{ margin-right:0;}
.item-a:hover{background-color:#e7e7e7;}
.item-a img{ display:block; width:100%; margin-bottom:15px;}
.carousel-text{ width:100%; height:auto; overflow:hidden;}
.item-h1{ /*font-size:14px;*/ color:#000; font-weight:lighter; text-align: center; width:100%; text-transform:uppercase; margin-bottom:2px;line-height:20px;}
.item-h3{ font-size:14px; color:#464646; font-weight:lighter; width:100%; line-height:20px;  word-wrap:break-word;}
.carousel-text span.span1{/* font-size:18px;*/ display:block; text-align: center; font-weight:bold; margin-top:20px; line-height:20px;}
.carousel-text span.span2{ /*font-size:14px;*/ display:block; text-align: center; text-decoration:line-through;line-height:20px;}

/* grid3 col */
.home-grid3-wrap{ /* background-color:#eff9ea; */ width:100%; padding:1%  0; margin-bottom:2%; /* border:1px solid #b9b9b9; */}
.home-grid3-con{/* width: 1200px; */max-width: 100%;margin: 0 auto;transition: all 1s ease;}
.grid3 .home-mid {float: left;margin-left: 2%;margin-bottom: 0;}
.grid3 .home-mid{height:auto;overflow:hidden; width:32%;}
.home-mid a:hover{
filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
-moz-opacity:0.9; /*Firefox私有，透明度50%*/
opacity:0.9;/*其他，透明度50%*/}
.home-mid a{ width:100%; display:block; position:relative; color:#333; text-decoration:none; }
.home-mid a img{ display:block; width:100%; margin:0 auto;}
.home-mid-content{ width: calc(100% - 30px);  padding:10px 15px;  color:#333; background-color:#FFF;}
.home-mid-content h1{ font-size:1.2em; text-align:center; margin-bottom:20px;}
.home-mid-content h3{ font-weight:lighter; /*line-height:20px;*/ word-wrap:break-word; text-align: center;}
.home-mid-content h4{ font-weight:lighter; line-height:20px; text-align: center; text-decoration:underline; margin-top:20px; color:#ed7600;}


/* grid2 col */
.home-grid2-wrap{  width:100%; max-width: 1600px; padding:2%  0 0;}

.grid2 .grid2-col {float: left;margin-left: 2%;margin-bottom: 2%;}
.grid2 .grid2-col{height:auto;overflow:hidden; width:49%;}

.grid2-col a:hover{
filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
-moz-opacity:0.9; /*Firefox私有，透明度50%*/
opacity:0.9;/*其他，透明度50%*/}
.grid2-col a{ width:100%; display:block; position:relative; text-decoration:none; }
.grid2-col a img{ display:block; width:45%; float:left; }
.grid2-col-content{/* width:53%; float:right;*/ height:auto; overflow:hidden;}
.grid2-col-content h1{ font-size:1.2em;margin-bottom:20px;}
.grid2-col-content h3{ font-weight:lighter;/* line-height:20px;*/ word-wrap:break-word; }
.grid2-col-content h4{ font-weight:lighter;/* line-height:20px;*/  font-style:italic; margin-top:20px;}
.grid2-col-content p{ height:100px;}

.news-btn{ display:block; width:180px; height:50px; color:#fff; background-color:#cfcfcf; text-align:center; line-height:50px;/* font-size:18px;*/ font-weight:bold; margin:2% auto; box-shadow: 2px 5px 5px #bbb;}
.news-btn:hover{ background-color:#0ab3a3;}

.grid2 .grid2-col-left {float: left;margin-left: 2%;margin-bottom: 2%; position:relative;}
.grid2-col-left img{ display:block; width:100%;}
.grid2 .grid2-col-right {float: left;margin-left: 2%;margin-bottom: 0;}
.grid2 .grid2-col-left,.grid2 .grid2-col-right{height:auto;overflow:hidden; width:49%;}

.pic-text2{ position:absolute; left:15%; top:35%; text-align: center; font-weight:lighter;}
.pic-text2 h1.text-h1{ font-size:2em; color:#000;font-weight:lighter;}
.pic-text2 h2.text-h2{ font-size:3em; color:#0ab3a3;font-weight:lighter;}
.pic-text2 h3.text-h3{ font-size:12px; color:#000; margin-top:15px;font-weight:lighter; text-decoration:underline;}

.grid2 .grid2-div1 {float: left;margin-left: 4%;margin-bottom: 2%;}
.grid2 .grid2-div1{height:auto;overflow:hidden; width:48%;}
.grid2-div1 a.a1{ display:table; background-color:#f3f3f3; width:100%; }
.grid2-div1 a.a2{ margin-top:8%;}
.grid2-div1 a.a3{  background-color:#fd6c6c; color:#fff; }


.pic-text3{ display:table-cell; vertical-align: middle; text-align: center;}
.pic-text3 h1.text-h1{ font-size:2em; color:#000;font-weight:lighter; margin-bottom:5px;}
.pic-text3 h3.text-h3{ font-size:18px; color:#0ab3a3; margin-top:15px;font-weight:lighter; margin-top:10px;}
.pic-text3 h4.text-h4{ font-size:12px; color:#333;font-weight:lighter;margin-top:10px;}

.pic-text4 h1.text4-h1{ font-size:4em;  margin-bottom:10px;}
.pic-text4 h3.text4-h3{  font-size:16px; margin-top:15px;font-weight:lighter; text-decoration:underline;}

.grid2 .col2-left{/* background-color:#e7e7e7; */ height:240px; background-image: linear-gradient(120deg, #e7ffaf 0%, #96e6a1 100%);}
.grid2 .col2-right{/* background-color:#0ab3a3; */ background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%); height:240px;}
.home-mid-bg{ width:100%; min-height:300px; }
.m-home-mid{/* width:calc(100%-20px);*/ margin-bottom:2%; }
.grid2-bg{width:calc(100%-20px); height:auto; overflow:hidden;  padding:2%;}

.con-1{ width:49%; width:calc(50%-1px); padding:2%; float:left; border-right:1px solid #fff; min-height:100px;/* background-color:#e7e7e7; */ }
.con-2{ width:42%; float:left;  padding:2%;  }

.con-txt{}
.con-txt h1{ /* color:#0ab3a3;  */color:#a7a7a7; font-size:1.25em; font-weight:lighter; padding:0 0 5px; margin-bottom:5px; border-bottom:1px dotted #000; /*text-shadow: 0 2px 2px #303030;*/}
.grid2-bg.con-txt h1{ color:#fff;}

.con-txt p{ font-size:14px; color:#010101; margin-bottom:15px; }
.con-txt a,.con-txt input[type="submit"]{ display:block; color:#fff; text-align:center; width:78px; height:36px; line-height:36px; font-weight:bold; font-size:.75em; background:url(../images/btn-bg.png) no-repeat;transition: all .3s ease-in-out; border:none; cursor:pointer;text-decoration:none;}
.con-txt input[type="submit"]{ float:left;margin-left:10px;    margin-top: 10px;}
.con-txt a:hover,.con-txt input[type="submit"]:hover{background:url(../images/btn-bg-hover.png) no-repeat; text-decoration:none;}
.con-txt input[type="text"]{ width:60%; border:none; color:#fff; background-color:#000; padding:2px 2%; height:34px; line-height:34px;  float:left;margin-top:10px;}

.con-txt h2.newsletter-tit{ width:60%;  font-size:2.5em; color:#fff; font-weight:lighter; border-bottom:1px #fff dotted; padding-bottom:10px;}
.con-txt2{ width:80%; margin:6% auto 0;}

.small-banners{text-align:center; margin-bottom:2%; /*padding:2% 0;*/}
.small-banners a{ display: inline-block;  width:102px; height:102px; margin:0 5px 10px;}
.small-banners a img{ display:block; width:100%;}

.grid3 .grid3-col-1,.grid3 .grid3-col-2 {float: left;margin-left: 0;margin-bottom: 2%;}
.grid3 .grid3-col-1{height:auto;overflow:hidden; width:33%;}
.grid3 .grid3-col-2{height:auto;overflow:hidden; width:34%;}
.grid3-col-1 a,.grid3-col-2 a{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.grid3-col-1 a:hover,.grid3-col-2 a:hover{
filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
-moz-opacity:0.9; /*Firefox私有，透明度50%*/
opacity:0.9;/*其他，透明度50%*/}
.pic-text5{ position:absolute; right:15%; top:18%; text-align:right;}
.pic-text5 h1.text5-h1{ color:#fff; font-size:16px; font-weight:lighter;}
.pic-text5 h3.text5-h3{ color:#830000; font-size:3em; font-weight:lighter;}

.pic-text6{ position:absolute; left:15%; top:25%; text-align: center;}
.pic-text6 h1.text6-h1{ color:#353535; font-size:1.5em; font-weight:lighter;}
.pic-text6 h3.text6-h3{ color:#0fb19a;  font-size:1.5em; font-weight:lighter;}

.pic-text7{ position:absolute; left:10%; top:30%; }
.pic-text7 h1.text7-h1{ color:#353535; font-size:1.75em; font-weight:lighter; float:left;}
.pic-text7 h3.text7-h3{ color:#0fb19a;  font-size:1.75em; font-weight:lighter; float:left;}

.pic-text8{ position:absolute; left:15%; top:38%; text-align: center;}
.pic-text8 h1.text8-h1{ color:#353535; font-size:1.5em; font-weight:lighter;}

.grid2 .grid2-col-left1 {float: left;width:33%;margin-left: 0;margin-bottom: 2%; position:relative;}
.grid2-col-left1 img,.grid2-col-right1 img{ display:block; width:100%;}
.grid2 .grid2-col-right1 {float: left;margin-left: 0;margin-bottom: 0; width:67%;position:relative;}
.grid2 .grid2-col-left1,.grid2 .grid2-col-right1{height:auto;overflow:hidden;}


.ecart_a1 img {display:block;float:left;}
.ecart_a1 span {display:block;font-size:1.125em;font-weight:bold;line-height:93px;margin-left:25px;}
.ecart_h3 {font-size:1.125em;font-weight:bold;text-align:center;line-height:24px;}
.ecart-span{display:block; height:auto; overflow:hidden;margin-top:10px;text-align:center;}
.ecart-span a { padding:5px 2px; }
.ecart_h4 {font-size:14px;font-weight:bold;text-align:center;}

/*面包屑样式*/
.detail_cat {height:25px; line-height:25px;border-bottom:1px dotted #ccc; width:98%; padding:10px 1%;}
.detail_cat a {padding:5px;color:#ccc; font-size:.65em; text-decoration:none;}
.detail_cat a.current{ color:#666; font-weight:bold;}

.select-catary{ padding:10px 1%; width:98%; height:auto; overflow:hidden; background-color:#3f4857; color:#fff;}
.select-catary > a,.select-catary span{ display:block; float:left;  line-height:20px;}
.select-catary > a{ padding:5px 10px;font-weight:bold; color:#fff;}
.select-catary span{ padding:5px 0;font-size:.75em;}
.select-catary a:hover,.select-catary a.current{ color:#d6de26; }
.select-catary h1{ background:url(../images/icon-left.png) no-repeat left center; font-size:1.2em; color:#fff; padding-left:20px; }
.select-catary h1 a{ color:#fff;}
/*listing页面样式*/

.video_h3 {font-size:2em; color:#bdbdbd;font-weight:light;line-height:30px; margin:30px 0 30px; text-align:center; }

.list-a {display: block;height:auto; overflow:hidden;position: relative;border:1px solid #e5e5e5; min-height:280px; text-decoration:none; float:left;}
.list-a-margin{ margin:0 5px;}

.list_pro1 .list-a{ float:none;}

.list-a span {  display:block; height:auto; overflow:hidden;}
.list-a span.span1{ width:100%; }
.list-a span.span1 img{ width:100%;}
.font1 {font-weight:bold; color:#000; line-height:1.5em;}
.font2 {/*font-size:.75em;*/font-weight:bold;color:#d80123;line-height:1.5em;}
.font3{ /*font-size:.75em;*/ font-style: italic; text-decoration:line-through; color:#999;}
.new_hot {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot img{ width:100%;}
.line { border:none;border-top:1px dotted #999;width:100%;margin-top:5px;margin-bottom:5px}

.list_pro{ position:relative;}
.list_pro1{ position:relative; width:32%; margin-right:2%; margin-bottom:2%; float:left;}
.list_pro1:nth-of-type(3n){ margin-right:0;}

.list-txt{ width:calc(100%-20px); padding:10px; height:auto; overflow:hidden; /* background-color:rgba(0,0,0,0.1); */}
.list-txt span{ display:block;}
.list-txt span.span1{ /*font-size:.875em;*/ height:30px; margin-bottom:5px; color:#333; font-weight:bold;}
.list-txt span.span2{ font-size:1.2em; height:32px; color:#77c5ff; font-weight:bold; margin-bottom:5px;}
.list-txt span.span3{ font-size:.75em; color:#666; height:60px; }

.m-box{  opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
transition: all .3s ease-in-out;}
.m-box span{ display:block; width:80px; height:80px; margin-top:55%; margin-left:35%;}
.m-box span img{ width:100%;}

.list-a:hover .m-box,.list-a:focus .m-box{  opacity:1;transition: all .3s ease-in-out;}


/*.list-a:hover  {border:2px solid #999;}*/
.list_pro:hover .boxBor{ display:block; 
 -moz-transition: background 0.5s ease-in,color 0.3s ease-out;
    -webkit-transition: background 0.5s ease-in,color 0.3s ease-out;
    -o-transition: background 0.5s ease-in,color 0.3s ease-out;
    transition: background 0.5s ease-in,color 0.3s ease-out;
}

/*list box页面样式*/
.list-box{ margin-bottom:15px;}
.list-box-a{display: block;padding:10px; width:92%; margin:0 auto;height:auto; overflow:hidden;position: relative;border:2px solid #eaeaea; height:200px;}

.list-box-a:hover {border:2px solid #999;}
.list-box-a span {  display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.list-box-a span.span1{ width:30%; float:left; max-width:200px; }
.list-box-a span.span1 img{ width:100%; height:100%;}
.pro-name{ width:30%; margin-left:3%; float:left;}
.pro-price{ width:30%; margin-left:3%; float:left;}

.new_hot2 {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot2 img{ width:100%;}


/*detail页面样式*/

.detail_show {width:100%; height:auto;overflow:hidden;	position:relative; padding-bottom:15px;}

.g-detail-show{width:100%; max-width: 1200px; padding:0 1% 15px; height:auto;overflow:hidden; margin-top:3%;}
.detail_show22{ width:48%; height:auto;overflow:hidden; float:left;	position:relative; padding-bottom:15px;}
.detail-right33{width:48%;/*  max-width:48%;*/ height:auto; min-height:200px;float:right; position:relative; }
.detail-right33 span {display:block;}

.u-sell{ display:block; padding-left:30px; line-height:28px; font-size:14px; color:#999; background:url(../images/sell-icon.png) no-repeat left; margin:15px 0 15px 0;}

.detail-bg{ background-color:#fff; color:#494949; }
.detail-bg a{/*color:#494949;*/}

/*detail slide*/

#slider3-pager a {display: inline-block;}
#slider3-pager img {float: left;}
#slider3-pager .rslides_here a {background: transparent;box-shadow: 0 0 0 1px #f7cf2d;}
.rslides { overflow:hidden; border:1px solid #FFF;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%;left: 0; top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides li a{cursor: zoom-in}

.detail_ul_2 {position:absolute;left:2px;bottom:2px;z-index:999;}
.detail_ul_2 li {display:block;float:left; margin-bottom:5px;}
.detail_ul_2 li a {	margin-right:2px;padding:3px;border:1px solid #b9b9b9;}
.detail_ul_2 li a:hover {padding:3px;/*border:1px solid #666;*/}
.detail_ul_2 ul li a img {border:1px solid #ccc;}

.detail_ul_3 { margin-top:15px; padding-left:5px;}
.detail_ul_3 li {display:block;float:left; margin-bottom:5px;}
.detail_ul_3 li a {	margin-right:3px;border:1px solid #eaeaea;}
.detail_ul_3 li a:hover {border:1px solid #f7cf2d;}
.detail_ul_3 ul li a img {border:1px solid #f7cf2d;}

.detail_show2 {position:absolute;right:0;bottom:0;z-index:999;width:300px;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}

.detail_show2 span {display:block;color:#000;}
.detail_span1 {font-size:14px;font-weight:bold;line-height:15px;padding-left:10px;}
.detail_span11 {/*line-height:16px;*/ font-size:.75em; color:#494949; display:block; margin-bottom:15px;}
.detail_span22 {font-size:12px;line-height:16px;padding-left:10px; text-decoration:line-through; color:#999; font-style:italic;}

.detail_span2 {font-size:1.8em;font-weight:bold; margin-top:10px;margin-bottom:10px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; color:#5e7688;}
.detail_input1 {width:180px;height:40px; line-height:40px;background:#666;color:#fff;text-align: center;border:none;cursor:pointer;-webkit-appearance:none; margin-top:15px; font-size:.75em;}
.detail_input2 {width:140px;height:40px;line-height:40px;background:#666 url(../images/icon-basket.png) no-repeat 5px center;;color:#fff;text-align:left;border:none;cursor:pointer; font-size:.75em;-webkit-appearance:none;margin-top:15px; margin-right:10px; text-indent:40px;}
.detail_input3 {width:120px;height:35px;line-height:35px;background:#666;color:#fff;text-align:left;border:none;font-size:.875em;margin-top:15px; margin-right:10px; text-indent:20px;}
.detail_input1:hover,.detail_input2:hover{ background-color:#000;}

.detail_video {margin-top:3%; height:auto; overflow:hidden;}
.detail_video_left {width:60%;height:auto; overflow:hidden; float:left;}

.video_p {font-size:14px;line-height:18px;color:#848484;}
.detail_video_right {width:35%; float:right;height:auto; overflow:hidden;}
.detail_video_right img{ width:100%;}
.pro_detail {margin-top:15px;border-bottom:1px dotted #ccc;}
.pro_detail_table {font-size:14px;color: #727272;text-align: left; width:48%;}
.pro_detail_table1{ float:left;}
.pro_detail_table2{ float:right;}
.pro_detail_table td {min-height:20px;line-height:20px;}
.pro_detail_table td:first-child{ width:25%;}
.pro_detail_table td:nth-last-child(1){ width:75%; color:#000;}
.pro_detail_h4 {font-size:14px;font-weight:bold;line-height:30px;border-bottom:1px dotted #ccc;color:#000;margin-bottom:10px;}
.pro_detail_h4 a, .pro_detail_h4 a:hover {text-decoration:underline;}


.select_dl{ width:100%; height:auto; line-height:24px; margin-top:5px;}
.select_dl dt{ /*width:60px;*/ /*font-size:14px; line-height:20px;*/}
.select_dl dd{ width:300px; margin-left: 5px;}
.select_dl2 dt{ width:85px;}
.select_dl2 dd{ width:75%; }

.discount_dl dt{ width:60px;}
.m-detail-face{ width:100%; height:auto; overflow:hidden; margin:15px 0;}

.qty-dl{ margin-top:15px; width:160px;}
.qty-dl dt{ width:50px; line-height:34px;}
.qty-dl dd{ width:100px;}

.price1{ line-height:24px; /*font-size:.75em;*/ text-decoration:line-through;  font-weight:lighter;}
.price2{ line-height:24px; /*font-size:.75em;*/  font-weight:lighter;}
.price3{ line-height:24px; font-size:1.75em; font-weight:lighter;}
.select_dl dd > a{float:left;background:#fff;/*font-size:12px;*/border:1px solid #ccc;height:14px;line-height:14px; padding:4px; min-width:14px; display:block; color:#000; margin-bottom:5px; margin-right:5px; text-align:center;}
.select_dl dd > a.my_border_match{background:#fff url(../images/right-icon.gif) no-repeat 100% 100%;border:1px solid #A10000;  }
.select_dl dd > a img{}
span.add_button {display: block;float: left;width: 101px;padding: 0;margin-right: 5px;margin-left: 15px;margin-top: 3px;}
span.add_button > .detail_button2 {margin: 0;padding: 0;display: block;width: 101px;height: 31px;border: none;color: #fff;text-align:center;font-size: 14px;line-height: 30px;background-color:#aeaeae;}
.numeric-stepper {width:58px;height:35px;display:block;position:relative;overflow:hidden;float:left;	}
.numeric-stepper > input {width:31px;height:31px;line-height:31px;padding:0;margin:0;text-align:center;vertical-align:center;font-size:100%;border:1px solid #ccc;background:none;border-radius:0;position:absolute;left:2px;background-color:#fff; color:#494949;}

.m-detail-a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.detail-a1{ display:block; float:left;}
.detail-a2{ display:block; float:right; color:#666; background-color:#e4e4e4; height:33px; width:210px; line-height:33px; border:1px solid #9d9d9d; font-size:.875em; margin-right:10px;}
.detail-a2:hover{ color:#000;}
.detail-a2 span,.detail-a2 img{ display:block;}
.detail-a2 img{ float:left; width:33px; height:33px;}
.detail-a2 span{ float:right; width:177px; text-align:center;}

.numeric-stepper a.plus {width:20px;height:15px;padding:0;margin:0;position:absolute;background:none;border:none;position:absolute;display:block;right:0;top:-1px;}
.numeric-stepper a.minus {padding:0;margin:0;width:20px;height:15px;position:absolute;display:block;right:0;top:16px;}
.numeric-stepper a > img{ *vertical-align:top;}

.detail-p{ /*font-size:.875em;*/ padding:1%;/* line-height:22px;*/ font-weight:bold; margin-bottom:30px;}
.m-detail-des{padding:2%; line-height:24px;}
.m-detail-des ul li{ list-style:disc inside; }

/*detail页弹出层*/

.popup-top1{ width:100%; margin:0 auto; min-height:120px; }
.popup-top1 .span1{ display:block; float:left; width:20%; margin-right:15px;}
.popup-top1 .span1 img{ display:block; float:right;}
.text-box1{ float:left; height:auto; overflow:hidden; width:70%;}

.text-box1 .span2{ font-size:2em;color:#5e7688;display:block;  margin-bottom:8px;}
.text-box1 .span3{ font-size:1.125em; color:#000; display:block;  margin-bottom:8px;}
.popup-btns{font-size:14px;color:#b79450;line-height:28px;}
.popup-btns a{ color:#5e7688; padding:5px; font-size:14px;font-weight:bold;}
.popup-btns a:hover{ text-decoration:underline;}


.menu_body2{display:none;}
.menu_body2 a{display:block;color:#454545;background-color:#e9e8e8;text-decoration:none; padding:10px 2% 10px 10%; width:88%; border-bottom:1px solid #ccc; font-size:.875em;}
.menu_body2 a:hover,.menu_body2 a.body-current{color:#fff; background-color:#4a5260;transition: all .3s ease-in-out;}

#firstpane > li{ cursor:pointer; display:block; font-size:.875em;line-height:20px; color:#454545; padding:13px 10px; background-color:#e1e1e1;}

#firstpane li.current{color:#fff; text-decoration:none; background-color:#3f4857;transition: all .3s ease-in-out;}


.g-brand{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding-top:1.8em;}
.g-brand a{ display:block; width:15%; float:left; margin-right:1.6%; margin-bottom:2%;  height:auto; overflow:hidden; }
.g-brand a:nth-child(6n){ margin-right:0;}
.g-brand a img{ width:98%; width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px); display:block;border:1px solid #d8d8d8;}
.g-brand a span{ display:block; font-size:.75em; color:#3d3d3d; text-align:center; margin-top:8px; font-weight:bold;}

.g-brand a:hover{ opacity:.8;}

.brand-show{ display:block;  width:90%; margin:0 auto 20px;  height:auto; overflow:hidden;border:1px solid #d8d8d8;}
.brand-show img{ width:100%;}

.brand-intro{/* font-size:.75em;*/ font-weight:bold; /*line-height:20px;*/}
.brochure-list{ margin-top:20px;}
.brochure-list a{ display:block; width:100%; height:auto; overflow:hidden;}
.brochure-list a img{ width:100%; display:block;}
.brochure-list a span{ display:block; margin-top:10px; text-align:center; color:#000; /*font-size:.75em;*/}

.help-detail h1{ font-size:1em; color:#4f9a29; margin:1em 0;}
.help-detail p{ font-size:.875em; color:#454545; margin:1em 0;/*line-height:20px;*/}
.help-detail a{ font-size:.875em; color:#454545; /*line-height:20px;*/ text-decoration:underline; /*display:block;*/}
.help-detail ul li{/* list-style:disc !important;*/}

.m-block{ width:98%; width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);border:1px solid #d8d8d8; padding:15px; position:relative;height:200px;}
.m-block h1{ font-size:1.125em; color:#3f4857; margin-bottom:1em; width:80%;  width: -moz-calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px); float:left; }
.m-block ul,.m-block ul li{ width:100%; height:auto; overflow:hidden;}
.m-block ul li a{ display:block; padding-left:15px; background:url(../images/dot-icon.png) no-repeat left center; /*font-size:12px; line-height:20px; */color:#454545; text-decoration:none;}
.m-block ul li{}

.m-block a.a1{ display:block; float:right; width:28px; height:28px; margin-top:-5px;}

.banner-list{ display:block; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.banner-list{ width:100%;}
.top-banner{transition: all .3s ease-in-out;}

.catory-txt{ display:block;font-size: .875em;
    line-height: 20px;
    color: #454545;
    padding: 13px 0;
    background-color: #e1e1e1; width:90%; margin:10px auto; text-align:center;}

.catory-txt:hover{color:#fff; text-decoration:none; background-color:#3f4857;transition: all .3s ease-in-out;}

/*END detail页面样式*/
.history-btn-left{ float:left; margin-right:10px; margin-bottom:10px;}

.g-map{ margin-top:2%; }
.g-map .col{ margin-bottom:2%;}
.g-map a,.g-map a img{ display:block; width:100%;}
.g-map a{position:relative;}
.contact-text{ width:30%; background-color:rgba(111,111,111,0.9); position:absolute; top:0; right:0; color:#fff; text-align:center;}
.contact-text h1{ font-size:3em; font-weight:lighter; margin-top:18%;}
.contact-text h4{/* font-size:14px;*/ font-weight:lighter;}
.contact-bottom{ margin-bottom:8%;}

.allgames-title{width:500px; max-width:100%; margin-bottom:15px;}
.allgames-title img{ display:block; width:100%;}
.allgames-p1{ font-size:1.15em;/* line-height:22px;*/ margin-bottom:15px;}
.allgames-p2 span{ font-size:1.15em;}
.allgames-btn{ display: inline-block; padding:0 20px; width:auto;  height:40px; line-height:40px; text-align:center;
border: 1px solid #22a2d1;
-webkit-transition: border .4s,background .4s,color .2s;
transition: border .4s,background .4s,color .2s;
margin-top: 1em;
font-weight: 400;
cursor: pointer;font-size:1.15em; border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; color:#22a2d1;}

.allgames-btn:hover{color: #fff;background: #22a2d1;}
.allgames-demo {
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;}
.allgames-demo .allgames-demo-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.allgames-demo .allgames-demo-playbutton {
	position: absolute;
	top: 31%;
	left: 12%;
	right: 0;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.g-video{ margin:3% auto;}
.grid2 .col-l{ float:right;}
.grid2 .col-r{ float:right;}

.allgames-title2{ margin-bottom:15px;}

.allgames-title2 span.span1{ width:58px; height:58px;
display: inline-block;
	background-image: url(../images/fe85b89.all-games-256.jpg);
	background-size: 475% 350%;
	background-repeat: no-repeat;
	border-radius: 22%;
	/*vertical-align: middle*/
}

.allgames-title2 span.span2{font-size: 3em;display: inline-block;line-height: 1.2; }
.allgames-title2 span.span3{font-size: 3em;display: inline-block;line-height: 1.2;  max-width:100%;}
.allgames-btn2{ width:120px; display:block;}
#html5-watermark{ display:none !important;}

.game-ages-platforms {
    display: inline-block;
    text-align: left;
    padding: 5px 15px 7px;
    border-radius: 15px;
}

.osmo-button2{
	display:block;
	border-radius:30px;
	width:200px;
	height:50px; text-align:center; line-height:50px;
	font-weight: 600;
	color:#fff; font-size:18px;
	background-color: #ff900a;
	background-image: -webkit-gradient(linear, left top, right top, from(#ff9b0b), to(#ff8408));
	background-image: linear-gradient(to right, #ff9b0b 0, #ff8408 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9b0b', endColorstr='#ffff8408', GradientType=1)
}

.osmo-button2 {
	-webkit-transition: -webkit-transform 150ms ease-in;
	transition: -webkit-transform 150ms ease-in;
	transition: transform 150ms ease-in;
	transition: transform 150ms ease-in, -webkit-transform 150ms ease-in
}
.osmo-button2:active,.osmo-button2:focus,.osmo-button2:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.login-p11{ font-size:18px; text-decoration:underline; margin-bottom:10px; margin-top:10px;}
.m-input label.label1{ display:block; margin-bottom:5px;}
.m-radio {
    margin-bottom: 15px;
    font-size: 16px;
    
}

.m-select{ width:100px; }
.select-span1{ padding-right:10px;}
.m-h4{ margin:10px 0;}
.m-input label.m-label{ display:inline-block; margin-right:20px; margin-bottom:5px;}
.label-with1{ width:100px;}
.label-with2{ width:250px;}

.m-add-table{ display:block; width:100%; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#090; font-size:20px;}
.m-add-table:hover{ background-color:#360}

.m-p1{ margin-bottom:8px;}
.m-agree-width{ width:70px; margin:15px auto;}
.m-btns{ width:290px; margin:0 auto; display:block;}
.margin-bottom0{ margin-bottom:10px;}

h1.login-p1{ font-size:1.5em; padding:10px 0; margin-top:20px;}
a.a-color1{ color: #390; font-size:16px;}
a.a-color1:hover{ color:#030;}
.m-table{ border:1px solid #090; width:100%; border-bottom:none; border-right:none; margin:10px 0;}
.m-table tr th{ width:20%; text-align:center; border-bottom:1px solid #4f9a29; border-right:1px solid #4f9a29; height:40px; background-color:#eaeaea;}
.m-table tr td{ width:20%; text-align:center; border-bottom:1px solid #4f9a29; border-right:1px solid #4f9a29; height:40px;}
.title-h4{ font-size:16px; color:#09F; margin-bottom:5px;}
.m-ul-1 li{ list-style:none; font-size:.875em; margin-top:10px;}

.m-table2 tr th{ width:13%; text-align:center; border-bottom:1px solid #4f9a29; border-right:1px solid #4f9a29; height:40px;}
.m-table2 tr td{ width:13%; text-align:center; border-bottom:1px solid #4f9a29; border-right:1px solid #4f9a29; height:40px;}
ul.m-ul-2 li{ list-style:disc outside; margin-left:20px; margin-bottom:10px; }
ol.m-ul-2 li{ list-style:decimal outside; margin-left:20px; margin-bottom:10px; }

.m-div{ width:100%; height:auto; overflow:hidden;}

/* toTop */
.toTop{width:60px;height:60px;cursor:pointer;position:fixed;right:20px;bottom:20px;}
*html .toTop{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));margin-bottom:80px;}

.mobile-span2{ display:block;}

@media only screen and (max-width:1100px){
	
.pic-text3 h1.text-h1{ font-size:1.5em; }
.pic-text3 h3.text-h3{ font-size:14px;  }
.pic-text3 h4.text-h4{ font-size:12px;}

.pic-text4 h1.text4-h1{ font-size:2em; }
.pic-text4 h3.text4-h3{  font-size:12px; }	

.con-txt2{ width:80%; margin:6% auto 0;}
.con-txt h2.newsletter-tit{ font-size:1.75em;}

}

@media only screen and (max-width:980px){
.contact-text h1{ font-size:1.5em;  margin-top:13%;}
.contact-text h4{ font-size:12px; font-weight:lighter;}
.contact-bottom{ margin-bottom:5%;}
.allgames-btn{ font-size:1em;}
}

@media only screen and (max-width:930px){
	
	
.qty-dl{ margin-top:15px; width:100%;}
.qty-dl dt{ width:50px; line-height:34px;}
.qty-dl dd{ width:100px;}


.g-help-block .col {width: 48.4%;}
.g-help-block .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
.g-help-block .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}


.grid2-col a img{ display:block; width:302px; height:212px; float:none; margin:0 auto 20px; }
.grid2-col-content{ width:100%; float:none; height:auto; overflow:hidden; text-align:center;}

.con-txt2{ width:80%; margin:6% auto 0;}
.con-txt h2.newsletter-tit{ width:100%;font-size:1.75em;}
.con-txt input[type="text"]{ width:100%;}
.con-txt input[type="submit"]{ margin-left:0;}

}

@media only screen and (max-width:900px){

.ecart_a1 span {display:block;font-size:1em;font-weight:bold;line-height:93px;margin-left:10px;}

.con-txt2{ width:50%; margin:5% auto 0;}
.con-txt h2.newsletter-tit{ width:60%;font-size:1.75em;}
.con-txt input[type="text"]{ width:60%;}
.con-txt input[type="submit"]{ margin-left:10px;}

.pic-text5{ position:absolute; right:15%; top:10%; }
.pic-text5 h1.text5-h1{ font-size:16px; }
.pic-text5 h3.text5-h3{ font-size:1.5em;}

.pic-text6{ position:absolute; left:15%; top:15%;}
.pic-text6 h1.text6-h1{  font-size:1em;}
.pic-text6 h3.text6-h3{font-size:1em; }

.pic-text7{ position:absolute; left:10%; top:30%; }
.pic-text7 h1.text7-h1{ font-size:1.25em;}
.pic-text7 h3.text7-h3{   font-size:1.25em; }

.pic-text8{ position:absolute; left:10%; top:38%; }
.pic-text8 h1.text8-h1{  font-size:1em; }

.grid2 .col-g1{width:100%; margin-right:0;margin-bottom:0; margin-left:0;}

}

@media only screen and (max-width:768px){


/*detail页面样式*/
.detail_ul_2 {position: static; height:50px; margin-top:15px; padding-left:1px;}
.detail_show2 {position: static;right:0;bottom:0;z-index:999;width:100%;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.pro_detail_table { width:100%;}
.pro_detail_table1{ float:none;}
.pro_detail_table2{ float:none;}

.ecart_a1 img { float:none; display:block;}
.ecart_a1 span {display:block;font-size:.75em;font-weight:bold;line-height:20px; margin-top:5px;margin-left:5px;}

.home-mid-content h1{font-size: 1.25em;}

/*detail页弹出层*/

.popup-top1{ width:100%; margin:0 auto; min-height:120px; padding-bottom:10px; margin-bottom:10px;}
.popup-top1 .span1{ display:block; float:left; width:20%; margin-right:10px;}
.popup-top1 .span1 img{ display:block; float:right;}
.text-box1{ float:left; height:auto; overflow:hidden; width:70%;}
.text-box1 .span2{ font-size:1.25em;color:#b79450;display:block;  margin-bottom:8px;}
.text-box1 .span3{ font-size:.875em; color:#000; display:block;  margin-bottom:8px;}
.popup-btns{color:#b79450;line-height:20px;}
.popup-btns span{ display:none;}
.popup-btns a{ color:#b79450; padding:0 5px; font-size:.75em; display:block;}
.popup-btns a:hover{ text-decoration:underline;}

.list_pro1{ position:relative; width:48%; margin-right:2%; margin-bottom:2%; float:left;}
.list_pro1:nth-of-type(2n){ margin-right:0;}
.list_pro1:nth-of-type(3n){  margin-right:2%;}	


.pic-text1{  left:10%; top:25%; }
.pic-text1 h1.text-h1{ font-size:1.5em; }
.pic-text1 h2.text-h2{ font-size:1.5em; }

.grid2 .grid2-col-left {float:none;margin-left: 0; margin-bottom:2%; }
.grid2 .grid2-col-right {float:none;margin-left: 0;}
.grid2 .grid2-col-left,.grid2 .grid2-col-right{ width:100%;}

.grid2 .grid2-div1{ width:49%; margin-left:2%;}
.grid2-div1 a.a2{ margin-top:4%;}
.m-table{ font-size:14px;}
.toTop{ width:40px; height:40px;}


	  
}

@media only screen and (max-width:720px){
.detail_show22{width:100%; height:auto;overflow:hidden; float:none;	position:relative; padding-bottom:15px;}
.detail-right33{ width:100%; height:auto; overflow:hidden; float:none; position:relative; }


.g-brand a{ display:block; width:31%; float:left; margin-right:2%; margin-bottom:3%;  height:auto; overflow:hidden; }
.g-brand a img{ width:98%; width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px); display:block;border:1px solid #d8d8d8;}
.g-brand a span{ display:block; font-size:.75em; color:#3d3d3d; text-align:center; margin-top:8px; font-weight:bold;}

.g-brand a:nth-of-type(6n){margin-right:2%;}
.g-brand a:nth-of-type(3n){margin-right:0;}

.g-help-block .col {width: 100% !important;margin-left: 0 !important;clear: none !important;}

.top-banner{-webkit-transform: scale(1.2);
-webkit-transform: all 1s ease 0s;
-moz-transform: scale(1.2);
-moz-transform: all 1s ease 0s;
-ms-transform: scale(1.2);
-ms-transform: all 1s ease 0s;
transform: scale(1.2);
transition: all 1s ease 0s; margin-top:10px;
}

/*.con-txt2{ width:100%;margin:4% auto 8%;}
.con-txt h2.newsletter-tit{ width:60%;}
.con-txt input[type="text"]{ width:60%;}
.con-txt input[type="submit"]{ margin-left:10px;}
*/

.contact-text{ width:100%;  position: static; padding-top:8%; }
.contact-text h1{ font-size:2em; margin-top:0;}
.contact-text h4{ font-size:14px;}
.contact-bottom{ margin-bottom:5%;}
}

@media only screen and (max-width:640px){

/*首頁中間內容的樣式*/
.ecart_h3 {line-height:24px;}


/*detail页面样式*/
.detail_video_left {width:100%;float:none; margin-bottom:15px;}
.detail_video_right {width:100%; float:none;height:auto; overflow:hidden;}

.list_pro1{ position:relative; width:100%; margin-right:0; height:auto; overflow:hidden; margin-bottom:2%; float:none; clear:both;}

.list_pro1:nth-of-type(3n){  margin-right:0;}
.list_pro1:nth-of-type(2n){ margin-right:0;}	
.list-txt span.span3{ font-size:.75em; color:#fff; height:30px; }
	

}

@media only screen and (max-width:568px){

/*list页面样式*/
/* grid4 */
.grid4 .list_pro {width: 48.4% !important;}



/*list box页面样式*/

.list-box-a{display: block;padding:10px;height:auto; overflow:hidden;position: relative;border:2px solid #eaeaea; min-height:150px;}
.list-box-a span.span1{ width:100%; float:none; max-width:100%; border-bottom:1px dotted #ccc; }
.list-box-a span.span1 img{ width:100%; height:100%;}
.pro-name{ width:100%; margin-left:0; float:none;}
.pro-price{ width:100%; margin-left:0; float:none;}

.new_hot2 {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot2 img{ width:100%;}

.ecart_a1 img {display:block;float:left;}
.ecart_a1 span {display:block;font-size:1.125em;font-weight:bold;line-height:93px;margin-left:25px;}

.con-1{ width:96%; float:none; background:none; min-height:100px; margin-bottom:30px;}
.con-2{ width:96%; float:none;}

.grid2-div1 a.a2{ margin-top:2%;}

.con-txt2{ width:80%; margin:5% auto 0;}
.con-txt input[type="submit"]{ margin-left:10px;}

.pic-text5{ position:absolute; right:15%; top:18%;}
.pic-text5 h1.text5-h1{ font-size:16px;}
.pic-text5 h3.text5-h3{ font-size:3em;}

.pic-text6{ position:absolute; left:15%; top:25%;}
.pic-text6 h1.text6-h1{  font-size:1.5em; }
.pic-text6 h3.text6-h3{   font-size:1.5em;}

.pic-text7{ position:absolute; left:10%; top:30%; }
.pic-text7 h1.text7-h1{  font-size:1.75em;}
.pic-text7 h3.text7-h3{   font-size:1.75em; }
.m-table{ font-size:12px;}

.grid2 .col2-left{ float:none; width:100%; height:auto;}
.grid2 .col2-right{float:none; width:100%;height:auto !important;}

.grid2-col-content h3{ text-align:left;}
.mobile-span1{ display:block;}
.grid2-col-content p{ height:auto;}
}

@media screen and (max-width:480px){


/* grid4 */
.grid4 .col {width: 100% !important;margin-left: 0 !important;clear: none !important;}

.top-banner{-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
-moz-transform: scale(1.3);
-moz-transform: all 1s ease 0s;
-ms-transform: scale(1.3);
-ms-transform: all 1s ease 0s;
transform: scale(1.3);
transition: all 1s ease 0s; margin-top:0;
}

}
@media screen and (max-width:321px){


}



.testing {
	font-size: 14px;
}

.c li {
	list-style-type:  disc;
	padding-left: 12px;
	margin: 1em;
}