﻿.login_panel {padding:60px 0 0;position:relative;}
.login_banner { width:100%;height:450px;overflow:hidden;position:relative;}
.banner-box{width:100%;height:450px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;height:450px;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:100%;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{display:block;margin-left:-240px;}

.banner-btn{width: 100%; height: 100%; position: absolute; top: 0;left: 0;}
.banner-btn a{display:block;width:60px;height:60px;position:absolute;top:0;z-index:3;}
.banner-btn a.prev{left:100px;margin-top:-52px;top:50%; background:url("/Images/Login1/lunbo_left.png") center no-repeat; display:none;} 
.banner-btn a.next{right:100px;margin-top:-52px;top:50%; background:url("/Images/Login1/lunbo_right.png") center no-repeat; display:none; }

.banner-box .hd {position:absolute;bottom:30px;left:50%;margin-left:-32px;}
.banner-box .hd ul li{width:11px;height:11px;display:inline-block;vertical-align:middle;border-radius :50%;text-indent:-9999px;margin-right:4px;background:#fff;cursor:pointer; margin:10px;}
.banner-box .hd ul li.on{width:21px;background-color:#D7D41B; border-radius:5px;}
.banner_content { width: 1200px; margin: 0 auto; height: 450px; position: relative;     z-index: 100;}
.banner-box .bd li .banner_car {height:450px;}
.banner-box .bd li .banner_car img{position:absolute;margin: auto;top: 0; left: 0; bottom: 0px; right: -500px;}
.banner-box .bd li .banner_car span {position:absolute;margin: auto;top: 0; left: 0; bottom: 0px; right: 0px; font-size:18px; width: 80px; height: 20px;color: #fff;}
.banner-box .bd li .banner_car .banner_car_textone {top:-90px;right:120px;}
.banner-box .bd li .banner_car .banner_car_texttwo { top: -190px;right: -110px;}
.banner-box .bd li .banner_car .banner_car_textthree {top: -150px;right: -1130px;}
.consult_panel {width: 60px; height: 240px; position: fixed; right: 10px;bottom: 30px;z-index:1002;}
.consult_panel .consult1_bg{ height:60px;width:60px;border-radius:4px; background-color:#fff; box-shadow:0 0 3px rgba(4,0,0,0.15);-webkit-box-shadow:0 0 3px rgba(4,0,0,0.15); -moz-box-shadow:0 0 3px rgba(4,0,0,0.15);}
.consult_panel .consult1_bg.font-parent{font-size: 38px;text-align: center;line-height: 60px;color: #666;}
.consult1 { background:url("/Images/Login1/consult1.png") center top no-repeat; width:50px; height:40px; display:inline-block; margin:10px 5px;line-height:60px;}
.consult1.to_top {background-position:0 0;}
.consult1.tel { background-position:0 -60px;}
.consult1.weixin { background-position:0 -115px;}
.consult1.kefu { background-position:0 -170px;}
.consult_panel .text_tishi {border-radius:4px;background-color:rgba(39,168,214,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);position:absolute;top:0; left:0;width:60px;height:60px; font-size:16px;line-height:20px;color:#fff; padding:0;text-align:center;transition:top .2s;-webkit-transition:top .2s;-moz-transition:top .2s;-o-transition:top .2s;}
.border_right {border-right:1px solid #E8E8E8;}
.consult_panel .text_tishi span {display:inline-block;width:40px; margin:10px 0;}
.consult_panel .text_tishi .active_text {width:60px;}
.consult_popup1, .consult_popup2 { position:absolute;right:50px;width:320px; height:200px;}
.consult_popup1 {top:-15px;}
.consult_popup1 img, .consult_popup2 img{ margin:0 auto;width:110px;}
.consult_popup2 {top:45px;}
.consult_popup1_child, .consult_popup2_child{  box-shadow: 0 0 3px rgba(4,0,0,0.15);-webkit-box-shadow:0 0 3px rgba(4,0,0,0.15); -moz-box-shadow:0 0 3px rgba(4,0,0,0.15); background-color:#fff; width:300px; height:160px;padding:20px 0;}
.consult_popup1_child:after,.consult_popup2_child:after,.consult_popup3_child:after  { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff;position: absolute;top: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%);-moz-transform: translate(-50%);}
.consult_popup1_child:after,.consult_popup2_child:after{ right:10px;}
.consult_popup3 { position:absolute; right:50px; top:105px; width:220px; height:180px;}
.consult_popup3_child {width:160px; height:120px; box-shadow: 0 0 3px rgba(4,0,0,0.15);  -webkit-box-shadow:0 0 3px rgba(4,0,0,0.15);-moz-box-shadow:0 0 3px rgba(4,0,0,0.15);background-color:#fff; padding:20px;}
.consult_popup3_child:after {right:10px;}
.consult_popup3_child .tel_tem_consult,.consult_popup3_child .qq_consult{ cursor:pointer;}
.c999 { color:#999;}
.mtb10 {margin:10px 0;}
.c000 { color:#000;}
.c0099cf{color:#0099cf;}
.cursor { cursor:pointer;}
.w150 { width:150px;}
.tel_tem_consult { border:1px  solid  #e5e5e5 ; width:150px; height:40px;  border-radius:4px; font-size:16px;}
.qq_consult { width:150px; height:40px;  border-radius:4px;font-size:16px; border:1px  solid  #e5e5e5 ;}
.tel_call_consult {width:180px; height:40px;font-size:16px;color:#2999D5;}
.consult2 { background:url("/Images/Login1/consult2.png") center top no-repeat;display:inline-block; width:40px;height:40px; vertical-align:middle;}
.consult2.tel_icon1 {background-position:-5px 0;}
/* .consult2.qq_icon {background-position:-5px -219px;} */
#BizQQWPA{display: flex; align-items: center; padding-left: 5px;}
.qiyu_icon {font-size: 30px; color: #999999; padding-right: 5px;}
.consult2.tel_icon2 {background-position:-5px -110px;}
.qq_consult:hover { background-color:#2999D5;border:1px solid #2999D5;color:#fff;}
.tel_tem_consult:hover {background-color:#2999D5;border:1px solid #2999D5; color:#fff;}
.qq_consult:hover .qiyu_icon { color: #FBFCFD;}
.tel_tem_consult:hover .consult2.tel_icon1 {    background-position:-5px -167px;}
.yzm { margin-top:0;}
/*电话排队咨询弹窗*/
.tel_tem_popup { position: fixed;  top: 0px;  z-index: 1002; left: 0px;   background-color:rgba(101,101,101,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);     }
.tel_tem_bg { width:600px;height:500px;background-color:#fff;  z-index:1003; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0;border-radius:8px;box-shadow:0 0  3px rgba(4,0,0,0.15); -webkit-box-shadow:0 0 3px rgba(4,0,0,0.15); -moz-box-shadow:0 0 3px rgba(4,0,0,0.15);}
.tel_tem_title { background-color:#00A0E9; padding:20px;height:20px; font-size:20px;  color:#fff;border-top-left-radius:8px; border-top-right-radius:8px;}
.tel_tem_people_icon {background:url("/Images/Login1/people.png") center no-repeat;display:inline-block;vertical-align:middle; width:20px;height:20px; background-position:0 0;}
.choose_consult_type {position:relative;}
.tel_people_tishi { position:absolute; right:-5px;top:25px;  background-color:rgba(101,101,101,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); padding:5px;    border-radius:4px; font-size:14px;color:#fff; display:none;}
.tel_people_tishi:before { content:"";width: 0; height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent;border-bottom: 6px solid rgba(101,101,101,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: absolute; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); top:-6px;}
.check_icon,.nocheck_icon {width:21px;height:21px;display:inline-block;vertical-align:middle;}
.check_icon {background:url("/Images/Login1/check1_icon.png") center no-repeat;background-position:0 0;}
.nocheck_icon { background:url("/Images/Login1/check2_icon.png") center no-repeat;background-position:0 0;}
.call_msg {font-size: 16px;margin-bottom: 10px; color: #f00;position: absolute; left: 40px;top: 70px;}
#ivrSecurityCodeImg {  width: 126px;  border-radius: 3px; display:inline-block; vertical-align:middle; margin-top: -7px;}
.close_icon {background:url("/Images/Login1/close.png") center no-repeat;width:31px;height:31px;display:block;margin-right:-5px;}
.vIVR {display:none;}
#folder {display:block!important;}
.tel_tem_panel { margin:40px 40px 20px;}
.md20 { margin-bottom:20px;}
.md40 { margin-bottom:40px;}
.md30 {margin-bottom:30px;}
.f18 { font-size:18px;}
.choose_consult_type { font-size:16px;}
.mr5 { margin-right:5px;}
.choose_consult_bg { width:100%;}
.tel_tem_bg input {height:30px; border:1px solid #999;border-radius:4px;font-size:16px;padding:10px;}
.c00A0E9 {color:#00A0E9;}
.tel_info_tishi { font-size:16px;color:#FE9843;}
.tel_tem_footer { border-top:1px solid #e5e5e5;text-align:center; padding:20px;}
.tel_tem_footer .btn { border:none; outline:none;height:50px;width:150px;font-size:18px; color:#fff;border-radius:4px;}
.btn_bule {background-color:#00A0E9;}
.btn_gray {background-color:#C3C3C3;}
.mr20 { margin-right:20px;}
.tel_input { width:100%}
.yz_input {width:180px;}
.table_div { display:table;}
.table_cell_div {display:table-cell;}
.text_left {text-align:left;}
.text_right { text-align:right;}
.first_banner {background:url("../../Images/Login2/banner.jpg")center top no-repeat; height:450px;}
.f16 { font-size:16px;}
.f22 { font-size:22px;}
.banner_txt {color:#fff; margin-top:137px;    position: absolute;left: 0;top: 0;}
.banner_txt_icon { background:url("../../Images/Login2/yly.png")center no-repeat; width:120px; height:40px; display:inline-block;}
.play_icon { background:url("../../Images/Login2/playIcon.png")center no-repeat; width:21px;  height:21px;  display:inline-block; margin-right: 10px;vertical-align:middle;}
.playBtn{border: 1px solid #fff; width: 140px; height: 40px;border-radius: 10px;line-height: 40px;text-align: center;font-size: 18px; color: #fff;}
.pcenter { margin: 0 auto; width: 1200px;}
.login_panel_one {margin-top:60px;}
.panel_title {width:1200px;height:80px;}
.productFeature { background:url("../../Images/Login2/productFeature.png")center no-repeat; }
.productIdea { background:url("../../Images/Login2/productIdea.png")center no-repeat; }
.productOverview {background: url("../../Images/Login2/productOverview.png")center no-repeat;}
.productValue {background: url("../../Images/Login2/productValue.png")center no-repeat;}
.howToStart {background: url("../../Images/Login2/howToStart.png")center no-repeat;}
.panel_one_ul {overflow:hidden;margin:50px 0 70px;}
.panel_one_ul li {float:left;width:20%; text-align:center;}
.panel_one_icon {background:url("../../Images/Login2/panelOneIcon.png") no-repeat; width:61px;height:61px;display: inline-block;margin-top: 27px;-webkit-transition: -webkit-transform 2s;transition: transform 2s;-ms-transition: -ms-transform 2s;-moz-transition: -moz-transform 2s;}
.panel_one_icon:hover {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.login_panel_one .set_icon {width:115px;height:115px;border:1px solid #cacaca; border-radius:50%;margin:0 auto;}
.panel_one_icon.manage {background-position: -68px 3px;}
.panel_one_icon.dispatch {background-position: -277px 0;}
.panel_one_icon.safe {background-position: 5px 0;}
.panel_one_icon.time {background-position: -210px 0;}
.panel_one_icon.cost {background-position: -140px 0;}
.panel_two_title {text-align:center;font-size:20px;color:#666666;margin:30px 0 50px;}
.panel_two_content {position:relative;    height: 620px;}
.panel_two_one{height:620px;width:100%;background:url("../../Images/Login2/productIdeaBg1.png")30px center no-repeat;}
.panel_two_two {height:620px;width:100%;background:url("../../Images/Login2/productIdeaBg2.png")78px 32px no-repeat;position:absolute;top:0;z-index:-1;}
.circle_one {position:absolute;left:245px;top:30px;}
.circle_two {position:absolute;right: 50px;top: 205px;}
.circle_icon {margin-top:20px;background-color:#32b8e8;border-radius:50%;color:#f3f8fa;display:block;font-size:14px;width:25px;height:25px;text-align:center;line-height:25px;}
.panel_two_bubble {border:1px solid #32b8e8;border-radius:4px;color:#32b8e8;font-size:14px;position:relative;padding:5px;margin-left: -40px;}
.panel_two_bubble:after {content:"";background:url("../../Images/Login2/panelTwoArrow.png"); width:17px;height:8px; position: absolute;bottom:-8px;left: 50%; margin-left:-8px;}
.circle_two .panel_two_bubble{margin-left: -15px;}
.circle_two .panel_two_bubble:after{left:30px;}
.login_panel_three {color:#f3f8fa; background:url("../../Images/Login2/panelThreeBg.jpg")center no-repeat;width:100%;height:600px;margin-top:70px;padding-top:60px;}
.login_panel_three .pcenter {width:1250px;}
.login_panel_three .panel_title {width:1250px;}
.panel_three_title {color:#fff;font-size:14px;text-align:center;display:block;margin:20px 0 40px;}
.panel_three_content{position:relative;}
.panel_three_content > div {position:absolute;}
.panel_three_center {width:800px;height:300px;left:160px;}
.center_computer {position:absolute;background:url("../../Images/Login2/pcAndPhone.png")center no-repeat;width:520px;height:300px;left: 160px;top: -10px;z-index:10;}
.left_line {position:absolute;background:url("../../Images/Login2/leftLine.png")left no-repeat;width:360px;height:220px;left: -40px; top: 5px;}
.right_line {position:absolute;background:url("../../Images/Login2/rightLine.png")center no-repeat;width:200px;height:280px;right:0;top:5px;}
.panel_three_left {width:160px;height:350px;left:0;}
.panel_three_right {width:280px;height:350px;right:0;}
.panel_three_left li {font-size:14px;margin-bottom:15px;}
 .panel_three_left li:first-child {font-size:16px;margin-bottom:30px;}
 .panel_three_right li {font-size:14px;margin:15px 0 27px;}
.panel_three_right li.f16 {font-size:16px;margin:0;}
.loginIcons {background:url("../../Images/Login2/loginIcons.png")no-repeat;display:inline-block;vertical-align:middle;margin:0 5px;}
.loginIcons.computerIcon {background-position:0 0;width:27px;height:22px;}
.loginIcons.weixinIcon {background-position:-40px 0;width:26px;height:22px;}
.loginIcons.downloadIcon {background-position:-80px 0;width:22px;height:24px;}
.loginIcons.peopleIcon {background-position:-160px 0;width:33px;height:28px;}
.loginIcons.currentIcon {background-position:-120px 0;width:20px;height:20px;}
.loginIcons.carIcon {background-position:-210px 0;width:42px;height:28px;}
.loginIcons.rightArrowIcon {background-position:-280px 0;width:34px;height:43px;}
.panel_three_right .appBg {position:relative;}
.panel_three_right .appDown {position:absolute;top:-50px;color: #32b8e8;background-color: #fff;padding: 10px;border-radius: 5px;font-size: 14px;}
.panel_three_right .appDown:after {content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff;position: absolute;left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%);-moz-transform: translate(-50%);bottom:-8px;}
.panel_three_right li.mb25 {margin-bottom:25px;}
.panel_three_right li.mb35 {margin-bottom:35px;}
.panel_three_right li.pr {position:relative;cursor:pointer;}
.panel_three_right li.OSBg:hover .yiliuOS,.panel_three_right li.MSBg:hover .yiliuMS{display:block;}
.yiliuOS,.yiliuMS {width:80px;height:80px;border:2px solid #fff;border-radius:5px;position:absolute;top:-100px;display:none;left: 20px;}
.yiliuOS:after,.yiliuMS:after {content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff;position: absolute;left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%);-moz-transform: translate(-50%);bottom:-8px;}
.yiliuOS{background:url("../../Images/LoginShare/yiliuOS.jpg")center / 100% no-repeat;}
.yiliuMS {background:url("../../Images/LoginShare/yiliuMS.jpg")center / 100% no-repeat;}
.login_panel_four {padding-top:30px;margin-bottom:60px;}
.panel_four_content {overflow:hidden;margin-top:60px;}
.panel_four_content>div{float:left;width:580px;height:390px;border:1px solid #d9d9d9;border-top:4px solid #32b8e8;box-sizing:border-box;}
.panel_four_content > div:first-child {margin-right:40px}
.panel_four_title {height:45px;text-align:center;color:#32b8e8; font-size:18px;line-height:45px;border-bottom:1px solid #d9d9d9;}
.panel_four_content ul{margin:40px 0 0 60px;}
.panel_four_content ul li {margin-bottom:30px;font-size:15px;color:#666666;}
.panel_five_title {color:#32b8e8;font-size:14px;text-align:center;display:block;margin:20px 0 40px;}
.stepIcon {background:url("../../Images/Login2/step.png") no-repeat;display:inline-block;vertical-align:middle;width:80px;height:22px;}
.stepIcon.stepOneIcon {background-position:0 0;}
.stepIcon.stepTwoIcon {background-position:-100px 0;}
.stepIcon.stepThreeIcon {background-position:-200px 0;}
.stepIcon.stepFourIcon {background-position:-300px 0;}
.panel_five_content {overflow:hidden;margin-bottom:65px;}
.panel_five_content li {float:left;text-align:center;}
.panel_five_content li > div {float:left;}
.panel_five_content li > div:first-child {width:220px;height:220px; border:2px solid #cacaca; border-radius:50%;box-sizing:border-box;}
.panel_five_content li .rightArrowIcon {margin:88px 36px;}
.panel_five_content .stepIcon {margin:45px 0 20px;}
.panel_five_content h2 {font-size:26px;color:#333;margin-bottom:25px;font-weight:normal;}
.panel_five_content p {font-size:14px; color:#666666;margin-bottom:15px;}
.login_panel_six {text-align:center; color:#f3f8fa;background:url("../../Images/Login2/panelSixBg.jpg")center no-repeat;height:300px;width:100%;}
.login_panel_six > div {font-size:30px;margin-bottom:30px;padding-top:90px;}
.login_panel_six > a {width:160px;height:40px;line-height:40px;display:block;border:1px solid #fff;border-radius:4px;color:#f3f8fa;font-size:18px;margin:0 auto;}
.panel_one_ul .text_center {margin-top:30px; font-size:16px;color:#666666;}
#canvas{display:block;height:620px;width:100%;position:absolute;top:0;z-index:-2;}
body {min-width:1270px;overflow-x:auto;}
#YSF-BTN-HOLDER{display: none;}