/* navbar */
#xtoee_global_nav { height:75px; position: relative; padding: 0px 15px 0px 15px; z-index:911; }
.lg-container { width: 100%!important; max-width: 1230px; margin: 0 auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
#xtoee_logo { float:left; overflow:hidden; position:relative; width:145px; height:33px; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/logo1.png); background-size:100% 100%; top:20px; }
#xtoee_masthead_wrap { position:absolute; top:0; width:100%; z-index:900; padding:0px 0px; }

.xtoee_masthead_cata { float: left; margin: 24px 0px 0px 230px; padding: 0; position: relative; }
.xtoee_masthead_cata>li { display:block; float:left; padding:0 30px; font-size:14px; text-decoration:none; }
.xtoee_masthead_cata>li>a { color:#fff; box-sizing:border-box; cursor:pointer; display:block; height:51px; line-height:40px; overflow:hidden; padding:0; position:relative; text-decoration:none; border-bottom:2px solid transparent; transition:border-color .3s,color .3s; }

.xtoee_masthead_rightside { height:40px; position:absolute; top:20px; right:15px; }
.xtoee_masthead_rightside>ul>li { display:block; float:left; padding:0; position:relative; }
.xtoee_masthead_rightside>ul>li a { width:40px; height:40px; display:block; cursor:pointer; }
.xtoee_masthead_rightside .xtoee_dropdown_menu { width:300px; position:absolute; top:46px; right:-40px; }
#xtoee_search_box .triangle,.xtoee_masthead_rightside .triangle { height:15px; overflow:hidden; position:absolute; top:-15px; width:320px; right:0; display:none; }
#xtoee_search_box .triangle:before,.xtoee_masthead_rightside .triangle:before { content:""; position:absolute; top:5px; right:10px; width:20px; height:20px; border:1px solid #ddd; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background-color:#fff; background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)); background-image:-webkit-linear-gradient(top,#fff,#fff); background-image:-moz-linear-gradient(top,#fff,#fff); background-image:-o-linear-gradient(top,#fff,#fff); background-image:linear-gradient(180deg,#fff,#fff);
}
#prolish{ width:100%; height:auto; display:none; }
#prolish .quickname{ font-size:14px; line-height:26px; color:#666; margin-bottom:5px; }
#prolish ul{ width:100%; float:left; }
#prolish ul li{ font-size:14px; line-height:24px; color:#666; padding-left:20px; }
#prolish a{ width:100%; height:25px; color:#666; float:left;}
#prolish a:hover{ color:#8fc31f; }
.xtoee_search,.xtoee_show_more,.xtoee_show_more>a { width:40px; height:56px; }
.xtoee_search{ margin-top:12px; }
.xtoee_search>a{ color:#fff; }
.xtoee_search>a:hover{ color:#8fc31f; }
.xtoee_show_more>a { display:block; }
.xtoee_show_more>a:before,.xtoee_show_more>a:hover:before { background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; }
.xtoee_show_more>a:hover:before { background-position:0 -46px; }
.xtoee_nlogo{ background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/logo2.png) !important; background-size:100% 100%!important; }

/*沉浸式背景*/
.xtoee_zhb{ background:rgba(0, 0, 0, 0.3); }
.xtoee_zhb #xtoee_navul>li>a { color:#fff; } 
.xtoee_zhb #xtoee_navul>li>a:hover{ color:#8fc31f; border-bottom:3px solid #8fc31f; }
.xtoee_zhb2>a:before,.xtoee_nhb2>a:hover:before{ background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite2.png) 0 -9px; }
.xtoee_zhb2>a:before { background-position:-39px -9px; }
.xtoee_zhb2>a:hover:before { background-position:-39px -44px; }
.xtoee_zhb2>a{ color:#fff; }

/*背景反白*/
.xtoee_nhb{ background:#fff; border-bottom:1px solid #c3c6cb; }
#xtoee_navul i{ margin-right:6px;}
.xtoee_nhb #xtoee_navul>li>a { color:#000; }
.xtoee_nhb #xtoee_navul>li>a:hover{ color:#8fc31f; border-bottom:3px solid #8fc31f; }
.xtoee_nhb2>a:before,.xtoee_nhb2>a:hover:before{ background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite2.png) 0 -9px; }
.xtoee_nhb2>a:before { background-position:-39px -9px; }
.xtoee_nhb2>a:hover:before { background-position:-39px -44px; }
.xtoee_nhb2>a{ color:#000; }

.all-btn-taobao{ width:76px; height:30px !important; color:#fff !important; line-height:30px !important; background:#86b258; text-align:center; margin-top:5px; border-radius: 4px; border-bottom:none !important;}
.all-btn-taobao:hover{ background:#83b31d !important; color:#fff !important; border-bottom:none !important; }



/* 搜索框 */
#xtoee_search_box input[type=text] { position:absolute; top:1px; width:100%; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; border:1px solid #ccc; height:34px; padding:0 10px; }
#xtoee_search_box input[type=text]:focus { border-color:#8fc31f; outline:0; }
#xtoee_search_box div:nth-child(2) { height:36px; position:relative; }
#xtoee_search_box input[type=button] { width:39px; height:36px; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) 0 -80px; border:0; position:absolute; z-index:2; right:0; top:0; }
#xtoee_search_box input[type=button]:hover { background-position:-42px -80px; }
#xtoee_search_box { display:none; width:350px; top:43px; right:0; margin-left:-20px; position:absolute; z-index:20; padding:20px; /*border:1px solid #e0e0e0;*/ background:#fff; }



/* 移动端下拉框 */
#xtoee_mob_nav_container { position:fixed; z-index:888; top:0; right:-100%; width:100%; height:100%; background:#fff; overflow:auto; }
#container.open,#footer.open,.footer.open,.share_nullbox.open { left:-100%!important; position:fixed; }
#xtoee_mob_nav_container.open { right:0!important; box-shadow:-5px 0 10px rgba(0,0,0,.2); }
#container,#xtoee_mob_nav_container { -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in; }
#xtoee_mob_nav_container ul li { border-bottom:1px solid #ddd; line-height:40px; padding:0 20px; font-size:14px; color:#333; }
#xtoee_mob_nav_container ul li a { display:block; }
#xtoee_mob_nav_container ul li.search { line-height:57px; }
#xtoee_mob_nav_container ul li.search .prev { float:left; }
#xtoee_mob_nav_container ul li.search .prev a { color:#8fc31f; }
#xtoee_mob_nav_container ul li ul li:hover,#xtoee_mob_nav_container ul li ul li ul li:hover { color:#fff; }
#xtoee_mob_nav_container .title.active>ul>li>a:hover,#xtoee_mob_nav_container .title.active a { color:#8fc31f; }
#xtoee_mob_nav_container .title.active>ul>li>a { color:#333; }
#xtoee_mob_nav_container ul li ul { display:none; margin-left:-25px; margin-right:-20px; padding-left:25px; padding-right:20px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; color:#fff; }
#xtoee_mob_nav_container .title.active>ul>li:hover>a,#xtoee_mob_nav_container ul>li,#xtoee_mob_nav_container ul>li:hover>a,li.xtoee_hasmore>ul>li a:hover,li.xtoee_hasmore a:hover,li.xtoee_nomore a:hover,li.nomore>ul>li a:hover { color:#fff; }
#xtoee_mob_nav_container ul li ul li:hover,#xtoee_mob_nav_container ul li ul li ul li:hover { background-color:#8fc31f; }
#xtoee_mob_nav_container ul li ul li.title { color:#8fc31f; }
#xtoee_mob_nav_container ul>li>ul>li,#xtoee_mob_nav_container ul li ul li.title { margin-left:-25px; margin-right:-20px; padding-left:25px; padding-right:20px; background-color:#f6f6f6; }
#xtoee_mob_nav_container ul>li>ul>li { border-bottom:1px solid #aaa; }
#xtoee_mob_nav_container ul li ul li ul li { border-bottom-color:#aaa; margin-left:-25px; margin-right:-20px; padding-left:40px; padding-right:20px; background-color:#f6f6f6; }
.ul-block { display:block!important; }

.nav-all-pro{ width: 100%; height: auto; background: #ffffff; display: none; border-top: 1px solid #c3c6cb; padding: 22px 0px 50px 0px; position: absolute; z-index:999; }
.nav-all-pro-list{ width: 1200px; margin: 0px 0px 0px 120px; margin-left: auto; margin-right: auto; }
.nav-all-pro-list ul{ list-style: none; margin:0px; padding:0px; }
.nav-all-pro-list li{ color:#555; list-style: none; line-height:24px; margin:0px 0px 5px 0px; }
.nav-all-pro-list>div{ float: left; margin-left: 0px; width: 200px; }
.nav-all-pro-list>div>h4{ font-size: 20px; color:#86b258; text-align: center; padding-bottom: 20px; margin-bottom: 0px; }
.nav-all-pro-list>div>h4 a{ color:#86b258; }
.nav-all-pro-list>div>h4 a:hover{ color:#8fc31f; }
.nav-all-pro-list >div>ul>li>a{ color:#555; }
.nav-all-pro-list >div>ul>li>a:hover{ color:#8fc31f; }
.nav-all-pro-list >div{ margin-left: 0px; margin-right: 20px; }
.nav-all-pro-list >div{ width: 280px; }
.nav-all-pro-list >div>ul{ width:280px; float:left; }

.nav-all-app{ width: 100%; height: auto; background: #ffffff; display: none; border-top: 1px solid #c3c6cb; padding: 40px 0px 50px 0px; position: absolute; z-index:928; }
.nav-all-app-list{ width: 1200px; margin: 0px 0px 0px 120px; margin-left: auto; margin-right: auto; }
.nav-all-app-list ul{ list-style: none; margin:0px; padding:0px; }
.nav-all-app-list li{ color:#555; list-style: none; line-height:24px; margin:20px 0px 5px 0px; }
.nav-all-app-list ul li>div{ float: left; margin-left: 0px; width: 232px; margin-right:7px; }
.nav-all-app-list ul li p{ font-size: 14px; line-height:28px; color:#555; padding-bottom: 20px; margin-top: 20px;  margin-bottom: 0px; text-align: center; }
.nav-all-app-list ul li a{ color:#8fc31f; }
.nav-all-app-list ul li a:hover{ color:#8fc31f; }
.nav-all-app-list ul li a:hover p{ color:#8fc31f; }



@media only screen and (max-width:1023px) {
#xtoee_search_box { width:100%; position:relative; top:75px; border:0; margin-left:0; }
#xtoee_masthead_wrap { padding:0px 0px; }
#xtoee_mob_nav_close { text-align:center; vertical-align:middle; float:right; padding:0 15px; right:-16px; position:relative; cursor:pointer; width:50px; height:57px; }
#xtoee_mob_nav_close:before { content:""; position:absolute; width:30px; height:30px; top:13px; left:15px; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -101px -42px; }
li.xtoee_hasmore a,li.xtoee_nomore a { position:relative; }
li.xtoee_hasmore:hover,li.xtoee_nomore:hover { background-color:#8fc31f; color:#fff; }
#footer { position:relative; z-index:500; background:#000000; width:100%; overflow:hidden; }
#footer,#footer a { color:#fff; }
li.xtoee_hasmore a, li.xtoee_nomore a{ position:relative; }
li.xtoee_hasmore.active>a:after, li.xtoee_hasmore>a:after{ display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -97px -94px; position:absolute; top:13px; right:0; width:20px; height:15px; }
li.xtoee_nomore>a:after{ display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -94px -10px ; position:absolute; top:13px; right:0; width:20px; height:15px; }
}


@media (max-width:992px) {
#searchdropmenu{ display:block; }
#xtoee_masthead_wrap{ background:#fff; border-bottom:1px solid #e5e5e5; }
#xtoee_logo { background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/logo2.png) !important; background-size:100% 100%!important;}
.xtoee_search>a:before,.xtoee_search>a:hover:before,.xtoee_show_more>a:before,.xtoee_show_more>a:hover:before { background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite2.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; }
.xtoee_nhb2>a:before,.xtoee_nhb2>a:hover:before{ background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite2.png) 0 -9px;}
.xtoee_search>a:before { background-position:-39px -9px; }
.xtoee_show_more>a:hover:before { background-position:0 -46px; }
.xtoee_search>a:hover:before { background-position:-39px -44px; }
#footer .bottom_right,#footer .right { display:block; text-align:center; margin:0 auto; }
#footer .bottom_right{ width:100%; background:#161616; }
}
@media only screen and (max-width:991px) {
#footer { /*height:80px; */ height:auto; }
#footer .container{ padding:0;}
#footer label{ color:#fff; }
#footer .col-xs-12{ margin:0; padding:0; }
#footer .visible-xs .left { margin:0; padding:0; }
#footer .left_inner label { width:100%; font-weight:400!important; padding-bottom:5px; border-bottom:1px solid #535353; }
#footer .col-sm-3{ width:100%; }
#footer .editPageButtom{ padding:15px 10px 15px 10px; color:#999999; font-size:12px; line-height:18px; }
#footer .left_inner label{ font-size:14px; }
#footer .visible-xs .col-sm-3 label{ cursor:pointer; }
#footer .visible-xs .col-sm-3 label, #footer .visible-xs .col-sm-3 li{ padding:15px 20px!important; margin:0; }
#footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:38px; width:20px; height:17px; }
#footer .visible-xs .left_inner ul{ background:#dcdcdc; }
#footer .visible-xs .col-sm-3 label{ padding:23px 45px 23px 42px!important; margin:0; border-bottom:1px solid #1a1a1a; }
#footer .visible-xs .col-sm-3 li{ padding:15px 45px 15px 42px!important; margin:0; border-bottom:1px solid #aaa; }
#footer .left_inner div ul li { font-size:14px; line-height:1.7; }
#footer .visible-xs .col-sm-3 li a { color:#333; }	
}
@media (max-width:1399px) and (min-width:1216px) {
.xtoee_masthead_cata { float: left; margin: 26px 0px 0px 260px; padding: 0; position: relative; }
}
@media (max-width:1215px) and (min-width:1200px) {
.xtoee_masthead_cata { float: left; margin: 26px 0px 0px 240px; padding: 0; position: relative; }
}
@media (max-width:1199px) and (min-width:1080px) {
.xtoee_masthead_cata { float: left; margin: 26px 0px 0px 130px; padding: 0; position: relative; }
}
@media (max-width:1079px) and (min-width:1025px) {
.xtoee_masthead_cata { float: left; margin: 26px 0px 0px 70px; padding: 0; position: relative; }
}
@media (max-width:1024px) and (min-width:991px) {
.xtoee_masthead_cata { float: left; margin: 26px 0px 0px 40px; padding: 0; position: relative; }
}
@media (min-width: 300px) {
#xtoee_logo{ width:145px; height:33px; margin-top:3px; margin-left:58px; }	
#footer .editPageButtom{ width:230px; margin:0 auto; }
#footer .visible-xs .col-sm-3 label{ padding:18px 32px 18px 30px!important; margin:0; border-bottom:1px solid #1a1a1a; }	
#footer .visible-xs .col-sm-3 li{ padding:15px 32px 15px 30px!important; margin:0; border-bottom:1px solid #aaa; }
#footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:30px; width:20px; height:17px; }		
#searchdropmenu{ display:none; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
#xtoee_logo{ margin-left:90px; }	
#footer .visible-xs .col-sm-3 label{ padding:19px 36px 19px 36px!important; margin:0; border-bottom:1px solid #1a1a1a; }	
#footer .visible-xs .col-sm-3 li{ padding:15px 36px 15px 36px!important; margin:0; border-bottom:1px solid #aaa; }
#footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:34px; width:20px; height:17px; }	
}
/*针对iphone6*/
@media (min-width: 375px) {
#xtoee_logo{ margin-left:96px; }	
#footer .editPageButtom{ width:100%; margin:0 auto; }
#footer .visible-xs .col-sm-3 label{ padding:23px 40px 23px 38px!important; margin:0; border-bottom:1px solid #1a1a1a; }	
#footer .visible-xs .col-sm-3 li{ padding:15px 40px 15px 38px!important; margin:0; border-bottom:1px solid #aaa; }
#footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/xtoee_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:38px; width:20px; height:17px; }	
}
@media (min-width: 390px) {
#xtoee_logo{ margin-left:103px; }			
}
@media (min-width: 400px) {
#xtoee_logo{ margin-left:110px; }			
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
#xtoee_logo{  margin-left:118px; }		
}
@media (min-width: 480px) {
#xtoee_logo{ margin-left:145px; }	
}
@media (min-width: 500px) {
#xtoee_logo{ margin-left:158px; }	
}
@media (min-width: 600px) {
#xtoee_logo{ margin-left:210px; }	
}
@media (min-width: 700px) {
#xtoee_logo{ margin-left:270px; }	
}
@media (min-width: 767px) {
#xtoee_logo{ margin-left:290px; }	
}
@media (min-width: 880px) {
#xtoee_logo{ margin-left:324px; }	
}
@media (min-width: 980px) {
#xtoee_logo{ margin-left:375px; }	
}
@media (min-width: 992px) {
#xtoee_logo{ margin-left:0px; }	
#searchdropmenu{ display:block; }
}
@media (min-width: 1024px) {
#xtoee_logo{ width:145px; height:33px; margin-top:10px; }	
#searchdropmenu{ display:block; }
}