/************
 Common Style
 ************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff; font:12px/19px 'Microsoft YaHei'; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal }
img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:900px; margin:0 auto; text-align:left; overflow: hidden; *display:inline-block
}
.clear { clear:both }
.fl, .left { float:left }
.fr, .right { float:right }
.hidden { display:none }
/************
 Page Style
 ************/
.page { clear:both; padding:10px 0; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#444; vertical-align:middle }
.page span, .page a { *display:inline
}
.page input { width:30px; height:21px; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:19px; color:#444; vertical-align:middle }
.page a:hover, .page a.ondown, .page span.ondown { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.ondown { font-weight:bold }
/************
 Font Style
 ************/
.C690 { color:#690 }
.CF60 { color:#f60 }
.CC00 { color:#c00 }
.C36C { color:#36c }
.C080 { color:#080 }
.C333 { color:#333 }
.CF00 { color:#f00 }
.CFFF { color:#fff }
.C360 { color:#360 }
.C369 { color:#369 }
.C28B { color:#28b }
.C666 { color:#666 }
.C999 { color:#999 }
.C004F98 { color:#004F98 }
.FB { font-weight:bold }
.FA { font-family:Arial, Helvetica, sans-serif }
.LINE { text-decoration:underline }
.MT { clear:both; margin:10px 0 0 }
a.A333 { color:#333; text-decoration:none; cursor:text }
a.A333:hover { color:#333 }
a.A666 { color:#666; text-decoration:none; cursor:text }
a.A666:hover { color:#666 }
/************
 Head Style
 ************/
#head .headTagIn, #head .headLogo, #head .headNav { clear:both; width:900px; margin:0 auto; text-align:left }
#head .headTagOut { clear:both; background:url(/common/images/head_bg.gif) repeat-x }
#head .headTagIn { height:27px; line-height:27px; color:#333 }
#head .headTagIn p { float:left; background:url(/common/images/head_bg.gif) -18px -169px no-repeat; padding:0 0 0 20px }
#head .headTagIn ul { float:right; padding:0 10px 0 0 }
#head .headTagIn li { display:inline-block; margin:0 0 0 10px }
#head .headTagIn li { *display:inline
}
/*#head .headTagIn li.homepage { background:url(/common/images/head_bg.gif) -20px -203px no-repeat; padding:0 0 0 20px; margin:0 0 0 50px }
#head .headTagIn li.favorite { background:url(/common/images/head_bg.gif) -20px -236px no-repeat; padding:0 0 0 20px }*/
#head .headLogo { height:62px; padding:10px 0 }
#head .headLogo .left { display:inline;}
#head .headLogo .left img { vertical-align:bottom }
#head .headLogo .right { display:inline; margin:10px 50px 0 0 }
#head .clientHeadNav { clear:both; width:900px; height:39px; background:#ff7d00 url(../images/client_bg.gif) repeat-x; margin:0 auto; text-align:left; position:relative }
#head .clientHeadNav p.left { width:3px; height:34px; background:url(../images/client_bg.gif) 0 -184px no-repeat; overflow:hidden }
#head .clientHeadNav p.right { width:3px; height:34px; background:url(../images/client_bg.gif) -4px -184px no-repeat; overflow:hidden }
#head .clientHeadNav ul { float:left; padding:5px 10px }
#head .clientHeadNav li { float:left; display:inline; background:url(../images/client_bg.gif) right -214px no-repeat; vertical-align:bottom }
#head .clientHeadNav li a { display:block; padding:0 20px; line-height:29px; font-size:14px; font-weight:bold; color:#fff }
#head .clientHeadNav li.s { background:url(../images/client_bg.gif) 0 -40px no-repeat }
#head .clientHeadNav li.s a { background:url(../images/client_bg.gif) right -184px no-repeat; color:#777 }
#head .clientHeadNav .subNav { height:30px; background:url(../images/client_head_bg.gif) right -60px no-repeat;line-height:32px; color:#ff6400; text-align:center; position:absolute; top:-30px; right:0; overflow:hidden;}
#head .clientHeadNav .subNavMain{background:url(../images/client_head_bg.gif) left top no-repeat; display:block; margin-right:5px; padding-left:10px; padding-right:0px;}
#head .clientHeadNav .subNavMain span{ display:inline-block; vertical-align:middle; margin:0px; padding:0px;}
#head .clientHeadNav .subNav a { color:#ff6400;display:inline-block;vertical-align:middle;overflow:hidden; text-align:center;}
#head .clientHeadNav .subNav a.sum18{ width:32px;}
#head .clientHeadNav .subNav a.sum17{ width:34px;}
#head .clientHeadNav .subNav a.sum16{ width:38px;}
#head .clientHeadNav .subNav a.sum15{ width:41px;}
#head .clientHeadNav .subNav a.sum14{ width:44px;}
#head .clientHeadNav .subNav a.sum13{ width:48px;}
#head .clientHeadNav .subNav a.sum12{ width:53px;}
#head .clientHeadNav .subNav a.sum11{ width:58px;}
#head .clientHeadNav .subNav a.sum10{ width:64px;}
#head .clientHeadNav .subNav a.sum9 { width:73px;}
#head .clientHeadNav .subNav a.sum8 { width:82px;}
#head .clientHeadNav .subNav a.sum7 { width:95px;}
#head .clientHeadNav .subNav a.sum6 { width:112px;}
#head .clientHeadNav .subNav a.sum5 { width:136px;}
#head .clientHeadNav .subNav a.sum4 { width:172px;}
#head .clientHeadNav .subNav a.sum3 { width:173px;}
#head .clientHeadNav .subNav a.sum2 { width:173px;}
#head .clientHeadNav .subNav a.sum1 { width:173px;}
/************
 Foot Style
 ************/
/*
##foot .footNav { clear:both; border:#d5d5d5 1px solid; padding:5px 0 3px; line-height:21px; color:#999 }
#foot .fontCopyright { clear:both; padding:10px 0; line-height:25px; color:#333 }
#foot .fontCopyright img { border:#d5d5d5 1px solid; margin:10px 5px; vertical-align:bottom }*/
#link { clear:both; width:900px; margin:0 auto; text-align:left }
#link .linkTxt { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
#link .linkTxt dl { overflow:auto; *display:inline-block
}
#link .linkTxt dt { float:left; display:inline; width:60px; line-height:25px }
#link .linkTxt dt a { font-weight:bold; color:#000 }
#link .linkTxt dd { float:right; display:inline; width:808px }
#link .linkTxt dd a { display:inline-block; margin:0 10px 0 0; line-height:25px; color:#494949; white-space:nowrap;}
#link .linkTxt dd a { *display:inline
}
#link .linkTxt .r{ color:#10892d;}
#foot { clear:both; width:900px; margin:0 auto; text-align:left }
#foot a { color:#000 }
#foot .footNav { clear:both; border-top:#d5d5d5 1px solid; padding:10px 0; margin:10px 0 0; line-height:25px; color:#000; overflow:auto; *display:inline-block
}
#foot .footNav .banquan {float:left;width:190px;height: 71px;text-align:right;margin-right:20px;margin-top:8px;}
#foot .footNav .banquan { float: left;}
#foot .footNav .right { float:none; overflow:hidden;zoom:1;}

.twitter{ width:900px; border:1px solid #d6d6d6;padding:15px 0 15px; vertical-align:middle; line-height:25px; text-align:center; margin:10px auto 0;}
.twitter a{ padding:0px 5px; vertical-align:middle; color:#000;}
.twitter img{ vertical-align:middle;}
.twitter .ewm img{ vertical-align:middle; width:56px;}
.twitter .ss{padding-left:35px;}
.twitter .s{ color:#0074fe; padding:0 15px 0 5px;}
.twitter .n{ color:#5cb200; padding:0 15px 0 5px;}
/*#foot .footNav .right li { line-height:14px; padding:5px 0 }*/
#foot .footNav .right li img { vertical-align:text-top}
#foot .footNav .right li { clear:both; float:left; width:100%;line-height:20px; padding:2px 0px 5px;color:#000;overflow:hidden}
#foot .footNav .right li.fm_link a{ display:inline; margin:0px; padding:0px; overflow:hidden; white-space:nowrap; float:left; height:19px;}
#foot .footNav .right li.fm_link font{display:inline; margin:0px; padding:0px 7px 0px 6px; overflow:hidden; width:5px; text-align:center;float:left; font-family:"����";}
#foot .footNav .right li.fm_tel u{text-decoration:none;}
#foot li span{ color:#999; display: block; margin-top: 5px;}
#foot .weixinA{ float:left; display:inline; margin-right:20px; _margin-right:16px; width:148px; height:92px;  background:url(../images/weixin.jpg) left top no-repeat;}
#foot .weixinA img{ height:57px; margin:12px 0 0 65px;}
/************
 About Style
 ************/
.barA, .borderA, .mainPartOneLeft .service .conA li, .barB h5 { background:url(../images/client_bg.gif) no-repeat }
.barA { clear:both; height:27px; background-position:0 -70px; padding:7px 0 0 56px; line-height:27px; color:#fff }
.barB { clear:both; height:25px; background:#eff5fc; padding:0 10px; line-height:25px; color:#0e2a7e }
.barB h5 { float:left; background-position:-191px -283px; padding:0 0 0 20px; font-size:14px; font-weight:bold }
.barB h6 { float:right }
.conA { clear:both; background:url(../images/client_conA_bg.gif) repeat-y; padding:10px }
.conB { clear:both }
.borderA { clear:both; height:8px; background-position:0 -175px; overflow:hidden }
#main { clear:both; width:900px; margin:0 auto; text-align:left; overflow: hidden; *display:inline-block
}
.mainLocation { clear:both; height:26px; background:url(/about/images/location_bg.gif) no-repeat; margin:10px 0 0; padding:0 10px; line-height:26px; color:#666 }
.mainPartOne { clear:both; margin:8px 0 0; overflow:hidden; *display:inline-block
}
.mainPartOneLeft { float:left; width:204px }
.mainPartOneLeft .service .conA p { text-align:center }
.mainPartOneLeft .service .conA ul { margin:10px 0 0; padding:10px 0 0; background:url(../images/x_h_3_line.gif) repeat-x }
.mainPartOneLeft .service .conA li { background-position:-191px -257px; padding:0 0 0 20px; line-height:21px; color:#767676 }
.mainPartOneLeft .service .conA li a { color:#767676 }
.mainPartOneLeft .service .conA li a.cf60 { color:#f60 }
.mainPartOneLeft .introduce .conA p { text-align:center }
.mainPartOneLeft .introduce .conA ul { margin:10px 0 0; padding:10px 0 0; background:url(../images/x_h_3_line.gif) repeat-x }
.mainPartOneLeft .introduce .conA li { padding:0 0 0 10px; line-height:21px; color:#767676 }
.mainPartOneLeft .introduce .conA li a { color:#767676 }
.mainPartOneLeft .introduce .conA li a.cf60 { color:#f60 }
.mainPartOneLeft .feedback .conA p { text-align:center }
.mainPartOneLeft .feedback .conA ul { margin:10px 0 0; padding:10px 0 0; background:url(../images/x_h_3_line.gif) repeat-x }
.mainPartOneLeft .feedback .conA li { padding:3px 0 3px 10px; line-height:15px; color:#000 }
.mainPartOneLeft .feedback .conA li.s { padding:5px 0; background:#efefef; text-align:center }
.mainPartOneLeft .feedback .conA li .textarea { width:140px; height:60px; border:#666 1px solid; background:#fff; padding:5px; line-height:15px; color:#666 }
.mainPartOneLeft .feedback .conA li .inputText { width:74px; height:15px; border:#666 1px solid; background:#fff; padding:0 5px; line-height:15px; color:#666 }
.mainPartOneLeft .feedback .conA li .inputBtn { background:#fff }
.mainPartOneRight { float:right; width:679px }
.mainPartOneRight #vipB { background:url(../images/bg_phone.gif) right top no-repeat; overflow:hidden; height:182px;}
.mainPartOneRight #vipB ul{ margin:67px 0 0 150px; font-size:36px; line-height:38px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff7002;}
.mainPartOneRight #vipB li{width:232px; white-space:nowrap; overflow:hidden; height:38px;}
.mainPartOneRight .vip dl { padding:20px; background:url(../images/x_h_3_line.gif) left bottom repeat-x; line-height:25px; color:#000 }
.mainPartOneRight .vip dl.s { background:none }
.mainPartOneRight .vip dl img { vertical-align:text-bottom }
.mainPartOneRight .vip dt { font-weight:bold; color:#004f98 }
.mainPartOneRight .post { padding:20px }
.mainPartOneRight .post .left { width:250px }
.mainPartOneRight .post .right { width:370px }
.mainPartOneRight .post .right table { border-collapse:collapse }
.mainPartOneRight .post .right th { border:#fff 1px solid; background:#e5eeff; padding:5px 10px; line-height:19px; color:#333; text-align:center }
.mainPartOneRight .post .right td { border:#fff 1px solid; background:#f7faff; padding:5px 10px; line-height:19px; color:#333; text-align:center }
.mainPartOneRight .pay .bar { clear:both; background:#eff6ff; border:#5a8bdb 3px solid; border-bottom:#5a8bdb 1px solid; margin:10px 0 0; padding:10px 0; text-align:center }
.mainPartOneRight .pay .con { clear:both; border:#5a8bdb 3px solid; border-top:0; padding:10px 20px; overflow:hidden; *display:inline-block
}
.mainPartOneRight .pay .web { padding:40px; line-height:25px; color:#336dc3 }
.mainPartOneRight .pay .bank{ overflow:hidden}
.mainPartOneRight .pay .bank dl { float:left; display:inline; width:49.9%; padding:10px 0; vertical-align:bottom }
.mainPartOneRight .pay .bank dt { float:left; display:inline; margin:0 20px 0 0 }
.mainPartOneRight .pay .bank dt img { border:#e5e5e5 1px solid }
.mainPartOneRight .pay .bank dd {  display:block; max-width:550px; }
.mainPartOneRight .pay .bankOnline dl { overflow:hidden; *display:inline-block
}
.mainPartOneRight .pay .bankOnline dt { float:left; display:inline; margin:0 20px 0 0 }
.mainPartOneRight .pay .bankOnline dt img { border:#e5e5e5 1px solid }
.mainPartOneRight .pay .bankOnline dd { float:left }
.mainPartOneRight .webDesign { border:#5a8bdb 3px solid; overflow:hidden; *display:inline-block
}
.mainPartOneRight .webDesign dl { float:left; display:inline; width:223px; height:200px; background:url(../images/s_x_line.gif) right top repeat-y; padding:0 1px 0 0; vertical-align:bottom }
.mainPartOneRight .webDesign dl.s { padding:0; background:none }
.mainPartOneRight .webDesign dt { background:#eff6ff; padding:10px 0; text-align:center }
.mainPartOneRight .webDesign dt img { cursor:pointer }
.mainPartOneRight .webDesign dd { padding:20px; line-height:25px; color:#336dc3 }
.vipBannerIn{overflow:hidden;zoom:1; height:193px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.vipBannerIn .r{ float:right; display:inline; margin:5px 5px 0 0; font-size:18px;}
.vipBannerIn .l{ margin:170px 0 0 12px; float:left; display:inline;}
.vipBannerIn .m{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; }
.vipBanner .vipPic1{background: url(../images/vip_bg/1.jpg) left top no-repeat;}
.vipBanner .vipPic1 .m{padding:160px 10px 0 0; text-align:right;}
.vipBanner .vipPic2{background: url(../images/vip_bg/2.jpg) left top no-repeat;}
.vipBanner .vipPic2 .m{padding:105px 0 0; text-indent:80px;}
.vipBanner .vipPic3{background: url(../images/vip_bg/3.jpg) left top no-repeat;}
.vipBanner .vipPic3 .m{padding:105px 0 0; text-indent:80px; color:#e8dfe0;}
.vipBanner .vipPic4{background: url(../images/vip_bg/4.jpg) left top no-repeat;color:#4d3214;}
.vipBanner .vipPic4 .m{padding:110px 0 0; text-align:center; text-indent:180px;color:#1f1702;}
.tableA { clear:both; border-collapse:collapse }
.tableA tr.s td { background:#e5f5fc }
.tableA th { background:#2a61af; border:#fff 1px solid; padding:10px 20px; font-weight:bold; color:#fff }
.tableA td { border:#fff 1px solid; padding:10px 20px; color:#004f98 }
.tableB {clear:both;border-collapse:collapse;}
.tableB th {background:#e6f0fd;padding:10px 20px;font-weight:bold;color:#255aa4 }
.tableB td {border:#c6d9f2 1px solid;padding:10px 20px;color:#255aa4;}
/* client flash*/
.Cflash{ padding:0px;}
.client_flashlist {width:680px;}
.client_flashlist h3 {width:20px; float:left; color:#858484; font-size:13px; padding:0px 5px 0px 0px; }
.client_flashlist embed {float:left;}
.client_flashlist li { float:left; display:inline; padding:12px 10px 8px 10px; width:190px; background-color:#F0F0F0; margin:14px 4px 0px 10px; }
.client_flashlist li img{width:161px;height:120px;}
/*2019-04-02*/
.invoice-wrap{padding:30px;}
.invoice-wrap li{line-height:40px;font-size:14px;}
.invoice-wrap li label{cursor:pointer;}
.invoice-wrap li span{display:inline-block;width:120px;color:#666;margin-right:10px;text-align:right;}
.invoice-wrap li i{color:red;font-style:normal;}
.invoice-wrap li em{font-style:normal;color:red;margin-left:5px;padding-left:130px;display:inline-block;}
.invoice-wrap li p{font-style:normal;color:#999;margin-left:5px;padding-left:130px;display:inline-block;}
.invoice-wrap li p i{color:red;}
.invoice-wrap li .com_input{line-height:18px;border:solid 1px #ddd;width:220px;outline:none;padding:5px;}
.invoice-wrap li .textarea{line-height:18px;min-height:64px;border:solid 1px #ddd;width:220px;outline:none;padding:5px;}
.invoice-wrap li .com_btn{margin-top:30px;font-size:16px;display:inline-block;width:120px;line-height:30px;background:#ff6400;color:#fff;border:none;outline:none;padding:5px;}
.pay-order-side li{ padding: 20px; line-height: 30px;}
.pay-order-side li .t{ font-size: 16px; color: #000;}
.pay-order-side li .desc{ font-size: 14px; color: #999;}
.pay-order-side li.CoursePay_important {background-color: rgba(221, 135, 0, 0.1);font-weight: bold; font-size: 18px;}
.pay-order-side li.CoursePay_important .CoursePay_infoTitle{ font-weight: normal; font-size: 14px;}
.pay-order-warp{ padding: 50px;/* float: left;*/}
.pay-order-warp h3{ font-size: 30px; line-height: 50px; color: #666;}
.pay-order-warp p.t{ font-size: 14px; line-height: 30px; color: #999;}
.pay-code{ text-align:center; margin:30px 0;}
.pay-code li{ display:inline-block; margin:0 40px;}
.pay-code li p{ line-height:40px;}
.pay-code li p img{ vertical-align:middle; margin-right:5px; width:20px;}
.thumb-code{ position:relative;}
.thumb-code .thumb-tip{ position:absolute; background:rgba(0,0,0,.5); color:#fff; top:0px; left:0px; bottom:0px; right:0px; font-size:14px;}
.thumb-code .thumb-tip .ico{ width:32px; height:32px; border-radius:50%; overflow:hidden; background-position:center center; background-repeat:no-repeat; margin:36px auto 0;}
.thumb-code .thumb-tip .ico.zf{ background-image:url(../content/images/zf-ico.png);}
.thumb-code .thumb-tip .ico.sb{ background-image:url(../content/images/sb-ico.png);}
.thumb-code .thumb-tip .ico.cg{ background-image:url(../content/images/cg-ico.png);}
.agreement{ padding:60px 0;}
.agreement a{ font-size:14px; color:#25b2fc;}
.pay-service{ text-align:center; padding:30px 0;}
.pay-service li{ display:inline-block; width:20%; float:left; text-align:center;}
.pay-service li .text{ font-size:14px; color:#666; padding-top:20px;}
.ep-order-detail{padding: 50px 0 20px; margin: 0 52px; border-bottom: solid 1px #f3f3f3;}
.ep-order-detail p.t{color: #707070; font-size: 16px; line-height: 35px;}
.ep-order-detail p.t strong{ color: #000;}
.ep-order-detail p.t em{color:red;font-weight: 400;font-size: 26px; font-style: normal; margin-right: 20px;}
.ep-order-detail p.t img{ width: 24px; vertical-align: middle;}
.ep-order-detail ul{ padding-left:80px;}
.ep-order-detail ul li{ font-size: 16px; color: #707070;; line-height: 35px;}

.share-box {
  position: fixed;
  left: 50%;
  margin-left: 500px;
  z-index: 999;
  bottom: 60px;
}
.share-box .qr-code {
  border: 1px solid #d9dadc;
  margin-top: 10px;
  background-color: #fff;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
  width: 122px;
}
.share-box .qr-code .qr-code-img img {
  width: 110px;
  padding:5px;
}
.share-box .qr-code p {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 5px;
}