body{
    margin: 0;
    padding: 0;
    background-color: #ce0027;
}
.wrapper,.wrapper1{
	width:100%;
	position: relative;
}
.wrapper{
	overflow: hidden;
}
.first_bg,.second_bg{
	width: 100%;
	display: block;
}
.wrapper_box{
	width:12rem;
	position: absolute;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
	height: 18.5rem;
}
.wrapper img{
	display: block;
}
.first_top_left{
	position: absolute;
	top: 0.5rem;
	width: 3.36rem;
	left: 0.3rem;
	visibility: hidden;
	animation: slideindown 0.3s ease-out 0.2s;
	z-index: 2;
}
.first_center_left{
	position: absolute;
	top: 2.4rem;
	left: -0.8rem;
	width: 5.73rem;
	visibility: hidden;
	animation: tosmall 0.4s ease-out 0.6s;
}
.first_left{
	animation: fadein 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.8s;
	position: absolute;
	visibility: hidden;
	left: 1.3rem;
	top: 1.56rem;
	width: 3.26rem;
}
.box{
	position: absolute;
	top: 3.8rem;
	left: 4.7rem;
	width: 9.08rem;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: rightwidth 1s ease-out 1.2s;
}
.first_center_left_1{
	width: 9.08rem;
}
.sloganbox{
    position: absolute;
    width: 3.26rem;
    top: 2rem;
    left: 1.3rem;
    visibility: hidden;
    animation: slideindown 0.5s ease-out 0.5s;
    z-index: 2;
}
.sub_title{
	position: absolute;
	width: 6.27rem;
    top: 2.2rem;
    left: -1.1rem;
	visibility: hidden;
	animation: fadein 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s;
}
.sub_title img{
	width: 6.48rem;
}
.first_bg_right2{
	position: absolute;
	top: 7.32rem;
	left: 0.2rem;
	width: 6.49rem;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: tosmall 0.3s ease-out 1.5s;
}
.first_bg_right2 img{
	width: 6.49rem;
}
.sm{
	position: absolute;
	top: 0.22rem;
	left: 0.5rem;
	width: 5.45rem;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: rightwidth 0.5s ease-out 1.8s;
}
.first_bg_right2 .sm img{
	width: 5.45rem;
}
.zjl{
	position: absolute;
	top: 1rem;
	left: 2.5rem;
	width: 2.18rem;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: rightwidth 0.5s ease-out 2.3s;
}
.first_bg_right2 .zjl img{
	width: 2.18rem;
}
.bottom_bg{
	position: absolute;
	bottom: 50px;
	left: 70px;
	visibility: hidden;
	z-index: 1;
	animation: slideinright 0.5s ease-out 1.4s;
}
.bottom_light {
    position: absolute;
    width: 464px;
    height: 53px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.bottom_light:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    left: -30px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    animation: slideinleft2 1s ease-out 2.3s;
}
#pc_bg_03{
	position: relative;
	background-color: #ce0027;
}
#title_search {
  background-image: ;
  position: absolute;
  left: 524px;
  top: 19px;
  background-color: #fff100;
}
#area_form_select{
	position: absolute;
}
/*下拉*/
.select_open{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 40px;
	font-size: 18px;
	color: #000;
}

.select_open.open .dropdown span{
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.dropdown{
	width: 36px;
	height: 36px;
	background: #f18800;
	position: absolute;
	right: 2px;
	top: 2px;

}

.dropdown span{
	background: url(/uploads/image/2images/arrow_down.png)no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	width: 36px;
	height: 36px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	left: 0px;
	top: 0px;
	margin: auto;
	right: 0;
	bottom: 0;
	position: absolute;
}

.tag_select{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	line-height: 32px;
	font-size: 12px;
	cursor: pointer;
	/* border-bottom: 1px solid #fff;
	*/
	left: 0px;
	padding-left: 10px;
	top: 0px;
	font-size: 18px;
	line-height: 40px;
	color: #f18800;
}

.iselect{
	position: relative;
	background: #fff;
	width: 236px;
	height: 40px;
	border: 1px #fff solid;
}

.iselect select{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0; width: 235px; height: 40px;
}

.tag_select_hover{
	color:#541600;
	cursor:pointer;
}
.tag_select_open{
	color:#541600;
	cursor:pointer;
}
ul.tag_options{
	position:absolute;
	margin:0;
	list-style:none;
	padding:0 0 1px 0;
	margin:0;
	width:100%;
	height:auto;
	overflow:hidden;
	overflow-y:auto;
	cursor:pointer;
	z-index:9;
	top: 100%;
	height: 500%;
}
ul.tag_options li{
	background:#fff;
	display:block;
	width:100%;
	height:20%;
	border-top:1px solid #eee;
	padding:0px 10px 0px 10px;
	line-height:40px;
	text-decoration:none;
	color:#f18800;
	font-weight:normal;
	font-size:16px;
	cursor:pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.tag_options li.open_hover{
	font-weight:normal;
	font-size:16px;
	cursor:pointer;
	background: #eee;
}
ul.tag_options li.open_selected{
	font-size:16px;
	background: #eee;
}
/*颜色 字体 高宽 自定义*/
.iselect {
  width: 326px;
  height: 50px;
}
.iselect .select_open .dropdown{
  width: 39px;
  height: 39px;
  background-color: #9d0a0e;
  right: 5px;
  top: 6px;
}
.iselect .select_open .dropdown span{
	background:  no-repeat;
}
.iselect .select_open{
	background-color: #fff;
}
.iselect .select_open .plh , .iselect .tag_select , .iselect ul.tag_options li{
  color: #000;
  font-size: 20px;
  line-height: 50px;
  padding-left: 16px;
}
.iselect .select_open .plh , .iselect .tag_select {
	color: black;
}
/* 各select位置自定义 */
.s1 {
  left: 102px;
  top: 50px;
  position: absolute;
}
.s2{
  left: 434px;
  top: 51px;
  position: absolute;
}
.s3{
  left: 771px;
  top: 51px;
  position: absolute;
}
#btn_search {
  background-image: ;
  position: absolute;
  left: 468px;
  top: 129px;
  cursor: pointer;
}
.btn_center{
	margin: auto;
    text-align: center;
    color: #e60012;
    position: absolute;
    top: 193px;
    left: 0;
    right: 0;
}
#btn_service {
  background:  0px 6px no-repeat;
  position: absolute;
  right: -5px;
  top: 144px;
  cursor: pointer;
  padding-left: 40px;
  line-height: 48px;
  color: #c50018;
  width: 83px;
  height: 47px;
}
#dialogsbg{
  display: none;
  position: fixed;
  z-index: 4;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}

#dialogsbg .dialog{
  margin: auto;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#dialogsbg .btnclose{
	background-image: ;
	background-repeat: no-repeat;
	width: 41px;
	height: 38px;
	position: absolute;
    right: 18px;
    top: -8px;
    cursor: pointer;
}

#dialogsbg .btnclose:active{
	margin-right: -1px;
	margin-top: 1px;
}
#div_shopinfo .path{
  font-size: 20px;
  color: #c00800;
  position: absolute;
  top: 23px;
  left: 12px;
}
#div_shopinfo .path2{
  font-size: 20px;
  color: #c00800;
  position: absolute;
  top: 23px;
  left: 12px;
}
#div_shopinfo .btnclose{
  background-image: ;
  position: absolute;
  width: 46px;
  height: 46px;
  right: 11px;
  top: 11px;
  cursor: pointer;
}

#div_shopinfo{
  height: 600px;
  width: 800px;
  background-color: #faf2dd;
}
#div_content_shopinfo{
  top: 70px;
  left: 11px;
  width: 742px;
  height: 514px;
  position: absolute;
}
#div_content_shopinfo ul{ width: 742px;height:100%;background: #be0f0f; position: absolute; border: 1px solid #730404; color: #fff; font-size: 14px; list-style: none; padding:0;}
#div_content_shopinfo ul li{ width:100%; height: 40px; line-height: 40px;white-space: nowrap; float: left;}
#div_content_shopinfo ul span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: center; height: 40px; float: left; border-bottom: 1px solid #730404}
#div_content_shopinfo ul li .r1{width: 230px;border-right: 1px solid #730404;}
#div_content_shopinfo ul li .r2{width: 500px;padding: 0 5px;}
#div_content_shopinfo ul li .r3{ width: 0px; }
#div_content_shopinfo ul li .r5{ width: 320px; }
#div_content_shopinfo ul li .r4{ width: 420px; }
#div_content_shopinfo ul li .r4 a{ color:white;text-decoration: none; }

#div_shopinfo .nicescroll-rails{
	margin-left: 32px;
	width: 15px!important;
	background:  7px 0px repeat-y;
}
#div_shopinfo .nicescroll-cursors{
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#f8782b), to(#be0f0f))!important;
	width: 15px!important;
	background:-moz-linear-gradient(0% 0% 270deg, #f8782b,#bf100f)
}
@keyframes slideinleft
{
from {transform: scale(0.8) translatex(-250px); opacity: 0.5; visibility: hidden;}
to {transform: scale(1) translatex(0px); opacity: 1; visibility: visible;}
}
@keyframes slideinright
{
from {transform: scale(0.8) translatex(250px); opacity: 0.5; visibility: hidden;}
to {transform: scale(1) translatex(0px); opacity: 1; visibility: visible;}
}
@keyframes fadein
{
from {opacity: 0; transform: scale(0.3); visibility: hidden;}
to {opacity: 1; transform: scale(1); visibility: visible;}
}
@keyframes tosmall
{
from {opacity: 0; transform: scale(1.3) translatex(10px); visibility: hidden;}
to {opacity: 1; transform: scale(1) translatex(0); visibility: visible;}
}
@keyframes slideindown
{
from {opacity: 0; transform: scale(0.3) translatey(-150px); visibility: hidden;}
to {opacity: 1; transform: scale(1) translatey(0px); visibility: visible;}
}
@keyframes slideinleft2
{
from {left:-30px; visibility: hidden;}
to {left: 150%; visibility: visible;}
}
@keyframes rotatein
{
from {transform: translatex(150px);visibility: hidden;}
to {transform:translatex(0);visibility: visible;}
}
@keyframes rightwidth
{
from {width: 0px;visibility: hidden;}
to {width:100%;visibility: visible;}
}