
/*--QRcode--*/
.QRcode{ width:100%; height:100%; background-size:100% auto;}
.p1-2{height:auto;width:100%;position:absolute;left:50%;top:10%;margin-left:-50%;z-index:99;}
.p1-3{height:auto;width:100%;position:absolute;left:50%;top:55%;margin-left:-50%;z-index:99;}
.p1-4{height:auto;width:100%;position:absolute;left:50%;top:70%;margin-left:-50%;z-index:99;}
.p1-5{height:42px;width:100%;position:absolute;left:50%;bottom:2%;margin-left:-50%;z-index:99; font-size:13px;}
.p1-5 p{ width:100%; height:21px; line-height:21px; text-align:center;}

/*--header--*/
.header{ width:100%; height:44px; background-color:#fff;}
.header .header_logo{ padding-left:10px;}
.header .header_category{ padding-right:10px;}

/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   

/*--search--*/
.search{ width:100%; height:44px;}
.search .text{ width:100%; height:44px; float:left; margin-left:10px; padding:0 10px; border-radius: 5px; border:0px;}
.search .button{ width:44px; height:44px; float:right; margin-right:10px; border-radius: 5px; background-color:#ff3f42; background-image:url(../images/search.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center; border:0px;}

/*--code_list_box--*/
.code_list_box{ width:100%; height:auto;}
.code_list_box .code_list{ width:100%; height:77px; margin-bottom:10px;}
.code_list_box .code_list .code_pic{ width:100px; height:77px; margin-left:10px; border-radius: 5px 0 5px 0; overflow:hidden;}
.code_list_box .code_list .code_pic img{ width:100%; height:100%;}
.code_list_box .code_list .code_name{ width:100%; height:67px; padding-left:10px; padding-top:10px; background-color:#fff; border-radius: 0 5px 0 5px; overflow:hidden;}
.code_list_box .code_list .code_name p{ width:100%; height:26px; line-height:26px;}


/*--vip--*/
.vip {
    padding: 10px;
}

.vip_nav {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #000;
}

.vip_con {
    width: 100%;
    padding-top: 10px;
}

.vip_code {
    width: 99.4%;
    height: 40px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #005EAA;
}

    .vip_code .text {
        width: 76%;
        height: 40px;
        float: left;
        border: 0px;
        padding: 0 2%;
    }

    .vip_code .button {
        width: 20%;
        height: 40px;
        text-align: center;
        color: #fff;
        float: right;
        font-size: 16px;
        border: 0px;
        border-radius: 0;
        background: #005EAA;
    }

.vip_con p {
    width: 100%;
    padding-top: 10px;
    float: left;
    height: 40px;
    line-height: 40px;
}

.vip_con ul {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

    .vip_con ul li {
        float: left;
        width: 94%;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        border: 1px dashed #dedfdf;
        padding: 0 3%;
        margin-bottom: 8px;
    }

        .vip_con ul li a {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .vip_con ul li span {
            color: #999;
        }


/*--footer--*/
.footer{height:42px;width:100%; background-color:#fff; padding:10px 0; font-size:13px;}
.footer p{ width:100%; height:21px; line-height:21px; text-align:center;}

/*--pagingbar--*/
.pagingbar{ width:100%;}
.pagingbar .blue{padding-right: 3px;padding-left: 3px;padding-bottom: 3px;margin: 3px;padding-top: 3px;text-align: center;}
.pagingbar .blue A{padding:6px 14px;background-color:#ff9799;color:#fff;margin:0 3px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.pagingbar .blue A:hover{background-color:#ff3f42;}
.pagingbar .blue A:active{background-color:#ff3f42;}
.pagingbar .blue SPAN.current{padding:6px 14px;color:#fff;margin:0 3px;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;background-color:#ff3f42;}
.pagingbar .blue SPAN.disabled{border: #CDCDCD 1px solid;margin:0px 3px;color: #CDCDCD;text-align:center;display:inline;line-height:12px;padding:3px 3px 2px 5px;/*ORI:3px 3px 2px 5px;*/}

/*--category_list_box--*/
.category_list_box{ width:100%; height:auto; padding-top:10px;}
.category_list_box a.category_list{ width:100%; height:60px; background-color:#fff; display:block; line-height:60px; text-align:center; border:1px dashed #dfe0e5; float:left; margin-left:10px; margin-bottom:10px; border-radius: 5px;}

/*--detail_name--*/
.detail_name{ width:100%; height:24px; line-height:24px;}
.detail_name span{ padding:0 10px;}

/*--detail_pic--*/
.detail_pic{ width:100%; height:auto;}
.detail_pic img{ width:100%; height:auto;}

/*--detail_video--*/
.detail_video{ width:100%; height:19px; background-image:url(../images/video.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center; }

/*--detail_code--*/
.detail_code{ width:100%; height:19px; background-image:url(../images/code.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center;}

/*--detail_code_box--*/
.detail_code_box{ width:100%; height:auto;}
.detail_code_box img{ width:100%; height:auto; float:left;}


.pt-page-inav-p1 {
	-webkit-animation: moveFromTop .5s ease both;
	animation: moveFromTop .5s ease both;
}
.pt-page-inav-p2 {
	-webkit-animation: moveFromTop .5s ease both;
	animation: moveFromTop .5s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
.pt-page-inav-p3 {
	-webkit-animation: moveFromTop .5s ease both;
	animation: moveFromTop .5s ease both;
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}
.pt-page-inav-p4 {
	-webkit-animation: moveFromTop .5s ease both;
	animation: moveFromTop .5s ease both;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}

.pt-page-inav-p5 {
	-webkit-animation: moveFromBottom .5s ease both;
	animation: moveFromBottom .5s ease both;
}
.pt-page-inav-p6 {
	-webkit-animation: moveFromBottom .5s ease both;
	animation: moveFromBottom .5s ease both;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
.pt-page-inav-p7 {
	-webkit-animation: moveFromBottom .5s ease both;
	animation: moveFromBottom .5s ease both;
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}
