#p-index .login .t-btn-ex:hover, #p-index .login .t-btn-l:hover {
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99FFFFFF', endColorstr='#99FFFFFF')
}
#p-index .nav .logo, #p-index .nav-main li, #p-index .product-box .left, .product-box .text-info .tabs li {
	float: left
}
#secnews .five, #secnews .four, #secnews .one, #secnews .six, #secnews .two {
	visibility: hidden
}
#p-index {
    width: 100%;
    position: relative;
    margin: 0px auto;
}
body {
	overflow: auto
}
body .ad-box {
	width: 100%;
	background: url(../img/ad.png) top center no-repeat;
	position: relative;
	z-index: 9999;
}
body .ad-box .ad-close {
	position: absolute;
	top: 100px;
	right: 40px;
	width: 40px;
	height: 40px;
	background: url(../img/close-button-normal.png) no-repeat;
	cursor: pointer
}
body .ad-box .ad-close:hover {
	background: url(../img/close-button-hover.png) no-repeat
}
.c-18181a {
	color: #18181a!important
}
#p-index .place-banner {
	width: 100%;
	max-height: 696px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden
}
#p-index .place-banner img {
	width: 100%;
	max-height: 6960px
}
#p-index .header {
	width: 100%;
	max-height: 696px;
	background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.banner .focus {
	height: 696px;
	position: relative
}
.banner .focus .f_pic {
	width: 100%;
	height: 696px
}
#p-index #banner {
	width: 100%;
	height: 696px;
	position: relative;
	margin: 0 auto
}
#p-index #banner .imglist {
	width: 100%;
	height: 696px;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
#p-index .banner .bnner-info01 p {
	font-size: 48px;
	color: #666;
	font-weight: 400
}
#p-index .banner .bnner-info01 p.title-banner {
	font-family: YouYuan;
	color: #222
}
.banner .bnnerInfo h2 {
	font-size: 42px;
	color: #222
}
.banner .bnnerInfo h1 {
	font-size: 52px;
	color: #222;
	margin-bottom: 25px
}
.banner .bnnerInfo p {
	color: #666;
	font-size: 20px;
	font-family: YouYuan;
}
#p-index .header-inner {
	position: relative
}
#p-index .header-inner .nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
#p-index .nav-main li {
	margin-right: 60px
}
#p-index .item {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}
#p-index .logo {
	margin: 10px 0 0 30px;
	width: 158px;
	height: 33px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer
}
#p-index .login {
	padding: 16px 30px 0 0;
	line-height: 35px
}
#p-index .login a {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	vertical-align: top
}
#p-index .login .btn-lg {
	border: 1px solid rgba(255,255,255,.65);
	border: 1px solid #fff\9;
	line-height: 30px;
	border-radius: 30px;
	transition: none
}
#p-index .login .t-btn-ex {
	margin-right: 5px
}
#p-index .login .t-btn-ex:hover {
	color: #42555c;
	border: 1px solid rgba(255,255,255,0);
	background-color: rgba(255,255,255,.6)
}
#p-index .login .t-btn-l {
	border: 1px solid rgba(255,255,255,0);
	background-color: rgba(255,255,255,.65);
	background-color: #fff\9;
	color: #42555c
}
#p-index .login .t-btn-l:hover {
	background-color: rgba(255,255,255,.6)
}
#p-index .h-c {
	position: relative;
	padding-top: 160px;
	z-index: 1
}
#p-index .h-c h2 {
	width: 650px;
	height: 250px;
	margin-left: 88px;
	text-indent: -999em;
	overflow: hidden
}
#p-index .btn-video {
	width: 100px;
	height: 31px;
	padding-left: 37px;
	background: url(../img/icon-group.png) -236px -293px no-repeat;
	font-size: 21px;
	line-height: 36px;
	color: #646464;
	position: absolute;
	top: 278px;
	left: 755px;
	font-family: YouYuan
}
#p-index .btn-video:hover {
	background-position: -236px -324px;
	color: #000
}
#p-index .reg {
	width: 465px;
	margin: 0 auto;
	position: relative
}
#p-index .header .reg {
	position: absolute;
	left: 432px;
	top: 354px
}
#p-index .ipt-phone {
	width: 264px;
	height: 24px;
	line-height: 24px;
	padding: 12px 15px 14px;
	border: 0;
	background-color: rgba(51,51,51,.08);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#14333333', endColorstr='#14333333');
	border-radius: 50px;
	text-align: center
}
:root #p-index .ipt-phone, :root #p-index .login .btn-lg:hover, :root #p-index .nav {
	filter: none!important
}
#p-index .item-2 .login .t-btn-ex:hover, #p-index .item-2 .login .t-btn-l:hover {
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#FFC29C5C', endColorstr='#FFC29C5C')
}
#p-index .btn-reg {
	width: 150px;
	background-color: #474543;
	border-radius: 30px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	border: 0;
	cursor: pointer;
	text-align: center
}
#p-index .btn-reg:hover {
	background-color: #222
}
#p-index .reg .reg-error {
	display: none;
	color: #fe725b;
	font-size: 12px;
	position: absolute;
	right: -314px;
	top: 14px;
	width: 292px;
	text-align: left
}
#p-index .reg .reg-error-tip {
	background: url(../img/icon-group.png) -286px -114px no-repeat;
	padding: 0 0 0 24px;
	width: 85px;
	display: inline-block
}
#p-index .h-c .reg .reg-error {
	right: 172px;
	top: 65px;
	text-align: center
}
#p-index #banner .btn {
	position: absolute;
	bottom: 10px;
	right: 45%;
	display: inline-block;
	padding: 2px 15px;
	border-radius: 11px;
	z-index: 9999
}
#p-index #banner .btn li {
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 5px;
	background: url(../img/1.png) no-repeat
}
#p-index #banner .btn .hover {
	background: url(../img/2.png) no-repeat
}
#p-index #banner .img_0 {
	background: url(../img/banner_small_0.jpg) top center no-repeat #fff
}
#p-index #banner .img_1 {
	background: top center no-repeat #fff
}
#p-index #banner .img_2, #p-index #banner .img_3 {
	background: center 0 no-repeat #fff
}
.banner {
	background: #efefef
}
.banner .btn_use, .banner .container {
	background: url(#)
}
.banner .container {
	position: relative;
	z-index: 5;
	height: 350px;
	margin-bottom: -350px
}
.banner .btn_use {
	width: 212px;
	height: 64px;
	display: block;
	line-height: 99;
	overflow: hidden;
	position: absolute;
	top: 296px;
	left: 538px
}
.banner .focus .pagination {
	bottom: -88px;
	left: 0;
	position: absolute;
	width: 100%;
	text-align: center
}
.banner .focus .pagination .toc {
	display: inline-block;
	margin: 0 3px;
	width: 15px;
	height: 5px;
	line-height: 99;
	overflow: hidden;
	background: #fff
}
.banner .focus .pagination .selected {
	background: #82c1280
}
.banner .focus .subPageTab {
	position: absolute;
	right: 137px;
	bottom: 86px;
	z-index: 999
}
.banner .focus .subPageTab i.iToc a {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block
}
#p-index .item-2 .partner-reg {
	font-family: "YouYuan";
	width: 245px;
	height: 50px;
	line-height: 62px;
	margin-top: -17px;
	padding-left: 0;
	background: url(../img/platform-logo.png) no-repeat;
	overflow: hidden;
	color: #757575
}
#p-index .item-2 .partner-reg:hover {
	background: url(../img/platform-logo-hover.png) no-repeat;
	color: #fff
}
#p-index .item-2 .partner-reg span {
	margin-left: 40px
}
#p-index .banner .bnner-info01, #p-index .banner .bnner-info02 {
	margin: 0 auto;
	width: 1110px;
	z-index: 999;
	position: relative;
	left: 0
}
#p-index .banner .bnner-info01 {
	height: 200px;
	text-align: center;
	top: -590px;
	font-family: YouYuan
}
.banner .bnnerInfo .reg-info {
	display: inline-block;
	border: 1px solid #f59f0b;
	background: #ffbe00;
	border-radius: 25px;
	width: 188px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
	margin-top: 15px;
	text-align: center;
	font-family: YouYuan;
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-ms-transition: .2s all ease;
	transition: .2s all ease
}
.banner .bnnerInfo .reg-info:hover {
	background: #f59f0b
}
#p-index .banner .bnner-info02 {
	height: 200px;
	top: -450px;
	padding-left: 170px;
	font-family: YouYuan
}
#p-index .banner .bnner-info03, #p-index .banner .bnner-info04 {
	margin: 0 auto;
	width: 1110px;
	z-index: 999;
	position: relative;
	top: -460px;
	font-family: YouYuan
}
#p-index .banner .bnner-info03 {
	height: 200px;
	left: 460px
}
#p-index .banner .bnner-info04 {
	height: 450px;
	padding-left: 170px;
	left: 20px
}
#p-index .item-2 .login .btn-lg {
	border: 1px solid rgba(200,200,200,1);
	border: 1px solid #c8c8c8\9;
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-ms-transition: .3s all ease;
	transition: .3s all ease
}
#p-index .item-2 .login .t-btn-ex {
	color: #8b8b8b
}
#p-index .item-2 .login .t-btn-ex:hover {
	color: #fff;
	border: 1px solid rgba(194,156,92,0);
	background-color: rgba(101,101,101,1)
}
#p-index .item-2 .login .t-btn-l {
	border: 1px solid rgba(255,190,0,1);
	border: 1px solid #ffbe00\9;
	background: 0 0;
	color: #ffbe00
}
#p-index .item-2 .login .t-btn-l:hover {
	background-color: rgba(255,190,0,1);
	color: #fff
}
#p-index .item-2 .h-c {
	clear: both;
	position: absolute;
	padding-top: 0;
	bottom: 0;
	left: 50%;
	height: 100%;
	margin-left: -505px;
	z-index: 1
}
.inc-exp .change-img {
	white-space: nowrap
}
#p-index .item-2 .h-c h3 {
	font-size: 22px;
	line-height: 36px;
	color: #c29c5c;
	position: absolute;
	top: 386px;
	left: 240px
}
#p-index .item-2 .btn-video:hover {
	background-position: 0 -50px;
	color: #c29c5c
}
#p-index .header .item-2 .reg {
	font-size: 18px;
	position: absolute;
	top: 523px;
	left: 284px
}
#p-index .item-2 .ipt-phone {
	color: #fff;
	background-color: #2b2b2b
}
#p-index .item-2 .ipt-phone:focus {
	background-color: #313131
}
#p-index .nav {
	width: 100%;
	min-width: 1110px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
#p-index .product-box {
	width: 1110px;
	height: 663px;
	margin: 0 auto;
	position: relative;
	padding-top: 80px;
	text-align: left
}
.product-box .picture-info {
	width: 540px;
	position: relative
}
#p-index .product-box .box-mtop {
	margin-top: 80px
}
.product-box .picture-info .phonebg {
	width: 378px;
	height: 663px;
	margin-left: 90px
}
.product-box .picture-info .picture-text {
	position: absolute;
	top: 95px;
	left: 112px;
	display: none;
	color: #fff;
	width: 331px;
	height: 557px
}
.box-second .picture-info .picture-text {
	left: 75px
}
.picture-info .picture-text .picture-big {
	width: 337px;
	height: 612px
}
.picture-info .picture-text .picture-small {
	position: absolute;
	top: 275px;
	left: 185px;
	height: 245px;
	width: 245px;
	background-position: center
}
.sec-second .picture-info .picture-text .picture-small {
	left: -134px
}
.product-box .text-info {
	width: 549px;
	padding-top: 100px;
	padding-left: 20px
}
.product-box .text-info .tab {
	display: none
}
.product-box .text-info .tab h2.title-info {
	font-size: 36px;
	color: #49a0f5;
	font-family: YouYuan
}
.product-box .text-info .tab h1.title-info {
	font-size: 52px;
	color: #49a0f5;
	font-family: YouYuan
}
.product-box .text-info .tab ul li {
	font-size: 18px;
	color: #919191;
	height: 30px;
	line-height: 30px;
	font-family: YouYuan;
}
.product-box .text-info .play-tv {
	font-family: YouYuan;
	background: url(../img/play-icon.png) 3px 6px no-repeat;
	display: inline-block;
	width: 100px;
	padding-left: 14px;
	color: #49a0f5;
	margin: 5px 0
}
.product-box .text-info .first-tabs {
	top: 80px;
	text-align: center;
	position: relative;
	left: 0
}
.product-box .text-info .tabs li span {
	margin-top: 20px;
	display: block
}
.product-box .text-info .tabs li a {
	display: block;
	margin-left: 75px;
	color: #b5b5b5
}
.product-box .text-info .tabs li a div {
	width: 79px;
	height: 79px;
	background: url(../img/icons-bg.png)
}
#p-index .product-box .text-info .selected, .product-box .picture-info .selected {
	display: block
}
.product-box .text-info .tabs li .icon-bj {
	background-position: -165px -247px
}
#p-index .product-box .tabs .selected .icon-bj {
	background-position: -165px -166px
}
.product-box .text-info .tabs li .icon-yc {
	background-position: -83px -247px
}
#p-index .product-box .tabs .selected .icon-yc {
	background-position: -83px -166px
}
.product-box .text-info .tabs li .icon-kh {
	background-position: -1px -83px
}
#p-index .product-box .tabs .selected .icon-kh {
	background-position: -1px -2px
}
#p-index section.sec-second {
	background-color: #f8f8f8;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4
}
#p-index .sec-third, #p-index section.sec-third {
	background-color: #fcfcfc
}
.box-second .text-info {
	width: 550px;
	padding-left: 90px
}
.box-second .picture-info {
	width: 470px
}
.box-second .picture-info .phonebg {
	margin-left: 55px
}
.box-second .text-info .second-tabs {
	left: 25px;
	position: absolute;
	bottom: 80px
}
.product-box .text-info .tabs li .icon-wx {
	background-position: -246px -248px
}
#p-index .product-box .tabs .selected .icon-wx {
	background-position: -246px -165px
}
.product-box .text-info .tabs li .icon-zj {
	background-position: -328px -248px
}
#p-index .product-box .tabs .selected .icon-zj {
	background-position: -328px -166px
}
.product-box .text-info .tabs li .icon-tp {
	background-position: -410px -248px
}
#p-index .product-box .tabs .selected .icon-tp {
	background-position: -410px -166px
}
.box-third .text-info {
	margin-left: 70px;
	width: auto
}
.box-third .text-info .third-tabs {
	position: absolute;
	bottom: 80px;
	right: 70px
}
.product-box .text-info .tabs li .icon-rz {
	background-position: -493px -248px
}
#p-index .product-box .tabs .selected .icon-rz {
	background-position: -492px -166px
}
.product-box .text-info .tabs li .icon-sp {
	background-position: -576px -249px
}
#p-index .product-box .tabs .selected .icon-sp {
	background-position: -574px -166px
}
.product-box .text-info .tabs li .icon-fx {
	background-position: -658px -248px
}
#p-index .product-box .tabs .selected .icon-fx {
	background-position: -656px -330px
}
#p-index .blur {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0
}
#p-index .nav .login, #p-index .nav-main {
	float: right
}
#p-index .nav-fixed {
	position: fixed;
	z-index: 10;
	background: rgba(255,255,255,.9);
	box-shadow: 0 1px 4px rgba(0,0,0,.1)
}
#p-index .nav-fixed .login, #p-index .nav-fixed .logo {
	opacity: 1;
	filter: Alpha(opacity=100);
	top: 15px
}
#p-index .nav.nav-fixed .login .reg-info.reg-show {
	display: inline-block;
	opacity: 1;
filter:alpha(opacity: 1)
}
#p-index .nav .login a {
	color: #9a9899
}
#p-index .nav .login .btn-lg {
	border-color: #7b7b7b;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-ms-transition: .3s all ease;
	transition: .3s all ease
}
#p-index .nav .login .t-btn-ex:hover {
	background-color: #b6b6b6;
	border: 1px solid #b6b6b6;
	color: #fff
}
#p-index .nav .login .t-btn-l {
	background-color: none;
	border: 1px solid #ffbe00;
	color: #ffbe00
}
#p-index .nav .login .t-btn-l:hover {
	border: 1px solid #ffbe00;
	background-color: #ffbe00;
	color: #fff
}
#p-index .nav .login .reg-info {
	border: 1px solid #f59f0b;
	background: #ffbe00;
	color: #fff;
	-webkit-transition: 1s all ease;
	-moz-transition: 1s all ease;
	-ms-transition: 1s all ease;
	transition: 1s all ease;
	display: none;
	opacity: 0;
filter:alpha(opacity: 0)
}
#p-index .nav .login .reg-info:hover {
	background: #f59f0b
}
#p-index .nav-main .nav-bc {
	margin-right: 0
}
#p-index .nav-main a {
	display: block;
	height: 66px;
	line-height: 66px;
	outline: 0;
	color: #666;
	letter-spacing: 1px;
	position: relative
}
#p-index .nav-main .nav-bc a {
	padding-left: 35px;
	background: url(../img/icon-group.png) -178px -98px no-repeat
}
#p-index #secone, #p-index .sec-con, #secone .img-b {
	background-repeat: no-repeat
}
#p-index .nav-main a:hover {
	color: #666
}
#p-index .nav-main span {
	display: block;
	width: 0;
	height: 2px;
	overflow: hidden;
	background-color: transparent;
	-webkit-transition: all .4s;
	transition: all .4s;
	position: absolute;
	left: 0;
	bottom: -2px
}
#p-index .nav-main .cur span, #p-index .nav-main a:hover span {
	background-color: #333;
	width: 100%
}
#p-index .sec {
	text-align: center;
	background-color: #fff;
	position: relative;
	z-index: 1
}
#p-index .sec-video-con .sec-con {
	margin-bottom: 20px
}
#p-index #secnews {
	background-color: #030408!important
}
#p-index .sec-odd {
	background-color: #f8f8f8
}
#p-index .sec-black {
	background-color: #222
}
#p-index .sec-tit {
	padding: 60px 0 20px;
	font-family: YouYuan;
	font-size: 50px;
	color: #49a0f5
}
#p-index .sec-black .sec-tit {
	color: #fff
}
#p-index .sec-top {
	padding: 30px 0 10px;
	-webkit-transition: 1s all ease;
	-moz-transition: 1s all ease;
	-ms-transition: 1s all ease;
	transition: 1s all ease;
	-webkit-transform: translate(0, -20px);
	-moz-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px)
}
#p-index .sec-des {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	font-weight: 300
}
#p-index .sec-con {
	width: 1280px;
	height: 356px;
	margin: 0 auto;
	position: relative;
	background-position: 50% 100%
}
.sec-more-link {
	position: absolute;
	right: 55px;
	bottom: 55px;
	color: #b0b0b0
}
.sec-more-link-big {
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
#p-index #secone .sec-more-link-big {
	position: static
}
#p-index #secone {
	background-position: 50% 100%;
	background-color: #fff
}
#secone .sec1-c, #secone .sec1-l, #secone .sec1-r {
	position: absolute;
	width: 278px;
	height: 255px
}
#secone .img-b {
	width: 278px;
	height: 210px;
	margin: 0 auto 8px;
	text-indent: -999em;
	overflow: hidden;
	background-position: center bottom;
	background-size: 0
}
#secone .ico-location {
	display: block;
	height: 38px;
	width: 50px;
	margin: auto;
	background: url(../img/icon-group.png) -168px -24px no-repeat
}
#secone .sec1-l {
	left: 10px;
	top: 0
}
#secone .sec1-c {
	left: 315px;
	top: 150px
}
#secone .sec1-c span {
	background-position: -160px -24px
}
#secone .sec1-r {
	right: 34px;
	top: 50px
}
#sectwo {
	height: 812px;
	background-position: 50% 100%;
	background-repeat: no-repeat
}
#sectwo .sec-con-wrap {
	width: 820px;
	padding: 34px 0 0 130px;
*+padding:34px 0 0 60px
}
#sectwo .sec-con-height {
	height: 340px
}
#sectwo .sec-con-wrap span {
	height: 340px;
	display: inline-block
}
#sectwo .sec-con-span2 {
	width: 313px
}
#sectwo span.sec-con-span2-1 {
	width: 0;
	height: 52px;
	margin-top: 85px;
	float: left;
	background: url(../img/icon-group.png) 44px -512px no-repeat
}
#sectwo .sec-con-span3 {
	width: 403px
}
#sectwo span.sec-con-span3-1 {
	width: 0;
	height: 140px;
	margin: 160px 40px 0 0;
	float: right;
	background: url(../img/icon-group.png) right -577px no-repeat
}
#secnews .one, #secnews .three, #secnews .two {
	background-repeat: no-repeat;
	background-size: cover
}
#secreg .sec-des {
	color: #a8a8a8
}
#secreg .sec-tit {
	padding-top: 80px
}
#secreg .sec-con {
	padding-top: 50px;
	height: 275px
}
#secreg .reg {
	width: 380px
}
#secreg .ipt-phone {
	width: 350px;
	margin-bottom: 40px;
	border: 2px solid #888;
	color: #fff;
	height: 22px;
	line-height: 22px
}
#secreg .btn-reg {
	width: 380px;
	background-color: #fff;
	color: #333
}
#secreg .btn-reg:hover {
	background-color: #e6e6e6
}
#secnews {
	background-color: #222!important;
	background-repeat: no-repeat;
	background-position: 50% 0
}
#secnews .sec-tit {
	color: #fff;
	padding: 48px 0
}
#secnews .sec-con {
	height: 495px;
	overflow: hidden;
	width: 1010px
}
#secnews span {
	height: 495px;
	float: left;
	cursor: pointer;
	position: relative
}
#secnews .one {
	width: 133px;
	top: 105px;
	z-index: 2
}
#secnews .two {
	width: 174px;
	top: 45px;
	z-index: 3
}
#secnews .three {
	width: 395px;
	z-index: 4
}
#secnews .rarrow {
	width: 34px;
	height: 71px;
	display: none;
	background: url(../img/icon-group.png) -243px -21px no-repeat;
	left: 325px;
	top: 98px
}
#p-index #secplay, #secnews .five, #secnews .four, #secnews .six {
	background-repeat: no-repeat
}
#secnews .four {
	width: 174px;
	top: 45px;
	background-size: cover;
	background-position: -70px 0;
	z-index: 3
}
#secnews .five {
	width: 133px;
	top: 105px;
	background-position: -86px 0;
	z-index: 2
}
#secnews .six {
	width: 65px;
	top: 165px;
	background-position: -678px 0;
	z-index: 1
}
#secnews img {
	display: none;
	position: absolute;
	top: 0
}
#secnews .sec-more-link {
	color: #666
}
#secplay .sec-tit {
	padding: 36px 0 10px
}
#p-index #secplay {
	width: 100%;
	height: 660px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-position: 50% 100%
}
#secplay .btn-play {
	width: 140px;
	height: 140px;
	background: url(../img/icon-group.png) 0 -155px no-repeat;
	position: absolute;
	left: 300px;
	top: 122px;
	cursor: pointer
}
#secplay .btn-play:hover {
	background-position: 0 -295px
}
#secplay .box {
	height: 60px;
	position: relative;
	display: inline-block
}
#secplay #roll {
	width: 200%
}
#secplay #roll dd {
	width: 969px;
	height: 60px;
	float: left;
	margin-right: 5px
}
#secplay .box span {
	position: absolute;
	bottom: 19%;
	left: -100px;
	display: inline-block;
	width: 16px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 90;
	color: #fff
}
#secplay .box .next {
	right: -100px;
	left: auto
}
#secprice .sec-con {
	padding: 50px 0 100px;
	height: auto
}
#p-index #secprice .sec-tit {
	font-size: 40px
}
#secprice .count-result, #secprice .g-count-price {
	width: 570px;
	margin: 0 auto
}
#secprice .g-count-price input {
	width: 260px;
	text-align: center
}
#secprice .g-count-price .span-sub {
	margin-left: 16px
}
#secprice .g-count-price h3 {
	float: left;
	margin-right: 35px;
	font-size: 22px;
	margin-top: 2px
}
.look-price {
	width: 570px;
	margin: 0 auto;
	display: block;
	font-size: 18px;
	text-align: left;
	color: #999
}
#secprice .count-result {
	text-align: left;
	font-size: 18px;
	color: #666;
	padding-bottom: 20px;
	margin-top: -10px
}
.count-result h3 {
	font-size: 34px;
	padding-bottom: 20px
}
.count-result .recount {
	display: inline-block;
	padding: 0 20px;
	font-size: 12px;
	line-height: 27px;
	margin-left: 15px;
	background-color: #e7e7e7;
	border-radius: 20px;
	cursor: pointer;
	color: #333
}
#secdown .sec-con {
	padding-top: 60px;
	height: 500px;
	overflow: hidden
}
#secdown li {
	float: left;
	width: 122px;
	height: 180px;
	margin-right: 122px;
	color: #b8b8b8
}
#secdown .down-or {
	width: 148px;
	margin: 0 0 0 -112px;
	line-height: 148px;
	text-align: center
}
#secdown .down-code {
	width: 133px;
	margin: 0
}
#secdown .ico-box {
	width: 122px;
	height: 122px;
	padding: 1px;
	background-color: #49a0f5;
	border-radius: 122px;
	margin-bottom: 10px
}
#secdown .down-code .ico-box {
	width: 131px;
	border-radius: 0;
	background-color: #fff;
	margin-bottom: 52px
}
#secdown a {
	display: block;
	color: #18181a
}
#secdown .icos-down {
	display: block;
	width: 48px;
	height: 50px;
	margin: 38px auto 0;
	background: url(../img/icon-group.png) no-repeat;
	transition: transform .2s
}
#secdown .ico-iphone {
	background-position: -298px -4px
}
#secdown .ico-android {
	background-position: -298px -182px
}
#secdown .ico-win {
	background-position: -303px -365px
}
#secdown .ico-mac {
	background-position: -304px -520px
}
#secdown .ico-window {
	background-position: -298px -587px
}
#secdown a:hover .icos-down {
	transform: translateY(-10px)
}
#secdown .ico-code {
	width: 100%;
	height: 133px;
	display: inline-block;
	background: url(../img/icon-group.png) -8px -8px no-repeat;
	margin-top: -8px
}
#secdown .down-code img {
	display: block;
	margin-top: 10px
}
#p-index #edition {
	background-color: #f8f8f8
}
#edition .tit {
	font-size: 52px;
	color: #49a0f5;
	padding: 106px 0 78px;
	font-family: YouYuan
}
#edition ul {
	margin: 0 auto;
	width: 805px
}
#edition li {
	float: left;
	text-align: center
}
#edition .free {
	margin-right: 336px
}
#edition .free .edition-icon {
	display: block;
	width: 153px;
	height: 153px;
	background: url(../img/bangong-icon.png) no-repeat;
	margin: 0 auto
}
#edition .free .edition-link {
	display: inline-block;
	font-size: 30px;
	color: #1f96fb;
	margin: 45px 0 22px;
	font-weight: 200
}
#edition .pay .edition-icon {
	display: block;
	width: 153px;
	height: 153px;
	background: url(../img/yingxiao-icon.png) no-repeat;
	margin: 0 auto
}
#edition .pay .edition-link {
	display: inline-block;
	font-size: 30px;
	color: #fb961f;
	margin: 45px 0 22px;
	font-weight: 200
}
#edition .dec {
	font-size: 18px;
	color: #222;
	margin-bottom: 70px;
	font-weight: 200
}
#edition .free-reg {
	display: inline-block;
	color: #1f96fb;
	font-size: 20px;
	border: 1px solid #1f96fb;
	border-radius: 30px;
	padding: 10px 45px;
	margin-bottom: 80px
}
@media (min-width:1280px) and (max-width:1440px) {
#p-index .place-banner, #p-index .place-banner img {
	max-height: 500px;
	width: 100%
}
#p-index .place-banner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden
}
#p-index .header {
	width: 100%;
	-max-height: 500px;
	background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.banner .focus {
	height: 500px;
	position: relative
}
.banner .focus .f_pic {
	width: 100%;
	height: 500px
}
#p-index .banner .bnner-info02, #p-index .banner .bnner-info03 {
	height: 200px;
	margin: 0 auto;
	width: 1110px;
	font-family: YouYuan;
	position: relative;
	z-index: 999
}
#p-index .banner .bnner-info02 {
	top: -347px;
	left: 0
}
#p-index .banner .bnner-info03 {
	top: -384px;
	left: 460px
}
#p-index .banner .bnner-info04 {
	margin: 0 auto;
	width: 1110px;
	height: 450px;
	z-index: 999;
	position: relative;
	top: -343px;
	font-family: YouYuan;
	left: 20px
}
#p-index .banner .bnner-info01 p {
	font-size: 42px;
	color: #666;
	font-weight: 400
}
.banner .bnnerInfo h2 {
	font-size: 34px;
	color: #222
}
.banner .bnnerInfo h1 {
	font-size: 44px;
	color: #222;
	margin-bottom: 25px
}
.banner .bnnerInfo p {
	color: #666;
	font-size: 18px;
	font-family: YouYuan;
}
#p-index #banner {
	width: 100%;
	height: 500px;
	position: relative;
	margin: 0 auto
}
#p-index #banner .imglist {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
#p-index #banner .btn .hover {
	background: url(../img/2.png) no-repeat
}
#p-index #banner .img_0 {
	background: url(../img/banner_small_0.jpg) center 40% no-repeat #fff
}
#p-index #banner .img_1, #p-index #banner .img_2, #p-index #banner .img_3 {
	background: top center no-repeat
}
#p-index .banner .bnner-info01 {
	margin: 0 auto;
	width: 1110px;
	height: 200px;
	text-align: center;
	z-index: 999;
	position: relative;
	top: -428px;
	font-family: YouYuan;
	left: 0
}
#p-index .product-box {
	width: 1110px;
	height: 523px;
	margin: 0 auto;
	position: relative;
	padding-top: 80px;
	text-align: left
}
.product-box .picture-info .phonebg {
	width: 300px;
	height: 523px;
	margin-left: 90px;
	background-size: 100%
}
.picture-info .picture-text .picture-big {
	width: 266px;
	height: 479px
}
.product-box .picture-info .picture-text {
	position: absolute;
	top: 74px;
	left: 107px;
	display: none;
	color: #fff;
	width: 331px;
	height: 447px
}
.picture-info .picture-text .picture-small {
	position: absolute;
	top: 205px;
	left: 153px;
	height: 205px;
	width: 205px;
	background-position: center;
	background-size: 100%
}
.product-box .text-info {
	width: 549px;
	padding-top: 64px;
	margin-left: 0
}
.product-box .text-info .tab h2.title-info {
	font-size: 32px;
	color: #49a0f5;
	font-family: YouYuan
}
.product-box .text-info .tab h1.title-info {
	font-size: 48px;
	color: #49a0f5;
	font-family: YouYuan
}
.product-box .text-info .tab ul li {
	font-size: 16px;
	color: #919191;
	height: 30px;
	line-height: 30px;
	font-family: YouYuan;
}
#p-index .product-box .text-info .selected, .product-box .picture-info .selected {
	display: block
}
.box-second .text-info .second-tabs {
	left: 23px;
	position: absolute;
	bottom: 45px
}
.box-third .text-info .third-tabs {
	position: absolute;
	bottom: 43px;
	right: 145px
}
}
@media \0screen {
#p-index .header, #p-index .place-banner {
	max-height: 696px;
	overflow: hidden;
	width: 100%
}
#p-index .place-banner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
#p-index .place-banner img {
	width: 100%;
	max-height: 696px
}
#p-index .header {
	background-size: cover;
	position: relative;
	z-index: 1
}
.banner .focus {
	height: 696px;
	position: relative
}
.banner .focus .f_pic {
	width: 100%;
	height: 696px
}
#p-index .banner .bnner-info02, #p-index .banner .bnner-info03 {
	height: 200px;
	margin: 0 auto;
	width: 1110px;
	font-family: YouYuan;
	position: relative;
	z-index: 999
}
#p-index .banner .bnner-info02 {
	top: -347px;
	left: 0
}
#p-index .banner .bnner-info03 {
	top: -384px;
	left: 460px
}
#p-index .banner .bnner-info04 {
	margin: 0 auto;
	width: 1110px;
	height: 450px;
	z-index: 999;
	position: relative;
	top: -343px;
	font-family: YouYuan;
	left: 20px
}
#p-index .banner .bnner-info01 p {
	font-size: 42px;
	color: #666;
	font-weight: 400
}
.banner .bnnerInfo h2 {
	font-size: 34px;
	color: #222
}
.banner .bnnerInfo h1 {
	font-size: 44px;
	color: #222;
	margin-bottom: 25px
}
.banner .bnnerInfo p {
	color: #666;
	font-size: 18px;
	font-family: YouYuan;
}
#p-index #banner {
	width: 100%;
	height: 696px;
	position: relative;
	margin: 0 auto
}
#p-index #banner .imglist {
	width: 100%;
	height: 696px;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
#p-index #banner .btn .hover {
	background: url(../img/2.png) no-repeat
}
#p-index #banner .img_0 {
	background: url(../img/banner_small_0.jpg) center 40% no-repeat #fff
}
#p-index #banner .img_1, #p-index #banner .img_2, #p-index #banner .img_3 {
	background: top center no-repeat
}
#p-index .banner .bnner-info01 {
	margin: 0 auto;
	width: 1110px;
	height: 2000px;
	text-align: center;
	z-index: 999;
	position: relative;
	top: -563px;
	font-family: YouYuan;
	left: 0
}