body { color: #333;font-size:.28em; line-height: 1.5; font-family: arial, Microsoft Yahei }
body,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,
legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.row{
    margin: 0;
}
.col-xs-12{
    padding: 0;
}
.video_list .col-xs-6:nth-child(n){
    padding-right: 5px;
}
.video_list .col-xs-6:nth-child(2n){
    padding-right: 15px;
    padding-left: 5px;
}
.container{
    max-width: 480px;
    padding: 0;
    margin: auto;
}
.container img{
    width: 100%;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:310px) and (min-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:320px) and (min-width:310px){
    body{font-size:10.66667px!important}
    .book{right: -168px;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body{font-size:10.66667px!important}

}
@media only screen and (max-width:360px) and (min-width:350px){
    body{font-size:12px!important}
    .book{right: -217px;}
}
@media only screen and (max-width:400px) and (min-width:359px){
    body{font-size:12px!important}
    .book{right: -198px;}
}
@media only screen and (max-width:469px) and (min-width:401px){
    body{font-size:12px!important}
    .book{right: -237px;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body{font-size:15.66667px!important}
    .book{right: -237px;}
}
@media only screen and (min-width:480px){
    body{font-size:15.66667px!important}
    .book{right: -348px;bottom: -26px !important;}
}

/*����*/

.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}

.container{
    max-width: 480px;
}

@font-face {
    font-family: 'MyNewFont';   /*��������*/
    font-size: 2em;
    src: url('SENTYGOLDENBELL%20(1).TTF');      /*����Դ�ļ�*/
}
h4{
    font-size: 1.8em;
    padding: 1em 0 0.7em 0;
    font-weight: bold;
}
.zybg{
    width: 47%;background: #FFF4C3;
    box-sizing: border-box;
    margin: 1% 1.5%;
    border-radius: 12px;
}
#weixinpop{width:100%;max-height:55px!important;max-width:640px;position:fixed;z-index:99999999;left:0;right:0;top:0;height:0px;margin:auto;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;background:rgba(0,0,0,.8);color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;transition:height .3s ease;-webkit-transition:height .3s ease;}.weixinpop-an{height:70px!important;}#weixinpop div:first-child{text-align:center;padding:10px 5px;}#weixinpop div:first-child img{width:60%;border-radius:6px;}#weixinpop div:nth-child(2){width:58%;border-left:1px solid #909090;}#weixinpop div:nth-child(2) p{padding:0px 0;text-indent:10px;}#weixinpop div:last-child{background:#fff;color:#000;padding:5px 10px;border-radius:5px;}
.btn-group{
    background: #0074D7;
}
.zybg h5{
    padding: 0.9em 0 0.5em 0;
    font-size: 1.4em;
    color: #FD1D11;
    font-weight: bold;
}
.zybg h5 p span{
    font-size: 1.4em;
}

.zybg .sbtn:hover{
    color: #fff;
}
.s2-main {
    width: 90%;
    margin: auto;
}
.item {
    width: 100%;
    float: left;
}
.dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #666;
    float: left;
    line-height: 32px;
    margin-top: 12px;
}.item p {
     float: left;
     line-height: 2em;
     font-size: 1.3em;
     padding-left: 25px;
     color: #696969;
 }
.lmzxak2 {
    border: 1px solid #ccc;
    height: 34px;
    width: 100%;
    text-indent: 34px;
    font: 1em/2em "Microsoft YaHei";
    border-radius: 5px;
    margin: 5px 0;
}
.lmzxak3 {
    width: 100%;
    display: block;
    margin: 20px auto;
    /* height: 45px; */
    border: none;
    background: #ED3C42;
    color: #fff;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 17px;
}
.zxbm16{
    width: 85%;
    margin: 0 auto;
}
.rf1{
    border: 3px solid #FFC61E ;
    position: relative;
    border-radius: 16px;
    width: 96%;
    left: 2%;
    margin:1.8em auto 0;
}
.rf1 p.pd{
    line-height: 1.8em;
    font-size: 1.2em;
    width: 92%;
    margin: auto;
    padding:0.8em 9px 1em;
    box-sizing: border-box;
}
.rf1 div.stitle{
    position: relative;
    top:-0.9em;
    width: 100%;
}
.rf1 .stitle span{
    display: inline-block;
    height: 0;
    width: 260px;
    border-top: 3.5em solid #0CD1A1;
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    margin: auto;
}
.rf1 p.pt{
    width: 100%;
    position: absolute;
    top:0.8em;
    font-size: 1.3em;
    color: #fff;
}

.zybg .sbtn:hover{
    color: #fff;
}

span.squre {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: #EC1818;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    transform: rotate(45DEG);
    position: relative;
}

span .number {
    position: absolute;
    width:  1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    transform: rotate(-45deg);
    top: 0;
    left: 0;
    font-weight: bold;
}
.sbtn:hover{
    color: #fff;
}
.p_con{
    font-size: 1.3em;
    line-height: 1.8em;
    color: #2E0000;
    padding: 1em 0;
}
.sbtn{
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    margin: 1em 0;
    padding: 8px 0;
    color: #fff;
    background: linear-gradient(to right, #FD1D11 , #FF5E04);
    -webkit-animation: sbtn 1s linear infinite;
    -moz-animation:  sbtn 1s linear infinite;
    -o-animation:  sbtn 1s linear infinite;
}
@-webkit-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* ��׼���﷨ */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
@-moz-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* ��׼���﷨ */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
@-o-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* ��׼���﷨ */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
.zybg .sbtn:hover{
    color: #fff;
}
.pp{
    -webkit-animation:  pp 1s linear infinite;
    animation: pp 1s linear infinite;
    -moz-animation:  pp 1s linear infinite;;
    -o-animation:  pp 1s linear infinite;;
}
@keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-webkit-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-moz-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }

}
@-ms-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-o-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
.form-control{
    height: 40px;
}
.mhead{
    position: relative;
}
.mhead .dw{
    position: absolute;
    right:0;
    bottom: 0;
    animation: dw 1.5s infinite linear;
}
@keyframes dw {
    0%{
        right:0;
        bottom: 0;
    }
    50%{
        right:3px;
        bottom: 5px;
    }
    100%{
        right:0;
        bottom: 0;
    }
}

.hb .col-xs-6:first-child,.hb .col-xs-6:nth-child(3){
    margin-left: 0;
}
.hb .col-xs-6 p{
    width: 80%;
    border-top: 1px solid #fff;padding: 0.5em 0;
    margin: 0.5em auto 0;
}
.sbtn{
    width: 60%;
    margin: 2em 0;
}
.vimg{

    position: relative;
    cursor: pointer;
    padding: 5px;
}
.vimg>a>div{
    position: absolute;
    width: 100%;
    text-align: center;
    top:31%;
    cursor: pointer;
}
.vimg>a>div>img{
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.vimg>p{
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    padding:2px 0;
    color: #333;
}
.hi-video-controlbar{
    display: none;
}
.nav-tabs a{
    color: #333!important;
    font-size: 1.3em;
}
.nav{
    margin-top: 5px;
}
.nav-tabs>li>a{
    /*border-top: none !important;*/
    padding: 6px 15px;
}
.con_title {
    height: 4rem;
    line-height: 4rem;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.con_title span {
    float: left;
    font-size: 2rem;
    color: #333;
    display: block;
}
.vbtn{
    display: inline-block;
    width: 100%;
    padding: 4px 0;
    border: 1px solid #666;
    text-align: center;
    color: #444;
    margin-bottom: 0.6em;
}

.vimg:hover{
    opacity: .8;
}


.soshm-item-icon{
    width: 1.3em !important;
    height: 1.3em !important;
}
.iconfont{
    display: inline-block;
    width: 166% !important;
    height: 1.3em !important;
    font-size: 1.5em !important;
    text-align: center;
    position: relative;
    top:4px;
}

.fonts{
    font-size: 1.5em;
    color: #666;
}
.list_title{
    padding: 0.5em 1em;
    font-size: 2em;
    text-align: center;
    font-weight: 700;
    width: 70%;
    margin: 0 auto 0.5em auto;
    border-bottom: 1px solid #b1ada5;
    position: relative;
}
.list_title strong {
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: -2px;
    background: #0068d4;
    padding: 2px 0;
}
.list_title strong +span {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #0068d4 transparent transparent;
    bottom: -8px;
    margin-left: -8px;
}