achievementOrder.css 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. *{box-sizing: border-box;}
  2. #all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
  3. #order_title{width:1200px;height:70px;margin: 20px auto;background: url(../../../img/order_1.png) no-repeat;
  4. padding-left: 90px;line-height: 66px;font-size: 30px;color:#383838;}
  5. #order_cont{width:1200px;height:450px;margin:10px auto;background:#F6F6F6;padding-top: 30px;text-align: center; }
  6. .order_cont{width:1003px;height:290px;background: url("../../../img/order_3.png") no-repeat;margin: 0 auto;
  7. position: relative;}
  8. .order_left{width:880px;height:220px;position: absolute;top:40px;left:110px;}
  9. .order_left>div{width:380px;height:37px;line-height: 37px;text-align: left;}
  10. .order_left>div:nth-child(1){width:880px;height:37px;line-height: 37px;text-align: left;}
  11. .order_left h4{display: inline-block;font-size: 16px;color:#383838;}
  12. .order_left p{font-size: 15px;color:#616161;display: inline-block;}
  13. .order_right{width:400px;height:120px;position: absolute;top:115px;left:500px;}
  14. .order_right>div{width:400px;height:37px;line-height: 37px;text-align: left;}
  15. .order_right h4{display: inline-block;font-size: 16px;color:#383838;}
  16. .order_right p{font-size: 15px;color:#616161;display: inline-block;}
  17. .order_right .order_right_p p{color:#ffb800;}
  18. .order_right .order_right_p span{width:80px;height:20px;text-align: center;line-height: 20px;cursor: pointer;
  19. border-radius: 5px;background: #ffb800;color:#fff;display: inline-block;margin-left: 15px;}
  20. .order_button{width:370px;height:40px;margin: 30px auto 25px;}
  21. .order_button>div{width:150px;height:40px;background: #ffb200;text-align: center;line-height: 40px;
  22. display: inline-block;margin-right: 30px;color:#fff;font-size: 18px;letter-spacing: 2px;cursor: pointer;}
  23. .order_text{color: #616161;font-size: 16px;letter-spacing: 2px;}
  24. #order_flow{width:1200px;height:240px;margin: 0 auto;text-align: center;margin-top: 80px;}
  25. #order_flow h3{margin-bottom: 20px;color:#383838;font-size: 24px;letter-spacing: 3px;}
  26. #order_flow img{width:1200px;height:135px;}
  27. .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
  28. .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
  29. text-align: center;font-size: 24px;line-height: 40px;color:#383838;letter-spacing: 3px;}
  30. div.pointer{cursor: pointer;}
  31. .fine>div>p.achievementId{display: none;}
  32. .fine>div>p.achievementTyp{display: none;}
  33. .main_introduce ul>li>div>p.likeId{display: none;}
  34. .main_introduce ul>li>div>p.likeType{display: none;}
  35. .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
  36. .main_introduce ul {overflow: hidden;}
  37. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  38. .main_introduce ul li>div>img{width:270px ;height: 184px;}
  39. .list_text {padding-left: 28px;padding-top: 10px;position: absolute;
  40. bottom: 0;padding-bottom: 10px;}
  41. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  42. .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;}
  43. .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;}
  44. .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 ;}
  45. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  46. .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;}
  47. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
  48. .main_introduce>ul>li:hover{cursor: pointer;box-shadow: 2px 4px 8px #cccccc;transition: all .5s;}
  49. .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
  50. .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}