/* ============================================
	公用样式
   ==========================================*/

*{margin:0; padding:0; outline:none;}
body{position:relative; font-family:verdana, "微软雅黑"; font-size:12px; line-height:1.8em; color:#545454;}
ul,ol,li{list-style:none;}
img{border:0; vertical-align:top;}
a{color:#444; text-decoration:none; transition:all 0.16s linear;}
a:hover{color:#158DFE;}
a.orange:hover,
a.blue:hover,
a.green:hover{text-decoration:underline;}

.text_2em{text-indent:2em;}
.align-r{text-align:right;}
.align-l{text-align:left;}
.align-c{text-align:center;}
.italic{font-style:italic;}
.bold{font-weight:700;}
.red{color:red;}
.blue{color:#228EFB;}
.orange{color:#FF9326;}
.green{color:#63C600;}
.grey{color:#999999;}
.song{font-family:"宋体";}

.fl_l{float:left;}
.fl_r{float:right;}
.cl_b{clear:both;}

.center{width:1000px; margin:0 auto;}


/* 按钮样式 */

.button,
.button-green,
.button-red,
.button-grey,
.button-orange{display:block; background:#158DFE; border:0; border-radius:4px; color:#FFF; text-align:center; font-family:"微软雅黑"; font-weight:bold; font-size:14px; cursor:pointer; transition:all 0.2s linear;}
.button:hover{background:#2A97FD; color:#FFF;}
.button:active{background:#0585FD; color:#FFF;}
.button-green{background:#56BB51;}
.button-green:hover{background:#4AC944; color:#FFF;}
.button-green:active{background:#4BB446; color:#FFF;}
.button-blue{background:#4666C9;}
.button-blue:hover{background:#4166D9; color:#FFF;}
.button-blue:active{background:#395AC1; color:#FFF;}
.button-red{background:#F25446;}
.button-red:hover{background:#E9614D; color:#FFF;}
.button-red:active{background:#E34F39; color:#FFF;}
.button-grey{background:#BBBBBB;}
.button-grey:hover{background:#CBCBCB; color:#FFF;}
.button-grey:active{background:#AAA; color:#FFF;}
.button-orange{background:#FF9200;}
.button-orange:hover{background:#FFA021; color:#FFF;}
.button-orange:active{background:#FB8400; color:#FFF;}


/* 输入框样式 */

input[type="text"],
input[type="password"],
textarea{display:inline-block; width:auto; height:44px; padding:10px 16px; border:#F5F5F5 solid 1px; box-sizing:border-box; background:#F5F5F5; color:#444444; font-size:14px; transition:all 0.2s linear;}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover{border-color:#496CC8;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{border-color:#496CC8; background:#FFF; box-shadow:#DBE2F4 0 0 0 1px;}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#878787;}

.select{position:relative; height:44px; background:#F5F5F5;}
.select > a{display:block; padding:0 22px; border:#F5F5F5 solid 1px; line-height:42px; font-size:14px; color:#858585;}
.select > a:hover{border-color:#496CC8;}
.select > a:before{position:absolute; right:16px; top:19px; display:block; width:0; height:0; border:transparent solid 6px; border-top:#BBBBBB solid 7px; content:" ";}
.select > a:active,
.select > a.active{border-color:#496CC8; background:#FFF; box-shadow:#DBE2F4 0 0 0 1px;}
.select > ul{position:absolute; left:0; top:43px; z-index:2; display:none; width:100%;height:300px;overflow:auto; box-sizing:border-box; border:#496CC8 solid 1px; background:#FFF; box-shadow:rgba(0,0,0,0.12) 0 3px 6px;}
.select > ul a{display:block; padding:0 22px; line-height:38px; font-size:14px;}
.select > ul a:hover{background:#496CC8; color:#FFF;}

.radio label{display:block; margin-right:20px; line-height:20px; font-size:14px; color:#FF7F00; font-weight:bold; float:left;}
.radio label:before{display:block; width:16px; height:16px; margin:2px 6px 0 0; background:url(../images/shop/radio.png) no-repeat 0 0; content:" "; float:left;}
.radio label.active:before{background-position:0 -16px;}
.radio input{display:none !important;}

/* 页头样式 */
.head{position:relative; width:100%; height:116px; background:none;}
.head > .center{position:relative; z-index:2;}
.head .logo{display:block; width:191px; height:57px; margin-top:30px; background:url(../images/logo_white.png) no-repeat; float:left;}
.head .logo1{display:block; width:191px; height:57px; margin-top:30px; background:url(../images/logo_pro.png) no-repeat; float:left;}
.head ul{padding:42px 0 0; float:right;}
.head li{padding-left:50px; float:left;}
.head li a{font-size:14px; line-height:31px; color:#FFF; font-family:"宋体"; font-weight:bold;}
.head li a:hover,
.head li a.active{color:#4394FF;}
.head li a.user{display:block; width:24px; height:24px; margin-top:4px; background:url(../images/user_white.png) no-repeat;}
.head li a.last{display:block; width:80px; height:32px; border-radius:2px; background:#496CC8; color:#FFF; text-align:center; line-height:32px; font-size:12px;}
.head li a.last:hover,
.head li a.last.active{background:#FFBC00;}
.white .logo,
.newhead .logo{background-image:url(../images/logo.png);}
.white li a,
.newhead li a{color:#575757;}
.white li a.user,
.newhead li a.user{background-image:url(../images/user.png);}
.white{background:#FFF;}

.download{display:none; position:absolute; left:0; top:116px; z-index:1; width:100%; height:144px; background:#FFF; box-shadow:rgba(0,0,0,0.12) 0 3px 6px;}
.download div.fl_l{width:390px;}
.download h4{padding-top:2px; line-height:26px; color:#333333; font-size:14px; font-family:"宋体"; text-indent:4px;}
.download p{line-height:26px; color:#878787; font-size:12px; font-family:"宋体"; text-indent:4px;}
.download a{width:140px; height:50px; border-radius:3px; margin:16px 16px 0px 0px; background:url(../images/downloadbg.png) no-repeat; transition:none;}
.download a:hover{background:#FFBC00;}
.download a:active{background:#FF8D00;}

/* 页脚样式 */
.footer{width:100%; height:310px; background:#FFF; font-family:verdana, "宋体";}
.footer div.no1{width:220px;}
.footer div.no2{width:176px;}
.footer div.fl_l > h5{padding:35px 0 17px; line-height:32px; font-size:14px; font-family:"宋体"; color:#666666;}
.footer div.fl_l > ul{margin-top:-8px; line-height:28px; color:#666666;}
.footer div.no3 > div{width:230px; height:88px; padding:7px; margin-right:15px; background:#F4F4F4; float:left;}
.footer div.no3 > div img{margin-right:12px; float:left;}
.footer div.no3 > div p{line-height:22px; color:#666666;}
.footer div.no3 > div h6{padding-top:3px; line-height:30px;}
.footer div.no3 > div.weibo img{margin:6px 12px 0 17px;}
.footer div.no3 > div.weibo h6{padding-left:17px;}
.footer .hotline{width:260px; height:190px; padding-top:36px; text-align:center;}
.footer .hotline span{display:block; padding-top:14px; line-height:24px; font-size:26px; color:#545454; font-family:"微软雅黑";}
.footer .hotline p{line-height:30px; color:#AAAAAA; font-family:"宋体";}
.footer .hotline a{display:block; width:120px; height:32px; margin:0 auto; border:#A93A97 solid 1px; border-radius:2px; background:url(../images/btbg.png) no-repeat 0 0; line-height:32px; text-align:left; text-indent:40px; color:#A93997; font-family:"宋体";}
.footer .hotline a:hover{background-color:#A93997; background-position:0 -32px; color:#FFF;}
.footer .hotline a:active{background-color:#9A2E88;}
.footer .cl_b{width:100%; border-top:#EEEEEE solid 1px; line-height:62px; color:#AAAAAA;}
.footer .cl_b ul{padding-left:10px; float:left;}
.footer .cl_b li{display:inline;}
.footer .cl_b li a{color:#4394FF;}
.footer .cl_b li a:hover{text-decoration:underline;}
.footer .cl_b p{color:#666666;}

/* 弹窗样式 */
.pop{position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
.pop .popbg{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop .popbox{position:absolute; left:50%; top:50%; z-index:2;}


/* 导航 */
.crumbs{height:52px; line-height:52px; font-family:"宋体";}
.crumbs li{padding-right:8px; float:left;}
.crumbs li img{margin:18px 10px 0 0;}
.crumbs li a{margin-right:8px;}


/* 敬请期待 */
.wait{width:960px; height:470px; padding-top:130px; margin:90px auto 0; border-radius:6px; background:#FFF; text-align:center;}
.tipsbox{width:960px; padding:90px 0 10px; height:auto; margin:0 auto;}
.tipsbox .downbox{position:relative; width:960px; height:470px; border-radius:6px; padding-top:130px; background:#FFF; text-align:center;}
.tipsbox .downbox img{position:relative; left:0; top:0;}
.tipsbox > span{display:block; margin-bottom:40px; font-size:12px; line-height:26px; color:#999; text-align:center;}
.tipsbox > span.no1{margin:20px 0 0 0;}


/* 平台介绍 */
.centerbox{padding-bottom:52px; margin:56px auto 68px; background:#FFF; box-shadow:rgba(0,0,0,0.08) 0 2px 12px; font-family:"微软雅黑";}
.synopsis{padding:120px 0; text-align:center;}
.synopsis > img{margin-bottom:60px;}
.synopsis > p{width:840px; margin:0 auto 30px; line-height:30px; font-size:16px; color:#666;}


/* 客户服务 */
.service{position:relative; height:600px; padding:0;}
.service .phone{position:absolute; right:160px; bottom:0; width:416px; height:556px; background:url(../images/phone.png) no-repeat; text-align:center;}
.service .phone span{display:block; padding-top:210px; line-height:78px; font-size:18px; color:#666666;}
.service .lbox{width:526px; height:auto; padding:200px 0 0 80px; text-align:center;}
.service p{width:260px; height:42px; margin:0 auto 10px; border:#FF9E3E solid 2px; line-height:42px; text-align:left; text-indent:12px; color:#FFA346; font-size:18px;}
.service p.blue{border-color:#4395FF; color:#4395FF;}


/* 404页面　*/
.error404{width:960px; padding:100px 0 90px; border-radius: 6px; background:#FFF; text-align:center; overflow:hidden;}
.error404 strong{display:block; text-align:center; line-height:36px; font-size:20px; color:#333333; font-weight:500;}
.error404 ul{width:330px; margin:26px auto 0; font-size:14px;}
.error404 li{display:inline-block;}
.error404 li a{display:block; width:160px; height:40px; border-radius:0; text-align:center; line-height:40px; font-weight:700; color:#FFF;}
.error404 li a.back{width:158px; height:38px; border:#DCE0E4 solid 1px; line-height:38px; text-align:center; color:#999999; font-weight:500;}
.error404 li a.back:hover{background:#DCE0E4; color:#666;}
.error404 li a.back:active{background:#CDD2D7; color:#555;}