@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none;}
/*万能清除浮动*/
.clearfix:after,.green_bg:after{ display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix,.green_bg { zoom:1;}
.cb{ clear:both;}
html{font-size:62.5%; height:100%; }
body,html,.screenful{ width:100%; height:100%; background:#ddd;}
body {max-width:640px;margin:0 auto;height:100%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}




/*====背景音乐图标===*/
.audio_btn,.audio_close{ display:block;position:absolute;right:0.5rem; top:0.5rem; width:3rem; height:3rem; background:url(music.png) no-repeat; background-size:100%; z-index:5; cursor:pointer;}
.audio_close{ background:url(music_sel.png); background-size:100%;}


/*==== 引导页====  */
.loading_bg { background-color:#f2e2d6;max-width:640px;margin:0 auto; position:relative;width:100%; height:100%; overflow:hidden; min-height:570px;}
.loading_box { background:url(a01.png) center 0 no-repeat; margin:0 auto; background-size:100% auto; width:44%; height:20%; margin-top:40%;}
.loading_txt { margin:0 auto; text-align:center; padding-top:10%; font-size:1.5rem; font-weight:bold;color:#5a2e23; font-family:"微软雅黑";}
.a_logo { background:url(a-logo.png) center 0px no-repeat;background-size:100% auto; width:80px; height:32px;position:absolute;  bottom:3%; left:50%; margin-left:-40px;}
/* ======引导页 END==== */


/*==== 首页====  */
.warp,.warp02,.warp03,.warp04 {background:#f2e2d6 url(a-bg.png) no-repeat;background-size:100% 100%;position:relative;width:100%; height:100%; overflow-x:hidden; min-height:570px;}
.a-title { background:url(a-title.png) no-repeat; background-size:100% auto; width:45%; height:80%; margin-top:5%; margin-left:2%; }
.a-logo {display:block;position:absolute;right:4rem; top:0.5rem; width:3rem; height:3rem; background:url(a-logo02.png) no-repeat; background-size:100%; z-index:5; cursor:pointer;}
.a-btn { background:url(btn.png) no-repeat center 0; width:44%; height:10%;background-size:100% auto; margin:0 auto;position:absolute; top:75%; left:50%; margin-left:-22%;display:block; cursor:pointer;}
.a-btn:hover { background:url(btn_sel.png) no-repeat center 0; width:44%; height:10%;background-size:100% auto; margin:0 auto;position:absolute; top:75%; left:50%; margin-left:-22%;display:block; cursor:pointer;}
.a-btn p {font-family:"微软雅黑"; font-size:1.8rem;color:#ffffff;font-weight:bold; text-align:center; line-height:5rem;}
/*==== 首页 END====  */

/*==== 故事页====  */
.warp02 {background:#f2e2d6 url(b-bg.png) no-repeat;background-size:100% 100%; width:100%;  height:100%;overflow-x:hidden;}
.warp03 {background:#f2e2d6 url(c-bg.png) no-repeat;background-size:100% 100%;width:100%; height:100%;overflow-x:hidden;}
.warp04 {background:#f2e2d6 url(d-bg.png) no-repeat;background-size:100% 100%;width:100%; height:100%;overflow-x:hidden;}
.b-txt { background:url(b-txt.png) no-repeat; width:26%; height:70%; margin-top:10%; margin-left:5%; background-size:100% auto;}
.c-txt { background:url(c-txt.png) no-repeat; width:26%; height:70%; margin-top:10%; margin-left:5%; background-size:100% auto;}
.d-txt { background:url(d-txt.png) no-repeat; width:26%; height:70%; margin-top:10%; margin-left:5%; background-size:100% auto;}
.xiala { background:url(xiala.png) no-repeat; width:35px; height:35px; background-size:100% auto; position:absolute; left:50%; margin-left:-6%; bottom:15%}
/*==== 故事页END====  */

/*==== 用爱回答====  */
.warp05 {background:#f2e2d6 url(e-bg.png) center 0px repeat;background-size:100% auto;max-width:640px;margin:0 auto; position:relative;width:100%; height:100%; overflow-x:hidden; min-height:570px;}
.e-box {width:100%; /*height:40%;*/ display:inline-block; margin-top:5%; z-index:5; }
.e-box textarea {margin:0 auto; width:70%;display:block;background-color:transparent; border:none; padding:4% 10px;font-family:"微软雅黑"; font-size:1.4rem;color:#aa714c; line-height:2.6rem;min-height:13rem; overflow:auto; overflow-x:hidden; margin-bottom:15px;}
.e-txt01 { background:url(e-xin01.png) no-repeat; width:100%; height:12px; background-size:100% auto;}
.e-txt02 { background:url(e-xin02.png) center 0px repeat; width:100%; height:10%; background-size:100% auto;}
.e-txt03 { background:url(e-xin03.png) center 0px repeat; width:100%; height:70%; background-size:100% auto;}
.e-txt09 { background:url(e-xin03.png) center 0px repeat; width:100%; height:50%; background-size:100% auto; overflow:hidden;}
.e-txt10 {background:url(e-xin04.png) no-repeat; width:100%; height:12px; background-size:100% auto;}
.e-bb{ background:url(e-txt01.png) center 0px no-repeat; width:61%; height:12rem; background-size:100% auto; display:inline-block; margin-left:12%; margin-top:10px;}
.e-txt04 { background:url(e-xinfeng.png) center 0px no-repeat; width:100%; height:51%; background-size:100% auto; position:relative;padding-top:20px; padding-bottom:45%; z-index:10;}/*已修改*/
.b-btn { background:url(btn.png) no-repeat center 0; width:140px; height:45px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute; bottom:60px; left:50%;margin-left:-70px;}
.b-btn:hover { background:url(btn_sel.png) no-repeat center 0;width:140px; height:45px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer; position:absolute; bottom:60px; left:50%;margin-left:-70px;}



.b-btn p,.c-btn p,.d-btn p {font-family:"微软雅黑"; font-size:1.8rem;color:#ffffff;font-weight:bold; text-align:center; line-height:30px; padding:5% 0%}
.e-ag{width:283px; height:126px;overflow:hidden;margin:0 auto; padding-top:10px;  }
.e-ag-box{ background:url(e-gg-bg.png) no-repeat; background-size:100% auto; width:90%; height:130px;z-index:2; margin-left:3%; padding:2%; position:relative}
.e-logo { float:left; width:43px; margin-left:5%; margin-top:2%;}
.e-logo img { width:43px; height:43px;}
.e-p{ float:right; width:100%; height:50px; margin-left:-60px; }
.e-p span {font-family:"微软雅黑"; font-size:1.2rem;color:#3d2524; line-height:18px;; text-align:left; margin-left:65px; padding-top:8px; display:block;}
.e-dk { background:url(e-dk.png) no-repeat;width:30%; height:40%;background-size:100% auto; margin:0 auto; display:block;cursor:pointer;position:absolute;right:5%;top:5px}
.e-dk:hover { background:url(e-dk_sel.png) no-repeat;width:30%; height:40%;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:5%;top:15%}
.e-xz {background:url(e-xz.png) no-repeat;width:95px; height:39px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:5%;top:10%;}
.e-xz:hover {background:url(e-xz_sel.png) no-repeat;width:95px; height:39px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:5%;top:10%}
.e-ag p{font-family:"微软雅黑"; font-size:1.2rem;color:#aa714c; line-height:1.7rem; text-align:left;margin-left:5%;margin-top:25%; z-index:1;}


/*==== 用爱回答END====  */


/*==== 用户写贺卡页====  */
.e-xiexia {background:url(e-txt02.png) center 0px no-repeat; width:61%; height:30px; background-size:90% auto; display:inline-block; margin-left:12%; margin-top:2%}
.e-tjtp {background:url(e-tjzp.png) no-repeat;width:113px; height:37px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;left:50%; margin-left:-57px; font-size:0px;  text-indent:200px; overflow:hidden;}
.e-tjtp:hover {background:url(e-tjzp_sel.png) no-repeat;background-size:100% auto;}
.e-txt05 { background:url(e-xin03.png) center 0px repeat; width:100%; height:100%; background-size:100% auto;}
.e-txt05 p {font-family:"微软雅黑"; font-size:1.4rem;color:#aa714c; line-height:24px;padding:4% 10%;}
/*==== 用户写贺卡页END====  */


/*====贺卡预览及修改====  */
.e-txt06 { background:url(e-xin02.png) center 0px repeat; width:100%; height:14%; background-size:100% auto;}
.yh-box {width:100%; height:40px;background-size:100% auto; margin-left:10%; position:relative;}
.yh-tx {width:40px; height:40px; padding:2px; background:#f1e1d5; background-size:100%; display:inline-block; position:absolute; border-radius:100%;}
.yh-tx img {width:40px; height:40px; border-radius:100%;}
.yh-name{font-family:"微软雅黑"; font-size:1.2rem;color:#3d2524; line-height:2.8rem; text-align:left; display:inline-block;position:absolute;left:16%;top:10%}
.yh-dzan {background:url(e-dz.png) no-repeat;width:95px; height:39px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:20%;top:5%}
.yh-dzan:hover,.yh-dzan.z_sel {background:url(e-dz_sel.png) no-repeat;width:95px; height:39px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:20%;top:5%}
.yh-png { margin-left:10%; width:100px; height:100px; display:inline-block; background-size:100%;}
.yh-png img { width:100px; height:100px;}
.e-del {background:url(e-del.png) no-repeat;width:113px; height:37px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;left:50%; margin-left:-57px;font-size:0px;  text-indent:200px; overflow:hidden;}
.e-del:hover {background:url(e-del_sel.png) no-repeat;width:113px; height:37px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;left:50%; margin-left:-57px;}
.c-btn {background:url(btn2.png) no-repeat center 0; width:123px; height:45px; line-height:45px;background-size:100% auto; margin:0 auto;display:inline-block;text-align:center; margin:0px 0.5rem; cursor:pointer; }
.c-btn:hover {background:url(btn2_sel.png) no-repeat center 0; width:123px; height:45px;background-size:100% auto; margin:0 auto;display:inline-block;text-align:center; margin:0px 0.5rem; cursor:pointer; }
.d-btn {background:url(btn3.png) no-repeat center 0; width:123px; height:45px;background-size:100% auto; margin:0 auto;display:inline-block;text-align:center; margin:0px 0.5rem; cursor:pointer;}
.d-btn:hover {background:url(btn3_sel.png) no-repeat center 0; width:123px; height:45px;background-size:100% auto; margin:0 auto;display:inline-block;text-align:center; margin:0px 0.5rem; cursor:pointer;}
.btn-x { width:100%; clear:both; padding:0px;text-align:center; padding-top:22%; position:absolute; bottom:50px;}
.e-xghk {background:url(e-xghk.png) no-repeat;width:113px; height:37px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;left:50%; margin-left:-57px; font-size:0px; text-indent:250px; overflow:hidden; cursor:pointer; z-index:20;}
.e-xghk:hover {background:url(e-xghk_sel.png) no-repeat;width:113px; height:37px;;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;left:50%; margin-left:-57px;}
/*====贺卡预览及修改END====  */

/*======分享========*/
.pt_tc {width:100%; height:100%;max-width:640px; margin:0 auto;background-size:100%;background:#000000; position:absolute; top:0px;filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9; z-index:99}
.share-tc { background:url(e-share.png) no-repeat center 0; background-size:100% auto; width:28%; height:35%; display:inline-block; z-index:58; position:absolute;right:10%; top:5%;  z-index:100;}

.mask_bor{ background:#fff; border-radius:5px;text-align:center;color:#555; width:22rem;min-height:12rem; position:absolute;  left:50%; top:50%; margin-left:-11rem; margin-top:-10rem; z-index:99; box-shadow:0px 0px 5px #ccc; z-index:105;}
.mask_bor .mask-alert{ padding:20px 20px 10px;font:normal 14px/25px "微软雅黑"; color:#5f2503; background:#fdefcc; margin-bottom:15px; border-radius:5px 5px 0px 0px;}
.mask_bor .mask-btn{ display:block; margin:20px 20px 15px; margin-top:0px; height:30px; background:#ffd200; border-radius:3px;font:normal 14px/28px "微软雅黑"; color:#5f2503;}
.mask_bor .mask-btn:hover{ background:#f2c200;}
.mask_bor .close-btn{ display:block; width:3.5rem; height:3.5rem; border:1px #DBDBDB solid; border-radius:100%;position:absolute;right:-1rem; top:-0.5rem;color:#a0a0a0; line-height:3.5rem; font-size:1.8rem; font-family: Arial; background:#FFF;}
.mask_bor ul{ padding-top:20px;}
.mask_bor li{ display:block; height:8.5rem; text-align:center;}
.mask_bor li a{ display:inline-block; width:50px; padding:0px; margin:0px 7px; font-size:1.2rem; line-height:3rem; color:#555;}
.mask_bor li a:hover{ color:#e13b29;}
.mask_bor li a span{ display:block; width:45px; height:45px; background:url(main.png) no-repeat;  margin:0 auto; }
.mask_bor li a .weix{ background:url(main.png) no-repeat 0 0px; background-size:100px auto;}
.mask_bor li a .pyq{ background:url(main.png) no-repeat 0 -45px; background-size:100px auto;}
.mask_bor li a .sina{ background:url(main.png) no-repeat 0 -90px;background-size:100px auto;}
.mask_bor li a .qzone{ background:url(main.png) no-repeat 0 -135px; background-size:100px auto;}
.mask_bor li a .qq{ background:url(main.png) no-repeat 0 -180px; background-size:100px auto;}
.mask_bor li a .btn{ width:40px; height:40px; background:url(main.png) no-repeat 0 -611px; background-size:320px auto; margin-top:5px;}
/*======分享========*/

/*======分享出去的页面========*/
.e-txt07 { width:100%; background-size:100% auto;position:relative;clear:both;padding-bottom:20px;text-align:center;}
.e-hkq { width:100%; background-size:100% auto;position:relative;clear:both;padding:0px;text-align:center; margin-top:2%}
.share-btn {background:url(btn2.png) no-repeat center 0; width:123px; height:45px; line-height:45px;background-size:100% auto; margin:0 auto;display:inline-block; cursor:pointer; margin:0px 0.5rem }
.share-btn:hover {background:url(btn2_sel.png) no-repeat center 0; width:123px; height:45px;background-size:100% auto; margin:0 auto;display:inline-block; cursor:pointer; margin:0px 0.5rem}
.share-btn2 {background:url(btn3.png) no-repeat center 0; width:123px; height:45px; line-height:45px;background-size:100% auto; margin:0 auto;display:inline-block; cursor:pointer; margin:0px 0.5rem}
.share-btn2:hover {background:url(btn3_sel.png) no-repeat center 0; width:123px; height:45px;background-size:100% auto; margin:0 auto;display:inline-block; cursor:pointer; margin:0px 0.5rem}
.share-btn p,.share-btn2 p {font-family:"微软雅黑"; font-size:1.6rem; line-height:45px;color:#ffffff;font-weight:bold; text-align:center; }
.m01 { position:absolute;top:72%;left:10%;}
.m02 { position:absolute;top:72%;left:52%}
.m03 {position:absolute;bottom:10%;left:50%; }
.m04 { margin-top:10px}
.hu a { background:#7adcf3 url(e-bg02.png) no-repeat;background-size:100% auto; }
.e-dz {background:url(e-dz.png) no-repeat;width:95px; height:40px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:20%}
.e-dz:hover {background:url(e-dz_sel.png) no-repeat;width:95px; height:40px;background-size:100% auto;}
.e-txt08 { background:url(e-xin03.png) center 0px repeat; width:100%; height:auto; background-size:100% auto;}
.e-txt08 p {font-family:"微软雅黑"; font-size:1.4rem;color:#aa714c; line-height:24px;padding:4% 10%;}
/*======分享出去的页面========*/

/*======贺卡墙========*/
.hua { background:url(e-bg02.png) center 0 no-repeat,url(e-bg.png); background-size:100% auto; background-position:bottom right;}
.hk-box {height:88%;  overflow-y:scroll; overflow-x:hidden;z-index:99; }
.m06 { height:auto;overflow:hidden;}
.m07 { margin-top:5%}
.user-zan {background:url(e-z.png) no-repeat;width:95px; height:40px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:20%; font:normal 16px/40px "微软雅黑"; color:#b2b2b2; }
.user-zan span{ width:100%;white-space:nowrap;overflow:hidden;padding-left:50px;}
.user-zan em{ position:absolute; left:3px; top:3px; width:25px; height:19px; /*background:url(imgs_blue.png) no-repeat -238px 0px; background-size:380px auto;*/}
.user-zan.z-on{ color:#de2d33 !important;}
.user-zan:hover {background:url(e-z_sel.png) no-repeat;width:95px; height:40px;background-size:100% auto; margin:0 auto;display:block; cursor:pointer;position:absolute;right:20%; font:normal 16px/40px "微软雅黑"; color:#b2b2b2;}
.user-zan:hover em,.user-zan.z-on em{ background-position:-270px 0px;}
.user-zan.z-on b{ position:absolute;top:-20px; font-family: Arial;}


/*弹窗*/
.tc_shadow{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0.8; filter:alpha(opacity:80);background:#000; z-index:10; }
.tc_bigImg{ position:absolute; top:40px; height:auto; width:80%; margin-left:10%;z-index:20; }
.tc_bigImg img{ width:100%;}
.tc_bigImg a{ display:block; position:absolute; top:-15px; right:-15px; width:35px; height:35px; border:3px #5F3E24 solid; border-radius:100%; background:url(e-del-x.png) no-repeat center center; background-size:70%;}
.tc_bigImg a:hover{ background-color:#fff;opacity:0.5; filter:alpha(opacity:50);}