*{box-sizing: border-box;} #all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;} .detail{width:1200px;height:100px;margin: 0 auto;} .detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;} .detail_toptitle{width:500px;height:30px;padding-left: 25px;line-height: 24px; background: url("../../../img/detail_home.jpg") no-repeat;} .detail_toptitle>a{color:#787878;} .detail_toptitle>a.a_detail{color:#3C3B3B;} .detail_topimg{float: right;} .detail_topimg>a{width:30px;height:30px;cursor: pointer;margin-left:10px;} .detail_center{width:1200px;height:900px;margin: 0 auto;border: 1px solid #EFEFEF;} .detail_centerimg{width:1200px;height:660px;padding-top:45px;padding-left: 60px; border-bottom: 1px solid #EFEFEF;position: relative;} .small_img{width:200px;height:490px;display: inline-block;} .small_img>img{width:200px;height:155px;margin-bottom: 10px;} .big_img{width:470px;height:490px;display: inline-block; top:45px;left:310px;text-align: center; line-height: 490px;overflow: hidden;} .big_img img{width: 470px;height: 490px;} .detail_toptitle>a:hover{color: #000000;} .basic{width:720px;height:125px;position: relative;} .basic>div{width:220px;display: inline-block;height:70px; } .basic>div>h5{font-weight: bold;} .basic>span{width:30px;height:70px;display: inline-block;position: absolute;top:10px;right: 10px;} .basic_left{position: absolute;left:0;bottom:50px;} .basic>div.basic_center{position: absolute;left:220px;bottom:50px;width:280px;} .basic>div.basic_right{position: absolute;left:500px;bottom:50px;width:160px;} .basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff; font-weight: bold;font-size: 18px;line-height: 45px;text-align: center; position: absolute;left:0;bottom:10px;} .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;} .fine>img{width:240px;height:160px;} .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center; line-height: 35px;color:#fff;border-radius: 5px;} .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;} .fine>div>img{width:240px;height:160px;} .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572; color:#fff;text-align: center;line-height: 35px;} .detail_centertext{width:1200px;height:240px;padding:30px 35px 0 35px;position: relative;} .detail_centertext>div{width:550px;height:240px;display: inline-block; padding: 0 30px;} .text_left>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;} .text_left>div>p{display: inline-block;font-size: 16px;} .text_left>div>h5{display: inline-block;font-weight: bold;font-size: 15px;width:100px;} .left_p{margin-left: 0px;} .text_right>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px; } .text_right{position: absolute;top:30px;right: 0;} .text_right>p{padding: 10px 25px 0 0;} .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;} .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none; text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;} div.pointer{cursor: pointer;} .fine>div>p{text-overflow:ellipsis;overflow: hidden;} .fine>div>p.achievementId{display: none;} .fine>div>p.achievementTyp{display: none;} .main_introduce ul>li>div>p.likeId{display: none;} .main_introduce ul>li>div>p.likeType{display: none;} .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;} .main_introduce ul {overflow: hidden;} .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;} .main_introduce ul li>img{width:270px ;height: 184px;} .list_text {padding-left: 28px;padding-top: 10px;position: absolute; bottom: 0;padding-bottom: 10px;} .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;} .list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 165px;vertical-align: top;} .list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #2b8de2;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;} .main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/achievement_starbj.png)no-repeat center left;left:-10px;background-size:cover ;} .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;} .main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;} .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;} .main_introduce>ul>li:hover{cursor: pointer;box-shadow: 2px 4px 8px #cccccc;transition: all .5s;}