﻿#hzBaseInfoBox
{
    text-align:center;
    padding:5px;
}
#mainTable
{
    border-collapse : collapse;
    border:2px solid #9cf;
    margin:0px auto;
    background:#fff;
    text-align:left;
}
#mainTable tr td
{
    padding:4px;    
    border:1px solid #9cf;
    font-family: Arial;
    color:#363636;
}

#mainTable tr td.hz_PinYin
{
    text-align:center;
    font-family:Arial;
    font-size:16px;
}
#mainTable tr td.hz_Name
{
    width:60px;
    height:60px;
    text-align:center;
    vertical-align:middle;
    font-size:38px;
    font-family:"楷体";
}
#mainTable tr td.hz_FirstLetter
{
     font-family:Arial;
    font-size:16px;
    text-align:center;
    width:20px;
    vertical-align:middle;
}
#mainTable tr td.hz_BuShou
{
    font-family:"楷体";
    font-size:16px;
    width:20px;
    vertical-align:middle;
}
#mainTable tr td.hz_BuShou img
{
    width:18px;
    height:18px;
}
#mainTable tr td.hz_BiHuaShu
{
    font-size:16px;
    text-align:center;
    vertical-align:middle;
    height:32px;
}
#mainTable tr td.hz_HanZi_JieGou
{
    font-size:16px;
    text-align:center;
    vertical-align:middle;
     height:32px;
}
#mainTable tr td.hz_label
{
    font-size:14px;
    color:#363636;
    background:#f7f7f7;
    white-space:nowrap;
    width:2.4em;
    text-align:center;
}
#mainTable tr td.hz_zy
{
     font-size:14px;   
}
#mainTable tr td.hz_zc
{
     font-size:14px;   
}
#mainTable tr td.hz_zj
{
     font-size:14px;   
}
#mainTable tr td.hz_qj
{
     font-size:14px;   
}
#mainTable tr td.hz_ZaoZiFa
{
    font-size:14px;    
}
#sxBox
{
    text-align:center;
    margin-top:10px;
}
#sxBox .img_shuxie
{
    width:250px;
    height:250px;
    border:none;
    margin:0 auto;
}
.sxBox .btn_wht
{
    font-size:14px;
    color:#09f;
    display:inline-block;
    line-height:2em;
    text-align:center;
    background:url(../img/phone/btn_play_18.png) no-repeat left center;
    text-indent:22px;
}

.sxBox span.bsInfo
{
    display:block;
    text-align:center;
    font-size:16px;
    font-family:"楷体";
    line-height:1.5em;
}
#zgBox{    }#zgBox p,#zmBox p,#zzBox p{    text-align:center;        font-size:20px;    font-family:"楷体";    line-height:1.5em;}
#zy2Box,#tjBox
{
    text-align:center;
    padding:10px;
}
#zy2Box img,#tjBox img
{
    max-width:250px;
}

#mainTabBox_Top
{
    
}
#mainTabBox_Top a
{
      font-size:18px;
      font-family:"微软雅黑";
      text-decoration:none;
      width:25%;
      line-height:2.3em;
      text-align:center;
      display:inline-block;
      color:#666;
      border-bottom:#ccc 2px solid;
}
#mainTabBox_Top a.on
{
      color:#09f;
      border-bottom:#09f 2px solid;
}

.swiper-container{}.swiper-wrapper{}.swiper-slide{    display:none;}
.swiper-slide.on{    display:block;}

.ciListBox
{
     padding:10px;   
}
.ciListBox a
{
    display:inline-block !important;    
     font-size:16px;
     color:#666;
     background:#fff;
     border:1px solid #9cf;
     text-align:center;
     padding:0.3em 0.5em;   
     text-decoration:none;
     margin-bottom:10px;
     margin-right:10px;
}
.ciListBox a:hover
{
    background:#09f;
    border:1px solid #09f;
    color:#fff;
}

.hzBox
{
     margin:5px;  
     padding:5px;
}
.hzBox a
{
    display:inline-block !important;    
     font-size:16px;
     color:#666;
     background:#fff;
     border:1px solid #9cf;
     text-align:center;
     padding:0.3em 0.5em;   
     text-decoration:none;
     margin-bottom:10px;
     margin-right:10px;
}
.hzBox a:hover
{
    background:#09f;
    border:1px solid #09f;
    color:#fff;
}

.hzBox span
{
     display:block;
     text-align:center;
     font-size:14px;
     color:#c00;
}

.btn_more{	border:1px solid #EBEBEB;	border-radius:3px;	display:block;	line-height:2em !important;	height:auto !important;	text-align:center;	text-decoration:none;	color:#333;	font-size:14px;	margin:5px 10px;		background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);	}
.title_h3
{
    background:#efefef;
    color:#333;
    font-size:18px;
    line-height:2.4em;
    font-weight:normal;
    padding-left:10px;
    cursor:pointer;
}
.title_h3 img
{
    max-height:22px;
    max-width:22px;
    vertical-align:middle;
}
.title_h4
{
    background:#FAFAFA;
    color:#999;
    font-size:14px;
    line-height:1.8em;
    font-weight:normal;
    padding-left:10px;
}
.ziListBox
{
    margin-bottom:10px;
}
.ziListItemBox
{
    display:block;
    background:#fff;
    position:relative;
    padding-left:10px;
    border-bottom:1px dashed #efefef;
}
.ziListItemBox span.zi
{
    font-size:20px;
    color:#333;
    line-height:2em;
}
.ziListItemBox.current span.zi
{
    color:#00A2FF;
}
.ziListItemBox span.lession
{
    font-size:14px;
    color:#999;
    margin-left:20px;
}
.ziListItemBox span.studyType
{
    position:absolute;
    right:10px;
    top:7px;
    font-size:12px;
    padding:0.2em 0.5em;
    color:#00A2FF;
    border:1px solid #00a2ff;
    border-radius:2px;
    display:block;
}
.ziListItemBox span.studyType.hrz
{
}
.ziListItemBox span.studyType.hxz
{
    color:#FF9800;
    border-color:#FF9800;
}
#TBS_Box
{
    background:#fff;
}
#TBS_Box .title_h3
{
    margin-bottom:8px;
}
#TBS_Box .title_h4
{
    background:#fff;
}
.ziListOutBox
{
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px 5px;
    background:#fff;
}
.ziListOutBox .ziListItemBox
{
    width:100px;
    height:85px;
    position:relative;
    overflow:hidden;
    display:inline-block;
    border:1px solid #efefef;
    border-radius:4px;
    
    box-shadow: 0px 2px 2px 0px rgba(238, 238, 238, 1);
}
.ziListOutBox .ziListItemBox span.zi
{
    display:block;
}
.ziListOutBox .ziListItemBox span.lession
{
    font-size:12px;
    color:#999;
    display:block;
    width:95px;
    position:absolute;
    left:10px;
    top:42px;
    margin-left:0px;
    white-space: pre-wrap;

}
.ziListOutBox .ziListItemBox span.studyType
{
    position:absolute;
    right:7px;
    top:10px;
    font-size:12px;
    padding:0.1em 0.3em;
}