body{font-size:12px;color:#333;}
.container{width:100%;}
input,button{outline:none;}
.form-control{outline:none;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);box-shadow: inset 0 0px 0px rgba(0,0,0,0);}

a{color:#333333;}
a:hover{text-decoration:none;}

.maskbgtop{position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,.2);display:none;}
.filladdr{padding-left:15px;padding-right:15px;background:#fff;}
.maskbg{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.2);display:none;}
.mask_con{margin:auto;background:#fff;border-radius:10px;max-width:300px;}
.mask_msg{width:100%;padding:30px 0 20px 0;border-bottom:1px solid #d2d3d5;color:#000000;font-size:2rem;}
.mask_btn{width:100%;color:#00b2b8;font-size:2.2rem;line-height:6rem;}
.mask_msg .input_mobile{width:90%;margin-top:10px;border:1px solid #d2d3d5;color:#999999;}

.toTop{position:fixed;bottom:100px;right:20px;z-index:900;width:50px;height:50px;background:#fff;border:1px solid #ccc;text-align:center;}
.toTop .icon-uparrow1{color:#999;font-size:32px;line-height:48px;}

/*login*/
.login_con{width:375px;margin-top:150px;margin-left:auto;margin-right:auto;}
.btn-login{width:100%;background:#00b2b8;}
.reg_con{width:375px;margin-top:120px;margin-left:auto;margin-right:auto;display:none;}
.reg_con .disabled{background:#ccc;}
.logout{margin-top:30px;}
.logout .btn-danger{width:100%;}
.login_con .col-xs-12,.reg_con .col-xs-12{margin:0;padding:0;}
.countdown{width:80px;background:#00b2b8;color:#fff;}

/* focus */
.slide{position: relative;margin-left:-15px;margin-right:-15px;}
.vector{position:absolute; bottom:0; width:100%;display: block; text-align: center; z-index: 20;}
.vector li{display: inline-block;width: 10px;height: 10px; overflow-y: hidden; border-radius: 5px; background: #dedede; margin: 0 3px; cursor: pointer;}
.vector li.on{background: #ddff67;}
.slide .imgs{position: relative;width: 100%; height: 170px; overflow-x: hidden;}
.slide .imgs li {height: 100%;}
.slide .imgs li img{max-width: 100%; display: block; margin: 0 auto;}
.slide .imgs li {position: absolute;left: 0; display: none;text-align: center;width: 100%;overflow: hidden;z-index: 1;}
.slide .imgs li.next{display:block;left: 100%;z-index: 2}
.slide .imgs li.pre{display:block;left: -100%;z-index: 2}
.slide .imgs li.active{display:block;left:0;z-index:3;}
.slide .imgs a{position: relative; display: block;width: 100%;height: 165px;}
.slide .imgs a:before{position: absolute;top: 0; left: 0; z-index: 1; display: block;width: 100%; height: 100%; content: "";opacity: 0.2;}
.slide .imgs h2{position: absolute;top: 0; left: 0; z-index: 2; display: table;width: 100%; height: 100%; padding: 0 50px; color: #fff; font-size: 22px;line-height: 27px;}
.slide .imgs h2 span{display: table-cell;width: 100%; height: 100%;vertical-align: middle; text-shadow:0 0 20px #414439;}
.index_slide{position: relative;}
.index_slide li {padding: 0;border:0;}
.slide_num{position: absolute;right: 45%;bottom: 10px;z-index: 9;}
.slide_num li {float:left;margin:2px;color: #333;font-style: italic;font-size: 18px;border: 0;width:12px;height:12px;background:#fff;overflow:hidden;border:1px solid #ccc;border-radius:6px;}
.slide_num li.on {width:12px;height:12px;background:green;overflow:hidden;border:1px solid green;border-radius:6px;}

.pc-con{width:1200px;margin:0 auto;}
.nav-top{padding:4px 0;background:#f1f1f1;}
#spanCartNum{color:red;}
.logo{float:left;padding-top:15px;padding-bottom:15px;}
.search{float:left;padding-top:35px;padding-left:125px;}
.so_key{float:left;width:390px;height:30px;line-height:30px;padding-left:8px;border:2px solid #ffaa01;}
.so_btn{float:left;width:70px;height:30px;font-size:16px;background:#ffaa01;border:2px solid #ffaa01;color:#fff;}
.hot-key{padding-top:5px;}
.tel{float:right;padding-top:35px;}
.nav{border-bottom:3px solid #ffaa01;}
.allsort{position: relative;float: left;width: 210px;height: 43px;line-height: 43px;text-align: center;font-size: 18px;font-weight: normal;z-index: 99;background:#ffaa01;color: #fff;}
.nav-guide{float: left;margin:0;padding:0;}
.nav-guide li{float:left;list-style:none;height:43px;padding:0 15px;line-height:43px;font-size: 18px;}
.nav-side{position:absolute;width:210px;padding:0;margin-top:3px;background:#fff;z-index:99;}
.nav-side>li{position: relative;width:210px;height:42px;}
.nav-side>li>a{position:absolute;display:block;top:0;width:210px;height:42px;z-index:99;box-sizing: content-box;}
.nav-side>li>a:hover{display:block;width:208px;height:40px;border:1px solid #ffaa01;border-right:1px solid #fff;}
.nav-side>li>a.cur{display:block;width:208px;height:40px;border:1px solid #ffaa01;border-right:1px solid #fff;}
.nav-side-second{display:none;position:absolute;top:0;margin-left:209px;padding-left:0;width:360px;background:#fff;border:1px solid #ffaa01;z-index:98;}
.nav-side-second li{float:left;width:150px;padding-left:25px;text-align:left;font-size:14px;line-height:28px;}

.nav-crumb{width:1200px;margin:10px auto;}

.footer{margin-top:30px;padding-bottom:40px;background:#f2f2f2;}
.footer-1{margin-top:40px;margin-bottom:60px;border-top:1px solid #fff;border-bottom:1px solid #d9d9d9;}
.footer-img{width:1200px;margin:0 auto;}
.footer-2{width:1200px;margin:0 auto;}
.footer-2 .col-xs-8 p{}
.footer-2 .col-xs-4{text-align:right;}
.footer-2 .col-xs-4 img{vertical-align:top;margin-left:15px;}

.sort-txt{height:36px;margin-top:20px;margin-bottom:10px;}
.sort-cn{float:left;color:#cd9264;font-size:20px;line-height:36px;border-bottom:2px solid #cd9264;}
.sort-en{float:left;padding-top:4px;color:#918f89;font-size:16px;line-height:32px;border-bottom:2px solid #918f89;}
.sort-more{float:right;text-align:right;padding-top:18px;}

.hot-sort{width:1220px;margin:0 auto;}
.hot-sort .col-xs-4{margin:0;padding-left:10px;padding-right:10px;}
.active_t{margin-top:30px;height:36px;line-height:36px;font-size:18px;background:#ececec;text-align:center;}

.hot-brand{width:1200px;margin:0 auto;}
.hot-brand .col-xs-2{margin:10px;width:180px;padding:0;border:1px solid rgb(204, 173, 138);}

.index-pro{float:left;width:224px;}
.index-news-con{padding-bottom:40px;}
.index-news p{font-size:12px;}
.index-news p b{color:red;font-size:16px;}
.index-news p em{margin-left:40px;font-size:14px;text-decoration: line-through;color:#999;}
.index-news p .icon-View{font-size:13px;}
.index-news-img{position:relative;margin-bottom:5px;border:1px solid #eee;}
.index-news-img img{width:100%;}
.hdicon{position: absolute;right:0;top:0;width:51px;height:53px;background:url(../img/hd.png) no-repeat;}
.overlay{
  position:relative;
  display:inline-block;
  width:100%;
  max-width:100%;
  margin:0;
  overflow:hidden;
  vertical-align:middle;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
 }
 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.overlay .overlays {
  width: 100%;
  height: 100%;
  position: relative;
}
.overlay .overlays:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  opacity: 0.7;
}
.index-news:hover .overlay {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.index-hotpro{margin:0 auto;width:1199px;border:1px solid #ccc;border-left:0;border-top:0;}
.index-hotpro-1{float:left;width:599px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.index-hotpro-img{float:left;width:250px;height:250px;padding:15px;}
.index-hotpro-txt{float:left;width:300px;padding-top:30px;}
.index-hotpro-txt h2{height:120px;font-size:22px;line-height:1.6;}
.index-hotpro-txt p b{color:red;font-size:32px;}
.index-hotpro-txt p em{margin-left:40px;font-size:28px;text-decoration: line-through;color:#999;}

.sort_select{width:1198px;margin:0 auto 15px auto;padding-bottom:15px;border:1px solid #eee;}
.sort_select .col-xs-12{padding-top:15px;}
.sort_select .col-xs-1{font-weight:bold;font-size:14px;}
.sort_select .col-xs-11 a{display:inline-block;padding:2px 5px;}
.sort_select .col-xs-11 a.cur{background:#606060;color:#fff;}
.prolist_l{float:left;width:80%;}
.prolist_l .col-xs-3{padding-left:0;margin-top:15px;}
.prolist_r{float:left;width:20%;}
.prolist_order{border:1px solid #eee;margin-right:15px;}
.prolist_order a{display:inline-block;border-right:1px solid #eee;line-height:30px;padding:0 15px;}
.prolist_order a .iconfont{font-size:12px;color:#999;}
.prolist_order a.cur{color:red;}
.prolist_order a.cur .iconfont{font-size:12px;color:red;}
.prolist_rT{border:1px solid #157d41;background:#157d41;line-height:40px;text-align:center;font-size: 18px;font-weight: bold;color:#fff;}
.prolist_hotTitle{line-height:32px;border:1px solid #eee;border-top:0;text-align:center;font-size: 14px;font-weight: bold;}
.prolist_hot{border:1px solid #eee;border-top:0;}
.prolist_hot_img{float:left;width:90px;padding:5px;}
.prolist_hot_txt{float:left;width:140px;padding-top:8px;}
.prolist_hot_txt b{color:red;}
.prolist_hot_txt .btn-xs{background:#eee;}
.prolist_hotTitle2{line-height:32px;border:1px solid #eee;margin-top:15px;text-align:center;font-size: 14px;font-weight: bold;}

.rightnews{padding-left:8px;padding-top:8px;}
.rightnews li{padding: 8px 0;}
.right_tags{border:1px solid #eee;border-top:0;}
.right_tags a{display:inline-block;margin:8px;border:1px solid #eee;line-height:30px;padding:0 15px;border-radius:3px;}

.banner{width:1200px;margin:0 auto 15px auto;border:1px solid #eee;}
.news-cats{width:1200px;margin:0 auto 15px auto;}
.news-cats a{display:inline-block;width:200px;padding:0 15px;border:1px solid #eee;line-height:40px;font-size:24px;text-align:center;background:#eee;}
.news-cats a.cur{background:#999;color:#fff;}
.news_list{border-top:1px solid #eee;padding:20px 0 20px 0;margin-left: 0;margin-right:15px;}
.news_list_img{float:left;width:200px;}
.news_list_txt{float:left;width:720px;padding-left:20px;}
.news_list_txt h2{margin-top:0;}
.news_list_txt .date{color:#999;}
.news_list_txt .desc{color:#aaa;}
.news_list_txt .tags a{color:#666;}

.news_con{margin: 0 15px 0 0;padding:0 30px 30px 30px;font-size:16px;border: 1px solid #eee;}
.news_con h1{text-align:center;}
.news_con .date{padding: 10px 0 30px 0;font-size:14px;text-align:center;color:#999;}
.news_con .date a{color:#999;}

.relate_title{margin-top:30px;line-height:40px;border-bottom:1px solid #ccc;font-size:16px;font-weight:bold;}

/*product*/
.product{margin:0 auto;width:1200px;padding-bottom:30px;}
.pro_pics{float:left;width:410px;}
.pro_thumbnail{position:relative;width:408px;height:408px;border:1px solid #eee;}
.pro_pics_smalls{margin-top:10px;}
.pro_pics_smalls .img-thumbnail{width:80px;margin-right:10px;cursor:pointer;}
.pro_options{float:left;width:510px;padding:0 30px;border-right:1px solid #eee;}
.pro_options h1{font-size:18px;margin:10px 0;}
.pro_options h2{font-size:12px;margin:0 0 10px 0;color:red;}
.price_con{margin:0 0 12px 0;padding:20px;background:#ecebeb;}
.price_con p b{color:red;font-size:24px;vertical-align:middle;}
.price_con p em{text-decoration: line-through;}
.pro_brand{float:left;width:190px;padding-left:30px;}
.brand_logo{width:148px;}
.pro_peisong{}
.pro_salecom{margin:10px 0;padding: 5px 0;border-top:1px dotted #eee;border-bottom:1px dotted #eee;overflow: auto;}
.pro_salecom .col-xs-6:first-child{border-right:1px solid #eee;}
.pro_btns{margin:20px 0 30px 0;}
.pro_btns .btn-default{width:196px;height:36px;font-size:16px;}
.pro_btns .buynow{margin-right:10px;border:1px solid red;color:red;}
.pro_btns .addcart{border:1px solid #cb7157;color:#fff;background: #cb7157;}
.pro_btns .icon-cartfill{font-size:16px;}

.proview_l{float:left;width:240px;}
.proview_r{float:left;position:relative;width:940px;padding-left:20px;}
.proview_r .col-xs-3{padding-left:0;margin-top:15px;}
ul.nav-tabs{
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background:#fff;
}
ul.nav-tabs li{
	float:left;
	margin-top: -1px;
	border-top: 1px solid #ddd;
}
ul.nav-tabs li:first-child{
	border-top: none;
}
ul.nav-tabs li a{
	margin: 0;
	padding: 8px 16px;
	border-radius: 0;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
	color: red;
	border-top: 2px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;
}
ul.nav-tabs.affix{
	top: 0px; /* Set the top position of pinned element */
}

.help_T{border:1px solid #eee;line-height:40px;font-size: 18px;text-indent:40px;color:#ff5722;}
.help_T .icon-news{font-size: 18px;}
.help_cats{border:1px solid #eee;border-top:0;padding-top:10px;padding-bottom:30px;padding-left: 30px;}
.help_cats h2{font-size:16px;margin-top: 15px;margin-bottom: 10px;}
.help_minilist{padding-left:0;}
.help_minilist li{padding: 3px 0;list-style:none;}
.help_minilist li a{color:#999;}
.helplist{margin-right: 20px;
    border: 1px solid #eee;
    padding: 20px 40px;
}
.helplist li{padding: 8px 0;list-style:none;border-bottom:1px dotted #eee;}
.helplist li a{color:#999;}
/*my*/
.tasklistnav{margin-left:0;margin-right:0;margin-bottom: 15px;background:#fff;border:0;}
.tasklistnav>li.active>a, .tasklistnav>li.active>a:focus, .tasklistnav>li.active>a:hover{background:none;color:#ff2200;border:0;border-bottom:1px solid #ff2200;border-radius:0;}
.tasklist{padding:0 15px 10px 0;margin-bottom:5px;}
.tasklist .btn{float:right;margin-left:10px;border-radius:15px;}
.task_title{margin-right: -15px;margin-left: -15px;margin-top:1px;padding:10px 15px 15px 15px;height:50px;line-height:30px;background:#fff;}
.task_title .state_red{color:#ff2200;}
.task_title .state_yellow{color:#ffa200;}
.task_title .state_blue{color:#00abb1;}
.task_title .state_gray{color:#999999;}

.pager li.active a {
    color:#fff;
	background-color: #337ab7;
    border-color: #337ab7;
}
.loadmore{padding-top:20px;padding-bottom:20px;cursor:pointer;}
.nomore{padding-top:20px;padding-bottom:20px;background:none;color:#999;}

.buynow-itemnum .numjiajian{position:relative;width:90px;float:left;}
.buynow-itemnum .numjiajian input{width:50px;height:36px;border:1px solid #eee;}
.buynow-itemnum .numjiajian .icon-jia{position:absolute;width:18px;height:18px;top:0;left:52px;background:url(../img/up.png) no-repeat;}
.buynow-itemnum .numjiajian .icon-jian{position:absolute;width:18px;height:18px;top:20px;left:52px;background:url(../img/down.png) no-repeat;}
.buynow-itemnum .numjiajian .icon-jia:before,.buynow-itemnum .numjiajian .icon-jian:before {
    content: "";
}
.modal-dialog {
    top: 40%;
}

.bdsharebuttonbox{float:left;padding-left:15px;}
.bdsharebuttonbox .icon-share{font-size:12px;}
.bdsharebuttonbox a{margin:0 6px 0 6px;}
.fav{float:left;padding-left:15px;padding-top:6px;}
.fav .icon-yipingjia{font-size:12px;color:#c2bfb9;}
.fav .active{color:red;}

.region_con{float:left;position:relative;width:300px;}
.region_select{position:absolute;border:1px solid #eee;padding:2px 4px 2px 10px;background:#fff;z-index:90;}
.region_select .icon-downarrow1{font-size:12px;}
.regionbox{position:absolute;min-height:220px;width:416px;padding:10px;border:1px solid #eee;top: 23px;left: 0;background:#fff;z-index:80;display:none;}
.region_selectbtn_con{}
.region_selectbtn{float:left;height:20px;padding:2px 2px 2px 4px;margin-right:10px;border:1px solid #eee;}
.region_selectbtn .icon-downarrow1{font-size:12px;}
.region_options{padding:20px;}
.region_options a{margin-right:15px;}

.i-Review { border: 1px solid #eeeeee; padding: 20px; padding-bottom: 30px; overflow: hidden; }
.i-Review .rate { float: left; width: 130px; padding-left: 15px;text-align: center; }
.i-Review .rate strong { font-size: 35px; clear: both; display: block; color: #ff5722; font-weight: normal; margin-bottom: 15px; }
.i-Review .rate span { clear: both; display: block; margin-top: -10px; }
.i-Review .percent { float: left; margin-top: 10px; }
.i-Review .percent dl { padding: 2px 0px; overflow: hidden; }
.i-Review .percent dl dt { float: left; width: 70px; font-weight: normal; color: #909090; }
.i-Review .percent dl dd { background: #efefef; float: left; height: 10px; margin-top: 6px; overflow: hidden; width: 100px; }
.i-Review .percent dl dd div { background: #ff5722; height: 10px; overflow: hidden; }
/* ÆÀÂÛÑ¡Ï */

.Review-con{margin-top: 20px;border: 1px solid #eeeeee;overflow: auto;}
.Review-con .go-back { text-align: center; border-top: 1px dashed #ccc; padding: 10px; margin-top: 20px; font-size: 40px; }
.Review-con .wrap {}
.Review-con .tab { margin: 0 auto; }
.Review-con .tab-hd { overflow: hidden; zoom: 1; border-bottom: 1px solid #eeeeee; }
.Review-con .tab-hd li { float: left; width: 150px; color: #313131; height: 30px; line-height: 30px; text-align: center; cursor: pointer; list-style:none;}
.Review-con .tab-hd li em { color: #959595; font-style:normal;}
.Review-con .tab-hd li.active { color: #ff5722; }
.Review-con .tab-hd li.active em { color: #ff5722; }
.Review-con .tab-bd > div { display: none; padding: 0px 20px; }
.Review-con .tab-bd > div.thisclass { display: block; border-bottom: none; }
.ratehearts .icon-xin{color:red;font-size:14px;margin-right:5px;}
.rates_con{padding-bottom: 15px;}
.rates_con .col-xs-12{padding-top: 15px;}

.collocationT{width:1200px;margin:0 auto;border-bottom:1px solid red;}
.collocationT span{display:inline-block;background:red;color:#fff;line-height:36px;padding:0 15px;font-size:16px;}
.collocation_item{float:left;width:160px;margin-right:15px;}
.icon-hao{font-size:32px;float:left;margin:60px 15px 0 0;color:#999;}
.icon-denghao{font-size:32px;float:left;margin:60px 0 0 0;color:#999;}
.collocation_result{float:left;width:160px;padding-top:40px;}
.collocation_result b{font-size:24px;color:red;}

.cart_title{width:1200px;height:40px;background:#f1f1f1;line-height:40px;text-align:center;}
.cart_title .select{float:left;width:80px;}
.cart_title .name{float:left;width:590px;}
.cart_title .price{float:left;width:180px;}
.cart_title .num{float:left;width:170px;}
.cart_title .action{float:left;width:172px;}
.cart_con{width:1200px;border:1px solid #f1f1f1;}
.cart_list{padding:20px 0;overflow:auto;}
.cart_list .select{float:left;width:80px;text-align:center;padding-top:25px;}
.cart_list .img{float:left;width:80px;}
.cart_list .name{float:left;width:500px;padding-left:20px;padding-top:10px;}
.cart_list .price{float:left;width:180px;padding-top:30px;text-align:center;}
.cart_list .num{float:left;width:190px;padding-top:25px;text-align:center;}
.cart_list .action{float:left;width:150px;padding-top:30px;text-align:center;}
.cart_list .num .buynum{width:40px;height: 23px;border: 1px solid #999;vertical-align: top;border-left:0;border-right:0;text-align:center;}
.cart_list .num .iconfont{display: inline-block;
    border: 1px solid #999;
    vertical-align: middle;
    height: 23px;line-height: 20px;
    font-size: 12px;
    width: 23px;}
.cart_list .tip{border:1px solid #ec2f8a;line-height:20px;padding:2px 5px 2px 5px;color:#ec2f8a;border-radius: 3px;}
.cart_list .tip .iconfont{font-size:12px;}

.cart_commodit_settle {
    height: 50px;
    line-height: 50px;
    background: #fafafa;
    border: 1px solid #dcdcdc;
    width: 1198px;
    margin-top: 25px;
}
.cart_commodit_settle .btn-danger{float:right;width: 120px;height:49px;margin-left:30px;background:#ff561a;font-size: 16px;color: #FFF;border-radius:0;}
.cart_commodit_settle p b{color:red;font-size:24px;vertical-align:middle;}

.store_list{border-top:1px solid #eee;padding:20px 0 20px 0;margin-left: 0;margin-right:15px;}
.store_list p{font-size:14px;}
.store_con{margin: 0 15px 0 0;padding:0 30px 30px 30px;font-size:16px;border: 1px solid #eee;}
.store_info p{font-size:14px;}
.store_info .img-thumbnail{margin-top:10px;}
.store_info .col-xs-3{padding-left:15px;}
.store_so{padding-top:10px;padding-bottom:10px;}
.store_so select{height: 24px;vertical-align: middle;}

.miaosha_notstart{margin:0;height:50px;background:#ec2f8a;color:#fff;}
.miaosha_start{margin:0;height:50px;background:#ec2f8a;color:#fff;}
.miaosha_price{float:left;padding-left:10px;font-size:18px;line-height:50px;}
.miaosha_price .icon-miaosha{font-size:18px;}
.miaosha_price b{font-size:24px;}
.miaosha_info{float:left;padding-left:20px;padding-top: 6px;font-size:14px;line-height:18px;}
.miaosha_info em{font-style:normal;text-decoration: line-through;}
.miaosha_time{float:right;height:50px;padding:3px 10px 0 10px;background:#f7f7f7;color:#333;text-align:center;}
.lasttime span{display:inline-block;text-align:center;font-size:14px;line-height:20px;color:red;width:22px;background:#fff;margin:0 4px;border:1px solid #ccc;border-radius:2px;}

.bgwhite{background:#fff;}
.bgnone{background:none;}
.borderb{border-bottom:1px solid #f5f5f5;}
.blue,a.blue{color:blue;}
.red,a.red{color:red;}
.gray,a.gray{color:gray;}
.ml20{margin-left:20px;}