layui_toolnb/layim/style.css-t=20210226.css

/**
 layim官网 
 */
 
html{background-color: #D9D9D9;}
body{padding-bottom: 60px;}

/* 全局 */
.layim-font{
  font-style: normal;
  font-weight: 200;
}

.layui-main{width: 1090px;}
.site-layim-header{background: none; border-color: #B1B1B1;}
.site-layim-header .layui-nav .layui-nav-item a{color: #333;}
.site-layim-header .layui-nav .layui-nav-more{border-color: #999 transparent transparent}
.site-layim-header .layui-nav .layui-nav-mored,
.site-layim-header .layui-nav-itemed .layui-nav-more {border-color: transparent transparent #999;}

/* Banner部分 */
.site-layim-banner{position: relative; padding: 60px 0 40px; text-align: center;}
.site-layim-logo{width: 448px;}
.site-layim-btn{margin-top: 30px; font-size: 0;}
.site-layim-btn .layui-btn{position: relative; vertical-align: top; width: 206px; height: 60px; line-height: 60px; margin-bottom: 20px !important; font-size: 26px;}
.site-layim-btn .layui-btn+.layui-btn{margin: 0;}
.site-layim-btn .site-layim-getbtn{margin-left: 30px !important; background-color: #393D49;}
.site-layim-btn .layui-btn img{position: relative; top: -3px; width: 118px;}
.site-layim-getbtn .layim-hot{right: 80px; top: -10px}

/* 导航 */
.site-layim-nav{ border-left: 1px solid #B1B1B1; font-size: 0;}
.site-layim-nav a{display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.site-layim-nav a{position: relative; width: 25%; height: 60px; line-height: 60px; border: 1px solid #B1B1B1; border-left: none; font-size: 16px; font-weight: 300; text-align: center; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-layim-nav a:hover{background-color: #E5E5E5; color: #000;}
.site-layim-nav .layui-this{background-color: #eee;}
.site-layim-nav a cite{font-size: 14px; padding-left: 3px; color: #01AAED;}
.layim-hot{position: absolute; top: 29px; right: 45px; height: 20px; line-height: 20px; padding: 0 10px; border-radius: 20px; font-size: 12px; background-color: #FF4400; color: #fff;}

/* 辅助 */
.site-layim-look img{position: relative; left: -35px; width: 1160px;}

.site-layim-title{text-align: center; margin-top: 50px; margin-bottom: 20px;}
.site-layim-title fieldset{display: inline-block; width: 218px; border: none; border-top: 1px solid #B1B1B1; text-align: center;}
.site-layim-title fieldset legend{padding:0 30px; font-size: 20px; font-weight: 300;}

/* 获取授权 */
.site-layim-text{line-height: 24px; font-weight: 300;}
.site-layim-text a{color: #01AAED;}
.site-layim-get{margin: 30px 0; font-size: 0; text-align: center;}
.site-layim-getlist{position: relative; text-align: left; display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.site-layim-getlist{width: 300px; height: 380px; margin-right: 30px; padding: 30px 20px; font-size: 14px;  border: 1px solid #B1B1B1; border-top-width: 5px;}
.site-layim-getlist p{text-align: center; font-weight: 300; font-size: 16px;}
.site-layim-getlist p span{color: #f40;}
.site-layim-getlist .demo-title{margin-top: 20px;}
.site-layim-getlist ul.site-layim-text li{margin-left: 18px; line-height: 30px; font-weight: 300; list-style-type: disc;}
.site-layim-get .site-layim-title{margin: 20px 0 0;}
.site-layim-get .site-layim-title fieldset{width: 240px;}

.site-layim-getlist hr{background: none;}

.site-layim-buy{text-align: center; margin-top: 20px;}

/* 底部 */
.site-layim-footer{margin-top: 160px; text-align: center}
.site-layim-footer p{font-weight: 300; font-size: 16px; color: #666; }
.site-layim-footer p a{padding: 0 10px;}


/* 适配 */
@media screen and (max-width: 768px) {
  img{max-width: 100%;}
  .header .layui-nav .layui-nav-item a{padding: 0 15px;}
  .layui-main{width: 100%; margin: 0;}
  .site-layim-logo{width: 300px;}
  .site-layim-banner{padding: 30px 0;}
  .site-layim-look img{left: 0;}
  .site-layim-btn .layui-btn{width: 150px;}
  .site-layim-btn .layui-btn{margin: 0 8px !important;}
  .site-layim-nav{display: -webkit-box; margin: 0 10px; text-align: center; border: none;}
  .site-layim-nav a{display: block; -webkit-box-flex: 1}
  .site-layim-nav a span[pc],
  .site-layim-nav a[old]{display: none;}
  .site-layim-nav a:first-child{border-left: 1px solid #B1B1B1}
  .site-layim-nav a span[mobile]{display: block !important;}
  .site-layim-nav a cite{position: absolute; height: auto; width: 100%; line-height: 20px; bottom: 0px; left: 0; text-align: center; padding: 0; font-size: 12px;}
  .site-layim-text{margin: 0 10px;}
  .site-layim-get{margin: 0 10px; text-align: center;}
  .site-layim-getlist{width: 100%; height: auto; margin: 15px 0 0 0; padding: 20px 10px; text-align: left; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
  .site-layim-getpay{}
  .layim-hot{top: 18px;}
  .site-layim-footer{margin-top: 50px;}
}