body { font-family: 'Microsoft yahei', Arial, Helvetica, sans-serif; overflow: hidden; }
* { margin: 0; padding: 0; }
li { list-style-type: none; }
iframe { border:0px; }

/*去除浏览器输入框的背景颜色*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

body { margin: 0px; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: static; left: auto; width: 0px; margin-left: 0; margin-right: 0; text-align: left; }
.head { width: 100%; /*height: 707px;*/ background-color: #ffffff; }

.head .login_box { background: url(../../ImagesNew/login/login_box.png) no-repeat; width: 1069px; position: absolute; left: 50%; margin-left: -526px; height: 600px; top: 50%; margin-top: -250px; animation: myanimation ease 1s; }

.head .leftContent { width: 704px; height: 428px; float: left; position: relative; }
.head .leftContent .left_bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.head .leftContent .logo_box { position: absolute; width: 100%; background-color: #fff; height: 87px; opacity: 0.6; filter: alpha(opacity=60); }
.head .leftContent .img_box { height: 55px; margin: 0 auto; padding: 15px 80px; position: absolute; }
.head .leftContent .img_box img { position: absolute; top: 15px; left: 50px; height: 50px; }

.head .rightContent { width: 365px; height: auto; z-index: 2; float: left; position: relative; }
.rightContent li { border: 0px solid #ff5a94; position: relative; display: block; padding-right: 280px; margin: 0 36px; margin-top: 30px; }
/*.rightContent div{position: absolute;}*/
/*登录页面LOGO层样式*/
.head .logoContent { height: 88px; width: 100%; }
.head .logoContent .word_box { width: 160px; margin: 0 auto; padding: 22px 0; }
.head .logoContent .word_box span { color: #3A3332; font-size: 32px; letter-spacing: 5px; font-weight: 400; }
/*.logoContent div { width: 270px;height: 80px; background-color: #fff; }*/
.head .rightContent .input_box ul .error { vertical-align: middle; text-align: center; padding: 0px; margin-top: 10px; position: absolute; width: 295px; }
.head .rightContent .input_box ul .login_btn { padding: 0px; margin-top: 40px; height: 70px; }
.head .rightContent .app-download { text-align: center; height: 30px; }
.head .rightContent .app-download .app { margin-right: 20px; }
.head .rightContent .app-download span { font-size: 14px; color: #7B7B7B; }
.head .rightContent .app-download span:last-child { margin-right: 0px; }
.head .rightContent .app-download .line { width: 1px; height: 20px; border-right: 1px solid #BEBEBE; text-align: center; }
.head .rightContent .app-download .ios { background: transparent url("../../ImagesNew/login/icon-ios.png")no-repeat left center; padding-left: 20px; margin-left: 20px; margin-right: 20px; text-decoration: none; transition: all 0.25s ease-in-out; }
.head .rightContent .app-download .android { background: transparent url("../../ImagesNew/login/icon-android.png")no-repeat left center; padding-left: 20px; margin-left: 20px; text-decoration: none; transition: all 0.25s ease-in-out; }
.head .rightContent .app-download .ios:hover .code-box { visibility: visible; opacity: 1; }
.head .rightContent .app-download .android:hover .code-box { visibility: visible; opacity: 1; }
.head .rightContent .app-download .code-box { position: absolute; width: 300px; height: 310px; top: 70px; z-index: 1; background-color: #fff; left: 35px; visibility: hidden; opacity: 0; transition: all ease 0.5s; }
.head .rightContent .app-download .code-box .code { width: 188px; height: 188px; overflow: hidden; display: block; border-radius: 5px; box-shadow: 0px 1px 8px #ddd; -moz-box-shadow: 0px 1px 8px #ddd; -o-box-shadow: 0px 1px 8px #ddd; -webkit-box-shadow: 0px 1px 8px #ddd; margin-top: 30px; margin-left: auto; margin-right: auto; padding-right: 10px; padding-bottom: 10px; text-align: center; }
.head .rightContent .app-download .code-box p { padding-top: 20px; font-size: 13px; color: #7B7B7B; }

.text { height: 30px; width: 60px; border: 0px solid #00d1f3; line-height: 30px; }
.input { height: 30px; width: 220px; border: 0px solid #000000; position: absolute; right: 0; top: 0; }
input { height: 30px; width: 220px; }
input:focus { outline: none; }
.box { font-size: 16px; font-family: "lantinghei SC", "Microsoft Yahei"; }

.btn { width: 145px; height: 47px; border: 0px solid #ff5a94; font-size: 16px; border-radius: 3px; text-align: center; line-height: 47px; color: #fff; }
.box .btn1 { position: absolute; width: 145px; height: 47px; transition: all 0.35s ease-in-out; }
.box .btn2 { position: absolute; margin-left: 152px; width: 145px; height: 47px; transition: all 0.35s ease-in-out; }

.box .btn1:hover { background-color: #FFB115; }
.box .btn2:hover { background-color: #FFB115; }

#ID, #name, #psw { border-bottom: 1px solid #999999; }
.no-border { border-width: 0px; font-family: "lantinghei SC", "Microsoft Yahei"; font-size: 16px; }

.swiper-container .ShowImg { background: transparent url("../../images/V2/images/log.png") no-repeat; height: 35px; width: 300px; border: 0px solid #000080; margin-top: 20px; margin-left: 20px; color: #fff; font-size: 18px; line-height: 35px; }
.ImgContent { background: transparent url("../../ImagesNew/login/left_img.png")no-repeat; width: 704px; height: 428px; position: absolute; }
.swiper-container .item { height: 75px; width: 600px; border: 0px solid #ffffff; }
.swiper-container .nav { height: 10px; margin-top: 0px; width: 60px; margin-right: auto; margin-left: auto; bottom: 20px; left: 300px; z-index: 99; overflow: hidden; position: absolute; }
.swiper-container .nav ul li { overflow: hidden; margin-right: 10px; text-indent: -999px; cursor: pointer; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; display: block; float: left; cursor: pointer; }
.swiper-container .nav ul li.on { opacity: 1; background: #d8ff01; }
.item1 { height: 75px; width: 160px; border: 0px solid #ff5a94; position: absolute; float: left; text-align: right; }
.item2 { height: 75px; width: 13px; margin-left: 160px; border: 0px solid #ff5a94; position: absolute; float: left; background: transparent url("../../images/V2/images/bar_top.png") no-repeat; }
.item3 { height: 75px; width: 430px; margin-left: 175px; position: absolute; float: left; text-align: left; }
.item3 .intro { height: 64px; line-height: 22px; overflow: hidden; color: #fff; font-size: 16px; }
.right { font-size: 16px; color: #ffffff; font-family: "lantinghei SC", "Microsoft Yahei"; }
.left { font-size: 13px; color: #00d1f3; font-family: "lantinghei SC", "Microsoft Yahei"; }
.swiper-container .btn1 { background: transparent url("../../images/V2/images/More.png") no-repeat scroll 0 0; height: 30px; width: 110px; border: 0px solid #000000; margin-left: 110px; margin-top: 20px; display: block; overflow: hidden; }
.swiper-container .btn1:hover { background: transparent url("../../images/V2/images/More.png") no-repeat scroll -110px 0px; height: 30px; width: 110px; border: 0px solid #000000; margin-left: 110px; margin-top: 20px; }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.txt-news { position: absolute; top: 0px; right: -33px; overflow: hidden; width: 33px; height: 87px; background-color: #FFA594; border-radius: 0px 5px 5px 0px; }
.txt-news a { float: left; width: 20px; color: #fff; font-size: 13px; padding-top: 8px; padding-left: 9px; text-decoration: none; }
.txt-news:hover { background-color: #FEC6BD; }

.corp-email { position: absolute; top: 100px; right: -33px; overflow: hidden; width: 33px; height: 87px; background-color: #FFA594; border-radius: 0px 5px 5px 0px; }
.corp-email a { float: left; width: 20px; color: #fff; font-size: 13px; padding-top: 8px; padding-left: 9px; text-decoration: none; }
.corp-email:hover { background-color: #FEC6BD; }


/* bottom-box start */
#footer { height: 154px; font-family: 'Microsoft YaHei',sans-serif; width: 100%; position: fixed; bottom: 0; background-color: #fff; border-top: 10px solid #0091f3; }
.bottom-box { width: 1069px; margin: 0px auto; line-height: 25px; font-family: 'Microsoft YaHei',sans-serif; height: 155px; }
.bottom-box .middle_box { padding-top: 35px; }
.bottom-box .logo_box { width: 173px; float: left; margin-top: 20px; }
.bottom-box .footer-left { min-width: 500px; float: left; padding-right: 10px; text-align: right; margin-right: 10px; border-right: 1px solid #CACACA; margin-top: 15px; font-weight: normal; font-size: 13px; height: 60px; }
.bottom-box .footer-left span { display: block; float: left; margin-left: 10px; }
.bottom-box .footer-left .qq_connect { display: block; float: left; width: 78px; height: 24px; background: url(../../Images/V2/images/qq-qy.png) no-repeat center center; }
.bottom-box .footer-center { float: left; padding-right: 10px; border-right: 1px solid #CACACA; margin-top: 15px; height: 60px; width: 145px; }
.bottom-box .footer-center a { color: #757575; }
.bottom-box .footer-center a:hover { color: #005580; text-decoration: none; cursor: pointer; }
.bottom-box .footer-center .td_style { border-bottom: 1px solid #999; }
.bottom-box .footer-center ul { }
.bottom-box .footer-center ul li { width: 65px; float: left; line-height: 25px; }
.bottom-box .footer-center ul li a { text-decoration: none; font-size: 12px; }

.bottom-box .footer-right { float: left; }
.bottom-box .footer-right .appImg { width: 80px; height: 90px; float: left; margin-left: 10px; }
/* bottom-box end */


/*登陆页1024分辨率*/
@media screen and (max-width:1024px) {
    .head .login_box { width: 950px; margin-left: -490px; height: 500px; margin-top: -190px; background-size: 100%; }
    .head .leftContent { width: 625px; height: 380px; }
    .head .leftContent .logo_box { height: 75px; }
    .head .leftContent .logo_box .img_box { padding: 10px 100px; }

    .ImgContent { width: 100%; height: 100%; background-size: 95%; }
    .head .rightContent { width: 325px; }
    .head .logoContent { height: 75px; }
    .head .logoContent .word_box { padding: 15px 0; }
    .rightContent li { margin: 0 20px; margin-top: 23px; }
    .head .rightContent .app-download .code-box { height: 280px; top: 60px; z-index: 1; left: 13px; }
    .head .rightContent .input_box ul .login_btn { margin-top: 35px; }
    .head .rightContent .input_box ul .error { width: 285px; }
    .box .btn1 { width: 135px; }
    .box .btn2 { width: 135px; margin-left: 150px; }
}
/*动画效果IE9下无效*/
@keyframes myanimation {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@-webkit-keyframes emter {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@-moz-keyframes enter {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@-o-keyframes enter {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@media screen and (max-width:1024px) {
    .head .leftContent { width: 625px; }
    .head .leftContent .logo_box { height: 78px; }
    .head .leftContent .img_box img { height: 45px; }
}


@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?is7xam'); src: url('fonts/icomoon.eot?is7xam#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?is7xam') format('truetype'), url('fonts/icomoon.woff?is7xam') format('woff'), url('fonts/icomoon.svg?is7xam#icomoon') format('svg'); font-weight: normal; font-style: normal; }

.icon_logo { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon_logo:before { content: "\e900"; }