@import url(normalize.css);@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?-rief1v);src:url(../fonts/icomoon.eot?#iefix-rief1v) format('embedded-opentype'),url(../fonts/icomoon.ttf?-rief1v) format('truetype'),url(../fonts/icomoon.woff?-rief1v) format('woff'),url(../fonts/icomoon.svg?-rief1v#icomoon) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-dislike:before{content:"\e605"}
.icon-close:before{content:"\e601"}
.icon-flag:before{content:"\e602"}
.icon-like:before{content:"\e608"}
.icon-heart:before{content:"\e603"}
.icon-add:before{content:"\e604"}
.icon-download:before{content:"\e606"}
.icon-eye:before{content:"\e607"}
.icon-link:before{content:"\e609"}
.icon-playlist:before{content:"\e60a"}
.icon-plus:before{content:"\e600"}
.icon-time:before{content:"\e60b"}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
* a,a,a:focus,a:hover{text-decoration:none}

h2{margin:0}
ul{margin:0;padding:0;list-style:none}
img{margin:0;padding:0}
form{margin:0}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.left{float:left}
.right{float:right}
.text_content{padding:15px 5px;text-align:left;font-size:12px;color:#31313b;margin:0}
.text_content+.text_content{padding-top:0}
.text_content a{color:#31313b;text-decoration:underline}
.text_content a:hover{text-decoration:none}
.fl {float: left;}
.tl{ text-align:left;}
body{width:100%;font-family:"Microsoft YaHei",Asap,sans-serif;font-size:12px;line-height:16px;font-style:normal;font-weight:400;color:#31313b;min-width:320px;background:#fff url(../img/bg.jpg) repeat 0 0;margin:0;padding:0;position:relative}
#wrapper,body,html{min-height:100%;height:100%}
.container{margin:0 auto;padding:0;width:100%;max-width:1240px}
.wrap-head-spots{background:#fff url(../img/bg.jpg) repeat 0 0;position:relative;z-index:20}
/* header*/
header{position:relative;z-index:10}
.header-inner{position:relative;z-index:1;background-color:#fff;border-bottom:5px solid #6e6e83;box-shadow:0 0 27px rgba(0,0,0,.53);padding-bottom:15px}
header .container{position:relative}
.wrap-logo{margin-top:3px;display:block;position:relative;z-index:1;width:200px;height:87px;z-index:2}
.logo{position:relative;width:207px;height:100%;top:0;left:-14px;z-index:2}
.logo a{display:block;width:100%;height:100%;background:url(../img/logo.png) no-repeat 0 0}
.logo a:hover{background-position:0 100%}
.panel{width:100%;padding-left:226px;position:absolute;top:0;right:0;z-index:1}
.panel-group{background-color:#31313b;overflow:hidden;box-shadow:8px 8px 13px rgba(0,0,0,.2)}
.user-btns{width:100%;text-align:right;padding:6px 0 7px}
.user-btns a{display:inline-block;height:16px;color:#31313b;line-height:16px;padding-left:20px}
.user-btns a.btn-user{padding-left:0}
.user-btns a.btn-login,.user-btns a.btn-logout{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAhCAYAAADQ1StpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ4NjExNUQxOEREMTFFNUFFQUNCQzRDQzJDNjM2OTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ4NjExNUUxOEREMTFFNUFFQUNCQzRDQzJDNjM2OTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDg2MTE1QjE4REQxMUU1QUVBQ0JDNENDMkM2MzY5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDg2MTE1QzE4REQxMUU1QUVBQ0JDNENDMkM2MzY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi5bprgAAAJiSURBVHjavJQ7aFRBFIbvvbsoPnHjAxZNRI1iIxK1sxB8JE2wEBQVRS1sYuOjSXygIKiNrWCjhRIhnQ+MClpY2IjgGw1GMIuuaAKyKimiXr8j/5XZ2XvXR8QDH7tzz5wzM2fO/GFLy/LAs7mwHdqhGcZAGe7Aeeh1J0de8B54CodgKtyGyzAEm+EqXISZSUDeCT4Je+EBdMJNGHH8zVqgAxbCaiglO9ih4CtgZ7rmBZu9gF2au0DHyeeKxaaCtvUe1sAnJ2gCfIXY+XYfxsIW6LcdrIXpcBQqmpSDI6qHBXRDo5PkBHyAnXmt+kUFSqwNDjvjRbqJfRrbQjdgRaRrewuDTsC8oNameeMnMDEK0m1Zyje7utAZh0kf9EMRZjjOVykJhrxi2rE+WoLrKlq747Tz33XGz3X/iRVUu75InWY1OAgNMB6WwEsvwWyYovEBmAynQ70Fu9NzurZxMCejNm/gGaxUp7ZZI5njoZpjnbaXZZOU/LHmVtxb2K9WHQzqW4/eQdl/TGan4BJshVad257zO7gHF+CWGxDGcRyMxvwdBKVwQ11BaYx7ejN3QLC99+Mq6AA8gmEVbqmm2RE7SPS6KgHBNYLCpBEnuSsofVZI/KUfCXCaSJyRoGzE8TnrzMy1452V3K0KB4L1BXWaBS0muOJMNkEZ5ts3L8kxfrpgW5WgJMFMyMFPQeF/N6QKSvQLQWnSq9sEuxOnFjJBmf9/BYVjjE5Q2Pq/ERR2ki4oOBogU1Dw1QqKGumvBcVt5aQ5fsdMUFqpSTly7vaPBMWCU/WAncyqJygEVgnKdwEGAIU24m/ELxXLAAAAAElFTkSuQmCC) no-repeat 0 0}
.user-btns a.btn-sigup{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAhCAYAAADQ1StpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkJERTEwRDgxOEREMTFFNTgwQjc5Q0YxRTQ2REYwMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkJERTEwRDkxOEREMTFFNTgwQjc5Q0YxRTQ2REYwMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QkRFMTBENjE4REQxMUU1ODBCNzlDRjFFNDZERjAxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkRFMTBENzE4REQxMUU1ODBCNzlDRjFFNDZERjAxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkloTgQAAAHvSURBVHja1JS7L0RREMbvRUJER2QjtvEXWN16BQVRKmhUElEIhUYjHiGK1UgUCo+oJKJRShA2IhqJ0KhUNhEFHUI8rt/IXDvu7t2w0TjJlzl35sx3zsw953M9z3PsqKtrrMX0gmYQUfcNOATrp6dHZ3a96xOQWIyZA4OgyMk+XsEiGIXo+YuA5FLmW6DdLL5Vn4wuUGFiO+KD5LFAHfOBZDmmlLIKVkAMnJt4u+Y4bizWEMcem6DU1CRVgQX1DSup9ME1a+vlBP2BOt9BCgwZnxBcacyOfmlWPODcAw9gA0R1x5T6JNZh1saFoDJAkKA5d9hJmusy98wvTgQIKgu0ZjtKdHEh5gS7G4zZfgnBdcg/l3ovwYUTPq6FIBkSlNprQFUOgqQQLIMX4/ycU7ucYFMb9y1m5sv+TZzmY1wDA2AbCPm9nqQMvIFOsKTrZthkwr/zU6Aa9OmCp8CF8S+Y38Q1zUk/Ju38CGYMlIfULL93lp3nM16jIYno42nRi+ToRZJmb5F8k/U55zsy3n3K7ckpKFFvM7ugkPgrQYEoLSgk5yUokPyBoFw53f9cUKSE28DNa6M5B/pnXOae+cWtmH17M0MFhcWfgoL9r4JC7T8XFOrMS1DY5I8FhZP8SFDYOVxQIMkpKCR/E5QPAQYAmgDyfmjdhtsAAAAASUVORK5CYII=) no-repeat 0 0}
.user-btns a.btn-upload{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAeCAYAAAD3qZRJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzkyM0JDMEQxOEREMTFFNTg4MkRFNkNDRDQzQkU1MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzkyM0JDMEUxOEREMTFFNTg4MkRFNkNDRDQzQkU1MDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OTIzQkMwQjE4REQxMUU1ODgyREU2Q0NENDNCRTUwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OTIzQkMwQzE4REQxMUU1ODgyREU2Q0NENDNCRTUwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgxjZGkAAAE6SURBVHjaxJO/SgNBEIezxyUqxCcIlpIiXYpUtlpYS4pYSh7CPmCZOl0aJYhPoI3IdYHrxc6QJ1BBELL5BiZy7J8chMAtfBludn6zs5f7GWttzV3d7lmbcAt3eZ69u/vGFSE4JjzBBTzDFcKvYk3iCBqEsQpqGsea90VsHBBGcONMI88j3fdOkm5zmDiiieYb2+40INwXUtfc6SF6J12HJc9BUelKGadP/IYXxviLFVJXJ5xDM+VnCh+QgYhSt7HGI/mz4VQSv0pCNxn3FYYgb8jAm+aTTa2IVtCBmZ4k/BROuoS60tmIPqEFPe0cW1abLU3ogy1bO73yikUL02/DVGJo33sRFHomPLGPcRMiCJpQ876Ija0m1P09mpCOngm5U1UmZJx/EzJG1ITU7dGEdAuaUPMVmHAtwACa2oJvrtNwQwAAAABJRU5ErkJggg==) no-repeat 0 0;padding-left:17px}
.user-btns a:hover{background-position:0 -17px;color:#e20055}
.user-btns .separate{display:inline-block;margin:2px 10px;width:1px;height:12px;background-color:#31313b;position:relative;top:2px}
nav{float:left;width:60%}
nav ul{display:table;width:100%}
.hidden-big{display:none}
nav ul li{display:table-cell}
nav ul li a{display:block;position:relative;text-align:center;height:48px;font-size:14px;font-weight:700;line-height:48px;color:#fff;background-color:#31313b;text-transform:uppercase;-webkit-transition:background .3s linear;-ms-transition:background .3s linear;transition:background .3s linear}
nav ul li a:hover,nav ul li.active a{background-color:#e20055}
.search-btn{display:none;position:absolute;top:0;right:0;margin:15px 15px 0 0;width:40px;height:40px;background:url(../img/ico-search-hov.png) no-repeat 0 0;z-index:3;cursor:pointer}
.search-btn.active,.search-btn:hover{background-position:0 -41px}
.search{position:relative;float:right;width:40%}
.search input[type=text]{width:100%;height:48px;line-height:48px;padding:0 45px 0 17px;border:none;background-color:#0b0b0d;color:#b2b2bb}
.search input[type=text]::-webkit-input-placeholder{color:#b2b2bb}
.search input[type=text]::-moz-placeholder{color:#b2b2bb}
.search input[type=text]:-moz-placeholder{color:#b2b2bb}
.search input[type=text]:-ms-input-placeholder{color:#b2b2bb}
.search input[type=submit]{position:absolute;right:0;top:0;width:39px;height:100%;min-height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNDM0RUUxOEUwMTFFNTkxNDFCODNBODcxRTY5MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNDM0RUYxOEUwMTFFNTkxNDFCODNBODcxRTY5MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MzA0MzRFQzE4RTAxMUU1OTE0MUI4M0E4NzFFNjkxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MzA0MzRFRDE4RTAxMUU1OTE0MUI4M0E4NzFFNjkxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PumyDcUAAAFMSURBVHjapNM7SwNBFIbhWbVRUZQgGLRRUISIjZdGDBKwSGNrZy/+kICWgj/AQhCxshUDVrEWBRNMJRKMaSwUr+t74KwMw8wm6IGHTDJnv93MzEZxHBunBlDEko5buMA53k2oJMiyjWbsrzrWnf5f9pc966IGDrCDYzzr7996s2DQltVYQq/TmMGh9nwi7wvqR0ubdkOPjgin2nfpC9rQSVmbvpQgMalPLTVlz3Wx3rO67rIrLya96rjR8bw9IUEZHT+Zzqqpn8NuUDIx0WFQ0tdwz9Ga/udXZNus0Yr2fmHUXexu3GqD7EpPIGQIV9p3EjpHq3o+pMqYc7a9gGvrwC6nnexNvFnNd6jgwfO6VDEeChILOPNc+IEjFPHoC4s8b3+yM4sY1N2pWMcjhzJGUEMB96bNLoXkrCerYeyvQW5Y6T9BYgb7mP4RYABplR434f5b6AAAAABJRU5ErkJggg==) no-repeat center center;border:none;cursor:pointer;-webkit-transition:background .3s linear;-ms-transition:background .3s linear;transition:background .3s linear}
.search input[type=submit]{background-color:rgba(226,0,85,1)}
.menu-btn{float:right;display:none;position:absolute;top:0;left:0;z-index:3;overflow:hidden;margin:15px 0 0 15px;padding:0;width:40px;height:40px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}
.menu-btn span{display:block;position:absolute;top:19px;left:6px;right:6px;height:3px;background:#31313b}
.menu-btn span::after,.menu-btn span::before{position:absolute;display:block;left:0;width:100%;height:3px;background-color:#31313b;content:""}
.menu-btn span::before{top:-9px}
.menu-btn span::after{bottom:-9px}
.sendwich:focus{outline:0}
.sendwich span{-webkit-transition:background 0 .3s;transition:background 0 .3s}
.sendwich span::after,.sendwich span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0;transition-delay:.3s,0}
.sendwich span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
.sendwich span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.sendwich.active span::after,.sendwich.active span::before,.sendwich:hover span,.sendwich:hover span::after,.sendwich:hover span::before{background:#e20055}
.sendwich.active span{background:0 0}
.sendwich.active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.sendwich.active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.sendwich.active span::after,.sendwich.active span::before{-webkit-transition-delay:0,.3s;transition-delay:0,.3s}
@media screen and (max-width:1260px){.user-btns{padding-right:10px}
.logo{position:static}
}
@media screen and (max-width:960px){.wrap-logo{width:155px;height:65px;margin-bottom:5px}
.logo{width:155px}
.logo a{background-size:100%}
.panel{position:static;padding-left:0}
.user-btns{position:absolute;z-index:1;top:10px}
}
@media screen and (max-width:768px){.header-inner{padding-bottom:0}
.user-btns{display:none}
.hidden-big,.menu-btn,.search-btn{display:block}
.wrap-logo{margin:0 auto 5px}
nav{position:absolute;top:100%;left:0;width:100%;z-index:1;transform:translateY(-100%);-ms-transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.expand .responsive-menu{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}
.showsearch .responsive-menu{margin-top:50px}
nav ul,nav ul li{display:block;width:100%}
.search{position:absolute;width:100%;height:50px;padding:5px 10px;top:100%;background-color:#31313b;z-index:2;transform:translateY(-100%);-ms-transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
.showsearch .search{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}
.search input[type=text]{width:100%;height:40px;line-height:40px}
.search input[type=submit]{height:40px;margin-top:5px;margin-right:10px;background-color:transparent}
.search input[type=submit]:hover{background-color:rgba(226,0,85,1)}
.panel{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0;float:none;z-index:1}
.panel .cap{width:100%;height:70px;position:absolute;top:0;left:0;background-color:#fff;z-index:3}
}
/* header*/




/*online*/
.online-box{width:100%; margin-top:50px;}
.online-box .online-bd{width:1200px;margin:0 auto;}
.online-bd .online-city{width:1160px;height:261px;background-color:#fff; margin:0 auto;}
.online-bd .online-city .city-info{width:806px;padding:0 20px;float:left;}
.online-bd .online-city ul li{font-size:14px; padding:16px 0; border-bottom:1px dashed #e1e1e1;}
.online-bd .online-city ul li b{font-weight:normal;color:#999;width:115px; display:inline-block;}
.online-bd .online-city ul li a{color:#666;margin:0 10px;}
.online-bd .online-city ul li a:hover{color:#e20055;}
.online-bd .online-city .city-more{float:right;}
.online-bd .online-city .city-more a{ display:block;width:314px;height:261px; background:url(../img/morecity.jpg) no-repeat center; text-indent:-9999px;}

.online-content{width:1160px;height:auto; margin:20px auto; background-color:#fff; padding:20px 0;}
.online-content .list-inline{width:1120px; border:1px solid #e3e3e3; margin:0 auto;font-size:14px;}
.online-content .list-data{width:1120px; border:1px solid #e3e3e3; border-bottom:0; border-right:0;margin:0 auto;font-size:14px; overflow:hidden;}
.online-content .list-data p{width:559px;height:52px;float:left;margin:0;padding:0;}
.online-content .list-data p i{ font-style:normal;color:#999;font-size:14px;width:114px;height:52px; text-align:center;border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; display:inline-block;line-height:52px;}
.online-content .list-data p small{ font-style:normal;color:#999;font-size:14px;width:125px;height:52px;border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;text-align:center;display:inline-block;line-height:52px;}
.online-content .list-data p a{ color:#666;font-size:14px;width:320px;height:52px;border-right:1px solid #e3e3e3; border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;text-align:center;display:inline-block;line-height:52px;}
.online-content .list-data p a:hover{ color:#e20055;}
.online-content .inner-box{width:1120px; margin:0 auto;}
.online-content table{width:1080px; margin:20px auto; text-align:center;color:#999;}
.online-content table th{height:32px; background-color:#f1f1f1;}
.online-content table td a{color:#666;}
.online-content table td a:hover{color:#e20055;font-weight:bold;}
.online-content table td{ height:44px; border-bottom:1px dashed #e3e3e3;}

.online-content .pager{ text-align:center;margin:50px 0;}
.online-content .pager a{margin:0 10px;color:#999;font-size:14px;}
.online-content .pager a:hover{color:#e20055; text-decoration:line-through;}

/*online*/

/*onlineInfo*/
.online-content .info-hd{height:140px;  border-bottom:1px solid #e3e3e3;}
.info-hd .hd-lf{ float:left;width:90%;}
.hd-lf h1{ font-size:27px; font-weight:700;}
.hd-lf p{ color:#a5a5a5; }
.hd-lf p i{font-style:normal; margin-right:30px;font-size:14px;}
.hd-lf p small{font-style:normal; margin-right:30px;font-size:14px;}
.hd-lf p em{font-style:normal;font-size:14px;}
.info-hd .hd-rt{float:right;width:10%; line-height:140px;}
.hd-rt a{font-size:16px;color:#666;}
.hd-rt a:hover{font-size:16px;color:#e20055;}
.hd-rt a span{color:#e3e3e3;}
.online-content .info-bd{ clear:both; margin-top:40px;font-size:16px; padding:0 30px; overflow:hidden;}
.info-bd h2{font-size:20px;font-weight:700;margin:30px 0; position:relative }
.info-bd .icon{position:absolute;width:16px; height:26px; left:-50px;top:0; background:url(../img/h2-icon.jpg) no-repeat;}
.online-content .info-btn{height:100px; margin-top:80px;}
.info-btn p{color:#999;font-size:14px;}
.info-btn a{width:160px;height:53px; background-color:#f46c0b; display:block; color:#fff; text-align:center; line-height:53px;}
.online-content .info{border:1px solid #e9f6e9; background-color:#f6fff2; padding:30px;}
.info i{color:#e20055;font-size:30px; text-decoration:underline;}

/*添加信息*/
.addInfo{width:1200px; margin:50px auto;}
.addInfo table select{border:1px solid #aaa;width:218px; height:28px;}
.addInfo table{width:1160px; margin:0 auto;border:1px solid #cdcdcd;font-size:16px;}
.addInfo table .edit-box{padding:20px 0;}
.addInfo table .hd{height:52px;font-size:14px; text-indent:58px; background:url(../img/info-icon.jpg) no-repeat left center #efefef;font-weight:700;color:#666; border-bottom:1px solid #cdcdcd;}
.addInfo table .control-group td{ border-bottom:1px solid #eee; height:61px; background:#f9f9f9;}
.addInfo table .edit{border-bottom:1px solid #eee; background:#f9f9f9;}
.addInfo table .form-actions{padding-left:20px; background-color:#f5f5f5;height:80px;}
.addInfo table .btn{width:128px;height:37px;background-color:#5bb75b;border:none;color:#fff;font-size:16px; font-family:"Microsoft YaHei";}


/*选择类型*/
.type{width:1200px;height:102px; overflow:hidden; margin:20px 0;}
.type a{width:280px;height:102px;display:block; float:left; text-indent:-9999px; border:1px solid #e3e3e3;}
.type .bath{margin-left:20px;}
.type .hotel{margin-left:13px;}
.type .sukhniwas{margin-left:14px;}
.type .fenglou{margin-left:13px; margin-right:20px;}
.type .bath{ background:url(../img/xiyu.jpg) no-repeat left top;}
.type .bath:hover{ border:1px solid #ff7674;}
.type .hotel{ background:url(../img/jiudian.jpg) no-repeat left top;}
.type .hotel:hover{ border:1px solid #efc743;}
.type .sukhniwas{ background:url(../img/xiuxian.jpg) no-repeat left top;}
.type .sukhniwas:hover{ border:1px solid #50abf2;}
.type .fenglou{ background:url(../img/fenglou.jpg) no-repeat left top;}
.type .fenglou:hover{ border:1px solid #6750f0;}
.type .current_nav{ background-position:left -101px;}

/*首页选择类型*/
.type-index{width:1200px;height:239px; overflow:hidden; margin:20px 0;}
.type-index a{width:280px;height:239px;display:block; float:left; text-indent:-9999px; border:1px solid #e3e3e3;}
.type-index .inbath{margin-left:20px;}
.type-index .inhotel{margin-left:13px;}
.type-index .insukhniwas{margin-left:14px;}
.type-index .infenglou{margin-left:13px; margin-right:20px;}
.type-index .inbath{ background:url(../img/inxiyu.jpg) no-repeat left top;}
.type-index .inbath:hover{ border:1px solid #ff7674;}
.type-index .inhotel{ background:url(../img/injiudian.jpg) no-repeat left top;}
.type-index .inhotel:hover{ border:1px solid #efc743;}
.type-index .insukhniwas{ background:url(../img/inxiuxian.jpg) no-repeat left top;}
.type-index .insukhniwas:hover{ border:1px solid #50abf2;}
.type-index .infenglou{ background:url(../img/infenglou.jpg) no-repeat left top;}
.type-index .infenglou:hover{ border:1px solid #6750f0;}
.type-index .current_nav{ background-position:left -239px;}





/*选择类型*/
/*内页城市*/
.p-city-list{width:1160px; height:114px; padding:20px; background-color:#fff;margin:0 auto;font-size:14px;color:#666}
.p-city-list .pt10{padding-top:10px}
.p-city-list .color-pink{color:#e20055}
.p-city-list input,.p-city-list select{color:#666}
.p-city-list a{color:#666;font-weight:700;}
.p-city-list a:hover{color:#e20055;}
.p-city-list .enter-city{width:100%;height:30px;padding-top:10px}
.p-city-list .enter-city a,.p-city-list .enter-city b,.p-city-list .enter-city span{display:inline-block}
.p-city-list .enter-city .enter-txt{padding-top:12px}
.p-city-list .enter-city a{height:30px;padding-left:17px}
.p-city-list .enter-city a b{height:30px;line-height:30px;font-size:24px;font-family:"\5FAE\8F6F\96C5\9ED1",Simhei;font-weight:400}
.p-city-list .enter-city a .arrow{font-size:12px;padding:15px 0 0 5px}
.p-city-list .hot-city{height:15px;line-height:100%;padding-bottom:20px;border-bottom:1px solid #F0F0F0;overflow:hidden}
.p-city-list .hot-city a{padding-left:15px}
.p-city-list .select-city-wrap select{width:140px;height:21px;font-size:12px;margin-right:3px;border:1px solid #CCC}
.p-city-list .select-city-wrap b,.p-city-list .select-city-wrap label{padding-right:3px}
.p-city-list .select-city-wrap label{font-weight:700}
.p-city-list .select-city-wrap .select-provice .btn-s{display:inline-block;height:20px;line-height:20px;padding:0 13px;color:#fff;border-radius:1px;border:0}
.p-city-list .select-city-wrap .select-provice .btn-pink{border-bottom:1px solid #fd518b;background:#e20055}
.p-city-list .select-city-wrap .select-provice .btn-pink:hover{color:#fff;background:#f41b6d}
.p-city-list .select-city-wrap .select-city{position:relative;padding-left:40px}
.p-city-list .select-city-wrap .select-city .form{width:180px;border:1px solid #CCC;line-height:14px;height:14px;padding:8px;font-size:12px}
.p-city-list .select-letter-wrap{margin-bottom:60px}
.p-city-list .select-letter-wrap ul{height:auto;overflow:hidden}
.p-city-list .select-letter-wrap .pt15{padding-bottom:15px}
.p-city-list .select-letter-wrap .city-list-wrap{width:100%;height:auto;overflow:hidden}
.p-city-list .select-letter-wrap .city-list-wrap .city-list{height:auto;overflow:hidden;border-bottom:1px solid #F0F0F0;background:#FAFAFA;z-index:1}
.p-city-list .select-letter-wrap .city-list-wrap .city-list .arrow{display:none}
.p-city-list .select-letter-wrap .city-list-wrap .city-list .letter{display:block;padding-top:13px;width:55px;line-height:100%;font-size:20px;text-align:center;z-index:1}
.p-city-list .select-letter-wrap .city-list-wrap .city-list .cities{width:875px;padding:10px 25px;background:#FFF}
.p-city-list .select-letter-wrap .city-list-wrap .city-list .cities li{float:left;line-height:26px;padding-right:15px;white-space:nowrap}
.p-city-list .select-letter-wrap .city-list-wrap .city-list-hover{background:#F69;cursor:pointer}
.p-city-list .select-letter-wrap .city-list-wrap .city-list-hover .arrow{display:inline-block;position:absolute;top:18px;right:0;width:0;height:0;line-height:0;font-size:0;border-width:5px;border-style:solid;border-color:#F69 #FFF #F69 #F69;z-index:10}
.p-city-list .select-letter-wrap .city-list-wrap .city-list-hover .letter{position:relative;color:#FFF}
.p-city-list .select-letter-wrap .city-list-wrap .city-list-hover .cities{background:#FAFAFA}
.select-city-list{margin-top:2px;width:188px;border:1px solid #CCC;border-top:0;font-size:12px;background:#FFF}
.select-city-list a{display:block;width:168px;padding:5px 10px;line-height:15px;height:15px}
.select-city-list a span{display:block}
.select-city-list a span.fl{color:#333;width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-city-list a span.fr{color:#999;width:70px;white-space:nowrap;overflow:hidden;text-align:right}
.select-city-list a:hover{background:#e20055}
.select-city-list a:hover span.fl{color:#FFF}
.select-city-list a:hover span.fr{color:#FFF}
.select-city-list a.hover{background:#e20055}
.select-city-list a.hover span.fl{color:#FFF}
.select-city-list a.hover span.fr{color:#FFF}

/*内页城市*/


/* footer*/
footer .container{padding:25px 0 17px;overflow:hidden}
.flogo{float:left;margin-bottom:15px}
.flogo a,.flogo img{display:block}
.footer-panel{width:80%;float:right;font-size:12px;text-align:right}
.navf{overflow:hidden;margin-bottom:7px;float:right}
.navf li{position:relative;float:left;margin-right:18px}
.navf li:before{position:absolute;content:'';top:2px;right:-10px;width:1px;height:11px;background-color:#68687a}
.navf li:last-child{margin:0}
.navf li:last-child:before{display:none}
.navf li a{color:#68687a;font-size:13px}
.navf li a:hover{color:#e20055}
.footer-desc{color:#31313b;clear:both}
@media screen and (max-width:1260px){footer .container{padding:25px 10px 17px}
.footer-panel{width:75%}
}
@media screen and (max-width:1035px){.footer-panel{width:100%;text-align:left}
.navf{display:inline-block;float:left}
}
/* footer*/