html,body,div{ padding:0; margin:0; box-sizing: border-box;}
body{ background-color: rgb(243, 246, 254);}
.content{ width:450px; background: #fff; border-radius: 15px; box-shadow: 0 8px 50px 0 rgba(0, 65, 217, .08); padding: 50px; margin:200px auto; text-align: center;}
.title { margin-bottom: 20px;}
.title h1{ font-size: 20px; font-weight:400; line-height: 1.7; }
.ewmbox{ background:#fff; border: #e5e6e8 solid 1px; border-radius: 15px;  margin-bottom: 25px; display: inline-block; padding: 15px; position: relative;}
.ewmbox .icon{ width:44px; height:44px; background-color:#fff; border-radius:8px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 11; }
.ewmbox .quark{ background-image: url(../images/kuake.png); background-position: center; background-size:36px; background-repeat: no-repeat;}
.ewmbox .baidu{ background-image: url(../images/baidu.png); background-position: center; background-size:45px; background-repeat: no-repeat;}
.ewmbox .xunlei{ background-image: url(../images/xunlei.png); background-position: center; background-size:45px; background-repeat: no-repeat;}
.ewmbox .other{ display:none;}
.t{ text-align: center; font-size: 18px; font-weight: 600;}
.t span{color: #0d53ff;}
.txt{ font-size:13px; color:#999; text-align:center; margin-top:8px;}
.txt a{ color: #9ab6f9;}
@media screen and (max-width:750px) {
 .layui-layer-dialog{top:50%;left:10%;}
}