@charset "utf-8";
/* CSS Document */
/******************************* global_begin *******************************/
.wImgs {overflow:hidden;}
.wImgs .list-item {float:left;width:3.83rem;height:auto;margin:0 0 0.16rem 0.255rem;}
.wImgs .list-item:nth-of-type(3n+1) {clear:left;margin:0 ;}
.wImgs .list-item img {width:3.83rem;height:2.16rem;}
.wImgs .list-item .title {margin:5px auto 0;}
.wImgs .list-item .title a {max-height:3em;overflow:hidden;}
.zone-desc {max-width:1200px;height:0.73rem;line-height:0.73rem;margin:0 auto 0.33rem;text-indent:-100%;background:url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/album_title_bg.png") center center no-repeat;background-size:auto 100%;overflow:hidden;}
.more {display:block;margin:0 auto;width:120px;height:38px;border-radius:19px;line-height:38px;text-align:center;color:#fff;font-weight:bold;background:#f99245;}
/******************************* global_end *******************************/
/*******************************     header_begin     *******************************/
#header img {width:100%;height:auto;margin:0 auto;}
#header .banner_m {display:none;}
/*******************************     header_end     *******************************/
/*******************************     main_begin     *******************************/
/* type1_begin */
.type1 {overflow:hidden;}
/* scroll_begin */
.type1 .imgs {position:relative;float:left;width:6.5rem;height:4.07rem;margin:0 0.26rem 0 0;overflow:hidden;}
.type1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.type1 .imgs #list img {width:100%;height:100%;}
.type1 .imgs #list .startNext,.type1 .imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.type1 .imgs .list-index {position:absolute;right:0.22rem;bottom:0.2rem;width:auto;height:10px;line-height:10px;overflow:hidden;z-index:2147483610;}
.type1 .imgs .list-index li {display:inline-block;vertical-align:top;width:10px;height:10px;margin:0 3px 0 4px;border-radius:50%;line-height:10px;text-indent:-100%;cursor:pointer;background:#b2b2b2;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.type1 .imgs .list-index li.on {color:#4c4c4c;background:#fff;}
/*optional components_end*/
/* content_begin */
.type1 .imgs .list-item,.type1 .imgs a {color:#fff;}
.type1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.24rem;line-height:2.125em;background:rgba(0,0,0,0.5)}
.type1 .imgs .list-item-title a {padding:0 110px 0 0.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* content_end */
/* btns_begin */
.type1 .imgs #preBtn,.type1 .imgs #nextBtn {position:absolute;left:0.2rem;top:50%;width:0.32rem;height:0.7rem;margin:-0.35rem 0 0;cursor:pointer;background:rgba(0,0,0,0.5);z-index:2147483610;}
.type1 .imgs #nextBtn {left:auto;right:0.2rem;}
.type1 .imgs #preBtn:before,.type1 .imgs #preBtn:after {position:absolute;left:50%;top:50%;content:"";display:block;width:0.03rem;height:0.2rem;margin:-0.1rem 0 0 -0.06rem;transform:rotate(30deg) translateY(-0.1rem);background:#fff;}
.type1 .imgs #preBtn:after {transform:rotate(-30deg) translateY(0.1rem);}
.type1 .imgs #nextBtn:before,.type1 .imgs #nextBtn:after {position:absolute;left:50%;top:50%;content:"";display:block;width:0.03rem;height:0.2rem;margin:-0.1rem 0 0 0.06rem;transform:rotate(-30deg) translateY(-0.1rem);background:#fff;}
.type1 .imgs #nextBtn:after {transform:rotate(30deg) translateY(0.1rem);}
/* btns_end */
/* scroll_end */
/* list_begin */
.type1 .news {float:left;width:5.03rem;padding:0 0.21rem 0 0;}
.type1 .news .list-item {padding:0.08rem 0;border:1px solid #ccc;border-width:0 0 1px;}
.type1 .news .list-item:first-child {margin:-0.14rem auto 0;}
.type1 .news .list-item.more {width:auto;height:1.875em;padding:0;border:none;line-height:1.875em;color:#bfbfbf;text-align:right;background:none;}
.type1 .news .list-item.more a {color:#bfbfbf;}
.type1 .news .list-item .list-item-title {margin:0 0 0.07rem;font-size:0.2rem;font-weight:bold;}
.type1 .list-item .list-item-desc {font-size:0.16rem;}
.type1 .news .list-item .list-item-title a,.type1 .list-item .list-item-desc a {max-height:3em;overflow:hidden;}
.type1 .list-item .list-item-desc a {color:#808080;}
/* list_end */
/* type1_end */
/* type2_begin */
.type2 {position:relative;padding:0.22rem 0;box-shadow:0 0 0 7px #f99245 inset;border-radius:10px;background:#fffcf9 url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/type2_bg.jpg") center bottom no-repeat;overflow:hidden;}
.type2:before {position:absolute;left:7px;top:7px;content:"";display:block;width:calc(100% - 14px);height:3px;background:linear-gradient(to bottom,rgba(34,23,20,0.4),transparent);}
.type2 .content {max-height:312px;padding:0 0.46rem 0 0.31rem;border:1px solid transparent;border-width:0 0.07rem;line-height:1.875em;overflow:auto;}
/* type2_end */
/* labels_begin */
.labels .list:after {content:"";display:block;clear:both;}
.labels .list-item {position:relative;float:left;width:2.48rem;margin:0 0 0.21rem 0.66rem;border:1px solid transparent;border-width:0 1px;border-radius:19px 19px 0 0/22px;cursor:pointer;}
.labels .list-item:nth-of-type(4n+1) {margin:0;}
.labels .list-item.expandable:before,.labels .list-item .list-item-desc a:before {position:absolute;left:50%;top:50%;content:"";display:block;width:calc(100% - 12px);height:33px;margin:-17px 0 0 calc(5px - 50%);border:1px dashed #fff;border-radius:17px/16px;z-index:1;}
.labels .list-item .list-item-desc {position:relative;height:45px;padding:0 20px;line-height:45px;font-weight:bold;color:#fff;border-radius:19px/22px;background:#f99245;}
.labels .list-item .list-item-desc a {color:#fff;}
.labels .list-item.expandable .list-item-desc {cursor:pointer;}
.labels .list-item.expandable .list-item-desc:before,.labels .list-item.expandable .list-item-desc:after {position:absolute;right:20px;top:50%;content:"";display:block;width:18px;height:2px;margin:-1px 0 0;background:#fff;transform:translateX(-6px) rotate(45deg);transition:transform 0.3s ease 0s;}
.labels .list-item.expandable .list-item-desc:after {transform:translateX(6px) rotate(-45deg);}
.labels .list-item.expandable .list-item-desc.expanded:before,.labels .list-item.expandable .list-item-desc.expanded:after {transform:translateX(0px) rotate(45deg);}
.labels .list-item.expandable .list-item-desc.expanded:after {transform:translateX(0px) rotate(-45deg);}
.labels .list-item.expandable.expanded {-webkit-tap-highlight-color:rgba(0,0,0,0);border-color:#d9d9d9;background:#fff;}
.labels .list-item .sub-list {position:absolute;left:-1px;top:100%;width:100%;height:0;padding:0.06rem 0 0.08rem;border:1px solid #d9d9d9;border-width:0 1px 1px;border-radius:0 0 19px 19px/22px;background:#fff;transform-origin:top;transform:scaleY(0);transition:transform 0.3s ease 0s;overflow:hidden;z-index:2147483610;}
.labels .list-item .list-item-desc.expanded~.sub-list {height:auto;transform:scaleY(1);}
.labels .list-item .sub-list-desc,.labels .list-item .sub-list-item {padding:0 0.16rem;font-size:18px;line-height:2em;}
.labels .list-item .sub-list-desc a,.labels .list-item .sub-list-item a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* labels_end */
/* topics_begin */
.topics img {max-width:100%;margin:0 auto;}
.topics .banner_m {display:none;}
/* topics_end */
/* album_begin */
.album {padding:0.31rem 0 0.4rem;background:#fed47f url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/album_bg.png") center top repeat;}
/* album_end */
/* videos_begin */
.videos {padding:0.31rem 0 0;}
.videos .zone-desc {background-image:url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/video_title_bg.png");}
.videos .wImgs {padding:0 0 0.2rem;background:#fff;}
.videos .more {margin:0.4rem auto 0;}
.videos .wImgs .list-item>a {position:relative;}
.videos .wImgs .list-item>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/video_icon.png") 0.2rem 1.55rem no-repeat;background-size:auto 0.43rem;}
/* videos_end */
/*******************************     main_end     *******************************/
/******************************* footer_begin *******************************/
#footer {position:relative;margin:80px auto 0;padding:39px 0 69px;border:1px solid #67625b;border-width:1px 0 0;font-size:18px;line-height:2em;color:#fff;text-align:center;background:#ada497 url("http://ats.chinataiwan.cn/other/2019/btopicm2019/images/footer_bg.png") right calc(100% - 34px) no-repeat;}
#footer:before {position:absolute;left:0;bottom:34px;content:"";display:block;width:100%;height:0;border:1px solid #67625b;border-width:1px 0 0;}
#footer img {width:148px;height:148px;margin:0 auto 11px;}
#footer .format {padding:0 0 0 1em;}
#footer .format2 {display:block;}
/******************************* footer_end *******************************/
/*************************************************     依尺寸缩放     *************************************************/
/*@-ms-viewport {
width:device-width;
}*/
@media screen and (min-width:1366px){
.labels .list-item {cursor:default;}
.labels .list-item.expandable:hover {border-color:#d9d9d9;background:#fff;}
.labels .list-item.expandable .sub-list-desc,.labels .list-item.expandable .sub-list-item {transition:color 0.3s ease 0s,background-color 0.3s ease 0s;}
.labels .list-item.expandable .sub-list-desc:hover,.labels .list-item.expandable .sub-list-item:hover {color:#fff;background:#f99245;}
.labels .list-item.expandable .sub-list-desc:hover a,.labels .list-item.expandable .sub-list-item:hover a {color:#fff;}
.labels .list-item.expandable:hover .list-item-desc:before,.labels .list-item.expandable:hover .list-item-desc:after {transform:rotate(45deg);}
.labels .list-item.expandable:hover .list-item-desc:after {transform:rotate(-45deg);}
.labels .list-item:hover .sub-list {height:auto;transform:scaleY(1);}
}
@media screen and (max-width:1100px){
/*******************************     main_begin     *******************************/
/* type1_begin */
/* list_begin */
.type1 .news .list-item .list-item-title {font-size:16px;}
.type1 .list-item .list-item-desc {font-size:14px;}
.type1 .news .list-item .list-item-title a {max-height:1.5em;}
/* list_end */
/* type1_end */
/* labels_begin */
.labels .list-item {margin: 0 0 0.21rem 0.65rem;}
/* labels_end */
/*******************************     main_end     *******************************/
}
@media screen and (max-width:768px){
/******************************* global_begin *******************************/
.wImgs .list-item,.wImgs .list-item:nth-of-type(3n+1) {width:3.66rem;height:auto;margin:0 0 0.16rem 0.15rem;}
.wImgs .list-item:nth-of-type(3n+1) {clear:none;}
.wImgs .list-item:nth-of-type(2n+1) {clear:left;margin:0 ;}
.wImgs .list-item img {width:3.66rem;height:2.06rem;}
/******************************* global_end *******************************/
/*******************************     header_begin     *******************************/
#header .banner_l {display:none;}
#header .banner_m {display:block;}
/*******************************     header_end     *******************************/
/*******************************     main_begin     *******************************/
/* type1_begin */
.type1 .imgs {float:none;width:7.48rem;height:4.68rem;margin:0 auto 10px;}
.type1 .imgs .list-item-title {font-size:16px;}
.type1 .imgs .list-index {bottom:12px;}
/* list_begin */
.type1 .news {float:none;width:auto;padding:0;}
.type1 .news .list-item {padding:10px 0;}
.type1 .news .list-item:first-child {margin:2px auto 0;}
.type1 .news .list-item.more {text-align:center;}
.type1 .news .list-item .list-item-title {margin:0 0 7px;font-size:20px;}
.type1 .list-item .list-item-desc {font-size:16px;}
.type1 .news .list-item .list-item-title a {max-height:3em;}
/* list_end */
/* type1_end */
/* labels_begin */
.labels .list-item,.labels .list-item:nth-of-type(4n+1) {width:calc(33.33% - 12px);margin:0 0 10px 15px;}
.labels .list-item:nth-of-type(3n+1) {margin:0 0 10px;}
/* labels_end */
/* topics_begin */
.topics .banner_l {display:none;}
.topics .banner_m {display:block;}
/* topics_end */
/*******************************     main_end     *******************************/
}
@media screen and (max-width:600px){
/* labels_begin */
.labels .list-item,.labels .list-item:nth-of-type(3n+1),.labels .list-item:nth-of-type(4n+1) {width:calc(50% - 5px);margin:0 0 10px 5px;}
.labels .list-item:nth-of-type(2n+1) {margin:0 0 10px;}
/* labels_end */
}
@media screen and (max-width:374px){
/******************************* footer_begin *******************************/
#footer .format {display:block;padding:0;}
/******************************* footer_end *******************************/
}