﻿html {
	/*background:#FFFFFF;background-repeat: no-repeat;background-size: cover;overflow-y: scroll;*/
	background:url(../images/bg1.jpg) repeat 0 0;
	/*background-image: url(../images/bg.jpg);background-repeat: no-repeat;background-size: cover;overflow-y: scroll;*/
}

body,
h1 {
    margin: 0;padding: 0;
}

body {
    max-height: 358px;font-size: 14px;padding-top:21px 0;
    font-family: "Microsoft YaHei, simhei";
}
.logo{
    width:220px;height:75px;background:url(../images/sitelogo.png) no-repeat; 
}
.logo a {
    display: block;width: 220px;height: 75px;cursor:hand;
}

a {
    text-decoration: none;
}

label {
    display: block;font-size: 14px;font-weight: bold;
}

input {
    width: 521px;height: 16px;padding: 7px 5px;font-size: 14px;font-weight: bold;font-family: Georgia, tahoma, arial, \5b8b\4f53;
	border: solid 1px #333;border-radius: 4px;background: #e8f4fc;outline: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27), 1px 1px 2px rgba(0, 0, 0, 0.443) inset;
}

input:focus {
    background: #fff;
}

button {
    height: 40px;padding: 0 15px 4px;*padding: 0 17px;color: white;font-size: 20px;font-family: Microsoft YaHei, simhei;
    background: #ce1171 url(../images/button.png);border: solid 2px white;border-radius: 5px;cursor: pointer;
}

textarea::-webkit-input-placeholder {
    text-align: center;padding-top: 70px;
}

.section {
    width: 700px;margin: 0 auto;
}

.foot {
    color: black;
    text-align: center;
}

.foot a {
    color: black;
}

.text {
    width: 700px;display: block;margin: 0 auto 20px auto;height: 200px;resize: none;font-size: 20px;border:2px solid #15120e;border-radius: 15px;
}

.shorten {
	position: absolute;right: -10px;top:245px;text-align: right;margin: 10px 5px 50px;
}

.p {
    position: absolute;display: none;width: 122px;margin-top: -56px;*margin-top: -29px;left: 49px;padding: 2px 8px 3px;border: solid 1px #0f619d;
    background: #dbdbdb;color: black;text-shadow: 1px 1px 1px #fff;box-shadow: 0 1px 2px #0f619d;border-radius: 0;
        }
.p a{
    color: black;
}

.p1 {
    font-size: 16px;font-weight: 700;color: #2559a5;
}
		
dwz { 
	height:30px; border-left:4px solid #2E8B57;padding-left:10px; font-size:16px; font-weight:normal; line-height:30px; margin:10px 0; 
}
		
.menu_box {
    font-size: 0;color: balck;position: absolute;right: 0;top: 0;
}

.menu_box a {
    font-size: 16px;color: #2559a5;font-weight: 700;cursor: pointer;
    }

.menu_box a:hover {
    text-decoration: underline;color: #2559a5;
}

.menu_box .jiamisu {
    margin-right: 16px;
}

.alias {
    margin-bottom: 20px;
}

.alias label {
    font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;display: inline-block;margin-right: 20px;
}

.alias label:hover,
.alias input:hover {
    cursor: pointer;
}

.alias input {
    width: 16px;height: 16px;padding: 0;margin: 0;margin-right: 6px;font-weight: normal;border: none;border-radius: 0;
    background: none;box-shadow: none;position: relative;top: 1px;
}

#qrcode p {
    line-height: 1;font-size: 20px;color: balck;text-align: center;margin: 10px auto 20px;
        }

#qrcode img {
    display: block;width: 215px;margin: 0 auto 76px;
}

.warp {
    display: block;width: 800px;margin: 0 auto;color: #000;margin-bottom: 50px;color: balck;
}

.warp p {
    font-size: 14px;line-height: 16px;color:black;
}

.warp > div {
    margin-bottom: 30px;
}

.jiami {
    display: none;top: 0;right: 0;bottom: 0;left: 0;font-family: Arial, Helvetica, sans-serif;
    background-color: rgba(0, 0, 0, .5);position: fixed;z-index: 199;
}

.jiami .pop_body {
    width: 700px;height: 380px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #FFF;padding-top: 40px;
        }

.jiami .pop_body .closeBtn {
    width: 18px;height: 18px;background: url(../images/icon_close.png) no-repeat;background-size: 100%;
    position: absolute;top: 15px;right: 15px;cursor: pointer;
}

.jiami .content_box {
    width: 100%;height: 100%; height: 94.5%;
        }

.content_box .begin .tit {
    font-size: 14px;color: balck;text-align: center; margin: 20px 0 32px;
}

.content_box .begin div {
    height: 36px;color: balck;font-size: 14px;margin: 0 auto;width: 514px;
}

.content_box .begin{
    margin-bottom: 20px;
}

.content_box .begin label {
    font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;display: inline-block;margin-right: 20px;
}

.content_box .begin label:hover,
.content_box .begin input:hover {
    cursor: pointer;
}

.content_box .begin input {
    width: 16px;height: 16px;padding: 0;margin: 0;margin-right: 6px;font-weight: normal;border: none;border-radius: 0;
    background: none;box-shadow: none;position: relative;top: 1px;
}

.content_box .begin div:first-of-type {
    margin-bottom: 25px;
}

.content_box .begin div span {
    display: inline-block;width: 60px;text-align: right;margin-right: 10px;
}

.content_box .begin div input {
    width: 420px;height: 100%;font-weight: normal;font-family: Arial, Helvetica, sans-serif;border: 1px solid #9B9B9B;border-radius: 0;
    background: #FFF;outline: none;box-shadow: none;padding: 0 0 0 20px;margin: 0;
        }

.content_box .begin .btn {
    display: block;width: 200px;height: 50px;font-size: 16px;outline: none;border: 0;border-radius: 4px;background-image: none; padding: 0;margin: 60px auto 0;
}

.content_box .result {
    display: none;
}

.content_box .result .tit {
    font-size: 22px;color: balck;text-align: center;line-height: 1;margin: 10px 0 30px;
}

.content_box .result .jiamiqrcode {
    width: 200px;height: 200px;margin: 0 auto;
}

.content_box .result .jiamiqrcode img {
    width: 100%;height: 100%;
}

.content_box .result .visitPassword {
    font-size: 18px;color: balck;text-align: center;line-height: 1;margin-top: 25px;
}


.qr_code {
    position: absolute;top: 100px;right: 0;margin-right: -160px;z-index: 99999
}

.qr_code img {
    width: 120px;-webkit-animation: jump-12 3s ease-in-out infinite;animation: jump-12 3s ease-in-out infinite
}

@-webkit-keyframes jump-12 {
    0% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px)
    }
    50% {
        -webkit-transform: translate(0, 0);transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, -10px);transform: translate(0, -10px)
    }
}

@keyframes jump-12 {
    0% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px)
    }
    50% {
        -webkit-transform: translate(0, 0);transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, -10px);transform: translate(0, -10px)
    }
}