a{
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.Head{background-color: #000; height: 70px;margin-bottom: 30px; }
.Headmt0{margin-bottom: 0; }
.Head .HeadInner{width: 1080px; margin: 0 auto;}
.Head .logo{float: left; margin-top: 10px; margin-right: 18px;}
.Head .logo img{width: 102px;margin-top: 10px;}

.Head span{float: left; color: #fff; margin-top: 25px; }

.Head .ransack{
	float: right; 
	width: 364px; 
	background-color: #f9f9f9;
	border-radius: 2px;
	height: 40px;
	margin-top: 15px;
	box-sizing: border-box;
	position: relative;
	margin-left: 75px;
	position: relative;
}
.searchkuang{
	position: absolute;
	top: 40px;
	left: 0;
	width: 542px;
	padding: 10px 0;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
    max-height: 400px;
    overflow: auto;
    z-index: 999;
}
.searchkuang li{
	font-size: 16px;
	color: #333;
	padding: 10px;
	cursor: pointer;
}
.searchkuang li:hover{
	background-color: #eee;
}
.Head .ransack input{
	border: none; 
	height: 40px; 
	line-height: 40px; 
	font-size: 14px; 
	width: 300px;
	float: left;
	padding-left: 12px;
	background-color: #f9f9f9;
}
.Head .ransack .icon-search1{
	font-size: 18px; 
	color: #333; 
	float: right; 
	margin-right: 6px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 5px;
	top: 0;
}

.container{box-sizing: border-box; width: 1080px; margin: 0 auto 30px;}
.container .Naviga{float: left; width: 260px; ; font-size: 14px;height: 100%;overflow: auto; }
.container .Naviga dd{line-height: 42px; background-color: #fff; cursor: pointer;}
.container .Naviga dd:first-child{padding-top: 15px;}
.container .Naviga dd:last-child{padding-bottom: 15px;}
/* .container .Naviga dd.active,
.container .Naviga dd:hover{background-color: #fff;} */
/* .container .Naviga dd.actives b{color:#fff;background-color: #f90;} */
/* .container .Naviga dd.actives b:after{color:#f90;} */
.container .Naviga dd.actives b {
    /* padding-left: 22px; */
}
.container .Naviga dd.actives b:before {
    /* content: "";
    width: 3px;
    height: 16px;
    background: #f90;
    display: inline-block;
    position: relative;
    left: -22px;
    top: 3px; */
}
.container .Naviga b{display: block;padding: 0 25px;position: relative;color:#000;font-size: 16px;}
.container .Naviga b:hover{background-color: #fff;color:#000;}
.container .Naviga .qianls b{color:#f90;}
.container .Naviga b:after{/* content: "\e989"; */font-family: 'icomoon';font-size: 20px;position: absolute;top:0;right: 18px;color: #666}
.container .Naviga b.bact:after{content: "\e990";}
.container .Naviga .active b:after,.container .Naviga .actives b:after{content: "\e977";}
.container .Naviga  b.bactej:after{font-size: 16px;right: 20px;}
.container .Naviga  b.bactej:after{content: "\e977";}
.container .Naviga  b.bactejact:after{content: "\e990";}
.container .Naviga b:hover,.container .Naviga b:hover:after{color: #f90}
.container .Naviga ul{ display: block;}
.container .Naviga li{}
.container .Naviga li{display: block;padding-left: 60px;height: 42px;line-height: 42px;position: relative;}
.container .Naviga li:after{
	/* content: "\e989"; */
    font-family: 'icomoon';
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 18px;
    color: #999;}
/* .container .Naviga li.active{border-left: 3px solid; color: #f90; padding-left: 37px;background-color: #fff;} */
.container .Naviga li.active a:before{
	/* content: "";
	    width: 3px;
	    height: 16px;
	    background: #f90;
	    display: inline-block;
	    position: relative;
	    left: -37px;
	    top: 3px; */
}
.container .Naviga li:hover,.container .Naviga li.active{background-color: #eee;}
.container .Naviga li a{color: #5b5b5b;margin-right: 30px;display: inline-block;}

.container .Naviga li .movie
{
    padding-left: 5px;
    position: absolute;
    top: 10px;
    right: 20px;
    }
.container .Naviga li.active a,.container .Naviga li:hover a{color: #333;}
.container .Naviga li.active:after,.container .Naviga li:hover:after{color: #eee;}
.container .Naviga li:hover a{color: #333;}
.container .Naviga li.active:hover a{color: #333;}

.container .Naviga dd .erji{background-color: #FCFCFC;}
.container .Naviga .title{    background-color: #fff;
    text-align: left;
    padding-left: 20px;
    font-size: 28px;
    height: 70px;
    line-height: 83px;}
 .container .Naviga dd.actives .erji{display: none;} 
.container .Naviga dd .erji01{padding: 9px 25px;position: relative;line-height: 18px;color: #282b2d;padding-right: 30px;background-color: #fcfcfc;}
.container .Naviga dd .erji01:hover{background-color: #fff;}
.container .Naviga dd .erji01:after{content: "\e977";font-family: 'icomoon';font-size: 20px;color:#666;position: absolute;top:9px;right: 5px;transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); }
.container .Naviga dd.active .erji{display: none;}
,.container .Naviga dd.active .bact{display: block;}
.container .Naviga dd.active .bactej{display: none;}
.container .Naviga dd.active .bactejact~.erji{display: none;}
.container .Naviga dd .bactej~.erji{display: none;}
.container .Naviga dd .bactejact~.erji{display: block;}
.container .Naviga dd .erji.act .erji01:after{content: "\e990";transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);}

.container .Naviga b.bactej{
	padding-left: 40px;
}
.container .Naviga dd .erji li{
    line-height: 20px;
    height: auto;
    padding: 8px 10px 8px 40px;
}
.container .Naviga dd .bactejact~.erji li{
    padding-left: 60px;
}
.container .Naviga dd.actives .erji li{
    padding-left: 40px;
}
.Context,.Contextlist,.channelhelperji{
	float: left;
    width: 790px;
    padding: 20px 25px;
    margin-left: 30px;
    height: 100%;
    background: #fff;
    overflow: auto;
}
.Context{
    padding: 30px 35px 35px 35px;
}
.Context h1{
	font-size: 26px;
	margin-bottom: 10px;
}
.Context .lujing,.Contextlist .lujing{
	font-size: 14px;
	color: #666;
	float: left;
}
.Context .yuedushu,.Contextlist .yuedushu{
	font-size: 14px;
	color: #999;
	margin-left: 10px;
	float: left;
}
.Context .lujing a:hover{
	color: #f90;
}
.Context1{
	line-height: 2em;
	margin-top: 20px;
}
.Contextlist ul{
	margin-top: 20px;
}
.Contextlist ul li{
	border-bottom: 1px solid #ebebeb;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #282B2D;
	cursor: pointer;
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.Contextlist ul li:hover{
	color: #f90;
}
.Contextlist ul li:before{
	content: "●";
	font-size: 12px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
/* .Context p{ line-height: 2em} */
.Context p strong{ font-weight: bold}
.Context img{max-width: 100%; margin: 10px 0;}

.helpPor{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: none;
}

.helpPor img{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: block;
    max-width: 100%;
}
.helpPor:after
{
    position:absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    display: block;
    content:"";
    background: rgba(0,0,0, .5);
    background: url("/Themes/Images/close.png") no-repeat;
    cursor: pointer
}

.HeadInner .about{
	float: right;
	height: 70px;
	line-height: 70px;
	color: #ccc;
	font-size: 14px;
}
.HeadInner .about a{
	margin-left: 20px;
	font-size: 12px;
}
.HeadInner .about a:hover{
	color: #f90;
}
.HeadInner .about .a1:before{
	background: url("/Themes/Images/Login/icon.png") left center no-repeat;
	background-position: 0 0;
	width: 9px;
	height: 12px;
	content: "";
	display: inline-block;
	margin-right: 5px;
}
.HeadInner .about .a1:hover:before{
	background-position: 0 -17px;
}
.HeadInner .about .a2{
	position: relative;
}
.HeadInner .about .a2 em{
	position: absolute;
    top: 25px;
    left: -15px;
    overflow: hidden;
    height: 0;
    display: block;
    transition: top 0.3s linear;
    -webkit-transition: top 0.3s linear;
    -ms-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    z-index: 247;
}
.HeadInner .about .a2:hover em{
	top:15px;
	height:152px;
	padding-top:10px;
}
.HeadInner .about .a2 em img{
	opacity: 0;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
}
.HeadInner .about .a2:hover em img{
	opacity: 1;
}
.HeadInner .about .a2:before{
	background: url("/Themes/Images/Login/icon.png") left center no-repeat;
	background-position: -19px 0;
	width: 11px;
	height: 11px;
	content: "";
	display: inline-block;
	margin-right: 5px;
    position: relative;
    top: 1px;
}
.HeadInner .about .a2:hover:before{
	background-position: -19px -17px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px white inset;
 	-webkit-text-fill-color: #333;
}

.fankui{
	padding: 50px 0 50px 50px;
	background-color: #FBFBFB;
	margin-top: 50px;
}
.fankui p{
	color: #666;
	font-size: 14px;
}
.fankui div{
	padding-top: 20px;
}
.fankui .btn{
	height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #DADBDB;
    background: #f6f6f6;
    background: linear-gradient(rgb(253, 253, 253), rgb(240, 240, 240));
    width: 70px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    color: #000;
    margin-right: 10px;
}
.fankui .btn:hover{
    border: 1px solid #f90;
    color: #f90;
}
.fankui .thank{
    color: #999;
    font-size: 14px;
}
.fankui textarea{
    width: 500px;
    font-size: 14px;
    color: #666;
    padding: 6px;
}

.fankui small{
    float: left;
    width: 80px;
    text-align: right;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}
.fankui input{
    float: left;
    width: 186px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.w1080{
	margin: 0 auto;
	width: 1080px;
}
.helpertab{
	background-color: #f2f2f2;
	height: 45px;
	line-height: 45px;
}
.helpertab li{
	float: left;
	margin-right: 40px;
	height: 45px;
	line-height: 45px;
}
.helpertab li:last-child{
	margin-right: 0;
}
.helpertab li a{
	color: #333;
	font-size: 14px;
}
.helpertab li a:hover{
	color: #f90;
}
.helpertab li.act a{
	color: #f90;
	border-bottom: 2px solid #f90;
	padding-bottom: 12px;
}
.helperlist{
	text-align: center;
	margin-top: 50px;
}
.helperlist .title{
	font-size: 26px;
	color: #333;
}
.helperlist .more{
	float: right;
	font-size: 14px;
	color: #333;
	position: relative;
	top: 12px;
}
.helperlist .more:hover{
	color: #f90;
}
.helperlist ul{
	margin-top: 50px;
	margin-bottom: 50px;
}
.helperlist .gndh {
	padding-bottom: 20px;
}
.helperlist .gndh li{
	float: left;
    width: 81px;
    margin-right: 155px;
}
.helperlist .gndh li:first-child{
    padding-left: 30px;
}
.helperlist .gndh li:last-child{
    margin-right: 0;
    width: 81px;
}
.helperlist  .gndh li a{
	color: #333;
}
.helperlist  .gndh li p{
	font-size: 18px;
	margin-top: 15px;
}
.helperlist .gndh li a:hover{
	color: #f90;
}
.helperlist .gndh li a:hover img{
	opacity: 0.9;
}
.helperlist .rmtj li{
	width: 183px;
	border: 1px solid #eee;
	height: 40px;
	float: left;
	margin-right: 20px;
	padding: 38px 35px;
	margin-bottom: 20px;
}
.helperlist .rmtj a{
	color: #333;
}
.helperlist .rmtj a:hover li{
	border: 1px solid #f90;
}
.helperlist .rmtj a:nth-child(1) li p,.helperlist .rmtj a:nth-child(2) li p,.helperlist .rmtj a:nth-child(3) li p,.helperlist .rmtj a:nth-child(4) li p,.helperlist .rmtj a:nth-child(5) li p,.helperlist .rmtj a:nth-child(7) li p{
	margin-top: 13px;
}
.helperlist .rmtj a:nth-child(5) li img{
	position: relative;
	top: -3px;
}
.helperlist .rmtj a:nth-child(7) li img{
	position: relative;
	top: 5px;
}
.helperlist .rmtj a:nth-child(4n) li{
	margin-right: 0;
}
.helperlist .rmtj li .d1{
	float: left;
	width: 55px;
	height: 49px;
}
.helperlist .rmtj li p{
	float: left;
	font-size: 16px;
	margin-left: 10px;
	width: 118px;
	text-align: left;
}
.helperlist .rmtj a:hover{
	color: #f90;
}
.helpernew{
	border: 1px solid #e3e3e3;
	padding: 30px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 90px;
	width: 1020px;
}
.helpernew .d1{
	font-size: 22px;
	color: #000;
	margin-bottom: 10px;
	position: relative;
}
.helpernew .d1 .i1{
	width: 38px;
	height: 38px;
	background-color: #f90;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 38px;
	display: inline-block;
	margin-right: 20px;
	z-index: 999;
}
.helpernew .d1 .i2{
	width: 1px;
    height: 52px;
    position: absolute;
    left: 19px;
    top: -32px;
    background-color: #f90;
    z-index: -999;
}
.helpernew .helpernewlist:first-child .d1 .i2{
	top: 0;
}
.helpernew .d1 .s1{
	margin-left: 10px;
}
.helpernew .d1 .s2{
	margin-left: 10px;
	margin-right: 5px;
	color: #666;
	font-size: 18px;
}
.helpernew .d1 .s3{
	margin-left: 5px;
	font-size: 18px;
	color: #666;
}
.helpernew .d2{
	padding-bottom: 10px;
}
.helpernew .d2 li{
	padding: 15px 0;
	border-top: 1px solid #e3e3e3;
	position: relative;
	margin-left: 64px;
}
.helpernew .d2 li:last-child{
	border-bottom: 1px solid #e3e3e3;
}
.helpernew .d2 .d21{
	float: left;
	line-height: 34px;
}
.helpernew .d2 .shipin{
	float: left;
	line-height: 34px;
	margin-top: 8px;
	margin-left: 10px;
}
.helpernew .d2 .d22{
	float: right;
}
.helpernew .d2 .d22 a{
	width: 90px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #f90;
	text-align: center;
	font-size: 14px;
	color: #f90;
	border-radius: 5px;
	display: inline-block;
}
.helpernew .d2 .d22 a:hover{
	background-color: #f90;
	color: #fff;
}
.helpernew .d2 .i1{
    width: 26px;
    height: 26px;
    border: 1px solid #f90;
    border-radius: 50%;
    color: #f90;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    margin-right: 20px;
    position: absolute;
    top: 17px;
    left: -58px;
    background-color: #fff;
    z-index: 999;
}
.helpernew .d2 .i2{
    width: 1px;
    height: 52px;
    position: absolute;
    left: -45px;
    top: -23px;
    background-color: #f90;
}

.gototop{
    position: fixed;
    top: 80%;
    right: 18%;
    z-index: 99999999;
    cursor: pointer;
    width: 44px;
    height: 44px;
    background: url("../../Themes/Images/helperimage/top.png") no-repeat;
    background-position: 0 0;
    display: none;
}
.gototop:hover{
    background-position: 0 -44px;
}

.w32{
	color: #ddd;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 auto;
}

.HeadInner .dldl{
	float: right;
	color: #fff;
}
.HeadInner .dldl a{
	width: 70px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #f90;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	margin-top: 20px;
}
.HeadInner .dldl a:hover{
	background-color: #ffab2D;
    color: #fff;
}
.HeadInner .dldlh{
	float: right;
	margin-top: 22px;
}
.HeadInner .dldlh .d1{
	float: left;
	margin-right: 10px;
}
.HeadInner .dldlh .d1 img{
	border-radius: 50%;
	width: 26px;
	height: 26px;
}
.HeadInner .dldlh .d2{
	float: left;
	font-size: 14px;
	color: #fcfcfc;
	margin-right: 10px;
	line-height: 26px;
}
.HeadInner .dldlh .d3{
	float: left;
}
.HeadInner .dldlh .d3 input{
	border: 1px solid #fcfcfc;
	color: #fcfcfc;
	width: 44px;
	height: 22px;
	line-height: 22px;
	background: none;
	font-size: 14px;
	text-align: center;
	margin-top: 1px;
	border-radius: 5px;    
	box-sizing: inherit;
}
.HeadInner .dldlh .d3 input:hover{
	background-color: #f90;
	border-color: #f90;
	color: #fff;
}
.channelhelperji .title{
	font-size: 28px;
	margin-bottom: 20px;
}
.channelhelperji .title a{
	color: #f90;
	font-size: 14px;
	margin-left: 10px;
}
.channelhelperji .abstract{
	color: #333;
	font-size: 14px;
}
.channelhelperji .Recommend{
	margin-top: 20px;
}
.channelhelperji .Recommend .list{
	width: 355px;
	float: left;
	margin-right: 30px;
	border: 1px solid #eaeaea;
	height: 230px;
	margin-bottom: 20px;
}
.channelhelperji .Recommend .list:nth-child(2n){
	margin-right: 0;
}
.channelhelperji .Recommend .list{
	padding:18px;
}
.channelhelperji .Recommend .list .d1{
}
.channelhelperji .Recommend .list .d11{
	float: left;
	font-size: 16px;
}
.channelhelperji .Recommend .list .d12{
	float: right;
}
.channelhelperji .Recommend .list .d12 a{
	color: #f90;
	font-size: 12px;
}
.channelhelperji .Recommend .list .d2 .li{
	/* float: left; */
	width: 100%;
	/* margin-right: 8%; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
/* .channelhelperji .Recommend .list .d2 .li:nth-child(2n){
	float: right;
	margin-right: 0;
} */
.channelhelperji .Recommend .list .d2 .li a{
	color: #666;
	font-size: 14px;
}
.channelhelperji .Recommend .list .d2 .li a:hover{
	color: #f90;
}
.channelhelperji .Hotoperation .title{
	font-size: 28px;
	margin-bottom: 20px;
}
.channelhelperji .Hotoperation{
	margin-top: 10px;	
}
.channelhelperji .Hotoperation li{
	margin-bottom: 15px;
	float: left;
	width: 49%;
	margin-right: 2%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.channelhelperji .Hotoperation li:nth-child(2n){
	margin-right: 0;
}
.channelhelperji .Hotoperation li a{
	color: #666;
	font-size: 14px;
}
.channelhelperji .Hotoperation li a:before{
	content: "";
	width: 6px;
	height: 6px;
	background-color: #999;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: -2px;
}
.channelhelperji .Hotoperation li a:hover{
	color: #f90;
}
.channelhelperji .Hotoperation li a:hover:before{
	background-color: #f90;
}

.channelhelp .list{
	margin-bottom: 50px;
}
.channelhelp .list .title{
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;	
}
.channelhelp .list .title img{
	margin-right: 5px;	
	position: relative;
	top: -2px;
	margin-right: 10px;
}
.channelhelp .list .more{
	float: right;
	color: #f90;
	font-size:12px;
	position: relative;
	top:10px;
}
.channelhelp .list .more:after{
	 border-bottom: 1px solid #f90;
    border-left: 1px solid #f90;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 7px;
    height: 7px;
    display: inline-block;
    content: "";
    position: relative;
    top: -1px;
}
.channelhelp .list ul{
	border: 1px solid #eaeaea;
	padding: 0 20px 20px 20px;
}
.channelhelp .list li{
	float: left;
	width: 25%;
	margin-top: 20px;
}
.channelhelp .list li a{
	color: #333;
	font-size: 16px;
}
.channelhelp .list li a:hover{
	color: #f90;
}

.helpersearch ul li{
	margin-bottom: 40px;
}
.helpersearch ul li .d1{
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
}
.helpersearch ul li .d1 a:hover{
	color: #f90;
}
.helpersearch ul li .d1 i,.helpersearch ul li .d2 i{
	color: #f90;
}
.helpersearch ul li .d2{
	font-size: 14px;
	color: #666;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
}
.helpersearch ul li .d3{
	font-size: 12px;
	color: #999;
}
.helpersearch ul li .d3 a,.helpersearch ul li .d3 i{
	margin: 0 5px;
}
.helpersearch ul li .d3 i{
	color: #f90;
}

.trainingvideo .list{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    margin-top: 30px;
}
.trainingvideo .list .title{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.trainingvideo .list li{
    width: 340px;
    float: left;
    margin: 0 30px 30px 0;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: relative;
    cursor: pointer;
}
.channelhelp .trainingvideo .list li{
    width: 326px;
    margin: 20px 30px 0 0;
}
/* .channelhelp .trainingvideo .list li{
    width: 326px;
} */
.trainingvideo .list li:nth-child(3n){
    margin-right: 0;
}
.trainingvideo .list li .bg{
    text-align: center;
    background:  url(/Themes/Images/helperimage/pxspbg.png) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 143px;   
    width: 342px;
}
.channelhelp .trainingvideo .list li .bg{  
    width: 328px;
    margin-left: -1px;
}
.trainingvideo .list li .bg img{
    width: 117px;
    margin-top: 30px;
}
.trainingvideo .list li .bg p{
    font-size: 28px;
    color: #fff;
    margin-top: 10px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}
.trainingvideo .list li .xx{
    background-color: #fff;
    height: 83px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}
.trainingvideo .list li .xx{
    padding: 15px;
}
.trainingvideo .list li .xx span{
    float: left;
    font-size: 20px;
    color: #333;
}
.trainingvideo .list li .xx em{
    float: right;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}
.trainingvideo .list li .xx .zy{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.trainingvideo .list li .jingguo{
    background: rgba(51,51,51,0.35);
    height: 143px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.trainingvideo .list li:hover .jingguo{
    display: block;
}
.trainingvideo .list li .jingguo img{
    margin-top: 40px;
}
.videotk{
	background: rgba(0,0,0,.35);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
}
.videotk video{
	width: 800px;
	height: 800px;
	position: relative;
	left: calc((100% - 800px) / 2);
	float:left;
}
.videotk .close{
	position: relative;
	left: calc((100% - 760px) / 2);
	top: 100px;
	float:left;
	cursor: pointer;
}
.frmtop li{
	margin-left: 0 !important;
}

.channelhelpnew .index{
	margin-top: 20px;
}
.channelhelpnew .index .title{
	font-size: 26px;
	color: #333;
	text-align: center;
}
.channelhelpnew .index .gndh ul{
	margin: 60px 0;
}
.channelhelpnew .index .gndh li{
	width: 20%;
	float: left;
	text-align: center;
}
.channelhelpnew .index .gndh li p{
	font-size: 18px;
	color: #333;
	margin-top: 30px;
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.channelhelpnew .index .gndh li a:hover p{
	color: #f90;
}
.channelhelpnew .index .gndh li .pt{
	width: 71px;
	height: 58px;
	text-align: center;
	margin: 0 auto;
}
.channelhelpnew .index .rmcz{
	margin: 80px 0 60px;
}
.channelhelpnew .index .rmcz ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 60px 0;
}
.channelhelpnew .index .rmcz a{
	width: 25%;
	border: 1px solid #eee;
	height: 118px;
	line-height: 118px;
	float: left;
	margin-right: 20px;
}
.channelhelpnew .index .rmcz li .pt{
	width: 50px;
	height: 49px;
	text-align: center;
	float: left;
	margin:33px 0 0 50px;
}
.channelhelpnew .index .rmcz a:hover{
	border: 1px solid #f90;
}
.channelhelpnew .index .rmcz li p{
	font-size: 16px;
	color: #333;
	margin-left: 10px;
	float: left;
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.channelhelpnew .index .rmcz a:hover p{
	color: #f90;
}

.frmtop
{
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
    height: 53px;
    padding-right: 14px;
}
.frmtop li
{
    float: left;
    width: auto;
    min-width: 70px;
    height: 34px;
    line-height: 34px;
    padding:0 16px;
    text-align: center;
    margin-top: 18px;
    border: 1px solid #dfdfdf;
    margin-right: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    margin-left: 0;
    background-color: #f9f9f9;
}
.frmtop li.act
{
    font-weight: bolder;
    color: #f90;
    background: #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
}
.frmtop .fhjb
{
    float: right;
}
.frmtop .fhjb a
{
    font-size: 14px;
    color: #f90;
    line-height: 54px;
}
.frmtop .fhjb a:hover
{
    color: #ffab2D;
}
.frmtop .fhjb a img
{
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.frmtop li a
{
    border: none;
    padding: 0;
    margin-top: 0;
    font-size: 14px;
    height: auto;
    line-height: 28px;
    color: #000;
}
.frmtop li.act a
{
    color: #f90;
}
.helpernewnew .helpernewlist{
	margin-bottom: 40px;
}
.helpernewnew .d1{
	margin-bottom: 20px;
}
.helpernewnew .d2 li{
	margin-left:0;
}
.helpernewnew .d2 .d21{
	font-size: 14px;
}
.helpernewnew .d2 .d21 .s1{
	position: relative;
	margin-right: 67px;
}
.helpernewnew .d2 .d21 .s1:after{
	position: absolute;
	right: -33px;	
	top: -25px;
	width: 1px;
	height: 67px;
	background-color: #f90;
	content: "";
	display: inline-block;
}
.helpernewnew .d2 .d21 .s1:before{
	position: absolute;
    right: -37px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #f90;
    content: "";
    display: inline-block;
    z-index: 999;
    background-color: #fff;
}