*{box-sizing: border-box;} img{border: none;} body{background-color: #fafafa; } .w{width: 1200px; margin: 0 auto;} .clearfix:after{content: ''; display: table; clear: both;} /*轮转*/ .wheel{height: 350px; border: 1px #ebebeb solid; margin-top: 25px; padding: 18px; background-color: #fff;} .fullSlide{position:relative; height: 314px; background:#000;} .fullSlide .bd{position:relative; z-index:0; } .fullSlide .bd li img{width:1162px; height: 314px; vertical-align:top;} .fullSlide .dot{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px; text-align:center;} .fullSlide .dot ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:url(../../images/dotW.png) no-repeat ; overflow:hidden; font-size:0; } .fullSlide .dot ul .on{ background: url(../../images/dotR.png) no-repeat; } /*应用分类*/ .usedir{border: 1px #ebebeb solid; margin-top: 25px; padding: 0 18px;} .usedir .usedir_title{height: 50px; line-height: 50px; font-size: 18px; color: #4c4c4c; } /*左*/ .usedir_left{float: left; margin-bottom: 15px;} .usedir_left li{position: relative; width: 94px; height: 60px; line-height: 60px; background-color: #e5e5e5; font-size: 14px; color: #666; text-align: center; margin-bottom: 4px; cursor: pointer;} .left_angle{display: none; position: absolute; top: 50%; right: -20px; margin-top: -10px; width: 0; border: 10px solid; border-color: transparent transparent transparent #dd4250;} /*右*/ .usedir_right{float: right; margin-bottom: 15px;} .usedir_right li{position: relative; width: 94px; height: 60px; line-height: 60px; background-color: #e5e5e5; font-size: 14px; color: #666; text-align: center; margin-bottom: 4px; cursor: pointer;} .right_angle{display: none; position: absolute; top: 50%; left: -20px; margin-top: -10px; width: 0; border: 10px solid; border-color: transparent #dd4250 transparent transparent;} /*中*/ .usedir_content{width: 950px; height: 380px; margin: 0 auto; padding: 40px 74px 0;; border: 1px #ebebeb solid; background-color: #fff; overflow: hidden;} .usedir_content .userdir_center{width: 800px; height: 310px; overflow: hidden;} .userdir_center .center_info{width: 200px; height: 60px; margin-bottom: 20px; float: left;} .center_info > a{float: left;} .center_info a img{display: block; width: 60px; height: 60px;} .center_info p{width: 115px; margin-left: 5px; float: left;} .center_info p > a{display: block; font-size: 14px; color: #4c4c4c; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .center_info p > a:hover{color: #FF0000; text-decoration: underline;} .center_info p > span{display: block; font-size: 12px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}