/* */
/*公共样式*/
html,body,div,p,span,h1,h2,h3,h4,h5{font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei",}
body{font-family:Helvetica,sans-serif;}
.cf:after{display: block;clear: both;content: "";}
.flex{display: flex;display: -webkit-flex;}
.flex1{flex: 1;-webkit-flex: 1;}
.justifycontentsb{justify-content:space-between;}
.justifycontentsa{justify-content: space-around;}
.padding10px{padding: 10px;}
.padding20px{padding: 20px;}
.padding5px{padding:5px;}
.paddingl20px{padding-left:20px;}
.padding0_20px{padding:0 20px;}
.paddingt20px{padding-top:20px;}
.paddingt30px{padding-top:30px;}
.paddingr10px{padding-right:10px;}
.paddingright80{padding-right: 80px;}
.paddingright84{padding-right: 84px;}
.paddingright100{padding-right: 100px;}
.paddingleft{padding-left: 10px;}
.paddingb20px{padding-bottom:20px;}
.padding0_10px{padding:0 10px;}
.padding0_1{padding: 0 1%;}
.padding2_2{padding:2%;}
.padding0_5{padding:0 5%;}
.padding0_3{padding:0 3%;}
.padding0_2{padding:0 2%;}
.padding0_5px{padding:0 5px;}
.padding20_0px{padding:20px 0;}
.padding10_20px{padding:10px 20px;}
.padding0_15px{padding:0 15px;}
.paddingt40px{padding-top:40px;}
.paddingt50px{padding-top:50px;}
.paddingb30px{padding-bottom:30px;}
.paddingb40px{padding-bottom:40px;}
.paddingb50px{padding-bottom:50px;}
.paddingb60px{padding-bottom:60px;}
.marginb5px{margin-bottom:5px;}
.marginleft{margin-left: 10px;}
.margintop15{margin-top: 15px;}
.margintop20{margin-top: 20px;}
.margint50px{margin-top: 50px;}
.marginbottom{margin-bottom: 10px;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom26{margin-bottom: 26px;}
.marginbottom40{margin-bottom: 40px;}
.marginbottom35{margin-bottom: 35px;}
.marginright20{margin-right: 20px;}
.marginl10{margin-left:10%;}
.marginl5{margin-left:5%;}
.displayinlineblock{display: inline-block;}
.border{border: 1px solid #DDDDDD;}
.borderleft{border-left: 1px solid #B7B7B7;}
.height10px{height: 10px;}
.width_100{width: 100%;}
.width_95{width: 95%;}
.width_90{width: 90%;}
.width_89{width:89%;}
.width_84{width:84%;}
.width_85{width:85%;}
.width_87{width:87%;}
.width_80{width:80%;}
.width_79{width:79%;}
.width_78{width:78%;}
.width_75{width:75%;}
.width_73{width:73%;}
.width_70{width:70%;}
.width_60{width:60%;}
.width_58{width: 58%;}
.width_57{width: 57%;}
.width_55{width: 55%;}
.width_50{width: 50%;}
.width_45{width: 45%;}
.width_40{width: 40%;}
.width_36{width: 36%;}
.width_35{width: 35%;}
.width_30{width: 30%;}
.width_25{width: 25%;}
.width_23{width: 23%;}
.width_20{width: 20%;}
.width_20{width: 20%;}
.width_19{width: 19%;}
.width_15{width: 15%;}
.width_12{width: 12%;}
.width_10{width: 10%;}
.width800{width: 800px;}
.width300{width: 300px;}
.width720{width: 720px;}
.width410{width: 410px;}
.width274{width:274px;}
.width_5{width: 5%;}
.width_48{width:48%;}
.height80{height: 80px;}
.height70{height: 70px;}
.marginl15{margin-left:15%;} 
.marginl10{margin-left:10%;} 
.marginl2{margin-left:2%;}
.margint56px{margin-top: 56px;}
.marginr2{margin-right:2%;}
.margint70px{margin-top: 70px;}
.line26{line-height: 26px;}
.fl{float: left;}
.fr{float: right;}
.height400{height: 400px;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align: center;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs32{font-size: 32px;}
.fs36{font-size: 36px;}
.fs38{font-size: 38px;}
.fs44{font-size: 38px;}
.width90p{width: 90%;padding-left:5%;padding-right:5%;float: left;}
.pa0_10{padding-top: 10px;padding-bottom:10px;}
.mbgcfff:hover{background-color:#fff;box-shadow: 0 0 0 1px #03b559;cursor: pointer;}
.fontsilm{font-weight: 400px;}
.lineheight22{line-height: 22px;}
.lineheight28{line-height: 28px;}
.lineheight56{line-height: 56px;}
.lineheight76{line-height: 76px;}
.text-center{text-align: center;}
.displayinlineblock{display: inline-block;}
.displayblock{display: block;}
.height_100{height: 100%;}
body,h1,p{margin: 0;padding: 0;}
a,a:hover,a:focus,a:active{text-decoration: none;}
button:hover{cursor: pointer;}
.pointer{cursor: pointer;}
.pover{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*color*/
.hoverc666:hover{color:#666 !important;}
.btn-orange{background-color: #ff9800;color: #fff;}
.btn-green{background-color: #03b559;color: #fff;}
.btn-grey{color: #bbb;background-color: #fff;border:1px solid #bbb;}
.c7a{color:#7a7a7a;}
.c999{color: #999;}
.cceb{color:#CEB151;}
.c779{color:rgb(7, 79, 119);}
.bgc779{background-color: rgb(7, 79, 119);}
.c01b{color: #01B0A0;}
.bgc01b{background-color: #01B0A0;}
.c0d8{color:#0D87CA;}
.ccc{color:#ccc;}
.canb{color:#e9f2ef;}
.bgcanb{background-color: #e9f2ef;}
.c8bc{color:#91c3a8;}
.clv{color:#20ce9f;}
.c42c{color:#42CFB4;}
.bgclv{background-color:#20ce9f;}
.bf7{background: #F7F7F0;}
.cye{color:#f77b01; }
.bgc42c{background-color: #42CFB4;}
.bgcc75{background-color:#f1483e;}
.bgcaaa{background-color: #aaa;}
.bgcye{background-color: #f77b01;}
.bgcf7{background-color: #F7F7F7;}
.bgc174{background-color: rgb(174,174,174);}
.bgcfff{background-color: #fff;}
.bgcf2{background-color: #f2f2f2;}
.bgcc2{background-color: #c2c2c2;}
.bgc887{background-color: #887bde;}
.bgce6{background-color: #e6e6e6;}
.bgc666{background-color: #666;}
.bgccc{background-color: #ccc;}
.bgce6{background-color: #e6e6e6;}
.bgce2{background-color: #e2e2e2;}
.bgcgreen{background-color: #03b559;}
.bgc82b{background-color: #82b0d8;}
.bgc75d{background-color: #75dc5c;}
.bgcad{background-color: #adb3c8;}
.bgcae{background-color: #8eae8e;}
.bgcac{background-color: #adb96c;}
.bgccf{background-color:#cfc7cf;}
.c82b{color:#82b0d8;}
.bgcecf{background-color: #ecf0f3;}
.cfff{color: #fff;}
.czt{color:rgb(0,107,47);}
.bgczt{background-color:rgb(0,107,47);}
.cba{color: #BABABA;}
.c10{color: #101010;}
.c333{color:#333;}
.c666{color: #666;}
.cgreen{color:#03b559;}
.bgceaf{background-color: #eaeff5}
.bgcnone{background-color: transparent;}
.mczt:hover{color:rgb(0,107,47) !important;}
.mcfff:hover{color:#fff !important;}
.br4{border-radius:4px !important;}
.br2{border-radius:2px !important;}
.fontx{font-style: italic !important;}
.height30px{height: 30px !important;line-height: 30px !important;}
/**/
.height37{height: 37px;}
.height28{height: 28px;}
.textright{text-align:right;}
.clear{clear: both;}
.btn{ /*高度为30px*/
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn2{ /*高度为30px*/
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.btnbig{height: 36px;line-height: 36px;padding:0;margin-top: 15px;}
.padding8px{padding:8px;}
.clear{clear: both;display: block;}
.hide{display: none;}
.btn:hover{color:#fff;}
.btn:active{color: #fff;}
.btn2:hover{color:#fff;}
.btn2:active{color: #fff;}
.fontbold{font-weight: bold;}
.height_100{height: 100%;}
.middleblock{margin:0 auto;display: block;}
.middleinblock{margin:0 auto;display: inline-block;}
.padding15px{padding: 15px;}
.padding20px{padding: 20px;}
.padding15_0px{padding: 15px 0;}
.padding10_0px{padding: 10px 0;}
.paddingt10px{padding-top:10px;}
.paddingl10px{padding-left:10px;}
.paddingl25px{padding-left:25px;}
.paddingb10px{padding-bottom:10px;}
.paddingb15px{padding-bottom:15px;}
.paddingt25px{padding-top:25px;}
.margint5px{margin-top:5px;}
.marginl5b{margin-left:5%;}
.margin15px{margin: 15px;}
.margin25_0px{margin: 25px 0;}
.margin15_0px{margin: 15px 0;}
.marginb5px{margin-bottom: 5px;}
.marginb15px{margin-bottom: 15px;}
.marginb10px{margin-bottom:10px;}
.marginb20px{margin-bottom:20px;}
.marginb40px{margin-bottom: 40px;}
.marginb50px{margin-bottom: 50px;}
.margint10px{margin-top:10px;}
.marginl50px{margin-left:50px;}
.margint15px{margin-top:15px;}
.margint50px{margin-top:50px;}
.margint12px{margin-top:12px;}
.margint20px{margin-top:20px;}
.margint25px{margin-top:25px;}
.margint30px{margin-top:30px;}
.margint40px{margin-top:40px;}
.margint50px{margin-top:50px;}
.marginl10px{margin-left:10px;}
.marginl15px{margin-left:15px;}
.marginl20px{margin-left:20px;}
.marginl30px{margin-left:30px;}
.marginr10px{margin-right:10px;}
.marginr20px{margin-right:20px;}
.marginr15px{margin-right:15px;}
.margint10{margin-top: 10%;}
.margint7{margin-top: 7%;}
.margint1{margin-top: 1%;}
.margint2{margin-top: 2%;}
.margint4{margin-top: 4%}
.margint5{margin-top: 5%}
.bre6{border:1px solid #e6e6e6;}
.brbe6{border-bottom:1px solid #e6e6e6;}
.line1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.texthidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.br2{border-radius: 2px;}
.usernoselect{user-select: none;}
.positionre{position: relative;}
.beforeline::before{content: '';width:100%;height: 1px;background-color: #e6e6e6;
position: absolute;top: 0;left: 0;}
.afterline::after{content: '';width:100%;height: 1px;background-color: #e6e6e6;
position: absolute;bottom: 0;left: 0;}
.leftline::before{content: '';height:100%;width: 1px;background-color:#e6e6e6;
position: absolute;top: 0;left: 0;}
.rightline::after{content: '';height:100%;width: 1px;background-color:#e6e6e6;
position: absolute;top: 0;right: 0;}
.break-tip{height: 24px;line-height: 24px;color: #333;margin: 10px 0;width: 100%;float: left;}
.break-tip a,.break-tip span{float: left;}
.break-tip span:nth-of-type(2),.break-tip span:nth-of-type(3){margin: 0 5px;}
.break-tip a:hover{color:#03b559;}
.break-tip img{height:18px;}
.height50{height:50px;}
.height22px{height: 22px;}
.height170{height:170px;}
.height250{height: 250px;}
.height190{height:190px;overflow:hidden;}
.height200h{height:200px;overflow:hidden;}
.brbcc{border-bottom:1px dashed #ccc;}
.brbfff{border-bottom: 1px solid #fff;}
.brbf7{border-bottom: 1px solid #f7f7f7;}
.bra6{border-radius: 6px;}
.pocfff:hover{color: #fff !important;}
.poczt:hover{color: rgb(0,107,47) !important;}
.mid{display: block;margin-right:auto;margin-left:auto;}
.oh{overflow:hidden;}
.fontslim{font-weight: 300;}
.height_100{height: 100%;}
.overxhide{overflow-x: hidden;}
.marginl20{margin-left: 20%;}
.lh30{height: 30px;line-height: 30px;}
.lh40{height: 40px;line-height: 40px;}
.lh50{height: 50px;line-height: 50px;}
.lh60{height: 60px;line-height: 60px;}
/*layui*/
.layui-layer-btn .layui-layer-btn0{border-color:#41cbb5 !important;background-color: #41cbb5 !important;}

/*公共样式end*/

/***/
input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}
/***/
@keyframes fadein
{
from {opacity: 0.1;}
to {opacity: 1;}
}

@-moz-keyframes fadein
{
from {opacity: 0.1;}
to {opacity: 1;}
}

@-webkit-keyframes fadein
{
from {opacity: 0.1;}
to {opacity: 1;}
}
/***/
.fadein{
  animation:fadein 2.8s;
  -moz-animation:fadein 2.8s; /* Firefox */
  -webkit-animation:fadein 2.8s; /* Safari and Chrome */
}
.choosecom {
  padding: 25px 35px;
}
.imgtit{border: 1px solid #cdcdcd;margin: 16px;}
.imgtit2{border: 1px solid #e7ebf3;border-radius: 10px; margin-bottom: 16px; padding:10px 13px; background: #eff6f9;display: flex; align-items: center;}
.imgtit img{ 
	width: 40%;
    float: left;
    overflow: hidden;
    vertical-align: middle;
  	overflow: hidden;
}
.imgtit .comtit{
	  width: 60%;
    float: left;
    vertical-align: middle;
    padding: 16px;
    box-sizing: border-box;
}
.imgtit2 img{ 
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid transparent;
    object-fit: contain;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    background-color: #fff;
}
.imgtit2 .comtit{
	  width: 60%;
    float: left;
    vertical-align: middle;
    padding: 16px;
    box-sizing: border-box;
}
.chooseside {
  padding: 58px 60px 20px;
}
.chooseside-tit {
  position: relative;
  /* margin-bottom: 30px; */
  margin: 0 auto 30px;
  padding: 10px 0 10px;
  width: 270px;
  line-height: 1;
  font-size: 24px;
  /*font-weight: 600;*/
  text-align: center;
  color: #417505;
  letter-spacing: 0;
}
.chooseside-tit::before,
.chooseside-tit::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 58px;
  height: 2px;
  background-color: #417505;
}
.chooseside-tit::before {
  left: -25%;
}
.chooseside-tit::after {
  right: -25%;
}
.choosesideone {
  background-color: #fff!important;
}
.choosesideone:hover,
.chooseresetpass:hover {
  background-color: #f2f2f2!important;
}
.sideitem {
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 40px;
  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.15);
  border: 1px solid #E7EBF3;
  border-radius: 10px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  color: #333333;
  background: #F3F8F9;
}
.rotate45{transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/*body最小1300px*/
.nav{width: 100%;min-width: 1300px;display: inline-block;height:82px;}
.nav a{color: #333;}
.nav-item a{height: 82px;line-height: 82px;padding:0 20px;float: left;position: relative;}
.nav-item a:hover{color:#333;}
.nav-item a:hover::after{content: '';height: 2px;width: 70%;left:15%;bottom:0;position: absolute;background-color: #fff;}
.nav-btn{margin-right:30px;}
.nav-btn a{height: 78px;width: 78px;float: left;}
.nav-btn a img{width: 44px;height: 44px;float: left;margin:8px 17px 2px;}
.nav-btn a span{height: 24px;width: 78px;float: left;line-height:24px;font-size: 13px;}
.login-div{margin-top: 40px;}
.login-view{width: 34%;margin:8% auto 0;}
.login-view2{width: 34%;margin:2% auto 0;}
.phone-login,.email-login{padding:45px 36px 40px;}
.phone-login.onshow,.email-login.onshow{display: block;}
.login-bar{width: 80%;height: 40px;line-height: 40px;padding:20px 10% 0;display: flex;justify-content: space-around;align-items: center;}
.nav-btn a:hover{color:#fff;}
.indexnavmain .nav-btn a:hover{color:#333;}
.login-bar a{width:20%;padding:0 5%;margin:0 1%;height: 40px;line-height: 40px;text-align: center;
position: relative;}
.login-bar a.oncheck::after{content: '';width:100%;height: 2px;background-color:rgb(0,107,49);position: absolute;bottom: 0;left: 0;}
.input-view{position: relative;}
.input-view i{font-size: 18px;position: absolute;left:4px;top:6px;}
.input-info{width: 94%;padding-left:6%;height: 38px;line-height: 38px;position: relative;font-size: 13px;}
.input-info input[type=text],.input-info input[type=number],.input-info input[type=password]{width: 100%;height: 30px;
border:none;}
.input-info .yanz{padding:4px;height: 30px;line-height: 30px;display:inline-block;position: absolute;
  right: 0;top:0;cursor: pointer;z-index: 10;}
.input-info .yantu{padding:0;height: 32px;display:inline-block;position: absolute;
  right: 0;bottom:5px;cursor: pointer;z-index: 10;width: 74px;}
.input-info .yantu img{height: 32px;width: 74px;}
.otherlogin{width: 60%;margin:0 20% 20px;} 
.submitview{display: none;}
.submitview.onshow{display:block;}
.otherlogin a{height: 36px;background-color: #fff;} 
.otherlogin a img{height: 36px;}
.input-info.afterline::after{height: 1px;}
.indexview{height: 100%;}
.indexpanel{position: absolute;width: 60%;top:28%;left: 20%;}
.wordslide{width:100%;overflow: hidden;}
.wordslide .wordscroll{width: 100%;display: inline-block;}
.height40{height: 40px;line-height: 40px;}
#home_video{height: auto;width: auto;position:absolute;top:0;left:0;z-index: 0;bottom:0;right:0;min-width: 100%;
min-height:100%;}
.fixedtop{position: fixed;top:0;left:0;z-index: 98;background-color: rgba(240,240,240,0.5);}
.indexview .zz{height:100%;width: 100%;background-color:#f0f0f0;position:absolute;top:0;left: 0;}
.slide5title{width: 70%;margin:120px 15% 0;}
.slide5desc{width: 50%;margin:30px 25%;}
.swiper-no{overflow: hidden;}
/*页面公共细节*/
.pagetitle{position: absolute;z-index: 90;width: 60%;left:20%;top:24%;}
.pagetitle .img{width: 13%;}
.pagetitle .img img{width: 80px;height: 80px;}
.pagetitle .title{width: 85%;margin:0 0 0 2%;}
.pagetitle .title .falv{margin: 36px 0 0 10px;float: left;text-decoration: underline;color:#666;}
.pagetitle .title .vip{margin-top: 30px;float: right;color: #fff;background-color:rgb(230,116,46);height: 20px;
padding:8px 20px;text-align:center;border-radius: 3px;font-style: italic;}
.showdialog{position: absolute;z-index: 90;width: 60%;left:20%;top:24%;}
.showdialog .dialogitem{background-repeat: no-repeat;background-size: 100% 100%;color:#fff;
  cursor: pointer;font-size: 15px;}
  .showdialog .textitem{background-repeat: no-repeat;background-size: 100% 100%;color:#fff;
font-size: 15px;}

.showdialog2{top:54%;}
.pagetitle2{top:26%;}
.showdialog2 .dialogitem{height:40px;width: 26%;line-height: 40px;margin-bottom: 20px;float: left;}
.showdialog2 .dialogitem:nth-of-type(3n-1){margin-left:6%;margin-right: 6%;}

.showdialog3{top:54%;}
.pagetitle3{top:26%;left:22%;}
.showdialog3 .dialogitem{height: 140px;width: 140px;display: block;margin:0 auto;}
.showdialog3 .dialogitem p{height: 44px;line-height: 22px;margin-top: 48px;width: 100%;float: left;}

.showdialog4{top:54%;}
.pagetitle4{top:26%;left:22%;}
.showdialog4 .dialogitem{height: 120px;width: 120px;display: block;margin:0 auto;line-height: 120px;}
.width_16{width: 16.5%;}

.showdialog5{top:50%;width: 60%;left:20%;}
.pagetitle5{top:26%;}
.showdialog5 .dialogitem{height:40px;width:26%;line-height: 40px;margin-bottom: 20px;float: left;
margin-right: 7%;}


.bgche{background-color:#ac5112;}
.bgczi{background-color:#6b4ea0;}
.bgclan{background-color:#2a4173;}
.bgcjin{background-color:#b0930b;}
.bgcju{background-color:#d55c0c;}

.che{color:#ac5112;}
.czi{color:#6b4ea0;}
.clan{color:#2a4173;}
.cjin{color:#b0930b;}
.cju{color:#d55c0c;}



.showdialog6{top:54%;}
.pagetitle6{top:26%;}
.showdialog6 .dialogitem{height:44px;width: 22%;line-height: 44px;margin-bottom: 20px;float: left;}
.showdialog6 .dialogitem:nth-of-type(2){margin-left:4%;margin-right:4%;}
.showdialog6 .dialogitem:nth-of-type(3){margin-right:4%;}

.showdialog7{top:50%;}
.pagetitle7{top:26%;}
.showdialog7 .dialogitem{height:180px;width: 25%;line-height: 180px;margin-bottom: 20px;float: left;
  color:#333;font-size: 18px;padding:1%;border: 1px solid #fff;position: relative;border-radius: 2px;}
.showdialog7 .dialogitem img{position: absolute;height: 94%;width: 96%;border-radius: 2px;left:2%;
top: 3%;z-index: 1;}
.showdialog7 .dialogitem p{position: absolute;height: 40px;width: 96%;border-radius:0 0 2px 2px;left:2%;
bottom: 3%;z-index: 2;background-color: rgba(0,0,0,0.3);color: #fff;line-height: 40px;font-size: 14px;
letter-spacing: 1px;}
.showdialog7 .dialogitem:nth-of-type(3n-1){margin-left:8%;margin-right: 8%;}

.showdialog9{top:44%;}
.showdialog10,.showdialog11{top:41%;}
.pagetitle9,.pagetitle10,.pagetitle11{}
.showdialog9 .dialogitem{height:140px;width: 21.2%;line-height: 140px;float: left;color:#333;}
.showdialog9 .dialogitem{margin-left:3%;}
.showdialog10 .textitem,.showdialog11 .dialogitem{height:220px;width:40%;float: left;color:#333;}
.showdialog10 .textitem,.showdialog11 .dialogitem{margin-left:6.6%;}
.showdialog10 .textitem a{height: 30px;width: 40%;margin:0 2%;border-radius:20px;line-height: 30px;border:1px solid #666;
font-size: 13px;text-align: center;display: inline-block;}

.bottomtab{height:170px;position: absolute;bottom:0;}
.bottomtab .item{height: 100%;position: relative;width:33.3%;float: left;text-align: center;opacity: 0.5;}
.bottomtab .item.onclick{opacity: 1;}
.bottomtab .item.onclick .san{width: 100%;height: 20px;position: absolute;top:20px;left: 0;}
.bottomtab .item.onclick .san::before{content: '';margin:0 auto;
border-width:24px 24px 0;border-style:solid;border-color:#d8dae8 transparent transparent;width: 0;height: 0;}
.bottomtab .item img{height: 70px;width: 70px;margin: 40px auto 10px;}
.maincolor1{background-color:#f2f2f2;}.maincolor1 .title h1{color:#333b6d;}
.maincolor2{background-color:#f2f2f2;}.maincolor2 .title h1{color:#d55c0c;}
.maincolor3{background-color:#f2f2f2;}.maincolor3 .title h1{color:#648439;}
.tabcolor1{background-color:#d55c0c;}
.tabcolor2{background-color:#6b4ea0;}
.tabcolor3{background-color:#b0930b;}
.tabcolor1 .item.onclick .san::before{border-color:#f2f2f2 transparent transparent;}
.tabcolor2 .item.onclick .san::before{border-color:#f2f2f2 transparent transparent;}
.tabcolor3 .item.onclick .san::before{border-color:#f2f2f2 transparent transparent;}
.showdialog11 .dialogitem p,.showdialog11 .dialogitem h2{width: 80%;padding:0 10%;margin-top: 14px;text-align: left;}
.showdialog11 .dialogitem:nth-of-type(1) .img img{height: 6vh;margin-left: 10px;}
.showdialog11 .dialogitem:nth-of-type(1) .img span{height: 20px;margin: 20px 0 0 20px;}
.showdialog11 .dialogitem:nth-of-type(2) .img img{height: 40px;margin:2% 15px 0 10px;}
.showdialog11 .dialogitem:nth-of-type(2) .img a{height: 20px;margin: 6% 0 0 20px;text-decoration: underline;
color:#217ba4;}

.showdialog12,.showdialog12{top:44%;height: 200px;}
.showdialog12 .disitem{height: 220px;width: 40%;}
.showdialog12 .lianxi a{display: inline-block;margin:0 5%;}
.showdialog12 .lianxi a img{height: 48px;width: 48px;}
.pagetitle12{top:28%;}
.showdialog12 input[type=text]{height: 24px;border:none;padding:4px 0;width: 80%;float: left;margin-left: 10%;
background-color: #ebebeb;border-radius: 1px;}
.showdialog12 input[type=text]::-webkit-input-placeholder{color: #666;text-align: center;}
.showdialog12 input[type=text]:-moz-placeholder { color: #666;text-align: center;}
.showdialog12 input[type=text]::-moz-placeholder {color: #666;text-align: center;}
.showdialog12 input[type=text]:-ms-input-placeholder {color: #666;text-align: center;}
.showdialog12 button{height: 36px;line-height: 36px;border:none;width: 80%;border-radius: 1px;} 
.btnbar12{height: 100px;width: 100%;background-color: #333;position: absolute;bottom:0;left:0;}


.progress5{width: 60%;height: 24px;position: absolute;top:64%;left:20%;}
.progress5 .protitle{width: 10%;float: left;height: 24px;line-height: 24px;}
.progress5 .prozz,.progress5 .pro,.progress5 .proleft,.progress5 .proword,.progress5 .proright{height: 24px;float: left;}
.progress5 .proleft{width: 10%;background-color:#009c86;border-radius:2px 0 0 2px;position: relative;}
.progress5 .proleft::after{position: absolute;right:0;top:0;height: 100%;width: 1px;background-color: #fff;
content: '';}
.progress5 .proright{width: 20%;position: absolute;right: 0;top:0;}
.progress5 .proright input{width: 64%;height: 22px;margin-left: 25%;border:1px solid #bbb;color: #666;
background-color: #f7f7f7;padding:0 3%;}
.progress5 .proright button{background-color: #666;color:#fff;width: 50%;margin:10px 15% 0 35%;height: 24px;line-height: 24px;
border:none;border-radius: 2px;}
.progress5 .proright input::-webkit-input-placeholder { color: #666;text-align: center;}
.progress5 .proright input:-moz-placeholder { color: #666;text-align: center;}
.progress5 .proright input::-moz-placeholder {color: #666;text-align: center;}
.progress5 .proright input:-ms-input-placeholder {color: #666;text-align: center;}
.progress5 .prozz{width: 60%;background-color: #ccc;border-radius:0 2px 2px 0;position: relative;}
.progress5 .prozztop{width: 60%;position: absolute;left:20%;z-index:10;height: 24px;}
.progress5 .proword{width: 60%;position: absolute;left:20%;top:0;}
.progress5 .proword>i{position: absolute;width: 1px;background-color: #fff;height: 100%;top:0;z-index: 10;}
.progress5 .proword>i:nth-of-type(1){display: none;}
.progress5 .proword>i:nth-of-type(2){left:30%;}
.progress5 .proword>i:nth-of-type(3){left:60%;}
.progress5 .proword>i:nth-of-type(4){left:90%;}
.progress5 .proword>span{position: absolute;height: 24px;top:0;line-height: 24px;font-size: 12px;color:#fff;
display: inline-block;float: left;width: 60px;z-index:1;}
.progress5 .proword>span:nth-of-type(1){left:23%;}
.progress5 .proword>span:nth-of-type(2){left:53%;}
.progress5 .proword>span:nth-of-type(3){left:82%;}
.progress5 .proword>span:nth-of-type(4){left:92.7%;}
.progress5 .pro{border-radius: 2px;float: left;background-color: rgb(230,116,46);
position: relative;text-align: "center";}
.progressoption{height:30px;width: 20px;position: absolute;left:-8px;text-align: center;line-height: 30px;top: -3px;background-color:#d55c0c;color: #fff;}
.progressoption::after{content: '';margin: 0 auto;border-width: 10px 10px 0;position: absolute;left:0;bottom:36px;
    border-style: solid;width: 0;height: 0;border-color: #d55c0c transparent transparent;}
.progressoption.bgcju::after{border-color: #d55c0c transparent transparent;}  
.progressoption.bgcslv::after{border-color: #2daf95 transparent transparent;}    


.progress5 .man{height: 30px;line-height: 30px;position: absolute;top:6px;left:0px;width: 220px;
  z-index: 0;top:-40px;}
.progress5 .money{height: 30px;line-height: 30px;position: absolute;bottom:6px;left:0px;
  width: 300px;z-index: 0;top:30px;font-size: 14px;}
.progress5 .man span,.progress5 .money span{height: 24px;line-height: 24px;}
.progress5 .money.man30{left: 14%;}
.cfen{color:rgb(230,116,46);}
.cslv{color:#2daf95;}
.cjin{color:#b0930b;}
.czong{color:#8b5d22;}
.bgczong{background-color:#8b5d22;}
.bgcjin{background-color:#b0930b;}
.bgcslv{background-color:#2daf95;}
.bgcfen{background-color:#d8408f;}
#money{position: absolute;top:-44px;width:auto;font-weight: 600;left:15%;color:#fff;padding:4px 14px;border-radius: 2px;}
#money::after{}


.saasbottom .swiper-slide p{position: absolute;top:0;left:0;height: 100%;width: 100%;line-height: 160px;
  text-align: center;}
  .saasbottom .swiper-slide img{height: auto;width: 100%;}
.aboutusfixed{position: fixed;width: auto;height: 44px;bottom:20px;left:30px;
  z-index: 50;}
.gotofixed{position: fixed;height: 34px;width:88px;bottom:30px;right:30px;
  z-index: 50;line-height: 34px;color:#fff;background-color: rgba(230,230,230,.6);text-align:center;
border-radius: 4px;filter:Alpha(opacity=50);font-style: italic;font-size: 13px;opacity:1;}  
.gotofixed:hover{opacity: 0.8;color:#666;background-color: #fff;}
.aboutusfixed img{height:44px;float: left;margin:0 10px;color:#fff;opacity:0.6;}
.aboutusfixed img:hover{opacity: 1;}
.aboutusfixed .onscroll i{color:#333;}
.aboutusshow{position: fixed;bottom:0;right: -100%;height: 200px;z-index: 51;}
#closeus{float: right;margin-top: 90px;margin-right: 60px;width:50px;}
.aboutusshow .wenhao{height: 40px;line-height: 40px;}
.aboutusshow .wenhao img{height: 30px;width: 30px;margin: 5px;}
.tonextfixed{width: 30%;position: fixed;left:35%;bottom:20px;z-index: 100;text-align: center;}
.tonextfixed i{display: block;margin:0 auto;height:38px;width: 38px;opacity: 1;font-size: 24px;
  border:2px solid #fff;border-radius: 50%;color:#fff;line-height: 36px;
animation:opred 5s infinite;
  -moz-animation:opred 5s infinite;
  -webkit-animation:opred 5s infinite;
  -o-animation:opred 5s infinite;}
.tonextfixed img:hover{opacity: 1;}
.indexnav{position: fixed;top:0;left:0;height:120px;width: 100%;
z-index: 90;}
.tonextfixed.onscroll i{border:2px solid #fff;color:#fff;}
.indexnavmain{height: 80px;width: 100%;position:relative;}
.indexnavmain{background-color: #f7f7f7;}
.indexnavmain.onscroll{background-color: rgba(255,255,255,0.2) !important;}
.indexnav .logo img{height: 70px;margin:5px 0 5px 10px;}
.indexnav .navview{height: 78px;}
.indexnav .indexitem{float: left;height:78px;position: relative;
width:78px;overflow: hidden;}
.indexnav .indexitem img{width: 50px;height: 50px;padding:15px;}
.indexnav .indexitem i{height: 44px;width: 44px;margin:8px 14px;border-radius: 50%;background-color:#fff;font-size: 18px;
color:#ccc;line-height: 45px;text-align: center;}
.indexnav .indexitem p{width: 100%;text-align: center;color:#01B0A0;display: block;
  background-color: #fff;height: 28px;line-height: 29px;font-size: 14px;float: left;}
.indexnav .indexitem.oncheck{height:106px;overflow: hidden;background-color:#fff;}
/*.indexnav .indexitem img{height: 44px;width: 44px;margin:8px 14px;float: left;}*/
.indexnav .indexitem.onselect i{background-color:#fff;color:#01B0A0;font-size: 24px;}
.indexnav .indexitem.oncheck i{color:#fff;background-color:#01B0A0;font-size: 22px;}
.indexnav.onscroll .indexitem{}
.indexitem:hover{cursor:pointer;}
.tableft .item:nth-of-type(1){margin-top:80px;}
.swiper-container2{height: 100%;}
.dialogzz{position: fixed;right:-1500%;top: 0;background-color:rgba(0,0,0,0.6);z-index: 999;}
#closeiframe{height: 50px;width: 50px;display: block;float: right;margin: 20px 30px 80px;cursor: pointer;}
.dialogzz .tab{}
.dialogzz .tab .item{background-color: #bbb;height: 60px;width: 20px;border-radius: 2px 0 0 2px;display: block;
margin-top:2px;line-height: 60px;text-align:center;color:#bbb;float: right;font-size: 16px;overflow: hidden;
cursor: pointer;padding:0 20px;}
.dialogzz .tab .mi.oncheck .item{background-color: #fdcb36;width: auto;color:#333;padding:0 30px;}
.dialogzz .tab .item:hover{padding: 0 40px !important;background-color: #fbe9b2;width: auto;color:#666;}
.dialogzz .right .title img{height: 40px;width: 40px;padding:25px;float: left;}
.dialogzz .right .title span{line-height: 90px;height: 90px;}
.dialogzz .right .title{height: 90px;}
.dialogzz .right .iframe{overflow: hidden;}
.dialogzz .right .iframe iframe{height: 100%;width: 100%;border:none;background-color: #fff;}
.width94p{width: 94%;padding:10px 3%;}

/*animation*/
.scale1_2{
  animation:boundbig 1.2s;
  -moz-animation:boundbig 1.2s;
  -webkit-animation:boundbig 1.2s;
  -o-animation:boundbig 1.2s;
}
@keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 70%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } } @-moz-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 70%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }} @-webkit-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 70%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }} @-o-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 70%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }}
@keyframes boundbig {
  0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 
  40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  70%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } } 
  @-moz-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 
  40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  70%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }} 
  @-webkit-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 
  40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  70%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }} 
  @-o-keyframes boundbig {0%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } 
  40%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
  70%{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); } 
100%{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); }}

@keyframes opred {0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} }
@-moz-keyframes opred {0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} }
@-webkit-keyframes opred {0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} }
@-o-keyframes opred {0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} }


/***/
html,body{width:100%;color: #333;font-size: 14px;padding:0;margin:0;min-width: 1300px;}
.body,.indexview,.indexnav{min-width: 1300px;}
@media (max-width: 1300px) {
  .showdialog7 .dialogitem{height: 120px;line-height: 120px;}
  .showdialog9 .dialogitem{height:100px;line-height: 100px;}
  .showdialog10 .dialogitem,.showdialog11 .dialogitem{height:170px;width:40%;float: left;color:#333;}
  .showdialog10 .dialogitem:nth-of-type(1) .right li{margin-top: 22px;width: 80%;}
  .showdialog10 .dialogitem:nth-of-type(2) .right li{margin-top: 6px;width: 80%;}
  .showdialog10 .dialogitem .left{line-height: 150px;}
  .showdialog12 .disitem{width: 50%;}
}
@media (max-width: 1366px) and (min-width: 1300px) {
  .showdialog7 .dialogitem{height: 140px;line-height: 140px;}
  .showdialog9 .dialogitem{height:110px;line-height: 110px;}
  .showdialog10 .dialogitem,.showdialog11 .dialogitem{height:180px;width:40%;float: left;color:#333;}
  .showdialog10 .dialogitem:nth-of-type(1) .right li{margin-top: 29px;width: 80%;}
  .showdialog10 .dialogitem:nth-of-type(2) .right li{margin-top: 11px;width: 80%;}
  .showdialog10 .dialogitem .left{line-height: 170px;}
  .showdialog12 .disitem{width: 50%;}
}
@media (min-width: 1367px) and (max-width: 1919px) {
  .showdialog7 .dialogitem{height: 150px;line-height: 150px;}
  .showdialog9 .dialogitem{height:120px;line-height: 120px;}
  .showdialog10 .dialogitem,.showdialog11 .dialogitem{height:190px;width:40%;float: left;color:#333;}
  .showdialog10 .dialogitem:nth-of-type(1) .right li{margin-top: 36px;}
  .showdialog10 .dialogitem:nth-of-type(2) .right li{margin-top: 16px;}
  .showdialog10 .dialogitem .left{line-height: 200px;}
  .showdialog12 .disitem{width: 45%;}
}
@media (max-height: 768px) {
  .progress5{top: 46%;}
}
@media (min-height: 768px) and (max-height: 1080px) {
  .progress5{top: 50%;}
}
@media (min-height: 1080px) {
  .progress5{top: 52%;}
}
.forget{
	position: absolute;
	top: -3px;
	right: 0;
}
.companyselect{
	border: none;
  /* appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; */
  width: 100%;
  height: 30px;
  /* color: #006b2f; */
}

.companyselect option{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
.selectarrow{
	  position: absolute;
    right: 6px;
    top: 8px;
    color: rgb(0,107,47);
}
.login-option{
  display: flex;
  justify-content: center;
  align-items: center;
  background:rgb(54, 135, 81);
}
.login-option h1{
  padding-top: 8px;
  padding-bottom: 8px;
}
.optionactive{
  background:#fff;
  color: rgb(0,107,47);
}
.displaynone{
  display: none;
}