@charset "utf-8";
@import url("./base.css");

html{scroll-padding: 100px;}

/*header*/
header{z-index: 3;position: sticky;left: 0;top: 0;width: 100%;height: 80px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
/*logo*/
header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .logo img{display: block;max-height: 52px;}
/*导航-水平方向*/
header .nav-box-horizontal{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0;white-space: nowrap;}
header .nav-box-horizontal li{position: relative;display: inline-block;margin: 0 23px;font-size: 16px;line-height: 80px;transition: 0.3s;}
header .nav-box-horizontal li:after{content: "";position: absolute;left: 0;bottom: 20px;width: 100%;height: 2px;background-color: #009adc;transform: scaleX(0);transition: 0.3s;}
header .nav-box-horizontal li:first-child{margin-left: 0;}
header .nav-box-horizontal li:last-child{margin-right: 0;}
header .nav-box-horizontal li a{display: block;}
header .nav-box-horizontal li.on:after{transform: scaleX(1);}
header .nav-box-horizontal li.on a{color: #009adc;}

/*banner*/
.top-banner{position: relative;}
.top-banner::after{content: '';position: absolute;left: 50%;bottom: 30px;width: 36px;height: 36px;margin-left: -18px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iNCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zOCAyTDIwIDIwIDIgMk0zOCAyMEwyMCAzOCAyIDIwIi8+PC9nPjwvc3ZnPg==');background-size: 100% 100%;animation: arrowAni 2s linear infinite;}

/*纵向锚链接导航栏*/
.vertical-anchor-nav{z-index: 2;position: absolute;left: 3vw;top: 50vh;transform: translateY(-50%);}
.vertical-anchor-nav li{margin: 1.25em 0;}
.vertical-anchor-nav li a{position: relative;display: inline-block;vertical-align: top;padding-left: 1em;line-height: 1.75;font-weight: bold;color: #ccc;transition: .3s;}
.vertical-anchor-nav li a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .5em;height: .5em;box-sizing: border-box;border: 1px solid #ccc;border-radius: 50%;transition: .3s;}
.vertical-anchor-nav li.on a{color: #333;}
.vertical-anchor-nav li.on a::before{background-color: #6C95F1;border-color: #6C95F1;}
.vertical-anchor-nav.fixed{position: fixed;}

/*专题页*/
.topic-page{position: relative;background: #F1F4FA url(../images/topic_page_bg.jpg) center top;background-size: cover;overflow: hidden;}
/*标题*/
.topic-page .common-title{display: flex;justify-content: center;margin-bottom: 1em;font-weight: bold;}
.topic-page .common-title .name{position: relative;}
.topic-page .common-title .name::before{content: '';position: absolute;left: -48px;top: .4em;width: 4px;height: 4px;color: #6C95F1;background-color: currentColor;box-shadow: 8px 0 currentColor, 32px 0 currentColor, 8px 8px currentColor, 16px 8px currentColor, 24px 8px currentColor, 32px 8px currentColor, 0 16px currentColor, 16px 16px currentColor, 24px 16px currentColor;opacity: .3;}
.topic-page .common-title .name::after{content: '';position: absolute;right: -16px;top: .4em;width: 4px;height: 4px;color: #6C95F1;background-color: currentColor;box-shadow: 0 0 currentColor, 16px 0 currentColor, 24px 0 currentColor, 32px 0 currentColor, 0 8px currentColor, 8px 8px currentColor, 16px 8px currentColor, 24px 8px currentColor, 10px 16px currentColor, 18px 16px currentColor;opacity: .3;}
/*布局*/
.topic-page .part1{padding: 220px 0;}
.topic-page .part2{padding: 0 0 160px;}
.topic-page .part3{padding: 160px 0 190px;}
.topic-page .part4{}
.topic-page .part5{padding: 220px 0 120px;}
.topic-page .part6{padding: 140px 0;position: relative;}
.topic-page .part6 .map-bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.topic-page .part6 .map-bg .location-elem{z-index: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 160px;height: 160px;margin: auto;box-sizing: border-box;background-color: rgba(235,85,17,.06);border: 1px solid rgba(235,85,17,.2);border-radius: 50%;}
.topic-page .part6 .map-bg .location-elem:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(235,85,17,.06);border: 1px solid rgba(235,85,17,.2);border-radius: 50%;animation: scaleBtn 2s linear infinite;}
.topic-page .part6 .map-bg .location-elem:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(235,85,17,.06);border: 1px solid rgba(235,85,17,.2);border-radius: 50%;animation: scaleBtn 2s 1s linear infinite;}
.topic-page .part6 .map-bg .location-elem .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40px;height: 40px;margin: auto;}

/*倒计时信息*/
.countdown-info-box{display: flex;align-items: center;height: 120px;box-sizing: border-box;padding: 30px;background-image: linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.2));border: 1px solid rgba(255,255,255,.5);border-radius: 60px;position: relative;}
.countdown-info-box::before{content: '';position: absolute;left: 50%;bottom: 0;width: 60px;height: 60px;background-image: linear-gradient(45deg,#BFE4F6,rgba(0,0,0,0));border-radius: 50%;transform: translateY(50%);}
.countdown-info-box::after{content: '';position: absolute;right: 40px;top: -60px;width: 36px;height: 36px;background-image: linear-gradient(45deg,rgba(234,158,61,.4),rgba(0,0,0,0));border-radius: 50%;}
.countdown-info-box .btn{display: flex;justify-content: center;align-items: center;width: 160px;height: 60px;margin-right: 20px;background-image: linear-gradient(45deg,#6C95F1,#6CBBF1);border-radius: 30px;font-weight: bold;color: #fff;box-shadow: -8px 10px 12px rgba(120,161,242,.3);}
.countdown-info-box .btn .icon{width: 1em;height: 1em;margin-right: .5em;}
.countdown-info-box .info{}
.countdown-info-box .info .tit{font-weight: bold;}
.countdown-info-box .info .txt{margin-top: .2em;color: #999;}
.countdown-info-box .countdown-number{z-index: 1;position: absolute;right: 80px;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 320px;height: 320px;line-height: 1;font-weight: bold;color: #fff;}
.countdown-info-box .countdown-number::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/countdown_elem.png) center no-repeat;background-size: contain;animation: clock 60s infinite steps(60, end);}
.countdown-info-box .countdown-number i{font-size: 80px;}
.countdown-info-box .countdown-number em{display: inline-block;transform: translateX(-.3em);}
@keyframes clock{
	to{transform: rotate(360deg);}
}

/*视频*/
.video-show{position: relative;border-radius: 12px;overflow: hidden;cursor: pointer;}
.video-show .pic{padding-top: 45.61%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.video-show .play-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;}
.video-show .play-btn::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMDE2IDE0LjczNEwzLjIyIDI1LjU4N2MtMS4zMzIuNzY4LTIuOTk0LS4xOTUtMi45OTQtMS43M1YyLjE1Qy4yMjYuNjE2IDEuODg4LS4zNDcgMy4yMi40MmwxOC43OTYgMTAuODU0YzEuMzMxLjc2NyAxLjMzMSAyLjY5MyAwIDMuNDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;transform: translateX(8%);}
.video-show:hover .pic{transform: scale(1.05);}

/*邀请函*/
.invitation-box{display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;z-index: 1;position: relative;}
.invitation-box::before{content: '';z-index: -1;position: absolute;left: 6.4%;right: 0;top: 0;bottom: 0;background: #ADD5FB url(../images/invitation_bg.jpg) center no-repeat;background-size: cover;border-radius: 12px;}
.invitation-box > .con-l{width: 70%;box-sizing: border-box;padding: 30px 60px 20px;background-image: linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.4));border-radius: 12px;backdrop-filter: blur(16px);box-shadow: -4px 6px 25px rgba(0,0,0,.12);transform: translateY(40px);}
.invitation-box > .con-r{width: 30%;transform: translateX(20px);}
.invitation-box > .con-r img{width: 100%;}
.invitation-box .txt{line-height: 2;text-align: justify;}
.invitation-box .txt p{margin-bottom: 1em;}
.invitation-box .txt p:last-child{margin-top: 1.5em;text-align: right;font-weight: bold;}
.invitation-box .play-btn{z-index: 1;position: absolute;right: 220px;top: 50px;width: 48px;height: 48px;background-image: linear-gradient(180deg,#EA9A23,#EB5511);border-radius: 50%;cursor: pointer;}
.invitation-box .play-btn:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #fff;border-radius: 50%;animation: scaleBtn 2s linear infinite;}
.invitation-box .play-btn:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #fff;border-radius: 50%;animation: scaleBtn 2s 1s linear infinite;}
.invitation-box .play-btn i{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMDE2IDE0LjczNEwzLjIyIDI1LjU4N2MtMS4zMzIuNzY4LTIuOTk0LS4xOTUtMi45OTQtMS43M1YyLjE1Qy4yMjYuNjE2IDEuODg4LS4zNDcgMy4yMi40MmwxOC43OTYgMTAuODU0YzEuMzMxLjc2NyAxLjMzMSAyLjY5MyAwIDMuNDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;transform: translateX(8%);}
@keyframes scaleBtn{
	to{transform: scale(2);opacity: 0;}
}

/*论坛信息*/
.forum-info{text-align: center;}
.forum-info .tit{margin-bottom: 1em;color: #6C95F1;}
.forum-info .record{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 1em;color: #666;}
.forum-info .record span{display: flex;align-items: center;margin: 0 1em;}
.forum-info .record span .icon{width: 1.25em;height: 1.25em;margin-right: .5em;filter: brightness(0) invert(.5);}
.forum-info .btn{display: flex;justify-content: center;align-items: center;width: fit-content;height: 60px;padding: 0 2em;margin: 1em auto 0;background-image: linear-gradient(45deg,#6C95F1,#6CBBF1);border-radius: 30px;font-weight: bold;color: #fff;box-shadow: -8px 10px 12px rgba(120,161,242,.3);}
.forum-info .btn .icon{width: 1em;height: 1em;margin-left: .5em;}

/*会议流程列表*/
.agenda-list{position: relative;margin-top: 40px;line-height: 20px;font-weight: bold;}
.agenda-list li{display: flex;align-items: center;margin-top: 20px;}
.agenda-list li .date{flex: 0 0 120px;position: relative;box-sizing: border-box;padding-left: 20px;margin-right: 60px;}
.agenda-list li .date::before{content: '';position: absolute;right: -34px;top: 28px;width: 8px;height: 8px;background-color: #6C95F1;border-radius: 50%;box-shadow: 0 0 0 4px rgba(108,149,241,.4);}
.agenda-list li .date::after{content: '';position: absolute;right: -30px;top: 30px;width: 1px;height: 80px;background-color: #6C95F1;transform: translateX(50%);}
.agenda-list li:last-of-type .date::after{display: none;}
.agenda-list li .date .big{position: relative;margin-top: 20px;}
.agenda-list li .date .big::before{content: '';position: absolute;left: -20px;top: 3px;width: 14px;height: 14px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM2Qzk1RjEiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAxNC40MTdBNi40MTcgNi40MTcgMCAxIDAgOCAxLjU4M2E2LjQxNyA2LjQxNyAwIDAgMCAwIDEyLjgzNHoiLz48cGF0aCBkPSJNOC4wMDMgNC4xNXYzLjg1M2wyLjcyIDIuNzIiLz48L2c+PC9zdmc+');background-size: 100% 100%;}
.agenda-list li .date .small{font-size: 12px;color: #999;}
.agenda-list li .info{flex: 1;overflow: hidden;display: flex;align-items: center;flex-wrap: wrap;min-height: 60px;box-sizing: border-box;padding: 0 20px;background-color: #fff;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.agenda-list li .info .tit{flex: 0 0 240px;margin-right: 20px;}
.agenda-list li .info .txt{flex: 1;overflow: hidden;}
.agenda-list li .info .txt .name1{}
.agenda-list li .info .txt .name2{font-size: 12px;font-weight: normal;color: #999;}
.agenda-list .fold-btn{position: absolute;left: 150px;bottom: -60px;font-weight: normal;color: #6C95F1;cursor: pointer;transform: translate(-50%,100%);}
.agenda-list .fold-btn::after{content: '';position: absolute;left: 50%;top: calc(100% + .2em);width: 16px;height: 16px;margin-left: -8px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM2Qzk1RjEiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNyAxTDkgOSAxIDFNMTcgOWwtOCA4LTgtOCIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;animation: arrowAni 2s linear infinite;}
@keyframes arrowAni{
	20%{transform: translateY(50%);}
	40%{transform: translateY(20%);}
	60%{transform: translateY(50%);}
	80%{transform: translateY(0);}
}

/*展区导览*/
.exhibition-area-box{position: relative;margin-top: 60px;}
.exhibition-area-box .map-phone{display: none;}
.exhibition-area-box .list li{z-index: 1;position: absolute;padding: 0 1em;background-image: linear-gradient(90deg,#6C95F1,#9FE6FF);border-radius: 18px;line-height: 36px;font-weight: bold;color: #fff;}
.exhibition-area-box .list li:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,#6C95F1,#9FE6FF);border-radius: 18px;animation: liAni 2s linear infinite;}
.exhibition-area-box .list li:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,#6C95F1,#9FE6FF);border-radius: 18px;animation: liAni 2s 1s linear infinite;}
.exhibition-area-box .list li .name{white-space: nowrap;}
.exhibition-area-box .list li .dot{z-index: 1;position: absolute;width: 8px;height: 8px;background-color: #6C95F1;border-radius: 50%;}
.exhibition-area-box .list li .dot:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #6C95F1;border-radius: 50%;animation: dotAni 2s linear infinite;}
.exhibition-area-box .list li .dot:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #6C95F1;border-radius: 50%;animation: dotAni 2s 1s linear infinite;}
.exhibition-area-box .list li .svg-line{position: absolute;fill: transparent;stroke-width: 2;stroke: #6C95F1;stroke-linecap: round;stroke-dasharray: 6;stroke-dashoffset: 0;animation: svgAni 10s linear infinite;}
.exhibition-area-box .list li:nth-child(1){left: 3.16%;top: 9.24%;}
.exhibition-area-box .list li:nth-child(1) .dot{left: 228px;top: 100px;}
.exhibition-area-box .list li:nth-child(1) .svg-line{left: 100%;top: 16px;width: 122px;height: 84px;}
.exhibition-area-box .list li:nth-child(2){left: 3.16%;top: 40.03%;}
.exhibition-area-box .list li:nth-child(2) .dot{left: 326px;top: -96px;}
.exhibition-area-box .list li:nth-child(2) .svg-line{left: 100%;bottom: 16px;width: 206px;height: 102px;}
.exhibition-area-box .list li:nth-child(3){left: 44.39%;top: 1.47%;}
.exhibition-area-box .list li:nth-child(3) .dot{left: -102px;top: 112px;}
.exhibition-area-box .list li:nth-child(3) .svg-line{right: 100%;top: 16px;width: 100px;height: 94px;}
.exhibition-area-box .list li:nth-child(4){left: 69.21%;top: 8.06%;}
.exhibition-area-box .list li:nth-child(4) .dot{left: -226px;top: 54px;}
.exhibition-area-box .list li:nth-child(4) .svg-line{right: 100%;top: 16px;width: 224px;height: 40px;}
.exhibition-area-box .list li:nth-child(5){left: 85.53%;top: 17.01%;}
.exhibition-area-box .list li:nth-child(5) .dot{left: -300px;top: 56px;}
.exhibition-area-box .list li:nth-child(5) .svg-line{right: 100%;top: 16px;width: 298px;height: 40px;}
@keyframes liAni{
	100%{transform: scale(1.6,2.4);opacity: 0;}
}
@keyframes dotAni{
	100%{transform: scale(4);opacity: 0;}
}
@keyframes svgAni{
	to{stroke-dashoffset: 200;}
}

/*展区信息*/
.exhibition-area-info{width: fit-content;min-width: 420px;padding: 30px;background-color: #fff;border-radius: 12px;font-weight: bold;box-shadow: 0 0 40px rgba(76,111,180,.28);}
.exhibition-area-info > .top{}
.exhibition-area-info > .bottom{padding-top: 20px;margin-top: 20px;border-top: 1px solid #ddd;}
.exhibition-area-info .tit1{margin-bottom: .5em;}
.exhibition-area-info .tit2{font-size: 16px;}
.exhibition-area-info .tit3{font-size: 48px;color: #6C95F1;}
.exhibition-area-info .txt{line-height: 2;font-weight: normal;color: #666;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	/*纵向锚链接导航栏*/
	.vertical-anchor-nav{left: 10px;}
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
    /*header*/
	header{height: 50px;}
	header .w1140{width: 96%;}
	/*logo*/
	header .logo img{max-height: 24px;}
	/*导航-水平方向*/
	header .nav-box-horizontal li{margin: 0 4px;font-size: 12px;line-height: 50px;}
	header .nav-box-horizontal li:after{bottom: 10px;}
	header .nav-box-horizontal li:last-child{display: inline-block;}
	
	/*banner*/
    .top-banner::after{bottom: 10px;width: 16px;height: 16px;margin-left: -8px;}
    
	/*纵向锚链接导航栏*/
	.vertical-anchor-nav{display: none!important;}

	/*布局*/
	.topic-page .part1{padding: 80px 0;}
	.topic-page .part2{padding: 0 0 60px;}
	.topic-page .part3{padding: 60px 0;}
	.topic-page .part5{padding: 120px 0 80px;}
	.topic-page .part6{padding: 80px 0;}

	/*倒计时信息*/
	.countdown-info-box{height: 80px;padding: 20px 25px;}
	.countdown-info-box .btn{display: none;}
	.countdown-info-box .countdown-number{right: 0;width: 160px;height: 160px;}
	.countdown-info-box .countdown-number i{font-size: 40px;}

	/*邀请函*/
	.invitation-box::before{left: 5%;}
	.invitation-box > .con-l{width: 95%;padding: 20px;transform: translateY(20px);}
	.invitation-box > .con-r{width: 50%;transform: translateX(0);}
	.invitation-box .play-btn{right: 80px;top: auto;bottom: 80px;}

	/*论坛信息*/
	.forum-info .btn{width: 140px;height: 40px;}

	/*会议流程列表*/
	.agenda-list li .date{margin-right: 0;}
	.agenda-list li .date::before{display: none;}
	.agenda-list li .date::after{display: none;}
	.agenda-list li .info{padding: 5px 15px;align-content: center;}
	.agenda-list li .info .tit{flex: 0 0 100%;margin-right: 0;}
	.agenda-list li .info .txt{flex: 0 0 100%;}
	.agenda-list .fold-btn{left: 50%;bottom: -20px;}

	/*展区导览*/
	.exhibition-area-box{margin-top: 30px;}
	.exhibition-area-box .map-pc{display: none;}
	.exhibition-area-box .map-phone{display: block;}
	.exhibition-area-box .list{display: none;}

	/*展区信息*/
	.exhibition-area-info{min-width: auto;padding: 20px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}