/*-------------------------------------------
易商软件公共样式      2022-05-31 13:30:40
---------------------------------------------*/
@charset "utf-8";
@import url('myApp.css?r=1');
#topMenu{height:70px; background-color:#00000080; display:flex; display:-webkit-flex; justify-content:space-between; position:fixed; z-index:100; top:0px; left: 0px; right: 0px; color:#ffffff}
#logoImg{width:300px; display:flex; display:-webkit-flex; align-items: center; margin-left:6%}
#logoImg img {width:30px; margin-right: 10px;}
#logoImg h1{font-size:22px !important; line-height:70px}

#topMenu ul{display:flex; display:-webkit-flex; margin-right:2%}
#topMenu .menu-item a{display: block; text-align:center; font-size:16px; padding:0px 35px; height: 70px; line-height: 70px; color:#fff}
#topMenu .menu-item:hover a,#topMenu .active{ background-color:#00000050; border-bottom:4px solid #25D9BF; color: #25D9BF}
#topMenu .active{border:0px;}

.bgMenu{background:#F5F5F5 !important; box-shadow: 0px 1px 20px #FF8200; color: #666 !important; border-bottom:1px solid #D9D9D9}
.bgMenu a{color:#000 !important;}
.bgMenu .menu-item:hover a,.bgMenu .active{ background-color:#FBD45994 !important;border-bottom:4px solid #FF8200 !important; color: #000 !important;}
.bgMenu .active{border:0px !important;}

.appA{background:url("/images/bg/appA.png") #B23434 !important; background-size:450px 430px !important;}
.appB{background:url("/images/bg/appB.png") #FF7405 !important;}
.appC{background:url("/images/bg/appC.png") #DF3BD2 !important; background-size:470px 420px !important;}
.appD{background:url("/images/bg/appD.png") #17A3DF !important; background-size:520px 400px !important;}

.carItem{ padding-top:150px; color: #fff; background-repeat: no-repeat !important; background-position: top right !important;}
.carCont{width:86%; margin: 0px auto; display: flex; display:-webkit-flex; position: relative; min-height: 240px; padding-left:80px}
.carCont .bigico{font-size:60px; margin-right:60px; margin-top:5px; border:3px solid #ffffff80; padding:15px; height:60px; border-radius:15px; background-color: #ffffff70;}
.carCont h1{font-size:40px !important; font-weight: 700; margin-bottom:30px}
.carCont ul li{font-size:18px; line-height:35px; display: block;}
.carCont .carTitle .icon{margin-right: 10px;}
.carIcon{ position: absolute; right:-10px; bottom: 0px; }
.carIcon .icon{ font-size:25px; margin: 0px 4px;}
.appA .bigico{color: #B23434}
.appB .bigico{color: #FF7405}
.appC .bigico{color: #DF3BD2}
.appD .bigico{color: #17A3DF}
.contbgA{background-color: #F3F3F3}

.coent{padding:10px 20px;}
.coentA{padding:30px 80px}

.numberCont{display:flex; display:-webkit-flex; align-items:center; text-align: center;padding:60px 0px}
.numberCont li{flex:1;}
.numberCont li i{font-size:26px; color: #13A8AA; margin-right: 10px}
.mumitem h1{font-weight: bold; font-size: 30px !important; color:#A47E16}
.mumitem h1,.mumitem span{display: inline-block;}
.mumitem span{font-weight: bold; font-size:14px; margin-left:4px;vertical-align:super;}

.icolist {padding:0px 40px; background-color: #ffec1e29;color:#444}
.icolist ul,.icolist ul li{display: flex; display:-webkit-flex; justify-content:space-around}
.icolist ul li{flex:1;padding:60px 30px;cursor: pointer; box-sizing:border-box;}
.icolist .icoimg{width: 60px; height: 60px; margin-right: 15px; margin-top: 10px; border-radius:10px;}
.icolist ul li h1{margin-bottom:8px; font-size:18px !important;}
.icolist ul li p{font-size: 14px}
.icolist ul li:hover,.icolist ul li.active{background-color:#ffec1e35;}
.icolist ul li:hover h1{color:#AA3F02}
.icolist ul li:hover .icoimg{box-shadow:0px 5px 15px #FF8200;}
.icolist ul li .layui-btn{margin-top: 10px !important;}
.icolist ul li.active{border-bottom:4px solid #DD9623}

#contentIco {color: #807E7E;padding-bottom: 15px}
#contentIco ul{display: grid; grid-template-columns: repeat(3, auto); background: #fff;}
#contentIco ul li{ display:block; margin-top:15px;padding: 10px 10px;}

#contentIco ul li .Ltext,#contentIco ul li .Rtext{display: inline-block;}
#contentIco ul li .Ltext{width:80px;float: left;}
#contentIco ul li i{ font-size: 60px !important; line-height: 70px !important; color: var(--webColor,#13A8AA)}
#contentIco ul li .Rtext{width: 65%;}
#contentIco ul li .Rtext span{font-size: 18px !important; color: #333;}
#contentIco ul li .Rtext p{margin: 5px !important; font-size: 14px; line-height:20px}
#contentIco ul li .Rtext .layui-badge{ font-size: 13px !important;margin-left:8px; padding:2px 8px;}

.topTitle{ padding:30px 10px; text-align: center;}
.topTitle h1,.topTitle .icon{font-size:30px !important; display: inline-block; vertical-align: middle; letter-spacing: 2px}
.topTitle h1{font-weight: bold;}
.topTitle .icon{margin-right:10px; margin-top: 5px; font-size:40px !important;background-color:#FBD459; border-radius:50%;}
.lineTitle{width:300px; margin: 10px auto; height:6px; background-color: #F5B030}
.aboutIndex{display: flex; padding-top: 30px;}
.aboutIndex img{width: 500px}
.aboutCont{padding-left:50px;}
.aboutCont p,.youshi p{text-indent: 2em; font-size: 18px; line-height: 35px; margin-bottom: 30px;text-align: justify;}

#foot{background-color:#303030; min-height:120px; color:#9E9E9E; display: flex;display:-webkit-flex; justify-content:space-around; padding:40px 0px;border-top:10px solid #222}

.footWX img{display:inline-block; height:70px; background-color:#232323; padding:4px; margin:0px 8px;}
.footIco{padding-bottom:20px;}
.footIco span{font-size:18px}
.footIco i{margin:0px 6px;font-size:24px}
.footul {line-height:24px; font-size:16px;}
.footul span{margin-right:30px;}
.footul a{color:#F5B030}
.footul a:hover,.footIco i{color:#039d53}
.Telephone{text-align:center;padding-top:30px;}
.Telephone i{font-size:50px;}
.Telephone p{font-size:25px; font-family:"impact","Microsoft YaHei"; letter-spacing:2px; color:#039d53;}

.headTH th{padding-top:15px !important; padding-bottom:15px !important; font-size:18px !important;}
.tdtxt{text-align:left !important}
.tdtxt li{display:inline-block; width:46%; padding-left:22px; padding-top:5px; padding-bottom:5px;  background-size:14px;}
.tdTitle{font-size:16px !important; text-align:center;}
.tdtxt li{color:var(--webColor) !important;}
.tdtxt li .icon{color:#009688}
.tdTitle .layui-badge{padding:2px 3px;}

.youshi{border-bottom: 1px solid #E3E3E3; padding-top:20px;}
.youshi:last-child{border:0;}
.youshi h2{font-size:21px !important; font-weight:bold; margin-bottom:10px;}
.youshi .icon{font-size:30px; color:#13A8AA; margin-right:5px}

#aboutTimeline .layui-timeline-title{font-size:20px !important; color:#F85A1F}
#aboutTimeline .layui-text p{font-size:17px !important;}
#aboutTimeline .layui-timeline-axis{font-weight: bold;}
.footBottom{margin-bottom:30px;}

#AppCoent{width:920px;margin:10px auto; background: #fff;}
#AppCoent .coent{padding: 0px !important; margin: 0px !important}
#AppCoent #contentIco{padding: 10px;}
#AppCoent #contentIco{border: 1px solid #DDDDDD; display: block; box-sizing:border-box;margin-bottom: 15px;}
#AppCoent #contentIco img{box-sizing:border-box;}
#AppCoent .titleCont{display: block; padding:15px 10px; padding-left: 20px; margin-top:14px;  font-size:24px !important; background:#FCFCFC url("/images/bg/titleBg.jpg"); color: var(--webColor);}
#AppCoent .titleCont i{font-size: 25px !important; margin-right: 10px;}

.msg{padding:8px 15px; text-indent:10px;border:1px solid #FAE5BE !important;background-color:#FFFEE2 !important;color: #FF5722;}
.msg *{line-height:25px; font-size:16px;}