html{font-family: microsoft YAHEI;}
a{text-decoration: none;}

.w1210{width: 1210px;}
.w1300{width: 1300px;}
.w948{width: 948px;}
.w244{width: 244px;}
.fyh{font-family: microsoft YAHEI;}

/*special padding*/
.pl18{padding-left: 18px;}
.hlh40{height: 40px;line-height: 40px;}

.col2{color: #222;}
.col3f{color: #3f3f3f;}
.col2a{color: #2a2a2a}
.col67{color: #676767;}
.col8{color: #888;}
.colb0{color: #b0b0b0;}
.colb{color: #bbb;}
.colae{color: #aeaeae;}
.colblue{color: #7db1fc;}
.colblack{color: #000;}
.colred{color: #f15959;}

.bgcred{background-color: #f15959;}
.bgcgray{background-color: #aaa7a7;}
.bgcblue{background-color: #7db1fc;}
.bgcf{background-color: #fff;}
.bgcTitle{background-color: #f1f4f6;}
.bgc3f{background-color: #3f3f3f;}
.bgcf8{background-color: #f8f8f8;}
.bgcf9{background-color: #f9f9f9;}
.bgcdc{background-color: #dcdcdc;}
.bgce{background-color: #eee;}

.bbred2{border-bottom: 2px #f15959 solid;}
.bbe6{border-bottom: 1px #e6e6e6 solid;}
.bbd0{border-bottom: 1px #d0d0d0 solid;}
.bbde{border-bottom: 1px #eee solid;}
.bbte{border-top: 1px #eee solid;}
.bode6{border: 1px #e6e6e6 solid;}
.bn{border: none;}

.input_label{}
.input_label input,.input_label textarea{border: none;background: none;width: 100%;height: 100%;outline: none;margin-top: -1px;}
.select{display: block;height: 100%;border: none;background: none;width: 100%;}

.Search{background-color: #bf1b22;padding: 2px;overflow: hidden;float: left;}
.Search .input_label{float: left;height: 25px;background-color: #fff;width: 233px;}
.Search .submit_label{float: left;color: #fff;line-height: 25px;padding: 0 1em;}

.Search2{border: 1px #e6e6e6 solid;height: 27px;overflow: hidden;display: inline-block;line-height: 27px;}
.Search2 .input_label{width: 234px;float: left;float: left;}
.Search2 .submit_label{float: left;padding: 0 1em;border-left: 1px #e6e6e6 solid;background-color: #f9f9f9;}

/*.Table - border*/
.Table.tableBorder,.Table.tableBorder td{border: 1px #e6e6e6 solid;}
.Table .noBorder td{border: none;}
/*.Table - td's height*/
.Table .tdh38 td{height: 38px;}
.Table .tdh42 td{height: 42px;}
.Table .tdh60 td{height: 60px;}

/*Navtab - style*/
.Navtab{overflow: hidden;}
.Navtab .tab{float: left;}
.Navtab .tab .bb{display: inline-block;border-bottom: 2px transparent solid;}
/*Navtab - height & lineheight*/
.Navtab.hlh30{height: 30px;line-height: 28px;}
.Navtab.hlh30 .tab .bb{height: 28px;}
.Navtab.hlh35{height: 35px;line-height: 33px;}
.Navtab.hlh35 .tab .bb{height: 33px;}
/*Navtab - active color*/
.Navtab .tab.active .bb{border-bottom: 2px #f15959 solid;}
.Navtab .tab.active .bb.col{color: #f15959;}
/*Navtab - padding left & right*/
.Navtab .tab .br{padding: 0 30px;}
.Navtab .tab .br.pl0{padding-left: 0;}
/*Navtab - tab border right*/
.Navtab .tab .br{border-right: 1px #c6c6c6 solid;}
.Navtab .tab .br.bn{border-right: none;}

/*个人中心 - 左边菜单*/
.leftMenu{width: 238px;border: 1px #e8e8e8 solid;}
.leftMenu .head{background-color: #f9f9f9;color: #7db1fc;border-bottom: 1px #e8e8e8 solid;font-size: 18px;padding-left: 58px;padding-top: 15px;padding-bottom: 15px;}
.leftMenu .menuGroup{margin-bottom: 25px;}
.leftMenu .menuGroup .title{color: #222;font: 14px;padding-left: 58px;position: relative;margin-bottom: 10px;}
.leftMenu .menuGroup .title:before{content: "";position: absolute;width: 6px;height: 6px;top: 50%;margin-top: -2px;background-color: #7db1fc;left: 37px;}
.leftMenu .list{padding-top: 10px;padding-bottom: 10px;padding-left: 58px;font-size: 13px;}
.leftMenu .list a{color: #888;}
.leftMenu .list a:hover{text-decoration: underline;}
.leftMenu .list.active{background-color: #7db1fc;}
.leftMenu .list.active a{color: #fff;}
.leftMenu .list.active a:hover{text-decoration: none;}

/*Pop - */
.Popwrap{background-color: #fff7f7;border: 1px #fbcdcd solid;position: absolute;padding: 7px 5px;}
.Popwrap .arrow{position: absolute;width: 16px;height: 16px;left: 50%;top: -16px;margin-left: -8px;}
.Popwrap .arrow:before{content: "";position: absolute;border: 8px transparent solid;border-bottom: 8px #fbcdcd solid;left: 0;top: 0;}
.Popwrap .arrow:after{content: "";position: absolute;border: 8px transparent solid;border-bottom: 8px #fff7f7 solid;left: 0;top: 1px;}

/*Pages*/
.Pages{line-height: 38px;}
.Pages:after{content: "";display: block;clear: both;}
.Pages .wrap{float: left;}
.Pages .wrap:after{content: "";display: block;clear: both;}
.Pages .page{border: 1px #d5d5d5 solid;background-color: #fff;color: #888;width: 38px;height: 38px;text-align: center;cursor: pointer;margin-left: -1px;float: left;}
.Pages .page:hover,.Pages .page.active,.Pages .page.arr-l:hover,.Pages .page.arr-r:hover{background-color: #f15959;color: #fff;}
.Pages .page.arr-l,.Pages .page.arr-r{color: #d5d5d5;font-size: 12px;}
.Pages .page.dot{border-color: transparent;margin-left: 0;cursor: default;}
.Pages .page.dot:hover{background-color: #fff;color: #888;}
.Pages .to{border: 1px #d5d5d5 solid;background-color: #fff;color: #888;width: 38px;height: 38px;text-align: center;display: inline-block;vertical-align: middle;}

/*Bread*/
.Bread a,.Bread span{color: #3f3f3f;}
.Bread a:hover{text-decoration: underline;}
.Bread code{padding: 0 5px;color: #3f3f3f;}

/*Cart*/
.Cart{border: 1px #e6e6e6 solid;padding: 3px 4px;background-color: #fff;color: #888;cursor: pointer;}
.Cart span{vertical-align: middle;padding: 0 2px;}

/*Footer*/
.Footer .foot1 .wrap{padding-left: 100px;}
.Footer .foot1 .wrap .item{margin-right: 160px;}

/*Header*/
.Header .nav{border-right: 1px #888 solid;padding: 0 15px;}
.Header .nav.bn{border: none;}
.Header .nav a{color: #888;}
.Header .nav a:hover{text-decoration: underline;}
.Header .logoWrap{}
.Header .searchWrap{margin-left: 200px;margin-top: 20px;}
.Header .cartWrap{margin-right: 61px;margin-top: 17px;}
.Header .linkWrap{margin-right: 40px;margin-top: 55px;}

/*icon-star*/
.icon-star.active::before{content: "\e609";}


/*cbStyle*/
.cbStyle:checked+label::before{content: "\e60e";color: #f15959;}
/*radioStyle*/
.radioStyle:checked+label::before{content: "\e610";color: #f15959;}


/*timeLine*/
.timeLine{position: relative;height: 100px;}
.timeLine:before{content: "";position: absolute;height: 8px;background-color: #d9d9d9;width: calc(100% - 106px);top: 28px;left: 45px;z-index: 0;}
.timeLine:after{content: "";position: absolute;height: 8px;background-color: #f15959;top: 28px;left: 45px;z-index: 1;}
.timeLine .txt{height: 20px;line-height: 20px;}
.timeLine .timeItem{position: absolute;width: 106px;z-index: 2;}
.timeLine .dotWrap{color: #d9d9d9;}
.timeLine .dotWrap:hover .tip{opacity: 1;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);-webkit-transition: all .4s ease;transition: all .4s ease;}
.timeLine .dot{background-color: #fff;border-radius: 100%;}
.timeLine .tip{position: absolute;background-color: #7db1fc;font-size: 12px;color: #fff;left: 50%;-webkit-transform: translate(-50%, 10px);transform: translate(-50%, 10px);min-width: 78px;top: 30px;opacity: 0;}
.timeLine .tip:before{content: "";border: 6px transparent solid;border-bottom: 6px #7db1fc solid;position: absolute;top: -12px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.timeLine .tip .inner{padding: 3px 4px;}

.timeLine .item0{left: 0;}
.timeLine .item1{left: calc(33% - 53px);}
.timeLine .item2{left: calc(66% - 53px);}
.timeLine .item3{right: 0;}
.timeLine.finish1:after{width: 0;}
.timeLine.finish2:after{width: calc(33% - 53px);}
.timeLine.finish3:after{width: calc(66% - 53px);}
.timeLine.finish4:after{width: calc(100% - 106px);}
/*.timeLine.finish1 .item0 .dot,.timeLine.finish2 .item1 .dot,.timeLine.finish3 .item2 .dot,.timeLine.finish4 .item3 .dot{color: #f15959}*/
.timeLine.finish1 .item0 .dot,
.timeLine.finish2 .item0 .dot,.timeLine.finish2 .item1 .dot,
.timeLine.finish3 .item0 .dot,.timeLine.finish3 .item1 .dot,.timeLine.finish3 .item2 .dot,
.timeLine.finish4 .item0 .dot,.timeLine.finish4 .item1 .dot,.timeLine.finish4 .item2 .dot,.timeLine.finish4 .item3 .dot{color: #f15959;}

.Banner .loginWrap{width: 1210px;position: absolute;left: 0;top: 0;left: 50%;margin-left: -605px;}
.Banner .loginWrap .inner{position: absolute;top: 119px;right: 20px;}

/* page(分页) */
.page a {
	color: #888;	
}
.page_num {
	display: inline-block;
}
.page_num a {
	display: inline-block;
	padding-right: 20px;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin-left: -5px;
}
.page .active {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	margin-left: -5px;
	background-color: #f15959;
}
.page .icon-arrow-l {
	border: 1px solid #d5d5d5;
	margin-right: 40px;
}
.page .icon-arrow-r {
	border: 1px solid #d5d5d5;
}
.page input {
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid #d5d5d5;
	background-color: #fff;
}