﻿@font-face {font-family: 'tubiao';
    src: url('../font/iconfont/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */  }
*{margin: 0px;padding-top: 0px;}
/*案例列表页面================================================================================*/
 /*题目*/
.case_body{border-top: 1px solid #FF9797;}
.calist_tt{width: 100%;height: auto;overflow:hidden;text-align: center;}
.calist_tt h1{font-size:50px;color:#F39800;font-weight: lighter;margin-top: 40px;}
.calist_tt p{color: #666;border-bottom: 1px solid #666;width: 420px;text-align: center;margin:10px auto;font-size: 18px;line-height: 60px;}
.clr{ clear:both; width:0px; height:0px; overflow:hidden;}
/*content*/
.content{ width:1258px; margin:40px auto;height: auto;overflow: hidden;position: relative;}
.da-thumbs{list-style:none;height:auto;position:relative;padding:0;overflow: hidden;}
.da-thumbs li{float:left;background:#fff;position:relative;width: 25%;}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;width: 100%;}
.da-thumbs li a{color:#fff;overflow:hidden;text-align: center;}
.da-thumbs li a div{position:absolute;background:#333;background:rgba(254,137,6,0.8);*background:#F39800;background:#F39800\0;filter:alpha(Opacity=90);width:100%;height:100%;*left:0px;*top:0px;}
.da-thumbs li a em{display:block;width:32px;height:3px;background:rgba(255,255,255,0.9);*background:#fff;background:#fff\0;filter:alpha(Opacity=30);margin:8px 20px}
.da-thumbs li a h4{color:#fff; font-size:14px;margin:18px 18px 6px;font-weight:normal;text-align:left;}
.da-thumbs li a p{color:#fff;margin:8px 13px;font:normal 14px/18px 'Arial';text-transform: uppercase;width:130px;text-align: center;margin: 0 auto;}
.da-thumbs li a h3{color:#fff;margin-top:36px;font-size: 25px;font-weight: lighter;margin-bottom: 20px;}
.da-thumbs li a span{font-family: tubiao;position: absolute;right: 18px;bottom: 18px;font-size: 24px;}
/*分页*/
.content .list_fenye{width: 300px;margin: 36px auto;height: auto;overflow: hidden;margin-bottom: 0px;}
.content .list_fenye{width: auto;margin: 36px auto;height: auto;overflow: hidden;margin-bottom: 0px;display: table;}
.list_fenye div{  float: left;width: 52px;height: 52px;font-family: tubiao;color: #fff;text-align: center;line-height: 52px;background:#f39800;}
.list_fenye div:hover{background:#1ea1da;cursor: pointer;}
.list_fenye p{width:80px;height: 52px;float: left;line-height: 52px;font-size: 14px;text-align: center;}
.list_fenye div a{width: 52px;height: 52px;font-family: tubiao;display: block;color: #fff;}

.list_fenye a,.list_fenye span{display: inline-block; padding: 16px 24px; background: #f39800; color: #FFF; font-family: "微软雅黑"; margin: 0 5px;}
.list_fenye a:hover{ text-decoration:none;background: #1ea1da;}
.list_fenye a.thisclass{background: #1ea1da;}
.list_fenye li{float: left; display: inline-block;}

/*订单提交页面order*/
.order_body{background:#f5f5f5;width: 100%;min-width: 1258px;height: auto;overflow: hidden;border-top: 1px solid #eee;}
.nei_nav,.my_order,.my_two{width: 1258px;height:auto;background: #fff;margin: 25px auto;overflow: hidden;position: relative;}
.nei_nav ul{margin-left:20px;height: 40px;}
.nei_nav a{float: left;font-size: 12px;line-height: 40px;margin: 0px 4px;}
.nei_nav a:hover,.nei_nav .active{color: #1ea1da;}
.nei_nav span{display: block;float: left;line-height: 40px;}
/*我的订单*/
.my_one {border-bottom: 1px solid #eee;}
.my_one p{font-size: 20px;color: #666;line-height: 60px;margin-left:20px;}
/*订单详情*/
.my_two>div{width: 50%;float: left;height: auto;overflow: hidden;}
.my_two>div:first-child{text-align: center;}
.my_two .order_det{position: relative;}
.order_det form{width: 92%;}
.order_det span{font-size:12px;color: #e54a3e;font-family: tubiao;position: absolute;left: 0px;top: 94px;}
.order_det .fw{width: 100%;border-bottom: 1px solid #eee;color:  #e54a3e;text-align: left;font-size: 16px;line-height: 30px;}
.order_det .fw1{width: 100%;border-bottom: 1px solid #eee;color:  #e54a3e;text-align: left;height: 10px;}
.order_det input{width: 40%;float: left;display: block;background: transparent;height: 38px;border: 0px;outline: 0px;line-height: 38px;font-size: 14px;color: #666;}

.order_det .pp{height:60px; overflow:hidden;}
.order_det .pp font{float:left; height:38px; line-height:38px;}
.order_det #bianhao{font-size: 16px;}

.order_det .zj{height:60px;    width: 100%; overflow:hidden;}
.order_det .zj font{text-align: right; float:right; height:60px;color: #e54a3e; line-height:60px;}
.order_det #total_pirce{text-align: right; float:right; width:15%;font-size: 16px;height: 60px;color:  #e54a3e}
.order_det #fw_0{padding-left: 18px;}
.order_det #fw_0,#fw_0_price{font-size: 16px;height: 60px;}
.order_det .fw_name{float: left;text-align: left;}
.order_det .fw_price{float: right;text-align: right;color: #e54a3e;}
/*提交返回*/
.order_det .fanhui,#qrtj{width:268px;height: 64px;float: left;font-size: 24px;text-align: center;}
.order_det .fanhui{background:#eee;color: #999;font-family: tubiao;line-height:64px;float: left;font-size: 30px;}
.order_det u{text-decoration: none;font-size: 24px;}
.order_det u a{color: #999;}
.order_det #qrtj{background: #e54a3e;color: #fff;float: right;padding-left: 14px; cursor:pointer}
.order_det .tj i{position: absolute;bottom: 15px; right:226px;font-family: tubiao;color: #fff;font-style: normal;font-size: 30px;}


/*登录页面===================================================================================================*/
.lo_body{background:#f5f5f5;height: auto;overflow: hidden;border-top: 1px solid #eee;width: 100%;position: relative;padding-bottom: 30px;}
.lo_body>div{width: 1258px;height: auto;margin: 0 auto;background: #fff;overflow: hidden;}
.lo_body .lo_tt{width: 1258px;height: 60px;border-bottom: 1px solid #eee;margin: 0 auto;background: #fff;margin-top: 20px;}
.lo_tt p{float: left;line-height:60px;margin-left:20px;font-size: 18px;}
.lo_tt span,.lo_tt a{float: right;font-size: 14px;line-height: 30px;text-align: center;margin-top: 16px;}
.lo_tt a{background: #F39800;width:70px;height: 30px;color: #fff;margin-right:20px;margin-left: 8px;}
/*登录部分*/
.lo_title,.lo_det{width: 450px;height: 70px;margin: 0 auto;margin-top: 100px;position: relative;overflow: hidden;}
.lo_title .active{color:#1ea1da;}
.lo_title p{float: left;font-size: 20px;width: 136px;text-align: center;height:40px;  cursor: pointer;}
.lo_title .lo_title_l{width:272px;height: 3px;background: #ddd;position: absolute;top:40px;left: 0px;}
.lo_title .lo_title_d{width:136px;height: 3px;background: #1ea1da;position: absolute;top:40px;left: 0px;}
/*传统登录*/
.lo_det{margin-top: 10px;height: 290px;position: relative;}
.lo_det>.lo>div{height:auto;margin: 10px 0px;width: 100%;overflow: hidden;}
.lo_det .lo input{width: 350px;height: 30px;background:#fff;float: left;margin-bottom: 18px;}
.lo_det .lo p{float: left;width: 90px;font-size: 16px;}
.lo_det .lo #lo_zt{width: 20px;height: 20px;border: 1px solid #666;border-radius: 4px;background: #fff;}
.lo_det .lo a{font-size: 14px;line-height: 20px;float: right;color: #F39800;}
.lo_det .lo .dz{margin-right: 184px;color: #666;}
.lo_det .lo #lo_sub{width: 120px;height:40px;background: #1ea1da;color: #fff;font-size: 18px;line-height: 40px;text-align: center;border: 0px;outline: 0px;margin-left:90px;margin-top: 10px;}
/*快速登录*/
.lo_title,.re_det{width: 450px;height: 70px;margin: 0 auto;margin-top: 100px;position: relative;overflow: hidden;}
.lo,.lo_kuai{float: left;position: absolute;left: 0px;top:0px;height: 290px;width: 100%;}
.lo_kuai{left:450px;}
.lo_det>.lo_kuai>div{height:auto;margin: 10px 0px;width: 100%;overflow: hidden;}
.lo_det .lo_kuai input{width: 350px;height: 30px;background:#fff;float: left;margin-bottom: 18px;}
.lo_det .lo_kuai p{float: left;width: 90px;font-size: 16px;}
.lo_det .lo_kuai #loks_zt{width: 20px;height: 20px;}
.lo_det .lo_kuai a{font-size: 14px;line-height: 20px;float: right;color: #F39800;}
.lo_det .lo_kuai .dz{margin-right: 184px;color: #666;}
.lo_det .lo_kuai #loks_sub{width: 120px;height:40px;background: #1ea1da;color: #fff;font-size: 18px;line-height: 40px;text-align: center;border: 0px;outline: 0px;margin-left:90px;margin-top: 10px;}
.lo_det .lo_kuai #loks_password{width:265px;}
.lo_det .lo_kuai .lo_yzm{width:85px;float: right;height:34px;color: #fff;text-align: center;font-size: 12px;background: #F39800;line-height: 34px;margin-right: 6px;}

/*注册页面=============================================================================================*/
.re_det{height: 360px;margin-top:50px;}
.re_det .lo input{width:320px;height: 28px;}
.re_det>.lo>div{margin: 0px 0px;}
.re_det .lo #re_sub{width: 120px;height:40px;background: #1ea1da;color: #fff;font-size: 18px;line-height: 40px;text-align: center;border: 0px;outline: 0px;margin-left:90px;margin-top: 10px;}
.re_det .lo #loks_yzm{width:232px;}
.re_det .lo .lo_yzm{width:89px;float: right;height:32px;color: #fff;text-align: center;font-size: 12px;background: #F39800;line-height: 34px;margin-right: 35px;}
.re_det .lo #re_zt{width: 20px;height: 20px;}
.re_det .lo .dz{float: left;margin-right: 0px;margin-left: 94px;}
.re_det .lo a{float: left}


.caseLeft{width: 124px; float: left; font-size: 14px; color: #333; text-align: center; font-weight: bold; line-height: 30px;}
.caseRight{width: 1000px; float: left; overflow: hidden;}
.caseRight ul li{display: inline-block; margin: 0 10px;}
.caseRight ul li a{font-size: 14px; color: #333;line-height: 30px;}
.caseRight ul li.activeli a{color: #00a0e9;}

