html,body{width:100%;display: block; }

body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,button,textarea,th,td,p,tbody,thead,tfooter{

	margin:0;padding:0;font-family:"Microsoft YaHei","sans-self", Verdana, Arial; font-size:12px;

	-moz-box-sizing: border-box;  

	-webkit-box-sizing: border-box; 

	-o-box-sizing: border-box; 

	-ms-box-sizing: border-box; 

	box-sizing: border-box;

}

input,button,select,textarea{outline:none; font-family:"Microsoft YaHei",Verdana,Arial; border: 1px solid #dbdbdb; padding: 5px;}

button{border:none; }

input:focus,select:focus,textarea:focus{border-color:#00a8ff !important; }

ul,li{list-style:none;}

textarea{resize:none;}

.fl{float:left;display:block;}

.fr{float:right;display:block;}

.abs{position:absolute;}

.rel{position:relative;z-index: 2;}

.table{display:table;width:100%;height:100%;vertical-align:middle;}

.tableCell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}

.clear:after{content:" ";display:block;clear:both;height:0px;visibility:hidden;}

.clear{zoom:1;}

img{border:none; }

a{text-decoration:none;color: #00a8ff; }

a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body{background: #fff; }



.index-wrap{padding:0 75px 30px 30px; }

.index-wrap.fixedpadding{padding-top:246px; }



.fixed-top{width:100%; background:#fff; padding:15px 75px 0 30px; margin-bottom: 11px;}

.fixed-top.fixed{position:fixed; top:0; left:0; z-index:999; }

.top-wrap{border-radius:10px; padding:2px;

	background: -moz-linear-gradient(top, #00ddff 0%, #0880b8 100%) ;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ddff), color-stop(100%,#0880b8))  ;

    background: -webkit-linear-gradient(top, #00ddff 0%,#0880b8 100%) ;

    background: -o-linear-gradient(top, #00ddff 0%,#0880b8 100%) ;

    background: -ms-linear-gradient(top, #00ddff 0%,#0880b8 100%) ;

}

.top-cont{width:100%; height:auto !important; border-radius:8px; background:#fff; position:relative; padding: 10px 190px 10px 15px; }



.topright-navbtn{display:none; }

.topright-nav{width:155px; position:absolute; right:10px; top:15px; }

.topright-nav a{display:block; height:45px; line-height:38px; background:url(../img/btnbg1.png) no-repeat center; background-size:auto 100%; margin-bottom:4px; }

.topright-nav a .icon{display:inline-block;vertical-align:middle; width:16px; height:16px; margin:0 2px 0 15px; }

.topright-nav a span{display:inline-block;vertical-align:middle; font-size:12px; color:#fff; text-shadow: 2px 2px 2px rgba(0,115,195,.75); }

.topright-nav a:hover{opacity:.95; }

.topright-nav a:hover span{color:#ef6e04; }



.top-nav{margin-bottom:10px; }

.top-nav>li{float:left; margin-right:13px; position:relative; }

.top-nav>li>a{display:block; padding:0 25px; min-width:80px; height:25px; line-height:25px; border-radius:20px; border:2px solid #000; text-align:center; }

.top-nav>li>a>.icon{display:inline-block; vertical-align:middle; width:22px; height:22px; margin:0 5px 0 0; position:relative; top:-2px; }

.top-nav>li>a>span{display:inline-block; vertical-align:middle; font-size:16px; color:#d81e06; position:relative; top:-2px; }

.top-nav>li:nth-child(4n-2)>a>span{color:#428bca;}

.top-nav>li:nth-child(4n-1)>a>span{color:#ef6e04;}

.top-nav>li:nth-child(4n)>a>span{color:#bd4ac0;}

.top-nav>li:hover>a,

.top-nav>li>a.current{border-color:#0099d9; 

	background: -moz-linear-gradient(top, #356faf 0%, #0d264d 100%) ;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356faf), color-stop(100%,#0d264d))  ;

    background: -webkit-linear-gradient(top, #356faf 0%,#0d264d 100%) ;

    background: -o-linear-gradient(top, #356faf 0%,#0d264d 100%) ;

    background: -ms-linear-gradient(top, #356faf 0%,#0d264d 100%) ;

}

.top-nav>li .subnav-list{position:absolute; background:#fff; left: 0; top:29px;white-space:nowrap;display:none; }

.top-nav>li .subnav-list a{display:inline-block; margin:0 1px; padding:2px 0; }

.top-nav>li .subnav-list a .icon{display:block; height:33px; }

/*.top-nav>li:hover .subnav-list{display:block; }*/



.topselected-cont{height:115px; overflow-y:auto; margin-bottom:2px; }

/*.selected-list li{float:left; margin:0 4px 5px 0; }

.selected-list li .imgcont{padding:2px; background:#0099d9; border-radius:3px; }

.selected-list li .imgcont img{display:block; width:66px; height:86px; border-radius:1px; }

.selected-list li .name{background:#0099d9; border-radius:3px; height:20px; line-height:18px; text-align:center; font-size:12px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }*/

.selected-list li{float:left; width:70px; margin:0 4px 5px 0; }
.selected-list li .imgcont{padding:2px; width:70px; height:90px; background:#0099d9; border-radius:3px; }
.selected-list li .imgcont img{display:block; width:100%; height:auto; border-radius:1px; }
.selected-list li .name{background:#0099d9; border-radius:3px; height:20px; line-height:18px; text-align:center; font-size:12px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; }
.selected-list li .name .num{display:block; background:transparent; border:none; width:100%; height:20px; padding:0; text-align:center; color:#fff; }
.selected-list li .name .minus-btn{display:block; width:25px; height:20px; line-height:20px; background:transparent; padding:0; font-size:16px; color:#fff; position:absolute; left:0; bottom:0; }
.selected-list li .name .add-btn{display:block; width:25px; height:20px; line-height:20px; background:transparent; padding:0; font-size:16px; color:#fff; position:absolute; right:0; bottom:0; }


.topbtn-cont .btn{display:block; width:120px; height:40px; background:url(../img/btnbg1.png) no-repeat center; background-size:100% 100%; margin-right:20px; }

.topbtn-cont .btn.clear-btn{background:url(../img/btnbg2.png) no-repeat center; background-size:100% 100%; }

.topbtn-cont .btn img{width:20px;height:20px; display:inline-block;vertical-align:middle; margin-right:12px; }

.topbtn-cont .btn span{font-size:14px; color:#fff; display:inline-block;vertical-align:middle; }

.topbtn-cont .btn:hover{opacity:.95; }

.topbtn-cont .search-tips{display:block; height: 40px; background:#f0f0f0; border:1px solid #cbcbcb; line-height: 40px; border-radius:5px; padding:0 30px; font-size:14px; color:#333; }

.topbtn-cont .search-info{margin-left:550px;line-height:40px; font-size:14px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.page-tips{font-size:16px; height:44px; line-height:44px; color:#fff; padding:0 15px; background:#4aca7a; border-radius:5px; }
.page-tips.error{background:#c44e4e; }

.card-list{margin-top:10px; }

.card-list li{float:left; width:92px; margin:0 8px 10px 0; position:relative; }

.card-list li .imgcont{padding:2px; background:#0099d9; border-radius:4px; }

.card-list li .imgcont img{display:block; width:88px; height:114px; border-radius:2px; }

.card-list li .name{background:#0099d9; border-radius:4px; height:24px; line-height:22px; text-align:center; font-size:16px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.card-list li .icon-checked{position:absolute; bottom:28px; right:4px; width:47px; height:47px; display:none;  }

.card-list li.checked .imgcont{background:#ec2a11; }

.card-list li.checked .name{background:#ec2a11; }

.card-list li.checked .icon-checked{display:block; }
.card-list.active li.checked{
        -webkit-animation: opablink 1s ease-in infinite alternate;
        -moz-animation: opablink 1s ease-in infinite alternate;
        -ms-animation: opablink 1s ease-in infinite alternate;
        -o-animation: opablink 1s ease-in infinite alternate; 
        animation: opablink 1s ease-in infinite alternate; 
}

@keyframes opablink {
        0%{opacity: 1;}
    100%{opacity: 0.2;}
}
@-moz-keyframes opablink {
        0%{opacity: 1;}
    100%{opacity: 0.2;}
}
@-webkit-keyframes opablink {
        0%{opacity: 1;}
    100%{opacity: 0.2;}
}
@-o-keyframes opablink {
        0%{opacity: 1;}
    100%{opacity: 0.2;}
}


/*sidebtn*/

.sidebtn-wrap{display:block; width:62px; position:fixed; top:50%; right:6px; z-index:999; }

.sidebtn-wrap a,

.sidebtn-wrap a img{display:block;}
.sidebtn-wrap a img{width:60px; height:auto; }
.sidebtn-wrap a.delete-btn img{width:55px; height:auto; margin:0 auto; }

.sidebtn-wrap a.side-kefu1{margin-bottom:15px; }
.sidebtn-wrap a.side-kefu1 img{width:57px; height:auto; margin:0 auto; }

.sidebtn-wrap a.side-kefu2{margin-bottom:15px; }

.sidebtn-wrap a.side-btn{margin-bottom:15px; }

.sidebtn-wrap a:hover{opacity:.8; }



/*searchend*/

.searchend-wrap{width:100%; padding:0 100px 30px 30px; }

.filter{width: 100%; line-height: 34px; margin-bottom: 15px;}
.filter label{color: #fff; font-size: 16px; margin-right: 6px;}
.filter select{width: 190px; height: 34px; line-height: 34px; border: 1px solid #cbcbcb; padding: 0 6px; margin-right: 30px;}
.filter input{width: 190px; height: 34px; line-height: 34px; border: 1px solid #cbcbcb; padding: 0 6px; margin-right: 8px;}
.filter button{width: 100px; height: 34px; line-height: 34px; padding: 0; background: url(../img/navbg.png) no-repeat center;background-size: 100% 100%; color: #fff; font-size: 16px;}
.filter .sort{float: right; color: #fff; font-size: 16px;}
.filter .sort span{display: inline-block; line-height: 34px; padding: 0 10px; vertical-align: top; background-color: #0099d9;float: right;}
.filter .sort span img{width: 20px; vertical-align: top; margin-top: 7px; margin-left: 4px;}
.filter .sort span.on{background-color: red;}
.filter .sort span.down img{transform: rotate(180deg);}


.searchend-table{width:100%; }

.searchend-table .thead-tr{display:table; width:100%; background:#1b4075; border:1px solid #0b1d37; border-radius:5px; margin-bottom:10px; }

.searchend-table .thead-tr li{text-align:center; height:50px; line-height:50px; font-size:16px; color:#fffefe; display: table-cell; }

.searchend-table li.w110{width:110px; }

.searchend-table li.w120{width:120px; }

.searchend-table li.w135{width:135px; }

.searchend-table li.w95{width:95px; } 

.searchend-table li.w105{width:105px; }

.searchend-table li.w150{width:150px; }


.searchend-table .tbody-tr{display:table; width:100%; border:1px solid #c9c9c9; background:#d9f3fc; border-radius:5px; margin-bottom:10px; }

.searchend-table .tbody-tr:nth-child(2n-1){background:#eef3f7; }

.searchend-table .tbody-tr li{display: table-cell; vertical-align:middle; text-align:center; }



.searchend-table .tdcont{display:inline-block; }

.searchend-table .numcont{padding:10px 0 40px; }

.searchend-table .numcont .account_no{display: block; font-size: 16px; font-weight: bold; color: #1b4075; margin-bottom: 10px;}
.searchend-table .numcont .store-btn{display:inline-block; padding-left:30px; height:25px; line-height:25px; font-size:16px; color:#333; background:url(../img/icon-store.png) no-repeat left center;margin-bottom:25px; }

.searchend-table .numcont .store-btn.stored{background:url(../img/icon-stored.png) no-repeat left center; }

.searchend-table .numcont .num{display:inline-block; font-size:16px; color:#ff4553; line-height:26px; border:1px solid #ff0000; border-radius:5px; padding:0 4px; margin-bottom:10px; }

.searchend-table .numcont .copy-btn{display:block; width:72px; height:32px; background:url(../img/btnbg3.png) no-repeat center; background-size: contain; margin:0 auto 10px; font-size:14px; color:#fefefe; padding:0; }

.searchend-table .numcont .copy-btn:hover{opacity:.9; }



.searchend-table .rescont{width:100%; text-align:center; padding:8px 0; }

.searchend-table .rescont .item{float: left; display:inline-block; width: 33.33%; text-align: center; margin:2px 0; }

.searchend-table .rescont .item .icon{display:block; width: auto; height:23px; margin: 0 auto; }

.searchend-table .rescont .item p{font-size:12px; line-height:15px; }



.searchend-table .pricecont .price{font-size:18px; font-weight:bold; color:#ff4553; line-height:24px; }

.searchend-table .pricecont .buy-btn{display:block; width:72px; height:32px; line-height:32px; background:url(../img/btnbg4.png) no-repeat center; background-size: contain; margin:20px auto 0; font-size:14px; color:#fefefe; padding:0; }

.searchend-table .pricecont .buy-btn:hover{opacity:.9; }



.searchend-table .tdimg-list{display:block; padding:5px 0 0; }

.searchend-table .tdimg-list li{float:left; margin:0 1px 1px 0; position:relative; }

.searchend-table .tdimg-list li .imgcont{border-radius:4px;}

.searchend-table .tdimg-list li .imgcont img{display:block; width:88px; height:114px; border-radius:5px; }

.searchend-table .tdimg-list li .name{background:#0099d9; border-radius:4px; height:24px; line-height:22px; text-align:center; font-size:16px; color:#fff; white-space:nowrap; position:absolute; bottom:0; left:0; z-index:999; padding:0 5px; display:none; }
.searchend-table .tdimg-list li:hover .name{display:block; }


/*sideback*/

.sideback-wrap{position:fixed; top:60px; right:0px; z-index:999; }

.sideback-btn{display:block; width:75px; height:42px; line-height:42px; text-align:center; background:url(../img/btnbg5.png) no-repeat center; background-size:contain; margin-bottom:20px; font-size:14px; color:#fff; }

.sideback-btn .icon{display: inline-block; vertical-align:middle; width:20px; height:20px; }

.sideback-btn span{display: inline-block; vertical-align:middle; }

.sideback-btn:hover{opacity:.9; }



.sideclear-btn{display:block; width:75px; height:42px; background:url(../img/btnbg6.png) no-repeat center; background-size:contain; font-size:14px; color:#fff; }

.sideclear-btn .icon{display: inline-block; vertical-align:middle; width:20px; height:20px; }

.sideclear-btn span{display: inline-block; vertical-align:middle; }

.sideclear-btn:hover{opacity:.9; }



/*directions*/

.directions-mask{display:block; width:100%; height:100%; display:block; background:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:99998; display:none; }

.directions-layer{display:block; width:950px; height:auto; background:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99999; border-radius:10px; padding:30px 25px; display:none; }

.directions-layer .title{text-align:center; font-size:24px; font-weight:bold; color:#333; line-height:40px; margin-bottom:30px; }

.directions-layer .directions-text{height:450px; overflow-y:auto; padding-left:20px; }
.directions-layer .directions-text img{max-width: 100%; }

.directions-layer .directions-text p{font-size:16px; line-height:1.7; margin-bottom:10px; }



@media only screen and (max-width: 1235px) {

	

	.fixed-top{padding-left:15px; }

	.index-wrap{padding-right:0px; padding-left:15px; }

	.searchend-wrap{padding-left:15px; padding-right:80px; }



	.top-cont{padding-right:18px; }

	.top-nav{white-space:nowrap;}

	.top-nav li{float:none; display:inline-block; }

	.top-nav>li>a{min-width:110px; }

	/*.topselected-cont{min-height:230px; }*/

	/*.topbtn-cont .btn{margin-bottom:15px; }*/

	

	.sideback-wrap{top:120px; }

	.sidebtn-wrap{margin-top:-350px;right:0; }

	.sidebtn-wrap a.side-kefu1{margin-bottom:40px; }

	.sidebtn-wrap a.side-kefu2{margin-bottom:40px; }

	.sidebtn-wrap a.side-btn{margin-bottom:40px; }

	

	.topright-navbtn{display:block; position:fixed; right:0; top:20px; }

	.topright-navbtn img{display:block; width:60px; height:60px; }

	.topright-nav{display:none; background:#fff; position:fixed; top:80px;right:6px; z-index:9999;  }

	

}


.alertTips{position: fixed; top: -50px; left: 50%; z-index: 9999; width: auto; padding: 0 25px; line-height: 40px; color: #fff; font-size: 16px; background: #4aca7a; border-radius: 4px; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}