@charset "utf-8";
body {margin: 0px;padding: 0px;word-break: normal;word-wrap: break-word;font-size: .9rem;font-family: Arial, simsun;color: #444;background: #f1f2f3;}
form, dl, dt, dd, ul, li {margin: 0px;padding: 0px;}
table , div {margin: 0 auto;}
input, select {vertical-align: middle;font-size: .9rem;border: 1px solid #ccc;margin: 0px;padding: 0px;height: 20px;}
input:focus {border:0;outline:0;}
ul {list-style-type: none;text-align: left;margin: 0px;padding: 0;}
img {border: 0;outline-width: 0;}
a {font-size: .9rem;text-decoration: none;color: #444;padding: 0;outline: none;}
a:hover {text-decoration: none;}
.clear {clear: both;}
.hide {display: none;}
.hr {height: 10px;overflow: hidden;}

.header {width: 100%;position: fixed;z-index: 99999;}
.header .box {height: 50px;background: #3a9bdc;position: relative;}
.header a.logo {position: absolute;left: 7px;top: 7px;}
.header .menu {position: absolute;right: 10px;top: 14px;height: 22px;line-height: 22px;}
.header .menu input {float: left;height: 22px;width: 22px;background: url('../images/icon-head.png') no-repeat;border: 0;margin-left: 20px;background-size: cover;}
.header .menu input.nav-btn {background-position: -48px 0;}
.search {position: absolute;left:0;top:0;width: 100%;height: 50px;line-height: 50px;background: #3a9bdc;display: none;}
.search-box {position: relative;padding: 10px 48px 10px 10px;height: 30px;}
.search-box .input {background: #FFF;height: 22px;border-radius: 5px;position: relative;padding: 4px 30px 4px 4px;}
.search-box .input .keyword {width: 100%;border: 0;height: 22px;display: block;line-height: 22px;}
.search-box .input .sub-btn {position: absolute;right: 4px;top: 4px;width: 22px;height: 22px;background: url('../images/icon-head.png') no-repeat;border: 0;background-size: cover;margin: 0;}
.search-box a {position: absolute;right: 0;top: 10px;width: 48px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;}
.header .nav {position: fixed;top: 50px;left: 0;width: 100%;height: 100%;display: none;}
.header .nav .mask{position: absolute;width: 100%;height: 100%;background: #000;opacity: .2;z-index: 99;}
.header .nav .panels {position: absolute;top: 0;right: -200px;width: 200px;height: 100%;z-index: 100;background: #fff;}
.header .nav .user {border-bottom: 1px solid #eee;text-align: center;}
.header .nav .user a.login {display: block;text-align: center;color: #3a9bdc;font-size: 15px;padding: 10px 0;line-height: 25px;}
.header .nav .user a.login span {display: inline-block;background: url('../images/avatar.png') no-repeat;width: 60px;height: 60px;background-size: cover;}
.header .nav li {height: 40px;line-height: 40px;border-bottom: 1px solid #eee;}
.header .nav li a {display: block;padding: 0 10px;font-size: 16px;}
.header .nav .user li.a1 a {padding-left: 34px;background: url('../images/ic_favorite_grey600_24dp.png') no-repeat 5px center;}
.header .nav .user li.a2 a {padding-left: 34px;background: url('../images/ic_account_box_grey600_24dp.png') no-repeat 5px center;}
.header .nav .user li.a3 a {padding-left: 34px;background: url('../images/ic_exit_to_app_grey600_24dp.png') no-repeat 5px center;}
.header .nav .user li.a3 {border-bottom: 0;}
.hdiv {height: 50px;}
.hdiv40 {height: 40px;}
.slider{position:relative;zoom:1;overflow: hidden;height: 200px;}
.slider .container{position:relative;height:200px;overflow:hidden;zoom:1;}
.slider .cont{overflow:hidden;zoom:1;width:100%;height: 200px;}
.slider .cont li{float:left;height:200px;width:100%;text-align: center;background-size: cover;background-position: center center;}
.slider .cont img{width: 100%;height: 200px;}
.slider .cont a {display: block;}
.slider .nav{text-align:center;position: absolute;left: 0;bottom: 10px;height: 14px;width: 100%;}
.slider .nav li{display:inline-block;width:14px;height:14px;background-color:#000;border-radius:50%;line-height:14px;margin:0 5px;opacity: .3;}
.slider .nav li.active{background:#3a9bdc;opacity: 1;}
.album {background: #FFF;padding: 10px 0 0 0;}
.album .tit {height: 21px;line-height: 21px;overflow: hidden;position: relative;margin: 0 0 10px 0;}
.album .tit div {position: absolute;left: 0;top: 10px;width: 100%;height: 1px;overflow: hidden;background: #ddd;}
.album .tit span {position: absolute;left: 50%;top: 0;width: 150px;height: 21px;line-height: 21px;font-size: 16px;color: #666;background: #f1f2f3;margin-left: -75px;text-align: center;border-radius: 3px;}
.album .abox{position: relative;z-index: 1;width: 100%;height: 48px;overflow: hidden;-ms-touch-action: none;-webkit-overflow-scrolling: touch;padding: 10px 0;}
.album .abox ul{position: absolute;z-index: 1;white-space: nowrap;font-size: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.album .abox li{display: inline-block;width: 145px;height: 48px;text-align: center;overflow: hidden;padding: 0 5px;}
.album .abox li img {width: 145px;height: 48px;box-shadow: 0 1px 3px rgba(0,0,0,.09);}
.breadcrumb {height: 20px;line-height: 20px;overflow: hidden;margin: 0 auto;padding: 10px;}
.breadcrumb a {background: url('../images/gt.gif') no-repeat right center;margin: 0 10px 0 0;padding: 0 15px 0 0;}
.breadcrumb strong {font-size: .9rem;}
.main {}
.am {background-repeat: no-repeat;background-size: contain;}
.list {padding: 10px 0;}
.list2, .list3 {padding: 0;}
.list .tit {height: 40px;line-height: 40px;font-size: 18px;position: relative;padding: 0 10px;}
.list .tit strong {padding: 0 0 0 25px;font-size: 18px;background: url('../images/tag.png') no-repeat;font-weight: normal;}
.list .tit span {position: absolute;right: 10px;top: 0;}
.list .tit span a {padding: 3px 10px;margin: 0 0 0 5px;color: #333;font-size: 15px;background: #dadada;border-radius: 3px;}
.list .tit span a:active {background: #3a9bdc;color: #FFF;border-radius: 2px;}
.list .tit2 {height: 25px;line-height: 25px;padding: 10px 5px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.list .tit2 span {height: 25px;border-left: 3px solid #3a9bdc;font-size: 1.15rem;padding-left: 5px;}
.list .cont {padding: 0 5px;}
.list ul {width: 100%;display: inline-block;}
.list li {float: left;width: 46%;overflow: hidden;margin: 0 2% 10px 2%;text-align: center;}
.list li a {width: 160px;max-width: 100%;position: relative;display: inline-block;background: #f7f7f7;}
.list li a div {height: 120px;}
.list li a img {height: 100%;max-width: 100%;vertical-align: middle;}
.list li a span {position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;background: url("../images/black_bg.png") repeat;color: #FFF;font-size: 14px;overflow: hidden;}
.list li button {margin-top: 10px;border: 0;background: url('../images/ic_delete_grey600_24dp.png') no-repeat left center;padding-left: 30px;font-size: 1rem;}
.list3 .tit2 {margin: 0;position: relative;}
.list3 .tit2 a#change_commend {position: absolute;right: 10px;top: 10px;color: #F36;background: url('../images/refresh.png') no-repeat left center;padding: 0 0 0 20px;}
.list3 ul {background: #FFF;padding-top: 10px;}
.list .more {text-align: center;padding: 20px 0;}
.list .more a {background: #3a9bdc;color: #FFF;padding: 10px 25px;border-radius: 4px;font-size: 16px;}
.list .more span {padding-right: 20px;background: url('../images/dt.gif') no-repeat right center;}
.list .more a:hover {background: #198cd8;}

.sorts {background: #FFF;}
.sorts2 {background: none;}
.sorts .tit {height: 25px;line-height: 25px;padding: 10px 5px;border-bottom: 1px solid #ddd;}
.sorts .tit span {height: 25px;border-left: 3px solid #3a9bdc;font-size: 1.15rem;padding-left: 5px;}
.sorts .icon {width: 100%;display: inline-block;padding: 10px 0;overflow: hidden;}
.sorts .icon li {float: left;width: 25%;overflow: hidden;margin: 10px 0;text-align: center;}
.sorts .icon li:active {background: #f7f7f7;}
.sorts .icon li img {max-width: 100%;vertical-align: middle;}
.sorts .icon li span {display: block;height: 25px;line-height: 25px;overflow: hidden;}
.sorts .tag {width: 100%;display: inline-block;padding: 10px 0;}
.sorts .tag li {float: left;width: 25%;height: 42px;line-height: 42px;text-align: center;}
.sorts .tag li a {width: 90%;height: 28px;line-height: 28px;border: 1px solid #ccc;background: #f7f7f7;display: inline-block;margin: 6px 0;border-radius: 4px;}
.sorts .colour {width: 100%;display: inline-block;padding: 10px 0;}
.sorts .colour li {float: left;width: 25%;height: 40px;line-height: 40px;}
.sorts .colour li a {padding-left: 10px;text-align: left;height: 18px;line-height: 18px;margin: 11px 0;display: block;}
.sorts .colour li a span {float: left;margin-right: 5px;height: 18px;}
.sorts .colour li a span img {border: 1px solid #ddd;display: block;}

.sbox {position: relative;z-index: 9999;width: 100%;height: 100%;}
.sbox2 {position: fixed;}
.sbox .mask {position: absolute;left: 0;top: 0;position: absolute;width: 100%;height: 100%;background: #000;opacity: .2;z-index: 99;}
.sbox .panels {background: #FFF;padding: 5px 0;height: 30px;position: absolute;z-index: 999;width: 100%;}
.sbox .item, .sbox .item2 {float: left;width: 50%;height: 30px;}
.sbox .item3 {width: 33%;}
.sbox .item4 {width: 34%;}
.sbox .item div, .sbox .item2 a {border-radius: 3px;display: block;height: 30px;line-height: 30px;background: #eee;text-align: center;margin: 0 5px;font-size: 1rem;}
.sbox .item div span {background: url('../images/arrow_d.gif') no-repeat right center;height: 30px;display: inline-block;padding-right: 12px;}
.sbox .item2 a span {background: url('../images/goback.png') no-repeat right center;height: 30px;display: inline-block;padding-right: 20px;}
.sbox .item .active {background: #FFF;border-radius: 0;border: 1px solid #ddd;border-bottom: 1px solid #fff;height: 34px;line-height: 28px;}
.sbox .item .active span {background-image: url('../images/arrow_u.gif');}
.sbox .cont {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;position: absolute;left: 0;top: 40px;width: 100%;max-height: 50%;background: #FFF;overflow-y: auto;z-index: 998;display: none;}
.sbox .cont ul {width: 100%;display: inline-block;}
.sbox .cont li {float: left;width: 25%;height: 40px;line-height: 40px;overflow: hidden;text-align: center;}
.sbox .cont li a {display: block;}
.sbox .cont li a.active {color: #3a9bdc;font-weight: bold;}

.ap {max-width: 960px;margin: 0 auto;}
.ap h1 {font-weight: normal;margin: 0;padding: 10px;font-size: 1.1rem;color: #3a9bdc;background: #fff;border-bottom: 1px solid #eee;}
.ap h1 span {height: 25px;border-left: 3px solid #3a9bdc;padding-left: 5px;}
.ap .summary {background: #FFF;font-size: 1rem;line-height: 30px;padding: 10px;}
.ap ul {width: 100%;display: inline-block;margin-top: 25%;}
.ap li {float: left;width: 25%;overflow: hidden;position: relative;}
.ap li.b {width: 50%;}
.ap li a {display: block;text-align: center;background: #fff;}
.ap li a img {width: 100%;display: block;border: 1px solid #fff;}
.ap li a span {position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;overflow: hidden;background: url('../images/black_bg.png') repeat;color: #FFF;}

.ablist {background: #fff;}
.ablist .tit {height: 25px;line-height: 25px;padding: 10px 5px;border-bottom: 1px solid #ddd;}
.ablist .tit span {height: 25px;border-left: 3px solid #3a9bdc;font-size: 1.15rem;padding-left: 5px;}
.ablist ul {width: 100%;display: inline-block;}
.ablist li {float: left;width: 50%;height: 48px;padding: 10px 0;text-align: center;}
.ablist li img {width: 145px;height: 48px;box-shadow: 0 1px 3px rgba(0,0,0,.09);}
.mxbox {width: 100%;height: calc(100% - 50px);;display: block;position: absolute;left:0;top: 50px;}
.mxbox .l {float: left;width: 4.5rem;height: 100%;position: relative;z-index: 99;overflow: hidden;overflow-y: auto;box-sizing: border-box;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);}
.mxbox .r {height: 100%;margin-left: 4.5rem;overflow-y: auto;position: relative;z-index: 99;background: #fff;}
.mxbox .l li{height: 40px;line-height: 40px;text-align: center;}
.mxbox .l li a{display: block;font-size: 1rem;}
.mxbox .l li.active a {border-left: 3px solid #0072bf;background: #fff;}
.mxbox .l::-webkit-scrollbar{width: 0px;height: 0px;}
.mxbox .l::-webkit-scrollbar-button:vertical:increment{background: transparent;}
.mxbox .r .box {padding: 10px;}
.mxbox .r .box ul {width: 100%;display: inline-block;}
.mxbox .r .box li {float: left;width: 50%;height: 40px;line-height: 40px;text-align: center;}
.mxbox .r .box li a {display: block;}
.mingxing {background: #FFF;padding: 10px 10px 10px 140px;height: 90px;overflow: hidden;position: relative;line-height: 30px;font-size: 1rem;}
.mingxing span {position: absolute;left: 10px;top: 10px;width: 120px;height: 90px;}
.mingxing span img {width: 120px;height: 90px;box-shadow: 0 1px 3px rgba(0,0,0,.09);}
.mingxing h1 {padding: 0;margin: 0;display: inline-block;font-weight: normal;font-size: 1rem;color: #3a9bdc;}

.cbox {}
.cbox .tit {height: 40px;line-height: 40px;padding: 0 10px;position: relative;}
.cbox .tit h1 {font-weight: normal;margin: 0;color: #3a9bdc;font-size: 1.15rem;}
.cbox .tit h1 span {height: 25px;border-left: 3px solid #3a9bdc;padding-left: 5px;}
.cbox .tit a.love {position: absolute;right: 10px;top: 5px;background: url('../images/heart.png') no-repeat 8px center #3a9bdc;color: #FFF;padding: 0 15px 0 30px;font-size: .9rem;border-radius: 5px;display: inline-block;line-height: 30px;}
.cbox .tit a:active {background-color: #0080d5;}
.cbox .pic {height: 120px;overflow: hidden;text-align: center;padding: 10px 0;position: relative;vertical-align: middle;background: #FFF;box-shadow: 0 1px 3px rgba(0,0,0,.09);}
.cbox .pic a {position: absolute;top: 50%;width: 36px;height: 86px;background: url('../images/pic_arrow.png') no-repeat;margin-top: -43px;}
.cbox .pic a img {display: block;}
.cbox .pic p {height: 120px;vertical-align: middle;margin: 0 auto;font-size: 92px;}
.cbox .pic p img {box-shadow: 0 1px 3px rgba(0,0,0,.09);vertical-align: middle;}
.cbox .pic a.prev {left: 0;}
.cbox .pic a.next {right: 0;background-position: -36px 0;}
.cbox .pic a.prev:active {background-position: 0 -86px;}
.cbox .pic a.next:active {background-position: -36px -86px;}
.cbox .pic a.random {position: absolute;right:5px;top:110px;background: none;width: 30px;height: 21px;margin: 0;text-align: center;}
.cbox .colour {height: 18px;line-height: 18px;padding: 10px 10px 5px 10px;overflow: hidden;}
.cbox .colour span {float: left;font-weight: bold;}
.cbox .colour a {margin-right: 5px;float: left;border: 1px solid #ddd;width: 16px;height: 16px;}
.cbox .tag {line-height: 30px;padding: 5px 10px;}
.cbox .tag span {font-weight: bold;}
.cbox .tag a {margin: 0 8px 0 0;}
.cbox .tag a:active {color: #3a9bdc;}
.cbox .down {padding: 10px;height: 45px;background: #FFF;border-top: 1px solid #eee;}
.cbox .down a {float: left;display: inline-block; width: 46%;margin: 0 2%;height: 45px;line-height: 45px;font-size: 18px;color: #FFF;background: #56be10;box-shadow: 0 1px 3px rgba(0,0,0,.2);border-radius: 10px;text-align: center;}
.cbox .down a:active {background: #48b200;}
.cbox .down a.a1 {background: #3a9bdc;}
.cbox .down a.a1:active {background: #0080d5;}
.cbox .down a.a2 {background: #ff4466;}
.cbox .down a.a2:active {background: #ff133e;}
.cbox .down a span {background: url('../images/down.png') no-repeat left center;padding-left: 25px;display: inline-block;height: 50px;}
.pxdown {}
.pxdown .tit {height: 25px;line-height: 25px;padding: 10px 5px;border-bottom: 1px solid #ddd;}
.pxdown .tit span {height: 25px;border-left: 3px solid #3a9bdc;font-size: 1.15rem;padding-left: 5px;}
.pxdown ul {background: #fff;padding: 5px 0;}
.pxdown li {padding: 5px 10px;}
.pxdown li a {display: block;background: #f1f2f3;border-radius: 5px;font-size: 1.2rem;text-align: left;height: 60px;line-height: 60px;position: relative;padding: 0 10px;box-shadow: 0 1px 3px rgba(0,0,0,.09);}
.pxdown li a span {position: absolute;right: 10px;top: 15px;height: 30px;line-height: 30px;display: inline-block;padding: 0 15px;background: #3a9bdc;color: #fff;font-size: .9rem;border-radius: 5px;}

.linker {padding: 5px 10px;line-height: 25px;}
.linker span {font-weight: bold;margin: 0 10px 0 0;}
.linker a {color: #666;margin: 0 10px 0 0;}

.footer {border-top: 1px solid #ddd;background: #e1e2e3;padding: 20px 0;}
.footer .link {}
.footer .link ul {display: inline-block;width: 100%;}
.footer .link li {float:left;text-align:center;width: 12.5%;}
.footer .copyright {text-align: center;line-height: 25px;}

.scroll {position: fixed;bottom: 20px;z-index: 999;width: 48px;height: 48px;right: 10px;bottom: 10px;display: block;}
.scroll a {width: 48px;height: 48px;line-height: 10em;overflow: hidden;display: block;background: url('../images/scroll.png') no-repeat center center #bbb;border-radius: 50%;}
.scroll a:active {background-color: #3a9bdc;}

.page {height: 50px;line-height: 50px;text-align: center;padding: 0 36%;position: relative;font-size: 1rem;}
.page a {position: absolute;height: 50px;width: 36%;top: 0;display: block;text-align: center;font-size: 1.1rem;}
.page a.prev {left: 0;}
.page a.next {right: 0;}
.page a.prev span {background: url('../images/arrow_l.png') no-repeat left center;padding-left: 12px;}
.page a.next span {background: url('../images/arrow_r.png') no-repeat right center;padding-right: 12px;}

.uform {padding: 10px;background: #FFF;}
.uform .input {margin: 10px 0;position: relative;border: 1px solid #ccc;padding: 3px 3px 3px 25px;background: url('../images/uicon.png') no-repeat;background-size: 100% 50%;}
.wxtips {position: fixed;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);background-image: url('../images/wxtips.png');background-repeat: no-repeat;background-position: right top;z-index: 99999999;font-size: 30px;color: #FFF;text-align: center;padding-top: 200px;line-height: 40px;display:none;}