/*global 151201 filter:alpha(opacity=97);-moz-opacity:0.97;opacity:0.97;font:62.5%/150% '\5FAE\8F6F\96C5\9ED1''\5b8b\4f53'*/
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;overflow-x:hidden}
body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,address,code,del,em,q,dl,dt,dd,ol,ul,li,form,caption,tbody,tfoot,thead,
article,aside,dialog,figure,footer,header,nav,section,td{margin:0;padding:0;border:0;word-wrap:break-word;word-break:break-all}
body{height:100%;font:normal 12px/1.5 "simsun","Helvetica Neue", Verdana, Geneva, sans-serif;color:#333;background:#fff}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block}
div,p,dt,dd,li,h1,h2,h3,h4,h5,h6,th,td{zoom:1}s{color:#888}[hidden],template{display:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table,th,tr ,td{border-collapse:collapse;border-spacing:0}
li{list-style-type:none}img,.nobd{border:none !important}em,th,i{font-style:normal;font-weight:normal}
input,select,form img,button,label,textarea{vertical-align:middle;font-family:Tahoma;color:#000}
a{background-color:transparent;color:#333;text-decoration:none;zoom:1}
img{vertical-align:middle}
body{font-family:Microsoft Yahei,"Arial","Hiragino Sans GB",sans-serif}

/*--Expand Css--*/
.section{width:100%;display: inline-block;}
.secbox{width:1200px; margin:0 auto; position:relative}
.lin-img{width:100%;float:left;}.lin-img img{width:100%;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.tites{text-align: center;font-size: 33px;color: #333;font-weight: bold;}
.section .sub{font-size:18px;color: #666;text-align: center;padding-top:6px;}


/*Í·²¿*/
.header{
  width: 100%;
  height: 58px;
  background:#fff;
}
.header .logo{width:auto}
.header .nav{
  float:left;
  margin:6px 0px 0px 30px;
}

.header .nav .nav-item{
  width:105px;
  text-align: center;
  font-size: 16px;
  position: relative;
  height:52px;
}
.header .nav .nav-item:nth-child(3) a{color: #DB2251}
.header .nav .nav-item:hover{background-color: #003764}
.header .nav .nav-item:hover .drop-icon{background:url(/skin/index_new/static/imgs/us_38.png) no-repeat }
.header .nav .nav-item:hover > a{
  color: #fff
}
.header .nav .nav-item > a{
  line-height: 52px;
  color:#3C3C3C;
  position: relative;
  cursor:pointer;
  display: inline-block;
}

.fixed-header{
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 999;
}
.soft-drop{
  width: 120px;
  height: auto;
  min-height: 84px;
  background: rgba(255, 255, 255, 0.8);
  filter: Alpha(opacity=80);
  background: #fff;
  position: absolute;
  top: 0px;
  left:-4px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.soft-drop a{
   display: block;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   color: #333;
}
.soft-drop a:hover{
  background-color: #F8FAFF;
  color: #DB2251
}

.soft-drop a.soft-more{
  border-top:1px #f1f1f1 solid;
  color: #666;
  text-align: center;
}

.header .nav .nav-item .drop-icon{
  width: 8px;
  height: 6px;
  background:url(/skin/index_new/static/imgs/us_37.png) no-repeat; 
  margin: 24px 0px 0px 4px;
  float:right;
}

.header .nav .nav-item:hover .soft-drop{
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 1000;
  top: 52px;
  visibility: visible;
}
.soft-drop .nav_ul2{
   width:100%;
   margin-top:20px;
   display: inline-block;
}
.soft-drop .nav_ul2 li{
   width:240px;
   height:146px;
   margin-left:38px;
   position: relative;
   float:left;
}
.soft-drop .nav_ul2 li:nth-child(1){margin-left:50px;}
.soft-drop .nav_ul2 li .nav_bg{
   width:240px;
   height:146px;
   background:rgba(0,55,100,0.5); 
   position: absolute;
   left:7px;
   top:0px;
}
.soft-drop .nav_ul2 li .nav_bg:hover{background: none}
.soft-drop .nav_ul2 li .nav_bg p{
  width:100%;
  font-size:18px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left:0px;
  bottom: 0px;
}
.nav_kc{
  width:282px;
  margin-top:15px;
  text-align: left;
  float:left;
}
.nav_kc h3{
  font-size:18px;
  color: #3C3C3C;
  font-weight: bold;
}
.nav_kc em{
  width:26px;
  height:2px;
  background-color: #3C3C3C;
  margin-top:5px;
  display: inline-block;
}
.nav_kc .last{ 
  width:100%;
  display: inline-block;
}
.nav_kc .last a{
  width:215px;
  height:33px;
  line-height: 33px;
  display: inline-block;
}


/*β²¿*/
.footer{
  background-color: #001F39;
  height:370px;
}
.footer-logo{
  width:100%;
  display: inline-block;
  margin-top:25px;
  padding-bottom: 18px;
  background:url(/skin/index_new/static/imgs/footer-logo_bg.png) no-repeat left bottom;
}
.foot_gp{
  width:78px;
  height:46px;
  float:left;
  margin:25px 0px 0px 278px;
}

.footer-text{
  width:100%;
  display: inline-block;
  margin-top:35px;
}
.footer-text dl{
  width:125px;
  margin-left:62px;
  float:left;
}
.footer-text dl dt{
  font-size:16px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 13px
}
.footer-text dl dt em{
  width:20px;
  height:2px;
  background-color: #fff;
  display: inline-block;
}
.footer-text dl dd{
  width:125px;
  float:left;
  padding-bottom: 6px;
}
.footer-text dl dd a{
  font-size:14px;
  color:#bcbcbc;
}
.footer-text dl dd a:hover{
  text-decoration:underline;
}
.footer-text .cood{
  width:103px;
  margin-top:25px;
  float:left;
}
.footer-text .cood img{
  width:103px;
}
.footer-text .cood p{
  font-size:12px;
  text-align: center;
  color: #fff;
  padding-top: 5px;
}
.foot-tel{
  width:410px;
  float:left;
  padding-left:15px;
}
.foot-tel span{
  width:100%;
  font-size:14px;
  color: #d9d9d9;
  display: inline-block;
  padding-bottom:6px; 
}
.foot-tel h3{
  font-size:36px;
  color: #F5CE92;
  font-weight: bold;
}
.footer-btm,.footer-btm a{
  height:50px;
  line-height: 50px;
  font-size:12px;
  color: #929090;
  background-color: #001A2E;
  text-align: center;

}


/*-----ÄÚÈÝ-----*/
.menu{
  height:56px;
  background:rgba(0,0,0,0.6);
  position: relative;
  z-index: 2;
  display: block;
}
.menu h1{
  line-height: 56px;
  font-size:18px;
  color: #fff;
  font-weight: bold;
  float:left;
}
.menu ul{
  line-height: 56px;
  margin-left:50px;
  float:left;
}
.menu ul li{
  padding-right:45px;
  float:left;
}
.menu ul li a{
  font-size:20px;
  color: #fff;
}
.menu ul li a:hover{
  color: #DB2251
}
.menu .last{
  margin-right:18px;
  float:right;
}
.menu .last a{
  font-size:18px;
  color: #fff;
  float:left;
  margin-left:32px;
}
.menu .last .an1{
  line-height: 56px;
}
.menu .last .an2{
  width:118px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #DB2251;
  border-radius:18px;
  margin-top:13px;
}
.menu .last .an1:hover{color: #EEC77A}
.menu .last .an2:hover{background-color: #D62027}

.banner{
  height:600px;
  background:url(/college/static/imgs/banner.png) no-repeat center;
  position: relative;
  top:-59px;
  z-index: 1
}
.ban_cent{
  width:625px;
  float: left;
  margin-top:100px;
}
.ban_cent h3{
  font-size:22px;
  color: #fff;
}
.ban_cent h2{
  line-height: 70px;
  font-size:50px;
  color: #fff;
  font-weight: bold;
  padding-top: 10px;
}
.ban_cent ul{
  margin-top:30px;
  float:left;
}
.ban_cent ul li{
  font-size:24px;
  color: #fff;
  float:left;
  padding-left:42px;
  margin:0px 45px 22px 0px;
  background: url(/college/static/imgs/o2o_02.png) no-repeat left center;
}
.ban_cent .last{
  width:100%;
  display: inline-block;
  padding-top:35px;
}
.ban_cent .last a{
  font-size:24px;
  color: #fff;
  display: inline-block;
}
.ban_cent .last .an1{
  width:287px;
  height:51px;
  line-height: 51px;
  text-align: center;
  border:1px solid #fff;
  border-radius:4px;
  margin-right:10px;
}
.ban_cent .last .an2{
  width:197px;
  height:54px;
  line-height: 54px;
  text-align: center;
  background-color:#DB2251;
  border-radius:4px
}
.ban_cent .last .an1:hover{
  background-color: #fff;
  color: #DB2251
}
.ban_cent .last .an2:hover{
  background-color: #D62027
}

.study{
  padding-bottom: 40px;
}
.study ul{
  width:100%;
  margin-bottom: 40px;
  display: inline-block;
}
.study ul li{
  width:388px;
  height:411px;
  box-shadow:0px 3px 12px rgba(0,0,0,0.16);
  border-radius:8px;
  float:left;
  margin-right:15px;
}
.study ul li:hover{
  box-shadow:0px 3px 12px #9c1b20;
}
.study ul li:last-child{
  margin:0px;
}
.study ul li .st-top{
  margin:0px 25px;
  text-align: center;
  padding-bottom: 5px; 
  border-bottom: 2px dashed #9c1b20
}
.study ul li .st-top .w-img{
  padding:23px 0px;
}
.study ul li .st-top h3{
  font-size:28px;
  color: #333;
  font-weight: bold;
}
.study ul li .st-top p{
  font-size:22px;
  color: #333;
  padding-top: 5px
}
.study ul li .list1{
  width:275px;
  line-height: 28px;
  font-size:16px;
  color: #999;
  margin:14px 0px 0px 23px;
  padding-left:60px;
  background:url(/college/static/imgs/o2o_06.png) no-repeat left center;
}
.study ul li .list2{
  width:275px;
  line-height: 28px;
  font-size:18px;
  color: #333;
  margin:8px 0px 0px 23px;
  padding-left:60px;
  background:url(/college/static/imgs/o2o_07.png) no-repeat left center;
}
.study .video{
  width:100%;
  text-align: center;
  display: inline-block;
}

.cho_bg{
  height:420px;
  background-color: #065A9E
}
.cho_bg .tites{color: #fff;padding-top: 57px;}
.cho_bg .sub{color: #fff}

.choice{margin:-250px 0px 50px 0px;}
.cho-cent{
  width:1150px;
  background-color: #fff;
  box-shadow:0px 3px 12px rgba(0,0,0,0.16);
  border-radius:8px;
  padding-top: 28px;
  margin-left:25px;
  display: inline-block;
}

.cho_row{
  width:1090px;
  margin:0px 30px;
  display: inline-block;
}
.cho_row .tit{
  font-size:26px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.cho_row ul{
  width:500px;
  margin:10px 0px 0px 10px;
}
.cho_row ul li{
  padding-bottom: 25px
}
.cho_row ul li p{
  font-size:22px;
  color: #333;
  background:url(/college/static/imgs/o2o_11.jpg) no-repeat left center;
  padding-left:30px;
  margin-bottom: 6px
}
.cho_row ul li span{
  font-size:22px;
  color:#065A9E;
  padding-left:30px;
}
.cho_row .w-img{padding-top: 8px;}
.cho_row .fr{margin-right:50px;}

.sort{
  height:478px;
  background: url(/college/static/imgs/o2o_11.png) no-repeat center;
}
.sort .ul1{
  width: 100%;
  padding-top: 60px;
  display: inline-block;
}
.sort .ul1 li{
  width:238px;
  text-align: center;
  float:left;
}
.sort .ul1 li p{
  font-size:30px;
  color: #fff;
  font-weight: bold;
  padding-bottom: 6px;
}

.sort .ul1 li span{
  font-size:18px;
  color: #fff;
}
.sort .ul2{
  margin:60px 0px 0px 90px;
  display: inline-block;
}

.sort .ul2 li{
  width:110px;
  text-align: center;
  margin-right:35px;
  float:left;
}
.sort .ul2 li .w-img{
  padding-bottom: 10px;
}
.sort .ul2 li p{
  font-size:18px;
  color: #fff;
}
.sort .last{
  margin:50px 0px 0px 345px;
}
.sort .last a{
  width:197px;
  height:54px;
  line-height: 54px;
  font-size:24px;
  text-align: center;
  border-radius:4px;
  display: inline-block;
  margin-right:80px;
}
.sort .last .an1{
  background-color: #fff;
  color: #DB2251
}
.sort .last .an2{
  background-color: #DB2251;
  color: #fff
}
.sort .last .an1:hover{
  background-color: #DB2251;
  color: #fff
}
.sort .last .an2:hover{
   background-color: #D62027
}

.scene {
  padding:35px 0px;
}

.ico_sce{width:100%;position:relative;margin-top:25px;}
.ico_sce .btn{width:47px;height:47px;position: absolute;top:215px;z-index:99;cursor: pointer;}
.ico_sce .prev{background:url(/college/static/imgs/o2o_27.png) no-repeat center;left:15px;}
.ico_sce .next{background:url(/college/static/imgs/o2o_28.png) no-repeat center;right:15px;}
.ico_sce li{float:left;}
.ico_sce .picBox{width:1196px; height:465px;position:relative;overflow:hidden;}
.ico_sce .picBox ul{height:465px;position:absolute; left:0;}
.ico_sce .picBox li{width:1196px;height:465px;}
.ico_sce .listBox{width:1196px;height:105px;position:relative;overflow:hidden;margin-top: 10px;}
.ico_sce .listBox ul{height:105px;position:absolute;}
.ico_sce .listBox li{width:142px;height:105px;cursor:pointer;position:relative;margin-right:8px;}
.ico_sce .listBox li img{width:142px;height:55px;}
.ico_sce .listBox li p{width:140px;height:40px;line-height: 40px;font-size:18px;color:#333;border:1px solid #065A9E;text-align: center;}
.ico_sce .listBox li:last-child{margin:0px;}
.ico_sce .listBox li.on p{background-color: #065A9E;color: #fff;}

.funct{
  padding:30px 0px;
  background-color: #f9f9f9;
}
.funct .more{
  width:100%;
  font-size:20px;
  color: #065A9E;
  text-align: center;
  margin-top:5px;
  display: inline-block;
}
.funct .more:hover{color:#D62027 }
.funct .w-img{
  width:100%;
  height:564px;
  background:url(/college/static/imgs/o2o_29.png) no-repeat center;
  margin-top: 10px;
}

.case{
  padding:50px 0px 30px 0px;
}
.ca_ul{
  width:1220px;
  margin-top:20px;
  display: inline-block;
}
.ca_ul li{
  width:590px;
  height:475px;
  border:1px solid #ddd;
  border-radius:8px;
  margin:0px 13px 23px 0px;
  float:left;
}
.ca_ul li .w-img{
  padding-bottom: 20px;
}
.ca_ul li .last{
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  margin:0px 25px;
}
.ca_ul li .last span{
  font-size:18px;
  color: #333;
}
.ca_ul li .last p{
  font-size:24px;
  color: #333;
  font-weight: bold;
  padding-top: 8px;
}
.ca_ul li .text{
  line-height: 30px;
  font-size:18px;
  color: #666;
  padding-top: 8px;
  margin:0px 25px;
}
.ca_ul li:hover{
  box-shadow: 0px 3px 12px rgba(0,0,0,0.16)
}

.ca_img{
  width:100%;
  height:424px;
  padding-top: 25px;
  background: url(/college/static/imgs/o2o_34.png) no-repeat center
}
.escort{
  height:586px;
  background: url(/college/static/imgs/o2o_35.png) no-repeat center;
}
.escort .tites{padding-top: 30px;color: #fff}
.escort .sub{color: #fff}
.esc_ul{
  margin:30px 0px 0px 95px;
  display: inline-block;
}
.esc_ul li{
  width:287px;
  height:300px;
  background-color: #fff;
  border-radius:8px;
  margin-right:62px;
  float:left;
}
.esc_ul li dl{
  margin:25px 0px 0px 15px;
  display: inline-block;
}
.esc_ul li dl dt{
  font-size:24px;
  color: #333;
  font-weight: bold;
  padding-bottom: 13px;
}
.esc_ul li dl dd{
  line-height: 35px;
  font-size:18px;
  color: #666;
  padding-left:15px;
  background:url(/college/static/imgs/o2o_36.jpg) no-repeat left center;
}
.esc_ul li .w-img{
  float:right;
  padding: 5px 10px 0px 0px
}
.esc_ul li:hover{box-shadow: 0px 3px 12px #fff}

.facil .w-img{margin:0px 30px 0px 20px;}
.fac_box{margin:80px 50px 0px 30px;}
.fac_box h3{
  font-size:28px;
  color: #065A9E;
  font-weight: bold;
}
.fac_box p{
  line-height: 58px;
  font-size: 40px;
  color: #333;
}
.fac_box ul{
  height:226px;
  padding-left:33px;
  margin-top:25px;
  background:url(/college/static/imgs/o2o_44.jpg) no-repeat left 7px;
  display: inline-block;
}
.fac_box ul li{
  font-size:20px;
  color: #333;
  padding-bottom: 29px;
}

.escort .more{
    width: 200px;
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    background-color: #DB2251;
    border-radius: 4px;
    display: block;
    margin:35px auto 0px;
}
.escort .more:hover{background-color:#D62027 }

.more_gn{padding:50px 0px;}
.more_gn ul{
  width:1155px;
  margin:25px 0px 0px 42px;
  display: inline-block;
}
.more_gn ul li{
  width:186px;
  height:155px;
  text-align: center;
  box-shadow:0px 3px 12px rgba(0,0,0,0.16);
  margin:0px 45px 45px 0px;
  float:left;
}
.more_gn ul li .w-img{
  padding:18px 0px 5px 0px;
}
.more_gn ul li p{
  font-size:22px;
  color: #333;
}

.advert{
  height:382px;
  background: url(/college/static/imgs/o2o_54.jpg) no-repeat center;
  position: relative;
  top:-56px;
  z-index: -1
}
.apply{margin:-10px 0px 50px 0px;}
.info{
  width:950px;
  margin:0 auto;
}

.info .last{
  width:405px;
  display: inline-block;
  margin:0px 58px 20px 0px;
  position: relative;
}
.info .last label{
  width:100%;
  font-size:16px;
  color: #333;
  display: inline-block;
  padding-bottom: 5px
}
.info .last label span{
  color: #ff0000
}
.info .last input,.info .last select{
  width:400px;
  height:36px;
  font-size:16px;
  color: #999;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding-left: 5px;
  outline: none;
  float:left;
}
.info .last select{width:405px;height:38px;}

.info .btn{
  width:300px;
  height:38px;
  line-height: 38px;
  text-align: center;
  font-size:20px;
  color: #fff;
  background-color: #DB2251;
  border-radius: 5px;
  margin:20px auto 0px;
  border:none;
  display: block;
  cursor: pointer;
}
#code_input{width:223px;}
#v_container{width:100px;height:38px;float:left;margin-left:10px;}


/*µ¯³öÉêÇëÊÔÌý*/
.jlbg{width:100%;height:100px;top:0px;left:0px;position:absolute;filter: Alpha(opacity=35);opacity:0.35; background:#000; display:none;z-index:9998}
.popbox{
  width:615px;
  height:400px;
  position: fixed;
  left:50%;
  top:25%;
  margin:0px 0 0 -300px;
  background-color: #fff;
  border:5px solid #ccc;
  border-radius: 5px;
  z-index: 9999;
  display: none
}
.pupc{
  width:100%;
  float:left;
  margin:16px 0px 20px 0px;
}
.pupc a{
  float:right;
  font-size:16px;
  margin-right:28px;
}
.popbox h1{
  text-align: center;
  font-size:32px;
  color: #000;
  font-weight: bold;
}
.popbox h1 span{
  color: #ff0000
}
.popbox .info2{
  margin:20px 0px 0px 80px;
}
.popbox .info2 p{
  margin-bottom: 18px;
}
.popbox .info2 p input{
  width:420px;
  height:36px;
  line-height: 36px;
  padding-left:12px;
  font-size:16px;
  font-family: '΢ÈíÑźÚ'
}
.popbox .info2 select{
  width:435px;
  height:36px;
  line-height: 36px;
  padding-left:12px;
  font-size:16px;
  color: #666;
  font-family: '΢ÈíÑźÚ';
  margin-bottom: 20px;
  border:1px solid #ccc;
}

.popbox .info2 .btn{
  width:432px;
  height:38px;
  line-height: 38px;
  text-align: center;
  font-size:18px;
  color: #fff;
  background-color: #bf0000;
  border:none;
  font-family: '΢ÈíÑźÚ';
  cursor: pointer;
}
.popbox .text{
  width:442px;
  margin:20px 0px 0px 80px;
  font-size:14px;
  color: #666;
  text-align: center;
}
.popbox .text span{
  background: red;
  padding:2px 5px;
  color: #fff
}


/*µ¯´°*/
#box1{width:510px;height:333px;position:fixed;left:50%;top:50%; margin:-176px 0 0 -280px; z-index:9999;display:none;border-radius:10px;}
#box1 p{padding:0 10px;margin-top:10px;}
#box1 span{color:#ff0;padding-left:5px;}
#box1 h2{ margin:0;height:25px;cursor:move;text-align:right;padding:0 10px;}
#box1 h2 a{color:#fff;font:12px/25px Arial;width:20px;height:20px;line-height: 20px;text-align: center;background-color:#666;border-radius: 50px;float:right;margin-top:5px;}

/*²à±ßÀ¸*/
.t-zxzc-new{width:60px;height:182px;position:fixed;top:32%;right:0px;z-index:9999}
.t-zxzc-new a{display:block;position:relative;width:60px;height:60px;margin-bottom:2px;background:#748395;font-size:12px;text-align:center;color:#fff;cursor:pointer}
.t-zxzc-new i{display:inline-block;margin-top:15px;}
.t-zxzc-new i.i_online{width:38px;height:34px;background:url(/college/static/imgs/kf_02.png) no-repeat;}
.t-zxzc-new i.i_tel{width:30px;height:30px;background:url(/college/static/imgs/kf_01.png) no-repeat;}
.t-zxzc-new i.i_daili{width:29px;height:32px;background:url(/college/static/imgs/kf_03.png) no-repeat;}
.t-zxzc-new i.i_db{width:25px;height:14px;background:url(/college/static/imgs/kf_04.png) no-repeat;margin-top:22px;}
.t-zxzc-new a p{line-height:26px}
.t-zxzc-new a .t-pnum,.t-zxzc-new a .t-kf-hover{display:none;position:absolute;top:0;width:60px;height:55px;padding-top:5px;background:#a82024;text-align:center;}
.t-zxzc-new a .t-pnum{left:-220px;width:230px;font-size:24px;line-height:47px}
.t-zxzc-new a .t-kf-hover{left:0;font-size:16px;line-height:23px}
.t-zxzc-new a .t-kf-p{font-size:16px;line-height:23px;margin-top:8px;display: inline-block;}
.t-zxzc-new a:hover .t-pnum,.t-zxzc-new a:hover .t-kf-hover{display:block}

#app{
   
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    display: none; 
    z-index: 999; 
background: rgba(193,193,193, 0.6);
  display:none; 
}
#app img{
 position: absolute;
 left: 50%;
 top: 50%;
margin-left:-300px;
margin-top:-400px;

  }
  
  .button1 {
  background: #599bb3;
  border-radius: 8px;
  text-shadow: 0px 1px 0px #3d768a;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  -moz-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
}

.button1:hover {
  color: #ffffff;
  background: #408c99;
  text-decoration: none;
}
.w-close{
   position: absolute;
 top: 75%;
left:48%;