/*=== public CSS ===*/
/*=============================================================== base CSS ===============================================================*/
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
@media(min-width:1001px){
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{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:''}
abbr,acronym{border:0}

input[type=submit],botton,input[type=botton]{cursor: pointer;}

/***S important***/
html{width:100%;}
body{line-height:1;font:12px Tahoma, Arial, Helvetica, Sans-serif;color:#666;}
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#66cdcc;}
/***E important***/

/*fonts*/
.fb{font-weight:bold}.fn{font-weight:normal}.f18{font-size: 18px;}.f16{font-size: 16px;}.f14{font-size: 14px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}
.t2{text-indent:2em}.lh150{line-height:1.5}.lh180{line-height:1.8}.lh200{line-height:2}
.h1{font-size: 18px;}
.h2{font-size: 16px;}
.h3{font-size: 14px;}
.h4,.h5,.h6{font-size: 12px;}
.h1,.h2,.h3,.h4,.h5,.h6,
.fyahei{font-family:"microsoft yahei", Sans-serif;}
/*position*/
.pr{position:relative}.pa{position:absolute}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}.fr{float:right;display:inline}
.cb{clear:both}.cl{clear:left}.cr{clear:right}
.vm{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.text-v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*margin*/
.m10{margin:10px}.m15{margin:15px}.m30{margin:30px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}
.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}
/*padding*/
.pd3{padding:0 3px;}.pd5{padding:0 5px;}.pd10{padding:0 10px;}.pd15{padding:0 15px;}.pd20{padding:0 20px;}.pd30{padding:0 30px;}.pd50{padding:0 50px;}
/*color*/
.gray{color:gray;}
.blue{color:#005ea7;}
.green{color:green;}
.red{color:red;}
.orange{color: #cd9967;}
.peru{color: #cd9967;}
.highline{color: #66cdcc;}
/*---elements---*/
/*--sprite--*/
.icon,
.btns,
.ie6_box li a{background-repeat: no-repeat;}

.icon,
.toolbar,
.nav .menu .on .item-a,
.nav .menu .item-a:hover,
.nav .menu .item-first.on .item-a,
.nav .menu .item-first .item-a:hover,
.nav .quick-cart .qc-hd,
.footer .service dl dt,
.category-main .bd,
.icon-showCategory{background-image: url(../img/icons.png);}
.btns{background-image: url(../img/btns.png);}
.footer{background-image: url(../img/footer-bg.png);}
.ie6_box li a{background-image: url(../img/browser_icon.png);}
/*--icons--*/
.cssarr-down,
.cssarr-up,
.cssarr-right,
.cssarr-left{display: inline-block;line-height: 0;font-size: 0;height: 0;overflow: hidden;vertical-align: middle;border: 4px dashed;border-top-style: solid;}
.cssarr-down{border-color: #666666 transparent transparent;}
.cssarr-up{border-color: transparent transparent #666666;border-bottom-style: solid; position:relative; top:-4px;}
.cssarr-right{border-color: transparent transparent transparent #666666; position:relative; right:-2px;}
.cssarr-left{border-color: transparent #666666 transparent transparent; position:relative; left:-2px;}

.icon{display: inline-block;margin: -1px 3px 0 2px;width: 12px;height: 12px;vertical-align: middle;}
.icon-tel{width: 16px;height: 14px;background-position: -1px -48px;}
.icon-headset{width: 16px;height: 16px;background-position: -17px -47px;}
.icon-user{width: 14px;height: 16px;background-position: -35px -47px;}
.icon-arrow-down{width: 8px;height: 6px;background-position: 0 -103px;}
a:hover .icon-arrow-down{background-position: 0 -112px;}
.icon-star{width: 12px;height: 12px;background-position: -36px -102px;}
.icon-cart{width: 12px;height: 10px;background-position: -70px -65px;}
.icon-cartBag{width: 36px;height: 36px;background-position: -88px -47px;}
.icon-heart{width: 42px;height: 36px;background-position: -88px -85px;}
.icon-edit{width: 42px;height: 36px;background-position: -88px -123px;}

.icon-close{width: 17px;height: 17px;background-position: 0 -65px;}
.icon-close:hover{background-position: 0 -84px;}
/*--btns--*/
/*图片按钮 solid button*/
.btns{display: inline-block; border: 1px solid #d7d7d7;border-bottom-color: #c1c1c1; border-radius: 2px;width: 58px;height: 24px;line-height: 24px; font-family: "microsoft yahei"; font-size: 18px;font-weight: 400; color: #f0e0d1;text-align: center; cursor: pointer;box-shadow: 0 1px 2px 0px rgba(9,9,9,.15);transition: border-color .2s linear;}
.btns-gb{width: 168px;height: 48px;line-height: 48px;background-position: 0 0;color: #666666;}
.btns-gm{width: 98px;height: 33px;line-height: 33px;background-position: 0 0;color: #666666;}
.btns-gs{width: 58px;height: 24px;line-height: 24px;background-position: 0 0;color: #666666;}
.btns-ga{width: auto;height: auto;line-height: 1; padding: 4px 10px;background-position: 0 0;color: #666666;}
.btns-gb:hover,
.btns-gm:hover,
.btns-gs:hover,
.btns-ga:hover{border-color: #bbbbbb; background-position: 0 -50px;box-shadow: 0 1px 2px 0px rgba(0,0,0,.1);color: #555555;}
.btns-gb:active,
.btns-gm:active,
.btns-gs:active,
.btns-ga:active{border-color: #aaaaaa; background-position: 0 -100px;box-shadow: 0 1px 2px 0px rgba(0,0,0,.1);color: #333333;}

.btns-rb{width: 168px;height: 38px;line-height: 38px;border-color: #111111; background-position: 0 -150px;}
.btns-rm{width: 124px;height: 38px;line-height: 38px;border-color: #111111;background-position: 0 -150px;}
.btns-rs{width: 58px;height: 38px;line-height: 38px;border-color: #111111;background-position: 0 -150px;}
.btns-ra{width: auto;height: auto;line-height: 1;border-color: #111111; padding: 4px 10px;background-position: 0 -150px;font-weight: 400;color: #ffffff;}
.btns-rb:hover,
.btns-rm:hover,
.btns-rs:hover,
.btns-ra:hover{border-color: #000000;color: #ffffff; background-position: 0 -200px;}
.btns-rb:active,
.btns-rm:active,
.btns-rs:active,
.btns-ra:active{border-color: #111111; background-position: 0 -250px;}
/*扁平按钮 flat button*/
.btnf{display: inline-block;padding: 0 7px; height: 24px;line-height: 24px;font-weight: 700; font-size: 14px;color: #666666;text-align: center; cursor: pointer;transition: border-color .2s linear;}
.btnf-gb{height: 48px;border: 1px solid #dcdcdc; line-height: 48px;font-weight: 400;}
.btnf-gm{height: 33px;border: 1px solid #dcdcdc;line-height: 33px;font-weight: 400;}
.btnf-gs{height: 24px;border: 1px solid #dcdcdc;line-height: 24px;font-weight: 400;}
.btnf-gp{height: 25px;border: 1px solid #dcdcdc;line-height: 25px;background: #d49d74;color: #ffffff;font-weight: 400;}
.btnf-gg{height: 25px;border: 1px solid #dcdcdc;line-height: 25px;background: #a7a7a7;color: #ffffff;font-weight: 400;}
.btnf-ggr{height: 25px;border: 1px solid #dcdcdc;line-height: 25px;background: #9eb86e;color: #ffffff;font-weight: 400;}
.btnf-gb:hover,
.btnf-gm:hover,
.btnf-gs:hover,
.btnf-gg:hover,
.btnf-ggr:hover,
.btnf-gp:hover{border-color: #555555; background-color: #666666;color: #ffffff;}
.btnf-gb:active,
.btnf-gm:active,
.btnf-gs:active,
.btnf-gg:active,
.btnf-ggr:active,
.btnf-gp:active{background-color: #888888;}

.btnf-rb{height: 48px;line-height: 48px;background: #111111;color: #ffffff;}
.btnf-rm{height: 33px;line-height: 33px;background: #111111;color: #ffffff;}
.btnf-rs{height: 24px;line-height: 24px;background: #111111;color: #ffffff;}
.btnf-rp{height: 25px;line-height: 25px;background: #111111;color: #ffffff;}
.btnf-rb:hover,
.btnf-rm:hover,
.btnf-rs:hover,
.btnf-rp:hover{background: #ea3333;color: #ffffff;}
/*form elements*/
.select,
.texts,
.textm,
.textl,
.textarea{border: 1px solid #dcdcdc;padding: 2px;}
.texts,
.textm,
.textl{height: 14px;padding: 5px;}
.texts{width: 100px;}
.textm{width: 200px;}
.textl{width: 300px;}

.file,
.filePrew{display: inline-block;width: 82px;height: 24px;cursor: pointer;}
.file{position: relative;border: 1px solid #bbbbbb;background: none repeat scroll 0 0 #f8f8f8;cursor: pointer;text-align: center;vertical-align: middle;overflow: hidden;}  
.file span{display: block;line-height: 24px;}  
.file em{display: inline-block;width: 12px;height: 12px;margin-right: 3px;background-position:0 -56px;vertical-align: -2px;overflow: hidden;font-size: 0;}
.file:hover{border-color: #ea5c08;}
.file:hover em{background-position:-14px -56px;}  
.filePrew{position: absolute;top: 0;left: 0;font-size: 100px; /* 增大不同浏览器的可点击区域 */ opacity: 0; /* 实现的关键点 */filter:alpha(opacity=0);/* 兼容IE */}
.checkbox,
.radio{margin-right: 3px;vertical-align: middle;}
.textareal{width: 600px; height: 400px;}

/*other*/

/*=============================================================== layout CSS ===============================================================*/
.w,
.ws,
.content{width:1000px;margin-left:auto;margin-right:auto;}
.ws{width:990px;}

.header,
.banner,
.mainner,
.containner,
.footer,
.wf{width:100%; min-width:1000px;}

.box{border: 1px solid #dcdcdc;border-radius: 3px;}
.box .hd{border-bottom: 1px solid #dcdcdc;padding: 0 10px; height: 38px;font: 14px/38px "microsoft yahei";color:#888888;text-align: center;}
.box .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .box .bd{height:1%}
.box .bd{display:block}

.content .section{float: left;}
.content .aside{float: right;}

.row{margin-bottom: 10px;}
.content:after,
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.tab{}
.tab .tabNavs{}
.tab .tabNav{float: left;margin-right: 3px; font-family: "microsoft yahei";text-align: center;cursor: pointer;}
.tab .tabCons{}
.tab .tabCon{display: none;}
.tab .tabCon.on{display: block;}

.form{}
.form dl{display:inline-block;margin-bottom: 10px;line-height: 24px;}
.form dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .form dl{height:1%}
.form dl{display:block}
.form dt,
.form dd{float: left;width: 547px;}
.form dt{clear: left;width: 100px;padding-right: 2px;text-align: right;font-size: 14px;}
.form .error{display: none; padding: 0 5px;}
/*products*/
.pros{width: 100%;overflow: hidden;}
.pros .pros-ul{width: 110%;}
.pros li{float: left;margin: 0 10px 10px 0;}
.pros .p-info{font-family: "microsoft yahei";}
.pros .p-name,
.pros .p-num{line-height: 20px;color: #666666;}
.pros .p-num{color: #999999;}
/*fixeder*/
.fixed{position: fixed;_position: absolute; top: 0;width: 1000px;z-index: 999;background-color: #f2f2f2;border-bottom-color: #ccc;border-right-color:#ccc;  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}

/*=============================================================== module CSS ===============================================================*/
/*---banner---*/
.banner{position: relative;height: 350px;}
.bannerBox{position: absolute;top: 0;left: 0; width: 100%;height: 350px;}
.bannerBox .currPic{position: relative; width: 100%;height: 100%;overflow: hidden;}
.bannerBox .currPic a{position: absolute;display: block;width: 100%; height: 100%;background-position: 50% 0;}
.bannerBox .currPic a img{width:100%;height:100%;}
.banner .currTitle{position: absolute;left: 50%; bottom: 10px;}
.banner .currTitle .wrapper{position: relative;left: -50%;float: left;}
.banner .currTitle li{float: left; margin-right: 10px; width: 120px;height: 47px; background-color:#cccccc;font-size: 0;cursor: pointer;}
.banner .currTitle li.on{border: 2px solid #a4e0e0;width: 116px;height: 43px;}
.banner .currTitle li img{width: 100%;height: 100%;}
/*--header--*/
.header{}
/*-toolbar-*/
.toolbar{width: 100%;padding-bottom: 3px; height: 40px;line-height: 40px;}
.toolbar .fl li{float:left;}
.toolbar .fl li a{display: block; padding: 0 15px; height: 43px;}
.toolbar .fl li a:hover{color: #66cdcc;}
.toolbar .fl li.on a{background-color: #ffffff;}
.toolbar .fl li s{display: block; border-left: 1px solid #dedddd;border-right: 1px solid #ffffff; height: 41px;}
.toolbar .fr li{float:left;margin-left: 12px; padding:0px 4px;}
/*-topNav-*/
.topNav{width: 100%; height: 28px;background-color: #ffffff; line-height: 26px;}
.topNav .fr li{float:left;}
.topNav .fr li s{margin: 0 8px;border-right: 1px solid #cccccc; height: 14px;}
.topNav .icon-arrow-down{transition: transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s;-moz-transition: -moz-transform .2s ease-in 0s;}
.topNav a:hover .icon-arrow-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
/*-logo-*/
.logo{width: 100%;padding: 10px 0;height: 63px;background-color: #e0f5f5;}
/*-nav-*/
.nav{width: 100%;height: 44px; background-color: #f5f5f5;font-family: "microsoft yahei", Sans-serif;}
.nav .menu{float: left;}
.nav .quick-cart{float: right;}
.nav .menu{}
.nav .menu .item{float: left;}
.nav .menu .item-a{display: block; width: 151px; height: 44px;text-align: center;font: 400 16px/44px "microsoft yahei";color: #ffffff;}
.nav .menu .on .item-a,
.nav .menu .item-a:hover{background-position: -141px -93px;}
.nav .menu .item-first .item-a{width: 94px;}
.nav .menu .item-first.on .item-a,
.nav .menu .item-first .item-a:hover{background-position: -141px -47px;}

.nav .quick-cart{position: relative; width: 121px;z-index: 99;}
.nav .quick-cart .qc-hd{padding-left: 41px; width: 80;height: 44px;background-position: -349px -47px;text-align: center;line-height: 44px;font-size: 14px;}
.nav .quick-cart-hover .qc-hd,
.nav .quick-cart:hover .qc-hd{background-position: -349px -93px;}
.nav .quick-cart .qc-hd a{color: #ffffff;}
.nav .quick-cart .qc-bd{display: none; position: absolute;top: 44px;left: 0;width: 100%; background-color: #ffffff;overflow: hidden;box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);}
.nav .quick-cart:hover .qc-bd,
.nav .quick-cart-hover .qc-bd{display: block;}
.nav .quick-cart .qc-group{margin-top: -1px; border: 2px solid #66cdcc;border-top: none;}
.nav .quick-cart .qc-group li{border-top: 1px dashed #88bad3;text-align: center;}
.nav .quick-cart .qc-group a{display: block;padding: 10px; font-size: 14px; color: #006599;}
.nav .quick-cart .qc-group a:hover{background-color: #d3f1f1;}

/*--banner--*/
.banner{}

/*--mainner--*/
.mainner{padding-top: 10px;}
.full-ad img{width: 100%;}

/*--footer--*/
.footer{position:relative; margin:50px 0 0;width:100%; background-color: #3e3e3e;background-repeat: repeat;  color: #666;}

.footer .service{padding: 20px 0;}
.footer .service dl{width:130px; float:left; margin: 0 10px; display:inline;white-space: nowrap;overflow: hidden;}
.footer .service dl dt{height:28px;background-position:-349px -141px; font-size:14px; line-height:28px; text-indent:2px;color: #ffffff;}
.footer .service dl dd{padding-top: 10px; height:90px; min-height:90px;}
.footer .service dl dd a{line-height:22px;color: #aaaaaa;}
.footer .service dl dd a:hover{text-decoration:underline;color: #ffffff;}
.footer .service .col-weixinDown,
.footer .service .col-weixinScan{margin: 0; width: 90px;padding: 0 17px;}
.footer .service .col-weixinDown dt,
.footer .service .col-weixinScan dt{background: none;}
.footer .service .col-weixinDown dt,
.footer .service .col-weixinScan dt,
.footer .service .col-weixinDown dt img,
.footer .service .col-weixinScan dt img{width: 100%;height: 90px;}
.footer .service .col-weixinDown dd,
.footer .service .col-weixinScan dd{padding: 5px 0;height: auto;min-height: 14px; text-align: center;color:#aaaaaa;}

.footer .footNav{padding: 12px 0; background-color: #aeb1b6; text-align: center;}

.footer .footNav a{color: #444444;}
.footer .footNav a:hover{text-decoration: underline;}
.footer .copyright{padding: 20px 0; color:#aaaaaa; text-align:center; line-height:1.3;}

/*category*/
.category{position: fixed;position: _absolute;left: 0;top: 50%;margin-top: -222px; height: 445px;z-index: 97;}
.category-main{position: relative;z-index: 98;}
.category-ctrl{position: absolute;z-index: 97;}
.category-main{width: 210px;}
.category-ctrl{top: 50%; left: 210px; margin-top: -62px; width: 31px;height: 122px;cursor: pointer;overflow: hidden;text-indent: -9999px;}
.category-ctrl .icon-showCategory{display: block;width: 100%;height: 100%;background-position: -316px -47px;}
.category-main .hd{padding: 0 12px;height: 40px;background-color: #65cccb;line-height: 40px;font-size: 16px;color: #ffffff;}
.category-main .bd{height: 395px; background-position: 0 -276px;}
.category-main .bd,
.categorys li .cg-bd{box-shadow: 2px 2px 5px 1px rgba(0,0,0,.1);}
.categorys li .cg-hd{position: relative;height: 37px;line-height: 37px;cursor: pointer;}
.categorys li.on .cg-hd,
.categorys li:hover .cg-hd{background-color: #ffffff; opacity: .6;filter: alpha(opacity=60);}
.categorys li.on .cg-hd h3,
.categorys li:hover .cg-hd h3{color: #333333;}
.categorys li.on .cg-bd,
.categorys li:hover .cg-bd{/*display: block; left: 210px;*/}
.categorys li .cg-hd h3{padding: 0 12px; font-size: 14px;font-family: "microsoft yahei";color: #ffffff;white-space: nowrap;}
.categorys li .cg-bd{display: none;position: absolute;top: 0;left: 180px;width: 373px;z-index: -1;}
.categorys li .cg-sub-hd{padding: 0 30px;height: 40px;background-color: #a1dede;line-height: 40px;color: #ffffff;}
.categorys li .cg-sub-bd{min-height: 375px;*height: 375px; padding: 10px 30px; background-color: #ffffff;}
.categorys li .cg-sub-bd dl{clear: both;margin: 8px 0; font: 12px/26px Arial, "宋体", Sans-serif;color: #555555;}
.categorys li .cg-sub-bd dt h4{font-weight: 700;}
.categorys li .cg-sub-bd dd span{margin-right: 8px;}
.categorys li .cg-sub-bd dd a:hover{text-decoration: underline;}

/*breadcrumb*/
.breadcrumb{padding:0 0 10px 0;display:block;width:100%;height:20px;line-height:20px;font-family:"Simsun";font-size:12px;overflow:hidden;color:#999999;}
.breadcrumb a{color:#666666;}
.breadcrumb a:hover{color:#008ae3;}
/*pagination*/
.page{padding: 15px 0;height: 30px;}
.page-ul{text-align:center; overflow: hidden;}
.page-ul li{float:left;margin-left:6px;display:block;_display:inline; white-space: nowrap;_display: inline;}
.page-ul li span,
.page-ul li a{display: inline-block;border:1px solid #dddddd;height: 28px;padding:0 12px;color:#666;background-color: #ffffff;font: 500 14px/28px "microsoft yahei";}
.page-ul .previous-off,
.page-ul .next-off{color:#999999;}
.page-ul .on,
.page-ul a:hover{background-color: #ea5c08;border-color: #ea5c08;color: #ffffff;}
/*IE低版本提示*/
.ie6_box{background:#ffffff;border:5px solid #000000;width:600px;height:350px;padding:30px;position:absolute;z-index:9999;top:50%;left:50%;margin-left:-300px; margin-top:-150px;}
.ie6_box h6{border-bottom:1px solid #d4d4d4;font-size:24px;padding-bottom:10px;}
.ie6_box p{height:70px;line-height:60px;}
.ie6_box li a{display:block;width:148px;background-position: 180px 180px;border:1px solid #ffffff;text-align:center; padding:120px 0px 20px 0px;}
.ie6_box li a:hover{border:1px solid #d4d4d4;}
.ie6_box .chrome{background-position:0px 0px;}
.ie6_box .safari{background-position:-150px 0px;}
.ie6_box .firefox{background-position:-300px 0px;}
.ie6_box .ie89{background-position:-450px 0px;}
.ie6_box span{text-align:center;display:inline-block;width:100%;margin-top:30px;}
/*mask，alert 遮罩层，弹出层*/
.mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#ffffff;opacity: .5;filter: alpha(opacity=50);z-index:998;}

.alert{position:fixed;top:50%;left:50%;display:none;margin: -125px 0 0 -325px; width: 650px; padding: 1px;background-color: #ffffff;box-shadow: 0 0 5px 2px rgba(0,0,0,.3);z-index:999;}
.alert .hd{height: 38px;line-height: 38px;background-color: #ea5c08;color: #ffffff;text-align: center;}
.alert .btn-close{position: absolute;top: 10px;right: 10px; padding: 3px;width: 16px;height: 16px; line-height: 0;}
.alert .btn-close .icon{margin: 0;padding: 0;}
.alert .bd{padding: 10px; max-height: 300px; overflow-y: auto;}
.alert .desc{padding: 44px;line-height: 22px;text-align: center;font-size: 14px;color: #ea5c08；}
.alert .action{padding: 20px 0;background-color: #f7f7f7; text-align: center;}
.alert .action .btns{margin: 0 20px;}
/*=============================================================== state CSS ===============================================================*/




/*=============================================================== theme CSS ===============================================================*/
/*--pagination--*/
/*page-radius*/
.page-radius .page-ul li span,
.page-radius .page-ul li a{border:none; border-radius: 3px; height: 22px;padding:0 7px;color:#444444;background-color: #e2e2e2;font: 500 12px/22px "microsoft yahei";}
.page-radius .page-ul .on,
.page-radius .page-ul a:hover{background-color: #8ec31f;}
/*page-left*/
.page-left .page-ul{float: left;} 
/*page-center*/
.page-center .wrapper{position:relative;left:50%;float:left;} 
.page-center .page-ul{position:relative;left:-50%;float:left;} 
/*page-left*/
.page-left .page-ul{float: right;} 
/*--mask,alert--*/
.mask-black{background-color:#000000;}













/*一些 CSS 3.0 的样式、帮助说明信息、浏览器兼容样式以及一些BUG处理代码*/
.transition{
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
/*
1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
6、cubic-bezier：（该值允许你去自定义一个时间曲线）， 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内，否则无效。
*/
}
.shadow{box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);}/**box-shadow: h v 模糊值 长度 color inset;*/
.shadow1{box-shadow: 0 4px 6px -2px rgba(0,0,0,.5);-moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5);}
.textShadow{text-shadow: 0 1px 1px #000;}

/*----------------- BUG ---------------*/
.jb{
	fifter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ 
	background:-moz-linear-gradient(left,#b8c4cb,#f6f6f8);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ 
/*S 版本2
	background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#201F1F));
	background: -moz-linear-gradient(top, #555454, #201F1F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555454, endColorstr=#FF201F1F)";
	background: -ms-linear-gradient(top, #555454, #201F1F);
	background: -o-linear-gradient(top, #555454, #201F1F);
版本2 */
}
.opacity{
	opacity: 0.8; /*Chrome、Safari、Firefox、Opera */ 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6/IE7/8 */ 
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*  IE8 */
 }
.transparent{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
  filter: alpha(opacity=50);/* IE 5-7 */
  -moz-opacity: 0.5;/* Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity: 0.5;/* Good browsers */
}

}