/*global*/
/* for double screen width Retina screen */
 /* for 1080 px width screen */
 @media only screen and (max-width: 1080px){
   html,
   body {
     font-size: 33.75px;
   }
 }
 /* for 1080 px width screen */
 @media only screen and (max-width: 960px){
   html,
   body {
     font-size: 30px;
   }
 }
 /* for 720 px width screen */
 @media only screen and (max-width: 720px){
   html,
   body {
     font-size: 22.5px;
   }
 }
 /* for 640 px width screen */
 @media only screen and (max-width: 640px){
   html,
   body {
     font-size: 20px;
   }
 }
 /* for 540 px width screen */
 @media only screen and (max-width: 540px){
   html,
   body {
     font-size: 16.875px;
   }
 }
 /* for 480 px width screen */
 @media only screen and (max-width: 480px) {
   html,
   body {
     font-size: 15px;
   }
 }
 /* for 414 px width screen  iphone6+ */
 @media only screen and (max-width: 414px){
   html,
   body {
     font-size: 13px;
   }
 }
 /* for 400 px width screen */
 @media only screen and (max-width: 400px) {
   html,
   body {
     font-size: 12.5px;
   }
 }
 /* for 360 px width screen */
 @media only screen and (max-width: 360px){
   html,
   body {
     font-size: 11.25px;
   }
 }
 /* for 320 px width screen */
 @media only screen and (max-width: 320px){
   html,
   body {
     font-size: 10px;
   }
 }

body{
	min-width: 320px;
	color: #333;
	font-family: "Microsoft YaHei";
}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:bold;
	vertical-align:baseline;
}
img{
	border:none;
	vertical-align:text-bottom;
}
li{list-style: none;}
a{text-decoration:none;color: #333}
a:focus{outline-style:none;outline-width:0;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:none;}
time{display: inline;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before,.clearfix:after{ 
	content:""; 
	display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/
}
/*header*/
header,section,footer{display: block;}
header{
    padding-top:10px;
	width: 100%;
	height: 120px;
	color: #fff;
	background-color: #601828;
    background-image: -webkit-radial-gradient(ellipse,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
	position: fixed;top: 0;
	z-index:11;
	overflow: hidden;
}
header a{
	color: #fff;
}
header .subtitle img{
	width: 16%;
	position: absolute; left: 4px; top: 25px;
}
header .titmin {
    position:absolute;
    left:10px;
    top:15px;
    font-size:18px;
}
header .titmin img{
    width:15px;
    height:15px;
    margin-left:15px;
    margin-right:15px;
    vertical-align:0%;
}
header .liststyle1
{
    margin-top:8px;
    line-height:16px;
}
header .liststyle1 li{
	display: block;
	text-align: left;
	font-size: 12px;
	margin: 2px 0 0 20%;
}
header .h1{
	font-size: 18px;
}
header .imgsize{
	height:14px;
}
header .bottom{
	position: absolute;bottom:0;
	width: 100%;
	padding:8px 3px;
	background-color: rgba(0, 0, 0, .1);
}
header .imgsize1{
	height: 1.0rem;
}

/*section*/
section{
	border-top: 160px solid transparent;
	border-bottom: 50px solid transparent;
}
section .right{
	margin-left: 20%;
	overflow: hidden;
}
section .left{
	width: 20%;
	position: fixed;
	left: 0;top: 162px;
	z-index: 5;
}

/*section left*/
section .left ul{
	max-height: 520px;
	overflow: scroll;
}
section .left ul li{
	display: block;
	font-size: 12px;
	line-height: 52px;
	text-align: center;
	background-color: #f8f8f8;
	border-bottom: 1px solid #f6f6f6;
    border-right:1px solid #f6f6f6;
    border:1px solid #f6f6f6;
}
section .left ul .leftblue{
	border-left: 2px solid #278be5 ;
	background-color: #ffffff;
    font-weight:bold;
}

section .left .mb5{
	margin-bottom: 320px;
	border: none;
}

/*section right*/
section .right .notice{
	background-color: #f8f8f8;
	color: #555;
	padding: 10px 4px;
    margin-top:2px;
}
section .right .notice p
{
    overflow:hidden;
    height:14px;
}
section .right .noticexp {
    background-color: #f8f8f8;
	color: #555;
	padding: 10px 4px;
    margin-top:2px;
    position:fixed;
    top:160px;
    left:70px;
    z-index:9;
    width:100%;
    height:12px;
    margin-left:2px;
}
section .right .noticexp p{
    max-height:14px;
    overflow:hidden;
}
section .right ul li{
	border-bottom: 1px solid #f8f8f8;
	padding:10px;
	background-color: #ffffff;
	line-height: 24px;
}
section .right ul li {
	position: relative;
}
section .right .left_t{
	position: absolute;
	z-index: 2;
	top: -1px;left: 0;
}
section .right .left_t img{
	width: 35%;
}
section .right .fs4 a{
	font-size: 16px;
	font-weight: bolder;
    line-height:1px;
}
section .right .fs2{
	color: #fb2600;
}
section .right .fs3{
	font-size: 16px;
}
section .item2{
	padding: 2px 4px;
	background-color:#fb2600;
	border: 1px solid #fb2600;
	border-radius: 4px;
}
section .item2 a {
	color: #fff;
}
section .right .imgstyle_l{
	height: 52px;
	width: 52px;
	padding: 2px;
	margin-right: 5px;
	border: 1px solid #dedede;
	border-radius: 5px;
}
section .right .imgstyle_l img{
	max-width: 50px;
	max-height: 50px;
}
section .right ul .about{
	margin-left: 67px;
	line-height: 20px;
}
section .right ul .about time{
	color: #666666;
}
section .about time{display: inline;}
.imgsize2{
	width: 22px;
}
/*footer*/
footer{
	background-color: #eeeeee;
}
footer nav{
	height: 50px;
	width: 100%;
	background-color: #444645;
	position: fixed;
	bottom: 0;
	z-index: 10;
}
footer nav span a{
	line-height: 50px;
	font-size: 14px;
	padding-left: 70px;
	color: #eee;
}

footer .left_t{
	position: absolute;
	z-index: 10;
	bottom: 10px;left: 8px;
}
footer .left_t img{
	width: 50px;
}
.btAdd{
    width:25px;
}
.buyValue {
    font-size:18px;
    padding:3px;
    vertical-align:20%;
    color:#555;
}
.spBuy {
    display:none;
}
.spBuyCount {
    display:none;
    background-color:red;padding:1px 5px;border-radius:50%; position:absolute;top:0px;left:30px;color:white;font-weight:bold;
}
.spBuyTotal {
    color:white;
    font-weight:bold;
    font-size:18px;
    position:absolute;
    left:70px;
    top:10px;
}
.btGo {
    width:105px;
    float:right;
}
.circle {position:absolute;width: 20px;height: 20px;background: #46ae01;-moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:none}

.popCart {width:100%; height:60%;background-color:#f5f5f5; position:fixed; overflow:visible; z-index:9; bottom:99px;  display:none}
.popCart .title {background-color:#f5f5f5; color:#8a8a8a;font-size:16px;  border:1px solid #dbd5d5;   padding:14px;}
.popCart .title div { float:right; position:relative; right:10px; }
.popCart .title div img{float:left;width:12px;height:14px; margin-right:2px;}
.popCart .title div span{float:left;font-size:12px;}

.popCart ul {background-color:white; height:100%; overflow-y:auto;}
.popCart li{padding-left:50px; padding-right:6px; border-bottom:1px solid #dbd5d5; display:none; position:relative; clear:both;}
.popCart li .left { width:50%;float:left;overflow:hidden; margin-top:12px;margin-bottom:12px;}
.popCart li .right { width:50%;float:left; }
.popCart li .right img {display:inline; float:right; margin:4px 8px 0px 8px;}
.popCart li .right input {width:30px; height:25px; float:right;margin-top:5px; text-align:center}
.popCart li span {float:right;color:red; font-size:14px; font-weight:bold;margin-top:12px;margin-bottom:12px;}
.popCart li div em { width:20px; height:20px; background-color:#e6f0fd; position:absolute; display:block;top:10px; line-height:20px; left:20px; border:1px solid #b1e0f4; text-align:center; font-size:10px;}
.mask-pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.70); z-index: 999; display: none }

.menu {
    position:fixed;
    background-color:#333230;
    color:white;
    top:20px;
    right:30px;
    font-size:14px;
    line-height:40px;
    z-index:11;
    display:none;
}
.menu li {
        border-bottom:1px solid #4c4c4c;
        padding:0px 10px;
    }
#dvSearch {
    margin-top:130px;position:fixed;z-index:10;width:100% ; height:30px;padding:1px;background-color:white;
}

/* pop */
.pop{position: fixed;left:50%; margin-left:-150px; top:18%;border:1px solid #ccc; background-color:#FFF; z-index:20;}
.pop_head{position:relative;}
.pop_head a.close{width:47px;height:46px;background:url(close.png);position:absolute;right:-23px;line-height:20px;color:#000;text-decoration:none;top:-23px;}
.pop_body{padding:10px;background:#f7d84c;width:410px;height:410px;overflow:hidden;}
.pop table {width:100%;}
.pop{ width:300px; border:4px #d8d8d8 solid }
.pop .bt{ width:300px; height:34px; line-height:34px; font-size:14px; text-indent:10px; border-bottom:2px #d8d8d8 solid ; background-color:#fefefe}
.pop span.gb{ position:absolute;right:0px;top:0px;}
.pop .jg{ height:40px; line-height:40px; margin-top:5px; }
.pop .jg .shu{font-size: 18px;color: #fe7200;}
.pop .jg .ma{}
.pop .jg .ma input{width: 40px;height: 24px;text-align: center;}
.pop #spShowInfo{ width:270px;height:25px;overflow:hidden;display:block; }

.qtdz { padding:5px 0; color:#666; margin-left:12px; }
.xuanze{ border:#46ae00 solid 1px; background:url(/images/xz.jpg) bottom right no-repeat; margin:0px 10px 0px 10px; padding:10px 20px 10px 0px; }