@charset "utf-8"; @import url(/uploads/css/isscss/index.ie.css) screen and (min-width:750px); @media screen and (max-width: 750px) { html { _background-attachment: fixed;} html{overflow-y:scroll;} body{font-size:16px;background-color:#ffffff;} html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,input,button,sub,sup,textarea,pre,blockquote { margin: 0; padding: 0;outline:none;} table{border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} iframe{border:0 none;} td, th, div {word-break: break-all;word-wrap: break-word;} img{vertical-align:top;} ul,li,ol{list-style:none outside none;} address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;} strong{font-weight:800;} caption, th {text-align: left;} a{color: #ff8564;text-decoration: none;font-size: 15px;} a:hover {text-decoration: underline; cursor:pointer;color: #219673;} .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body{user-select : none;-moz-user-select : none;-webkit-user-select: none;-ms-user-select: none;background: #f2f2f2;} .fixed_bg {width: 100%;height: 283px;/* position: fixed; */margin: auto;visibility: visible;z-index: -100;background: url(/uploads/image/issimages/index_bg.jpg) no-repeat top center;background: url(/uploads/image/issimages/banner.png) no-repeat center;} /* 头部 */ .main{width: 100%;margin: 0 auto;} .header{float: left;height: 29px;background: #f7f7f7;width: 100%;overflow: hidden;display: none;} .header p{float: left;line-height: 29px;height: 29px;color: #666;font-size: 12px;} .rougao {float: right;} .rougao a {height: 29px;line-height: 29px;float: left;color: #666666;font-size: 12px;border-radius: 20px;margin-left: 22px;} .rougao a i{height: 25px;width: 28px;float: left;background: url(/uploads/image/issimages/ico.png) -38px -172px no-repeat;margin-left: 5px;} .rougao a:hover{color: #0797ca;} .rougao .denglu{color: #1f9a74!important;} .subnav {width: 100%;margin: auto;line-height: 36px;padding: 3% 0;} .nav_wrap { height: 40px; line-height: 40px; } .subnav li{display: inline-block;position: relative;transition: 0.1s all linear;cursor: pointer;text-align: center;width: 24%;text-align: center;} .subnav li a {font-size: 16px;color: #fff;display: block;text-align: center;width: 100%;} .subnav li span {font-size: 12px;color: #fff;text-align: center;margin-right: 18px;float: left;width: 100%;display: flex;justify-content: flex-start;} .nav_item{float:right;transition: 0.3s ease;-ms-transition: 0.3s ease;-moz-transition: 0.3s ease;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;} .nav_item em {background: url(/uploads/image/issimages/ico_2021.png) no-repeat -80px -129px;width: 18px;height: 18px;margin-top: 21px;margin-right: 3px;} .nav_item .ewm_ico2{background: url(/uploads/image/issimages/ico_2021.png) no-repeat -97px -129px;} .nav_item .ewm_ico1{background: url(/uploads/image/issimages/ico_2021.png) no-repeat -119px -129px;width: 10px;} .sub {background: #ffff;box-shadow: 0 20px 30px rgba(0,0,0,.1);position: absolute;z-index: 9;left: -27px;border-radius: 8px;overflow: hidden;top: 45px;height: 0;display: block;} .sub img{width: 100px;float: left;height: 100px;padding: 6px 10px;} .sub font{float: left;font-size: 12px;text-align: center;line-height: 29px;background: #f1faff;width: 100%;} .subnav li:hover .sub{display:block;height:141px;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .subnav li::before {content:"";position:absolute;bottom:0px;left: 0;width:0;height:3px;background: #fff;transition:0.1s all linear;} .subnav li:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; } .subnav li:hover ~ a::before {left:0;} .index_mid {height: 265px;background: url(/uploads/image/issimages/banner.png) no-repeat center;float: left;width: 100%;} .logo {display: inline-block;width: 177px;height: 54px;background: url(/uploads/image/issimages/ico_2021.png) 13px -26px no-repeat;background-size: 100%;} .index_mid_bt{width: 100%;margin: auto;margin-top: 3px;text-align: center;} .search_box{display: inline-block;width: 94%;margin: 3%;} .search {background: #fff;float: left;border-radius: 10px;overflow: hidden;width: 100%;} .search em{float: left;width: 26px;height: 25px;background: url(/uploads/image/issimages/ico_2021.png) -30px 0px no-repeat;margin-left: 16px;margin-top: 11px;} .search_text {width: 50%;padding: 0 10px 0 15px;line-height: 48px;height: 48px;border: 0;color: #cacaca;font-size: 15px;outline: none;} .search_btn {width: 23%;line-height: 48px;cursor: pointer;background: #dfb863;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;} .search_hot {font-size: 12px;line-height: 30px;height: 30px;float: left;width: 100%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;} .search_hot a {background: #1c936f;padding: 0 14px;border-radius: 17px;opacity: 0.8;color: #fff;margin-left: 5px;height: 23px;line-height: 23px;font-size: 12px;} .search_hot a:hover { opacity: 1;} .index_top{position: relative;width: 100%;float: left;margin-top: -31px;} .dmw_top_art{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 3%;width: 94%;margin-bottom: 10px;} .dmw_top_art ul{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .dmw_top_art ul li{width: 100%;float: left;height: 138px;overflow: hidden;} .dmw_top_art_tl{float: left;line-height: 25px;margin-bottom: 10px;} .dmw_top_art_tl a{float: left;font-size: 15px;font-weight: 700;color: #000;} .dmw_top_art span{width: 23px;background: url(/uploads/image/issimages/ico_2021.png) no-repeat -130px -142px;height: 23px;float: left;margin-right: 7px;} .dmw_top_art_bot{width: 100%;float: left;height: 91px;overflow: hidden;} .dmw_top_art_bot a{width: 25%;float: left;color: #666;font-size: 15px;text-align: center;line-height: 30px;} .dmw_top_art ul li:nth-child(2) span{background: url(/uploads/image/issimages/ico_2021.png) no-repeat -153px -143px;} .dmw_top_art ul li:nth-child(3) span{background: url(/uploads/image/issimages/ico_2021.png) no-repeat -175px -144px;} .dmw_top_art ul li:nth-child(4) span{background: url(/uploads/image/issimages/ico_2021.png) no-repeat -197px -144px;} .dmw_top_art_bot a:hover{ transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; } .dmw_top_art ul li:nth-child(4){border-right:0;} .dmw_top_art ul li:nth-child(1){border-left: 0;} /*首页导航*/ .nav {/* background: no-repeat 0 bottom; */float: left;height: 134px;width: 1200px;margin-top: 10px;/* overflow: hidden; */margin-bottom: 25px;display: flex;flex-wrap: wrap;justify-content: space-between;} .nav a {height: 134px;width: 227px;font-size: 21px;line-height: 40px;display: inline-block;float: left;overflow: hidden;/* margin-right: 10px; *//* box-shadow: 2px 2px 2px #d2d2d2; */border-radius: 10px;text-align: center;} .nav a img{display: inline-block;margin-top: 15px;} .nav a b {float: right;width: 37%;text-align: center;height: 138px;line-height: 138px;color: #fff;margin-right: 5%;} .nav .dt1{color: #fffe06;background: #ff6c6c;/* background-image: linear-gradient(135deg, rgb(247, 97, 161) 10%, rgb(140, 27, 171) 100%); */} .nav .dt2{color: #fffe06;background: #94a1eb;/* background-image: linear-gradient(135deg, #8e9ef0 10%, rgb(66, 91, 230) 100%); */} .nav .dt3{color: #fffe06;background: #45c2be;/* background-image: linear-gradient(135deg, rgb(171, 220, 255) 10%, rgb(3, 150, 255) 100%); */} .nav .dt4{color: #fffe06;background: #e2a464;/* background-image: linear-gradient(135deg, rgb(254, 193, 99) 10%, rgb(222, 67, 19) 100%); */} .nav .dt5{color: #fffe06;background: #42b0e2;/* background-image: linear-gradient(135deg, rgb(245, 203, 255) 10%, rgb(195, 70, 194) 100%); */} .nav .dt6{color: #fffe06;background: #67b3d6;/* background-image: linear-gradient(to right, rgb(69, 104, 220), rgb(176, 106, 179)); */} .nav .dt7{color: #fffe06;background:#f11a64;background-image: linear-gradient(to right, rgb(88, 172, 233), rgb(36, 122, 183));} .nav a i{width: 115px;height: 115px;float: left;margin-left: 9px;border-radius: 60px;} .nav .dt1 i{background: no-repeat -1px 9px;margin-top: 10px;background-color: #f56262;} .nav .dt2 i{background: no-repeat 1px -97px;margin-top: 10px;background-color: #8998ea;} .nav .dt3 i{background: no-repeat 0px -197px;background-color: #40b5b1;margin-top: 10px;} .nav .dt4 i{background: no-repeat -1px -301px;margin-top: 10px;background-color: #db9650;} .nav .dt5 i{background: no-repeat 12px -399px;} .nav .dt6 i{background: no-repeat -1px -495px;margin-top: 10px;background-color: #53acd5;} .nav .dt7 i{background: no-repeat 15px -595px;} /*顶部内容*/ .content_top{float: left;width: 100%;} /*左边内容*/ .top_left{float: left;padding: 3%;width: 94%;background: #fff;border-radius: 10px;padding-bottom: 10px;} .top_left .fl_daohang{padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 95%;border-radius: 8px;} .top_left .fl_daohang b:before{content:"";float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;} .top_left ul{float: left;border-left: 0;} .top_left li{float: left;width: 33%;line-height: 35px;text-align: center;padding-bottom: 3px;padding-top: 29px;} .top_left li a{float: left;color: #333;font-weight: 700;overflow: hidden;width: 100%;margin-top: 13px;} .top_left li img{width: 40px;height: 40px;border-radius: 10px;display: inline-block;} .top_left .l_banenr{width: 100%;height: 221px;margin-bottom: 23px;float: left;position: relative;border-radius: 10px;overflow: hidden;} .top_left img{width: 100%;height: 221px;} .top_left .l_banenr span{position: absolute;left: 0;background: rgba(0, 0, 0, 0.52);width: 100%;text-align: center;color: #fff;bottom: 0;height: 39px;line-height: 39px;} /*中间部分*/ /*特别推荐*/ .top_mid{overflow: hidden;float: left;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;} .top_mid .m_top {width: 100%;float: left;} .top_mid .zhongdian {float: left;font-size: 16px;color: #f54343;height: 35px;line-height: 35px;font-weight: 700;text-align: center;width: 100%;overflow: hidden;} .top_mid .zhongdian a {margin-left: 5px;color: #333;font-weight: 700;font-size: 16px;width: 300px;overflow: hidden;height: 34px;line-height: 34px;} .top_mid .tt_title {float: left;padding-bottom: 9px;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px;} .top_mid .title_top {float: left;cursor: pointer;margin-bottom: 4px;width: 100%;overflow: hidden;height: 28px;text-align: center;line-height: 28px;} .top_mid .title_top a {font-size: 15px;margin-right: 10px;font-weight: 700;color: #333;} .top_mid .title_ul li {float: left;width: 50%;height: 34px;overflow: hidden;line-height: 34px;text-align: center;} .top_mid .title_ul a {color: #333;font-size: 15px;} /*学习方法*/ .top_mid .m_bot{float: left;margin-top: 15px;width: 100%;} .top_mid .m_bot ul{float: left;width: 100%;} .top_mid .m_bot .m_title{font-size: 16px;margin-bottom: 8px;font-weight: 700;color: #333;background: url(/uploads/image/issimages/index_bg.gif) no-repeat right center;} .top_mid .m_bot .m_title code{font-weight: 700;color: #333;float: left;background: url(/uploads/image/issimages/ico_2021.png) no-repeat -55px 0px;width: 23px;height: 26px;margin-right: 5px;margin-top: -3px;} .top_mid .m_bot .m_title a{float: right;font-weight: 400;font-size: 14px;} .top_mid .m_bot ul li{float: left;height: 40px;line-height: 40px;width: 100%;} .top_mid .m_bot ul li a{ float: left; color: #333; font-size: 15px; max-width: 60%; max-height: 40px; overflow: hidden; } .top_mid .m_bot ul li code{float: right;color: #989898;font-size: 12px;font-family: initial;} .top_mid .m_bot ul li i{float: left;height: 4px;width: 4px;background: #67ade0;margin-top: 20px;margin-right: 5px;border-radius: 10px;display: none;} .top_mid .m_bot li:before {content: "w";line-height: 15px;color: #3cb090;width: 14px;height: 14px;text-align: center;float: left;margin-top: 11px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #3cb090;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;} /*右边内容*/ /*今日推荐*/ .top_right {float: right;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;} .top_right_news {float: left;width: 100%;} .top_right_news_title {padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;} .top_right_news_title:after{content: "";background: url(/uploads/image/issimages/ico_2021.png) no-repeat 2px -1px;float: left;width: 19px;height: 20px;margin-top: 10px;margin-right: 2px;} .top_right_news_list {float: left;width: 100%;} .top_right_news_list li{float: left;width: 100%;line-height: 38px;height: 38px;overflow: hidden;} .top_right_news_list li a{float: left;color: #333;overflow: hidden;height: 38px;width: 200px;} .top_right_news_list li span{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #ffffff;margin-top: 11px;background: #c9c9c9;margin-right: 5px;font-size: 12px;} .top_right_news_list li:nth-child(1) span{background: #e33e42;color:#fff;} .top_right_news_list li:nth-child(2) span{background: #ff8564;color:#fff;} .top_right_news_list li:nth-child(3) span{background: #e8b856;color:#fff;} /*特别推荐*/ .top_right_hot {float: right;width: 100%;margin-top: 13px;} .top_right_hot_title {margin-bottom: 3px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;} .top_right_hot_title span{color: #434647;height: 16px;} .top_right_hot_title:after{content: "";float: left;height: 18px;background: #67ade0;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;} .top_right_hot_list {float: left;width: 100%;} .top_right_hot_list li {line-height: 40px;float: left;width: 100%;height: 40px;overflow: hidden;} .top_right_hot_list a {float: left;color: #333;width: 90%;} .top_right_hot_list code {float: left;height: 4px;width: 4px;background: #b3b2b2;color: #ffffff;margin-top: 19px;margin-right: 5px;border-radius: 50%;display: none;} .top_right_hot_list li:before {content: "w";line-height: 15px;color: #3cb090;width: 14px;height: 14px;text-align: center;float: left;margin-top: 11px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #3cb090;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;} /*index_list*/ .index_list{background: #fff;border-radius: 10px;margin: auto;overflow: hidden;float: left;padding: 3%;margin-top: 10px;width: 94%;} /*头部*/ .list_l{float: left;width: 100%;margin-bottom: 10px;height: 48px;border-bottom: 2px solid #eeeeee;overflow: hidden;} .list_l h2{float: left;width: 123px;height: 48px;line-height: 48px;color: #fff;font-size: 20px;text-align: center;font-weight: 600;} .list_l .l_title{float: left;color: #333;} .list_l .l_title:before{content:"";font-weight: 700;color: #333;float: left;background: url(/uploads/image/issimages/ico_2021.png) no-repeat -82px 0px;width: 25px;height: 33px;margin-right: 5px;margin-top: 12px;} .list_l .l_title em{float:left;width: 300px;} .list_l ul{float: right;width: 86%;} .list_l ul li{float: left;font-size: 14px;line-height: 46px;height: 46px;background: #ffffff;color: #444;border-radius: 4px;margin-left: 9px;width: 78px;text-align: center;margin-bottom: 8px;text-align: right;} .list_l ul li a{width: 100%;color: #333;} /*中间内容*/ .list_m{float: left;width: 100%;margin-top: 10px;} /*图片*/ .new_image{float: left;width: 100%;} .new_image .hot-image{float: left;width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;} .new_image .hot-image a{float: left;width: 47%;} .new_image .hot-image a img{border-radius: 10px;width: 100%;} .new_image .hot-image a span{height: 38px;width: 100%;display: inline-block;color: #545454;text-align: center;line-height: 38px;font-size: 16px;overflow: hidden;} .new_image .hot-list{float: left;width: 100%;margin-bottom: 20px;} .new_image .hot-list li{height: 36px;line-height: 36px;overflow: hidden;width: 100%;} .new_image .hot-list li i{float: left;height: 4px;width: 4px;background: #ff8564;margin-top: 18px;margin-right: 5px;border-radius: 10px;display: none;} .new_image .hot-list li a{color: #333;} .new_image .hot-list li:before {content: "w";line-height: 15px;color: #3cb090;width: 14px;height: 14px;text-align: center;float: left;margin-top: 9px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #3cb090;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;} /*内容*/ .hot_top{float: left;width: 100%;margin-bottom: 19px;} .hot_top:nth-child(even){float: right;} .hot_top .new_title{margin-bottom: 8px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 96%;border-radius: 8px;} .hot_top .new_title i{float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;} .hot_top .new_title span{float: left;} .hot_top ul{float: left;} .hot_top ul li{float: left;line-height: 40px;text-align: right;width: 100%;height: 40px;} .hot_top ul li a{ float: left; margin-right: 5px; color: #333; max-width: 70%; max-height: 40px; overflow: hidden; } .hot_top ul li span{font-size: 12px;text-align: right;color: #868686;} .hot_top li:before {content: "w";line-height: 15px;color: #3cb090;width: 14px;height: 14px;text-align: center;float: left;margin-top: 9px;margin-right: 11px;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;border: 2px solid #3cb090;}.ql_sort_left li i{font-size:12px;color:#888;float: right;margin-left:10px;} /*右边内容*/ .list_r{float: right;width: 100%;} .list_r_title{margin-bottom: 8px;padding: 0 3%;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 94%;border-radius: 8px;} .list_r_title a{float: right;font-size: 12px;color: #ff8564;padding: 0 5px;height: 20px;line-height: 20px;margin-top: 10px;border-radius: 18px;} .list_r_title span{float: left;height: 37px;} .list_r_title span:after{content:"";background: url(/uploads/image/issimages/ico_2021.png) no-repeat 2px -1px;float: left;width: 19px;height: 20px;margin-top: 10px;margin-right: 2px;} .cont{float: left;width: 100%;} .cont span{float: left;width: 100%;height: 30px;line-height: 30px;overflow: hidden;} .cont span a{font-size: 15px;color: #3c3c3c;font-weight: 700;} .cont p{float: left;color: #8a8888;height: 48px;overflow: hidden;width: 100%;line-height: 24px;margin-bottom: 9px;border-bottom: 1px dotted #d1d1d1;font-size: 13px;padding-bottom: 6px;} .list_r ul{float: left;width: 100%;} .list_r ul li{float: left;width: 300px;height: 39px;line-height: 39px;overflow: hidden;} .list_r ul li a{float: left;margin-left: 6px;color: #333333;height: 36px;overflow: hidden;width: 250px;} .list_r ul li i{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #ffffff;margin-top: 12px;background: #c9c9c9;margin-right: 5px;font-size: 12px;} .list_r ul li:nth-child(1) i{background: #e33e42;color:#fff;} .list_r ul li:nth-child(2) i{background: #ff8564;color:#fff;} .list_r ul li:nth-child(3) i{background: #e8b856;color:#fff;} /*回到顶部*/ .backtop{width: 50px;height: 50px;position: fixed;bottom: 90px;right: 9px;border:1px solid #efefef;cursor: pointer;background-color: #fff;text-align: center;} .backtop:hover{background:#efefef} .backtop em{width: 21px;height: 20px;bottom: 120px;background: url(/uploads/image/issimages/ico_2021.png) no-repeat 1px -137px;cursor: pointer;background-color: #fff;display: inline-block;margin-top: 14px;} /*底部*/ .fink_box{float:left;background: #fff;border-radius: 10px;padding: 3%;width: 94%;margin-top: 10px;} .fink_box_tl{float: left;width: 100%;} .fink_box_tl i{font-weight: 700;color: #333;float: left;background: url(/uploads/image/issimages/ico_2021.png) no-repeat -107px 0px;width: 27px;height: 25px;margin-right: 5px;} .fink_box_tl em{float: left;line-height: 29px;font-weight: 700;font-size: 15px;font-style: inherit;} .fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 220px;margin-left: 15px;} .flink{width: 100%;float: left;} .flink b{line-height:22px;font-weight: 400;float: left;color:#2ca6e0;display: none;} .flink li{line-height: 22px;color: #b7b7b7;margin: 5px;display: inline-block;float: left;} .flink li a{color: #888;font-size: 12px;} .flink li:nth-child(2){display:none;} .flink li a:hover{color:#2ca6e0} /*footer*/ .footer{width: 100%;padding: 10px 0;background: #2b333e;float: left;margin-top: 10px;border-top: 1px solid #e2e2e2;} .foot_box{width: 1000px;margin: auto;} .footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;line-height: 28px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;} .footer p a:hover{text-decoration:none;} .footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;} .footer p a{color: #d8dde0;font-size: 12px;padding: 0 5px;} .footer p img{color: #d8dde0;display: inline-block;} .footer p:last-child a{display:flex;align-items: center;} /*动画*/ .bounce:hover{ -webkit-animation:bounce 1s .2s ease both; -moz-animation:bounce 1s .2s ease both;} @-webkit-keyframes bounce{ 0%,20%,50%,80%,100%{-webkit-transform:translatey(0)} 40%{-webkit-transform:translatey(-30px)} 60%{-webkit-transform:translatey(-15px)} } @-moz-keyframes bounce{ 0%,20%,50%,80%,100%{-moz-transform:translatey(0)} 40%{-moz-transform:translatey(-30px)} 60%{-moz-transform:translatey(-15px)} } .bounceinup{ -webkit-animation:bounceinup 1s .0s ease both; -moz-animation:bounceinup 1s .0s ease both; } @-webkit-keyframes bounceinup{ 0%{opacity:0; -webkit-transform:translatey(10px)} 60%{opacity:1; -webkit-transform:translatey(-10px)} 80%{-webkit-transform:translatey(10px)} 100%{-webkit-transform:translatey(0)} } @-moz-keyframes bounceinup{ 0%{opacity:0; -moz-transform:translatey(10px)} 60%{opacity:1; -moz-transform:translatey(-10px)} 80%{-moz-transform:translatey(10px)} 100%{-moz-transform:translatey(0)} } }