@import url(/cn/res/css/common.css);

/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;overflow: hidden;padding:0 0 1rem;}
.SubPage:After{content: "";right: -5.59rem;top: -2rem;width: 9.08rem;height: 6.29rem;background: url(/cn/res/images/shadow.png) center center no-repeat;background-size:contain;position: absolute;}
.noban .SubPage:After{top: -1.2rem;}
.noban .Placeauto{position: relative;z-index: 2;}

.SubBan{position: relative;overflow: hidden;margin-top: 75px;}
.SubBan .w1440{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 1;}
.SubBan .cn{color:#5b4c3a;font-size: 0.6rem;line-height: 1.2;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.SubBan.on .img img{transform: scale(1);}
.noban{padding-top: 100px;}

.SubMenu{line-height: 70px;border-bottom:1px solid #eeeeee;margin-bottom: 0.89rem;background:#fff;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 0.4rem;float: left;}
.SubMenu li a{ display:block; color:#666666;position: relative;z-index: 1;}
.SubMenu li:after{content: "";position:absolute;left: 50%;bottom: 0%;width: 0;background:#fcb600;transition: all 0.3s;height: 2px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fcb600;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.ColName{font-family: "思源黑体 Light"; background:#5b4c3a; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.Place{float: right;color:#666666;background:url(/cn/res/images/ico/ico_home.png) 0px center no-repeat;padding-left: 32px;font-size: 15px;}
.Place a{color:#666666;}
.Place a:hover,.Place span{color:#1a1a1a;}
.Placeauto{line-height: 0.8rem;text-align: right;background:#f8f8f8;}

.SubNav{margin-bottom: 0.4rem;text-align: center;}
.SubNav li{display: inline-block;margin:0 0.05rem 0 0.06rem;position: relative;line-height: 0.48rem;}
.SubNav li:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.25rem;border:2px solid #fcb600;opacity: 0;content: "";}
.SubNav li a{display: block;padding:0 0.37rem;border:1px solid #e5e5e5;border-radius: 0.25rem;position: relative;z-index: 1;}
.SubNav li:hover a,.SubNav li.onli a{color:#fcb600;border:1px solid transparent;}
.SubNav li:hover:after,.SubNav li.onli:after{opacity: 1;}

.SinglePage{ color:#333333; word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.32rem;}
.SinglePage .video{position: relative;cursor: pointer;margin-bottom: 0.28rem;}
.SinglePage .video .play{position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.2);content: "";z-index: 2;width: 100%;height: 100%;}
.SinglePage .video:hover .play{background:rgba(0,0,0,0.1);}
.SinglePage .video .play:After{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);border:3px solid #fff;width: 58px;height: 58px;background:url(/cn/res/images/play.png) center center no-repeat;border-radius: 50%;content: "";}

.video_files{position: absolute;left: 0;top: 0;width: 100%;top: 0;object-fit: cover;height: 100%;z-index: 10;}
.video_files .close{position: absolute;right: 10px;top: 10px;width: 40px;height: 40px;line-height:37px;background:#fff;border-radius: 50%;box-shadow: 0 10px 10px rgba(0,0,0,0.1);z-index: 2;text-align: center;}
.video_files .close:hover{color:#fff;background:#2945a7;}
.video_files video{position: absolute;left: 0;top: 0;width: 100%;top: 0;object-fit: cover;height: 100%;}

.SubTit{padding-bottom: 0.84rem;text-align: center;}
.SubTit .ti{font-weight:normal;display: inline-block;line-height: 0.62rem;border-bottom: 3px solid #fcb600;color:#1a1a1a;font-size: 0.42rem;}
.SubTit .desc{margin-top: 0.5rem;}

@media(max-width:1024px){
	.SubPage{padding-bottom: 0.6rem;}
	.SubBan{margin-top: 0;}
	.SubBan .Info{font-size: 14px;}
	.ColName{display: block;margin-bottom: 15px;}
	.SubMenu{line-height: 16px;padding: 10px 0;position: relative;z-index: 2;}
	.SubMenu ul{float: none;display: flex;flex-wrap: wrap;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;height: 32px;display: flex;align-items: center;justify-content: center;}
	.SubMenu li a{font-size: 15px;}
	.SubMenu li:after{display: none;}
	.SubMenu li a:hover, .SubMenu li.onli a{color:#5b4c3a;}
	.Place{clear: both;margin-top: 5px;font-size: 14px;}
	.SinglePage{line-height: 24px;}
	.SinglePage video{ width:100%}
}
@media(max-width:768px){
	.SubMenu{margin-bottom: 0.5rem;}
	.SubTit{padding-bottom: 0.5rem;}
	.SubTit .ti{font-size: 20px;}
	.SubBan .cn{font-size: 18px;}
	.SubBan .en{font-size: 14px;}
	.SubNav li a{line-height: 30px;font-size: 14px;}
}
/*栏目页公用样式 end*/


/* 关于优德88 */
.HornorList .TabNav{width: 180px;float: left;padding-right: 48px;}
.HornorList .TabNav .item{line-height: 64px;border-radius: 4px;background:#f7f7f7;margin-right: 13px;text-align: center;font-size: 18px;color:#666666;margin-bottom: 5px;cursor: pointer;}
.HornorList .TabNav .item.slick-current{color:#fff;background:#fcb600;position: relative;}
.HornorList .TabNav .item.slick-current:after{position: absolute;top:50%;right: -7px;width: 14px;height: 14px;transform: translateY(-50%) rotate(45deg);background:#fcb600;content: "";}
.HornorList .TabCon{width: calc(100% - 180px);float: right;}
.HornorList .TabCon ul{margin-left: -3%;}
.HornorList .TabCon li{width: 50%;float: left;padding:0 0 3% 3%;}
.HornorList .TabCon li a{padding:0.32rem;border-radius: 0.14rem;border:1px solid #e5e5e5;}
.HornorList .TabCon .imgbox{border-radius: 8px;width: 1.4rem;padding-top: 1.8rem;}
.HornorList .TabCon .ti{padding-left: 0.32rem;font-size: 18px;}

.ReportTop{margin-bottom: 0.65rem;}
.ReportTop .imgbox{border-radius: 13px;width: 39.09%;padding-top: 3.52rem;}
.ReportTop .info{padding:0.34rem 0 0 5.7%;vertical-align: top;position: relative;}
.ReportTop .ti{font-size: 0.3rem;margin-bottom: 0.37rem;}
.ReportTop .ti img{display: inline-block;vertical-align: middle;margin-left: 0.2rem;width: 0.27rem;}
.ReportTop .btn{position: absolute;left: 9.2%;width: calc(100% - 9.2%);bottom: 0;padding-bottom: 0.35rem;border-bottom: 1px solid #eeeeee;}
.ReportTop .btn a{display: inline-block;margin-right: 0.5rem;color:#666666;}
.ReportTop .btn i{margin-top: -3px;color:#fcb600;}
.ReportTop .btn a:hover{color:#fcb600;}

.SubTit2 {padding-bottom: 0.38rem;}
.SubTit2 h2{font-size: 0.3rem;line-height: 0.5rem;font-weight: normal;}
.SubTit2 img{display: inline-block;vertical-align: middle;margin-right: 0.12rem;width: 0.3rem;}

.OldReport {display: inline-block;width: 100%;padding-bottom: 1.5%;margin-left: -3%;}
.OldReport .item{width: 47%;float: left;margin:0 0 3% 3%;}
.OldReport .item .table{padding:0.43rem;background:#f6f6f6;}
.OldReport .item .imgbox{width: 1.5rem;text-align: center;}
.OldReport .item .imgbox img{width: 1.22rem;}
.OldReport .item .info{padding-left: 0.55rem;}
.OldReport .item .ti{min-height: 0.73rem;font-size: 0.24rem;}
.OldReport .item .btn a{display: inline-block;margin-right: 0.5rem;color:#666666;}
.OldReport .item .btn a i{margin-top: -3px;}
.OldReport .item .btn a:hover{color:#fcb600;}

.AboutInfo:before{content:"";position: absolute;left: 1.64rem;bottom: 0;width: 3.03rem;height: 1.19rem;background:url(/cn/res/images/aboutinfo.png) 0px bottom no-repeat;background-size:contain;}
.AboutInfo .Info{width: 184px;float: left;padding-top: 5px;}
.AboutInfo .Info h3{margin-bottom: 0.1rem;font-size: 0.3rem;font-weight: normal;line-height: 1.2;}
.AboutInfo .Info li{padding:0.26rem 0 0.34rem;border-bottom: 1px solid #eeeeee;}
.AboutInfo .Info li .num{color:#fcb600;font-size: 0.3rem;}
.AboutInfo .Info li .num b{font-family: "RobotoR";font-size: 0.36rem;}
.AboutInfo .Info li:last-child{border-bottom: 0;}
.AboutInfo .SinglePage{width: calc(100% - 2.98rem);float: right;}

.CultureInfo{background: #fff url(../images/culturebg.jpg) center bottom no-repeat;}
.CultureInfo .imgbox{text-align: center;margin-bottom: 0.9rem;}
.CultureInfo .item{width: 50%;float: left;padding:0 6%;}
.CultureInfo .item:not(:last-child){border-right: 1px solid #e9e9e9;}
.CultureInfo .item .ico{width: 0.84rem;height: 0.84rem;margin:0px auto;border:2px solid #fcb600;border-radius: 50%;}
.CultureInfo .item aside{text-align: center;line-height: 1.04rem;padding-bottom: 3px;font-size: 0.3rem;}

@media(max-width:1024px){
	.OldReport .item{width: auto;float: none;}
}

@media(max-width:767px){
	.HornorList .TabNav{width: auto;float: none;padding:0 18px;margin-bottom: 0.35rem;}
	.HornorList .TabNav .item{line-height: 40px;font-size: 15px;margin:0 5px;}
	.HornorList .TabCon{width: auto;float: none;}
	.HornorList .TabCon li{width: auto;float: none;}
	.HornorList .TabCon li {padding-right: 1px;}
	.HornorList .TabCon .ti{font-size: 15px;}
	.HornorList .slick-prev{left: -10px;}
	.HornorList .slick-next{right: -10px;}

	.SubTit2 h2{font-size: 18px;}
	.OldReport{width: auto;display: block;}
	.ReportTop .imgbox{width: auto;display: block;padding-top: 64%;}
	.ReportTop .info{display: block;padding:0.3rem;}
	.ReportTop .btn{width: auto;position: static;padding:0.3rem 0 0.2rem;}
	.ReportTop .ti{font-size: 16px;margin-bottom: 0.12rem;}
	.OldReport .item .table{padding:0.3rem;}
	.OldReport .item .info{padding-left: 0.3rem;}
	.OldReport .item .ti{font-size: 15px;min-height: auto;margin-bottom: 0.12rem;}
	.OldReport .item .btn a{margin-right: 0.3rem;}
	.OldReport .item .imgbox img{width: 1rem;}

	.AboutInfo .Info{width: auto;float: none;}
	.AboutInfo .Info h3 br{display: contents;}
	.AboutInfo .Info h3{font-size: 20px;}
	.AboutInfo .Info  {text-align: center;}
	.AboutInfo .Info li .num{font-size: 20px;}
	.AboutInfo .Info li .num b{font-size: 24px;}
	.AboutInfo .Info li{display: inline-block;width: 45%;border-bottom: 0;}
	.AboutInfo .SinglePage{width: auto;float: none;}

	.CultureInfo .item{width: auto;float: none;}
	.CultureInfo .item .ico{width: 50px;height: 50px;}
	.CultureInfo .item aside{font-size: 18px;}
	.CultureInfo .item:not(:last-child){border-right: 0px;border-bottom: 1px solid #e9e9e9;padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
	.CultureInfo .item .fzyj{font-size: 17px !important;}
}

/*消费者权益保护与教育 s*/
.InfoList{border-top: 1px solid #e5e5e5;margin-bottom: 0.8rem;}
.InfoList .item{position: relative;}
.InfoList .table{border-bottom: 1px solid #e5e5e5;padding:0.36rem 0 0.36rem;}
.InfoList .imgbox{width: 3.67rem;padding: 0 0.5rem;display: none;}
.InfoList .imgbox img{border-radius: 0.25rem 0 0.25rem 0;height: 1.72rem;}
.InfoList .date{width: 2.07rem;padding-right: 0.27rem;text-align: center;font-family: "RobotoR";}
.InfoList .date time{width: 1.12rem;height: 1.12rem;display: flex;margin:0px auto;border-radius: 50%;align-items: center;justify-content: center;flex-direction: column;color:#9b9b9b;line-height: 20px;position: relative;}
.InfoList .date time em{display:block;color:#1a1a1a;line-height: 32px;font-size: 0.36rem;}
.InfoList .date time:after{width: 100%;height: 100%;left: 0;top: 0;border:0.05rem solid #cacaca;content: "";position: absolute;border-radius: 50%;}
.InfoList .date time i{width: 50%;position: absolute;left: 0;top: 0;height: 100%;z-index: 2;}
.InfoList .date time i:after{position: absolute;content: '';width: 1.12rem;height: 1.12rem;border-radius: 50%;top:0;border: 0.05rem solid transparent;}
.InfoList .info{padding-right: 1.14rem;}
.InfoList .tit{font-size: 20px;margin-bottom: 0.11rem;}
.InfoList .desc{color: #9b9b9b;clear: both;}
.InfoList .more{text-align: center;border-left: 1px solid #e5e5e5;width: 2.5rem;}
.InfoList .item.on {background:#fafafa !important;}
.InfoList .item.on .imgbox{display: table-cell;}
.InfoList .item.on .date{display: none;}
.InfoList .item.on .dot1{-webkit-line-clamp: 3;}
.InfoList .item.on .more a{color:#fcba26;}
.InfoList .item:hover .date time i:nth-child(1):after{left: 0;border-top-color:#fcb600;	border-left-color:#fcb600;animation: yl 1s linear infinite;animation-iteration-count: 1;}
.InfoList .item:hover .date time i:nth-child(2){right: 0;left: auto;}
.InfoList .item:hover .date time i:nth-child(2):after{right: 0;border-bottom-color:#fcb600;border-right-color:#fcb600;animation: yr 1s linear infinite;animation-iteration-count: 1;}
.InfoList .item:hover .tit{font-size: 24px;color: #1a1a1a;}
/*  */
.InfoList.Notice .item:after{content: "";left: 0;top: 0;width: 0%;height: 100%;background: linear-gradient(110deg, #fff9eb 0%, rgba(255,255,255,0.51) 60%, rgba(255,255,255,0) 100%);position: absolute;z-index: -1;transition: all 0.3s;}
.InfoList.Notice .item:hover:after{width: 100%;}

.InfoList.Notice2 .item {padding-left: 0.34rem;}
.InfoList.Notice2 .item .date{position: absolute;left: 0.34rem;top: 0.54rem;border:0.02rem solid #cacaca;border-radius: 20px;width: 120px;line-height: 36px;text-align: center;padding:0;}
.InfoList.Notice2 .item .cell{padding:0.24rem 0;}
.InfoList.Notice2 .item .tit{width: calc(100% - 140px);float: right;}
.InfoList.Notice2 .item:after{content: "";left: 0;top: 0;width: 0%;height: 100%;background: linear-gradient(110deg, #fff9eb 0%, rgba(255,255,255,0.51) 60%, rgba(255,255,255,0) 100%);position: absolute;z-index: -1;transition: all 0.3s;}
.InfoList.Notice2 .item:hover:after{width: 100%;}
.InfoList.Notice2 .item:hover .date{border:0.02rem solid #fcb600;}

.TitleInfo{padding-top:0.43rem;margin-bottom: 0.5rem;border-bottom: 1px solid #eeeeee;position: relative;text-align: center;}
.TitleInfo:before{content: "";position: absolute;top: -1px;left: 0.8rem;width: 2.72rem;height: 0.76rem;background:url(/cn/res/images/titleft.png) no-repeat;background-size: contain;}
.TitleInfo:after{content: "";position: absolute;bottom: -0.95rem;left: -1.5rem;width: 2.3rem;height: 0.95rem;background:url(/cn/res/images/titright.png) no-repeat;background-size: contain;}
.TitleInfo h1{font-size: 0.3rem;line-height:1.25;margin-bottom:0.08rem;font-weight: normal;}
.TitleInfo ul {position: relative;padding-bottom: 0.17rem;}
.TitleInfo ul:After{position: absolute;left: 50%;transform: translateX(-50%);height: 2px;background:#fcb600;content:"";width: 1.6rem;bottom: -1px;}
.TitleInfo ul li{display: inline-block;padding:0 0.3rem;color:#9b9b9b;font-size: 15px;}
.bshare-custom{display: inline-block;vertical-align: middle;margin: -2px 0 0 0.1rem;}
.bshare-custom .bshare-more.more-style-addthis{background:url(/cn/res/images/share.png) center center no-repeat !important;padding-left: 21px !important;height: 20px !important;}

.PrevNextInfo{padding: 0.23rem 2.2rem 0 0;margin-top: 0.55rem;border-top: 1px solid #eeeeee;position: relative;}
.PrevNextInfo:before{content: "";position: absolute;top: -1px;left: 40%;width: 2.3rem;height: 0.95rem;background:url(/cn/res/images/titright.png) no-repeat;background-size: contain;}
.PrevNextInfo dl{position: relative;padding-left: 63px;min-height: 30px;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.3rem;text-align: center;color:#fff;width: 1.5rem;line-height: 0.5rem;background:#fcb600;border-radius: 26px;}
.PrevNextInfo .back img{display: inline-block;vertical-align: middle;margin-left: 0.21rem;transition: all 0.3s;}
.PrevNextInfo .back:hover{background:#dfa100;}
.PrevNextInfo .back:hover img{margin-left: 0.12rem;}

.EwmBox{text-align: center;font-size: 0;}
.EwmBox .item{display: inline-block;margin:0 0.61rem;}
.EwmBox .imgbox{border:0.02rem solid #e5e5e5;border-radius: 13px;padding:0.34rem;width: 3.2rem;}
.EwmBox .info{font-size: 0.24rem;line-height: 0.36rem;margin-top: 0.14rem;}
.EwmBox .info span{display: block;color:#fcba0e;}

.FaqList{border-top: 1px solid #e5e5e5;padding-bottom: 0.8rem;}
.FaqList .item{border-bottom: 1px solid #e5e5e5;padding:0.39rem 0.36rem 0.36rem;position: relative;}
.FaqList .item:after{width: 100%;height: 0;content: "";left: 0;bottom: 0;transition: all 0.3s;position: absolute;background-image: linear-gradient(to top, #fff9eb , #fff);z-index: -1;}
.FaqList .ti{font-size: 20px;padding-left: 44px;position: relative;margin-bottom: 0.12rem;}
.FaqList .ti .q{border-radius: 3px;width: 24px;text-align: center;line-height: 24px;color:#fff;background:#fcb600;position: absolute;left: 0;top: 2px;}
.FaqList .desc{padding-left: 44px;position: relative;color:#9b9b9b;}
.FaqList .desc .a{border-radius: 3px;width: 24px;text-align: center;line-height: 24px;color:#fff;background:#d0a254;position: absolute;left: 0;top: 2px;}
.FaqList .item:hover:after{height: 100%;}

@media(max-width:1024px){
	.InfoList .info{padding-right: 0.5rem;}
	.InfoList .more{width: 1.5rem;}
}
@media(max-width:767px){
	.InfoList .tit{font-size: 15px !important;}
	.InfoList .more{display: none;}
	.InfoList .date{width: 75px;}
	.InfoList .date time{width: 62px;height: 62px;font-size: 12px;}
	.InfoList .date time i:after{width: 62px;height: 62px;}
	.InfoList .date time em{font-size: 22px;line-height: 20px;}
	.InfoList .info{padding-right: 0;}
	.InfoList .table{padding:12px 0;}
	.InfoList .imgbox{padding:0 12px;text-align: center;width: 2.9rem;}
	.InfoList .item.on .dot1{-webkit-line-clamp: 2;}
	.InfoList.Notice2 .item{padding-left: 0;}
	.InfoList.Notice2 .item .date{left: 0;width: 95px;line-height: 24px;top: 0.2rem;}
	.InfoList.Notice2 .item .tit{width: calc(100% - 105px);}
	.InfoList.Notice2 .item .cell{padding:0;}

	.TitleInfo h1{font-size: 20px;}
	.TitleInfo ul li{font-size: 14px;padding:0 5px;}

	.PrevNextInfo{padding-right: 0;margin-top: 50px;}
	.PrevNextInfo .back{width: 100px;line-height: 28px;top: -35px;}

	.EwmBox .item{margin:0 0.2rem;}
	.EwmBox .info{font-size: 14px;line-height: 24px;}

	.FaqList .ti{font-size: 15px;}
}

/* 投资者关系 */
.YearTabNav{position: relative;margin-bottom: 0.86rem;padding:0 1.5rem;text-align: center;}
.YearTabNav .slick-arrow{width: 48px;height: 48px;top: auto;transform: translateY(0);bottom: -21px;}
.YearTabNav .slick-prev{left: 0.79rem;}
.YearTabNav .slick-next{right: 0.79rem;}
.YearTabNav .slick-disabled, .YearTabNav .slick-disabled:hover{background: #fff ;border:2px solid #8e8e8e;}
.YearTabNav .slick-disabled:after{border-top: 2px solid #8e8e8e !important;border-right: 2px solid #8e8e8e !important;}

.YearTabNav:After{position: absolute;left: 0;bottom: 1px;width: 100%;content: "";height: 1px;background:#e5e5e5;}
.YearTabNav .slick-track{display: inline-block;}
.YearTabNav .item{line-height: 0.67rem;font-family: "RobotoR";float: none;display: inline-block;}
.YearTabNav .item a{display: inline-block;padding:0 0.1rem;position: relative;color:#999999;font-size: 0.24rem;vertical-align: bottom;}
.YearTabNav .item a:After{position: absolute;left: 50%;bottom: 0;height: 3px;content: "";width: 0;background:#fcb600;transition: all 0.3s;}
.YearTabNav .item.cur a,.YearTabNav .item:hover a{color:#fcb600;font-size: 0.32rem;}
.YearTabNav .item.cur a:After,.YearTabNav .item:hover a:After{left: 0;width: 100%;}

.GovernList{margin:0 0 3% -3%;}
.GovernList .item{width: 25%;float: left;padding:0 0 3% 3%;}
.GovernList .item .imgbox{border-radius: 12px 12px 0 0;padding-top: 100%;}
.GovernList .item .info{background: #f7f7f7;text-align: center;padding:0.2rem;min-height: 140px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.GovernList .item .info aside{font-size: 20px;margin-bottom: 0.11rem;}
.GovernList .item .info .down{color:#fcb600;}
.GovernList .item .info .down i{margin-top: -2px;}

.CalendarInfo{position: relative;margin-bottom: 0.3rem;padding:0 1.3rem;text-align: center;}
.CalendarInfo .slick-arrow{width: 48px;height: 48px;top: auto;transform: translateY(0);bottom: -21px;}
.CalendarInfo .slick-prev{left: 0.79rem;}
.CalendarInfo .slick-next{right: 0.79rem;}
.CalendarInfo .slick-disabled, .YearTabNav .slick-disabled:hover{background: #fff ;border:2px solid #8e8e8e;}
.CalendarInfo .slick-disabled:after{border-top: 2px solid #8e8e8e !important;border-right: 2px solid #8e8e8e !important;}

.CalendarInfo:After{position: absolute;left: 0;top: 0.66rem;width: 100%;content: "";height: 1px;background:#e5e5e5;}
.CalendarInfo .slick-track{display: inline-block;}
.CalendarInfo .item{float: none;display: inline-block !important;text-align: center;vertical-align: top;}
.CalendarInfo .item .year{line-height: 0.7rem;font-family: "RobotoR";position: relative;color:#999999;font-size: 0.32rem;}
.CalendarInfo .item .year:After{position: absolute;left: 50%;bottom: 0;height: 7px;content: "";width: 7px;background:#dcdcdc;border-radius:50%;transition: all 0.3s;transform: translateX(-50%);}
.CalendarInfo .item .year:before{position: absolute;left: 50%;top: 0.67rem;width: 1px;height: 0;background:#dcdcdc;content: "";transition: all 0.3s;}
.CalendarInfo .item dl{display: inline-block;margin-top: 9px;vertical-align: top;}
.CalendarInfo .item dl dd{color:#666666;}
.CalendarInfo .item.slick-current .year {line-height: 0.96rem;font-size: 1.12rem;color:#fcb600;font-weight: bold;}
.CalendarInfo .item.slick-current .year i{position: absolute;width: 50%;height: 0.29rem;background:#fff;bottom: 0;left: 0;}
.CalendarInfo .item.slick-current .year:after {height: 0;width: 0;}
.CalendarInfo .item.slick-current .year:before {height: 0.47rem;}
.CalendarInfo .item.slick-current dl {margin-top: 26px;}
.CalendarInfo .item.slick-current dl dt{font-size: 30px;padding-bottom: 13px;}
.CalendarInfo .item.slick-current dl dt{font-size: 30px;padding-bottom: 13px;}
.CalendarInfo .slick-arrow{width: 48px;height: 48px;top: auto;transform: translateY(0);top: 0.42rem;}
.CalendarInfo .slick-prev{left: -0.4rem;}
.CalendarInfo .slick-next{right: -0.4rem;}
.CalendarInfo .slick-disabled, .YearTabNav .slick-disabled:hover{background: #fff ;border:2px solid #8e8e8e;}
.CalendarInfo .slick-disabled:after{border-top: 2px solid #8e8e8e !important;border-right: 2px solid #8e8e8e !important;}

.ContactInfo {margin-left: -4%;}
.ContactInfo .item{margin:0 0 0 4%;width: 46%;border-radius: 12px;background:url(/cn/res/images/lxwmbg.jpg) center center no-repeat;background-size:cover;float: left;}
.ContactInfo .cell{height: 4rem;text-align: center;}
.ContactInfo .ti{font-size: 0.24rem;color: #999999;padding:0.51rem 0 0.14rem;position: relative;}
.ContactInfo .ti:After{position: absolute;left: 0;top: 0.07rem;width: 1px;height: 0.42rem;content: "";background:#e5e5e5;left: 50%;}
.ContactInfo .p{font-size: 0.32rem;font-family: "RobotoR";}
.ContactInfo .ico{width: 0.81rem;height: 0.81rem;margin:0px auto;border-radius: 50%;background: #fcb600;}
.ContactInfo .ico img{position: relative;z-index: 10;}
.ContactInfo .ico:after {content: "";position: absolute;border-radius: 50%;z-index: -2;
	background: #fcb600;
	left: -15%;
	top: -15%;
	width: 130%;
	height: 130%;
	z-index: 8;
	-webkit-animation: guang2 1.1s ease-out;
	-moz-animation: guang2 1.1s ease-out;
	animation: guang2 1.1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.ContactInfo .ico:before {width: 100%;height: 100%;background:#fdbf1f;content: "";left: 0;top: 0;position: absolute;border-radius: 50%;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@media(min-width:768px){
	.GovernList .item:nth-child(2n+2){margin-top: 0.5rem;}
	.GovernList .item:nth-child(4n+1){clear: both;}
}
@media(max-width:1024px){
	.CalendarInfo{padding:0 0.5rem;}
	.CalendarInfo .item.slick-current .year{font-size: 0.9rem;}
}
@media(max-width:767px){
	.YearTabNav .item{line-height: 50px;}
	.YearTabNav{padding:0 45px;}
	.YearTabNav .slick-arrow{width: 30px;height: 30px;bottom: -14px;}
.YearTabNav .slick-prev{left: 5px;}
.YearTabNav .slick-next{right: 5px;}
.YearTabNav .item a{font-size: 16px;}
.YearTabNav .item.cur a{font-size: 20px;}

.GovernList .item .info aside{font-size: 15px;}
.GovernList .item{width: 50%;}

.CalendarInfo .slick-arrow{width: 30px;height: 30px;top: 0.36rem;}
.CalendarInfo .item.slick-current dl dt{font-size: 24px;}

.ContactInfo .item{width: auto;float: none;display: block;margin-bottom: 0.3rem;}
.ContactInfo .cell{display: block;height: auto;padding:0.5rem;}
.ContactInfo .ti{font-size: 18px;}
.ContactInfo .p{font-size: 18px;}
.ContactInfo .ico{width: 50px;height: 50px;}
}

/* 优德88党建 */
.ClassList{padding-bottom: 0.24rem;}
.ClassList .item{margin-bottom: 0.56rem;}
.ClassList .imgbox{width: 27.77%;padding-top:17.5%;border-radius: 0.12rem;}
.ClassList .imgbox img{border-radius: 0.12rem;}
.ClassList .info{padding: 0.25rem 0 0 4.3%;}
.ClassList .tit{margin-bottom: 0.21rem;font-size: 20px;transition: all 0.3s;}
.ClassList .date em{color:#fcb600;margin-right: 8px;font-size: 0.36rem;}
.ClassList .desc{line-height: 28px;color:#9b9b9b;}
.ClassList .other{border-top: 1px solid #e5e5e5;padding-top: 0.29rem;margin-top: 0.27rem;color:#9b9b9b;position: relative;}
.ClassList .other i{position: absolute;right: 0;top: 0.3rem;color:#1a1a1a;transition: all 0.3s;}
.ClassList .item:hover .tit{font-size: 24px;color: #1a1a1a;}
.ClassList .item:hover .other i{color:#fcb600; right: -0.05rem;}

.ActiveList ol{margin: 0 0 3% -4%;}
.ActiveList ol li{width: 46%;margin:0 0 0 4%;border-radius: 10px;overflow: hidden;position: relative;float: left;}
.ActiveList .top .imgbox{padding-top: 4.8rem;border-radius: 10px;}
.ActiveList .top .titbox{height: 60px;line-height: 60px;background:rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;width: 100%;padding:0 0.32rem;z-index: 10;}
.ActiveList .top .tit{width: 70%;float: left;font-size: 20px;color:#fff;}
.ActiveList .top .date{float: right;color:#fff;}
.ActiveList .top .date em{color:#fcb600;margin-right: 8px;font-size: 24px;}
.ActiveList .sitem{margin-bottom: 0.26rem;}
.ActiveList .sitem:last-child{margin-bottom: 0;}
.ActiveList .sitem a{padding:0.3rem;height: 2.27rem;border-radius: 5px;background:#f7f7f7;}
.ActiveList .sitem .imgbox{padding-top: 1.66rem;width: 2.4rem;border-radius: 5px;}
.ActiveList .sitem .info{vertical-align: top;padding-left: 0.25rem;}
.ActiveList .sitem .ti{font-size: 20px;}
.ActiveList .sitem .line{margin-top: 0.1rem;height: 0.09rem;border-top: 1px solid #e5e5e5;}
.ActiveList .sitem .desc{color:#999999;}
.ActiveList .sitem .date{color:#999999;line-height: 45px;}
.ActiveList .sitem .date em{color:#fcb600;margin-right: 8px;font-size: 24px;}

.ActiveList ul{margin-left: -4%;padding-bottom: 1%;}
.ActiveList .item{width: 46%;float: left;margin:0 0 4% 4%;float: left;}
.ActiveList .item a{display: block;padding:0.23rem;background:#f7f7f7;border-radius: 10px;}
.ActiveList .item .date{line-height: 43px;color:#999999;}
.ActiveList .item .date em{color:#fcb600;margin-right: 9px;font-size: 24px;}
.ActiveList .item .desc{color:#999999;line-height: 24px;height: 48px;}
.ActiveList .item .line{margin-top: 0.19rem;height: 0.12rem;border-top: 1px solid #e5e5e5;}
.ActiveList .item .tit{font-size: 20px;}

.StyleList{padding-bottom: 0.75rem;border-top: 1px solid #e5e5e5;}
.StyleList .table{padding:0.42rem 0;border-bottom: 1px solid #e5e5e5;}
.StyleList .imgbox{width: 16.66%;padding-top:1.62rem;border-radius: 12px;}
.StyleList .imgbox img{border-radius: 0.12rem;}
.StyleList .info{padding: 0.07rem 0.4rem 0 1.84rem;position: relative;vertical-align: top;}
.StyleList .tit{margin-bottom: 0.29rem;font-size: 20px;}
.StyleList .date{position: absolute;left: 0; top: 0.07rem;}
.StyleList .date:after{left: 1.04rem;height: 1px;width: 0.4rem;content: "";top: 0.16rem;position: absolute;background:#d9d9d9;}
.StyleList .date i{display: block;width: 30px;height: 24px;border-radius: 4px;background:#fcb600 url(../images/ico/arr_more4.png) center center no-repeat;margin-top:16px;transition: all 0.3s;}
.StyleList .desc{line-height: 24px;color:#9b9b9b;}
.StyleList .item:hover .date i{margin-left: 15px;}

.EquityList{padding-bottom: 0.24rem;}
.EquityList .item{margin-bottom: 0.6rem;}
.EquityList .table{padding: 0.4rem;background:#f7f7f7;}
.EquityList .imgbox{width: 32%;padding-top:21.5%;border-radius: 0.12rem;}
.EquityList .imgbox img{border-radius: 0.12rem;}
.EquityList .info{padding: 0.18rem 0 0 0.35rem;position: relative;vertical-align: top;}
.EquityList .tit{margin-bottom: 0.26rem;line-height:0.61rem;font-size: 20px;transition: all 0.3s;border-bottom: 1px solid #e5e5e5;}
.EquityList .date {text-align: center;width: 74px;}
.EquityList .date em{display:block;color:#fcb600;font-size: 0.36rem;line-height:38px;}
.EquityList .desc{line-height: 24px;color:#9b9b9b;margin-bottom: 0.5rem;}
.EquityList .other{color:#9b9b9b;position: relative;}
.EquityList .other .more{position: absolute;right: 0;bottom: 0;width: 140px;line-height: 36px;border-radius: 20px;border:0.02rem solid #fcb600;text-align: center;color:#fcb600;}
.EquityList .other .more i{margin-right: -0.13rem;}
.EquityList .item:nth-child(even) .info{padding-left: 0;padding-right: 0.35rem;}

.SubTit3{margin-bottom: 0.41rem;line-height: 0.79rem;border-bottom: 1px solid #e5e5e5;}
.SubTit3 h2{display: inline-block;vertical-align: bottom;position: relative;font-size: 0.32rem;font-weight: normal;}
.SubTit3 h2:after{position: absolute;left: 0;bottom: -2px;width: 100%;height: 3px;content: "";background:#fcb600;}

.GuideList{margin-left: -0.29rem;padding-bottom: 1%;}
.GuideList .item{width: 33.333%;float: left;padding:0 0 0.29rem 0.29rem;}
.GuideList .info{position: relative;height: 180px;padding:0.35rem 0.4rem 0 1.07rem;background:#f7f7f7;}
.GuideList .ico{position: absolute;top: 0.47rem;left: 0.36rem;width: 0.54rem;height: 0.45rem;}
.GuideList .ti{margin-bottom: 0.16rem;border-bottom: 1px solid #e5e5e5;line-height:0.58rem;font-size: 20px;color:#999999;}
.GuideList .tel{font-size: 24px;}
.GuideList .mail{font-size: 24px;}

.GuideInfo{background:#f7f7f7;padding:0.7rem;font-size: 20px;}
.GuideInfo:not(:last-child){margin-bottom: 3%;}

@media(max-width:1280px){
	.ActiveList .sitem a {padding:0.15rem;}
}
@media(max-width:1024px){
	.GuideList .item{width: 50%;}
	.GuideList .ico{left: 0.18rem;}
	.GuideList .info{padding:0.3rem 0 0.3rem 0.8rem;}
}
@media(max-width:767px){
	.ClassList .imgbox{width: auto;display: block;padding-top: 64.5%;}
	.ClassList .info{display: block;padding:0.3rem 0.3rem 0;}
	.ClassList .tit{font-size:15px !important;margin-bottom: 0;}
	.ClassList .desc{line-height: 24px;}
	.ClassList .other{padding-top: 0.2rem;margin-top: 0.2rem;}

	.ActiveList ol li{width: auto;float: none;margin-bottom: 0.3rem !important;}
	.ActiveList .item{width: auto;float: none;}
	.ActiveList .top .imgbox{padding-top: 64%;}
	.ActiveList .sitem .imgbox{width: auto;display: block;padding-top: 64%;}
	.ActiveList .sitem .info{padding:0.3rem;display: block;}
	.ActiveList .sitem .ti,.ActiveList .item .tit,.ActiveList .top .tit{font-size: 15px;}

	.StyleList{padding-bottom: 0.2rem;}
	.StyleList .table{padding:0 0 0.2rem;border-bottom: 0;}
	.StyleList .imgbox{width: auto;padding-top: 64%;display: block;}
	.StyleList .info{display: block;padding:0.3rem;}
	.StyleList .date{position: static;}
	.StyleList .desc{-webkit-line-clamp: 2;}
	.StyleList .tit{font-size: 15px;margin-bottom: 0;}
	.StyleList .date{margin-bottom: 0.12rem;}
	.StyleList .date:after{display: none;}
	.StyleList .date i{display: none;}

	.EquityList .item{margin-bottom: 0.4rem;}
	.EquityList .imgbox{width: auto;padding-top: 64%;display: block;}
	.EquityList .info{display: block;padding:0.3rem 0 0;}
	.EquityList .tit{font-size: 15px;line-height: 35px;margin-bottom: 0.12rem;}
	.EquityList .desc{margin-bottom: 0.12rem;}
	.EquityList .table{padding: 0.3rem;}
	.EquityList .other .more{width: 95px;line-height: 24px;bottom: 0.15rem;}
	.EquityList .other .more i{font-size: 20px;}
	.EquityList .date em{font-size: 24px;line-height: 30px;}

	.SubTit3 h2{font-size: 20px;}
	.GuideList .item{width: auto;float: none;}
	.GuideList .info{height: auto;padding-bottom: 0.3rem;}
	.GuideList .ti{font-size: 16px;}
	.GuideList .tel,	.GuideList .mail{font-size: 20px;}
	.GuideInfo{padding:0.4rem;font-size: 16px;}
}

/* 新闻中心 */
.PhotoNews{margin-left: -4%;}
.PhotoNews .item{width: 33.333%;float: left;padding:0 0 4.5% 4%;}
.PhotoNews .imgbox{padding-top:67.57%;border-radius: 0.12rem;margin-bottom: 0.43rem;}
.PhotoNews .imgbox:After{width: 0.65rem;height: 0;background:url(/cn/res/images/imgpoint.png) no-repeat;background-size:contain;content: "";transition: all 0.3s;position: absolute;z-index: 10;left: 0;top: 0;}
.PhotoNews .imgbox img{border-radius: 0.12rem;}
.PhotoNews .date{vertical-align: top;width: 86px;text-align: center;padding-right: 23px;color:#9b9b9b;line-height: 20px;position: relative;}
.PhotoNews .date:After{position: absolute;right: 0;top: 7px;height: calc(100% - 7px);content: "";width: 1px;background:#e5e5e5;}
.PhotoNews .date em{display: block;line-height: 34px;margin-bottom: 6px;font-size: 0.36rem;color:#1a1a1a;}
.PhotoNews .info{padding-left: 0.34rem;}
.PhotoNews .ti{font-size: 20px;margin-bottom: 0.16rem;min-height: 60px;}
.PhotoNews .desc{line-height: 24px;color:#9b9b9b;min-height: 48px;margin-bottom: 0.39rem;}
.PhotoNews .iconyjt{line-height: 24px;}
.PhotoNews .item:hover .imgbox:After{height: 0.55rem;}
.PhotoNews .item:hover .date em{color:#fcb600;}

.NewsList{margin:-0.6rem 0 0.8rem;}
.NewsList .item{position: relative;border-bottom: 1px solid #e5e5e5;}
.NewsList .imgbox{border-radius: 12px;padding-top: 2.96rem;width: 30.41%;display: none;}
.NewsList .date{width: 1.26rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-right: 0.13rem;text-align: center;color:#9b9b9b;}
.NewsList .date:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height:100%;content: "";background:#d9d9d9;}
.NewsList .date em{display:block;color:#1a1a1a;line-height: 36px;font-size: 0.36rem;}
.NewsList .info{padding:0 2.33rem 0 1.67rem;}
.NewsList .tit{font-size: 20px;margin-bottom: 0.12rem;}
.NewsList .table{padding:0.5rem 0;}
.NewsList .desc{color: #9b9b9b;}
.NewsList .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.NewsList .more em{display: inline-block;border-radius: 20px;line-height: 36px;border:2px solid #dcdcdc;color:#333333;width: 140px;text-align: center;transition: all 0.3s;}
.NewsList .more em i{font-size: 20px;color:#8e8e8e;margin: -2px 0 0 4px;}
.NewsList .item.on .table{padding:0.6rem 0;}
.NewsList .item.on .imgbox{display: table-cell;}
.NewsList .item.on .desc{-webkit-line-clamp: 2;line-height: 24px;}
.NewsList .item.on .info{padding:0.18rem 0 0 4.1%;vertical-align: top;}
.NewsList .item.on .tit{line-height: 0.6rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.25rem;}
.NewsList .item.on .date{position: absolute;left: 34.51%;bottom: 0.8rem;width: auto;top: auto;transform: translateY(0);}
.NewsList .item.on .date:after{display: none;}
.NewsList .item.on .date em{color:#fcb600;}
.NewsList .item.on .more{top: auto;transform: translateY(0);bottom: 0.8rem;}
.NewsList .item.on .more em{margin-right: 0.1rem;border:2px solid #fcb600;color:#fcb600;}
.NewsList .item.on .more em i{color:#fcb600;}

.MediaList ol{padding-bottom: 0.35rem;}
.MediaList .sitem {background:#f7f7f7;}
.MediaList .sitem .imgbox{width: 55.55%;padding-top: 37%;border-radius: 12px 0 0 12px;}
.MediaList .sitem .info{vertical-align: top;padding:4.8% 0.9rem 0 4.5%;}
.MediaList .sitem .date{color:#666666;font-size: 18px;}
.MediaList .sitem .ti{font-size: 0.24rem;height: 68px;margin:0.45rem 0 0.16rem;line-height: 34px;}
.MediaList .sitem .desc{color:#9b9b9b;font-size: 18px;height: 60px;margin-bottom: 1.14rem;}
.MediaList .slick-dots{ right: 0.85rem;left: auto;text-align: right;bottom: 0.85rem;}
.MediaList .slick-dots li button{border-radius: 0;width: 0.31rem;height: 2px;background:#e6e6e6}
.MediaList .slick-dots li.slick-active button{background:#fdb501}

.MediaList ul{margin-left:-2.5%;padding-bottom: 3%;}
.MediaList .item{width: 33.333%;float: left;padding:0 0 2.5% 2.5%;}
.MediaList .item a{display: block;border-radius: 12px;background:#f7f7f7;padding:0.36rem 0.36rem 0.29rem;}
.MediaList .item .date{line-height: 40px;color:#9b9b9b;margin-bottom: 0.12rem;}
.MediaList .item .date em{color:#fdb501;font-size: 0.36rem;vertical-align: top;margin-left: 8px;line-height: 28px;}
.MediaList .item .ti{font-size: 20px;height: 60px;}
.MediaList .item .more{margin-top: 0.26rem;padding-top: 0.26rem;border-top: 1px solid #e5e5e5;position: relative;}
.MediaList .item .more:After{position: absolute;left: 0;top: -1px;width: 0;height: 1px;background:#fdb604;content: "";position: absolute;transition: all 0.3s;}
.MediaList .more {color:#333333;}
.MediaList .more i{color:#fdb604;margin:-2px 0 0 5px;transition: all 0.3s;}
.MediaList .item:hover a{background:#fff;}
.MediaList .item:hover .more:After{width: 100%;}
.MediaList .item:hover .more i,.MediaList .sitem:hover .more i{margin-left: 10px;}

.ReportList{margin-left: -4%;}
.ReportList .item{width: 50%;float: left;padding:0 0 4.2% 4%;}
.ReportList .imgbox{width: 2.4rem;padding-top: 1.62rem;border-radius: 12px;}
.ReportList .table{border-radius: 12px;padding-right: 10px;}
.ReportList .info{vertical-align: top;padding:0 0 0 0.32rem;border-radius: 0 12px 12px 0;}
.ReportList .tit{line-height: 0.45rem;font-size: 20px;}
.ReportList .line{border-top: 1px solid #e5e5e5;margin-top: 0.11rem;height: 0.19rem;}
.ReportList .desc{height: 48px;line-height: 24px;color:#9b9b9b;margin-bottom: 0.14rem;}
.ReportList .date {color:#333333;}
.ReportList .date i{color:#fdb604;margin:-2px 0 0 5px;transition: all 0.3s;}
.ReportList .item:hover .table{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);box-shadow: 0 15px 38px rgba(0,0,0,0.18);}
.ReportList .item:hover .date i{margin-left: 10px;}

@media(max-width:1280px){
	.MediaList .sitem .desc {margin-bottom: 0.75rem;}
}
@media(max-width:1024px){
	.PhotoNews .item{width: 50%;}

	.MediaList .sitem .ti{margin-top: 0.16rem;}
	.MediaList .sitem .desc{margin-bottom: 0.3rem;}
	.MediaList .slick-dots{bottom: 0.6rem;}

	.ReportList .item{width: auto;float: none;}
}
@media(max-width:767px){
	.PhotoNews .item{width: auto;float: none;}
	.PhotoNews .ti{min-height: auto;font-size: 15px;margin-bottom: 5px;}
	.PhotoNews .imgbox{margin-bottom: 0.3rem;}
	.PhotoNews .date{width: 70px;padding-right: 10px;}
	.PhotoNews .desc{margin-bottom: 0.1rem;min-height: auto;}
	.PhotoNews .date em{font-size: 24px;margin-bottom: 0;}

 .NewsList {margin-top: -4%;}
 .NewsList .table{padding:4% 0 !important;}
 .NewsList .item.on .imgbox{display: block;width: auto;padding-top: 64%;}
 .NewsList .item.on .info{display: block;padding:0.1rem 0.3rem 0;}
	.NewsList .more{display: none;}
	.NewsList .info{padding-right: 0;position: relative;}
	.NewsList .item.on .date{top: -65px;width: 80px;background:rgba(0,0,0,0.2);border-radius: 0 10px 0 10px;bottom: auto;padding:5px 0 5px;left: 0;color:#fff;}
	.NewsList .tit{font-size: 15px;}
	.NewsList .item.on .tit{line-height: 35px;margin-bottom: 0.12rem;}
	.NewsList .date em{font-size: 24px;line-height: 30px;}

	.MediaList .sitem .imgbox{width: auto;display: block;padding-top: 64%;border-radius: 12px 12px 0 0;}
	.MediaList .sitem .info{display: block;padding: 0.3rem;}
	.MediaList .sitem .ti{height: auto;font-size: 15px;margin:0px 0 5px;line-height: 24px;}
	.MediaList .sitem .desc{height: auto;font-size: 14px;margin-bottom: 0.1rem;}
	.MediaList .sitem .date{font-size: 14px;}
	.MediaList .slick-dots{bottom: 0.4rem;}

	.MediaList .item{width: auto;float: none;}
	.MediaList .item .ti{height: auto;font-size: 15px;}
	.MediaList .item .date{line-height: 24px;margin-bottom: 8px;}
	.MediaList .item .date em{font-size: 20px;line-height: 24px;}
	.MediaList .item .more{margin-top: 0.2rem;padding-top: 0.2rem;}

	.ReportList .imgbox{width: auto;display: block;padding-top: 64%;}
	.ReportList .info{display: block;padding: 0.3rem;}
	.ReportList .tit{font-size: 15px;line-height: 24px;}
}

/* 联系优德88 */
.ContactUs{margin-left: -3%;}
.ContactUs .item{width: 47%;float: left;margin:0 0 3% 3%;background:#f8f8f8;height: 230px;line-height: 36px;padding:0.47rem 0.4rem 0 0.4rem;color:#999999;overflow: hidden;position: relative;float: left;}
.ContactUs .ico{position: absolute;right: 0.37rem;bottom: -0.3rem;width: 1.2rem;height: 1.2rem;transition: all 0.3s;z-index: 2;}
.ContactUs .title{color:#333333;font-size: 0.3rem;margin-bottom: 0.27rem;position: relative;}
.ContactUs .item:after{left: 0;top: 0.5rem;width: 3px;height: 30px;background:#fcb600;content: "";position: absolute;transition: all 0.3s;}
.ContactUs .desc span{color:#d0a254;display: inline-block;}
.ContactUs .item:hover:after {top: 0;height: 100%;}
.ContactUs .item:hover .ico{bottom: 0;}

.ContactMap{padding-top: 1%;}
.ContactMap .TabNav{text-align: center;margin-bottom: -1px;position: relative;z-index: 2;}
.ContactMap .TabNav .slick-track{display: inline-block;vertical-align: top;}
.ContactMap .TabNav .item{display: inline-block;float: none !important;cursor: pointer;position: relative;overflow: hidden;border-radius: 0.24rem;line-height: 0.5rem;padding:0 0.1rem;vertical-align: top;padding-bottom: 39px;}
.ContactMap .TabNav .item em{display: none;}
.ContactMap .TabNav .item:After{content: "";background:#f7f5f3;height: 0.5rem;top: 0;border-radius: 0.24rem;position: absolute;width: calc(100% - 0.2rem);left: 0.1rem;}
.ContactMap .TabNav .item span{position: relative;z-index: 2;display: block;}
.ContactMap .TabNav .item.on:after,.ContactMap .TabNav .item:hover:after{top: 100%;}
.ContactMap .TabNav .item.on,.ContactMap .TabNav .item:hover{color:#fcb600;}
.ContactMap .TabNav .item.on span:before,
.ContactMap .TabNav .item:hover span:before{content: "";width: 100%;left: 0;height: 100%;border:2px solid #fcb600;position: absolute;border-radius: 0.24rem;}
.ContactMap .TabNav .item.on:before,
.ContactMap .TabNav .item:hover:before{content: "";background:#fff;width: 0.25rem;height: 0.25rem;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;position: absolute;bottom: -0.12rem;left: 50%;transform: translateX(-50%) rotate(-45deg) skew(-10deg, -10deg);}
.ContactMap .TabNav .slick-arrow{transform: translateY(0);top: -0.05rem;}
.ContactMap .mapbox {border: 1px solid #eaeaea;padding:0.39rem;position: relative;}
#allMap ul{background:#fff;box-shadow: 0  0 50px rgba(0,0,0,0.03);padding:0.12rem;position: relative;text-align: left;}
#allMap ul h3{line-height: 35px;font-size: 24px;font-weight: normal;padding-bottom: 0.1rem;border-bottom: 1px solid #f1f1f1;margin: -0.2rem 0 0.17rem;}
#allMap ul .item dt{color:#999999;margin-bottom: 10px;font-size: 18px;}
#allMap ul .item .tel{color: #d0a254;font-size: 24px;}
#allMap ul .item .add{color: #333333;font-size: 18px;}
#allMap ul .item dl:not(:last-child){margin-bottom: 0.1rem;padding-bottom: 0.1rem;border-bottom: 1px solid #f1f1f1;}
#allMap{height:5.4rem;}
#allMap img{ max-width:none;}

@media(max-width:1024px){
	.ContactUs .item{line-height: 24px;}
	.ContactMap .TabNav .slider{padding:0 15px;}
	.ContactMap .TabNav .slick-arrow{width: 30px;height: 30px;top: 2px;}
	.ContactMap .TabNav .slick-prev{left: -13px;}
	.ContactMap .TabNav .slick-next{right: -14px;}
}
@media(max-width:767px){
	.ContactUs .item{width: 100%;float: none;height: auto;padding-top: 0.4rem;padding-bottom: 0.4rem;}
	.ContactUs .title{font-size: 20px;margin-bottom: 0.1rem;}
	.ContactMap .TabNav .item{line-height: 35px;padding-bottom: 15px;}
	.ContactMap .TabNav .item:After{height: 35px;}
	#allMap{height: 500px;}
	#allMap ul{width: 80%; margin: 0px auto;white-space: normal;}
	#allMap ul .item dt{font-size: 15px;}
	#allMap ul .item .tel{font-size: 18px;}
	#allMap ul .item .add{font-size: 14px;}

	.rotate-circle{position: absolute !important;top: 320px !important;right: -15px;}
	.tmap-zoom-control{position: absolute !important; right: -15px;top: 400px;}
}

/* 加入优德88 */
.HrLeft{width: 3.12rem;float: left;padding-right: 0.32rem;}
.HrLeft .title{line-height: 22px;font-size: 24px;margin-bottom: 0.39rem;}
.HrLeft .title img{display: inline-block;vertical-align: middle;margin-right: 9px;}
.HrLeft .SearchInput{border-radius: 0.3rem;background:#f7f7f7;position: relative;padding:0 0.6rem 0 0.29rem;margin-bottom: 0.22rem;}
.HrLeft .SearchInput input{width: 100%;height: 0.6rem;}
.HrLeft .SearchInput button{position: absolute;width: 0.25rem;height: 0.25rem;right: 0.21rem;top: 50%;transform: translateY(-50%);background: transparent;padding: 0;}
.HrLeft .SearchInput button img{width: 100%;}
.HrLeft .SearchSelect{margin-bottom: 0.22rem;}
.HrLeft .SearchSelect select{width: 100%;height: 0.6rem;padding:0 0.6rem 0 0.29rem;background: #f7f7f7 url(../images/select.png) right 0.26rem center no-repeat;border-radius: 0.3rem;color: #1a1a1a;}
.HrLeft .sendbtn{width: 100%;height: 0.6rem;border-radius: 0.3rem;color:#fff;background:#fcb600;font-size: 22px;}
.HrLeft .sendbtn:hover{background:#d0a254;}
.HrRight{float: right;width: calc(100% - 3.12rem);padding-left: 0.39rem;border-left: 1px solid #e5e5e5;}

.HrList{padding-bottom: 0.6rem;}
.HrList .thead{background:#d0a254;}
.HrList .thead .cell{height: 0.7rem;color:#fff;font-size: 0.22rem;}
.HrList .cell{padding: 0 0.1rem;text-align: center;}
.HrList .w1{width: 19%;text-align: left;padding-left: 0.5rem;}
.HrList .w2{width: 18%;}
.HrList .w3{width: 18%;}
.HrList .w4{width: 18%;}
.HrList .w5{width: 18%;}
.HrList .item:nth-child(odd){background:#f8f8f8;}
.HrList .item .info{cursor: pointer;}
.HrList .item .iconyjt{transition: all 0.3s;}
.HrList .item.on .cell,.HrList .item:hover .cell{color:#d0a254;background: #f7f5f3;}
.HrList .item.on .more{height: 1px;}
.HrList .item .cell{height: 0.7rem;font-size: 18px;color:#666666;}
.HrList .item .w1{color:#1a1a1a;}
.HrList .item .more{display: block;width: 13px;height: 13px;background:url(/cn/res/images/jia.gif) center center no-repeat;margin:0px auto;transition: all 0.3s;}
.HrList .detail{padding:0 0 0.5rem 0.5rem;position: relative;display: none;color:#666666;}
.HrList .detail .sti{font-size: 18px;color:#333333;padding: 0.5rem 0 0.16rem;}
.HrList .detail .sitem{display: none;}
.HrList .applybtn{width: 180px;text-align: center;line-height: 51px;color:#fff;font-size: 0.18rem;border-radius: 30px;background:#fcb600;display: block;margin-top: 36px;}
.HrList .applybtn i{display: inline-block;vertical-align: middle;width: 20px;height: 1px;background:#fff;position: relative;margin-left: 14px;transition: all 0.3s;}
.HrList .applybtn i:after{position: absolute;width: 5px;height: 5px;border-radius: 50%;content: "";border:1px solid #fff;right: -5px;top: -2px;}
.HrList .applybtn:hover{background: #d0a254;}
.HrList .applybtn:hover i{margin-left: 8px;}

.JobPop{width: 11rem;z-index: 1000;background:#fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.12);margin:0px auto;position: relative;max-height: 50%;overflow-y: auto;}
.JobPop .Content{padding:0.5rem;overflow: hidden;}
.JobPop .toptit{text-align: center;line-height: 2.5;background:url(/cn/res/images/linebg.gif) 0px bottom repeat-x;font-size: 0.36rem;color:#d0a254;margin:-0.2rem 0 0.4rem;}
.JobPop .imgbox{width: 40%;float: left;}
.JobPop .imgbox img{border-radius: 12px;width: 100%;}
.JobPop .Info{width: 55%;float: right;}
.JobPop .Info .tithead{padding:0.18rem 0 0.29rem;}
.JobPop .Info .tithead .year{color:#d0a254;font-size: 0.2rem;margin-bottom: 0.13rem;}
.JobPop .Info .tithead h1{font-size: 0.24rem;font-weight: normal;border-bottom: 2px solid #d0a254;padding-bottom: 0.47rem;}
.JobPop .Info .SinglePage{font-size: 0.18rem;}
.JobPop  .mfp-close{width: 0.74rem;height: 0.74rem;line-height: 0.74rem;text-align: center;background:#d0a254;color:#fff !important;opacity: 1;font-size: 0.5rem;font-weight: normal;}

.JobForm{ color:#666666; margin:0px 0px 0px -2%;}
.JobForm dl{ width:48%; float:left; margin:0 0 0.2rem 2%; line-height:0.4rem; position: relative;height: 0.4rem;}
.JobForm dl dt{position: absolute;left:0;top:0; text-align:right;width:90px;}
.JobForm dl dd{margin-left:100px;}
.JobForm dl.auto{ width:auto; float:none;height: auto;clear: both;}

.JobForm .input { border:1px solid #dbdbdb; width:100%; height:0.4rem; line-height:0.38rem;display: block;}
.JobForm .textarea { border:1px solid #dbdbdb; width:100%; height:1.16rem; line-height:23px;display: block;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn{width: 180px;text-align: center;height: 51px;color:#fff;font-size: 18px;border-radius: 30px;}
.JobForm .upload{color:#d0a254;text-decoration: underline;}
.JobForm .upload:hover{text-decoration: none;}
.JobForm .sendbtn{background:#fcb600;}
.JobForm .resetbtn{ background:#999;margin-left: 0.3rem;}

@media(max-width:1024px){
	.HrLeft{width: auto;float: none;padding: 0 0 0.4rem 0;}
	.HrRight{width: auto;float: none;padding-left: 0;border-left: 0;}
	.JobPop{width: 94%;}
}
@media(max-width:767px){
	.HrLeft .SearchInput input,
	.HrLeft .SearchSelect select{height: 35px;}
	.HrLeft .sendbtn{height: 35px;width: 150px;font-size: 16px;}
	.HrList .w2,.HrList .w3,.HrList .w4{display: none;}
	.HrList .thead .cell{font-size: 15px;}
	.HrList .item .cell{font-size: 15px;}
	.HrList .item .w1{padding:10px;font-size: 15px;}
	.HrList .w1{width: 40%;}
	.HrList .w5{width: 40%;}
	.HrList .detail .sti{padding-top: 0.4rem;font-size:16px;}
	.HrList .detail .sitem{display: block;padding-top: 0.4rem;}
	.HrList .detail .sitem span{display: block;}
	.HrList .applybtn{width: 110px;line-height: 30px;font-size: 14px;margin-top: 20px;}
	.HrList .applybtn i{width: 8px;margin-left: 5px;}

	.JobForm dl{width: auto;float: none;height: auto;line-height: 24px;}
	.JobForm .input{height: 30px;line-height: 28px;}
	.JobForm .btn dd{margin-left: 0;text-align: center;}
	.JobForm dl dt{position: static;width: auto;text-align: left;}
	.JobForm dl dd{margin-left: 0;}
	.JobForm .btn {width: 110px;height: 35px;font-size: 16px;}
	.JobForm .textarea{height: 80px;}

	.JobPop .imgbox{width: 80%;margin:0px auto;float: none;}
	.JobPop .Info{width:auto;float: none;}
	.JobPop .Info .tithead .year{font-size: 15px;}
	.JobPop .Info .tithead h1{font-size: 18px;}
	.JobPop .Info .SinglePage{font-size: 14px;}
}

/* 培训发展 */
.TrainList .Item{margin-bottom: 0.6rem;}
.TrainList .Info{width: 47.91%;float: left;padding-top: 0.46rem;}
.TrainList .title{border-bottom: 1px solid #e0e0e0;line-height: 0.4rem;padding-bottom: 0.29rem;margin-bottom: 0.26rem;}
.TrainList .title h3{font-size: 0.32rem;color:#666666;font-weight: normal;margin-bottom: 0.15rem;}
.TrainList .title h4{font-size: 0.36rem;color:#1a1a1a;}
.TrainList .desc{line-height:28px;color:#999999;}
.TrainList .date{color:#9b9b9b;font-size: 0.24rem;padding-bottom: 0.51rem;position: relative;line-height: 0.4rem;}
.TrainList .date:after{width: 1px;left: 0.29rem;bottom: 0.15rem;height: 0.24rem;content: "";position: absolute;background:#a0a0a0;}
.TrainList .date em{color:#fcb600;font-size: 0.48rem;margin-right: 0.13rem;}
.TrainList .Imgsrcoll{width: 47.98%;float: right;}
.TrainList .tit{position: absolute;left: 0;bottom: 0;width: 100%;padding:0 1rem 0 0.4rem;line-height: 50px;color:#fff;z-index: 2;background:rgba(0,0,0,0.5);}
.TrainList .imgbox{padding-top: 4.8rem;border-radius: 12px;}
.TrainList .slick-dots{left: auto;right: 0.15rem;width: 40%;text-align: right;line-height: 58px;}
.TrainList .Item:nth-child(even) .Imgsrcoll{float: left;}
.TrainList .Item:nth-child(even) .Info{float: right;}

.StaffList ol{padding-bottom: 0.43rem;}
.StaffList .sitem .table{background:#f7f7f7;padding:0.4rem;}
.StaffList .sitem .imgbox{width: 41.5%;padding-top: 3.72rem;border-radius: 0 12px 0 12px;}
.StaffList .sitem .info{vertical-align: top;padding:0.4rem 0 0 0.35rem;}
.StaffList .sitem .date{color:#9b9b9b;line-height: 16px;padding-left: 20px;border-left: 1px solid #fcb600;}
.StaffList .sitem .date em{display:block;color:#fcb600;line-height: 26px;margin-bottom: 12px;font-size: 0.36rem;}
.StaffList .sitem .tit{font-size: 0.24rem;margin:0.38rem 0 0.2rem;}
.StaffList .sitem .more {border:0.02rem solid #e0e0e0;width: 144px;line-height: 44px;border-radius: 0 10px 0 10px;text-align: center;color:#333333;}
.StaffList .sitem .more i{color:#fdb604;margin:-2px 0 0 5px;transition: all 0.3s;}
.StaffList .sitem .desc{color:#9b9b9b;font-size: 18px;height: 60px;margin-bottom: 0.54rem;}
.StaffList .sitem:hover .more{color:#fdb604;border:0.02rem solid #fdb604;}
.StaffList .slick-dots{ right: 0.85rem;left: auto;text-align: right;bottom: 0.65rem;width: 50%;}
.StaffList .slick-dots li button{background:#e6e6e6;width: 8px;height: 8px;}
.StaffList .slick-dots li.slick-active button{background:#fdb501}

.StaffList ul{margin-left:-2.5%;padding-bottom: 3%;}
.StaffList .item{width: 33.333%;float: left;padding:0 0 2.5% 2.5%;}
.StaffList .item .info{position: relative;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius: 12px;overflow: hidden;}
.StaffList .item a{display: block;background-color:#f7f7f7;padding:0.4rem 0.34rem 0;height: 2.23rem;position: relative;z-index: 2;}
.StaffList .item .date{line-height: 32px;color:#fdb709;margin-bottom: 0.19rem;border-radius: 0 10px 0 10px;width: 120px;border:0.02rem solid #e0e0e0;text-align: center;}
.StaffList .item .tit{font-size: 20px;margin-bottom: 0.15rem;}
.StaffList .item .desc{line-height: 24px;color:#9b9b9b;}
.StaffList .item:hover a{background-color: rgba(208,162,84,0.9);color:#fff;}
.StaffList .item:hover .date{color:#fff;border:0.02rem solid rgba(255,255,255,0.4);}
.StaffList .item:hover .desc{color:#fff;}

@media(max-width:767px){
	.TrainList .Info{width: auto !important;float: none;padding:0 0 0.4rem;}
	.TrainList .Imgsrcoll{width: auto !important;float: none;}
	.TrainList .imgbox{padding-top: 64%;}
	.TrainList .desc{line-height: 24px;}
	.TrainList .date{font-size: 16px;}
	.TrainList .date em{font-size: 24px;}
	.TrainList .title {line-height: 30px;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
	.TrainList .title h3{font-size: 16px;margin-bottom: 0;}
	.TrainList .title h4{font-size: 18px;}

	.StaffList ol{padding-bottom: 0.3rem;}
	.StaffList .sitem .imgbox{width: auto;padding-top: 64%;display: block;}
	.StaffList .sitem .info{padding:0.3rem 0 0;display: block;}
	.StaffList .sitem .tit{font-size: 15px;margin:0.12rem 0;}
	.StaffList .sitem .desc{font-size: 14px;margin-bottom: 0.12rem;height: auto;}
	.StaffList .sitem .date em{font-size: 24px;margin-bottom: 5px;}
	.StaffList .sitem .more{width: 90px;line-height: 24px;}
	.StaffList .sitem .more i{font-size: 20px;margin-left: 0;}
	.StaffList .item{width: auto;float: none;margin-bottom: 0.3rem;}
	.StaffList .item a{height: auto;padding:0.3rem;}
	.StaffList .item .tit{font-size: 15px;margin-bottom: 0.12rem;}
	.StaffList .item .date{width: 95px;line-height: 24px;}
}

/* 公司业务 */
.BusinessList{margin:0 0 0 -0.2rem;}
.BusinessList .item{padding:0 0 0.2rem 0.2rem;float: left;width: 38.88%;}
.BusinessList .item .imgbox{padding-top: 3.6rem;}
.BusinessList .item .imgbox:After{left: 0;bottom: 0;width: 100%;height: 25%;z-index: 1;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(119,77,20,0) , rgba(119,77,20,0.6));}
.BusinessList .item a{display: block;position: relative;}
.BusinessList .item .ti{position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;font-size: 0.24rem;padding:0.36rem 0.39rem;color:#fff;transition: all 0.3s;}
.BusinessList .item:nth-child(4n+1){width: 40.27%;}
.BusinessList .item:nth-child(4n+1) .imgbox,.BusinessList .item:nth-child(4n+1) .imgbox:after{border-radius: 10px 0 0 10px;}
.BusinessList .item:nth-child(4n+2){width: 59.72%;}
.BusinessList .item:nth-child(4n+2) .imgbox,.BusinessList .item:nth-child(4n+2) .imgbox:after{border-radius: 0 10px 10px 0;}
.BusinessList .item:nth-child(4n+3){width: 59.72%;}
.BusinessList .item:nth-child(4n+3) .imgbox,.BusinessList .item:nth-child(4n+3) .imgbox:after{border-radius: 10px 0 0 10px;}
.BusinessList .item:nth-child(4n+4){width: 40.27%;}
.BusinessList .item:nth-child(4n+4) .imgbox,.BusinessList .item:nth-child(4n+4) .imgbox:after{border-radius: 0 10px 10px 0;}
.BusinessList .item:hover .ti{bottom: 0.1rem;}

.ServiceList{}
.ServiceList .item{background:#f7f7f7;margin-bottom: 0.7rem;padding:0.64rem 0.8rem;}
.ServiceList .item:last-child{margin-bottom: 0;}
.ServiceList .item .info{width: 55%;float: left;padding-top: 0.23rem;}
.ServiceList .item .ti{line-height: 1.17rem;font-size: 0.32rem;border-bottom: 1px solid #dedede;margin-bottom: 0.29rem;}
.ServiceList .item .ti i{font-family: "RobotoR";font-size: 0.48rem;color:#fcb600;margin-right: 0.37rem;display: inline-block;position: relative;vertical-align: middle;}
.ServiceList .item .ti i:After{border-left: 1px solid #dedede;width: 15px;top:50%;height: 44px;transform: translateY(-40%) rotate(30deg);content: "";position: absolute;background:#f7f7f7;right: -8px;}
.ServiceList .item dd{line-height: 0.4rem;min-width: 2.58rem;padding-right:0.15rem;padding-left: 12px;position: relative;font-size: 18px;display: inline-block;vertical-align: top;transition: all 0.3s;}
.ServiceList .item dd:After{position: absolute;left: 0;top: 50%;width: 4px;height: 4px;border-radius: 50%;background:#fcb600;content: "";transition: all 0.3s;margin-top: -2px;}
.ServiceList .item dd a{color:#666666;}
.ServiceList .item dd a:hover{color:#fcb600;}
.ServiceList .item dd:hover{padding-left: 16px;}
.ServiceList .item dd:hover:After{left: 3px;}
.ServiceList .item .imgbox {padding-top: 31.8%;width: 31.8%;float: right;border-radius: 50%;}
.ServiceList .item .imgbox:after{width: 100%;height: 100%;border-radius: 50%;left: 0;top: 0;content: "";position: absolute;background:url(/cn/res/images/yuanbg6.png) center center no-repeat;background-size: contain;}
.ServiceList .item .imgbox img{border-radius: 50%;}
.ServiceList .item .imgbox span{border-radius: 50%;width: 90%;height: 90%;left: 5%;top: 5%;}
.ServiceList .item:hover .imgbox:after{animation: turn 3s linear infinite;}
.ServiceList .item:nth-child(2n+2) .info{float: right;}
.ServiceList .item:nth-child(2n+2) .imgbox{float: left;}

@media(max-width:767px){
	.ServiceList .item .info{width: auto;float: none !important;}
	.ServiceList .item .imgbox{width: 80%;float: none !important;padding-top: 80%;margin:0px auto;}
	.ServiceList .item .ti{font-size: 18px;}
	.ServiceList .item dd{font-size: 15px;line-height: 2;}
}
@media(max-width:580px){
	.BusinessList .item .ti{font-size: 15px;padding:10px 0 10px 10px;color:#fff;transition: all 0.3s;}
	.BusinessList .item .imgbox{padding-top: 3rem;}
}

/* 产品专区 */
.HomePro{position: relative;background: transparent;padding-top: 0;}
.HomePro:After,.HomePro:before{display: none;}
.ProList{padding-bottom: 0.4rem;}
.ProList .item{background:#f7f7f7;margin-bottom: 0.4rem;padding:0.41rem 0.48rem 0.38rem 0.48rem;}
.ProList .ti{font-size: 0.2rem;margin-bottom: 0.3rem;}
.ProList dl{float: left;padding-right: 50px;}
.ProList dl:last-child{padding-right: 0px;}
.ProList dl dt{float: left;color:#999999;padding-right: 20px;}
.ProList dl dd{float: left;color:#fff;padding:0 12px;background:#d0a254;margin: 0 10px 10px 0;}
.ProList dl.fx dd{background:#eeaf32;}

.TipPopbox{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1000;background:rgba(0,0,0,0.3);width: 100%;height: 100%;}
.TipPopbox .content{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1001;background:#fff;border-radius: 15px;width: 10rem;}
.TipPopbox .content .toptit{line-height: 0.72rem;font-size: 0.24rem;border-radius: 15px 15px 0 0;padding:0 0.58rem;background:#fcb600;color:#fff;position: relative;}
.TipPopbox .content .toptit:After{display: inline-block;width: 24px;height: 21px;vertical-align: middle;margin-left: 16px;background:url(/cn/res/images/tip.png);content: "";}
.TipPopbox .content .toptit .close{position: absolute;right: 0.4rem;top: 0;cursor: pointer;transition: all 0.3s;}
.TipPopbox .content .toptit .close:hover{transform: scale(1.3);}
.TipPopbox .content .inner{padding:0.6rem;font-size: 18px;line-height: 36px;}
.TipPopbox .content .tip{border-bottom: 1px dashed #dcdcdc;padding-bottom: 18px;}
.TipPopbox .content .ti {margin: 18px 0 10px;padding-left: 45px;position: relative;}
.TipPopbox .content .ti span{position:absolute;left:0;top:2px;text-align: center;color:#fff;border-radius: 50%;width: 32px;height: 32px;line-height: 32px;background:#d0a254;margin-right: 15px;}
.TipPopbox .content .p{position: relative;padding-left: 12px;}
.TipPopbox .content .p:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";border-radius: 50%;background:#fcb600;width: 4px;height: 4px;}
.TipPopbox .btn{clear: both;padding-top: 0.5rem;}
.TipPopbox .btn a{min-width: 2.4rem;padding:0 10px;text-align: center;line-height: 0.66rem;border-radius: 0.33rem;display: inline-block;vertical-align: middle;cursor: pointer;}
.TipPopbox .btn a.yes{background: #fcb600;margin-right: 0.36rem;color:#fff;}
.TipPopbox .btn a.yes:hover{background: #f1ae01;}
.TipPopbox .btn a.no{background: #eeeeee;}
.TipPopbox .btn a.no:hover{background: #e2e2e2;}

@media(max-width:1024px){
	.TipPopbox .content{width: 90%;}
}
@media(max-width:580px){
	.TipPopbox .content .toptit{line-height: 40px;font-size: 18px;}
	.TipPopbox .btn a{line-height: 35px;}
	.TipPopbox .content .inner{font-size: 14px;line-height: 24px;}

	.ProList .item{padding:0.3rem;}
	.ProList .ti{font-size: 16px;}
}

<!--0.00038790702819824-->