/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#fff1da;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.index-step li,.areaSelect i,.index-prize .prize-pop i,.student .prev, .student .next,.list-con .table-con .table th i{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/ico.png") no-repeat;}
.title01{ height:75px; line-height:75px; font-size:16px; color:#999; padding-top:2px;}
.title01 h2{font-size:16px; font-weight:normal;}
.title01 h2 i{ display:inline-block; width:1px; height:17px; background:#999999; margin-right:6px; vertical-align:-4px;}
.title01 a{ color:#999;}
.title02{ height:120px; text-align:center;}
.title02 span{ display:inline-block; line-height:120px; font-size:32px; color:#262626; font-weight:bold; position:relative;}
.title02 span .b1{ display:block; width:43px; height:33px; background-position:-163px -118px; left:-56px; top:44px;}
.title02 span .b2{ display:block; width:43px; height:33px; background-position:-215px -118px; right:-56px; top:44px;}

/**/
.header-wrap{ width:100%; background:#fff;}

/**/
.index-header-wrap{ width:100%; height:539px; background:url("http://www.chinaacc.com/upload/resources/image/2018/12/27/23540.png") no-repeat center top;}
.index-nav{ height:118px; background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/index-nav.jpg") no-repeat; border-radius:10px; box-shadow:0 0 10px #ffe9cc; -webkit-box-shadow:0 0 10px #ffe9cc; -ms-box-shadow:0 0 10px #ffe9cc;}
.index-nav h4{ width:78px; text-align:right; font-size:24px; font-weight:bold; color:#5b1304; padding-top:16px;}
.index-nav p{ font-size:18px; color:#5d1610; line-height:25px; padding:23px 43px 0 0; margin-left:100px;}

/**/
.index-step{ margin:37px auto 77px;}
.index-step ul{ padding:0 0 0 42px;}
.index-step li{ float:left; _display:inline; width:150px; height:101px; margin-right:62px; text-align:center; background-position:0 -101px; position:relative; z-index:1;}
.index-step h3{ line-height:32px; font-size:16px; color:#fd5854;}
.index-step p{ line-height:64px; font-size:20px; color:#fd5854;}
.index-step li.on{ background-position:0 0;}
.index-step li.on p{ color:#fff;}
.index-step li.none{ margin-right:0;}
.index-step .line{ display:block; width:100%; height:4px; background:#fcadab; left:0; top:53px;}

/**/
.apply-scholarship{ background:#fff; border-radius:10px; box-shadow:0 3px 10px #ffe4b9;}
.apply-scholarship .tit{ width:312px; height:60px; line-height:60px; text-align:center; font-size:28px; font-weight:bold; color:#fff; background-position:0 -202px; left:50%; margin-left:-156px; top:-30px;}
.apply-scholarship .prompt-tex{ text-align:center; font-size:16px; line-height:122px; padding-top:26px;}
.apply-scholarship .prompt-tex em{ color:#ff7e00;}
.apply-scholarship .box{ padding:0 0 20px 135px;}
.apply-scholarship .box .t1{ float:left; width:89px; height:50px; line-height:50px; font-size:16px; color:#666;}
.apply-scholarship .box .t2{ float:left; width:59px; line-height:50px; text-indent:16px; font-size:16px; color:#666;}
.apply-scholarship .box .t2 em{ font-size:18px; color:#ff0000; margin-left:10px; vertical-align:middle;}
.apply-scholarship .box .t3{ float:left; white-space:nowrap; line-height:50px; font-size:16px; color:#666;}
.apply-scholarship .box .t4{ float:left; width:54px; white-space:nowrap; height:50px; line-height:50px; text-indent:6px; font-size:16px; color:#666;}
.apply-scholarship .box .t4 em{ font-size:18px; color:#ff0000; margin-left:10px; vertical-align:middle;}
.apply-scholarship .box .ipt1{ float:left; width:278px; height:48px; line-height:48px; border:1px solid #d5d5d5; font-size:16px; text-indent:17px;}
.apply-scholarship .box .ipt2{ float:left; width:78px; height:48px; line-height:48px; border:1px solid #d5d5d5; font-size:16px; text-align:center;}
.apply-scholarship .box .icon{ float:left; width:66px; height:50px; line-height:50px; font-size:18px; color:#ff0000; text-indent:9px;}
.apply-scholarship .box .zonghe-ipt.on,.apply-scholarship .box .other-ipt.on{ background:#cacaca;}
.apply-scholarship .box .chk{ display:block; height:50px; line-height:50px; margin-right:20px; position:relative; overflow:hidden; cursor:pointer;}
.apply-scholarship .box .chk i{ display:inline-block; width:16px; height:16px; border:1px solid #d5d5d5; border-radius:50%; margin-right:6px; vertical-align:-2px; position:relative;}
.apply-scholarship .box .chk input{ position:absolute; left:-20px; top:-20px;}
.apply-scholarship .box .chk.on em{ display:block; width:10px; height:10px; background:#ff7e00; border-radius:50%; position:absolute; left:3px; top:3px;}
.apply-scholarship .btn-wrap{ padding:30px 0 58px 455px;}
.apply-scholarship .btn-wrap .btn{ display:inline-block; *display:inline; *zoom:1; width:190px; height:50px; line-height:50px; background:#bababa; text-align:center; font-size:24px; color:#fff; border-radius:50px; text-decoration:none; box-shadow:0 4px 10px #dfdbdb; -webkit-box-shadow:0 4px 10px #dfdbdb; -ms-box-shadow:0 4px 10px #dfdbdb;}
.apply-scholarship .btn-wrap .btn.on{ background:#ffb040; box-shadow:0 4px 10px #ffe8c3; -webkit-box-shadow:0 4px 10px #ffe8c3; -ms-box-shadow:0 4px 10px #ffe8c3;}
.apply-scholarship .btn-wrap .btn.on:hover{ background:#ff9140;}
.apply-scholarship .btn-wrap .btn.applyNowShow{ background:#ffb040; box-shadow:0 4px 10px #ffe8c3; -webkit-box-shadow:0 4px 10px #ffe8c3; -ms-box-shadow:0 4px 10px #ffe8c3;}
.apply-scholarship .btn-wrap .btn.applyNowShow:hover{ background:#ff9140;}
.apply-scholarship .btn-wrap .links{ display:inline-block; *display:inline; *zoom:1; line-height:50px; font-size:18px; color:#ff7e00; margin-left:57px;}
.apply-scholarship .noLogin-bg{ display:block; background:#000; opacity:0;filter:alpha(opacity=0); width:100%; height:850px; position:absolute; left:0; top:0; z-index:199;}

/**/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}
.areaSelect{ float:left; width:206px;height:50px;}
.areaSelect input{border:1px solid #d5d5d5; width:204px; overflow:hidden; height:48px; line-height:48px; text-indent:7px; font-size:16px; font-family: "Microsoft Yahei"; color:#ccc;}
.areaSelect input.on{color:#666}
.areaSelect input.show{border:1px solid #ff9227}
.areaSelect i{display:block;width:12px;height:8px;top:21px;right:10px; background-position:-162px 0; transition:all .3s linear}
.areaSelect i.on{ background-position:-177px 0;transform:rotateZ(180deg)}
.areaSelect ul {width:100%; border:1px solid #a7cee2;background:#fff}
.areaSelect ul.show{border:1px solid #ff9227}
.areaSelect ul li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 4%}
.areaSelect ul li.hover {background:#a7cee2;color:#fff}

/**/
.banner{ padding:41px 0 24px;}

/**/
.index-prize-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/bg01.png") no-repeat center top #fff; padding-top:90px;}
.index-prize{ padding:32px 0 3px 69px;}
.index-prize li{ float:left; _display:inline; width:280px; height:200px; text-align:center; position:relative; border-radius:20px; margin:0 60px 60px 0;}
.index-prize h3{ line-height:55px; font-size:28px; color:#fff; font-weight:normal;}
.index-prize h4{ line-height:78px; padding-top:7px; font-size:40px; color:#fff;}
.index-prize h4 span{ font-size:30px;}
.index-prize .btn{ display:block; width:120px; height:32px; font-size:18px; text-align:left; text-indent:18px; background-position:95px -328px; color:#fff; line-height:32px; border:2px solid #ffdfde; border-radius:50px; margin:0 auto;}
.index-prize .prize-pop{ display:none; width:225px; background:#fff; border-radius:10px; text-align:left; position:absolute; left:5px; top:194px; padding:21px 22px 8px 22px;}
.index-prize .prize-pop i{ display:block; width:20px; height:14px; background-position:-193px 0; position:absolute; top:-14px; left:50%; margin-left:-10px;}
.index-prize .prize-pop p{ color:#343434; line-height:24px; padding-bottom:12px;}
.index-prize .prize-pop p em{ color:#ff5200;}
.index-prize li.bg1{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/prize01.jpg") no-repeat; box-shadow:0 4px 10px #ffd4d8; -webkit-box-shadow:0 4px 10px #ffd4d8; -ms-box-shadow:0 4px 10px #ffd4d8;}
.index-prize li.bg1 h4{ text-shadow:0 0 8px #f44040; -webkit-text-shadow:0 0 8px #f44040; -ms-text-shadow:0 0 8px #f44040;}
.index-prize li.bg2{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/prize02.jpg") no-repeat; box-shadow:0 4px 10px #ffe0d2; -webkit-box-shadow:0 4px 10px #ffe0d2; -ms-box-shadow:0 4px 10px #ffe0d2;}
.index-prize li.bg2 h4{ text-shadow:0 0 8px #ff7f2f; -webkit-text-shadow:0 0 8px #ff7f2f; -ms-text-shadow:0 0 8px #ff7f2f;}
.index-prize li.bg3{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/prize03.jpg") no-repeat; box-shadow:0 4px 10px #ffdbc1; -webkit-box-shadow:0 4px 10px #ffdbc1; -ms-box-shadow:0 4px 10px #ffdbc1;}
.index-prize li.bg3 h4{ text-shadow:0 0 8px #ff9a2b; -webkit-text-shadow:0 0 8px #ff9a2b; -ms-text-shadow:0 0 8px #ff9a2b;}
.index-prize li.bg4{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/prize04.jpg") no-repeat; box-shadow:0 4px 10px #e8d9ff; -webkit-box-shadow:0 4px 10px #e8d9ff; -ms-box-shadow:0 4px 10px #e8d9ff;}
.index-prize li.bg4 h4{ text-shadow:0 0 8px #974ffe; -webkit-text-shadow:0 0 8px #974ffe; -ms-text-shadow:0 0 8px #974ffe;}
.index-prize li.bg4 .btn{ border-color:#efe4ff;}
.index-prize li.on{ z-index:1;}

/**/
.new-beginning-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/bg02.png") no-repeat center top #fdf5ea; padding-top:45px;}
.new-beginning{}
.new-beginning li{ width:530px; height:359px; border-radius:20px; box-shadow:0 4px 10px #fdebce; -webkit-box-shadow:0 4px 10px #fdebce; -ms-box-shadow:0 4px 15px #fdebce;}
.new-beginning li.bg1{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/bg03.png") no-repeat;}
.new-beginning li.bg2{ background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/bg04.png") no-repeat;}
.new-beginning li.bg2 h3{ color:#fcc14f;}
.new-beginning .tit{ height:60px; line-height:60px; text-align:center; font-size:26px; color:#fff;}
.new-beginning .con{ height:209px; padding:0 0 0 212px;}
.new-beginning .con h3{ line-height:62px; font-size:30px; font-weight:bold; padding-top:32px; color:#fd5854;}
.new-beginning .con p{ font-size:20px; line-height:28px;}
.new-beginning .btn{ display:block; width:190px; height:50px; line-height:50px; text-align:center; font-size:24px; text-decoration:none; color:#fff; background:#ffb040; border-radius:50px; margin:0 auto; box-shadow:0 4px 10px #ffe8c4; -webkit-box-shadow:0 4px 10px #ffe8c4; -ms-box-shadow:0 4px 10px #ffe8c4;}

/**/
.student-warp{ width:100%; background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/jiangxuejin/bg05.png") no-repeat center top #fff; padding-top:142px;}
.student{ padding:22px 0 59px;}
.student .bd{ height:284px; overflow:hidden; padding:0 0 0 30px;}
.student .bd li{ float:left; _display:inline; margin:5px 15px; background:#fff; border-radius:20px; width:230px; height:274px; box-shadow:0 0 5px 3px #ffe9cc;}
.student .bd li:hover{ box-shadow:0 0 10px 3px #fedba3;}
.student .bd .pic{ text-align:center; padding-top:24px;}
.student .bd h3{ line-height:38px; font-size:16px; color:#fa9732; text-align:center;}
.student .bd h3 a{ color:#fa9732;}
.student .bd p{ line-height:28px; padding-left:18px; color:#262626;}
.student .prev,.student .next{ display:block; width:20px; height:35px; top:125px; left:1px; background-position:-163px -23px;}
.student .next{ left:auto; right:1px; background-position:-192px -23px;}
.student .prev:hover{ background-position:-163px -66px;}
.student .next:hover{ background-position:-193px -66px;}

/**/
.bottom-wrap{  width:100%; background:url("http://www.chinaacc.com/upload/resources/image/2018/12/24/20807.jpg") no-repeat center top #fff; padding-top:90px;}
.bottom{}
.bottom .text{ padding:30px 0 0 58px; width:527px; color:#fff;}
.bottom .text h4{ line-height:46px; font-size:24px; font-weight:bold;}
.bottom .text p{ line-height:28px; font-size:16px;}
.bottom .text a{ color:#fff;}
.bottom .text.w2{ width:450px;}

/**/
.mask{ display:none; width:100%;z-index:198;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.prompt-pop{ display:none; overflow:hidden; width:480px; text-align:left; padding-bottom:30px; background-color:#fff; position:fixed; top:50%; left:50%; margin:-110px 0 0 -190px; z-index:199; border-radius:10px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.prompt-pop p{ line-height:34px; font-size:18px; color:#666; padding:35px 20px 25px; text-align: center;}
.prompt-pop p a{ color: #ff9140;}
.prompt-pop .btn{ display:block; width:150px; height:46px; line-height:46px; font-size:18px; color:#fff; background:#ff9140; text-decoration:none; margin:0 auto; border-radius:50px; box-shadow:0 2px 4px 2px #ffe9cc; text-align:center;}
.application-pop{ display:none; overflow:hidden; width:820px; text-align:left; padding-bottom:30px; background-color:#fff; position:fixed; top:50%; left:50%; margin:-310px 0 0 -410px; z-index:199; border-radius:10px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.application-pop .tit{}
.application-pop h4{ line-height:66px; text-align:center; font-size:18px; font-weight:bold; color:#666; padding-top:21px;}
.application-pop .con{ padding:0 44px; height:310px; overflow-y:auto; padding-bottom:8px;}
.application-pop .con p{ line-height:28px;}
.application-pop .btn-wrap{ padding:0 44px; text-align:center;}
.application-pop .btn-wrap .chkName{ display:block; height:46px; line-height:46px; width:200px; overflow:hidden; position:relative; cursor:pointer;}
.application-pop .btn-wrap .chkName input{ position:absolute; left:0; top:-50px;}
.application-pop .btn-wrap .chkName i{ display:inline-block; width:18px; height:18px; border:1px solid #ccc; margin-right:5px; vertical-align:-5px; background-position:100px 0;}
.application-pop .btn-wrap .chkName.on i{ background-position:-205px 0;}
.application-pop .btn-wrap .btn,.application-pop .btn-wrap .btn-no{ display:block; width:150px; height:46px; line-height:46px; font-size:18px; color:#fff; background:#ff9140; text-decoration:none; margin:0 auto; border-radius:50px; box-shadow:0 2px 4px 2px #ffe9cc; text-align:center;}
.application-pop .btn-wrap .btn-no{ background:#bababa; color:#fff; box-shadow:0 2px 4px 2px #e3e3e3;}

/**/
.list-con{ background:#fff; border-radius:10px; box-shadow:0 0 5px 5px #ffe9cc; margin-bottom:45px; padding-bottom:50px; border:1px solid #ffe9cc;}
.list-con .list-tit{ height:108px; text-align:center; padding-top:5px;}
.list-con .list-tit span{ display:inline-block; height:108px; line-height:108px; font-size:30px; font-weight:bold; color:#262626;}
.list-con .list-tit span .bg1,.list-con .list-tit span .bg2{ display:block; width:43px; height:33px; left:-54px; top:34px; background-position:0 -337px;}
.list-con .list-tit span .bg2{ left:auto; right:-54px; background-position:0 -376px;}
.list-con .list-search{ text-align:center; height:48px; padding-bottom:4px;}
.list-con .list-search .search-input{ display:inline-block; *display:inline; *zoom:1; width:405px; text-indent:26px; height:46px; line-height:46px; border:1px solid #ccc; border-radius:50px; font-size:16px; color: #999;}
.list-con .list-search .search-btn{  display:inline-block; *display:inline; *zoom:1; width:107px; height:48px; line-height:48px; text-align:center; background:#ff9140; border-radius:50px; font-size:18px; color:#fff; text-decoration:none; margin-left:13px; *vertical-align:14px;}
.list-con .list-tit2{ height:40px; padding:19px 40px;}
.list-con .list-tit2 .student-nums{ height:40px; line-height:40px; font-size:18px; color:#ff9132;}
.list-con .list-tit2 .student-nums em{ font-size:22px; font-weight:bold;}
.list-con .list-tit2 .go-btn{ line-height:40px; margin-left:30px; display:block; font-size:16px; color:#ff0000;}
.list-con .list-tit2 .reset-btn{ display:block; width:162px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ff9132; background:#ffe9d9; border-radius:50px; text-decoration:none;}
.list-con .table-con{ padding:0 35px;}
.list-con .table-con .table{ width:100%; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.list-con .table-con .table th{ height:48px; line-height:48px; text-align:center; font-size:16px; color:#000; background:#f3f3f3; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.list-con .table-con .table th i{ display:inline-block; width:19px; height:17px; background-position:-167px -162px; margin-left:3px; vertical-align:-3px; *vertical-align:3px;}
.list-con .table-con .table th i.down{ background-position:-167px -252px;}
.list-con .table-con .table td{ height:38px; line-height:38px; text-align:center; color:#000; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.list-con .table-con .table tr:hover td{ background:#f5f5f5;}
.list-con .table-con .table .ts{ height:310px;}
.list-con .table-con .table .ts:hover{ background:#fff;}
.list-con .table-con .pages{ overflow:hidden; clear:both; text-align:center; height:34px; padding:50px 0 62px 0; color:#ccc;}
.list-con .table-con .pages a{ display:inline-block; margin:0 7px; vertical-align:middle; width: 34px; height: 34px; line-height:34px; color:#999; font-size: 14px; border-radius: 3px;}
.list-con .table-con .pages a:hover{ background-color: #ffe5d1; text-decoration: none;}
.list-con .table-con .pages .hover{ background-color:#ff9140; color:#fff;}
.list-con .table-con .pages .hover:hover{ background-color:#ff9140; color:#fff;}
.list-con .table-con .pages .sw{ width: 56px;}
.list-con .table-con .pages .np{ width: 70px;}
.list-con .table-con .pages .hui{ color: #cccccc; cursor: auto;}
.list-con .table-con .pages .hui:hover{ background:none;}

.list-con .tab-tit{ text-align:center; padding-bottom:20px;}
.list-con .tab-tit li{ height:50px; line-height:50px; display:inline-block; *display:inline; *zoom:1; font-size:24px; padding:0 20px; cursor:pointer; color:#666;}
.list-con .tab-tit li.cur{ font-weight:bold; color:#ff9132;}
.list-con .tab-con{ display:none}
.table-warp{ height:600px; overflow-y:auto;}

.applyList{ height:200px; overflow-y:auto;}


/*petalbox*/
#petalbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    pointer-events: none;
}
#petalbox > div {
    position: absolute;
    -webkit-animation-iteration-count: 1, 1;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
    -webkit-backface-visibility: hidden;
    animation-iteration-count: 1, 1;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;
    backface-visibility: hidden;
}
#petalbox > div > img {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-backface-visibility: hidden;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    backface-visibility: hidden;
}
@-webkit-keyframes fade {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 1100px, 0);
    }
}
@keyframes drop {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, 1100px, 0);
    }
}
@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: none;
    }
    100% {
        -webkit-transform: rotate(480deg);
    }
}
@keyframes clockwiseSpin {
    0% {
        transform: none;
    }
    100% {
        transform: rotate(480deg);
    }
}
@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform: none;
    }
    100% {
        -webkit-transform: rotate(-480deg);
    }
}
@keyframes counterclockwiseSpinAndFlip {
    0% {
        transform: none;
    }
    100% {
        transform: rotate(-480deg);
    }
}