@charset "utf-8";

/* CSS Document */
body,div,p,dl,dt,dd,ul,ol,li,form,input,H1,H2,H3,H4,H5{margin:0; padding:0;}
html,body {font-family:微软雅黑; color:#333; background:#fff; position:relative; font-size:14px;}
body{ margin:0 auto;}
ol,ul{list-style:none;}
img{border:0; -ms-interpolation-mode:bicubic;}
img.img0 { -ms-interpolation-mode:bicubic;}
h1,h2{font-weight:normal;}

a{text-decoration:none; outline:none; cursor:pointer; color:#333; transition:border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
a:active {star:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline; cursor:pointer; color:#9b0200;}

input[type="button"],input[type="submit"],input[type="reset"],button { -webkit-appearance:none; appearance:none; outline:none;} 
i,em{font-style:normal;}
.wrap{width:100%;padding-bottom:60px;}
.relative{position:relative; left:0; top:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.fl{float:left;}
.fr{float:right;}
.c666{color:#666;}
.c999{color:#999;}
.czhuse{color:#ffbe00;}
.cred{color:#e3253f;}
.m_t{margin-top:20px;}
span.loadmore {display:block; border:#d1d1d1 1px solid; height:40px; margin:10px auto; width:98%; line-height:40px; text-align:center; color:#333333; text-decoration:none; }
.red{color:red}
.width100 {width:100%;}
.price{font-size:16px;color:#c40000;}
.text-hide-ell{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-hide{overflow:hidden;white-space: nowrap;}

.bderbtn12{border-bottom:12px solid #f4f4f8;}

/* = 分页
------------------------------------------ */
.page {
    margin: 10px 0;
	padding:10px 0px;
	background:#f5f5f5;
	text-align:center;
	font-size:12px;
	border: 1px solid #e4e4e4;
    *zoom: 1;
}
.page:before,
.page:after {
    display: table;
    content: "";
}
.page:after {
    clear:both;
}
.page a,
.page span {
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    color: #333;
	border: 1px solid #e4e4e4;
	margin:1px;
}
.page a:hover
 {
    text-decoration: none;
}
.page .current {
	background: #ff7101;
	color:#fff;
}
.page .next,
.page .prev {
}
.page .rows {
	border-right: 1px solid #CCCCCC;
}

/*按钮样式*/
.button{display:block;width:120px;height:36px;font-size:16px;line-height:36px;text-align:center;color:#2B2B2B;background:#f0a818;font-weight:600; border-radius: 5px;border:none; }
.loading{display:block;margin:20px auto;color:#fff;font-size:12px;background:url("../images/loading.gif") no-repeat left center; background-size:100%; width:50px;height:50px;}



/* 提醒框 */
.alert {
	color: #c09853;
	font-weight: bold;
	border: 1px solid #fbeed5;
	background-color: #fcf8e3;
	position: fixed;
}
.alert .alert-title{
	height:30px;line-height:30px;text-align:center;background: #fafafa;border-bottom: 1px solid #ddd;color: #666;font: 14px/34px 微软雅黑;position:relative;
}
.alert .close {
    font: bold 20px/20px arial;
	color: #c09853;
}
.alert .close:hover {
	font-size:22px;
}
button.close {
    padding: 0;
    cursor: pointer;
    border: 0 none;
	background: none;
}
.close {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 0 1px 0 #ffffff;
}
.alert-info {
	background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.alert-error {
	color: white;
	border-color: #eed3d7;
	background-color: #FF6666;
}
.alert-success {
    color: #468847;
    background-color: #CCFF99;
    border-color: #eed3d7;
}
#top-alert {
    display:none;
    top: 50%;
    z-index: 999999;
	margin-top: -150px;
	padding-bottom: 12px;
    overflow: hidden;
    font-size: 16px;
	width: 300px;
	height: 150px;
	left: 50%;
	margin-left: -150px;
}
#top-alert .close{
	position:absolute;right:1px;top:2px;
}
.alert-content{
	margin-left: 14px;
    max-width:600px;
	padding:10px;
    word-wrap: break-word;
    word-break: break-word;
}
/*模态框*/
.my-modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .15);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#26000000, endcolorstr=#26000000);
}
.my-modal-box {
    box-sizing: border-box;
    width: 500px;
    margin: 200px auto;
    padding: 50px;
    background: #fff;
    border-radius: 4px;
    position: relative;
}
.my-modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    cursor: pointer;
}
.my-modal-header {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.my-modal-box .submit{
    width: 100%;
}
/*登录、注册表单*/
.form input {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    padding: 0;
}
.form {
    width: 400px;
    margin: auto;
}
.item-input {
    box-sizing: border-box;
    height: 40px;
    padding-left: 40px;
    padding-right: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #cfcfcf;
    background: url("../images/mobile.png") 8px center no-repeat;
    transition: all 0.3s;
}
.item-input.focus{
    border-color: #a00;
}
.error-msg {
    height: 30px;
    line-height: 30px;
    color: red;
    font-size: 12px;
}
.img-code-input {
    background-image: url("../images/imgcode.png");
    width: 300px;
    float: left;
    margin-right: 10px;
}
.imgcode{
    width: 90px;
    height: 40px;
}
.vertify-code-input {
    background-image: url("../images/vertifycode.png");
    width: 300px;
    float: left;
    margin-right: 15px;
}
.pwd {
    background-image: url("../images/pwd.png");
}
button {
    height: 40px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.submit {
    width: 120px;
    background: #a00;
    color: #fff;
    font-size: 18px;
}
button:disabled {
    background: #6b6b6b;
    color: #fff;
    cursor: not-allowed;
}
.form-more {
    margin: 20px auto;
}
.form-more .reg-log {
    color: #999;
    float: left;
}
.form-more .reg-log a {
    color: #a00;
}
.fast-login, .forget {
    color: #999;
    float: right;
    margin-left: 20px;
}
/*三方登录*/
.third-party {
    position: relative;
    text-align: center;
    color: #999;
}
.third-party a {
    color: #999;
    text-decoration: none;
}
.third-party:before, .third-party:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    width: 70px;
    height: 1px;
    background: #999;
}
.third-party:after {
    right: 0;
}
.third-party .title {
    font-size: 16px;
}
.third-party-item {
    display: inline-block;
    margin: 30px 40px;
}
.third-party-item img {
    width: 50px;
    height: 50px;
}