body{
    background-color: #eeeeee;
	font-family: '微软雅黑';
}

.hide{
    display: none;
}

.clr{clear:both;}
*{margin:0; padding:0;font-family:Arial,"Microsoft YaHei","微软雅黑"; }

a:focus { outline:none; -moz-outline:none; }
a{color:#333;}

/*vip*/
.vip-box{
    margin: 30px auto 50px;
}

.vip-box .vip-desc{
    margin-bottom: 30px;
    text-align: center;
}

.vip-box .vip-desc h2{
    font-size: 28px;
    color: #333333;
    margin-bottom: 10px;
    font-weight: normal;
}

.vip-box .vip-desc p{
    font-size: 18px;
    color: #666666;
}

.vip-list{
    text-align: center;
}

.vip-list .vip-item{
    display: inline-block;
    width: 310px;
	border:#FFFFFF 2px solid;
    margin: 12px 12px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(43,41,41,0.15);
    overflow: hidden;
}
.vip-list .vip-item:hover{border-color:#f94950;}

.vip-list .vip-item .vip-type{
    padding:20px 20px 20px;
}

.vip-list .vip-item .bg{
    background: #eee;
}

.vip-list .vip-item .vip-type .type-name{
    font-size: 18px;
    color: #333333;
	font-weight: bold;
    margin-bottom: 8px;
}
.vip-list .vip-item .vip-type .type-desc{
	height: 26px;
    font-size: 14px;
    color: #CE0003;
}

.vip-list .vip-item .vip-type.bg .type-desc{
    color: #CE0003;
}

.vip-list .vip-item .vip-type .vip-price{
    margin-top:15px;
}

.vip-list .vip-item .vip-type .vip-price p{
    font-size: 12px;
    color: #666666;
}
.vip-list .vip-item .vip-type.bg .vip-price p{
    color: #FFFFFF;
}

.vip-list .vip-item .vip-type .vip-price p span{
    font-size: 36px;
    color: #f94950;
    margin: 0 5px;
}
.vip-list .vip-item .vip-type .buy-btn{
    margin-top:15px;
    text-align: center;
}
.vip-list .vip-item .vip-type .buy-btn a{
    display: inline-block;
    padding: 8px 20px;
    color: #FFFFFF;
    background-color: #FF9900;
    text-align: center;
    border-radius: 2rem;
    font-size: 14px;
}

.vip-list .vip-item .vip-type .buy-btn a:hover{
    background-color: #ee8800;
}

.vip-list .vip-item .vip-type.bg .buy-btn a:hover{
    background-color: #e7c062;
}
.vip-list .vip-item .vip-type.bg .buy-btn a{
    color: #351d06;
    background-color: #f9d681;
}

.vip-list .vip-item .vip-com{
    margin:0 20px 20px;
    padding-top: 6px;
    border-top: 1px solid #EEEEEE;
}

.vip-list .vip-item .vip-com li{
    margin: 10px 0;
    display: flex;
	display: -webkit-flex;
}

.vip-list .vip-item .vip-com li.yes p{
    flex: 1;
	-webkit-flex:1;
    margin-right: 5px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.vip-list .vip-item .vip-com li.no p{
    flex: 1;
	-webkit-flex:1;
    margin-right: 5px;
    color: #aaaaaa;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.vip-list .vip-item .vip-com li .yes-icon{
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/yes-icon.png") no-repeat;
    position: relative;
    top: 5px;
}

.vip-list .vip-item .vip-com li .no-icon{
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/no-icon.png") no-repeat;
    position: relative;
    top: 5px;
}

.tab-content .edit-info{
    padding: 12px 0;
    display: flex;
	display: -webkit-flex;
}

.edit-info textarea{
    border-radius: 4px;
    border-color: #e5e5e5;
} 

.tab-content .edit-info label{
    display: inline-block;
    width: 72px;
    color: #545454;
    font-size: 12px;
    line-height: 30px;
}

.tab-content .edit-info p{
    font-size: 12px;
    color: #545454;
    line-height: 30px;
}

.tab-content .edit-info .edit-tx{
    display: inline-block;
    width: 70px;
    height: 70px;
    font-size: 0;
    border-radius: 50%;
    position: relative;
}

.tab-content .edit-info .edit-tx img{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.tab-content .edit-info .edit-input{
    color: #666;
    font-size: 12px;
    line-height: 30px;
    border:1px solid #e5e5e5;
    padding-left: 10px;
    width: 200px;
    border-radius: 4px;
}

.tab-content .edit-info span{
    color: #ec101e;
    position: relative;
    top: 8px;
    margin-right: 5px;
}

.tab-content .edit-info .pw{
    cursor: pointer;
    margin-left: 10px;
    font-size: 12px;
    border: 1px solid transparent;
    background-color: #ff9900;
    color: #FFF;
    text-align: center;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 4px;
}

.tab-content .edit-info .pw:hover{
    background-color: #ee8800;
}

.creative-cont .title{
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}


.id-updown{
    margin-top: 20px;
}

.id-updown .id-card-title{
    font-size: 16px;
    color: #545454;
    margin-bottom: 35px;
    padding-left: 10px;
    border-left: 5px solid #FF9900;
}

.input-file{
    position: relative;
    float: left;
    width: 240px;
    height: 145px;
    margin-right: 30px;
    background-color: #EEEEEE;
    border: 1px dashed #aaaaaa;
}

.input-file:hover a p{
    color: #FF9900;
}

.input-file img{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 6;
}

 .input-file a{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 5;
}

.input-file a .id-updowm-icon{
    display: block;
    width: 40px;
    height: 40px;
    background: url("../img/id-updowm-icon.png") no-repeat;
    margin: 35px auto 5px;
}

.input-file a p{
    text-align: center;
    color: #666666;
}

.input-file input{
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 7;
}

.id-card-dec{
    margin-top: 10px;
}

.id-card-dec p{
    color: #666666;
    margin-bottom: 8px;
}

.contract-int{
    margin-top: 30px;
}

.contract-int .contract-title{
    font-size: 16px;
    color: #545454;
    margin-bottom: 35px;
    padding-left: 10px;
    border-left: 5px solid #FF9900;
}

.contract-int .pdf-contract{
    margin-bottom: 20px;
}

.contract-int .pdf-contract a{
    display: inline-block;
    width: 150px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF9900;
    border-radius: 4px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 20px;
}

.contract-int .pdf-contract a:hover{
    background-color: #ee8800;
}

.contract-int .pdf-contract span{
    display: inline-block;
    line-height: 40px;
    color: #666666;
    font-size: 12px;
}

.contract-int .contract-updown{
    margin-bottom: 20px;
}

.contract-int .contract-updown a{
    display: inline-block;
	padding: 0px 15px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF9900;
    border-radius: 4px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 20px;
}

.contract-int .contract-updown a:hover{
    background-color: #ee8800;
}

.contract-int .contract-updown span{
    display: inline-block;
    line-height: 40px;
    color: #666666;
    font-size: 12px;
}

.form-btn{
    margin: 60px 0 0;
    text-align: center;
}

.form-btn a{
    display: block;
    width: 180px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    border-radius: 6px;
    background: linear-gradient(90deg, #fec672, #ff9900);
}

.form-btn a:hover{
    background: linear-gradient(-90deg, #fec672, #ff9900);
}

.filewrap{
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    margin: 0px 30px;
}

.filewrap h3{
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
}

.pay_type{
    display: inline-block;
    cursor:pointer;
    padding:40px 15px;
    width:215px;
    border-radius: 10px;
    border: 2px solid transparent;
}

.pay_type img{
    display: block;
    height:65px;
    width:65px;
    margin: 0 auto 20px;
}

.pay_type a{
    display:block;
    color:#333333;
    font-size: 16px;
}

.pay_type span{
    display:block;
    color:#666666;
    font-size: 12px;
}

.pay_type:hover{
    border: 2px solid #ff9900;
}

.paymoney{
    font-size:18px;
    line-height:32px;
    color:#e22c2f;
    font-weight:bold;
    text-align: center;
    margin-bottom: 5px;
	margin-top: 5px;
}

.pay-return{
    margin-top: 30px;
    text-align: center;
}

.pay-return a{
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    padding: 6px 20px;
    background-color: #ff9900;
    text-align: center;
    border-radius: 6px;
}

.pay-return a:hover{
    background-color: #ee8800;
}


/*toast*/

.aui-toast {
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	border-radius: 0.25rem;
	color: #ffffff;
	position: fixed;
	z-index: 3;
	top: 45%;
	left: 50%;
	width: 7.5em;
	min-height: 6em;
	margin-left: -3.75em;
	margin-top: -4rem;
	display: none;
}

.aui-toast .aui-iconfont {
	margin-top: 0.2rem;
	display: block;
	font-size: 2.6rem;
}

.aui-toast-content {
	margin: 0 0 0.75rem;
}

.aui-toast-loading {
	background-color: #ffffff;
	border-radius: 100%;
	margin: 0.75rem 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border: 2px solid #ffffff;
	border-bottom-color: transparent;
	height: 2.25rem;
	width: 2.25rem;
	background: transparent !important;
	display: inline-block;
	-webkit-animation: rotate 1s 0s linear infinite;
	animation: rotate 1s 0s linear infinite;
}

@media (max-width: 768px) {
    .vip-box {
        width: 100vw!important;
        margin-top: 0!important;
    }
    .box {
        width: 100%!important;
    }
    .vip-box .vip-desc h2 {
        font-size: 22px;
    }
	.pay_type{
		    padding: 20px 15px;
	}
}

/*基础动画类*/
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}
@keyframes bounce {
	0%, 100% {
	-webkit-transform: scale(0.0);
			transform: scale(0.0);
	}
	50% {
	-webkit-transform: scale(1.0);
			transform: scale(1.0);
	}
}
@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
				transform: scale(0.0);
	}
	50% {
		-webkit-transform: scale(1.0);
				transform: scale(1.0);
	}
}
@keyframes fadeIn {
    from { opacity: 0.3; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0.3; }
    to { opacity: 1; }
}
@font-face {
	font-family: "aui_iconfont";
	src: url('../aui/css/aui-iconfont.ttf') format('truetype');
}
.aui-iconfont {
	position: relative;
	font-family:"aui_iconfont" !important;
	font-size: 0.7rem;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.aui-icon-menu:before { content: "\e6eb"; }
.aui-icon-paper:before { content: "\e6ec"; }
.aui-icon-info:before { content: "\e6ed"; }
.aui-icon-question:before { content: "\e6ee"; }
.aui-icon-left:before { content: "\e6f4"; }
.aui-icon-right:before { content: "\e6f5"; }
.aui-icon-top:before { content: "\e6f6"; }
.aui-icon-down:before { content: "\e6f7"; }
.aui-icon-share:before { content: "\e700"; }
.aui-icon-comment:before { content: "\e701"; }
.aui-icon-edit:before { content: "\e6d3"; }
.aui-icon-trash:before { content: "\e6d4"; }
.aui-icon-recovery:before { content: "\e6dc"; }
.aui-icon-refresh:before { content: "\e6dd"; }
.aui-icon-close:before { content: "\e6d8"; }
.aui-icon-cart:before { content: "\e6df"; }
.aui-icon-star:before { content: "\e6e0"; }
.aui-icon-plus:before { content: "\e6e3"; }
.aui-icon-minus:before { content: "\e62d"; }
.aui-icon-correct:before { content: "\e6e5"; }
.aui-icon-search:before { content: "\e6e6"; }
.aui-icon-gear:before { content: "\e6e8"; }
.aui-icon-map:before { content: "\e6d2"; }
.aui-icon-location:before { content: "\e6d1"; }
.aui-icon-image:before { content: "\e6ce"; }
.aui-icon-phone:before { content: "\e6c4"; }
.aui-icon-camera:before { content: "\e6cd"; }
.aui-icon-video:before { content: "\e6cc"; }
.aui-icon-qq:before { content: "\e6cb"; }
.aui-icon-wechat:before { content: "\e6c9"; }
.aui-icon-weibo:before { content: "\e6c8"; }
.aui-icon-note:before { content: "\e6c6"; }
.aui-icon-mail:before { content: "\e6c5"; }
.aui-icon-wechat-circle:before { content: "\e6ca"; }
.aui-icon-home:before { content: "\e706"; }
.aui-icon-forward:before { content: "\e6d9"; }
.aui-icon-back:before { content: "\e6da"; }
.aui-icon-laud:before { content: "\e64b"; }
.aui-icon-lock:before { content: "\e6ef"; }
.aui-icon-unlock:before { content: "\e62f"; }
.aui-icon-like:before { content: "\e62b"; }
.aui-icon-my:before { content: "\e610"; }
.aui-icon-more:before { content: "\e625"; }
.aui-icon-mobile:before { content: "\e697"; }
.aui-icon-calendar:before { content: "\e68a"; }
.aui-icon-date:before { content: "\e68c"; }
.aui-icon-display:before { content: "\e612"; }
.aui-icon-hide:before { content: "\e624"; }
.aui-icon-pencil:before { content: "\e615"; }
.aui-icon-flag:before { content: "\e6f1"; }
.aui-icon-cert:before { content: "\e704"; }