/* 过渡 */
@keyframes twinkle1 {0% {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);}
100% {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
}
@-moz-keyframes twinkle1 {0% {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);}
100% {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
}
@-ms-keyframes twinkle1 {0% {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);}
100% {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
}
@-o-keyframes twinkle1 {0% {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);}
100% {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
}
@-webkit-keyframes twinkle1 {0% {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);}
100% {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
}

/* 头部 */
* {margin:0;padding:0;}
.header {background:rgba(0,0,0,0.18);width:100%;height:55px;float:left;position:fixed;top:0;text-align: center;font-size: initial;}
.header img:first-child {width: 50px;height: 50px;vertical-align: middle;}
.header p {color: #fff;font-size: 18px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.header p span {color:#ffff00;vertical-align: middle;}
.header img:last-child{width: 100px;vertical-align: middle;cursor: pointer;animation:twinkle1 0.6s infinite alternate;-moz-animation:twinkle1 0.6s infinite alternate;-ms-animation:twinkle1 0.6s infinite alternate;-webkit-animation:twinkle1 0.6s infinite alternate;}

/* 正文 */
.content {max-width:600px;margin:auto;}
.content img {width: 100%;margin:0;padding:0;}
.output img{
    display: block;
    width: 100%;
}

/* 技术 */
.technical {text-align:center;margin:60px 0 180px 0;width:100%;font-size: initial;}
.technical p {font-size: 16px;color: #909090;display: inline-block;margin-right: 15px;}
.technical p span {font-size: 20px;color: #ff1818;vertical-align: middle;}
.technical img {cursor: pointer;width: 50px;vertical-align: middle;}

/* 底部¨ */
.dibu {position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:600px;}
.dibu img {width: 100%;}

/* 左右侧微信*/
.zuo {left:0;}
.you {right:0;}
.zuo,.you {position:fixed;top:50%;cursor: pointer;animation:twinkle1 0.6s infinite alternate;-moz-animation:twinkle1 0.6s infinite alternate;-ms-animation:twinkle1 0.6s infinite alternate;-webkit-animation:twinkle1 0.6s infinite alternate;}
.zuo img,.you img {width: 80px;}

/*弹窗 */
.tanchuang {display:none;position:fixed;height:470px;top:0;bottom:0;left:0;right:0;margin: auto;width:300px;background:#fff;border-radius:0.2em;text-align:center;z-index:1000;}
.tanchuang .close {cursor:pointer;width:48px;height:48px;background:url(../images/close.png)/*tpa=http://xy.xiaodu05.cn/yiiynbb/index/close.png*/ no-repeat center;position:absolute;top:0;right:0;}
.tanchuangfg {margin:0 auto;text-align:center;width:300px;height:50px;background:rgb(247, 243, 22);border-radius:0.2em 0.2em 0 0;overflow:hidden;}
.tanchuangfg p {font-size:28px;font-weight:bold;color:#000;line-height: 48px;}
.tanchuangewm img {width: 50%;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);margin-top: 10%;}
.tanchuangewm p {margin: 5% auto;font-size: 18px;color: #717171;}
.tanchuangwx {margin:0 auto;width:80%;border:1px dashed red;background:rgb(238, 238, 12);}
.tanchuangwx p {font-size:28px;color:#000;font-weight:bold;cursor:pointer;}
.tanchuangdownli {animation:twinkle1 0.6s infinite alternate;-moz-animation:twinkle1 0.6s infinite alternate;-ms-animation:twinkle1 0.6s infinite alternate;-webkit-animation:twinkle1 0.6s infinite alternate;}
.tanchuangdownli img {width: 50%;cursor: pointer;margin: 5% auto;}
.tanchuang>p {color:#ff4141;font-size:14px;line-height:28px;margin-bottom: 10%;}
.zhezao {display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index: 999;}