@charset "utf-8";
body{background: #f5f5f5;}

.wx-main{width: 700px;margin: 0 auto;background: #ffffff;}
.wx-section{max-width: 677px;margin: 0 auto;box-sizing: border-box;position: relative;}
.wx-title{width: 100%;box-sizing: border-box;overflow: hidden;}
.wx-title h3{font-size: 24px;color: #333333;font-weight: normal;margin: 20px auto;}
.wx-title p{width: 100%;box-sizing: border-box;overflow: hidden;font-size: 14px;color: #666666;padding: 10px;background: #f5f5f5;}
.wx-title p b{width: 50%;float: left;font-weight: normal;line-height: 30px;box-sizing: border-box;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wx-content{width: 100%;margin-top: 10px;visibility: visible;overflow: hidden;color: #222;font-size: 16px;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align: justify;position: relative;z-index: 0;}


.wx-fix{position: fixed;top: 10px;right: 0;left: 0;box-sizing: border-box;}
.wx-fixContent{position: relative;width: 720px;margin: 0 auto;box-sizing: border-box;}
.wx-fixImg{position: absolute;width: 140px;top: 0;right: -150px;hyphens: auto;box-sizing: border-box;word-wrap: break-word;}
.wx-img{width: 100%;box-sizing: border-box;overflow: hidden;}
.wx-img a{display: block;box-sizing: border-box;background: #ffffff;padding: 8px;border: 1px solid #e2e2e2;margin-bottom: 10px;text-decoration: none;}
.wx-img a img{width: 100%;height: auto;display: block;margin: 0 auto;}
.wx-img a span{display: block;font-size: 12px;color: #333333;text-align: center;}

.wx-btn{text-align: center;margin-top: 25px;box-sizing: border-box;overflow: hidden;}
.wx-btn a{line-height: 50px;display: block;box-sizing: border-box;margin-top: 10px;border: 1px solid #e2e2e2;text-decoration: none;border-radius: 5px;}
.wx-btn a.wx-top{width: 50px;height: 50px;cursor: pointer;background: url(../images/top.png) center no-repeat #ffffff;background-size: auto 30px;}
.wx-btn a.wx-top img{width: 100%;height: auto;display: block;margin: 0 auto;}
.wx-btn a.wx-return{width: 50px;height: 50px;background: url(../images/return.png) center no-repeat #ffffff;background-size: auto 30px;}
.wx-btn a span{display:none;font-size: 14px;color: #ffffff;}

.wx-btn a:hover{background: #8d526d;}
.wx-btn a:hover span{display: block;}

@media (max-width: 768px) {
	html{font-size:20px;}

    body{background: #ffffff;margin: 0;box-sizing: border-box;}
    .wx-main{width: 100%;box-sizing: border-box;padding: 0 0.3rem;}
    .wx-section{max-width: 100%;margin: 0 auto;box-sizing: border-box;position: relative;}
    .wx-title{width: 100%;box-sizing: border-box;overflow: hidden;text-align: justify;}
    .wx-title h3{font-size: 1rem;color: #333333;font-weight: normal;margin: 1rem auto;}
    .wx-title p{width: 100%;font-size: 0.6rem;color: #666666;padding: 0.5rem 0.3rem;}
    .wx-title p b{width: 50%;line-height: 1.2rem;box-sizing: border-box;padding-right: 1rem;}

    .wx-content{width: 100%;margin-top: 0.5rem;font-size: 0.7rem;}


    .wx-fix{display: none;}
}
/*iphone 6*/
@media screen and (min-width:375px){ 
    html{ font-size: 20px;}  
    }
    @media screen and (min-width:384px){ 
    html{ font-size: 20.48px;}  
    }
    @media screen and (min-width:412px){ 
    html{ font-size: 21.973px;}  
    }
    /*iphone 6 plus*/
    @media screen and (min-width:414px){ 
    html{ font-size: 22.08px;}  
    }
    @media screen and (min-width:424px){ 
    html{ font-size: 22.613px;}  
    }
    @media screen and (min-width:480px){ 
    html{ font-size:25.6px;}  
    }
    @media screen and (min-width:540px){ 
    html{ font-size:28.8px;}  
    }
    @media screen and (min-width:600px){ 
    html{ font-size: 32px;}  
    }
    @media screen and (min-width:800px){ 
    html{ font-size:42.667px;}  
    }