body { font-size: .7rem; overflow-y: auto; background-color: #f2f2f2; } .mailPage { margin: 0rem auto 0; } .page { margin: 0 auto; } .pageMain{ width: 100%;overflow-x: auto; } .header { width: 100%; background-color: #fefefe; border-bottom: 1px #c6c4c4 dashed; } header { height: 12rem; padding: .75rem 0; margin: 0 auto; background-color: #fefefe; color: #000; display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; } header .headerImg { width: 100%; padding-left: .1rem; } header .headerImg img { max-width: 6.6rem; max-height: 3.2rem; margin: 0 auto; } header .headerData { width: 100%; display: flex; flex-direction: column; justify-content: center; } header .headerData .hdCompony { width: 100%; padding: 0 .4rem; display: inline-block; font-size: .8rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 1.5rem; line-height: 1.5rem; text-align: left; } header .headerData .hdCompony1 { text-align: left; line-height: 1.2rem; } header .headerData .hdCompony1 >p:nth-child(1){ width: 100%; } .companyLink:hover { color: #0071bc; } .iconImg { margin-left: .15rem; background-repeat: no-repeat; background-image: url(../img/alibbIcon.png); display: inline-block; vertical-align: middle; } .iconSize { position: absolute; left: .6rem; top: -.3rem; height: .6rem; width: 1.25rem; } .iconSize1 { height: .8rem; width: .8rem; } .iconGold { position: relative; background-position: -2px -111px; } .iconYearBox{ display: inline-block; } .iconYears1 { background-position: -462px -249px; } .iconYears2 { background-position: -462px -236px; } .iconYears3 { background-position: -462px -223px; } .iconYears4 { background-position: -462px -210px; } .iconYears5 { background-position: -462px -197px; } .iconYears6 { background-position: -462px -184px; } .iconYears7 { background-position: -462px -171px; } .iconYears8 { background-position: -462px -158px; } .iconYears9 { background-position: -462px -145px; } .iconYears10 { width: 29px; background-position: -458px -132px; } .iconYears11 { width: 29px; background-position: -458px -120px; } .iconYears12 { width: 29px; background-position: -458px -107px; } .iconYears13 { width: 29px; background-position: -458px -94px; } .iconYears14 { width: 29px; background-position: -458px -81px; } .iconYears15 { width: 29px; background-position: -458px -68px; } .iconYears16 { width: 29px; background-position: -458px -55px; } .iconYears17 { width: 29px; background-position: -458px -42px; } .iconYears18 { width: 29px; background-position: -458px -29px; } .iconYears19 { width: 29px; background-position: -458px -16px; } .iconYears20 { width: 32px; background-position: -456px -2px; } .iconCreditInsurance { background-position: -62px -113px; } .iconCredit { background-position: -31px -151px; } .iconSgs { background-position: -3px -151px; } .iconVideo { background-position: -62px -151px; } .title { width: 100%; margin: 1.5rem 0 1.5rem; font-size: 1.25rem; color: #000; text-align: center; } .reachUs { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; } #fromData { width: 100%; text-align: center; } .reachUsData { width: 100%; } #fromData table, #fromData .td2 input, #fromData .td2 textarea { width: 100%; } #fromData .td2 input { border: 1px solid #e5e5e5; height: 2rem; padding-left: .5rem; } #fromData .td2 textarea { border: 1px solid #e5e5e5; resize: none; height: 4rem; padding-left: .5rem; } #fromData tr { height: 3.5rem; } #fromData .submit { width: 4.8rem; margin: 0 auto; background-color: #438ac9; color: #f4efec; cursor: pointer; height: 2.3rem; line-height: 2.3rem; text-align: center; display: inline-block; } #fromData .submit:hover { background-color: #3070a9; } #fromData .td2 { width: 100%; } .footer { font-size: .6rem; padding: .75rem 2.5rem; margin-top: 1.5rem; background-color: #24272b; color: #fff; line-height: 1.25rem; } .iconList { display: flex; display: -webkit-flex; margin: 0 auto; justify-content: center; flex-wrap: wrap; border-right: none; align-items: stretch; } .iconLink { display: block; width: 3.8rem; height: 3rem; border: 1px solid rgb(102, 102, 102); /*border-right: none;*/ text-align: center; line-height: 3rem; font-weight: 400; background-color: #f8f8f8; } .iconList>.iconLink:nth-child(4),.iconList>.iconLink:nth-child(8),.iconList>.iconLink:last-child { border-right: 1px solid rgb(102, 102, 102); } .iconLink:hover { color: #fff; } .iconfont{ font-size: 0.8rem !important; } .iconList>.iconLink:nth-child(1):hover { background-color: #37589b; } .iconList>.iconLink:nth-child(2):hover { background-color: #46d4fe; } .iconList>.iconLink:nth-child(3):hover { background-color: #de5a49; } .iconList>.iconLink:nth-child(4):hover { background-color: #cb2027; } .iconList>.iconLink:nth-child(5):hover { background-color: #419cca; } .iconList>.iconLink:nth-child(6):hover { background-color: #345574; } .iconList>.iconLink:nth-child(7):hover { background-color: #597ba5; } .iconList>.iconLink:nth-child(8):hover { background-color: #ff4500; } .iconList>.iconLink:nth-child(9):hover { background-color: #9fae37; } .iconList>.iconLink:nth-child(10):hover { background-color: #ad34b3; } .iconList>.iconLink:nth-child(11):hover { background-color: #ff0017; } .reachTitle { margin-left: .5rem; font-size: .9rem; font-weight: 400; line-height: 1.65rem; text-align: left; } .reachMain{ margin: .6rem 0 .6rem .5rem; line-height: 1.25rem; } .reachIcon { font-size: .9rem !important; color: #0071bc; } .reachDateName,.reachDateEmail{ width: 100%; height: 3.5rem; line-height: 3.5rem; display: inline-block; } .pt15{ padding-top: 1rem; } .footerLink { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; } .footerLink a { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background: transparent; color: #7c8889; text-align: center; border-radius: 50%; } .footerLink>a:hover { color: #fff; } .footerLink>a:nth-child(1):hover { background-color: #46d4fe; } .footerLink>a:nth-child(2):hover { background-color: #37589b; } .footerLink>a:nth-child(3):hover { background-color: #419cca; } .footerLink>a:nth-child(4):hover { background-color: #de5a49; } .footerLink>a:nth-child(5):hover { background-color: #cb2027; } .footerLink>a:nth-child(6):hover { background-color: #12a5f4; } .footerLink>a:nth-child(7):hover { background-color: #345574; } .footerLink>a:nth-child(8):hover { background-color: #597ba5; } .footerLink>a:nth-child(9):hover { background-color: #ff4500; } .footerLink>a:nth-child(10):hover { background-color: #9fae37; } .footerLink>a:nth-child(11):hover { background-color: #ad34b3; } .footerLink>a:nth-child(12):hover { background-color: #ff0017; } .icon-home,.icon-phone1{ font-size: .8rem !important; } .ft14{ font-size: .7rem; } .iconList>.iconLink:nth-child(12):hover { background-color: #20a0ff; } .hdcSpan{ display: inline-block; margin-right: .15rem; line-height: 1.15rem; } .mg5{margin-bottom: .25rem;} .hdcSpan .newImg{ display: inline-block; width: 1.5rem; height: .75rem; background-repeat: no-repeat; background-size: 100% 100%; vertical-align: middle; } .hdcSpan:hover{ color: #20A0FF; } .backgroundImg1{ width:1.5rem; height:1.5rem; vertical-align: middle; display: inline-block; background-image: url(https://edm1422.yiwaixiao.com/modulhtml/img/ali.png); background-repeat: no-repeat; background-size: 100% 100%; } .backgroundImg2{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/img1.png') ; } .backgroundImg3{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/img2.png'); } .backgroundImg4{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/img3.png'); } .backgroundImg5{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/img4.png'); } .backgroundImg6{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/img5.png'); } .backgroundImg7{ background-image: url('https://edm1422.yiwaixiao.com/modulhtml/img/loading.gif'); }