*{
    margin: 0;
    padding: 0;
}
body{
    background: #e5e5e4;
}
.article{
    background: white;
    margin-left: 30px;
    position: relative;

}
.article .article-biaoti{
    padding: 30px 0;
    border-bottom: 1px solid #d3d3d3;
}
.article .article-biaoti h1{
    text-align: center;
    font-weight: 500;
    font-size: 36px;
    margin-top: 20px;
    letter-spacing: 2px;
}
.article .article-biaoti p{
    text-align: center;
    margin-top: 20px;
    color: #949494;
    font-size: 15px;
}
.article .article-content p{
    font-size: 24px;
    text-align: center;
    color: #827f7f;
    margin: 5px 0;
    padding: 1px;
}
/*个别字体*/
.article .article-span-hei{
    color: black;
}
.article .article-span-lan{
    color: #03F;
}
.article .article-span-hong{
    color: #F00;
}
.article .article-span-ju{
    color: rgb(255, 76, 0);
}
.article .article-span-fen{/*粉色*/
    color: rgb(255, 127, 170);
}
.article .article-span-shenfen{/*深粉色*/
    color: rgb(255, 97, 121);
}
.article .article-span-qianhong{/*浅红*/
    color: rgb(255,  41, 65);
}
.article .article-span-dahong{/*大红*/
    color: rgb(217, 33, 66);
}
.article .article-span-beihong{/*背景红色*/
    background-color: rgb(217, 33, 66);
    color: rgb(255, 255, 255);
}
.luzi{
    color: rgb(123, 150, 105);
}
.article .article-span-beihuang{
     background-color: rgb(255, 218, 169);
 }
.article .article-span-beiju{
    background-color: rgb(255, 76, 0);
    color: white;
}
.jiacu{/*加粗*/
    font-weight:600;
}
/*-------------样式区*/
/*三箭样式*/
.sanjiantou{
    font-size: 30px;
    color: rgb(255, 76, 0);
    box-sizing: border-box !important;
    word-wrap: break-word !important;
}
/*箭头*/
.article .article-span-jiantou{
    max-width: 100%; box-sizing: border-box; width: 0px; display: inline-block; border-top: 0.8em solid rgb(249, 110, 87); word-wrap: break-word !important; border-left: 0.7em solid transparent !important; border-right: 0.7em solid transparent !important;
}
/*菱形*/
.article .article-span-lingxing{
    display: inline-block; vertical-align: middle; padding: 5px; box-sizing: border-box;
    position: relative;
}
.article .article-span-lingxing::before{
    content: '';
    display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-width: 2px; border-style: solid; border-color: rgb(249, 110, 87); transform: rotate(45deg); box-sizing: border-box; background-color: rgb(249, 110, 87);
}
.article .article-span-lingxing::after{
    content: '';
    display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-width: 2px; border-style: solid; border-color: rgb(249, 110, 87); margin-left: -0.5em; transform: rotate(45deg); box-sizing: border-box;
}
/*=======*/
/*V型*/
.article .article-span-v{
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 0.8em;
    height: 0.8em;
    line-height: 1;
    border-left-width: 2px;
    border-left-style: solid;
    border-color: rgb(249, 110, 87);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    transform: rotate(-45deg);
    box-sizing: border-box;
}
/*水滴菱形*/
.article .article-span-shuidi{
    display: inline-block;
    position: relative;
    margin-left: -27px;
    margin-bottom: 21px;
    text-align: center;
}
.article .article-span-shuidi::after{
    content: '';
    width: 0.7em;
    height: 0.7em;
    transform: rotate(45deg);
    box-sizing: border-box;
    background-color: rgb(249, 110, 87);
    position: absolute;

}
.article .article-span-shuidi::before{
    content: '';
    margin-top: 0.2em;
    margin-left: 0.15em;
    width: 0.4em;
    height: 0.4em;
    transform: rotate(45deg);
    box-sizing: border-box;
    background-color: rgb(249, 110, 87);
    position: absolute;
    top: 15px;
}

/*=============*/
/*上三角*/
.shangsanjiao{
    display: inline-block;
    width: 0px;
    margin-top: 0.4em;
    border-left: 0.8em solid rgb(207, 190, 120);
    border-top: 0.8em solid rgb(207, 190, 120);
    border-right: 0.8em solid transparent !important;
    border-bottom: 0.8em solid transparent !important;
    box-sizing: border-box;
}
/*下三角*/
.xiasanjiao{
    display: inline-block;
    vertical-align: bottom;
    width: 0px;
    margin-bottom: -10px;
    border-right: 0.8em solid rgb(100, 180, 191);
    border-bottom: 0.8em solid rgb(100, 180, 191);
    border-left: 0.8em solid transparent !important;
    border-top: 0.8em solid transparent !important;
    box-sizing: border-box;
}
/*黄框*/
.article .article-span-huangkuang{
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgb(255, 202, 0);
    border-radius: 0.5em;
    font-size: 16px;
    font-family: inherit;
    text-align: left;
    text-decoration: inherit;
    box-sizing: border-box;
    max-width: 80%;
    position: relative;
}
.article .article-span-huangkuang::after , .article .article-span-huangkuang::before{
    content: '';    margin-top: 0.7em;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: top;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: rgb(95, 156, 239);
    position: absolute;
    top: -5px;
    right:-20px;
}
.article .article-span-huangkuang::before{
    background-color: rgb(249, 110, 87);
    left: -20px;
}
/*==========*/
/*大框*/
.article .article-span-dakuang{
    margin-right: auto;
    margin-left: auto;
    padding: 9px 200px 14px;
    max-width: 100%;
    box-sizing: border-box;
    color: rgb(255, 100, 80);
    font-size: 20px;
    letter-spacing: 3px;
    text-align: center;
    border-width: 4px;
    border-style: solid;
    border-color: rgb(255, 100, 80);
    border-radius: 8px;
    line-height: 1.5em;
}
/*横线*/
.hengxian{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(249, 110, 87);
}
/*蓝色背景框*/
.lanbeikuang{
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    width: 670px;
    border-radius: 5px 0 0 5px;
    box-shadow: rgb(153, 153, 153) 0 3px 3px;
    border-style: solid;
    border-width: 0 0 0 10px;
    border-left-color: rgb(95, 156, 239);
    border-right-color: rgb(95, 156, 239);
    background-color: rgb(239, 239, 239);
}
/*图片*/
img{
    clear: both;
    display: block;
    margin:auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
a{
    color: #607fa6;
    text-decoration: none;
}
/*音频*/
audio{
    clear: both;
    display: block;
    margin:auto;
}
video{
    width: 628px;
    height: 454px;
    clear: both;
    display: block;
    margin:auto;
}
 @media screen and (max-width: 500px) {
            img {
                width:100%;
            }
            video{
                height: 256px;
                width:100%;
            }
            p , #shouji span{
                width:100%;
            }
/*      , .navbar , #ctl00_topimg , xiangxi-zhishi , .xiangxi-right , .cebianan , .xiangxi-qiehuan , .over*/
     header , .navbar , #ctl00_topimg , xiangxi-zhishi , .xiangxi-right , .cebianan , .xiangxi-qiehuan , .over{
         display: none;
     }
     .banxin{
         width: 100%;
     }
        }