﻿body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, img, nav, header, article, footer,a {
    margin: 0;
    padding: 0;
    border: none;
}
body {
    font-size: 100%;
    font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:#333;
}

ul, li {
    list-style-type: none;
}

img
{
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}

header, article, footer
{
    max-width: 640px;
    width:100%;
    margin: 0 auto;
    overflow: hidden;
    /*background: #f8f8f8;*/
}
header
{
    /*position:fixed;
    height:100%;
    left:0px;
    top:0px;
    z-index:-1;*/
}
article
{
    /*position:absolute;
    left:0px;
    top:35%;
    z-index:5;
    background:rgba(14,1,26,0.74);*/
}

.upArrow
{
    width:100%;
    text-align:center;
    position:absolute;
    top:-50px;
    left:0px;
}
    .upArrow img
    {
        -webkit-animation: upArrow 1.5s infinite ease-in-out;
        -moz-animation: upArrow 1.5s infinite ease-in-out;
        -ms-animation: upArrow 1.5s infinite ease-in-out;
        animation: upArrow 1.5s infinite ease-in-out;
    }

.mainarea
{
    color:#333;
}

.mainarea .title{height:90px; line-height:90px;background:url(images/wx_bg002.png) center center no-repeat; background-size:100%; overflow:hidden;}
.mainarea  h3{font-size:1em;padding:0 10px; text-align:left;color:#FFF; text-align:center;}
.mainarea .title2
{
    height:90px; line-height:90px;background:url(images/wx_bg003.png) center center no-repeat; background-size:100%; overflow:hidden;
} 
.mainarea .title3
{
    height:90px; line-height:90px;background:url(images/wx_bg004.png) center center no-repeat; background-size:100%; overflow:hidden;
} 
.mainarea .title4
{
    height:90px; line-height:90px;background:url(images/wx_bg005.png) center center no-repeat; background-size:100%; overflow:hidden;
} 
.mainarea .box{margin:4px 7px;font-size: 0.875em; line-height:26px;}
.mainarea .box img
    {
        width: 100%;
        overflow:hidden;
    }

 .erweima{margin-top:20px;} 
 .erweima p{display:block;padding:10px;text-align:center;}
 .erweima p img{max-width:300px;width:80%;}
 .erweima .bottom {
        margin:0 10px;
        height:40px;
        line-height:40px;
        border-bottom: 1px solid #ccc;
        text-align:left;
    }

.profile
{
    overflow:hidden;
    margin:0 5px;
    font-size:0.875em;
}
.profile ul
    {
    overflow:hidden;
    }
.profile li
    {
        padding:8px 0;
        line-height:20px;
        width:100%;
        border-bottom:1px solid #eee;
    }
.profile li:last-child, li:nth-child(19)
        {
            border:none;
        }
.profile label {
        text-align: right;
        width: 80px;
        display:inline-block;
    }
.profile span {
       
    }

/**********分享到朋友圈************/
.sharefriend{ overflow:hidden;}
.sharefriend ul{overflow:hidden;}
.sharefriend li{ box-sizing:border-box;padding:5px 5px;float:left;
                 width:50%;
				 }
.sharefriend li a{display:block;width:100%;
                 
                  box-sizing:border-box;
                  height:36px;
                  line-height:36px;
				  padding-left:40px;
				  border:1px solid #ccc;
				  -webkit-border-radius:5px; 
				  -moz-border-radius:5px;
				    -o-border-radius:5px;
				  border-radius:5px;
				  background-repeat:no-repeat;
				  -webkit-background-size:36px 36px; 
				  -moz-background-size:36px 36px; 
				  -o-background-size:36px 36px;
				  background-size:36px 36px;
				  box-shadow: 0 0 5px #ccc;
                  background-color:rgba(255,255,255,0.54);
				 
}
.sharefriend .friend{ background-image:url(images/icon_msg.png); background-position:5px center;}
.sharefriend .wxquan{ background-image:url(images/icon_timeline.png); background-position:3px center;}

#mycover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mycover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px!important;
    height: 180px!important;
    z-index: 20001;
	outline:none;
   
}

.btn_01
{
    height: 36px;
    line-height: 36px;
    width: 80%;
    display: block;
    margin:15px auto;
    text-align:center;
    border-radius:6px;
    background:#fd6d52;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    font-weight:bold;
    color:#FFF;
}

@-webkit-keyframes upArrow{0%,30%{opacity:0;-webkit-transform:translate(0,10px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,0)}}
@-moz-keyframes upArrow{0%,30%{opacity:0;-moz-transform:translate(0,10px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,0)}}
@-ms-keyframes upArrow{0%,30%{opacity:0;-ms-transform:translate(0,10px)}60%{opacity:1;-ms-transform:translate(0,0)}100%{opacity:0;-ms-transform:translate(0,0)}}
@keyframes upArrow{0%,30%{opacity:0;transform:translate(0,10px)}60%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
