@charset "utf-8";

@import url(/static/comm/css/page.m.css?v=2112011031);
@import url(/static/c2c/search/index/searchform.m.css?v=2303011422);
@import url(/static/comm/css/win.w.css);

#app {
	/*min-width: 360px;*/
}

#header {
	background-color: #fff;
	height: 50px;
	flex-basis: 50px;
}
#header #title{
	color: #000;
	line-height: 50px;
}
#back,#searchIn,#home{
	font-size: 14px;
	width: 28px;
	flex-basis: 28px;
	height: 28px;
	line-height: 32px;
	text-align: center;
	background-color: #EFEFEF;
	border-radius: 14px;
	padding: 0;
}
#back{
	color: #505050;
	margin: 11px 15px;
}
#searchIn {
	margin: 11px 0;
	background: url("/static/img/trade/search.png") #EFEFEF;
	background-size: cover;
}
#home{
	margin: 11px 15px 11px 10px;
	background: url("/static/img/trade/home.png") #EFEFEF;
	background-size: cover;
}

#homemenu{
	width: 100%;
	height: 100%;
}
#homemenu span{
	display: none;
}
#home .dropdown-menu{
	right: -6px;
}

#header > .title ,#searchLine{
	display: flex;
	align-items: center;
	flex: 1;
}
#searchLine form{
	width: 100%;
	height: 28px;
	position: relative;
}
#searchLine #key{
	width: 100%;
	height: 100%;
	border-radius: 14px;
	border: 1px solid #EC5A24;
	padding-right: 25px;
}
#searchLine #key::-webkit-input-placeholder{
	color: #C8C8C8;
}
#searchLine i{
	position: absolute;
	font-size: 12px;
	right: 10px;
	top: 8px;
	color: #C1272D;
}
.glyphicon{
	color: #646464;
}

#nav{
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
	display: flex;
	background-color: #EFEFEF;
	border-radius: 10px 10px 0 0;
}

#navInfo{
	width: 80%;
	height: 100%;
	float: left;
	display: flex;
	flex: 1;
}

#navInfo>li{
	height:100%;
	float: left;
	flex: 1;
}

#navInfo .dLabel{
	display: block;
	height: 44px;
}
#navInfo > li .dLabel > span {
	float: left;
}
#navInfo > li .dLabel > span.caret {
	margin-top: 20px;
	margin-left: 5px
}
#sortText.on,#typeText.on,#otherText.on{
	color: #C81414!important;
}
#typeText, #sortText,#otherText {
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	color: #122E67;
}

#navInfo a:hover{
	color: #122e67;
}
.bided {
	width: 100%;
	height: 100%;
	padding: 0;
}
.bided.on{
	color: #ff0000;
}
.btn-link{
	color: #122e67;
}

.btn-link:focus{
	text-decoration: none;
}
#typeList a:hover{
	color: #333;
	background: white;
}
#typeList .all{
	width: 100%;
}
#cidTab .on{
	color: #ff0000;
}
#mainContent{
	flex: 1;
	overflow-y: scroll;
	background: #EFEFEF;
}
#innerCt{
	padding: 3%;
	padding-top: 0;
}

.leftFont{color: #999999}
.item{
	display: block;
	width: 48.5%;
	margin: 0 3% 3% 0;
	float: left;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.item:hover{border-color: #ff0000}
.item:nth-child(2n){
	margin-right: 0;
}
.headImg{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.headImg img{
	width: 100%;
}
.todayEnd{
	width: 20px;
	height: 20px;
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #ff9600;
	padding: 3px;
	color: #fff;
}
.myChecked,.fastBidEndTime{
	width: 100%;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	font-size: 12px;
	color: white;
	text-align: center;
	line-height: 25px;
}
.fastBidEndTime span{
	margin: 0 3px;
}
.contentInfo{position: relative; }
.contentInfo p{margin-bottom: 0}
.contentInfo .checked{color: #960000!important;}
.contentInfo .priceLine{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contentTitle{margin: 5px 6px 10px 6px;height: 36px;line-height: 18px;overflow: hidden;font-family: "Microsoft Yahei";word-break: break-word;}
#mainContent a{
	color: #000;
}
#mainContent a:visited{
	color: #949494;
}
.contentTitle > span {
	float: left;
}
.contentInfo .endTime,.contentInfo .priceLine{padding:0 6px;height: 24px;line-height: 24px;font-family: "microsoft yahei";font-size: 12px;clear: both}
.titleWeight{font-weight: bold}
.titleStyle{font-style: italic}
.titleDecoration{text-decoration: underline}

.contentInfo .priceLine .unit{color: #FF0000;}
.contentInfo .priceLine .price{color: #FF0000;display: inline-block;font-size: 16px;margin-left: -4px}
.contentInfo .priceLine .leader{color: #333}
.contentInfo .priceLine .bidNum{color: #949494}

.contentInfo .endTime .end{color: #212121;float: left;margin-left: -1px}
.contentInfo .endTime .end span{
	margin: 0 3px;
}
.contentInfo .endTime .icons{
	height: 13px;
	border-radius: 6px;
	padding: 2px 4px;
	margin-top: 6px;
	background-color: #FFF3F1;
	float: right;
}
.contentInfo .endTime .icons i{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(/static/img/c2c/icon_c2c.png);
	transform: scale(0.5);
	transform-origin: right top;
	position: relative;
	margin-left: -5px;
}
.contentInfo .endTime .icons i:first-child{
	margin-left: -8px;
}

.contentInfo .endTime .icons i.cx{background-position: 0 -36px;}
.contentInfo .endTime .icons i.seven{background-position: -32px -36px;}
.contentInfo .endTime .icons i.postfree{background-position: -48px -36px;}
.contentInfo .authorInfo{
	height: 24px;
	line-height: 24px;
	background-color: #E1E1E1;
	border-radius: 0 0 10px 10px;
	padding: 0 6px;
	font-size: 12px;
}
.authorInfo .author{
	float: left;
	color: #323232;
}
.authorInfo .author img{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	float: left;
	margin-top: 4px;
	margin-right: 2px;
}
.authorInfo .viewNum{
	float: right;
	color: #949494;
}
.authorInfo .viewNum span{
	color: #000;
	margin-right: 3px;
}
.authorInfo .authorName{
	float: left;
	display: inline-block;
	max-width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btnLine{
	padding-top: 4px;
}
.btnLine button.btn{
	width: 100%;
	height: 44px;
	border-radius: 10px;
	padding: 0;
	border: none;
	font-size: 16px;
}
.btnLine button.btn:disabled{
	background: #CACACA;
	color: #fff;
}

.sold ,.failSell{
	width: 45%;
	float: right;
	position: relative;
	margin-top: -28%;

}
.sold img,.failSell img{
	width: 100%;
}

.prevNext {
	display: flex;
	width: 100%;
    margin-top: 20px;
}
.prevNext > button {
	flex: 1;
	height: 40px;
}

#nav .dropdown-menu {
    background-color: #45494C;
    color: #fff;
    min-width: unset;
	margin: 0;
    padding: 0;
    border: 0;
}
#nav .dropdown-menu>li, #nav .dropdown-submenu>li {
    border-bottom: 1px solid #383838;
    height: 34px;
    line-height: 33px;
    color: #fff;
    padding: 0 10px;
    position: relative;
}
#nav .dropdown-menu>li:LAST-CHILD,#nav .dropdown-submenu>li:LAST-CHILD {
    border-bottom: 0;
}
#nav .dropdown-menu>li>a {
    color: #fff;
    display: inline-block;
    padding: 3px 10px 3px 30px;
    width: 100%;
}
#nav .dropdown-menu>li>a:focus, #nav .dropdown-menu>li>a:hover {
    text-decoration: none;
    background: none;
}
#nav .dropdown-menu>li > i {
	position: absolute;
	right: 0;
    padding: 9px;
    top: 0;
}
#nav .dropdown-menu>li > i.glyphicon-menu-left{
	left: 0;
	right: unset;
}
#nav .dropdown-submenu {
	position: relative;
	background-color: #45494C;
	border-radius: 4px;
	max-width: 115px;
	width: 115px;
    position: absolute;
    right: -117px;
    display: none;
	top: 0;
}
#nav .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #45494C;
    position: absolute;
    top: -10px;
    right: 46px;
}
#nav #sortNav::BEFORE {
	right: 55px;
}
#nav #otherNav{
	width: 110px;
	left: -25px;
}
#nav #otherNav::BEFORE {
	right: 45px;
}
#nav .dropdown-menu.noIcon {
	width: 130px;
}
#nav .dropdown-menu.noIcon>li>a {
	text-align: center;
}
#nav #navInfo .dropdown-menu>li>a {
	padding: 3px 10px;
}
#nav #navInfo .dropdown-menu>li>a.on {
	color: #C81414;
}
#nav #typeList {
    width: 130px;
}
#nav #typeList::BEFORE {
	right: 55px;
}
#nav #typeList .dropdown-submenu>li {
	padding: 0px 13px;
}
#nav #typeList .dropdown-submenu>li.on {
	color: #C81414;
}

#sortNav>li.on a,#otherNav>li.on a ,#certNav>li.on{
	color: #C81414;
}
#sortNav>li .glyphicon{
	color: unset;
	font-size: 12px;
}
#nav #certNav{
	width: 100px;
	right: unset;
	left: -101px;
}
#today ,.cert{
    padding: 0 10px;
}
.reward {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/static/img/c2c/icon_c2c.png') -143px -36px;
	position: absolute;
    right: 6px;
    top: -28px;
}

#fastBid.win,#checkNoteWin.win{
	display: none;
	width: 92%;
	height: auto;
}
.popUp{
	width: 100%;
	border-radius: 10px;
}
.popHead{
	background-color: #fff;
	border-radius: 10px 10px 0 0;
}
.popTitle{
	color: #323232;
	font-size: 20px;
}
.popHead i{
	background-image: none;
	color: #E2393C;
	opacity: 0.5;
	font-size: 16px;
}
#fastBid p{
	margin: 0;
}
#fastBid .confirmMsg{
	font-size: 16px;
	padding: 0 20px;
}
#fastBid .priceText{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 10px 0;
}
#fastBid .priceText p{
	width: 24px;
	height: 40px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #FBF8DC;
	border: 1px solid #E0DC95;
	color: #323232;
	margin-right: 1px;
}
#fastBid .priceText p span:last-child{
	font-size: 16px;
	font-family: "Microsoft YaHei";
	color: #C81414;
}
#fastBid .otherFees{
	height: 60px;
	background: #FEF4F4;
	font-size: 12px;
	text-align: center;
	padding: 13px 0;
}
#fastBid .btn{
	width: 100%;
	height: 46px;
	background: #C81414;
	font-size: 18px;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#checkNoteWin .boxMsg{
	padding: 0 20px 10px 20px;
	line-height: 25px;
	height: 500px;
	overflow-y: auto;
}
#checkNoteWin .boxMsg p{
	text-indent: 17px;
	margin: 0;
}
#checkNoteWin .popTitle{
	color: #F15A24;
}

#showRule:before{
	content: "\E040";
}

#prevNext > .btns > .btn{
	background-color: #fff;
}