html,body { overflow-x:hidden;}
.wrap { clear:both; margin:0 auto; padding:0; font-family:"Microsoft Yahei","Simhei",Arial,Helvetica,sans-serif;}
.wrap a:hover { text-decoration:none;}
.inner-wrap { clear:both; margin:0 auto; padding:0; width:1160px;}

.header-wrap,.container-wrap,.footer-wrap { clear:both; margin:0 auto; padding:0;}
.header-wrap { height:660px; background:url(../image/banner-m-1.jpg) no-repeat center top; background-size:cover;}


.header-nav-wrap { clear:both; display:block; height:60px; background:url(404.png) repeat-x center bottom;}
.header-nav-wrap .inner-wrap { height:60px; line-height:60px;}

.logo { float:left; display:inline-block; *display:block; width:310px; height:60px; background:url(../image/logo.png) no-repeat left center; text-indent:-10000000px;}

.header-nav { float:right; display:inline-block; *display:block; margin:0; padding:0; list-style:none;}
.header-nav .header-nav-item { float:left; display:inline-block; margin:0 5px; height:60px;}
.header-nav .header-nav-item a { display:block; padding:0 10px; line-height:57px; border-top:3px solid transparent; text-align:center; font-size:16px; color:#fff;}
.header-nav .header-nav-item a:hover { border-top-color:#fff; color:#fff;}

.log-group { float:right; display:inline-block; max-width:200px; height:60px; line-height:60px; text-align:right;}
.log-group .log-btn { display:inline-block; margin-right:10px; padding:5px 10px; border-radius:2px; border:1px solid #fff; line-height:1.5; font-size:12px;}
.log-group .reg-btn { background-color:#fff; color:#55BBA0;}
.log-group .reg-btn:hover { border-color:rgba(255,255,255,.3); background-color:rgba(255,255,255,.5); *background-color:transparent; color:#fff;}
.log-group .login-btn { background-color:transparent; color:#fff;}
.log-group .login-btn:hover { border-color:rgba(255,255,255,.3); background-color:rgba(255,255,255,.5); *background-color:transparent; color:#fff;}

.login-group { float:right; display:inline-block; margin-top:15px; line-height:60px;}
.login-group .loged-btn { float:right; padding:5px; max-width:100px; background-color:#fff; color:#55BBA0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; text-align:center;}
.login-group .logout-btn { float:right; background-color:transparent; color:#fff;}

.header-primary { clear:both; height:763px;}
.header-primary .header-primary-text { clear:both; height:240px;}
.header-primary .header-primary-image { position:relative; clear:both; height:523px;}


.header-nav-wrap { transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.header-nav-wrap.sticky { position:fixed; top:0; right:0; left:0; z-index:100; border-bottom:0; background-color:rgba(39,38,38,.9); *background-color:#3C3B3B; background-color:#3C3B3B\0; background-image:none; -webkit-backface-visibility:hidden;}


.header-primary .header-primary-text { position:relative; overflow:hidden; width:100%; text-align:center;} 
.header-text-group { display:block; margin:0; padding:0; list-style:none; zoom:1;}
.header-text-group .header-text-item { zoom:1; vertical-align:middle; text-align:center; color:#fff;}

.header-text-title { clear:both; line-height:80px; font-size:32px; font-weight:normal;}
.header-text-int { clear:both; line-height:60px; font-size:20px;}
.header-text-btn-group { clear:both; margin:20px auto; height:40px;}
.header-text-btn-group .header-text-btn { display:inline-block; margin:0 10px; width:160px; height:40px; line-height:36px; border-radius:3px; border:1px solid #fff; background-color:transparent; font-size:14px; color:#FFF;}
.header-text-btn-group .header-text-btn:hover { color:#fff; backgrond-color:rgba(255,255,255,.5);}


.container-wrap {}
.container-group {}
.container-group .container-titlebar { clear:both; margin-bottom:50px;}
.container-group .container-titlebar .container-title { clear:both; line-height:45px; text-align:center; font-size:24px; color:#444;}
.container-group .container-titlebar .container-int { clear:both; line-height:1.5; font-size:14px; color:#666;}


.function-group { margin-top:20px; *margin-bottom:60px; padding:0; list-style:none;}
.function-group .function-group-item { float:left; display:inline-block; *display:block; margin-bottom:60px; width:33.3334%; *width:33%; height:90px; text-align:left; font-size:0;}
.function-group .function-group-item .function-box { *display:table; margin:0 auto; padding-left:90px; width:260px; font-size:0; box-sizing:content-box; -webkit-box-sizing:content-box;}
.function-group .function-group-item .function-box .function-box-icon { float:left; display:inline-block; *display:table-cell; margin-left:-90px; width:88px; height:88px; line-height:88px; border-radius:3px; border:1px solid #26BDEF; text-align:center; *font-size:70px; vertical-align:middle;}
.function-group .function-group-item .function-box .function-box-icon img { vertical-align:middle;}
.function-group .function-group-item .function-box .function-box-content { float:left; display:inline-block; *display:block; padding-left:10px; width:95%; height:90px; line-height:1.5; font-size:12px; color:#999;}
.function-group .function-group-item .function-box .function-box-content .function-box-title { clear:both; margin-bottom:10px; font-size:14px; color:#444;}


.content-manage-group { clear:both; height:540px; background:url(../image/banner-m-2.jpg) no-repeat center top; background-size:cover;}
.content-manage-group .container-titlebar { margin-top:30px;}

.content-manage-wrap { position:relative; clear:both; margin:60px auto;}
.content-manage-wrap .tempWrap { width:1160px !important;}
.content-manage-wrap .content-manage-list { display:block; margin:0; padding:0; list-style:none; font-size:0; overflow:hidden; zoom:1;}
.content-manage-wrap .content-manage-list .content-manage-item { float:left; display:inline-block; *display:block; margin-right:40px; width:360px; box-sizing:content-box; -webkit-box-sizing:content-box;}

.content-manage-wrap .page-btn { position:absolute; top:50%; margin-top:-31.5px; left:-40px; width:30px; height:63px; background:url(../image/slider-arrow.gif) no-repeat; opacity:.4; filter:alpha(opacity=40);}
.content-manage-wrap .page-btn:hover { opacity:.8; filter:alpha(opacity=80); cursor:pointer;}
.content-manage-wrap .page-btn.page-btn-prev { background-position:0 0;}
.content-manage-wrap .page-btn.page-btn-next { left:auto; right:-40px; background-position:-30px 0;}

.content-manage-wrap .page-btn-list { position:absolute; top:110%; right:0; left:0; *display:block; margin:0; padding:0; *padding-left:48%; height:30px; line-height:30px; list-style:none; *text-align:center;}
.content-manage-wrap .page-btn-list li { display:inline-block; *float:left; *display:block; margin:0 5px; width:15px; height:15px; border-radius:50%; background-color:#4F85AF; font-size:12px; text-indent:-3000px; overflow:hidden; opacity:.4; filter:alpha(opacity=40); cursor:pointer;}
.content-manage-wrap .page-btn-list li.on { opacity:.8; filter:alpha(opacity=80);}


.bulid-step-group {}
.bulid-step-group .container-titlebar { margin-top:30px;}

.bulid-step-wrap { clear:both; margin:30px auto; padding:0; height:210px; list-style:none;}
.bulid-step-wrap .bulid-step-item { position:relative; z-index:1; float:left; display:inline-block; *display:block; width:33.333%; *width:33%; height:210px; background:url(../image/icon-arrow.gif) no-repeat left center; text-align:center;}
.bulid-step-wrap .bulid-step-item:first-child { background-image:none;}

.bulid-step-wrap .bulid-step-item:after { position:absolute; top:20px; left:0; z-index:10; display:block; width:18px; height:34px;}
.bulid-step-wrap .bulid-step-item .bulid-step-icon { clear:both; height:110px; line-height:110px; vertical-align:middle;}
.bulid-step-wrap .bulid-step-item .bulid-step-icon img { vertical-align:middle;}
.bulid-step-wrap .bulid-step-item .bulid-step-title { clear:both; line-height:40px; font-size:16px; color:#444;}
.bulid-step-wrap .bulid-step-item .bulid-step-int { clear:both; line-height:40px; font-size:14px; color:#666;}

.bulid-step-group hr { clear:both; margin:0; padding:0; height:1px; overflow:hidden; border:0; border-bottom:1px solid #ddd;}


.product-feature-wrap { clear:both; margin:30px auto; *margin:30px auto; margin:30px auto\0; padding:0; list-style:none;}
.product-feature-wrap .product-feature-item { float:left; display:inline-block; *display:block; margin-bottom:30px; width:580px; hegiht:90px;}
.product-feature-wrap .product-feature-item .product-feature-icon { float:right; display:inline-block; width:140px; height:90px; text-align:center; vertical-align:top;}

.product-feature-wrap .product-feature-item .product-feature-content { float:left; display:inline-block; width:440px; text-align:right;}
.product-feature-wrap .product-feature-item .product-feature-content .product-feature-title { clear:both; margin-bottom:10px; line-height:1; font-size:16px; color:#444;}
.product-feature-wrap .product-feature-item .product-feature-content .product-feature-int { clear:both; line-height:1.5; font-size:14px; color:#666;}

.product-feature-wrap .product-feature-item.item-right .product-feature-icon { float:left;}
.product-feature-wrap .product-feature-item.item-right .product-feature-content { float:right; text-align:left;}

.bulid-site-btn { clear:both; display:inline-block; margin:40px auto; *margin:20px auto; margin:40px auto\0; padding:12px 20px; border-radius:3px; background-color:#59C4FF; text-align:center; color:#fff; font-size:16px;}
.bulid-site-btn:hover { color:#fff;}
.bulid-site-btn .fa { margin-left:10px; font-size:14px;}




.footer-banner { clear:both; padding-top:40px; height:260px; background:url(../image/footer_banner.jpg) no-repeat left top; background-size:cover; -ms-behavior:url(404.png); behavior:url(404.png); text-align:center; color:#fff; font-size:20px; box-sizing:content-box; -weight-box-sizing:content-box;}
.footer-banner h3 { clear:both; padding:30px 0; line-height:45px; font-size:32px; font-weight:normal;}
.footer-banner-btn { display:inline-block; padding:10px 20px; border-radius:3px; background-color:#2ECC71; text-align:center; font-size:16px; color:#fff;}
.footer-banner-btn:hover { color:#fff;}


.footer-primary-wrap { clear:both; padding-top:10px; height:240px; background-color:#313030; color:#ADACAC; box-sizing:content-box; -webkit-box-sizing:content-box;}
.footer-primary-wrap .footer-primary-item { float:left; display:inline-block; margin-right:3.333%; *margin-right:3%; width:30%;}

.footer-primary-group { clear:both; margin-bottom:20px; text-align:left;}
.footer-primary-group .footer-primary-title { clear:both; line-height:35px; font-size:16px;}
.footer-primary-group .footer-primary-container {}

.footer-primary-link { display:block;}
.footer-primary-link .footer-primary-link-item { float:left; display:inline-block; *display:inline; padding:10px 25px 10px 0; *padding:5px 12px 5px 0; font-size:14px;}
.footer-primary-link .footer-primary-link-item a { color:#838383;}
.footer-primary-link .footer-primary-link-item a:hover { color:#fff;}

.footer-primary-link.link-block {}
.footer-primary-link.link-block .footer-primary-link-item { clear:both; float:none; display:block; padding-top:10px; padding-left:45px; line-height:35px;}
.footer-icon { float:left; display:inline-block; display:block; *position:relative; margin-left:-45px; padding:0; width:35px; height:35px; line-height:32px; border-radius:50%; border:1px solid #838383; text-align:center; font-size:14px; color:#838383;}
.footer-icon .fa { *margin-top:32%; font-size:14px;}
.footer-text { float:left; display:block; width:100%; line-height:35px;}

.qcode-group { float:right; display:inline-block; margin:0; margin-top:0;}
.qcode-group .qcode-image { display:inline-block; margin:10px;}
.qcode-group .qcode-title { clear:both; line-height:25px; text-align:center; font-size:12px; color:#838383;}

.footer-copyright { clear:both; height:60px; line-height:60px; background-color:#272626; text-align:center; color:#A9A8A8; font-size:14px;}


.index-container-wrap { padding-top:180px;}
.index-footer-wrap { clear:both; margin-top:90px;}


.page-header-wrap { clear:both; height:480px; background-repeat:no-repeat; background-position:left top; background-size:cover; background-attachment:fixed;}

.feature-header-wrap { background-image:url(../image/feature-banner2.jpg);}
.feature-header-wrap .header-primary { height:420px;}

.feature-header-wrap .log-group .reg-btn { color:#856B74;}


.feature-banner-pic { float:left; margin:100px 0 0 25px; width:490px; height:280px;}
.feature-banner-text { float:right; margin:140px 130px 0 0; width:460px; height:220px; line-height:2; text-align:right; font-size:18px; color:#fff;}
.feature-banner-text .feature-banner-sub-title { clear:both; line-height:35px; text-align:left; font-size:24px; font-weight:normal;}
.feature-banner-text .feature-banner-title { clear:both; line-height:45px; text-align:left; font-size:32px; font-weight:normal;}
.feature-banner-text .feature-banner-btn { float:left; margin-top:30px; width:240px; line-height:40px; border-radius:3px; border:1px solid #ddd; background-color:transparent; text-align:center; font-size:16px; color:#fff;}


.content-group { clear:both; padding:100px 0; box-sizing:content-box; -webkit-box-sizing:content-box;}
.content-group .content-group-text { float:left; display:inline-block; margin-left:40px; padding-top:30px; line-height:1.8; text-align:right; font-size:16px; color:#666;}
.content-group .content-group-text .content-group-title { clear:both; margin-bottom:10px; line-height:40px; font-size:28px; color:#444; font-weight:normal;}
.content-group .content-group-image {float:right; display:inline-block; margin-right:50px;}


.content-group.group-1 { height:380px;}

.content-group.group-2 { height:300px; background-color:#F4F4F4;}
.content-group.group-2 .content-group-text { float:right; margin-left:auto; margin-right:100px; text-align:left;}
.content-group.group-2 .content-group-image { float:left; margin-right:auto; margin-left:30px;}

.content-group.group-3 { height:300px;}
.content-group.group-3 .content-group-image { margin-right:30px;}

.content-group.group-4 { height:300px; background-color:#F4F4F4;}
.content-group.group-4 .content-group-text { float:right; margin-left:auto; margin-right:100px; text-align:left;}
.content-group.group-4 .content-group-image { float:left; margin-right:auto; margin-left:30px;}


.product-header-wrap { background-image:url(../image/product-banner.jpg); background-position:center 250%;}

.product-banner-text { position:relative; margin:110px auto; width:600px; height:120px;}
.product-banner-text .product-banner-text-left { position:absolute; top:0; bottom:0; left:0; width:40px; border:3px solid #fff; border-right:0;}
.product-banner-text .product-banner-text-right { position:absolute; top:0; bottom:0; right:0; width:40px; border:3px solid #fff; border-left:0;}
.product-banner-text .product-banner-text-center { position:absolute; top:10px; right:30px; left:30px; line-height:2; text-align:center; font-size:24px; color:#fff;}
.product-banner-text .product-banner-text-center h3 { clear:both; line-height:60px; font-size:48px; font-weight:normal;}
.product-banner-text .product-banner-text-center .product-banner-icon { margin:20px auto; width:32px; height:21px; background:url(../image/product-banner-icon.png) no-repeat center top;}

.product-container-wrap { padding:50px 0;}


.product-group { position:relative; width:1160px; height:800px;}
.product-group .product-group-item { position:absolute; top:0; z-index:10; width:324px;}
.product-group .product-group-item .product-group-topbar { clear:both; padding-top:10px; height:90px; background-color:#5FBDF9; text-align:center; color:#fff; box-sizing:content-box; -webkit-box-sizing:content-box;}
.product-group .product-group-item .product-group-topbar h4 { clear:both; line-height:30px; font-size:16px; font-weight:normal;}
.product-group .product-group-item .product-group-topbar .product-price { clear:both; line-height:50px; font-size:28px; font-weight:normal;}
.product-group .product-group-item .product-group-topbar .product-price small { margin-left:10px; font-size:16px;}

.product-group .product-group-item .product-group-list { clear:both; display:block; margin:0; padding:0; list-style:none; border:1px solid #ddd; border-top:0; background-color:#fff;}
.product-group .product-group-item .product-group-list .product-group-list-item { clear:both; display:block; margin:0; padding:15px 0; background-color:#fff; list-style:none; text-align:center; font-size:14px;}
.product-group .product-group-item .product-group-list .product-group-list-item.even { background-color:#f4f4f4; color:#444;}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn { display:block; margin:0 auto; width:160px; height:35px; line-height:35px; border-radius:3px; background-color:#5FBDF9; text-align:center; color:#fff; font-size:14px;}
.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn:hover { background-color:#5CA2E0; color:#fff; text-decoration:none;}
.product-group .product-group-item .product-group-list .product-group-list-item .fa { font-size:14px; color:#47AC39;}

.product-group .product-group-item.product-titlebar { left:0; width:200px;}
.product-group .product-group-item.product-titlebar .product-group-topbar h4 { line-height:80px;}
.product-group .product-group-item.product-free { left:199px;}
.product-group .product-group-item.product-personal { left:522px;}
.product-group .product-group-item.product-ultimate { left:845px;}

.product-group .product-group-item.product-free .product-group-topbar,.product-group .product-group-item.product-personal .product-group-topbar,.product-group .product-group-item.product-ultimate .product-group-topbar { border-left:1px solid #9FD7FB;}

.product-group .product-group-item.active { top:-15px; bottom:-10px; z-index:20; border:2px solid #5CA2E0;}
.product-group .product-group-item.active .product-group-topbar { padding-top:23px; border:0; background-color:#5CA2E0;}
.product-group .product-group-item.active .product-group-list { border:0;}


.template-header-wrap { background-image:url(../image/template-banner.jpg);}


.template-banner-wrap { margin:110px auto 0 auto; text-align:center; color:#fff;}
.template-banner-wrap .template-banner-text { clear:both; line-height:1.5; font-size:24px;}
.template-banner-wrap .template-banner-text h3 { clear:both; margin-bottom:10px; line-height:60px; font-size:48px; font-weight:normal;}

.template-banner-wrap .template-banner-btn-group { margin-top:100px; height:40px;}
.template-banner-wrap .template-banner-btn-group .template-banner-btn { display:inline-block; margin:0 20px; padding:8px 25px; border-radius:3px; border:1px solid #fff; background-color:transparent; text-align:center; font-size:14px; color:#fff;}
.template-banner-wrap .template-banner-btn-group .template-banner-btn .fa { margin-right:10px;}
.template-banner-wrap .template-banner-btn-group .template-banner-btn:hover { border-color:rgba(255,255,255,.2); background-color:rgba(255,255,255,.3); color:#fff;}


.template-topbar { clear:both; margin:20px auto; height:40px; border-bottom:1px solid #ddd;}
.template-topbar .template-type { float:left; display:inline-block; width:160px; height:30px;}
.template-topbar .search-group { position:relative; float:left; display:inline-block; width:200px; height:30px; border-radius:2px; border:1px solid #ddd; background-color:#fff;}
.template-topbar .template-color { float:right; display:inline-block; height:30px;}


.cube-select { position:relative; margin-right:10px; padding:0 30px 0 10px; height:30px; border-radius:2px; border:1px solid #ddd; background:#fff url(../image/select-arrow.jpg) no-repeat right center; cursor:pointer;}
.cube-select input { display:block; width:100%; height:28px; line-height:28px; border:0; outline:0; background:none;}
.cube-select ul { display:none; position:absolute; right:-1px; left:-1px; top:29px; width:100%; overflow:hidden; background-color:#fff; max-height:150px; overflow-y:auto; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px; z-index:9999;}
.cube-select ul li { padding:0 10px; height:30px; line-height:30px; text-align:left; color:#666; text-overflow:ellipsis; overflow:hidden; word-break:break-all; white-space:nowrap; cursor:pointer;}
.cube-select ul li.on { background-color:#eee; color:#444;}


.search-group { position:relative; height:30px;}
.search-group .template-search-input { position:absolute; top:0; right:30px; bottom:0; left:0; padding:5px 10px; line-height:1.4; border:0; outline:0; border-radius:2px 0 0 2px; text-align:left; font-size:14px; color:#666;}
.search-group .template-search-btn { position:absolute; top:0; right:0; bottom:0; width:30px; line-height:26px; border:0; outline:0; background-color:transparent; text-align:center; font-size:14px; color:#999;}


.template-color .template-color-item { float:left; display:inline-block; margin:5px 10px 0 0; width:20px; height:20px; border-radius:2px;}
.template-color .template-color-item a { display:block; height:20px; border-radius:2px;}

.template-color .template-color-item.color-white { border:1px solid #ddd; background-color:#fff;}
.template-color .template-color-item.color-black { background-color:#2F353B;}
.template-color .template-color-item.color-gray { background-color:#BDBDBD;}
.template-color .template-color-item.color-blue { background-color:#42A5F5;}
.template-color .template-color-item.color-red { background-color:#EF5350;}
.template-color .template-color-item.color-orange { background-color:#FFA726;}
.template-color .template-color-item.color-yellow { background-color:#FFEE58;}
.template-color .template-color-item.color-green { background-color:#66BB6A;}
.template-color .template-color-item.color-purple { background-color:#AB47BC;}
.template-color .template-color-item.color-pink { background-color:#EC407A;}
.template-color .template-color-item.color-more { background:url(../image/template-color-more.gif) no-repeat;}


.template-list { display:block; margin:0; padding:0; list-style:none;}
.template-list .template-list-item { float:left; display:block; margin:0 40px 30px 0; width:260px; height:290px;}
.template-list .template-list-item .template-list-image { position:relative; z-index:1; clear:both; height:208px; border-radius:2px; background:url(../image/template-list-image-bg.gif) no-repeat center;}
.template-list .template-list-item .template-list-image .template-ver { position:absolute; top:0; left:0; width:75px; height:75px;}
.template-list .template-list-item .template-list-image .template-ver img { width:75px; height:75px;}
.template-list .template-list-item .template-list-image img { margin:14px 2px 2px 2px; width:256px; height:192px; border-radius:2px;}
.template-list .template-list-item .template-list-image .template-list-mark { display:none;}
.template-list .template-list-item .template-list-title { clear:both; line-height:35px; text-align:left; font-size:16px; color:#444;}
.template-list .template-list-item .template-list-info { clear:both; height:60px;}
.template-list .template-list-item .template-list-info .template-num { clear:both; line-height:30px; text-align:left; color:#999;}
.template-list .template-list-item .template-list-info .template-designer { float:left; display:inline-block; line-height:30px; text-align:left; color:#999;}
.template-list .template-list-item .template-list-info .template-price-btn { float:right; display:inline-block; padding:4px 15px 5px 15px; line-height:1.4; border-radius:2px; border:1px solid #9EC7EC; background-color:#fff; text-align:center; color:#5CA2E0; font-size:14px;}

.template-list .template-list-item:hover .template-list-image .template-list-mark { position:absolute; top:0; right:0; bottom:0; left:0; display:block; border-radius:3px; background:url(../image/template-list-mark.png); text-align:center; cursor:pointer;}
.template-list .template-list-item:hover .template-list-image .template-list-mark .template-btn { display:inline-block; margin:85px 10px 10px; width:80px; line-height:35px; border-radius:2px; text-align:center; font-size:16px; color:#fff;}
.template-list .template-list-item:hover .template-list-image .template-list-mark .template-btn .fa { font-size:14px;}
.template-list .template-list-item:hover .template-list-image .template-list-mark .template-btn.template-use { background-color:#9BCE6A;}
.template-list .template-list-item:hover .template-list-image .template-list-mark .template-btn.template-preview { background-color:#9EC7EC;}

.template-pagination { display:inline-block; margin:60px auto; height:35px;}
.template-pagination a { display:inline-block; margin-right:5px; width:35px; line-height:35px; background-color:#fff; border-radius:3px; border:1px solid #ddd; text-align:center; font-size:14px; color:#999;}
.template-pagination a:hover { background-color:#f4f4f4; color:#444; text-decoration:none;}
.template-pagination a.current { border-color:#9EC7EC; background-color:#9EC7EC; color:#fff;}


.help-header-wrap { background-image:url(../image/help-banner.jpg);}

.help-banner-text { margin:160px auto 0 auto; text-align;center; line-height:2; font-size:24px; color:#fff;}
.help-banner-text h3 { clear:both; line-height:60px; font-size:48px; font-weight:normal;}

.help-container-wrap { padding:15px 0;}
.help-container-topbar { clear:both; height:45px; line-height:45px; border-bottom:1px solid #ddd; text-align:left;}

.help-container-topbar .search-group { position:relative; float:right; display:inline-block; margin-top:5px; width:300px; height:30px; border-radius:2px; border:1px solid #ddd; background-color:#fff;}


.help-update-wrap { float:left; width:570px;}
.help-update-wrap .help-update-title { clear:both; margin:20px 0; line-height:35px; text-align:left; font-size:24px; color:#444;}
.help-update-wrap .help-update-list { clear:both; display:list-item; margin:0; padding:0;}
.help-update-wrap .help-update-list .help-update-list-item { clear:both; padding:0 100px 0 0; line-height:35px; border-bottom:1px dashed #ddd; text-align:left; font-size:14px; list-style:none; color:#666;}
.help-update-wrap .help-update-list .help-update-list-item a { *float:left; *display:block; line-height:35px; text-align:left; color:#666; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.help-update-wrap .help-update-list .help-update-list-item a:hover { color:#000; text-decoration:none;}

.help-update-wrap .help-update-list .help-update-list-item .help-update-date { float:right; *position:relative; margin-right:-100px; width:100px; line-height:35px; text-align:right; color:#999;}
.help-update-wrap .help-update-more { float:left; display:block; margin-top:20px; width:120px; line-height:40px; border-radius:3px; background-color:#3BAFDA; text-align:center; font-size:14px; color:#fff;}


.help-quick-nav { float:right; margin:0; padding:0; width:550px; list-style:none;}
.help-quick-nav .help-quick-nav-item { float:left; display:inline-block; margin:20px 10px 0 10px; width:162px; height:150px;}
.help-quick-nav .help-quick-nav-item a { display:block; height:150px; border-radius:3px; border:1px solid #ddd; background-color:#fff; color:#3BAFDA;}
.help-quick-nav .help-quick-nav-item a:hover { border-color:#3BAFDA; background-color:#f7f7f7; color:#3BAFDA; text-decoration:none;}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-icon { clear:both; display:block; height:100px; line-height:100px; text-align:center; *font-size:80px; opacity:.6; filter:alpha(opacity=60);}
.help-quick-nav .help-quick-nav-item a .help-quick-nav-icon img { vertical-align:middle;}
.help-quick-nav .help-quick-nav-item a .help-quick-nav-title { clear:both; line-height:30px; font-size:16px;}

.help-quick-nav .help-quick-nav-item a:hover .help-quick-nav-icon { opacity:1; filter:alpha(opacity=100);}

.container-wrap hr { clear:both; margin:0; padding:0; height:1px; overflow:hidden; border:0; border-bottom:1px solid #ddd;}


.help-header { clear:both; height:60px; background-color:#262626; color:#fff;}
.help-header .help-logo { float:left; width:230px; height:60px; background:url(../image/help-logo.png) no-repeat center; text-indent:-10000px;}
.help-header .help-search-group { float:right; margin-top:15px; width:300px; border-radius:3px; background-color:#fff;}

.help-container {}
.help-container .help-sidebar { float:left; padding:10px 15px; width:210px; color:#666; box-sizing:content-box; -webkit-box-sizing:content-box;}
.help-container .help-main { float:right; width:900px;}

.help-footer { clear:both; height:40px; line-height:40px; background-color:#f0f0f0; text-align:center; font-size:12px; color:#999;}


.help-sidebar-nav-group { clear:both; margin-bottom:10px; margin-bottom:5px\0; text-align:left;}
.help-sidebar-nav-group .help-sidebar-nav-title { clear:both; line-height:35px; font-size:14px; font-weight:bold; color:#444;}
.help-sidebar-nav-group .help-sidebar-nav-list { clear:both; display:list-item;}
.help-sidebar-nav-group .help-sidebar-nav-list .help-sidebar-nav-list-item { clear:both; padding-left:10px; padding-left:0\0; line-height:1.6; font-size:14px; color:#428bca; list-style:inside square;}
.help-sidebar-nav-group .help-sidebar-nav-list .help-sidebar-nav-list-item a { display:inline-block\0; color:#428bca; text-indent:-10px\0;}
.help-sidebar-nav-group .help-sidebar-nav-list .help-sidebar-nav-list-item a:hover { color:#2a64b0; text-decoration:none;}


.breadcrumb { clear:both; line-height:35px; border-bottom:1px solid #eee; text-align:left; font-size:12px; color:#999;}
.breadcrumb .fa { margin-right:5px; font-size:14px;}

.help-content { padding:20px 0; line-height:1.8; text-align:left; font-size:14px; color:#666;}



.search-bar-wrap { clear:both; border-bottom:1px solid #ddd;}
.search-bar-wrap .search-bar-group { display:inline-block; margin:10px auto; width:630px; height:44px;}
.search-bar-box { float:left; display:inline-block; margin-right:10px; padding:3px 3px 0 3px; width:580px; height:40px; line-height:40px; border-radius:2px; background-color:#3bafda; box-sizing:content-box; -webkit-box-sizing:content-box;}
.search-bar-box .search-bar-input { float:left; padding:6px 10px 7px; width:480px; height:24px\0; *height:24px; line-height:2; border-radius:2px; border:0; background-color:#fff; box-sizing:content-box; -webkit-box-sizing:content-box;}
.search-bar-box .search-bar-btn { float:right; padding:4px 5px 5px; width:70px; *height:24px; line-height:2; border:0; background-color:#3bafda; text-align:center; font-size:14px; font-weight:bold; color:#fff; box-sizing:content-box; -webkit-box-sizing:content-box;}
.search-bar-wrap .search-bar-group a { float:right; display:inline-block; margin-top:12px; font-size:14px; color:#3498db;}


.search-result { clear:both; margin-bottom:20px; padding:10px 15px; border-radius:2px; border:1px solid #ddd; background-color:#e8e8e8; text-align:left; font-size:14px; color:#666; font-weight:bold;}

.search-result-list { clear:both; margin:0; padding:0; list-style:none;}
.search-result-list .search-result-list-item { clear:both; margin-bottom:20px;}
.search-result-list .search-result-list-item .search-result-list-title { clear:both; display:block; padding:6px 0; line-height:1.6; text-align:left; font-size:16px; color:#3498db; text-decoration:underline; text-overflow:ellipsis; overflow:hidden; word-break:break-all; white-space:nowrap;}
.search-result-list .search-result-list-item .search-result-list-info { clear:both; line-height:1.5; text-align:left; font-size:12px; color:#999;}
.search-result-list .search-result-list-item .search-result-list-int { clear:both; padding:3px 0; line-height:1.5; text-align:left; font-size:12px; color:#444;}
.search-result-list .search-result-list-item .search-result-list-other { clear:both; padding:3px 0; line-height:1.5; text-align:left; font-size:12px; color:#3498db;}
.search-result-list .search-result-list-item .search-result-list-other a { color:#444; text-decoration:underline;}

.search-pagination { clear:both; margin-bottom:20px; height:45px; text-align:left;}


.search-advanced {}
.search-advanced .search-advanced-title { clear:both; margin-bottom:20px; padding:10px 15px; border-radius:2px; border:1px solid #ddd; background-color:#e8e8e8; text-align:left; font-size:14px; color:#666; font-weight:bold;}
.search-advanced-list {}
.search-advanced-list .search-advanced-dl { clear:both; padding-left:80px; height:35px;}
.search-advanced-list .search-advanced-dl dt { float:left; margin-left:-80px; width:80px; line-height:35px; text-align:left; font-size:12px; color:#444; font-weight:bold;}
.search-advanced-list .search-advanced-dl dd { float:left; line-height:35px; text-align:left; font-size:12px; color:#777;}
.search-advanced-list .search-advanced-dl dd .radio { margin-right:15px;}




.faq-group {}
.faq-group-topbar { clear:both; line-height:50px; text-align:left; font-size:24px; color:#444;}

.faq-list { clear:both; margin:0; margin-top:20px; padding:0; list-style:none;}
.faq-list .faq-list-item { float:left; display:block; margin:0 10px; width:270px; margin:0 6px\0; width:278px\0;}

.faq-list-title { clear:both; margin-bottom:10px; line-height:35px; text-align:left; font-size:16px; color:#444;}
.faq-list-title .faq-list-icon { display:inline-block; margin-right:5px; width:25px; height:25px; line-height:25px; text-align:center; border-radius:3px; font-size:14px; color:#fff;}
.faq-list-title .faq-list-icon .fa { *margin-top:25%;}

.faq-list-content { display:list-item;}
.faq-list-content a { clear:both; display:list-item; line-height:35px; text-align:left; font-size:14px; color:#666; list-style:inside square;}
.faq-list-content a:hover { color:#000; text-decoration:none;}

.faq-more { float:left; display:inline-block; margin-top:20px; padding:5px 12px; border-radius:3px; background-color:#eee; color:#666; font-size:14px;}
.faq-more:hover { background-color:#ccc; color:#444; text-decoration:none;}


.channel-header-wrap { background-image:url(404.png);}
.channel-banner-text { position:relative; margin:110px auto; width:640px; height:120px; line-height:1.5; font-size:24px; color:#fff;}
.channel-banner-text .channel-banner-title { clear:both; margin-bottom:30px; line-height:60px; font-size:48px; font-weight:normal;}

.channel-form-wrap { margin:20px auto; padding:20px; width:1120px; height:600px; border:1px solid #ddd; border-radius:3px; background-color:#fff; box-sizing:content-box; -webkit-box-sizing:content-box; text-align:left; color:#444; font-size:14px;}
.channel-form-wrap .channel-form-header { clear:both; height:35px; line-heigh35px; border-bottom:1px solid #eee; color:#999;}
.channel-form-wrap .channel-form-content { padding-top:40px;}

.channel-form-wrap .channel-form-content .form-input { padding:10px 6px;}
.channel-form-wrap .channel-form-content .form-label { padding-top:9px;}
.channel-form-wrap .channel-form-content .form-other { display:inline;}
.channel-form-wrap .channel-form-content .form-other label { margin-right:10px;}


.banner-alert { position:fixed; right:0; bottom:0; left:0; z-index:9999; padding:10px; background:#000; background:rgba(0,0,0,.85); color:#fff; font-size:14px;}
.banner-alert .banner-alert-content { line-height:1.5;}
.banner-alert .banner-alert-close { position:absolute; top:10px; right:10px; display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#ccc; text-decoration:none;}
.banner-alert .banner-alert-close:hover { color:#fff; text-decoration:none;}


.intro-wrap { position:relative;}

.template-intro-wrap { display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:999; background:url(404.png) repeat;}
.template-intro-wrap .template-intro { position:absolute; top:0; left:50%; bottom:0; margin-left:-580px; width:1160px;}
.template-intro-wrap .template-intro .template-intro-text { position:absolute; top:250px; left:50%; margin-left:-180px; width:360px; height:120px;}
.template-intro-wrap .template-intro .template-intro-arrow { position:absolute; top:400px; left:50%; margin-left:-31px; width:62px; height:78px; -webkit-animation:anim-runarrow 1s ease-in-out infinite alternate;}
@-webkit-keyframes anim-runarrow{
	from { top:400px}
	to { top:420px;}
}
.template-intro-wrap .template-intro .template-intro-box { position:absolute; top:540px; left:-20px; width:1200px; height:1400px;}