@charset "utf-8";
.ydjs{ width:285px; height:580px; background:#f2f2f2; border-radius:5px; float:left;}
.ydjs img{ width:285px; height:580px; border-radius:5px;}
.yingdi{ width:915px; height:580px; padding:10px 0 10px 0; margin-top:-10px; overflow:hidden; float:left;}
.yingdi li{ width:283px; height:278px; margin:0 0 20px 20px; background:#FFF; border:1px #f2f2f2 solid; border-radius:5px; overflow:hidden; float:left;}
.yingdi li:hover{ box-shadow:0 0 6px 2px rgba(0,0,0,.10);}
.yingdi span,.yingdi em,.yingdi i{ display:block; font-style:normal;}
.yingdi .tu{ width:566px; height:180px; overflow:hidden;}
.yingdi .tu .tp{ display:inline-block; width:283px; height:180px; overflow:hidden; border-radius:5px; float:left;}
.yingdi .tu .jg{ display:inline-block; height:30px; line-height:30px; background:#FFF; opacity: 0.8; margin:10px 0 0 -273px; padding:0 8px; border-radius:5px; float:left;}
.yingdi p{ width:263px; height:58px; font-size:15px; margin:5px 0 5px 10px; line-height:190%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.yingdi .js{ width:263px; margin-left:10px; font-weight:100;}
.yingdi .js i{ float:right;}
.yingdi .js i font{color:#F00; font-weight:bold;}
.yingdi .js em{ width:145px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.options { display:flex; flex-direction:row; align-items:stretch; overflow:hidden; width:1200px; height:400px;}
.options .option { position:relative; overflow:hidden; min-width:60px; background:var(--optionBackground, var(--defaultBackground, #E6E9ED)); background-size:auto 120%; background-position:center; cursor:pointer; transition:0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.options .option.active { flex-grow:10000; -webkit-transform:scale(1); transform:scale(1); max-width:600px; margin-left:0px; background-size:auto 100%;}
.options .option.active .shadow { box-shadow:inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black;}
.options .option.active .label { bottom:20px; left:20px;}
.options .option.active .label .info>div { left:0px; opacity:1;}
.options .option:not(.active) { flex-grow:1;}
.options .option:not(.active) .shadow { bottom:-40px; box-shadow:inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;}
.options .option:not(.active) .label { bottom:20px; left:10px;}
.options .option:not(.active) .label .info>div { left:20px; opacity:0;}
.options .option .shadow { position:absolute; bottom:0px; left:0px; right:0px; height:120px; transition:0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.options .option .label { display:flex; position:absolute; right:0px; height:40px; transition:0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.options .option .label .icon { display:block; flex-direction:row; justify-content:center; align-items:center; min-width:40px; max-width:40px; height:40px; border-radius:100%; background-color:white; color:var(--defaultBackground);}
.options .option .label .info { display:block; flex-direction:column; justify-content:center; margin-left:10px; color:white; white-space:pre;}
.options .option .label .info>div { position:relative; transition:0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;}
.options .option .label .info .main { display:block; margin-top:-2px; color:#FFF; font-size:16px;}
.options .option .label .info .sub { display:block; margin:0; transition-delay:.1s;}


.body{ width:1200px; margin:0 auto; overflow:hidden;}
.shang{ margin-top:-10px;}
.sybt{ width:1200px; height:70px; line-height:70px; overflow:hidden;}
.sybt h1{ font-size:24px; font-style:normal; margin: 0 10px 0 0; float:left;display:inline;font-weight:500;}
.sybt h2{ font-size:23px; font-style:normal; margin: 0 10px 0 0; float:left;display:inline;font-weight:500;}
.sybt em{ font-size:22px; font-style:normal; margin-right:10px; float:left;}
.sybt font{ color:#999999; font-size:16px; margin-top:3px; float:left;}
.sybt ul{ height:70px; float:right; font-size:16px;}
.sybt li{ height:48px; float:left; margin-left:25px;}
.sybt .active{ border-bottom:2px #ff0033 solid;}
.sybt .active a{ color:#ff0033;}
.sybt .active a:hover{color:#ff0033; text-decoration:none;}
.bian{ height:390px; padding:10px 20px 20px 20px; border:1px #f2f2f2 solid; float:left;}
.bian span{ display:block;}
.bian .bt{ width:100%; height:48px; border-bottom:1px #f2f2f2 solid;}
.bian .bt label{ display:block; font-size:18px; margin:8px 0 0 5px; float:left;}
.bian .bt a{ margin:6px 5px 0 0; float:right;}
.bian ul{ width:100%; overflow:hidden; margin-top:3px;}
.bian li{ width:100%; height:33px; line-height:33px; background:url(../images/yd.png) 0px 11px no-repeat; border-bottom:1px #f2f2f2 solid; overflow:hidden;}
.bian li em{ float:left; padding-left:20px; width:79%; font-weight:normal; font-style:normal; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bian li span{ display:block; float:right; width:15%; text-align:right; color:#999}
.zixun{ width:345px;}
.wenda{ width:343px; margin:0 20px 0 20px;}

.bian li em a:hover{color:#ff0033; text-decoration:none;}


.dbfl{ width:1198px; margin:0 auto; margin-top:20px; overflow:hidden; background:#FFF; border:1px #f2f2f2 solid;}
.dbfl .bt{ width:1198px; height:50px; overflow:hidden;}
.dbfl .bt li{ display:block; height:45px; line-height:50px; margin:0 0 0 20px; font-size:18px; font-style:normal; float:left;}
.dbfl .bt .active{ border-bottom:2px #ff0033 solid; color:#ff0033;}
.dbfl .bt .active:hover{color:#ff0033; text-decoration:none;}
.dbfl .nr{ width:1198px; overflow:hidden; margin:10px 0 0 0;}
.dbfl .nr span{ display:block; padding-bottom:10px; overflow:hidden;}
.dbfl .nr a{ display:block; margin:0 0 7px 20px; float:left;}
.dbfl .nr .normal{ display:none;}

.youshi{ width:1220px; overflow:hidden; color:#FFF; background:#f5f5f5;}
.youshi li{ width:245px; padding:20px; height:205px; margin-right:20px; border-radius:5px; float:left;}
.youshi em{ display:block;text-align: center; font-style:normal; font-size:22px; margin-bottom:5px;}
.youshi font{ font-size:16px;text-align: center;width: 245px;display: inline-block;}
.youshi p{ line-height:180%; text-indent:1em; border-top:1px #FFF dashed; padding-top:10px; margin-top:10px;}
.ys1{ background:#ea4d18;}
.ys2{ background:#ee8c07;}
.ys3{ background:#43ae3c;}
.ys4{ background:#068ad2;}

.wx{
    padding: 0 10px;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
}
.sj{
    padding: 0 10px; 
    border-left: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
}
.sj:hover,.wx:hover { 
    border-bottom: 1px #ff0 solid;
}
.wx em {
    display: block; 
    width: 26px;
    height: 32px;
    background: url(../images/wx.png) 0px 9px no-repeat;
    float: left;
}


.wx span {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 13px;
}


.sj em {
    display: block;
    width: 16px;
    height: 32px;
    background: url(../images/sj.png) 1px 8px no-repeat;
    float: left;
}


.sj span {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 13px;
}
#lan_deff{ 
    position: relative;
}
#lan_sell{
    width: 200px;
    height: auto;
    line-height: 30px;
    border-left: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
    border-right: 1px #eeeeee solid;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fff;
    font-size: 14px;
    color: #464646;
    padding: 5px 0;
    z-index: 999999;
    position: absolute;
    left: 0;
    top: 20px;
    display: none;
    float: left;
}