This commit is contained in:
libing 2024-02-22 11:33:41 +08:00
commit a5094d4632
22 changed files with 190 additions and 1477 deletions

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico"/>
<link rel="icon" href="<%= BASE_URL %>shorticon.png"/>
<link rel="manifest" href="/manifest.json"/>
<title><%= webpackConfig.name %></title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->

View File

@ -173,7 +173,7 @@
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
cursor: pointer;
color: #0028ff;
color: #B12D29;
// 5373ff
margin-left: 5px;
}
@ -365,9 +365,10 @@
}
.main-container{
margin-top: 6px;
// margin-top: 6px;
margin-top: 0px;
// margin-right: 6px;
padding: 6px;
// padding: 6px;
// border: 1px dashed #e0e0e0;
}

View File

@ -5,7 +5,7 @@
/* theme color */
// $--color-primary: #1890ff;
$--color-primary: #0028ff;
$--color-primary: #B12D29;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;

View File

@ -4,8 +4,8 @@
position: relative;
height: 50px;
// box-shadow: 0 1px 0px 0 rgb(0 0 0 / 5%);
box-shadow: 0px 2px 2px 0 rgb(2 2 2 / 5%);
background: #ffffff;
// box-shadow: 0px 2px 2px 0 rgb(2 2 2 / 5%);
// background: #ffffff;
// background: linear-gradient(90deg,#1d42ab,#2173dc,#1e93ff);
// border-bottom: 1px solid #c1c1c1;
}

View File

@ -15,7 +15,8 @@ body {
// font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
// font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif!important;
// font-family: Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,Verdana,Roboto,Noto,Helvetica Neue,sans-serif!important;
background-color: #eff0f4;
// background-color: #eff0f4;
background-color: #F6F6F6;
// background-color: #f7f7f7;
// background-color: #e9e8f1;
color:#000000
@ -134,7 +135,7 @@ aside {
// margin: 5px 5px 15px 0px;
// box-shadow: 0px 0px 3px rgb(0 63 235 / 10%);
// border-radius: 5px 5px 5px 5px;
min-height: 600px;
// min-height: 600px;
border-radius: 3px;
}
@ -182,7 +183,7 @@ aside {
cursor: pointer;
&:hover {
color: #0028ff;
color: #B12D29;
}
}

View File

@ -20,14 +20,16 @@
background-color:#fff!important;
// background-color: #ffffff3b !important;
// background-color:transparent !important;
margin-top: 12px;
margin-left: 8px;
// height: 100%;
// margin-top: 12px;
margin-top: 0px;
margin-left: 0px;
height: 100%;
float: left;
font-weight: 400;
z-index: 1001;
// overflow: hidden;
border-radius: 3px;
border-radius: 0px;
font-family: Helvetica Neue, Helvetica, PingFang SC,Microsoft YaHei, Hiragino Sans GB, Arial, sans-serif;
@ -125,14 +127,14 @@
background: #f0faff96!important;
font-weight: 600;
// border-left: 2px solid #1890ff!important;
border-left: 2px solid #0027ff!important;
border-left: 2px solid #B12D29!important;
// color: #1890ff!important;
color: black ;
}
&.is-active {
// color: #000!important;
color: #0027ff!important;
color: #B12D29!important;
font-weight: 600;
// background: #fff!important;
background: transparent!important;
@ -142,7 +144,7 @@
.el-menu-item.is-active {
// color: #000!important;
color: #0027ff!important;
color: #B12D29!important;
font-weight: 600;
// background: #fff!important;
background: transparent!important;
@ -200,10 +202,10 @@
background: #e8f4ff;
border: 1px solid #a3d3ff1c;
.svg-icon {
color:#0028ff!important;
color:#B12D29!important;
}
.name {
color:#0028ff!important;
color:#B12D29!important;
}
}
@ -273,10 +275,10 @@
background: #e8f4ff;
border: 1px solid #a3d3ff1c;
.svg-icon {
color:#0027ff!important;
color:#B12D29!important;
}
.name {
color:#0027ff!important;
color:#B12D29!important;
}
}

View File

@ -23,7 +23,7 @@ $panGreen: #30B08F;
// 自定义erp风格
$base-menu-color:#161616;
$base-menu-color-active:#0028ff;
$base-menu-color-active:#B12D29;
$base-menu-background:transparent;
$base-logo-title-color: #ffffff;
@ -32,7 +32,7 @@ $base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;
$base-sub-menu-background:inherit;
$base-sub-menu-hover:#1890FF;
$base-sub-menu-hover:#B12D29;
// 自定义暗色菜单风格
/**

View File

@ -1,10 +1,10 @@
<template>
<div>
<!-- v-if="domainIdsOptions.length >0" -->
<div style="display:inline-flex;width: 100%;justify-content: space-between;padding:0px 10px">
<div style="display:inline-flex;width: 100%;justify-content: space-between;padding:0px 10px;border-top: 1px solid #f6f6f6;">
<div style="width:100%" >
<el-dropdown @command="onSelectChangeDomainId" v-if="isShowBizNav" style="width:100%;background: white;height: 34px;line-height: 34px;font-size: 13px;border-radius: 0px 5px 0px 0px;">
<div class="el-dropdown-link" style="text-align: center;width:100%">
<div class="el-dropdown-link" style="text-align: left;width:100%">
<span v-if="!domainLabel" style="color:lightslategray">快捷导航</span>
<span v-else>{{domainLabel}}</span>
<i class="el-icon-arrow-down el-icon--right" v-if="domainIdsOptions.length >0"></i>
@ -136,6 +136,7 @@ export default {
.quick-tool {
cursor: pointer;
padding-right: 8px;
i {
color:#8493a2;
font-size: 20px;

View File

@ -55,7 +55,7 @@ export default {
width: 3px;
height: 14px;
content: '';
background: #0028ff;
background: #B12D29;
// background: #409EFF;
border-radius: 2px;
}

View File

@ -1,20 +1,33 @@
<template>
<div :class="{'show':show}" class="header-search">
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
<el-select
ref="headerSearchSelect"
v-model="search"
:remote-method="querySearch"
filterable
default-first-option
remote
placeholder="Search"
class="header-search-select"
@change="change"
<el-popover
:width="330"
trigger="click"
transition="el-zoom-in-top"
popper-class="ele-notice-pop"
effect="light"
:show-arrow="false"
>
<el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
</el-select>
</div>
<div :class="{'show':show}" class="header-search">
<el-select
ref="headerSearchSelect"
v-model="search"
:remote-method="querySearch"
filterable
default-first-option
remote
placeholder="Search"
class="header-search-select"
@change="change"
>
<el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
</el-select>
</div>
<div slot="reference" >
<div>
<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
</div>
</div>
</el-popover>
</template>
<script>
@ -27,6 +40,7 @@ export default {
name: 'HeaderSearch',
data() {
return {
visible: false,
search: '',
options: [],
searchPool: [],

View File

@ -347,7 +347,7 @@ export default {
color: #fff;
text-align: center;
line-height: 30px;
background-color: #1890ff;
background-color: #B12D29;
opacity: 0;
}
.slide-verify-info.fail {

View File

@ -7,8 +7,6 @@
<!-- <top-nav id="topmenu-container" class="topmenu-container" /> -->
<div style="line-height: 46px;cursor: pointer;height: 100%;float: left; position: relative;">
<template v-if="device!=='mobile'">
<search id="header-search" class="right-menu-item" />
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> -->
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
@ -23,6 +21,11 @@
<div class="right-menu">
<!-- 搜索 -->
<div class="right-menu-item hover-effect" style="padding: 0 20px;">
<search id="header-search"/>
</div>
<!-- 消息通知 -->
<div class="right-menu-item hover-effect" style="padding: 0 20px;">
<top-notice/>

View File

@ -41,7 +41,7 @@
<el-divider/>
<h3 class="drawer-title">系统布局配置</h3>
<div class="drawer-item">
<span>开启 TopNav</span>
<el-switch v-model="topNav" class="drawer-switch" />
@ -223,7 +223,7 @@ export default {
height: 100%;
padding-top: 15px;
padding-left: 24px;
color: #1890ff;
color: #B12D29;
font-weight: 700;
font-size: 14px;
}

View File

@ -2,19 +2,23 @@
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<img v-if="logo" :src="shortLogo" style=" width: 30px;height: 30px;margin-top: 0px;" />
<!-- <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">TANEX</h1> -->
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<div :style="{backgroundImage:'url('+logoBg+')'}" class="logo-bg">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<!-- <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1> -->
</div>
</router-link>
</transition>
</div>
</template>
<script>
import logoImg from '@/assets/logo/logo2.png'
import shortLogoImg from '@/assets/logo/short_logo.png'
import logoImg from '@/assets/logo/left_logo.png'
import logoBgImg from '@/assets/logo/left_logo_bg.png'
import variables from '@/assets/styles/variables.scss'
export default {
@ -36,13 +40,21 @@ export default {
data() {
return {
title: '',
logo: logoImg
logo: logoImg,
logoBg: logoBgImg,
shortLogo: shortLogoImg,
}
}
}
</script>
<style lang="scss" scoped>
.logo-bg {
background-size: cover;
margin: 10px 30px;
}
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
@ -55,8 +67,8 @@ export default {
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
// height: 50px;
// line-height: 50px;
background: #2b2f3a;
text-align: center;
overflow: hidden;
@ -66,10 +78,12 @@ export default {
width: 100%;
& .sidebar-logo {
width: 60px;
height: 60px;
// width: 60px;
// height: 60px;
margin-top: 10px;
height: 80px;
vertical-align: middle;
margin-right: 12px;
// margin-right: 12px;
}
& .sidebar-title {

View File

@ -1,8 +1,9 @@
<template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<!-- <logo v-if="showLogo" :collapse="isCollapse" /> -->
<!-- <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper"> -->
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<div >
<logo :collapse="isCollapse" />
<biz-nav id="bizNav" v-if="this.sidebar.opened" style="padding: 0px 0px;width:100%"/>
<el-menu
:default-active="activeMenu"
@ -25,7 +26,7 @@
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
</div>
</div>
<!-- </el-scrollbar> -->
</el-scrollbar>
</div>
</template>

View File

@ -282,7 +282,8 @@ export default {
.tags-view-inner{
background: #fff;
// background: #fff;
background: transparent;
// border-bottom: 1px solid #d8dce5;
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
}

View File

@ -1,6 +1,6 @@
<template>
<div>
<div class="top-header-logo" style="text-align: left;" v-if="this.sidebar.opened">
<!-- <div class="top-header-logo" style="text-align: left;" v-if="this.sidebar.opened">
<div>
<img style="height: 50px;margin-left: 2px;padding: 6px 0px;" :src="zoneConfig.logoInner">
</div>
@ -9,7 +9,7 @@
<div>
<img style="height: 50px;margin-left: 2px;padding: 6px 0px;" :src="zoneConfig.logoInner">
</div>
</div>
</div> -->
<div class="top-header-right" v-if="this.sidebar.opened">
<navbar />
@ -61,11 +61,12 @@
}
.top-header-right{
margin-left: 180px;
// margin-left: 180px;
margin-left: 0px;
}
.top-header-right-small{
margin-left: 100px!important;
margin-left: 0px!important;
}
</style>

View File

@ -279,10 +279,12 @@ export default {
height: 26px;
line-height: 26px;
// border: 1px solid #d8dce5;
color: #495060;
background: #fff;
color: black;
background:transparent;
// color: #495060;
// background: #fff;
padding: 0 8px;
font-size: 14px;
font-size: 12px;
margin-left: 5px;
margin-top: 4px;
border-radius: 3px 3px 0px 0px;
@ -293,10 +295,10 @@ export default {
margin-right: 15px;
}
&.active {
// background-color: #42b983;
// color: #fff;
color: #161616;
font-size: 14px;
background-color: transparent;
color: #B12D29;
// color: ;
font-size: 12px;
font-weight: bold;
// border-color: #42b983;
// &::before {
@ -335,7 +337,9 @@ export default {
.tags-view-inner{
background: #fff;
// background: #fff;
background: transparent;
// border-bottom: 1px solid #d8dce5;
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
}

View File

@ -1,9 +1,10 @@
<template>
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
<TopHeader class="erp-header"></TopHeader>
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<sidebar v-if="!sidebar.hide" class="sidebar-container" />
<div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
<TopHeader class="erp-header"></TopHeader>
<app-main />
<!-- <div class="signfooter">
<div class="auto clearfix">

View File

@ -261,7 +261,7 @@ export default {
.title {
text-align: center;
font-size: 24px;
color: #1890ff;
color: #B12D29;
margin: 20px;
font-weight: bold;
}

File diff suppressed because it is too large Load Diff

View File

@ -1,25 +1,51 @@
<template>
<div class="main-bg" :style="{backgroundImage:'url('+zoneConfig.bgUrl+')'}">
<div class="main-bg">
<div class="header-container narrow-screen" style="background-color: rgba(61, 184, 243, 0.34);">
<div class="header-container narrow-screen">
<div class="banner-box">
<div>
<div class="header default-transition-fast">
<div class="header-wrapper auto clearfix">
<div class="header-left">
<div class="header-logo">
<div style="text-align: center; height:80px; line-height:80px;">
<img style="display: inline-block; vertical-align: middle;height: 55px;" :src="zoneConfig.logo">
<div style="text-align: center; height:80px; line-height:80px;display: inline-flex;">
<div>
<img style="display: inline-block; vertical-align: middle;height: 55px;" src="@/assets/logo/tnlogo.png">
</div>
<div style="display: inline-flex;">
<div><img style="display: inline-block; vertical-align: middle;height: 18px;" src="@/assets/images/hotphone.png"></div>
<div style="font-size: 18px; font-weight: 500;width: 120px;text-align: left;color: #b12e29;margin-left: 5px;">400-025-7080</div>
</div>
</div>
</div>
</div>
<div style="float: right;padding: 3px;display: inline-flex">
<div v-for="(navItem,navId) in zoneConfig.navList" :key="navId">
<div style="text-align: center;line-height: 80px;margin-right: 20px;">
<div class="nav-title nav-title-active">
<div style="padding: 0px 3px;"><img style="display: inline-block; vertical-align: middle;height: 10px;" src="@/assets/images/fhxz_icon.png"></div>
<div>发货须知</div>
</div>
</div>
<div style="text-align: center;line-height: 80px;margin-right: 20px;">
<div class="nav-title">
<div style="padding: 0px 3px;"><img style="display: inline-block; vertical-align: middle;height: 10px;" src="@/assets/images/help_icon.png"></div>
<div>系统帮助</div>
</div>
</div>
<div style="text-align: center;line-height: 80px;margin-right: 20px;">
<div class="nav-title">
<div style="padding: 0px 3px;"><img style="display: inline-block; vertical-align: middle;height: 10px;" src="@/assets/images/zxkf_icon.png"></div>
<div>在线客服</div>
</div>
</div>
<!-- <div v-for="(navItem,navId) in zoneConfig.navList" :key="navId">
<div style="text-align: center;line-height: 80px;margin-right: 20px;">
<a :href="navItem.url">{{ navItem.navName }}</a>
</div>
</div>
</div> -->
<div>
<!-- <div style="text-align: center;position: relative;line-height: 80px" >
@ -49,7 +75,7 @@
<div style="text-align: center" slot="reference">联系客服</div>
</el-popover>
</div> -->
<div style="text-align: center;line-height: 80px;margin-right: 20px;" @click="showKfView" >联系客服</div>
<!-- <div style="text-align: center;line-height: 80px;margin-right: 20px;" @click="showKfView" >联系客服</div> -->
</div>
</div>
</div>
@ -64,9 +90,11 @@
<div class="clearfix">
<div class="login-desc">
<h2>{{zoneConfig.slogoTxt1}}</h2>
<p>{{zoneConfig.slogoTxt2}}</p>
<p></p>
<h2>探路物流 速运全球</h2>
<p>专业物流服务,端对端客户优势,垂直化的跟踪解答</p>
<p>
<img style="display: inline-block; vertical-align: middle;width:50%;" src="@/assets/images/spic.png">
</p>
</div>
<div class="login-main pie-for-element">
@ -77,7 +105,7 @@
</div>
<p class="login_title">
<span :class="isActiveIndex === 0 ? 'isActiveTitle' : ''" @click="switchAccountLogin">账号登录</span>
<span :class="isActiveIndex === 1 ? 'isActiveTitle' : ''" @click="switchSmsLogin">验证码登录</span>
<!-- <span :class="isActiveIndex === 1 ? 'isActiveTitle' : ''" @click="switchSmsLogin">验证码登录</span> -->
</p>
</div>
<el-form v-if="isActive" ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
@ -213,7 +241,7 @@
<div class="signfooter">
<div class="auto clearfix">
<div class="footer-signfooter">
<p>{{zoneConfig.copyright}} </p>
<p>Powered by © 2024 探路速运 All Rights Reserved </p>
<p></p>
</div>
</div>
@ -529,6 +557,21 @@ export default {
}
}
.nav-title{
padding: 5px;
display: inline-flex;
line-height: 15px;
font-size: 12px;
background: #f0c0bf92;
color: #b12e29;
}
.nav-title-active{
background: #b12e29!important;
color: white!important;
}
.login-form2 {
border-radius: 6px;
background: #ffffff;
@ -603,14 +646,14 @@ strong { font-weight: 400; }
::selection { background: rgb(30, 172, 223); color: rgb(255, 255, 255); }
img { border: 0px; }
::-webkit-selection { background: rgb(30, 172, 223); color: rgb(255, 255, 255); }
.auto, .autoWidth { margin: 0px auto; max-width: 1200px; }
.auto, .autoWidth { margin: 0px auto; max-width: 1900px; }
.clearfix::after, .clearfix::before { display: table; line-height: 0; content: ""; }
.clearfix::after { clear: both; }
.header-left, .page_no a, .pull-left { float: left; }
.header { height: 80px; border-bottom: 2px solid rgb(239, 239, 239); }
.header { height: 80px; }
.banner-engine .header { background-color: transparent; }
.header, .header-main:hover .header { background-color: rgb(255, 255, 255); }
.header, .header-main:hover .header { background-color:#FFF8F8; }
.header-main:hover .header { border-bottom: none; }
.header-logo { display: inline-block; position: relative; width: 130px; height: 80px; float: left; }
.logo, .slogan-gif { position: absolute; }
@ -622,12 +665,12 @@ img { border: 0px; }
.banner-box { height: 80px; }
.banner-engine .banner-box { height: 720px; position: relative; }
.transparent-header .banner-box, .transparent-header .header-container { width: 100%; height: 0px; }
.signfooter { text-align: center; background-color: rgb(255, 255, 255); padding: 10px 0px; position: fixed; left: 0px; bottom: 0px; width: 100%; max-height: 98px; }
.signfooter { text-align: center; background-color: transparent; padding: 10px 0px; position: fixed; left: 0px; bottom: 0px; width: 100%; max-height: 98px; }
.footer-signfooter { width: 100%; padding: 5px 0px; }
.footer-signfooter a, .footer-signfooter p { margin-top: 8px; font-size: 12px; color: #757575; }
.login-desc { padding-left: 20px; padding-top: 70px; color: rgb(255, 255, 255); font-size: 16px; }
.login-desc h2 { margin-bottom: 40px; font-size: 28px; }
.login-desc p { height: 22px; line-height: 22px; margin-bottom: 24px; text-indent: 38px; }
.login-desc { padding-left: 20px; padding-top: 10px; color:#B12D29; font-size: 16px; }
.login-desc h2 { margin-bottom: 10px; padding-left: 100px; font-size: 28px;font-weight: 900; }
.login-desc p { height: 22px; line-height: 22px; margin-bottom: 24px; text-indent: 38px;font-weight: 900; }
.login-main-area { position: relative;
// background-image: url("../assets/images/loginbg3.jpg");
/*background-position: center 0px; */
@ -639,11 +682,11 @@ img { border: 0px; }
}
.main-bg{
// background-image: url("../assets/images/loginbg.jpg");
background-position: center 0px;
background-repeat: no-repeat;
background-size: 100%;
//background-position: center 0px;
//background-repeat: no-repeat;
//@at-rootbackground-size: 100%;
// background-color: rgb(24, 144, 255);
background-color:#FFF8F8;
height:100%
}
.login-inner { position: relative; z-index: 20; }
@ -654,14 +697,15 @@ img { border: 0px; }
padding: 10px 30px 18px;
min-height: 404px;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
box-shadow: #b12d294f 0px 2px 3px;
border-radius: 5px;
}
.login-main :deep .el-button--primary {
color: #FFFFFF;
background-color: #be1722;
border-color: #be1722;
background-color: #B12D29;
border-color: #B12D29;
}
.login-form .el-input {
@ -690,7 +734,7 @@ img { border: 0px; }
padding: 30px 50px 30px 30px;
}
.login_title{
text-align: center;
text-align: left;
margin: 10px;
font-size: 16px;
color: #666;
@ -708,7 +752,7 @@ img { border: 0px; }
.isActiveTitle{
color: #333;
font-weight: bolder;
border-bottom: 2px solid #2196f3;
border-bottom: 2px solid #B12D29;
}
.login_agree{
margin-left: 30px;