@charset "utf-8";

/* CSS Document */

.main-list.webnav {

  margin-top: 30px;

}

.main-list.webnav1 {

  margin-top: 20px;

}

.main-list h2 {

  padding-top: 20px;

  margin-bottom: 20px;

  text-align: center;

}

.main-list ul {

  background: #ffffff;

  border: 0px solid #F13131;

  border-radius: 12px;

  padding: 30px 0 30px 10px;

}

.main-list ul li {

  display: inline-block;

  vertical-align: top;

  width: 173px;

  margin: 0 10px;

}

.webnav-a {

  display: block;

  line-height: 50px;

  text-align: center;

  background: url(../images/btn1.png);

  background-size: 100% 100%;

}

.webnav-a i {

  display: inline-block;

  vertical-align: top;

  height: 50px;

  background-repeat: no-repeat;

  background-position-y: center;

  background-image: url(../images/ximg19.png);

  margin-right: 10px;

}

.webnav-a i.a1 {

  width: 36px;

  background-position-x: 0;

}

.webnav-a i.a2 {

  width: 29px;

  background-position-x: -201px;

}

.webnav-a i.a3 {

  width: 40px;

  background-position-x: -398px;

}

.webnav-a i.a4 {

  width: 40px;

  background-position-x: -589px;

}

.webnav-a i.a5 {

  width: 27px;

  background-position-x: right;

}

.webnav-a span {

  font-size: 16px;

  color: #D94A28;

}



.webnav-a1 {

  display: block;

  line-height: 50px;

  text-align: center;

  background: url(../images/btn1.png);

  background-size: 100% 100%;

}

.webnav-a1 i {

  display: inline-block;

  vertical-align: top;

  height: 50px;

  background-repeat: no-repeat;

  background-position-y: center;

  background-image: url(../images/ximg20.png);

  margin-right: 10px;

}

.webnav-a1 i.a1 {

  width: 36px;

  background-position-x: 0;

}

.webnav-a1 i.a2 {

  width: 35px;

  background-position-x: -198px;

}

.webnav-a1 i.a3 {

  width: 40px;

  background-position-x: -398px;

}

.webnav-a1 i.a4 {

  width: 40px;

  background-position-x: -589px;

}

.webnav-a1 i.a5 {

  width: 30px;

  background-position-x: right;

}

.webnav-a1 span {

  font-size: 16px;

  color: #D94A28;

}



.game-a {

  display: block;

  text-align: center;

}

.game-a img {

  display: inline-block;

  text-align: center;

}

.game-a span {

  display: block;

  text-align: center;

  font-size: 14px;

  color: #D94A28;

  margin-top: 18px;

}

.game-list ul li {

  margin-top: 28px;

}

.game-list ul li:nth-child(1),

.game-list ul li:nth-child(2),

.game-list ul li:nth-child(3),

.game-list ul li:nth-child(4),

.game-list ul li:nth-child(5) {

  margin-top: 0;

}

.friend {

  margin-top: 40px;

  height: 66px;

  border-top: 1px solid #464646;

  border-bottom: 1px solid #464646;

  background: #1e1f21;

}

.friend .content {

  height: 64px;

  display: flex;

  align-items: center;

  justify-content: space-around;

}

.friend .content a {

  margin: 0 5px;

}

.copy {

  height: 84px;

  line-height: 84px;

  font-size: 14px;

  color: #5a5a5a;

  text-align: center;

	background: #f2f2f2;

}

.wap{display: none}

.download-btn {

  background: url('../images/download_btn.png') no-repeat 65% center #f13131;

  border-radius: 6px;

  font-size: 16px;

  width: 284px;

  height: 40px;

  line-height: 40px;

	float: left;

  text-align: center;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

	margin-right: 15px;

	margin-top: 15px;

	margin-bottom: 20px;

}

.download-btn1 {

  background: url('../images/download_btn.png') no-repeat 65% center #397de4;

  border-radius: 6px;

  font-size: 16px;

  width: 284px;

  height: 40px;

  line-height: 40px;

	float: left;

  text-align: center;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

	margin-top: 15px;

	margin-bottom: 20px;

}

#no{

				width: 300px;

				text-align: center;

				display: none;

	    position: relative;

	margin-top: 5px;

	z-index: 999;

				

			}

.download-btn1:hover #no{

				display: block;

	    position: relative;

	z-index: 999;

			}



.download-btn a {

  display: block;

  color: #fff;

	font-size: 16px;

  padding: 0 55px 0 0;

}

.download-btn1 a {

  display: block;

  color: #fff;

	font-size: 16px;

  padding: 0 55px 0 0;

}

.download-btn.desktop a::before {

  content: '桌面版下载';

  display: block;

}

.download-btn1.mobile a::before {

  content: '手机版下载';

  display: block;

}

.download-btn:hover {

  background-color: #F5372F;

}

.wz1{clear: both; margin-top: 20px;margin-bottom: 10px;font-size: 14px;line-height: 20px;padding-left: 15px;padding-right: 15px;}

.downloads{width: 587px;margin: 0px auto;}

@media screen and (max-width:500px) {

.download-btn1.mobile a::before {

  content: '点击下载环宇浏览器';

  display: block;

}

.download-btn1 a {

  display: block;

  color: #fff;

	font-size: 16px;

  padding: 0 48px 0 0;

}

.download-btn1 {

  background: url('../images/download_btn.png') no-repeat 78% center #397de4;

  border-radius: 6px;

  font-size: 16px;

  width: 284px;

  height: 40px;

  line-height: 40px;

	float: left;

  text-align: center;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

	margin-top: 15px;

	margin-bottom: 20px;

}

.download-btn1:hover #no{

				display: none!important;

	    position: relative;

	z-index: 999;

			}

    .mainbox > div {

        display: table-cell;

        width: 50%;

        padding-left: 0px;

        padding-right: 0px;

        vertical-align: top;

        padding-top: 0px!important;

        color: #333333;

    }

.pc{display: none}

.wz1{clear: both; margin-top: 20px;margin-bottom: 10px;font-size: 16px;line-height: 20px;padding-left: 15px;padding-right: 15px;text-align: left}

.downloads{width: 90%;margin: 0px auto;}

.download-btn1{float: none!important}

.download-btn {display: none}

.wap{display: block}

.wap img{width: 50%;}

.header-menu div {

    width: 100%;

    height: 44px;

    margin: 0 auto;

}	

.header-menu marquee {

    width: 80%;

    height: 44px;

    margin: 0 auto;

}

.headerbox, .mainbox, .footerbox {

    width: 100%!important;

    margin: auto;

    position: relative;

    text-align: left;

}

.main-list ul {

    background: #ffffff;

    border: 0px solid #F13131;

    border-radius: 12px;

    padding: 20px 0 10px 0px;

}

.content {

    width: 100%;

    margin: 0 auto;

}

.main-list ul li {

    display: inline-block;

    vertical-align: top;

    width: 45%;

    margin: 5px 5px;

	float: left;

	padding-left: 3%;

}

.mainbox > div {

    display: table-cell;

    width: 50%;

    padding-left: 10px!important;

    padding-right: 10px!important;

    vertical-align: top;

    padding-top: 20px;

    color: #333333;

}	

.friend	{display: none}

.button {

    background-color: #397de4;

    border: none;

    color: white;

    width: 130px;

    height: 40px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 12px 14px;

	margin-top: 6px;

    cursor: pointer;

	float: none;

}	

.button1 {

    background-color: #ff5b0b;

    border: none;

    color: white;

    width: 130px;

    height: 40px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 12px 14px;

	margin-top: 6px;

    cursor: pointer;

	float: none;

}	

.game-a img {

    display: inline-block;

    text-align: center;

	width: 100%;

}

.webnavm {

    margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 20px;

	clear: both;

}

.webnavm1 {

    padding-top: 10px;

	clear: both;

}

}