@charset "utf-8";
/* CSS Document */
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
a{outline:none; text-decoration:none;/*去掉手机链接的默认阴影*/-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;} 
a:hover{text-decoration: none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
html {font-size:62.5%}
@media only screen and (min-width:0px) {/*iphone5*/html {font-size:62.5%!important}}
@media only screen and (min-width:360px) {/*三星note*/html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {/*iphone6*/html {font-size:73.24%!important}}
@media only screen and (min-width:480px) {html {font-size:94%!important}}
@media only screen and (min-width:560px) {html {font-size:109%!important}}
@media only screen and (min-width:640px) {html {font-size:125%!important}}
/***************Reset***********************/


body{font-family: "Microsoft YaHei",sans-serif; line-height: 1.7; max-width:640px;margin: 0 auto;min-width: 320px; position: relative; }
img {max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
.layout{font-size: 0.625rem; position: relative; /*padding-bottom: 13rem;*/}
.borderFour{border:1px solid;}
.borderBottom{border-bottom: 1px solid;}
.borderRight{border-right: 1px solid;}
.borderTop{border-top: 1px solid;}
.container{width:93.75%;padding:0 3.125%;overflow:hidden;margin: 0 auto;}
.ImgBox{display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}



.wrap{position:relative;font-size:1.3rem;}
.Top{height:auto;width:100%;max-width:640px;position:relative;}
.Top .logo{width:100%; display:block; height:auto; overflow:hidden;margin: 0 auto;}
.Top .logo img{width:100%;}

.Top .TopUser{display:inline-block;width: 4.2%;position:absolute;padding: 5.938% 3.125%;top:0;right:11%;cursor:pointer;}
.Top .TopUser img{width:100%;}

/*menu*/
.menu{width: 5.2%;position:absolute;padding: 6.799% 3.125%;top:0;right:0;cursor:pointer;}
.menu img{width:100%;}
#MenuList{width:100%;/*height: 100%;*/position:absolute; z-index:2; max-width:640px; display:none;margin:0; padding:0;}
#MenuList li{text-align:center;line-height:4.4rem; font-size:1.6rem; }
#MenuList li a{display:block; width:100%;}

/*search*/
.searchBox {padding:0 0 1.9rem 0;}
.search{width:93.75%;margin:0 3.125%;height:auto;overflow:hidden;clear:both;}
.search input{height:3.25rem;line-height:3.25rem; border:none;font-family: "Microsoft YaHei",sans-serif;font-size: 1.2rem;}
.search .keyword{width:calc(100% - 4.75rem);padding-left:1.5rem;float:left;}
.search .submit{width:3.25rem;float:left;background: url(../images/index_seach_icon.png) no-repeat center;background-size:3rem;vertical-align: middle;}


/****banner****/
.block_home_slider {display: block;position: relative;text-align: center;margin-right: auto;margin-left: auto;} 
.block_home_slider .slide {position:relative;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-direction-nav{display: none;}  
/*banner焦点*/
.flex-control-nav{width:100%;position:absolute;bottom:1rem;text-align:center;}
.flex-control-nav li{margin:0 0.3rem;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;width:1rem;height:1rem;overflow:hidden;text-indent:-99em;cursor:pointer;border-radius:50%;}


/*nav-index*/
.nav-index ul {display:-webkit-box;display:-moz-box;display:-ms-box;display:box;margin-bottom:1.35rem;}
.nav-index li {display:block;width:25%;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;}
.nav-index li a {display:block;width:100%;padding:2rem 0 0;text-align:center}
.nav-index li a .ico {display:block;margin:0 auto .5rem;width:4.7rem;height:4.7rem;border-radius: 50%;
-webkit-background-size:5em 5em;
-moz-background-size:5em 5em;
-o-background-size:5em 5em;background-size:5em 5em}
.nav-index li a .ico img{width: 100%; border-radius:50%;}
.nav-index li a .T {font-size:1.3rem}

/*Indexad*/
.Indexad ul{margin:0; padding:0;margin-bottom:1.35rem;}
.Indexad ul li a{display:block; margin-top:0.5rem;}
.Indexad ul li img{width:100%; max-width:600px;}


/****首页 公共title****/
.IndexTitle{position:relative;text-align: center;line-height: 4rem;height: 4rem;}
.IndexTitle a{float:right;font-size: 1.4rem;line-height: 1.4rem;color:#f1404b;position:absolute;top:2.15rem;right:0;}
.IndexTitle img{width:1.25rem;display: inline;vertical-align:middle;text-align:center;}
.IndexTitle .cn{font-size:1.6rem;line-height: 4rem;padding: 0 0.9rem;vertical-align: middle;text-align: center;display: inline-block;height: 4rem;}


/****首页产品列表****/
.ProBox{overflow: hidden;width:93.75%;padding:0 3.125%;}

/*pro*/
.ProList ul{ width:calc(100% + 0.8rem); height:auto; float:left; overflow:hidden;margin-top:1rem;}
.ProList ul .pro_info{position: relative;float: left; width:calc(50% - 0.8rem);height:auto;margin-right: 0.8rem;margin-bottom:1rem;}
.ProList ul .pro_info a{display:block;}
.ProList ul .pro_info .ImgBox{display:block;width:calc(100% - 3.6rem);padding:1.15rem 1.8rem;}
.ProList ul .pro_info .ImgBox img{width:100%; max-width:640px;}
.ProList ul .pro_info h3{overflow:hidden; font-size: 1.3rem;font-weight:500;height:1.6rem;line-height:1.6rem;text-align:center;margin: 0.25rem 1.25rem 0.35rem 1.25rem;white-space:nowrap;text-overflow:ellipsis;}
.ProList ul .pro_info .price{font-size: 1.3rem;height:2rem;text-align:center;font-family: "微软雅黑", "Microsoft YaHei";margin-bottom:1.4rem;}
.more{width:100%;padding:0.5rem 0 0;clear: both;margin-bottom:1rem;}
.more a{display:block;height:4rem;line-height:4rem; text-align:center;font-size:1.3rem;}


/****版权****/
.copyright{font-size:1.3rem;text-align:center; line-height:1.6rem; padding:1rem 1.2%; margin-bottom:5.5rem; clear:both;margin-top:0.9rem;}

/****悬浮菜单****/
.xf{width:100%; max-width:640px; margin:0 auto; position:fixed; bottom:0; font-size:1.3rem; height:5.5rem;  z-index: 999;}
.xf ul{margin:0; padding:0;}
.xf ul li{width:25%; float:left; text-align:center;text-transform:uppercase;height:5.5rem;}
.xf ul li a{display:block;height:5.5rem;}
.xf ul li img{width:31%; max-width:50px;margin-top: 0.625rem;}




/**************page*************/
/*header*/
.header{width:100%;top:0;left:0;height:5rem;z-index:100;}
.header .tit{font-size:1.6rem;line-height:5rem;text-align:center;}
.header .back{position:absolute;top:0;left:0}
.header .back a{display:block;line-height:2.55263em;padding:0 5% 0 3.125%;}
.header .back a.arrow{width:3rem;height:5rem;text-indent:-999rem;overflow:hidden;background:url(../images/tab_back.png) center 50% no-repeat;-webkit-background-size:0.9rem;-moz-background-size:0.9rem;-o-background-size:0.9rem;background-size:0.9rem}
.header .shopping_car{display:inline-block;width: 6%;position:absolute;padding: 5.782% 3.125%;top:0;left:0;cursor:pointer;}
.header .shopping_car img{width:100%;}



/************内页菜单************/
.page_MenuList{width:93.75%;padding:1rem 3.125% 0 3.125%;}
.page_MenuList .Focus{width:93.75%;padding:0 3.125%;font-size: 1.4rem;height: 4rem;line-height: 4rem;position:relative;}
.page_MenuList .Focus #M_btn{position:absolute;top: 1.5rem;right:3.125%;width:1.1rem;}
.page_MenuList #DropList{display:none;margin-top:1px;width:93.75%;padding:0 3.125% 0 3.125%;}
.page_MenuList #DropList ul{margin:0 auto;padding:0;overflow:hidden;display:block;width: 100%;padding: 1rem 0 1rem 0;border-bottom-width: 1px;border-bottom-style:solid;}
.page_MenuList #DropList ul .title{font-size: 1.4rem;display:block;height: 4rem;line-height: 4rem;}
.page_MenuList #DropList li{height:2.8rem;margin-right:1.75rem;display:inline-block;float:left;text-align: center;}
.page_MenuList #DropList li a{font-size:1.3rem;display:block;height:3rem;line-height:3rem;overflow:hidden;}
.Rotate{-moz-transform:rotate(180deg); 
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg); 
transform:rotate(180deg); 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
}


/************内容************/
.page-info{width:100%;padding: 1rem 0;min-height: 350px;}
.page-info .page-content{width:93.75%;padding:0 3.125%;padding-top: 1rem;line-height: 3rem;font-size: 1.4rem;}
.page-info .page-content img{width:100%;max-width:640px;}
/*返回上一页*/
.page-info .page-content .page-backbtn {text-align:center;}
.page-info .page-content .page-backbtn a{display:inline-block;padding: 1% 4%;border-radius: 5px;cursor: pointer;margin:2rem 0 2rem 0;font-size:1.3rem;}


/************产品列表页************/
.page-info .ProBox2{ width:93.75%;padding:0 3.125%; height:auto;overflow:hidden;margin: 0 0 1rem 0;}
/************产品详情页************/
/*多图*/
.TouchSlide{width:93.75%;margin:0 3.125%;position: relative; height:auto;  margin:0 auto; position:relative; overflow:hidden; margin-bottom:1rem;}
.TouchSlide .hd{width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;}
.TouchSlide .hd ul{ display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;}
.TouchSlide .hd ul li{display:inline-block; width:10px; height:10px;margin:0 5px;  border-radius: 50%; vertical-align:top; overflow:hidden;}
.TouchSlide .bd{position:relative; z-index:0;text-align:center;}
.TouchSlide .bd li img{display: inline;width:100%;}
.TouchSlide .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.page-info .page-productxq .goods-para{width:93.75%;padding:1rem 3.125%;}
/*名称价格*/
.page-info .page-productxq .goods-info{width:100%;padding:1rem 0;position: relative;font-size:1rem;}
.page-info .page-productxq .pro-name{font-size: 1.4rem;padding: 1.25rem 0 1rem 0;}
.page-info .page-productxq .price{font-size: 1.4rem;}
.page-info .page-productxq .price i{font-size:1.4rem;margin-right: 3px;}
.page-info .page-productxq .price strong{margin-left: 1rem;font-weight:normal;font-size:1.4rem;}
/*选择颜色*/
.page-info .page-productxq .spec{margin:1rem 0; border-bottom-width: 1px; border-bottom-style:solid;}
.page-info .page-productxq .spec .name{height:3.5rem;line-height:3.5rem;font-size: 1.4rem;}
.page-info .page-productxq .spec .specGroups{padding-bottom:2rem;}
.page-info .page-productxq .spec .specGroups a {font-size:1.3rem;border-width:1px;border-style:solid;min-width:3rem;margin:0.5rem 0.7rem 0 0; height:3rem;line-height:3rem;display:block;float:left;text-align:center;cursor:pointer;padding:0 0.5rem;}
/*选择数量*/
.page-info .page-productxq .goods_number{display: inline-block;padding-top:0rem;padding-bottom:1rem;border-bottom-width: 1px;border-bottom-style:solid;}
.page-info .page-productxq .goods_number .name{font-size: 1.4rem;float: left;display:inline-block;margin-right:1rem;height:3.2rem;line-height:3.2rem;}
.page-info .page-productxq .goods_number .shopcount{font-size:1.2rem;}
.page-info .page-productxq .goods_number .addForm{float: right;margin:0;text-align: right;}
.page-info .page-productxq .goods_number .addForm input{font-size:1.2rem;float:left;display:inline-block;margin:0;}
.page-info .page-productxq .goods_number .addForm .btn{width:3.2rem;height:3.2rem;border:none;border-radius:0;background:none;line-height:3.2rem;border:none;}
.page-info .page-productxq .goods_number .addForm .numberadd{background:url(../images/numberadd.png) center 50% no-repeat;background-size:1.05rem;}
.page-info .page-productxq .goods_number .addForm .numberoff{background:url(../images/numberoff.png) center 50% no-repeat;background-size:1.15rem;}
.page-info .page-productxq .goods_number .addForm .text{width:4.7rem;height:3.2rem;border-radius:0;line-height:3.2rem;box-shadow: none; text-align:center;border-top:none;border-bottom:none;}
/*按钮*/
.page-info .page-productxq .pro_button{padding-bottom: 1.2rem;margin-top: 1.75rem;}
.page-info .page-productxq .pro_button a{font-size:1.4rem;display:inline-block;width:48%;height:3.5rem;text-align:center;line-height:3.5rem;border-width: 1px;border-style:solid;}
.page-info .page-productxq .pro_button .cartbut{float:left;}
.page-info .page-productxq .pro_button .buybut{float:right;}
/*详情内容*/
.page-info .page-productxq .pro-detial{width:100%;position:relative;padding-bottom:2rem;}
.page-info .page-productxq .pro-detial .pro-intro{height:6.3rem;font-size:1.6rem;line-height:6.3rem;text-indent:3.125%;text-align:center;}
.page-info .page-productxq .pro-detial .pro_nr{width:93.75%;padding:0 3.125%;font-size:1.3rem;line-height:2rem;}


/*分页*/
.pagenation {clear: both;font-size: 1.2rem;height: auto;width:93.75%;text-align: center;position: relative;padding: 0 3.125% 1.5rem 3.125%;}
.pagenation .pagePrev, .pagenation .pageNext {display: inline-block;width: 10.3rem;height: 3rem;line-height: 3rem;margin: 1rem 3.125%;position: absolute;}
.pagenation .pagePrev {left: 0;}
.pagenation .pageNext {right: 0;}
.pagenation .pagePrev a, .pagenation .pageNext a{display:block;}
.pagenation .pagenationSelectDiv {max-width: 36%;display: inline-block;-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.pagenation .pagenationSelectDiv .pageSelect {cursor: pointer;height:3rem;padding: 0 .35rem;margin-bottom: .5rem;font-size: 1.4rem;margin-top: 1rem;text-indent: 0;border: 0;background: 0;    -webkit-appearance: none;
-moz-appearance: none;-o-appearance: none;}

.page-wrap .page-helpList li {width:93.75%;padding:0 3.125%;position: relative;background:#fff;}
.page-wrap .page-helpList li a {display: block;padding-right: 0.65rem;font-size:1.3rem;height:4.95rem;display: box;display: -webkit-box;box-align: center;border-bottom: 1px solid #f5f5f5;
-webkit-box-align: center;box-pack: justify;-webkit-box-pack: justify;color: currentColor;background: url(../images/personal_more_icon.png) no-repeat right center #fff;background-size: .48rem auto;}


.font1 table{width:100%;}
.font1 input[type=text],.font1 textarea{width:calc(100% - 2rem); height:3rem; line-height:3rem; border:1px solid #ccc; padding:0 1rem; font-size:1rem;}
.font1 textarea{height:9rem; line-height:1.5rem;}
.font1 #getcode{border:1px solid #ccc; height:3rem; line-height:3rem;}
.font1 input[type=submit],.font1 input[type=reset]{width:35%; height:3rem; line-height:3rem; margin-top:2rem; font-size:1rem; border:none; border-radius:5px;}