<template>
	<div class="login-wrap">
		<div class="ms-login">
			<div class="ms-title">{{ $t('system.title') }}</div>
			<el-form :model="param" :rules="rules" ref="login" label-width="0px" class="ms-content">
				<el-form-item prop="username">
					<el-input v-model="param.username" auto-complete="off" placeholder="username">
						<i slot="prefix" class="el-icon-lx-people" />
						<!-- <el-button slot="prepend" icon="el-icon-lx-people"></el-button> -->
					</el-input>
				</el-form-item>
				<el-form-item prop="password">
					<el-input type="password" auto-complete="off" placeholder="password" v-model="param.password">
						<i slot="prefix" class="el-icon-lx-lock" />
						<!-- <el-button slot="prepend" icon="el-icon-lx-lock"></el-button> -->
					</el-input>
				</el-form-item>
				<!-- <el-form-item prop="code">
					<el-row :span="24">
						<el-col :span="16">
							<el-input size="small" v-model="param.code" auto-complete="off" placeholder="captcha">
								<i slot="prefix" class="el-icon-key" />
							</el-input>
						</el-col>
						<el-col :span="8">
							<div class="login-code">
								<img :src="param.image" @click="refreshCode" alt="captcha" class="captchaimg" />
							</div>
						</el-col>
					</el-row>
				</el-form-item> -->
				<div class="login-btn">
					<el-button type="primary" @click="submitForm()">{{ $t('system.login') }}</el-button>
				</div>
				<el-row style="text-align: left">
					<el-col :span="12">
						<el-link :underline="false" type="primary" @click="doRetrieve()" style="font-size:12px">{{ $t('system.repassword') }}</el-link>
					</el-col>
					<el-col :span="12" style="text-align: right;padding-right: 15px;">
						<el-link :underline="false" type="primary" @click="doRegister()" style="font-size:12px">{{ $t('system.register') }}</el-link>
					</el-col>
					<el-col :span="24" style="margin-top: 5px">
						<el-link :underline="false" type="primary" @click="skip_check()" style="font-size:12px">
							<img class="orcid" src="../../assets/img/orcid.png" style="float: left; margin: -1px 5px 0 0;" />{{$t('system.orcidlogin')}}
						</el-link>
					</el-col>
				</el-row>
			</el-form>
		</div>

		<el-dialog title="Please select your role." :close-on-click-modal="showCLO" :show-close="showCLO" :visible.sync="roleVisible"
		 width="400px" class="show_CLO">
			<p @click="Auth()">
				<svg t="1629711630755" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2987"
				 width="25" height="25" style="margin: 0 10px -5px 0;">
					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#7FA7DA" p-id="2988"></path>
					<path d="M504.723 728.44l-36.378-25.19c-5.317-3.719-7.773-10.387-6.124-16.697l30.488-118.104a15.659 15.659 0 0 0-2.13-12.494l-6.543-9.975c-1.832-2.756-2.706-6.006-2.55-9.314v-1.27c0.41-8.037 6.934-14.463 15.015-14.797h29.431c8.086 0.326 14.594 6.76 15.021 14.797v1.27c0.149 3.309-0.717 6.559-2.521 9.314l-6.381 9.762c-2.465 3.818-3.179 8.531-1.893 12.889l25.613 87.398c48.098-45.078 119.96-76.627 202.328-85.217-31.28-31.619-69.935-55.099-112.602-68.203a15.012 15.012 0 0 1-9.791-11.244 15.053 15.053 0 0 1 4.721-14.174c57.816-53.109 77.1-136.276 48.602-209.417-28.504-73.164-98.977-121.342-177.49-121.342S362.554 194.61 334.017 267.774c-28.503 73.142-9.185 156.309 48.6 209.417a15.1 15.1 0 0 1 4.66 14.238c-1.112 5.227-4.895 9.494-9.941 11.174a264.929 264.929 0 0 0-122.337 79.787 192.465 192.465 0 0 0-49.745 112.816c2.634 28.223 21.614 52.26 48.473 61.387a335.914 335.914 0 0 0 82.538 23.311 1114.479 1114.479 0 0 0 156.52 13.727c-0.036-1.384-0.074-2.767-0.074-4.156-0.003-21.173 4.193-41.649 12.012-61.035z"
					 fill="#FFFFFF" p-id="2989"></path>
					<path d="M687.203 779.904a336.495 336.495 0 0 0 82.342-23.311c26.645-9.01 45.563-32.736 48.48-60.734-0.656-17.986-4.598-35.742-11.654-52.287a226.86 226.86 0 0 0-37.459-61.182 269.965 269.965 0 0 0-10.814-11.578c-82.368 8.59-154.23 40.139-202.328 85.217l8.875 30.285a15.732 15.732 0 0 1-6.129 17.182l-35.984 24.959a15.65 15.65 0 0 1-17.787 0l-0.021-0.015c-7.818 19.386-12.014 39.861-12.014 61.034 0 1.39 0.038 2.772 0.074 4.156a1114.705 1114.705 0 0 0 194.419-13.726z"
					 fill="#FFFFFF" opacity=".4" p-id="2990"></path>
				</svg>
				Author</p>
			<p @click="Chie()">
				<svg t="1629711490391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2531"
				 width="25" height="25" style="margin: 0 10px -5px 0;">
					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#40F4B1" p-id="2532"></path>
					<path d="M822.487 729.079a126.154 126.154 0 0 0-36.875-89.307 126.16 126.16 0 0 0-89.255-37.008c-69.625 0-126.097 56.443-126.122 126.067-0.035 69.639 56.36 126.121 125.995 126.193 69.64 0.076 126.157-56.295 126.257-125.945z m-144.181 50.9v-32.838h-33.021c-9.965 0-18.05-8.073-18.05-18.063 0-9.963 8.085-18.052 18.05-18.052h32.92v-33.02c0-9.964 8.087-18.063 18.063-18.063 9.979 0 18.05 8.099 18.05 18.063v33.02h33.021c9.979 0 18.052 8.089 18.052 18.052 0 9.988-8.072 18.063-18.052 18.063l0.089-0.185h-33.005v33.022c0 9.962-8.089 18.049-18.063 18.049-9.968 0-18.054-8.088-18.054-18.048z"
					 fill="#FFFFFF" p-id="2533"></path>
					<path d="M452.472 248.657a218.07 218.07 0 0 0-12.502-72.986c-140.39 20.077-244.619 140.352-244.556 282.155v6.307c63.757 11.461 129.321-5.964 178.968-47.585 49.638-41.598 78.254-103.114 78.09-167.891z"
					 fill="#FFFFFF" opacity=".4" p-id="2534"></path>
					<path d="M764.74 443.625a284.676 284.676 0 0 0-103.307-205.977A284.582 284.582 0 0 0 439.49 175.67c25.99 73.28 11.083 154.857-39.168 214.197-50.236 59.354-128.24 87.528-204.81 73.98 2.208 99.91 56.703 191.328 143.531 240.791 11.118 6.378 16.281 19.655 12.417 31.878-17.596 23.415-26.614 64.813-30.566 87.467a13.616 13.616 0 0 0 3.069 11.114 13.617 13.617 0 0 0 10.464 4.787l230.064-0.564a13.742 13.742 0 0 0 12.322-8.013 13.72 13.72 0 0 0-1.978-14.565 146.431 146.431 0 0 1-30.665-112.204 146.655 146.655 0 0 1 63.071-100.79 146.58 146.58 0 0 1 117.05-20.91c6.246 1.472 12.678-1.693 15.327-7.534a283.56 283.56 0 0 0 25.122-131.679z m-195.914 28.973a88.195 88.195 0 0 1-45.906 77.306 88.12 88.12 0 0 1-130.546-77.306h-0.382a20.628 20.628 0 0 1 9.855-18.996 20.582 20.582 0 0 1 21.398 0 20.6 20.6 0 0 1 9.854 18.996 47.004 47.004 0 0 0 24.493 41.214c0.049 0.118 0.097 0.242 0.149 0.36a47.033 47.033 0 0 0 46.972-0.612c14.428-8.564 23.189-24.176 23.008-40.962a20.593 20.593 0 0 1 9.854-18.995 20.58 20.58 0 0 1 21.397 0 20.626 20.626 0 0 1 9.854 18.995z"
					 fill="#FFFFFF" p-id="2535"></path>
				</svg>
				Editor-in-Chief</p>
			<p @click="Edit()">
				<svg t="1629711441707" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2223"
				 width="25" height="25" style="margin: 0 10px -5px 0;">
					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#4186F5" p-id="2224"></path>
					<path d="M512.029 499.191c92.589 0 167.168-74.101 167.168-167.333 0-93.231-74.579-167.342-167.168-167.342-92.573 0-167.151 74.111-167.151 167.342 0 93.234 74.578 167.333 167.151 167.333z"
					 fill="#FFFFFF" p-id="2225"></path>
					<path d="M578.89 529.91H444.596c-32.669 0-63.64 7.526-91.455 20.98 64.716 18.081 113.848 46.562 136.153 80.324 0.521-0.349 1.05-0.69 1.6-1.021l20.849-11.089 20.849 11.089c12.859 7.722 18.009 20.583 10.3 33.438L515.985 745.5c39.281 24.745 52.706 59.31 66.504 93.009 121.685-0.007 214.991-0.65 214.991-66.871v-12.855c0-126.017-97.721-228.873-218.59-228.873z"
					 fill="#FFFFFF" p-id="2226"></path>
					<path d="M245.204 812.252c33.354 25.9 107.015 26.252 195.792 26.257 13.798-33.699 27.223-68.264 66.504-93.009l-13.333-40.567c-28.347 54.746-126.231 97.296-248.963 107.319z"
					 fill="#FFFFFF" p-id="2227"></path>
					<path d="M353.141 550.891c-75.094 36.324-127.136 115.936-127.136 207.892v12.855c0 17.908 6.835 31.013 19.199 40.614 122.731-10.023 220.616-52.573 248.963-107.319l-13.574-41.301c-7.38-12.306-2.971-24.614 8.7-32.417-22.304-33.763-71.436-62.243-136.152-80.324z"
					 fill="#FFFFFF" opacity=".4" p-id="2228"></path>
				</svg>
				Editorial board member</p>
			<p @click="Revi()">
				<svg t="1629711454087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2378"
				 width="25" height="25" style="margin: 0 10px -5px 0;">
					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#CF89AE" p-id="2379"></path>
					<path d="M416.015 744.196c-4.438-85.765 48.841-162.493 91.021-198.598 6.661-6.778 11.096-11.283 17.754-15.805-8.881-20.309-15.542-42.879-15.542-67.705 0-78.995 62.16-144.433 142.076-144.433 55.499 0 102.125 31.6 126.547 76.725V299.6c0-51.909-42.181-92.529-93.235-92.529H457.847c5.938 16.911 9.145 34.846 9.145 53.429 0 49.305-22.479 94.079-59.07 127.114h23.635c4.579 0 8.106 2.135 9.864 5.669 0.764 1.536 1.186 3.342 1.221 5.347 0.001 0.091 0.012 0.178 0.012 0.27 0 0.093-0.011 0.181-0.012 0.273-0.035 2.004-0.457 3.808-1.22 5.344-1.758 3.534-5.285 5.669-9.864 5.669h-53.782c-34.946 21.597-77.765 34.313-124.027 34.313-18.321 0-36.101-1.996-53.067-5.745V726.15c0 49.65 42.181 90.273 93.235 90.273h173.166c-31.09-11.284-48.847-33.849-51.068-72.227zM287.252 489.173c0-6.759 4.447-11.274 11.111-11.274h133.191c6.66 0 11.098 4.518 11.097 11.274v0.002c0.001 6.772-4.437 11.286-11.097 11.286H298.363c-4.451 0-11.111-4.512-11.111-11.286v-0.002z m88.801 90.284c0 4.651-2.096 8.235-5.569 10.021-0.632 0.324-1.31 0.591-2.027 0.791a12.861 12.861 0 0 1-3.497 0.461h-66.595c-3.94 0-7.095-1.585-9.024-4.271-1.333-1.857-2.086-4.236-2.086-7.002v-0.002c0-2.837 0.788-5.269 2.182-7.146 0.063-0.085 0.119-0.177 0.185-0.259 0.024-0.029 0.052-0.057 0.077-0.087 1.951-2.398 4.964-3.794 8.667-3.794h66.595c6.659 0 11.093 4.507 11.093 11.286v0.002h-0.001z"
					 fill="#FFFFFF" p-id="2380"></path>
					<path d="M442.651 398.9c0 0.093-0.011 0.181-0.012 0.273 0.003-0.091 0.012-0.179 0.012-0.273zM441.419 393.283c0.764 1.536 1.185 3.342 1.221 5.347-0.036-2.005-0.456-3.811-1.221-5.347zM431.556 410.186h-53.781l-0.001 0.001 53.782-0.001c4.579 0.001 8.106-2.134 9.864-5.668-1.758 3.533-5.286 5.668-9.864 5.668zM370.483 589.479zM287.254 579.457c0 2.766 0.753 5.145 2.086 7.002-1.332-1.857-2.085-4.237-2.086-7.002zM298.365 568.169c-3.703 0-6.716 1.396-8.667 3.794 1.951-2.4 4.965-3.794 8.667-3.794zM370.483 589.479c3.474-1.786 5.569-5.37 5.569-10.021v-0.001c0.001 4.651-2.095 8.235-5.569 10.022zM289.437 572.309c0.063-0.085 0.119-0.177 0.185-0.259-0.067 0.082-0.122 0.174-0.185 0.259zM298.363 477.898h133.191c6.659 0 11.096 4.517 11.097 11.274v-0.001c0.001-6.757-4.437-11.274-11.097-11.274l-133.191 0.001c-6.664-0.001-11.111 4.516-11.111 11.273v0.001c0.001-6.757 4.448-11.274 11.111-11.274zM751.233 572.678c-24.429-22.569-44.41-27.078-51.066-27.078 28.863-15.805 46.616-47.403 46.616-83.505 0-54.162-42.166-97.044-95.46-97.044-53.274 0-95.443 42.882-93.232 97.044 0 36.102 17.768 65.456 46.614 83.505h-11.091c-0.002 0-22.206 0-55.503 27.078-33.301 27.085-73.258 85.758-71.032 153.475 2.209 67.7 73.251 67.7 177.588 67.7 104.341 0 175.386 0 177.601-67.7 2.221-67.717-39.959-124.142-71.035-153.475zM287.252 398.899c0-6.77 6.66-11.284 11.111-11.284h109.555l0.002-0.001H298.363c-4.451 0-11.111 4.513-11.111 11.285z"
					 fill="#FFFFFF" p-id="2381"></path>
					<path d="M377.771 410.187h-79.408c-4.451 0-11.111-4.516-11.111-11.286 0-6.772 6.66-11.286 11.111-11.286H407.92c36.592-33.035 59.07-77.809 59.07-127.114 0-18.583-3.205-36.519-9.145-53.429H293.913c-51.053 0-93.235 40.622-93.235 92.529v139.155c16.966 3.75 34.746 5.745 53.067 5.745 46.263-0.001 89.081-12.718 124.026-34.314z"
					 fill="#FFFFFF" opacity=".4" p-id="2382"></path>
					<path d="M298.363 410.186c-4.451 0-11.11-4.515-11.111-11.286 0 6.77 6.66 11.287 11.111 11.286l79.408 0.001 0.002-0.001h-79.41z"
					 fill="#FFFFFF" p-id="2383"></path>
				</svg>
				Reviewer</p>
			<p @click="Yout()">
				<svg t="1629711576551" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2835"
				 width="25" height="25" style="margin: 0 10px -5px 0;">
					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F9A336" p-id="2836"></path>
					<path d="M478.863 281.379c27.563-14.681 61.525-10.109 84.158 11.295a13.88 13.88 0 0 0 12.704 3.952 215.253 215.253 0 0 0 51.233-18.685c4.016-2.174 6.773-6.108 7.419-10.591 0.655-4.485-0.902-9.027-4.147-12.209l-36.441-36.196c-46.007-45.536-120.585-45.536-166.592 0L271.128 372.822l-2.682 3.643c-8.651 11.974-13.281 26.356-13.203 41.098V578.62c25.404-10.901 52.646-16.99 80.321-17.993l-0.301-0.2c0-11.891 9.744-21.537 21.746-21.537h294.363c11.416 0.765 20.271 10.153 20.271 21.492 0 11.323-8.854 20.721-20.271 21.479H440c40.799 19.337 74.749 50.416 97.407 89.174h30.764c11.424 0.774 20.279 10.167 20.279 21.491s-8.856 20.718-20.279 21.5H556.65c16.915 52.178 13.7 108.718-9.022 158.681h106.43c64.85-0.22 117.337-52.293 117.451-116.518V544.697l-1.189-122.13c-0.136-17.984-7.241-35.232-19.854-48.183l-2.494-2.551-44.171-43.762c-5.039-4.889-12.898-5.513-18.675-1.465-29.428 19.615-62.386 33.467-97.084 40.814a15.084 15.084 0 0 0-9.945 8.248c-13.644 27.883-43.87 43.905-74.868 39.676-30.998-4.228-55.739-27.729-61.277-58.221-5.556-30.5 9.349-61.077 36.911-75.744z"
					 fill="#FFFFFF" p-id="2837"></path>
					<path d="M527.873 314.113c-5.848-0.307-11.581 1.751-15.827 5.729a21.042 21.042 0 0 0-6.721 15.315c-0.487 11.875 8.777 21.889 20.757 22.421h4.473c20.946 0 109.208-3.917 176.913-67.441l1.104-1.085c28.229-32.735 39.854-76.425 31.565-118.678-1.2-7.956-6.762-14.581-14.438-17.202-7.678-2.626-16.176-0.792-22.059 4.765-5.885 5.532-8.166 13.848-5.896 21.576 5.448 28.407-2.155 57.744-20.768 80.039-62.245 57.128-148.122 54.561-149.103 54.561z"
					 fill="#FFFFFF" p-id="2838"></path>
					<path d="M365.451 671.15h171.955c-22.657-38.772-56.607-69.856-97.406-89.191h-83.09c-11.891-0.06-21.535-9.562-21.646-21.335a224.283 224.283 0 0 0-80.021 17.995v177.574c0.057 64.312 52.625 116.461 117.539 116.614h174.745a219.692 219.692 0 0 0 9.045-158.697H365.451c-8.108 0.551-15.84-3.428-20.053-10.294a21.415 21.415 0 0 1 0-22.372c4.213-6.885 11.945-10.844 20.053-10.294z"
					 fill="#FFFFFF" opacity=".4" p-id="2839"></path>
				</svg>
				Young scientist member</p>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				baseUrl: this.Common.baseUrl,
				aa: localStorage.getItem('ms_journal'),
				orcidLink: 'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidLink',
				roleVisible: false,
				showCLO: false,
				user_cap: '',
				param: {
					username: '',
					password: '',
					// code: '',
					// image: '',
					// random_num: ''
				},
				rules: {
					username: [{
						required: true,
						message: 'enter one user name',
						trigger: 'blur'
					}],
					password: [{
						required: true,
						message: 'Please input a password',
						trigger: 'blur'
					}],
					code: [{
						required: true,
						message: 'Please enter the captcha.',
						trigger: 'blur'
					}]
				}
			};
		},
		created: function() {
			this.getCaptcha();
		},
		methods: {
			submitForm() {
				//登录操作
				this.$refs.login.validate((valid) => {
					if (valid) {
						this.$api
							.post('api/User/checkLogin', this.param)
							.then((res) => {
								if (res.code == 1) {
									this.$message.error('Login failed, user name or password error!');
									return false;
								} else {
									this.$message.success('login success');
									// U_status   0超级管理员  1编辑  2作者
									if (this.param.username == 'superadmin' || this.param.username == 'wuxiongzhi2') {
										localStorage.setItem('U_status', '0'); //超级管理员
										localStorage.setItem('U_role', 'superadmin');
										localStorage.setItem('U_name', res.userinfo.account);
										localStorage.setItem('U_id', res.userinfo.user_id);
										this.$router.push('/');
									} else if (res.data.roles.includes('editor')) {
										localStorage.setItem('U_status', '1'); //编辑
										localStorage.setItem('U_role', res.data.roles);
										localStorage.setItem('U_name', res.data.userinfo.account);
										localStorage.setItem('U_id', res.data.userinfo.user_id);
										this.$router.push('/');
									} else {
										localStorage.setItem('U_status', '2'); //其余的身份
										localStorage.setItem('U_role', res.data.roles);
										localStorage.setItem('U_name', res.data.userinfo.account);
										localStorage.setItem('U_id', res.data.userinfo.user_id);
										localStorage.setItem('U_relname', res.data.userinfo.realname);
										this.roleVisible = true;
										this.user_cap = res.data.roles;
									}

								}
							})
							.catch((err) => {
								this.$message.error(err);
							});
					} else {
						this.$message.error('Please enter the correct account and password');
						this.$message.error('error submit!!');
						return false;
					}
				});
			},

			// 分角色登录
			Auth() { //作者
				if (this.user_cap.includes('author')) {
					this.$router.push('/');
				} else {
					this.$message.error("Sorry, you can not login as Author, please contact publisher@tmrjournals.com.");
				}
			},
			Chie() { //主编
				if (this.user_cap.includes('chief')) {
					this.$router.push('/managing');
				} else {
					this.$message.error("Sorry, you can not login as Editor-in-Chief, please contact publisher@tmrjournals.com.");
				}
			},
			Edit() { //编委
				if (this.user_cap.includes('board')) {
					this.$router.push('/editorial');
				} else {
					this.$message.error("Sorry, you can not login as Editorial board member, please contact publisher@tmrjournals.com.");
				}
			},
			Revi() { //审稿人
				if (this.user_cap.includes('reviewer')) {
					this.$router.push('/peerewer');
				} else {
					this.$message.error("Sorry, you can not login as Reviewer, please contact publisher@tmrjournals.com.");
				}
			},
			Yout() { //青年编委
				if (this.user_cap.includes('yboard')) {
					this.$message.error('!')
					// this.$router.push('/youthed');
				} else {
					this.$message.error("Sorry, you can not login as Young scientist member, please contact publisher@tmrjournals.com.");
				}
			},

			// 验证码
			refreshCode() {
				this.getCaptcha();
			},
			getCaptcha() {
				this.param.random_num = Math.random();
				this.param.image = this.baseUrl + 'api/User/retrieveCaptcha?a=' + this.param.random_num;
			},
			doRegister() {
				//注册页面
				this.$router.push({
					path: '/register'
				});
			},
			doRetrieve() {
				//找回密码
				this.$router.push({
					path: '/retrieve'
				});
			},

			skip_check() {
				location.href = this.orcidLink;
			}
		}
	};
</script>

<style scoped>
	.login-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		background-image: url(../../assets/img/login-bg.jpg);
		background-size: cover;
	}

	.ms-title {
		width: 100%;
		line-height: 70px;
		text-align: center;
		font-size: 20px;
		color: #000;
		/* border-bottom: 1px solid #ddd; */
	}

	.ms-login {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 350px;
		margin: -190px 0 0 -175px;
		border-radius: 5px;
		background: #fff;
		/* background: rgba(255, 255, 255, 0.3); */
		overflow: hidden;
	}

	.ms-content {
		padding: 0px 30px 30px 30px;
	}

	.login-btn {
		text-align: center;
	}

	.login-btn button {
		width: 100%;
		height: 36px;
		margin-bottom: 10px;
	}

	.login-tips {
		font-size: 12px;
		line-height: 30px;
		color: #fff;
	}

	.orcid {
		display: block;
		width: 15px;
		height: 15px;
	}
	
	.captchaimg {
		margin-top: 2px;
		margin-left: 4px;
	}

	.show_CLO p {
		color: #000;
		cursor: pointer;
		font-size: 18px;
		margin-bottom: 20px;
	}

	.show_CLO p:hover {
		text-decoration: underline;
	}
</style>
