input[type=text], input[type=password], select {/* -webkit-appearance:none;appearance:none; */}

/* ========== 00_general ========== */
* {font-weight:normal;margin:0;padding:0;}

html, body {background-color:#f3f3f3;/* */width:100%;}
body, button, input, select, textarea {font-family: Arial, Microsoft yahei, "微软雅黑", Microsoft JHengHei, sans-serif;} 
body {color:#5a5a5a;font-size:100%;font-size:14px;}
a:link, a:visited {color:#5a5a5a;transition:color 0.3s ease 0s;}
a:hover, a:active {color:#fa0;}

a {outline:none;text-decoration:none;}
h1, h2, h3, h4 {font-size:16px;}
img {border:0 none;}
ol, li {list-style:none;}
em, i {font-style:normal;}

.clear {clear:both;height:0;overflow:hidden;width:100%;}
.hi {display:none !important;}
.ot {overflow:hidden;text-indent:-5000em;}
.f, .fw {width:100%;}
.q {clear:both;}
.x, .page {margin:auto;width:1200px;}
.xe {margin:auto;width:1000px;}

.y, .z {display:inline-block;}
.y {float:left;}
.z {float:right;}
i.fa {vertical-align:middle !important;}
i.fi {display:inline-block;font-family:'FontAwesome';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


i.fi:before {content:"\f107"}
i.fi:hover:before {content:"\f106"}


.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}




/* ========== multi ========== */
.blank20.bgf, .header, .subnavi, .casestudy, .case .c, .item, .guider, .svcflow, .svcForm, .uStat ul, .catalog ul, .alist {background-color:#fff;}




/* ========== 00_topbar ========== */
.topbar, .header {left:0;position:fixed;right:0;}
.topbar {background-color:#eee;color:#888;height:46px;top:0;z-index:996;}

.topbar a:link, .topbar a:visited {color:#666;}
.topbar a:link i, .topbar a:visited i {color:#aaa;}
a.uReg:link, a.uReg:visited, a.svLink:link, a.svLink:visited {color:#17c;}
a.myCart:link b, a.myCart:visited b, a.myCart:link i, a.myCart:visited i {color:#f60;}
a.uReg:link i, a.uReg:visited i {color:#39d;}

.topbar a:hover, .topbar a:active, .topbar a:hover *, .topbar a:active *, .myTopics:hover p i {color:#f60 !important;}



/* ===== phone ===== */
p.phone, p.benifit, a.logins, a.uReg, a.uName, a.myCart, a.logOut, a.svLink {height:16px;line-height:16px;margin:15px 0;}
p.phone {border-right:1px solid #d8d8d8;margin-right:16px;padding-right:16px;}
p.phone i, a.myCart i, a.logins i, a.uReg i {margin-right:8px;}
p.phone i, p.benifit i {color:#aaa;}
p.phone b {color:#333;font-family:"DINpro";font-size:17px;}
p.benifit b {color:#888;margin-right:16px;}
p.benifit i {margin-right:8px;}


/* ===== user ===== */
a.uReg, a.logOut, a.svLink {border-left:1px solid #d8d8d8;padding-left:16px;}
a.uReg {margin:15px 16px;}
a.logOut {margin:15px 0 15px 16px;}
a.svLink {margin-left:16px;}

a.uName, .myTopics {margin-right:16px;}

a#mycenter {font-family:"Open sans", sans-serif;font-weight:bold;}

a.btBlue:link, a.btBlue:visited {background-color:#28d;box-shadow:2px 2px 0 #ccc;color:#fff;}
a.btBlue:hover, a.btBlue:active {background-color:#f80;box-shadow:2px 2px 0 #aaa;}


/* ===== func+myCart+myTopics ===== */
.func {height:46px;}
a.myCart b {font-family:"DINpro";margin:0 4px;}
.myTopics, .myTopics p a {position:relative;}
.myTopics p {border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;height:16px;line-height:16px;margin:15px 0;padding:0 12px;}
.myTopics:hover p {background-color:#fff;margin:0;padding:15px 12px;}

.myTopics p a, .navi li.nvs a {padding-right:24px;}
.myTopics i, .navi li i {height:16px;line-height:16px;position:absolute;text-align:center;transition:all 0.3s ease 0s;width:16px;}
.myTopics p i {right:4px;top:0;}
.myTopics:hover p i, .navi li:hover b i {transform:rotate(180deg);}

.myTopics ul {background-color:#fff;border:1px solid #ddd;border-top-width:0;display:none;left:0;position:absolute;transition:all 0.5s ease 0s;top:46px;width:188px;}
.myTopics:hover ul {display:block;}

.myTopics li {line-height:48px;}
.myTopics li a {display:block;padding-left:12px;}
.myTopics li:nth-child(2n) a {background-color:#fafbfc;}
.myTopics li a:hover {background-color:#eee;color:#f60;}

.myTopics li a i, .uMenu em {background-color:#fa0;border-radius:4px;font-size:12px;height:18px;line-height:18px;width:18px;}
.myTopics li a i {display:block;right:20px;top:15px;}
.uMenu em {float:right;margin:15px 28px 0 0;text-align:center;}

.myTopics li a i {color:#fff !important;}
.myTopics li a:hover i {color:#fff !important;}


.pdt {height:146px;}
.submenu {display:none;}




/* ========== 01_header ========== */
.header {box-shadow:0 2px 2px #aaa;height:100px;top:46px;z-index:995;}
.hc {width:1200px;}


/* ===== logo ===== */
h1.logo, h1.logo a {height:70px;width:220px;}
h1.logo {padding:15px 20px 0 0;}
h1.logo a {background:url(../img/bgp.png);display:block;}




.hcr, .hcr * {height:42px;line-height:42px;}
.hcr {padding:29px 0;/* width:100px; */}
.hcr h3, .hcr h3 a {font-size:15px;text-align:center;}
.hcr a {border-radius:4px;display:block;}
.hcr h3 a:link, .hcr h3 a:visited, .hcr li a:link, .hcr li a:visited {background-color:#e8e8e8;background:linear-gradient(to bottom, #eee 0%, #ddd 100%);color:#5a5a5a;}
.hcr h3 a:hover, .hcr h3 a:active, .hcr li a:hover, .hcr li a:active {background:#f80;color:#fff;}

.hcr ol {padding-left:20px;}
.hcr li {float:left;font-size:15px;margin-left:10px;}
.hcr li a {padding:0 16px;}

.hcr a.orange:link, .hcr a.orange:visited {background-color:#f80;background:linear-gradient(to bottom, #f90 0%, #f80 100%);color:#fff;}
.hcr a.orange:hover, .hcr a.orange:active {background:#fa0;}




/* ===== newPro ===== */
a.newPro {height:40px;line-height:40px;}

a.newPro {font-size:16px;}


a.agency:link, a.agency:visited {color:#28c;}
a.agency:hover, a.agency:active {color:#f60;}





/* ===== search ===== */
.search, .search .opts, .search .submits {height:36px;}
.search {margin:32px 0 0 40px;position:relative;width:180px;z-index:5;}
.search .inputs, .search .opts, .search .submits {background-color:inherit;background-image:url(../img/search.png);border:0 none;position:absolute;top:0;}
.search .inputs {color:#888;height:20px;padding:8px;right:36px;transition:width 0.5s;width:144px;}
.search .inputs:focus {color:#333;width:156px;}

.search .opts {background-position:0 -40px;display:none;line-height:36px;padding-left:10px;right:36px;width:76px;}
.search .opts b {color:#ccc;cursor:pointer;}
.search .opts b:hover {color:#fff;}

.search .opts ul, .search .opts li, .search .opts li a {background:url(../img/index/d10.png);}
.search .opts ul {display:none;left:0;position:absolute;top:36px;width:86px;}
.search .opts:hover ul {display:block;}
.search .opts li {padding-top:1px;}
.search .opts li a {display:block;padding-left:10px;}
.search .opts li a:link, .search .opts li a:visited {color:#eee;}
.search .opts li a:hover, .search .opts li a:active {background:#911;color:#f80;}

.search .submits {background-position:100% -36px;cursor:pointer;height:36px;right:0;width:36px;}
.search .submits:hover {background-position:100% -72px;}



.myTopics li a, .navi li,  .vMenu li, .slider, .concept, .point li a, .casestudy .bx-wrapper, .casestudy .bx-viewport, .case .c, .item, .item p, .why dt a.qrCode, .why dd a, .uStat, .notify_tip_box1, .ucenter, .flows li, .flows li i {position:relative;z-index:auto;}





/* ===== navi ===== */
.navi {height:100px;line-height:100px;}
.navi li {float:left;margin-right:2px;text-align:center;width:118px;}
.navi li:first-child {width:80px;}
.navi li.nvs {width:138px;}
.navi li a {display:block;font-size:16px;position:relative;}
.navi li b a:after {bottom:-4px;content:" ";height:4px;left:0;position:absolute;width:100%;z-index:0;}
.navi li b a:link, .navi li b a:visited {background-color:#fafbfc;}
.navi li b a:hover, .navi li b a:active, .navi li.cur b a:link, .navi li.cur b a:visited {background-color:#f6f6f6;}
.navi li b a:hover:after, .navi li b a:active:after, .navi li.cur b a:link:after, .navi li.cur b a:visited:after {background-color:#e00;color:#000;}
.navi li b i {right:24px;top:42px;}

.navi li a:link, .navi li a:visited {color:#5a5a5a;}
.navi li a:hover, .navi li a:active {color:#f60 !important;}



.subnavi {box-shadow:0 0 4px #ddd inset;display:none;height:418px;padding:30px;position:absolute;width:910px;z-index:99;}
.navi .subnavi {left:-350px;top:100px;}
.vMenu .subnavi {left:230px;top:-396px;}
.navi li:hover .subnavi, .vMenu li:hover .subnavi {display:block;}

.subs {height:208px;position:relative;}
.sub1, .sub3 {padding-left:138px;width:316px;}
.sub2, .sub4 {border-left:1px dotted #ddd;padding-left:168px;width:286px;}
.sub3, .sub4 {border-top:1px dotted #ddd;}

.subs i {border-radius:50%;color:#fff;font-size:32px !important;height:72px !important;line-height:72px !important;position:absolute;text-align:center;width:72px !important;}
.sub1 i, .sub3 i {left:30px;}
.sub1 i, .sub2 i {top:10px;}
.sub2 i, .sub4 i {left:60px;}
.sub3 i, .sub4 i {top:40px;}

.sub1 i {background-color:#fb7575;}
.sub2 i {background-color:#72c292;}
.sub3 i {background-color:#70aaf1;}
.sub4 i {background-color:#8ad455;}

.subs h3, .subs li, .subs li a {text-align:left;}
.subs h3 {color:#333;font-size:19px;height:40px;line-height:40px;}
.sub3 h3, .sub4 h3 {padding-top:30px;}

.subs ul {padding:4px 0 0 4px;}
.subs li, .subs li a {height:30px !important;line-height:30px !important;}
.subs li {border:0 none !important;list-style:disc inside;width:100% !important;}
.subs li a {display:inline-block;}
.subs li a:link, .subs li a:visited {color:#888;}
.subs li a:hover, .subs li a:active {color:#f60 !important;}



/* ========== partners ========== */
.partners, .partners h3, .partners li a {width:100%;}
.partners {background:#eee;padding:24px 0 64px 0;}

.partners h3, .partners ol, .partners ul, .partners li {float:left;}
.partners h3 {color:#333;font-size:25px;line-height:1;padding:24px 0 12px 0;text-align:center;text-shadow:1px 1px 0 #fff; }

.partners li:first-child, .partners li:nth-child(6), .partners li:nth-child(11), ul.vip li:first-child, ul.vip li:nth-child(4n) {margin-left:0;}
.partners li a, ul.vip li a {background-size:100% auto !important;display:block;overflow:hidden;text-indent:-5000em;}

.partners ul {padding:16px 95px 0 95px;width:1010px;}
.partners li, .partners li a {height:112px;width:200px;}
.partners li {margin:1px;}


li.pts1 a {background:rgba(255,255,255,0) url(../act/partner/pts1.png) 0 0 no-repeat;}
li.pts2 a {background:rgba(255,255,255,0) url(../act/partner/pts2.png) 0 0 no-repeat;}
li.pts3 a {background:rgba(255,255,255,0) url(../act/partner/pts3.png) 0 0 no-repeat;}
li.pts4 a {background:rgba(255,255,255,0) url(../act/partner/pts4.png) 0 0 no-repeat;}


li.pte1 a {background:rgba(255,255,255,0) url(../act/partner/pte1.png) 0 0 no-repeat;}
li.pte2 a {background:rgba(255,255,255,0) url(../act/partner/pte2.png) 0 0 no-repeat;}
li.pte3 a {background:rgba(255,255,255,0) url(../act/partner/pte3.png) 0 0 no-repeat;}
li.pte4 a {background:rgba(255,255,255,0) url(../act/partner/pte4.png) 0 0 no-repeat;}
li.pte5 a {background:rgba(255,255,255,0) url(../act/partner/pte5.png) 0 0 no-repeat;}
li.pte6 a {background:rgba(255,255,255,0) url(../act/partner/pte6.png) 0 0 no-repeat;}

li.psv1 a {background:rgba(255,255,255,0) url(../act/partner/psv1.png) 0 0 no-repeat;}
li.psv2 a {background:rgba(255,255,255,0) url(../act/partner/psv2.png) 0 0 no-repeat;}
li.psv3 a {background:rgba(255,255,255,0) url(../act/partner/psv3.png) 0 0 no-repeat;}
li.psv4 a {background:rgba(255,255,255,0) url(../act/partner/psv4.png) 0 0 no-repeat;}
li.psv5 a {background:rgba(255,255,255,0) url(../act/partner/psv5.png) 0 0 no-repeat;}
li.psv6 a {background:rgba(255,255,255,0) url(../act/partner/psv6.png) 0 0 no-repeat;}


.partners a:hover, ul.vip a:hover {background-position:0 100% !important;}



ul.vip {height:148px;padding:4px 0 32px 0;width:332px;}
ul.vip li, ul.vip li a {height:55px;width:98px;}
ul.vip li {float:left;margin:19px 0 0 19px;}
ul.vip li a {background-color:#fff;}

a.vipReg {display:block;float:none;margin:auto;padding:0;text-align:center;width:160px;}



/* ========== footer ========== */
.footer, .ftlink, .ftc {width:100%;}
.footer {background-color:#f3f3f3;/* border-top:1px solid #ddd;border-top:8px solid #f3f3f3; */padding:48px 0;}

.ftlink {padding-bottom:36px;}
.ftlink h4 {color:#333;font-size:14px;font-weight:bold;}

.flex {width:130px;}
.flex ul {padding:6px 0 0 0;}
.flex ul li, .ftcopy p {font-size:12px;}
.flex ul li {line-height:32px;}
.flex ul li a:link, .flex ul li a:visited, .qrCode dd {color:#989898;}
.flex ul li a:hover, .flex ul li a:active {color:#f80;}

.qrCode {margin-left:50px;padding:4px 0 0 1px;}
.qrCode dt, .qrCode dd {float:left;}
.qrCode dt {position:relative;z-index:0;}
.qrCode dt i {background-color:#ccc;bottom:0;height:120px;left:-51px;position:absolute;width:1px;}
.qrCode dd {line-height:20px;padding:36px 0 0 24px;}


.hotlines {padding:0 24px;}
.hotlines * {display:block;line-height:1;}
.hotlines h2 {color:#333;font-family:"DINpro";font-size:28px;padding:16px 0 8px 0 !important;}
.hotlines p {font-family:Arial, Helvetica, sans-serif;padding-top:12px;}

.hotlines p a {float:left;line-height:1.2;margin-top:6px;padding:12px 24px;}
/* .hotlines p a:link, .hotlines p a:visited {background-color:#eee;border:1px solid #ddd;color:#333;} */
.hotlines p a:hover, .hotlines p a:active {background-color:#f66;border:1px solid #f55;color:#fff;}


.ftcopy p {color:#666;line-height:28px;text-align:center;}
.ftcopy {border-top:2px dotted #bbb;padding-top:24px;}
.ftcopy p b {color:#ccc;font-size:12px;padding:0 4px;}
.ftcopy p a:link, .ftcopy p a:visited {color:#666;}
.ftcopy p a:hover, .ftcopy p a:active {color:#f60;}





/* ===== loading+backtop ===== */
.backtop, .backtop a {height:48px;width:48px;}
.backtop {bottom:12px;box-shadow:0 0 6px #ccc;position:fixed;right:12px;z-index:99;}
.backtop a {background-image:url(../img/backtop.png);display:block;}
.backtop a:link, .backtop a:visited {background-color:#f7f7f7;}
.backtop a:hover, .backtop a:active {background-color:#f66;background-position:0 100%;}




.vSlider li a p, .vShow p, i.vvt, i.vvb, #vBuying, .vBuying, .vBuying dl, .vBuying dd, .vFloor {width:1200px;}

/* ========== vCategory ========== */
.vCategory, .vMenu, .vSlider, .vSlider p, .vSlider .bx-wrapper, .vSlider .bx-viewport {height:443px;}
.vCategory, .vSlider, .vSlider .bx-wrapper, .vSlider .bx-viewport, .vSlider .bx-controls, .vShow, .vShow li, .vMenu h3, .vMenu li {width:100%;}
.vCategory, .vSlider, .vSlider .bx-wrapper {position:relative;z-index:5;}
.vCategory {background-color:#888;}
.vMenu, .vMenu ul, .vSlider .bx-controls, .vShow {position:absolute;z-index:50;}

.vMenu{width:240px;}
.vMenu {background-color:#000;background-color:rgba(0,0,0,0.5);}

.vMenu {left:50%;margin-left:-600px;top:0;z-index:60;}
.vMenu ol {padding-top:2px;}
.vMenu ol li, .vMenu ol li * {display:block;line-height:54px;}
.vMenu ol li {border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size:15px;height:54px;}
.vMenu ol li:last-child {border:0 none;}
.vMenu ol li a {float:left;padding:0 16px;width:208px;}
.vMenu ol li b {float:left;font-size:15px;font-weight:bold;}
.vMenu ol li i {color:#fff;float:right;font-size:19px;margin-right:16px; transition:all 200ms linear 0s;}

.vMenu ol li a:link,.vMenu ol li  a:visited {color:#fff;transition: color 0.3s ease 0s;}
.vMenu ol li a:hover, .vMenu ol li a:active, .vMenu ol li.cur a:link,.vMenu ol li.cur a:visited {background-color:#fff;}
.vMenu ol li a:hover b, .vMenu ol li.cur a:link b,.vMenu ol li.cur a:visited b {color:#fa0;}
.vMenu ol li a:hover i, .vMenu ol li.cur a:link i,.vMenu ol li.cur a:visited i {color:#fa0;margin-right:12px;}


.vShow, .vShow .c, .vShow .vcl, .vShow .vcr {height:441px;}
.vShow {background-color:#fff;background-color:rgba(255,255,255,0.98);display:none;left:240px;position:absolute;top:0;width:958px;z-index:5;}
.vShow {border:1px solid #ddd;border-left-width:0;}

.vShow .c, .vcl li, .vcr dt, .vcr dd {float:left;}
.vShow .c {width:698px;}
.vShow .svc {background-position:100% 100%;background-repeat:no-repeat;}
.vShow00 .vcl {background-image:url(../act/home/vs1.jpg);}
.vShow01 .vcl {background-image:url(../act/home/vs2.jpg);}
.vShow02 .vcl {background-image:url(../act/home/vs3.jpg);}
.vShow03 .vcl {background-image:url(../act/home/vs4.jpg);}
.vShow04 .vcl {background-image:url(../act/home/vs5.jpg);}
.vShow05 .vcl {background-image:url(../act/home/vs6.jpg);}
.vShow06 .vcl {background-image:url(../act/home/vs7.jpg);}
.vShow07 .vcl {background-image:url(../act/home/vs8.jpg);}

.vShow .vcl {width:698px;}
.vcl h3, .vcl ul, .vcl li {width:633px;}
.vcl h3 {color:#f66;font-size:28px;padding:48px 0 24px 64px;} 

.vcl h4, .vcl p, .vcl ul {font-size:15px;padding-left:64px;}
.vcl h4, .vcl p {line-height:23px;}
.vcl h4 {}
.vcl p {}

.vcl ul {padding-top:24px;}
.vcl li {line-height:36px;width:230px;}
.vcl li a {background:url(../act/home/ico.png) 8px 50% no-repeat;padding-left:24px;}

.vcr {border-left:1px solid #ddd;width:259px;}
.vcr dl {border-top:1px solid #ddd;height:64px;padding:22px 0 23px 21px;width:238px;}
.vcr dl.first {border:0 none;}
.vcr dt, .vcr dt i {height:64px;line-height:64px;text-align:center;width:48px;}
.vcr dt i {color:#aaa;}
.vcr dt i {font-size:32px;}

.vcr dd {width:180px;}
.vcr dd * {line-height:1;}
.vcr dd h4 {font-size:15px;font-weight:bold;padding:16px 0 6px 0;}
.vcr dd p {color:#aaa;}


.vSlider, .vShow, .vShow p {overflow:hidden;}
.vSlider li a p, .vShow p {margin:auto;}


.slider .bx-controls, .slider .bx-controls-direction {height:0;}
.vSlider .bx-controls {bottom:0;left:0;width:100%;}
.vSlider .bx-pager-item, .vSlider .bx-pager-item a {height:6px;overflow:hidden;text-indent:-5000em;width:108px;}
.vSlider .bx-pager-item {display:inline-block;margin:0 3px;}
.vSlider a.bx-pager-link:link, .vSlider a.bx-pager-link:visited {background-color:#666;background-color:rgba(255,255,255,0.5); display:block;}
.vSlider a.bx-pager-link:hover, .vSlider a.bx-pager-link:active, .vSlider a.bx-pager-link.active:link, .vSlider a.bx-pager-link.active:visited {background-color:#f80;}


.vSlider a.bx-prev, .vSlider a.bx-next {background-image:url(../img/bg/control.png);height:108px;overflow:hidden;position:absolute;text-indent:-5000em;top:-270px;transition:none;width:64px;}
.vSlider a.bx-prev {left:16px;}
.vSlider a.bx-prev:link, .vSlider a.bx-prev:visited {background-position:0 0;}
.vSlider a.bx-prev:hover, .vSlider a.bx-prev:active {background-position:0 -108px;}

.vSlider a.bx-next {right:16px;}
.vSlider a.bx-next:link, .vSlider a.bx-next:visited {background-position:0 -216px;}
.vSlider a.bx-next:hover, .vSlider a.bx-next:active {background-position:0 -324px;}


.vSlider .bx-pager {bottom:32px;height:6px;left:50%;margin-left:-360px;position:absolute;text-align:center;width:960px;}




/* ========== 02_concept ========== */
.slider, .concept {overflow:hidden;width:100%;z-index:0;}
.slider img, .concept img {bottom:0;display:block;left:0;position:absolute;width:100%;}

.slider, .slider img {height:460px;}
.concept, .concept img {height:160px;}
.concept {z-index:1;}

ol.svc {left:50%;margin:10px 0 0 -390px;position:absolute;top:0;width:780px;z-index:5;}
ol.svc li, ol.svc li a {height:190px;width:240px;}
ol.svc li {background:url(../img/bgwv.png);background:rgba(255,255,255,0.85);float:left;margin:20px 10px 0 10px;}
ol.svc li a {display:block;}
ol.svc h4, ol.svc p, ol.svc i {line-height:1.5;text-align:center;width:100%;}
ol.svc h4 {font-size:24px;padding-top:30px;}
ol.svc p {font-size:16px;}
ol.svc i {font-size:54px;}

li.sv1 a:link, li.sv1 a:visited {color:#b89936;}
li.sv1 a:hover, li.sv1 a:active {background-color:#b89936;}

li.sv2 a:link, li.sv2 a:visited {color:#bb424e;}
li.sv2 a:hover, li.sv2 a:active {background-color:#bb424e;}

li.sv3 a:link, li.sv3 a:visited {color:#5f90c7;}
li.sv3 a:hover, li.sv3 a:active {background-color:#5f90c7;}

li.sv4 a:link, li.sv4 a:visited {color:#69a09b;}
li.sv4 a:hover, li.sv4 a:active {background-color:#69a09b;}

li.sv5 a:link, li.sv5 a:visited {color:#8d60ba;}
li.sv5 a:hover, li.sv5 a:active {background-color:#8d60ba;}

li.sv6 a:link, li.sv6 a:visited {color:#e39b02;}
li.sv6 a:hover, li.sv6 a:active {background-color:#e39b02;}

ol.svc li a:hover, ol.svc li a:active {color:#fff;}




/* ===== offer ===== */
.offers, .offers .c {/* height:520px; */}
.offers {background-color:#f3f3f3;padding:48px 0;}
.offers .c {/* background-image:url(../act/offer.jpg); */}

.offers h3, .offers p, .offers li {float:left;}
.offers h3, .offers p {width:708px;}
.offers h3 {color:#333;font-size:28px;}
.offers h3 b {color:#d00;}

.offers p {font-size:15px;line-height:1.6;padding-top:20px; text-align:justify;}
.knowledge p a {display:block;font-size:17px;height:45px;line-height:45px;margin:auto;text-align:center;width:188px;}
/*
.offers p a:link, .offers p a:visited {border:1px solid #e00;color:#e00;}
.offers p a:hover, .offers p a:active {background-color:#fa0;border:1px solid #fa0;color:#fff;}
*/

.offers ul {border-left:1px dotted #ccc;float:right;margin-left:80px;padding-left:40px;width:360px;}
.offers li {padding-bottom:16px;width:100%;}

.offers dt, .offers dd {text-align:right;}
.offers dt, .offers p b {font-family:"DINpro";}
.offers dt {font-size:32px;}
.offers li:nth-child(1) dt {color:#f66;}
.offers li:nth-child(2) dt {color:#090;}
.offers li:nth-child(3) dt {color:#28d;}
.offers li:last-child {padding:0;}
.offers li p, .offers dd {font-size:14px;}
.offers dd {color:#888;}
.offers li p {font-weight:bold;padding:0;text-align:right;width:100%;}
.offers p b {color:#17c;font-size:17px;padding:0 2px;}


.offers .spc {float:left;width:708px;}
.offers .spc * {display:block;}

.offers .spc h3, .offers .spc p b {font-family:Simhei;}
.offers .spc h3, .offers .spc p.box * {color:#e00;}
.offers .spc h3, .offers .spc p {text-align:center;}
.offers .spc h3 {font-size:28px;}

.offers .spc span {font-family:kaiti;}

.offers .spc p.box {background-color:#fff;border:1px solid #e00;line-height:2 !important;padding:12px 24px;width:658px;}
.offers .spc p.box b {font-size:15px;font-weight:bold;}

.offers .spc a {height:38px;line-height:38px;}
.offers .spc a.btSPC {float:left;margin-left:226px;text-align:center;width:256px;}

a.btSPC:link, a.btSPC:visited {background-color:#f66;color:#fff;}
a.btSPC:hover, a.btSPC:active {background-color:#fa0;}




/* ===== knowledge ===== */
.knowledge .c {padding-bottom:72px;}

.knowledge ol, .knowledge ol li * {width:256px;}
.knowledge ol {float:right;padding-top:20px;}
.knowledge ol li, .knowledge ol li a, .knowledge ol li img {height:160px;}
.knowledge ol li {margin-top:36px;}
.knowledge ol li a, .knowledge ol li img {display:block;position:relative;-zindex:0;}
.knowledge ol li p {bottom:0;height:40px;line-height:40px;overflow:hidden;position:absolute;right:0;text-indent:1em;text-overflow:ellipsis;white-space:nowrap;}
.knowledge ol li a:link p, .knowledge ol li a:visited p {background-color:#000;background-color:rgba(0,0,0,0.6);color:#fff;}
.knowledge ol li a:hover p, .knowledge ol li a:active p {background-color:#f80;background-color:rgba(255,135,0,0.75);}


.knowledge .kbl, .knowledge ul li {width:880px;}
.knowledge ul {padding-top:35px;}
.knowledge ul li {border-bottom:1px solid #eee;font-size:17px;height:49px;line-height:41px;padding-top:12px;}
.knowledge ul li a {display:block;float:left;}
.knowledge b a {font-size:15px;margin-right:24px;position:relative;text-align:center;width:88px;}
.knowledge b a:link, .knowledge b a:visited {background-color:#52cdae;color:#fff;}
.knowledge b a:hover, .knowledge b a:active {background-color:#f80;}

.knowledge b a:after {border: solid transparent;border-color: rgba(136, 183, 213, 0);border-width: 6px;content: " ";height: 0;left: 100%;margin-top: -6px;pointer-events: none;position: absolute;top: 50%;width: 0;}
.knowledge b a:link:after, .knowledge b a:visited:after {border-left-color: #52cdae;} 
.knowledge b a:hover:after, .knowledge b a:active:after {border-left-color: #f80;} 

.knowledge .kbl p {padding-top:32px;}
.knowledge p a:link, .knowledge p a:visited {border:2px solid #ddd;color:#5a5a5a;}
.knowledge p a:hover, .knowledge p a:active {background-color:#fa0;border:2px solid #fa0;color:#fff;}








/* ===== focus ===== */
.focus {background-color:#fff;}
.focus li {float:left;padding:50px 0 72px 0;width:300px;}
.focus li * {display:block;margin:auto;text-align:center;}
.focus li i {border-radius:50%;font-size:36px;height:118px;line-height:118px;width:118px;}
.focus a {position:relative;}
.focus a:link i, .focus a:visited i {color:#fff;}
.focus a:link i.fa-qq, .focus a:visited i.fa-qq {background-color:#fb7575;}
.focus a:link i.fa-weibo, .focus a:visited i.fa-weibo {background-color:#72c292;}
.focus a:link i.fa-weixin, .focus a:visited i.fa-weixin {background-color:#70aaf1;}
.focus a:link i.fa-phone, .focus a:visited i.fa-phone {background-color:#8ad455;}

.focus a:hover i, .focus a:active i {background-color:#f80 !important;}

.focus p {font-size:17px;line-height:1.35;padding-top:12px;}


.qrcode {bottom:168px;display:none !important;height:180px;left:50%;margin-left:-94px !important;position:absolute;width:180px;}
.focus a:hover .qrcode {display:block !important;}


.qrcode {background:#88b7d5;border: 4px solid #ddd;border-radius:2px;}
.qrcode:after, .qrcode:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;
	position: absolute;
	pointer-events: none;
}

.qrcode:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}
.qrcode:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #ddd;
	border-width: 22px;
	margin-left: -22px;
}




/* ===== vantage ===== */
.vantage {background-color:#fff;padding:48px 0;}
.vantage ul {padding-left:110px;}
.vantage li, .vantage dl, .vantage dt, .vantage dd {float:left;}
.vantage li {height:64px;width:255px;}
.vantage li:last-child {width:215px}
.vantage dt, .vantage dt i {font-size:48px;line-height:64px;text-align:center;width:48px;}
.vantage dt {padding-right:12px;}
.vantage i {color:#888;}
.vantage dd * {line-height:1;}
.vantage h4, .item dd b, .xvPro .detail h3 b, .svm dd, .abTop h3, .ourcases h4, .subNavi h3 a, .gonggaolist a b {font-size:16px;font-weight:bold;}
.vantage h4 {color:#333;padding:16px 0 8px 0;}
.vantage p {color:#aaa;}




/* ========== 03_page ========== */
.page, #J_wrap, .my_shadow_bg, .blank20 {background-color:#f3f3f3;}
.page {width:100%;}
#J_wrap {height:auto !important;}

.blank10, .blank20 {visibility:visible !important;}
.my_shadow_bg {margin:0 !important;padding:20px 0;}

.page.bgf, .right_box .blank20, .pageright .blank20 {background-color:#fff;}



.ui-button.theme_bgcolor {padding:0 20px;}


/* ===== recommend ===== */
.recommend {padding-bottom:72px;}
.recommend ol, .recommend li {float:left;}
.recommend ol {padding-top:36px;width:100%;}
.recommend li, .recommend li a {overflow:hidden;width:220px;}
.recommend li {padding-left:25px;height:260px;}
.recommend li:first-child {padding:0;}
.recommend li a, .recommend li a * {display:block;text-align:center;transition:all 0.3s ease 0s;}
.recommend li a {background-color:#fff;height:240px;padding-top:20px;}

.recommend li a i {background-color:#f6f6f6;border-radius:50%;font-size:28px;height:80px;line-height:80px;margin:20px auto;width:80px;}
.recommend li a:hover i {color:#fff !important;margin:8px auto;}

.recommend li:nth-child(1) a:link i, .recommend li:nth-child(1) a:visited i, .recommend li:nth-child(1) a:hover h4, .recommend li:nth-child(1) a:active h4 {color:#b89936;}
.recommend li:nth-child(1) a:hover i, .recommend li:nth-child(1) a:active i {background-color:#b89936;}

.recommend li:nth-child(2) a:link i, .recommend li:nth-child(2) a:visited i, .recommend li:nth-child(2) a:hover h4, .recommend li:nth-child(2) a:active h4 {color:#bb424e;}
.recommend li:nth-child(2) a:hover i, .recommend li:nth-child(2) a:active i {background-color:#bb424e;}

.recommend li:nth-child(3) a:link i, .recommend li:nth-child(3) a:visited i, .recommend li:nth-child(3) a:hover h4, .recommend li:nth-child(3) a:active h4 {color:#5f90c7;}
.recommend li:nth-child(3) a:hover i, .recommend li:nth-child(3) a:active i {background-color:#5f90c7;}

.recommend li:nth-child(4) a:link i, .recommend li:nth-child(4) a:visited i, .recommend li:nth-child(4) a:hover h4, .recommend li:nth-child(4) a:active h4 {color:#69a09b;}
.recommend li:nth-child(4) a:hover i, .recommend li:nth-child(4) a:active i {background-color:#69a09b;}

.recommend li:nth-child(5) a:link i, .recommend li:nth-child(5) a:visited i, .recommend li:nth-child(5) a:hover h4, .recommend li:nth-child(5) a:active h4 {color:#8d60ba;}
.recommend li:nth-child(5) a:hover i, .recommend li:nth-child(5) a:active i {background-color:#8d60ba;}

.recommend li h4, .recommend li p {line-height:1;}
.recommend li h4 {font-size:20px;margin-bottom:16px;}
.recommend li p {color:#aaa;font-size:12px;}
.recommend li a p.vd {margin:30px auto;}
.recommend li a:hover p.vd {margin:16px auto;}
.recommend li p b {color:#f66;font-size:14px;}
.recommend li p strong {background-color:#f66;color:#fff;line-height:2.4em;margin:auto;width:40%;}




/* ===== evaluation ===== */
.evaluation {background:url(../img/evaluation.jpg) 0 62% no-repeat;height:560px;}
.evaluation h2.flow-t, .evaluation h4 {color:#fff;}
.evaluation h2.flow-t, .evaluation h4, .evaluation h4 * {line-height:30px;text-align:center;}
.evaluation h4 {font-size:14px;}
.evaluation h4 * {display:block;margin:auto;}
.evaluation h4 b {font-size:18px;}


.evaluation .bx-wrapper, .evaluation .bx-viewport, .evaluation li {height:470px;position:relative;width:740px;}
.evaluation .bx-wrapper {padding:0 230px;}

.evaluation li h4, .evaluation li p, .evaluation .bx-viewport, .evaluation .bx-controls {left:0;position:absolute;width:100%;}
.evaluation li h4 {bottom:96px;}
.evaluation li h4 b {padding-top:10px;}
.evaluation li p {background-color:#fff;border-radius:12px;bottom:320px;line-height:24px;padding:24px 80px;width:580px;}
.evaluation li p i {color:#aaa;font-size:24px;line-height:32px;margin-top:-16px;position:absolute;top:50%;}
.evaluation li p i.fa-quote-left {left:36px;}
.evaluation li p i.fa-quote-right {right:36px;}

.evaluation li p:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 16px;margin-left: -16px;}

.evaluation .bx-controls {z-index:10;}
.evaluation .bx-viewport {z-index:5;}

.evaluation .bx-controls {bottom:40px;text-align:center;}
.evaluation .bx-pager-item, .evaluation .bx-pager-item a {height:16px;overflow:hidden;text-indent:-5000em;width:16px;}
.evaluation .bx-pager-item {display:inline-block;margin:0 8px;}
.evaluation a.bx-pager-link {background-color:#aaa;border-radius:50%;display:block;}
.evaluation a.bx-pager-link.active {background-color:#fff;}

.evaluation .bx-controls-direction a, .evaluation .bx-controls-direction a i {height:72px;line-height:72px;text-align:center;width:42px;}
.evaluation .bx-controls-direction a {bottom:146px;position:absolute;}
.evaluation .bx-controls-direction a:link, .evaluation .bx-controls-direction a:visited {background-color:#000;background-color:rgba(0,0,0,0.36);color:#aaa;}
.evaluation .bx-controls-direction a:hover, .evaluation .bx-controls-direction a:active {background-color:#fa0;color:#fff;}
.evaluation a.bx-prev {left:0;text-indent:-1px;}
.evaluation a.bx-next {right:0;text-indent:1px;}

.evaluation .bx-controls-direction a i {font-size:32px;}




/* ===== point ===== */
.point {height:92px;overflow:hidden;padding:50px 0;width:1200px;}
.point ol {width:1239px;}
.point li {float:left;height:88px;margin-right:39px;padding:0 4px 4px 0;width:370px;}

.point a, .point a b, .point a i {display:block;float:left;height:86px;line-height:86px;text-align:center;}

.point li a {width:368px;z-index:0;}
.point li a:link, .point li a:visited {border:1px solid #ddd;}
.point li a:hover, .point li a:active {border:1px solid #f80;}

.point a b {font-size:21px;width:282px;}
.point a:link b, .point a:visited b {background-color:#fff;color:#5a5a5a;}
.point a:hover b, .point a:active b {background-color:#fff;color:#f80;}
.point a i {font-size:32px;width:86px;}
.point a:link i, .point a:visited i {background-color:#f3f3f3;color:#888;}
.point a:hover i, .point a:active i {background-color:#f80;color:#fff;}
.point a strong {color:#f80;}

.bp {display:block;position:absolute;}
.bpb, .bpb span {background-image:url(../img/bpb.png);}
.bpb {bottom:-5px;left:0;}
.bpr {background:url(../img/bpr.png);right:-5px;top:0;}
.bpb span {float:right;height:4px;width:4px;}

.point a:link .bpb, .point a:visited .bpb, .case .bpb {background-color:#f3f3f3;background-position:0 0;}
.point a:hover .bpb, .point a:active .bpb {background-position:0 -4px;}
.point a:link .bpb span, .point a:visited .bpb span, .case .bpb span {background-color:#ddd;background-position:100% 0;}
.point a:hover .bpb span, .point a:active .bpb span {background-color:#f80;background-position:100% -4px;}


.point a:link .bpr, .point a:visited .bpr {background-color:#f3f3f3;background-position:0 0;}
.point a:hover .bpr, .point a:active .bpr {background-position:-4px 0;}

.point .bpb {height:4px;width:373px;}
.point .bpr {height:90px;width:4px;}




/* ===== casestudy ===== */
.casestudy {border:1px solid #ddd;border-top:4px solid #bbb;box-shadow:1px 1px 0 #ddd;height:295px;width:1198px;}
.casestudy h2 {background-color:#f3f3f3;font-size:21px;height:55px;line-height:55px;text-indent:16px;width:100%;}

.casestudy ul {}
.casestudy li {height:190px;float:left;width:182px;}
.casestudy li a, .casestudy li a * {display:block;text-align:center;}
.casestudy li a {padding:0 14px;width:154px;}
.casestudy li br {display:none;}
.casestudy li i, .casestudy li img {height:150px;width:150px;}
.casestudy li a:link i, .casestudy li a:visited i {border:1px solid #ddd;padding:1px;}
.casestudy li a:hover i, .casestudy li a:active i {border:2px solid #f80;padding:0;}

.casestudy li b {font-size:15px;font-weight:bold;height:30px;line-height:30px;overflow:hidden;padding-top:8px;width:100%;}

.casestudy .bx-wrapper, .casestudy .bx-viewport {height:190px;width:1092px;z-index:0;}
.casestudy .bx-wrapper {padding-top:30px;}
.casestudy .bx-controls {height:5px;position:absolute;left:0;top:30px;width:100%;}
.casestudy .bx-controls a, .casestudy .bx-controls a i {display:block;font-size:56px;height:106px;line-height:106px;text-align:center;width:53px;}
.casestudy .bx-controls a {position:absolute;top:26px;}
.casestudy .bx-controls a:link, .casestudy .bx-controls a:visited {color:#ccc;}
.casestudy .bx-controls a:hover, .casestudy .bx-controls a:active {color:#f80;}

.casestudy a.bx-prev {left:-46px;}
.casestudy a.bx-next {right:-46px;}




/* ===== caselist ===== */
.caselist {height:520px;overflow:hidden;width:1200px;}
.caselist h2 {line-height:30px;padding-top:48px;text-align:center;width:100%;}
.caselist h2 * {display:inline-block;}
.caselist h2 em {border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:12px;margin:0 2%;vertical-align:middle;width:20%;}
.caselist h2 b {font-size:24px;}

.cases {padding-top:30px;width:1230px;}
.ct {background-color:#f3f3f3;height:50px;line-height:50px;text-indent:16px;width:100%;}
.ct b {font-size:20px;}
.ct a {float:right;font-size:14px;margin-right:16px;}

.case {float:left;height:408px;margin-right:30px;padding:0 4px 4px 0;width:376px;}
.case .c {border:1px solid #ddd;height:406px;width:372px;}
.case .c ol {margin:16px 0 0 20px;width:328px;}
.case .c li {color:#aaa;font-size:15px;height:32px;line-height:32px;list-style:decimal inside;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.case .c li a:link, .case .c li a:visited {color:#28d;}
.case .c li a:hover, .case .c li a:active {color:#f80;}

.case .bpb {height:4px;width:377px;}
.case .bpr {height:408px;width:4px;}




/* ===== project ===== */
h2.pt {border-top:4px solid #c8c8c8;font-size:24px;padding-top:20px;width:100%;}

.projects {width:1200px;}
.project {width:1224px;}

.item, .item dl {width:280px;}
.item {border:1px solid #ddd;box-shadow:2px 2px 0 #ccc;float:left;height:300px;margin:24px 24px 0 0;}
.item a, .item b, .item img {display:block;}
.item dl {height:206px;}
.item dt, .item dd {overflow:hidden;width:100%;}
.item dt {height:156px;}
.item dd {height:50px;line-height:50px;text-align:center;}


.item p, .item p * {border-radius:3px;display:block;height:20px;line-height:20px;}
.item p {background-color:#ddd;margin:0 20px;overflow:hidden;width:240px;}
.item p em, .item p b {left:0;position:absolute;top:0;}
.item p em {background:#72cd56;z-index:0;}
.item p b {color:#060;text-align:center;width:100%;z-index:1;}

.item ul {padding:10px 9px 0 10px;width:261px;}
.item li {border-left:1px solid #ddd;float:left;width:86px;}
.item li:first-child {border:0 none;}
.item li * {display:block;font-style:normal;padding:2px 0;text-align:center;width:100%;}
.item li b {font-weight:bold;}
.item li em {color:#bbb;}

a.fav, a.fav * {float:left;height:24px;line-height:24px;}
a.fav {border-radius:12px;display:block;padding:0 10px;position:absolute;right:10px;top:12px;}
a.fav:link, a.fav:visited {background-color:#fff;border:1px solid #ddd;color:#f66;}
a.fav:hover, a.fav:active {background-color:#f66;border:1px solid #f66;color:#fff;}
a.fav b {padding-left:4px;}

b.stat {background-image:url(../img/stat.png);height:100px;left:-4px;overflow:hidden;position:absolute;text-indent:-5000em;top:-4px;width:100px;z-index:5;}

.sta {}
.stb {background-position:0 -100px;}
.stc {background-position:0 -200px;}
.std {background-position:0 -300px;}


p.loadmore, p.loadmore a {height:50px;line-height:50px;}
p.loadmore {padding:40px 0;text-align:center;}
p.loadmore a {display:inline-block;font-size:21px;padding:0 64px;}
p.loadmore a b {color:#333;}
p.loadmore a:link, p.loadmore a:visited {background-color:#f33;box-shadow:2px 2px 0 #bbb;color:#fff;}
p.loadmore a:hover, p.loadmore a:active {background-color:#f80;color:#fff;}



/* ==== why ===== */
.why {border-top:5px solid #aaa;padding-top:36px;}
.why h2, .why h4 {padding-top:8px;text-align:center;}
.why h2 {color:#000;font-size:28px;}
.why h4 {color:#5a5a5a;font-size:18px;}

.why h3 {color:#333;font-size:22px;padding:36px 0 10px 0;}
.why h3 b {color:#f09;}
.why h3 strong {color:#f33;}

.why table {padding-right:60px;}
.why td {padding-left:60px;vertical-align:top;}

.why p, .why dd, .why li {line-height:1.6;}
.why p {background:url(../img/quote_lt.png) 0 0 no-repeat, url(../img/quote_rb.png) 100% 100% no-repeat;padding:4px 40px;}

.why dl {}
.why dt, .why dd {float:left;}
.why dt {width:145px;}
a.qrCode img {height:125px;left:0;position:absolute;top:0;width:125px;}
a.qrCode:hover img {height:191px;width:191px;}


.why dt a {display:block;margin-top:6px;width:125px;}
a.registNow {border-bottom:3px solid rgba(0,0,0,0.25);border-radius:4px;font-size:17px;height:45px;line-height:45px;text-align:center;}
a.registNow:link, a.registNow:visited {background-color:#f63;color:#fff;}
a.registNow:hover, a.registNow:active {background-color:#f80;}

.why dd {width:245px;}
.why dd b {display:block;font-weight:bold;padding-bottom:8px;}
.why dd a {top:4px;}


.why ul {padding-left:16px;}



/* ==== guider ===== */
.guiders {padding:30px 0 50px 0;}
.guider {box-shadow:2px 2px 0 #ddd;margin-top:20px;width:588px;}
.guider h2, .svcForm h2 {background-color:#f3f3f3;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:21px;height:55px;line-height:55px;text-indent:16px;}
.guider h2 {width:586px;}

.gui-1 {border-top:4px solid #b89936;}
.gui-1 h2 {color:#af912f;}

.gui-2 {border-top:4px solid #bb424e;}
.gui-2 h2 {color:#bb424e;}

.gui-3 {border-top:4px solid #5f90c7;}
.gui-3 h2 {color:#5f90c7;}

.gui-4 {border-top:4px solid #e39b02;}
.gui-4 h2 {color:#e39b02;}

.guider ul, .svcForm form {border:1px solid #d8d8d8;border-top-width:0;padding:16px 0 16px 36px;}
.guider ul {height:192px;width:550px;}
.guider li {height:48px;line-height:48px;}
.guider li a {}
.guider li a i, .guider li a b {float:left;}

.guider li a i {border-radius:50%;height:24px;line-height:24px;margin:12px 10px 0 0;text-align:center;width:24px;}

.guider li.ga-0 a:link i, .guider li.ga-0 a:visited i {background-color:#d8d8d8;color:#fff;}
.guider li.ga-0 a:hover i, .guider li.ga-0 a:active i {background-color:#fa0;}
.guider li.ga-0 a:hover b, .guider li.ga-0 a:active b {color:#f80;}

.guider li.ga-1 a:link i, .guider li.ga-1 a:visited i {background-color:#dbcc9b;color:#fff;}
.guider li.ga-1 a:hover i, .guider li.ga-1 a:active i {background-color:#b89936;}
.guider li.ga-1 a:hover b, .guider li.ga-1 a:active b {color:#af912f;}

.guider li.ga-2 a:link i, .guider li.ga-2 a:visited i {background-color:#dda0a7;color:#fff;}
.guider li.ga-2 a:hover i, .guider li.ga-2 a:active i {background-color:#bb424e;}
.guider li.ga-2 a:hover b, .guider li.ga-2 a:active b {color:#bb424e;}

.guider li.ga-3 a:link i, .guider li.ga-3 a:visited i {background-color:#afc7e3;color:#fff;}
.guider li.ga-3 a:hover i, .guider li.ga-3 a:active i {background-color:#5f90c7;}
.guider li.ga-3 a:hover b, .guider li.ga-3 a:active b {color:#5f90c7;}

.guider li.ga-4 a:link i, .guider li.ga-4 a:visited i {background-color:#f1cd80;color:#fff;}
.guider li.ga-4 a:hover i, .guider li.ga-4 a:active i {background-color:#e39b02;}
.guider li.ga-4 a:hover b, .guider li.ga-4 a:active b {color:#e39b02;}

.guider li a b {font-size:17px;}



/* ==== svcflow+svcForm ===== */

.svcflow, .svcForm {box-shadow:2px 2px 0 #ddd;margin-top:30px;}
.svcflow * {display:block;}

.svcForm {border-top:4px solid #bbb;margin:30px 100px 50px 100px;width:1000px;}
.svcForm h2 {width:998px;}
.svcForm h2 * {float:left;line-height:45px;text-indent:0;}
.svcForm h2 i {padding:7px 10px 0 24px;}
.svcForm h2 b {padding-top:5px;}

.svcForm form {width:962px;}
.svcForm th, .svcForm td {padding:8px;}
.svcForm th {text-align:right;}
.svcForm th b {color:#f33;font-family:Simsun, Arial, Helvetica, sans-serif;}
.svcForm td {}
.svcForm td input, .svcForm td select, .svcForm td textarea {border:1px solid #ddd;color:#666;font-size:15px;}
.svcForm td input[type=text], .svcForm td textarea {padding:8px;width:580px;}
.svcForm td input[type=text] {height:24px;}
.svcForm td input[type=text]:focus, .svcForm td select:focus, .svcForm td textarea:focus {background-color:#fafbfc;border:1px solid #28d;color:#28d;}
.svcForm td select {height:40px;width:596px;}
.svcForm td textarea {line-height:23px;}

.svcForm td input[type=submit] {background-color:#6cf;border:0 none;border-bottom:3px solid rgba(0,0,0,0.25);border-radius:4px;color:#fff;cursor:pointer;font-size:17px;padding:10px 40px;}
.svcForm td input[type=submit]:hover {background-color:#fa0;}




/* ========== 0a_用户中心 ========== */


/* ===== notify ===== */
#user_notify_tip {background:#ffe;border-bottom:1px solid #ccc;width:100%;}
.notify_tip_box1 {font-size:15px;height:45px;line-height:45px;margin:auto;width:760px;z-index:0;}
.notify_tip_box1 a:link, .notify_tip_box1 a:visited {color:#333;}
.notify_tip_box1 a:hover, .notify_tip_box1 a:active {color:#f66;}

.notify_tip_box1 a font {color:#f66;font-family:"DINpro";font-size:17px;}
.close_user_notify1 {background:url(../images/del_image.png) no-repeat;cursor:pointer;height:15px;position:absolute;right:0;top:15px;width:15px;}




/* ===== ucenter ===== */
.ucenter {margin-bottom:32px;margin-top:0px;padding:0 60px;width:1080px;z-index:5;}
.uMenu, .pageright {background:#fff;box-shadow:0 0 2px #bbb;}

/* ===== left ===== */
.pageleft {width:255px;}

.uMenu {margin-bottom:25px;width:235px;}
.uMenu h3 {color:#333;font-size:21px;line-height:36px;padding:8px 0;text-align:center;}
.uMenu ul, .uMenu li {width:235px;}
.uMenu ul {}

.uMenu li, .uMenu li a, .uMenu i, .uMenu b {float:left;line-height:48px;}
.uMenu li {border-top:1px solid #f1f2f3;font-size:15px;}
.uMenu li * {display:block;}
.uMenu li a:link, .uMenu li a:visited {color:#5a5a5a;width:235px;}
.uMenu li a:hover, .uMenu li a:active, .uMenu li.select a:link, .uMenu li.select a:visited {background-color:#d1eff9;border-left:4px solid #09d;color:#333;width:231px;}
.uMenu li i {text-align:center;width:48px;}
.uMenu li a:link i, .uMenu li a:visited i {color:#bbb;margin-left:36px;}
.uMenu li a:hover i, .uMenu li a:active i {color:#333;}
.uMenu li a:hover i, .uMenu li a:active i, .uMenu li.select a:link i, .uMenu li.select a:visited i {margin-left:32px;}

.uMenu a em {color:#fff !important;}
.uMenu a:hover em {color:#fff !important;}



.uFace {margin:-48px 65px 0 65px;width:105px;}
.uFace img {border:5px solid #fff;border-radius:50%;box-shadow:0 1px 4px #ccc;height:95px;width:95px;}


/* ===== right ===== */
.pageright {min-height:600px;overflow:hidden;padding:8px 24px;width:777px;}

.fPart {background-color:#f3f5f7;margin:0 20px 20px 20px;width:753px;}

.fPart h3 {background-color:#e8e8e8;height:58px;line-height:58px;}
.fPart h3 b {font-size:17px;}
.fPart h3 i {font-size:24px;}
.fPart h3 b {color:#28d;padding-left:16px;}
.fPart h3 i {background-color:#eee;color:#333;cursor:pointer;float:right;height:46px;line-height:46px;margin:6px;text-align:center;width:46px;}
.fPart h3 i:hover {background-color:#39d;color:#fff;}

.fPart .fc {padding-top:16px;width:100%;}
.fOpen .fc {display:block;}
.fClose .fc {display:none !important;}

.fc .form_tip {color:#888 !important;padding-left:165px !important;}

.fotoBox {padding-left:175px;width:578px;}
.fotoBox img {max-width:420px;}




/* ===== entrance ===== */
.entrance, .entrance a {height:478px;width:100%;}
.entrance {background:url(../act/entrance.jpg) 50% 0 no-repeat;}
.entrance.guided {background:url(../act/concept/bg-4.jpg) 50% 0 no-repeat;height:127px;}
.entrance a {display:block;}




/* ===== flows ===== */
.flows, .flows h3, .flows li {height:132px;}
.flows, .category {width:1200px;}
.flows.homeFlow {padding:64px 0;}
.flows.steps {padding:32px 0;}

.flows h3, .flows ul, .flows li, .category li {float:left;}

.flows a, .flows b, .flows em, .flows i, .category a, .category a * {display:block;}
.flows i {background-image:url(../img/flow.png);height:102px;width:88px;}
.flows b, .flows em {text-align:center;width:100%;}
.flows b {font-size:15px;line-height:20px;padding-top:10px;}

.flows h3 i {background-color:#e3e3e3;background-position:0 0;height:50px;padding:25px 0 27px 0;}
.flows h3 em {color:#333;font-size:17px;font-style:normal;line-height:25px;}


.flows ul {width:1110px;}
.flows li, .flows li i {z-index:5;}
.flows li {width:215px;}
li.step1 {padding-left:35px;}
.flows li i {background-position:0 -105px;color:#fff;font-size:32px;line-height:100px;margin:auto;text-align:center;}
.flows li em {height:4px;position:absolute;right:0;top:49px;width:100%;z-index:0;}

li.step1 i {background-color:#fb7575;}
li.step1 em {background-color:#fc9898;}
li.step2 i {background-color:#59debd;}
li.step2 em {background-color:#89e5ce;}
li.step3 i {background-color:#7db2e8;}
li.step3 em {background-color:#a0c5ec;}
li.step4 i {background-color:#f7c62e;}
li.step4 em {background-color:#f8d46a;}
li.step5 i {background-color:#8ad455;}
li.step5 em {background-color:#aadd86;}


.flows.steps li i {background-color:#bbb;}
.flows.steps li em {background-color:#ddd;}
.flows.steps li.step2 em, .flows.steps li.step4 em {background-color:#c8c8c8;}

li.step1.cur i {background-color:#fb7575;}
li.step1.cur em {background-color:#fc9898;}
li.step2.cur i {background-color:#59debd;}
li.step2.cur em {background-color:#89e5ce !important;}
li.step3.cur i {background-color:#7db2e8;}
li.step3.cur em {background-color:#a0c5ec;}
li.step4.cur i {background-color:#f7c62e;}
li.step4.cur em {background-color:#f8d46a !important;}
li.step5.cur i {background-color:#8ad455;}
li.step5.cur em {background-color:#aadd86;}


h2.flow-t {color:#333;font-size:28px;text-align:center;padding:60px 0 0 0;text-indent:-8px;}
h2.flow-t b {color:#d00;}




/* ===== category ===== */
.category {padding:64px 0;}
.category li {min-height:350px;padding-left:40px;width:270px;}
li.cat-1 {padding:0;}
.category a {border-radius:4px;/* height:338px; */width:268px;}
.category a:link, .category a:visited {background-color:#fff;border:1px solid #d8d8d8;}
.category a:hover, .category a:active {background-color:#fafbfc;}
.category * {text-align:center;}

.category b, .category i {border-radius:100%;}
.category b {font-size:48px;height:112px;margin:50px auto 20px auto;width:112px;}
li.cat-1 b {background-color:#fb7575;border:8px solid #fb7575;}
li.cat-2 b {background-color:#72c292;border:8px solid #72c292;}
li.cat-3 b {background-color:#70aaf1;border:8px solid #70aaf1;}
li.cat-4 b {background-color:#f80;border:8px solid #f80;}

.category a:hover b, .category a:active b {background-color:#fa0;border-color:#fa0;}

.category i {height:108px;line-height:108px;width:108px;}
.category a:link i, .category a:visited i {border:2px solid #fff;color:#fff;}
.category a:hover i, .category a:active i {border:0 none;padding:2px;}

.category h4, .category p {line-height:1;padding-top:15px;}
.category h4 {font-size:25px;}
.category p {font-size:15px;}

.category p strong {display:block;height:42px;line-height:42px;margin:12px auto 36px auto;text-align:center;width:160px;}
.category a:link strong, .category a:visited strong {background-color:#f66;color:#fff;}
.category a:hover strong, .category a:active strong {background-color:#f80;}



/* ===== verifier ===== */
.verifier {position:absolute;left:310px;top:12px;width:330px;}
.verifier h4, .verifier p {float:left;padding-bottom:8px;width:165px;}
.verifier h4 {color:#333;font-size:15px;font-weight:bold;line-height:1;}
.verifier p i {margin-right:6px;}

.verifier img {border:1px solid #c0c0c0;display:block;float:right;height:148px;width:148px;}




/* ===== registry ==== */
.registry p {font-size:15px;line-height:2em;padding:16px 0 16px 36px;}


.verifier p a:link, .verifier p a:visited, .registry p a:link, .registry p a:visited {color:#39d;}
.verifier p a:hover *, .verifier p a:active *, .registry p a:hover, .registry p a:active {color:#f80;}



/* ===== stater ===== */
.stater {line-height:1;padding:16px 0 8px 0;width:100%;}
.stater p {color:#888;float:left;}
.stater p b {color:#bbb;margin:0 4px;}
.stater p a:link, .stater p a:visited {color:#5a5a5a;}
.stater p a:hover, .stater p a:active {color:#f80;}




/* ===== catalog ===== */
.catalog {padding-top:16px;width:240px;}
.catalog ul {border-bottom:1px solid #ddd;border-left:1px solid #ddd;width:239px;}
.catalog li, .catalog li a {line-height:54px;}
.catalog li {border-top:1px solid #ddd;}
.catalog li a {display:block;font-size:15px;padding-left:16px;position:relative;width:223px;}
.catalog li a:link, .catalog li a:visited {background-color:#fff;color:#39d;}
.catalog li a:hover, .catalog li a:active, .catalog li.cur a {background-color:#39d;color:#fff;width:224px;}
.catalog li.cur a:before {right:0;top: 50%;border: solid transparent;content:" ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 10px;margin-top: -10px;}





/* ===== alist ===== */
.alist {border:1px solid #ddd;padding:36px;width:886px;}
.alist h2 {border-bottom:1px solid #ddd;font-size:21px;line-height:1;padding-bottom:16px;}
.alist ul {}
.alist li {border-bottom:1px dotted #ddd;margin:16px 0;padding:20px;}
.alist li a {}
.alist li a:link, .alist li a:visited, .alist li a:link *, .alist li a:visited * {color:#888;}
.alist li a:link h4 b, .alist li a:visited h4 b {color:#39d;font-size:15px;}
.alist li a:link h4 em, .alist li a:visited h4 em, .alist li a:link h4 i, .alist li a:visited h4 i {color:#bbb;}

.alist li h4, .alist li h4 * {height:30px;line-height:30px;}
.alist li h4 i, .alist li h4 b {float:left;}
.alist li h4 b {font-weight:bold;margin-left:8px;}
.alist li em, .alist .c * {font-family:Arial, Microsoft yahei, Helvetica, sans-serif !important;font-size:15px !important;}
.alist li h4 em {float:right;}

.alist li .c, .alist li .c * {height:30px !important;line-height:30px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.alist li .c * {display:block;text-indent:2em;}
.alist li .c {margin-top:8px;}


.alist li a:hover *, .alist li a:active * {color:#f80 !important;}




/* ===== article ===== */
.article {background:#fff url(../img/atr.gif) 100% 0 repeat-y;border:1px solid #ddd;width:1198px;}


/* ===== left ===== */
.atl {padding:0 40px;width:815px;}


h2.art, p.aStat {text-align:left;width:100%;}
h2.art {color:#333;font-family:Arial, Microsoft yahei, Microsoft JhengHei, Simsun, sans-serif;font-size:28px;line-height:1.6;padding:48px 0 16px 0;}
p.aStat {background-color:#f6f6f6;line-height:30px;margin:16px 0 20px 0;padding:8px 0;}
p.aStat span {color:#888;margin:0 24px;}
p.aStat b {color:#333;font-weight:normal;margin-left:8px;}
p.aStat i {color:#888;}


.entry {color:#888;font-size:16px;min-height:450px;padding:0 16px 32px 16px;width:768px;}
.entry h1 {font-size:28px;}
.entry h2 {font-size:24px;}
.entry h3 {font-size:21px;}
.entry h4 {font-size:17px;}

.entry div, .entry p {line-height:2em;padding-top:1em;}
.entry p {text-indent:2em;}
.entry ol, .entry ul {padding:0.5em 0 0.5em 2em;}
.entry ol li {list-style:decimal inside;}
.entry ul li {list-style:disc inside;}

.entry table, .entry th, .entry td {background:none !important;}
.entry th, .entry td {padding:8px 10px;}
.entry th {}
.entry td {}

.entry b, .entry strong {color:#333;font-weight:bold;}

.entry img {margin:auto;}


p.horizon {border-top:1px dotted #ccc;height:0;margin-top:1em;overflow:hidden;text-indent:0;width:100%;}


.entry table.sp {background-color:#ddd !important;}
.entry table.sp th {background-color:#eee !important;}
.entry table.sp td {background-color:#fff !important;}




/* ===== right ===== */
.atr {width:303px;}

.related {border-bottom:1px solid #ddd;padding:24px;width:255px;}
.related h2 {color:#5a5a5a;font-size:17px;line-height:1;}

.related ul {padding-top:20px;}
.related li, .related li * {line-height:22px;}
.related li {margin-bottom:12px;padding-left:24px;position:relative;}
.related li a {font-size:14px;}
.related li a:link, .related li a:visited {color:#39d;}
.related li a:hover, .related li a:active, .related li:hover *, .related li:active * {color:#f80 !important;}

.related li i {color:#aaa;height:22px;left:0;position:absolute;text-align:center;top:0;width:20px;}




/* ===== songTab ===== */
.songTab.showTab, .mask {position:fixed;}
.songTab, .songTab.showTab .fPart {background-color:#fff;height:600px;margin:0;}
.songTab.showTab {border:1px solid #ddd;box-shadow:0 0 8px #333;left:50%;margin-left:-675px;padding:8px;top:16px;z-index:998;}
.songTab .fc, .songTab .songT, .songTab .songC {padding:0;}
.songTab .fc {height:540px;overflow:hidden;}

.songMax {max-height:250px;overflow:auto;}
.songTab .fc table {background-color:#fff;font-size:12px;width:1330px;}
.songT th, .songT td, .songC th, .songC td {height:36px;line-height:36px;}
.songT, .songT th, .songC th {background-color:#e8e8e8;}
.songMax td {background-color:#f8f8f8;overflow:hidden;text-align:center;}
.songMax tr:nth-child(2n) td {background-color:#f8f8f8;}
.songTab table input {background-color:#fff;border:1px solid #ddd;height:30px;margin:2px auto !important;padding:0 2%;}
.songTab table input, .songTab table select {width:76%;}

.songTab, .songTab.showTab .fPart, .songTab.showTab .fc, .songMax, .songTab.showTab .songT, .songTab.showTab .songC, .songTab.showTab .demo, #fup1 label {width:1330px;}

#fup1 {height:44px;overflow:hidden;padding-left:15px;}
.songTab .demo, #fup1 label {height:22px;}
.songTab .demo {margin:0 auto !important;}
.songTab .btn1, .songTab .progress, #fup1 label {float:left;}
.songTab .progress, .songTab .files {margin:0 !important;}
.songTab .files {width:200px;}

.songTab table a {margin:0 4px;}
.songTab a:link, .songTab a:visited {color:#39d;}
.songTab a:hover, .songTab a:active {color:#f80;}

.songTab .agreement {margin:0 580px;width:280px;}
.songTab .agreement *, .btUpload {line-height:37px;vertical-align:middle;}
.songTab .agreement * {margin:0 4px;}
.btUpload {border-radius:3px;margin:0 630px;text-align:center;width:180px;}
a.btUpload:link, a.btUpload:visited {background-color:#5b0;color:#fff;}
a.btUpload:hover, a.btUpload:active {background-color:#6c0;}


.mask {background-color:#888;background-color:rgba(0,0,0,0.5);display:none;height:100%;left:0;top:0;width:100%;z-index:980;}
.mask.shown, .btUpload {display:block;}




/* ===== helper ===== */
.helper, .helper i {height:39px;line-height:39px;}
.helper {color:#39d;cursor:help;font-size:15px;position:relative;width:180px;}
.helper i {color:#6cf;text-align:center;width:24px;}

.helpPopup {
	background: #fff;
	border: 2px solid #6cf;
	border-radius:4px;
	bottom:42px;
	display:none;
	left:-126px;
	padding:0 16px 16px 16px;
	position: absolute;
	width:240px;
}
.helper:hover .helpPopup {display:block;}
.helpPopup p {color:#666;line-height:23px;padding-top:16px;}

.helpPopup:after, .helpPopup:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.helpPopup:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 9px;
	margin-left: -9px;
}
.helpPopup:before {
	border-color: rgba(102, 204, 255, 0);
	border-top-color: #6cf;
	border-width: 12px;
	margin-left: -12px;
}


.control-group.hasHelp {overflow:visible;}




/* ===== prompt ===== */
.prompt {color:#f63;margin-right:10px;padding-left:20px;position:relative;}
.prompt i {color:#f90;left:0;position:absolute;top:0;}

.prompt.row1 * {line-height:39px;}
.prompt.row2 * {line-height:20px;}
.prompt.row3 * {line-height:20px;}


.theTitle {background-color:#f3f5f7;border:0 none;border-bottom:1px solid #bbb;border-radius:0;margin:0;width:240px;}
.theQuote {font-size:17px;padding:10px;}




/* ===== popup ===== */
.popup, .legalNote {position:fixed;z-index:996;}
.popup, .legalNote {display:none;left:50%;top:50%;}
.popup.newyear, .popup.newyear .c {height:420px;width:800px;}
.popup.newyear {margin:-210px 0 0 -400px;}

a.closer {background:url(../img/close.png);height:42px;position:absolute;right:0.8em;top:0.8em;width:42px;z-index:1;}
a.closer:link, a.closer:visited {}
a.closer:hover, a.closer:active {background-position:0 -42px;}

.popup .c {position:relative;z-index:0;}
.popup.newyear .c {background:url(../act/newyear.jpg);}
.popup .c p {padding-top:330px;text-align:center;}
.popup .c a {display:inline-block;font-size:17px;height:48px;line-height:48px;margin:auto;padding:0 24px;text-align:center;}
.popup .c a:link, .popup .c a:visited {background-color:#fff;color:#f66;}
.popup .c a:hover, .popup .c a:active {background-color:#f66;color:#fff;}



/* ===== legalNote ===== */
.mask.legalMask {z-index:99998;}
.legalNote {background-color:#fff;margin-left:-440px;padding:40px;top:72px;width:800px;z-index:99999;}
.legalNote h3 {color:#f66;font-size:28px;line-height:1;text-align:center;}
.legalNote p, .legalNote li {font-size:14px;line-height:1.2;}
.legalNote p {padding:32px 0 16px 0;}
.legalNote ul {padding-left:2em; height:120px; overflow-y:auto;}
.legalNote li {padding:4px 0;}

.confirms {padding-top:32px;}
.confirms a {display:block;height:48px;line-height:48px;margin:auto;text-align:center;width:240px;}
.confirms a:link, .confirms a:visited {background-color:#f66;color:#fff;}
.confirms a:hover, .confirms a:active {background-color:#f80;}


/* ===== archives ===== */
.archives {padding:0 16px 32px 16px;width:745px;}
.archives h2 {color:#333;font-size:25px;line-height:1;padding:32px 0 8px 0;}

.archives .c {margin-top:20px;width:745px;}
.archives table {background-color:#ddd;}

.archives th, .archives td {padding:16px;}
.archives th {background-color:#f3f3f3;color:#888;width:138px;}
.archives td {background-color:#fff;color:#333;}

.archives a:link, .archives a:visited {color:#39c;}
.archives a:hover, .archives a:active {color:#f80;}


/* ===== knowledgebase ===== */
.kbase {background:#f3f3f3 url(../img/support.jpg) 50% -36px no-repeat;width:1200px;}
.kbt {height:188px;}
.kbt .w580 {padding-left:12px;width:580px;}
.kbt h2 {color:#333;font-size:36px;line-height:1;padding:72px 0 12px 0;}
.kbt b {color:#bbb;margin:0 8px;}

.kbt ol {float:right;padding:0 12px 0 0;}
.kbt li, .kbt li a {text-align:center;width:108px;}
.kbt li {float:left;height:48px;margin-left:6px;}
.kbt li a {display:block;font-size:16px;}
.kbt li a:link, .kbt li a:visited {background-color:#eee;border:1px solid #ccc;border-bottom-width:0;line-height:47px;position:relative;}
.kbt li a:hover, .kbt li a:active, .kbt li.cur a:link, .kbt li.cur a:visited {background-color:#fff;}
.kbt li a:hover:after, .kbt li a:active:after, .kbt li.cur a:link:after, .kbt li.cur a:visited:after {background-color:#fff;content:" ";height:1px;left:0;top:47px;position:absolute;width:108px;}
.kblist dt * {}

.kblist {background-color:#fff;border:1px solid #ddd;border-bottom-width:0;width:1198px;}
.kblist li {border-bottom:1px dotted #ccc;padding:36px;width:1126px;}
.kblist dt, .kblist dt i, .kblist dd {height:30px;line-height:30px;}
.kblist dt, .kblist dd {overflow:hidden;padding-left:30px;text-overflow:ellipsis;white-space:nowrap;width:1096px;}
.kblist dt {font-size:15px;margin-bottom:4px;position:relative;}
.kblist dt b {font-weight:bold;}
.kblist dt i {left:0;position:absolute;top:0;}
.kblist a:link dt b, .kblist a:visited dt b {color:#17c;}
.kblist a:link dt i, .kblist a:visited dt i {color:#bbb;}

.kblist dd {color:#888;}




/* ===== pager ===== */
.pager {height:40px;padding:18px 0 18px 0;}
.pager ul, .pager li {display:inline-block;text-align:center;}
.pager ul {width:1200px;}
.pager li {height:38px;margin:0 10px;}
.pager li a {border-radius:4px;display:block;font-size:15px;line-height:36px;padding:0 10px;}
.pager li a:link, .pager li a:visited {background-color:#fff;border:1px solid #ddd;color:#666;}
.pager li a:hover, .pager li a:active {background-color:#f66;border:1px solid #f66;color:#fff;}

.pager li.cur a:link, .pager li.cur a:visited {background-color:#f66;border:1px solid #f66;color:#fff;}



/* ===== rec_table ===== */
.rec_table {background-color:#e3e3e3;}
.rec_table th, .rec_table td {padding:12px;}
.rec_table th {background-color:#f3f3f3;}
.rec_table td {background-color:#fff;}
.rec_table tr:nth-child(2n-1) td {background-color:#f9f9f9;}
.rec_table p {font-weight:bold;}
.rec_table a:link, .rec_table a:visited {color:#093;}
.rec_table a:hover, .rec_table a:active {color:#f90;}



/* ===== svcNavi ===== */
.svcNavi, .svcNavi li, .svcNavi li a {height:42px;line-height:42px;}
.svcNavi li {float:left;padding:29px 0 29px 6px;position:relative;z-index:0;}
.svcNavi li p a, .service h3 {font-size:15px;font-weight:bold;}
.svcNavi a {display:block;padding:0 20px;}
.svcNavi li p a {border-radius:4px;}
.svcNavi li p a:link, .svcNavi li p a:visited {color:#333;}
.svcNavi li p a:hover, .svcNavi li p a:active, .svcNavi li:hover p a:link, .svcNavi li:hover p a:visited, .svcNavi li.cur p a:link, .svcNavi li.cur p a:visited {background-color:#f8f8f8;background:linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%);color:#f80;}
.svcNavi li p a:hover, .svcNavi li p a:active, .svcNavi li:hover p a:link, .svcNavi li:hover p a:visited {background-color:#f80;background:linear-gradient(to bottom, #f80 0%, #f80 100%);color:#fff;}
.svcNavi li#home {border:0 none;}

.svcNavi ul.sub, .svcNavi ul.sub li {width:240px;}
.svcNavi ul.sub {background-color:#fff;border-bottom:3px solid #ccc;left:0;margin-top:30px;opacity:0;position:absolute;top:100px;transition:all 200ms ease 0s;visibility:hidden;}
.svcNavi li:hover ul.sub {display:block;margin-top:0;opacity:1;visibility:visible;}

.svcNavi ul.sub li, .svcNavi ul.sub li a {height:48px;line-height:48px;}
.svcNavi ul.sub li {border-top:1px solid #e6e6e6;padding:0;}
.svcNavi ul.sub a:link, .svcNavi ul.sub a:visited {color:#333;}
.svcNavi ul.sub a:hover, .svcNavi ul.sub a:active {background-color:#f80;color:#fff;}



/* ===== services ===== */
.services {padding-bottom:36px;}
.svt {height:48px;line-height:48px;padding-top:6px;}
.svt a:link, .svt a:visited {color:#5a5a5a;}
.svt a:hover, .svt a:active {color:#f80;}
.svt p em {color:#aaa;font-style:normal;padding:0 12px;}


/* ----- left ----- */
.svl {width:300px;}


/* ----- service ----- */
.service {background-color:#e7faff;border:1px solid #c4e6f0;padding:0 20px 20px 20px;width:258px;}

.service h3, .service dt {line-height:43px;padding-top:5px;}
.service h3 {border-bottom:1px solid #f66;color:#f55;text-align:center;}

.service select {background-color:#fff;border:1px solid #ddd;height:33px;width:256px;}

.service p {padding-top:32px;}
.service a {display:block;line-height:40px;text-align:center;}
.service a:link, .service a:visited {background-color:#f66;color:#fff;}
.service a:hover, .service a:active {background-color:#fa0;}


/* ----- svBenifit ----- */
.svBenifit {background-color:#fff;border:1px solid #ddd;border-top-width:0;padding:8px 0;width:298px;}
.svBenifit h3, .svBenifit h3 * {height:36px;line-height:36px;text-align:center;}
.svBenifit h3 {padding:16px 0;}
.svBenifit h3 * {display:inline-block;vertical-align:middle;}
.svBenifit h3 i {background-image:url(../act/svc/bennifit.png);margin-right:12px;width:36px;}
.svBenifit h3 b {font-size:18px;font-weight:bold;}

.svBenifit ul {padding:0 17px;}
.svBenifit li, .svBenifit li * {display:block;text-align:center;width:66px;}
.svBenifit li {border-top:1px solid #ddd;float:left;padding:18px 0 16px 0;}
.svBenifit li i {color:#aaa;font-size:21px;}
.svBenifit li b {color:#888;font-size:12px;line-height:1;padding-top:8px;}


/* ----- svMore ----- */
.mt6 {margin-top:6px;}
.svMore {padding-top:20px;width:300px;}
.svMore div {border:1px solid #ddd;height:143px;margin-bottom:10px;overflow:hidden;width:143px;}
.svMore div i, .svMore div b {display:block;margin:auto;text-align:center;}

.svMore div i {border-radius:50%;color:#fff;font-size:32px;height:64px;line-height:64px;margin-bottom:8px;margin-top:24px;transition:all 500ms ease 0s;width:64px;}

.svMore .v1 i {background-color:#fb7575;}
.svMore .v2 i {background-color:#72c292;}
.svMore .v3 i {background-color:#70aaf1;}
.svMore .v4 i {background-color:#8ad455;}

.svMore div b {font-size:15px;font-weight:bold;padding:8px 0;width:100%;}

.svMore ul {display:none;text-align:center;}
.svMore li {display:inline-block;font-size:12px;line-height:23px;margin:0 8px;}


/* ----- right ----- */
.svr {width:860px;}


/* ----- svDetail ----- */
.svDetail, .svDetail dt, .svDetail dt img {background-color:#f3f3f3;height:160px;}
.svDetail dt, .svDetail dd {float:left;}
.svDetail dt, .svDetail dt img {width:360px;}
.svDetail dd {height:120px;padding:32px 16px 0 32px;width:452px;}

.svDetail h3, .svDetail h4 {line-height:1;}
.svDetail h3 b {color:#333;font-size:28px;}
.svDetail h3 small {color:#e00;font-size:18px;}

.svDetail h4 {color:#5a5a5a;font-size:14px;font-weight:bold;padding:24px 0 6px 0;}
.svDetail p {color:#888;line-height:20px;}


/* ----- svSwap ----- */
.svSwap {border-bottom:1px solid #ddd;height:60px;line-height:60px;}
.svSwap li {float:left;margin-right:30px; position:relative;}
.svSwap li a, .svAfter li a {display:block;font-size:15px;font-weight:bold;}
.svSwap li a {padding-right:30px;}
.svSwap li a:after, .svAfter li a:after {bottom:-1px;content:" ";height:3px;left:0;position:absolute;width:100%;}
.svSwap li a, .svAfter li a {color:#5a5a5a;}
.svSwap li.cur a, .svAfter li.cur a {color:#f66;}

.svSwap li a:hover, .svAfter li a:hover {color:#fa0 !important;}

.svSwap li.cur a:after, .svAfter li.cur a:after {background-color:#f66;}
.svSwap li a:hover:after, .svAfter li a:hover:after {background-color:#fa0 !important;}


/* ----- svContent ----- */
.svContent {margin-top:50px;}
.svContent h2, .svContent h4 {line-height:1.2;}
.svContent h2 {color:#333;font-size:24px;text-align:center;}
.svContent h4 {font-size:14px;padding-top:20px;}
.svContent table {background-color:#ccc;margin-top:20px;}
.svContent th, .svContent td {line-height:28px;vertical-align:middle;}
.svContent th {background-color:#f8f8f8;text-align:center;width:180px;}
.svContent td {background-color:#fff;padding:32px 12px 32px 24px;text-align:left;}

.svContent b, .svChose b, .svFaq dt, .svAfter dt, .svBenifits h3 b {color:#e00;}
.svContent a:link, .svContent a:visited {color:#f66;}
.svContent a:hover, .svContent a:active {color:#fa0;}


.svcTable {margin:0 !important;}
.svcTable th, .svcTable td {padding:0;}


/* ----- svFlow ----- */
.mt40 {margin-top:40px;}
.svFlow {background-color:#f8f8f8;height:368px;}
.svFlow h2, .svFinal h2, .svChose h2, .svFaq h2, .svAfter h2, .svBenifits h2, .svEvaluate h2 {color:#333;font-size:24px;line-height:1;text-align:center;}
.svFlow h2 {padding:64px 0 32px 0;}

.svFlow {padding:0 10px;width:840px;}
.svFlow li {float:left;width:210px;}
.svFlow li * {display:block;line-height:1;margin:auto;text-align:center;}
.svFlow li i {background-image:url(../act/svc/flow-1.png);height:100px;width:100px;}
.svFlow li.flow-2 i {background-position:0 -100px;}
.svFlow li.flow-3 i {background-position:0 -200px;}
.svFlow li.flow-4 i {background-position:0 -300px;}

.svFlow li i.step {background-position:0 -400px;position:absolute;right:-50px;top:0;}

.svFlow li b {color:#333;font-size:18px;padding:24px 0 12px 0;}
.svFlow li span {color:#aaa;}


/* ----- svFinal ----- */

.svFinal h2, .svChose h2, .svFaq h2, .svAfter h2 {padding:40px 0 32px 0;}
.svFinal p, .svChose p {font-size:15px;line-height:1.6;text-align:center;}
.svFinal p {padding:12px 0;}


/* ----- svChose ----- */
.svChose {background-color:#f6f6f6;margin-top:20px;padding:0 70px 40px 70px;width:720px;}


.svChose table {background-color:#bbb;margin-bottom:24px;}
.svChose td, .svChose td * {vertical-align:middle;}
.svChose td {background-color:#fff;padding:12px 0;text-align:center;width:50%;}
.svChose td * {display:inline-block;}
.svChose td span {padding:0 4px 0 8px;}
.svChose td strong {color:#000;font-size:17px;}


/* ----- svFaq ----- */
.svFaq .c {padding-left:35px;width:825px;}
.svFaq dl {background:url(../act/svc/arrow.jpg) 0 0 no-repeat;padding-left:40px;}
.svFaq dt {font-size:17px;line-height:24px;}
.svFaq dd {line-height:1.6;padding:12px 0 16px 0;}


/* ----- svAfter ----- */
.svAfter {background-color:#f6f6f6;margin-top:20px;padding:0 40px 40px 40px;width:780px;}
.svAfter ol {border-bottom:1px solid #ccc;height:50px;width:100%;}
.svAfter li {float:left;line-height:50px;margin-right:30px;}
.svAfter li a {padding:0 16px;}

.svAfter table {background-color:#bbb;margin-top:36px;}
.svAfter th, .svAfter td {background-color:#fff;padding:16px 24px;}
.svAfter dt, .svAfter dd {line-height:24px;}
.svAfter dt {font-size:17px;padding:4px 0;}

.svAfter strong {font-size:21px;}


/* ----- svBenifits ----- */
.svBenifits {background:url(../act/svc/svBenifits.jpg);height:520px;padding:0 60px;width:740px;}
.svBenifits h2 {line-height:30px;padding:55px 0 45px 0;}

.svBenifits .c {background:url(../act/svc/bgf6.png);height:360px;width:740px;}
.svBenifits h3 {padding:40px 0;text-align:center;}
.svBenifits h3 * {display:block;font-size:21px;margin:auto;}
.svBenifits h3 b {padding-top:30px;}

.svBenifits ul {float:left;padding-left:32px;width:748px;}
.svBenifits li {float:left;width:25%;}
.svBenifits dl, .svBenifits dt, .svBenifits dd {height:48px;}
.svBenifits dl {padding-left:28px;}
.svBenifits dt, .svBenifits dt i {font-size:24px;line-height:1.2;width:28px;}
.svBenifits dt {left:0;position:absolute;top:0;}
.svBenifits dd *, .svEvaluate h4 * {display:block;font-style:normal;}
.svBenifits dd b {font-size:14px;font-weight:bold;}
.svBenifits dd em {color:#888;font-size:11px;}

.svBenifits p {float:left;margin-top:24px;width:100%;}
.svBenifits p a {display:block;font-size:15px;height:38px;line-height:38px;margin:auto;text-align:center;width:138px;}
.svBenifits p a:link, .svBenifits p a:visited {background-color:#fff;border:1px solid #ddd;}
.svBenifits p a:hover, .svBenifits p a:active {background-color:#f80;border:1px solid #f60;color:#fff;}


/* ----- svEvaluate ----- */
.svEvaluate {background-color:#f6f6f6;padding-bottom:32px;}
.svEvaluate h2 {padding:36px 0 48px 0;}

.svEvaluate h4, .svEvaluate ol, .svEvaluate li, .svEvaluate li *, .svEvaluate .z p, .svEvalist .tags b {float:left;}
.svEvaluate h4, .svEvaluate h4 * {line-height:1;text-align:center;width:180px;}
.svEvaluate h4 b {color:#f66;font-family:"DINpro";font-size:40px;height:72px;}
.svEvaluate h4 em, .svEvaluate .z p {font-size:17px;text-align:center;}

.svEvaluate li {font-size:12px;}

.svEvaluate ol {width:215px;}
.svEvaluate ol li {height:30px;}
.svEvaluate li * {display:block;}
.svEvaluate li b {line-height:15px;padding-right:15px;text-align:right;width:100px;}
.svEvaluate li span, .svEvaluate li i {height:10px;line-height:10px;}
.svEvaluate li span {background-color:#d8d8d8;width:100px;}
.svEvaluate li i {background-color:#f66;}

.svEvaluate ul, .svEvaluate p {width:385px;}
.svEvaluate ul li, .svEvalist .tags b {background-color:#ffebba;cursor:default;font-size:12px;height:25px;line-height:25px;margin:0 10px 10px 0;padding:0 8px;}

.svEvaluate .z i {background-color:#ccc;display:block;height:85px;left:-40px;position:absolute;top:10px;width:1px;}


/* ----- svEvalist ----- */
.svEvalist .t, .svEvalist .content li {border-bottom:1px solid #ccc;}

.svEvalist .t, .svEvalist .t * {height:49px;line-height:49px;}
.svEvalist .t * {display:block;float:left;font-style:normal;text-align:center;}
.svEvalist .t b {padding-left:20px;text-align:left;width:430px;}
.svEvalist .t em, .svEvalist .rate {width:150px;}
.svEvalist .t i, .svEvalist .pro {width:260px;}


/* --- content --- */
.svEvalist .content li {float:left;padding:16px 0 16px 20px;width:840px;}

.svEvalist .info, .svEvalist .info .c {width:410px;}
.svEvalist .info {padding-right:20px;}
.svEvalist .info h5 {color:#aaa;font-size:14px;padding:8px 0 20px 0;}
.svEvalist .info .c {color:#5a5a5a;line-height:1.6;padding-bottom:12px;}
.svEvalist .info p {padding-bottom:12px;}


/* --- rate --- */
.svEvalist .rate, .svEvalist .rate p, .svEvalist .rate b {height:16px;line-height:16px;}
.svEvalist .rate {padding-top:48px;}
.svEvalist .rate p, .svEvalist .rate b {background-image:url(../act/svc/rate.png);}
.svEvalist .rate p {margin:auto;width:80px;}
.svEvalist .rate b {background-position:0 -16px;display:block;}

.rate-5 b {width:8px;}
.rate-10 b {width:16px;}
.rate-15 b {width:24px;}
.rate-20 b {width:32px;}
.rate-25 b {width:40px;}
.rate-30 b {width:48px;}
.rate-35 b {width:56px;}
.rate-40 b {width:64px;}
.rate-45 b {width:72px;}
.rate-50 b {width:80px;}


/* --- pro --- */
.svEvalist .pro {padding-top:12px;}
.svEvalist .pro i, .svEvalist .pro img {display:block;height:96px;width:96px;}
.svEvalist .pro i {border-radius:50%;margin:auto;overflow:hidden;}
.svEvalist .pro h4 {font-size:15px;font-weight:bold;padding-top:12px;text-align:center;}
.svEvalist .pro p {color:#666;padding-top:8px;text-align:center;}
.svEvalist .pro p.jobs {height:20px;line-height:20px;overflow:hidden;width:100%;}
.svEvalist .pro p.jobs b {margin:0 4px;}
.svEvalist .pro p.locate {color:#aaa;}
.svEvalist .pro p em {color:#ccc;font-size:12px;margin:0 12px;}


/* ----- svPager ----- */
.svPager, .svPager li {height:40px;}
.svPager {padding:20px 0;}
.svPager ul {float:right;}
.svPager li {float:left;line-height:38px;margin:0 4px;}
.svPager li a {display:block;padding:0 16px;}
.svPager li a:link, .svPager li a:visited {background-color:#fff;border:1px solid #ddd;color:#5a5a5a;}
.svPager li a:hover, .svPager li a:active, .svPager li.cur a:link, .svPager li.cur a:visited {background-color:#0cf;border:1px solid #8ad;color:#fff;}

.svPager li b {padding:0 16px;}
.svPager li em {color:#111;font-family:"DINpro";font-style:normal;padding:0 2px;}



/* ===== pubSieve ===== */
.pubSieve {background-color:#fff;border:1px solid #ddd;margin-bottom:24px;padding:0 16px;width:1166px;}
.pubSieve .siever, .pubSieve .sieves {padding:12px 0;}
.pubSieve .siever {border-bottom:1px solid #ddd;}
.pubSieve .siever *, .pubSieve .sieves * {float:left;}
.pubSieve h4 {font-size:14px;padding-right:20px;text-align:right;width:96px;}

.pubSieve .siever * {line-height:32px;}
.pubSieve .siever h4 {padding:2px 20px 2px 0;}
.pubSieve .siever a {font-weight:bold;text-align:center;width:128px;}
.pubSieve .siever a:link, .pubSieve .siever a:visited {border:1px dashed #bbb;color:#5a5a5a;}
.pubSieve .siever a:hover, .pubSieve .siever a:active {background-color:#f90;border:1px dotted #f80;color:#fff;}

.pubSieve .sieves {border-top:1px dotted #ddd;}
.pubSieve .sieves * {line-height:28px;}

.pubSieve .sieves ul {width:960px;}
.pubSieve .sieves ul.collapse {height:32px;overflow:hidden;}
.pubSieve .sieves ul.expanded {height:auto;max-height:96px;overflow:auto;}
.pubSieve .sieves li {margin:0 32px 4px 0;}
.pubSieve .sieves li a:link, .pubSieve .sieves li a:visited {color:#888;}
.pubSieve .sieves li a:hover, .pubSieve .sieves li a:active {color:#f80;}
.pubSieve .sieves li.cur a:link, .pubSieve .sieves li.cur a:visited {color:#f66;font-weight:bold;}
.pubSieve .sieves li.cur a:hover, .pubSieve .sieves li.cur a:active {color:#f80;}

.pubSieve .sieves p {float:right;margin-right:8px;}
.pubSieve .sieves p a:link, .pubSieve .sieves p a:visited {color:#39d;}
.pubSieve .sieves p a:hover, .pubSieve .sieves p a:active {color:#f90;}

.pubSieve .sieves p i {text-align:center;width:24px;}
.pubSieve .sieves p a:hover i {transform:rotate(180deg);}

.pubSieve .sieves ul, .pubSieve .sieves p i {transition:all ease 500ms 0s;}



/* ===== xv-left ===== */
.xvBenifit, .xvBenifit h2, .xvBenifit li {width:298px;}
.xvBenifit {background-color:#fff;border:1px solid #ddd;}
.xvBenifit h2 {background-image:url(../act/svc/xv.png);height:118px;overflow:hidden;text-indent:-5000em;}
.xvBenifit li {border-top:1px solid #eee;padding:24px 0;}
.xvBenifit li, .xvBenifit dl, .xvBenifit dt, .xvBenifit dd {float:left;height:54px;}
.xvBenifit dt, .xvBenifit dt i {color:#888;font-size:48px;line-height:54px;text-align:center;width:54px;}
.xvBenifit dt {padding:0 16px 0 36px;}
.xvBenifit dd {line-height:1;width:192px;}
.xvBenifit dd h4 {color:#333;font-size:20px;padding:8px 0;}
.xvBenifit dd p {color:#aaa;}




.svl {float:right;}
.svl.fixed {float:none;left:50%;margin-left:300px;position:fixed;top:206px;z-index:990;}
.svl.btmSet {bottom:472px;top:auto !important;}

.counter {background-color:#fff;border:1px solid #ddd;margin-bottom:20px;padding:0 20px 20px 20px;width:258px;}
.counter h3 {border-bottom:1px solid #ddd;color:#333;font-size:17px;line-height:50px;text-align:center;}

.counter p {margin-top:24px;}
.counter p.cvs {color:#aaa;line-height:24px;}
.counter p.cvs i {color:#bbb;font-size:22px;margin:0 8px 0 16px;}
.counter p.cvs.selected * {color:#0c6;}

.counter p a, .counter p b {font-size:17px;}
.counter p a {display:block;height:48px;line-height:48px;text-align:center;width:100%;}
.counter p a:link, .counter p a:visited {background-color:#f66;color:#fff;}
.counter p a:hover, .counter p a:active {background-color:#f90;}


.svl.fixed .xvBenifit {display:none;}




/* ===== xvProvider ===== */
.xvProvider {border:1px solid #ddd;width:858px;}



/* ----- xvSort ----- */
.xvSort {background-color:#eee;height:42px;line-height:42px;}
.xvSort h4, .xvSort ol, .xvSort li {float:left;font-size:14px;}
.xvSort h4 {color:#333;padding-right:10px;text-align:right;width:96px;}
.xvSort li {margin-right:2px;}
.xvSort li a {display:block;padding:0 16px;}
.xvSort li.cur a:link, .xvSort li.cur a:visited, .xvSort li a:hover, .xvSort li a:active {background-color:#fff;color:#39d;}

.xvSort form {float:right;height:30px;margin:6px 6px 0 0;width:180px;}
.xvSort input {background-color:#fff;border:0 none;color:#888;height:20px;padding:5px;width:170px;}
.xvSort input:focus {color:#39d;}
.xvSort form a, .xvSort a i {height:26px;line-height:26px;text-align:center;width:26px;}
.xvSort form a {position:absolute;right:2px;top:2px;}
.xvSort form a:link, .xvSort form a:visited {background-color:#fff;border-radius:2px;color:#888;}
.xvSort form a:hover {background-color:#eee;color:#39d;}



.xvPro ul, .xvPro li {float:left;}
.xvPro ul {padding:0 20px;}
.xvPro li {border-bottom:1px dashed #ccc;padding:32px 0 32px 12px;width:806px;}
.xvPro .xvFace, .xvPro .xvFace i, .xvPro .xvFace img {width:100px;}
.xvPro .xvFace i, .xvPro .xvFace img {display:block;height:100px;}
.xvPro .xvFace {padding-right:20px;}
.xvPro .xvFace i {border-radius:50%;overflow:hidden;}
.xvPro .xvFace p {padding-top:12px;text-align:center;}
.xvPro .xvFace b, .xvPro .xvFace em {display:inline-block;font-style:normal;height:24px;line-height:24px;vertical-align:top;}
.xvPro .xvFace b {background-image:url(../act/svc/crown.jpg);width:24px;}
.xvPro .xvFace em {color:#f80;margin-left:8px;}

.xvPro .detail {width:450px;}
.xvPro .detail h3 {height:32px;line-height:1;padding-top:12px;width:420px;}
.xvPro .detail h3 b {color:#333;margin-right:32px;}
.xvPro .detail h3 em {color:#aaa;font-size:14px;font-style:normal;margin-right:16px;}
.xvPro .detail h3 i {background-image:url(../act/svc/license.jpg);float:right;height:32px;margin-left:4px;width:32px;}

.xvPro .detail h3 i.cert-1 {}
.xvPro .detail h3 i.cert-2 {background-position:0 -32px;}
.xvPro .detail h3 i.cert-3 {background-position:0 -64px;}


.xvPro .detail p {height:32px;line-height:32px;}
.xvPro .detail p b {color:#666;}
.xvPro .detail p i {color:#bbb;padding-right:8px;}
.xvPro .detail p i.fa-phone {color:#6cf;}
.xvPro .detail p em {color:#ccc;font-size:12px;padding:0 8px;}
.xvPro .detail p span {margin-right:24px;}

.xvPro .detail h4, .xvPro .detail h4 * {display:inline-block;;font-size:14px;line-height:24px;}
.xvPro .detail h4 {border:1px dashed #ddd;min-height:24px;margin-top:8px;padding:6px 8px 6px 108px;max-width:330px;}
.xvPro .detail h4 strong {color:#888;left:0;position:absolute;text-align:center;top:6px;width:108px;}
.xvPro .detail h4 b {color:#f66;margin:0 6px;}

.xvPro .detail p {overflow:hidden;white-space:nowrap;width:450px;}


.xvPro .count, .xvPro .count *, .xvPro .actions, .xvPro .actions p {text-align:center;width:118px;}
.xvPro .count {padding-top:12px;}
.xvPro .count *, .xvPro .actions a, .xvPro .actions span {display:block;}

.xvPro .count b, .xvPro .actions b {color:#f66;font-family:"DINpro";}
.xvPro .count b, .xvPro .actions p {padding-top:12px;}
.xvPro .count em {color:#888;font-style:normal;padding-top:6px;}


.xvPro .actions, .xvPro .actions span {padding-top:8px;}
.xvPro .actions p {color:#999;line-height:1;text-align:center;}
.xvPro .actions b {display:inline-block;}
.xvPro .actions span {font-size:12px;font-style:normal;text-align:right;}
.xvPro .actions b {font-size:17px;margin:0 4px;}
.xvPro .actions a {font-size:12px;height:36px;line-height:36px;margin:8px auto 0 auto;text-align:center;width:116px;}
.xvPro .actions a:link, .xvPro .actions a:visited {background-color:#eee;border:1px solid #ddd;color:#333;}
.xvPro .actions a:hover, .xvPro .actions a:active {background-color:#f66;border:1px solid #f66;color:#fff;}
.xvPro .actions a.selected:link, .xvPro .actions a.selected:visited {background:#fff url(../act/svc/select.png) 100% 100% no-repeat;border:1px solid #f00;color:#f00;}



/* ===== about ===== */
.about {padding:40px 50px;width:1130px;}


/* ----- abStat_准备去掉的部分 ----- */
.abStat {height:32px;}

.abStat p {line-height:32px;}
.abStat p.y a:link, .abStat p.y a:visited {color:#5a5a5a;}
.abStat p.y a:hover, .abStat p.y a:active {color:#f80;}
.abStat p.y em {color:#aaa;font-style:normal;padding:0 12px;}
.abStat p.y b {color:#5be;}

.abStat p.z a:link, .abStat p.z a:visited {color:#999;margin-left:24px;}
.abStat p.z a:hover, .abStat p.z a:active {color:#fa0;}
.abStat p.z i {font-size:24px;}

.abStat ol, .abStat li, .abStat li * {height:22px;line-height:22px;}
.abStat ol {left:299px;padding:5px 0;position:absolute;width:532px;z-index:1;}
.abStat li, .abStat li a {text-align:center;width:68px;}
.abStat li {float:left;padding:0 4px;}
.abStat li a:link, .abStat li a:visited {border-radius:3px;color:#888;display:block;font-size:12px;}
.abStat li.cur a:link, .abStat li.cur a:visited {background-color:#6cf;color:#fff;}
.abStat li a:hover, .abStat li a:active {background-color:#f90 !important;color:#fff;}


/* ----- abTitle ----- */
.abTitle {font-size:32px;padding-top:60px;text-align:center;}


/* ----- abInfo ----- */
.abInfo {padding:16px 0 32px 0;text-align:center;}
.abInfo span {margin:0 32px;}


/* ----- abIntro ----- */
.abIntro {border-bottom:1px solid #ddd;padding-bottom:24px;}
.abIntro h3 {font-size:24px;line-height:48px;padding:48px 0 24px 0;text-align:center;}


.abIntro p {color:#888;font-size:15px;line-height:32px;padding-top:16px;}
.abIntro b {color:#5a5a5a;font-weight:bold;}
.abIntro a b {font-weight:normal;}


/* ----- abJobs ----- */
.abJobs {border-bottom:1px solid #ddd;padding:24px 0 48px 0;}
.abJobs .c * {font-size:15px;line-height:36px;}
.abJobs .c h3 {color:#f55;font-size:17px;padding-top:24px;}
.abJobs .c p {color:#888;}
.abJobs .c p b {color:#5a5a5a;}


/* ----- sharing ----- */
.sharing {height:48px;padding:36px 0; */width:370px; */margin-left:380px;text-align:center;}
.sharing a, .sharing a * {display:inline-block;line-height:46px;}
.sharing a {height:46px;margin:0 12px;text-align:center;width:176px;}
.sharing a.red {border:1px solid #f66;color:#f66;}
.sharing a.red:before { content:"分享长微博"}

.sharing a.red:hover {background-color:#f66 !important;border:1px solid #f55;color:#fff;}
.sharing a.green {border:1px solid #9c3;color:#9c3;}
.sharing a.green:before {content:"分享到微信"}
.sharing a.green:hover {background-color:#9c3 !important;border:1px solid #8b2;color:#fff;}
.sharing i {font-size:19px;}
.sharing b {font-size:17px;margin-left:8px;}

.sharing a:hover * {color:#fff !important;}


/* ----- context ----- */
.context, .context p {height:56px;}
.context p {width:50%;}
.context p * {display:block;}
.context p em, .context p b {line-height:20px;}
.context p em {font-style:normal;padding:8px 0 2px 0;}
.context p.y a {float:left;padding-left:32px;}
.context p.z a {float:right;padding-right:32px;text-align:right;}
.context p i {position:absolute;}
.context p i {font-size:52px;line-height:56px;} 
.context p.y i {left:0;}
.context p.z i {right:0;}

.context p a em {color:#999;}
.context p a:hover * {color:#fa0;}




/* ===== ofWorth ===== */
.ofWorth {background-color:#c00;}
.ofWorth p {margin:auto;padding:8px 0;text-align:center;width:1200px;}
.ofWorth p b {color:#fc3;display:inline-block;font-size:15px;font-weight:bold;line-height:16px;margin:0 16px;}


/* ===== ideas ===== */
.ideas p {margin:auto;width:1200px;}





/* ===== leagueForm ===== */
.leagueForm {padding-bottom:40px;}
.leagueForm h2 {color:#333;font-size:28px;padding:40px 0;text-align:center;}
.leagueForm th, .leagueForm td, .svpForm th, .svpForm td {padding:10px;}
.leagueForm th, .svpForm th {text-align:right;}
.leagueForm th b, .svpForm th b {margin-right:4px;}
.leagueForm input[type="text"], .leagueForm input[type="password"], .svpForm input[type="text"], .svpForm input[type="password"], .svpForm textarea {border:1px solid #ddd;color:#888;}
.leagueForm input[type="text"], .leagueForm input[type="password"], .svpForm input[type="text"], .svpForm input[type="password"] {height:16px;}
.leagueForm input[type="text"], .leagueForm input[type="password"] {padding:10px;width:230px;}
.leagueForm input[type="text"]:focus, .leagueForm input[type="password"]:focus, .svpForm input[type="text"]:focus, .svpForm input[type="password"]:focus {border:1px solid #39d;color:#28c;}
.leagueForm select, .svpForm select {border:1px solid #ddd;height:36px;width:248px;}
.leagueForm label, .svpForm label {margin-right:32px;}

.zh {font-family:Simsun, Arial, sans-serif;}
.zh.red {color:#f00;}

.leagueForm p {padding-top:28px;}
.leagueForm .indigo {width:280px;}


a.indigo, a.paleGreen {border-radius:4px;color:#fff;display:block;font-size:21px;height:56px;line-height:56px;margin:auto;text-align:center;}
a.indigo:link, a.indigo:visited {background-color:#62c5a8;}
a.indigo:hover, a.indigo:active {background-color:#fa0;}

a.paleGreen:link, a.paleGreen:visited {background-color:#94c859;}
a.paleGreen:hover, a.paleGreen:active {background-color:#fa0;}

.mask.leagueMask {z-index:99998;}
.leaguePop, .svpFinish {height:530px;width:700px;}
.leaguePop {background-color:#fff;border-radius:8px;display:none;left:50%;margin:-275px 0 0 -450px;padding:0 100px;position:fixed;top:50%;z-index:99999;}
.leaguePop dl, .leaguePop dt, .leaguePop dd, .svpFinish dl, .svpFinish dt, .svpFinish dd {height:72px;}
.leaguePop dl, .svpFinish dl {padding:72px 0 24px 0;}
.leaguePop dt, .leaguePop dd, .svpFinish dt, .svpFinish dd  {float:left;}
.leaguePop dt, .leaguePop i, .svpFinish dt, .svpFinish i {text-align:center;width:260px;}
.leaguePop i, .svpFinish i {color:#98c956;font-size:72px;}
.leaguePop dd, .svpFinish dd {font-size:28px;line-height:36px;}

.leaguePop p, .svpFinish p {font-size:21px;line-height:42px;padding-top:16px;}
.leaguePop a.paleGreen, .svpFinish a.paleGreen {margin-top:48px;width:260px;}


.svpFinish {padding:0 218px;}



/* ===== steps ===== */
.steps, .steps li {background-color:#ddd;height:48px;line-height:48px;}
.steps {margin-top:24px;}
.steps.fixed {left:0;position:fixed;top:146px;z-index:9990;}
.steps.fixed ol {margin:auto;width:1200px;}
.steps li, .steps li b, .steps li i {float:left;}
.steps li {padding-left:100px;position:relative;width:300px;}

.steps li b, .steps li i {color:#666;font-size:17px;height:32px;line-height:32px;margin:8px 8px 0 8px;}
.steps li i {background-color:#fff;border-radius:50%;font-family:"DINpro";font-style:normal;text-align:center;width:32px;}

.steps li.s1 {z-index:2;}
.steps li.s2 {z-index:1;}
.steps li.s3 {z-index:0;}

.step-1 li.s1, .step-2 li.s2, .step-3 li.s3 {background-color:#9bc869;}
.step-1 li.s1 b, .step-2 li.s2 b, .step-3 li.s3 b {color:#fff;}


.steps em {background-image:url(../act/league/step.png);height:48px;left:100%;position:absolute;top:0;width:20px;}
.step-1 li.s1 em, .step-2 li.s2 em {background-position:0 -48px;}
.step-2 li.s1 em, .step-3 li.s2 em {background-position:0 -96px;}


.svpForm {background-color:#fff;margin:16px 0 32px 0;padding:32px;width:1136px;}
.svpForm h3 {border-bottom:1px solid #ddd;float:left;height:52px;width:100%;}
.svpForm h3 b {border-left:4px solid #61c4a7;font-size:23px;height:36px;line-height:36px;padding-left:16px;}
.svpForm .w560 {padding:24px 0 0 280px;width:560px;}
.svpForm .w970 {padding:24px 30px 24px 150px;width:956px;}

.svpForm input[type="text"], .svpForm input[type="password"], .svpForm textarea {padding:12px 10px;}
.svpForm th input[type="text"], .svpForm th input[type="password"] {width:160px;}
.svpForm td input[type="text"], .svpForm td input[type="password"], .svpForm textarea {width:360px;}

.svpForm p {padding-top:24px;}

.svpForm strong {color:#333;}
.svpForm span {color:#aaa;display:block;line-height:1.3;padding:0.5em 0;}

a.refresh, a.refresh * {float:left;line-height:36px;}
a.refresh * {margin:0 4px;}
a.refresh:link, a.refresh:visited {color:#28c;}
a.refresh:hover, a.refresh:active {color:#fa0;}

a.getCode {display:block;line-height:42px;text-align:center;width:178px;}
a.getCode:link, a.getCode:visited {background-color:#eee;border:1px solid #ddd;color:#333;}
a.getCode:hover, a.getCode:active {background-color:#fa0;border:1px solid #f90;color:#fff;}

.svpForm a.indigo {float:left;width:382px;}


a.uploads {border-radius:4px;display:block;height:40px;line-height:40px;text-align:center;width:160px;}
a.uploads:link, a.uploads:visited {background-color:#5ec5a8;color:#fff;}
a.uploads:hover, a.uploads:active {background-color:#fa0;}

a.downloads:link, a.downloads:visited {color:#096;}
a.downloads:hover, a.downloads:active {color:#fa0;}
a.downloads b {margin-left:8px;}



/* ----- portrait+identity ----- */
.portrait, .identity {min-height:120px;}
.portrait {padding-left:120px;position:relative;}
.portrait dt, .portrait dt img {height:100px;width:100px;}
.portrait dt {border-radius:50%;left:0;overflow:hidden;position:absolute;top:0;}
.portrait dd, .identity dd {background-color:#fdf4d7;line-height:24px;padding:10px 20px;width:360px;}

.identity, .identity dt {height:175px;}
.identity {width:760px;}
.identity dt, .identity dd {float:left;}
.identity dt, .identity dt * {display:block;width:160px;}
.identity dt {padding-right:20px;}
.identity dt b, .identity dt img {border-radius:4px;height:120px;overflow:hidden;}
.identity dt a {margin-top:10px;}


.calendar, .calendar input {position:relative;z-index:1;}
.calendar {height:42px;}
.calendar input {background:none transparent;}
.calendar i {height:20px;line-height:20px;position:absolute;top:11px;text-align:center;width:20px;z-index:0;}
.calendar.w360 i {left:355px;}


ul.checker li, ul.checker li * {float:left;}
ul.checker li {line-height:1;padding-bottom:20px;}
ul.checker.row1 li {width:100%;}
ul.checker.row2 li {width:50%;}
ul.checker.row3 li {width:33.3331%;}
ul.checker.row4 li {width:25%;}
ul.checker li input {margin:1px 8px 0 0;}





/* ===== fullAD ===== */
.fullAD, .baike, .baike .c, .baike li, .baike li b a, .baike li .cc ul {position:relative;}
.fullAD {background-position:50% 50%;height:420px;width:100%;z-index:0;}
.fullAD h2 {padding-top:180px;}
.fullAD h2 * {color:#fff;display:block;line-height:60px;text-align:center;text-shadow:1px 1px 0 #000;}
.fullAD h2 b {font-size:48px;}

.fullAD h2 small {font-size:26px;}




@media only screen and (orientation : landscape) {
	.fullAD, .svLogin {background-size:cover;}
}

@media only screen and (orientation : portrait) {
	.fullAD, .svLogin {background-size:auto 100%;}
	
}




/* ===== baike ===== */
.baike, .baike .c {height:100px;}
.baike {background-color:#1d2737;z-index:1;}
.baike.fixed {left:0;position:fixed;/* top:146px; */top:0;z-index:990;}
.baike .c {margin:auto;width:1200px;}

.baike h2, .baike ol, .baike ul, .baike li {float:left;}
.baike h2 {padding-top:20px;}
.baike b, .baike a {display:block;}
.baike h2 b {color:#fff;font-size:26px;line-height:30px;text-align:center;}

.baike ol {padding:30px 0 0 20px;}
.baike li {height:40px;line-height:40px;margin-left:10px;}
.baike li b a {font-size:17px;padding:0 15px;}
.baike li.has b a {padding:0 24px 0 16px;}
.baike li b a:link, .baike li b a:visited {color:#fff;}
.baike li b a:hover, .baike li b a:active, .baike li:hover b a:link, .baike li:hover b a:visited  {background-color:#6cf;color:#fff;}

.baike li .cc, .baike em {position:absolute;}
.baike li .cc {display:none;padding-top:12px;}
.baike li:hover .cc {display:block;}
.baike .cc ul {background:#fff;border:2px solid #ddd;padding:20px 0 20px 20px;width:390px;}
.baike .cc ul:after, .baike .cc ul:before {bottom:100%;left:11%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.baike .cc ul:after {border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:7px;margin-left:-7px;margin-bottom:-2px;}
.baike .cc ul:before {border-color:rgba(221, 221, 221, 0);border-bottom-color:#ddd;border-width:9px;margin-left:-9px;}

.baike .cc li {height:30px;line-height:30px;margin:0;width:130px;}
.baike .cc li a:link, .baike .cc li a:visited {color:#666;}
.baike .cc li a:hover, .baike .cc li a:active {color:#6cf;}

.baike em {height:0;width:0;bottom:12px;right:14px;border-left:7px solid transparent;border-bottom:7px solid #fff;border-right:none;border-top:none;}


.baike p, .baike p a {display:block;height:80px;overflow:hidden;text-indent:-5000em;width:80px;}
.baike p {background-image:url(../act/baike/learn.png);bottom:10px;right:0;position:absolute;}


/* ===== masonry ===== */
.masonry {margin:40px 0 20px 0;width:1200px;}
.grid {width:1220px;}
.grid-item {margin:0 20px 20px 0;width:285px;}

.gc, .gcCode, .gcAD, .bkMenu {background-color:#fff;border:1px solid #ddd;}
.gc {line-height:24px;padding:20px;width:243px;}
.gc .t, .gc .t b {height:20px;line-height:20px;}
.gc .t {padding-bottom:12px;width:100%;}
.gc .t b {background-color:#56c5a9;color:#fff;float:left;font-size:12px;padding:0 5px;position:relative;}
.gc .t b:after {left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(86, 197, 169, 0);border-left-color:#56c5a9;border-width:10px;margin-top:-10px;}
.gc a {display:block;}
.gc a:link h3, .gc a:visited h3 {color:#666;}
.gc a:link h4, .gc a:visited h4, .gc a:link p, .gc a:visited p {color:#aaa;}
.gc a:hover *, .gc a:active * {color:#6cf !important;}
.gc a:hover img, .gc a:active img {opacity:0.75 !important;}


.gc h4 {font-size:12px;margin-top:4px;}
.gc h4 b {margin-right:16px;}
.gc p {margin-top:8px;}
.gc img {display:block;width:100%;}



/* ----- gcCode ----- */
.gcCode {padding:0 20px 20px 20px;width:243px;}
.gcCode p {padding-top:20px;text-align:center;}


/* ----- gcEditor ----- */
.gcEditor * {display:block;width:283px;}
.gcEditor a:link, .gcEditor a:visited {border:1px solid #40947f;}
.gcEditor a:hover, .gcEditor a:active {border:1px solid #6cf;}


/* ----- gcAD ----- */
.gcAD, .gcAD .bx-wrapper, .gcAD .bx-viewport, .gcAD li, .gcAD li * {width:283px;}
.gcAD, .gcAD .bx-wrapper {height:333px;}
.gcAD .bx-viewport, .gcAD li, .gcAD li a, .gcAD li img {height:283px;}
.gcAD li a, .gcAD li img {position:relative;z-index:0;}
.gcAD li p {bottom:0;height:42px;line-height:42px;left:0;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.gcAD li a:link p, .gcAD li a:visited p {background-color:#666;background-color:rgba(0,0,0,0.5);color:#eee;}
.gcAD li a:hover p, .gcAD li a:active p {background-color:#6cf;background-color:rgba(51,153,221,0.75);color:#fff;}

.gcAD .bx-controls, .gcAD .bx-pager, .gcAD .bx-pager-item, .gcAD .bx-pager-item a {height:16px;text-align:center;}
.gcAD .bx-controls {padding:17px 0;}
.gcAD .bx-pager-item, .gcAD .bx-pager-item a {width:16px;}
.gcAD .bx-pager-item {display:inline-block;margin:0 5px;}
.gcAD .bx-pager-item a {border-radius:50%;display:block;overflow:hidden;text-indent:-5000em;}
.gcAD .bx-pager-item a:link, .gcAD .bx-pager-item a:visited {background-color:#b2efff;}
.gcAD .bx-pager-item a:hover, .gcAD .bx-pager-item a:active, .gcAD .bx-pager-item a.active:link, .gcAD .bx-pager-item a.active:visited {background-color:#00c9ff;}



/* ===== bkArticle ===== */
.bkArticle {border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#5a5a5a;min-height:360px;width:1130px;}

.bkArticle h1 {font-size:24px;}
.bkArticle h2 {font-size:21px;}
.bkArticle h3 {font-size:18px;}
.bkArticle h4 {font-size:15px;}

.bkArticle, .bkArticle div, .bkArticle p {color:#666;font-size:15px;line-height:1.8;}
.bkArticle div, .bkArticle p {margin-top:1em;}
.bkArticle ol, .bkArticle ul {padding:0.5em 0 0.5em 2em;}
.bkArticle ol li {list-style:decimal inside;}
.bkArticle ul li {list-style:disc inside;}

.bkArticle table {background-color:#ddd;}
.bkArticle th, .bkArticle td {padding:8px 10px;}
.bkArticle th {background-color:#f6f6f6;}
.bkArticle td {background-color:#fff;}

.bkArticle b, .bkArticle strong, .bkArticle h1, .bkArticle h2, .bkArticle h3, .bkArticle h4 {color:#333;}
.bkArticle b, .bkArticle strong, .bkArticle b, .bkArticle h4 {font-weight:bold;}

.bkArticle img {margin:auto;}



/* ===== svLogin ===== */
.svLogin {background:url(../act/svp/bkg.jpg) 50% 100% no-repeat;background-size:cover;height:720px;width:100%;}
.svLogin .t {background-color:#fff;background-color:rgba(255,255,255,0.7);height:100px;}
.svLogin .t h1, .svLogin .t h2 {height:60px;margin-top:20px;}
.svLogin .t h1, .svLogin .t h2 em {overflow:hidden;text-indent:-5000em;}
.svLogin .t h1 {background-image:url(../act/svp/logo.png);float:left;width:200px;}
.svLogin .t h1 a, .svLogin .t h2 * {display:block;}
.svLogin .t h2 {float:right;width:300px;}
.svLogin .t h2 b {color:#fff;font-family:"DINpro", microsoft yahei, sans-serif;font-size:26px;line-height:35px;}
.svLogin .t h2 em {background-image:url(../act/svp/focus.png);height:25px;margin-left:45px;width:210px;}


.svLogin .c {padding-top:120px;}
.svLogin .cl {background-color:rgba(255,255,255,0.36);height:370px;margin-left:120px;padding:50px 0 0 40px;width:620px;}
.svLogin .cl h2, .svLogin .cl h3 {color:#111;line-height:1.5;}
.svLogin .cl h2 {font-size:48px;}
.svLogin .cl h2 b, .svLogin .cl h3 b {color:#fa0;}
.svLogin .cl h3 {font-size:24px;}
.svLogin .cl p {padding-top:20px;}
.svLogin .cl a {border-radius:6px;display:block;font-size:22px;height:42px;line-height:42px;text-align:center;width:262px;}
.svLogin .cl a:link, .svLogin .cl a:visited {border:3px solid #fff;color:#fff;}
.svLogin .cl a:hover, .svLogin .cl a:active {background-color:#f80;border:3px solid #f80;}


.svLogin .cr {background-color:rgba(238,238,238,0.9);height:420px;margin-right:50px;width:370px;}
.svLogin .cr h3 {padding-top:80px;color:#333;font-size:23px;line-height:1;text-align:center;}
.svLogin .cr form {padding:10px 40px;width:290px;}
.svLogin .cr p, .svLogin .cr dl {padding-top:20px;}
.svLogin .cr input, .svLogin .cr a {border-radius:4px;}
.svLogin .cr input[type="text"], .svLogin .cr input[type="password"] {border:1px solid #ccc;color:#888;height:20px;padding:12px 10px;width:268px;}
.svLogin .cr input[type="text"]:focus, .svLogin .cr input[type="password"] {border:1px solid #39d;color:#28c;}
.svLogin .cr dl, .svLogin .cr dt, .svLogin .cr dd {height:20px;line-height:20px;}
.svLogin .cr dt, .svLogin .cr dt * {float:left;}
.svLogin .cr dt input {margin-top:4px;}
.svLogin .cr dt b {margin-left:8px;}
.svLogin .cr dd {float:right;}
.svLogin .cr p a {color:#fff;display:block;font-size:17px;height:46px;line-height:46px;text-align:center;width:290px;}
.svLogin .cr p a:link, .svLogin .cr p a:visited {background-color:#6cf;}
.svLogin .cr p a:hover, .svLogin .cr p a:active {background-color:#8ef;}





/* ----- bkMenu ----- */
.bkMenu {border-top-width:0;margin-bottom:20px;}
.bkMenu li {border-top:1px solid #ddd;line-height:48px;width:283px;}
.bkMenu li a {padding-left:24px;}




/* ===== shopCart ===== */
.bgf1, .process p {background-color:#f6f6f6;}

.shopCart {margin:auto;width:1080px;}


/* ----- summary ---- */
.summary {padding:24px 0 64px 0;}
.summary b, .percent dd, .myCheck h3 {color:#5a5a5a;font-weight:bold;}
.summary i {color:#787878;margin:0 24px 0 2px;}


/* ----- progress ---- */
.progress, .progress ol, .process li, .process li i {position:relative;}
.progress {height:140px;padding-left:128px;width:952px;z-index:0;}

.percent, .percent * {display:block;}
.percent {height:64px;left:36px;position:absolute;top:4px;width:64px;}
.percent * {display:block;text-align:center;}
.percent dt, .percent dt b {height:48px;position:relative;width:48px;z-index:5;}
.percent dt {border:4px solid #f66;border-radius:16px;line-height:24px;overflow:hidden;padding:4px;}
.percent dt em, .percent dt i {background-image:url(../act/cart/progress.png);height:128px;left:-32px;position:absolute;top:-32px;width:128px;}
.percent dt em {z-index:1;}

.percent.pt10 em, .percent.pt20 em, .percent.pt30 em, .percent.pt40 em, .percent.pt50 em {background-position:0 -128px;}
.percent.pt60 em, .percent.pt70 em, .percent.pt80 em, .percent.pt90 em, .percent.pt100 em {background-position:0 -256px;}
.percent.pt10 i {transform:rotate(36deg);}
.percent.pt20 i {transform:rotate(72deg);}
.percent.pt30 i {transform:rotate(108deg);}
.percent.pt40 i {transform:rotate(144deg);}
.percent.pt50 i {transform:rotate(180deg);}
.percent.pt60 i {transform:rotate(216deg);}
.percent.pt70 i {transform:rotate(252deg);}
.percent.pt80 i {transform:rotate(288deg);}
.percent.pt90 i {transform:rotate(324deg);}
.percent.pt100 i {transform:rotate(360deg);}

.percent dt i {z-index:0;}
.percent dt i.pt10 {background-position:0 0;}
.percent i.pt10 {}

.percent dd {font-family:"DINpro";padding-top:8px;}

.process span, .process li i {background-color:#65dbe0;}
.process span, .process em,.process span:after {height:4px;display:block;position:absolute;z-index:0;}
.process span.bg1, .process span.bg3 {width:820px;}
.process span.bg1, .process span.bg1:after {border-radius:2px 0 0 2px;}
.process span.bg1 {left:128px;top:8px;}
.process span.bg2 {left:218px;top:64px;width:730px;}
.process span.bg3 {border-radius:0 2px 2px 0;left:218px;top:120px;}

.process span:after {content:" ";left:0;top:0;z-index:1;}
.process span.bg1:after {width:128px;}
.process span.bg2:after {width:70px;}


.process ol {z-index:5;}
.process ol.row1 {margin-left:15px;width:805px;}
.process ol.row1 li, .process ol.row1 li em {width:115px;}
.process ol.row1 li {float:left;}

.process ol.row2 {margin-left:160px;width:660px;}
.process ol.row2 li, .process ol.row2 li em {width:110px;}
.process ol.row2 li {float:right;}

.process li, .process li * {display:block;text-align:center;}
.process li {height:56px;z-index:5;}
.process li i {border-radius:50%;color:#fff;font-family:"DINpro";font-size:15px;height:18px;line-height:18px;margin-left:auto;margin-right:auto;width:18px;z-index:1;}


.pst01 .ps01 i, 
.pst02 .ps01 i, .pst02 .ps02 i, 
.pst03 .ps01 i, .pst03 .ps02 i, .pst03 .ps03 i, 
.pst04 .ps01 i, .pst04 .ps02 i, .pst04 .ps03 i, .pst04 .ps04 i, 
.pst05 .ps01 i, .pst05 .ps02 i, .pst05 .ps03 i, .pst05 .ps04 i, .pst05 .ps05 i, 
.pst06 .ps01 i, .pst06 .ps02 i, .pst06 .ps03 i, .pst06 .ps04 i, .pst06 .ps05 i, .pst06 .ps06 i, 
.pst07 .ps01 i, .pst07 .ps02 i, .pst07 .ps03 i, .pst07 .ps04 i, .pst07 .ps05 i, .pst07 .ps06 i, .pst07 .ps07 i, 
.pst08 .ps01 i, .pst08 .ps02 i, .pst08 .ps03 i, .pst08 .ps04 i, .pst08 .ps05 i, .pst08 .ps06 i, .pst08 .ps07 i, .pst08 .ps08 i, 
.pst09 .ps01 i, .pst09 .ps02 i, .pst09 .ps03 i, .pst09 .ps04 i, .pst09 .ps05 i, .pst09 .ps06 i, .pst09 .ps07 i, .pst09 .ps08 i, .pst09 .ps09 i, 
.pst10 .ps01 i, .pst10 .ps02 i, .pst10 .ps03 i, .pst10 .ps04 i, .pst10 .ps05 i, .pst10 .ps06 i, .pst10 .ps07 i, .pst10 .ps08 i, .pst10 .ps09 i, .pst10 .ps10 i, 
.pst11 .ps01 i, .pst11 .ps02 i, .pst11 .ps03 i, .pst11 .ps04 i, .pst11 .ps05 i, .pst11 .ps06 i, .pst11 .ps07 i, .pst11 .ps08 i, .pst11 .ps09 i, .pst11 .ps10 i, .pst11 .ps11 i, 
.pst12 .ps01 i, .pst12 .ps02 i, .pst12 .ps03 i, .pst12 .ps04 i, .pst12 .ps05 i, .pst12 .ps06 i, .pst12 .ps07 i, .pst12 .ps08 i, .pst12 .ps09 i, .pst12 .ps10 i, .pst12 .ps11 i, .pst12 .ps12 i, 
.pst13 .ps01 i, .pst13 .ps02 i, .pst13 .ps03 i, .pst13 .ps04 i, .pst13 .ps05 i, .pst13 .ps06 i, .pst13 .ps07 i, .pst13 .ps08 i, .pst13 .ps09 i, .pst13 .ps10 i, .pst13 .ps11 i, .pst13 .ps12 i, .pst13 .ps13 i {background-color:#f75e50;}

.process li em {display:none;}
.pst01 .ps01 em, 
.pst02 .ps01 em, .pst02 .ps02 em, 
.pst03 .ps01 em, .pst03 .ps02 em, .pst03 .ps03 em, 
.pst04 .ps01 em, .pst04 .ps02 em, .pst04 .ps03 em, .pst04 .ps04 em, 
.pst05 .ps01 em, .pst05 .ps02 em, .pst05 .ps03 em, .pst05 .ps04 em, .pst05 .ps05 em, 
.pst06 .ps01 em, .pst06 .ps02 em, .pst06 .ps03 em, .pst06 .ps04 em, .pst06 .ps05 em, .pst06 .ps06 em, 
.pst07 .ps01 em, .pst07 .ps02 em, .pst07 .ps03 em, .pst07 .ps04 em, .pst07 .ps05 em, .pst07 .ps06 em, .pst07 .ps07 em, 
.pst08 .ps01 em, .pst08 .ps02 em, .pst08 .ps03 em, .pst08 .ps04 em, .pst08 .ps05 em, .pst08 .ps06 em, .pst08 .ps07 em, .pst08 .ps08 em, 
.pst09 .ps01 em, .pst09 .ps02 em, .pst09 .ps03 em, .pst09 .ps04 em, .pst09 .ps05 em, .pst09 .ps06 em, .pst09 .ps07 em, .pst09 .ps08 em, .pst09 .ps09 em, 
.pst10 .ps01 em, .pst10 .ps02 em, .pst10 .ps03 em, .pst10 .ps04 em, .pst10 .ps05 em, .pst10 .ps06 em, .pst10 .ps07 em, .pst10 .ps08 em, .pst10 .ps09 em, .pst10 .ps10 em, 
.pst11 .ps01 em, .pst11 .ps02 em, .pst11 .ps03 em, .pst11 .ps04 em, .pst11 .ps05 em, .pst11 .ps06 em, .pst11 .ps07 em, .pst11 .ps08 em, .pst11 .ps09 em, .pst11 .ps10 em, .pst11 .ps11 em, 
.pst12 .ps01 em, .pst12 .ps02 em, .pst12 .ps03 em, .pst12 .ps04 em, .pst12 .ps05 em, .pst12 .ps06 em, .pst12 .ps07 em, .pst12 .ps08 em, .pst12 .ps09 em, .pst12 .ps10 em, .pst12 .ps11 em, .pst12 .ps12 em, 
.pst13 .ps01 em, .pst13 .ps02 em, .pst13 .ps03 em, .pst13 .ps04 em, .pst13 .ps05 em, .pst13 .ps06 em, .pst13 .ps07 em, .pst13 .ps08 em, .pst13 .ps09 em, .pst13 .ps10 em, .pst13 .ps11 em, .pst13 .ps12 em, .pst13 .ps13 em {display:block;;}


.process li b, .process li strong {margin-top:4px;}
.process li b {}
.process li strong {color:#f75e50;}
.process li em, .process span.bg3, .process span.bg1:after, .process span.bg2:after {background-color:#f75e50;}
.process li em {left:0;top:8px;}

.process p {height:20px;left:234px;line-height:20px;position:absolute;text-align:center;top:110px;width:700px;z-index:3;}


.bdc, .bdc i {position:absolute;}
.bdc  {height:60px;overflow:hidden;width:60px;}
.bdc1 {left:948px;top:8px;}
.bdc2 {left:158px;top:64px;}

.bdc i {border-radius:50%;height:52px;width:52px;}
.bdc1 i {border:4px solid #65dbe0;left:-30px;}
.bdc2 i, .pst08 .bdc1 i, .pst09 .bdc1 i, .pst10 .bdc1 i, .pst11 .bdc1 i, .pst12 .bdc1 i, .pst13 .bdc1 i {border:4px solid #f75e50;}
.bdc2 i {right:-30px;}



.myCheck, .myCheck .t {width:1080px;}
.myCheck {padding-bottom:32px;}
.myCheck h3 {font-size:15px;height:40px;line-height:1;}
.myCheck .t {background-color:#e3e3e3;height:40px;line-height:40px;}
.myCheck .t b {float:left;text-align:center;}
.myCheck .t b.t1 {width:360px;}
.myCheck .t b.t2 {width:240px;}
.myCheck .t b.t3, .myCheck .t b.t5 {width:120px;}
.myCheck .t b.t4 {width:160px;}
.myCheck .t b.t6 {width:80px;}


.myCheck .c {background-color:#fff;}

.myCheck .rows {height:130px;}
.myCheck .rows i.type {background-image:url(../act/cart/type.png);height:64px;margin:33px 30px 0 50px;width:64px;}
.myCheck .rows i.tp2 {background-position:0 -65px;}
.myCheck .infos, .myCheck .infos p {width:216px;}
.myCheck .infos {padding-top:28px;}
.myCheck .infos p, .myCheck .rows dd {height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myCheck .infos p b, .myCheck .rows dd {color:#333;font-weight:bold;}

.myCheck .rows dl {float:left;}
.myCheck .rows dl, .myCheck .rows dt, .myCheck .rows dd {text-align:center;width:240px;}
.myCheck .rows dt {padding-top:25px;}
.myCheck .rows dt img {border-radius:50%;box-shadow:0 0 1px #ccc;height:56px;width:56px;}

.myCheck .rows .price {color:#aaa;line-height:130px;text-align:center;width:120px;}
.myCheck .rows .price b, .myCheck .rows .price strong, .myCheck .total b, .myCheck .total strong {font-family:"DINpro";margin-right:2px;}
.myCheck .rows .price b {color:#666;}
.myCheck .rows .price strong {color:#f80;}


.myCheck .modify {height:28px;padding:51px 15px 0 15px;width:130px;}
.myCheck .modify a, .myCheck .modify input {float:left;text-align:center;}
.myCheck .modify a {font-family:simsun, microsoft yahei, sans-serif;font-size:17px;height:26px;line-height:26px;width:26px;}
.myCheck .modify a:link, .myCheck .modify a:visited {border:1px solid #ddd;color:#888;}
.myCheck .modify a:hover, .myCheck .modify a:active {background-color:#f80;border:1px solid #f60;color:#fff;}

.myCheck .modify input {border:0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:26px;margin:0;padding:0 10px;width:54px;}
.myCheck .modify input:focus {color:#f80;}


.myCheck .action, .myCheck .action * {display:block;height:28px;line-height:28px;text-align:center;width:28px;}
.myCheck .action {padding:51px 26px 0 26px;}
.myCheck .action a:link, .myCheck .action a:visited {background-color:#f6f6f6;border-radius:4px;color:#666;}
.myCheck .action a:hover, .myCheck .action a:active {background-color:#fa0;color:#fff;}


.myCheck .total {border-bottom:2px solid #f1f2f6;border-top:2px solid #f1f2f6;padding:20px 0 32px 0;}
.myCheck .total dl, .myCheck .total dt, .myCheck .total dd {float:left;height:40px;line-height:40px;text-align:right;}
.myCheck .total dl {padding-left:780px;width:300px;}
.myCheck .total dt {width:100px;}
.myCheck .total dd {color:#aaa;padding-right:50px;width:150px;}
.myCheck .total b, .myCheck .total strong {color:#f60;}
.myCheck .total b {font-size:17px;}
.myCheck .total strong {font-size:21px;}

.myCheck .total p {float:left;padding:20px 50px 0 0;width:1030px;}
.myCheck .total a {float:right;height:38px;line-height:38px;margin-left:16px;text-align:center;width:150px;}

.myCheck .total a.white:link, .myCheck .total a.white:visited {border:1px solid #ddd;color:#888;}
.myCheck .total a.orange:link, .myCheck .total a.orange:visited {background-color:#f50;border:1px solid #f50;color:#fff;}
.myCheck .total a:hover, .myCheck .total a:active {background-color:#fa0 !important;border:1px solid #fa0 !important;color:#fff !important;}




.myCheck .vantage {max-width:1080px !important;min-width:1080px !important;padding:32px 0;width:1080px !important;}
.myCheck .vantage ul {padding-left:50px;}






/* ===== ===== ===== isrc ===== ===== ===== */
.isrcTop, .isrcSVC, .isrcSVC .t, .isrcSVC .tc, .vbt, .svMain, .vfoot {min-width:1100px;width:100%;}
.isrcTop {background:#f3f3f3 url(../act/isrc/bgh.jpg) 50% 50% no-repeat;height:570px;}
.nx {margin:auto;width:1100px;}


/* ===== heads ===== */
.isrcTop .heads {padding-top:16px;}

.isrcLogo, .isrcLogo a {height:56px;width:290px;}
.isrcLogo {background-image:url(/act/isrc/logo.png);background-size:290px 56px;}
.isrcLogo a {display:block;}


.isrcTop .heads ol, .isrcTop .heads ol li, .isrcTop .heads p *, .isrcTop .c h3 *, .isrcSVC .tc p, .isrcSVC .tc li {float:left;}
.isrcTop .heads ol, .isrcTop .heads ol li {height:46px;line-height:46px;}
.isrcTop .heads ol {padding-top:5px;}
.isrcTop .heads ol li {font-size:19px;padding-left:32px;}
.isrcTop .heads ol li a:link, .isrcTop .heads ol li a:visited {color:#333;}
.isrcTop .heads ol li.cur a:link, .isrcTop .heads ol li.cur a:visited {color:#1667d0;}
.isrcTop .heads ol li a:hover, .isrcTop .heads ol li a:active {color:#fa0 !important;}

.usrFunc {margin-top:6px;}
.usrFunc p {float:left;height:30px;}
.usrFunc p a {font-size:15px;height:28px;line-height:28px;padding:1px;}

.usrFunc p a.pub, .myUC p a {border-radius:6px;padding:0 8px;}
.usrFunc p a.pub:link, .usrFunc p a.pub:visited {border:1px solid #fb9809;color:#fb9809;}
.usrFunc p a.pub:hover, .usrFunc p a.pub:active {background-color:#fa0;border-color:#fa0;color:#fff;}

.usrFunc p em, .isrcTop .c h3 em {background-color:#fb9809;border-radius:2px;height:20px;overflow:hidden;width:4px;}
.usrFunc p em {margin:5px 12px;}



/* ----- uForm ----- */
.uForm {height:0;position:relative;z-index:9990;}
.uForm .inner {background-color:#fff;border:5px solid #ccc;display:none;left:50%;margin-left:210px;position:absolute;top:95px;width:330px;}
.uForm .t, .uForm .c {border:1px solid #ddd;}
.uForm .t, .uForm .t * {height:48px;line-height:48px;}
.uForm .t {border-bottom:0 none;width:328px;}


.uForm .t li {background-color:#f6f6f6;color:#333;cursor:pointer;float:left;text-align:center;width:50%;}
.uForm .t li.cur {background-color:#fff;color:#f80;}

.uForm .c, .uForm .c div, .uForm .c p {float:left;width:268px;}
.uForm .c {border-top:0 none;padding:12px 30px 30px 30px;}
.uForm .c div, .uForm .c p, .uForm .c dl {margin-top:16px;}
.ufc, .ufc input {position:relative;z-index:5;}
.ufc i, .ufc em {height:16px;line-height:16px;position:absolute;top:10px;}
.ufc i {background-image:url(../act/isrc/userIcon.png);left:10px;width:16px;z-index:6;}
.ufc em {color:#aaa;left:10px;z-index:3;}
.ufci em {left:36px;}

i.icoUPass {background-position:0 -16px;}

.ufc input[type='text'], .ufc input[type='password'], .uForm .c dt input[type='text'] {background:none transparent;border:1px solid #ddd;height:16px;line-height:16px;padding:10px;}
.ufc input[type='text'], .ufc input[type='password'] {width:246px;}
.ufc input[type='text']:focus, .ufc input[type='password']:focus {border:1px solid #fa0;color:#f80;}

.uForm #uForm0 input[type='text'], .uForm #uForm0 input[type='password'] {padding:10px 0 10px 36px;width:232px;}

.uForm .c .note {background-color:#fff6e4;border:1px solid #fc6;color:#e00;display:none;line-height:36px;margin-bottom:8px;text-indent:1em;width:266px;}
.uForm .c p {text-align:right;}

.uForm .c input[type='submit'] {background-color:#f80;border:0 none;color:#fff;cursor:pointer;font-size:21px;height:48px;line-height:48px;text-align:center;width:100%;}
.uForm .c input[type='submit']:hover {background-color:#fc0;}

.uForm .c dl, .uForm .c dt, .uForm .c dd {float:left;height:38px;}
.uForm .c dl {width:268px;}
.uForm .c dt, .uForm .c dd {width:129px;}
.uForm .c dt {padding-right:10px;}
.uForm .c dt input {width:109px;}
.uForm .c dd a {display:block;line-height:36px;text-align:center;width:127px;}
.uForm .c dd a:link, .uForm .c dd a:visited {background-color:#f6f6f6;border:1px solid #ddd;color:#888;}
.uForm .c dd a:hover, .uForm .c dd a:active {background-color:#fa0;border:1px solid #f90;color:#fff;}


.uForm a.closeBT {background-image:url(/act/isrc/close.png);display:block;height:36px;overflow:hidden;position:absolute;right:-38px;text-indent:-5000em;top:-38px;width:36px;}
.uForm a.closeBT:hover {background-position:0 -36px;}



/* ----- logined ----- */
.usrFunc .logined, .usrFunc .logined em, .usrFunc .logined strong, .usrFunc .logined p * {float:left;height:30px;line-height:30px;}
.usrFunc .logined em {border-left:1px solid #333;height:12px;margin:9px 12px;width:0;}



.myUC, .myUC p a i, .dropDown ul {position:relative;z-index:5;}
.myUC p a:hover, .myUC p a:active, .myUC:hover p a:link, .myUC:hover p a:visited {background-color:#fa0;color:#fff;}
.myUC p a b {margin-right:4px;}
.myUC p a i {height:30px;text-align:center;width:16px;}
.myUC p a:hover i, .myUC p a:active i {transform:rotate(-180deg);}

.dropDown, .dropDown ul:after {position:absolute;z-index:6;}
.dropDown {display:none;padding-top:10px;right:0;top:30px;width:136px;}
.myUC:hover .dropDown, .dropDown li a {display:block;}
.dropDown ul {background-color:#fff;border-radius:6px;padding:6px 0;}
.dropDown li {line-height:32px;}
.dropDown li a:link, .dropDown li a:visited {padding-left:16px;}
.dropDown li a:hover, .dropDown li a:active {background-color:#fa0;color:#fff;}

.dropDown ul:after {border: solid transparent;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;bottom: 100%;content: " ";height: 0;right: 12%;margin-left: -6px;pointer-events: none;width: 0;}


/* ===== c ===== */
.isrcTop .c {padding-top:96px;}

.isrcTop .c h2, .isrcTop .c h4 {line-height:1;}
.isrcTop .c h2 {background-image:url(/act/isrc/t.png);background-size:auto 54px;height:54px;margin:16px 0;overflow:hidden;text-indent:-5000em;width:100%;}
.isrcTop .c h3, .isrcTop .c h3 i {height:48px;}
.isrcTop .c h3 {color:#666;font-size:21px;}

.isrcTop .c h3 i {background-image:url(/act/isrc/xin_48.png);width:48px;}
.isrcTop .c h3 b {line-height:48px;}
.isrcTop .c h3 em {margin:14px 12px;}

.isrcTop .c h4 {color:#111;font-size:17px;}

.ticker, .ticker ul, .ticker li {float:left;}
.ticker, .ticker .bx-wraper, .ticker .bx-viewport, .ticker, .ticker ul, .ticker li {height:48px;line-height:48px;}
.ticker, .ticker .bx-wraper, .ticker .bx-viewport {overflow:hidden;width:480px;}
.ticker {background-color:#fff;border-radius:24px;margin-top:24px;padding:0 24px;}
.ticker li {font-size:15px;}



/* ===== ===== ===== isrcSVC ===== ===== ===== */
.isrcSVC {background-color:#fb9809;}

.isrcSVC .t {height:0;z-index:1 !important;}
.isrcSVC .tc, .isrcSVC .tc p, .isrcSVC .tc ul, .isrcSVC .tc li, .isrcSVC .tc li a {height:36px;line-height:36px;}
.isrcSVC .tc {bottom:0;position:absolute;}
.isrcSVC .tc a {border-radius:6px 6px 0 0;display:block;padding:0 32px;}
.isrcSVC .tc a:link, .isrcSVC .tc a:visited {background-color:#1667d0;color:#fff;}
.isrcSVC .tc a:hover, .isrcSVC .tc a:active {background-color:#fc0;}
.isrcSVC .tc ul {float:right;}
.isrcSVC .tc li {padding-left:10px;}
.isrcSVC .tc li b {font-size:12px;margin:0 8px;opacity:0.75;}
.isrcSVC .tc li.cur a:link, .isrcSVC .tc li.cur a:visited {background-color:#fb9809;}
.isrcSVC .tc li.cur a:hover, .isrcSVC .tc li.cur a:active {background-color:#fc0;}

.isrcSVC .c h3 {color:#fff;font-size:32px;line-height:1;padding:48px 0 32px 0;text-align:center;}
.isrcSVC .c ul {height:192px;padding:0 156px;width:788px;}
.isrcSVC .c li {border:2px solid #fcf9f7;border-radius:12px;float:left;height:188px;margin:0 51px;width:288px;}
.isrcSVC .c li * {display:block;margin:auto;text-align:center;}
.isrcSVC .c li {}

.isrcSVC .c li i {background-image:url(../act/isrc/svcIcons.png);height:64px;margin:24px auto 12px auto;width:64px;}
.isrcSVC .c li h4, .isrcSVC .c li b {line-height:32px;}
.isrcSVC .c li h4 {color:#fff;font-size:20px;}
.isrcSVC .c li b {color:#333;font-size:16px;}

.isrcSVC .c p, .isrcSVC .c p a {height:48px;line-height:48px;}
.isrcSVC .c p {padding:42px 0 16px 0;}
.isrcSVC .c p a {border-radius:6px;color:#fff;display:block;font-size:28px;margin:auto;text-align:center;width:210px;}
.isrcSVC .c p a:link, .isrcSVC .c p a:visited {background-color:#1667d0;}
.isrcSVC .c p a:hover, .isrcSVC .c p a:active {background-color:#fc0;}


/* ===== vbt+vfoot ===== */
.vbt, .vbt img {height:76px;width:100%;}
.vbt {background:#fff url(../act/isrc/vbm.png) 51% 0 no-repeat;padding-bottom:24px;}

.vfoot .t, .vfoot .t img {height:42px;width:100%;}
.vfoot, .vfoot .c {background-color:#1667d0;}
.vfoot .c {padding:84px 0;text-align:center;}
.vfoot .c * {display:inline-block;height:80px;line-height:80px; vertical-align:top;}
.vfoot .c i {background-image:url(/act/isrc/logo_80.png);background-size:80px 80px;margin:0 24px;width:80px;}
.vfoot .c b {color:#fff;font-size:36px;}



/* ===== ===== vbtm ===== ===== */
.vbtm {}


/* ===== ofWorth+footer ===== */
.vbtm .ofWorth {background-color:#fff;height:48px;}
.vbtm .ofWorth p {padding:16px 0;}
.vbtm .ofWorth p b {color:#fb9809;font-size:19px;font-weight:normal;}






/* ===== svStat+isrcSwap ===== */
.svStat, .isrcSwap {height:0;position:relative;z-index:5;}
.svStat {margin-bottom:48px;}
.svStat p, .isrcSwap .c {left:0;position:absolute;z-index:0;}
.svStat p {height:36px;line-height:36px;top:-36px;}
.svStat p em {margin:0 12px;}


.isrcSwap {margin-bottom:21px;}
.isrcSwap .c {height:60px;padding-left:325px;top:-74px;width:815px;}
.isrcSwap .c p, .isrcSwap .c div, .isrcSwap .c h4, .isrcSwap .c li {float:left;}

.isrcSwap .c a, .isrcSwap .c div {border-radius:6px 6px 0 0;display:block;}
.isrcSwap .c p, .isrcSwap .c li {height:42px;line-height:42px;padding-top:18px;}
.isrcSwap .c p {text-align:center;width:120px;}
.isrcSwap .c p a:link, .isrcSwap .c p a:visited {background-color:#1667d0;color:#fff;}
.isrcSwap .c p a:hover, .isrcSwap .c p a:active {background-color:#6cf;}

.isrcSwap .c div {background-color:#fb9809;height:60px;margin-left:10px;padding:0;width:670px;}

.isrcSwap .c h4 {color:#fff;line-height:20px;padding:10px 0;text-align:center;width:60px;}
.isrcSwap .c h4 b {display:block;text-align:center;}
.isrcSwap .c li {margin-right:10px;width:295px;}
.isrcSwap .c div * {font-size:12px;}
.isrcSwap .c li a {display:block;text-align:center;width:100%;}
.isrcSwap .c li a:link, .isrcSwap .c li a:visited {background-color:#1667d0;color:#fff;}
.isrcSwap .c li a:hover, .isrcSwap .c li a:active {background-color:#6cf;}

.isrcSwap .c li.cur {height:48px;line-height:48px;padding-top:12px;}
.isrcSwap .c li.cur a:link, .isrcSwap .c li.cur a:visited {background-color:#fff;color:#333;}
.isrcSwap .c li.cur a:hover, .isrcSwap .c li.cur a:active {background-color:#6cf;}

.isrcSwap .c li a em {color:#9cf;margin:0 2px;}

.isrcSwap .c li a * {display:inline-block;}
.isrcSwap .c li h5 {/* padding-left:12px; */}




/* ===== svMain ===== */
.svMain {background-color:#fff;padding-top:120px;}

.svm {color:#333;width:1200px;}
.svm h3 {font-size:32px;line-height:1;}
.svm p {font-size:19px;line-height:36px;}

.svm em {background-image:url(/act/isrc/check.png);background-size:48px 48px;height:48px;width:48px;}

.svm dl, .svm dt, .svm dd {width:100px;}
.svm dt {height:100px;}

.svm dd {padding-top:8px;text-align:center;}

.vm-1 {padding-bottom:48px;}
.vm-1 .y {padding:0 55px 0 80px;width:545px;}
.vm-1 .y h4 {font-size:20px;padding:10px 0 36px 0;text-align:center;width:530px;}
.vm-1 .y p {color:#333;font-size:13px;line-height:23px;padding-left:60px;text-indent:2em;width:410px;}
.vm-1 .y i {background-image:url(../act/isrc/vb-2.png);bottom:24px;height:26px;left:100px;width:26px;}
.vm-1 .y em {left:630px;top:340px;}

.vm-1 .z {padding:120px 40px 0 0;width:480px;}
.vm-1 .z b {background-image:url(../act/isrc/vb-1.png);display:block;height:38px;margin:auto;width:38px;}
.vm-1 .z h3, .vm-2 .y h3 {padding:8px 0;}

.vm-1 dl {left:1180px;top:130px;}
.vm-1 dt {background-image:url(/act/isrc/vt1_100.png);}


.vm-2 {padding-bottom:180px;}
.vm-2 .y {padding:32px 0 0 32px;width:500px;}

.vm-2 .z {padding-right:145px;width:425px;}
.vm-2 .z h3, .vm-2 .z p {text-align:center;width:410px;}
.vm-2 .z h3, .vm-3 .z h3 b {color:#d13315;font-size:24px;padding-top:4px;}

.vm-2 .z i {background-image:url(../act/isrc/vb-3.png);height:30px;left:565px;top:225px;width:24px;}
.vm-2 .z em {left:1060px;top:245px;}

.vm-2 dl {left:-100px;top:48px;}
.vm-2 dt {background-image:url(/act/isrc/vt2_100.png);}



.vm-3 {padding-bottom:160px;}
.vm-3 .y {padding-left:60px;}
.vm-3 .z {padding-right:50px;width:520px;}
.vm-3 .z h3 * {display:block;}
.vm-3 .z h3 b {padding:24px 0 16px 0;}
.vm-3 .y em {left:555px;top:170px;}

.vm-3 dl {left:1080px;top:-40px;}
.vm-3 dt {background-image:url(/act/isrc/vt3_100.png);}


.svm dl, .svm em, .svm i {position:absolute;z-index:0;}





/* ===== guard ===== */
.guardAD, .guardAD * {display:block;width:100%;}


/* ===== svGuard ===== */
.svGuard {padding-bottom:56px;}
.svGuard .t {padding:96px 0 16px 0;}
.svGuard .t * {text-align:center;}
.svGuard .t h2, .svGuard .t h2 * {height:50px;line-height:50px;}
.svGuard .t h2 {font-size:38px;}
.svGuard .t h2 *, .svGC .gc dt *, .svGC .gc h4 * {display:inline-block;vertical-align:top;}
.svGuard .t h2 em {color:#000;}
.svGuard .t h2 b, .svGC .gc dt b {color:#d22;}
.svGuard .t h2 i {background-image:url(../act/guard/t.png);margin-right:96px;width:50px;}
.svGuard .t p {line-height:1;padding:16px 0;}
.svGuard .t p * {font-size:16px;}
.svGuard .t p b {color:#bbb;padding:0 12px;}

.svGuard .t p a.more:link, .svGuard .t p a.more:visited {color:#39d;}
.svGuard .t p a.more:hover, .svGuard .t p a.more:active {color:#fa0;}


.svGC {width:374px;}
.svGC.mid {margin:0 39px;}
.svGC .gc, .svGC h5 {border-radius:8px;}
.svGC .gc {display:block;height:558px;width:332px;}
.svGC a.gc:link, .svGC a.gc:visited {border:1px solid #ddd;padding:1px 20px;}
.svGC a.gc:hover, .svGC a.gc:active {border-width:2px;padding:0 19px;}
.svGC a.gc:hover, .svGC a.gc:active, .svGC a.gc:hover *, .svGC a.gc:active * {border-color:#f90 !important;color:#fa0 !important;}

.svGC i.pm, .svGC .count i {position:absolute;right:0;}

.svGC h2, .svGC h3, .svGC h4, .svGC h5 {line-height:1;text-align:center;}
.svGC .gc h2 {color:#39d;font-size:42px;padding:58px 0 12px 0;}
.svGC .gc h3, .svGC .gc dl {border-bottom:2px dashed #ddd;padding-bottom:12px;}
.svGC .gc h3 {color:#000;font-size:19px;line-height:1;}
.svGC .gc p.include {height:140px;line-height:28px;padding:20px 16px 30px 16px;}

.svGC .gc dt, .svGC .gc dd {font-size:15px;line-height:28px;text-align:center;}
.svGC dl b, .svGC .gc h4 *, .svGC .count li b, .svGC .count li strong {font-weight:bold;margin:0 4px;}
.svGC i.fa-tag {color:#ccc;font-size:18px;}
.svGC .gc dd b, .svGC .gc h4 * {color:#39d;margin:0 4px;}

.svGC .gc h4 {font-size:14px;padding-top:12px;}
.svGC .gc h4 * {line-height:22px;}
.svGC .gc h4 b {border:1px solid #ccc;border-radius:4px;line-height:20px;padding:0 8px;} 


.svGC .count {height:70px;margin:0 6px;padding:8px 71px 0 0;width:249px;}
.svGC .count p, .svGC .count p b {border-radius:5px;height:10px;line-height:10px;}
.svGC .count p {background-color:#ddd;}
.svGC .count p b {background-color:#f66;display:block;}
.svGC .count ul {height:50px;padding-top:10px;width:100%;}
.svGC .count li {float:left;font-size:14px;text-align:center;width:83px;}
.svGC .count li * {display:block;line-height:25px;}
.svGC .count i {background-image:url(../act/guard/bao_50.jpg);height:50px;top:10px;width:50px;}
.svGC .count li strong {color:#f66;}

.svGC h5 {border:1px solid #ddd;color:#c00;font-size:15px;line-height:24px;margin-top:16px;padding:8px 0;}






/* ===== ===== trade ===== ===== */
.bgw {background-color:#fff;}
.bgf6 {background-color:#f6f6f6;}
.bgf8 {background-color:#f8f8f8;}



/* ===== ===== trade ===== ===== */
.trade, .trade .c, .cooperation, .cooperation .c {height:480px;width:100%;}
.trade {background:url(../act/trade/bg.jpg) 50% 100% no-repeat;background-size:100% auto;}
.cooperation {background:url(../act/cooperate/bg.jpg) 50% 100% no-repeat;background-size:100% auto;}
.trade .c {background-color:rgba(0,0,0,0.25);}
.cooperation .c {background-color:rgba(255,255,255,0.2);}
.trade h2, .trade h4, .cooperation h2, .cooperation h4, .system h2, .tradeSVC h2 {text-align:center;}
.trade h2, .cooperation h2 {color:#fff;font-size:48px;padding:180px 0 24px 0;}
.trade h4, .cooperation h4 {color:#eee;font-size:21px;}



/* ===== ===== system+tradeSVC ===== ===== */
.system, .tradeSVC, .cooperate {padding:72px 0;}
.system h2, .tradeSVC h2 {font-size:25px;padding-bottom:48px;}
.system h2 *, .tradeSVC h2 * {display:inline-block;line-height:35px;vertical-align:top;}
.system h2 b, .tradeSVC h2 b {color:#5a5a5a;}
.system h2 em, .tradeSVC h2 em {border-top:1px solid #ddd;height:0;margin:17px 24px;width:280px;}

.system dl {width:254px;}
.system dl.y {border-right:1px dotted #ddd;margin-right:30px;padding-right:30px;}
.system dt, .system dd {float:left;}
.system dt, .system dt i {height:64px;line-height:64px;}
.system dt {width:84px;}
.system dt i {border-radius:50%;color:#fff;font-size:32px;text-align:center;width:64px;}

i.sys1 {background-color:#fb7575;}
i.sys2 {background-color:#72c292;}
i.sys3 {background-color:#70aaf1;}
i.sys4 {background-color:#8ad455;}

.system dd {width:170px;}
.system h4 {color:#333;font-size:15px;font-weight:bold;line-height:1;padding:2px 0 6px 0;}
.system p {color:#aaa;line-height:1.6;}


.tradeSVC li {float:left;margin-left:24px;}
.tradeSVC li:first-child {margin:0 !important;}
.tradeSVC li * {display:block;text-align:center;}
.tradeSVC li a {border-radius:8px;height:150px;width:129px;}
.tradeSVC li a:link, .tradeSVC li a:visited {background-color:#f3f3f3;color:#5a5a5a;}

.tradeSVC a i {color:#aaa;font-size:56px;height:72px;line-height:72px;padding:24px 0 12px 0;}


/* ---- cooperate ----- */
.cooperate img, .cooperate .cc {width:45%;}
.cooperate .coop-l img, .cooperate .coop-r .cc {float:right;}
.cooperate .coop-r img, .cooperate .coop-l .cc {float:left;}

.cooperate .cc {padding:0 5%;}
.cooperate h3 {color:#333;font-size:25px;}
.cooperate p, .cooperate ul {color:#888;font-size:17px;line-height:1.6;}
.cooperate p, .cooperate h4 {padding-top:24px;}

.cooperate h4 {color:#333;font-size:15px;font-weight:bold;}
.cooperate ul {padding:16px 0 0 16px;width:80%;}
.cooperate li {color:#666;list-style:disc inside;float:left;padding-bottom:8px;width:50%;}



/* ===== socicalogin ===== */
.socicalogin, .socicalogin h3, .socicalogin p {width:100%;}
.socicalogin {padding-top:24px;}
.socicalogin h3, .socicalogin p, .socicalogin p * {text-align:center;}
.socicalogin h3 {height:25px;line-height:25px;}
.socicalogin * {display:inline-block; vertical-align:top;}
.socicalogin b {font-size:15px;margin:0 24px;}
.socicalogin em {border-top:1px solid #ddd;height:0;margin-top:12px;width:25%;}

.socicalogin p {padding-top:16px;}
.socicalogin p a, .socicalogin p i {border-radius:50%;height:48px;line-height:48px;width:48px;}
.socicalogin p a {margin:0 12px;}
.socicalogin p i.fa {color:#fff;font-size:21px;}
.socicalogin a:link i.fa-qq, .socicalogin a:visited i.fa-qq {background-color:#39d;}
.socicalogin a:hover i.fa-qq, .socicalogin a:active i.fa-qq {background-color:#6cf;}







/* ==== bPage_20160806 ===== */



/* ==== bPage ===== */
.bBox, .baoT h3, .bSwaper .c {background-color:#fff;}

.bBox, .bSwap li a, .bContent, .bContent {border:1px solid #ddd;}

.baoT, .baoT h3, .bSwap, .bContent {position:relative;}
.baoT h3, .baoType ol, .baoType li, .bValue li, .bSwap li {float:left;}
.bContent {font-size:15px;}
.baoT h3, .baoType p, .baoType li b, .bSwap li a {font-size:16px;}
.baoType h3, .baoType h4, .bValue li {font-size:22px;}


.baoT h3, .bContent dt, .bContent dd b {font-weight:bold;}


.baoType li *, .bSwap li a {display:block;}
.baoType h3, .baoType li *, .bValue li {text-align:center;}

.bBox, .baoType li a, .baoType li b, .bValue {border-radius:4px;}
.baoType li em, .baoType li i {border-radius:50%;}

.bPage {padding-bottom:40px;}

.bBox.bFull {padding:32px 40px 40px;width:1118px;}
.bBox.bLeft {padding:24px 32px 32px;width:804px;}
.bBox.bRight {width:300px;}


/* ----- t ----- */
.baoT, .baoT h3 {height:35px;line-height:35px;z-index:5;}
.baoT h3 {margin-left:16px;padding:0 10px;}
.baoT b {border-top:1px solid #ddd;height:0;left:0;position:absolute;top:17px;width:100%;z-index:0;}


/* ----- type ----- */
.baoType {}
.baoType h3 {color:#666;margin-top:54px;}
.baoType h3 b {color:#39d;}


.baoType ol {padding-top:54px;}
.baoType li {width:348px}
.baoType li.type-2 {margin:0 37px;}

.baoType li * {margin:auto;}
.baoType li a {padding:48px 0;width:346px;}
.baoType li a:link, .baoType li a:visited {border:1px solid #ddd;color:#5a5a5a;}
.baoType li a:hover, .baoType li a:active {}
.baoType li.type-1 a:hover, .baoType li.type-1 a:active {border:1px solid #fca2a2;color:#fca2a2;}
.baoType li.type-2 a:hover, .baoType li.type-2 a:active {border:1px solid #a0d6b6;color:#a0d6b6;}
.baoType li.type-3 a:hover, .baoType li.type-3 a:active {border:1px solid #9fc6f6;color:#9fc6f6;}

.baoType li em {height:112px;width:112px;}
.baoType li.type-1 a:link em, .baoType li.type-1 a:visited em {background-color:#fb7575;border:8px solid #fb7575;}
.baoType li.type-1 a:hover em, .baoType li.type-1 a:active em {background-color:#fca2a2;border-color:#fca2a2;}

.baoType li.type-2 a:link em, .baoType li.type-2 a:visited em {background-color:#72c292;border:8px solid #72c292;}
.baoType li.type-2 a:hover em, .baoType li.type-2 a:active em {background-color:#a0d6b6;border-color:#a0d6b6;}

.baoType li.type-3 a:link em, .baoType li.type-3 a:visited em {background-color:#70aaf1;border:8px solid #70aaf1;}
.baoType li.type-3 a:hover em, .baoType li.type-3 a:active em {background-color:#9fc6f6;border-color:#9fc6f6;}

.baoType li i {color:#fff;font-size:48px;height:108px;line-height:108px;width:108px;}
.baoType li a:link i, .baoType li a:visited i {border:2px solid #fff;}
.baoType li.type-1 a:hover i, .baoType li.type-1 a:active i {border-color:#fb7575;}
.baoType li.type-2 a:hover i, .baoType li.type-2 a:active i {border-color:#72c292;}
.baoType li.type-3 a:hover i, .baoType li.type-3 a:active i {border-color:#70aaf1;}

.baoType h4, .baoType p, .baoType b {margin-top:28px;}
.baoType p {color:#aaa;}

.baoType b {color:#fff;height:48px;line-height:48px;width:168px;}
.baoType li.type-1 a:hover p, .baoType li.type-1 a:active p {color:#fca2a2;}
.baoType li.type-2 a:hover p, .baoType li.type-2 a:active p {color:#a0d6b6;}
.baoType li.type-3 a:hover p, .baoType li.type-3 a:active p {color:#9fc6f6;}


.baoType li.type-1 a:link b, .baoType li.type-1 a:visited b {background-color:#fb7575;}
.baoType li.type-1 a:hover b, .baoType li.type-1 a:active b {background-color:#fca2a2;}
.baoType li.type-2 a:link b, .baoType li.type-2 a:visited b {background-color:#72c292;}
.baoType li.type-2 a:hover b, .baoType li.type-2 a:active b {background-color:#a0d6b6;}
.baoType li.type-3 a:link b, .baoType li.type-3 a:visited b {background-color:#70aaf1;}
.baoType li.type-3 a:hover b, .baoType li.type-3 a:active b {background-color:#9fc6f6;}



/* ----- value ----- */
.bValue, .bSwap {margin-top:40px;}
.bValue, .bValue li {height:40px;line-height:40px;}
.bValue {background-color:#f3f3f3;border:1px solid #ddd;padding:16px 0;width:1116px;}
.bValue li {width:371px;}
.bValue li.bvm {border-left:1px solid #ddd;border-right:1px solid #ddd;}



/* ----- bSwap+bContent ----- */
.bSwap, .bSwap li {height:49px;line-height:48px;}
.bSwap {z-index:1;}
.bSwap li {margin-right:8px;}

.bSwap li a {border-bottom-width:0;border-radius:4px 4px 0 0;padding:0 40px;}
.bSwap li a:link, .bSwap li a:visited {background-color:#f6f6f6;}
.bSwap li a:hover, .bSwap li a:active, .bSwap li.cur a:link, .bSwap li.cur a:visited {background-color:#fff;padding-bottom:1px;}


.bContent {border-radius:0 4px 4px 4px;padding:16px 32px 32px;width:1054px;z-index:0;}
.bContent p, .bContent dl {color:#888;line-height:2;padding-top:16px;}
.bContent dt {color:#5a5a5a;}



/* ===== bDetail ===== */
.bpl {width:870px;}
.bDetail {}

.bdl, .bigFoto p {width:360px;}
.bigFoto, .bigPic {border:4px solid #f3f3f3;margin:20px 0 24px 0;}
.bigFoto {width:352px;}
.bigFoto img {border:1px solid #fff;width:350px;}

.bigPic {height:280px;width:280px;}
.bigPic * {display:block;margin:auto;max-height:280px;max-width:280px;}
.bigPic img {height:280px;}


.bInfo {padding-top:16px;width:420px;}
.bInfo h1 {color:#333;font-size:24px;}

.bInfo h4, .bTicket {height:20px;line-height:20px;}
.bPricing, .bCount, .bTicket, .bAmount {padding-top:24px;}
.bInfo h4, .bPricing, .bCount {color:#888;}
.bInfo h4 {font-size:15px;padding-top:12px;}


.bSelled, .bAct {margin-top:20px;}

.bSelled {background-color:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;height:38px;line-height:38px;padding:0 12px;width:398px;}
.tac {text-align:center;}
.tar {text-align:right;}


.bPricing {height:40px;}
.bPricing *, .bSelled p, .bAct a, .bAmount span {float:left;}
.bPricing *, .bRelated p * {font-family:"DINpro";}

.bPricing sub, .bPricing span, .bPricing del {font-size:18px;line-height:24px;padding-top:18px;}
.bPricing span, .bPricing strong {color:#c00;margin-right:24px;}
.bPricing strong {font-size:36px;}

.bCount b, .bSelled b, .bTicket b {color:#39d;margin:0 4px;}

.bCount {margin-bottom:24px;}
.bSelled p {width:33.3331%;}

.bAct a {border-radius:4px;color:#fff;font-size:15px;height:42px;line-height:42px;margin-right:8px;padding:0 24px;}
.bAct a.orange:link, .bAct a.orange:visited {background-color:#f80;color:#fff !important;}
.bAct a.orange:hover, .bAct a.orange:active {background-color:#fa0;}

.bAct a.blue:link, .bAct a.blue:visited {background-color:#6cf;color:#fff !important;}
.bAct a.blue:hover, .bAct a.blue:active {background-color:#9cf;}

.bAct a.gray:link, .bAct a.gray:visited {background-color:#ddd;color:#666 !important;}
.bAct a.gray:hover, .bAct a.gray:active {background-color:#fa0;color:#fff !important;}

.bAmount span {}


.bookinfo p {color:#888;font-size:15px;line-height:26px;}
.bookinfo p * {display:inline-block;}
.bookinfo span {width:84px;}
.bookinfo b {color:#5a5a5a;}



/* ===== right ===== */
.bRelated, .bookRelated {padding:24px 25px 25px;width:250px;}
.bRelated .baoT, .bookRelated .baoT {height:31px;overflow:hidden;}

.bRelated .c, .bRelated .c li {width:236px;}
.bRelated .c {padding:0 7px;}
.bRelated li {border-bottom:1px solid #eee;padding:20px 0;}

.bRelated li i, .bRelated li img {display:block;}
.bRelated li a:link i, .bRelated li a:visited i {border:2px solid #f3f3f3;width:232px;}
.bRelated li a:hover i, .bRelated li a:active i {border:2px solid #fb0;}
.bRelated li img {border:1px solid #fff;width:230px;}
.bRelated li h4 {font-size:15px;font-weight:bold;padding-top:16px;}

.bRelated li a:link h4, .bRelated li a:visited h4 {color:#5a5a5a;}
.bRelated li a:hover *, .bRelated li a:active * {color:#f80 !important;}

.bRelated p {height:30px;}
.bRelated p sub, .bRelated p strong, .bRelated p del, .bRelated p em {color:#888;float:left;line-height:16px;}
.bRelated p del, .bRelated p em, .bRelated p sub {font-size:15px;}
.bRelated p sub {padding-top:14px;}
.bRelated p strong {color:#c00;font-size:24px;line-height:24px;padding-top:6px;}

.bRelated p del, .bRelated p em {padding-top:12px;}
.bRelated p del {margin:0 16px;}

.bRelated p b {color:#39d;}



.bookRelated .c {padding-bottom:4px;}
.bookRelated .c li, .bookRelated .c a, .bookRelated .c dl {width:250px;}
.bookRelated dl {border-bottom:1px solid #ddd;height:140px;padding:24px 0;}
.bookRelated dt, .bookRelated dd, .bookRelated .c p sub, .bookRelated .c p b {float:left;}
.bookRelated dt, .bookRelated dt img {height:140px;width:105px;}
.bookRelated dt {box-shadow:0 0 6px #aaa;}
.bookRelated .c dd {padding-left:15px;width:130px;}

.bookRelated .c h3, .bookRelated .c h4 {line-height:1.4;}
.bookRelated .c h3 {font-size:15px;font-weight:bold;}
.bookRelated .c h4 {padding:12px 0;}
.bookRelated .c b {font-size:17px;}

.bookRelated .c p {line-height:24px;}
.bookRelated .c p sub {margin-top:6px;}
.bookRelated .c p strong {border:1px solid #ddd;border-radius:3px;float:right;height:22px;line-height:22px;padding:0 12px;}


.bookRelated .c a:link h4, .bookRelated .c a:visited h4 {color:#888;}
.bookRelated .c a:link b, .bookRelated .c a:visited b {color:#c00;}
.bookRelated .c a:hover *, .bookRelated .c a:active * {color:#6cf !important;}
.bookRelated .c a:hover strong, .bookRelated .c a:active strong {background-color:#6cf;border-color:#6cf;color:#fff !important;}



/* ----- editorRC ----- */
.editorRC {background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-top:20px;width:868px;}
.editorRC .t {padding-left:24px;}
.editorRC .t h3 {background-color:#39d;border-radius:0 0 3px 3px;color:#fff;height:40px;line-height:40px;text-align:center;width:108px;}

.editorRC .c {color:#888;font-size:15px;line-height:28px;padding:16px 24px 24px 24px;}


/* ===== bSwaper ===== */
.bSwaper {margin-top:20px;width:870px;}

.bSwaper .t, .bSwaper .c {font-size:15px;}
.bSwaper .t {background-color:#f8f8f8;background:linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6 100%);border-radius:4px 4px 0 0;border:1px solid #ddd;border-bottom-width:0;height:48px;line-height:48px;padding:0 16px;width:836px;}
.bSwaper .t ol, .bSwaper .t li {float:left;}
.bSwaper .t ol {border-right:1px solid #ddd;}
.bSwaper .t li {border-left:1px solid #ddd;cursor:pointer;padding:0 20px;position:relative;z-index:0;}
.bSwaper .t li.cur, .bSwaper .t li.cur i {background-color:#fff;}
.bSwaper .t li.cur {color:#39d;}
.bSwaper .t li.cur i {bottom:-1px;left:0;height:1px;position:absolute;width:100%;}

.bSwaper .t p {float:right;}
.bSwaper .t p * {display:block;float:left;}
.bSwaper .t p a:link, .bSwaper .t p a:visited {background-color:#39d;color:#fff;padding:0 20px;}
.bSwaper .t p a:hover, .bSwaper .t p a:active {background-color:#6cf;}
.bSwaper .t p b {margin-left:6px;}
.bSwaper .t p i {background-image:url(/act/label.png);height:26px;margin-top:11px;width:24px;}

.bSwaper .c {background-color:#fff;border-radius:0 0 4px 4px;border:1px solid #ddd;color:#888;line-height:2;padding:24px;width:820px;}





/* ==== bPage_20160806 ===== */




/* ===== trade_20161007 ===== */
.tSlider, .tIntro, .tList {box-shadow:0 2px 2px #e3e3e3;position:relative;}
.tIntro .t, .tIntro .t a, .tIntro .t a *, .tList .t, .tList .t h3, .tList .t p {z-index:1;}
.tList .t, .tList .t h3, .tList .t p, .tList dl {position:relative;}
.tList .t em, .tList dd.rate {position:absolute;z-index:0;}

.tSlider {z-index:9;}
.tIntro {z-index:8;}
.tList.list-1 {z-index:7;}
.tList.list-2 {z-index:6;}
.tList.list-3 {z-index:5;}
.tList.list-4 {z-index:4;}
.tList.list-5 {z-index:3;}

.tSlider .bx-controls-direction a, .tList a, .tList dd.rate * {display:block;}

.tIntro dl, .tIntro dt, .tIntro dd, .tList .t h3, .tList .c ul, .tList .c li {float:left;}
.tList .t p {float:right;}

.tIntro dt i {border-radius:50%;}

.tIntro dl * {display:block;}

.tList .t h3 {font-size:21px;}
.tList .c strong {font-size:18px;}
.tIntro h4 {font-size:17px;}
.tIntro p, .tList .t p {font-size:15px;}

.tList .c strong {font-family:"DINpro";}

.tIntro dt i, .tSlider .bx-pager, .tList .c h4, .tList .c p {text-align:center;}

.tList .c h4 {font-size:15px;font-weight:bold;}
.tList .c h4 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* ----- tSlider ----- */
.tSlider, .tSlider li, .tSlider li a, .tSlider .bx-wrapper, .tSlider .bx-viewport {height:445px;width:100%;}
.tSlider li {background-position:50% 0;background-repeat:no-repeat;}
.tSlider li a {display:block;overflow:hidden;text-indent:-5000em;}
.tSlider .bx-viewport {z-index:0;}
.tSlider .bx-controls {bottom:0;left:0;width:100%;}
.tSlider .bx-pager-item, .tSlider .bx-pager-item a {height:6px;overflow:hidden;text-indent:-5000em;width:108px;}
.tSlider .bx-pager-item {display:inline-block;margin:0 3px;}
.tSlider a.bx-pager-link:link, .tSlider a.bx-pager-link:visited {background-color:#aaa;background-color:rgba(255,255,255,0.75); display:block;}
.tSlider a.bx-pager-link:hover, .tSlider a.bx-pager-link:active, .tSlider a.bx-pager-link.active:link, .tSlider a.bx-pager-link.active:visited {background-color:#f80;}

.tSlider a.bx-prev, .tSlider a.bx-next {background-image:url(../img/bg/control.png);height:108px;margin-top:-54px;overflow:hidden;position:absolute;text-indent:-5000em;top:50%;transition:none;width:64px;}
.tSlider a.bx-prev {left:16px;}
.tSlider a.bx-prev:link, .tSlider a.bx-prev:visited {background-position:0 0;}
.tSlider a.bx-prev:hover, .tSlider a.bx-prev:active {background-position:0 -108px;}

.tSlider a.bx-next {right:16px;}
.tSlider a.bx-next:link, .tSlider a.bx-next:visited {background-position:0 -216px;}
.tSlider a.bx-next:hover, .tSlider a.bx-next:active {background-position:0 -324px;}

.tSlider .bx-pager {bottom:32px;height:6px;left:50%;margin-left:-500px;position:absolute;width:1000px;}



/* ----- tIntro ----- */
.tIntro, .tIntro dl, .tIntro dt, .tIntro dt *, .tIntro dd {height:84px;}
.tIntro, .tList {padding:48px 0;width:100%;}
.tIntro dl {padding:0 12px;width:264px;}

.tIntro dt, .tIntro dt i {font-size:32px;line-height:84px;width:84px;}
.tIntro dd, .tIntro dd * {line-height:1.6;width:164px;}
.tIntro dd {padding-left:16px;}
.tIntro p {padding-top:2px;}

.tIntro a:link i, .tIntro a:visited i {background-color:#d8d8d8;color:#fff;}
.tIntro a:hover i, .tIntro a:active i {background-color:#f66;}

.tIntro a:link h4, .tIntro a:visited h4 {color:#5a5a5a;}
.tIntro a:link p, .tIntro a:visited p {color:#aaa;}
.tIntro a:hover dd *, .tIntro a:active dd * {color:#f66 !important;}



/* ----- tList ----- */
.tList .t, .tList .t a, .tList .t h3, .tList .t p {height:48px;}
.tList, .tList .t, .tList .t em {width:100%;}

.tList .t a, .tList .t h3, .tList .t p {line-height:48px;}
.tList .t h3 {padding-right:16px;}
.tList .t p {padding-left:16px;}
.tList .t em {height:2px;left:0;top:23px;}

.tList .t h3 {color:#333;}
.tList .t a:link, .tList .t a:visited {color:#989898;}
.tList .t a:hover, .tList .t a:active {color:#f66;}

.tList.bgf6 .t h3, .tList.bgf6 .t p {background-color:#f6f6f6;}
.tList.bgw .t h3, .tList.bgw .t p {background-color:#fff;}
.tList.bgf6 .t em {background-color:#e3e3e3;}
.tList.bgw .t em {background-color:#eee;}


.tList .c.oneRow, .tList .c.oneRow ul, .tList .c li {height:335px;}
.tList .c {width:1200px;}
.tList .c.oneRow {padding-top:25px;}
.tList .c ul {width:1225px;}
.tList .c li {background-color:#fff;box-shadow:0 0 6px #ddd;margin-right:25px;margin-top:25px;width:220px;}
.tList .c li:hover {box-shadow:0 0 4px #aaa;}
.tList .c.oneRow li {margin-top:0;}

.tList .c img {border:2px solid #fff;height:216px;width:216px;}
.tList .c h4, .tList .c dl {width:196px;}
.tList .c h4 {height:22px;line-height:22px;margin:12px 12px;} 

.tList .c dl, .tList .c dt, .tList .c dd {line-height:24px;}
.tList .c dl {margin:12px 12px 0 12px;}
.tList .c strong {margin-right:2px;}
.tList dd.rate, .tList dd.rate * {text-align:right;width:50px;}
.tList .c dd.rate {right:0;top:0;}
.tList .c p {background:#fff6f6;line-height:28px;}

.tList .c a:link *, .tList .c a:visited * {color:#989898;}
.tList .c a:link h4, .tList .c a:visited h4, .tList .c a:link b, .tList .c a:visited b {color:#5a5a5a;}
.tList .c a:link strong, .tList .c a:visited strong, .tList .c a:link p, .tList .c a:visited p {color:#d00;}
.tList .c a:hover *, .tList .c a:active * {color:#f80 !important;}


/* ----- filter ----- */
.tList .filter {padding:16px 24px;width:1152px;}
.tList .filter dl, .tList .filter dt, .tList .filter dd {float:left;height:28px;line-height:28px;}
.tList .filter dl {padding:16px 0;width:100%;}
.tList .filter dl.bdt {border-top:1px dotted #ddd;}
.tList .filter dt {color:#888;width:96px;}
.tList .filter dd {margin-right:32px;}
.tList .filter dd a {display:block;float:left;padding:0 12px;}
.tList .filter a:link, .tList .filter a:visited {color:#666;}
.tList .filter dd.cur a:link, .tList .filter dd.cur a:visited {background-color:#f66;color:#fff;}
.tList .filter a:hover, .tList .filter a:active {background-color:#f66;color:#fff;}


/* ----- pager ----- */
.tList .pager {padding:48px 0 0 0;}


/* ----- tDetail ----- */
.pd28 {padding:28px 0;}

.tDetail {padding:24px;width:1152px;}
.tDetail a, .tDetail img {display:block;}

/* ----- left ----- */
.tDetail .tdl, .tDetail .largePic, .tDetail .smallPic {width:352px;}
.tDetail .largePic {height:352px;}
.tDetail .largePic img {border:1px solid #ddd;height:350px;width:350px;}

.tDetail .smallPic, .tDetail .smallPic ul, .tDetail .smallPic li {height:54px;}
.tDetail .smallPic {position:relative;z-index:0}

.tDetail .smallPic {margin-top:10px;}
.smallPic .sc, .smallPic .bx-wrapper, .smallPic .bx-viewport {max-width:320px !important;width:320px !important;}
.smallPic .sc {margin:0 16px;}
.tDetail .smallPic li {float:left;width:64px;}
.tDetail .smallPic img {border:1px solid #ddd;cursor:pointer;height:50px;margin:1px 6px;width:50px;}
.tDetail .smallPic img:hover {border:2px solid #f66;margin:0 5px;}


p.directs, p.directs a {height:54px;line-height:54px;width:15px;}
p.directs {position:absolute;text-align:center;top:0;}

p.directs, p.directs a {background-image:url(../img/tDirect.png);}
p.toPrev {left:0;}
p.toPrev a {background-position:0 0;}
p.toPrev a:hover {background-position:-30px 0;}

p.toNext {right:0;}
p.toNext a {background-position:-15px 0;}
p.toNext a:hover {background-position:-45px 0;}

p.toPrev {background-position:-60px 0;}
p.toNext {background-position:-75px 0;}


/* ----- middle ----- */
.tdm {padding-left:24px;width:547px;}

.tdm h2 {font-size:24px;line-height:1;}
.tdm h5 {font-size:15px;padding:12px 0;}

.tdm dl, .tdm dt, .tdm dd {min-height:40px;line-height:40px;}
.tdm dl.pricing {background-color:#fdf2f4;}
.tdm dl.pricing.pdtop {padding-top:8px;}
.tdm dl.pricing.pdbtm {margin-bottom:8px;padding-bottom:8px;}

.tdm dl.pricing b, .tdm dl.pricing strong {color:#f00;}
.tdm dl.pricing strong {font-size:16px;font-family:"DINpro";}

.tdm dl, .tdm dt, .tdm dd, .tdm dd a, .tdm .row * {float:left;}
.tdm dl {width:100%;}
.tdm dt {padding-left:20px;width:90px;}
.tdm dd, .tdm .row {color:#989898;width:437px;}
.tdm dd em {font-family:Simsun, sans-serif;}

.tdm dd a {line-height:32px;margin:4px 8px 4px 0;padding:0 12px;}
.tdm dd a:link, .tdm dd a:visited {border:1px solid #eee;color:#666;}
.tdm dd a:hover, .tdm dd a:active {background-color:#fa0;border:1px solid #fa0;color:#fff;}
.tdm dd a.cur {background-color:#f66;border:1px solid #f66;color:#fff;}

.tdm .row {height:45px;line-height:45px;}
.tdm .row {padding:20px 0 0 110px;}
.tdm .row p {color:#aaa;margin-left:16px;}
.tdm .row a:link, .tdm .row a:visited {background-color:#f66;color:#fff;padding:0 28px;}
.tdm .row a:hover, .tdm .row a:active {background-color:#fa0;}


/* ----- right ----- */
.tdr, .owner, .moreRights, .moreRights h4, .moreRights li, .moreRights li a, .moreRights h5 {width:180px;} 
.tdr {border-left:1px solid #eee;padding-left:24px;}


.owner img {margin:auto;max-height:60px;max-width:120px;}

.owner {border-bottom:1px solid #eee;}
.owner p {color:#666;font-size:12px;line-height:1.2;padding:12px 0 20px 0;text-align:center;}


.moreRights {}
.moreRights h3 {color:#888;font-size:14px;line-height:1;padding-top:16px;}

.moreRights li {border-bottom:1px dotted #ddd;height:50px;padding:12px 0;}
.moreRights li * {float:left;}
.moreRights li img {height:48px;width:48px;}
.moreRights li a:link img, .moreRights li a:visited img {border:1px solid #ddd;}
.moreRights li a:hover img, .moreRights li a:active img {border:1px solid #fa0;}

.moreRights li h4, .moreRights li p {padding-left:10px;width:120px;}
.moreRights li h4 {font-size:15px;font-weight:bold;height:20px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.moreRights li a:link h4, .moreRights li a:visited h4 {color:#333;}
.moreRights li a:link p, .moreRights li a:visited p {color:#aaa;}
.moreRights li a:hover *, .moreRights li a:active * {color:#f80 !important;}

.moreRights h5 {line-height:45px;padding-top:12px;}
.moreRights h5 a:link, .moreRights h5 a:visited {background-color:#f6f6f6;color:#5a5a5a;font-size:14px;text-align:center;}
.moreRights h5 a:hover, .moreRights h5 a:active {background-color:#fa0;color:#fff;font-size:14px;}



/* ----- tSwap ----- */
.tSwap, .tSwap li {height:54px;line-height:54px;}
.tSwap {margin-top:24px;}
.tSwap li {float:left;}

.tSwap li {background-color:#e8e8e8;color:#666;cursor:pointer;margin-right:8px;padding:0 32px;}
.tSwap li.cur {background-color:#fff;color:#f66;}


/* ----- tInfo ----- */
.tInfo {padding:24px 32px 32px;width:1136px;}
.tInfo .entry {margin:0 !important;padding:0 !important;width:1136px !important;}
.tInfo .entry p {text-indent:0;}
.tInfo .entry img {display:block;margin:auto;max-width:100% !important;}



/* ===== trade_20161007 ===== */



/* ===== timeline_20161011 ===== */

.pd28 {padding:28px 0;}
.bgf3 {background-color:#f3f3f3;}

.subpage {padding-bottom:32px;}
.subContent {border-radius:5px;}


.timeline, .timeline h5 b {background-color:#f6f6f6;}

.subStat p.z a, .timeline li.year h3, .timeline li i {border-radius:50%;}
.AboutUs, .timeline .c {border-radius:5px;}

ul.subNavi li a, .timeline .c h4 {font-size:15px;font-weight:bold;}

.abTop, .timeline, .timeline ol, .timeline li, .timeline li .c, .inner {position:relative;z-index:1;}
em.axis, .timeline li h5, .timeline li i, .timeline h5 b, .subLine {position:absolute;}

.timeline li.year h3 {text-align:center;}

.timeline li i {z-index:3;}
.timeline li em {z-index:2;}
em.axis, {z-index:0;}



/* ----- AboutUs ----- */
.AboutUs {/* border:1px solid #e8e8e8;border-radius:5px;padding:40px 32px;*/padding:40px 35px;width:1130px;}

.abTop {border-bottom:1px solid #ddd;height:0;}
.abTop h3 {background-color:#fff;left:24px;height:30px;line-height:30px;padding:0 16px;position:absolute;top:-15px;z-index:1;}



/* timeline */
.timeline {border-radius:5px;min-height:320px;width:850px;}
em.axis {background-color:#6cf;height:100%;left:423px;top:0;width:4px;}

.timeline ol {}
.timeline li.year, .timeline li.year h3 {height:108px;line-height:108px;width:108px;}
.timeline li.year {padding:0 371px;}
.timeline li.year h3 {background-color:#39d;color:#fff;font-size:28px;}

.timeline li.ttl, .timeline li.ttr {width:361px;}
.timeline li.ttl {padding:0 32px 0 457px;}
.timeline li.ttr {padding:0 457px 0 32px;}

.timeline li {margin:64px 0;}
.timeline li i {background-color:#fff;border:3px solid #6cf;display:block;height:16px;left:50%;margin-left:-11px;top:15px;width:16px;}
.timeline li.sp i {border:6px solid #39d;margin-left:-14px;top:12px;}

.timeline li h5, .timeline li h5 b {height:30px;line-height:30px;}
.timeline li h5 {border-bottom:1px solid #6cf;height:0;top:26px;width:100px;}
.timeline li.ttl h5 {right:50%;text-align:right;}
.timeline li.ttr h5 {left:50%;text-align:left;}
.timeline li h5 b {color:#888;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:20px;padding:0 12px;top:-15px;}
.timeline li.ttl h5 b {right:60px;}
.timeline li.ttr h5 b {left:60px;}


.timeline li .c {background-color:#fff;padding:16px;}
.timeline .c * {line-height:20px;}
.timeline li.sp h4 {color:#39d;}
.timeline .c p {color:#888;padding-top:6px;}

.timeline li .c:after {top:26px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-width: 8px;margin-top: -8px;}
.timeline li.ttl .c:after {right: 100%;border-right-color: #fff;}
.timeline li.ttr .c:after {left: 100%;border-left-color: #fff;}





/* contents */
.contents {width:850px;}

.contents .title {font-size:32px;line-height:40px;padding:48px 0 24px 0;text-align:center;}
.contents p.abInfo {background-color:#f6f6f6;padding:16px 0;}
.contents p.abInfo span {margin:0 48px;}
.contents .abIntro {border-bottom:0 none;/* padding:48px 16px 8px 16px;width:818px; */padding:48px 0 8px 0;width:850px;}
.contents .abIntro img {max-width:100% !important;}




/* ===== timeline_20161011 ===== */


/* ===== uc_20161012 ===== */


/* ===== uDetail ===== */
.uDetail, .uTopic {border:1px solid #ddd;}
.uDetail {padding:36px 40px;width:1118px;}


/* left */
.udl, p.udl img, .udl td {width:160px;}
p.udl, .udl td {height:160px;}
.udl td {background-color:#eee;text-align:center;vertical-align:middle;}
.udl td img {display:block;margin:auto;max-height:156px;max-width:156px;width:156px;}



/* middle */
.udm, .udm p, .udm table {width:693px;}
.udm {border-right:1px solid #ddd;padding:0 32px;}
.udm h3 {font-size:22px;line-height:1;padding-bottom:8px;}

.udm p, .udm th, .udm td {font-size:14px;line-height:20px;padding-top:12px;}
.udm i, .udr i {color:#6cf;}
.udm i {margin-right:4px;}

.udm b, .udm td {color:#5a5a5a;}
.udm th, .udm td {vertical-align:top;text-align: justify;}
.udm th {color:#aaa;text-align:left;width:80px;}




/* udr */
.udr {width:160px;}
.udr p {padding:8px 0;}
.udr i {margin-right:8px;}



/* ===== uTopic ===== */
.uTopic {margin-top:24px;width:1198px;}


/* uSwap */
.uSwap, .uSwap h3, .uSwap ol {height:54px;line-height:54px;position:relative;z-index:1;}
.uSwap {background-color:#f6f6f6;background:linear-gradient(to bottom, #f9f9f9 0%, #f3f3f3 100%);width:1198px;}

.uSwap h3 {padding-left:24px;width:1174px;}
.uSwap h3 b, .uSwap li b, .uList dd * {font-size:15px;font-weight:bold;}

.uSwap ol {margin-left:16px;border-left:1px solid #ddd;width:1181px;}
.uSwap li {border-right:1px solid #ddd;cursor:pointer;float:left;}
.uSwap li b {display:block;padding:0 28px;}
.uSwap li.cur b {position:relative;}
.uSwap li.cur b {background-color:#fff;color:#39d;border-bottom:1px solid #fff;}


.uSwap i {border-bottom:1px solid #ddd;bottom:0;display:block;height:0;left:0;width:1198px;z-index:0;}



/* uList */
.uList, .uList li, .uList dl {width:1150px;}
.uList {padding:24px 24px 0 24px;}
.uList li, .uList dl {height:54px;line-height:54px;}
.uList dt, .uList dd {float:left;text-align:center;}
.uList dt {width:120px;}
.uList ul dd {color:#888;}
.uList dd.ux1 {text-align:left;text-indent:24px;width:547px;}
.uList dd.ux2 {width:240px;}
.uList dd.ux3 {width:240px;}

.uList b {color:#093;}
.uList strong {color:#39d;}

.uList ol li {background-color:#eee;}
.uList ol dd {border-left:1px solid #fff;}

.uList ul li {padding-top:1px;}
.uList ul dd {border-left:1px solid #fff;}
.uList ul li:nth-child(2n) dl {background-color:#f6f6f6;}
.uList ul li:nth-child(2n+1) dl {background-color:#fafafa;}



/* ----- c ----- */
.uTopic .c {padding:24px;width:1150px;}
.uTopic .entry {min-height:240px;}
.uTopic .entry th, .uTopic .entry td {line-height:24px;padding:16px;vertical-align:top;}
.uTopic .entry tr:nth-child(2n) th, .uTopic .entry tr:nth-child(2n) td {background-color:#fcfcfc !important;}
.uTopic .entry tr:nth-child(2n+1) th, .uTopic .entry tr:nth-child(2n+1) td {background-color:#f6f6f6 !important;}

.uTopic .entry b, .uTopic .entry strong {font-weight:normal;}



/* ----- subStat ----- */
.subStat {height:48px;padding-top:6px;}

.subStat p {line-height:48px;}
.subStat p.y a:link, .subStat p.y a:visited {color:#5a5a5a;}
.subStat p.y a:hover, .subStat p.y a:active {color:#f80;}
.subStat p.y em {color:#aaa;font-style:normal;padding:0 12px;}
.subStat p.y b {color:#5be;}

.subStat p.z, .subStat p.z a, .subStat p.z i {height:32px;line-height:32px;}
.subStat p.z {padding-top:5px;}
.subStat p.z a, .subStat p.z i {display:block;float:left;text-align:center;width:32px;}
.subStat p.z a:link, .subStat p.z a:visited {background-color:#ccc;color:#fff;margin:0 4px;}
.subStat p.z a:hover, .subStat p.z a:active {background-color:#fa0;}
.subStat p.z i {font-size:16px;}

.subStat ol, .subStat li, .subStat li * {height:22px;line-height:22px;}
.subStat ol {left:299px;padding:5px 0;position:absolute;width:532px;z-index:1;}
.subStat li, .subStat li a {text-align:center;width:68px;}
.subStat li {float:left;padding:0 4px;}
.subStat li a:link, .subStat li a:visited {border-radius:3px;color:#888;display:block;font-size:12px;}
.subStat li.cur a:link, .subStat li.cur a:visited {background-color:#6cf;color:#fff;}
.subStat li a:hover, .subStat li a:active {background-color:#f90 !important;color:#fff;}


.subContent, .inner {width:1136px;}
.subContent {padding:34px 32px 22px 32px;}
.inner {padding:32px 0;}
.subLine {border-left:1px solid #dddd;height:100%;right:252px;top:0;width:0;}


/* ----- left ----- */
.subL {width:220px;}

.subNavi, .subNavi ol {width:220px;}
.subNavi h3, .subNavi li {line-height:48px;}
.subNavi h3 {height:52px;}
.subNavi h3 a:link, .subNavi h3 a:visited {background-color:#f66;color:#fff;text-align:center;}
.subNavi h3 a:hover, .subNavi h3 a:active {background-color:#f80;}
.subNavi li {border-bottom:1px dotted #ddd;padding:2px 0;}

.subNavi li i {font-family:'FontAwesome';margin-right:8px;}
.subNavi li i.fsa:before {content:"\f0da";}
.subNavi li.cur i.fsa:before {content:"\f0d7";}
.subNavi li i.fsd:before {content:"\f105";font-size:12px;}

.subNavi li a:link, .subNavi li a:visited {padding-left:16px;}
.subNavi li.cur p a:link *, .subNavi li.cur p a:visited {color:#f66;}
.subNavi li a:hover, .subNavi li a:active {background-color:#f6f6f6;color:#f66;}

.subNavi ul {padding:0 0 16px 16px;width:204px;}
.subNavi ul li {border:0 none;line-height:40px;padding:0;}



/* subShare */
.subShare, .subShare dt, .subShare dd {width:220px;}
.subShare {margin-top:54px;}
.subShare dt, .subShare dd {height:50px;margin-top:10px;}
.subShare a {font-size:17px !important;height:50px !important;line-height:50px !important;margin:0 !important;padding:0 !important;text-align:center;width:218px !important;}

.subShare dt a:link, .subShare dt a:visited {background:none;border:1px solid #f66;color:#f66;}
.subShare dt a:hover, .subShare dt a:active {background:#f66;color:#fff;}
.subShare dd a:link, .subShare dd a:visited {background:none;border:1px solid #8b2;color:#8b2;}
.subShare dd a:hover, .subShare dd a:active {background:#8b2;color:#fff;}


.subNavi h3, .subNavi p b {font-size:15px;font-weight:bold;}
.subNavi a, .subShare a {display:block;}
.subNavi a {border-radius:3px;}



/* subContext */
.subContext {border-top:1px solid #ddd;padding-top:16px;width:1136px;}
.subContext dt, .subContext dd {width:560px;}
.subContext dt {float:left;}
.subContext dd {float:right;}
.subContext dd * {text-align:right;}

.subContext p {color:#aaa;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.subContext a:link, .subContext a:visited {color:#5a5a5a;}
.subContext a:hover, .subContext a:active {color:#6cf;}


/* ===== uc_20161012 ===== */



/* ===== 20161024 ===== */
.ourcases, .gonggaolist, .gonggaolist .pager, .gonggaolist .pager ul {width:850px;}
.ourcases .c, .ourcases .clist, .ourcases ul {padding-top:24px;}
.ourcases .c {border-top:1px dotted #cc;}
.ourcases ul {padding-left:20px;} 

.ourcases img {max-width:850px;}

.ourcases p, .ourcases li {line-height:24px;}
.ourcases p {padding-bottom:24px;}
.ourcases h4 {color:#333;}

.ourcases li {list-style:disc;}
.ourcases li {padding:4px 0;}


.gonggaolist li, .gonggaolist li * {height:54px; line-height:54px;}
.gonggaolist li {border-bottom:1px dotted #ddd;}


.gonggaolist a b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:720px;}
.gonggaolist a i {font-size:6px;width:15px;}
.gonggaolist a, .gonggaolist a * {float:left;}
.gonggaolist em {color:#aaa;float:right;width:100px;}



/* ===== 20161024 ===== */




/* ===== 20161025 ===== */
.fx {width:1000px;}
.ma, .leagueBanner .direct a *, .join a, .leagueValue i, .nowait a {margin:auto;}

.bge8 {background-color:#e8e8e8;}
.leagueValue i {background-color:#fff;}

.leagueBanner .direct h4, .join a, .nowait a {border-radius:6px;}
.leagueBanner .swaps li a {border-radius:6px 6px 0 0;}
.leagueBanner .direct p {border-radius:25px;}
.leagueValue i {border-radius:50%;}

.leagueDetail .row h2, .center-c2 h3, .center-c2 h3 b, .join h3, .leagueValue h4, .station-2 h4, .station-3 h4, .station-4 h4, h4.leagueHot {color:#333;}
.center-c1 h4 {color:#666;}
.center-c1 p, .center-c1 td, .center-c2 p, .leagueValue p, .station-1 p, .station-2 p, .station-3 p, .station-4 p {color:#888;}
.leagueValue i {color:#a8a8a8;}
.leagueDetail .row h5 {color:#b3b3b3;}
h4.recommends {color:#f66;}
.our-partner li p, .join a, .nowait a {color:#fff;}

.leagueBanner .direct a, .leagueBanner .direct a *, .leagueBanner .swaps a, .center-c2 h3 b, .our-partner li p b, .join a, .leagueValue i, .leagueValue b, .nowait * {display:block;}
.leagueDetail .row h5 b {display:inline-block;}

.leagueBanner .direct a, .leagueBanner .swaps li, .center-c2 li, .leagueValue li, .station-1 p, .station-2 li, .station-3 li, .station-4 li, .station-5 li {float:left;}


.leagueBanner .swaps li, .leagueBanner .swaps li a, .leagueDetail .row h5, .our-partner, .our-partner {position:relative;z-index:0;}
.leagueBanner .swaps li i, .leagueBanner .swaps li i:after, .leagueDetail .row h5 i, .our-partner li, .our-partner li img, .our-partner li p {position:absolute;z-index:1;}
.leagueBanner .direct a, .leagueBanner .direct a *, .leagueBanner .swaps a, .leagueDetail .row h2, .leagueDetail .row h5, .our-partner li p, .join *, .leagueValue li *, h4.recommends, .station-1 p, .station-2 li, .station-3 li, h4.leagueHot, .station-5 p, .nowait a {text-align:center;}


.join h3 b, .join p b {font-family:"DINpro";}
.station-5 p {font-size:13px;}
.leagueDetail .row h5, .join p {font-size:18px;}
h4.recommends, h4.leagueHot {font-size:20px;}
.leagueBanner .direct p, .leagueBanner .swaps a, .join p b, .station-2 h4, .station-3 h4 {font-size:22px;}
.leagueBanner .direct h4, .join h3 span, .leagueValue h4, .station-4 h4 {font-size:24px;}
.nowait a, .center-c2 h3, .center-c2 h3 b, .join a, .leagueValue i, h4.leagueHot b {font-size:28px;}
.join h3 b {font-size:32px;}
.leagueDetail .row h2 {font-size:40px;}

.center-c1 h4, .our-partner li p b {font-size:16px;font-weight:bold;}
.station-5 p {font-weight:bold;}

.center-c1 p, .center-c1 td, .center-c2 p {line-height:22px;}
.our-partner li p, .leagueValue p, .station-2 p, .station-3 p, .station-4 p {line-height:24px;}



/* league-New_20161024 */
.leagueBanner {background:#2dcaf5 url(/act/league/banner.jpg) 50% 50% no-repeat;height:720px;}

.leagueBanner .direct {height:215px;padding:415px 0 0 210px;width:780px;}
.leagueBanner .direct a {margin:0 45px;width:300px;}

.leagueBanner .direct h4 {color:#5a5a5a;height:60px;line-height:60px;width:210px;}
.leagueBanner .direct a.y:link h4, .leagueBanner .direct a.y:visited h4 {background-color:#fe0;}
.leagueBanner .direct a.z:link h4, .leagueBanner .direct a.z:visited h4 {background-color:#3fc;}
.leagueBanner .direct a:hover h4, .leagueBanner .direct a:active h4 {background-color:#f88 !important;color:#fff;}

.leagueBanner .direct p {color:#09c;height:50px;line-height:50px;margin-top:20px;width:300px;}
.leagueBanner .direct a:link p, .leagueBanner .direct a:visited p {background-color:#fff;}


.leagueBanner .swaps, .leagueBanner .swaps li, .leagueBanner .swaps a {height:90px;line-height:90px;}
.leagueBanner .swaps {padding-left:100px;width:1000px;}
.leagueBanner .swaps li {width:500px;}
.leagueBanner .swaps li a:link, .leagueBanner .swaps li a:visited {background-color:#eee;color:#09c;}
.leagueBanner .swaps li a:hover, .leagueBanner .swaps li a:active {background-color:#f8f8f8;color:#6cf;}
.leagueBanner .swaps li.cur a:link, .leagueBanner .swaps li.cur a:visited {background-color:#fff;color:#6cf;}

.leagueBanner .swaps li i {background-color:#09c;bottom:0;display:none;left:0;height:4px;width:100%;}
.leagueBanner .swaps li.cur i, .leagueBanner .swaps li:hover i {display:block;}
.leagueBanner .swaps li i:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #09c;border-width: 5px;margin-left: -5px;}


/* ===== leagueDetail ===== */
.leagueDetail .row {padding:64px 0;}
.leagueDetail .row h2 {padding-bottom:15px;}
.leagueDetail .row h5 b {border-bottom:1px solid #ccc;height:30px;line-height:1;padding:0 24px;}
.leagueDetail .row h5 i {background-color:#3c9;bottom:0;height:5px;left:470px;width:60px;}



/* ----- svc-station ----- */
h4.recommends {padding-top:16px;}
.station-1 {background:url(/act/league/station_p1.png) 50% 0 no-repeat;height: 198px;margin:64px 0 0 57px;width: 886px;}
.station-1 p {line-height: 28px;margin-top: 38px;width: 160px;}
.station-1 p.st-1 {margin-left:35px;padding-top:15px;}
.station-1 p.st-2 {margin-left: 161px;padding-top:10px;}
.station-1 p.st-3 {margin-left: 176px;}



.station-2 {background:url(/act/league/station_p2.png) 50% 0 no-repeat;height:286px;width: 955px;}
.station-2 li {padding-left: 38px;padding-top: 165px;width: 204px;}
.station-2 li.sr-1 {padding-left:0;}
.station-2 li.sr-3 {padding-left:60px;}
.station-2 li.sr-4 {padding-left:41px;}

.station-2 p, .station-3 li p, .station-4 p {padding-top:12px;}


.station-3 {background:url(/act/league/station_p3.png) 50% 0 no-repeat;height:320px;margin-left:57px;margin-top:64px;width:887px;}
.station-3 li {margin-left: 28px;margin-top: 115px;text-align: center;width: 200px;}
.station-3 li.join-1 {margin-left:10px;}
.station-3 li.join-3 {margin-left:20px;}
.station-3 li.join-4 {margin-left:23px;}



.station-4 {background:url(/act/league/station_p4.png) 50% 0 no-repeat;height:300px;margin-top:64px;margin-left:55px;width: 889px;}
.station-4 li {margin-left: 131px;margin-top: 42px;width: 182px;}
.station-4 li.who-1 {margin-left: 80px;}
.station-4 li.who-3 {margin-left: 140px;width:170px;}



.station-5 {}
h4.leagueHot {margin: 64px 0 32px 0;}
.station-5 ul {height:198px;}
.station-5 li {margin-left:24px;width: 232px;}
.station-5 li.what-1 {margin:0;}
.station-5 li img {height: 158px;width: 232px;}
.station-5 p {padding-top:6px;}


.nowait, .nowait i {width:793px;}
.nowait {margin-left:104px;}
.nowait i {background-image:url(/act/league/station_p5.png);height:168px;}
.nowait a, .join a {height:60px;line-height:60px;margin-top:20px;width:210px;}
.nowait a {margin-top:24px;}
.nowait a:link, .nowait a:visited {background-color:#096;}
.nowait a:hover, .nowait a:active {background-color:#fa0;}


/* ----- svc-center ----- */
.center-c1 {background:url(/act/league/center_p1.png) 50% 0 no-repeat;border-bottom:1px dotted #ccc;height:330px;margin:0 92px;padding:0 208px;width:400px;}
.center-c1 h4 {padding:36px 0 10px 0;}

.center-c2 {background:url(/act/league/center_p2.png) 50% 0 no-repeat;height:417px;margin-top:65px;padding:0 122px;width:756px;}
.center-c2 li {height: 150px;margin-top:20px;width: 250px;}
.center-c2 li.cc1, .center-c2 li.cc3 {margin-left:30px;}
.center-c2 li.cc2, .center-c2 li.cc4 {margin-left:222px;}
.center-c2 li.cc3, .center-c2 li.cc4 {margin-top:93px;}

.center-c2 h3, .center-c2 h3 b {line-height:1.2;}
.center-c2 p {padding-top:10px;}



.our-partner {background:url(/act/league/center_p3.png);height:394px;margin: 65px auto 75px;width: 925px;}
.our-partner li *, .our-partner li.op1 {left:0;top:0;}

.our-partner li p, .our-partner li img.bg {display:none;}
.our-partner li:hover p, .our-partner li:hover img.bg {display:block;}
.our-partner li p {left:0;margin-top:-24px;top:50%;width:100%;z-index:3;}
.our-partner li img.fg {z-index:1;}
.our-partner li img.bg {opacity:0.5;z-index:2;}

.our-partner li.op1, .our-partner li.op1 img {height:220px;width:252px;}
.our-partner li.op1 {}

.our-partner li.op2, .our-partner li.op2 img {height:273px;width:316px;}
.our-partner li.op2 {bottom:0;left:181px;}

.our-partner li.op3, .our-partner li.op3 img {height:221px;width:255px;}
.our-partner li.op3 {left:427px;top:0;}

.our-partner li.op4, .our-partner li.op4 img {height:273px;width:314px;}
.our-partner li.op4 {bottom:0;right:0;}


.join h3 {font-size:30px;}
.join a:link, .join a:visited {background-color:#6cf;}
.join a:hover, .join a:active {background-color:#fa0;}



/* ===== leagueValue =====*/
.leagueValue {padding:60px 0;}
.leagueValue ul {padding:0 20px;}
.leagueValue li {width:320px;}
.leagueValue i {border:2px solid #ccc;height:76px;line-height:76px;width:76px;}

.leagueValue h4 {padding:24px 0 12px 0;}
.leagueValue p {line-height:24px;}


/* ===== 20161025 ===== */



/* ----- 20161212 ----- */
.ebooks {overflow:hidden;}
.ebooks ul {width:1220px;}
.ebooks li {float:left;margin:0 20px 20px 0;width:285px;}
.ebooks li a, .ebooks li img {display:block;width:251px;}
.ebooks li a:link, .ebooks li a:visited {background-color:#fff;border:1px solid #ddd;padding:16px;}
.ebooks li img {height:355px;}
.ebooks li h4 {line-height:24px;font-size:16px;font-weight:bold;padding:10px 0;}
.ebooks li dl, .ebooks li dt, .ebooks li dd {height:30px;line-height:30px;}
.ebooks li dt, .ebooks li dt * {float:left;}
.ebooks li dt sub {font-size:18px;line-height:20px;margin-top:6px;}
.ebooks li b {color:#c00;margin:0 4px;}
.ebooks li dt b {font-size:24px;}

.ebooks li del {margin-left:12px;}
.ebooks dd {float:right;}

.ebooks li a:link, .ebooks li a:visited {color:#888;}
.ebooks li a:link b, .ebooks li a:visited b {color:#888;}
.ebooks li a:hover *, .ebooks li a:active * {color:#6cf !important;}
.ebooks li a:hover img, .ebooks li a:active img {opacity:0.66;}


/* ----- 20161212 ----- */



/* ===== position ===== */
.svSwap li a, .svFlow li, .svAfter li a, .svBenifits dl, .svEvaluate .z, .pubSieve .sieves p i, .xvSort form, .xvSort input, .xvPro .detail h3, .xvPro .detail h4, .abStat, .context p a, .isrcHead, .isrcSVC .t, .svm, .svGC a.gc, .svGC .count {position:relative;z-index:0;}




/* ===== pic_show ===== */
.pic_show * {cursor:pointer;}
.pic_show div{width:100% !important; height:100% !important; }

.myPays div {border-bottom:1px solid #ddd;clear:both;float:left;padding:32px 0;width:100%;}
.myPays .blank {display:none;}
.myPays label.ui-radiobox {font-size:25px;}
.myPays .ui-radiobox input {margin-right:12px;}


/*
.alibank_types {display:block;float:left;height:6px;margin:12px 48px 12px 24px;padding:11px 0 12px 0;width:150px;}
.alibank_types.bk_typeAliPay {background-position:15px -1070px;}
.bk_typeAliPay b {display:none;}
#cart_payment .alibank_types input[type='radio'] {display:block !important;}
*/

.alibank_types {display:block;float:left;height:6px;margin:6px 12px 6px 24px;padding:19px 0 12px 0;width:150px;}
.alibank_types.bk_typeAliPay {background-position:15px -1065px;}
.bk_typeAliPay b {display:none;}
.payment_rdo{border:1px solid #dedede;}
.payment_rdo_checked{border:1px solid #FF8A00;}




/* ===== min-width ===== */
body, .nx, .x {margin:auto;min-width:1200px;}


@media only screen and (max-width: 1195px) {
	html, body, .f, .x {max-width:1200px;min-width:1200px;width:1200px;}
	#MEIQIA-PANEL-HOLDER, #MEIQIA-BTN-HOLDER, #MEIQIA-INVITE {display:none !important;overflow:hidden;}
}

/*======ISRC选题修改======*/
#gqTitle{background:#E8E8E8; line-height:40px; text-indent:10px;margin:0 10px;}
#gqTitle span::before {content:"\f107"}
#gqTitle span:hover::before {content:"\f106"}
#gqTitle span:hover {background-color:#0099ff; color:#ffffff;}
#gqTitle span{text-indent:0;background-color:#eee;color:#333;cursor:pointer;float:right;height:30px;line-height:30px;margin:5px;text-align:center;width:30px;font-size:20px;display:inline-block;font-family: "FontAwesome";}