.container {
  display: flex;
}
body {
  min-width: 1200px;
  font-size: 16px;
}
/*
*{
    background-repeat: no-repeat;
    background-size: 100%;
}*/
.box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bgwhite {
  background: #fff;
}
/*::-webkit-scrollbar{
    width: 1px;!*对垂直流动条有效*!
    height: 1px;!*对水平流动条有效*!
}*/
::-webkit-input-placeholder {
  color: #aaa;
}
.btn {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #2e6da4;
}
.btn:hover {
  background-color: #5384C6;
}
.btn1 {
  cursor: pointer;
  color: white;
  background-color: #c01c22;
  font-family: 微软雅黑;
  font-size: 14px;
  border: 1px solid #c01c22;
  width: 90px;
  height: 34px;
}
.btn1:hover {
  background-color: white;
  color: #c01c22;
}
.btn2 {
  cursor: pointer;
  color: white;
  background-color: #00569e;
  font-family: 微软雅黑;
  font-size: 14px;
  border: 1px solid #00569e;
  width: 90px;
  height: 34px;
}
.btn2:hover {
  background-color: white;
  color: #00569e;
}
.pointer {
  cursor: pointer;
}
.al {
  text-align: left;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
.full {
  width: 100%;
}
.float-l {
  float: left;
  display: inline-block;
}
.float-r {
  float: left;
  display: inline-block;
}
.hidden {
  display: none;
}
.no-border {
  border: none;
}
.heiti {
  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}
/*
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol,  pre, form, fieldset, legend, button, textarea, th, td,i,b,a {
    font-family:"MicroSoft YaHei","微软雅黑";
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
    font-style:normal;
    color:#333;
}*/
/* 对话框 */
#_dialog {
  /* 本身是遮罩层 */
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(30, 30, 30, 0.3);
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}
#_dialog #_dlg_frame {
  /* 对话框边框 */
  background-color: #F2F2F2;
  position: absolute;
  z-index: 11;
  font-size: 14px;
}
#_dialog #_dlg_frame .title {
  padding: 8px;
  background-color: #ccc;
  color: #000000;
}
#_dialog #_dlg_frame #_dlg_close {
  float: right;
  cursor: pointer;
}
#_dialog #_dlg_frame #_dlg_close:hover {
  color: #40361f;
}
/*媒体查询，适应低分辨率屏幕*/
@media screen and (max-width: 1240px) {
  body {
    min-width: 1000px;
  }
  body .header-panel {
    min-width: 1000px;
  }
  body .header-panel .show-panel {
    width: 1000px;
  }
  body .header-panel .show-panel .navbar li {
    width: 100px;
  }
  body .main {
    margin: 0 auto;
    min-width: 1000px;
  }
  body .footer {
    width: 100%;
  }
  body .footer > div {
    width: 1000px;
  }
}
.pointer {
  cursor: pointer;
}
/*.alert.dlg_wrapper{
    outline: 0px solid;
    .dlg_inner{
        height: 200px;
        .dlg_content{
            height: 60%;
        }
    }
}*/
.dlg_wrapper.vip .dlg_inner {
  width: 450px;
  height: 395px;
}
.dlg_wrapper.vip .dlg_inner .dlg_content {
  background: url(../img/vipbg.png) no-repeat top center;
  height: 120px;
  padding-top: 170px;
}
.dlg_wrapper.vip .dlg_inner .dlg_content .msg {
  text-align: left;
  text-indent: 30px;
  line-height: 25px;
}
.dlg_wrapper.vip .dlg_inner .dlg_content .btn {
  left: 165px;
}
.main {
  width: 100%;
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/*头部*/
.header-panel {
  width: 100%;
  min-width: 1200px;
  height: 80px;
  background-color: white;
  border-bottom: 1px solid #ededed;
  position: fixed;
  top: 0;
  z-index: 500;
  /*中英文切换*/
  /* .rnl{
        width: 200px;
        float:right;
        margin-top: 45px;
        margin-right: -65px;
        li{  float:left;  }
        .login{
            color:#2d6ec0;
            text-decoration: underline;
            cursor: pointer;
        }
    }*/
}
.header-panel .show-panel {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  position: relative;
}
.header-panel .navbar {
  float: right;
  height: 100%;
}
.header-panel .navbar li.on > a {
  color: #d0111b;
}
.header-panel .navbar li.on2 > a {
  color: #0068B7;
}
.header-panel .navbar nav {
  height: 100%;
}
.header-panel .navbar nav .nav-title {
  height: 100%;
}
.header-panel .navbar nav ul li {
  float: left;
  position: relative;
  height: 22px;
  text-align: center;
  width: 120px;
  padding-top: 15px;
  font-size: 14px;
  background: #ffffff;
}
.header-panel .navbar nav ul li:hover {
  border-bottom: 3px solid #d0111b;
  background-color: #f7f7f7;
}
.header-panel .navbar nav ul li:hover > a:first-child {
  color: #d0111b;
}
.header-panel .navbar nav > ul > li {
  height: 47px;
  padding-top: 30px;
  font-size: 18px;
}
.header-panel .navbar nav li:hover > ul {
  display: block;
}
.header-panel .navbar nav ul ul {
  position: absolute;
  top: 100%;
  left: -1px;
  list-style: none;
  display: none;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
}
.header-panel .navbar nav ul ul li {
  border-top: 1px dotted #ccc;
}
.header-panel .navbar nav ul ul li:hover {
  border-bottom: none;
  background-color: #f7f7f7;
}
.header-panel .navbar nav ul ul li:first-child {
  border-top: none;
}
.header-panel .navbar nav ul ul li a {
  position: relative;
  bottom: 5px;
}
.header-panel .navbar nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.header-panel .navbar nav ul ul ul.floatleft {
  left: auto;
  right: 120px;
}
.header-panel .navbar nav ul ul ul li {
  border-top: 1px dotted #ccc;
}
.header-panel .navbar nav ul ul ul li:hover {
  border-bottom: none;
  background-color: #f7f7f7;
}
.header-panel .navbar nav ul ul ul li:first-child {
  border-top: none;
}
.header-panel .navbar nav ul li.forbidden a {
  color: #cccccc;
}
.header-panel .navbar nav ul li.forbidden:hover a {
  color: #cccccc;
}
.header-panel .navbar nav.nav1 ul li:hover {
  border-bottom: 3px solid #0068B7;
}
.header-panel .navbar nav.nav1 ul li:hover > a:first-child {
  color: #0068B7;
}
.header-panel .lan-switcher {
  position: absolute;
  right: 0px;
  top: 0px;
}
.header-panel .lan-switcher div {
  float: left;
  margin-left: 0px;
  background-color: #fff;
  color: #2d6ec0;
  border: 1px solid #2d6ec0;
}
.header-panel .lan-switcher .sel {
  background-color: #2d6ec0;
  color: #fff;
}
.header-panel .rnl {
  float: right;
  width: 110px;
  padding-top: 23px;
}
.header-panel .rnl .lg,
.header-panel .rnl .rg {
  color: #0068B7;
  font-size: 14px;
  padding-top: 20px;
  float: left;
  width: 55px;
  text-align: center;
  cursor: pointer;
}
.header-panel .rnl .lg {
  background: url(../img/login.png) no-repeat top center;
}
.header-panel .rnl .rg {
  background: url(../img/regist.png) no-repeat top center;
}
.header-panel .userinfo {
  width: 112px;
  text-align: center;
  margin-top: 32px;
  float: right;
  font-size: 14px;
  position: relative;
  margin-left: 5px;
}
.header-panel .userinfo > li {
  color: #5384C6;
  float: left;
}
.header-panel .userinfo > li a {
  color: #5384C6;
  cursor: pointer;
}
.header-panel .userinfo:hover ul {
  display: block;
}
.header-panel .userinfo:hover .tangle {
  transform: rotate(180deg);
  transition: transform ease 0.5s;
}
.header-panel .userinfo .vip {
  width: 22px;
  height: 19px;
  background: url('../img/vip3.png') no-repeat;
  margin-right: 5px;
}
.header-panel .userinfo .username {
  cursor: pointer;
}
.header-panel .userinfo .tangle {
  width: 0px;
  margin-top: 8px;
  margin-left: 10px;
  border-top: 5px solid #999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0px solid transparent;
  transform-origin: 5px 2px;
}
.header-panel .userinfo ul {
  width: 100px;
  display: none;
  background: #fff;
  padding: 0px 10px;
  box-shadow: 0px 0px 10px #999 ;
  position: absolute;
  top: 20px;
  left: 0px;
}
.header-panel .userinfo ul li {
  font-size: 12px;
  line-height: 35px;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
}
.header-panel .userinfo ul li:hover a,
.header-panel .userinfo ul li:hover {
  color: #0068B7;
  background: #fbfbfb;
}
.header-panel .userimg {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-top: -17px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/userimage.png);
  margin-right: 5px;
}
.nav_panel {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 80px;
  z-index: 99;
  border-bottom: 1px solid #ccc;
}
.nav_panel .nav {
  width: 1200px;
  height: 35px;
  padding-top: 15px;
  font-size: 16px;
  margin: 0 auto;
}
.nav_panel .nav li.on > a {
  color: #0068B7;
}
.nav_panel .nav > li {
  text-align: center;
  width: 16%;
  border-left: 1px solid;
  position: relative;
  float: left;
}
.nav_panel .nav > li a {
  color: #000;
  display: inline-block;
  position: relative;
}
.nav_panel .nav > li > a::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: -15px;
  left: 0px;
}
.nav_panel .nav > li i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/left_menuForOutLook.png") 0px 0px;
  transform-origin: 10px 10px;
}
.nav_panel .nav > li ul {
  display: none;
}
.nav_panel .nav > li ul li:hover {
  background: #f9f9f9;
}
.nav_panel .nav > li.li1 {
  border-left: 0px solid;
  width: 8%;
}
.nav_panel .nav > li.li2 {
  width: 16%;
}
.nav_panel .nav > li.li3 {
  width: 22%;
}
.nav_panel .nav > li.li4 {
  width: 20%;
}
.nav_panel .nav > li.li5 {
  width: 20%;
}
.nav_panel .nav > li.li6 {
  width: 11%;
}
.nav_panel .nav > li:hover i {
  transform: rotate(180deg);
}
.nav_panel .nav > li:hover ul {
  display: block;
}
.nav_panel .nav > li:hover a::after {
  background: #2d6ec0;
}
.nav_panel .nav > li.on a::after {
  background: #2d6ec0;
}
.nav_panel .nav li.forbidden > a,
.nav_panel .nav li.forbidden:hover > a {
  color: #ccc;
}
.nav_panel .nav li:hover > a {
  color: #2d6ec0;
}
.nav_panel .nav .bannerhidden {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0px;
  top: 19px;
  padding-top: 20px;
}
.nav_panel .nav .bannerhidden li {
  float: none;
  width: 100%;
  line-height: 30px;
}
.top-shadow {
  box-shadow: 0px 5px 40px #cccccc;
  border-bottom: 0px solid;
}
.position-panel {
  height: 80px;
}
.position-panel1 {
  height: 131px;
}
.logo {
  float: left;
  margin-top: 20px;
  cursor: pointer;
}
.dlg_tips .dlg_inner .dlg_content .btn {
  left: 220px;
}
.dlg_tips .dlg_inner {
  width: 565px;
  height: 450px;
  margin-top: 150px;
}
.dlg_tips .dlg_inner .dlg_content {
  height: 83%;
}
.dlg_tips .tips {
  width: 450px;
  margin: 0 auto;
  line-height: 30px;
  background: url(../img/chuizi.png) no-repeat center -64px;
  padding-top: 200px;
  padding-left: 50px;
  text-align: left;
}
.left-menu .bar {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -41px;
  z-index: 10000;
  width: 40px;
  height: 93px;
  background-color: #2d6ec0;
  border-radius: 0 10px 10px 0;
  color: #fff;
  cursor: pointer;
}
.left-menu .bar span {
  color: white;
  display: block;
  width: 13px;
  padding: 19px 8px;
  line-height: 18px;
}
.left-menu .bar .larrow {
  cursor: pointer;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(../img/rarrow.png) no-repeat right center;
}
.left-menu .tool-hid {
  left: -92px;
}
.left-menu .tools {
  display: block;
  position: fixed;
  top: 50%;
  margin-top: -112px;
  z-index: 10000;
  width: 92px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #2d6ec0;
  border-radius: 0 5px 5px 0;
}
.left-menu .tools .u-img {
  text-align: center;
  width: 46px;
  height: 46px;
  background-size: cover;
  border-radius: 50%;
  margin: 5px auto;
}
.left-menu .tools .arr-right {
  position: absolute;
  right: 2px;
  top: 1px;
  cursor: pointer;
}
.left-menu .tools li {
  position: relative;
  margin-bottom: 0;
  height: 32px;
  line-height: 32px;
  padding: 1px 5px;
  color: white;
  font-size: 12px;
  border-top: 1px dashed white;
}
.left-menu .tools li .m1 {
  background: url(../img/grxx.png) no-repeat 2px center;
}
.left-menu .tools li .m2 {
  background: url(../img/note.png) no-repeat 2px center;
}
.left-menu .tools li .m3 {
  background: url(../img/collect.png) no-repeat 2px center;
}
.left-menu .tools li .m4 {
  background: url(../img/report.png) no-repeat 2px center;
}
.left-menu .tools li .m5 {
  background: url(../img/logout.png) no-repeat 2px center;
}
.left-menu .tools li .tool-n {
  padding-left: 20px;
}
.left-menu .tools li .tool-n span {
  margin-left: 5px;
  color: white;
}
.left-menu .tools li:hover {
  background-color: #5384C6;
  margin: 1px;
  cursor: pointer;
}
.right-menu {
  position: fixed;
  top: 50%;
  margin-top: -133px;
  z-index: 10000;
  height: 266px;
  right: -331px;
}
.right-menu .bar {
  width: 40px;
  height: 100%;
  background-color: #2d6ec0;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  float: left;
}
.right-menu .bar .note-text {
  color: white;
  display: block;
  padding: 85px 20px;
  line-height: 18px;
}
.right-menu .bar .rarrow {
  cursor: pointer;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -20px;
  width: 16px;
  height: 16px;
  background: url(../img/larrow.png) no-repeat right center;
}
.right-menu .bar .arr-out {
  background: url(../img/rarrow.png) no-repeat right center;
}
.right-menu .f1 {
  float: left;
}
.right-menu .add-note {
  width: 300px;
  height: 100%;
  float: left;
  background-color: #e5e5e5;
  box-shadow: -1px 2px 4px #ccc;
  padding: 0px 15px 0px 15px;
  text-align: right;
  border-radius: 0 5px 5px 0;
}
.right-menu .add-note h2 {
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #000;
  margin: 0;
}
.right-menu .add-note form table {
  width: 100%;
}
.right-menu .add-note form table td {
  text-align: left;
  font-size: 10px;
}
.right-menu .add-note form table td input {
  width: 90%;
  height: 25px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.right-menu .add-note form table td textarea {
  width: 90%;
  height: 85px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.right-menu .add-note form button {
  width: 45px;
  height: 30px;
  color: white;
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  border-radius: 3px;
  margin: 0px 20px 0px 0px;
  cursor: pointer;
}
.right-menu .add-note form button:hover {
  background-color: #5384C6;
}
.right-menu .add-note form button:active {
  background-color: #3991d4;
}
.r-out {
  right: -1px;
}
#pagination {
  margin-top: 22px;
  float: right;
  margin-bottom: 40px;
}
#pagination li {
  display: inline;
  margin: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px 5px;
  color: #666666;
}
#pagination li a {
  color: #666666;
}
#pagination li a:hover {
  text-decoration-line: none;
}
#pagination span {
  display: inline-block;
  margin: 2px;
  padding: 2px 5px;
  color: #666666;
}
#pagination span input {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 25px;
  height: 23px;
  margin-left: 2px;
  margin-right: 2px;
}
#pagination span select {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 25px;
  height: 23px;
  margin-left: 2px;
  margin-right: 2px;
}
#pagination .active {
  background-color: #2d6ec0;
}
#pagination .active .page-link {
  color: white;
}
#pagination .active .page-link:hover {
  cursor: pointer;
  text-decoration-line: none;
  background-color: #2d6ec0;
}
.btn {
  width: 120px;
  height: 40px;
  border-radius: 4px;
  color: #ffffff;
  background: #2d6ec0;
  border: 0px solid;
  cursor: pointer;
  margin: 20px 0px;
}
.footer > div {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.footer1 {
  line-height: 60px;
  background: #e8e8e8;
  text-align: center;
  font-size: 15px;
}
#regist_panel .dlg_inner,
#login_panel .dlg_inner,
#email_panel .dlg_inner {
  width: 700px;
  height: 400px;
  padding: 0px;
  overflow: hidden;
}
#regist_panel .dlg_inner .dlg_closed,
#login_panel .dlg_inner .dlg_closed,
#email_panel .dlg_inner .dlg_closed {
  margin: 10px 10px 0px 0px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url(../img/x_p.png);
}
#regist_panel .dlg_inner .left,
#login_panel .dlg_inner .left,
#email_panel .dlg_inner .left {
  float: left;
  width: 300px;
  height: 100%;
  background: url(../img/registbg.png) no-repeat center;
}
#regist_panel .dlg_inner .left .title,
#login_panel .dlg_inner .left .title,
#email_panel .dlg_inner .left .title {
  line-height: 22px;
  background: url(../img/whitelogo.png) no-repeat 12px 31px;
  padding-top: 30px;
}
#regist_panel .dlg_inner .left .title p,
#login_panel .dlg_inner .left .title p,
#email_panel .dlg_inner .left .title p {
  color: #fff;
}
#regist_panel .dlg_inner .left .title .fs16,
#login_panel .dlg_inner .left .title .fs16,
#email_panel .dlg_inner .left .title .fs16 {
  font-size: 16px;
  margin-left: 60px;
}
#regist_panel .dlg_inner .left .title .fs12,
#login_panel .dlg_inner .left .title .fs12,
#email_panel .dlg_inner .left .title .fs12 {
  font-size: 12px;
  margin-left: 55px;
}
#regist_panel .dlg_inner .left .title .fs13,
#login_panel .dlg_inner .left .title .fs13,
#email_panel .dlg_inner .left .title .fs13 {
  font-size: 13px;
  margin: 40px 20px;
  line-height: 21px;
}
#regist_panel .dlg_inner .left .title .fs14,
#login_panel .dlg_inner .left .title .fs14,
#email_panel .dlg_inner .left .title .fs14 {
  font-size: 14px;
  margin: 40px 20px;
  line-height: 25px;
}
#regist_panel .dlg_inner .right,
#login_panel .dlg_inner .right,
#email_panel .dlg_inner .right {
  float: right;
  width: 300px;
  padding: 0px 50px;
  font-size: 14px;
  position: relative;
}
#regist_panel .dlg_inner .right .accimg,
#login_panel .dlg_inner .right .accimg,
#email_panel .dlg_inner .right .accimg,
#regist_panel .dlg_inner .right .pwdimg,
#login_panel .dlg_inner .right .pwdimg,
#email_panel .dlg_inner .right .pwdimg,
#regist_panel .dlg_inner .right .cfmimg,
#login_panel .dlg_inner .right .cfmimg,
#email_panel .dlg_inner .right .cfmimg,
#regist_panel .dlg_inner .right .accimg_en,
#login_panel .dlg_inner .right .accimg_en,
#email_panel .dlg_inner .right .accimg_en,
#regist_panel .dlg_inner .right .pwdimg_en,
#login_panel .dlg_inner .right .pwdimg_en,
#email_panel .dlg_inner .right .pwdimg_en,
#regist_panel .dlg_inner .right .cfmimg_en,
#login_panel .dlg_inner .right .cfmimg_en,
#email_panel .dlg_inner .right .cfmimg_en,
#regist_panel .dlg_inner .right .emailimg,
#login_panel .dlg_inner .right .emailimg,
#email_panel .dlg_inner .right .emailimg {
  width: 20px;
  height: 20px;
  position: absolute;
}
#regist_panel .dlg_inner .right .emailimg,
#login_panel .dlg_inner .right .emailimg,
#email_panel .dlg_inner .right .emailimg {
  background: url(../img/emailimg.png) no-repeat center left;
  background-size: contain;
}
#regist_panel .dlg_inner .right .accimg,
#login_panel .dlg_inner .right .accimg,
#email_panel .dlg_inner .right .accimg,
#regist_panel .dlg_inner .right .accimg_en,
#login_panel .dlg_inner .right .accimg_en,
#email_panel .dlg_inner .right .accimg_en {
  background: url(../img/account.png) no-repeat center left;
}
#regist_panel .dlg_inner .right .pwdimg,
#login_panel .dlg_inner .right .pwdimg,
#email_panel .dlg_inner .right .pwdimg,
#regist_panel .dlg_inner .right .cfmimg,
#login_panel .dlg_inner .right .cfmimg,
#email_panel .dlg_inner .right .cfmimg,
#regist_panel .dlg_inner .right .pwdimg_en,
#login_panel .dlg_inner .right .pwdimg_en,
#email_panel .dlg_inner .right .pwdimg_en,
#regist_panel .dlg_inner .right .cfmimg_en,
#login_panel .dlg_inner .right .cfmimg_en,
#email_panel .dlg_inner .right .cfmimg_en {
  background: url(../img/pwd.png) no-repeat center left;
}
#regist_panel .dlg_inner .right h1,
#login_panel .dlg_inner .right h1,
#email_panel .dlg_inner .right h1 {
  font-size: 20px;
  font-weight: 400;
}
#regist_panel .dlg_inner .right h1 span,
#login_panel .dlg_inner .right h1 span,
#email_panel .dlg_inner .right h1 span {
  float: right;
  font-size: 14px;
  margin-top: 5px;
}
#regist_panel .dlg_inner .right h1 span a,
#login_panel .dlg_inner .right h1 span a,
#email_panel .dlg_inner .right h1 span a {
  color: #0068B7;
  cursor: pointer;
}
#regist_panel .dlg_inner .right .ipt,
#login_panel .dlg_inner .right .ipt,
#email_panel .dlg_inner .right .ipt {
  width: 100%;
  height: 35px;
  margin-bottom: 17px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 25px;
  box-sizing: border-box;
}
#regist_panel .dlg_inner .right .ipt2,
#login_panel .dlg_inner .right .ipt2,
#email_panel .dlg_inner .right .ipt2 {
  width: 46%;
  height: 35px;
  margin-bottom: 10px;
  margin-left: 2%;
  padding-left: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#regist_panel .dlg_inner .right .msg-box,
#login_panel .dlg_inner .right .msg-box,
#email_panel .dlg_inner .right .msg-box {
  float: left;
  margin-top: 35px;
}
#regist_panel .dlg_inner .right .btn,
#login_panel .dlg_inner .right .btn,
#email_panel .dlg_inner .right .btn {
  margin: 10px 0px 10px 0px;
  width: 100%;
}
#regist_panel .dlg_inner .right .btn[disabled="disabled"],
#login_panel .dlg_inner .right .btn[disabled="disabled"],
#email_panel .dlg_inner .right .btn[disabled="disabled"] {
  background-color: #ccc;
}
#regist_panel .dlg_inner .right .width100,
#login_panel .dlg_inner .right .width100,
#email_panel .dlg_inner .right .width100 {
  width: 100%;
}
#regist_panel .dlg_inner .right .gray,
#login_panel .dlg_inner .right .gray,
#email_panel .dlg_inner .right .gray {
  color: #ccc;
}
#regist_panel .dlg_inner .right .btn_2,
#login_panel .dlg_inner .right .btn_2,
#email_panel .dlg_inner .right .btn_2 {
  width: 50%;
  height: 35px;
  margin: 0px;
}
#regist_panel .dlg_inner .right #gotoregist,
#login_panel .dlg_inner .right #gotoregist,
#email_panel .dlg_inner .right #gotoregist {
  color: #2d6ec0;
  cursor: pointer;
}
#regist_panel .dlg_inner .right #forgetpwd,
#login_panel .dlg_inner .right #forgetpwd,
#email_panel .dlg_inner .right #forgetpwd {
  color: #2d6ec0;
}
#regist_panel .dlg_inner .right.gray p,
#login_panel .dlg_inner .right.gray p,
#email_panel .dlg_inner .right.gray p,
#regist_panel .dlg_inner form,
#login_panel .dlg_inner form,
#email_panel .dlg_inner form {
  color: #aaa;
}
#login_panel h1 {
  margin: 20px 0px 27px 0px;
}
#login_panel .accimg {
  left: 53px;
  top: 99px;
}
#login_panel .pwdimg {
  left: 53px;
  top: 171px;
}
#regist_panel h1 {
  margin: 10px 0px;
}
#regist_panel .accimg {
  left: 53px;
  top: 55px;
}
#regist_panel .emailimg {
  left: 53px;
  top: 105px;
}
#regist_panel .pwdimg {
  left: 53px;
  top: 157px;
}
#regist_panel .cfmimg {
  left: 53px;
  top: 209px;
}
#email_panel .emailimg {
  left: 53px;
  top: 128px;
}
#email_panel .phoneimg {
  background: url(../img/phone.png) no-repeat center left;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 53px;
  top: 181px;
}
#email_panel input {
  margin-left: 0px;
}
.guidelogin {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 501;
}
.guidelogin .inner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-image: url(../img/guide5.png);
  background-position: 650px 19px;
  position: relative;
}
.guidelogin .btns {
  width: 200px;
  position: absolute;
  left: 900px;
  top: 340px;
  color: #fff;
}
.guidelogin .btns .cube {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  display: inline-block;
  margin-right: 6px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.guidelogin .btns .cube input {
  display: none;
}
.guidelogin .btns .cube.gou {
  background-image: url(../img/gou.png);
}