#tf-menu {
    padding: 15px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.on {
    background-color: rgba(40, 41, 46, 0.3) !important;
    padding: 0px !important;
}

.navbar {
	height:42px;
	line-height:42px;
    margin: 20px 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
}
.container {
    width: 1200px;
	margin:0 auto;
}
.logo a{
	color:#007DD7; 
	font-size:18px;
}
.navbar-nav{
	margin-left:93px;
}
.navbar-nav li{
	display: inline-block;
	padding: 0 1rem;
}
.navbar-nav li a{
	font-size:16px;
}
.navbar-nav li a:hover{
	color:#006dc2;
}
.buyBtn{
	width:300px;
	height:36px;

	font-size:14px; 
	text-align:center;
	line-height:36px;
}
.buyBtn .butvip{
	display:inline-block;
	height:36px;
	color:#FFF;
    float:right;
    padding: 0 3rem;
    background-color:#006CC2;
}
.myinfo{
    position: relative;
    display: inline-block;
    min-width: 80px;
}
.operation{
    position: absolute;
    border: 1px solid #ccc;
    width: 90px;
    background: #fff;
    display: none;
    top:30px;
}
.myinfo:hover .operation{
    display: block;
}
.operation p{
    font-size: 12px;
    line-height: 23px;
}
.slider {
    background: url("../images/show-bg.jpg") no-repeat center center ;
    background-size: cover;
    min-height: 500px;
    height: 600px;
    overflow: hidden;
}
.slider-wrap {
    padding: 150px 0px;
}
.profileBox1{
	text-align:center;
	margin-bottom:30px;
}
.profileBox1 p{
	line-height:52px;
}
.profileTitle {
	font-size: 46px;
	margin-top: 80px;
	letter-spacing: -.01em;
	font-weight: 100;
}
.profileCaption {
	font-size: 15px;
	margin-top: 10px;
	font-weight: 400;
}
.profileBox1 .fidesc p{
    font-size: 22px;
}
.profileUsing {
    color: #006CC2;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
	display:block;
}
.index_box_388{
	min-height:388px;
	margin:40px 0;	
}

.item_box img{
	width:600px;
}
.item_box h2 , .item_box9 h2 , .item_box10 h2 , .item_box11 h2 ,.item_box14 h2{
	display:block;
	font-size:22px;
	color:#000;
	height:44px;
	line-height:30px;
	font-weight:400;
}
.item_box_text h2{
	margin-top:26%;
	font-size: 34px;
	line-height: 40px;
	font-weight: 100;
}
.item_box h2 span{
	font-size:28px;
	font-family: "SegoeUI";
	margin-right:10px;
}
.index_box_380{	
	width:100%;
	margin:105px  auto;
}
.index_box_380 .item_box4{
	width:230px;
	height:44px;
	line-height:30px;
	text-align:center;
}
.h380{
	height:380px;
}
.index_box_380  .item_box4_img{
	width:970px;
	display:block;
}
.h388{
	height:388px;
}
.item_box5{
	width:50%;
}
.item_box4 h2{
	margin:150px 0 0;
}
.item_box5 h2{
	margin:15px 0 0;
	text-align:left;
}

.h270{
	height:270px;
}
.item_box9 img{
	width:450px;
	height:270px;
	display:block;
	float:left;
}
.item_box10 img{
	width:450px;
	height:230px;
	display:block;
}
.item_box9 h2 ,.item_box10 h2,.item_box11 h2 ,.item_box14 h2{
	margin:15px 0 0;
}
.item_box10  {
	width:300px;
}
.col3{
	width:33.333%;
}
.h240{
	height:240px;
}
.w850{
	width:850px;
}
.item_box14 h2{
	width:350px;
	text-align:center;
	margin:150px 0 0;
}
.item_box14 .profileUsing{
	text-align:center;
}
.footer{
	min-height:180px;
	background:#f7f7f7;
	padding:50px 0 10px 0;
	margin-top:50px;
}
.footer .ft_dl{
	width:240px;
}
.footer .ft_dl dt{
	color:#656565;
	font-size:16px;
	font-weight:600;
	margin-bottom:9px;
}
.footer .ft_dl dd{
	line-height:30px;
}
.footer .ft_dl dd, .ft_center span ,.ft_right b , .ft_right p{
	color:#656565;
	font-size:14px;
	line-height:30px;
}
.ft_center{
	width:320px;
}
.ft_center span{
	float:left;
	display:block;
	line-height:38px;
	margin-right:10px;
}
.ft_center img{
	display:inline-block;
	margin:0 10px;
	max-width:123px;
}
.ft_right{
	width:340px;	
}
.ft_right b{
	display:block;
	font-size:16px;
	margin-bottom:15px;
}
.index-title{
    font-size:30px;
}
.index-description{
    font-size: 18px;
}
.banner img{
    width: 100%;
    height: 450px;
}
.item_box_img{
    width:782px;
    height: 439px;
    overflow: hidden;
}
.item_box_img img{
    width: 100%;
}
.index_box_388 .ng-box{
    width: 693px;
    height: 369px;
    overflow: hidden;
}
.index_box_388 .ng-text{
    width: 446px;
}
.item_box_text{
    width:377px;
	overflow: hidden;
}
.item_box_text p{
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	padding: 24px 0 0;
}
/*下载*/
.dow-desc{
    line-height: 160%;
    padding-bottom: 1rem;
}
.dow-desc p{

    font-size: 16px;
}
.dninfo ul {margin: 0}
.in-con{
    overflow: hidden;
    padding: 10px;
}
.dl-btn-pos a{
    color:#fff;
    font-size: 16px;
}
.dninfo ul li{
    line-height: 20px;
    list-style-type: disc !important;
}

.dow-xz{
    width:35%;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background: #006CC2;
    margin: 3px 0;
}
.rightbox_mid ul li {
    border-bottom: 1px dashed #CCCCCC;
    height: 30px;
    line-height: 30px;
    width: 440px;
    margin: 0 auto;
}
.time {
    float: right;
    width: 30px;
    color: #277c0a;
    padding-right: 5px;
}
.rightbox_mid ul li img {
    margin: -2px 5px 0 0;
}

.commonTi2 h2 {
    margin: 0;
    padding-top: 4px;
    color: #505050;
    font-size: 14px;
}
.bor{
    border:1px solid #eee;
    padding: 10px;
    overflow: hidden;
    width: 96%;
}
/*支付*/
.pay-h1{
    font-size: 24px;
    font-weight: normal;
}
.pay-pri{
    padding-left: 1.8em;
}
.pay-main{
    width: 575px;
}

.pay-pic img{
    max-width: 100%;
}
.pay-k{
    width: 575px;
}
.price-list li a span{
    display: inline-block;
    width: 90px;
    line-height: 23px;
}
.pay-pic{
    width: 553px;
    height:350px;
    overflow: hidden;
}

.pay-price{
    padding: 2rem 0;
    border-bottom: 1px solid #ccc;
}
.form-info input{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    opacity: 0;
}

.form-info ul li{
    display:inline-block;
    border: 1px solid #ccc;
    width: 120px;
    text-align: center;
    line-height: 35px;
    margin-right: 3.9%;
    cursor: pointer;
    position: relative;
}
.form-info ul li.ng{
    margin-right: 0;
}
.viplist{
    padding: 0.5rem 0;
}
.form-info ul li a{
    display: block;
    border: 2px solid #fff;
    color: #000;
}
.form-info{
    margin-top: 0.5rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}
.item-list li.sel{
    border-color: #00a0e9;
    border-width: 1px;
}
.item-list li.sel a{
    border: 2px solid #00a0e9;
}

.viplist ul li{
    list-style-type:disc;
    line-height: 20px;
}
.in-sub{
    border: 1px solid #eee;
    background: #ec5411;
    color:#fff;
    font-size: 16px;
    padding: 0.5rem 2rem;
    border-radius: 3px;
    margin-top: 2rem;
    float: right;
    cursor: pointer;
    margin-bottom: 1rem;
}
.nginfo ul li{
    line-height: 25px;
}
.pay-from{
    width: 50%;
    margin: auto;
}
.pay-from li{
    padding: 0.1rem 0;
    text-indent: 2em;
}
.pay-from .sub{
    color:#fff;
    background: #006CC2;
    width: 160px;
    line-height: 35px;
    border-radius:3px;
    font-size: 16px;
    cursor: pointer;
}
.pay-from .account{
    border: 1px solid #ddd;
    padding: 8px 0;
    width:260px;
    margin: 1rem 1rem 1rem 0;
}
.reg-form span{
    width: 120px;
    display: inline-block;
    text-align: right;
}
.reg-form .inputtext{
    border: 1px solid #ddd;
    padding: 8px 10px;
    width: 350px;
    margin: 1rem 0;
}
.yzmcode{
    width: 100px;
    border: 1px solid #ddd;
    padding: 8px 0;
}
.reg-table{
    border: 1px solid #ddd;
    padding: 2rem 0;
}
.reg-form .sub{
    text-align: center;
}
.reg-form li{
    border-bottom:  1px #ddd dashed;
}
.pay-from .title{
    width: 110px;
    text-align: right;
    display: inline-block;
}
.dow-item  li{
    border-bottom: 1px solid #ddd;
    padding: 2rem 0;
}
.dow-item-pic{
    max-width: 480px;
    max-height:200px;
    overflow: hidden;
}
.dow-item-info{
    line-height: 28px;
    padding: 0 2rem;
    max-width: 500px;
    max-height: 200px;
    overflow: hidden;
}
.dow-but{
    text-align: right;
    float:right;
    padding-top: 180px;
}
.payewm{
    margin: 0px 100px;
    border: 3px solid #006CC2;
}
/*members*/
.mod-ucenter-cleft {
    width: 248px;
    margin-left: 1px;
    float:left;
    border:1px solid #ccc;
}
.mod-ucenter-cleft dl {
    background: #fbfbfb;
}
.mod-account {
    padding: 20px 0 0 20px;
}
.clearfix {
    zoom: 1;
}
.mod-account-avatar {
    background-position: 0 0;
    width: 80px;
    height: 80px;
    padding: 4px 8px 11px 9px;
    float: left;
}
.mod-account-avatar .account-avatar-panel {
    display: block;
    position: relative;
}
.mod-ucenter-dl {
    border-top-width: 0;
}
.mod-account-info {
    position: relative;
    float: right;
    width: 125px;
    padding-top: 25px;
    height: 70px;
    overflow: hidden;
}
.mod-personal-name {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    font-family: \5fae\8f6f\96c5\9ed1,\9ed1\4f53;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 24px;
    width: 120px;
    transition: .3s;
    z-index: 10;
}
.mod-personal-edit {
    position: absolute;
    margin-top: 10px;
    z-index: 20;
    background: #fcfcfc;
    top: 50px;
    height: 40px;
    width: 100%;
}
.mod-ucenter-dl dt {
    color: #333;
    background: #f3f3f3;
    height: 38px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-left: 20px;
    font-weight: 700;
    line-height: 38px;
    font-size: 14px;
}
.mod-ucenter-cleft li {
    float: left;
    width: 248px;
}
.mod-ucenter-cleft li.changepwd a {
    background-position: 16px 12px;
}
.mod-ucenter-cleft li a {
    position: relative;
    line-height: 50px;
    float: left;
    width: 204px;
    padding-left: 44px;
    border-bottom: 1px dotted #dcdcdc;
    color: #666;
    font-size: 12px;
    background-image: url(../images/ucenternav_bg.png);
    background-image: -webkit-image-set(url(../images/ucenternav_bg.png) 1x,url(../images/ucenternav_bg@2x.png) 2x);
    background-image: -moz-image-set(url(../images/ucenternav_bg.png) 1x,url(../images/ucenternav_bg@2x.png) 2x);
    background-image: -o-image-set(url(../images/ucenternav_bg.png) 1x,url(../images/ucenternav_bg@2x.png) 2x);
    background-image: -ms-image-set(url(../images/ucenternav_bg.png) 1x,url(../images/ucenternav_bg@2x.png) 2x);
    background-repeat: no-repeat;
}
.mod-ucenter-cleft li.phone a {
    background-position: 16px -38px;
}
.mod-ucenter-cleft li.email a {
    background-position: 16px -88px;
}
.mod-ucenter-cleft li a .ucenter-dl-em {
    position: absolute;
    top: 18px;
    right: 10px;
    color: #2e82ff;
    font-size: 12px;
    line-height: 12px;
    font-style: normal;
}
.mod-ucenter-cleft li a:hover {
    background-color: #fff;
}
.rig-con{
    width: 900px;
}
.inputxt{
    display: none;
}
.save{
    padding: 0.5rem 3rem;
    background: #006CC2;
    color: #fff;
    border-radius: 3px;
    margin-top: 1rem;
    cursor: pointer;
    margin-left: 6rem;
    margin-right: 2rem;
}
.list-item span{
    width: 110px;
    text-align: right;
    display: inline-block;
}
.list-item{
    padding: 0.2rem 0;
}
.list-item input{
    border:1px solid #ccc;
    padding: 0.5rem 0.5rem;
    width: 260px;

}
#phonecode{
    background: #006CC2;
    color: #fff;
    padding: 6px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.order{
    float: right;
    width: 900px;
    border: 1px solid #ccc;
}
.order table th{
    border-bottom:1px solid #ccc ;
    padding: 0.5rem 0.1rem;
}
.order table td{
    border-bottom:1px solid #ccc ;
    padding: 0.5rem 0.1rem;
    text-align: center;
}
.fenye{
    text-align: center;
    margin-top: 1rem;
}
.fenye li {
    border: 1px solid #ccc;
    padding: 5px 13px;
    display: inline-block;
    margin: 0 5px;
}
.reg-form li{
    position: relative;
}
.inputtips{
    position: absolute;
     display: none;
    right: -217px;
    top: 21px;
    width: 50%;
}
.inputtips p{
    font-size: 12px;
    color: #666;
    text-align: left;
}
/*memberend*/
.form-info .vip_tip{
    position: absolute;
    right: 0;
    top: 10px;
    width: 48%;
}
.vip_tip{
    color: red;
    line-height: 24px;
}
.form-info{
    position: relative;
}