*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;}
body{color: #333;font-family: "Microsoft Yahei", SimSun, Arial, Helvetica, sans-serif;font-size: 14px;background-color: #f5f5f5;}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img{margin: 0;padding: 0;outline: none;}
ul,li,ol,dl,dt,dd{list-style: none;}
img{border: none;}

/*href*/
a{text-decoration: none !important;}
a:link,a:visited{color: #333;}
a:hover,a:active{color: #a00;}

/*common*/
.wrap{width: 1200px;margin: 0 auto;}
.fl{float: left !important;}
.fr{float: right !important;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*zoom: 1;}
.flex{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.df_1{flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;}
.ell{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img{display: block;margin: 0;padding: 0;width: 100%;height: auto;}
.hide{display: none !important;}

/*header*/
.top{background-color: #d6d7d9;height: 30px;line-height: 30px;font-size: 12px;color: #666;}
.top a{color: #666;}
.top .log{font-size: 14px;margin-left: 30px;}
.top .fr{background: url(../images/top.png) no-repeat -120px center;}
.top-btn-send,.top-btn-buy{width: 120px;padding-left: 20px;display: block;float: left;}
.top-btn-user{width: 100px;padding-left: 20px;display: block;float: left;}
.top-btn-tel{width: 110px;padding-left: 20px;display: block;float: left;}

.header{height: 120px;}
.header .logo{display: block;background: url(../images/logo.png) no-repeat;width: 242px;height: 79px;margin-top: 20px;}
.header .send-btns{background: url(../images/send-btn.png) no-repeat;width: 264px;height: 41px;margin-top: 40px;line-height: 40px;}
.header .search-box{border: 1px solid #1973eb;height: 45px;padding: 1px;background-color: #fff;border-radius: 5px;width: 545px;margin: 37px 0 0 105px;}
.header .search-box select,.header .search-box .input{border: none;background: none;height: 23px;padding: 0;margin: 9px 0;float: left;}
.header .search-box select{width: 100px;padding-left: 20px;margin-right: 10px;}
.header .search-box .input{width: 390px;padding: 0 15px;border-left: 1px solid #ddd;}
.header .search-box .button{width: 41px;height: 41px;margin: 0;padding: 0;border-radius: 5px;background: #1973eb url(../images/search-btn.png) no-repeat center center;border: none;}
.header .send-btns a{display: inline-block;width: 120px;padding-left: 35px;color: #1973eb;}
.header .send-btns a.btn2{color: #fff;margin-left: 12px;}

.nav-box{height: 50px;}
.nav-box li{height: 30px;font-size: 16px;line-height: 30px;float: left;margin-right: 20px;font-size: 0;}
.nav-box li::before{content: "|";color: #999;font-size: 16px;margin-right: 20px;}
.nav-box li:first-child::before{content: "";}
.nav-box li a{border-radius: 5px;display: inline-block;padding: 0 15px;font-size: 16px;}
.nav-box li a:hover,.nav-box li a.hover{background-color: #1973eb;color: #fff;}

/*footer*/
.footer{background: url(../images/bg.png);height: 260px;color: #ccc;padding-top: 45px;margin-top: 35px;}
.footer .fl{padding-top: 10px;}
.footer .logo{background: url(../images/logo-white.png) no-repeat;width: 242px;height: 79px;display: block;}
.footer ul{clear: both;padding-top: 50px;}
.footer ul li{float: left;margin-right: 55px;}
.footer .imgs{width: 110px;height: 110px;float: left;;background-color: #fff;}
.footer .imgs img{display: block;width: 100%;height: 100%;margin: 0;padding: 0;}
.footer .txts{margin-left: 25px;float: left;line-height: 1.5;width: 320px;}
.footer .txts h2{line-height: 50px;font-size: 18px;}
.footer .txts p span{color: #1973eb;font-size: 20px;}
.footer .link-box{border: 1px solid #666;height: 40px;margin-top: 25px;line-height: 40px;}
.footer .link-box div,.footer .link-box .link-select{float: left;}
.footer .link-box div{width: 110px;text-align: center;color: #1973eb;font-size: 18px;}
.footer .link-box .link-select{border: none;background: none;color: #ccc;height: 40px;width: 300px;}
.copyright{background-color: #374454;height: 60px;line-height: 60px;color: #ccc;overflow: hidden;}
.footer a,.copyright a{color: #ccc;}

/*index*/
.right-fixed-nav{position: fixed;top: 50%;left: 50%;transform: translate(640px, -50%);width: 76px;}
.right-fixed-nav a{display: block;margin-top: 2px;font-size: 12px;line-height: 1.5;background: url(../images/bg.png);color: #fff;text-align: center;padding: 5px;position: relative;}
.right-fixed-nav a p{position: absolute;right: 76px;bottom: 0;padding: 10px 20px;background: #fff;color: #000;white-space: nowrap;min-height: 30px;line-height: 30px;font-size: 18px;z-index: 998;box-shadow: 0 0 15px #333;}
.right-fixed-nav a p img{display: block;width: 140px;height: 140px;margin: 0;padding: 0;}
.right-fixed-nav a.home{background: #1973eb url(../images/index/pos.png) no-repeat center 5px;padding-top: 30px;font-weight: bold;}
.right-fixed-nav a.code span,.right-fixed-nav a.qq span,.right-fixed-nav a.tel span{background: url(../images/index/code.png) no-repeat center center;height: 40px;display: block;}
.right-fixed-nav a.qq span{background-image: url(../images/index/qq.png);}
.right-fixed-nav a.tel span{background-image: url(../images/index/tel.png);}
.right-fixed-nav a.top{background: url(../images/index/top.png) no-repeat center 10px;padding-top: 25px;color: #666;}

.nav-left-box{width: 224px;float: left;position: relative;}
.nav-left-box ul{position: relative;z-index: 999;background: url(../images/bg.png);}
.nav-left-box li{height: 80px;border-bottom: 1px solid #6c7783;background: url(../images/index/1.png) no-repeat 20px center;font-size: 12px;padding: 19px 0 0 64px;}
.nav-left-box li:nth-child(2){background-image: url(../images/index/2.png);}
.nav-left-box li:nth-child(3){background-image: url(../images/index/3.png);}
.nav-left-box li:nth-child(4){background-image: url(../images/index/4.png);}
.nav-left-box li:nth-child(5){background-image: url(../images/index/5.png);}
.nav-left-box li:nth-child(6){background-image: url(../images/index/6.png);}
.nav-left-box li h2{font-size: 14px;font-weight: normal;}
.nav-left-box li h2 a,.nav-left-box li p a,.nav-left-more a{color: #fff;}
.nav-left-box li p{margin-top: 5px;}
.nav-left-box li p a{padding-right: 12px;}
.nav-left-more{padding-left: 25px;position: relative;z-index: 999;line-height: 60px;color: #fff;background: url(../images/bg.png);}
.nav-left-more::after{content: ">";position: absolute;top: 0;right: 20px;font-size: 16px;}
.nav-left-box .pos-box{position: absolute;width: 732px;left: 224px;top: 0;display: none;height: 540px;overflow-y: auto;overflow-x: hidden;padding: 30px;transform: translateX(-20px);transition: transform .3s;background-color: #fff;z-index: 998;box-shadow: 5px 5px 15px #ccc;}
.nav-left-box .pos-box.show{display: block;}
.nav-left-box .pos-box.animated{transform: translateX(0);}
.nav-left-box .pos-box dl{overflow: hidden;}
.nav-left-box .pos-box dt{float: left;width: 180px;padding-top: 12px;text-align: right;color: #1973eb;}
.nav-left-box .pos-box dt::after{content: ">";font-family: Arial, Helvetica, sans-serif;color: #1973eb;margin: 0 15px;}
.nav-left-box .pos-box dd{float: left;width: 460px;border-bottom: 1px dashed #ddd;padding: 10px;}
.nav-left-box .pos-box dd a{display: inline-block;padding: 2px 10px;}

.nav-right-box{width: 956px;float: right;height: 360px;overflow: hidden;}
.nav-right-box .left{width: 712px;float: left;height: 360px;overflow: hidden;}
.nav-right-box .left img{width: 712px;height: 360px;}

.nav-right-box .right{width: 224px;float: right;height: 360px;overflow: hidden;background-color: #fff;padding: 15px;}
.index-user-photo img{width: 55px;height: 55px;border-radius: 100%;overflow: hidden;margin-right: 6px;float: left;}
.index-user-text{float: left;width: 133px;padding-top: 5px;line-height: 1.75;font-size: 13px;}
.index-user-btns{padding: 15px 0;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.index-user-btns a{width: 95px;float: left;border: 1px solid #1973eb;color: #fff;background-color: #1973eb;height: 38px;line-height: 36px;text-align: center;border-radius: 5px;}
.index-user-btns a.reg{background-color: #fff;color: #1973eb;margin-left: 4px;}
.scroll-title{height: 30px;overflow: hidden;}
.scroll-title a{float: right;font-size: 12px;padding-top: 6px;color: #999;}
.scroll-title h2{font-weight: normal;font-size: 18px;}
.scroll-lists{height: 150px;overflow: hidden;margin: 10px 0 0}
.scroll-lists li{height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.scroll-lists li a{color: #999;}
.nav-right-bottom{background-color: #fff;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;margin-top: 20px;}
.nav-right-bottom li{float: left;border-left: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;width: 191px;display: table;}
.nav-right-bottom li a{display: table-cell;width: 190px;height: 79px;text-align: center;vertical-align: middle;}
.nav-right-bottom li img{width: auto;height: auto;max-width: 180px;max-height: 69px;}

.mt25{margin-top: 25px !important;}

.index-show-about{background: url(../images/bg-hl.png) no-repeat;height: 100px;overflow: hidden;}
.index-show-about h2,.index-show-about p,.index-show-about a{float: left;color: #fff;display: block;line-height: 100px;}
.index-show-about h2{padding: 0 50px;font-weight: normal;font-size: 32px;}
.index-show-about p{line-height: 110px;}
.index-show-about a{font-size: 12px;line-height: 20px;border: 1px solid #fff;margin: 45px 0 0 170px;height: 24px;border-radius: 24px;padding: 0 15px;}

.index-show-text{background-color: #fff;}
.index-show-text li{float: left;width: 240px;overflow: hidden;padding: 30px 0 30px 60px;font-size: 16px;line-height: 1.6;}
.index-show-text li .icon{width: 54px;height: 54px;overflow: hidden;background: #f5f5f5 url(../images/index/s1.png) no-repeat;border-radius: 100%;float: left;margin-right: 10px;}
.index-show-text li .icon2{background-image: url(../images/index/s2.png);}
.index-show-text li .icon3{background-image: url(../images/index/s3.png);}
.index-show-text li .icon4{background-image: url(../images/index/s4.png);}
.index-show-text li .icon5{background-image: url(../images/index/s5.png);}

.cates-title{overflow: hidden;height: 40px;line-height: 40px;}
.cates-title a{float: right;font-size: 12px;}
.cates-title h2{color: #000;font-size: 20px;font-weight: normal;}
.cates-list{overflow: hidden;background-color: #fff;}
.cates-list .cate{width: 232px;float: left;}
.cates-list .cate img{width: 232px;height: 243px;display: block;margin: 0;padding: 0;}
.cates-list .cate div{height: 94px;text-align: center;background-color: #1973eb;padding-top: 15px;color: #fff;line-height: 1.75;font-size: 16px;}
.cates-list .cate div.bg2{background-color: #ed7d21;}
.cates-list .cate div.bg3{background-color: #1eae97;}
.cates-list .cate div.bg4{background-color: #2191ed;}
.cates-list .cate div.bg5{background-color: #1973eb;}
.cates-list .cate h2{font-size: 20px;}
.cates-list .showlist{width: 705px;float: left;border-top: 1px solid #eaeaea;overflow: hidden;}
.cates-list .showlist li{float: left;width: 235px;height: 168px;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 10px;}
.cates-list .showlist li .imgs,.cates-list .showlist li .imgs a{width: 214px;height: 120px;display: table;overflow: hidden;}
.cates-list .showlist li .imgs a{display: table-cell;text-align: center;vertical-align: middle;}
.cates-list .showlist li .imgs img{width: auto;height: auto;max-width: 214px;max-width: 120px;transition: all 1s ease-in-out;}
.cates-list .showlist li .imgs a:hover img{transform: scale(1.3, 1.3);}
.cates-list .showlist li .txts{overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 15px;}
.cates-list .showlist li .txts span,.cates-list .showlist li .txts strong{float: right;}
.cates-list .showlist li .txts strong{color: #1973eb;}
.cates-list .buy{width: 263px;float: right;}
.cates-list .buy-title{background-color: #1973eb;height: 40px;line-height: 40px;padding: 0 15px;overflow: hidden;}
.cates-list .buy-title h2{font-size: 14px;color: #fff;}
.cates-list .buy-title a{float: right;color: #fff;font-size: 12px;}
.cates-list .buy ul{padding: 13px 19px;border: 1px solid #eaeaea;border-top: 0;}
.cates-list .buy ul li{height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cates-list .buy ul li span{float: right;}

a.look-more{display: block;width: 190px;height: 36px;margin: 35px auto;border: 1px solid #1973eb;border-radius: 36px;font-size: 16px;text-align: center;line-height: 34px;color: #1973eb;}

/*lists*/
.h2{border-top: 2px solid #1973eb;height: 20px;}
.crumb{line-height: 2;margin-bottom: 10px;}
.menu-box{background: url(../images/bg.png);padding: 30px;position: relative;}
.menu-box span.more{position: absolute;top: -30px;right: 0;background-color: #1973eb;color: #fff;height: 30px;line-height: 30px;padding: 0 15px;display: block;}
.city-select-box{height: 35px;line-height: 35px;}
.city-select-box label{width: 80px;color: #000;font-weight: bold;}
.city-select-list{width: 1000px;}
.city-select-list > div,.city-select-list > a{display: block;margin-right: 10px;float: left;}
.city-select-list input{height: 33px;border-color: #eaeaea;width: 200px;}
.city-select-list .search-btn{background: #1973eb;color: #fff;border-radius: 5px;width: 60px;text-align: center;height: 32px;line-height: 32px;cursor: pointer;}

.select{height: 45px;background: #fff;width: 240px;border-radius: 5px;float: left;margin-right: 20px;}
.select input,.select select{border: none;background: none;height: 100%;width: 100%;padding: 0 10px;}
.menu-box .search-btn{background: #1973eb;color: #fff;border-radius: 5px;width: 100px;text-align: center;height: 45px;line-height: 45px;cursor: pointer;float: left;}

._citys{width: 450px;display: inline-block;border: 2px solid #eee;padding: 5px;position: relative;background: #fff;}
._citys span{color: #56b4f8;height: 15px;width: 15px;line-height: 15px;text-align: center;border-radius: 3px;position: absolute;right: 10px;top: 10px;border: 1px solid #56b4f8;cursor: pointer;}
._citys0{width: 100%;height: 34px;display: inline-block;border-bottom: 2px solid #56b4f8;padding: 0;margin: 0;}
._citys0 li{display: inline-block;line-height: 34px;font-size: 15px;color: #888;width: 80px;text-align: center;cursor: pointer;}
.citySel{background-color: #56b4f8;color: #fff !important;}
._citys1{width: 100%;display: inline-block;padding: 10px 0;}
._citys1 a{width: 83px;height: 35px;display: inline-block;background-color: #f5f5f5;color: #666;margin-left: 6px;margin-top: 3px;line-height: 35px;text-align: center;cursor: pointer;font-size: 13px;overflow: hidden;}
._citys1 a:hover{color: #fff;background-color: #56b4f8;}
.AreaS{background-color: #56b4f8 !important;color: #fff !important;}

div.select-main{background-color:#FFFFFF;border-radius:5px;height:45px;position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;}
div.select-main.z-index{z-index:10;}
div.select-set{background-color:#FFFFFF;border-radius:5px;color:#333333;cursor:pointer;height:45px;line-height:45px;overflow:hidden;position:relative;padding:0 35px 0 15px;width:100%;z-index:5;}
div.select-arrow{border-top:7px solid #999;border-left:7px solid transparent;border-right:7px solid transparent;cursor:pointer;height:0px;position:absolute;top:20px;right:10px;width:0px;z-index:7;}
div.select-arrow.reverse{border-top:7px solid transparent;border-bottom:7px solid #999;top:10px;}
div.select-block{background-color:#FFFFFF;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;border-radius:5px;box-shadow:0 0 2px #999;left:-1px;line-height:20px;position:absolute;top:46px;width:100%;}
ul.select-list{cursor:pointer;margin:15px 0 7px;}
ul.select-list::-webkit-scrollbar{width:12px;}
ul.select-list::-webkit-scrollbar-track{border-radius:10px;}
ul.select-list::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);}
ul.select-list{scrollbar-face-color:#AEB1B1;scrollbar-shadow-color:#C7CACA;scrollbar-highlight-color:#CED1D1;scrollbar-3dlight-color:#CED1D1;scrollbar-darkshadow-color:#C7CACA;scrollbar-track-color:#CED1D1;scrollbar-arrow-color:#333;}
li.select-items{color:#333333;padding:7px 15px;}
li.select-items:hover,li.select-items.active{background-color:#999;color:#FFFFFF;}

.lists{margin-top: 30px;}
.lists li{margin: 0 5px 20px;width: 230px;float: left;border: 1px solid #eaeaea;background-color: #fff;overflow: hidden;}
.lists li .imgs{display: table;width: 228px;height: 228px;}
.lists li .imgs a{display: table-cell;width: 228px;height: 228px;text-align: center;vertical-align: middle;}
.lists li .imgs img{max-width: 228px;max-height: 228px;transition: all .9s ease 0s;}
.lists li .imgs img:hover{transform: scale(1.1, 1.1);}
.lists li h2{font-size: 16px;font-weight: normal;padding: 10px;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.lists li ._li{overflow: hidden;padding: 3px 15px;}
.lists li ._li .fl{color: #999;}
.lists li ._li .fr.max{width: 140px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lists li ._li .fr.min{width: 110px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lists li a.more{display: block;width: 100px;margin: 10px auto 20px;text-align: center;background-color: #1973eb;height: 30px;line-height: 30px;border-radius: 30px;color: #fff;}

.tradelist{display: table;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.tradelist li h2,.tradelist li div{display: table-cell;border-top: 1px solid #ccc;border-left: 1px solid #ccc;overflow: hidden;}
.tradelist li h2{font-size: 16px;width: 240px;padding: 30px;vertical-align: middle;}
.tradelist li div{width: 960px;}
.tradelist li dl{display: table;}
.tradelist li dl dt, .tradelist li dl dd{display: table-cell;padding: 10px 30px;}
.tradelist li dl dt{width: 200px;border-right: 1px solid #ccc;}
.tradelist li dl dt a{font-weight: bold;color: #666;}
.tradelist li dl dd a{display: inline-block;padding: 5px 10px;color: #999;}

.contact{margin-top: 20px;}
.contact .text,.contact .map{height: 380px;border: 1px solid #eaeaea;background: #f0f0f0;}
.contact .text{float: left;width: 300px;}
.contact .text .imgs{width: 140px;height: 140px;margin: 45px auto 5px;background: #fff;}
.contact .text .imgs img{display: block;width: 100%;height: 100%;margin: 0;padding: 0;}
.contact .text .txts h2{line-height: 50px;font-size: 18px;font-weight: normal;text-align: center;}
.contact .text .txts p{padding: 10px 30px 0;line-height: 1.75;}
.contact .text .txts p span{color: #1973eb;font-size: 20px;}
.contact .map{float: right;width: 880px;}
.anchorBL{display: none;}

/*login*/
.login{background: url(../images/login-bg.png) no-repeat center top;height: 480px;}
.login .wrap{position: relative;height: 100%;}
.login .login-box{width: 350px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #fff;box-shadow: 3px 5px 20px #333;padding: 30px;border-radius: 10px;}
.login-title{height: 30px;overflow: hidden;}
.login-title a{float: right;padding: 4px;font-size: 14px;color: #999;}
.login-title h2{font-size: 18px;font-weight: normal;}
.login-input{border: 1px solid #999;border-radius: 5px;height: 40px;width: 100%;padding-left: 35px;margin-top: 10px;}
.login-input input{border: none;background: none;height: 100%;width: 100%;}
.login-input-name{background: url(../images/user/login-name.png) no-repeat 10px center;background-size: 16px 16px;}
.login-input-pass{background: url(../images/user/login-pass.png) no-repeat 10px center;background-size: 16px 16px;}
.login-input-phone{background: url(../images/user/login-phone.png) no-repeat 10px center;background-size: 16px 16px;}
.login-input-code{background: url(../images/user/login-code.png) no-repeat 10px center;background-size: 16px 16px;}
.login-input #captcha{width: 150px !important;}
.login-btn-sms{float: right;background: none;border: none;width: 100px !important;}
.login-btn{background-color: #1973eb;height: 40px;border-radius: 5px;text-align: center;line-height: 40px;color: #fff !important;display: block;margin: 10px 0;letter-spacing: 15px;font-size: 16px;padding-left: 15px;}
.login-btn.normal{margin-top: 20px !important;border: 1px solid #1973eb;background-color: #fff;color: #1973eb !important;}
.login-other{line-height: 32px;margin-top: 20px;}
.login-btn-wechat,.login-btn-qq{background: #50b674  url(../images/user/login-wx.png) no-repeat center center;background-size: 24px auto;height: 32px;width: 32px;display: block;border-radius: 5px;float: left;margin-left: 10px;}
.login-btn-wechat{margin-left: 20px;}
.login-btn-qq{background-image: url(../images/user/login-qq.png);background-color: #13b7f5;}

/*article*/
.article{overflow: hidden;padding: 40px 30px;background: #fff;}
.article .left{width: 315px;height: 315px;float: left;margin-right: 30px;}
.article .left img{width: 315px;height: 315px;transition: all .9s ease 0s;}
.article .left img:hover{transform: scale(1.1, 1.1);}
.article .center{width: 570px;padding-right: 20px;border-right: 1px solid #f2f2f2;float: left;}
.article .right{float: right;width: 224px;padding-left: 20px;}
.article .center h2.title{font-size: 18px;line-height: 1.5;font-weight: normal;margin-top: 10px;}
.article .center div.p{overflow: hidden;margin-top: 20px;color: #666;}
.article .center .w50{width: 50%;}
.article .center div.p span{color: #999;}
.article .center div.p strong{color: #1973eb;font-size: 18px;font-family: Arial, Helvetica, sans-serif;}
a.article-btn{display: block;background-color: #3180ea;border: 1px solid #1973eb;color: #ffffff;transition: all .3s ease-in-out;padding: 0 10px;line-height: 30px;float: left;}
a.article-btn:hover{background-color: #1973eb;color: #fff;}
.article .right h2{font-size: 18px;font-weight: normal;line-height: 1.5;text-align: center;margin: 10px 0 30px;}
.article .right p{margin-bottom: 10px;color: #666;}
.article .right p span{color: #999;}

.pay_pro{overflow: hidden;padding: 20px;line-height: 26px;}
.pay_pro img{float: left;margin-right: 10px;width: 56px;height: 56px;}
.pay_pro .fr{float: left;width: 222px;}
.pay_btn{padding: 20px;}
.pay_btn li{border-bottom: 1px solid #f2f2f2;padding: 10px 0;overflow: hidden;line-height: 32px;overflow: hidden;background: url(../images/wechat.png) no-repeat 5px center;background-size: 20px auto;padding-left: 35px;}
.pay_btn li.alipay{background-image: url(../images/alipay.png);}
.pay_btn li span{float: right;padding-top: 3px;display: block;height: 27px;}
.qrcode{display: block;width: 340px;margin: 0 auto;padding: 0;height: auto;}

.main{margin: 20px auto;overflow: hidden;}
.main .left,.main .right{background-color: #fff;min-height: 500px;}
.main .left{width: 950px;float: left;padding: 0 25px;}
.main .right{width: 230px;float: right;padding: 0 20px;}
.main h2.title{border-left: 3px solid #1973eb;font-size: 18px;font-weight: normal;line-height: 1;padding-left: 10px;margin: 20px 0;}
.content{line-height: 2;}
.content p{padding: 12px 0;}
.main .right ul li{margin-bottom: 20px;}
.main .right ul li img{width: 100%;height: auto;transition: all .9s ease 0s;}
.main .right ul li img:hover{transform: scale(1.1, 1.1);}
.main .right ul li h2{font-size: 16px;margin: 10px 0;font-weight: normal;}
.main .right ul li p{color: #999;}
.main .right ul li p span.fl{font-weight: bold;color: #1973eb;}

/*user*/
.user .left,.user .right{background-color: #fff;min-height: 700px;}
.user .left{width: 200px;float: left;}
.user .right{width: 980px;float: right;padding: 30px;}
.user .right.nobg{background: none;padding: 0;}
.user .left .infos{padding: 20px;overflow: hidden;background-color: #1973eb;}
.user .left .infos img{width: 58px;height: 58px;float: left;margin-right: 10px;background-color: #fff;border-radius: 100%;}
.user .left .infos .txts{float: left;padding-top: 5px;width: 92px;color: #fff;font-size: 18px;}
.user .left .infos .txts a{display: block;margin-top: 5px;background-color: #1973eb;border-radius: 10px;width: 72px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #fff;}
.user .left ul{padding-top: 45px;}
.user .left ul li{height: 48px;line-height: 48px;border-left: 6px solid #fff;padding-left: 32px;margin-bottom: 10px;}
.user .left ul li:hover,.user .left ul li.hover{border-left-color: #1973eb;background: #eefffa;}
.user .left ul li a{display: block;padding-left: 30px;background-position: 0 center;background-repeat: no-repeat;background-size: 24px auto;font-size: 16px;}
.user .left ul li a.user-home{background-image: url(../images/user/user-home.png);}
.user .left ul li a.user-edit{background-image: url(../images/user/user-edit.png);}
.user .left ul li a.user-add{background-image: url(../images/user/user-add.png);}
.user .left ul li a.user-buy{background-image: url(../images/user/user-buy.png);}
.user .left ul li a.user-look{background-image: url(../images/user/user-look.png);}
.user .right .quick{height: 98px;background-color: #fff;padding: 30px;}
.user .right .quick p{float: left;width: 34px;font-size: 16px;margin-right: 40px;color: #1973eb;}
.user .right .quick a{display: block;float: left;width: 150px;margin-right: 25px;border: 1px solid #1973eb;color: #1973eb;border-radius: 38px;height: 38px;text-align: center;line-height: 36px;transition: all .3s ease-in-out 0s;font-size: 16px;}
.user .right .quick a:hover{background-color: #1973eb;color: #fff;}
.user .right .w50{background-color: #fff;width: 480px;margin-top: 20px;padding: 20px;}
.user .right h2.title{border-left: 4px solid #1973eb;font-size: 18px;font-weight: normal;line-height: 1;padding-left: 10px;}
.content{line-height: 2;}
.user .right .w50 ul{overflow: hidden;padding: 20px 0 0;}
.user .right .w50 ul li{margin: 10px;float: left;width: 190px;}
.user .right .w50 ul li img{width: 190px;height: 190px;transition: all .9s ease 0s;}
.user .right .w50 ul li img:hover{transform: scale(1.1, 1.1);}
.user .right .w50 ul li h2{font-size: 16px;margin: 10px 0;font-weight: normal;}
.user .right .w50 ul li p{color: #999;}
.user .right .w50 ul li p span.fl{font-weight: bold;color: #1973eb;}

.user .form-box{padding: 30px;}
.user .form-box .item{margin-bottom: 20px;font-size: 0;}
.user .form-box .item .webuploader{float: left;}
.user .form-box .item label{display: inline-block;text-align: right;width: 100px;color: #777;line-height: 35px;margin-right: 10px;font-size: 14px;}
.user .form-box .item label em{font-style: normal;}
.user .form-box .item .put-div{display: inline-block;width: 740px;font-size: 14px;}
.user .form-box .item .area-div{display: inline-block;width: 740px;position: relative;font-size: 14px;}
.user .form-box .item .put-div span{padding-left: 10px;color: #999;}
.user .form-box .item .put-div span.text{display: block;padding-top: 60px;float: left;}
.user .form-box .item .put-div img{width: 80px;height: 80px;border: 1px solid #eaeaea;margin: 0;padding: 0;}
.user .form-box .item .put-div input,.user .form-box .item .put-div select,.user .form-box .item .area-div input{border: 1px solid #eaeaea;height: 35px;padding: 0 10px;width: 300px;}
.user .form-box .item .put-div select{width: 200px;}
.user .form-box .item .put-div textarea{border: 1px solid #eaeaea;padding: 10px;width: 100%;height: 80px;}
.user .form-box .item .login-btn{width: 150px;margin: 0;margin-left: 110px;}

.pub{background-color: #fff;padding: 30px;}
.pub h2{font-weight: normal;font-size: 18px;}
.pub .form-box{padding: 30px;margin: 0 auto;width: 500px;}
.pub .form-box .item{overflow: hidden;margin-bottom: 20px;}
.pub .form-box .item label{float: left;text-align: right;width: 100px;color: #777;line-height: 35px;margin-right: 10px;}
.pub .form-box .item .put-div{border: 1px solid #eaeaea;height: 35px;width: 300px;float: left;}
.pub .form-box .item .put-div input{height: 100%;border: none;padding: 0 10px;width: 100%;}
.pub .form-box .item .login-btn{width: 200px;margin: 0;margin-left: 110px;letter-spacing: 0;padding: 0;}

.user .search-box{overflow: hidden;background-color: #f0f0f0;padding: 15px 20px;}
.user .search-box ._li{float: left;margin-right: 10px;color: #666;}
.user .search-box label,.user .search-box select,.user .search-box span,.user .search-box input{float: left;height: 30px;line-height: 28px;}
.user .search-box span{padding: 0 5px;}
.user .search-box select,.user .search-box input{border: 1px solid #ddd;width: 190px;padding: 0 10px;}
.user .search-box input.range{width: 120px;}
.user .search-box .button_orange_large{display: block;width: 60px;height: 28px;background-color: #1973eb;color: #fff;text-align: center;line-height: 28px;border-radius: 5px;border: none;}
.no-search{display: block;margin: 50px auto;padding: 0;}

.user-lists{padding: 20px 0;}
.user-lists li{padding: 20px;border-bottom: 1px solid #eaeaea;}
.user-lists li:nth-child(2n){background-color: #f7f7f7;}
.user-lists li h2{font-size: 18px;font-weight: normal;}
.user-lists span{color: #999;}
.user-lists p{color: #666;margin-top: 10px;}

/*page*/
.pagination{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination li{display: inline;}
.pagination li a,.pagination li span{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination li:first-child a{margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination li:last-child a{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination li a:hover, .pagination li a:focus{background-color: #eee;}
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus{z-index: 2;color: #fff;cursor: default;background-color: #1973eb;border-color: #1973eb;}
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus{color: #999;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg li a{padding: 10px 16px;font-size: 18px;}
.pagination-sm li a, .pagination-sm li span{padding: 5px 10px;font-size: 12px;}