@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
* www.openwbs.com
*/
body{ background:#f6f6f6; }

.ow-top-banner{ background-image:url("../images/banner/1.jpg"); background-position:center top; background-repeat:no-repeat;}
.ow-top-banner-join{ background-image:url("../images/banner/join.png"); background-position:50% 50%; background-size:cover; height:260px;}
.ow-top-banner-join .banner-title{ background-image:url("../images/icon-joinus.png");  background-position:49.5% 55px; background-repeat:no-repeat; color:#5ed9cc; font-size:32px; margin:auto; padding-top:160px; text-align:center; width:1200px;}

.ow-spage-header{ margin:15px auto 0px auto; width:1200px;}
.ow-spage-header ul{ display:table;}
.ow-spage-header ul li{ float:left;}
.ow-spage-header ul li a{ background-color:#ddd; color:#222; display:inline-block; font-size:14px; height:32px; line-height:32px; padding:0px 16px;}
.ow-spage-header ul li a:hover{ background-color:#c60000; color:#fff; text-decoration:none;}
.ow-spage-header ul li.current a{ background-color:#c60000; color:#fff;}

.ow-spage-content{ margin:0px auto; width:1200px; padding:30px 0px 30px 0px;}
.ow-spage-content .section{ font-size:16px;}
.ow-spage-content .section .ow-spage-title{ font-weight:bold;}
.ow-spage-content-detail{ min-height:200px;}

/*内容*/
.ow-page-content{ background:#fff; border:1px solid #eee; width:960px;}
.ow-page-content h1{ border-bottom:1px solid #eee; font-size:24px; font-weight:normal; margin:0px 15px; padding:10px 0px 5px 0px;}
.ow-page-content-detail{ font-size:14px; line-height:200%; min-height:600px; padding:15px 15px 20px 15px;}
.ow-page-content-detail img{ max-width:750px;}


/**招聘**/
.ow-join{ font-size:14px;}
.ow-join-section{ margin:auto; width:1200px;}
.ow-join a,
.ow-join a:visited{ color:#44aaf0; }
.ow-join .top-mess{ font-size:16px; padding:30px 0px 30px 0px;}
.ow-join .join-mail a { background:#008bea; color:#fff; display:inline-block; height:45px; line-height:45px; padding:0px 40px; text-align:center; text-decoration:none;}
.ow-join .join-mail a:hover{ background:#0381d6;}
.ow-join .join-department{ padding:30px 0px;}
.ow-join .join-department dl { float:left; margin-right:20px; padding:0px; width:280px; }
.ow-join .join-department dl dt{ font-size:20px;}
.ow-join .join-department dl dd{ height:24px; line-height:24px; padding:5px 0px 0px 0px;}

.ow-join .join-joblist{ padding:30px 0px;}
.ow-join .join-joblist ul{}
.ow-join .join-joblist ul li{ border-top:1px dashed #ddd; padding:15px 0px 25px 0px;}
.ow-join .join-joblist ul li h2{ padding:10px 0px;}
.ow-join .join-joblist ul li h2 a,
.ow-join .join-joblist ul li h2 a:visited{ color:#333; font-size:20px;}
.ow-join .join-joblist ul li h2 a:hover{ text-decoration:none;}
.ow-join .join-joblist ul li .join-detail{ line-height:28px;}

/*内容详细*/
.ow-content-container{ background:#fff; border:1px solid #e6e6e6; min-height:600px; margin:15px auto; width:1200px;}
.ow-content-container h1.title{ font-size:24px; font-weight:normal; margin:0px 20px; padding:15px 0px 10px 0px; }
.ow-content-container .byline{ color:#aaa; line-height:12px; font-size:12px; margin:0px 20px; padding:0px 0px 0px 0px;}
.ow-content-container .byline span{ border-right:1px solid #bbb; display:inline-block; height:12px; line-height:12px; margin:0px 8px 0px 0px; padding:0px 8px 0px 0px;}
.ow-content-container .byline span.views{ border-right:none; }
.ow-content-container .byline a,.ow-content-container .byline a:visited { color:#aaa;}
.ow-content-container .byline a:hover{ color:#333; text-decoration:none;}
.ow-content-container .content{ font-size:16px; line-height:200%; margin:0px 20px; padding:20px 0px 20px 0px; word-break:break-all; word-wrap:break-word;}
.ow-content-container .content img{}
.ow-content-container .tags { font-size:14px; margin:0px 20px; padding:5px 0px;}
.ow-content-container .tags a{ margin:0px 5px 0px 0px;}
.ow-content-container .pager { margin:0px 20px; padding:30px 0px 30px 0px; text-align:center;}
.ow-content-container .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 20px 10px 20px; padding:10px 0px;}
.ow-content-container .prev-next .prev{ height:24px; padding:4px 0px;}
.ow-content-container .prev-next .next{ height:24px; padding:4px 0px;}

/*自助建站*/
.spg{}
.spg-main-mess{}
.spg-main-mess2{ background-color:#fff;}
.spg-main-mess .wrapper{ padding:50px 0px 50px 0px;}
.spg-main-mess h1{ font-size:32px; font-weight:normal; text-align:center; padding:2px 0px;  }
.spg-main-mess h2{ font-size:18px; font-weight:normal; text-align:center;}
.spg-main-mess h3{ font-size:16px; font-weight:normal; text-align:center; padding:10px 0px; }
.spg-main-mess h4{ font-size:15px; font-weight:normal; text-align:center; padding:6px 0px; }
.spg-main-mess p{ font-size:14px; text-align:center;}

.spg-design{}
.spg-design-section{ margin:0px auto; width:1200px; padding:50px 0px 80px 0px;}
.spg-design-section .header{ text-align:center; }
.spg-design-section .header h2{ font-size:32px; font-weight:normal;}
.spg-design-section .header p{ font-size:16px; padding:10px 0px 0px 0px;}
.spg-design .section{ background:url("../images/spage/webbuild_process.png") center 0px no-repeat; height:360px;}
.spg-design .section_empower{ background:url("../images/spage/empower_process.png") center center no-repeat; height:300px;}
.spg-design .do{ padding:20px 0px 10px 0px; text-align:center; }

/*商业授权*/
.body-empower{background-color:#f6f6f6; }
.empower-tab{ margin:auto; width:1200px; padding:20px 0px;}
.empower-tab ul.switch{ border-bottom:1px solid #c60000; height:49px; padding-left:388px; z-index:999; position:relative;}
.empower-tab ul.switch li{ float:left; height:49px; line-height:49px; margin-left:-1px; overflow:hidden; padding:0; position:relative;}
.empower-tab ul.switch li a{ background:#e6e6e6; border:1px solid #aaa; color:#333333; display:inline-block; font-size:18px; height:48px; line-height:48px; width:140px; text-align:center;}
.empower-tab ul.switch li a ,
.empower-tab ul.switch li a:visited{ text-decoration:none;}
.empower-tab ul.switch li a:hover{ color:#c60000; text-decoration:none;}
.empower-tab ul.switch li.current { height:50px; position:relative; z-index:1;}
.empower-tab ul.switch li.current a,
.empower-tab ul.switch li.current a:hover{ background:#f6f6f6; border-color:#c60000; border-top-width:1px; padding-top:1px; color:#333; }

#tabbox{ min-height:1000px;}
/*商业授权价格*/
.spg-empower-price{ background-color:#f6f6f6; font-size:14px; padding:10px 0px;}
.spg-empower-price h2{ font-size:32px; font-weight:normal; text-align:center; padding:0px 0px 10px 0px;}
.spg-empower-price .tip{ font-size:16px; padding:20px 0px 0px 0px; text-align:center; }
.spg-empower-price .tip a,
.spg-empower-price .tip a:visited { color:#2467b2; margin-left:5px; }
.price-table{}
.price-table .table{ background:#fff; color:#333; font-size:16px; margin:auto;}
.price-table .table th{ background-color:#fff; color:#fff; font-weight:normal; font-size:18px; padding:20px 20px;}
.price-table .table th.v{ background:url("../images/col-bg.png") 0px 0px no-repeat; border-color:#cc0000; }
.price-table .table th.vf{ background:url("../images/col-bg.png") right bottom no-repeat; border-color:#cc0000; }
.price-table .table td{ border-color:#e8e8e8!important; padding:12px 10px; }
.price-table .table td.module{ background-color:#fcfcfc; color:#666; font-size:14px; text-align:center; vertical-align:middle;}
.price-table .table td{ font-size:22px; text-align:center; text-align:center; vertical-align:middle;}
.price-table .table td a.buy,
.price-table .table td a.buy:visited{ color:#2467b2; font-size:14px; margin-left:15px;}
.price-table .table-striped > tbody > tr:nth-child(odd) > td{ background-color:#f6f6f6!important; }
.price-table .old{ color:#888; font-size:16px!important; text-decoration:line-through;}
.price-table .old b{ font-size:20px; padding:0px 6px;}
.price-table .now{ color:#c60000; padding:5px 0px; }
.price-table .font14{ font-size:14px;}
.price-table .sep{ color:#888; padding:0px 4px;}
.price-table .pl10{ padding-left:10px;}
.price-table .hd{ border-bottom:1px solid #eee; color:#c60000; display:inline-block; font-size:18px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; }
.price-table .standard td{ color:#384050;}

/*演示*/
.demo{ font-size:14px; font-weight:normal; padding:10px 0px 15px 0px;}
.demo .pc{ padding:0px 7px 0px 0px;}
.demo .pc i{ font-size:14px; margin-right:5px;}
.demo .pc a,
.demo .pc a:visited{ color:#1c98cc;}
.demo .pc a:hover{ text-decoration:underline;}
.demo .mob{ border-left:1px solid #ccc; display:inline-block; height:18px; line-height:18px; padding:0px 0px 0px 10px; position:relative;}
.demo .mob i{ margin-left:5px; color:#1c98cc;}
.demo .mob .text{ }
.demo .mob .qrcode{ background:#fff; border:1px solid #ddd; padding:10px; position:absolute; right:0px; top:20px; width:120px; z-index:999;}
.functions{ border-top:1px solid #eee; font-size:16px; margin:5px 15px; padding:15px 0px 10px 0px; }
.functions a,
.functions a:visited{ color:#1c98cc;}
.functions a:hover{ text-decoration:underline;}
.spg-empower-price .line{ font-size:16px; margin:0px 15px; padding:10px 0px 5px 0px; }
.spg-empower-price .btnline{ padding:25px 0px 15px 0px;}
.spg-empower-price .btnline .abtn{ border-radius:20px; font-size:14px; padding:11px 20px;}
.spg-empower-price .btnline .abtn i{ font-size:14px;}

/*备注*/
.spg-remark{ font-size:14px; padding-bottom:20px;}
.spg-remark .wrapper{ background:#fff; border:1px solid #e6e6e6; padding:20px 80px 50px 80px; width:1040px; }
.spg-remark .gird{ margin:auto; min-height:540px;}
.spg-remark .gird1{ border-right:1px solid #eee;float:left; width:500px; margin-right:48px; padding-right:50px;}
.spg-remark .gird2{ float:left; width:400px;}
.spg-remark ul{}
.spg-remark ul li{ padding:0px 0px 10px 0px;}
.spg-remark h2{ color:#c30007; font-size:16px; margin:15px 0px 0px 0px; padding:5px 0px 5px 0px;}
.spg-remark p{ padding:0px 0px 5px 0px;}
.spg-remark span.tipline{ color:#888; display:block; font-size:12px;}
.spg-remark span.sep{ padding:0px 3px;}
.spg-remark table th{ background:#f6f6f6; color:#333;}
.spg-remark table td{ text-align:center;}

.subtitle{ text-align:center; padding:0px 0px 10px 0px;}
.subtitle span.in{ border-top:1px solid #ddd; display:inline-block; padding:10px 0px 10px 0px;}

/**版本功能列表**/
h2.center-h2 { color:#333; font-size:24px; height:32px; line-height:32px; overflow:hidden; padding:15px 0px 40px 0px; text-align:center; }
h2.center-h2 span { position:relative; }
h2.center-h2 span:after,
h2.center-h2 span:before{content:""; position:absolute; top:50%; left:0; width:100px; border-top:1px solid #e0e0e0; transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
h2.center-h2 span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}
.functions{ background:#fff; border:1px solid #e0e0e0; padding:50px 100px; }
.function-list-table{ color:#000; font-size:16px; }
.function-list-table th{ background:#efecfa!important; font-size:18px; padding:10px;}
.function-list-table th b{ color:#fff; font-weight:normal; }
.function-list-table td{ padding:10px;}

/*服务商申请*/
.spg-fuwushang{ background-color:#f4f4f4; font-size:14px;}
.spg-fuwushang .condition{ }
.spg-fuwushang .condition h2{ color:#c30007; font-size:24px; font-weight:normal; margin-bottom:10px;}
.spg-fuwushang .condition dl{ border-top:1px solid #ddd; padding:10px 0px;}
.spg-fuwushang .condition dl dt{ color:#0db08f; font-size:18px; padding:10px 0px;}
.spg-fuwushang .condition dl dd{ padding:0px 0px 10px 0px;}

.spg-fuwushang .fuwushang-price{ float:left; width:700px; padding:50px 0px;}
.spg-fuwushang .fuwushang-price .table{ background:#fff; color:#888; font-size:13px;}
.spg-fuwushang .fuwushang-price .table th{ background-color:#eee!important; border-color:#e6e6e6; color:#666; font-weight:bold; font-size:16px; padding:10px 10px;}
.spg-fuwushang .fuwushang-price .table td{ border-color:#e8e8e8!important; padding:13px 15px; }
.spg-fuwushang .fuwushang-price .table td.module{ background-color:#fcfcfc; color:#666; font-size:14px; text-align:center; vertical-align:middle;}
.spg-fuwushang .fuwushang-price .table td{ color:#c30007; font-size:18px; text-align:center; text-align:center; vertical-align:middle;}
.spg-fuwushang .fuwushang-price .table-striped > tbody > tr:nth-child(odd) > td{ background-color:#f6f6f6!important; }

.spg-fuwushang .apply{ float:left; padding:40px 0px 0px 50px; width:420px;}
.spg-fuwushang .apply h3{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.spg-fuwushang .apply .form-group .col-name {float:left; font-size:16px; font-weight:normal; height:20px; line-height:20px; padding:8px 15px 0px 0px; width:100px; text-align:right;}
.spg-fuwushang .apply .form-group input.text{ font-size:16px; height:24px; line-height:24px; padding:6px 10px; width:300px;}
.spg-fuwushang .apply .form-group input.text-verifycode{ width:100px;}
.spg-fuwushang .apply .form-group select{ font-size:16px; height:36px; line-height:36px; padding:0px 10px;}
.spg-fuwushang .apply .form-group select option{ height:24px; line-height:24px; padding:6px 10px; }
.spg-fuwushang .apply .form-group .verifycode {}
.spg-fuwushang .apply .form-group .verifycode img {height:36px; vertical-align:middle;}
.spg-fuwushang .apply .form-group .verifycode .fresh {background:#f6f6f6; border:1px solid #aaa; display:inline-block; vertical-align:top; font-size:12px; font-family:"微软雅黑"; height:36px; line-height:36px; padding:0px 6px;}
.spg-fuwushang .apply .t-normal{ display:block;}
.spg-fuwushang .apply-form{ border-left:1px solid #e6e6e6;}