html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
html{ -webkit-text-size-adjust:none;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

a {
  color: #027B7E;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
}

p {
  padding: 0;
}

/* list */
ul, ol {

}
li {
  margin: 0 0 .5em 0;
  padding: 0;
}

/* headings */


/* reset webkit search input styles */
input[type=search] {
  -webkit-appearance: none;
  outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}



body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
  }
fieldset, img {
    border: 0;
  }
ul,ol {
  list-style:none;
  }
table {
  border-collapse:collapse;
  border-spacing:0;
  }
a{
  text-decoration:none;
  }
a:hover{
  text-decoration:none;
  }
  
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:none}
a:active {text-decoration:none}
small {
  font-size:12px;
  }
h1,h2,h3,h4,h5,h6,button,input,select,textarea {
  font-size:100%;
  }
label,input,select,form img,button,textarea {
  vertical-align:middle;
  }
address, caption, cite, code, dfn,
em, strong, th, optgroup {
    font-style: normal;
    font-weight: normal;
  } 
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
  display: inline-block;
  }
/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
  } 
.clear {
  display: block;

  } 
/* End hide from IE-mac */
html{width:100%;height:100%; /*overflow:hidden*/}
body{font:24px/1.5 "chivas","Helvetica Neue", Helvetica, STHeiTi, sans-serif;color:#fff;width:100%;height:100%;min-width:320px;background:#9dc94f;}
.wrap {max-width:640px;position: relative;margin:0 auto;}
.orient{width:100%;height:100%; position:fixed;left:0;top:0;z-index:7000; background:#fff}
#x_zhuan{ width:232px;height:170px;top:50%;left:50%;margin: -110px 0 0 -128px; background:url(../img/sprite.png) -618px -928px no-repeat;position:absolute}
#x_zhuan .t_jt{ width:72px;height:26px; position:absolute; background:url(../img/sprite.png) -683px -1111px no-repeat;top:-38px;left:86px;}
#x_zhuan .b_jt{ width:72px;height:26px; position:absolute;  background:url(../img/sprite.png) -683px -1140px no-repeat;bottom: -38px;
left: 86px;}
.teceng,.teceng_2,.xian,.g_logo,.error,.con_top,.con_bottom > div,.c_logo,.l_jt,.r_jt,.con_mh,#open_chat,.close,.wk,#submit_btn,.sun_con,.ws,.ts,.r_input,.ts1,#btn1,#btn2,.con_tt,#btn3,.kol1,.kol1_right,.kol2,.kol2_right,.kol3,.kol3_right,.kol4,.kol4_right,.kol5,.kol5_right,.kol6,.kol6_right,.ugc1,.ugc1_right,.ugc2,.ugc2_right,.ugc2_right,.ugc3,.ugc3_right,.ugc4,.ugc4_right,.ugc5,.ugc5_right,.ugc6,.ugc6_right,.ugc7,.ugc7_right,.ugc8,.ugc8_right,.ugc9,.ugc9_right,.ugc10,.ugc10_right{ background:url(../img/sprite.png) no-repeat}
.teceng{ width:415px;height:144px; background-position:0 -754px}
.kol1{background-position: -864px -928px;width:82px;height:82px}
.kol1_right{background-position: -947px -928px;width:82px;height:82px}
.kol2{background-position: -1028px -928px;width:82px;height:82px}
.kol2_right{background-position: -1110px -928px;width:82px;height:82px}
.kol3{background-position: -1192px -928px;width:82px;height:82px}
.kol3_right{background-position: -1274px -928px;width:82px;height:82px}
.kol4{background-position: -1356px -928px;width:82px;height:82px}
.kol4_right{background-position: -1438px -928px;width:82px;height:82px}
.kol5{background-position: -864px -1010px;width:82px;height:82px}
.kol5_right{background-position: -946px -1010px;width:82px;height:82px}
.kol6{background-position: -1028px -1010px;width:82px;height:82px}
.kol6_right{background-position: -1110px -1010px;width:82px;height:82px}

.ugc1{background-position: -864px -1092px;width:82px;height:82px}
.ugc1_right{background-position: -946px -1092px;width:82px;height:82px}
.ugc2{background-position: -1028px -1092px;width:82px;height:82px}
.ugc2_right{background-position: -1110px -1092px;width:82px;height:82px}
.ugc3{background-position: -1192px -1092px;width:82px;height:82px}
.ugc3_right{background-position: -1274px -1092px;width:82px;height:82px}
.ugc4{background-position: -1356px -1092px;width:82px;height:82px}
.ugc4_right{background-position: -1438px -1092px;width:82px;height:82px}
.ugc5{background-position: -1520px -1092px;width:82px;height:82px}
.ugc5_right{background-position: -1602px -1092px;width:82px;height:82px}
.ugc6{background-position: -1684px -1092px;width:82px;height:82px}
.ugc6_right{background-position: -1766px -1092px;width:82px;height:82px}
.ugc7{background-position: -1192px -1010px;width:82px;height:82px}
.ugc7_right{background-position: -1274px -1010px;width:82px;height:82px}
.ugc8{background-position: -1356px -1010px;width:82px;height:82px}
.ugc8_right{background-position: -1438px -1010px;width:82px;height:82px}
.ugc9{background-position: -1520px -1010px;width:82px;height:82px}
.ugc9_right{background-position: -1602px -1010px;width:82px;height:82px}
.ugc10{background-position: -1684px -1010px;width:82px;height:82px}
.ugc10_right{background-position: -1766px -1010px;width:82px;height:82px}
.xuanzhuan{
		
	animation:xuanzhuan 2s ease-in infinite;
	-webkit-animation:xuanzhuan 2s ease-in infinite;

}
@keyframes xuanzhuan{
	0% {
		 transform:rotate(-90deg)
	}
	50% {
		 transform:rotate(0deg)
	}
	80% {
		  transform:rotate(-90deg)
	}
	100% {
		  transform:rotate(-90deg)
	}
}
@-webkit-keyframes xuanzhuan{
	0% {
		 -webkit-transform:rotate(-90deg)
	}
	50% {
		 -webkit-transform:rotate(0deg)
	}
	80% {
		  -webkit-transform:rotate(-90deg)
	}
	100% {
		  -webkit-transform:rotate(-90deg)
	}
}

.loading{
  position: absolute;
  top:423px;
  left:115px;
  z-index: 2;
  width:415px;height:144px;
}

.loading_2{
  position: absolute;
  top:423px;
  left:115px;
  z-index: 2;
  width:415px;height:144px;
}

.teceng_2{
  background-position:-416px -754px;
  height: 144px;
  width: 100%;
  position: relative;
}

.teceng_2 .xian{
  position: absolute;
  width:7px;
  height:155px;
  right: 2px;
  top: 0px;
  background-position:-838px -749px;
}


.teceng img{
  max-width: none;
  
}

.green{
  width: 100%;
  height: 100%;
  background-color: #9dc94f;
  position:fixed;
  z-index: 100
}

#box1{ padding:0 0 128px 0}
#baifen{
	position: absolute;
	z-index: 6;
	top: 597px;
	left: 0;
	font-size: 1.2em;
	color: #004636;
	text-align: center;
	width: 100%;
}


#fasong{
  position: absolute;
  z-index: 6;
  top: 693px;
  left: 241px;
  font-size: 1.5em;
  color: #004636;
}

.how_03{
  text-align: center;
}
.g_logo{ width:300px;height:134px;background-position:0 -388px; position:absolute;left:178px;bottom:50px}
.logo_con{padding: 108px 0 0 0;}
.ym_left{ float:left; width:50%;}
.ym_right{ float:right; width:50%;}
.c_logo{width:300px;height:134px;background-position:0 -388px; margin:0 auto}
.error{ width:599px;height:270px;background-position:-675px -28px; position:absolute;left:20px;top:50%; position:absolute; margin:-135px 0 0 0}
.con_top{ width:640px;height:113px; background-position:-1318px -224px; position:fixed; left:0;top:0; z-index:10;pointer-events:none; -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
 
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   /* Other transform properties here */
    -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);}
.con_bottom{ width:640px;height:99px; position:fixed;left:0;bottom:0; z-index:10}
.con_mh{width:640px;height:176px; position:fixed;left:0;bottom: 45px; z-index:9;background-position:-864px -749px;}
.con_tt{width:640px;height:176px; position:fixed;left:-1px;top:-1px; z-index:9;background-position:-864px -749px;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.con_bottom > div{ width:640px;height:99px; position:relative;pointer-events:none;background-position:-756px -522px;}
.ym_left .avt{ float:left; margin-left:35px;}
.avt{ float:left;width:92px; text-align:center;color:#004636; position:relative;top:5px}
.avt_img{ border:5px #fff solid;width:82px;height:82px; border-radius:50%; overflow:hidden; margin-bottom:7px;}
.avt_img img{ width:82px;height:82px;}
.avt .avt_txt{font-size: 22px;line-height: 24px;height: 48px;overflow: hidden;word-wrap: break-word;}
.l_jt{ width:187px;height:127px; float:right; background-position:-756px -621px;display:table}
.r_jt{ width:187px;height:127px; float:left; background-position:-942px -621px;display:table}
.r_jt.r_input{background-position: -998px -388px;width:190px; position:relative}
.hf{ width:127px;height:36px; line-height:36px; background:#c5df96; border-radius:10px; padding:0 0 0 8px; position:absolute;left: 16px;top: 46px;}
.jt p{ line-height: 26px; font-size: 22px;text-align:center; position:relative;height:69px;vertical-align:middle;display:table-cell;top: 2px;}
.jt.l_jt p{padding: 0 27px;left: 19px;}
.jt.r_jt p{padding: 0 27px;right: 19px;}
.ym_right .avt{ float:right; margin-right:35px;}
.chat_con{ margin-bottom: 39px;}
.container{height:100%}
#open_chat{ width:240px;height:84px; background-position:-1396px -523px; margin:0 auto;top: 56px; position:relative; display:block; overflow:hidden; text-indent:-99em}
.gz_con{ width:100%; text-align:center; left:0;top: 47px;z-index:1; display:block; position:absolute;}
.gz_con a{color:#f6fffe}
.fh1,.fh2{width:100%; text-align:center; left:0;top: 47px;z-index:1; display:block; position:absolute;}
.fh1 a,.fh2 a{color:#f6fffe}
#gz_pop{ width:100%;height:100%; position:fixed;left:0;top:0; background:rgba(0,0,0,0.8); z-index:100;color:#fff}
.close{ display:block; width:42px;height:42px; position:absolute;background-position:0 -902px;right:23px;top:33px; overflow:hidden; text-indent:-99em}
#gz_pop h2{ text-align:center; font-size:40px; font-weight:100;padding: 57px 0 50px 0;}
#gz_pop .p_txt{ padding:0 30px 35px 30px; text-align:left}
#gz_pop .p_txt em{ float:left}
#gz_pop .p_txt p{ margin-left:18px}
.ym_info{ position:relative}
.input_box{padding: 45px 0 0 30px;}
.line{ width:2px;height: 1371px;position:absolute;left:316px;top: 35px; background:url(../img/line.png); z-index:2}
.wk{ width:382px;height:127px; background-position:-1191px -389px; float:left; position:relative}
.wk.wks{background-position:-814px -389px;}
.wk.wks .issue{left: 200px;}
.hda{width: 156px;height: 127px;display: table; position:absolute;left:31px;top:0}
.hda p{line-height: 26px; font-size:23px;text-align:center; position:relative;height:69px;vertical-align:middle;display:table-cell;top: 2px;}
.issue{ background:rgba(255,255,255,0.5); display:block; width:126px;height:36px;border:0;color:#004636; padding:0 5px; line-height:36px; position:absolute;left:10px;top:10px; border-radius:8px;left: 41px;
top: 45px;}
.prompt{ text-align:center;color:#3e7c3d; position:relative;top: -22px;}
#submit_btn{width: 240px;height: 84px;background-position: -1636px -523px;overflow: hidden;text-indent: -99em;display: block;margin: 0 auto;position: relative;top: 34px;}
.state_con{ padding:0 36px; position:relative}
.state_con li{ float:left;height:51px; background:#cce98c; padding:0 26px;color:#3d7653; line-height:51px; border-radius:12px; margin:0 13px 12px 13px}
#change_btn{ position:absolute;right: 55px;bottom: -30px;}
.sun_con{ width:640px;height:388px; background-position:0 0; position:absolute;left:0;top:250px}
.sun_con .sun_txt{ padding: 127px 0 0 33px;}
.sun_con .sun_txt .ws{ width:377px;height:128px; background-position:-814px -389px; float: left;}
.sun_con .sun_txt .ws.wsk{background-position:-1573px -389px; position:relative;float: left;}
.sun_con .sun_txt .ws.wsk #ws_txt{ position:absolute;right:40px;top:0}

#sr_txt{ width: 156px;height: 127px;display: table;margin-left: 25px;}
#sr_txt p{line-height: 26px; font-size:23px;text-align:center; position:relative;height:69px;vertical-align:middle;display:table-cell;top: 2px;}
#ws_txt{width: 156px;height: 127px;display: table;margin-left: 25px;}
#ws_txt p{line-height: 26px; font-size:23px;text-align:center; position:relative;height:69px;vertical-align:middle;display:table-cell;top: 2px;}
.ts{ width: 572px;height:131px; background-position:0 -522px; position:absolute;left: 35px;bottom:185px;}
.ts1{ width: 513px;height:131px; background-position:-301px -389px; position:absolute;left: 65px;bottom:185px;}
#btn1{ width:240px;height:84px; overflow:hidden; text-indent:-99em;background-position:0 -651px; position:absolute;bottom:200px;left:55px}
#btn2{ width:240px;height:84px; overflow:hidden; text-indent:-99em;background-position:-240px -651px;position:absolute;bottom:200px;left:343px}
#btn3{ width:238px;height:84px; overflow:hidden; text-indent:-99em;background-position:-1401px -524px; position:absolute;bottom:200px;left:55px}
div[class*="txt"]{
  font-weight: bold;
}

.trs{opacity:0.3;}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}



.pop_check{ position:fixed; display:none; top:0; left:0; /*background: url(../img/txt1.png) center 200px no-repeat rgba(0,0,0,0.7);*/ width:100%; height:100%; z-index:100000;}
.pop_check2{ position:fixed; display:none; top:0; left:0; background: url(../img/txt2.png) center 200px no-repeat rgba(0,0,0,0.7); width:100%; height:100%; z-index:100000;}
.pop_sorry{ position:fixed; top:0; left:0; background: rgba(0,0,0,0.7); width:100%; height:100%; z-index:1000;}

.txt_3{background: url(../img/sprite.png) 0 -945px no-repeat; width:602px; height:275px; z-index:100000; position:absolute; top:290px; left:18px}

.jindu{
  -webkit-animation:jindu 2s ease-in forwards;
}

@-webkit-keyframes jindu {
  0% {width: 0%}
  100% {width: 100%;}
}


.zhuan{
  animation:zhuan 8s linear infinite;
  -webkit-animation:zhuan 8s linear infinite;
  
  
}

.zhuan1{
  animation:zhuan 16s linear infinite;
  -webkit-animation:zhuan 16s linear infinite;
  
  
}

.start{
  -webkit-animation: start 2.5s infinite ease-in-out;
  animation: start 2.5s infinite ease-in-out;

  
}
.start1{
  -webkit-animation: start1 2.5s infinite ease-in-out;
  animation: start1 2.5s infinite ease-in-out;

  
}

@-webkit-keyframes start {
  0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
  60% {opacity: 1;-webkit-transform: translate(0,0);}
  100% {opacity: 0;-webkit-transform: translate(0,10px);}
}

@keyframes start {
  0%,30% {opacity: 0;transform: translate(0,-8px);}
  60% {opacity: 1;transform: translate(0,0);}
  100% {opacity: 0;transform: translate(0,10px);}
}

@-webkit-keyframes start1 {
  0%,30% {opacity: 0;-webkit-transform: translate(0,8px);}
  60% {opacity: 1;-webkit-transform: translate(0,0);}
  100% {opacity: 0;-webkit-transform: translate(0,-10px);}
}
@keyframes cr {
  0%{transform: translate(500px);}
  100% {transform: translate(0px);}
}
@-webkit-keyframes cr {
  0%{-webkit-transform: translate(500px);}
  100% {-webkit-transform: translate(0px);}
}
@keyframes cl {
  0%{transform: translate(-500px);}
  100% {transform: translate(0px);}
}
@-webkit-keyframes cl {
  0%{-webkit-transform: translate(-500px);}
  100% {-webkit-transform: translate(0px);}
}
@keyframes start1 {
  0%,30% {opacity: 0;transform: translate(0,8px);}
  60% {opacity: 1;transform: translate(0,0);}
  100% {opacity: 0;transform: translate(0,-10px);}
}


.yidong{
  animation:yidong 15s linear infinite;

  -webkit-animation:yidong 15s linear infinite;

  
}

.yidong2{
  animation:yidong 22s linear infinite;

  -webkit-animation:yidong 22s linear infinite;

  
}
.clockwise{
  animation:Clockwise 3s linear infinite;
  -webkit-animation:Clockwise 3s linear infinite;
  -moz-animation:Clockwise 3s linear infinite;
  -ms-animation:Clockwise 3s linear infinite;
  -o-animation:Clockwise 3s linear infinite;
}
.clockwise2{
  animation:Clockwise2 5s linear infinite;
  -webkit-animation:Clockwise2 5s linear infinite;
  -moz-animation:Clockwise2 5s linear infinite;
  -ms-animation:Clockwise2 5s linear infinite;
  -o-animation:Clockwise2 5s linear infinite;
}

.clockwise3{
  animation:Clockwise3 6s linear infinite;
  -webkit-animation:Clockwise3 6s linear infinite;
  -moz-animation:Clockwise3 6s linear infinite;
  -ms-animation:Clockwise3 6s linear infinite;
  -o-animation:Clockwise3 6s linear infinite;
}
.yy{
  animation:baidong_2 5s ease-in-out infinite;
  -webkit-animation:baidong_2 5s ease-in-out infinite;
  -moz-animation:baidong_2 5s ease-in-out infinite;
  -ms-animation:baidong_2 5s ease-in-out infinite;
  -o-animation:baidong_2 5s ease-in-out infinite; 
  }
.xuanzhuan{
    
  animation:xuanzhuan 2s ease-in infinite;
  -webkit-animation:xuanzhuan 2s ease-in infinite;

}
.opa{
    
  animation:opa 2s linear infinite;
  -webkit-animation:opa 2s linear infinite;

}

.xxx{ height:1238px;}
#click_text{ position:absolute; width:100%;height:100%; z-index:3000; left:0px;top:0px;}
#click_text img{  }

#lod{ width:100%;height:100%; position:fixed;left:0;top:0;z-index:6000; background:url(../img/lod_bg.jpg) center center no-repeat; background-size:cover}
#lod span{ position:absolute;top:50%; width:100%; text-align:center;margin: 28px 0 0 0;left:0; font-size:38px;color:#a07e48}
.lod_img{position:absolute;top:50%; width:100%; text-align:center;margin: -52px 0 0 0;left:0;}
.orient{width:100%;height:100%; position:fixed;left:0;top:0;z-index:7000; background:#9dc94e; overflow-y:scroll}
.orient span{ position:absolute;top:50%; width:100%; text-align:center;margin:-47px 0 0 0;left:0;color:#fff; font-weight:bold; display:block}
#x_txt{position:absolute;top:50%; width:100%; text-align:center;margin: 128px 0 0 0;left:0;}
.sx_1{ width:440px;height:146px; background:url(../img/sx_1.png) no-repeat; float:left; margin-left:70px; margin-bottom:50px; position:relative}
.sx_2{ width:450px;height:146px; background:url(../img/sx_2.png) no-repeat; float:left; margin-left:60px; margin-bottom:50px; position:relative}
.sx_3{ width:450px;height:146px; background:url(../img/sx_3.png) no-repeat; float:left; margin-left:60px; margin-bottom:50px; position:relative}
.sx_4{ width:450px;height:146px; background:url(../img/sx_4.png) no-repeat; float:left; margin-left:60px; margin-bottom:50px; position:relative}
.sx_5{ width:450px;height:146px; background:url(../img/sx_5.png) no-repeat; float:left; margin-left:60px; position:relative}
.cv_right{ width:180px;height:180px; background:#00669d; float:right; position:relative; margin-right:45px; overflow:hidden}
.file_con{ position:absolute;left:0;top:0; z-index:5;width:180px;height:180px; overflow:hidden}
.file_con input{width:180px;height:180px; opacity:0}
.y_w{position:absolute;left:8px;top:8px;z-index:4; width:100%;height:100%}
.y_w img{ position:absolute;left:0;top:0}
.scu_pop{ width:100%;height:100%; position:fixed;left:0;top:0;z-index:6000; background:url(../img/scu_bg.jpg) center center no-repeat; background-size:cover}
.qr_up{  position:absolute;bottom:43px;left:200px;z-index: 101;left: 387px; }
.qr_fh{ position:absolute;bottom:43px;left:56px;z-index: 101;}
.cww{ position:absolute;left:0;top:0; z-index:100}
#fh_xg{ position:absolute;right:12px;top: 40px;color:#02b3ff; font-size:30px;line-height: 32px; font-style:italic; z-index:11}
.dd_yy{ position:absolute;left:0;top:0;background:url(../img/dd_yy.png) center center no-repeat; z-index:1000; width:100%;height:100% }


#vd_tit{ width:735px;height:176px;background:url(../img/vd_tit.png) center center no-repeat; position:absolute;left:7px;top:0}
#vd_con{ width:727px;height:484px;background:url(../img/vd_bg.png) center center no-repeat; position:absolute;left:10px;top: 166px;}
.spinner {
    top: 50%;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    left: 50%;
  
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  background-color: #0f8365;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

.cyin{-webkit-animation: anim-name 4s linear infinite;}
@-webkit-keyframes anim-name{
    0%{ opacity:0 }
    10%{ opacity:0  }
    30%{  opacity:1 }
    40%{  opacity:1 }
    60%{  opacity:0  }
    70%{  opacity:0  }
    90%{  opacity:1 }
    100%{ opacity:1 }
}

@keyframes Clockwise{
  0% {
     transform:translate(-10px,0);
    }
  25% {
     transform:translate(0,0);
    }
  50% {
     transform:translate(-10px,0);
    }
  75% {
     transform:translate(0,0);
    }
  100% {
     transform:translate(-10px,0);
  }
}
@-webkit-keyframes Clockwise{
  0% {
     -webkit-transform:translate(-10px,0);
    }
  25% {
     -webkit-transform:translate(0,0);
    }
  50% {
     -webkit-transform:translate(-10px,0);
    }
  75% {
     -webkit-transform:translate(0,0);
    }
  100% {
     -webkit-transform:translate(-10px,0);
  }
}
@keyframes baidong_2{
  0% {transform:rotate(0deg);}
  2%{transform:rotate(-20deg);}
  4% {transform:rotate(0deg);}
  6%{transform:rotate(-20deg);}
  8% {transform:rotate(0deg);}
  10%{transform:rotate(-20deg);}
  12% {transform:rotate(0deg);}
  14%{transform:rotate(-20deg);}
  16% {transform:rotate(0deg);}
  100%{transform:rotate(0deg);}
}
@-webkit-keyframes baidong_2{
  0% {-webkit-transform:rotate(0deg);}
  2%{-webkit-transform:rotate(-20deg);}
  4% {-webkit-transform:rotate(0deg);}
  6%{-webkit-transform:rotate(-20deg);}
  8% {-webkit-transform:rotate(0deg);}
  10%{-webkit-transform:rotate(-20deg);}
  12% {-webkit-transform:rotate(0deg);}
  14%{-webkit-transform:rotate(-20deg);}
  16% {-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(0deg);}
}
.piao{
  animation:piao 3s linear infinite;
  -webkit-animation:piao 3s linear infinite;
  -moz-animation:piao 3s linear infinite;
  -ms-animation:piao 3s linear infinite;
  -o-animation:piao 3s linear infinite;
}
.fei{
  animation:fei 2s linear infinite;
  -webkit-animation:fei 2s linear infinite;
}
.feis{
  animation:feis 2s linear infinite;
  -webkit-animation:feis 2s linear infinite;
}
.xs_yc{
  animation:xs_yc 2.5s linear infinite;
  -webkit-animation:xs_yc 2.5s linear infinite;
}
.xs_ycc{
  animation:xs_ycc 1.5s linear infinite;
  -webkit-animation:xs_ycc 1.5s linear infinite;
}

.xs_yccc{
  animation:xs_yccc 3s linear infinite;
  -webkit-animation:xs_yccc 3s linear infinite;
}
@keyframes piao{
  0% {
     transform:translate(14px,-10px);
    }
  25% {
     transform:translate(18px,-20px);
    }
  50% {
     transform:translate(24px,-30px);
    }
  75% {
     transform:translate(24px,-40px);
    }
  100% {
     transform:translate(28px,-50px);
     opacity:0
  }
}
@-webkit-keyframes piao{
  0% {
     -webkit-transform:translate(14px,-10px);
    }
  25% {
     -webkit-transform:translate(18px,-20px);
    }
  50% {
     -webkit-transform:translate(24px,-30px);
    }
  75% {
    -webkit-transform:translate(24px,-40px);
    }
  100% {
    -webkit-transform:translate(28px,-50px);
    opacity:0
  }
}

@keyframes zhuan{
  0% {
     transform:rotate(0deg)
  }
  100% {
      transform:rotate(360deg)
  }
}
@-webkit-keyframes zhuan{
  0% {
     -webkit-transform:rotate(0deg)
  }
  100% {
     -webkit-transform:rotate(360deg)
  }
}

@keyframes yidong{
  0% {
     transform:translateX(1000px)
  }
  100% {
       transform:translateX(-1000px)
  }
}
@-webkit-keyframes yidong{
  0% {
     transform:translateX(1000px)
  }
  100% {
       transform:translateX(-1000px)
  }
}
@keyframes xuanzhuan{
  0% {
     transform:rotate(-90deg)
  }
  50% {
     transform:rotate(0deg)
  }
  80% {
      transform:rotate(-90deg)
  }
  100% {
      transform:rotate(-90deg)
  }
}
@-webkit-keyframes xuanzhuan{
  0% {
     -webkit-transform:rotate(-90deg)
  }
  50% {
     -webkit-transform:rotate(0deg)
  }
  80% {
      -webkit-transform:rotate(-90deg)
  }
  100% {
      -webkit-transform:rotate(-90deg)
  }
}

@keyframes opa {
  0% {
     
     opacity:0;
    }
  50% {
     opacity:1;
  }
100% {
    
     opacity:0;
  }
}
@-webkit-keyframes opa {
  0% {
     
     opacity:0;
    }
  50% {
     opacity:1;
  }
100% {
    
     opacity:0;
  }
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes an_top {
  from { top:0; }
  to { top:100%; }
}
@-webkit-keyframes an_top {
  from { top:0; }
  to { top:100%; }
}

@keyframes s1 {
  0% {
     transform:scale(1);
     opacity: 0.2;
    }
100% {
     transform:scale(1.6);
     opacity:0;
  }
}
@-webkit-keyframes s1 {
  0% {
     -webkit-transform:scale(0.2);
  
    }
100% {
     -webkit-transform:scale(1);
     
  }
}

@keyframes s2 {
  0% {
     transform:scale(0.2);


    }
50%{
    transform:scale(1);
  }
100% {
     transform:scale(0.2);
  
  }
}
@-webkit-keyframes s2 {
  0% {
     -webkit-transform:scale(0.2);


    }
50%{
    -webkit-transform:scale(1);
  }
100% {
     -webkit-transform:scale(0.2);
  
  }
}

@keyframes s3 {
  0% {
     transform:scale(1);
     opacity: 0.2;
    }
100% {
     transform:scale(2.4);
     opacity:0;
  }
}
@-webkit-keyframes s3 {
  0% {
     -webkit-transform:scale(1);
     opacity: 0.2;
    }
100% {
     -webkit-transform:scale(2.4);
     opacity: 0;
  }
}

@keyframes xs_yc{
  0% {
     opacity:0
    }
  50%{
    opacity:0.6
  }
100% {
    opacity:0
  }
}
@-webkit-keyframes xs_yc{
 0% {
     opacity:0
    }
  50%{
    opacity:0.6
  }
100% {
    opacity:0
  }
}

@keyframes xs_ycc{
  0% {
     opacity:0
    }
  50%{
    opacity:1
  }
100% {
    opacity:0
  }
}
@-webkit-keyframes xs_ycc{
 0% {
     opacity:0
    }
  50%{
    opacity:1
  }
100% {
    opacity:0
  }
}

@keyframes xs_yccc{
  0% {
     opacity:1
    }
  50%{
    opacity:0
  }
100% {
    opacity:1
  }
}
@-webkit-keyframes xs_yccc{
 0% {
     opacity:1
    }
  50%{
    opacity:0
  }
100% {
    opacity:1
  }
}


@keyframes fei{
  0% {
      transform: rotate(-10deg);
    }
  50%{
    transform: rotate(10deg);
  }
100% {
     transform: rotate(-10deg);
  }
}
@-webkit-keyframes fei{
 0% {
     -webkit-transform: rotate(-10deg);
    }
  50%{
    -webkit-transform: rotate(10deg);
  }
100% {
    -webkit-transform: rotate(-10deg);
  }
}

@keyframes feis{
  0% {
      transform: rotate(10deg);
    }
  50%{
    transform: rotate(-10deg);
  }
100% {
     transform: rotate(10deg);
  }
}
@-webkit-keyframes feis{
 0% {
     -webkit-transform: rotate(10deg);
    }
  50%{
    -webkit-transform: rotate(-10deg);
  }
100% {
    -webkit-transform: rotate(10deg);
  }
}



@-webkit-keyframes xxxx {
  0% {
    background-color: #fff; }

  1% {
    background-color: #ff8400; }

  11% {
    background-color: #ff8400; }

  21% {
    background-color: #fff; }

  100% {
    background-color: #fff; } }

@-moz-keyframes xxxx {
  0% {
    background-color: #fff; }

  1% {
    background-color: #ff8400; }

  11% {
    background-color: #ff8400; }

  21% {
    background-color: #fff; }

  100% {
    background-color: #fff; } }

@-ms-keyframes xxxx {
  0% {
    background-color: #fff; }

  1% {
    background-color: #ff8400; }

  11% {
    background-color: #ff8400; }

  21% {
    background-color: #fff; }

  100% {
    background-color: #fff; } }

@keyframes xxxx {
  0% {
    background-color: #fff; }

  1% {
    background-color: #ff8400; }

  11% {
    background-color: #ff8400; }

  21% {
    background-color: #fff; }

  100% {
    background-color: #fff; } }
@keyframes Clockwise2{
    0% {
        transform:translate(-10px,0);
    }
    25% {
        transform:translate(0,0);
    }
    50% {
        transform:translate(-10px,0);
    }
    75% {
        transform:translate(0,0);
    }
    100% {
        transform:translate(-10px,0);
    }
}
@-webkit-keyframes Clockwise2{
    0% {
        -webkit-transform:translate(-10px,0);
    }
    25% {
        -webkit-transform:translate(0,0);
    }
    50% {
        -webkit-transform:translate(-10px,0);
    }
    75% {
        -webkit-transform:translate(0,0);
    }
    100% {
        -webkit-transform:translate(-10px,0);
    }
}

@keyframes Clockwise3{
    0% {
    transform:translate(0,0);
       
    }
    25% {
        transform:translate(-10px,0);
    }
    50% {
        transform:translate(0,0);
    }
    75% {
         transform:translate(-10px,0);
    }
    100% {
       transform:translate(0,0);
    }
}
@-webkit-keyframes Clockwise3{
   0% {
    -webkit-transform:translate(0,0);
       
    }
    25% {
        -webkit-transform:translate(-10px,0);
    }
    50% {
        -webkit-transform:translate(0,0);
    }
    75% {
         -webkit-transform:translate(-10px,0);
    }
    100% {
       -webkit-transform:translate(0,0);
    }
}

@media (device-height:416px) and (-webkit-min-device-pixel-ratio:2){
  .loading{top: 313px;}
  .loading_2{top: 313px;}
  #gz_pop h2{padding: 39px 0 50px 0;}
  #submit_btn{bottom: 95px;}
  .ts1{bottom: 102px;}
  .ts{bottom: 102px;}
  .input_box{padding: 1px 0 0 30px;}
 
}