@charset "utf-8";
@import url(icon.css);
iframe{v:expression(this.src="/about:blank",this.outerHTML='');display: none;} 
#myiframe{v:e-xpression() !important;display: block;}   /*在自己的iframe里加上id="myiframe"*/
/* CSS Document */
body{padding: 0;min-width: 300px;max-width: 640px;margin: 0 auto;position: relative;/*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/background-color: #f1f1f1;}
.mswrapper{ position:relative; min-width:320px; max-width:640px; margin:0 auto;}
.msheadbox{width:100%;height:50px;position: fixed!important;top: 0; left:0;z-index: 200;}
.mstitle{ height:50px; line-height:50px; color:#fff;font-size: 1.6rem;text-align: center;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.msfootbox{width:100%;height:50px;position: fixed!important;bottom: 0; left:0;z-index: 200;}
.msfixe{min-width: 320px;max-width: 640px;margin: 0 auto;display: -webkit-box;display: box; position: relative;}
.aubgs {width:50px;height:50px;line-height:50px;display: -webkit-box;display: box;background-position:center center;background-repeat: no-repeat;-webkit-background-size:80%!important;background-size:80%!important;}
.msblack{border-top: 1px rgba(20,20,20,0.96) solid;background-color:rgba(20,20,20,0.96);height:50px;}
.magezine-fixe{ min-width:320px; max-width:640px; margin:0 auto;}
.msgray{ background-color:#F5F5F5;height:50px;}
.mspurple{background-color:#ED145B;height:50px; position: relative}
.mspurple:after{ border-bottom:#ededed solid 1px;position:absolute;bottom:0; width: 100%; left: 0; content: '';}
/*.msheadbox .msfixe:after {width: 100%;height: 1px;content: " ";position: absolute;left: 0;bottom:-1px;border-bottom: 1px solid #E8E8E8;
  -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);
}*/
/* 头部ICON */
.msbacks{background-image:url(../images/icon-back.png)!important;}
.msclass{background-image:url(../images/icon-class3.png?ver=1.0)!important;}
.msmenus{background-image:url(../images/icon-menu.png)!important;}
.msmores{background-image:url(../images/icon-more.png)!important;}
/* 头部搜索 */
.mssosbox{padding-right:5px;padding-left:34px; height:34px; background:url(../images/icon_mall_sogray.png) 3px center #FFFFFF no-repeat;-webkit-background-size: 20px 20px;background-size: 20px 20px;background-position:6px;}
.mssosbox .mssosinput{width:100%;background:#FFFFFF;height:20px;line-height:20px;border:none;position: relative;padding-bottom:6px; padding-top:0px;font-size: 12px; color:#000}
.mssosbox .corss {width: 26px;height: 20px; position: absolute;top: 50%;right: 5px;margin-top: -9px;background: url(../images/crossico.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;display: none;}
/* 底部导航 */
.msfticon{width:25px;height:25px;display: -webkit-box;display: box;background-position:center center;background-repeat: no-repeat;-webkit-background-size:98%!important;background-size:98%!important;}
.msftext{ padding-top:2px; display:block;}
.msmeiwu{ background-image:url(../images/icon_beautiful_white.png);}
.msmall{ background-image:url(../images/icon_mall_white.png);}
.msbuy{ background-image:url(../images/icon_buy_white.png);}
.msmessage{ background-image:url(../images/icon_message_white.png);}
.msme{ background-image:url(../images/icon_me_white.png);}
.mscartname{top:5px;right:25px; position:absolute;color:#fff;background-color:#ED145B;line-height: 1;display:block;padding:2px 5px;border-radius: 100px; overflow:hidden;}
/*顶部菜单*/
.mstopmenu{width: 100%;height: 100%;position: fixed; top: 0;left:0; z-index: 300; display: none;}
.mstopmenu .mstopmask{width: 100%;height: 100%;position: absolute; top: 0;left:0; z-index: 1;}
.mstopmenu ul{width:126px;position: absolute;top:58px;right:5px;background:rgba(72,79,85,0.97);z-index:350;border: 1px solid transparent;border-radius: 4px;-webkit-transform-origin: 0px 0px 0px;opacity: 1;-webkit-transform: scale(1, 1);display: block;}
.mstopmenu ul:after{content:"";position:absolute;top:-16px;right:8px;display:inline-block;width:0;height:0;border-style:solid;border-color:transparent transparent rgba(72,79,85,0.97) transparent;border-width:8px}
.mstopmenu ul li{height:38px;line-height:38px;text-align:left;text-indent:2.5em;position:relative;color:#fff;}
.mstopmenu ul li:after {width: 100%;height: 1px;content: " ";position: absolute;left: 0;bottom:-1px;border-bottom: 1px solid #636363;
  -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);
}
.mstopmenu ul li:last-child:after{border-bottom:0;}

.msservice {width:150px;position: fixed!important;background: #484F55;z-index:350;border: 1px solid transparent;border-radius: 4px;-webkit-transform-origin: 0px 0px 0px;opacity: 1;-webkit-transform: scale(1, 1);display: none;}
.msservice:after{content:"";position:absolute;bottom:-16px;left: 50%;display:inline-block;width:0;height:0;border-style:solid;border-color:#484F55 transparent transparent transparent;border-width:8px;margin-left: -8px;}
.msservice li{border-bottom:1px solid #5B6166;height:38px;line-height:38px;text-align:left;text-indent:2.5em;}
.msservice li a{position:relative;display:block;width:100%;color:#fff}
.msservice li:last-child{border-bottom:0;}
.msservice .baico{-webkit-background-size:30px 30px;background-size:30px 30px;background-repeat: no-repeat; background-position: 4px center;}
.barmask{z-index:300;width:100%;height:100%;left:0;top:0;margin:0;padding:0;border:0;position:fixed!important;position:absolute;}
/*背景*/
.bg-grayF2{ background-color:#f2f2f2;}
.bg-grayF8{ background-color:#f8f8f8;}
.loading{ width:100%; height:100%; display:block; text-align: center;}
.loading span{ height:20px; line-height: 20px; display:inline-block; font-size:1.4rem; padding-left:25px; background:url(../images/loading.gif) no-repeat left center;-webkit-background-size:20px!important;background-size:20px!important; }

/* 返回顶部 */
.gotop{ width:40px; height:40px; background-color:rgba(0,0,0,0.5);-webkit-border-radius:50%;border-radius:50%;display: none;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAABXElEQVRo3u3Y0ZWCMBAF0FdCSrCElLAlWAIdSAl2IB1IB9KBJUgnpoO3HzvkZBFCwEQ+nOEPI3PBvNEjoKX1r9iwdDVxQFcc0MUBhj+FD6P7TEsr7+CytPu2f/K5G4GVn27Vvu33IPD6MuOvn2tupL2Tr66O7o/wkTlPw4e0tzyTJM+0QngUJ9BK+54GGAAADXshHErHzrcPAQGhXCx5lPatPxMAAICtEI4lY9cE50aA4Cdd7ljyMnXhV0AAveRPvRs/2ikAwGqIZa7Y3YfYvbw2CQB8LO9vx9Knvp/a23MAgNbH8h3COHbpgCyx9O3bubuIAQAaGdXbCH43t5E1UUAwGdbHkid5Yx1dtQgAWMuVTutjt+hOAQTPMi2WNLzNxW4bIIjlLSET8qm5lI2TCggI7fLSej522wE+ljVy1hpAkVKAAhSgAAUoQAEKUIACFMADHV3RP+a0vqB+AS2zp4xGwi6DAAAAAElFTkSuQmCC");background-position: center center;background-repeat: no-repeat;-webkit-background-size:55%!important;background-size:55%!important;opacity: 0.8;}

/* mBox弹层样式 */
.jemboxer{position: relative;}
.jemboxmask,.jemboxmain {width: 100%;height: 100%;position: fixed;left: 0; top: 0;}
.jemboxmain { display: table;font-family: Helvetica, arial, sans-serif;pointer-events: none;}
.jemboxmain .jemboxsection {display: table-cell;vertical-align: middle; text-align: center;}

.jembox1 .jemboxchild {max-width: 90%;min-width:180px;}
.jembox2 .jemboxchild{border:none; border-radius:0;}
.jembox3 .jemboxchild{width:auto; max-width:260px; min-width:40px; border:none; background: none; box-shadow: none; color:#fff;}
.jemboxchild {position: relative; display: inline-block; text-align: left;font-size: 14px;border-radius: 4px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);pointer-events: auto;opacity: 0;-webkit-transform: scale3d(0,0,1);transform: scale3d(0,0,1);-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease; overflow:hidden;}
.jemboxchild.jemboxanim{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
.jemboxhead{height: 40px; line-height: 40px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;border-radius: 4px 4px 0 0; padding-left:10px; position: relative;}
.jemboxhead:after {width: 100%;height: 1px;content: " ";position: absolute;left: 0;bottom: 0;border-top: 1px solid #D9D9D9;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);}
.jemboxmcont{line-height: 22px;font-size:14px;}
.jemboxfoot {position: relative; height: 40px; line-height: 40px;font-size: 0;text-align: center;color:#333;}
.jemboxfoot span{position:relative; height: 40px; line-height: 40px;display:inline-block;text-align:center; font-size:14px; cursor:pointer; border-radius: 0 4px 0 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.jemboxfoot span:first-child{background-color:#fff; border-radius: 0 0 0 4px;}
.jemboxfoot:after {width: 100%;height: 1px;content: " ";position: absolute;left: 0;top: 0;border-top: 1px solid #D9D9D9;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);}

.jemboxfoot::before{width:1px;height:100%; content:" "; position:absolute; left:50%; top:0; bottom:0; border-right:1px solid #D9D9D9; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleX(0.5); -ms-transform:scaleX(0.5); transform:scaleX(0.5);}
.jembox3 .jemboxmcont{text-align:center; padding: 0; line-height: 0;}
.jembox3 .jemboxmcont i{width:25px; height:25px; margin-left:8px; display:inline-block; background-color:#FEAE1B; border-radius:100%;}
.jembox3 .jemboxmcont i{-webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes bouncedelay{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
@keyframes bouncedelay{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
.jembox3 .jemboxmcont i:first-child{margin-left:0; -webkit-animation-delay: -.32s; animation-delay: -.32s;}
.jembox3 .jemboxmcont i.jemboxload{-webkit-animation-delay: -.16s; animation-delay: -.16s;}


.jembox3 .jemboxmcont .jemboxloadspin{width:50px;height:50px; margin:0 auto; display:inline-block;}
.jembox3 .jemboxmcont .jemboxloadspin .jemboxloading{width:30px;height:30px; position: absolute; top:50%; left:50%; margin:-25px 0 0 -15px;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;-webkit-background-size:30px 30px;background-size:30px 30px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMABgn1p+xKKwL73dO/HBIO+J+HWU5FPyIZ8KR3XTnl4cqTbmYn6Nm1nJeMfmJSMc6rj3LFajrKQIEAAAJRSURBVFjD7dfZlqIwEAbgQjYFBAUFZBNxbfd2ut7/1aYlAuGkQcjVnDP9XWKCISl+S2il2sYy2e3XJnAZhjIS+pxr/hFLC4XjBmukbDfQl79E2hT6OmONPIaeVljXex8lrHPgrfF5JR0eVyCmWDd7e2oPsmvilDxtiDUTFdoJH1i4ec8LVxFpxgDahczgQ9MTCAKwvAVS1s9L5g0rn1AYhIZxYpfzhbS9kN/UwJfRUSi/PsjLqrYIdr07P79oZbr4PXuxp2rAJXd02089GRfrjZ3zpfYaRGRE1F53utkcEZP87WQO1UGaNIRG2fcdRg/msrnrXPeubbvAUkT6zHhEZSV8DIBLfJefNZ+eh8BLvaydeAD/J0/dWMAvMhJRvp184GNKSOhX4CFU76G26TVxZtszof4WST1KyJLyGRbssSJ60JlNptiwrCdnV5b2emzY1n99uvJf82TQkeJ2bx7+kBlGLcu0N9XE5oeogCpjKYMeZulikT43zRmVQSJAHwNVHZDF6GQ7TtxBYjqr+zTbwK9/Qhx+2jP+WB/f85JK5+8CVFG8H+enRSoorfV3TBCTI71Opi9c+i1BFpAxAVP2G5nusRpdijEX5pNunXnZTR6YHwc6XKFR0DjGnWDp1KEfDZndvVVtcUyFZzxXh/RZvUJYG7MZNWE7HOGhTUaiMadXmsfxLgZWRM5hVHU4wuFVGRGdx1kQZD8f9HWVavpd+eFfj+xBN5ZvstFNtpWHucVCADyshCotLnuquLnMR1XzzeeL9L+7K/ByJW2rH8fQ7C8vcqaK+hvWxAAAAABJRU5ErkJggg=="); background-position:center center; background-repeat:no-repeat;}
@-webkit-keyframes spin {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes spin {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.jemboxclose01{ width:30px; height:30px;position: absolute;top:3px;right:3px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAADyUlEQVR4Xs3Z205cdRjG4ZnlYGkK6rRH3kA9NTExnrhptYRoa4GkJcYadTZshgIydICBVrtJsTMFSkuHMqQUKGE3WEqrcg0eeQFeQQ+8Aa0D/g46CVnJ/12szLBmvclz9MGavOv7r6xJJvjO8fetQCCQQAteYAx/ws/5/pV6/IpM6FWJKZTSiM/xB/yYYdxEKe/iLYtBFHsTxjY+ht/yU6mETbPF4DXYE8YmTsIvuYKrhtnfFoNlw/AofsGHqHYGcd0wK+KaxWAC84YyYfyOE6hW0rhlmO3ga2xZDF4ihiVDmXps4TN4nQGMik1EsI6AtadZRGzmDRTQAK+SQsYw+w9xLIJQxDaM4qE4Zps44VGJrGG2i6j9pluw/1EbFgxljuD5AR+zXmTFPIbH9oFlaBxB3lCmDk9wGpVOEpPimYjjEYgoYivTgRnxzKyiEZXKRYyLeUIce4rodOK+2MxTfIFy04Mph+M0C6KKaN3iQ2qxgTMQkbpwV8zbMQcZy8Udyxlmh7GCs3CbhNjELrrVJnQRfYYnxTEruCzTiRyCYlP3IaKKaH3i4q+jgC/hlBimHTb1AKScIlo37ogyazgHUzqQF/MfVAldxL0kxsUzs4TzsCeOaVhi43dBvCgCXBKbOYRlNKOUbzCLoLjeJIiXRYCk+Iodwjqa8BUWXGzY4yJAWnw3qkEBS2L7Q7iDshJCJTKIAAYMZdRNyIDA043oMjew3wyIY+lBEe1HjOAlTPkXSdwGqWYR7S8UxXwHL0D8W6QFq6iFKbVYxgW/FmnFGkJwShCPEfNbkVYsoga2yDKzaPNLkSYs4JBhfhmDoswMItV+jzRjXWziKm6ilIyhzBxqkK/GRpqwKkrcwjWUksUITJlBh9dFzmJJHKcM0rBnFMMwJYeEV0VOYx11hvnPGEJAzPvFjc2h/aCLNGJDbGIcw3DKBAYcjlnioIqcQUG87MZwCfvNbfQ7HLO+Shc5hRXUi02k4DYT6HOYd1eqSAOeoa6MTSiTuCjm99BfbpEGPMFhccdSKDc5dIn5mC6ji5zCmtjElLy4e9Poxa4ok3Jb5CQ2ERbr7kGlcw+dYp7F0H6LfIRnDpvoxUElj4TDeyjlVORTPBUlHlR6E+JzOlAUm7lsKvIJNnDUzUuqipu5gSv2Ih9gSzwTj9AJrzOLuJhfR7pU5D1s401xsSiqlYf4DjuG+Si+tRikxSbm0Y5qZxFtokzMYvC2+Oc4/JI5xAxljlgM1gybiKAIP2UeF2B/af4W2vODSyuCeI4sduHHrOIfDOIYtpH5Hyz/zQ5rSWhDAAAAAElFTkSuQmCC");background-position:center center; background-repeat:no-repeat;-moz-background-size:15px 15px;-webkit-background-size:15px 15px;background-size:15px 15px; z-index:150;}
.jemboxclose02{width:30px; height:30px;position: absolute;top:3px;right:3px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAADwUlEQVR4Xs3Z304UdxjG8d1xrRBBhR71Lpr0xBNt1UKI1QomljS10S67/FkEC7jAAlrQQF0EXMUFloiAhH+LINqWa+hRL6BX4EFvoKWwfg/YhEzye8Jkd2fnST5HL8zmmfc3zCb4M5mM5fP5IriODxjDX/ByfjpQjt8QDxyUmEQ2NbiMP+HF9GEY2XyOMxaDBhxOBXbwJbyWXzAMe+osBsdgTwW2cBFeyX0MGmb/WAyWDcNKvME5FDs9eGiY7WHIYjCBeUOZCvyBCyhWYnhsmO3jB2xbDHYRwpKhTDm28TXcTjdGxCaCWIfPOtQsKDZzCmlUw61EETfM/kcYiyAUsQ0b8FIcsy1ccKnEqGGWQYP9pluw/1AjFgxlTuJ9gY/ZXWMJIITX9oFlaBxEylCmDJu4gnynEwnxTITxCkQUsZVpxox4ZlZRg3zlDsbFPCKOPUV0WvBCbOYtvkGuacck1HGaBVFFtDbxISXYwFWISK14JuZNmIOM5eCOJQ2zUqzgGpwmIjaRQZvahC6iz3BCHLO0wzItSMIvNvUCIqqI1iEu/gnS+BZECmEKalPTILkU0drwVJRZww2Y0oyUmP+sSugiznViXDwzS/gO9oQxBUts/BmIG0WAe2IzJ7CMOmTzI2bhF9dLgLhZBOgUX7EDWEctvseCgw27XASIie9Gx5HGkth+L54ipwSQj/TAh25DGXUT4iBwdSO6zCMcNd3iWLpQRHuAfuzClP/QiScgxSyi/Y09Md/HBxDvFrmOVZTAlBIs46ZXi9RjDQEQyY/XCHmtSD0WDX+hVJlZNHqlSC0WcMIwH0CPKDODYLHfI3VYF5sYxDCyiRvKzOE4UsXYSC1WRYnHGEI2o+iHKTNodrvINSyJ4xRHDPaMoA+mJBFxq8gVrKPMMP8VvfCJeZe4sUk0FbpIDTbEJsbRByJNoBvqmEUKVeQq0uJlN4Z7OGqeoAvqmHXku0gVVlAuNhGF00ygA2relq8i1XiHshw2oSRwR8yfoyvXItXYRKm4Y1HkmiRaxXxMl9FFqrAmNjEpL+7cFO4iI8pEnRa5iC1UiHW3I995jhYxH0XvUYucxzu9Ce5c4ZJCBOo9FIUscglvRYnpfG9CfE4z9sRmBkxFvsIGKp28pIq4mUe4by9yFtvimXiFFridWYTF/CFi2SJfYAenxcUaUKy8xG3sG+YjuGUxiIlNzKMJxc4iGkWZkMXgM/HLYXglcwgZypy0GKwZNhHEHryUedxExjb4PXDoHy718OM9RpGBF7OKf9GDT7GD+EdnPc+ImX0QzQAAAABJRU5ErkJggg==");background-position:center center; background-repeat:no-repeat;-moz-background-size:15px 15px;-webkit-background-size:15px 15px;background-size:15px 15px;z-index:150;}