/*首页*/
.tuijian{float:left;width:1250px;text-align:left;margin:15px 0 0 0;}
.tuijian .tjleft{float:left;width:288px;}
.tuijian .tjleft .cap{float:left;font-size:18px;}
.tuijian .tjleft .list{float:left;height:544px;background-color:#fff;padding:7px 0 0 0;margin:10px 0 0 0;transition: all  .25s  ease-in;}
.tuijian .tjleft .list .u1{float:left;height:40px;margin:7px 20px;width:248px;line-height:40px;}
.tuijian .tjleft .list .u1 li{float:left;}
.tuijian .tjleft .list .u1 .l1{width:35px;}
.tuijian .tjleft .list .u1 .l1 span{float:left;width:20px;margin:10px 0 0 0;line-height:20px;text-align:center;border-radius:3px;color:#999;background-color:#ebeef4;}
.tuijian .tjleft .list .u1 .l1 .s1{color:#fff;background-color:#da3932;}
.tuijian .tjleft .list .u1 .l1 .s2{color:#fff;background-color:#da3932;}
.tuijian .tjleft .list .u1 .l1 .s3{color:#fff;background-color:#da3932;}
.tuijian .tjleft .list .u1 .l2{width:45px;}
.tuijian .tjleft .list .u1 .l2 img{height:34px;width:34px;padding:1px;border-radius:36px;border:#f3f3f3 solid 1px;}
.tuijian .tjleft .list .u1 .l3{width:168px;font-size:14px;}
.tuijian .tjleft .list:hover{box-shadow:-5px 5px 20px #ECECEC;}
.tuijian .tjleft .u2{float:left;margin:15px 0 0 0;background-color:#fff;height:96px;width:288px;transition: all  .25s  ease-in;}
.tuijian .tjleft .u2 li{float:left;}
.tuijian .tjleft .u2 .l1{width:168px;padding:18px 0 0 22px;}
.tuijian .tjleft .u2 .l1 .s1{float:left;font-size:16px;font-weight:700;color:#666666;line-height:35px;}
.tuijian .tjleft .u2 .l1 .s2{float:left;clear:both;color:#999;}
.tuijian .tjleft .u2 .l2{width:98px;margin:18px 0 0 0;}
.tuijian .tjleft .u2 .l2 img{border-radius:57px;border:#f9c4c2 solid 1px;}
.tuijian .tjleft .u2:hover{box-shadow:-5px 5px 20px #ECECEC;}
.tuijian .tjshopcap{float:left;font-size:18px;margin:0 0 0 14px;width:948px;}
.tuijian .tjshop{float:left;background-color:#fff;margin:10px 0 0 14px;width:430px;padding:15px 15px 0 15px;transition: all  .25s  ease-in;height:199px;}
.tuijian .tjshop .tx{float:left;width:99px;height:102px;background-color:#fafafa;    margin-top: 10px;}
.tuijian .tjshop .tx img{position: absolute;margin-top: -69px;width:60px;height:60px;border-radius:66px;margin-left: 5px;border:#7ebdfa solid 2px;}
.tuijian .tjshop .u1{float:left;width:230px;height:102px;background-color:#fafafa;}
.tuijian .tjshop .u1 li{float:left;}
.tuijian .tjshop .u1 .l1{width:230px;font-size:15px;font-weight:700;margin:15px 0 5px 0;}
.tuijian .tjshop .u1 .l2{width:230px;}
.tuijian .tjshop .u1 .l2 span{float:left;}
.tuijian .tjshop .u1 .l2 .s1{margin:1px 0 0 0;}
.tuijian .tjshop .u1 .l2 .s2{color:#99a6c4;margin:0 0 0 5px;}
.tuijian .tjshop .u1 .l2 .s3{clear:both;color:#999;margin:7px 0 0 0;}
.tuijian .tjshop .u1 .l2 .s3 strong{color:#de373e;font-weight:500;}
.tuijian .tjshop .sc{float:left;height:70px;background-color:#fafafa;width:70px;margin-left: 20px;    margin-top: 15px;}
.tuijian .tjshop .sc a{float:left;color:#333333;line-height:22px;border:#e5e5e5 solid 1px;background-color:#fcfcfc;    padding: 3px 9px 2px 7px;
    margin: 0 0 8px 0;clear:both;}
.tuijian .tjshop .sc a:hover{background-color:#f2f2f2;}
.tuijian .tjshop .u2{float:left;width:430px;margin:11px 0 0 0;}
.tuijian .tjshop .u2 li{float:left;}
.tuijian .tjshop .u2 .l1{line-height:15px;width:66px;font-size:13px;}
.tuijian .tjshop .u2 .l2{border-top:#eeeeee solid 1px;margin:7px 0 0 0;width:364px;}
.tuijian .tjshop .d1{float:left;width:430px;margin:5px 0 0 0;}
.tuijian .tjshop .d1 .s1{float:left;line-height:19px;width:430px;color:#ff4400;overflow:hidden;height:19px;margin:5px 0 0 0;}
.tuijian .tjshop .d1 a{color:#666666;}
.tuijian .tjshop .d1 a:hover{color:#ff4400;}
.tuijian .tjshop:hover{box-shadow:-5px 5px 20px #ECECEC;}

.serpaixu{float:left;margin:14px 0 0 0;height:41px;width:1250px;text-align:left;background-color:#fff;}
.serpaixu .d1{float:left;margin:0 0 0 20px;line-height:41px;font-size:14px;}
.serpaixu .d1 a{float:left;margin:0 24px 0 0;}
.serpaixu .d1 .a1{color:#ff6600;font-weight:700;}
.serpaixu .d2{float:left;margin:8px 0 0 10px;}
.serpaixu .d2 input{float:left;width:93px;height:25px;border:#e5e5e5 solid 1px;padding:0 0 0 5px;}
.serpaixu .d2 a{float:left;border:#e5e5e5 solid 1px;border-left:0;width:47px;height:23px;line-height:23px;color:#333;background-color:#f7f7f7;text-align:center;}
.serpaixu .d3{float:right;line-height:41px;margin:0 10px 0 0;}

.shoplist{float:left;width:272px;margin:14px 14px 0 0;height:126px;padding:15px 15px 0 15px;background-color:#fff;transition: all  .25s  ease-in;text-align:left;}
.shoplist .tx{float:left;width:60px;height:60px;border:#f0f0f0 solid 1px;padding:2px;border-radius:4px;}
.shoplist .tx img{width:60px;height:60px;}
.shoplist .u1{float:left;margin:0 0 0 14px;width:192px;}
.shoplist .u1 li{float:left;width:100%;}
.shoplist .u1 .l1{font-weight:700;font-size:14px;}
.shoplist .u1 .l2{margin:5px 0 0 0;}
.shoplist .u1 .l2 span{float:left;}
.shoplist .u1 .l2 .s1{margin:1px 0 0 0;}
.shoplist .u1 .l2 .s2{color:#99a6c4;margin:0 0 0 2px;}
.shoplist .u1 .l3{margin:5px 0 0 0;}
.shoplist .u1 .l3 a{float:left;color:#333333;line-height:18px;border:#e5e5e5 solid 1px;background-color:#fcfcfc;padding:0 12px;margin:0 6px 0 0;}
.shoplist .u1 .l3 a:hover{background-color:#f2f2f2;}
.shoplist .u2{float:left;width:272px;margin:11px 0 0 0;}
.shoplist .u2 li{float:left;}
.shoplist .u2 .l1{line-height:15px;width:56px;}
.shoplist .u2 .l2{border-top:#eeeeee solid 1px;margin:7px 0 0 0;width:216px;}
.shoplist .d1{float:left;width:272px;margin:5px 0 0 0;}
.shoplist .d1 .s1{float:left;line-height:19px;width:272px;color:#ff4400;overflow:hidden;height:19px;}
.shoplist .d1 a{color:#666666;}
.shoplist .d1 a:hover{color:#ff4400;}
.shoplist0{margin-right:0;}
.shoplist:hover{transform:translateY(-5px);box-shadow:4px 4px 5px #ECECEC;}
.tuijian .tjshop .tx em {
    display: block;
    -webkit-transition: .6s;
    -webkit-transition: -webkit-transform .6s
    ease-out;
    -moz-transition: -moz-transform .6s ease-out;
    transition: transform .6s
    ease-out;
    padding: 3px;
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid #e5e5e5;
    border-top-color: #7ebdfa;
    border-bottom-color: #7ebdfa;
    height: 60px;
    width: 60px;
}

.tuijian .tjshop:hover em {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg)
}
.tuijian .tjshop:hover {
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
}
.sprec {
    margin: 10px 0 0 0;
    width: 903px;
    float: left;
}
.sprec dl {
    float: left;
    background: #fff;
    margin: 0 0 14px 14px;
    width: 437.5px;
    transition: all .2s
    ease-in-out;
}
.sprec dt {
    height: 72px;
    position: relative;
    overflow: hidden;
    padding: 15px;
    display: block;
    background: #fafafa;
    margin: 15px 15px 8px 15px;
}
.sprec dt .avatar {
    position: relative;
    overflow: hidden;
    float: left;
    height: 74px;
    width: 74px;
}
.sprec dl:hover .avatar em {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sprec dt .avatar em {
    display: block;
    -webkit-transition: .6s;
    -webkit-transition: -webkit-transform .6s
    ease-out;
    -moz-transition: -moz-transform .6s ease-out;
    transition: transform .6s
    ease-out;
    padding: 3px;
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid #e5e5e5;
    border-top-color: #7ebdfa;
    border-bottom-color: #7ebdfa;
    height: 60px;
    width: 60px;
}
.sprec dt .avatar img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 100%;
}
.sprec dt span {
    display: block;
    margin: 0 70px 0 85px;
}
.sprec dt p {
    margin: 0;
    color: #999;
    display: block;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}
.sprec dt a.name {
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.sprec dt p em {
    color: #de373e;
    padding: 0 6px 0 2px;
}
em,cite{
    font-style: normal;
}
.sprec dt .url {
    position: absolute;
    right: 15px;
    top: 18px;
}
.sprec dt .url a {
    transition: all .2s
    ease-in-out;
    display: block;
    padding: 5px 9px 5px 7px;
    margin: 0 0 8px 0;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
}
.sprec dd {
    height: 74px;
    overflow: hidden;
    padding: 0 15px 15px 15px;
    display: block;
    line-height: 20px;
}
.sprec dd cite {
    display: block;
    position: relative;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.sprec dd a {
    font-size: 13px;
    margin: 5px 0 0 -2px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.sprec dd em {
    color: #f40;
    padding-right: 3px;
}
.sprec dl:hover {
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
}
.sprec dt img.xy {
    vertical-align: -2.5px;
}
.sprec dd i {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -1px;
    left: 0;
    height: 2px;
    background: #eee;
}.sprec dd{
     margin-inline-start: 0px;
 }
.sprec dd span {
    color: #333;
    display: inline-block;
    padding: 0 10px 0 0;
    position: relative;
    background: #fff;
    z-index: 1;
}
.sprec dt .url a:hover {
    color: #247fbd;
    border-color: #247fbd;
}













