/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {  margin: 0;  padding: 0;  font-family: '\5FAE\8F6F\96C5\9ED1';  }
table {  border-collapse: collapse;  border-spacing: 0  }
fieldset, img {  border: 0  }
address, caption, cite, code, dfn, em, strong, th, var {  font-style: normal;  font-weight: normal  }
ol, ul {  list-style: none  }
caption, th {  text-align: left  }
h1, h2, h3, h4, h5, h6 {  font-size: 100%;  font-weight: normal  }
q:before, q:after {  content: ''  }
abbr, acronym {  border: 0;  font-variant: normal  }
sup {  vertical-align: text-top  }
sub {  vertical-align: text-bottom  }
input, textarea, select {  font-family: inherit;  font-size: inherit;  font-weight: inherit;  outline: none;  }
input, textarea, select {  *font-size: 100%  }
.hid {  text-indent: -9999px;  font-size: 0px;  overflow: hidden;  width: 0px;  height: 0px;  display: block  }
img {  border: 0;  vertical-align: top;  }
table {  border-collapse: collapse;  }
a {  color: #000;  text-decoration: none;  outline: none;  }
a:hover {  text-decoration: none;  }
area:focus {  outline: none;  }
/* html5 */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {  display: block;  margin: 0;  padding: 0;  }
mark, rp, rt, ruby, summary, time {  display: inline;  margin: 0;  padding: 0;  }
.pr {  position: relative;  }
.pa {  position: absolute;  }
.ti {  text-indent: -999em;  }
.hid {  display: none;  }
.underline {  text-decoration: underline;  }
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
iframe{position:absolute;}
*{box-sizing: border-box;}
.main {min-width:1000px;  width:100%; background: url(../images/bg.png) no-repeat 50% 0;min-width:1000px; background-size:cover;}
.container {width:1024px;margin:0 auto; padding-left: 15px; padding-right: 15px; position: relative;}
.form_left{float: left;overflow: hidden;margin-left: 30px;width: 400px;margin-top: 40px;}
input{border: none;background: none}
.list{width: 400px;height: 50px;border-bottom: 1px solid #eeeeee;line-height: 70px;}
.list1{width: 400px;height: 50px;overflow: hidden;line-height: 70px;}
.input{width: 250px;overflow: hidden;border-bottom: 1px solid #eeeeee;height: 50px;float: left}
.codeBtn{float: right;width: 100px;text-align: center;height: 40px;border: 1px solid #1fc5f1;border-radius: 6px;line-height: 40px;margin-top: 10px;color:#1fc5f1;cursor: pointer }
.list input{width: 260px;}
.form_right{float: right;width: 500px;margin-top: 55px;}
.opa{opacity: 0;-webkit-opacity: 0; filter:alpha(opacity=0); -khtml-opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top:0;cursor: pointer}
.sub,.sub_exe{width: 190px;height: 290px;border-radius: 5px;overflow: hidden;position: relative;float: left}
.sub_img{height: 240px;position: relative;overflow: hidden;border-radius: 6px;}
.sub p{font-size: 14px;color: #999999}
.sub_exe{margin-left: 40px;}
.regBtn{width: 300px;margin: 0 auto;height: 50px;background-color: #1fc5f1;font-size: 18px;color: #fff;border-radius: 10px;text-align: center;line-height: 50px;margin-top: 35px;cursor: pointer}
.item_content{overflow: hidden}
.row{
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

.row:after{
    display: table;
    content: " ";
    clear: both;;
}

.col-xs-12{
    width: 100%;
    position: relative;
}


.col-xs-8{
    width: 66%;
    float: left;
    padding-left: 15px; padding-right: 15px;
    position: relative;
}

.col-xs-4{
    width: 33%;
    float: left;
    padding-left: 15px; padding-right: 15px;
    position: relative;
}

.col-per-40{
    width: 40%;
    float: left;

    position: relative;
}

.col-per-35{
    width: 35%;
    float: left;

    position: relative;
}

.col-per-30{
    width: 30%;
    float: left;

    position: relative;
}
.col-per-25{
    width: 25%;
    float: left;

    position: relative;
}

/*header*/
.header-con{
    height: 100px;
}

.header-con .logo{
    width: 144px;
    height: 44px;
    background: url(../images/logo.png) no-repeat 50% 0;
    left: 0px;
    top: 28px;
}
/*main*/
.main-con .left-con{
    height: 600px;
    display: table-cell;
    vertical-align: middle;
    width: 1024px;
}
.form{width: 1024px;height: 500px;background: #fff;border-radius: 6px;}

.main-con .right-con{
    height: 600px;
    display: table-cell;
    vertical-align: middle;
}

.main-con .banner-box{
    text-align: center;
    display:inline-block;
}

.main-con .login-box{
    display:inline-block;
    padding: 30px;
    color: #fff;
}

.login-box{
    width:350px; height:350px; background:rgba(0,0,0,.4);  border-radius: 5px;
}

.input-login-mode{
    width: 100%;
    display: none;
}

.switch-mode-btn{
    width: 44px;
    height: 44px;
    right: 0;
    top: 0;
    cursor: pointer;
}

@keyframes opacityShow  {
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.login-box.mode-pc  .switch-mode-tips:after{
    content: '扫码登录';
}

.login-box.mode-qrc    .switch-mode-tips:after{
    content: '账号登录';
}

.switch-mode-btn:hover + .switch-mode-tips{
    display: block;
}

.qrc-login-mode{
    width: 100%;
    display: none;
}

.field{
    padding: 10px;
    position:relative;
}


.login-input{
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 0;
    padding-left: 40px;
}
.login-input-label{
    position: absolute;
    top: 22px;
    left: 22px;
    font-size: 18px;
    color: #333;
}
.login-checkbox{
    top: 2px;
    position: relative;
    margin-right: 2px;
}

.login-box.mode-pc  .input-login-mode{
    display: block;
}
.login-box.mode-qrc  .qrc-login-mode{
    display: block;
}


.btn-block{
    width: 100%;
    display: inline-block;
}
.login-btn{
    background: #4198d7;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.login-btn:hover,.login-btn:active{
    background: #237ab9;
    color: #fff;
    cursor: pointer;
}

.qrc-login-mode img{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.qrc-login-mode p{
    margin-top: 40px;
    text-align: center;
}
/*footer*/
.footer{
    margin-top: 40px;
    color: #666666;
    padding-bottom:70px;
}

.footer-col{
    border-left: solid 2px #666666;
    height: 100px;
}

.footer-col:first-child{
    border-left:none;
}
.footer-col .left-img{
    left: 0px;
    top: 10px;
}
.footer-col .left-info{

    left: 120px;
    top: -5px;
}

.footer-col .iconfont{
    margin-right: 10px;
    font-size: 20px;
}
.footer-col .cen-info{

    left: 40px;
    top: -5px;
}

.footer-col .right-info{

    left: 40px;
    top: -5px;
}
.footer-col .col-info p{
    line-height: 30px;
}

@font-face {font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_423293_h170a8c07bricnmi.eot?t=1505980897910'); /* IE9*/
    src: url('//at.alicdn.com/t/font_423293_h170a8c07bricnmi.eot?t=1505980897910#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('//at.alicdn.com/t/font_423293_h170a8c07bricnmi.ttf?t=1505980897910') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_423293_h170a8c07bricnmi.svg?t=1505980897910#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-iconaddress:before { content: "\e62b"; }

.icon-youjian:before { content: "\e628"; }

.icon-denglu:before { content: "\e613"; }

.icon-mima:before { content: "\e663"; }

.icon-dianhua:before { content: "\e652"; }


.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 45%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:4px; border-radius: 100%;height: 10px;width: 10px; text-align:center; background:#ccc; cursor:pointer; }
.slideBox .hd ul li.on{ background:white; color:#fff;border-radius: 100%;height: 10px;width: 10px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:460px; height:290px; display:block;  }
.item_right{float: right;line-height: 100px;}
.backBtn{
    border-radius: 6px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    float: right;
    display: block;
    overflow: hidden;
    font-size: 18px;
    text-align: center;
    color: #1fc5f1;
    cursor: pointer;
    transition: all linear .2s;
    margin-top: 30px;
    border: 1px solid #1fc5f1;
    margin-right: 20px;
}
.logBtn{
    background: #1fc5f1;
    border-radius: 6px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    float: right;
    display: block;
    overflow: hidden;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    transition: all linear .2s;
    margin-top: 30px;
}
.sub_img{background-position: center center;background-repeat: no-repeat;background-size: cover}

.link-blue{
    color: deepskyblue;
    text-decoration: underline;
}