body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;word-wrap:break-word;}
h1,h2,h3{font-size:100%}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}
fieldset,img{border:0}
cite,em,s,i,b{font-style:normal}
input,button,textarea,select{font-size:100%}
body,input,button,textarea,select,option{font-size:normal}
a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li,img,label,input{vertical-align:middle}
var{font-style:normal}
ins{text-decoration:none}
body{font-size:20px}
.viewport{max-width:768px;margin:15px auto 0 auto;overflow:hidden; display: block;}
.wc{color:#fff !important}.c{color:#51545a !important}.gc{color:#87888c !important}.gc2{color:#f7f8fa !important}.oc{color:#fc6500 !important}.mlr20{margin:auto 1em}.m20{margin:1em 0}.m30{margin:1.5em 0}.mt20{margin-top:1em}.mb20{margin-bottom:1em}.mt40{margin-top:2em}.mb40{margin-bottom:2em}.mt-20{margin-top:-1em}.hide{display:none}@media only screen and (max-width: 300px){body{font-size:8.33333px}.viewport{max-width:300px}}@media only screen and (max-width: 310px) and (min-width: 300px){body{font-size:8.33333px}.viewport{max-width:300px}}@media only screen and (max-width: 320px) and (min-width: 310px){body{font-size:8.88889px}.viewport{max-width:320px}}@media only screen and (max-width: 360px) and (min-width: 320px){body{font-size:8.88889px}.viewport{max-width:360px}}@media only screen and (max-width: 360px) and (min-width: 350px){body{font-size:10px}.viewport{max-width:360px}}@media only screen and (max-width: 480px) and (min-width: 360px){body{font-size:10px}.viewport{max-width:480px}}@media only screen and (max-width: 480px) and (min-width: 470px){body{font-size:13.33333px}.viewport{max-width:480px}}@media only screen and (max-width: 560px) and (min-width: 480px){body{font-size:13.33333px}.viewport{max-width:560px}}@media only screen and (max-width: 570px) and (min-width: 560px){body{font-size:15.83333px}.viewport{max-width:570px}}@media only screen and (max-width: 640px) and (min-width: 570px){body{font-size:15.83333px}.viewport{max-width:640px}}@media only screen and (max-width: 640px) and (min-width: 630px){body{font-size:17.77778px}.viewport{max-width:640px}}@media only screen and (max-width: 710px) and (min-width: 640px){body{font-size:17.77778px}.viewport{max-width:710px}}
.header_03{width:100%;height:4.85em;background:#2891a6;position:relative}
.header_03 .tit{font-size:17px;line-height:3em;color:#FFFFFF;text-align:center}
.header_03 .back{ float:left; position:absolute;top:0;left:0;}
.header_03 .back a{display:block;font-size:1.9em;line-height:2.55263em;color:#464646;padding:0 0.52632em}
.header_03 .back a.arrow{font-size:1em;width:3.5em;height:4.85em;text-indent:-999em;overflow:hidden;background:url("../images/icon_01.png") 50% 50% no-repeat;-webkit-background-size:2.5em 2.5em;-moz-background-size:2.5em 2.5em;-o-background-size:2.5em 2.5em;background-size:2.5em 2.5em}
.header_03 .nav{ width:14%; height:100%; float:right;position:absolute;top:0;right:0;}
.header_03 .nav ul li a{ float:right; display:block;width:3em;height:4.85em;padding:0 1em;text-indent:-999em;overflow:hidden}
.header_03 .nav ul li.cart{position:relative; float:right;}
.header_03 .nav ul li.cart a{float:right; font-size:1em;background:url("../images/icon_02.png") 50% 50% no-repeat;-webkit-background-size:2.5em 2.5em;-moz-background-size:2.5em 2.5em;-o-background-size:2.5em 2.5em;background-size:2.5em 2.5em}
.header_03 #ShoppingCartNum{float:right; display:block;font-size:1em;font-weight:700;line-height:1em;color:#783600;padding:0.1em 0.5em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;background:#ffc703;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;right:0.4em;top:0.7em}

/* nav  */

.paixu .nav {
    position: relative;
    border-bottom: 2px solid #d4d4d4;
    background: #f4f4f4;
    float:left;
    width: 100%;
}
.nav .nav-container {
    /**
 * height: 36px;
 *     overflow: hidden;
 */
    margin: 0 10px
}

.nav ul {
   /**
 * display: -webkit-box;
 */

    display: -moz-box;
    display: box;
    margin-left: 0;
    -webkit-transition: .5s -webkit-transform ease-in-out 0;
    transition: .5s transform ease-in-out 0
}

.nav li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    height: 36px;
    text-align: center;
    min-width: 100px;
    float: left;
}

.nav li a {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 2px 0;
    color: #999;
    font-size: 15px
}

.nav li.current a {
    padding-bottom: 0;
    border-bottom: 2px solid #ff631f;
    color: #91979f
}

.nav .nav-arrow {
    position: absolute;
    height: 36px;
    line-height: 36px;
    width: 36px;
    top: 0;
    text-align: center
}

.nav .nav-arrow:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle
}

.nav .nav-arrow-l {
    left: 0
}

.nav .nav-arrow-l:after {
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav .nav-arrow-r {
    right: 0
}

.nav .nav-arrow-r:after {
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
/*
.nav{overflow:hidden;width:100%;font-weight: 300;font-size: 20px;line-height: 36px; height: 36px; position:relative;
    border-bottom: 2px solid #d4d4d4;
    background: #f4f4f4;
}
.nav .line{ position:absolute;height:36px;left:0;line-height:60px;text-align:center;cursor:pointer;}
.nav .line li{float:left;height:30px;}
.nav .line li:first-child{ background:none;}
.nav .line li a{ color:#fff;text-decoration:none;}*/
/* 文章页 */
.article {
    width: auto;
    /**
 * padding: 0 10px 0 10px;
 */
    float: left;
    width: 98%;
}
.article-list ul {
    border: 1px solid #d4d4d4;
    border-radius: 10px 10px 0 0;
    background: #fff;
    width: 98%;
}
.article-list {
    margin: 10px auto;
    padding-right: 10px;
    width: 100%;
}
.article-list li {
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    border-top: 1px solid #e6e6e6;
    color: #91979f;
    font-size: 15px;
}
.article-list li .nodata {
    color: #f00;
    text-align: center;
    width: 100%;
}
.article-list li a {
    display: block;
    padding: 0 20px 0 10px;
    color: #91979f;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.article-list li .right {
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    float: right;
    height: 12px;
    line-height: 36px;
    width: 12px;
    margin-top: 15px;
    text-align: center;
    margin-right: 5px;
}
/**
 * .article-list li a:before {
 *     content: "";
 *     float: right;
 *     width: 10px;
 *     height: 10px;
 *     margin-top: 20px;
 *     margin-right: -20px;
 *     border-top: 2px solid #ccc;
 *     border-right: 2px solid #ccc;
 *     -webkit-transform: rotate(45deg);
 *     transform: rotate(45deg);
 *     -webkit-transform-origin: right top;
 *     transform-origin: right top
 * }
 */
.article-list li:first-child {
    position: relative;
    border-top: 0
}
/**
 * .article-list li:first-child:before {
 *     content: "";
 *     position: absolute;
 *     left: 0;
 *     top: -3px;
 *     height: 45px;
 *     width: 30px;
 *     background-size: 30px 45px
 * }
 */

.article-list i {
    display: block;
    height: 2px;
    margin: 0 3px;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fafafa;
    width: 95.5%;
}
.article-list i+i {
    margin: 0 5px 2px;
    padding-right: 1px;
    background: #f1f1f1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 94.8%;
}
.article-box{
	font-size: 15px;
	line-height:1.8em;
    background-color: #fff;
}
.article-box h3{margin-bottom:10px; padding:6px 0; border-bottom: 1px solid #e5dcc7; text-align: center; color: #000; font-weight: bolder; background-color: #eaeaea; font-size: 18px;}
.article-box .content {
    padding: 0 10px;
    overflow: hidden;
}
.article-box .content p {
    /**
 * text-indent: 1em;
 */
 width: 100%;
 margin: 0;
 padding: 0;
 text-indent: 0;
 -webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.article-box .content embed{
    width: 98%!important;
    height: 90%!important;
    min-height: 300px!important;
}
.article-box .content img {
    height:auto; width: auto\9; width:100%;
}

.article-pic {
	display:table;
	width:49%;
	display:flex;
	flex-wrap:wrap;
	font-family:tahoma,arial,\9ED1\4F53;
	background-color:#f4f4f4;
	margin-top:15px;
    float: left;
}
/**
 * .article-pic:after {
 * 	display:block;
 * 	clear:both;
 * 	height:0;
 * 	content:' '
 * }
 */
.article-pic .product {
	display:inline-block;
	float:none;
	display:flex;
	align-items:stretch;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	padding-bottom:0
}
.article-pic .pro-inner {
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #c1c1c1;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-top:1px solid #e5e6e8;
	-webkit-box-shadow:#d2d2d4 0 0.1em 0;
	-moz-box-shadow:#d2d2d4 0 0.1em 0;
	box-shadow:#d2d2d4 0 0.1em 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	width:100%;
	height:100%
}
.article-pic .proImg-wrap {
	float:left;
}
.article-pic .proImg-wrap img {
	/**
 * border-radius:5px;
 */
    width: 100%;
    height: auto;
}
.article-pic .proInfo-wrap {
	float:left;
	padding:5px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box
}
.article-pic .proTitle {
	overflow:hidden;
	text-align:center;
}
.article-pic .proTitle a {
	color:#333;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:all .3s linear
}

/*边框*/
 
  .B_input{border:1px solid #eee;}
  .inputBg{border:1px solid #E0DFDF;height:18px;line-height:18px; color:#a2a2a2}
  .btn {
    background-color: #ff9f34;
  }
  .regform {
    width: 100px;
    height: 30px;
    color: #fff;
  }
  
  /*     专卖店  */
.cityarea {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 14px;
}
.cityarea a {
    font-size: 16px;
    color: #333;
    margin: 0 10px;
}
.cityarea a:hover {
    font-size: 16px;
    color: #ff0000;
}
.cityarea a.cur {
    color: #ff0000;
}