body{font-family: 'Microsoft YaHei', 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, Helvetica, Arial, sans-serif;}
.contenter{}
.wrapper{width: 980px;margin:0 auto;}
a,a:link{text-decoration: none;outline: none;}

.icon{background: url(../img/icon_sys.png) 0 0 no-repeat;display: inline-block;width: 16px;height: 20px;}
.android{background-position: 0 0 }
.ios{background-position: -18px 0 }

.header{overflow: hidden;margin-bottom: 15px}
.header .line{margin: 0 15px}
.header .banner{background: url(../img/bg_header.png) 0 100% repeat-x;}
.header .banner .wrapper{position: relative;height: 68px;}
.header .banner .logo{overflow: hidden;line-height: 65px;}
.header .banner .user{position: absolute;right:0;bottom: 10px}
.header .banner .user a{color: #4D4D4D;text-decoration: none;padding-left: 5px;}
.header .nav{height: 45px;background-color: #4D4D4D;line-height: 45px;}
.header .nav ul{padding: 0;list-style: none;margin: 0}
.header .nav .wrapper{overflow: hidden;}
.header .nav ul li{width: 120px;float: left;border-left:1px solid #646464;border-right:1px solid #646464}
.header .nav ul li+li{border-left: 0 none}
.header .nav ul li a{display: block;width: 100%;height: 100%;color: #FFF;font-size: 18px;text-align: center;text-decoration: none;}
.header .nav ul li a:hover,.header .nav ul li a.active{background-color: #00A0EA}
.header .nav .search{}
.header .nav .search input{height: 24px;border-radius: 0;width: 144px;font-size: 12px}
.header .nav .search .form-group{margin-top: -5px}
.header .nav .search .input-group-addon{padding: 0 5px;background-color: #00A0EA;border: 1px solid #00A0EA;color: #FFF;border-radius: 0;font-size: 12px;cursor: pointer;}
.header .nav .search .input-group-addon span{vertical-align: middle;margin-top: -3px}

.content{overflow: hidden;margin-bottom: 45px;min-height: 520px}
.content .item{margin-bottom: 15px;border:1px solid #E4E0E1;background-color: #F5F5F5;padding: 10px;overflow: hidden;}
.content .item .thumb{width: 280px;height: 150px;float: left;margin-right: 15px}
.content .item .info{float: left;width: 663px;}
.content .item .info .lft{width: 330px;float: left;margin-right: 10px}
.content .item .info .lft h2{color: #FAB52A;margin: 0;font-size: 16px;font-weight: bold;white-space: nowrap;margin-bottom: 5px}
.content .item .info .lft p{margin-bottom: 0px;max-height: 40px;overflow: hidden;}
.content .item .info .lft p label{margin-bottom: 0;display: inline-block;width: 72px}
.content .item .info .lft p span{margin-right: 3px}
.content .item .info .rgt{width: 320px;float: left;}
.content .item .info .rgt .count{margin-right: 40px;text-align: center;margin-bottom: 5px;font-size: 12px}
.content .item .info .rgt .cont{max-height: 36px;overflow: hidden;font-size: 12px;margin-bottom: 8px}
.content .item .info .rgt .precent{margin-top: 25px;color: #717171;}
.content .item .info .rgt .precent .progress{height: 14px;border: 1px solid #CBCAC8;margin-bottom: 8px;margin-right: 40px;
background: -moz-linear-gradient(0, #E8E8E8 30%, #FFFFFF 80%);/* FF3.6+ */
background: -webkit-gradient(linear, 0, color-stop(30%, E8E8E8), color-stop(80%, FFFFFF));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(0, #E8E8E8 30%, #FFFFFF 80%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(0, #E8E8E8 30%, #FFFFFF 80%);/* Opera 11.10+ */
background: -ms-linear-gradient(0, #E8E8E8 30%, #FFFFFF 80%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(0, #E8E8E8 30%, #FFFFFF 80%);/* W3C */}
.content .item .info .rgt .precent .progress-bar-info{background-color: #26BBFF;}
.content .item .info .rgt .precent .btn{border-radius: 0;padding: 10px 20px;border: 0 none}
.content .item .info .rgt .precent .btn+.btn{margin-left: 5px}
.content .item .info .rgt .precent .btn-dh{background-color: #00A0EA;color: #FFF}
.content .item .info .rgt .precent .btn-lq{background-color: #00a0ea;color: #FFF}
.content .pagination li a{border-radius: 0;margin: 0 3px;background-color: #E3E3E3;color: #717171}
.content .pagination li a.active,.content .pagination li a:hover{background-color: #00A0EA;color: #FFF;border: 1px solid #00A0EA}

.mine .lft{width: 245px;float: left}
.mine .lft a{color: #717171;background-color: #F2F2F2;border-radius: 0;border-right:0 none;font-weight: bold;font-size: 16px}
.mine .lft a.active,.mine .lft a:hover{background-color: #FFF;border: 1px solid #CBC9CA;border-right: 0;margin-right: -1px;color: #00A0EA}
.mine .rgt{border: 1px solid #CBC9CA;float: left;width: 735px;min-height: 600px}
.mine .rgt .cont{margin:15px 35px;}
.mine .rgt .cont table{text-align: center;}
.mine .rgt .cont table.table-bordered{border: 1px solid #FFF;}
.mine .rgt .cont tr td{background-color: #EDEDED;border: 1px solid #FFF}
.mine .rgt .cont tr.head td{background-color: #00A0EA;color: #FFF;border: 1px solid #FFF}

.info .well{background-color: transparent;padding: 15px;box-shadow: none;}
.info .well h2{margin:0;font-size: 18px;color: #F9B629;margin-bottom: 15px}
.info .well ol{margin-left: -18px;line-height: 24px}

.info .recommond h3{font-size: 18px;color:#717171 }

.code .captcha{overflow: hidden;margin-top: 10px}
.code .captcha .qrcode{width: 160px;height: 160px;float: left;padding: 10px 0}
.code .captcha .qrcode canvas{width: 100%;height: 100%;margin-right: 10px}
.code .captcha .state{float: left;padding:10px;}

.footer{color: #717171;font-size: 12px;}
.footer .copyright{width: 520px;margin: 0 auto;overflow: hidden;margin-bottom: 15px}
.footer .copyright .desc{width: 350px;margin-left: 10px;margin-top: 4px}


.layui-layer-rim{border: 6px solid rgba(255,255,255,.5)!important;}


.get-gift{ text-align: left; }
.link_bbs{ margin-left: 10px; }