html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;border-collapse:collapse;}
body {text-align: center;font-family: "微软雅黑";}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style-type:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}


.blank-10h{width:100%;height:10px;}
.blank-20h{width:100%;height:20px;}
.blank-50h{width:100%;height:50px;}
.blank-100h{width:100%;height:100px;}
.cb{clear:both;}

.bg-white{background:#ffffff;}/* 微邮筒大背景 */
.bg-green, .layer-main, .layer-green{background:#00955d;}/* 蓝绿色背景，用于明信片文字输入层、提示层、选择层的背景 */
.bg-orange, .layer-btn2 a, .layer-btn1 a, .layer-input .before-btn, .layer-input .next-btn, .main-btn1 a, .main-btn2 a{background:#ff9204;}/* 按钮背景颜色 */
.bg-head{background:#f0f0f0;background:-moz-linear-gradient(top, #ffffff, #f0f0f0);background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));background:-o-linear-gradient(top,#ffffff,#f0f0f0);border-bottom:1px solid #d2d2d2;box-shadow:0 2px 3px rgba(0,0,0,0.11);}

.diy-head, .tab-head{width:100%;height:48px;color:#00955d;line-height:45px;}
.tab-head{position:fixed;top:0;left:0;z-index:1;color:#fff;background:#00b56d;box-shadow:0 0 15px #555 inset;}
.tab-head .tab-leftBtn, .tab-head .tab-rightBtn{width:50%;height:100%;display:inline-block;float:left;color:#fff;}
.tab-head .now-leftTab{color:#00955d;background:#ffffff;border-top-right-radius:5px;box-shadow:0 -10px 15px #555;}
.tab-head .now-rightTab{color:#00955d;background:#ffffff;border-top-left-radius:5px;box-shadow:0 -10px 15px #555;}
.diy-head .left-btn, .diy-head .right-btn, .diy-head .goPay-btn, .diy-head .changeImg-btn{width:90px;height:35px;display:inline-block;font-size:15px;font-weight:bold;vertical-align:top;text-align:center;line-height:33px;}
.diy-head .left-btn, .diy-head .changeImg-btn{float:left;margin:8px 0 0 8px;background:url("../images/wyt2/head-LBtnbg.png") no-repeat;background-size:100%;}
.diy-head .left-btn i{width:18px;height:35px;float:left;display:inline-block;margin-left:11px;background:url("../images/wyt2/icon-lastBtn.png") no-repeat 0 45%;background-size:100%;}
.diy-head .right-btn, .diy-head .goPay-btn{float:right;margin:8px 8px 0 0;background:url("../images/wyt2/head-RBtnbg.png") no-repeat;background-size:100%;}
.diy-head .right-btn i{width:18px;height:35px;float:right;display:inline-block;margin-right:11px;background:url("../images/wyt2/icon-nextBtn.png") no-repeat 0 45%;background-size:100%;}
.diy-head .goPay-btn i{width:13px;height:30px;float:right;display:inline-block;margin-right:11px;background:url("../images/wyt2/icon-goPayBtn.png") no-repeat 0 45%;background-size:100%;}
.diy-head .changeImg-btn i{width:20px;height:35px;float:left;display:inline-block;margin-left:11px;background:url("../images/wyt2/icon-changeBtn.png") no-repeat 0 40%;background-size:100%;}
.diy-head .left-sign{width:50px;height:48px;display:block;position:absolute;top:0;left:0;background:url("../images/wyt2/icon-leftImgG.png") no-repeat 50%;background-size:auto 50%;}

.layer-black{width:100%;min-height:100%;display:block;position:fixed;z-index:10;top:0px;left:0px;background:rgba(0,0,0,0.6);text-align:center;}
.layer-main{width:80%;min-height:100px;padding:5%;position:fixed;top:15%;left:5%;color:#fff;}
.layer-absolute{position:absolute;}
.layer-relative{position:relative;}
.layer-main .closeBtn{width:20px;height:20px;display:inline-block;position:absolute;right:5px;top:5px;background:url("../images/wyt2/icon-closeBtn.png");background-size:100%;}
.layer-main b{width:100%;height:30px;display:block;margin-bottom:15px;font-size:16px;border-bottom:1px solid #fff;}
.layer-main p{width:100%;line-height:30px;font-size:15px;text-align:left;}
.layer-main .layer-btn2, .layer-main .layer-btn1{text-align:center;}
.layer-main .layer-btn2 a, .layer-main .layer-btn1 a, .layer-input .before-btn, .layer-input .next-btn{height:40px;display:inline-block;margin-top:15px;line-height:40px;font-size:16px;color:#fff;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0 0 5px #555;}
.layer-main .layer-btn2 a{width:45%;}
.layer-main .layer-btn1 a{width:90%;}
.main-btn1, .main-btn2{text-align:center;}
.main-btn1 a, .main-btn2 a{height:44px;display:inline-block;margin-top:15px;line-height:44px;font-size:16px;color:#fff;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0 0 5px #555;}
.main-btn1 a{width:90%;}
.main-btn2 a{width:45%;}


.layer-black .icon-share{width:70%;float:right;margin:10px 10px 0 0;}
.layer-black .layer-dot{width:70%;min-height:80px;padding:5%;margin:0px auto;color:#fff;}
.layer-black .layer-dot p{line-height:28px;text-align:left;}
.layer-black .layer-text{width:70%;min-height:80px;padding:5%;margin:50% auto 0;color:#fff;}
.layer-black .layer-text p{line-height:28px;text-align:left;margin-bottom:18px;}
.layer-black .layer-text .btn-text{padding:5px 15px;border:1px solid #fff;border-radius:5px;}

.layer-white{width:80%;min-height:100px;padding:5%;position:fixed;top:30%;left:5%;z-index:10;background:rgba(255,255,255,0.9);border:1px solid #00955d;border-radius:5px;box-shadow:0 0 10px #333;}
.layer-white .closeBtnG{width:20px;height:20px;display:inline-block;position:absolute;right:5px;top:5px;background:url("../images/wyt2/icon-closeBtnG.png");background-size:100%;}
.layer-white p{width:100%;line-height:30px;font-size:15px;text-align:left;color:#00955d;text-align:center;}

.text-red{color:#ff0000;}
.text-green{color:#00955d;}
.text-grey{color:#a0a0a0;}
.text-orange{color:#ffa600;}

/* 报错页面 */
.com-error{width:100%;margin-top:20%;text-align:center;}
.com-error img{width:60%;}
.com-error p{width:90%;margin:10px auto;color:#777;line-height:30px;}

/* 正在加载中遮罩层 */
.loading{width:100%;height:100%;display:block;position:fixed;top:0;left:0;z-index:9999;background:#fff;}
.loading b{width:120px;height:25px;display:block;margin:0 auto;position:relative;top:45%;text-align:left;font-size:16px;color:#666;}
.loading b span{width:30px;height:25px;display:inline-block;overflow:hidden;animation: dotStyle 1s infinite ease-in-out;-moz-animation: dotStyle 1s infinite ease-in-out;-webkit-animation: dotStyle 1s infinite ease-in-out;-o-animation:dotStyle 1s infinite ease-in-out;}

.load-black{width:100%;height:100%;display:block;position:fixed;top:0;left:0;z-index:9999;background:rgba(0,0,0,0.6);}
.load-black b{width:120px;height:25px;display:block;margin:0 auto;position:relative;top:45%;text-align:left;font-size:16px;color:#fff;}
.load-black b span{width:30px;height:25px;display:inline-block;overflow:hidden;animation: dotStyle 1s infinite ease-in-out;-moz-animation: dotStyle 1s infinite ease-in-out;-webkit-animation: dotStyle 1s infinite ease-in-out;-o-animation:dotStyle 1s infinite ease-in-out;}

@keyframes dotStyle{0%{width:0px;}100% {width:35px;}}
@-moz-keyframes dotStyle{0%{width:0px;}100% {width:35px;}}
@-webkit-keyframes dotStyle{0%{width:0px;}100% {width:35px;}}
@-o-keyframes dotStyle{0%{width:0px;}100% {width:35px;}}


/* css3正在加载中动画效果 */
.spinner {
  /* margin: 100px auto; */
  width: 28px;
  height: 28px;
  position: absolute;
  z-index:5;
  top:40%;
  left:40%;
}
/* 努力加载中的loading图 */
.spinner2 {
width: 20px;
height: 20px;
position: relative;
z-index: 5;
top: 30%;
left: 7%;
}
.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #00a4ca;
  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;
}
.containerColorW > div{background-color: #ffffff;}
/* 努力加载中的loading图 */
.spinner2 .container1 > div, .spinner2 .container2 > div, .spinner2 .container3 > div {
  background-color: #ececec;
}
.spinnerPositon{
  width: 20px;
  height: 20px;
  position: relative;
  left:50%;
}
.containerColor > div{background-color: #333;}
.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;
}
@-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);
  }
}