/************************************************************/
* { padding: 0; margin: 0; }
html, body { height: 100%; }
li { list-style: none; }
footer { height: 35px; overflow: visible; position: relative; z-index: 10; }
footer .copyright { color: #000; }
footer a { color: #000 !important; font-size: 12px; }
.page { min-height: 100%; padding-bottom: 30px; -webkit-box-sizing: border-box; word-wrap: break-word; word-break: keep-all; }


.list-item { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4); }
/**************************幻灯片切换**************************/
.box_swipe { overflow: hidden; position: relative; }
.box_swipe ul { -webkit-padding-start: 0px; }

.box_swipe > ol { height: 20px; position: relative; z-index: 10; margin-top: -25px; text-align: right; padding-right: 15px; background-color: rgba(0,0,0,0.3); }
.box_swipe > ol > li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.box_swipe > ol > li.on { background-color: #ffffff; }
/*************************************************************/

/**************************详情页推荐列表**************************/
.recommend > label { font-size: 15px; line-height: 30px; -webkit-background-size: 25px auto; background-size: 25px auto; }
.recommend > ul { -webkit-padding-start: 0px; }
.recommend > label > img { vertical-align: middle; margin-right: 10px; }
.recommend li { border-top: 1px solid #aaa; list-style: none; background: url("../../img/site/arr.png") no-repeat right center; }
.recommend li > a { text-decoration: none; color: #000; display: block; text-overflow: ellipsis; height:30px;  overflow: hidden; white-space: normal; line-height: 30px;  margin-right: 10px;}
/*************************************************************/

.head_logo { color: #000; padding: 5px 0; position: relative; background: url("../../img/site/1.png") no-repeat center 0, url("../../img/site/1.png") no-repeat center 66px; -webkit-background-size: 85% 3px; background-size: 85% 3px; margin: 5px 0; }
.head_logo:after { font-size: 20px; content: ">"; display: inline-block; width: 20px; height: 20px; position: absolute; right: 10px; z-index: 10; top: 25px; color: #aaa; }
.head_logo > div { vertical-align: middle; display: table-cell; }
.head_logo > div:nth-of-type(2) { }
.head_logo span { display: inline-block; width: 60px; height: 60px; margin-right: 10px; border-radius: 60px; border: 1px solid #fff; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-box-shadow: 1px 1px 1px #ccc; }
.head_logo label { font-size: 16px; }

.link_tel { display: block !important; line-height: 40px !important; margin: 10px 10px 0 10px; margin-top: 10px !important; background: #ea5946; color: #fff !important; text-align: center; border-radius: 5px; word-spacing: nowrap; overflow: hidden; font-size: 18px; position: relative; }
.link_tel:before { font-size: 20px; margin-left: 0; position: absolute; left: 10px; top: 2px; font-size: 25px; }

.list_font { padding: 5px; }
.list_font li { overflow: hidden; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100px; width: 50% !important; display: inline-block; float: left; padding: 2px; background: #d87570; -webkit-background-clip: content; -moz-background-clip: content; background-clip: content; text-align: center; }
.list_font li a { color: #fff; display: inline-block; width: 100%; height: 100%; /*border:1px solid transparent;*/ }
.list_font span[class^="icon"] { display: inline-block; width: 30px; height: 30px; /*background:#fff;*/ font-size: 30px; }
.list_font div:first-child { margin-top: 20px; margin-bottom: 5px; }

.list_font li a p { font-size: 16px; }
.list_font li a p > small { font-size: 12px; display: block; }

/*********************************************/
.menu_font { background: rgba(0,0,0,0.8); border-radius: 5px; width: 120px; position: relative; margin-top: 10px; }
.menu_font:after { position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-width: 0px 6px 6px 6px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.8) transparent; top: -6px; left: 70%; }

.menu_font li { border-top: 1px solid rgb(64, 72, 75); border-bottom: 1px solid rgb(0, 6, 9); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font a { height: 35px; line-height: 35px; /*background:#fff;*/ position: relative; color: #fff; display: block; width: 100%; text-indent: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font a:before { margin-right: 5px; }


/*plugmenu*/
/****************************************************************************/
.plug-wrap { position: absolute; height: 100px; background: rgba(0,0,0,0); top: 0; left: 0; width: 0; height: 0; z-index: 800; display: none !important; }

.plug-div { position: fixed; bottom: 0; left: 0px; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.plug-menu { -webkit-appearance: button; display: inline-block; width: 36px !important; height: 36px !important; border-radius: 36px; position: absolute; bottom: 17px; left: 17px; z-index: 999; -moz-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-color: #B70000; -webkit-transition: -webkit-transform 200ms; -webkit-transform: rotate(1deg); color: #fff; background-image: url("img/plugmenu.png"); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; }
.plug-menu:before { font-size: 20px; margin: 9px 0 0 9px; }
.plug-menu:checked { -webkit-transform: rotate(135deg); }

.plug-phone > div { width: 32px; height: 32px; border-radius: 32px; -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); background: #B70000; position: absolute; bottom: 0; left: 0; margin-bottom: 20px; margin-left: 20px; z-index: 900; -webkit-transition: -webkit-transform 200ms; }
.plug-phone > div a { color: #fff; font-size: 20px; display: block; height: 100%; line-height: 33px; text-align: center; }

.plug-phone > div.on:nth-of-type(1) { -webkit-transform: translate(0, -100px) rotate(720deg); }

.plug-phone > div.on:nth-of-type(2) { -webkit-transform: translate(47px, -81px) rotate(720deg); }

.plug-phone > div.on:nth-of-type(3) { -webkit-transform: translate(81px, -45px) rotate(720deg); }

.plug-phone > div.on:nth-of-type(4) { -webkit-transform: translate(100px, 0) rotate(720deg); }



/****************************************for font template****************************************************/
.body { padding-bottom: 40px; -webkit-box-sizing: border-box; }
.body ~ footer { text-align: center; position: relative; }

.top_bar { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; }
/*.top_bar + * { padding-top: 35px; }**/
.top_menu { display: -webkit-box; background: -webkit-gradient(linear, 0 0, 0 100%, from(#212C30), to(#121619)); }

.top_bar .top_menu > li { -webkit-box-flex: 1; height: 35px; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1))); -webkit-background-size: 1px 80%; background-size: 1px 80%; background-position: right center; background-repeat: no-repeat; position: relative; text-align: center; }
.top_menu > li:last-of-type { background: none; }
.top_menu > li span { display: inline-block; height: 100%; width: 25px; margin: auto; font-size: 24px; color: #fff; line-height: 35px; /*background: url(../../img/icons.png) no-repeat 0 5px;*/ }
.top_menu > li span.i_back { background-position: 0 5px; }
.top_menu > li span.i_home { background-position: -33px 5px; }
.top_menu > li span.i_tel { background-position: -65px 5px; }
.top_menu > li span.i_menu { background-position: -95px 5px; }

.menu_font { text-align: left; position: absolute; top: 35px; right: 10px; z-index: 500; }
.menu_font.hidden { display: none; }

/*******************************************/
#mcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#mcover img { position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 20001; }
.text { margin: 15px 0; font-size: 14px; word-wrap: break-word; color: #727272; }
#mess_share { margin: 15px 0; display: block; }
#share_1 { float: left; width: 49%; display: block; }
#share_2 { float: right; width: 49%; display: block; }
.clr { display: block; clear: both; height: 0; overflow: hidden; }
.button2 { font-size: 16px; padding: 8px 0; border: 1px solid #adadab; color: #000000; background-color: #e8e8e8; background-image: linear-gradient(to top, #dbdbdb, #f4f4f4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #fff; text-align: center; border-radius: 3px; width: 100%; }
#mess_share img { width: 22px !important; height: 22px !important; vertical-align: top; border: 0; }


/**********************audio***********************/
.btn_music { display: inline-block; width: 35px; height: 35px; background: url('img/play.png') no-repeat center center; background-size: 100% auto; position: absolute; z-index: 100; left: 15px; top: 20px; }
.btn_music.on { background-image: url('img/stop.png'); }

.music1 .btn_music { display: inline-block; width: 25px; height: 25px; margin: 5px 10px; min-width: 25px; background: url("img/music.png") no-repeat right center; background-size: auto 100%; }
.music1 .btn_music.on { background-position: 0 center; }

.music1 audio { pointer-events: none; display: none; width: 0; height: 0; }

.music1.pos_left_top { display: inline-block; width: 40px; height: 40px; position: absolute; z-index: 5000; left:30px; top:30px; }


/******************************动画*************************/
#iframe_screen { background: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 300000; overflow: hidden; }
/******************************/
a.btn_music[data-type="2"] { display: inline-block; width: 25px; height: 25px; margin: 5px 10px; min-width: 25px; background: url("../../img/template/lib/v72_2.png") no-repeat right center; background-size: auto 100%; }
a.btn_music[data-type="2"].on { background-position: 0 center !important; }
/*****************************/
.copyright { color: #FFFFFF; }
.copyright { text-align: center; height: 48px; line-height: 48px; }


.list-item { position: relative; display: block; height: 68px; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #f1f1f1 )); background-image: -webkit-linear-gradient( #fff , #f1f1f1 ); background-image: -moz-linear-gradient( #fff , #f1f1f1 ); background-image: -ms-linear-gradient( #fff , #f1f1f1 ); background-image: -o-linear-gradient( #fff , #f1f1f1 ); background-image: linear-gradient( #fff , #f1f1f1 ); overflow: hidden; border-bottom: 1px solid #ccc; }

.list-item-line { display: table-cell; height: inherit; background-position: center; background-repeat: no-repeat; padding-left: 60px; vertical-align: middle; padding-right: 32px; }

.list-item-image { position: absolute; display: block; left: 6px; width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/icons.png); top: 50%; margin-top: -24px; }

.list-item-title { color: #000000; font-size: 16px; white-space: nowrap; zoom: 1; }

.list-item-summary { margin-top: 3px; font-size: 12px; color: #C0C0C0; line-height: 12px; max-height: 23px; overflow: hidden; }

.list-item-icon { position: absolute; right: 12px; top: 50%; margin-top: -9px; width: 18px; height: 18px;  background-repeat: no-repeat; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.list-item-icon-two { position: absolute; right: 12px; top: 50%; margin-top: -9px; width: 18px; height: 18px;  background-repeat: no-repeat; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }