*{ 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%;    min-height: 100%;
    background: url(../images/mobile.jpg) no-repeat center top;
    background-size: cover;
    margin: 0 auto;}

body,input,textarea{ font-family:"Microsoft YaHei"}

ul{ overflow:hidden;}

li{ list-style-type:none; padding:5px 0; float:left; width:90%;}

.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;}



.form-control{     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 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:46px;

    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:35px; margin-top:60px; }

.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: #f27b09;

    color: #fff;

	}

.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(49, 144, 220, 0.6);  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%;}

}