* {
    margin:0;
    padding:0;
}
html,body{
	min-height: 100%;
}
/*index--start*/
#index{
    font-family:Microsoft Yahei;
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: 100% auto;
}
.clear {
    clear:both;
}
.body {
    display:block;
    max-width:640px;
    margin:auto;
    min-height:100%;
    position:relative;
}
#index .body{
    padding-top:15px;
}
.title-logo {
    width:100%;
    text-indent:-1000em;
    height:0;
    padding-bottom:15%;
    background:url(../images/logo.png) no-repeat 10% center;
    background-size:65% auto;
    overflow:hidden;
}
.title-logo a{
    display:block; 
    width:100%; 
    height: 50px;
}
.title2 {
    text-indent:-1000em;
    height:0;
    padding-bottom:28%;
    background:url(../images/fly2.png) no-repeat 10% center;
    background-size:100% auto;
    overflow:hidden;
    width: 38%;
	height: 0;
	float:right;
}

@-webkit-keyframes goleft {
	0% {
		opacity: 0.9;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	100% {
		opacity: 0.8;
		-webkit-transform: translate3d(-220%,0, 0);
		transform: translate3d(-220%,0, 0);
		}
	}
.title2 {
	-webkit-animation-name: goleft;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration:10.0s;
}

.icon3 {
    /* position: relative; */
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    background: url(../images/title1.png) no-repeat bottom;
    /* z-index: 999; */
    background-size: 70% auto;
}
#mypage .icon3{
	padding-bottom: 50%;
}
#note {
    color:#333333;
    padding: 8px 20px;
    font-size:1em;
    line-height:150%;
}
.btn-index,
.textbtn-index{
   margin-left: 20%;
}

.look {
    display:block;
    text-indent:-1000em;
    width:50%;
    height:0;
    padding-top:23.4%;
    background:url(../images/btn-look.png) no-repeat bottom;
    background-size:90% auto;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
#note ol {
    border: 1px dashed #E29B0E;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    text-indent: 10px;
    background: rgba(128,234,238,0.85);
}
#note ol li {
    list-style-position:inside;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

#note ol span{
	text-align: center; 
	width: 90%; 
	display: inline-block; 
	margin-bottom: 10px; 
	font-size: 20px;
}

#lookbtn form{
    margin: 20px;
    border: 3px solid rgba(255,255,255,0.8);
    padding: 20px;
    background: rgba(128,234,238,0.85);
    border-radius: 20px;
    overflow-y: auto;
    max-height: 80vh;
}
#lookbtn form h2{
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 3em;    
}
#lookbtn form ol{
    color: #FFFFFF;
}
#lookbtn form ol li{
    margin:0;
    line-height:2.5em;
}
#lookbtn form ol li::after{
    content:" ";
    height:1px;
    display:block;
    clear:both;
}
#lookbtn form ol li:nth-child(odd) {
    background:rgba(255,255,255,0.2);
}
#lookbtn form ol li span{
    display:block;
    float:left;
}
#lookbtn form ol li span.friend{
    width:40%;
    overflow:hidden;
}

#index #friend{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}
#index #friend form{
    margin: 20px;
    border: 3px solid rgba(255,255,255,0.8);
    padding: 20px;
    background: rgba(128,234,238,0.85);
    border-radius: 20px;
    overflow-y: auto;
    max-height: 80vh;    
}
#index .btn_close {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/close.gif) rgba(255,255,255,0.5) no-repeat center center;
    background-size: 60% auto;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    position: absolute;
    top: 6px;
    right: 10px;
}
#index .mingci .mingciup {
    background: #af4245;
    color: #fff;
    overflow: hidden;
    padding-bottom: 4px;
}
#index .mingciup span {
    display: inline-block;
    float: left;
    width: 33%;
    font-size: 0.6em;
    text-align: center;
}
#index .mingci .mingcidown {
    background: #fff;
}
#index .mingci .mingcidown li span{
    display: inline-block;
    float: left;
    width: 33%;
    font-size: 0.6em;
    text-align: center
}
/*index--end*/



/*sign--start*/
#sign{
    font-family:Microsoft Yahei;
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: 100% 100%;
}
#popup{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #FD5A53;
    z-index: 10000;
    display: none;
    min-height: 100%;
}
#popup h2{
    text-align: center;
    margin: 0;
    padding: 10px;
    color: #F8F62A;
    border: 1px dashed #F8F62A;
    margin: 10px;
    border-radius: 10px;
    background: url(../images/close.png) no-repeat 98% center;
    background-size: auto 80%;
}
.ip_b {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    border: none;
    background: #FAF2B9;
}
.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.9);
}
.form{
    margin: 20px;
    padding: 20px;
    margin-top: 20%;
    background: url(../images/tanchuang.png) no-repeat center;
    background-size: 90% 100%;
}
.form .chacha img{
    width: 20%;
    height: 20%;
    float: right;
    margin-right: 5%; 
    cursor: pointer;  
}
.form h2{
    text-align: center;
    color: #FFFFFF;
    line-height: 3em;
}
.conbg{
    margin-left: 1%;
    width: 97%;
}
.conbg p{
    margin: 1em;
    margin-bottom: 0.4em;
    margin-top: 0px;
    border-radius: 1px;
    overflow: hidden;
}

#rform .zhuyi {
    color: red;
    text-align: center;
    font-size: 0.6em;
    margin: 1.6em;
}
#rform label {
    font-size: 0.6em;
    color: #FFFFFF;
}
#rform span {
    font-size: 0.6em;
    color: red;
    letter-spacing: 0.1em; 
}
#rform input[type=text] {
    font-size: 0.8em;
    width: 100%;
    padding: 0.8em 0.3em;
    border: 0;
}
#rform input[type=checkbox] {
    margin-left: 0.5em; 
}
#rform input[type=button] {
    background: #fff;
    border: 0;
    padding: 0.2em 0.3em;
}

/*sign--end*/


/*my--start*/
#mypage{
    font-family:Microsoft Yahei;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: 100% 100%;
}
#mypage .body{
    display: block;
    margin: auto;
    padding-top: 15px;
}
#ttip{
    margin: 10px 48px;
    padding: 20px;
    border-radius: 0.5em;
    border: 2px dashed #f0cd49;
    background: #005bac;
}
#ttip img{
    float: left;
    border-radius: 50%;
    border: 2px dashed #efcd48;
    width: 2em;
    height: 2em;
    margin: -0.3em 0.5em 0.5em 0;
}
#land{
    display: flex;
    justify-content: center;
    margin-top: 20%;
}
#land a{
    width: 120px;
    height: 65px;
}
#land .a1{
    width: 90%;
    height: 100%;
    background: url(../images/paihang.png) no-repeat center;
    background-size: 80% auto;
    color: #eb9f3f;
    font-size: 0.6em;
    padding: 8%;
}
#land .a2{
    width: 90%;
    height: 100%;
    background: url(../images/hdsm.png) no-repeat center;
    background-size: 80% auto;
    color: #29a055;
    font-size: 0.6em;
    padding: 8%;
}
#mypage .mingci {
    border: 2px solid #005bac;
    border-bottom: 3px solid #005bac;
    margin: 10%;
}
#mypage .mingci .mingciup {
    background: #005bac;
    color: #fff;
    overflow: hidden;
    padding-bottom: 4px;
    text-align: center;
}
#mypage .mingciup span {
    display: inline-block;
    float: left;
    width: 33%;
    font-size: 0.6em;
    text-align: center;
}
#mypage .mingci .mingcidown {
    background: #fff;
    min-height: 25px;
}
.btn_close{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/close.gif) rgba(255,255,255,0.5) no-repeat center center;
    background-size: 60% auto;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    position: absolute;
    top: 6px;
    right: 10px;   
}
#hdsm_div form, #zphb_div form{
    margin: 20px;
    border: 3px solid rgba(255,255,255,0.8);
    padding: 20px;
    background: #85d3f9;
    border-radius: 20px;
    overflow-y: auto;
    max-height: 80vh;
    color:#fff;
}
#hdsm_div h2, #zphb_div h2 {
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 3em;
}
#zphb_div ol li, 
#index .mingcidown ol li, 
#mypage .mingcidown ol li{
    /*list-style-type: none;*/
    margin: 0;
    line-height: 2.5em;
    padding-left: 0.5em;
    text-align: center;
}
#zphb_div ol li::after, 
#index .mingcidown ol li::after,
#mypage .mingcidown ol li::after{
    content: " ";
    display: block;
    height: 1px;
    overflow: hidden;
    clear: both;
}
#zphb_div ol li:nth-child(odd), 
#index .mingcidown ol li:nth-child(odd),
#mypage .mingcidown ol li:nth-child(odd) {
    background: rgba(255,255,255,0.1);
}
#zphb_div ol li span, 
#index .mingcidown ol li span,
#mypage .mingcidown ol li span {
    display: inline-block;
    float: left;
}
#zphb_div ol li span.friend, 
#index .mingcidown ol li span.friend,
#mypage .mingcidown ol li span.friend{
    width:60%;
    overflow:hidden;
}
#zphb_div ol li img, 
#index .mingcidown ol li img,
#mypage .mingcidown ol li img{
    float: left;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    width: 1.5em;
    height: 1.5em;
    margin: 0.5em 0.5em 0 0.5em;
}
#hdsm_div ol {
    color: #FFFFFF;
}
#hdsm_div ol li {
    list-style-position: inside;
    font-size: 1em;
    line-height: 1.8em;
    margin-bottom: 1em;
}
/*my--end*/

/*share--start*/
#mypage .share{
    margin-top: -1%;
}
.hao{
    display: block;
    width: 80%;
    padding: 10% 0;
    background: url(../images/btn.png) no-repeat bottom;
    background-size: 62% auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 10px;
}
.textbtn{
    display: block;
    width: 80%;
    padding: 7% 4px;
    background: url(../images/text-btn.png) no-repeat bottom;
    background-size: 45% auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#mypage .hao{
    display: block;
    text-indent: -1000em;
    width: 100%;
    height: 0;
    padding: 13% 0;
    background: url(../images/help.png) no-repeat bottom;
    background-size: 45% auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     margin-left: 0%;
}
#caicy_result form{
    margin: 30px;
    padding: 30px;
    margin-top: 20%;
    background: url(../images/tanchuang.png) no-repeat bottom;
    background-size: 100% auto;

}
#caicy_result form .chacha img{
    width: 20%;
    height: 20%;
    float: right;
}
#caicy_result .conbg{
    color: #fff;
    text-align: center;
    padding-bottom: 5%;
}
#caicy_result .conbg .picup{
    width: 100%;
    height: 100%;
}
#caicy_result .picup img {
    width: 40%;
    height: 45%;
    padding: 3% 27%;
    padding-bottom: 8%;
}
#caicy_result #praise{
    margin: 1em;
    margin-bottom: 0.4em;
    margin-top: 0px;
    border-radius: 1px;
    overflow: hidden;
}
#caicy_result .picdown {
    width: 100%;
    height: 100%;
    margin-top: 15px;
}
#caicy_result .picdown img {
    width: 70%;
    height: 50%;
}

/*share--end*/