input[type=text] {
    text-align: left;
    padding-left: 30px;
    color: #666;
}
.mask {
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display:none;
}
.find_dialog {
    width: 700px;
    height: 450px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -350px;
}
.find_dialog_title {
    height: 62px;
    background: #14429a;
    color: #fff;
}
.find_dialog_content {
    width: 510px;
    margin: 0 auto;
}
.find_dialog .find_btn {
    width: 360px;
    height: 40px;
    margin-left: 25%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #14429a;
    cursor: pointer;
    border: 0px;
}
.find_dialog_title h3 {
    display: inline-block;
    line-height: 62px;
    margin-left: 20px;
}
.find_dialog_title h4 {
    display: inline-block;
    line-height: 62px;
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
}
.dialog_close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.find_dialog_content .input_wrapper {
    margin: 30px 0;
}
.find_dialog_content .input_wrapper span {
    width: 90px;
    display: inline-block;
    text-align: right;
}
.find_dialog_content input {
    width: 364px;
    height: 48px;
    border: 1px solid #ccc;
    outline: none;
    margin-left: 10px;
}
.find_dialog_content .must {
    color: #f00;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}
.name_tips{
    position: absolute;
    top: 145px;
    left: 50%;
    color: #f00;
    text-align: left;
    margin-left: -130px;
    font-size: 12px;
}
.phone_tips {
    position: absolute;
    top: 225px;
    left: 50%;
    color: #f00;
    text-align: left;
    margin-left: -130px;
    font-size: 12px;
}
.personal_tips{
    position: absolute;
    top: 305px;
    left: 50%;
    color: #f00;
    text-align: left;
    margin-left: -130px;
    font-size: 12px;
}

.find_dialog .find_btn {
    width: 360px;
    height: 40px;
    margin-left: 25%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #14429a;
    cursor: pointer;
    border: 0px;
}
.find_result {
    width: 700px;
    height: 450px;
    background: url(send_success.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -350px;
    background-size: 100% 100%;
    display: none;
}
.confirm_btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e60012;
    cursor: pointer;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -75px;
    border: 1px solid #e60012;
    outline: none;
}
.footer_dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    height: 120px;
    width: 100%;
}
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.person {
    position: absolute;
    bottom: 0;
    left: 230px;
    width: 470px;
    height: 178px;
}
.form {
    position: absolute;
    left: 800px;
    top: 20px;
    color: #FFF;
}
.find_content {
    margin-bottom: 10px;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.find_content input {
    width: 300px;
    height: 35px;
    outline: none;
    text-align: left;
    font-family: "微软雅黑";
    color: #666;
    padding-left: 10px;
}
.phone_val {
    width: 180px;
    height: 35px;
    outline: none;
}
.submit {
    float: right;
    display: block;
    margin-left: 10px;
    width: 108px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #FFF;
    background-color: #e60012;
}



.best-seller{ width: 1200px; margin: 0 auto;}
.best-seller ul{ overflow: hidden;}
.best-seller li{ width: 240px; height: 355px; float: left; position: relative; overflow: hidden;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;}
.best-seller li.open{ width: 480px;}
.best-seller .bg-blue{
	background-image: url(gszc_1.jpg);
	background-repeat: no-repeat;
}
.best-seller .bg-lv{ background: url(gszc_2.jpg) no-repeat;}
.best-seller .bg-h{ background:url(gszc_3.jpg) no-repeat;}
.best-seller .bg-l{ background:url(gszc_4.jpg) no-repeat;}
.best-seller .bg-l strong{ padding-right: 42px;}
.best-seller .bg-l strong i{ right: 0;-webkit-animation-duration: 1.4s;animation-duration: 1.4s;}
.best-seller .bg-lv strong i{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s;}
.best-seller .bg-h strong i{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.best-seller .seller-tit{ width: 240px; height: 355px; padding-top: 40px; text-align: center; color: #fff;}
.seller-tit strong{ font-size: 22px; color: #fff; position: relative;}
.seller-tit strong>i{ position: absolute; top: -14px; right: -42px; background: url(hot_1.png) no-repeat; width: 39px; height: 23px;}
.seller-tit strong>i {
	display: block;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	60% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	60% {
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
.seller-tit p{ padding: 8px 0; font-size:18px;}
.seller-tit .seller-img{ margin: 30px auto 40px; display: block; height: 138px;}
.best-seller li.open .seller-txt{ right: 0;}
.best-seller .seller-txt{ position: absolute; top: 0; right: -240px; width: 240px; height: 355px;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;transition: right 0.3s;}
.best-seller .seller-txt p{ font-size:16px; line-height:30px; margin:0 20px;}
.best-seller .seller-txt p.st_p{ color:#14429a; line-height:40px; border-bottom:1px dashed #b5b5b5; margin-top:50px; font-size:20px}
.best-seller .seller-txt p a{ background:url(gszc_5_5.png) no-repeat; display:block; width:165px; height:32px; text-align:center; line-height:32px; color:#ffffff; font-size:18px; margin:0 auto; margin-top:30px;}
.best-seller .seller-txt p a:hover{ background:url(gszc_5.png) no-repeat;}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
.seller-tit .wow{ margin-top:175px;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}