.intro-deg-icon{width: 41px;height: 41px;background: #f5f2f5;border-radius: 8px;display: flex;align-items: center;justify-content: center;min-width: 41px;}
.intro-deg-icon.two{background: #fdf8e8;color: #a88838;}
.intro-left-main{ background: linear-gradient(to left, #f9f0cc, #e8e3e8); border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
.intro-left-main .intro-left{ border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px;overflow: hidden;}
.learn-btn:hover{color: var(--main-color3);}
.learn-btn svg{ position: relative; right: 0; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.learn-btn:hover svg{right: -3px;}
.intro-left-img{position: relative;}
.intro-left-img::before{position: absolute;width: 100%;height: 178px;background: linear-gradient(to bottom, #ffffff00, #ffffff9a);content: '';bottom: 0;left: 0;}
.expe1{position: relative;padding-left: 17px;}
.expe1::before{ width: 8px; height: 8px; background: var(--main-color3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;left: 0;top: 6px;position: absolute;content: '';}
.expe1.ecolor1::before{background: var(--main-color2);}
.expe1 p{font-weight: 600;line-height: 20px;font-size: 16px;}
.expe1 span{font-size: 14px;opacity: 0.7;}

.about-doc-exp li{display: inline-block;background: #f5f2f5;padding: 2px 9px;border-radius: 58px;line-height: 20px;font-size: 13px;margin: 3px 0;}
.about-doc-exp li.doc-expc2{background: #fdf8e8;}

.aboutbg{background: linear-gradient(to left, #fdf8e8, #f5f2f5);}