*{margin:0px;padding:0px;}
body{width:100%;height:100%;font-family:"Microsoft yahei";background-color: #f3f3f3;}
select,input,textarea{
	outline:none;
	border:none;
	font-size: 16px;
	box-sizing:border-box;
	background:transparent;
	font-family:"Microsoft yahei";}
a{text-decoration: none;color: #000;}

body.bkF3F3F3{background-color: #f3f3f3;}
body.sl_bodyBK_ebebff{background-color: #ebebff;}


.sy_an32{-webkit-transition-duration:0.32s;-moz-transition-duration:0.32s;-o-transition-duration:0.32s;transition-duration:0.32s;}

.sy_pubMask{
	position:fixed;z-index:30;
	top:0px;left:0px;
	width:100%;height:100%;
	opacity: 0;
	background-color:rgba(0,0,0,.3);
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}
[class*="Out"] .sy_pubMask{opacity: 1;}

.sy_fullImg img{
	display: block;
	width: 100%;height: 100%;}
.sy_fullIframe iframe{
	width: 100%;
	height: 100%;}









/* other code */

.sl_startOpacity{opacity: 0;}

.sy_w1200{
	position: relative;
	margin: 0 auto; min-height: 600px;
	width: 1200px;}
.sy_w1200Flex{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;}

.sy_duration52{
	-webkit-transition-duration:0.52s;-moz-transition-duration:0.52s;-o-transition-duration:0.52s;transition-duration:0.52s;
	-webkit-transition-timing-function: cubic-bezier(0.320, 0.915, 0.130, 0.995);-moz-transition-timing-function: cubic-bezier(0.320, 0.915, 0.130, 0.995); -o-transition-timing-function: cubic-bezier(0.320, 0.915, 0.130, 0.995); transition-timing-function: cubic-bezier(0.320, 0.915, 0.130, 0.995);}

.sy_seatTopNav{
	width: 100%;
	height: 56px;}

.sy_backOrangeGrad{
	color: #fff!important;
	background-color: #fa974b;
	background:-webkit-linear-gradient(left, #fab44b, #fa974b);
	background:-moz-linear-gradient(left, #fab44b, #fa974b);
	background:-o-linear-gradient(left, #fab44b, #fa974b);
	background:linear-gradient(left, #fab44b, #fa974b);}

.sy_backBlue{
	background-color: #3a67c2;}

.sy_addPalyBtn::after{
	position: absolute;content: '';
	top: 0;left: 0;right: 0;bottom: 0;margin: auto;
	width: 48px;height: 48px;
	border-radius: 50%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/icon/video_play_btn.jpg);
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px;}


/* topNav */
.sy_topNav{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	position: relative;
	width: 100%;
	height: 56px;
	box-sizing:border-box;
	background-color: #4342ff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/topnav_back.jpg);}

.sy_TNCLeft{
	padding: 7px 2vw 7px 1vw;
	color: #fff;
	font-size: 24px;
	line-height: 42px;
	box-sizing:border-box;}

.sy_TNCLeft img{
	vertical-align: top;
	width: 492px;height: 42px;}

.sy_TNCCen{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;}

.sy_NCCLi{
	cursor: pointer;
	display: block;
	padding: 0 1.3vw;
	height: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 56px;
	-webkit-transition-duration: 0.24s;-moz-transition-duration: 0.24s;-o-transition-duration: 0.24s;transition-duration: 0.24s;}
.sy_NCCLi:hover{
	background-color: #FA974B;}

.sy_NCCLiOut{
	background-color: #FA974B;}

.sy_TNCRight{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	align-items: center;
	position: absolute;
	top: 0;right: 4vw;
	height: 100%;
	box-sizing:border-box;}

.sy_NCRSearch{
	margin-right: 25px;
	width: 20px;
	height: 20px;}

.sy_NCRLi{
	padding: 0 6px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;}

.sy_NCRLine{
	margin: 5px 10px 0 10px;
	width: 1px;
	height: 12px;
	background-color: rgba(255,255,255,.8);}

.sy_NUNotice{
	cursor: pointer;
	display: block;
	position: relative;
	margin-right: 26px;
	width: 34px;
	height: 34px;}
.sy_NUNotice img{
	display: block;
	margin: 6px;
	width: 22px;height: 22px;}
.sy_NUNoticeOut::after{
	position: absolute;content: '';
	top: 2px;right: 2px;
	width: 8px;height: 8px;
	border-radius: 50%;
	background-color: #FA974B;}

.sy_headBox{
	position: relative;
	width: 32px;height: 32px;}

.sy_headBox img{
	cursor: pointer;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.1);}

.sy_HBListPack{
	pointer-events: none;
	position: absolute;z-index: 20;
	padding-top: 12px;
	right: -12px;top: 32px;
	width: 172px;
	opacity: 0;
	margin-top: -12px;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}

.sy_HBList{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
	box-sizing:border-box;
	background-color: #fff;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px;}

.sy_HBLName{
	padding: 12px 20px;
	color: #343434;
	font-weight: bold;
	border-bottom: 1px solid #eee;}

.sy_HBLItem{
	padding: 0 20px;
	display: block;
	color: #343434;
	line-height: 42px;
	box-sizing:border-box;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}
.sy_HBLItem:hover{
	color: #fff;
	background-color: #2396FA;}

.sy_HBLQuit{
	cursor: pointer;
	padding: 12px 20px;
	color: #343434;
	box-sizing:border-box;
	border-top: 1px solid #eee;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}
.sy_HBLQuit:hover{
	color: #fff;
	background-color: #2396FA;}

.sy_quit{
	cursor: pointer;
	margin-left: 12px;
	color: #bbb;
	font-size: 14px;}

.sy_headBox:hover .sy_HBListPack, .sy_HBListPack:hover{
	pointer-events: auto;
	opacity: 1;
	margin-top: 0;}


/* bomNav */
.sy_seatBomNav{
	position: relative;
	width: 100%;
	height: 252px;}

.sy_bomNav{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #43464c;}

.sy_BNCNav{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	justify-content: center;
	width: 100%;}

.sy_NCNItem{
	cursor: pointer;
	position: relative;
	padding: 0 18px;
	color: rgba(255,255,255,0.8);
	font-size: 20px;}
.sy_NCNItem::after{
	position: absolute;content: '';
	width: 1px;height: 12px;
	top: 50%;right: 0;margin-top: -6px;
	background-color: rgb(255,255,255,0.5);}
.sy_NCNItem:last-of-type::after{
	display: none;}

.sy_BNCen{
	padding-top: 82px;
	margin: 0 auto;
	width: 1200px;}

.sy_BNLogo{
	margin: 0 auto 82px auto;
	width: 63px;
	height: 63px;}

.sy_BNList{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	position: relative;
	margin-top: 
;}

.sy_BNLLi{
	margin-right: 38px;
	color: rgba(255,255,255,0.8);
	font-size: 16px;}

.sy_BNLRight{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	position: absolute;
	top: 0;right: 0;}

.sy_NLRLi{
	cursor: pointer;
	margin-left: 45px;
	width: 22px;
	height: 22px;
	background-size: 100% 100%;
	background-repeat: no-repeat;}
.sy_NLRLi_qq{background-image: url(../img/icon/qq_icon.jpg);}
.sy_NLRLi_weibo{background-image: url(../img/icon/weibo_icon.jpg);}
.sy_NLRLi_weixin{background-image: url(../img/icon/weixin_icon.jpg);}

.sy_NLRLi_qq:hover{background-image: url(../img/icon/qq_icon_se.jpg);}
.sy_NLRLi_weibo:hover{background-image: url(../img/icon/weibo_icon_se.jpg);}
.sy_NLRLi_weixin:hover{background-image: url(../img/icon/weixin_icon_se.jpg);}

.sy_BNCLine{
	margin: 45px 0 28px 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.16);}

.sy_BNCText{
	color: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	line-height: 26px;
	text-align: center;}

/* sy_banner */
.sy_seatBanner{
	position: relative;
	margin: 12px 0 24px 0;
	width: 100%;
	height: 100%;}

.sy_banner{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #c4c4c4;}

.sy_BBox{
	position: absolute;z-index: 10;
	top: 0;left: 0;
	width: 100%;
	height: 100%;}

.sy_BBLi{
	opacity: 0;
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	color: #fff;
	font-size: 80px;
	line-height: 360px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 60%;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}

.sy_BBLiOut{
	opacity: 1;}

.sy_BBBom{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	justify-content: center;
	position: absolute;z-index: 12;
	padding: 10px 12px;
	bottom: 22px;left: 50%;
	height: 32px;
	border-radius: 16px;
	box-sizing:border-box;
	background-color: rgba(0,0,0,0.3);
	-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}

.sy_BBBLi{
	cursor: pointer;
	margin: 0 7px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: rgba(255,255,255,0.6);
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}

.sy_BBBLiOut{
	width: 32px;
	background-color: rgba(255,255,255,1);}



/* sy_crumbsNav */
.sy_crumbsNav{
	padding: 18px 0 12px 0;
	min-height: 21px;
	width: 100%;
	color: #999;
	font-size: 16px;}

.sy_crumbsNav a{
	position: relative;
	padding-right: 24px;
	color: #999;}

.sy_crumbsNav a::after{
	position: absolute;content: '';
	top: 5px;right: 5px;
	width: 14px;height: 14px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/icon/arrow_right_small.jpg);}
.sy_crumbsNav a:last-of-type::after{display: none;}



/* 视频组 */
.sy_videoBoxThree{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;}

.sy_VBTLi{
	cursor: pointer;
	margin-bottom: 26px;
	width: 384px;
	height: 376px;
	overflow: hidden;
	border-radius: 8px;
	background-color: #fff;}

.sy_VBTLi:nth-of-type(3n+2){
	margin: 0 24px;}

.sy_BTLPreview{
	position: relative;
	width: 100%;
	height: 216px;
	background-color: #c4c4c4;
	overflow: hidden;}
.sy_BTLPreview:hover img{
	-webkit-transform:scale(1.2, 1.2);
	-moz-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2);}

.sy_BTLBom{
	position: relative;
	padding: 28px 20px;
	width: 100%;
	box-sizing:border-box;}

.sy_TLBTitle{
	width: 100%;
	color: #333;
	font-size: 22px;
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}
.sy_TLBTitle:hover{
	color: #1F86E0;}

.sy_TLBText{
	margin-top: 6px;
	width: 100%;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;}

.sy_TLBBom{
	position: relative;
	margin-top: 24px;
	width: 100%;
	color: #999;
	font-size: 12px;}

.sy_LBBRight{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	top: 1px;right: 0;
	position: absolute;}

.sy_BBRIcon{
	margin-left: 22px;
	line-height: 16px;}

.sy_BBRIcon img{
	margin-right: 4px;
	vertical-align: top;
	width: 16px;height: 16px;}



/* under development tip */
.sy_seatDeveIng{
	margin: 362px auto;
	width: 128px;
	height: 164px;}
.sy_deveIng{
	width: 100%;
	height: 100%;
	color: #3a67c2;
	font-size: 18px;
	text-align: center;}
.sy_deveIng img{
	display: block;
	margin-bottom: 12px;
	width: 128px;}

/* sy_topBannerName */
.sy_topBannerName{
	width: 100%;
	height: 55px;
	color: #666;
	font-size: 22px;
	line-height: 55px;
	background-color: #fff;}

.sy_TBNRight{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	position: absolute;
	top: 10px;right: 0;}

.sy_BNRLi{
	cursor: pointer;
	margin-left: 12px;
	width: 93px;
	height: 36px;
	color: #666;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	border-radius: 18px;
	box-sizing:border-box;
	border: 1px solid #707070;}

.sy_BNRLiDeepColor{
	color: #fff;
	background-color: #1F86E0;
	border: 1px solid #1F86E0;}


/*页码*/
.sl_seatPagenumber{
	position: relative;
	margin: 32px auto;
	width: 532px;
	height: 30px;
	box-sizing: border-box;}
.sl_pagenumber{
	width: 100%;
	height: 30px;
	display: flex;
	box-sizing: border-box;
	align-items: center;}

.sl_PNLeftText{
	margin-right: 16px;
	color: #666;
	font-size: 15px;}

.sl_PNbox{
	cursor: pointer;
	margin: 5px 3px;
	width: 32px;
	height: 32px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #fff;
	box-sizing:border-box;
	border: 1px solid rgba(112,112,112,0.2);}
.sl_PNboxOut{
	color: #fff;
	background-color: #2396FA;
	border: 1px solid #2396FA;}

.sl_PNbox1{
	cursor: text;
	margin: 5px;
	padding: 0;
	width: 35px;}

.sl_PNCPage{
	cursor: pointer;
	margin: 5px 3px;
	width: 32px;
	height: 30px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid rgba(112,112,112,0.2);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 9px 8px;}
.sl_PNCPageUp{ background-image: url(../img/icon/changepage_upout.jpg);}
.sl_PNCPageDown{ background-image: url(../img/icon/changpage_downout.jpg);}
.sl_PNCPageOut.sl_PNCPageUp{ background-image: url(../img/icon/changepage_up.jpg);}
.sl_PNCPageOut.sl_PNCPageDown{ background-image: url(../img/icon/changpage_down.jpg);}

.sl_PNright{
	height: 30px;
	display: flex;
	margin-left: 15px;
	box-sizing: border-box;
	align-items: center;}

.sl_PNtext{
	height: 30px;
	font-size: 14px;
	color: #666;
	line-height: 30px;}

.sl_PNJump{
	cursor: pointer;
	position: relative;
	margin-left: 22px;
	width: 56px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
	background-color: #2396FA;}


.sl_notContent{
	position: relative;
	margin: 52px auto;
	width: 500px;
	color: #999;
	font-size: 14px;
	text-align: center;}

.sl_notContent img{
	display: block;
	margin: 12px auto;
	width: 250px;}


/* 论坛与视频右侧作者信息栏 */
.sl_authorInfoSeat{
	position: relative;
	width: 300px;
	min-height: 355px;}

.sl_authorInfo{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;}

.sl_AITop{
	padding-top: 38px;
	width: 100%;
	height: 355px;
	text-align: center;
	box-sizing:border-box;
	background-color: #fff;}

.sl_AITImg{
	margin: 0 auto 22px auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;}

.sl_AITName{
	min-height: 35px;
	color: #333;
	font-size: 26px;}

.sl_AITText{
	margin-top: 2px;
	margin-bottom: 32px;
	min-height: 19px;
	color: #999;
	font-size: 14px;}

.sl_AITBtn{
	cursor: pointer;
	margin: 12px auto;
	padding-top: 10px;
	width: 156px;
	height: 36px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 18px;
	box-sizing:border-box;
	background-color: #2396FA;}

.sl_AITBtn img{
	vertical-align: top;
	margin-right: 6px;
	width: 16px;height: 16px;}

.sl_AITBtnGrey{
	background-color: #999;}
.sl_AITBtnGrey img{
	display: none;}

.sl_AITBtn1{
	background-color: #FA974B;}

.sl_AIBom{
	display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	position: relative;
	width: 100%;
	height: 100px;
	background-color: rgba(58,103,194,0.55);}

.sl_AIBom::before{
	pointer-events: none;
	position: absolute;content: '';
	top: 0;right: -88px;
	opacity: 0.3;
	width: 310px;height: 277px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/icon/forum_authorbg.jpg);}

.sl_AIBom::after{
	position: absolute;content: '';
	top: 50%;left: 50%;margin-top: -20px;
	width: 1px;height: 40px;
	background-color: #eee;}

.sl_AIBLi{
	padding-top: 23px;
	width: 50%;
	text-align: center;
	box-sizing:border-box;}

.sl_AIBLTop{
	color: #eee;
	font-size: 14px;}

.sl_AIBLBom{
	margin-top: 5px;
	color: #fff;
	font-size: 22px;}

/* other code end */











/* sy_blackTip */
.sy_blackTip{
	pointer-events: none;
	position: fixed;z-index: 999999;
	left: 50%;bottom: 22px;
	padding: 8px 20px;
	max-width: 252px;
	color: #fff;font-size: 15px;line-height: 25px;text-align: center;
	border-radius: 3px;
	opacity: 0;
	background-color: rgba(0,0,0,0.8);
	-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.sy_blackTipCen{bottom: 50%;}
.sy_blackTipOut{
	pointer-events: auto;
	opacity: 1;
	-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* sy_tip */
.sy_tip{pointer-events: none;}
.sy_tip .sy_TPack{
	position: fixed;z-index: 9999;
	opacity: 0;
	padding: 42px 22px;
	max-width: 324px;
	width: 80%;
	top: 50%;left: 50%;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
	-webkit-transform:translate(-50%,-50%) scale(0.8,0.8);-moz-transform:translate(-50%,-50%) scale(0.8,0.8);-o-transform:translate(-50%,-50%) scale(0.8,0.8);transform:translate(-50%,-50%) scale(0.8,0.8);}

.sy_TPState{
	margin: 0 auto;
	position: relative;
	width: 74px;height: 74px;}

.sy_TPTxt{
	margin-top: 30px;
	width: 100%;
	color:#343434;font-size: 20px;text-align: center;word-wrap:break-word;}

.sy_PSLoading{
	opacity: 0;
	position: absolute;
	border-radius: 50%;
	box-sizing:border-box;
	width: 100%;height: 100%;
	border: 2px #3b77e3 solid;}
.sy_PSLoading::after{
	position:absolute;content: "";
	top:7px;left:7px;
	border-radius: 100%;
	width: 10px;height: 10px;
	background-color: rgba(59,119,227,1);}
@-webkit-keyframes rotation{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}
   @-moz-keyframes rotation{0%{-moz-transform: rotate(0deg);}100%{-moz-transform: rotate(360deg);}}
	 @-o-keyframes rotation{0%{-moz-transform: rotate(0deg);}100%{-moz-transform: rotate(360deg);}}
		@keyframes rotation{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}

.sy_PSMask,.sy_PSFMask{
	position: absolute;z-index: 10;
	width: 100%;height: 100%;
	top: 50%;left: 50%;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;
	-webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;transition-timing-function: ease-in;
	-webkit-transform:translate(-50%,-50%) scale(1,1);-moz-transform:translate(-50%,-50%) scale(1,1);-o-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);}

.sy_PSSuccess,.sy_PSFail{
	opacity: 0;
	position: absolute;
	width: 100%;height: 100%;
	border-radius: 50%;}
.sy_PSSuccess{background-color: rgba(59,119,227,0.9);}
.sy_PSFail{background-color: rgba(255,127,91,0.9);}

.sy_PSS1,.sy_PSS2,.sy_PSF1,.sy_PSF2{
	position: absolute;z-index: 11;
	width: 8px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition-timing-function:cubic-bezier(0.120, 0.380, 0.195, 1.330);
	transition-timing-function:cubic-bezier(0.120, 0.380, 0.195, 1.330);
	-webkit-transition-duration:0.24s;-moz-transition-duration:0.24s;-o-transition-duration:0.24s;transition-duration:0.24s;}
.sy_PSS1{
	height: 22px;
	top: 33px;left: 22px;margin-top: -8px;margin-left: -8px;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.sy_PSS2{
	height: 42px;
	top: 16px;left: 39px;margin-top: 3px;margin-left: -3px;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.sy_PSF1{
	height: 44px;
	top: 15px;left: 33px;margin-top: -8px;margin-left: -8px;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.sy_PSF2{
	height: 44px;
	top: 15px;left: 33px;margin-top: -8px;margin-left: 8px;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}


.sy_Tloading .sy_PSLoading{opacity: 1;-webkit-animation: rotation 1s ease-in-out infinite;-moz-animation: rotation 1s ease-in-out infinite;-o-animation: rotation 1s ease-in-out infinite;animation: rotation 1s ease-in-out infinite;}

.sy_Tsuccess .sy_PSSuccess{opacity: 1;}
.sy_Tsuccess .sy_PSMask{-webkit-transform:translate(-50%,-50%) scale(0,0);-moz-transform:translate(-50%,-50%) scale(0,0);-o-transform:translate(-50%,-50%) scale(0,0);transform:translate(-50%,-50%) scale(0,0);}
.sy_Tsuccess .sy_PSS1{opacity: 1;margin-top: 0px;margin-left: 0px;-webkit-transition-delay:0.22s;-moz-transition-delay:0.22s;-o-transition-delay:0.22s;transition-delay:0.22s;}
.sy_Tsuccess .sy_PSS2{opacity: 1;margin-top: 0px;margin-left: 0px;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.sy_Tsuccess .sy_TPTxt{color: rgba(59,119,227,0.9);}

.sy_Tfail .sy_PSFail{opacity: 1;}
.sy_Tfail .sy_PSFMask{-webkit-transform:translate(-50%,-50%) scale(0,0);-moz-transform:translate(-50%,-50%) scale(0,0);-o-transform:translate(-50%,-50%) scale(0,0);transform:translate(-50%,-50%) scale(0,0);}
.sy_Tfail .sy_PSF1{opacity: 1;margin-top: 0px;margin-left: 0px;-webkit-transition-delay:0.22s;-moz-transition-delay:0.22s;-o-transition-delay:0.22s;transition-delay:0.22s;}
.sy_Tfail .sy_PSF2{opacity: 1;margin-top: 0px;margin-left: 0px;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.sy_Tfail .sy_TPTxt{color: rgba(255,127,91,0.9);}

.sy_Tsuccess,.sy_Tfail,.sy_Tloading{pointer-events: auto;}
.sy_Tsuccess .sy_pubMask,.sy_Tfail .sy_pubMask,.sy_Tloading .sy_pubMask{opacity: 1;}
.sy_Tsuccess .sy_TPack,.sy_Tfail .sy_TPack,.sy_Tloading .sy_TPack{
	opacity: 1;
	-webkit-transform:translate(-50%,-50%) scale(1,1);-moz-transform:translate(-50%,-50%) scale(1,1);-o-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);}
/* sy_tip */

/** sy_HDTip **/
.sy_HDTip{pointer-events: none;}
.sy_pcMask{
	position: fixed;z-index: 120;
	width: 100%;
	height: 100%;
	top: 0px;left: 0px;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition-duration: 0.22s;-moz-transition-duration: 0.22s;-o-transition-duration: 0.22s;transition-duration: 0.22s;}
.sy_HDTip .sy_pcPack{
	position: fixed;z-index: 122;
	opacity: 0;
	padding: 56px 32px 30px 32px;
	max-width: 386px;
	width: 86%;
	top: 50%;left: 50%;
	border-radius: 5px;
	box-sizing:border-box;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
	-webkit-transition-duration:0.22s;-moz-transition-duration:0.22s;-o-transition-duration:0.22s;transition-duration:0.22s;
	-webkit-transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-o-transform:translate(-50%,-40%);transform:translate(-50%,-40%);}

.sy_DTTtile{
	padding-bottom: 22px;
	width: 100%;
	color:rgba(59,119,227,0.9);font-size: 20px;text-align: center;line-height: 30px;word-wrap:break-word;}

.sy_DTBtnBox{
	display: none;
	position: relative;
	margin-top: 38px;
	width: 100%;
	box-sizing: border-box;}

.sy_DTBtnClose,.sy_DTBtnConfirm{
	display: none;
	cursor: pointer;
	margin:0px 15px;
	width: 112px;height: 32px;
	border-radius: 20px;
	color: #fff;font-size: 16px;line-height: 32px;text-align: center;}
.sy_DTBtnClose{background-color: #96a2be;}
.sy_DTBtnConfirm{background-color: rgba(59,119,227,0.9);}

.sy_DTBtnBoxone,.sy_DTBtnBoxtwo{display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;}
.sy_DTBtnBoxone .sy_DTBtnConfirm,.sy_DTBtnBoxtwo .sy_DTBtnConfirm,.sy_DTBtnBoxtwo .sy_DTBtnClose{display: block;}


.sy_HDTipShow{pointer-events: auto;}
.sy_HDTipShow .sy_pubMask{opacity: 1;}
.sy_HDTipShow .sy_pcPack{
	opacity: 1;
	-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
/** sy_HDTip end **/

/* small screen */
@media screen and (min-width: 1200px) and (max-width: 1366px){
	.sy_TNCLeft{
		padding: 7px 2vw 7px 1vw;
		font-size: 20px;}
	.sy_TNCLeft img{
		margin-top: 3px;
		width: 393px;height: 33px;}
	.sy_NCCLi{
		padding: 0 1.1vw;}
}

/* mobile */
@media screen and (min-width: 200px) and (max-width: 1200px){
	/* sy_tip */
	.sy_tip .sy_TPack{
		padding: 28px 22px;}
	/* sy_HDTip */
	.sy_HDTip .sy_pcPack{
		padding: 28px 18px 16px 18px;}
	.sy_DTTtile{
		padding-bottom: 8px;
		font-size: 18px;}
	.sy_DTBtnClose, .sy_DTBtnConfirm{
		width: 94px;
		font-size: 14px;}
	/* sy_blackTip */
	.sy_blackTip{
		padding: 6px 14px;
		font-size: 13px;}


	.sl_seatPagenumber{width: 100%;}
	.sl_pagenumber{
		justify-content: center;}
	.sl_PNright{
		display: none;}

	.sl_PNLeftText{
		display: none;}

	.sy_crumbsNav{
		padding: 10px 0 10px 12px;}

	.sy_videoPack{
		display: block;
		padding: 0 12px;
		box-sizing: border-box;}
}