body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
        margin: 0;
}

*{
padding: 0;
margin: 0;
}
.tip-full-screen-dialog-main {
    color: #fff;
    background-color: rgba(0,0,0,0.6);
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 1000;
}
.tip-full-screen-dialog-main .modal-dialog {
    margin-top: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
}
.tip-full-screen-dialog-main .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.tip-full-screen-dialog-main .modal-header {
    border: none;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.tip-full-screen-dialog-main
 .close {
    border-bottom: 85px solid transparent;
    border-right: 85px solid #3a82bb;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-weight: bold;
    z-index: 99999;
    margin-left: 20px;
    opacity: 1;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header
 .close {
    font-size: 30px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.tip-full-screen-dialog-main .close
 span {
    margin-left: 50px;
    margin-top: 10px;
    position: absolute;
    color: #fff;
}
.tip-full-screen-dialog-main .modal-title {
    font-size: 24px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-title, .modal-footer {
    text-align: center;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.diy-scrollbar {
    position: relative;
}
.tip-full-screen-dialog-main
 .steps {
    padding: 0
 10px;
    width: 320px;
    margin: 0
 auto;
}
.tip-full-screen-dialog-main
 .step {
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px
 2px;
}
.container-common .list-group-item, .common-container {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.container-common .list-group-item>div, .common-container>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    padding: 5px;
}

.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.tip-full-screen-dialog-main .step
 .number {
    background-color: #E94D4F;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    text-align: center;
}
.container-common .list-group-item>div, .common-container>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    padding: 5px;
}

.col-xs-11 {
    width: 91.66666667%;
}
.tip-full-screen-dialog-main .step
 p {
    margin-top: 5px;
}
.tip-full-screen-dialog-main .modal-body
 p {
    text-align: center;
    margin-bottom: 5px;
}

.modal p {
    margin: 0 0 10px;
}
.tip-full-screen-dialog-main .step
 .line {
    display: inline;
    position: relative;
}
.tip-full-screen-dialog-main .step .line img {
    width: 250px;
}

.modal img {
    vertical-align: middle;
}
.tip-full-screen-dialog-main
 .step {
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px
 2px;
}

.container-common .list-group-item, .common-container {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tip-full-screen-dialog-main
 .checkbox {
    padding-left: 3px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tip-full-screen-dialog-main .checkbox
 input {
    transform: scale(1.2);
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

#save {
    display: none;
}

.tip-full-screen-dialog-save {
    position: fixed;
    animation: goto 1s infinite linear;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 20000;
}

@keyframes
goto {
	0% {
		bottom: 0%
	}

	50% {
		bottom: 3%
	}

	100% {
		bottom: 0%
	}
}

@keyframes
lighting {
	0% {
		box-shadow: 1px 1px 15px #fb7f03,1px 1px 15px #fb7f03,1px 1px 15px #ffc000
	}

	50% {
		box-shadow: 1px 1px 8px #a75300,1px 1px 8px #a75300,1px 1px 8px #ffc000
	}

	100% {
		box-shadow: 1px 1px 15px #fb7f03,1px 1px 15px #fb7f03,1px 1px 15px #ffc000
	}
}

.tip-full-screen-dialog-main .step1 .line:last-child:after {
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -13px;
    margin-top: 3px;
}

.tip-full-screen-dialog-main .step .line:last-child:after {
    content: "";
    box-shadow: 1px 1px 15px #fb7f03, 1px 1px 10px #fb7f03, 1px 1px 5px #ffc000;
    border-radius: 5px;
    border: 2px
 solid #fb7f03;
    animation: lighting 1.7s infinite ease;
    position: absolute;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tip-full-screen-dialog-main .step2 .line:last-child:after {
    right: 3px;
    width: 62px;
    height: 90px;
    margin-top: 3px;
}