﻿/*==================common css ============================*/
.common-tool {float: right;}
.common-tool-top{margin-right: 22px;*margin-right: 11px;float: right;}
.common-top{background: #fff;height: 95px;padding-top: 25px;width: 1200px;margin: 0 auto;}
.common-select{position: relative;float: left;}
.common-select-iocn{position: absolute;right: 1px;top:2px;background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.select-icon.jpg) no-repeat;border-left:1px solid #ccc;}
.common-select select{cursor: pointer;border-radius: 3px;padding-left: 3px;width: 145px;height: 27px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;font-size: 12px;color: #999;line-height: 22px;background: url(http://f2.dlqfch.com/M00/51/3A/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.select-icon.jpg) right top no-repeat;}
.common-radio{float: right;}
.common-search{border-radius: 3px;width: 142px;height: 25px;border: 1px solid #c2c2c2;margin-left: 13px;background: #f7f7f7;position: relative;overflow: hidden;float: left;}
.common-search input{cursor: pointer;width:108px;background: #f7f7f7;line-height: 25px;padding:0 0 10px 10px;}
.value-submit{margin: 0;padding: 0;font-size: 100%;width: 24px;height: 24px;outline: none;background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.icon-search.jpg) top center no-repeat; border: none;position:absolute;right: 0;top:3px;cursor: pointer;}
.common-login{line-height: 27px;margin-left:19px;font-size: 14px;cursor: pointer;}
.common-tip-bottom{margin-top:15px;line-height: 26px;}
.common-tip-bottom img,.common-tip-bottom span{vertical-align: middle;}
.common-time{font-size: 14px;margin-right: 10px;float: left;}
.common-weather{line-height:25px;margin-right: 10px;font-size: 14px;float: left;}
.common-weather img{width: 25px;height: 25px;}
.common-download{font-size: 14px;margin-right: 21px;float: left;}
.common-download span a{text-decoration: none;}
.nav-top{width: 100%;height: 50px;background:#34b0ff;}
.common-nav,.common-nav ul{position: relative;}
.common-nav-hover{position: absolute;top:0;background: #083379;color: #fff;height: 100%;}
.radio-bigbox{display: none;background:#f7f7f7;height: 480px;overflow: hidden;transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;	-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.radio-bigbox-left{width: 695px;margin-left:105px;float: left;}
.radio-bigbox-ewm{width: 90px;text-align: center;margin-right: 65px;float: left;}
.radio-bigbox-ewm p{font-size: 13px; line-height: 16px;margin-top: 6px;margin-bottom: 18px;}
.bigbox-player{width: 540px;margin-top: 35px;float: left;}
.bigbox-player h3{font-size: 24px;line-height: 16px;}
.bigbox-player p{font-size:14px;line-height: 16px;color: #999999;margin:30px 0 35px 0;}
.process{width: 100%;height: 2px;background:#ccc;margin-bottom: 26px;}
.process-now{width: 0%;height: 2px;background:#34b0ff;position: relative;}
.bigbox-time span{font-size: 14px;line-height: 16px;color: #999999;vertical-align: middle;margin-right:44px ;}
.expand-voice{cursor: pointer;}
.voice-change{cursor: pointer;}
.radio-novoice{display: none;}
.expand-voice .expand-voice-pause{display: none;}
.bigbox-time img{vertical-align: middle;}
.radio-bigbox-right{width: 336px;float: right;}
.bigbox-right-img{position: relative;}
.bigbox-right-icon{position: absolute;top:80px;left: 80px;}
.bigbox-right-icon:hover{cursor: pointer;}
.bigbox-right-backtop{margin-top: 42px;float: right;}
.bigbox-right-backtop:hover{cursor: pointer;}
.tran_1 {transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.nav-top ul li a{color:#fff;border-left:1px solid  #fff;display: block;font-size: 18px;line-height: 50px;color: #fff;text-decoration: none;}
.nav-top ul li{text-align: center;float: left;}
.nav-top ul li a{transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.nav-top ul li.home{width: 175px;}
.nav-top ul li.news{width: 175px;}
.nav-top ul li.live-radio{width: 150px;}
.nav-top ul li.learn-chinese{width: 179px;}
.nav-top ul li.china-abc{width: 207px;}
.nav-top ul li.about{width: 306px;border-right: 1px solid #fff;}
.home-title{height:50px;border-bottom: 3px solid #ccc;position: relative;}
.home-title span{font-weight: bolder;font-size:18px;line-height: 60px;height:50px;border-bottom: 3px solid #75c9ff;display: block;width: 183px;position: absolute;left:0px;top:0;padding-left:8px;}
.common-footer{background:#f4f4f4;height:120px;text-align: center;padding-top:50px;}
.common-footer p{font-size: 13px;line-height: 22px;color: #333;}
.backTop {display: none;cursor: pointer;width: 50px;height: 50px;position: fixed;right:10%;bottom:20%;}
.backTop a {display: block;background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.icon-backtop-1.png) no-repeat center center;opacity:0.5;filter:alpha(opacity=50);height: 56px;cursor: pointer;}
.backTop a:hover {opacity:0.8;filter:alpha(opacity=80);}
.common-right{width: 300px;}
.common-right img,.common-right-rmzt img{width: 300px;height: auto;}
.common-right-rmzt-img img{width: 300px;height: 100px;}
.common-right-rmzt-list li{padding:15px 0;border-bottom: 1px solid #ccc;}
.common-right-rmzt-list li a{font-size: 14px;line-height: 20px;display: block;max-height: 40px;overflow: hidden;}
.common-right-rmzt-list li p{font-size: 14px;line-height: 18px;margin-top:15px}
.photo-video-nav{background: #f7f7f7;height:46px;border: 1px solid #ccc;}
.photo-video-nav li{float:left;line-height: 45px;font-size: 18px;text-align: center;width: 150px;cursor: pointer;}
.photo-video-nav{position: relative;}
.photo-video-nav ul{width: 300px;position: relative;}
.common-photo-video{width: 300px;overflow: hidden;}
.photo-video-wrap{width: 600px;left: 0;position: relative;transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;	-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;}
.photo-video-item{float: left;}
.photo-video-item li{width: 300px;height: 225px;position: relative;}
.photo-video-item li img{width: 300px;height: 225px;}
.photo-video-item li{position: relative;width: 300px;height: 225px;margin-bottom: 19px;}
.photo-video-item li p{width: 295px;position: absolute;bottom: 0;left: 0;background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.black60.png);padding:8px;}
.photo-video-item li p a{color:#fff;display: block;max-height: 40px;overflow: hidden;}
.common-top-logo{width: 160px;float: left;}
.common-player{width:450px;margin-left: 70px;height: 80px;overflow: hidden;position: relative;float: left;}
/*.video-js{position: absolute;top:100px;left:-999px;width: 0px;height: 0px;}*/
.common-player h3{font-size: 16px;font-weight: normal;height: 21px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.common-player p{font-size: 14px;color: #999999;}
.common-progress-bg{cursor: pointer;height: 23px;}
.common-process{width: 400px;height: 2px;background:#ccc;cursor: pointer;}
.common-process-now{width: 0%;height: 2px;background:#34b0ff;position: relative;}
.common-player-button{width: 24px;height: 24px;position: relative;margin-top:20px;cursor: pointer;}
.common-player-button img{position: absolute;top:0;left:0;}
.w400 {width: 400px;}
.share-fix{ width:0; height:0; position:fixed; left:50%; top:173px; z-index:10;}
.share-fix-con{width:51px; position:absolute; top:22px; left:610px;}
.share-fix-con li{height:50px; margin-bottom:8px;}
.share-fix-con li a{display:block; height:50px;}
.share-fix-con li.share-Facebook a{background:url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.f-img.png) no-repeat;}
.share-fix-con li.share-weixin a{background:url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1645583264368685/CqgNOlpAYWyAJRKuAAAAAAAAAAA1385158.wx-img.png) no-repeat;}
.share-fix-con li.share-weixin:hover .side-wechat-show {display: block;}
.side-wechat-show{position:absolute;bottom: -73px;right: 57px; display: none;}
.side-wechat-show img { width:132px; height:132px;}
.appLoad{position:absolute; bottom:0; right:45px; box-shadow:0px 0px 20px 0px #999999; display:none;}
.dz-broadcast-title{height: 32px;background-color: #927868;color: #fff;font-size: 14px;line-height: 32px;text-align: center;}
.dz-broadcast-host img{margin-bottom: 1px;}

.footer-wrap{background:#f4f4f4;height:120px;text-align: center;padding-top:50px;}
.footer-wrap p{font-size: 13px;line-height: 22px;color: #333;}
.common-backtop{display: none;cursor: pointer;width: 50px;height: 50px;position: fixed;right:10%;bottom:20%;}
@media screen and (max-width:1024px) {
    .share-fix {display: none;}
    .common-player {display: none;}
    .common-tool {display: none;}
    .common-top {padding: 0;width: 100%;height: auto;}
    .common-top-logo {width: 100%;float: none;}
    .w1200 {width: 100%;}
    .nav-top ul{width:16.3rem;}
    .nav-top {height: auto;background:none;}
    .common-top-logo img {display: block;/*width: 2.837rem;height: 1.216rem;*/width:auto;height: 1.216rem;margin: 0 auto;margin-top: 0.32rem;margin-bottom: 0.32rem;}
    .nav-top ul li {width: 3.989rem !important;height: 1.6rem;background: #00b3fb;margin-right: 1px;text-align: center;}
    .nav-top ul li.china-abc {display: none;}
    .nav-top ul li.about {display: none;}
    .nav-top ul li a {line-height: normal;font-size: 0.64rem;color: #fff;border: none;line-height: 1.6rem;}

    .footer-wrap {font-size: 0.384rem;text-align: center;background: #f0f0f0;padding: 0;padding-bottom: 0.8rem;border-top: 1px solid #000;height: auto;}
    .footer-wrap div {margin-bottom: 0.3rem}
    .footer-wrap p {font-size: 0.384rem;text-align: center;line-height: 1rem;}
    .footer-wrap p:nth-child(1) {margin-top: .8rem;}
    .footer-wrap {padding-top: .8rem;}
}
