*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{color:#000;background:#fff;overflow-x: hidden;overflow-y: auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{width:100%;height:100%;font: 14px/1.5 "Lucida Sans Typewriter","Helvetica Neue",Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","\5B8B\4F53";color:#333;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
input,select,textarea{font-size:100%}
ol li,ul li,ul li li{list-style:none}
caption,th{text-align:left}
.h1, h1{font-size: 36px;}
.h2, h2{font-size: 30px;}
.h3, h3{font-size: 24px;}
.h4, h4{font-size: 18px;}
.h5, h5{font-size: 14px;}
.h6, h6{font-size: 12px;}
q:after,q:before{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a{color:#222;}
a:hover{text-decoration:none;color: #FF565B}
a,ins{text-decoration:none}
a:active,a:focus,a:hover,a:link,a:visited{outline:0;text-decoration:none}
.h2 { font-size: 40px; font-weight: 700; }
.text-black { color: #000; }
.text-red { color: #ff5a78; }
.text-white { color: #fff; }
.fa-headphones:before {
    content: "\e75a";
}

.fa-weixin:before {
    content: "\e60a";
}
.fa-tel:before {
    content: "\e603";
}


/* header */
.header{background:#fff;position:relative;z-index:19;width:100%}
.header .container{height:43px;border-bottom: 1px solid #DEDEDE;}
.header.shadow{background:#f5f5f5;border-bottom:1px solid #D5D5D5;box-shadow:0 1px 4px 1px rgba(0,0,0,.1)}
.header .site-links{float:left}
.header .share-entry{float:right;width:150px;height:35px;margin:6px 20px 6px 0;border-radius:3px;overflow:hidden}
.header .user-links{float:right}
.header .link,.header .split{display:inline-block;vertical-align:middle}
.header .split2{width:1px;height:12px;background:#e1e1e1;display:inline-block;vertical-align:middle;margin-top:3px}
.header .link{height:43px;line-height:43px;font-size:14px;color:#484848;text-decoration:none;padding:0 14px}
.header .link b,.header .link:after{display:inline-block;font-weight:400;font-style:normal;vertical-align:middle;color:#FF565B}
.header .link b{margin-left:6px;color:#000}
.header .link i{width:17px;color:#F33;font-size: 17px;}
.header .link:hover{transition:all ease .2s;color:#ef4c01}
.header .link:hover i{transition:all ease .2s}
.header .link:hover b{color:#FF565B}
.header .tel:hover{color:#FF565B;text-decoration:none}
.header .tel i{display:inline-block;position:relative;background-size:contain;}
.header .tel b{font-size:14px;color:#FF565B;font-family:'Times New Roman',"Microsoft YaHei";font-size:22px;font-weight:bold;}
.header .split{width:1px;height:12px;background:#e1e1e1}
.header .split-long{height:20px;background:#666;position:relative}
.header .site-links .wechat{position:relative;padding-left:0}
.header .site-links .wechat .dropdown:after,.header .site-links .wechat .dropdown:before,.header .site-links .wechat:after{content:"";width:0;height:0;font-size:0;border-style:solid}
.header .site-links .wechat:after{margin-left:2px;border-width:3px 3px 0;border-color:#bbb transparent transparent;transition:all ease .2s;transform:rotate(-90deg)}
.header .site-links .wechat:hover:after{transform:rotate(0);border-top-color:#EF4C01}
.header .site-links .wechat:hover .dropdown{display:block;-webkit-animation:dropdownShow ease .4s;animation:dropdownShow ease .4s}
.header .site-links .wechat .dropdown{position:absolute;padding:5px;border:1px solid #e4e4e4;border-radius:2px;box-shadow:0 1px 2px 1px rgba(0,0,0,.1);background:#fff;top:95%;left:0;display:none}
.header .site-links .wechat .dropdown:after,.header .site-links .wechat .dropdown:before{position:absolute;border-width:0 8px 8px;border-color:transparent transparent #e4e4e4;top:-8px;left:30px;z-index:1}
.header .site-links .wechat .dropdown:after{z-index:2;border-bottom-color:#fff;top:-6px}
.header .site-links .wechat .dropdown img{width:161px;height:161px;vertical-align:bottom}
.header .user-links .link{padding:0 10px}
.header .user-links .link i{font-size:14px;margin-right:3px;min-width:14px}
.header .user-links .login-btn,.header .user-links .register-btn{font-weight:400}
.header .user-links .client-down,.header .user-links .client-down2,.header .user-links .open-lessons,.header .user-links .open-lessons2,.header .user-links .question-bank,.header .user-links .question-bank2,.header .user-links .sitemap{margin-left:15px}
.header .user-links .client-down a,.header .user-links .client-down2 a,.header .user-links .open-lessons a,.header .user-links .open-lessons2 a,.header .user-links .question-bank a,.header .user-links .question-bank2 a,.header .user-links .sitemap a{display:inline-block;color:#848386;font-size:14px;height:43px;line-height:43px;text-decoration:none;vertical-align:middle;font-weight: 600;}
.header .user-links .sitemap:hover a{color:#666}
.header .user-links .question-bank:hover a{color:#666}
.header .user-links .open-lessons:hover a{color:#666}
.header .user-links .client-down:hover a{color:#666}
.header .user-links .question-bank2:hover a{color:#666}
.header .user-links .open-lessons2:hover a{color:#666}
.header .user-links .client-down2:hover a{color:#666}
.header .user-links .user .avatar{width:24px;height:24px;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:6px;outline:0;overflow:hidden}
.header .user-links .msg{position:relative}
.header .user-links .msg .count{position:absolute;background-color:#ff6161;color:#fff;text-align:center;font-size:12px;font-family:SimSun;width:16px;height:16px;border-radius:100%;line-height:19px;top:4px;left:5px}
/* nav*/
.nav{ width: 100%; background: #fff; }
.logo{float: left;height: 72px;}
.logo::before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.logo img{max-height: 50px;padding-top: 0;padding-bottom: 0;vertical-align: middle;}
.menu{float: right;}
.menu > li{position: relative;display: inline-block;padding-left: 35px;}
.menu > li > a{position: relative;display: block;font-size: 15px;line-height: 72px;z-index: 99;}
.sub-menu{position: absolute;top: 100%;left: 50%;width: 200px;padding: 10px 0;margin-left: -90px;background-color: #FFF;zoom: 1;z-index: 99;box-shadow: 0 1px 3px rgba(0,0,0,0.15);visibility: hidden;opacity: 0;transition: transform 0.05 linear 0.2s, opacity 0.05 linear 0.2s, visibility 0.05 linear 0.2s;transform: translateY(20px);box-shadow: 0 0 3px rgba(0,0,0,.3);}
.sub-menu li{text-align: left;}
.sub-menu li a{display: block;padding: 0 20px;line-height: 45px;}
.menu > li:hover .sub-menu{opacity: 1;visibility: inherit;transform: translateY(0);}
.nav-line{position: absolute;left: 0;bottom: 0;height: 4px;line-height: 4px;font-size: 0;width: 52px;background: #FF565B;}
/* .fixed{position: fixed;top: 0;left: 0;height: 50px;padding-top: 0;z-index: 999;}
.fixed .logo{height: 50px;}
.fixed .menu > li > a{line-height: 50px;} */
/* footer */
/* footer */
.footer {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center 0;
    position: relative;
    transition: all 1s;
    color: #707070;
    background-size: cover;
}.hotline{margin: 80px 0;}
.hotline span{display: block;margin-bottom: 15px;font-size: 20px;}
.hotline h3{display: block;font-size: 36px;color: #FF565B;line-height: 54px;}
.hotline p{display: block;font-size: 14px;}
.hotline a{display: inline-block;width: 166px;height: 38px;margin-top: 35px;line-height: 38px;font-size: 16px;color: #707070;border: 1px solid #707070;text-align: center;}
.hotline small{display: block;margin-top: 20px;color: #FF565B;font-size: 20px;}
.hotline a:hover{border-color: #FF565B;background-color: #FF565B;color: #FFF;}
.copyright{padding: 50px 0;border-top: 1px solid #444;}
.copyright .float-left{display: inline-block;}
.copyright a{margin: 0 5px;color: #707070;}
.copyright .float-left a.red{color: #FF565B;}
.footer-menu{float: right;}
.footer-menu a{display: inline-block;margin-left: 10px;color: #999;}
.totop{width: 40px;height: 40px;bottom: 10px;right: 0px;position: fixed;cursor: pointer;z-index: 999999;display: block;background: #1B1B1B;}
.baoming{position: fixed;top: 20%;right: 0;width: 165px;height: 432px;padding: 10px;background: url("../images/baoming.png") no-repeat center center;z-index: 98;}
.baoming .form{width: 100%;margin-top: 105px;overflow: hidden;}
.baoming input, .baoming button{outline: 0;width: 100%;padding: 0 5px;background: transparent;font-size: 12px;}
.baoming button{height: 30px;background-color: #ff565b;border: 0;color: #FFF;}
.baoming input{height: 22px;line-height: 22px;border: 1px solid #d6d6d6;border-radius: 4px;}
.baoming li{padding: 0 12px;margin-bottom: 5px;}
/* banner */
.banner{width: 100%;overflow: hidden;}
.slider{position: relative;width: 100%;background: #999;}
.slider .bd a{display: block;font-size: 0;line-height: 1;}
.slider .hd{position: absolute;bottom: 45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;z-index: 9;}
.slider .hd li{position: relative;display: inline-block;width: 100px;height: 6px;margin: 0 5px;padding: 0;cursor: pointer;background: rgba(255,255,255,.8);}
.slider .hd li.on{background: #FF565B;}
.slider a i{font-size: 50px;line-height: 60px;}
.slider .prev, .slider .next{position: absolute;top: 50%;display: block;width: 45px;height: 60px;margin-top: -30px;color: #FFF;text-align: center;}
.slider .prev{left: 50px;}
.slider .next{right: 50px;}
/* mod */
.mod { width: 100%; padding-bottom: 80px; background: url("../images/mod.jpg") no-repeat 50% 50%; }
.mod-1 { padding-right: 60px; }
.mod-1 h2 { margin-top: 89px; }
.mod-1 p { display: block; margin-top: 30px; line-height: 36px;font-size: 18px; color: #333; text-align: justify; }
.mod-1 a { margin-top: 50px; display: block; width: 150px; height: 46px; line-height: 50px; text-align: center; background: #ff5a78; font-size: 16px; color: #fff; }
.mod-2 { padding-left: 102px; }
.mod-2 h2 { margin-top: 89px; }
/* section */
.box01 li{margin-right:15px; float:left;}
.box01 h3{font-size:20px; border-bottom:2px solid #9c7fe7; padding-bottom:12px; margin-bottom:12px; width:50px; float:left; font-weight:600;}
.box01 p{font-size:14px; display:inline; float:left; line-height:25px;}
.box01 img{float:left; margin-right:12px;}
.box01 .lia{width:325px;}
.box01 .lib{width:265px;}
.box01 .lic{width:261px;}
.box01 li.lid{width:233px; margin-right:0px;}
.box02 li{width:275px; height:100px; float:left; margin-right:13px; margin-top:50px; text-align:center; background:#fff; position:relative;}
.box02 li h5{font-size:16px; color:#000; padding-top:36px;}
.box02 li p{color:#999; font-size:16px; padding-top:5px;}
.box02 li em{width:68px; height:68px; display:block; background:url(../images/box02_bg.png) no-repeat; position:absolute; bottom:68px; left:50%; margin-left:-34px;}
.box02 li.lia em{background-position:0 0;}
.box02 li.lib em{background-position:-297px 0;}
.box02 li.lic em{background-position:-590px 0;}
.box02 li.lid em{background-position:-886px 0;}
.box02 li.lie em{background-position:0 -150px;}
.box02 li.lif em{background-position:-297px -150px;}
.box02 li.lig em{background-position:-590px -150px;}
.box02 li.lih em{background-position:-886px -150px;}
.box02 li.lid,.box02 li.lih{margin-right:0px;}
.box02 li a{width:100%; height:100%; display:block;}
.box02 li a:hover{box-shadow:0 0 8px rgba(0,0,0,0.2);}
.box02 li a:hover h5{color:#967ae1;}
.box02 li a:hover p{color:#967ae1;}
.section { padding: 70px 0; }
.section-title { position: relative; width: 100%; }
.section-link { position: absolute; right: 15px; top: 36px; font-size: 16px; text-decoration: underline!important; }
.section-text { font-size: 14px; color: #676767; margin-top: 15px;}
.cm-red-left, .cm-red-right, .cm-white-left, .cm-white-right { position: relative; display: inline-block; width: 19px; height: 40px; background-repeat: no-repeat; background-position: 50%; }
.cm-red-left { top: 5px; background-image: url("../images/cm-red-left.png"); }
.cm-red-right { bottom: -12px; background-image: url("../images/cm-red-right.png"); }
.cm-white-left { top: 5px; background-image: url("../images/cm-white-left.png"); }
.cm-white-right { bottom: -12px; background-image: url("../images/cm-white-right.png");   }
.word { width: 100%; margin-bottom: 30px; background: #f5f5f5; }
.word-img { width: 100%; display: block; font-size: 0; line-height: 1; }
.word-img img { font-size: 0; line-height: 1; }
.word-text { position: relative; padding: 35px 20px 20px 20px; }
.word-text p { font-size: 16px; text-align: center; }
.word-text .word-tt { position: absolute; left: 50%; top: -25px; display: inline-block; width: 170px; height: 50px; margin-left: -85px; line-height: 50px; font-size: 22px; color: #fff; background-color: #ff5a78; text-align: center; font-weight: 600; }
.luncheng { position: relative; height: 465px; padding: 50px 0; background: url("../images/luncheng.jpg") no-repeat; }
.luncheng-link { position: absolute; left: 50%; bottom: 70px; margin-left:-75px; display: block; width: 150px; height: 46px; line-height: 46px; background-color: #ff5a78; font-size: 16px; text-align: center; color: #fff; }
.luncheng-link:hover { color: #fff; }
.zy{height:700px;}
.zy01{background:url(../images/zy_01.jpg) center no-repeat;}
.zy .zy_con{width:1120px; background:#fff; height:543px; padding:35px 0 0 45px; margin-top:35px; position:relative;}
.zy_even .zy_con{float:right; padding:35px 45px 0 0;}
.zy .zy_con .zy_con_con{width:386px;}
.zy_even .zy_con .zy_con_con{float:right;}
.zy_even .zy_con h2{text-align:right;}
.zy .zy_con h2{line-height:40px;}
.zy .zy_con h2 i{font-size:40px; color:#c9e04f;}
.zy .zy_con h2 span{font-size:26px;}
.zy .zy_con h3{font-weight:bold; font-size:22px; padding-top:10px;}
.zy01 .zy_con h3{color:#b9d149;}
.zy .zy_con h3 font{font-weight:normal; font-size:16px;}
.zy .zy_con h4{font-size:16px; font-weight:bold; padding-top:10px;}
.zy .zy_con p{width:386px; color:#666; padding-top:8px; padding-bottom:10px;}
.zy .zy_con .zy_tit{position:absolute; top:34px; left:550px;}
.zy .zy_con .zy_tx{position:absolute; top:-75px; right:30px;}
.zy_even .zy_con .zy_tit{position:absolute; top:34px; left:235px;}
.zy_even .zy_con .zy_tx{position:absolute; top:-75px; left:30px;}
.zy .zy_con .zy_tit h3{color:#000; font-size:20px;}
.zy .zy_con .zy_tit h3 i{font-size:32px; color:#c9e04f; font-weight:normal;}
.zy .zy_con .zy_fr{width:690px; height:523px; position:absolute; top:106px; right:-20px;}
.zy_even .zy_con .zy_fr{position:absolute; top:106px; right:460px;}
.zy .zy_con .zy_fr h3{color:#000; text-align:center; padding:20px 0;}
.zy01 .zy_con .zy_fr{background:#c1d94c;}
.zy .zy_con .zy_fr .zy_fr_con{width:290px; margin-left:40px; float:left;}
.zy .zy_con .zy_fr a.gdyx{width:98px; height:28px; display:block; border:1px solid #000; line-height:28px; text-align:center; font-size:14px; position:absolute; bottom:20px; right:45px;}
.zy .zy_con .zy_fr a.gdyx:hover{background:#fff; color:#000;}
.zy .zy_con .zy_fr dl dt{width:210px; height:36px; line-height:38px; text-align:center; border:1px solid #000;font-size:16px; font-weight:bold;}
.zy .zy_con .zy_fr dl dd{margin-top:30px;}
.zy .zy_con .zy_fr dl dd img{width:38px; height:38px; border-radius:50%; float:left; margin-right:10px; vertical-align:middle;}
.zy .zy_con .zy_fr dl dd h4{float:left; padding-top:0px;}
.zy .zy_con .zy_fr dl dd em{float:left; font-style:normal;}
.zy .zy_con .yuanquan{position:absolute; top:190px; left:0px; color:#c1d94c;}
.zy_even .zy_con .yuanquan{left:1090px;}
.zy .zy_con .yuanquan .iconfont{font-size:15px;}
.zy .zy_con .yuanquan .icon-yuanquan{font-size:12px;}
.zy .zy_con .yuanquan .c0000{color:rgba(0,0,0,0);}
.zy02{background:url(../images/zy_02.jpg) center no-repeat;}
.zy02 .zy_con h3{color:#a6dff2;}
.zy02 .zy_con .zy_fr{background:#9fd8ed;}
.zy02 .zy_con .zy_tit h3 i{color:#a6dff2;}
.zy02 .zy_con h2 i{color:#a6dff2;}
.zy02 .zy_con .yuanquan{color:#a6dff2;}
.zy03{background:url(../images/zy_03.jpg) center no-repeat;}
.zy03 .zy_con h3{color:#ebaf44;}
.zy03 .zy_con .zy_fr{background:#f0b747;}
.zy03 .zy_con .zy_tit h3 i{color:#ebaf44;}
.zy03 .zy_con h2 i{color:#ebaf44;}
.zy03 .zy_con .yuanquan{color:#ebaf44;}
.zy04{background:url(../images/zy_04.jpg) center no-repeat;}
.zy04 .zy_con h3{color:#967ae0;}
.zy04 .zy_con .zy_fr{background:#9c7fe7;}
.zy04 .zy_con .zy_tit h3 i{color:#967ae0;}
.zy04 .zy_con h2 i{color:#967ae0;}
.zy04 .zy_con .yuanquan{color:#967ae0;}
.zy05{background:url(../images/zy_05.jpg) center no-repeat;}
.zy05 .zy_con h3{color:#da3942;}
.zy05 .zy_con .zy_fr{background:#e13b45;}
.zy05 .zy_con .zy_tit h3 i{color:#da3942;}
.zy05 .zy_con h2 i{color:#da3942;}
.zy05 .zy_con .yuanquan{color:#da3942;}
.zy06{background:url(../images/zy_06.jpg) center no-repeat;}
.zy06 .zy_con h3{color:#e5c936;}
.zy06 .zy_con .zy_fr{background:#fbe763;}
.zy06 .zy_con .zy_tit h3 i{color:#e5c936;}
.zy06 .zy_con h2 i{color:#e5c936;}
.zy06 .zy_con .yuanquan{color:#e5c936;}
.zy07{background:url(../images/zy_07.jpg) center no-repeat;}
.zy07 .zy_con h3{color:#44caa7;}
.zy07 .zy_con .zy_fr{background:#44caa7;}
.zy07 .zy_con .zy_tit h3 i{color:#44caa7;}
.zy07 .zy_con h2 i{color:#44caa7;}
.zy07 .zy_con .yuanquan{color:#44caa7;}
.zy08{background:url(../images/zy_08.jpg) center no-repeat;}
.zy08 .zy_con h3{color:#3c95d4;}
.zy08 .zy_con .zy_fr{background:#4587c6;}
.zy08 .zy_con .zy_tit h3 i{color:#3c95d4;}
.zy08 .zy_con h2 i{color:#3c95d4;}
.zy08 .zy_con .yuanquan{color:#3c95d4;}
.zy03 .zy_con .zy_fr h3,.zy04 .zy_con .zy_fr h3,.zy05 .zy_con .zy_fr h3,.zy08 .zy_con .zy_fr h3{color:#fff;}
.zy03 .zy_con .zy_fr dl dt,.zy04 .zy_con .zy_fr dl dt,.zy05 .zy_con .zy_fr dl dt,.zy08 .zy_con .zy_fr dl dt{color:#fff; border:1px solid #fff;}
.zy03 .zy_con .zy_fr dl dd a,.zy04 .zy_con .zy_fr dl dd a,.zy05 .zy_con .zy_fr dl dd a,.zy08 .zy_con .zy_fr dl dd a{color:#fff;}
.zy03 .zy_con .zy_fr dl dd a:hover,.zy04 .zy_con .zy_fr dl dd a:hover,.zy05 .zy_con .zy_fr dl dd a:hover,.zy08 .zy_con .zy_fr dl dd a:hover{color:#ff565b;}
.zy03 .zy_con .zy_fr a.gdyx,.zy04 .zy_con .zy_fr a.gdyx,.zy05 .zy_con .zy_fr a.gdyx,.zy08 .zy_con .zy_fr a.gdyx{color:#fff; border:1px solid #fff;}
.font-white{color:#fff;}
.anli{padding:50px 0;}
.anli .anli_tit{text-align:center;}
.anli .anli_tit li{width:120px; height:32px; display:inline-table; margin-right:25px; line-height:32px; text-align:center; border:1px solid #666; cursor:pointer;}
.anli .anli_tit li.on{border:1px solid #8a73c7; color:#8a73c7;}
.anli .anli_tit li.lilast{margin-right:0px;}
.anli .anli_con{width:100%; margin-top:30px;}
.anli .anli_con dd{display:none;}
.anli .anli_con ul.clearfix li{width:20%; float:left; position:relative; margin-bottom:-6px;}
.anli .anli_con ul.clearfix li img{width:100%;}
.anli .anli_con ul.clearfix li span{width:100%; padding:0 5%; height:45px; line-height:45px; color:#fff; background:rgba(0,0,0,0.75); position:absolute; bottom:6px; display:none;}
.anli .anli_con ul.clearfix li span font{float:right;}
.wenti{padding:50px 0 30px 0; background:#f5f5f5;}
.wenti li{float:left; width:360px; height:92px; margin:0 20px 20px 0;}
.wenti li.lilast{margin-right:0px;}
.wenti li a{width:100%; height:100%; display:block; border-right:3px solid #8a73c7; background:#fff; text-align:center; padding-top:24px; font-size:16px;}
.wenti li.lifive a{ padding-top:36px;}
.wenti li a:hover{color:#fff; background:#8a73c7;}
.text-zise{color:#8a73c7;}
.aojiao { background: #fff url("../images/aojiao.jpg") no-repeat; }
.aojiao-box { background: #fff; text-align: center; box-shadow: 0 0 5px #bbb}
.aojiao-box img {}
.aojiao-box h2 { margin-top: 25px; font-size: 24px; font-weight: 700; }
.aojiao-box p { margin-top: 25px; line-height: 25px; font-size: 16px; color: #666; }
.aojiao-box a { display: inline-block; width: 120px; margin-top: 50px; margin-bottom: 30px; line-height: 32px; font-size: 16px; color: #666; text-align: center; border: 1px solid #8a73c7; }
.aojiao-box:hover { box-shadow: 0 0 5px #bbb;  }
.yuanwang { padding-bottom: 0; background: url("../images/yuanwang.jpg") no-repeat; }
.yuanwang-form { margin: 0 auto; width: 540px; }
.yuanwang-form input { width: 100%; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #eee; background: #fff; padding: 0 15px;
    color: #999; margin-top: 16px; }
.yuanwang-form button { width: 150px; margin: 50px 0 50px 190px; display: inline-block; line-height: 45px; color: #fff; background: #8a73c7; font-size: 16px; text-align: center; border: 0; outline: 0; cursor: pointer; }
/* footbar */
.footbar { position: fixed; bottom: 0; width: 100%; height: 120px; background: url('../images/footbar.png') no-repeat; overflow: hidden; }
.footbar-form { width: 100%; height: 40px; margin-top: 73px; overflow: hidden; }
.footbar-form label, .footbar-form input[type="text"], .footbar-form button { float: left; display: inline-block; line-height: 32px; font-size: 16px; }
.footbar-form label { margin-right: 10px; color: #FFF; }
.footbar-form input[type="text"] { width: 12%; margin-right: 15px; border: 0; }
.footbar-form button { width: 12%; margin-left: 15px; border: 0; outline: 0; background-color: #ff565b; color: #FFF; text-align: center; cursor: pointer; font-weight: 700 }
.footbar-close { float: right; position: relative; top: -60px; width: 27px; height: 26px; display: block; z-index: 100; background: url(../images/b_close.png) no-repeat center center; }