*{ margin:0; padding:0;}
body{ font-size:14px;}
.demo-2 .large-header{background:url(../images/demobg.jpg) no-repeat left center;background-size:cover; height:100%;}
.demo-2{position:fixed;height:100%;width:100%;top:0;left:0;z-index:0; left:0; top:0;}
body,input,textarea{ font-family:"Microsoft YaHei"}
ul{ overflow:hidden;}
li{ list-style-type:none; padding:5px 0; float:left; width:98%;}
.box{ width:700px; margin:0px auto; position:absolute; z-index:2; box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:5px; background:#fff; padding:15px 0 15px 0; left:50%; margin-left:-350px; top:10%;}

.box1{ width:600px;margin-left:-300px;}



.box ul{ padding:0px 30px;}
label{ position:absolute; line-height:36px; color:#555; text-align:right; width:80px;}
.box h1{ font-size:30px; text-align:center; font-weight:normal; padding:20px 0 30px 0;}
.box h2{ font-size:20px; text-align:center; font-weight:normal; padding:20px 0 30px 0;}
.box h2 br{display:none}
.box span{ display:block; padding-left:90px;}
.box span input,.box span textarea{ display: block;
    width: 100%; text-indent:10px;
    height:36px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 
}
.box span input.active{border-color: #f90;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,102,0,.075), 0 0 8px rgba(255,102,0, 0.3);
    box-shadow: inset 0 1px 1px rgba(255,102,0,.075), 0 0 8px rgba(255,102,0, 0.3);
}

.box span input:focus,.box span textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.box span textarea{ height:auto;}
.btn{ text-align:center; padding-top:15px; margin-top:30px;}
.btn input,.btn a{    display: inline-block; outline:none;
    height: 38px; width:100px; text-align:center;
    line-height: 38px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;}
.btn a:first-child{ background-color:#ff2200;}
.btn input:first-child{ 
    background-color: #fff;
    color: #333; border:1px solid #ccc;
	}
.btn input:hover.btn a:hover{
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}

table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
table td,table th{ border-right:1px solid #ddd; border-bottom:1px solid #ddd;  background: #fff; line-height:30px;}
table th{ font-size:14px; background:#f9f9f9;}
table td{ text-align: left; padding-left: 6px;}
table ol{ padding:10px 15px; font-size:14px; color:#666; line-height:24px;}

.box3{ width:1200px; margin-left:-600px;}
.tablefoot{ font-size:14px; text-align:center;}
.signup_link {position: fixed;
    bottom: 0;
    right: 46%;
    font-size: 18px;
    text-decoration: none;
    display: block;
    height: 36px;
    padding: 0 36px;
    margin: 0 0 8px 0;
    font-weight: 700;
    line-height: 36px;
    border: 0;
    border-radius: 2px;
    color: #fff;
    background: #ff3300;
}
@media (max-width:720px)
{
.box{ width:94%;  border-radius: 0; background:rgba(0,0,0,0.5);  left:3%; margin-left:0; top:10px;}
.box ul {padding: 0px 15px;}
.box span input,.box span textarea{background:rgba(0,0,0,0.2);color:#fff; border: 1px solid rgba(255,255,255,.3);}
label{ text-align:left; color:rgba(255,255,255,.75);}
.box span{ padding-left:70px;}
li {width: 100%!important;}
	.box h1,.box h2{color:#fff;}
	.btn{ border:none!important; padding: 0 15px;}
	.btn input{ width:48.5%; display:block; float: left;}
	.btn input:first-child{}
	.btn input:last-child{float:right;}
	.btn a{ display:block; width: 100%!important;}


}





.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; margin-left:-1px;}
.xcConfirm .xc_layer{position: fixed;animation:fadein 0.5s forwards;  top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; transform:scale(0.5, 0.5);animation:big 0.5s forwards;  opacity:0;left: 50%; padding-bottom:10px; top: 50%; background-color: #ffffff; z-index: 2147000001; width: 400px; margin-left: -200px; margin-top: -130px; border-radius: 5px; font-weight: bold; color: #535e66; box-shadow:3px 3px 10px rgba(0,0,0,0.3)}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(../images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{ margin:15px 30px;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ height: 48px; font-size:16px; line-height:48px;overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .txtBox p input{width: 364px; height: 30px; border: solid 1px #eef0f1; font-size: 18px; margin-top: 6px;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

.xcConfirm{ }
@keyframes fadein
{
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes big
{
from { transform:scale(0.5, 0.5); opacity:0}
to { transform:scale(1, 1); opacity:1}
}

@media (max-width:480px)
{

.box h2 br,.signup_link{display:none}
.xcConfirm .popBox{ width:94%; margin-left:0; left:3%;}
}