@charset "utf-8";
/* CSS Document */

/** Set default font family and font color and background color */
html {font-family:'宋体',arial, verdana, sans-serif; color:#333; background:#fff;}
/***** body *****/ 
body{font-size:100%;  background:#fff }
/*****Remove default margin and padding*****/
body,dl,h1,h2,h3,h4,h5,h6,form,p{ margin:0; }
input,button,textarea,td,th{padding: 0;}
menu,ul,ol{ margin:0; padding:0}
/***** Remove default vertical scrollbar in IE 8/9/10/11 and resize button*****/
textarea{resize:none; overflow:auto}
/***** Improve link behaviour*****/ 
a{text-decoration:none; background-color: transparent;}
a:active,a:hover { outline: 0;}
/***** Prevent `sub` and `sup` affecting `line-height` in all browsers. *****/ 
sub,sup {font-size: 75%; line-height: 0;position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/***** fix border problem *****/ 
iframe,img{border:0;}
/***** remove list style of ul and ol*****/ 
ul,ol{list-style:none;}
/***** input and button *****/ 
button { overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
button:-moz-focusring,input:-moz-focusring { outline: 1px dotted ButtonText;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
/***** table *****/ 
table{border-collapse:collapse;border-spacing:0}
/*****display behaviour *****/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden],template { display: none;}
/*****common classes *****/
.clear{ clear:both}
.inner{ position:relative; width:100%; height:100%}


/***** 此处需要根据具体项目修改 *****/

.u-audio { position: absolute; right: 12px; top: 12px; width:42px; z-index: 300;}
.u-audio .sing{ width:42px; height:27px; /*background:url(../images/sing.png) no-repeat;*/ background-size:100% 100%;}
.u-audio .btn{width: 36px; height:36px; /*background:url(../images/stop.png) no-repeat;*/ background-size:100% 100%; margin:0 auto;}
.u-play .sing{-webkit-animation: tada 1s infinite;}
.u-play .btn{/* background-image:url(../images/play.png);*/}


/* loadPage */
.loadPage{background:url(../images/bgg.jpg); background-size:cover; z-index: 9999;width: 100%;position: fixed;top: 0;bottom: 0;display:block;}
/*.plane{ position:absolute; top:50%; left:50%; width:24px; height:20.5px; background-size:cover; margin-top:-106px;margin-left: -1px;}*/
.yuan{position:absolute; top:50%; left:50%; width:113px; height:113px; margin-top: -107px; margin-left: -56.5px;}
.loading-num{ position: absolute; top: 50%; width: 100%; text-align: center; font-size: 36px; color: #fff; height: 103px; line-height: 103px;margin-top:-100px}



.lay{ background:url(../images/bgg.jpg); background-size:100% 100%; position:absolute; top:0; left:0; width:100%; height:100%; display:none; overflow:hidden}

/*第一屏*/
.l1-bg{ position:absolute; top:50%; left:50%; background:url(../images/l1_bg.png); background-size:cover; width:334.5px; height:560px; margin-left: -167px; margin-top: -280px;}
.selectarea{    width: 185px; position: absolute; left: 50%; top: 50%;    margin-top: 164px; margin-left: -127px;}
.selectarea label{ width:100%; display:block;    margin-top: 10px;}
label span{ display:inline-block; width:60px; padding-right:5px;  text-align:right; font-size: 15px; font-family:'华文细黑'}
label input,label select{ /*-webkit-appearance: none;*/    box-sizing: border-box; width:116.5px; height:20px; border:1px solid #217279; border-radius:0; }
.l1-btn{ width:65px; height:89px; background:url(../images/l1_btn.png); background-size:cover; position:absolute; top:50%; left:50%; margin-top: 174px; margin-left: 67px;}
.l1-btn.btn2{ background:url(../images/l1_btn2.png); background-size:cover}

/*第二屏*/
.l2-bg{ width:336px; height:569px; background:url(../images/l2_bg.png); background-size:cover;  position:absolute; top:50%; left:50%; margin-left:-168px; margin-top:-284.5px;}
#showimg{ width:281.5px; height:384px; border:2px solid #fff; display:block; box-sizing:border-box;  position:absolute; top:50%; left:50%; margin-left:-140.75px; margin-top:-184.5px;}
.l2-btn{  width: 134.5px; height: 37px;  background: url(../images/l2_btn.png); background-size: cover; position: absolute; top: 50%; left: 50%; margin-left: 19px;  margin-top: 220px }

.pop{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:888; display:none; background:rgba(0,0,0,0.8)}
.pop .sharebg{ width:291.5px; height:208px; background:url(../images/share.png); background-size:cover; position:absolute; top:20px; right:20px;}
.pop .plane2{ width:37px; height:30.5px; background:url(../images/plane2.png); background-size:cover; position:absolute; top: 102px; right: 175px;}

@media (max-width: 335px){/* 兼容iphone5 */
   .inner { transform: scale(0.85); -webkit-transform: scale(0.85);}
}



@media (max-height:460px){/* 兼容iphone4/4s */
   .inner { transform: scale(0.7); -webkit-transform: scale(0.7);}
  label span{ font-size:14px;}
}