@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
html{background:#fff; font-size:12px; font-family:Microsoft Yahei;}
body{ background:#fff;}
a{text-decoration:none;outline:0 !important; list-style-type:none; color:#333;}
input,button, textarea{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; color:#666;outline:0;}
input:-webkit-any-link { cursor:auto; }
input:focus{　border:0; }
li{ list-style:none; }
input{box-sizing:content-box;}
.content{width:1000px; margin:0 auto;}
.head{height:90px; width:100%;}
.head .logo{height:44px; width:236px; float:left; margin-top:18px;}
.head .reg{ height:90px; line-height:90px; font-size:16px; float:right;}
.main{height:450px; width:100%; background:url(../images/banner.jpg) no-repeat top center;}
.main .login{height:319px; width:310px; float:right; margin-top:60px; position:relative;}
.main .login .img{height:319px; width:310px; position:absolute; z-index:10;}
.main .login .title{ height:24px; line-height:24px; width:100%; text-align:center; color:#fff; font-size:20px; margin-top:40px;}
.main .login .mabox{ height:170px; width:170px; overflow:hidden; margin:15px auto;}
.main .login .shuoming{ height:30px; width:170px;margin:0 auto; text-align:center; font-size:14px; color:#ccc;}
.main .login-box{top:0px; left:0px; width:310px; position:absolute; z-index:20;pointer-events:none;}
.main .login-box .ul{width:222px;pointer-events:auto; margin:0 auto; margin-top:26px;}
.main .login-box .ul li{ height:36px; line-height:36px; margin-bottom:15px; position:relative;}
.main .login-box .in1{height:36px; background:#fff; line-height:36px; padding:0 5px 0 30px; width:187px; border:none;}
.main .login-box .in1.in2{width:106px;}
.main .login-box .yanzheng{width:76px; float:right; background:#fff; height:36px; overflow:hidden; text-align:center}
.main .login-box .yanzheng img{width:64px;height:24px; padding-top:6px;}
.main .login-box .login-btn{width:222px;background:#c20114; color:#fff; text-align:center; line-height:36px; border:none; height:36px; font-size:16px; cursor:pointer; display:block;}
.main .login-box .icon{ position:absolute; left:5px; top:7px; background-image:url(http://www.91jiuhua.com/images/icon.png); background-repeat:no-repeat;}
.main .login-box .user{ height:20px; width:20px; background-position:0 0;}
.main .login-box .pass{ height:20px; width:20px; background-position:-31px 0;}
.main .login-box .yzm{ height:20px; width:20px; background-position:-63px 0;}
.lianxi{height:70px; width:100%;}
.lianxi .lianxi-ul{height:70px; border-bottom:1px solid #eee;}
.lianxi .lianxi-ul li{height:70px; width:190px; float:left; line-height:70px; font-size:14px; padding-left:60px; color:#666; position:relative;}
.lianxi .lianxi-ul li a{ display:block;}
.lianxi .lianxi-ul li:hover{ background:#f7f7f7;}
.lianxi .lianxi-ul li a{color:#666;}
.lianxi .lianxi-ul li .icon{background-image:url(http://www.91jiuhua.com/iamges/icon.png); background-repeat:no-repeat; height:22px; width:23px; display:inline-block; float:left; margin-top:24px; margin-right:4px;}
.lianxi .lianxi-ul li .tel{ background-position:-5px -26px;}
.lianxi .lianxi-ul li .qq{ background-position:-34px -26px;}
.lianxi .lianxi-ul li .ww{ background-position:-62px -26px;}
.lianxi .lianxi-ul li .weixin{ background-position:-90px -26px;}
.lianxi .lianxi-ul li .erweima{display:none; z-index:30; position:absolute; width:250px; height:250px; top:-250px; left:0; background:#fff; border-radius:5px 5px 0 0; text-align:center;}
.lianxi .lianxi-ul li .erweima img{ height:200px; width:200px; margin:0 auto; margin-top:25px;}
.copyright{height:50px; line-height:50px; text-align:center; color:#666;}
.baocun{color:#fff;}

.reg-main{ width:100%;}
.reg-main .content{ border:1px solid #eee; background:#f9f9f9; padding:40px 0; border-radius:5px;}
.reg-main .title{ text-align:center; font-weight:normal; font-size:18px; height:30px; line-height:30px;}
.reg-ul{width:920px; margin:0 auto; margin-top:10px;}
.reg-ul li .left{width:340px; text-align:right; font-size:14px; color:#666; float:left;pointer-events:none;}
.reg-ul li .right{width:575px; float:right;}
.reg-ul li{ height:36px; line-height:36px; margin-bottom:10px;}
.reg-ul li .sm{ color:#888; font-size:12px; padding-left:10px;}
.reg-ul li .in2{ font-size:14px; height:34px;background:#fff; line-height:34px; padding:0 5px; width:207px; border:1px solid #ddd;}
.reg-ul li .in1.in2{width:106px; float:left;}
.reg-ul li .yanzheng{width:77px; float:left; margin-left:10px; background:#fff; height:34px; overflow:hidden; border:1px solid #ddd; padding:0 6px;}
.reg-ul li .yanzheng img{width:77px;height:24px; padding-top:6px;}
.reg-ul li .login-btn{width:219px;background:#c20114; color:#fff; text-align:center; line-height:36px; border:none; height:36px; font-size:16px; cursor:pointer;}
.reg-ul li .reg-xz{font-size:14px; color:#333; padding:0 20px 0 5px;}
.tan-box{position:fixed; top:0; left:50%; z-index:10000;}
.tan-box .box-content{ background:#fff;position:relative; z-index:10001;}
.tan-box .box-bg{ background:rgba(0,0,0,.5); position:absolute; left:0; top:0; z-index:900; width:100%;}
.tan-box .title{height:36px; line-height:36px; width:100%; text-indent:20px; color:#fff; background:#b2bad4; font-size:14px;}
.tan-box .box-foot{height:48px; border-top:1px solid #ddd; padding:10px 0; overflow:hidden;}
.tan-box .box-foot .btn{ float:right; margin-right:20px;}
.tan-box .box-foot .btn.box-close{ background:#666;}
.tan-box .box-items{padding:20px;}
.tan-box .items{padding:5px 0; overflow:hidden;}
.tan-box .items .left-items{ float:left; width:70px; font-size:14px; color:#666; line-height:30px; text-align:right;}
.tan-box .items .right-items{ float:left; width:230px; line-height:30px;}
.tan-box .items .right-items label{ padding-right:10px;}
.tan-box .items.items-shot .right-items{width:80px;}
.tan-box .items .right-items .btn{ margin-right:10px; background:#999;}
.tan-box .items .right-items .in1{ height:30px; line-height:30px; border:1px solid #aaa; padding:0; margin:0; width:auto;}
.tan-box .items .right-items .tishi{ height:30px; line-height:30px; color:#999;padding-left:10px;}

.impowerBox{width:auto;}
.impowerBox .qrcode {width: 200px; margin-left:28px; margin-top:0;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 200px;display: none;}
.status_icon {display: none}

.impowerBox{width:auto;}
.impowerBox .qrcode {width: 170px; margin-left:0; margin-top:0;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 170px;display: none;}
.status_icon {display: none}

.huoquyanzhengma{ height:34px; line-height:34px; width:100%; display:block; text-align:center;}
.huoquyanzhengma.daojishi{color:#888;}
@media screen and (max-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) and (max-width:375px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:375px) and (max-width:384px) {
    html {
        font-size: 10px;
    }

}

@media screen and (min-width:384px) and (max-width:414px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:414px) and (max-width:480px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px;
    }
}

@media screen and (max-width:720px) {
	.content{width:100%;}
	.head{height:8rem;}
	.head .logo{height:30px; float:none; margin:0 auto; width:161px; padding-top:1.5rem;}
	.head .logo img{height:30px;}
	.head .reg{ margin:0 auto; width:100%; text-align:center; height:3.6rem; line-height:3.6rem;}
	.reg-main .content{padding:1rem 0 0 0;}
	.reg-ul{width:100%; box-sizing:border-box; padding:1rem 1rem 0 1rem; overflow:hidden; margin-top:0;}
	.reg-ul li{position:relative; background:#fff; height:3.6rem; line-height:3.6rem;}
	.reg-ul li.qudao{height:7.4rem;}
	.reg-ul li.qudao .right{height:7.4rem;}
	.reg-ul li.qudao .right .sm{ bottom:0; top:auto;}
	.reg-ul li .left{float:none; position:absolute; left:0; width:5rem;}
	.reg-ul li .right{width:100%; float:none; overflow:hidden;}
	.reg-ul li .in2{width:100%; float:none; background:none; border:none; box-sizing:border-box; padding:0.5rem 0; padding-left:5.5rem; height:2.6rem; margin-top:0; line-height:2.6rem;}
	.reg-ul li .sm{position:absolute; right:0; line-height:3.6rem; height:3.6rem; top:0;pointer-events:none; background:#fff; padding-right:0.7rem;}
	.reg-ul li .login-btn{height:3.6rem; width:100%;}
	.reg-ul li .right label{width:25%; padding-left:6%; display:inline-block; float:left;}
	.reg-ul li .in1.in2{float:none; width:100%;}
	.reg-ul li .yanzheng{position:absolute; right:0; top:0; height:3.6rem; border:none;}
	.lianxi .lianxi-ul li span{display:none;}
	.lianxi .lianxi-ul li{width:25%; padding-left:0; text-align:center;}
	.lianxi .lianxi-ul li .icon{float:none;}
	.lianxi .lianxi-ul li .erweima{left:auto; right:0; border:1px solid #eee; top:-252px;}
	.copyright{line-height:3rem; padding:0.8rem 0;}
	.copyright a{display:block;}
}


@media all and (orientation : landscape) {
    html {
        font-size: 10px;
    }
    /*横屏样式*/
}