@charset "utf-8";
/*www.1990.com.cn */
body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;background-image:url(../images/bg.jpg);}
a img{border:none;text-decoration:none;}
ul,ol,li,p,form,div,a,dl,dt,dd,strong{margin:0;padding:0;border:0;}
input{outline:none;}
img{vertical-align:middle;}
.clear{clear:both;height:0px;overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
a:link,a:visited{text-decoration:none;color:#454545;}
a:hover,a:active{text-decoration:none;color:#900;}
div,ul,li,p,form{padding:0px;margin:0px;list-style-type:none;}
a.bt:link,a.bt:visited{color:#2d1f01;font-size:14px;text-decoration:none;font-weight:bold;}
a.bt:hover,a.bt:active{color:#F00;font-size:14px;font-weight:bold;text-decoration:none;}
.text_14{color:#454545;font-size:14px;text-decoration:none;line-height:26px;}
a.text_14:link,a.text_14:visited{color:#454545;font-size:14px;text-decoration:none;line-height:26px;}
a.text_14:hover,a.text_14:active{color:#900;font-size:14px;text-decoration:none;line-height:26px;}
a.bt_14:link,a.bt_14:visited{color:#454545;font-size:14px;text-decoration:none;line-height:180%;}
.bt{line-height:180%;text-decoration:none;}
.yahei{font-family:'\5FAE\8F6F\96C5\9ED1','YaHei','Hei',Tahoma,Helvetica,arial,sans-serif}
.bh{display:block;overflow:hidden;margin:0;padding:0;text-indent:-999px;line-height:0;font-size:0}
.fl{float:left}
.fr{float:right}
.fengye{font-size:12px;}
iframe{height:400px;width:500px;}
a.bt_14:hover,a.bt_14:active{color:#900;font-size:14px;text-decoration:none;line-height:180%;}
a.menu:link,a.menu:visited{color:#FFF;font-size:14px;text-decoration:none;font-weight:bold;}
a.menu:hover,a.menu:active{color:#FFC;font-size:14px;font-weight:bold;text-decoration:none;}
.text_12{font-size:12px;color:#454545;line-height:180%;}
.more{font-size:12px;color:#454545;}
a.more:link,a.more:visited{color:#F00;font-size:12px;text-decoration:none;}
a.more:hover,a.more:active{color:#900;font-size:12px;text-decoration:none;}
.b_k_top_bottom{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-bottom-style:solid;border-top-color:#ddbfc1;border-right-color:#ddbfc1;border-bottom-color:#ddbfc1;border-left-color:#ddbfc1;}
.b_k{border:1px solid #b5df7d;}
.bt24{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";font-size:24px;line-height:45px;color:#454545;}
.imga{width:158px;float:left;overflow:hidden;border:1px solid #fdebec;text-align:center;margin-left:10px;margin-top:10px;height:158px;padding-top:5px;padding-right:0px;padding-bottom:0px;padding-left:0px;cursor:pointer;}
.imga cite{-moz-opacity:.50;filter:alpha(opacity=60);opacity:.60;color:#fff;position:relative;width:158px;font-style:normal;background-color:#132300;height:25px;padding:0px;display:block;top:-25px;margin-right:auto;margin-left:auto;}
.imga a{position:relative;top:-50px;width:auto;line-height:25px;font-size:12px;height:25px;color:#CCC;display:block;overflow:hidden;padding-right:2px;padding-left:2px;}
.imga:hover a{color:#FFF;text-decoration:none;}
.logobg{width:100%;background-color:#f2f2f2;min-width:1200px;min-width:980px;}
.logomain{height:100px;width:980px;margin-left:auto;margin-right:auto;}
.logomain .logo{height:100px;width:500px;float:left;}
.logomain .tel{height:100px;width:350px;float:right;}
.bclogo{background-image:url(../images/bglogo.jpg);height:120px;width:100%;background-position:center;background-repeat:no-repeat;}
.bclogo .main_c{position:relative;z-index:10;height:120px;width:980px;margin-right:auto;margin-left:auto;}
.bc{background-image:url(../ad/banner.jpg);height:265px;width:100%;background-position:center;background-repeat:no-repeat;background-color:#001949;}
.bc .main_c{position:relative;z-index:10;height:265px;width:980px;margin-right:auto;margin-left:auto;}
.sina{width: 238px; height: 500px; background:url(/statics/images/sina.jpg);background-size:238px 500px;background-repeat:no-repeat;}
/**/
.flexslider{position:relative;height:350px;overflow:hidden;background:url(/statics/ad/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.slides .lik { width: 1180px; height: 400px; margin-right: auto; margin-left: auto; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/statics/ad/dota.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dota.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.lspic{width:1006px;margin-right:auto;margin-left:auto;height:100%;padding-left:12px;}
.lspic .test_ul li{float:left;margin-right:10px;margin-bottom:10px;}
/* tabbox */
.tabbox{width:730px;margin:0px auto;position:relative;height:222px;overflow:hidden;background-color:#FFF;}
.tabbox .tabbtn{height:38px;border-left:solid 1px #ddbfc1;border-right:solid 1px #ddbfc1;background-image:url(/statics/images/bt_line.jpg);background-repeat:repeat-x;}
.tabbox .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:38px;line-height:38px;overflow:hidden;width:120px;text-align:center;font-size:14px;cursor:pointer;}
.tabbox .tabbtn li.current{border-left:solid 1px #ddbfc1;border-right:solid 1px #ddbfc1;border-top:solid 1px #ddbfc1;}
.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{border-top:solid 2px #b22d37;height:35px;line-height:35px;background:#fff;color:#CC0000;font-weight:800;}
.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabbox .tabcon{padding:10px;border-width:0 1px 1px 1px;border-color:#ddbfc1;border-style:solid;height:163px;}
.tabbox .tabcon li{height:28px;line-height:28px;overflow:hidden;font-size:14px;background-image:url(/statics/images/dot_line.gif);background-repeat:repeat-x;background-position:bottom;}
.tabbox .tabcon li span#bt{font-size:14px;color:#ddbfc1;background-image:url(/UploadFiles/title.gif);margin-top:0;margin-right:8px;margin-bottom:0;margin-left:0;background-repeat:no-repeat;width:50px;}
.tabbox .tabcon li span#date{float:right;color:#666;width:60px;font-size:12px;}
/* tabboxpic */
.tabboxpic{width:728px;margin:0px auto;position:relative;overflow:hidden;background-color:#FFF;clear:both;overflow:auto;border-width:0 1px 1px 1px;border-color:#ddbfc1;border-style:solid;padding-bottom: 30px;}
.tabboxpic .tabbtn{height:38px;background-image:url(/statics/images/bt_line.jpg);background-repeat:repeat-x;}
.tabboxpic .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}
.tabboxpic .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:38px;line-height:38px;overflow:hidden;width:120px;text-align:center;font-size:14px;cursor:pointer;}
.tabboxpic .tabbtn li.current{border-left:solid 1px #ddbfc1;border-right:solid 1px #ddbfc1;border-top:solid 1px #ddbfc1;}
.tabboxpic .tabbtn li.current a,.tabbox .tabbtn li.current span{border-top:solid 2px #b22d37;height:35px;line-height:35px;background:#fff;color:#CC0000;font-weight:10;}
.tabboxpic .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabboxpic .tabpic{padding:10px;}
.tabboxpic .tabpic ul{}
.tabboxpic .tabpic li{width:215px;height:235px;line-height:28px;overflow:hidden;font-size:14px;float:left;display:inline;padding:10px;}
.tabboxpic .tabpic li a{display:block;}
.tabboxpic .tabpic li a img{padding:0px;height:215px;width:215px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#e6e6e6;border-right-color:#e6e6e6;border-bottom-color:#e6e6e6;border-left-color:#e6e6e6;}
.tabboxpic .tabpic li span a{width:215px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;background-color:#f6f5f5;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-color:#e6e6e6;border-top-color:#e6e6e6;border-bottom-color:#e6e6e6;border-left-color:#e6e6e6;}
/* cppic */
.cppic{width:708px;margin:0px auto;position:relative;}
.cppic li{width:215px;height:238px;line-height:28px;overflow:hidden;font-size:14px;float:left;display:inline;padding:10px;}
.cppic li a{display:block;}
.cppic li a img{padding:0px;height:215px;width:215px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#e6e6e6;border-right-color:#e6e6e6;border-bottom-color:#e6e6e6;border-left-color:#e6e6e6;}
.cppic li span a{width:215px;height:24px;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;background-color:#f6f5f5;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-color:#e6e6e6;border-top-color:#e6e6e6;border-bottom-color:#e6e6e6;border-left-color:#e6e6e6;}
/*网站头部*/
/*nav*/
s.con-boxIndex{margin:0 auto;padding:0;width:1109px;_width:962px;_margin-bottom:-6px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{height:1%}
.clearfix{display:block}
.col960{width:1000px;margin:auto;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";}
.navbg{height:40px;width:100%;box-shadow:1px 1px 7px #da1616;position:absolute;z-index:999;left:0;background-image:url(nav.jpg);background-repeat:repeat-x;}
#navul li{float:left;margin-right:1px;width:139px;height:40px;position:relative;text-align:center;line-height:40px;background-image:url(menuli.png);background-repeat:no-repeat;background-position:right;}
#navul li.navhome{text-align:left;padding:0 0px 0 40px;width:60px;}
#navul li a:link,#navul li a:visited{color:#FFFFFF;}
#navul li ul{display:none;position:absolute;z-index:10000;top:38px;left:-1px;background:#c20001;border:#a50000 1px solid;border-bottom:none;}
#navul li ul li{display:block;width:137px;float:none;margin-right:0px;height:35px;position:relative;line-height:35px;border-bottom:#a50000 1px solid;font-size:14px;}
#navul li.navmoon{border:#a50000 1px solid;width:137px;height:38px;line-height:38px;background-image:url(menu.png);background-repeat:repeat-x;}
#navul li.navmoon a{color:#FFFFFF;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";}
#navul li.navhome a:hover{background-color:#a50000;color:#FCFF00;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:137px;height:35px;line-height:35px;}
#navul li.navmoon ul a:hover{background-color:#a50000;}
/*公共样式 white-space:nowrap;*/
.main{width:730px;float:left;display:inline;}
.ico_app,#prevBtn2,#nextBtn2,.key,.searchBtn,.title02 strong,.title03 strong,.dl02 dd,#nextBtn3,#prevBtn3,.ul17{background:url(/statics/images/icons.gif) no-repeat;}
/*2-首页搜索*/
/*Search START*/
.searchBtn{background:url(../images/icons.gif) no-repeat;}
.search{height:60px;}
.searchbox{float:left;width:728px;height:58px;background:url(../images/libg.gif) repeat-x 0 -102px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#E7E7E7;border-right-color:#E7E7E7;border-bottom-color:#E7E7E7;border-left-color:#E7E7E7;}
.Engine{position:relative;margin:12px 0 0 14px;float:left;display:inline;width:82px;height:32px;border:1px solid #D5D5D5;background:#FEFEFE;z-index:99;}
.p02{cursor:pointer;position:absolute;background:url(../images/icon04.gif) no-repeat 68px 15px;width:82px;height:32px;}
.searchGo{float:left;display:inline;margin-top:12px;}
.EngineBox{display:none;position:absolute;top:32px;width:82px;overflow:hidden;zoom:1;left:-1px;border:1px solid #D5D5D5;border-top:none;padding-top:1px;background:url(../images/liness.jpg) no-repeat center top #FFF;}
.EngineBox span{padding-left:5px;display:block;float:left;}
.key{color:#555;float:left;display:inline;width:300px;height:22px;border:none;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background-position:-85px -54px;font-size:14px;line-height:22px;padding:5px 0 5px 10px;}
.searchBtn{float:left;display:inline;width:62px;height:34px;background-position:-100px 0;border:none;cursor:pointer;}
.searchBtn:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
.hotWords{float:left;display:inline;margin:11px 0 0 4px;line-height:18px;}
.hotWords p{height:18px;overflow:hidden;zoom:1;width:392;}
.hotWords p a{color:#777;font-size:12px;text-decoration:none;padding-left:8px;display:inline-block;height:18px;overflow:hidden;zoom:1;float:left;}
.hotWords p a:hover{color:#CC0000;text-decoration:underline;}
/*Search END*/
#footer .boul .ico{background:url(/statics/images/wowoicon626.png) no-repeat}
.footer-btm .wowofawu a,#footer .kefu-bottom h2,#footer .kefu-bottom a{background:url(/statics/images/wowofootermsg626.png) no-repeat}
#footer{border-top:1px solid #e0c1c3;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";width:100%;margin:20px 0 0;border-bottom:1px solid #e0c1c3;background-color:#900;}
.ofcal_store #footer{margin:0}
#footer b.top{display:block;width:100%;overflow:hidden;text-indent:-999px;font-size:0;padding:0 0 25px;line-height:0;height:0;border-top:1px solid #FFF}
#footer .bottom-box{width:900px;margin:0 auto}
#footer .boul{float:left;width:120px;margin:30px 51px 0 0;display:block;_margin-right:30px;border-left:#e0c1c3 solid 1px;position:relative;z-index:1}
#footer .boul .ico{position:absolute;left:0;top:0;width:27px;height:26px;background-position:0 -101px;left:-13px;top:-5px}
#footer .boul .ico2{background-position:0 -136px}
#footer .boul .ico3{background-position:0 -172px}
#footer .boul .ico4{background-position:0 -208px}
#footer .boul-list{padding:0 0 0 20px;border-left:#f5fcff solid 1px;min-height:229px;_height:229px}
#footer .boul-list li{display:block;width:120px;padding:7px 0}
#footer .boul-list .li-x{padding:0 0 10px}
#footer .boul-list h2{width:60px;height:16px;font-size:14px;color:#333;line-height:16px;font-family:'\5FAE\8F6F\96C5\9ED1','YaHei','Hei'}
#footer .boul-list .h2-1{background-position:0 -118px}
#footer .boul-list .h2-2{background-position:0 -140px}
#footer .boul-list .h2-3{background-position:0 -161px}
#footer .boul-list .bolist-a{font-size:12px;white-space:nowrap;display:block;height:15px;line-height:15px;background-position:0 -271px;color:#666}
#footer .boul-list .bolist-a:hover{text-decoration:underline}
#footer .kefu{float:left;border-left:#e0c1c3 solid 1px}
#footer .kefu-bottom{float:left;padding:0 0 0 5px;width:160px;border-left:#f5fcff solid 1px;padding-top:30px;padding-left:40px;height:229px}
#footer .kefu-bottom h2{width:143px;height:135px}
#footer .kefu-bottom .kh2-0{background-position:-155px -45px;margin-bottom:6px}
#footer .kefu-bottom .kh2-1{color:#666;text-align:center;font-size:12px;background-image:none;height:20px;font-family:'\5FAE\8F6F\96C5\9ED1','YaHei','Hei'}
#footer .kefu-bottom .kh2-2{background-position:-298px -45px;width:150px;margin-bottom:15px}
#footer .kefu-bottom .kh2-3{background-position:-448px -45px;width:153px}
#footer .kefu-bottom .kh2-3 a{display:block;background-image:none}
#footer .kfwwweibo{height:35px;width:143px}
#footer .kfwwweibo:hover{text-decoration:none}
#footer .kefu-bottom a{height:35px;width:153px;background-position:0 -43px;margin-bottom:5px}
#footer .kefu-bottom a:hover{text-decoration:underline}
.footer-btm{width:100%;border-top:#f5fcff solid 1px;background-color:#fdebec;padding:40px 0 30px;background-image:url(/statics/images/bgbottom.jpg);}
.footer-btm .wowofawu{margin:8px auto 0;width:385px;height:40px;position:relative;text-align:center}
.footer-btm .wowofawu a{float:left;display:block;overflow:hidden;height:39px;text-indent:0;font-size:0;line-height:0;margin:0 10px 0 0}
.footer-btm .wowofawu .ningbo{float:none;background:0;text-indent:0;position:absolute;top:0;right:-40px}
.footer-btm .wowofawu a:hover{text-decoration:none}
.footer-btm .wowofawu a.fawu-1{width:118px;background-position:0 0}
.footer-btm .wowofawu a.fawu-3{width:118px;background-position:-123px 0}
.footer-btm .wowofawu a.fawu-4{width:110px;background-position:-246px 0}
.footer-btm .wowofawu a.fawu-5{width:103px;background-position:-361px 0}
.footer-btm .wowofawu a.fawu-6{width:120px;background-position:-469px 0}
.footer{width:100%;height:25px;line-height:25px;font-size:12px;text-align:center;color:#666;background-color:#fdebec !important;background-image:url(/statics/images/bgbottom.jpg);}
.footer a{color:#666}
#footer{border-top:1px solid #e0c1c3;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"Arial Black";width:100%;margin:20px 0 0;border-bottom:1px solid #e0c1c3;background-color:#fdebec;background-image:url(/statics/images/bgbottom.jpg);}
.ofcal_store #footer{margin:0}
#footer b.top{display:block;width:100%;overflow:hidden;text-indent:-999px;font-size:0;padding:0 0 25px;line-height:0;height:0;border-top:1px solid #f5fcff}
#footer .bottom-box{width:900px;margin:0 auto}
#footer .boul{float:left;width:120px;margin:30px 51px 0 0;display:block;_margin-right:30px;border-left:#e0c1c3 solid 1px;position:relative;z-index:1}
#footer .boul .ico{position:absolute;left:0;top:0;width:27px;height:26px;background-position:0 -101px;left:-13px;top:-5px}
#footer .boul .ico2{background-position:0 -136px}

/*通用动画按钮开始*/
.set_container{width:350px;margin:auto;padding-bottom:0px;clear:both;padding-top:45px;float:right;}
.set_4_button1{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 10px;line-height:42px;border:1px solid #FFF;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#FFF;margin-right:0.5em;}
.set_4_button1.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#3479b6;border:1px solid #2e6ca3;border-radius:5px;}
.set_4_button1.raised:active{background:#ec423b;box-shadow:0px 1px 1px #c12824;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 2 *******/
.set_4_button2{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 10px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#337ab7;margin-right:0.5em;}
.set_4_button2.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#5ab75d;border:1px solid #4aad4e;border-radius:5px;}
.set_4_button2.raised:active{background:#f2625a;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 3 *******/
.set_4_button3{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 10px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#FFF;margin-right:0.5em;}
.set_4_button3.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#5bbfdd;border:1px solid #46b7d9;border-radius:5px;}
.set_4_button3.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 5 *******/
.set_4_button5{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 10px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#337ab7;margin-right:0.5em;}
.set_4_button5.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#efac50;border:1px solid #eda139;border-radius:5px;}
.set_4_button5.raised:active{background:#f2625a;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 4 *******/


.set_4_button4{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 10px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#252b2d;margin-right:0.5em;border:1px solid #4cae4c;border-radius:5px;}
.set_4_button4.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#d8524e;border:1px solid #d33e3a;}
.set_4_button4.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/*通用动画按钮结束*/