.f-red { color: #ef0a0a; } .f-blue { color: #1075ff; } .ibox-A { width: 1000px; height: 735px; margin: 0 auto; } .ibox-A .i-L { float: left; width: 345px; height: 685px; margin-right: 10px; background: #030937; background: linear-gradient(top, #0a1d8a, #030937); background: -webkit-linear-gradient(top, #0a1d8a, #030937); background: -moz-linear-gradient(top, #0a1d8a, #030937); background: -ms-linear-gradient(top, #0a1d8a, #030937); background: -o-linear-gradient(top, #0a1d8a, #030937); } .ibox-A .i-L .block01 { height: 330px; } .ibox-A .i-L .block02 { height: 300px; } .ibox-A .i-L .block03 { } .ibox-A .i-L .block03 { } .ibox-A .i-L .block03 table { width: 300px; height: 38px; margin: 0 auto; } .ibox-A .i-L .block03 table th { padding: 0 8px; background: #121c5c; font: 12px/38px "微软雅黑"; color: #FFF; opacity: 0.5; } .ibox-A .i-L .block03 table th.linejg { height: 50%; } .ibox-A .i-L .block03 table td { border-bottom: 1px solid #0d154f; text-align: center; font: 12px/38px "微软雅黑"; color: #FFF; } b{ font-weight: 500; } /* ----------------------趋势图 */ .ibox-A .i-L .block03 { position: relative; } .qsSq { height: 40px; margin: 0 20px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .qsSq li { /*width: 33%;*/ margin-right: 80px; float: left; display: inline; font: 16px/24px "微软雅黑"; color: rgba(255, 255, 255, 0.5); } .qsSq li strong { height: 38px; display: inline-block; cursor: pointer; } .qsSq li.dq { font-weight: bold; color: #fff; } /*.qsSq li.dq strong { border-bottom: 3px solid #0079ce; }*/ .dqs { width: 32px; height: 3px; position: absolute; left: 20px; top: 38px; background: #0079ce; } .qsSq li:hover { color: #fff; } .qsNr { margin: 0 20px 0; } .qsLx { float: left; display: inline; font: bold 14px/20px "微软雅黑"; color: #fff; } .qsLx span { color: #ff4a4c; } .jbsz { margin-left: 5px; float: left; display: inline; font: 12px/20px "微软雅黑"; color: rgba(255, 255, 255, 0.5); } .qsZt { height: 185px; } /* 无权限状态 */ .wqxZt { width: 100%; position: absolute; top: 130px; text-align: center; color: #fff; } .wqxZt a:hover { text-decoration: none; } .wqxZt p { font: 12px/24px "微软雅黑"; } .wqxZt .ljdg { width: 80px; height: 32px; margin: 15px auto 45px; font: 12px/32px "微软雅黑"; border-radius: 3px; cursor: pointer; background: #2a3acf; background: linear-gradient(left, #2a3acf, #6505e9); background: -webkit-linear-gradient(left, #2a3acf, #6505e9); background: -moz-linear-gradient(left, #2a3acf, #6505e9); background: -ms-linear-gradient(left, #2a3acf, #6505e9); background: -o-linear-gradient(left, #2a3acf, #6505e9); } .wqxZt .ljdg:hover { background: #303bed; background: linear-gradient(left, #303bed, #8718ed); background: -webkit-linear-gradient(left, #303bed, #8718ed); background: -moz-linear-gradient(left, #303bed, #8718ed); background: -ms-linear-gradient(left, #303bed, #8718ed); background: -o-linear-gradient(left, #303bed, #8718ed); } .wqxZt .ljdg a { width: 100%; height: 100%; display: block; } .wqxZt .qdl { color: rgba(255, 255, 255, 0.5); } .wqxZt .qdl a { color: #1075ff; } .ibox-A .i-R { float: right; width: 645px; height: 685px; } .i-R-left { float: left; width: 345px; height: 685px; } .i-R-left .jdbox { height: 240px; background: #05040f; margin-bottom: 10px; } .i-R-left .B-k3box { height: 440px; background: #111631; } .i-R-left .B-k3box h2 { padding: 0 15px; font: 16px/50px "微软雅黑"; color: #FFF; } .i-R-left .B-k3box h2 span.time { padding: 0 0px; font: 30px/50px "微软雅黑"; color: #f93241; } .i-R-left .B-k3box h2 span { padding: 0 0px; font: 14px/50px "微软雅黑"; color: #FFF; } .i-R-left .B-k3box h2 a { float: right; font: 12px/50px "微软雅黑"; color: #FFF; opacity: 0.5 } .i-R-left .B-k3box table { width: 90%; margin: 0 auto; color: #FFF; } .i-R-left .B-k3box table th { border-top: 1px solid #292e46; font: 14px/50px "微软雅黑"; opacity: 0.5; } .i-R-left .B-k3box table td { text-align: center;/*font:12px/50px "微软雅黑";*/ } .c-q-box { width: 95px; height: 25px; margin: 0 auto; } .c-q-red { float: left; display: block; width: 26px; height: 25px; margin-right: 5px; font: 14px/25px "微软雅黑"; text-align: center; background: url("../../images/ks/c-q-bg.png") no-repeat left top } .c-q-blue { float: left; display: block; width: 26px; height: 25px; margin-right: 5px; font: 14px/25px "微软雅黑"; text-align: center; background: url("../../images/ks/c-q-bg.png") no-repeat -36px top } .c-q-green { float: left; display: block; width: 26px; height: 25px; margin-right: 5px; font: 14px/25px "微软雅黑"; text-align: center; background: url("../../images/ks/c-q-bg.png") no-repeat -108px top } .c-q-purple { float: left; display: block; width: 26px; height: 25px; margin-right: 5px; font: 14px/25px "微软雅黑"; text-align: center; background: url("../../images/ks/c-q-bg.png") no-repeat -72px top } .i-R-right { float: right; width: 290px; height: 685px; } .user-box { width: 250px; padding: 0 20px; margin-bottom: 10px; background: #111631; } .user-log { padding: 17px 0; text-align: center; } .user-log .headImg { width: 45px; height: 45px; pxborder-radius: 50%; display: inline-block; } .user-log img { vertical-align: middle; width: 45px; height: 45px; border-radius: 50%; } .user-log span, .user-log span a { color: #FFF; opacity: 0.4; } .xrlb-box img { cursor: pointer; } input.xrlb { margin-left: 5px; width: 120px; height: 45px; color: #d32a28; font: 16px/45px "黑体"; background: none; border-radius: 23px; border: 1px solid #6c1f2a; } .vip-img { text-align: center; padding-top: 25px; } .vip-ul { clear: both; overflow: hidden; padding: 10px 0 25px 0; } .vip-ul:hover, .vip-ul li:hover { cursor: default; } .vip-ul li { float: left; width: 55px; height: 70px; margin: 10px 14px 0; cursor: pointer; } .hmyz-box { width: 250px; padding: 0 20px; background: #111631; } .hmyz-box h2 { text-align: center; color: #FFF; font: 16px/50px "微软雅黑"; } .hmyz-box .text-box { overflow-y: auto; resize: none; width: 250px; height: 88px; border: 1px solid #393d54; background: #161b35; color: #fff; } .text-box::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .text-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #1e2548; } .text-box::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 0; } .text-box { scrollbar-face-color: #254d86; -ms-scrollbar-face-color: #6181af; scrollbar-base-color: #6181af; scrollbar-3dlight-color: #6181af; scrollbar-highlight-color: #6181af; scrollbar-track-color: #254d86; scrollbar-arrow-color: #6181af; scrollbar-shadow-color: #6181af; scrollbar-dark-shadow-color: #6181af; } .hmyz-box .text-box { // scrollbar-face-color: #254d86; // -ms-scrollbar-face-color: #6181af; // scrollbar-base-color: #6181af; // scrollbar-3dlight-color: #6181af; // scrollbar-highlight-color: #6181af; // scrollbar-track-color: #254d86; // scrollbar-arrow-color: #6181af; // scrollbar-shadow-color: #6181af; // scrollbar-dark-shadow-color: #6181af; } .hmyz-p-box { position: relative; width: 290px; height: 146px; left: 0px; padding: 20px 0 0 0; } .hmyz-ul { } .hmyz-ul li { float: left; width: 60px; height: 28px; margin-right: 2px; font: 12px/28px "微软雅黑"; text-align: center; border: 1px solid #393d54; background: #111631; border-radius: 3px; } .hmyz-ul li span { color: #FFF; opacity: 0.6; } .hmyz-ul li.on { height: 30px; background: #2c3596; border: 1px solid #2c3596; border-radius: 3px 3px 0px 0px; } .hmyz-ul li.on span { color: #FFF; opacity: 1; } .hmyz-ul li:hover { cursor: pointer; } .zhu-box { padding: 5px 0 5px 0; color: #FFF; font: 12px/28px "微软雅黑"; } .input-box { text-align: center; width: 250px; } .ul-pop-box { position: absolute; width: 270px; height:; z-index: 999999; left: -20px; top: 46px; padding: 10px; background: #2c3596; } .ul-pop-box .s-ul { width: 100%; height: 147px; border-radius: 5px; background: #dde0fe; } .ul-pop-box .s-ul li { float: left; padding: 15px 0 0 7px; } .ul-pop-box .s-ul li.num { padding: 15px 0 0 28px; } .ul-pop-box .s-ul li .cut-off { color: #c8cdf2; padding: 0 0 0 14px; } .ul-pop-box .s-ul li .cut-off { padding: 0 0 0 28px; } .s-ul li:hover { cursor: pointer; } .ul-pop-box .hz-box li.num { padding: 10px 0 0 10px; } .ul-pop-box .hz-box li .cut-off { padding: 0 0 0 10px; } .ul-pop-box .kd-box li.num { padding: 15px 0 0 40px; } .ul-pop-box .kd-box li .cut-off { padding: 0 0 0 30px; } .ul-pop-box .dx-box li.num { padding: 15px 0 0 30px; } .ul-pop-box .dx-box li .cut-off { padding: 0 0 0 30px; } .ul-pop-box .jo-box li.num { padding: 15px 0 0 30px; } .ul-pop-box .jo-box li .cut-off { padding: 0 0 0 30px; } .ul-pop-box .lye-box li.num { padding: 15px 0 0 15px; } .ul-pop-box .lye-box li .cut-off { padding: 0 0 0 15px; } .ul-pop-box .dzx-box li.num { padding: 10px 0 0 10px; } .ul-pop-box .dzx-box li .cut-off { padding: 0 0 0 7px; } .ul-pop-box .lm-box li.num { padding: 10px 0 0 10px; } .ul-pop-box .lm-box li .cut-off { padding: 0 0 0 10px; } .ul-pop-box .s-ul li, .ul-pop-box .s-ul li .zb-index { font: 14px/28px "微软雅黑"; color: #132485; } .ul-pop-box .s-ul li a:hover { color: #2e4bdd; } .user-box-logined { width: 250px; padding: 0 20px; margin-bottom: 10px; background: #111631; } .user-box-logined .user-log { padding: 17px 0 10px 0; margin-bottom: 0px; color: #FFF; font: 14px/28px "微软雅黑"; text-align: left; border-bottom: 1px solid #717484; } .user-box-logined .user-log span.exit { float: right; color: #FFF; opacity: 0.4; font: 14px/45px "微软雅黑"; } .user-box-logined .vip-q { color: #d32a28; font: 14px/40px "微软雅黑"; text-align: center; } .user-box-logined .vip-q span { color: #FFF; opacity: 0.4; } .user-box-logined .vip-q a.ljxf_box { display: block; width: 100px; height: 38px; margin: 0 auto; } .user-box-logined .vip-q input.ljxf { width: 100px; height: 38px; color: #ae2900; font: 16px/38px "黑体"; background: none; border-radius: 23px; background: #d4a943; border: 1px solid #d4a943; } .user-box-logined .ad-box { width: 250px; height: 180px; margin: 14px auto 20px; overflow: hidden; } .but-dg { width: 158px; height: 40px; border-radius: 20px; cursor: pointer; border: 0; text-align: center; color: #FFF; font: 16px/40px "微软雅黑"; background: #2b39d0; background: linear-gradient(left, #2b39d0, #6406e8); background: -webkit-linear-gradient(left, #2b39d0, #6406e8); background: -moz-linear-gradient(left, #2b39d0, #6406e8); background: -ms-linear-gradient(left, #2b39d0, #6406e8); background: -o-linear-gradient(left, #2b39d0, #6406e8); } .tc-gd-but { text-align: center; padding: 15px 0 0 0; } .tc-gd-but .but-dg { width: 90px; } .fanganbox .bhbox-on .fangan-list { width: 172px; height: 50px; padding: 0 10px; font: 12px/24px "微软雅黑"; color: #FFF; background: #111429; } .fanganbox .ck-all { clear: both; padding-top: 15px; text-align: center; opacity: 0.5; color: #FFF; font: 12px/32px "微软雅黑"; } .fanganbox .ck-all a { color: #FFF; } .gund { overflow: hidden; clear: both; width: 990px; height: 38px; padding: 0 5px; margin-top: 10px; border: 1px solid #323852; } .gund span { opacity: 0.5; color: #FFF; font: 12px/38px "微软雅黑"; } .gund em { font-style: normal; font: 12px/38px "微软雅黑"; } .circle-lt { position: absolute; width: 91px; height: 60px; left: 18px; top: 15px; background: url("../../images/ks/ssrd-jb.png") center center no-repeat; } .circle-w { position: relative; width: 335px; height: 330px; margin: 0 auto; background: url("../../images/ks/cricle-w.png") center center no-repeat; } .circle-n { position: absolute; width: 262px; height: 261px; left: 40px; top: 30px; background: url("../../images/ks/cricle-n.png") center center no-repeat; } .circle-m { position: absolute; width: 241px; height: 241px; left: 45px; top: 45px; background: url("../../images/ks/cricle-m.png") center center no-repeat; } .c-green-dot { position: absolute; width: 17px; height: 18px; left: 155px; top: 107px; background: url("../../images/ks/c-green-dot.png") center center no-repeat; } .c-green-line { position: absolute; width: 136px; height: 36px; left: 160px; top: 83px; background: url("../../images/ks/c-green-line-2.png") center center no-repeat; } .c-green-6b { position: absolute; width: 150px; height: 40px; left: 175px; top: 23px; color: #FFF; background: url("../../images/ks/c-green-6b-2.png") center center no-repeat; } .c-blue-dot { position: absolute; width: 15px; height: 14px; left: 140px; top: 204px; background: url("../../images/ks/c-blue-dot.png") center center no-repeat; } .c-blue-line { position: absolute; width: 137px; height: 41px; left: 8px; top: 170px; background: url("../../images/ks/c-blue-line-2.png") center center no-repeat; } .c-blue-6b { position: absolute; width: 150px; height: 41px; left: -5px; top: 133px; color: #FFF; background: url("../../images/ks/c-blue-6b-2.png") center center no-repeat; } .c-red-dot { position: absolute; width: 15px; height: 14px; left: 188px; top: 180px; background: url("../../images/ks/c-red-dot.png") center center no-repeat; } .c-red-line { position: absolute; width: 139px; height: 24px; left: 193px; top: 188px; background: url("../../images/ks/c-red-line-2.png") center center no-repeat; } .c-red-6b { position: absolute; width: 150px; height: 46px; left: 202px; top: 146px; color: #FFF; background: url("../../images/ks/c-red-6b-2.png") center center no-repeat; } .c-6p-left { float: left; width: 62px; height: 28px; margin-top: 10px; padding-right: 2px; font: 14px/14px "黑体"; text-align: right; } .c-6p-left span { font-size: 17px; width: 65px; text-align: right; padding-right: 0px; display: block; line-height: 12px; transform: scale(0.7, 0.6); -ms-transform: scale(0.7, 0.6); /* IE 9 */ -moz-transform: scale(0.7, 0.6); /* Firefox */ -webkit-transform: scale(0.7, 0.6); /* Safari and Chrome */ -o-transform: scale(0.7, 0.6); /* Opera */ } .c-green-6b .c-6p-left { border-right: 1px solid #FFF; } .c-blue-6b .c-6p-left { border-right: 1px solid #FFF; } .c-red-6b .c-6p-left { border-right: 1px solid #FFF; } .c-6p-right { float: left; position: relative; width: 79px; height: 28px; margin-top: 10px; padding-left: 3px; font: 14px/28px "黑体"; word-break: keep-all; text-align: left; } .c-6p-right input { width: 47px; height: 18px; margin-top: 5px; border-radius: 10px; background: none; } .c-6p-right .number { font: 28px/28px "黑体"; } .c-6p-right img { vertical-align: middle; padding-left: 5px; word-break: keep-all; } /*.c-6p-right .c-gray-jt{ position: absolute; width: 7px; height: 11px; right: -5px; top:9px; background: url("../../images/ks/c-gray-jt.png") center center no-repeat; }*/ .c-green-6b .c-6p-right input { border: 1px solid #FFF; color: #FFF; } .c-blue-6b .c-6p-right input { border: 1px solid #FFF; color: #FFF; } .c-red-6b .c-6p-right input { border: 1px solid #FFF; color: #FFF; } .c-6p-star { position: absolute; width: 150px; left: 0px; bottom: -15px; font: 10px/10px "黑体"; text-align: center; transform: scale(0.9, 0.8); -ms-transform: scale(0.9, 0.8); /* IE 9 */ -moz-transform: scale(0.9, 0.8); /* Firefox */ -webkit-transform: scale(0.9, 0.8); /* Safari and Chrome */ -o-transform: scale(0.9, 0.8); /* Opera */ } .c-hot { position: absolute; top: -18px; right: 12px; width: 36px; height: 24px; background: url("../../images/ks/c-hot.png") } .c-i { /* z-index: 20; */ position: absolute; bottom: 15px; left: 20px; } .c-i:hover .c-i-pop { display: block; cursor: default; } .c-i-pop { position: absolute; top: -34px; left: -23px; width: 345px; margin: 0 auto; height: 40px; text-align: center; color: #13a9ff; font: 12px/40px "黑体"; } .c-i-pop span { color: #84a0fa; } .c-qs-all { position: absolute; bottom: 15px; right: 0px; width: 81px; height: 28px; font: 14px/28px "黑体"; text-align: right; opacity: 0.5; color: #FFF; cursor: pointer; background: url("../../images/ks/c-qs-all.png") } .c-qs-all:hover { opacity: 1; } .qsSqNr .sqNr { display: none; } .qsSqNr .dq { display: block; } .qsfw { width: 90%; position: absolute; top: 240px; left: 5%; font: 12px/14px "宋体"; color: #565a77; } .qsfwA { float: left; } .qsfwZ { float: right; } .c-6p-right { font-family: indexNum !important; } .sm_tc_wz p { text-indent: 2em; } .mrzb .zhewm { position: absolute; top: 200px; right: 20px; z-index: 10000; } .red_color { color: #f93241 !important; } .i-R-left .B-k3box h2 span.time_fontSize { padding: 0 0px; font: 23px/46px "微软雅黑"; color: #f93241; } .sweep { display: none; position: absolute; width: 335px; height: 335px; z-index: 1; left: 5px; top: 0; background: url(../../images/ks/sweep.png) center center no-repeat; } .verify-but-none { background: none; background-color: #818080; } /*弹框——立即领取*/ .tk_lqcg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; } .ljlq_bg { position: relative; margin: 50px auto 0; width: 600px; height: 550px;} .btn_ljlq { position: absolute; top: 438px; left: 0; right: 0; margin: 0 auto; width: 180px; } .btn_ljlq img { width: 100%; } .btn_ljlq img:hover { cursor: pointer; } .ljlq_gb { position: absolute; top: 105px; right: 50px; width: 38px; } .ljlq_gb img { width: 100%; } .ljlq_gb img:hover { cursor: pointer; } /*弹框——领取成功*/ .lqcg_bg { position: relative; margin: 200px auto 0; width: 533px;text-align: center; } .lqcg_ptop { height: 325px; } .lqcg_title { font: 28px/28px "微软雅黑"; color: #2d3245; } .p_content { margin: 20px auto 40px; width: 310px; } .lqcg_con { margin: 0 auto; font: 14px/22px "微软雅黑"; color: #2d3245; text-align: justify; } .lqcg_con span.db_info { color: #c49f48; } .tq_line { width: 446px; } .info_choose1 { padding: 0 30px; height: 115px; margin-top: -10px; } .info_choose1 li { float: left; margin: 30px 21px 0; } .info_choose1 li img { width: 100%; } .info_choose1 li p { font: 12px/12px "微软雅黑"; color: #2d3245; width: 60px; } .viprd1 { width: 32px; } .viprd1 p { padding-top: 8px; margin-left: -14px; } .hmyz1 { width: 42px; } .hmyz1 p { padding-top: 12px; margin-left: -11px; } .viptj1 { width: 32px; } .viptj1 p { padding-top: 14px; margin-left: -16px; } .vipqs1 { width: 48px; } .vipqs1 p { padding-top: 17px; margin-left: -8.5px; } .zsdb1 { width: 30px; } .zsdb1 p { margin-left: -15px; padding-top: 8px; } .zxhd1 { width: 32px; } .zxhd1 p { margin-left: -15px; padding-top: 10px; } .btn_ksty { margin: 0 auto; width: 123px; } .btn_ksty img { width: 100%; } .tk_gb { position: absolute; top: -52px; right: 15px; width: 20px; } .tk_gb img { width: 100%; } .content em { font-style: normal; padding-right: 5px; } .content em.ys_01 { color: #cc152d; } .content em.ys_02 { color: #3841ab; } .content em.ys_03 { color: #ba01d0; } .content em.ys_04 { color: #049700; } /* 轮播图 */ .swiper-pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 6px; /* background: #555; */ margin: 0 3px; opacity: 0.5; border: 2px solid #fff; cursor: pointer; } .swiper-active-switch { background: #fff; opacity: 1; } .i-R-left .swiper-container { width: 345px; height: 245px; } .f-blue { color: #1075ff; } .fa_00 { width: 290px; height: 313px; } .fa_00 .fa_sx01 { text-align: center; font: 14px/20px '微软雅黑'; padding-top: 140px; } .fa_00 .fa_sx01 .sx_01 { color: #7681ff; } .fa_00 .fa_sx01 .sx_02 { color: #7681ff; } .sx_btn { background: #1398ff; height: 35px; width: 106px; font: 14px/35px '微软雅黑'; color: #fff; margin: 15px auto 0; text-align: center; border-radius: 20px; background: linear-gradient(left, #1398ff, #40d7d2); background: -webkit-linear-gradient(left, #1398ff, #40d7d2); background: -moz-linear-gradient(left, #1398ff, #40d7d2); background: -ms-linear-gradient(left, #1398ff, #40d7d2); background: -o-linear-gradient(left, #1398ff, #40d7d2); } /* vip 轮播图 */ .swiper-pagination { position: absolute; z-index: 20; bottom: 5px; width: 100%; } .i-R-right .swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 6px; /* background: #555; */ margin: 0 3px; opacity: 0.5; border: 2px solid #fff; cursor: pointer; } .i-R-right .swiper-active-switch { background: #fff; opacity: 1; } .i-R-right .swiper-container { width: 250px; height: 180px; } .i-R-right .vip-ad-img { width: 250px; height: 180px; } #roll-wrap { height: 38px; overflow: hidden; font: 12px/38px "Microsoft YaHei", "微软雅黑", Arial; opacity: 0.5; color: #FFF; position: relative; } #roll-wrap ul { position: absolute; width: 633px; } #roll-wrap li { float: left; text-align: center; margin: 0 15px; } .greenClass, .blueClass, .redClass { display: none; } .mod_info1__logo1 { -moz-animation: myfirst 1.5s linear infinite; -webkit-animation: myfirst 1.5s linear infinite; -ms-animation: myfirst 1.5s linear infinite; -o-animation: myfirst 1.5s linear infinite animation:myfirst 1.5s linear infinite; } .mod_info1__logo2 { -moz-animation: myfirst2 1.5s linear infinite; -webkit-animation: myfirst2 1.5s linear infinite; -o-animation: myfirst2 1.5s linear infinite; -ms-animation: myfirst2 1.5s linear infinite; animation: myfirst2 1.5s linear infinite; } .mod_info1__logo3 { -moz-animation: myfirst 35s linear infinite; -webkit-animation: myfirst 35s linear infinite; -o-animation: myfirst 35s linear infinite; -ms-animation: myfirst 35s linear infinite; animation: myfirst 35s linear infinite; } .mod_info1__logo4 { -moz-animation: myfirst2 1s linear; -webkit-animation: myfirst2 1s linear; -o-animation: myfirst2 1s linear; -ms-animation: myfirst2 1s linear; animation: myfirst2 1s linear; } @-o-keyframes myfirst { from { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } } @-moz-keyframes myfirst { from { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } } @-webkit-keyframes myfirst { from { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } } @-ms-keyframes myfirst { from { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } } @keyframes myfirst { from { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } } @-moz-keyframes myfirst2 { from { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } to { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } } @-webkit-keyframes myfirst2 { from { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } to { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } } @-ms-keyframes myfirst2 { from { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } to { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } } @-o-keyframes myfirst2 { from { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } to { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } } @keyframes myfirst2 { from { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) transform:rotate(360deg); } to { -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) transform:rotate(0); } } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @-moz-keyframes bounce-down { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @-ms-keyframes bounce-down { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @-o-keyframes bounce-down { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes bounce-down { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } .animate-bounce-down { -webkit-animation: bounce-down 4s linear 0.5s infinite; -ms-animation: bounce-down 4s linear 0.5s infinite; -o-animation: bounce-down 4s linear 0.5s infinite; -moz-animation: bounce-down 4s linear 0.5s infinite; animation: bounce-down 4s linear 0.5s infinite; } .animate-bounce-down1 { -webkit-animation: bounce-down1 4s linear 0.5s infinite; -ms-animation: bounce-down1 4s linear 0.5s infinite; -o-animation: bounce-down1 4s linear 0.5s infinite; -moz-animation: bounce-down1 4s linear 0.5s infinite; animation: bounce-down1 4s linear 0.5s infinite; } @-webkit-keyframes bounce-down1 { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @-moz-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @-ms-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @-o-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } .animate-bounce-down { -webkit-animation: bounce-down 4s linear 0.5s infinite; -ms-animation: bounce-down 4s linear 0.5s infinite; -o-animation: bounce-down 4s linear 0.5s infinite; -moz-animation: bounce-down 4s linear 0.5s infinite; animation: bounce-down 4s linear 0.5s infinite; } .animate-bounce-down1 { -webkit-animation: bounce-down1 4s linear 0.5s infinite; -ms-animation: bounce-down1 4s linear 0.5s infinite; -o-animation: bounce-down1 4s linear 0.5s infinite; -moz-animation: bounce-down1 4s linear 0.5s infinite; animation: bounce-down1 4s linear 0.5s infinite; } @-webkit-keyframes bounce-down1 { 25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } } @-moz-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @-ms-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @-o-keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } @keyframes bounce-down1 { 25% { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); -moz-transform: translateY(-1px); transform: translateY(-1px); -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); -o-transform: translateX(-1px); -moz-transform: translateX(-1px); transform: translateX(-1px); } 50%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } 75% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -moz-transform: translateY(1px); transform: translateY(1px); -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); -moz-transform: translateX(1px); transform: translateX(1px); } } .rd_btn_box{position: absolute;right: 45px;bottom: 45px;} .rd_btn_box .spck_btn{border: 1px solid #ccc;border-radius: 30px;color: #fff;padding: 5px 20px;font-size: 14px;margin-right: 15px;} .rd_btn_box .qbrd_btn{border: 1px solid #ccc;border-radius: 30px;color: #fff;padding: 5px 20px;font-size: 14px;} .spck_btn:hover,.qbrd_btn:hover{ cursor: pointer; color: #48faff; border-color: #48faff; } .wctj_list { padding: 0 15px; } .wctj_list li { margin-bottom: 2px; } .wctj_list .item,.wctj_list .num_box { float: left; color: #fff; } .wctj_list .first .item { border-radius: 5px 0 0 0; } .wctj_list .first .num_box { border-radius: 0 5px 0 0; } .wctj_list .last .item { border-radius: 0 0 0 5px; } .wctj_list .last .num_box { border-radius: 0 0 5px 0; } .title_tj { background: #3570d1; width: 50px; height: 52px; text-align: center; line-height: 52px;font-size: 15px;} .title_tj_red { background: #db4a4d; } .num_box { width: 265px; height: 52px; font: 14px "微软雅黑"; line-height: 52px; text-align: left !important; background: #303862;} .red_color{color: red;} // overflow: hidden;text-overflow: ellipsis;white-space: nowrap;