/*首页*/ .tuijian{float:left;width:1250px;text-align:left;} .tuijian .dlist{float:left;border:#DDDDDD solid 1px;margin:20px 0 0 23px;width:399px;height:320px;background-color:#fff;} .tuijian .dlist .d1{float:left;width:122px;height:122px;margin:20px 0 0 20px;} .tuijian .dlist .d1 img{border:#ddd solid 1px;} .tuijian .dlist .u1{float:left;margin:20px 0 0 15px;width:242px;height:122px;} .tuijian .dlist .u1 li{float:left;} .tuijian .dlist .u1 .l1{width:242px;font-size:15px;height:20px;overflow:hidden;} .tuijian .dlist .u1 .l1 span{float:left;padding:1px 4px 1px 4px;cursor:pointer;border-radius:2px;font-family:Arial, Helvetica, sans-serif;background-color:#ff6600;border:#ff6600 solid 1px;color:#fff;margin:0 5px 0 0;font-size:12px;} .tuijian .dlist .u1 .l2{width:242px;height:25px;margin:20px 0 0 0;} .tuijian .dlist .u1 .l3{width:242px;height:30px;} .tuijian .dlist .u1 .l4{width:242px;color:#888;} .tuijian .dlist .u1 .l4 a{float:left;border:#DDDDDD solid 1px;border-radius:4px;margin-right:10px;padding:4px 0 0 0;height:20px;width:68px;text-align:center;background-color:#F4F4F4;} .tuijian .dlist .u1 .l4 a:hover{text-decoration:none;background-color:#f2f2f2;} .tuijian .dlist .d2{float:left;width:379px;border-top:#ddd solid 1px;margin:20px 0 0 0;height:46px;font-size:14px;padding:10px 0 0 20px;background:url(../img/xian.gif) left bottom no-repeat;} .tuijian .dlist .d2 a:hover{color:#ff6600;text-decoration:none;} .tuijian .dlist .d3{float:left;width:388px;padding-left:7px;} .tuijian .dlist .d3 a{float:left;width:70px;height:70px;border:#ddd solid 1px;margin:10px 0 0 13px;} .tuijian .dlist0{margin-left:0;} .tuijian .dlist3{margin-left:0;} .tuijian .xuwei{float:left;border:#DDDDDD solid 1px;margin:20px 0 0 23px;width:399px;height:320px;font-size:30px;text-align:center;} .tuijian .xuwei a{color:#D0CCCC;float:left;width:399px;height:190px;padding:130px 0 0 0;background-color:#f2f2f2;} .tuijian .xuwei a:hover{background-color:#f8f8f8;width:399px;text-decoration:none;} .sleft{float:left;text-align:left;width:970px;} .sleft .list{float:left;width:415px;margin:10px 10px 0 0;height:190px;padding:30px;background-color:#fff;border-radius:5px;transition: all .25s ease-in;} .sleft .list .d1{height:27px;float:left;width:100%;color:#B7B9C1;} .sleft .list .tx{float:left;width:75px;height:75px;} .sleft .list .tx span{float:left;width:73px;height:73px;overflow:hidden;border-radius:38px;border:#f2f2f2 solid 1px;} .sleft .list .tx span img{width:73px;} .sleft .list .u1{float:left;width:320px;margin:0 0 0 20px;} .sleft .list .u1 li{float:left;} .sleft .list .u1 .l1{width:230px;height:30px;padding:7px 0 0 0;font-size:16px;} .sleft .list .u1 .l1 a{float:left;width:100%;height:20px;overflow:hidden;} .sleft .list .u1 .l2{width:90px;height:27x;text-align:right;padding:10px 0 0 0;color:#999;} .sleft .list .u1 .l2 strong{color:#FA4A4D;font-weight:100;} .sleft .list .u1 .l3{width:270px;height:26px;overflow:hidden;} .sleft .list .u1 .l3 a{float:left;border:#F5F5F5 solid 1px;border-radius:5px;padding:3px 12px 0 12px;margin-right:3px;height:21px;color:#8C909D;} .sleft .list .d2{height:27px;float:left;width:395px;color:#6F7484;border-bottom:#DDDDDD solid 1px;height:36px;margin:18px 0 0 0;background:url(../img/laba.gif) no-repeat;background-position:0 2px;padding:0 0 0 20px;} .sleft .list .d2 span{float:left;height:16px;width:355px;overflow:hidden;} .sleft .list .d3{height:27px;float:left;width:255px;color:#6F7484;margin:18px 0 0 0;background:url(../img/dt.gif) no-repeat;background-position:0 3px;padding:0 0 0 20px;} .sleft .list .d3 span{float:left;height:17px;width:205px;overflow:hidden;font-size:13px;} .sleft .list .d4{height:27px;float:left;width:140px;color:#00B4C5;margin:18px 0 0 0;background-position:0 3px;text-align:right;} .sleft .list:hover{transform:translateY(-5px);box-shadow:4px 4px 5px #ECECEC;} .sleft .npa{margin-right:10px;} .sright{float:right;width:280px;text-align:left;} .sright .remeqy{float:left;width:280px;margin:10px 0 0 0;background:url(../img/bg3.png) no-repeat;min-height:89px;background-color:#fff;border:#F0F0F0 solid 1px;border-radius:5px;padding:0 0 15px 0;} .sright .remeqy .u1{float:left;width:280px;height:58px;} .sright .remeqy .u1 li{float:left;} .sright .remeqy .u1 .l1{width:110px;padding:22px 0 0 20px;font-weight:700;color:#fff;font-size:16px;} .sright .remeqy .u1 .l2{width:130px;padding:25px 20px 0 0;font-size:12px;text-align:right;} .sright .remeqy .u1 .l2 a{color:#fff;} .sright .remeqy .rmqy{float:left;margin:10px 8px 0 8px;width:262px;background-color:#fff;border-radius:5px;height:139px;} .sright .remeqy .rmqy .d1{float:left;width:50px;} .sright .remeqy .rmqy .d1 .s1{float:left;background:url(../img/pm1.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;} .sright .remeqy .rmqy .d1 .s2{float:left;background:url(../img/pm2.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;} .sright .remeqy .rmqy .d1 .s3{float:left;background:url(../img/pm3.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;} .sright .remeqy .rmqy .d1 .s4{float:left;background:url(../img/pm4.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;} .sright .remeqy .rmqy .d1 .s5{float:left;background:url(../img/pm5.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;} .sright .remeqy .rmqy .nu1{float:left;width:212px;margin:25px 0 0 0;} .sright .remeqy .rmqy .nu1 li{float:left;} .sright .remeqy .rmqy .nu1 .l1{width:65px;} .sright .remeqy .rmqy .nu1 .l1 img{width:50px;} .sright .remeqy .rmqy .nu1 .l2{width:140px;height:40px;margin-right:5px;overflow:hidden;color:#999999;} .sright .remeqy .rmqy .nu1 .l2 .a1{float:left;width:100%;height:18px;font-size:14px;margin:0 0 5px 0;overflow:hidden;color:#333;} .sright .remeqy .rmqy .nu1 .l2 .a1:hover{color:#ff6600;} .sright .remeqy .rmqy .nu1 .l2 .a2{color:#999999;} .sright .remeqy .rmqy .nu1 .l2 .a2:hover{color:#000;} .sright .remeqy .rmqy .nu1 .l3{width:212px;height:40px;overflow:hidden;margin:6px 0 0 0;} .sright .remeqy .rmqy .nu1 .l3 span{float:left;border:#F0F0F0 solid 1px;border-radius:4px;margin-right:4px;margin-bottom:13px;padding:4px 6px 0 6px;height:22px;} .sright .remeqy .rmqy1{border:#FCEDED solid 1px;} .sright .remeqy .rmqy2{background-color:#FAFAFA;border:#D9EFFF solid 1px;} .sright .remeqy .rmqy3{background-color:#FAFAFA;border:#BCEFE3 solid 1px;} .sright .remeqy .rmqy4{background-color:#FAFAFA;border:#FAFAFA solid 1px;} .sright .remeqy .rmqy5{background-color:#FAFAFA;border:#FAFAFA solid 1px;} .right {float:right;} .sphead {width:100%;float:left;margin:10px 0 0 0;text-align:left} .sphead .left {width: 298px} .sphead .right {width:952px} .sptit {overflow:hidden;position:relative;line-height:36px;height:36px;display:block} .sptit h3 {font-size:18px;color:#222;font-weight:400;text-align:left} .sptit a {color:#aaa;position:absolute;right:0;top:50%;margin-top:-7px;font-size:12px;line-height:14px;height:14px} .sptit a:hover {color:#247fbd} .sprec {width:952px;float:left} .sprec dl {float:left;background:#fff;margin:0 0 14px 14px;width:452.5px;transition:all .2s ease-in-out} .sprec dl:hover {box-shadow:0 0 16px 0 rgba(53,53,53,.2)} .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 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 dl:hover .avatar em {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)} .sprec dt span {display:block;margin:0 70px 0 85px} .sprec dt p {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 a.name:hover {color:#247fbd} .sprec dt img.xy {vertical-align:-1.1px} .sprec dt .url {position:absolute;right:15px;top:18px} .sprec dt .url a {transition:all .2s ease-in-out;display:block;padding:3px 9px 2px 7px;margin:0 0 8px 0;font-size:12px;border-radius:3px;text-align:center;color:#666;border:1px solid #ddd} .sprec dt .url i {padding-right:3px;font-size:12px;} .sprec dt .url a:hover {color:#247fbd;border-color:#247fbd} .sprec dt p em {color:#de373e;padding:0 6px 0 2px} .sprec dd {height:92px;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 i {position:absolute;width:100%;top:50%;margin-top:-1px;left:0;height:2px;background:#eee} .sprec dd span {color:#333;display:inline-block;padding:0 10px 0 0;position:relative;background:#fff;z-index:1} .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 a:hover {color:#f40} .sprec dd em {color:#f40;padding-right:3px;font-style:normal;} .active-list {width:257px;padding:10px 20px;transition:all .2s ease-in-out;background:#fff;display:block;overflow:hidden} .active-list:hover {box-shadow:0 0 16px 0 rgba(53,53,53,.2)} .active-list dd {overflow:hidden;display:block;line-height:40px;padding:7px 0} .active-list dd em {float:left;width:20px;height:20px;display:inline-block;line-height:20px;text-align:center;float:left;background-color:#EBEEF4;border-radius:4px;font-size:12px;color:#999;margin-top:10px} .active-list dd em#R1,.active-list dd em#R2,.active-list dd em#R3 {background:#DA3932;color:#fff} .active-list dd .avatar {margin-left:15px;padding:2px;box-shadow:0 1px 1px #eee;border-radius:50%;overflow:hidden;float:left;height:34px;width:34px;border:1px solid #f0f0f0} .active-list dd span {font-size:14px;margin-left:80px;height:40px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px} .active-list dd .name {font-size:12px;padding-left:8px} .active-list p {padding-left:8px;color:#ccc;margin:0;} .active-list p em {color:#ccc;width:20px;height:20px;margin-top:0px;border-radius:15px;} .sp-join {position:relative;background:#fff;margin-top:15px;display:block;height:95px;box-shadow:0 2px 8px 0 rgba(0,0,0,.03)} .sp-join h3 {font-size:16px;color:#666;padding:22px 0 0 22px} .sp-join p {padding:8px 0 0 22px;font-size:12px;transition:all .3s ease-in-out;color:#999} .sp-join i {transition:all .3s ease-in-out;position:absolute;right:20px;top:50%;margin-top:-30px;width:60px;height:60px;background:url(../img/shafa.png) no-repeat;background-size:60px 60px} .sp-join:hover p {-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);-o-transform:translateX(2px);transform:translateX(2px)} .sp-join:hover i {-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)} .splist {min-height: 600px;height: auto;width:100%;float:left;text-align:left;padding:15px 0 0 0;} .splist .list_items {width:100%} .splist dl {float:left;background:#fff;margin:0 7px 14px 7px;width:298px;transition:all .2s ease-in-out;} .splist dl:hover {box-shadow:0 0 16px 0 rgba(53,53,53,.2);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)} .splist dt {height:66px;overflow:hidden;padding:15px 15px 10px 15px;display:block} .splist dt .avatar {padding:2px;box-shadow:0 1px 1px #eee;border-radius:4px;overflow:hidden;float:left;height:60px;width:60px;border:1px solid #f0f0f0} .splist dt .avatar img {width:100%;height:100%} .splist dt span {display:block;margin-left:80px} .splist dt p {color:#999;display:block;line-height:21px;height:21px;overflow:hidden} .splist dt a.name {font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis} .splist dt a.name:hover {color:#247fbd} .splist dt img.xy {vertical-align:-1.1px} .splist dt p.url {margin-top:3px} .splist dt p.url a {margin-right:3px;display:inline-block;background:#fcfcfc;width:50px;line-height:18px;height:18px;text-align:center;border:1px solid #e5e5e5} .splist .s1 {color:#fff;width:17px;height:17px;line-height:17px;margin-right:5px;background-color:#74CCD4;text-align:center;float:right;} .splist .s2 {color:#fff;width:17px;height:17px;line-height:17px;margin-right:5px;background-color:#FFAD77;text-align:center;float:right;} .splist .s3 {color:#fff;width:17px;height:17px;line-height:17px;margin-right:5px;background-color:#CCCCCC;text-align:center;float:right;} .splist .s4 {color:#fff;width:17px;height:17px;line-height:17px;margin-right:5px;background-color:#DDBE72;text-align:center;float:right;} .splist dt p.url a:hover {color:#247fbd;background:#fafafa;border-color:#ddd} .splist dd {height:40px;overflow:hidden;padding:0 15px 10px 15px;display:block;line-height:20px} .splist dd cite {display:block;position:relative;overflow:hidden;height:20px} .splist dd i {position:absolute;width:100%;top:50%;margin-top:-.5px;left:0;height:1px;background:#eee} .splist dd span {color:#333;display:inline-block;padding:0 5px 0 0;position:relative;background:#fff;z-index:1} .splist dd a {margin-left:-2px;color:#666;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis} .splist dd a:hover {color:#f40} .splist dd em {color:#f40;padding-right:3px;font-style:normal;}