/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
body{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;  font-size: 16px;  color: #393b40;  overflow-y: scroll;}


body>div{
    padding: 0.5rem;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
section, header{
    display: block;
}
a{
    color: #333;
    text-decoration: none;
}


h2{
    font-size:1rem;font-weight: bold;text-align: center;
    color:#000000;
}
h1{  font-size:0.9rem;  color:#000000;font-weight: 500; text-indent: 20px; }
p{  font-size:0.9rem;  color:#000000;margin: 0;text-indent: 10px;  }
/* General Demo Style */

.container{
    width: 100%;
    position: relative;
    background: #ffffff;
}

.container > header{

    position: relative;
    display: block;

}
.container > header>img{
    width: 100%;
}

.container > header ul{
    width: 100%;height: 100%;position: absolute;left: 0;top: 0;
}
.container > header ul li{
    float: left;
    width: 50%;height: 100%;
}
.container > header ul li a{
    display: block;
    width: 100%;height: 100%;
}
/*.answer_phone{
    text-align: center;
}
.answer_phone>img{
    !*float: left;*!
    width: 30px;margin: 20% auto 5%;display: block;
}

.answer_phone span{
    font-size: 0.8rem;
    color: #ffffff;

}*/






.ac-container{
    text-align: left;
}
.ac-container div{
    border-bottom: 1px solid #f0f0f0;
}
.ac-container label{

    padding: 5px 0;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #323232;
    line-height: 33px;
    font-size: 0.8rem;
    background: #ffffff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-bottom: 1px solid #f0f0f0;
}
.ac-container label:hover{

}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    border: none;
    color: #323232;
}
.ac-container label:hover:after,
.ac-container input + label:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 10px;
    top: 15px;
    background: transparent url("http://static.bossche.cn/app/app_h5/share_app_img/arrow_up.png") no-repeat center center;
}
.ac-container input:checked + label:hover:after{
    background-image: url("http://static.bossche.cn/app/app_h5/share_app_img/arrow_down.png");
}
.ac-container input{
    display: none;
}
.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin: -1px 20px 0 0;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
}
.ac-container article p{
    color: #323232;
    line-height: 23px;
    font-size: 0.9rem;
    padding:0  0 10px;
}
.ac-container article h2{
    color: #323232;text-indent: 10px;
    line-height: 23px;
    font-size: 0.9rem;
    font-weight: bold;
}
.ac-container input:checked ~ article{
}
.ac-container input:checked ~ article.ac-small{
    height: auto;
}
.ac-container input:checked ~ article.ac-medium{
    height: auto;
}
.ac-container input:checked ~ article.ac-large{
    height: auto;
}

/*规则*/
.rule{  padding: 4%;background: #ffffff;}
.rule_title{text-align: center;font-size: 16px;color: #666666;margin-bottom: 30px;font-weight: bold;}
.rule_ul{text-align: left;overflow-y: auto;}
.rule_ul h6{font-size: 14px;color: #d0ae79;font-weight: 500;}
.rule_ul h5{font-size: 13px;color: #666666;margin: 16px 0 15px 15px;font-weight: 500;}


