.header-ad { position: absolute; top: 18px; left: 235px; } .hot-softs { width: 1200px; margin: 0 auto 10px; } .hot-softs li { float: left; width: 120px; height: 125px; text-align: center; position: relative; } .hot-softs li:hover .txt { color: #f30; } .hot-softs li .hover-box { width: 72px; height: 72px; background: url(../images/icon/opacity2.png); position: absolute; top: 5px; left: 24px; display: none; } .hot-softs li:hover .hover-box { display: block; } .hot-softs .img { padding: 5px 0px; } .hot-softs .img img { width: 72px; height: 72px; vertical-align: middle; } .hot-softs .txt { height: 34px; line-height: 34px; color: #333333; font-size: 14px; overflow: hidden; } .hot-softs .txt:hover { color: #f30; } .main-left-box { float: left; width: 910px; margin-top: 10px; } .main-left-box .sm-soft .sm-soft-list { width: 151px; float: left; } .main-left-box .sm-soft .sm-stl { background: #FAFAFA; } .main-left-box .sm-soft .sm-soft-title { height: 36px; line-height: 36px; color: #333333; font-weight: bold; background: #f2f2f2; text-align: center; } .main-left-box .sm-soft li { overflow: hidden; height: 28px; line-height: 28px; position: relative; margin-top: 5px; margin-bottom: 4px; } .main-left-box .sm-soft li a { color: #333; line-height: 28px; display: block; padding-left: 36px; position: relative; } .main-left-box .sm-soft li a i { display: block; position: absolute; width: 24px; height: 24px; background: url(../images/soft_tool-190419.png) no-repeat; top: 3px; left: 8px; } /*01列 start */ .main-left-box .sm-soft li a i.icon_01 { background-position: -6px -4px; } .main-left-box .sm-soft li a i.icon_02 { background-position: -6px -36px; } .main-left-box .sm-soft li a i.icon_03 { background-position: -6px -65px; } .main-left-box .sm-soft li a i.icon_04 { background-position: -6px -92px; } /* 01列 end */ /* 02列 start */ .main-left-box .sm-soft li a i.icon_06 { background-position: -34px -4px; } .main-left-box .sm-soft li a i.icon_07 { background-position: -34px -34px; } .main-left-box .sm-soft li a i.icon_08 { background-position: -34px -63px; } .main-left-box .sm-soft li a i.icon_09 { background-position: -34px -92px; } /* 02列 end */ /* 03列 start */ .main-left-box .sm-soft li a i.icon_11 { background-position: -63px -4px; } .main-left-box .sm-soft li a i.icon_12 { background-position: -63px -34px; } .main-left-box .sm-soft li a i.icon_13 { background-position: -63px -63px; } .main-left-box .sm-soft li a i.icon_14 { background-position: -63px -92px; } /* 03列 end*/ /* 04列 start */ .main-left-box .sm-soft li a i.icon_16 { background-position: -92px -4px; } .main-left-box .sm-soft li a i.icon_17 { background-position: -92px -34px; } .main-left-box .sm-soft li a i.icon_18 { background-position: -92px -62px; } .main-left-box .sm-soft li a i.icon_19 { background-position: -92px -92px; } /* 04列 end*/ /* 05列 start*/ .main-left-box .sm-soft li a i.icon_21 { background-position: -120px -4px; } .main-left-box .sm-soft li a i.icon_22 { background-position: -120px -34px; } .main-left-box .sm-soft li a i.icon_23 { background-position: -120px -62px; } .main-left-box .sm-soft li a i.icon_24 { background-position: -120px -92px; } /* 05列 end*/ /* 06列 start*/ .main-left-box .sm-soft li a i.icon_26 { background-position: -150px -4px; } .main-left-box .sm-soft li a i.icon_27 { background-position: -150px -33px; } .main-left-box .sm-soft li a i.icon_28 { background-position: -150px -62px; } .main-left-box .sm-soft li a i.icon_29 { background-position: -150px -92px; } /* 06列 end*/ /* 07列 start*/ .main-left-box .sm-soft li a i.icon_31 { background-position: -4px -150px; } .main-left-box .sm-soft li a i.icon_32 { background-position: -4px -180px; } .main-left-box .sm-soft li a i.icon_33 { background-position: -4px -208px; } .main-left-box .sm-soft li a i.icon_34 { background-position: -4px -236px; } /* 07列 end*/ /* 08列 start*/ .main-left-box .sm-soft li a i.icon_36 { background-position: -34px -150px; } .main-left-box .sm-soft li a i.icon_37 { background-position: -34px -180px; } .main-left-box .sm-soft li a i.icon_38 { background-position: -34px -208px; } .main-left-box .sm-soft li a i.icon_39 { background-position: -34px -236px; } /* 08列 end*/ /* 09列 start*/ .main-left-box .sm-soft li a i.icon_41 { background-position: -63px -150px; } .main-left-box .sm-soft li a i.icon_42 { background-position: -63px -180px; } .main-left-box .sm-soft li a i.icon_43 { background-position: -63px -208px; } .main-left-box .sm-soft li a i.icon_44 { background-position: -63px -236px; } /* 09列 end*/ /* 10列 start*/ .main-left-box .sm-soft li a i.icon_46 { background-position: -92px -150px; } .main-left-box .sm-soft li a i.icon_47 { background-position: -92px -180px; } .main-left-box .sm-soft li a i.icon_48 { background-position: -92px -208px; } .main-left-box .sm-soft li a i.icon_49 { background-position: -92px -236px; } /* 10列 end*/ /* 11列 start*/ .main-left-box .sm-soft li a i.icon_51 { background-position: -120px -150px; } .main-left-box .sm-soft li a i.icon_52 { background-position: -120px -180px; } .main-left-box .sm-soft li a i.icon_53 { background-position: -120px -208px; } .main-left-box .sm-soft li a i.icon_54 { background-position: -120px -236px; } /* 11列 end*/ /* 12列 start*/ .main-left-box .sm-soft li a i.icon_56 { background-position: -150px -150px; } .main-left-box .sm-soft li a i.icon_57 { background-position: -150px -180px; } .main-left-box .sm-soft li a i.icon_58 { background-position: -150px -208px; } .main-left-box .sm-soft li a i.icon_59 { background-position: -150px -236px; } /* 12列 end*/ /* 13列 start*/ .main-left-box .sm-soft li a i.icon_61 { background-position: -4px -295px; } .main-left-box .sm-soft li a i.icon_62 { background-position: -4px -323px; } .main-left-box .sm-soft li a i.icon_63 { background-position: -4px -352px; } .main-left-box .sm-soft li a i.icon_64 { background-position: -4px -380px; } /* 13列 end*/ /* 14列 start*/ .main-left-box .sm-soft li a i.icon_66 { background-position: -34px -295px; } .main-left-box .sm-soft li a i.icon_67 { background-position: -34px -323px; } .main-left-box .sm-soft li a i.icon_68 { background-position: -34px -353px; } .main-left-box .sm-soft li a i.icon_69 { background-position: -34px -380px; } /* 14列 end*/ /* 15列 start*/ .main-left-box .sm-soft li a i.icon_71 { background-position: -62px -295px; } .main-left-box .sm-soft li a i.icon_72 { background-position: -63px -323px; } .main-left-box .sm-soft li a i.icon_73 { background-position: -63px -353px; } .main-left-box .sm-soft li a i.icon_74 { background-position: -63px -382px; } /* 15列 end*/ /* 16列 start*/ .main-left-box .sm-soft li a i.icon_76 { background-position: -92px -294px; } .main-left-box .sm-soft li a i.icon_77 { background-position: -92px -323px; } .main-left-box .sm-soft li a i.icon_78 { background-position: -92px -353px; } .main-left-box .sm-soft li a i.icon_79 { background-position: -92px -382px; } /* 16列 end*/ /* 17列 start*/ .main-left-box .sm-soft li a i.icon_81 { background-position: -120px -295px; } .main-left-box .sm-soft li a i.icon_82 { background-position: -120px -323px; } .main-left-box .sm-soft li a i.icon_83 { background-position: -120px -353px; } .main-left-box .sm-soft li a i.icon_84 { background-position: -120px -382px; } /* 17列 end*/ /* 18列 start*/ .main-left-box .sm-soft li a i.icon_86 { background-position: -150px -295px; } .main-left-box .sm-soft li a i.icon_87 { background-position: -150px -323px; } .main-left-box .sm-soft li a i.icon_88 { background-position: -150px -353px; } .main-left-box .sm-soft li a i.icon_89 { background-position: -150px -380px; } /* 18列 end*/ .main-left-box .sm-soft li a:hover { color: #f30; } .main-box { margin: 0 auto; } .main-center { width: 600px; float: left; margin-left: 40px; } .main-center-title { position: relative; margin-bottom: 8px; } .main-center-title .more { position: absolute; top: 10px; right: 0; } .main-center .main-slider { height: 180px; margin-bottom: 15px; background: #cdcdcd; } .main-center .emphasis-title { text-align: center; margin-bottom: 5px; } .main-center .emphasis-title a { color: #ff3333; font-weight: bold; font-size: 20px; line-height: 28px; } .main-center .subtitle { text-align: center; margin-bottom: 5px; } .main-center .subtitle a { font-size: 14px; line-height: 28px; color: #666666; margin: 5px 10px; } .main-center .subtitle a:hover { color: #f30; } .main-center .txt-links { margin-bottom: 28px; } .main-center .txt-links li { width: 600px; height: 28px; line-height: 2; overflow: hidden; position: relative; } .main-center .txt-links li .div-line { color: #a9a9a9; margin-right: 8px; margin-left: -10px; } .main-center .txt-links li .list-info-txt { display: inline-block; height: 20px; line-height: 20px; width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 5px; *top: 1px; } .main-center .txt-links li .list-info-txt-b { display: inline-block; height: 20px; line-height: 20px; width: 252px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 5px; *top: 1px; } .main-center .txt-links li .time { position: absolute; right: 0; top: 2px; } .main-center .sm-box { width: 600px; } .main-center .sm-box .hd { border-bottom: 1px solid #e6e6e6; } .main-center .sm-box .hd li.cur:after { bottom: -5px; } .main-center .sm-box .bd .tui-pic { width: 140px; float: left; margin-right: 20px; margin-top: 10px; } .main-center .sm-box .bd .tui-pic li { margin-bottom: 18px; } .main-center .sm-box .bd .tui-pic li a { position: relative; font-size: 0; } .main-center .sm-box .bd .tui-pic li a .txt { width: 100%; height: 22px; line-height: 22px; color: #fff; font-size: 12px; text-align: center; position: absolute; bottom: 0; left: 0; background: url("../images/icon/bg-grey.png"); } .main-center .sm-box .bd .txt-links { width: 440px; margin-bottom: 15px; padding-top: 8px; } .main-center .sm-box .bd .txt-links li { width: 440px; } .main-right-box { width: 250px; float: right; margin-top: 10px; } .main-right-box .tui-soft-list { margin-top: 10px; margin-bottom: 26px; } .main-right-box .tui-soft-list li { margin-bottom: 16px; position: relative; } .main-right-box .tui-soft-list .name { float: left; height: 26px; line-height: 26px; width: 146px; font-size: 14px; padding-left: 38px; position: relative; overflow: hidden; } .main-right-box .tui-soft-list .name img { position: absolute; display: block; width: 28px; height: 28px; top: -1px; left: 0; } .main-right-box .sm-slider-box { width: 250px; } .main-right-box .sm-slider-box .hd { border-bottom: 1px solid #e6e6e6; } .main-right-box .sm-slider-box .hd li { margin-right: 19px; } .main-right-box .sm-slider-box .hd li.cur:after { bottom: -5px; } .main-right-box .sm-slider-box .bd { padding-top: 15px; } .main-right-box .sm-slider-box .bd .sm-slider { height: 100px; background: #c6c6c6; } .main-right-box .sm-slider-box .bd .txt-links, .main-right-box .sm-slider-box .bd ul, .main-right-box .sm-slider-box .bd li { width: 250px; } .classify { width: 270px; height: 820px; float: left; } .classify-head { height: 36px; line-height: 36px; font-size: 18px; background: #2e8ae6; color: #fff; font-weight: bold; text-align: center; } .classify-wrap { height: 786px; border: 1px solid #e6e6e6; border-top: none; } .classify-wrap .classify-list { padding: 11px 20px; color: #333; font-size: 14px; line-height: 28px; } .classify-wrap .classify-list dl dt { font-weight: bold; line-height: 26px; } .classify-wrap .classify-list dl dd { width: 76px; font-weight: normal; float: left; } .classify-wrap .classify-list dl dd a { display: block; width: 100%; height: 100%; } .classify-wrap .classify-foot a { display: block; width: 100%; height: 28px; line-height: 28px; background: #f2f2f2; color: #666666; text-align: center; } .MslideA { position: relative; width: 600px; height: 180px; overflow: hidden; background: #fff; } .MslideA .slide_con { position: relative; } .MslideA .slide_con ul { position: relative; } .MslideA .slide_con li { position: absolute; top: 0; left: 0; display: none; } .MslideA .slide_con li.current { z-index: 2; } .MslideA .mask { position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; line-height: 32px; color: #ffffff; overflow: hidden; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); z-index: 9; } :root .MslideA .mask { -webkit-filter: none; filter: none; } .MslideA .name { float: left; margin: 0 0 0 14px; display: inline; font-size: 14px; color: #ffffff !important; } .slide_trig { position: absolute; bottom: 13px; right: 12px; z-index: 10; } .slide_trig li { float: left; margin-left: 9px; width: 8px !important; height: 8px !important; overflow: hidden; cursor: pointer; background-color: #60666d; border-radius: 50%; } .slide_trig li.current { background-color: #ffffff; } .MslideA .prop { display: none; position: absolute; height: 32px; line-height: 32px; bottom: 0; left: 0; } .btn_focus { display: inline-block; width: 32px; height: 56px; line-height: 200px; overflow: hidden; background: red; position: absolute; left: 0; top: 50%; margin-top: -28px; z-index: 99; display: none; } .btn_pre { background: url(../images/icon/left-arr.png); left: auto; left: 0; } .btn_next { background: url(../images/icon/right-arr.png); left: auto; right: 0; } .hover .btn_focus { display: block; } /*# sourceMappingURL=.map/index.css.map */