.main-content-pane { position: relative; z-index: 2; } #tools-dropdown, #broker-dropdown { top: 31px; } #sidenav-overlay { z-index: 100; } .t31{ top:31px; } .vertical-menu a.active { background-color: #2b2e38; } .itemBox { width: 1170px; margin: 0 auto; position: relative; z-index: 2; } .toolsBox { width: 1170px; margin: 0 auto; position: relative; z-index: 2; } .tools_top { width: 1150px; margin: 0 auto; } #article-mobile-menu .curMenu { background: #32accb; } .languageMain{ width: 100vw; height:100vh; color: #333; position: fixed; top: 0; left: 0; z-index: 1050; background-color: rgba(0,0,0,.7); display: none; } .languageBox{ max-width: 300px; background-color: white; margin: 1.75rem auto; border-radius: 0.3rem; padding: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; } .languageBox a{ display: block; width: 50%; text-decoration: none; color: #000; padding: 0.25rem 1.5rem; border-radius: calc(0.25rem - 1px); } .languageBox a:hover{ background-color: #49b9ad; color: #16181b; } .languageBox a.active{ background-color: #49b9ad; color: #16181b; } .languageBox img{ width: 20px; height: 13px; } @media (min-width: 1250px) { .main-content-pane { width: 1150px !important; margin: 0 auto; z-index: 2; position: relative; } } @media (max-width: 1250px) { .itemBox { width: 100%; } .toolsBox { width: 100%; } .tools_top { width: 100%; } .img_ad{width:100vw!important;height:25vw !important;} }
  			.esayLoginBox{
				width: 100vw;
				height: 100vh;
				background: rgba(0, 0, 0, 0.5);
				padding-top: 30px;
				box-sizing: border-box;
				display: none;
				position: relative;
				z-index: 100;
			    position: fixed;
			}
			.esayLoginCheckbox{
			    position: relative !important; 
				left: 0px !important;
				visibility: inherit !important;
			}
			.esayLoginForm{
				width: 300px;
				position: relative;
				background-color: #fff;
				border: 1px solid rgba(0,0,0,.2);
				border-radius: 5px;
				outline: 0;
				padding: 15px;
				margin: 0 auto;
			}
			.esayLoginCloseBox{
				display: flex;
				justify-content: flex-end;
			}
			.esayLoginClose{
				width: 15px;
				cursor: pointer;
			}
			.esayLoginTag{
				display: flex;
				justify-content: space-between;
				margin-top: 20px;
			}
			.esayLoginTag > div{
				width: 42%;
				background: #0a1f41;
				color: white;
				text-align: center;
				padding: 10px;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
			}
			.esayLoginTag > div:hover{
				background: linear-gradient(to top, #fff, #d9d9d9) !important;
				box-shadow: inset 0 4px 8px rgba(0, 0, 0, .1);
				color: #0a1f41;
			}
			.esayLoginTag > .curTag{
				background: linear-gradient(to top, #fff, #d9d9d9) !important;
				box-shadow: inset 0 4px 8px rgba(0, 0, 0, .1);
				color: #0a1f41;
			}
			.googleBox{
				width: 100%;
				border: solid 1px #eee !important;
				display: flex;
				justify-content: center;
				padding: 5px 20px;
				box-sizing: border-box;
				margin-top: 20px;
				cursor: pointer;
			}
			.googleBox > img{
				height: 23px;
			}
			.esayLoginLine{
				position: relative;
				margin-top: 17px;
				z-index: 10;
				text-align: center;
			}
			.esayLoginOr{
				font-size: 13px;
				background: #eee;
				color: #676767;
				border: 1px solid #e3e4e8;
				border-radius: 24px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				vertical-align: middle;
				margin: auto;
				display: inline-block;
				padding-right: 10px;
				padding-left: 10px;
				z-index: 100;
			}
			.esayLoginHr{
				border-top: solid 1px #eee;
				top: 16px;
				position: absolute;
				width: 100%;
				z-index: -1;
			}
			.esayLoginInput{
				width: 100% !important;
				box-sizing: border-box !important;
				padding: 8px 5px 7px 9px !important;
				font-family: Open Sans !important;
				background-color: #fff !important;
				border-bottom: unset !important;
				border-radius: 2px !important;
				border: solid 1px #ccc !important;
				outline: 1px !important;
				height: unset !important;
				margin-top: 16px !important;
			}
			.esayLoginRemember{
				text-align: center;
				margin-top: 16px;
				font-size: 16px;
			}
			.esayLoginJoin{
				margin-top: 16px;
				font-size: 16px;
				display: none;
			}
			.esayLoginBtn{
				background-color: #49b9ad;
				border: solid 2px #49b9ad;
				border-radius: 2px;
				padding: 0 28px;
				box-shadow: none !important;
				margin: unset;
				font-size: 13px;
				font-weight: 600;
				color: white;
				text-align: center;
				text-transform: none;
				white-space: normal !important;
				line-height: 35px;
				margin-top: 16px;
				cursor: pointer;
			}
			.esayLoginForgotten{
				color: #4f4f4f;
				text-decoration: underline;
				font-size: 13px;
				text-align: center;
				margin-top: 16px;
				cursor: pointer;
			}
			.esayLoginPrivacy{
				text-align: center;
				font-size: 10px;
				color: #333333;
				margin-top: 16px;
				margin-bottom: 16px;
			}
			.esayLoginPrivacy > a{
				color: #0275d8;
				cursor: pointer;
			}
			.esayLoginCodeBox{
				display: flex;
				align-items: center;
				border: solid 1px #ccc;
				margin-top: 16px;
				
			}
			.esayLoginCodeBox > .esayLoginInput{
				border: 0px !important;
				margin-top: 0px !important;
			}
			.esayLoginCode{
				display: block;
				width: 122px;
				height: 38px;
				line-height: 38px;
				float: right;
				text-align: center;
				border-left: 1px solid #dcdfe6;
				color: #999999;
				background: #f5f7fa;
				border-radius: 0 8px 8px 0;
				font-size: 13px;
				cursor: pointer;
			}
			.forgottenTitle{
				font-weight: 600;
				text-align: center;
				font-size: 14px;
				color:#333;
				margin-top: 16px;
				display: none;
			}