.header{
	width: 100%;
	padding-bottom: 15px;
	background: #FFFFFF;
}
.header .navbar-default {
   	background: #FFFFFF;
    border-color: #e7e7e7;
}
.header .navbar-toggle{
	padding: 8px 10px;
    margin-top: 15px;
    border-color: #467bff;
}
.header .icon-bar{
	background-color: #467bff !important;
}
.header .navbar-toggle:focus{
	background-color: #FFFFFF;
}
.header .navbar-toggle:hover{
	background-color: #FFFFFF;
}
.logopic{
	display: block;
	margin-top: 10px;
	float: left;
}
.logopic img{
	height:34px;
}
.navtext{
	margin-top: 10px;
}
.navtext li{
	padding: 0;
}
.navtext li>a{
    color: #6b798e;
    font-size: 14px;
    padding: 5px 0px;
}
.navtext li.active>a{
	color: #467bff;
	display: block;
	position: relative;
	font-weight: bold;
}
.navtext li>a:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 0;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #628aff;
}
.navtext li>a:hover:after {
          width: 50px; 
}
.navtext li.active a:after {
          width: 50px; 
}
.navtext li>a:hover{
	background: none;
	color: #467bff;
}
.nefei{
	
}
.out-right{
	width: 100%;
	position: relative;
	top: -20px;
}
.out-right .btn-group.nefei{
	position: absolute;
	right: 0;
	z-index: 1;
}
.out-right .btn-group.nifif{
		position: absolute;
		left:18px ;
	}
@media only screen and (min-width: 100px) and (max-width: 880px) {
	.out-right .btn-group.nifif{
		position: unset;
		left: unset;
	}
	.navtext{
		margin-top: 10px;
		border-bottom: 1px solid #e7e7e7;;
	    padding-bottom: 10px;
	}
}
.out-right .dlbtn{
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 18px;
	border: 1px solid #467BFF;
	color: #467BFF;
	font-size: 12px;
    background-color: #fff;
    text-decoration: none;
}
.out-right .zcbtn{
	color: #FFFFFF;
    display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 18px;
	border: 1px solid #467BFF;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	background: #4374fa;
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#4374fa), to(#628aff));
    background: -webkit-linear-gradient(to right, #4374fa, #628aff);
    background: -moz-linear-gradient(to right, #4374fa, #628aff);
    background: -o-linear-gradient(to right, #4374fa, #628aff);
    background: linear-gradient(to right, #4374fa, #628aff);
}
}
@media (min-width: 768px) {
	
}
@media (max-device-width: 480px) and (orientation:landscape) {
    
}
@media screen and (max-width: 1200px) {
	.banner .container .row{
		overflow: hidden;
	}
}
.banner{
	width: 100%;
	background: url(../images/bg.png) center no-repeat;
}
@media only screen and (min-width: 100px) and (max-width: 986px) {
	.banner{
		width: 100%;
		background:none;
	}
	.logopic{
		margin-top: 12px;
	}
}
.banner .container{

}
.banner .li-h1{
	font-size: 44px;
	color: #3b426b;
	font-weight: bold;
	margin-top: 160px;
}
@media only screen and (min-width: 100px) and (max-width: 986px) {
	.banner .li-h1{
		font-size: 32px;
    color: #3b426b;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
	}
}
.banner .li-onetext{
	font-size: 18px;
	color: #3b426b;
	margin-top: 28px;
}
.banner .li-runke{
	display: block;
	width: 200px;
	height: 53px;
	line-height: 53px;
	border: 1px solid #4576fa;
	float: left;
	margin-bottom: 15px;
	border-radius: 4px;
	text-decoration: none;
}
.banner .li-runke span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #4576fa;
}
.banner .li-runke i{
	display: inline-block;
	float: left;
	
}
.banner .li-runke:nth-child(odd){
	margin-right: 15px;
}
@media only screen and (min-width: 100px) and (max-width: 750px) {
	.banner .li-runke{
		display: block;
		width: 200px;
		height: 53px;
		line-height: 53px;
		border: 1px solid #4576fa;
		float: unset;
		margin-bottom: 15px;
		border-radius: 4px;
		text-decoration: none;
		margin:10px auto;
	}
	.banner .li-runke:nth-child(odd){
		margin-right: auto;
	}
}	
.banner .li-runke:nth-child(1) i{
	width: 22px;
	height: 28px;
	background: url(../images/ic_ios.png) no-repeat;
	margin: 10px 15px 2px 50px;
}
.banner .li-runke:nth-child(2) i{
	width: 28px;
	height: 28px;
	background: url(../images/ic_android.png) no-repeat;
	margin: 12px 15px 2px 30px;
}
.banner .li-runke:nth-child(3) i{
	width: 26px;
	height: 22px;
	background: url(../images/ic_mac.png) no-repeat;
	margin: 15px 15px 2px 45px;
}
.banner .li-runke:nth-child(4) i{
	width: 26px;
	height: 26px;
	background: url(../images/ic_win.png) no-repeat;
	margin: 12px 15px 2px 28px;
}
.banner .li-runke:hover{
	background: #5f88fe;
	border-bottom: 3px solid #3566eb;
}
.banner .li-runke:hover span{
	color: #ffffff;
}
.banner .li-runke:nth-child(1):hover i{
	background: url(../images/ic_ios_h.png) no-repeat;
}
.banner .li-runke:nth-child(2):hover i{
	background: url(../images/ic_android_h.png) no-repeat;
}
.banner .li-runke:nth-child(3):hover i{
	background: url(../images/ic_mac_h.png) no-repeat;
}
.banner .li-runke:nth-child(4):hover i{
	background: url(../images/ic_win_h.png) no-repeat;
}
.li-newli{
	margin-top: 30px;
	overflow: hidden;
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.banner-right-pic img{
		width: 100%;
	}
}

.characteristic{
	
}
.li-h2-title{
	font-size: 26px;
	font-weight: bold;
	color: #3B426B;
}
.li-h2-title::after{
	display: inline-block;
    position: relative;
    top: -5px;
    left: 35px;
    content: "";
    width: 63px;
    height: 1px;
    border-bottom: 1px solid #3B426B;
}
.li-h2-title::before{
	display: inline-block;
    position: relative;
    top: -5px;
    right: 35px;
    content: "";
    width: 63px;
    height: 1px;
    border-bottom: 1px solid #3B426B;
}
.li-h2-title.wisth{
	color: #FFFFFF;
}
.li-h2-title.wisth::after{
	display: inline-block;
    position: relative;
    top: -5px;
    left: 35px;
    content: "";
    width: 63px;
    height: 1px;
    border-bottom: 1px solid #FFFFFF;
}
.li-h2-title.wisth::before{
	display: inline-block;
    position: relative;
    top: -5px;
    right: 35px;
    content: "";
    width: 63px;
    height: 1px;
    border-bottom: 1px solid #FFFFFF;
}
.li-text-p{
	color: #6B798E;
	font-size: 14px;
	margin-bottom: 36px;
}
.li-text-p.wisth{
	color: #FFFFFF;
	margin-top: 20px;
}
.li-character-title{
	text-align: center;
	display: block;
	color: #3B426B;
	font-size: 18px;
	font-weight: bold;
	padding: 21px 0;
}
.li-character-tep{
	font-size: 14px;
	color: #6b798e;
	line-height: 25px;
}
.li-border-color{
	width: 250px;
	height: 280px;
	background: #ffffff;
	border-radius: 4px;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}
.li-border-color img{
	margin-top: 35px;
	transition: all 0.3s;
}
.li-border-color:hover{
	box-shadow:0px 5px 10px 0px rgba(67,122,255,0.19);
}
.li-border-color:hover img{
	margin-top: 10px;
}
.li-hybrid{
	width:100%;
	padding-bottom: 35px;
	margin-bottom:30px;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(127,149,255,1)), to(rgba(67,122,255,1)));
	background:-webkit-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-moz-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-o-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	position: relative;
	margin-top: -32px;
	z-index: 1;
}
.li-hybrid .li-map-bg{
	/*height: 617px;
	margin-top: 20px;
	background: url(../images/map.png) no-repeat;*/
}
/*map*/
@media only screen and (min-width: 100px) and (max-width: 890px) {
	.li-hybrid .li-map-bg{
		display: none;
	}
}
.map{
    width: 747px;
    height: 617px;
    margin:5px 90px 0 0;
    background: url(../images/map.png) no-repeat center;
}

@-webkit-keyframes warn{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-moz-keyframes warn{
    0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
    100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
    0%{-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
    0%{-webkit-transform:scale(0);
        -moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);
        transform:scale(1);opacity:0}
}

.map_list {
    position: absolute;
    width: 40px;
    height: 40px;
}
/* 保持大小不变的小圆圈  */
.dot{
    position: absolute;
    width: 8px;
    height: 8px;
    left: 15px;
    top: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 2;
    border: 2px solid #fcb900;
}
.map_ok .dot,.map_ok .pulse,.map_ok .pulse2{border-color:#fcb900;}
.map_err .dot,.map_err .pulse,.map_err .pulse2{border-color:#ccc}
.map_err .pulse,.map_err .pulse2{    box-shadow: 0 0 12px #ccc, 0 0 20px #ccc inset;}
.map_now .dot,.map_now .pulse,.map_now .pulse2{border-color:#FF6347}
.map_now .pulse,.map_now .pulse2{    box-shadow: 0 0 12px #fcb900, 0 0 20px #FF6347 inset;}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -2px;
    top: -2px;
    border: 2px solid #fcb900;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:50%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 2s both;
    -moz-animation: warn 2s both;
    animation: warn 2s both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
}
.pulse2{
    position: absolute;
    width: 60px;
    height: 60px;
    left: -12px;
    top: -11px;
    border: 2px solid #fcb900;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 2s;
    -moz-animation: warn 2s;
    animation: warn 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-delay: 0.3s;
    box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
}
.map_text{
    position: absolute;
    left: 40px;
    top: 5px;
    font-size: 12px;
    color:#ffffff;
}

.map_node{
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    left: 280px;
    top: 540px;
}
.map_node div{
    float: left;
    margin-right: 20px;
}
.map_node i{
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #00ceff;
    display: inline-block;
    margin-right: 10px;
}
.map_node .mn_2 i{border-color: #ccc}
.map_node .mn_3 i{border-color: #FF6347}

.anim-start {
    -webkit-transform: translateY(100px) translateX(0);
    -moz-transform: translateY(100px) translateX(0);
    transform: translateY(100px) translateX(0);
    opacity: 0;
}
.anim-start1 {
    -webkit-transform: translateY(-100px) translateX(0);
    -moz-transform: translateY(-100px) translateX(0);
    transform: translateY(-100px) translateX(0);
    opacity: 0;
}
.anim-end {
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
}
.anim-go {
    -webkit-transition: transform 1.8s, opacity 1.8s;
    -moz-transition: transform 1.8s, opacity 1.8s;
    -o-transition: transform 1.8s, opacity 1.8s;
    transition: transform 1.8s, opacity 1.8s;
}

@keyframes EWM{
    0%{
        transform: translateY(-1200%);
    }
    50%{
        transform: translateY(350%);
    }
    75%{
        transform: translateY(-350%);
    }
    80%{
        transform: translateY(50%);
    }
    85%{
        transform: translateY(-50%);
    }
    90%{
        transform: translateY(25%);
    }
    95%{
        transform: translateY(-25%);
    }
    100%{
        transform: translateY(0%);
    }
}

.map1{margin-left: 545px;margin-top: 215px;}
.map2{margin-top: 500px;margin-left: 520px;}
.map3{margin-left: 430px;margin-top: 200px;}
.map4{margin-left: 660px;margin-top: 80px;}
.map5{margin-left: 655px;margin-top: 145px;}
.map6{margin-left: 625px;margin-top: 180px;}
.map7{margin-left: 358px;margin-top: 385px;}
.map8{margin-left: 492px;margin-top: 438px;}
.map9{margin-left: 610px;margin-top: 400px;}
.map10{margin-left: 570px;margin-top: 365px}
.map11{margin-left: 510px;margin-top: 330px;}
.map12{margin-left: 600px;margin-top: 340px;}
.map13{margin-left: 570px;margin-top: 280px;}
.map14{margin-left: 590px;margin-top: 455px;}
.map15{margin-left: 550px;margin-top: 428px;}
.map16{margin-left: 262px;margin-top: 290px;}
.map17{margin-left: 488px;margin-top: 270px;}
.map18{margin-left: 532px;margin-top: 248px;}
.map19{margin-left: 500px;margin-top: 380px;}
.map20{margin-left: 450px;margin-top: 507px;}
.map21{margin-left: 468px;margin-top: 582px;}
.map22{margin-left: 340px;margin-top: 492px;}
.map23{margin-left: 360px;margin-top: 314px;}
.map24{margin-left: 403px;margin-top: 280px;}
.map25{margin-left: 425px;margin-top: 330px;}
.map26{margin-left: 136px;margin-top: 211px;}
.map27{margin-left: 425px;margin-top: 400px;}
.map28{margin-left: 408px;margin-top: 453px;}
.map29{margin-left: 628px;margin-top: 361px;}
.map30{margin-left: 562px;margin-top: 225px;}
.map31{margin-left: 110px;margin-top: 350px;}
.map32{margin-left: 640px;margin-top: 490px;}
.map33{margin-left: 557px; margin-top: 513px;}
.map34{margin-left: 512px;margin-top: 540px;}

.i_news .l>a, .i_news .r>a{ font-size: 14px; float: right;}
        .i_news .l>a:hover, .i_news .r>a:hover{ color: #00ceff;}
        .ios_down{ cursor: pointer; }

/**/
@font-face {
  	font-family: 'sixFont';
  	src:url('./public/static/lizi/font/ku.ttf') format('truetype');
    font-weight: normal;  
    font-style: normal; 
}
.li-hide-yc{
	overflow: hidden;
}
.li-hybrid .li-newText {
	width: 200px;
	margin-top: 60px;
	text-align: center;
}
.li-hybrid .li-newText p{
	text-shadow:0px 3px 7px rgba(67,122,255,0.19);
	color: #ffffff;
	font-family: 'sixFont';
	background:linear-gradient(0deg,rgba(255,255,255,1) 0%, rgba(211,221,255,1) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-size: 38px;
	margin: 25px 0;
}
.li-hybrid .li-newText p.top{
	font-size: 55px;
}
.li-hybrid .li-newText div{
	
}
.horizontal-line {
	position: relative;
	width: 200px;
	height: 1px;
	display: block;
}
@media only screen and (min-width: 100px) and (max-width: 880px) {
	.li-hybrid .li-newText{
		width: 100%;
		margin-top: 0;
	}
	.horizontal-line{
		width: 100%;
	}
	.li-hybrid .li-newText p {
	    text-shadow: 0px 3px 7px rgba(67,122,255,0.19);
	    color: #ffffff;
	    background: linear-gradient(0deg,rgba(255,255,255,1) 0%, rgba(211,221,255,1) 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    font-size: 30px;
	    margin: 15px 0;
	}
}
.horizontal-line:before {
	content: "";
	position: absolute;
	background-image: linear-gradient(to left, #FFF, transparent);
	left: 10%;
	right: 50%;
	height: 1px;
}
.horizontal-line:after {
	content: "";
	position: absolute;
	background-image: linear-gradient(to right, #fff, transparent);
	left: 50%;
	right: 10%;
	height: 1px;
}
/*li-informa*/
.information{
	margin-bottom: 35px;
}
.li-informa{
	width: 100%;
	margin: 0 auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
	transition: all 0.3s;
}
.li-informa:hover{
	margin-top: -10px;
}
.li-informa .li-forma-title{
	width: 100%;
	height: 220px;
	position: relative;
}
.li-informa .li-forma-title img{
	width: 100%;
	height: 220px;
}
.li-informa .li-forma-title .li-news-more{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:40px;
	background:rgba(255,255,255,0.3);
	line-height: 40px;
}
.li-informa .li-forma-title .li-news-more span{
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 20px;
	display: block;
	float: left;
}
.li-informa .li-forma-title .li-news-more a{
	color: #FFFFFF;
	font-size: 12px;
	padding-right: 20px;
	display: block;
	float: right;
}
.li-forma-article-list{
	margin-top: 10px;
}
.li-forma-article-list .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.li-forma-article-list .list-group-item{
		padding: 10px 1px;
	}
}
.li-forma-article-list .list-group-item a{
	color: #6B798E;
	font-size:14px;
	font-weight:400;
	text-decoration: none;
}
.li-forma-article-list .list-group-item a:hover{
	color: #437AFF;
}
.li-forma-article-list .list-group-item .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #6B798E;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
}
/*li-appliance*/
.li-appliance{
	width:100%;
	padding-top: 20px;
	padding-bottom: 50px;
	background: #7e94ff;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(127,149,255,1)), to(rgba(67,122,255,1)));
	background:-webkit-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-moz-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-o-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	position: relative;
}
.li-xiushi-aapPIC{
	display: block;
	position: absolute;
	bottom: 0;
	right: 210px;
}
.li-appliance .li-liance-tab{
	
}
.li-appliance .li-liance-tab .nav-tabs{
	border-bottom: 0px;
}
.li-appliance .li-liance-tab .nav-tabs>li{
	margin-bottom: -4px;
}
.li-appliance .li-liance-tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius:0;
    color: #FFFFFF;
    font-size: 20px;
    height: 88px;
    line-height: 88px;
    width: 202px;
    cursor: pointer;
     margin: 0 auto;
     border-right: 2px solid #FFFFFF;
}
.li-appliance .li-liance-tab .nav-tabs>li.active>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius:0;
    color: #FFFFFF;
    font-size: 20px;
     height: 88px;
    line-height: 88px;
    background: url(../images/img_cj_h.png) no-repeat;
    margin: 0 auto;
}
.li-appliance .li-liance-tab .nav>li>a:focus, .li-appliance .li-liance-tab .nav>li>a:hover {
    text-decoration: none;
    background: url(../images/img_cj_h.png) no-repeat;
}
.li-appliance  .li-liance-content{
	padding-left: 50px;
}
.li-appIcon{
	display: inline-block;
	margin-right: 15px;
}
.li-icon-applinen-01{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_1_1.png) no-repeat;
}
.li-icon-applinen-02{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_1_2.png) no-repeat;
}
.li-icon-applinen-03{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_1_3.png) no-repeat;
}
.li-icon-applinen-04{
	width: 21px;
	height: 20px;
	background: url(../images/ic_cj_1_4.png) no-repeat;
}
.li-icon-applinen-05{
	width: 22px;
	height: 19px;
	background: url(../images/ic_cj_2_1.png) no-repeat;
}
.li-icon-applinen-06{
	width: 20px;
	height: 19px;
	background: url(../images/ic_cj_2_2.png) no-repeat;
}
.li-icon-applinen-07{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_2_3.png) no-repeat;
}
.li-icon-applinen-08{
	width: 19px;
	height: 19px;
	background: url(../images/ic_cj_2_4.png) no-repeat;
}
.li-icon-applinen-09{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_2_5.png) no-repeat;
}
.li-icon-applinen-10{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_2_6.png) no-repeat;
}
.li-icon-applinen-11{
	width: 21px;
	height: 18px;
	background: url(../images/ic_cj_3_1.png) no-repeat;
}
.li-icon-applinen-12{
	width: 20px;
	height: 19px;
	background: url(../images/ic_cj_3_2.png) no-repeat;
}
.li-icon-applinen-13{
	width: 21px;
	height: 20px;
	background: url(../images/ic_cj_3_3.png) no-repeat;
}
.li-icon-applinen-14{
	width: 20px;
	height: 18px;
	background: url(../images/ic_cj_3_4.png) no-repeat;
}
.li-icon-applinen-15{
	width: 18px;
	height: 20px;
	background: url(../images/ic_cj_4_1.png) no-repeat;
}
.li-icon-applinen-16{
	width: 20px;
	height: 16px;
	background: url(../images/ic_cj_4_2.png) no-repeat;
}
.li-icon-applinen-17{
	width: 20px;
	height: 18px;
	background: url(../images/ic_cj_4_3.png) no-repeat;
}
.li-icon-applinen-18{
	width: 21px;
	height: 18px;
	background: url(../images/ic_cj_4_4.png) no-repeat;
}
.li-icon-applinen-19{
	width: 18px;
	height: 20px;
	background: url(../images/ic_cj_4_5.png) no-repeat;
}
.li-icon-applinen-20{
	width: 20px;
	height: 20px;
	background: url(../images/ic_cj_4_6.png) no-repeat;
}
.li-liance-content{}
.li-liance-content .li-h3-title{
	font-size: 24px;
	color: #FFFFFF;
}
.li-liance-content p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 25px;
}
.li-liance-lingyu{
	margin-top: 35px;
}|
.li-liance-lingyu ul{
	padding-left: 0;
}

.li-liance-lingyu ul li{
	list-style: none;
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
	overflow: hidden;
}|
.li-liance-lingyu ul li span{
	font-size: 16px;
	color: #FFFFFF;
}
/*li-employ-title*/
.employ{
	width: 100%;
	margin: 50px 0;
}
.li-employ-title{

	background: #FFFFFF;
	box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
	border-radius:5px;
	position: relative;
	transition: all 0.2s;
	z-index: 1;
}
.li-employ-title:hover{
	margin-top: 3px;
}
.li-employ-title .li-iner{
	padding-top: 46px;
	color: #3B426B;
	font-size: 26px;
	font-weight: bold;
}
.li-employ-title a{
	display: block;
	margin: 0px auto;
	width: 150px;
	height: 50px;
	background:#5782fd;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background:-webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	border-radius:3px;
	color: #FFFFFF;
	font-size:16px;
    font-weight:bold;
    text-align: center;
    line-height:50px;
    font-family:MicrosoftYaHei-Bold;
    text-decoration: none;
}
.li-forma-lianjie{
	padding: 32px 0;
}
.li-employ-title .li-employ-bg{
	display: block;
	position: absolute;
	height: 198px;
	z-index: -1;
}
.li-employ-title .li-employ-bg.leftem{
	left: 0;
	top:0;
}
.li-employ-title .li-employ-bg.rightem{
	right: 0;
	top:0;
}
/**/
.li-incon-gy{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/ic_gy.png) no-repeat;
	margin-right: 12px;
}
.li-incon-cp{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/ic_cp.png) no-repeat;
	margin-right: 12px;
}
.li-incon-lx{
	display: inline-block;
	width: 18px;
	height: 16px;
	background: url(../images/ic_lx.png) no-repeat;
	margin-right: 12px;
}
.boots-xiushi{
	width: 100%;
	height: 1px;
	background: #8fb0ff;
	margin: 35px 0;
}
.li-fotext{
	font-size: 12px;
	color: #6b798e;
	margin-bottom: 2px;
}
.glffos{
	padding-bottom: 20px;
}
/*右侧客服*/
.right-customer {
    position: fixed;
    right: 10px;
    top: 317px;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.right-customer .small-blue {
    display: block;
    box-sizing: border-box;
    width: 44px;
    height: 125px;
    background-color: #3899FF;
    color: #fff;
    padding: 40px 15px 0;
    line-height: 18px;
    cursor: pointer;
    position: relative;
}

.right-customer .small-blue:before {
    content: "";
    display: block;
    width: 44px;
    height: 40px;
    background: url(../images/contact.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
}
.zizhi.close {
    color: #898989;
    position: absolute;
    right: 15px;
    top: 8px;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 18px;
    padding: 1px;
    position: absolute;
    opacity: 0.8;
}
/* use cross as close button */
.zizhi.close::before {
    content: "\2716";
}
.right-customer .left-content {
    display: none;
    box-sizing: border-box;
    width: 240px;
    padding: 15px 15px 10px;
    border: 1px solid #D8D8D8;
    position: absolute;
    right: 60px;
    top: 0;
    background-color: #fff;
    z-index: 2;
    border-radius: 2px;
}
.right-customer .left-content a{
	text-decoration: none;
}
.right-customer .left-content .btn-close {
    color: #898989;
    position: absolute;
    right: 15px;
    top: 8px;
    cursor: pointer;
}

.right-customer .left-content .btn-close:hover {
    color: #333;
}

.right-customer .left-content .item {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #EFEFEF;
    color: #333;
    padding: 12px 0 0 50px;
    font-size: 12px;
    text-align: left;
    background: url(../images/icon-left.png) no-repeat;
}
.right-customer .left-content .item:nth-child(5) {
	background-position: 0 -170px;
}

.right-customer .left-content .item > p {
    color: #333;
}

.right-customer .left-content .item > span {
    color: #999999;
}

.right-customer .left-content .item > span.yellow {
    color: #FE9C12;
}

.right-customer .left-content .item:first-child {
    cursor: pointer;
    background-position: 0 7px;
}

.right-customer .left-content .item:nth-child(2) {
    cursor: pointer;
    background-position: 0 -53px;
}

.right-customer .left-content .item:nth-child(3) {
    background-position: 0 -170px;
}

.right-customer .left-content .code {
    padding-top: 10px;
}

.right-customer .left-content .code span {
    display: inline-block;
    font-size: 12px;
    color: #666666;
}

.right-customer .left-content .code span > img {
    display: block;
    width: 80px;
    height: 80px;
}

/*底部*/
.footer{
	padding-top: 40px;
	background: #FFFFFF;
}
.footer .lin-dai{
	font-size: 12px;
	color: #6B798E;
	padding-right: 30px;
}
.footer .lin-dai.top-li{
	margin-top: 40px;
}
.li-footer-title{
	font-size: 14px;
	color: #333333;
}
.footer ul{
	padding-left: 28px;
	padding-top: 30px;
}
.footer ul li{
	list-style: none;
	font-size: 14px;
	color: #6B798E;
	margin-bottom: 20px;
}
.footer ul li a{
	font-size: 14px;
	color: #6B798E;
	text-decoration: none;
}
.footer ul li a:hover{
	color: #4374FA;
}
/* 套餐页*/
.tao-banner{
	width: 100%;
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 460px;
}

.tao-banner-inner{
	position: relative;
}
.tao-banner-linner{
	margin-left: 105px;
}
.tao-banner-left{
	
}
.tao-banner-inner .tao-qiu{
	position: absolute;
	left: 0;
	top: 0;
}
.tao-margin{
	margin-top: 30px;
}
.tao-right-pic{
	
}
.tao-right-pic img{
	width: 100%;
}
.tao-banner-inner .li-h1{
	font-size: 36px;
	color: #3B426B;
	font-weight: bold;
	padding-top: 122px;
}
.tao-banner-inner .tao-text{
	font-size: 30px;
	color: #3b426b;
	font-weight: bold;
}
.tao-banner-inner .tao-support{
	width: 100%;
	margin-top: 30px;
}

.tao-banner-inner .tao-support>div{
	padding-left: 0;
}
.tao-banner-inner .tao-support>div:last-child{
	margin-top: 5px;
}
.tao-banner-inner .tao-support .tao-support-text{
	margin-bottom: 6px;
}
.tao-banner-inner .tao-support .tao-support-text .tao-support-icon01{
	display: inline-block;
	width: 26px;
	height: 21px;
	background: url(../images/ic_computer.png) no-repeat;
	margin-right: 12px;
	vertical-align: sub;
}
.tao-banner-inner .tao-support .tao-support-text .tao-support-icon02{
	display: inline-block;
	width: 16px;
	height: 24px;
	background: url(../images/ic_phone.png) no-repeat;
	margin-right: 12px;
}
.tao-banner-inner .tao-support .tao-support-text .tao-support-icon03{
	display: inline-block;
	width: 26px;
	height: 28px;
	background: url(../images/ic_fine.png) no-repeat;
	margin-right: 12px;
	vertical-align: bottom;
}
.tao-banner-inner .tao-support .tao-support-text .tao-support-icon04{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/ic_date.png) no-repeat;
	margin-right: 12px;
	    vertical-align: bottom;
}
.tao-banner-inner .tao-support .tao-support-text span{
	font-size: 16px;
	color: #3b426b;
}
.tao-banner-inner .tao-support .tao-support-text span em{
	font-size: 16px;
	color: #467BFF;
	font-style: normal;
	letter-spacing:2px;
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.tao-banner{
		width: 100%;
		background:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(127,149,255,1)), to(rgba(67,122,255,1)));
		background:-webkit-linear-gradient(90deg, rgba(127,149,255,1), rgba(67,122,255,1));
		background:-moz-linear-gradient(90deg, rgba(127,149,255,1), rgba(67,122,255,1));
		background:-o-linear-gradient(90deg, rgba(127,149,255,1), rgba(67,122,255,1));
		background:linear-gradient(90deg, rgba(127,149,255,1), rgba(67,122,255,1));
	}
	.tao-banner-inner .li-h1{
		color: #FFFFFF;
		padding-top: 20px;
	}
	.tao-banner-inner .tao-text{
		color: #FFFFFF;
	}
	.tao-banner-inner .tao-support .tao-support-text span{
		font-size: 16px;
		color: #FFFFFF;
	}
	.tao-banner-inner .tao-support .tao-support-text span em{
		font-size: 16px;
		color: #FFFFFF;
		font-style: normal;
		letter-spacing:2px;
	}
	.tao-banner-inner .tao-support .tao-support-text i{
			display: none !important;
	}
}
/*tao-purchase*/
.tao-purchase{
	width: 100%;
	background: #edf2ff;
	padding-bottom: 70px;
}
.tao-purchase .tao-purchase-list{
	width:282px;
	height:343px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	border-radius:5px;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
}
.tao-purchase .tao-purchase-list:hover{
	border:1px solid #7e94ff;
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
}
@media only screen and (max-width: 786px) {
	.tao-purchase .tao-purchase-list{
		width:100%;
		margin-bottom: 10px;
		box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
	}
	
}
.tao-purchase .tao-purchase-list .icon-purchase{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-moz-transform: scale(0,0);
	transform: scale(0,0);
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
.tao-purchase .active .tao-purchase-list .icon-purchase{
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
	top: 0;
	right: 0;
	background: url(../images/img_selection.png) no-repeat;
	-webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}

.tao-purchase .active .tao-purchase-list{
	border:1px solid #7e94ff;
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
}
.tao-purchase .tao-purchase-list .tao-purchase-title{
	text-align: center;
	font-size:22px;
	font-weight:bold;
	color:#3B426B;
	padding-top: 25px;
    display: block;
}
.tao-purchase .tao-purchase-list .tao-purchase-number{
	font-size:72px;
	font-weight:bold;
	color:#467BFF;
	display: block;
}
.tao-purchase .tao-purchase-list .tao-purchase-number::before{
	display: inline-block;
	position: relative;
	content: '';
	top: -40px;
	left: -5px;
	width: 10px;
	height: 14px;
	background: url(../images/ic_rmb.png) no-repeat;
}
.tao-purchase .tao-purchase-list p{
	text-align: center;
	font-size:16px;
	font-weight:bold;
	text-decoration:line-through;
	color:#FF4646;
}
.tao-purchase .tao-purchase-list a{
	display: block;
	width:150px;
	height:50px;
	border: 1px solid #4374FA;
	border-radius:3px;
	margin: 0 auto;
	color: #4374FA;
	background: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 25px;
}

.tao-purchase .tao-purchase-list a:hover{
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background:-webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	box-shadow:0px 3px 5px 0px rgba(79,125,252,0.56);
	color: #FFFFFF;
	border: 0;
}
/**/
#purchaseContent{
	position: relative;
}
#purchaseContent .purch-box{
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
	margin-top:20px;
	-webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
#purchaseContent .purch-box img{
	width: 100%;
}
#purchaseContent .purch-box.active{
	display: block;
	opacity: 1;
	z-index: 100;
	margin-top: 0;
	-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/*buy-content*/
.buy-content{
	width: 100%;
	margin-bottom:100px;
}
.buy-content .buy-right-pic img{
	width: 100%;
	margin-top: 80px;
}
.buy-content-left{
	position: relative;
}
.buy-content-left .buy-title-text{
	font-size: 16px;
	color: #3B426B;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 30px 0;
}
.buy-content-left .buy-title-text em{
	font-size: 18px;
	color: #467BFF;
	font-style: normal;
	font-weight: bold;
}
.buy-content-left .buy-title-text b{
	font-size: 34px;
	color: #467BFF;
	font-style: normal;
	font-weight: bold;
}
.buy-content-left .bug-telt{
	position: absolute;
	top: 0;
	right: 70px;
	font-size: 14px;
	color: #6B798E;
}
.buy-content-left .bug-telt a{
	text-decoration: none;
	font-size: 14px;
	color: #467BFF;
}
.buy-content-left .buy-nane{
	width: 89%;
	height:50px;
	background:rgba(255,255,255,1);
	border:2px solid rgba(70,123,255,1);
	border-radius:2px;
	padding-left: 10px;
}
.buy-content-left .method{
	
}
.buy-content-left .method a{
	display: inline-block;
	width:180px;
	height:50px;
	border: 1px solid #606068;
	border-radius:2px;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #3F3A39;
	font-weight: bold;
	font-size: 16px;
	
}
.buy-content-left .method>a{
	margin-right: 15px;
	margin-bottom: 15px;
}
.buy-content-left .method>a:last-child{
	margin-right: 0;
}
.buy-content-left .method a.active {
	border: 1px solid #467BFF;
}

.buy-content-left .method a span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-moz-transform: scale(0,0);
	transform: scale(0,0);
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
.buy-content-left .method a.active span{
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 29px;
	height: 29px;
	background: url(../images/img_selection_1.png) no-repeat;
	-webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}
.buy-content-left  .go_buy{
	width:200px;
	height:50px;
	background:rgba(230,237,255,1);
	border:1px solid rgba(70,123,255,1);
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
	border-radius:2px;
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(70,123,255,1);
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.buy-content-left .method a{
		margin-bottom: 10px;
		margin-left: 0 !important;
		    width: 100%;
	}
	.buy-content-left .buy-nane{
		width: 100%;
	}
	.buy-content-left .bug-telt{
		right: 0;
	}
	.buy-content-left .go_buy{
		width: 100%;
		font-size: 18px;
	}
}
/*下载页面*/
.do-banner{
	width: 100%;
	height: 300px;
	background: #5481ff9;
	background:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(67,122,255,1)), to(rgba(127,149,255,1)));
	background:-webkit-linear-gradient(90deg, rgba(67,122,255,1), rgba(127,149,255,1));
	background:-moz-linear-gradient(90deg, rgba(67,122,255,1), rgba(127,149,255,1));
	background:-o-linear-gradient(90deg, rgba(67,122,255,1), rgba(127,149,255,1));
	background:linear-gradient(90deg, rgba(67,122,255,1), rgba(127,149,255,1));
}
.do-li-h1{
	font-size:40px;
	font-family:MicrosoftYaHei-Bold;
	font-weight:bold;
	color:#ffffff;
	padding-top: 80px;
}
.do-li-h1::before{
	display: inline-block;
	content: "";
	position: relative;
	width:100px;
	height:1px;
	left: -36px;
	top:-13px;
	background:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
	background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:-moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.do-li-h1::after{
	display: inline-block;
	content: "";
    position: relative;
    width:100px;
	height:1px;
	right: -36px;
	top:-13px;
	background:-webkit-linear-gradient(200deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:-moz-linear-gradient(200deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(200deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background:linear-gradient(200deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	
}
.do-li-text{
	font-size:18px;
	color: #ffffff;
	text-shadow:0px 3px 7px rgba(67,122,255,0.19);
	letter-spacing: 1px;
	padding-top: 15px;
}
.do-position{
	position: relative;
}
.do-position img{
	position: absolute;
	top: 130px;
	right: 0;
}
@media only screen and (min-width: 100px) and (max-width: 988px) {
	.do-position img{
		display: none;
	}
}
.do-content{
	width: 100%;
	margin:80px 0 ;
}
.do-content .do-introduce{
	width:282px;
	height:400px;
	background:#fff;
	border-radius:5px;
	text-align: center;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.do-content .do-introduce .do-intr-qrcode{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: -5;
	transition: all 0.6s;
	margin-top: -50px;
}
.do-content .do-introduce:hover .do-intr-qrcode{
	z-index: 2;
	margin-top: 0px;
}
.do-content .do-introduce .do-intr-qrcode img{
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 40px;
}
.do-content .do-introduce:hover{
	margin-top: -10px;
	border:1px solid rgba(223,228,255,1);
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
}

@media only screen and (min-width: 100px) and (max-width: 786px) {
	.do-content .do-introduce{
		width: 100%;
		margin-bottom: 10px;
		border:1px solid rgba(223,228,255,1);
	}
}
@media screen  and (min-width: 800px) and (min-width: 960px){
	.do-content .do-introduce{
		width: 100%;
		margin-bottom: 10px;
		border:1px solid rgba(223,228,255,1);
	}
}
.do-content .do-introduce>img{
	text-align: center;
	padding: 40px 0 22px 0;
}
.do-content .do-introduce .do-introduce-title{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #3B426B;
}
.do-content .do-introduce .icon-line{
	display: block;
	width:200px;
	height:1px;
	background:#7E94FF;
	margin: 16px auto;
}
.do-content .do-introduce .do-version{
	padding-left: 0;
	list-style: none;
}
.do-content .do-introduce .do-version li{
	color: #6B798E;
	font-size: 14px;
	line-height:27px;
}
.do-content .do-introduce .do-download-btn{
	display: block;
	width:150px;
	height:50px;
	border: 2px solid #4475fa;
	border-radius:25px;
	color: #ffffff;
	font-size:16px;
	font-weight:bold;
	color:#4475fa;
	line-height: 50px;
	text-align: center;
	margin: 10px auto;
	text-decoration: none;
}
.do-content .do-introduce .do-download-btn:hover{
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background:-webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	color: #ffffff;
	border: 0;
}
/*帮助*/
.help-banner{
	width: 100%;
	height: 300px;
	background: #6d8dff;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(127,149,255,1)), to(rgba(67,122,255,1)));
	background:-webkit-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-moz-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:-o-linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1));
	background:url(../images/bg-help.png) bottom no-repeat, linear-gradient(rgba(127,149,255,1), rgba(67,122,255,1)) ;
}
.help-content{
	width: 100%;
	background: #f6fafb;
	padding: 40px 0; 
	overflow: hidden;
	margin-bottom: 40px;
}
.help-left{
	width: 100%;
	background: #FFFFFF;
	padding: 30px 0 50px;
	box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
	margin-bottom: 15px;
}
.help-left ul{
	list-style: none;
	padding-left: 0;
}
.help-left ul li a .help-icon-y{
	display: inline-block;
	width:4px;
	height:20px;
	background: #457BFF;
	margin-right: 10px;
	vertical-align: top;
}
.help-left ul li a .help-title-text{
	font-size:18px;
	font-weight:bold;
	color: #3B426B;
	padding-right: 20px;
}
.help-left>ul>li{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.help-left>ul>li .help-right-icon{
	position: absolute;
	right: 10px;
	top: 10px;
}
.help-left>ul>li ul{
	padding-left: 30px;
}
.help-left>ul>li ul>li{
	margin-bottom: 10px;
}
.help-left>ul>li ul>li img{
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.help-left>ul>li ul>li a{
	font-size: 14px;
	color: #6B798E;
}
.help-left>ul>li ul>li a:hover{
	color: #437AFF;
}
/*文章内容*/
.help-article-content{
	width: 100%;
	padding: 10px 35px 50px;
	background: #FFFFFF;
	box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
}
.help-article-content .help-article-title{
	font-size:28px;
	font-family:MicrosoftYaHei-Bold;
	font-weight:bold;
	color:#3B426B;
	text-align: center;
}
.help-article-content p{
	font-size: 14px;
	color: #3b426b;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 100%;
}
.help-article-content p img{
	max-width: 100%;
	padding-right: 30px;
}

.help-article-pic-float{
	overflow: hidden;
}
.help-article-pic-float img{
	width: 50%;
	float: left;
	padding-right: 30px;
	overflow: hidden;
}
/*关于*/
.about-banner{
	width: 100%;
	height: 460px;
	background:url(../images/bg-img.png) center;
}
.about-banner .about-h1{
	font-size:46px;
	color:#FFFFFF;
	text-shadow:0px 3px 7px rgba(67,122,255,0.19);
	margin: 0;
	padding-top: 70px;
	letter-spacing: 2px;
	text-shadow:0px 3px 7px rgba(67,122,255,0.19);
}
.about-content{
	width: 100%;
	background: #f6fafb;
	margin-bottom: -190px;
}
.about-content .about-inner{
	position: relative;
	width: 100%;
	background: #FFFFFF;
	box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
	border-radius:10px;
	padding:30px;
	box-sizing: border-box;
	top: -250px;
    z-index: 2;
}
.about-content .about-inner .about-title{
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #3b426b;
}
.about-content .about-inner .about-title em{
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	color: #3B426B;
}
.about-content .about-inner .about-title.magin{
	margin-bottom: 22px;
}
.about-content .about-inner  .about-identification{
	font-size: 14px;
	color: #6b798e;
	font-weight: 500;
	font-style: normal;
	display: block;
	position: relative;
}
.about-content .about-inner  .about-identification::before{
	content: '';
	position: absolute;
	display: block;
	width: 611px;
	height: 221px;
	background: url(../images/img_profile.png) no-repeat;
	top: 11px;
    left: 110px;
}
@media only screen and (min-width: 100px) and (max-width: 1190px) {
	.about-content .about-inner  .about-identification::before{
		display: none;
	}
	
}
.about-content .about-inner .about-text{
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(59,66,107,1);
	line-height:34px;
}
.about-lepic img{
	width: 100%;
}
.about-yuan{
	margin-top: 120px;
}
.about-rigPic{
	margin-top: 60px;
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.about-rigPic{
		margin-top: 20px;
	}
	.about-rigPic img{
		width: 100%;
	}
	.about-yuan{
		margin-top: 20px;
	}
	
}
.about-middle-bg{
	width: 100%;
	text-align: center;
	background: url(../images/bg_b2.png) center no-repeat;
	margin: 40px 0;
	overflow: hidden;
}
.about-middle-bg span{ 
	font-size:16px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(254,254,254,1);
	vertical-align: -webkit-baseline-middle;
}
.about-middle-bg b{
	font-size:60px;
	font-family:Arial-BoldMT;
	font-weight:bold;
	color:rgba(255,255,255,1);
	vertical-align: middle;
}
.about-lina{
	
}
.about-lina span{
	font-size:20px;
	font-weight: bold;
	color: #3B426B;
}
.about-lina p{
	font-size:14px;
	color: #6b798e;
	padding: 10px 0;
}
.about-control{

}
.about-control .form-group{
	
}
.about-control .form-group>div{
	position: relative;
}
.about-control .form-group>div{
}
.about-control .form-group>div .icon-xing{
	position: absolute;
	display:block;
	right: 0;
	top: 0;
}
.about-control .form-group>div .icon-xing::before {
   	display: block;
    content: "*";
    position: absolute;
       left: 0;
    top: 12px;
    color: #e35e53;
    z-index: 1;
    font-size: 15px;
}
.about-control .elitem{
	position: relative;
}
.about-control .elitem span {
  width: 0;
  height: 1px;
  bottom: -1px;
  background: #4ea3fd;
  -webkit-transition: cubic-bezier(0.56, 0.96, 0.33, 0.96) 0.5s;
  -ms-transition: cubic-bezier(0.56, 0.96, 0.33, 0.96) 0.5s;
  -moz-transition: cubic-bezier(0.56, 0.96, 0.33, 0.96) 0.5s;
  transition: cubic-bezier(0.56, 0.96, 0.33, 0.96) 0.5s;
  position: absolute;
  left: 0;
  content: "";
  z-index: 2;
}
.about-control label{
	color: #6B798E;
	font-size:16px;
	font-family:MicrosoftYaHei;
	font-weight:400;
}
.about-control  input{
	height: 40px;
	border: 1px solid #E0E3E4;
	border-radius: 0;
}
.about-control  input:focus{
	outline: none;
    border-color: #7F95FF;
    box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
}
.about-control  .elitem input:focus ~ span{
	width: 100%;
}
.about-control  textarea:focus{
	outline: none;
    border-color: #7F95FF;
    box-shadow:0px 5px 8px 0px rgba(67,122,255,0.19);
}
.about-control  .btn-default{
	width:120px;
	height:46px;
	background:linear-gradient(0deg,rgba(99,139,255,1),rgba(67,116,250,1));
	border-radius:3px;
	color: #FFFFFF;
	font-size:16px;
	border: 0;
	font-family:MicrosoftYaHei-Bold;
	font-weight:bold;
	border-bottom: 2px solid #3566eb;
}
.about-control  .btn-default:focus{
	border-bottom: 2px solid #3566eb;
	color: #FFFFFF;
}
/*giant*/
.about-zczijin{
	padding: 10px 0;
}
.about-choice{
	position: relative;
	left: -45px;
}

.about-choice a{
	display: inline-block;
	padding: 12px 35px;
	border: 1px solid #E0E3E4;
	font-size: 16px;
	color: #3B426B;
	text-decoration: none;
	margin-right: 18px;
	border-radius:4px;
	position: relative;
	margin-bottom: 8px;
}
.about-choice a:last-child{
	margin-right: 0;
}
.about-choice a:hover{
	background:rgba(255,255,255,1);
	border:1px solid rgba(70,123,255,1);
}
.about-choice a.active{
	background:rgba(255,255,255,1);
	border:1px solid rgba(70,123,255,1);
}
.about-choice a span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-moz-transform: scale(0,0);
	transform: scale(0,0);
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
.about-choice a.active span{
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 29px;
	height: 29px;
	background: url(../images/img_selection_1.png) no-repeat;
	-webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}
.consli-about{
	    text-align: left !important;
    padding-left: 38px;

}
@media only screen and (min-width: 100px) and (max-width: 980px) {
	.about-choice{
		position: relative;
		left: 0;
	}
	.consli-about{
		text-align: right;
	    padding-left:15px;
	
	}
}
/**/
/*登陆注册*/
#myLogIn{
	
}

#myLogIn .modal-content{
	width: 450px;
	padding-bottom: 30px;
	background: #FFFFFF;

}

.modal-titPic{
	position: relative;
}
.modal-titPic img:nth-child(1){
	position: absolute;
	left: 95px;
	top: -12px;
}
.modal-titPic img:nth-child(2){
	position: absolute;
	right: 95px;
	top: -12px;
}
.close-login{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/ic_close.png) no-repeat;
}
.close-login:hover{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/ic_close_h.png) no-repeat;
}
.modal-logo-pic{
	margin-top: 25px;
	text-align: center;
}
.modal-logo-pic img{

}
.move_btn {
    display: block;
    width: 250px;
    height: 48px;
    background-color: #d9d9d9;
    border-radius: 24px;
    margin: 22px auto 20px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    text-align: center;
    cursor: pointer
}

.move_btn .move_bg {
    width: 112px;
    height: 38px;
    background-color: #ffffff;
    border-radius: 24px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1
}

.move_btn .move_login {
    width: 100px;
    height: 48px;
    color: #000;
    display: block;
    position: absolute;
    left: 12px;
    float: left;
    line-height: 48px;
    z-index: 10;
    font-weight: bold;
    text-decoration: none;
}

.move_btn .move_res {
    width: 100px;
    height: 48px;
    color: #fff;
    display: block;
    position: absolute;
    right: 10px;
    float: right;
    line-height: 48px;
    z-index: 10;
    font-weight: bold;
    text-decoration: none;
}
.form-part .form-line{
    position: relative;
    width: 384px;
    height: 71px;
    margin: 0 auto;
    border-bottom: 1px solid #dadde5;
}
@media only screen and (min-width: 100px) and (max-width: 750px) {
	#myLogIn .modal-content{
	width: 100%;
    padding-bottom: 15px;
	background: #FFFFFF;

}
.form-part .form-line{
    position: relative;
    width: 100%;
    height: 71px;
    margin: 0 auto;
    border-bottom: 1px solid #dadde5;
}
}
.form-part .form-line input:not(.time_down_btn) {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #2b2929;
    border: none;
    outline: none;
    background-color: #fff;
    padding-left: 50px;
    position: relative;
    top: 20px;
}
.form-part {
	display: none;
}
.form-part  .form-line .icon-zh {
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 32px;
   	background: url(../images/ic_zh.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}
.form-part  .form-line .icon-mm {
    font-size: 20px;
    width: 22px;
    height: 24px;
    line-height: 32px;
   	background: url(../images/ic_mm.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}
.form-part  .form-line .icon-number{
	font-size: 20px;
    width: 24px;
    height: 20px;
    line-height: 32px;
   	background: url(../images/ic_yzm.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}
.form-part  .form-line  .icon-tel{
	font-size: 20px;
    width: 16px;
    height: 24px;
    line-height: 32px;
   	background: url(../images/ic_phone.png) no-repeat;
    position: absolute;
    left: 3px;
    top: 20px;
}
.form-part  .form-line .icon-yanz{
	font-size: 20px;
    width: 24px;
    height: 20px;
    line-height: 32px;
   	background: url(../images/ic_sj.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}
.form-line .eye {
    font-size: 20px;
    width: 24px;
    height: 12px;
    line-height: 32px;
    color: #000000;
    background: url(../images/ic_cl.png) no-repeat;
    position: absolute;
    right: 0;
    top: 32px;
    cursor: pointer;
}
.form-line .eye1 {
    font-size: 20px;
    width: 24px;
    height: 18px;
    line-height: 32px;
  	background: url(../images/ic_open.png) no-repeat;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}
.form-line .line-icon {
    position: absolute;
    bottom: 0;
    display: block;
    width: 0%;
    height: 1px;
    background-color: #467bff;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.form-line input:not(.time_down_btn):focus ~ .line-icon {
    width: 100%
}
.forget-pwd{
	float: right;
	text-decoration: none;
	font-size: 14px;
	color: #c3c7d0;
	margin: 12px 0;
}
.forget-pwd:hover{
	text-decoration: none;
	color:#467bff;
}
.form-part .login-btn{
	border: 0;
	width: 92%;
	margin: 0 auto;
	display: block;
	height:58px;
	background: #4374FA;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background:-webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:-o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background:linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	border-radius:3px;
	color: #FFFFFF;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 2px solid #3566eb; 
}
.form-part .login-btn.magin{
	margin-top: 40px;
}
.form-line .form_ipt::before {
   	display: block;
    content: "*";
    position: absolute;
    left: 25px;
    top: 25px;
    color: #e35e53;
    z-index: 1;
    font-size: 15px;
}
.form-line img {
    width: 86px;
    height: 34px;
    background: #eee;
    position: absolute;
    top: 20px;
    right: 0;
    cursor: pointer
}
.res_agreement {
    width: 100%;
    height: 57px;
    line-height: 57px;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 14px
}
.res_agreement span {
    color: #cdcccc
}

.res_agreement a {
    color: #467bff;
 cursor: pointer;
}
.form-line .time_down_btn {
    font-size: 12px;
    text-align: center;
    width: 86px;
    height: 34px;
    border: none;
    border-radius: 16px;
    outline: none;
    color: #fff;
    background-color: #467bff;
    position: absolute;
    top: 20px;
    right: 0;
    padding-left: 5px
}

.buy-nane.buy-fuleft {
	width: 73%;
	margin-left: 15px;
}
.go_buy.youhui {
	width: 70px;
	font-size: 17px;
	border: 2px solid #467bff;
	background: #467bff;
	color: #fff;
	margin-left: 10px;
	border-radius: 6px;
}
/*个人中心*/
.personalCenter {
	width: 100%;
	height: 392px;
	background: #5481ff;
	background:-webkit-linear-gradient(166deg, rgba(97,121,234,1), rgba(45,93,211,1));
	background:-moz-linear-gradient(166deg, rgba(97,121,234,1), rgba(45,93,211,1));
	background:-o-linear-gradient(166deg, rgba(97,121,234,1), rgba(45,93,211,1));
	background:linear-gradient(166deg, rgba(97,121,234,1), rgba(45,93,211,1));
}
.individual-content {
	width: 100%;
	height: 520px;
	background: #f6fafb;
}
.individual-negativeTop {
	position: relative;
	top: -325px;
}
.individual-left {
	width: 250px;
	height: 790px;

	border-radius: 5px;
	box-sizing: border-box;
}
.indivi-portrait{

}
.negativeTop20 {
	margin-left: -20px;
}
.indivi-portrait img {
	width: 101px;
	height: 101px;
	border-radius: 50%;
	margin: 30px 10px 15px;
}
.indivi-portrait p {
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
}
.indivi-portrait span {
	font-size: 16px;
	width: 100%;
	display: block;
	margin: 10px 0;
	color: #FFFFFF;
	text-align: left;
	padding-left: 35px;
}
.indivi-portrait span em {
	font-style: normal;
	font-size: 16px;
}
.indivi-portrait span .pin-lian-btn{
	display: inline-block;
	width:48px;
	height:26px;
	background:#FFFFFF;
	border-radius:4px;
	color: #3863D8;
	font-size: 16px;
	text-align: center;
	line-height: 26px;
	text-decoration: none;
	margin-left: 20px;
}
.indivi-portrait span .pin-sink{
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid;
	margin-left:18px;
	letter-spacing: 0;
	display: inline-block;
}
.onrs{

	left: 12px;
}
.onrs2{
	left: 1px;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.individual-left {
		width: 100%;
		margin-bottom: 10px;
	}

	.individual-right {
		width: 100% !important;
		margin-left: 0;
	}
}
.indivi-nav {
	background: #FFFFFF;
	box-shadow: 0px 2px 8px 2px rgba(67, 122, 255, 0.19);
	border-radius: 5px;
	padding-top:  45px;
	margin-top: 25px;
	height: 486px;
}
.indivi-nav ul {
	padding: 0;
}
.indivi-nav ul li {
	list-style: none;
}
.indivi-nav ul li:first-child a {
	border-top: 1px solid #e6ebec;
}
.indivi-nav ul li a {
	display: block;
	font-size: 16px;
	color: #386EF6;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #e6ebec;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center
}
.indivi-nav ul li a i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.indivi-nav ul li.active a {
	background: #4374FA;
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(99, 139, 255, 1)), to(rgba(67, 116, 250, 1)));
	background: -webkit-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: -moz-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: -o-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	color: #FFFFFF;
}
.indivi-nav ul li a:hover {
	background: #4374FA;
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(99, 139, 255, 1)), to(rgba(67, 116, 250, 1)));
	background: -webkit-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: -moz-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: -o-linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	background: linear-gradient(90deg, rgba(99, 139, 255, 1), rgba(67, 116, 250, 1));
	color: #FFFFFF;
}
.individual-right {
	width: 920px;
	height: 790px;
	background: #FFFFFF;
	box-shadow: 0px 2px 8px 2px rgba(67, 122, 255, 0.19);
	border-radius: 5px;
	padding: 0 30px;
	box-sizing: border-box;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.individual-left {
		height: auto !important;
		padding-bottom: 20px;
	}

	.individual-right {
		height: auto !important;
		padding-bottom: 20px;
	}
}
@media only screen and (min-width: 765px) and (max-width: 991px) {
	.individual-left {
		width: 100%;
		height: auto !important;
		padding-bottom: 20px;
	}

	.individual-right {
		width: 100%;
		height: auto !important;
		padding-bottom: 20px;
	}
}
.indiv-indualcon {
	width: 100%;
	border-bottom: 1px solid #e5e6ea;
	padding: 30px 0 22px;
	margin-bottom: 35px;
}
.indiv-indualcon span {
	font-size: 22px;
	color: #3B426B;
	letter-spacing: 2px;
}

/*管理*/
/*管理*/
.supervise-list{
	background:#FFFFFF;
	border-bottom:1px dashed #B6C9FF;
	border-radius:3px;
	margin-bottom: 30px;
}

.supervise-list{
	overflow: hidden;
}
.supervise-list>.pull-left span{
	font-size: 22px;
	float: left;
	display: block;
	top:12px;
	margin-right: 25px;
}
.supervise-list>.pull-left h2{
	margin-top: 0;
	margin-bottom:15px;
	font-size: 18px;

}
.supervise-list a{
	display: block;
	width: 125px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 18px;
	border: 1px solid #467BFF;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	background: #4374fa;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#4374fa), to(#628aff));
	background: -webkit-linear-gradient(to right, #4374fa, #628aff);
	background: -moz-linear-gradient(to right, #4374fa, #628aff);
	background: -o-linear-gradient(to right, #4374fa, #628aff);
	background: linear-gradient(to right, #4374fa, #628aff);
}
.btn-subSwor{
	display: block;
	color: #ffffff;
	margin: 0 auto;
	font-size: 14px;
	text-decoration: none;
	background: #4374fa;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#4374fa), to(#628aff));
	background: -webkit-linear-gradient(to right, #4374fa, #628aff);
	background: -moz-linear-gradient(to right, #4374fa, #628aff);
	background: -o-linear-gradient(to right, #4374fa, #628aff);
	background: linear-gradient(to right, #4374fa, #628aff);
}
.btn-subSwor:hover{
	color: #ffffff;
	background: #4374fa;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#4374fa), to(#628aff));
	background: -webkit-linear-gradient(to right, #4374fa, #628aff);
	background: -moz-linear-gradient(to right, #4374fa, #628aff);
	background: -o-linear-gradient(to right, #4374fa, #628aff);
	background: linear-gradient(to right, #4374fa, #628aff);
}
.btn-subSwor:focus{
	color: #ffffff;
	background: #4374fa;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#4374fa), to(#628aff));
	background: -webkit-linear-gradient(to right, #4374fa, #628aff);
	background: -moz-linear-gradient(to right, #4374fa, #628aff);
	background: -o-linear-gradient(to right, #4374fa, #628aff);
	background: linear-gradient(to right, #4374fa, #628aff);
}
.dlbtnse{
	position: relative;
}
.verification{
	font-size: 12px;
	text-align: center;
	width: 75px;
	height: 34px;
	border: none;
	outline: none;
	color: #fff;
	background-color: #467bff;
	position: absolute;
	top: 25px;
	right: 0;
	padding-left: 5px;
}
/*充值*/
.goldCoin{
	width: 100%;
	height: 120px;
	background: #467bff;
	position: relative;
}
.goldCoin span{
	font-size:24px;
	font-family:MicrosoftYaHei-Bold;
	font-weight:bold;
	color:#FFFFFF;
	line-height:70px;
	text-shadow:0px 2px 3px rgba(32,31,101,0.22);
	line-height: 120px;
}
.goldCoin span:nth-child(1){
	display: inline-block;
	padding-left: 90px;
}
@media only screen and (min-width: 1200px) {
	.goldCoin span:nth-child(1){
		display: inline-block;
		padding-left: 90px;
	}
}
.goldQcz{
	display: block;
	width:140px;
	height:40px;
	background:rgba(255,255,255,0.19);
	border:1px solid #FFFFFF;
	box-shadow:0px 7px 7px 0px rgba(67,122,255,0.19);
	border-radius:5px;
	color: #201F65;
	font-family: "???è?ˉé?…é?‘";
	font-weight: bold;
	font-size: 14px;
	color:rgba(254,254,255,0.9);
	position: absolute;
	text-align: center;
	line-height: 40px;
	top: 40px;
	right: 280px;
	text-decoration: none;
}
.goldQcz:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.goldQcz:visited{
	color: #FFFFFF;
	text-decoration: none;
}
.goldQcz:focus{
	color: #FFFFFF;
	text-decoration: none;
}
@media only screen and (min-width: 769px) and (max-width: 1120px) {
	.goldQcz {
		top: -80px;
		right: 130px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 769px) {
	.goldQcz {
		display: block;
		width: 140px;
		height: 40px;
		background: rgba(255,255,255,0.19);
		border: 1px solid #FFFFFF;
		box-shadow: 0px 7px 7px 0px rgba(67,122,255,0.19);
		border-radius: 5px;
		color: #201F65;
		font-family: "???è?ˉé?…é?‘";
		font-weight: bold;
		font-size: 14px;
		color: rgba(254,254,255,0.9);
		position: absolute;
		text-align: center;
		line-height: 40px;
		top: -80px;
		right: 130px;
		text-decoration: none;
	}
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.goldCoin{
		width: 100%;
		height: 220px;
		background: #467bff;

	}
	.goldCoin span{
		font-size: 18px;
	}
	.goldCoin span:nth-child(1) {
		display: inline-block;
		padding-left:unset;
		text-align: center;
	}
	.goldQcz {
		display: block;
		width: 140px;
		height: 40px;
		background: rgba(255,255,255,0.19);
		border: 1px solid #FFFFFF;
		box-shadow: 0px 7px 7px 0px rgba(67,122,255,0.19);
		border-radius: 5px;
		color: #201F65;
		font-family: "???è?ˉé?…é?‘";
		font-weight: bold;
		font-size: 14px;
		color: rgba(254,254,255,0.9);
		position: absolute;
		text-align: center;
		line-height: 40px;
		top: 40px;
		right: 72px;
		text-decoration: none;
	}
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.goldCoin span{
		font-size: 18px;
	}
	.goldQcz {
		top: 15px;
		right: 45px;
	}
}
.qb-table{
	margin-top: 35px;
	overflow: auto;
}
.qb-table.futop{
	margin-top: 10px;
	margin-top: 35px;
}
.overhide-bai{
	overflow: auto;
}
.qb-table .table{
	border-top: 2px solid #4E7EFF;
}
.qb-table .table thead{
	background: #e6ecff;
}
.qb-table .table>thead>tr>th {
	padding: 8px;
	font-size: 14px;
	color: #3B426B;
	vertical-align: top;
	font-weight: 400;
	border-top: 1px solid transparent;
	text-align: center;
}
.qb-table .table>tbody>tr>td{
	text-align: center;
	border-top: 0;
	font-size: 14px;
	color: #3B426B;
}

.qb-table .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.qb-table .table>tbody>tr:hover{
	background-color: #f6f7ff;
}
.putiontys .pagination{
	margin: 0;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #386ef6;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #386ef6;
	border-color: #386ef6;
}
/**/
.zf-title{

}
.zf-title a{
	display: inline-block;
	width:180px;
	height:50px;
	border: 1px solid #606068;
	border-radius:2px;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #3F3A39;
	font-weight: bold;
	font-size: 16px;

}
.zf-title a{
	margin-right: 10px;
	margin-bottom: 15px;
}
.modal-content .ssf{
	width: 100% !important;
}
.zf-title a:last-child{
	margin-right: 0;
}
.zf-title a.active {
	border: 1px solid #467BFF;
}

.zf-title a span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-moz-transform: scale(0,0);
	transform: scale(0,0);
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
.zf-title a.active span{
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 29px;
	height: 29px;
	background: url(../images/img_selection_1.png) no-repeat;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform: scale(1,1);
}
.go_buy{
	width:180px;
	height:50px;
	background:rgba(230,237,255,1);
	border:1px solid rgba(70,123,255,1);
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
	border-radius:2px;
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(70,123,255,1);
	margin: 0 auto;
}
.buy-title-text {
	font-size: 16px;
	color: #3B426B;
	font-weight: bold;
	display: block;
	width: 100%;
	margin:0 0 10px 0;
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.zf-title a{
		margin-bottom: 10px;
		margin-left: 0 !important;
		width: 100%;
	}
	.go_buy{
		width: 100%;
		font-size: 18px;
	}
}
/*?￠????é￠?è‰2èμ??€?*/
.text-muted{
	color: #4374FA !important;
}
.form-magin{
	border: 0;
	position: relative;
	width: 384px;
	margin: 10px auto;
	display: block;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background: #4374FA;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background: -webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: -moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: -o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 2px solid #3566eb;
}.form-magin:hover{
	 color: #FFFFFF;
	 text-decoration: none;
 }
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.form-magin{
		width: 100%;
	}
}
.zf-title label {
	display: inline-block;
	width: 100%;
	height: 50px;
	border: 1px solid #606068;
	border-radius: 2px;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #3F3A39;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.zf-title label.active{
	border: 1px solid #467BFF;
}
.zf-title label span{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-moz-transform: scale(0,0);
	transform: scale(0,0);
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
.zf-title label.active span{
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 29px;
	height: 29px;
	background: url(../images/img_selection_1.png) no-repeat;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform: scale(1,1);
}
.zf-title label.contison{
	width: 180px;
}
@media only screen and (min-width: 100px) and (max-width: 786px) {
	.zf-title label.contison{
		width:100%;
	}
}

.pin-lian{
	width: 100%;
	margin: 10px auto;
	display: block;
	height: 58px;
	line-height: 58px;
	overflow:hidden;
}
.pin-lian a{
	display: block;
	width: 50%;
	font-size: 16px;
	box-sizing: border-box;
	float: left;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background: #4374FA;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(99,139,255,1)), to(rgba(67,116,250,1)));
	background: -webkit-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: -moz-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: -o-linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	background: linear-gradient(rgba(99,139,255,1), rgba(67,116,250,1));
	color: #fff;
	text-decoration: none;
}
.pin-lian a:first-child{
	border-right: 1px solid #fff;
}
.table-striped>thead>tr>th {
	padding: 8px;
	font-size: 14px;
	color: #3B426B;
	vertical-align: top;
	font-weight: 400;
	border-top: 1px solid transparent;
	text-align: center;
}

@keyframes myfirst { 0% { left: -1200px; }
	100% { left: 0px; } }
@keyframes myfirsts { 0% { left: 0px; }
	100% { left: -2000px; } }
/*春节活动*/
.lizi_bottom {
	animation: myfirst 1s;
	position: fixed;
	bottom: 0;
	z-index: 99;
	width: 100%;
	height: 140px;
}
.lizi_bottom .sd_bg {
	position: absolute;
	width: 100%;
	height: 140px;
	background: url(../images/avtine.png) no-repeat center;
	background-size: cover;
	left: 0;
	bottom: 0;
}
.lizi_bottom .sd_bg05 {
	position: absolute;
	width: 100%;
	height: 140px;
	background: url(../images/anbtic.png) no-repeat center;
	background-size: 100% 100%;
	left: 0;
	bottom: 0;
}
@media only screen and (min-width: 2000px) {
	.lizi_bottom .sd_bg,.lizi_bottom .sd_bg05 {
		height: 175px;
	}
}
.lizi_bottom  .zx {
	width: 1200px;
	margin: 0 auto;
	z-index: 99999;
	position: relative;
}
.lizi_bottom  .zx .zixun {
	position: absolute;
	right:100px;
	top: 66px;
	z-index: 999;
	display: block;
	width: 141px;
	height: 52px;
	line-height: 35px;
}
.lizi_bottom  .erweima{
	display: block;
	width: 94px;
	height: 92px;
	position: absolute;
	right: -30px;
	top: 40px;
	cursor: pointer;
}
.lizi_bottom .erweima img{
	display: block;
	width: 94px;
	height: 92px;
}
.lizi_bottom  .zx .zixun img {
	width: 100%;
}
.lizi_bottom .zx span {
	position: absolute;
	right: -160px;
	top: 37px;
	cursor: pointer;
}
.bottom_down_hide{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
	cursor: pointer;
}
/*春节 五折购买*/
.tao-banner.newYear{
	width: 100%;
	height: 460px;
	background: url(../images/wuzhechu.png) no-repeat;
	background-size: cover;
}
@media only screen and (min-width: 1200px) {
	.tao-purchase.newYear  .container{
		width: 1200px;
	}
}



.tao-purchase.newYear .tao-purchase-list p.new {
	display: block;
	width: 217px;
	height: 68px;
	line-height:68px;
	background: url(../images/yearxiu.png) no-repeat;
	color: #fff;
	text-decoration: none;
	margin: 0 auto;
	padding-left: 30px;
	font-size: 12px;
}
.tao-purchase.newYear .tao-purchase-list{
	height: auto;
	border: 1px solid #D3E0FF;
}
.tao-purchase.newYear  .active .tao-purchase-list {
	border: 1px solid #7E94FF;
	box-shadow:0px 5px 7px 1px rgba(67,122,255,0.28);
}

.tao-purchase.newYear .tao-purchase-list .tao-purchase-title{
	padding-top: 48px;
}
.tao-purchase.newYear .tao-purchase-list .oneNewYear{
	position: absolute;
	display: block;
	left: -16px;
	top: 9px;
	width: 128px;
	height: 46px;
	background: url(../images/oneok.png) no-repeat;
	color: #FBFF5B;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
}
/*春节 多买多送*/
.tao-banner.newYearSong{
	width: 100%;
	height: 460px;
	background: url(../images/duomai.png) no-repeat;
	background-size: cover;
}

/**/
/*开春活动*/

.active-bans { display: none; width: 100%; height: 120px; background: url(../images/indexNey.png) no-repeat center; background-size: cover; cursor: pointer; }

.closed { position: absolute; right: 10%; top: 26px; z-index: 10; cursor: pointer; display: none; }

@keyframes myfirst { 0% { left: -1200px; }
	100% { left: 0px; } }
@keyframes myfirsts { 0% { left: 0px; }
	100% { left: -2000px; } }

.newyear-posiati{
	width: 100%;
	height: 520px;
	background: url(../images/newyear.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0px;
	z-index: -1;
}
.header.newYearOne{
	background: transparent;
	position: relative;
	height: 520px;
}
.header.newYearOne .navbar-default {
	background: transparent;
	border-color: #e7e7e7;

}
.header.newYearOne  .logopic {
	margin-top: 8px;
}

.header.newYearOne .navtext li>a {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 0px;
}
.header.newYearOne  .navtext li.active>a {
	color: #FFFFFF;
	display: block;
	position: relative;
	font-weight: bold;
}
.header.newYearOne .navtext li>a:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "";
	width: 0;
	height: 1px;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #FFFFFF;
}
.header.newYearOne  .navtext li.active a:after {
	width: 50px;
}
.header.newYearOne .navtext li>a:hover:after {
	width: 50px;
}
.header.newYearOne  .out-right .dlbtn {
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 18px;
	border: 1px solid #FFFFFF;
	color: #353535;
	font-size: 12px;
	background-color: #fff;
	text-decoration: none;
}
.header.newYearOne  .out-right .zcbtn {
	color: #FFFFFF;
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 18px;
	border: 1px solid #FFFFFF;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	background: rgba(255,255,255,0);
}
.header.newYearOne .navbar-toggle {
	padding: 8px 10px;
	margin-top: 15px;
	border-color: #FFFFFF;
}
.header.newYearOne  .icon-bar {
	background-color: #FFFFFF !important;
}

.header.newYearOne .navbar-toggle:focus {
	background-color: transparent;
}

.header.newYearOne .navbar-toggle:hover {
	background-color: transparent;
}
.tao-purchase.newYearTwo{
	padding-bottom:0;
}
.tao-purchase.newYearTwo .newYear-abost{
	position: relative;
	top: -60px;
}
@media only screen and (max-width: 880px) and (min-width: 100px){
	.header.newYearOne .navtext {
		margin-top: 10px;
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 10px;
		background: rgba(200,10,12,0.5);
	}
}
.lxb-container,.lxb-close-btn{
left:0px !important
}